.skeleton-pagina {
    position: fixed;
    inset: 0;
    z-index: var(--z-overlay-carga);
    overflow: hidden;
    background: #fcfaf6;
    transition: opacity .45s ease, visibility .45s ease;
}

.skeleton-pagina.oculto { opacity: 0; visibility: hidden; }
.skeleton-cabecera { height: 112px; background: #ece7df; }
.skeleton-hero { height: min(680px, 72vh); min-height: 560px; margin-top: 1px; background: #eee8dd; }
.skeleton-contenido { width: min(1180px, calc(100% - 48px)); margin: 75px auto; }
.skeleton-titulo { width: 260px; height: 48px; margin-bottom: 30px; border-radius: 4px; background: #e9e3da; }
.skeleton-tarjetas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.skeleton-tarjeta { aspect-ratio: .72; border-radius: 3px; background: #eee9e1; }
.skeleton-detalle { padding-top: 65px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 7vw; }
.skeleton-fotos { aspect-ratio: 1.05; background: #ece6dc; }
.skeleton-info { padding-top: 35px; }
.skeleton-linea { width: 38%; height: 14px; margin-bottom: 25px; background: #e9e3da; }
.skeleton-linea-grande { width: 85%; height: 65px; }
.skeleton-boton { width: 100%; height: 54px; margin-top: 80px; background: #e9e3da; }
.skeleton-admin { display: grid; grid-template-columns: 255px 1fr; background: #f4f1ec; }
.skeleton-admin-lateral { background: #e1d9d4; }
.skeleton-admin-area { display: flex; flex-direction: column; }
.skeleton-admin-cabecera { height: 92px; background: #e9e4de; }
.skeleton-admin-contenido { padding: 55px 42px; }
.skeleton-admin-tarjetas { margin-top: 45px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.skeleton-admin-tarjetas span { height: 165px; background: #e7e1da; }
.skeleton-admin-formulario { height: 430px; margin-top: 40px; background: #e7e1da; }
.skeleton-brillo { position: relative; overflow: hidden; }
.skeleton-brillo::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(100deg, transparent 25%, rgba(255,255,255,.72) 47%, transparent 69%);
    transform: translateX(-100%);
    animation: brillo-skeleton 1.3s infinite;
}

@keyframes brillo-skeleton { to { transform: translateX(100%); } }

@media (max-width: 700px) {
    .skeleton-cabecera { height: 98px; }
    .skeleton-hero { height: 640px; min-height: 0; }
    .skeleton-contenido { width: calc(100% - 28px); }
    .skeleton-tarjetas { grid-template-columns: repeat(2, 1fr); }
    .skeleton-detalle { padding-top: 30px; grid-template-columns: 1fr; }
    .skeleton-info { display: none; }
    .skeleton-admin { grid-template-columns: 1fr; }
    .skeleton-admin-lateral { display: none; }
    .skeleton-admin-contenido { padding: 35px 20px; }
    .skeleton-admin-tarjetas { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-brillo::after { animation: none; }
}