/* Estilos de la reestructuración (2026-10-15): portada con dos tarjetas, /secretaria, /instalaciones, /tus-datos.
   output.css es Tailwind compilado y no se puede recompilar en el LXC: lo que falte, aquí. Subir sitio_css_version en main.py al cambiarlo. */
.nav-activo { color: #2540cc; }
.puerta-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 768px) { .puerta-grid { grid-template-columns: 1fr 1fr; } }
.puerta {
  display: flex; flex-direction: column; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff;
  padding: 2rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); text-decoration: none; color: inherit;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
@media (min-width: 640px) { .puerta { padding: 2.5rem; } }
.puerta:hover, .puerta:focus-visible { border-color: #2540cc; box-shadow: 0 10px 25px -10px rgba(37,64,204,.35); transform: translateY(-2px); }
.puerta:focus-visible { outline: 3px solid #2540cc; outline-offset: 3px; }
.puerta-icono { height: 3.5rem; width: 3.5rem; border-radius: .75rem; display: flex; align-items: center; justify-content: center; background: #2540cc; color: #fff; }
.puerta-icono svg { height: 1.75rem; width: 1.75rem; }
.puerta h2 { margin-top: 1.5rem; font-size: 1.5rem; line-height: 2rem; font-weight: 700; color: #0f172a; }
@media (min-width: 640px) { .puerta h2 { font-size: 1.875rem; line-height: 2.25rem; } }
.puerta p { margin-top: .75rem; color: #475569; line-height: 1.625; flex: 1; }
.puerta-ir { margin-top: 1.5rem; font-weight: 600; color: #2540cc; }
.tarjetas-3 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 640px) { .tarjetas-3 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .tarjetas-3 { grid-template-columns: 1fr 1fr 1fr; } }
.tarjeta-destacada { border-color: #2540cc !important; background: #eef2ff !important; }
.franja-datos { display: flex; flex-direction: column; gap: .75rem; align-items: flex-start; }
@media (min-width: 640px) { .franja-datos { flex-direction: row; align-items: center; justify-content: space-between; } }
.texto-largo h2 { margin-top: 2.5rem; font-size: 1.375rem; line-height: 1.875rem; font-weight: 700; color: #0f172a; }
.texto-largo p, .texto-largo li { margin-top: 1rem; color: #475569; line-height: 1.75; }
.texto-largo ul { list-style: disc; padding-left: 1.25rem; }
.texto-largo li { margin-top: .5rem; }
.pendiente-texto { border: 2px dashed #d97706; background: #fffbeb; color: #92400e; border-radius: .75rem; padding: 1rem 1.25rem; }
/* Cajas de «Cobertura»: output.css no trae p-4 ni rounded-xl (la caja salía sin relleno). */
.p-4 { padding: 1rem; } .rounded-xl { border-radius: .75rem; }
/* «Cómo funciona» de /secretaria (2026-10-15). */
.pasos-4 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; list-style: none; padding: 0; }
@media (min-width: 640px) { .pasos-4 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .pasos-4 { grid-template-columns: repeat(4, 1fr); } }
.paso-num { display: inline-flex; height: 2.5rem; width: 2.5rem; border-radius: 9999px; align-items: center; justify-content: center; background: #2540cc; color: #fff; font-weight: 700; }
.sr-solo { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Logo (2026-10-21): cabecera, portada y pie. El PNG ya trae el círculo recortado con fondo transparente. */
.marca-logo { height: 2.5rem; width: 2.5rem; flex: none; transition: transform .2s; }
.marca:hover .marca-logo { transform: rotate(-8deg) scale(1.05); }
.pie-marca { display: flex; align-items: center; gap: 1rem; }
.pie-logo { height: 3.5rem; width: 3.5rem; flex: none; }
.hero-fila { display: flex; align-items: center; justify-content: space-between; gap: 2.5rem; }
.hero-logo { display: none; width: 16rem; height: 16rem; flex: none; filter: drop-shadow(0 18px 30px rgba(37,64,204,.22)); }
@media (min-width: 1024px) { .hero-logo { display: block; } }
@media (prefers-reduced-motion: reduce) { .marca-logo { transition: none; } .marca:hover .marca-logo { transform: none; } }
/* /secretaria e /instalaciones (2026-10-22): logo a la izquierda del enunciado. */
.hero-izq { justify-content: flex-start; gap: 3rem; }