/* Las demos de Cervaleda (9-oct-2026): marcos aislados con la copia de las demos de la página publicada (pruebas/embeds_cervaleda.py).
   Los altos de partida son los MEDIDOS del contenido a cada ancho (el marco avisa del real al cargar): así la página no se mueve cuando llegan. */
.cerv-p { max-width:44em; margin-top:calc(14 * var(--u)); color:var(--ink-3); font-size:var(--fs-m); line-height:1.5 }
.cerv-marco { position:relative; margin-top:clamp(20px, 2.4vw, 40px) }
/* el plano de Cervaleda, más ancho que el texto: con 1.181 px o más de marco la demo se pone en tres columnas (plano · ficha · leyenda) y el plano y su ficha caben en la misma pantalla */
@media (min-width: 1245px) { .cerv-marco[data-v="plano"] { --cv-w:min(100vw - 64px, 1560px); margin-inline:calc((100% - var(--cv-w)) / 2) } }
.cerv-f { display:block; width:100%; border:0; background:transparent }
.cerv-marco[data-v="plano"] .cerv-f { height:960px } .cerv-marco[data-v="ven"] .cerv-f { height:1060px }
@media (min-width: 1900px) { .cerv-marco[data-v="plano"] .cerv-f { height:1010px } .cerv-marco[data-v="ven"] .cerv-f { height:1140px } }
@media (max-width: 1244px) { .cerv-marco[data-v="plano"] .cerv-f { height:1305px } .cerv-marco[data-v="ven"] .cerv-f { height:1050px } }
@media (max-width: 1023px) { .cerv-marco[data-v="plano"] .cerv-f { height:1300px } .cerv-marco[data-v="ven"] .cerv-f { height:2100px } }
@media (max-width: 760px) { .cerv-marco[data-v="plano"] .cerv-f { height:2200px } .cerv-marco[data-v="ven"] .cerv-f { height:1750px } }
/* mientras el marco carga: una barra gris (nunca un hueco en blanco); se va cuando el marco avisa con load */
.cerv-marco::before { content:""; position:absolute; left:0; right:0; top:0; height:min(100%, 640px); border-radius:clamp(20px, 2vw, 32px); background:linear-gradient(100deg, #eceef2 30%, #f5f6f8 50%, #eceef2 70%) 0 0 / 220% 100%; animation:cervbarra 1.4s linear infinite; pointer-events:none }
.cerv-marco.listo::before { display:none }
@keyframes cervbarra { to { background-position:-220% 0 } }
@media (prefers-reduced-motion: reduce) { .cerv-marco::before { animation:none } }