/* public/assets/app.css */ /* -------------------------------- */ /* PALETA */ /* -------------------------------- */ :root{ --cr-red: #D62828; --cr-red-dark: #c51313; --cr-dark: #111; --cr-light: #fff6f7; /* mismo rosa que la web principal */ } /* -------------------------------- */ /* TIPOGRAFÍA + BASE */ /* -------------------------------- */ html, body { margin: 0; padding: 0; } body{ font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 17px; line-height: 1.5; background: var(--cr-light); color: var(--cr-dark); } /* -------------------------------- */ /* CABECERA INTRANET */ /* -------------------------------- */ .intranet-header { background: var(--cr-red); border-bottom: 4px solid var(--cr-red-dark); } .intranet-nav { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0.35rem 0; } .intranet-brand { display: flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; font-weight: 800; letter-spacing: .02em; font-size: 1.2rem; } .intranet-brand img { height: 56px; width: auto; display: block; } .intranet-brand span { white-space: nowrap; } /* Enlaces de navegación */ .intranet-header nav a { color: #fff; text-decoration: none; margin-left: 20px; font-size: 0.98rem; font-weight: 600; } .intranet-header nav a.admin { color: #ffe066; font-weight: 700; } .intranet-header nav a:hover { opacity: .85; } /* ---------- Responsive barra intranet ---------- */ /* Tablet y móvil: logo arriba y menú debajo */ @media (max-width: 768px) { .intranet-nav { flex-direction: column; align-items: flex-start; padding: 0.5rem 0.25rem; } .intranet-brand { margin-bottom: 0.35rem; font-size: 1.05rem; } .intranet-brand img { height: 48px; } .intranet-header nav { width: 100%; display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; } .intranet-header nav a { margin-left: 0; font-size: 0.94rem; } } /* Móvil pequeño: menú en columna para que no se amontonen los enlaces */ @media (max-width: 480px) { .intranet-header nav { flex-direction: column; align-items: flex-start; } .intranet-header nav a { padding: 2px 0; } } /* -------------------------------- */ /* CONTENIDO PRINCIPAL */ /* -------------------------------- */ .intranet-main { padding-top: 2.5rem; padding-bottom: 3rem; } .intranet-shell { background: #ffffff; border-radius: 1rem; box-shadow: 0 8px 24px rgba(0,0,0,.04); padding: 1.75rem 1.75rem 2.25rem; } /* -------------------------------- */ /* TARJETAS / COMPONENTES GENERALES */ /* -------------------------------- */ .card{ border-radius: 14px; } /* Botones con rojo corporativo */ .bg-cr{ background-color: var(--cr-red) !important; } .text-cr{ color: var(--cr-red) !important; } .btn-cr{ background-color: var(--cr-red); color: #fff; border: none; } .btn-cr:hover{ filter: brightness(0.9); } /* -------------------------------- */ /* LOGIN: SIN CABECERA */ /* -------------------------------- */ /* Cuando el tenga clase "no-header", ocultamos el header rojo */ .no-header .site-header { display: none; } /* -------------------------------- */ /* IMÁGENES DE NOTICIAS/EVENTOS */ /* -------------------------------- */ /* Miniaturas en el listado de inicio (home intranet) */ .intranet-list-thumb { width: 80px; height: 80px; object-fit: cover; object-position: center; border-radius: 10px; } /* Imagen grande en la ficha de noticia / evento */ .intranet-detail-image { max-height: 380px; /* límite máximo de alto */ width: auto; max-width: 100%; object-fit: contain; /* se ve completa */ display: block; margin: 0 auto; }