/* Ayudas del editor: no se entregan en la web pública. */
.guia-portada { padding: 20px; margin: 16px 0; border: 1px solid #ddd; background: #fafafa; }
.guia-portada summary { cursor: pointer; font-weight: 600; }
.guia-portada__paneles { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; margin: 24px 0; }
.guia-portada__vista { min-width: 0; }
.guia-portada__titulo { margin: 0 0 12px; }
.guia-portada__vista:last-child { max-width: 280px; }
.guia-portada__plano { position: relative; isolation: isolate; overflow: clip; background: #ddd; }
.guia-portada__plano > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.guia-portada__velo { position: absolute; inset: 0; --direccion: 90deg; background: linear-gradient(var(--direccion), rgba(255,255,255,.94), rgba(255,255,255,.84) 25%, rgba(255,255,255,.35) 42%, transparent 62%); }
.guia-portada__plano[data-lado="der"] .guia-portada__velo { --direccion: 270deg; }
.guia-portada__plano[data-tema="oscuro"] .guia-portada__velo { background: linear-gradient(var(--direccion), rgba(0,0,0,.8), rgba(0,0,0,.74) 25%, rgba(0,0,0,.3) 42%, transparent 62%); }
.guia-portada__tercios { position: absolute; inset: 0; background: linear-gradient(90deg, transparent calc(33.333% - .5px), #fff9 33.333%, transparent calc(33.333% + .5px), transparent calc(66.666% - .5px), #fff9 66.666%, transparent calc(66.666% + .5px)), linear-gradient(0deg, transparent calc(33.333% - .5px), #fff9 33.333%, transparent calc(33.333% + .5px), transparent calc(66.666% - .5px), #fff9 66.666%, transparent calc(66.666% + .5px)); }
.guia-portada__margen { position: absolute; inset: 6%; border: 1px dashed #333; outline: 1px dashed #fff; }
.guia-portada__sujeto, .guia-portada__texto, .guia-portada__controles { position: absolute; padding: 6px; font-size: 11px; line-height: 1.3; color: #111; background: #ffffffe6; border: 1px solid; }
.guia-portada__sujeto { left: 55%; top: 8%; width: 39%; height: 54%; border-color: #287965; background: #e1f2e5b3; }
.guia-portada__texto { left: 4%; top: 44%; width: 44%; height: 42%; border-color: #8a5723; background: #fff0dab3; }
.guia-portada__plano[data-lado="der"] .guia-portada__sujeto { left: 6%; }
.guia-portada__plano[data-lado="der"] .guia-portada__texto { left: 52%; }
.guia-portada__controles { left: 4%; top: 91%; width: 92%; height: 5%; padding: 0 6px; font-size: 9px; border-color: #666; }
.guia-portada__plano--movil .guia-portada__velo { background: linear-gradient(0deg, rgba(255,255,255,.94), rgba(255,255,255,.88) 24%, rgba(255,255,255,.38) 38%, transparent 55%); }
.guia-portada__plano--movil[data-tema="oscuro"] .guia-portada__velo { background: linear-gradient(0deg, rgba(0,0,0,.88), rgba(0,0,0,.78) 36%, rgba(0,0,0,.38) 54%, transparent 74%); }
.guia-portada__plano--movil .guia-portada__sujeto, .guia-portada__plano--movil[data-lado="der"] .guia-portada__sujeto { left: 6%; top: 8%; width: 88%; height: 30%; }
.guia-portada__plano--movil .guia-portada__texto, .guia-portada__plano--movil[data-lado="der"] .guia-portada__texto { left: 6%; top: 45%; width: 88%; height: 43%; }
.guia-portada--sin-lineas .guia-portada__lineas { display: none; }
@media (max-width: 760px) { .guia-portada { padding: 12px; } .guia-portada__paneles { grid-template-columns: minmax(0, 1fr); } }