/*
Theme Name: SDB Encuentros (hijo de Divi)
Theme URI: https://edubridges.com
Description: Tema hijo de Divi para sdb.edu.pe — Encuentros formativos de los Salesianos del Perú. Cabecera y pie al estilo salesiano; cada encuentro toma su propio logo y paleta.
Author: EDUBRIDGES.COM
Author URI: https://edubridges.com
Template: Divi
Version: 1.0.0
Text Domain: sdb-encuentros
*/

/* ===========================================================================
   TOKENS
   Cada encuentro redefine --sdb-primario / --sdb-oscuro / --sdb-acento desde
   functions.php (sdb_estilo_encuentro). Todo lo demás se deriva de ellos.
   =========================================================================== */
:root{
	--sdb-primario:#00888c;
	--sdb-oscuro:#003c4c;
	--sdb-acento:#fcb000;
	--sdb-texto:#1d2b30;
	--sdb-suave:#5b6b70;
	--sdb-linea:#e3e9ea;
	--sdb-fondo:#ffffff;
	--sdb-fondo-2:#f4f8f8;
	--sdb-radio:14px;
	--sdb-sombra:0 6px 18px rgba(0,30,40,.12);
	--sdb-sombra-fuerte:0 14px 32px rgba(0,30,40,.22);
	--sdb-titulos:"Merriweather",Georgia,serif;
	--sdb-texto-fuente:"Titillium Web","Helvetica Neue",Arial,sans-serif;
	--sdb-cab-alto:128px;
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--sdb-cab-alto) + 16px)}
body{font-family:var(--sdb-texto-fuente);color:var(--sdb-texto);background:var(--sdb-fondo);font-size:17px;line-height:1.65}
#page-container{padding-top:0!important}
#main-content{background:var(--sdb-fondo)}
.sdb-contenedor{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.sdb-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sdb-saltar{position:absolute;left:-9999px;top:8px;z-index:100000;background:#fff;color:var(--sdb-oscuro);padding:10px 16px;border-radius:8px;box-shadow:var(--sdb-sombra)}
.sdb-saltar:focus{left:12px}
.sdb-ico{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
h1,h2,h3,h4{font-family:var(--sdb-titulos);color:var(--sdb-oscuro);line-height:1.2;margin:0 0 .5em}

/* ---- Botones: siempre con sombra, hover y, donde conviene, icono ---- */
.sdb-btn{display:inline-flex;align-items:center;gap:.6em;padding:.85em 1.5em;border-radius:999px;border:2px solid transparent;
	font:700 .95rem/1 var(--sdb-texto-fuente);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;
	background:var(--sdb-primario);color:#fff;box-shadow:var(--sdb-sombra);transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.sdb-btn:hover,.sdb-btn:focus-visible{transform:translateY(-3px);box-shadow:var(--sdb-sombra-fuerte);color:#fff;background:var(--sdb-oscuro)}
.sdb-btn:active{transform:translateY(-1px)}
.sdb-btn--acento{background:var(--sdb-acento);color:var(--sdb-oscuro)}
.sdb-btn--acento:hover,.sdb-btn--acento:focus-visible{background:#fff;color:var(--sdb-oscuro)}
.sdb-btn--contorno{background:transparent;color:#fff;border-color:rgba(255,255,255,.85);box-shadow:none}
.sdb-btn--contorno:hover,.sdb-btn--contorno:focus-visible{background:#fff;color:var(--sdb-oscuro)}
.sdb-btn--claro{background:#fff;color:var(--sdb-oscuro)}
.sdb-btn--claro:hover{background:var(--sdb-acento);color:var(--sdb-oscuro)}

/* ===========================================================================
   CABECERA SALESIANA (blanca, fija; logo a dos filas; destacado que cuelga)
   =========================================================================== */
.sdb-cabecera{position:fixed;inset:0 0 auto 0;z-index:9990;background:#fff;box-shadow:0 2px 14px rgba(0,30,40,.12);transition:box-shadow .2s}
.sdb-cabecera-int{display:flex;align-items:stretch;gap:28px;height:var(--sdb-cab-alto);position:relative;transition:height .25s}
.sdb-cabecera-marca{display:flex;align-items:center;flex:none;padding:10px 0}
.sdb-cabecera-marca img{height:calc(var(--sdb-cab-alto) - 24px);width:auto;display:block;transition:height .25s}
.sdb-cabecera-derecha{flex:1;display:flex;flex-direction:column;min-width:0}
.sdb-utilidades{display:flex;justify-content:flex-end;align-items:center;gap:6px 22px;flex-wrap:wrap;height:40px;border-bottom:1px solid var(--sdb-linea);padding-right:150px;overflow:hidden}
.sdb-utilidades ul{display:flex;gap:4px 20px;list-style:none;margin:0;padding:0;flex-wrap:nowrap}
.sdb-utilidades a{font:600 .74rem/1 var(--sdb-texto-fuente);letter-spacing:.08em;text-transform:uppercase;color:var(--sdb-suave);text-decoration:none;white-space:nowrap;transition:color .2s}
.sdb-utilidades a:hover{color:var(--sdb-primario)}
.sdb-nav{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:150px}
.sdb-menu{display:flex;list-style:none;margin:0;padding:0;gap:4px}
.sdb-menu>li{position:relative}
.sdb-menu a{display:flex;align-items:center;gap:.4em;padding:12px 16px;font:700 .95rem/1 var(--sdb-texto-fuente);letter-spacing:.07em;text-transform:uppercase;color:var(--sdb-oscuro);text-decoration:none;border-radius:8px;transition:background .2s,color .2s}
.sdb-menu>li>a:hover,.sdb-menu>li.current-menu-item>a,.sdb-menu>li.current-menu-ancestor>a,.sdb-menu>li:hover>a{background:var(--sdb-fondo-2);color:var(--sdb-primario)}
.sdb-menu .menu-item-has-children>a::after{content:"";width:.45em;height:.45em;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);margin-left:.25em}
.sdb-menu .sub-menu{position:absolute;top:100%;left:0;min-width:260px;list-style:none;margin:0;padding:8px;background:#fff;border-radius:12px;box-shadow:var(--sdb-sombra-fuerte);border-top:4px solid var(--sdb-acento);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:5}
.sdb-menu li:hover>.sub-menu,.sdb-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.sdb-menu .sub-menu a{font-size:.85rem;padding:10px 14px;text-transform:none;letter-spacing:.02em;font-weight:600}
.sdb-menu .sub-menu a:hover{background:var(--sdb-fondo-2);color:var(--sdb-primario)}
.sdb-menu .sub-menu .sub-menu{top:-8px;left:100%;margin-left:6px}
.sdb-menu .sub-menu .menu-item-has-children>a::after{transform:rotate(-45deg);margin-left:auto}

/* El destacado cuelga de la cabecera */
.sdb-destacado{position:absolute;right:0;top:0;z-index:2;text-decoration:none}
.sdb-destacado-cara{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:138px;height:calc(var(--sdb-cab-alto) + 30px);
	background:var(--sdb-acento);color:var(--sdb-oscuro);border-radius:0 0 18px 18px;box-shadow:0 10px 22px rgba(0,30,40,.28);transition:transform .25s,box-shadow .25s,background .25s;text-align:center}
.sdb-destacado:hover .sdb-destacado-cara,.sdb-destacado:focus-visible .sdb-destacado-cara{transform:translateY(5px);box-shadow:0 18px 30px rgba(0,30,40,.34);background:var(--sdb-primario);color:#fff}
.sdb-destacado-titulo{font:900 .86rem/1.1 var(--sdb-texto-fuente);letter-spacing:.1em}
.sdb-destacado-sub{font:700 1.5rem/1 var(--sdb-titulos)}
.sdb-menu-boton{display:none}
.sdb-cabecera--pegada .sdb-cabecera-int{height:84px}
.sdb-cabecera--pegada .sdb-cabecera-marca img{height:62px}
.sdb-cabecera--pegada .sdb-destacado-cara{height:92px}
.sdb-cabecera--pegada .sdb-utilidades{height:0;border:0;opacity:0}
.sdb-cabecera-relleno{height:var(--sdb-cab-alto)}

@media (max-width:1060px){
	:root{--sdb-cab-alto:84px}
	.sdb-cabecera-int{gap:14px}
	.sdb-cabecera-marca img{height:62px}
	.sdb-menu-boton{display:inline-flex;align-items:center;gap:.5em;align-self:center;margin-left:auto;margin-right:120px;padding:.7em 1.1em;border:0;border-radius:999px;background:var(--sdb-oscuro);color:#fff;font:700 .85rem/1 var(--sdb-texto-fuente);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--sdb-sombra);cursor:pointer;transition:transform .2s,box-shadow .2s}
	.sdb-menu-boton:hover{transform:translateY(-2px);box-shadow:var(--sdb-sombra-fuerte)}
	.sdb-cabecera-derecha{position:absolute;left:-20px;right:-20px;top:var(--sdb-cab-alto);background:#fff;box-shadow:0 18px 30px rgba(0,30,40,.2);display:none;max-height:calc(100vh - var(--sdb-cab-alto));overflow:auto;padding:8px 20px 22px}
	.sdb-menu-abierto .sdb-cabecera-derecha{display:flex}
	.sdb-utilidades{height:auto;padding:10px 0;border:0;justify-content:flex-start;order:2;overflow:visible}
	.sdb-utilidades ul{flex-wrap:wrap}
	.sdb-nav{padding:0;justify-content:flex-start;order:1}
	.sdb-menu{flex-direction:column;width:100%}
	.sdb-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}
	.sdb-menu .sub-menu .sub-menu{margin:0}
	.sdb-destacado-cara{width:104px;height:calc(var(--sdb-cab-alto) + 18px)}
	.sdb-cabecera--pegada .sdb-cabecera-int{height:84px}
	.sdb-cabecera--pegada .sdb-destacado-cara{height:98px}
}
@media (max-width:520px){
	.sdb-cabecera-marca img{height:52px}
	.sdb-menu-boton{margin-right:104px;padding:.6em .8em}
	.sdb-menu-boton .sdb-txt{display:none}
	.sdb-destacado-cara{width:92px}
	.sdb-destacado-titulo{font-size:.62rem;letter-spacing:.04em}
	.sdb-destacado-sub{font-size:1.2rem}
}

/* ===========================================================================
   HERO DEL ENCUENTRO
   =========================================================================== */
.sdb-hero{position:relative;color:#fff;overflow:hidden;background:
	radial-gradient(1200px 520px at 85% -10%,color-mix(in srgb,var(--sdb-primario) 70%,#fff) 0,transparent 60%),
	linear-gradient(135deg,var(--sdb-oscuro),color-mix(in srgb,var(--sdb-oscuro) 60%,var(--sdb-primario)))}
.sdb-hero-foto{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55;mix-blend-mode:luminosity}
.sdb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),color-mix(in srgb,var(--sdb-oscuro) 80%,transparent))}
.sdb-hero-int{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:20px;padding:clamp(48px,8vw,96px) 0 clamp(56px,8vw,104px)}
.sdb-hero-logo{max-width:min(520px,82vw);max-height:300px;width:auto;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.sdb-hero-lema{font:italic 400 clamp(1.15rem,2.6vw,1.7rem)/1.4 var(--sdb-titulos);color:#fff;margin:0;max-width:30ch;text-wrap:balance}
.sdb-hero-fecha{display:inline-flex;align-items:center;gap:.6em;font:700 1.05rem/1 var(--sdb-texto-fuente);letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);padding:.8em 1.4em;border-radius:999px;border:1px solid rgba(255,255,255,.3)}
.sdb-hero-acciones{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:6px}

.sdb-cuenta{display:grid;gap:10px;justify-items:center;margin-top:8px}
.sdb-cuenta-rotulo{font:700 .85rem/1 var(--sdb-texto-fuente);letter-spacing:.18em;text-transform:uppercase;opacity:.9}
.sdb-cuenta-cajas{display:flex;gap:12px}
.sdb-cuenta-caja{min-width:84px;padding:14px 10px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.sdb-cuenta-caja b{display:block;font:900 2.2rem/1 var(--sdb-titulos);color:var(--sdb-acento)}
.sdb-cuenta-caja small{font:600 .7rem/1 var(--sdb-texto-fuente);letter-spacing:.14em;text-transform:uppercase}

/* ---- Navegación interna del encuentro ---- */
.sdb-ancla{position:sticky;top:calc(var(--sdb-cab-alto) - 2px);z-index:50;background:#fff;border-bottom:1px solid var(--sdb-linea);box-shadow:0 4px 12px rgba(0,30,40,.06)}
.sdb-cabecera--pegada ~ #et-main-area .sdb-ancla,.sdb-pegada .sdb-ancla{top:82px}
.sdb-ancla ul{display:flex;gap:6px;list-style:none;margin:0;padding:8px 0;overflow-x:auto;scrollbar-width:none;justify-content:safe center}
.sdb-ancla a{display:inline-flex;align-items:center;gap:.5em;padding:.6em 1.1em;border-radius:999px;font:700 .82rem/1 var(--sdb-texto-fuente);letter-spacing:.08em;text-transform:uppercase;color:var(--sdb-oscuro);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.sdb-ancla a:hover{background:var(--sdb-primario);color:#fff;box-shadow:var(--sdb-sombra)}

/* ---- Secciones ---- */
.sdb-seccion{padding:clamp(48px,7vw,88px) 0}
.sdb-seccion--alt{background:var(--sdb-fondo-2)}
.sdb-seccion--oscura{background:linear-gradient(135deg,var(--sdb-oscuro),color-mix(in srgb,var(--sdb-oscuro) 70%,var(--sdb-primario)));color:#fff}
.sdb-seccion--oscura h2,.sdb-seccion--oscura h3{color:#fff}
.sdb-encab{text-align:center;margin-bottom:clamp(28px,4vw,48px)}
.sdb-encab .sdb-kicker{display:inline-block;font:700 .8rem/1 var(--sdb-texto-fuente);letter-spacing:.22em;text-transform:uppercase;color:var(--sdb-primario);margin-bottom:12px}
.sdb-seccion--oscura .sdb-kicker{color:var(--sdb-acento)}
.sdb-encab h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin:0}
.sdb-encab h2::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--sdb-acento);margin:16px auto 0}
.sdb-encab p{max-width:62ch;margin:14px auto 0;color:var(--sdb-suave)}
.sdb-seccion--oscura .sdb-encab p{color:rgba(255,255,255,.85)}

/* Bienvenida */
.sdb-bienvenida{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,56px);align-items:center}
.sdb-bienvenida h2{font-size:clamp(1.5rem,3vw,2.1rem)}
.sdb-bienvenida .sdb-texto p{margin:0 0 1em}
.sdb-saludo{margin-top:18px;border:1px solid var(--sdb-linea);border-radius:var(--sdb-radio);background:#fff;box-shadow:var(--sdb-sombra);overflow:hidden}
.sdb-saludo summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.6em;padding:14px 18px;font:700 .9rem/1 var(--sdb-texto-fuente);letter-spacing:.07em;text-transform:uppercase;color:var(--sdb-primario)}
.sdb-saludo summary::-webkit-details-marker{display:none}
.sdb-saludo summary::after{content:"+";margin-left:auto;font-size:1.4rem;transition:transform .2s}
.sdb-saludo[open] summary::after{transform:rotate(45deg)}
.sdb-saludo .sdb-saludo-cuerpo{padding:0 20px 20px;white-space:pre-line}
@media (max-width:860px){.sdb-bienvenida{grid-template-columns:1fr}}
.sdb-bienvenida--solo{grid-template-columns:minmax(0,820px);justify-content:center}

/* Video liviano (carga el iframe al pulsar) */
.sdb-video{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:var(--sdb-radio);overflow:hidden;background:#000 center/cover no-repeat;box-shadow:var(--sdb-sombra-fuerte);cursor:pointer}
.sdb-video::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}
.sdb-video .sdb-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--sdb-acento);color:var(--sdb-oscuro);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .2s}
.sdb-video:hover .sdb-play{transform:scale(1.12)}
.sdb-video .sdb-play svg{width:30px;height:30px;margin-left:4px}
.sdb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Anfitriones */
.sdb-sede{text-align:center;max-width:60ch;margin:0 auto 28px;font-size:1.05rem}
.sdb-rejilla{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.sdb-tarjeta{flex:0 1 calc((100% - 48px)/3);min-width:260px;background:#fff;border-radius:var(--sdb-radio);box-shadow:var(--sdb-sombra);padding:26px 24px;border-top:5px solid var(--sdb-primario);transition:transform .25s,box-shadow .25s}
.sdb-tarjeta:hover{transform:translateY(-6px);box-shadow:var(--sdb-sombra-fuerte)}
.sdb-tarjeta h3{font-size:1.05rem;margin:0 0 4px}
.sdb-tarjeta .sdb-cargo{color:var(--sdb-primario);font-weight:700;margin:0 0 14px}
.sdb-tarjeta ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sdb-tarjeta li a,.sdb-tarjeta li span{display:flex;align-items:center;gap:.6em;color:var(--sdb-texto);text-decoration:none;word-break:break-word}
.sdb-tarjeta li a:hover{color:var(--sdb-primario)}
.sdb-tarjeta .sdb-ico{color:var(--sdb-primario)}

/* Agenda */
.sdb-dias{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 30px;padding:0;list-style:none}
.sdb-dias button{padding:.85em 1.5em;border-radius:999px;border:2px solid var(--sdb-primario);background:#fff;color:var(--sdb-primario);font:700 .9rem/1 var(--sdb-texto-fuente);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:var(--sdb-sombra);transition:.2s}
.sdb-dias button:hover{transform:translateY(-3px);box-shadow:var(--sdb-sombra-fuerte)}
.sdb-dias button[aria-selected="true"]{background:var(--sdb-primario);color:#fff}
.sdb-dia{display:grid;gap:14px;max-width:880px;margin:0 auto}
.sdb-dia[hidden]{display:none}
.sdb-hito{display:grid;grid-template-columns:128px 1fr;gap:0;background:#fff;border-radius:var(--sdb-radio);box-shadow:var(--sdb-sombra);overflow:hidden;transition:transform .2s,box-shadow .2s}
.sdb-hito:hover{transform:translateX(4px);box-shadow:var(--sdb-sombra-fuerte)}
.sdb-hito-hora{display:grid;place-content:center;text-align:center;background:var(--sdb-primario);color:#fff;font:900 1.15rem/1.1 var(--sdb-titulos);padding:14px 8px}
.sdb-hito-hora small{display:block;font:700 .7rem/1 var(--sdb-texto-fuente);letter-spacing:.12em;opacity:.85;margin-top:4px}
.sdb-hito--sinhora .sdb-hito-hora{background:var(--sdb-oscuro)}
.sdb-hito-cuerpo{padding:16px 22px}
.sdb-hito-cuerpo h3{font:800 1rem/1.25 var(--sdb-texto-fuente);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;color:var(--sdb-oscuro)}
.sdb-hito-cuerpo p{margin:0 0 6px;color:var(--sdb-suave)}
.sdb-hito-cuerpo a{color:var(--sdb-primario);font-weight:700}
.sdb-lugar{display:inline-flex;align-items:center;gap:.4em;font-size:.9rem;font-weight:600;color:var(--sdb-primario)}
@media (max-width:560px){.sdb-hito{grid-template-columns:1fr}.sdb-hito-hora{grid-auto-flow:column;gap:10px;justify-content:start;padding:10px 16px}}

/* Zonas: documentos / fotos / videos (cajas con imagen, hover y sombra) */
.sdb-zonas{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.sdb-zona{flex:0 1 calc((100% - 48px)/3);min-width:260px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;border-radius:var(--sdb-radio);overflow:hidden;color:#fff;text-decoration:none;box-shadow:var(--sdb-sombra);background:var(--sdb-oscuro) center/cover no-repeat;transition:transform .3s,box-shadow .3s}
.sdb-zona::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--sdb-oscuro) 25%,transparent),color-mix(in srgb,var(--sdb-oscuro) 92%,transparent))}
.sdb-zona:hover{transform:translateY(-8px);box-shadow:var(--sdb-sombra-fuerte);color:#fff}
.sdb-zona-int{position:relative;padding:26px 24px;display:grid;gap:6px}
.sdb-zona-ico{width:52px;height:52px;border-radius:14px;background:var(--sdb-acento);color:var(--sdb-oscuro);display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.3);margin-bottom:8px;transition:transform .3s}
.sdb-zona:hover .sdb-zona-ico{transform:rotate(-6deg) scale(1.08)}
.sdb-zona-ico svg{width:26px;height:26px}
.sdb-zona h3{color:#fff;font-size:1.3rem;margin:0}
.sdb-zona p{margin:0;opacity:.9;font-size:.95rem}
.sdb-zona .sdb-mas{display:inline-flex;align-items:center;gap:.4em;font:700 .8rem/1 var(--sdb-texto-fuente);letter-spacing:.1em;text-transform:uppercase;color:var(--sdb-acento);margin-top:6px}

/* Bitácora (entradas) */
.sdb-entradas{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.sdb-entrada{flex:0 1 calc((100% - 48px)/3);min-width:270px;background:#fff;border-radius:var(--sdb-radio);overflow:hidden;box-shadow:var(--sdb-sombra);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.sdb-entrada:hover{transform:translateY(-6px);box-shadow:var(--sdb-sombra-fuerte)}
.sdb-entrada-img{aspect-ratio:16/10;background:var(--sdb-fondo-2) center/cover no-repeat;overflow:hidden}
.sdb-entrada-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sdb-entrada:hover .sdb-entrada-img img{transform:scale(1.06)}
.sdb-entrada-cuerpo{padding:20px 22px 24px;display:grid;gap:8px;flex:1;align-content:start}
.sdb-entrada time{font:700 .78rem/1 var(--sdb-texto-fuente);letter-spacing:.1em;text-transform:uppercase;color:var(--sdb-primario)}
.sdb-entrada h3{font-size:1.05rem;margin:0}
.sdb-entrada h3 a{color:var(--sdb-oscuro);text-decoration:none}
.sdb-entrada h3 a:hover{color:var(--sdb-primario)}
.sdb-entrada p{margin:0;color:var(--sdb-suave);font-size:.95rem}

/* Galería con visor */
.sdb-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.sdb-galeria a{display:block;aspect-ratio:1;overflow:hidden;border-radius:12px;box-shadow:var(--sdb-sombra);position:relative}
.sdb-galeria img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sdb-galeria a:hover img{transform:scale(1.1)}
.sdb-galeria a::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--sdb-oscuro) 0%,transparent);transition:.3s}
.sdb-galeria a:hover::after{background:color-mix(in srgb,var(--sdb-oscuro) 28%,transparent)}
.sdb-visor{position:fixed;inset:0;z-index:100001;background:rgba(0,12,18,.94);display:none;align-items:center;justify-content:center;padding:24px}
.sdb-visor.abierto{display:flex}
.sdb-visor img{max-width:100%;max-height:88vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.sdb-visor button{position:absolute;border:0;border-radius:50%;width:48px;height:48px;background:#fff;color:var(--sdb-oscuro);font-size:1.5rem;cursor:pointer;box-shadow:var(--sdb-sombra);transition:transform .2s}
.sdb-visor button:hover{transform:scale(1.1)}
.sdb-visor .cerrar{top:18px;right:18px}.sdb-visor .ant{left:18px}.sdb-visor .sig{right:18px}

/* Videos */
.sdb-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}

/* Documentos (iframe) */
.sdb-documentos-marco{border-radius:var(--sdb-radio);overflow:hidden;box-shadow:var(--sdb-sombra-fuerte);border:1px solid var(--sdb-linea);background:#fff}
.sdb-documentos-marco iframe{display:block;width:100%;height:680px;border:0}
.sdb-aviso{display:flex;gap:.7em;align-items:flex-start;padding:16px 20px;border-radius:var(--sdb-radio);background:var(--sdb-fondo-2);border-left:5px solid var(--sdb-acento);margin:0 0 22px}

/* Banda de página interior */
.sdb-banda{background:linear-gradient(135deg,var(--sdb-oscuro),color-mix(in srgb,var(--sdb-oscuro) 55%,var(--sdb-primario)));color:#fff;padding:clamp(34px,5vw,60px) 0;text-align:center}
.sdb-banda .sdb-kicker{font:700 .8rem/1 var(--sdb-texto-fuente);letter-spacing:.22em;text-transform:uppercase;color:var(--sdb-acento)}
.sdb-banda h1{color:#fff;font-size:clamp(1.6rem,3.6vw,2.6rem);margin:10px 0 0}
.sdb-banda-logo{height:90px;width:auto;margin:0 auto 12px;display:block}
.sdb-migas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:.9rem}
.sdb-migas a{color:#fff;opacity:.85}
.sdb-pagina{padding:clamp(36px,5vw,64px) 0}
.sdb-pagina-cuerpo{max-width:860px;margin-inline:auto}


/* ===========================================================================
   PIE SALESIANO
   =========================================================================== */
.sdb-pie{background:var(--sdb-oscuro);color:rgba(255,255,255,.86);margin-top:0}
.sdb-pie a{color:rgba(255,255,255,.86);text-decoration:none;transition:color .2s}
.sdb-pie a:hover{color:var(--sdb-acento)}
.sdb-pie-int{display:grid;grid-template-columns:1.1fr .85fr .85fr .85fr minmax(190px,1.1fr);gap:clamp(24px,4vw,56px);padding:clamp(44px,6vw,72px) 0}
.sdb-pie h2{font:800 .85rem/1 var(--sdb-texto-fuente);letter-spacing:.2em;text-transform:uppercase;color:var(--sdb-acento);margin:0 0 18px}
.sdb-pie ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sdb-pie-marca{text-align:center}
.sdb-pie-marca img{width:min(260px,100%);height:auto;display:block;margin:0 auto 16px}
.sdb-pie-marca p{margin:0 0 8px;font-size:.95rem}
.sdb-pie-redes{display:flex;gap:10px;margin-top:16px}
.sdb-pie-redes a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .2s,background .2s,color .2s}
.sdb-pie-redes a:hover{transform:translateY(-3px);background:var(--sdb-acento);color:var(--sdb-oscuro)}
.sdb-pie-redes svg{width:20px;height:20px}
.sdb-pie-sub{background:color-mix(in srgb,var(--sdb-oscuro) 55%,#000);border-top:3px solid var(--sdb-acento)}
.sdb-pie-sub-int{display:flex;justify-content:center;text-align:center;align-items:center;flex-wrap:wrap;gap:8px 24px;padding:16px 0;font-size:.9rem}
@media (max-width:1100px){.sdb-pie-int{grid-template-columns:1fr 1fr 1fr}.sdb-pie-marca{grid-column:1/-1}}
@media (max-width:900px){.sdb-pie-int{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sdb-pie-int{grid-template-columns:1fr}.sdb-pie-sub-int{justify-content:center;text-align:center}}

/* Subir */
.sdb-subir{position:fixed;right:18px;bottom:18px;z-index:9980;width:48px;height:48px;border-radius:50%;border:0;background:var(--sdb-primario);color:#fff;display:grid;place-items:center;box-shadow:var(--sdb-sombra-fuerte);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}
.sdb-subir.visible{opacity:1;visibility:visible;transform:none}
.sdb-subir:hover{background:var(--sdb-acento);color:var(--sdb-oscuro)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media (max-width:520px){
	.sdb-cuenta-cajas{gap:8px}
	.sdb-cuenta-caja{min-width:0;width:68px;padding:10px 4px}
	.sdb-cuenta-caja b{font-size:1.6rem}
	.sdb-hero-fecha{font-size:.82rem;letter-spacing:.08em;padding:.7em 1em;text-align:center}
	.sdb-hero-logo{max-height:220px}
	.sdb-hero-acciones .sdb-btn{padding:.8em 1.1em;font-size:.85rem}
}

/* ---- Pie: Boletín incrustado ---- */
.sdb-pie-marco{position:relative;width:100%;aspect-ratio:3/4;background:rgba(255,255,255,.06);border-radius:var(--sdb-radio);overflow:hidden}
.sdb-pie-marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media (max-width:1100px){.sdb-pie-boletin{grid-column:span 2}}
@media (max-width:560px){.sdb-pie-boletin{grid-column:auto}}

/* ===== CABECERA OSCURA (estilo rosenthal.test) ===== */
.sdb-cabecera{background:var(--sdb-oscuro);box-shadow:0 2px 14px rgba(0,0,0,.3)}
.sdb-cabecera-marca{gap:18px}
.sdb-cabecera-marca img{height:auto;max-height:calc(var(--sdb-cab-alto) - 36px);width:auto;max-width:34vw}
.sdb-logo-cong{height:48px!important;width:auto}
.sdb-logo-enc{height:calc(var(--sdb-cab-alto) - 36px)!important;width:auto}
.sdb-marca-sep{width:1px;align-self:stretch;margin:22px 0;background:rgba(255,255,255,.35)}
.sdb-utilidades{border-bottom:1px solid rgba(255,255,255,.18);padding-right:0}
.sdb-utilidades a{color:rgba(255,255,255,.75)}
.sdb-utilidades a:hover{color:var(--sdb-acento)}
.sdb-nav{padding-right:0}
.sdb-menu a{color:#fff}
.sdb-menu>li>a:hover,.sdb-menu>li.current-menu-item>a,.sdb-menu>li.current-menu-ancestor>a,.sdb-menu>li:hover>a{background:rgba(255,255,255,.1);color:var(--sdb-acento)}
.sdb-menu .sub-menu a{color:var(--sdb-oscuro)}
.sdb-cabecera--pegada .sdb-logo-enc{height:56px!important}
.sdb-cabecera--pegada .sdb-logo-cong{height:36px!important}
.sdb-ancla{top:calc(var(--sdb-cab-alto) - 2px)}
@media (max-width:1060px){
	.sdb-menu-boton{margin-right:0;background:var(--sdb-acento);color:var(--sdb-oscuro)}
	.sdb-cabecera-derecha{background:var(--sdb-oscuro);box-shadow:0 18px 30px rgba(0,0,0,.4)}
	.sdb-utilidades{border:0}
	.sdb-logo-cong{height:34px!important}
	.sdb-logo-enc{height:56px!important}
	.sdb-menu .sub-menu{background:transparent}
	.sdb-menu .sub-menu a{color:rgba(255,255,255,.85)}
}
@media (max-width:520px){
	.sdb-logo-cong{height:26px!important}.sdb-logo-enc{height:44px!important}
	.sdb-cabecera-marca{gap:10px}.sdb-marca-sep{margin:16px 0}
}
.sdb-utilidades{overflow:visible}
.sdb-utilidades ul{gap:4px 16px}
.sdb-utilidades a{font-size:.68rem;letter-spacing:.05em}
@media (max-width:1250px){.sdb-utilidades a{font-size:.64rem;letter-spacing:.03em}.sdb-utilidades ul{gap:4px 12px}}

/* ===== Páginas de categoría: línea de tiempo de encuentros ===== */
.sdb-banda-texto{max-width:680px;margin:14px auto 0;opacity:.92}
.sdb-linea{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:clamp(22px,3vw,36px)}
.sdb-linea::before{content:"";position:absolute;left:calc(clamp(110px,13vw,160px) + 14px);top:8px;bottom:8px;width:3px;background:linear-gradient(var(--sdb-primario,#00888C),var(--sdb-acento,#FCB000));border-radius:3px}
.sdb-linea-item{display:grid;grid-template-columns:clamp(110px,13vw,160px) 1fr;gap:28px;position:relative;align-items:start}
.sdb-linea-item::before{content:"";position:absolute;left:clamp(110px,13vw,160px);top:22px;width:17px;height:17px;border-radius:50%;background:var(--sdb-acento);border:4px solid #fff;box-shadow:0 0 0 3px var(--sdb-primario),0 3px 8px rgba(0,0,0,.25)}
.sdb-linea-fecha{text-align:right;padding-top:10px}
.sdb-linea-fecha b{display:block;font:900 clamp(1.8rem,3.4vw,2.6rem)/1 var(--sdb-titulos);color:var(--sdb-oscuro)}
.sdb-linea-fecha span{display:block;margin-top:6px;font-size:.82rem;line-height:1.35;color:var(--sdb-suave)}
.sdb-linea-tarjeta{margin-left:30px;display:grid;grid-template-columns:minmax(150px,230px) 1fr;background:#fff;border-radius:var(--sdb-radio);box-shadow:var(--sdb-sombra);overflow:hidden;transition:transform .25s,box-shadow .25s}
.sdb-linea-tarjeta:hover{transform:translateY(-4px);box-shadow:var(--sdb-sombra-fuerte)}
.sdb-linea-logo{display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,var(--sdb-oscuro),color-mix(in srgb,var(--sdb-oscuro) 55%,var(--sdb-primario)))}
.sdb-linea-logo img{width:100%;max-width:190px;height:auto;display:block}
.sdb-linea-cuerpo{padding:22px 26px 24px}
.sdb-linea-cuerpo h2{font-size:clamp(1.05rem,1.8vw,1.35rem);margin:0 0 6px;line-height:1.25}
.sdb-linea-cuerpo h2 a{color:var(--sdb-oscuro);text-decoration:none}
.sdb-linea-cuerpo h2 a:hover{color:var(--sdb-primario)}
.sdb-linea-lema{font:italic 700 1rem/1.4 var(--sdb-titulos);color:var(--sdb-primario);margin:0 0 10px}
.sdb-linea-cuerpo p{margin:0 0 14px;font-size:.96rem}
.sdb-linea-enlaces{display:flex;flex-wrap:wrap;gap:8px}
.sdb-btn--chico{padding:.55em 1.05em;font-size:.8rem;background:var(--sdb-primario);color:#fff}
.sdb-btn--chico:hover,.sdb-btn--chico:focus-visible{background:var(--sdb-oscuro);color:#fff}
.sdb-btn--chico .sdb-ico{width:1.1em;height:1.1em}
.sdb-etiqueta{display:inline-block;margin-bottom:8px;padding:.3em .8em;border-radius:999px;background:var(--sdb-acento);color:var(--sdb-oscuro);font:800 .7rem/1 var(--sdb-texto-fuente);letter-spacing:.1em;text-transform:uppercase}
@media (max-width:820px){
	.sdb-linea::before{left:8px}
	.sdb-linea-item{grid-template-columns:1fr;gap:6px;padding-left:34px}
	.sdb-linea-item::before{left:0;top:6px}
	.sdb-linea-fecha{text-align:left;padding-top:0;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
	.sdb-linea-tarjeta{margin-left:0;grid-template-columns:1fr}
	.sdb-linea-logo{padding:16px}.sdb-linea-logo img{max-width:150px}
}

.sdb-pie-portada{display:block;line-height:0;border-radius:var(--sdb-radio);overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.35);transition:transform .2s,box-shadow .2s}
.sdb-pie-portada img{display:block;width:100%;height:auto}
.sdb-pie-portada:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.45)}
.sdb-pie-marco{aspect-ratio:624/390}

/* ---- Cabecera: redes y buscador ---- */
.sdb-oculto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sdb-utilidades{justify-content:flex-end;gap:14px;height:44px}
.sdb-redes{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.sdb-redes a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:rgba(255,255,255,.85);transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.sdb-redes a:hover,.sdb-redes a:focus-visible{background:var(--sdb-acento);color:var(--sdb-oscuro);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.3)}
.sdb-redes svg{width:16px;height:16px}
.sdb-buscador-forma{display:flex;align-items:center;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;transition:background .2s}
.sdb-buscador-forma:focus-within{background:rgba(255,255,255,.22)}
.sdb-buscador-campo{width:140px;background:transparent;border:0;outline:0;color:#fff;font:600 .8rem/1 var(--sdb-texto-fuente);padding:.65em 0 .65em 1em;transition:width .25s}
.sdb-buscador-campo::placeholder{color:rgba(255,255,255,.65)}
.sdb-buscador-campo:focus{width:190px}
.sdb-buscador-enviar{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--sdb-acento);color:var(--sdb-oscuro);cursor:pointer;margin:2px;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s}
.sdb-buscador-enviar:hover{transform:scale(1.08);box-shadow:0 4px 10px rgba(0,0,0,.4)}
.sdb-buscador-enviar svg{width:17px;height:17px}
@media (max-width:1060px){.sdb-utilidades{height:auto;justify-content:flex-start;flex-wrap:wrap;padding:12px 0}.sdb-buscador{width:100%}.sdb-buscador-forma{width:100%}.sdb-buscador-campo{flex:1;width:auto}.sdb-buscador-campo:focus{width:auto}}

.sdb-pie-boletin{align-self:start}
.sdb-pie-marco{aspect-ratio:624/390;max-width:624px}

.sdb-tarjeta--persona{text-align:center;padding:0 0 24px;overflow:hidden}
.sdb-tarjeta--persona>h3,.sdb-tarjeta--persona>.sdb-cargo,.sdb-tarjeta--persona>ul{padding-inline:22px}
.sdb-foto-persona{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:60% 0;margin:0 0 18px;background:var(--sdb-fondo-2);transition:transform .4s}
.sdb-tarjeta--persona:hover .sdb-foto-persona{transform:scale(1.04)}
.sdb-tarjeta--persona{position:relative}
.sdb-tarjeta--persona .sdb-foto-persona{border-bottom:5px solid var(--sdb-acento)}
.sdb-tarjeta--persona ul{justify-items:center}

/* ===========================================================================
   REDISEÑO DE LA PORTADA DEL ENCUENTRO — editorial, vidrio y movimiento sobrio
   =========================================================================== */
.sdb-js [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.sdb-js [data-reveal].sdb-visto{opacity:1;transform:none}

/* --- Hero --- */
.sdb-hero{min-height:clamp(600px,calc(100vh - var(--sdb-cab-alto)),880px);display:grid;align-items:center;
	background:
	radial-gradient(900px 500px at 82% -8%,color-mix(in srgb,var(--sdb-primario) 75%,#fff) 0,transparent 62%),
	radial-gradient(700px 420px at 8% 108%,color-mix(in srgb,var(--sdb-acento) 28%,transparent) 0,transparent 65%),
	linear-gradient(160deg,color-mix(in srgb,var(--sdb-oscuro) 82%,#000) 0,var(--sdb-oscuro) 45%,color-mix(in srgb,var(--sdb-oscuro) 60%,var(--sdb-primario)) 100%)}
.sdb-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:26px 26px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);pointer-events:none}
.sdb-hero::after{background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--sdb-oscuro) 70%,#000) 100%)}
.sdb-orbe{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;animation:sdb-flota 16s ease-in-out infinite alternate}
.sdb-orbe--1{width:420px;height:420px;left:-120px;top:8%;background:color-mix(in srgb,var(--sdb-acento) 55%,transparent)}
.sdb-orbe--2{width:520px;height:520px;right:-160px;bottom:-120px;background:color-mix(in srgb,var(--sdb-primario) 80%,transparent);animation-delay:-6s}
@keyframes sdb-flota{to{transform:translate(40px,-30px) scale(1.12)}}
.sdb-hero-anio{position:absolute;left:50%;bottom:-.14em;transform:translateX(-50%);font:900 clamp(11rem,34vw,27rem)/1 var(--sdb-titulos);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.09);letter-spacing:-.02em;white-space:nowrap;pointer-events:none;user-select:none;z-index:0}
.sdb-hero-int{z-index:2;gap:clamp(14px,2vw,24px);padding:clamp(40px,6vw,80px) 0 clamp(70px,8vw,110px)}
.sdb-hero-logo{max-width:min(600px,84vw);max-height:340px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));animation:sdb-entra 1s cubic-bezier(.2,.7,.2,1) both}
.sdb-hero-lema{font:italic 400 clamp(1.25rem,2.8vw,1.9rem)/1.4 var(--sdb-titulos);max-width:34ch;animation:sdb-entra 1s .15s cubic-bezier(.2,.7,.2,1) both}
.sdb-hero-fecha{background:rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 30px rgba(0,0,0,.25);animation:sdb-entra 1s .3s cubic-bezier(.2,.7,.2,1) both}
.sdb-cuenta{animation:sdb-entra 1s .45s cubic-bezier(.2,.7,.2,1) both;margin-top:10px}
.sdb-cuenta-rotulo{font-size:.78rem;letter-spacing:.3em;color:rgba(255,255,255,.8)}
.sdb-cuenta-cajas{gap:0;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.22);border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.3);overflow:hidden}
.sdb-cuenta-caja{min-width:96px;padding:18px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;position:relative}
.sdb-cuenta-caja+.sdb-cuenta-caja::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:rgba(255,255,255,.2)}
.sdb-cuenta-caja b{font-size:2.6rem;font-weight:700;background:linear-gradient(180deg,#fff,var(--sdb-acento));-webkit-background-clip:text;background-clip:text;color:transparent}
.sdb-cuenta-caja small{margin-top:6px;display:block;color:rgba(255,255,255,.75)}
.sdb-hero-acciones .sdb-btn--contorno{backdrop-filter:blur(8px);background:rgba(255,255,255,.06)}
@keyframes sdb-entra{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.sdb-bajar{position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);width:28px;height:46px;border:2px solid rgba(255,255,255,.55);border-radius:20px;display:block}
.sdb-bajar span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:var(--sdb-acento);animation:sdb-rueda 1.8s infinite}
@keyframes sdb-rueda{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(16px)}}

/* --- Barra de secciones: vidrio --- */
.sdb-ancla{background:rgba(255,255,255,.78);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:none}
.sdb-ancla ul{padding:10px 0}
.sdb-ancla a{font-size:.74rem;letter-spacing:.14em;border:1px solid transparent;background:transparent}
.sdb-ancla a:hover{background:var(--sdb-oscuro);color:#fff;border-color:var(--sdb-oscuro)}

/* --- Encabezados de sección --- */
.sdb-seccion{padding:clamp(64px,9vw,128px) 0}
.sdb-encab .sdb-kicker{display:inline-flex;align-items:center;gap:14px;letter-spacing:.34em;color:var(--sdb-primario)}
.sdb-encab .sdb-kicker::before,.sdb-encab .sdb-kicker::after{content:"";width:34px;height:1px;background:currentColor;opacity:.55}
.sdb-encab h2{font-size:clamp(2rem,4.6vw,3.4rem);letter-spacing:-.01em;line-height:1.1}
.sdb-encab h2::after{width:48px;height:3px;margin-top:22px}
.sdb-encab p{font-size:1.08rem}

/* --- Presentación editorial + anfitrión --- */
.sdb-bienvenida{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(36px,7vw,100px);align-items:start}
.sdb-bienvenida .sdb-texto .sdb-kicker{display:inline-flex!important;align-items:center;gap:14px;letter-spacing:.34em!important;margin-bottom:18px}
.sdb-bienvenida .sdb-texto .sdb-kicker::after{content:"";width:60px;height:1px;background:currentColor;opacity:.5}
.sdb-bienvenida h2{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.04;letter-spacing:-.015em;margin:0 0 .6em;text-wrap:balance}
.sdb-bienvenida .sdb-texto p{font-size:1.06rem;line-height:1.85;color:#33484f}
.sdb-bienvenida .sdb-texto p:first-of-type{font-size:1.22rem;line-height:1.75;color:var(--sdb-oscuro)}
.sdb-bienvenida .sdb-texto p:first-of-type::first-letter{float:left;font:900 4.3rem/.82 var(--sdb-titulos);padding:.08em .12em 0 0;color:var(--sdb-primario)}
.sdb-bienvenida-lado{display:grid;gap:28px;position:sticky;top:calc(var(--sdb-cab-alto) + 70px)}
.sdb-anfitrion{margin:0;position:relative}
.sdb-anfitrion::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--sdb-acento);border-radius:26px;z-index:0;transition:transform .5s}
.sdb-anfitrion:hover::before{transform:translate(6px,6px)}
.sdb-anfitrion-foto{position:relative;z-index:1;aspect-ratio:4/5;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,30,40,.55);background:var(--sdb-oscuro)}
.sdb-anfitrion-foto img{width:100%;height:100%;object-fit:cover;object-position:62% 0;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.sdb-anfitrion:hover img{transform:scale(1.05)}
.sdb-anfitrion-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,color-mix(in srgb,var(--sdb-oscuro) 92%,transparent) 100%)}
.sdb-anfitrion figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px 26px 24px;color:#fff;display:grid;gap:6px}
.sdb-anfitrion figcaption span{font:700 .7rem/1 var(--sdb-texto-fuente);letter-spacing:.3em;text-transform:uppercase;color:var(--sdb-acento)}
.sdb-anfitrion figcaption b{font:700 clamp(1.15rem,2vw,1.45rem)/1.2 var(--sdb-titulos)}
@media (max-width:900px){.sdb-bienvenida{grid-template-columns:1fr}.sdb-bienvenida-lado{position:static;max-width:420px;margin:12px auto 0;width:calc(100% - 18px)}.sdb-anfitrion::before{inset:14px -12px -14px 12px}}

/* --- Agenda: línea de tiempo --- */
.sdb-seccion--alt{background:linear-gradient(180deg,var(--sdb-fondo-2),#fff)}
.sdb-dias{display:inline-flex;gap:4px;padding:5px;margin:0 auto 44px;background:#fff;border:1px solid var(--sdb-linea);border-radius:999px;box-shadow:var(--sdb-sombra);position:relative;left:50%;transform:translateX(-50%)}
.sdb-dias button{border:0;background:transparent;color:var(--sdb-suave);padding:.85em 1.6em;box-shadow:none}
.sdb-dias button:hover{transform:none;box-shadow:none;color:var(--sdb-oscuro)}
.sdb-dias button[aria-selected="true"]{background:var(--sdb-oscuro);color:#fff;box-shadow:0 8px 18px rgba(0,30,40,.3)}
.sdb-dia{gap:0;max-width:820px;position:relative;padding-left:0}
.sdb-dia::before{content:"";position:absolute;left:158px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--sdb-primario),var(--sdb-acento));opacity:.45}
.sdb-hito{background:transparent;box-shadow:none;border-radius:0;grid-template-columns:140px 1fr;gap:0 40px;position:relative;padding:14px 0;overflow:visible}
.sdb-hito::before{content:"";position:absolute;left:152px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;border:3px solid var(--sdb-primario);transition:background .25s,transform .25s}
.sdb-hito:hover{transform:none;box-shadow:none}
.sdb-hito:hover::before{background:var(--sdb-acento);border-color:var(--sdb-acento);transform:scale(1.3)}
.sdb-hito-hora{background:transparent;color:var(--sdb-oscuro);text-align:right;place-content:center end;padding:0;font:700 1.7rem/1 var(--sdb-titulos)}
.sdb-hito-hora small{color:var(--sdb-primario);opacity:1;font-size:.7rem;letter-spacing:.2em;margin-top:6px}
.sdb-hito--sinhora .sdb-hito-hora{background:transparent;color:var(--sdb-primario)}
.sdb-hito-cuerpo{padding:18px 24px;background:#fff;border-radius:16px;border:1px solid var(--sdb-linea);box-shadow:0 6px 20px -10px rgba(0,30,40,.2);transition:transform .3s,box-shadow .3s,border-color .3s}
.sdb-hito:hover .sdb-hito-cuerpo{transform:translateX(6px);box-shadow:0 18px 34px -14px rgba(0,30,40,.3);border-color:color-mix(in srgb,var(--sdb-primario) 40%,#fff)}
.sdb-hito-cuerpo h3{font-size:.98rem;letter-spacing:.09em}
@media (max-width:640px){
	.sdb-dias{left:0;transform:none;display:flex;width:100%;overflow-x:auto}
	.sdb-dias button{flex:1;padding:.8em 1em;white-space:nowrap}
	.sdb-dia::before{left:9px}
	.sdb-hito{grid-template-columns:1fr;gap:6px;padding:10px 0 10px 34px}
	.sdb-hito::before{left:3px;top:26px;margin-top:0}
	.sdb-hito-hora{text-align:left;place-content:center start;grid-auto-flow:column;justify-content:start;gap:8px;font-size:1.3rem}
}

/* --- Recursos: tarjetas numeradas --- */
.sdb-zonas{counter-reset:zona;gap:22px}
.sdb-zona{counter-increment:zona;min-height:300px;border-radius:26px;background:linear-gradient(160deg,color-mix(in srgb,var(--sdb-oscuro) 85%,#000),var(--sdb-oscuro) 55%,color-mix(in srgb,var(--sdb-oscuro) 55%,var(--sdb-primario)));border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px -24px rgba(0,30,40,.6)}
.sdb-zona::before{background:radial-gradient(420px 220px at 100% 0,color-mix(in srgb,var(--sdb-acento) 26%,transparent),transparent 70%);transition:opacity .4s}
.sdb-zona::after{content:"0" counter(zona);position:absolute;top:18px;right:24px;font:900 3.4rem/1 var(--sdb-titulos);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22);transition:-webkit-text-stroke-color .3s}
.sdb-zona:hover{transform:translateY(-10px);box-shadow:0 34px 60px -22px rgba(0,30,40,.7)}
.sdb-zona:hover::after{-webkit-text-stroke-color:var(--sdb-acento)}
.sdb-zona-int{padding:30px 28px;gap:8px}
.sdb-zona-ico{width:60px;height:60px;border-radius:50%;margin-bottom:22px;box-shadow:0 0 0 8px color-mix(in srgb,var(--sdb-acento) 22%,transparent),0 10px 24px rgba(0,0,0,.35)}
.sdb-zona h3{font-size:1.6rem}
.sdb-zona .sdb-mas{margin-top:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.sdb-zona .sdb-mas svg{transition:transform .3s}
.sdb-zona:hover .sdb-mas svg{transform:translateX(6px)}
.sdb-zona-int{min-height:300px;align-content:start}
@media (prefers-reduced-motion:reduce){.sdb-orbe,.sdb-bajar span,.sdb-hero-logo,.sdb-hero-lema,.sdb-hero-fecha,.sdb-cuenta{animation:none}.sdb-js [data-reveal]{opacity:1;transform:none;transition:none}}
@media (max-width:640px){.sdb-cuenta-caja{min-width:70px;padding:14px 8px}.sdb-cuenta-caja b{font-size:1.9rem}.sdb-hero-anio{-webkit-text-stroke-width:1.5px}}

/* --- Hero con la foto de los hermanos reunidos (duotono del color del encuentro) --- */
.sdb-hero-foto{opacity:.5;background-position:center 28%;mix-blend-mode:luminosity;transform:scale(1.04);animation:sdb-zoom 24s ease-in-out infinite alternate;z-index:0}
@keyframes sdb-zoom{to{transform:scale(1.12)}}
.sdb-hero::after{background:radial-gradient(ellipse 60% 55% at 50% 46%,color-mix(in srgb,var(--sdb-oscuro) 62%,transparent) 0,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--sdb-oscuro) 40%,transparent) 0,transparent 30%,transparent 55%,color-mix(in srgb,var(--sdb-oscuro) 88%,#000) 100%);z-index:1}
.sdb-hero-int,.sdb-bajar{z-index:3}
.sdb-orbe{z-index:1;mix-blend-mode:screen;opacity:.4}
@media (prefers-reduced-motion:reduce){.sdb-hero-foto{animation:none}}
.sdb-zonas{gap:22px}
.sdb-zona{box-sizing:border-box;flex:0 1 calc((100% - 44px)/3)}
.sdb-bienvenida .sdb-texto p:first-of-type::first-letter{font-size:3.6rem;line-height:.85;padding:.06em .06em 0 0}
@media (max-width:640px){.sdb-dias{flex-wrap:nowrap;border-radius:18px;gap:2px}.sdb-dias li{flex:1}.sdb-dias button{width:100%;font-size:.72rem;letter-spacing:.04em;padding:.8em .4em}}

/* --- Ubicaciones de la agenda --- */
.sdb-lugares{margin:-8px auto 44px;max-width:1000px;text-align:center}
.sdb-lugares-texto{display:inline-flex;align-items:center;gap:.5em;margin:0 0 18px;font:700 .82rem/1 var(--sdb-texto-fuente);letter-spacing:.14em;text-transform:uppercase;color:var(--sdb-primario)}
.sdb-lugares-texto svg{width:1.2em;height:1.2em}
.sdb-lugares ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sdb-lugares li{display:grid;justify-items:center;gap:4px;padding:20px 14px;background:#fff;border:1px solid var(--sdb-linea);border-radius:18px;box-shadow:0 8px 22px -14px rgba(0,30,40,.3);transition:transform .3s,box-shadow .3s,border-color .3s}
.sdb-lugares li:hover{transform:translateY(-5px);box-shadow:0 20px 34px -16px rgba(0,30,40,.35);border-color:var(--sdb-acento)}
.sdb-lugar-ico{display:grid;place-items:center;width:48px;height:48px;margin-bottom:8px;border-radius:50%;background:var(--sdb-oscuro);color:var(--sdb-acento);box-shadow:0 6px 14px rgba(0,30,40,.28)}
.sdb-lugar-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdb-lugares b{font:700 1.05rem/1.2 var(--sdb-titulos);color:var(--sdb-oscuro)}
.sdb-lugares small{font-size:.86rem;line-height:1.4;color:var(--sdb-suave)}
@media (max-width:900px){.sdb-lugares ul{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.sdb-lugares ul{grid-template-columns:1fr}}


/* ---- Anfitrión: tarjeta con foto y datos (home vigente) ---- */
.sdb-anfitrion{display:block;background:#fff;border-radius:26px;overflow:visible;box-shadow:0 30px 60px -24px rgba(0,30,40,.45);position:relative}
.sdb-anfitrion::before{display:none}
.sdb-anfitrion-foto{aspect-ratio:4/4.2;border-radius:26px 26px 0 0;box-shadow:none}
.sdb-anfitrion-foto::after{background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.28) 100%)}
.sdb-anfitrion-datos{position:relative;z-index:2;padding:22px 24px 26px;background:var(--sdb-oscuro);color:#fff;border-radius:0 0 26px 26px;display:grid;gap:10px}
.sdb-anfitrion-datos::before{content:"";position:absolute;left:24px;top:-3px;width:56px;height:6px;border-radius:3px;background:var(--sdb-acento)}
.sdb-anfitrion-rol{font:700 .7rem/1 var(--sdb-texto-fuente);letter-spacing:.3em;text-transform:uppercase;color:var(--sdb-acento)}
.sdb-anfitrion-datos h3{margin:0;color:#fff;font:700 clamp(1.2rem,2vw,1.5rem)/1.2 var(--sdb-titulos)}
.sdb-anfitrion-cargo{margin:0;color:rgba(255,255,255,.82);font-size:.95rem}
.sdb-anfitrion-sede{margin:4px 0 0;display:flex;gap:10px;align-items:flex-start;font-size:.92rem;line-height:1.45;color:rgba(255,255,255,.9);padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}
.sdb-anfitrion-sede svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--sdb-acento)}
.sdb-anfitrion-sede b{display:block;font:700 .68rem/1 var(--sdb-texto-fuente);letter-spacing:.22em;text-transform:uppercase;color:var(--sdb-acento);margin-bottom:4px}
.sdb-anfitrion-contacto{display:grid;gap:8px;margin-top:4px}
.sdb-anfitrion-contacto a{display:flex;align-items:center;gap:10px;padding:.7em 1em;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font:600 .9rem/1.2 var(--sdb-texto-fuente);text-decoration:none;overflow-wrap:anywhere;transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.sdb-anfitrion-contacto a svg{flex:none;width:17px;height:17px}
.sdb-anfitrion-contacto a:hover,.sdb-anfitrion-contacto a:focus-visible{background:var(--sdb-acento);color:var(--sdb-oscuro);transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.35)}
.sdb-anfitrion:hover img{transform:scale(1.04)}
@media (max-width:900px){.sdb-bienvenida-lado{max-width:440px}}

/* ---- Pie: el boletín se escala completo (sin recortes) ---- */
.sdb-pie-marco{position:relative;width:100%;max-width:624px;aspect-ratio:auto;height:calc(var(--sdb-escala,1)*390px);overflow:hidden;border-radius:var(--sdb-radio);background:#fff}
.sdb-pie-marco iframe{position:absolute;left:0;top:0;inset:auto;width:624px;height:390px;border:0;transform-origin:0 0;transform:scale(var(--sdb-escala,1))}

/* Pie: columna del boletín más ancha para que el iframe se lea entero */
.sdb-pie-int{grid-template-columns:minmax(0,1fr) minmax(0,.75fr) minmax(0,.8fr) minmax(0,.75fr) minmax(340px,1.65fr);gap:clamp(20px,2.4vw,36px)}
@media (max-width:1100px){.sdb-pie-int{grid-template-columns:1fr 1fr 1fr}.sdb-pie-boletin{grid-column:1/-1;justify-self:center;width:100%;max-width:624px}}
@media (max-width:900px){.sdb-pie-int{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sdb-pie-int{grid-template-columns:1fr}}

/* Cajas de recursos: icono, título, texto y «Ver» alineados igual en todas */
.sdb-zona{justify-content:stretch}
.sdb-zona-int{flex:1;align-content:start;grid-template-rows:auto auto 1fr auto;gap:0}
.sdb-zona-ico{margin-bottom:22px}
.sdb-zona h3{margin:0 0 10px;min-height:1.25em}
.sdb-zona p{align-self:start}
.sdb-zona .sdb-mas{align-self:end;margin-top:16px}

/* ---- Desplegables compactos (dos niveles) ---- */
.sdb-menu .sub-menu{min-width:0;width:max-content;max-width:260px;padding:6px;border-radius:10px}
.sdb-menu>li>.sub-menu{min-width:200px}
.sdb-menu .sub-menu li{display:block}
.sdb-menu .sub-menu a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 12px;border-radius:7px;white-space:nowrap;font-size:.84rem}
.sdb-menu .sub-menu .sub-menu{top:-10px;left:calc(100% - 2px);margin-left:0;min-width:120px}
.sdb-menu .sub-menu li:hover>a,.sdb-menu .sub-menu li:focus-within>a,.sdb-menu .sub-menu a:hover,.sdb-menu .sub-menu .current-menu-item>a{background:var(--sdb-oscuro);color:#fff}
.sdb-menu .sub-menu .menu-item-has-children>a::after{width:6px;height:6px;border-width:0 2px 2px 0;opacity:.7}
@media (max-width:1060px){.sdb-menu .sub-menu{width:auto;max-width:none}.sdb-menu .sub-menu a{white-space:normal}.sdb-menu .sub-menu li:hover>a,.sdb-menu .sub-menu a:hover{background:rgba(255,255,255,.12);color:var(--sdb-acento)}}
/* Cajas de recursos: título siempre a la misma altura (refuerzo con mayor especificidad) */
.sdb-zonas .sdb-zona .sdb-zona-int{display:grid;flex:1 1 auto;align-content:start;grid-template-rows:82px auto 1fr auto;row-gap:0}
.sdb-zonas .sdb-zona .sdb-zona-ico{margin:0}
.sdb-zonas .sdb-zona h3{margin:0 0 10px}

/* Pie ancho: con pantallas grandes la columna del Boletín recibe sus 624 px completos; en las menores se escala entera */
.sdb-pie-marco{max-width:624px;background:#fff}
@media (min-width:1480px){.sdb-pie-int{width:min(1640px,calc(100% - 48px));grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,.8fr) minmax(340px,624px);gap:clamp(20px,2.2vw,32px)}}

/* Letra capital: ocupa exactamente 2 líneas del párrafo (base 1.22rem / interlineado 1.75) */
.sdb-bienvenida .sdb-texto p:first-of-type::first-letter{float:left;font:900 3.35rem/.74 var(--sdb-titulos);padding:.1em .1em 0 0;margin:.02em 0 0;color:var(--sdb-primario)}
@supports (initial-letter:2){.sdb-bienvenida .sdb-texto p:first-of-type::first-letter{float:none;initial-letter:2;font-weight:900;line-height:inherit;padding:0 .12em 0 0;margin:0}}

/* Presentación 50/50: texto y tarjeta del anfitrión con el mismo peso */
.sdb-bienvenida{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.sdb-bienvenida-lado{position:static;width:100%;max-width:none}
.sdb-anfitrion-foto{aspect-ratio:16/11}
.sdb-anfitrion-foto img{object-position:50% 18%}
.sdb-anfitrion-datos{grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}
.sdb-anfitrion-datos>.sdb-anfitrion-rol,.sdb-anfitrion-datos>h3,.sdb-anfitrion-datos>.sdb-anfitrion-cargo{grid-column:1/-1}
.sdb-anfitrion-sede{grid-column:1;margin:0;border-top:1px solid rgba(255,255,255,.16)}
.sdb-anfitrion-contacto{grid-column:2;margin:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}
@media (max-width:900px){.sdb-bienvenida{grid-template-columns:1fr}.sdb-bienvenida-lado{max-width:560px;margin-inline:auto}}
@media (max-width:520px){.sdb-anfitrion-datos{grid-template-columns:1fr}.sdb-anfitrion-sede,.sdb-anfitrion-contacto{grid-column:1}.sdb-anfitrion-foto{aspect-ratio:4/4.2}}

/* Pie: el Boletín se recorta a su portada (el resto del iframe es blanco vacío) y se escala al ancho de la columna */
.sdb-pie-marco{width:calc(278px*var(--sdb-escala,1));height:calc(370px*var(--sdb-escala,1));max-width:100%;aspect-ratio:auto;background:transparent;border-radius:10px;box-shadow:0 14px 30px -12px rgba(0,0,0,.55);overflow:hidden}
.sdb-pie-marco iframe{position:absolute;left:0;top:0;inset:auto;width:624px;height:390px;max-width:none;transform-origin:0 0;transform:scale(var(--sdb-escala,1)) translate(-10px,-10px)}
@media (min-width:1480px){.sdb-pie-int{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,.9fr) minmax(300px,.9fr)}}
@media (max-width:1100px){.sdb-pie-boletin{justify-self:start;max-width:none;width:auto}}

/* ---- Slider en móvil: sin parpadeos ----
   En celulares, los desenfoques grandes animados, los modos de mezcla (luminosity/screen)
   y el backdrop-filter apilados sobre una imagen que se anima hacen que la GPU descarte la
   capa y el slider se ponga en blanco de forma intermitente. Aquí se usan versiones estáticas
   y ligeras con el mismo aspecto. */
@media (max-width:900px),(hover:none) and (pointer:coarse){
	.sdb-hero{min-height:clamp(560px,calc(100svh - var(--sdb-cab-alto)),820px);isolation:isolate}
	.sdb-hero-foto{animation:none!important;transform:none!important;mix-blend-mode:normal!important;opacity:.42;filter:grayscale(.9);will-change:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
	.sdb-orbe{animation:none!important;filter:none!important;mix-blend-mode:normal!important;opacity:1;background:radial-gradient(circle at center,color-mix(in srgb,var(--sdb-acento) 38%,transparent) 0,transparent 68%)!important}
	.sdb-orbe--2{background:radial-gradient(circle at center,color-mix(in srgb,var(--sdb-primario) 55%,transparent) 0,transparent 68%)!important}
	.sdb-hero-fecha,.sdb-cuenta-cajas,.sdb-hero-acciones .sdb-btn--contorno{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
	.sdb-hero-fecha{background:rgba(255,255,255,.16)}
	.sdb-cuenta-cajas{background:rgba(0,40,52,.55)}
	.sdb-hero-acciones .sdb-btn--contorno{background:rgba(255,255,255,.1)}
	.sdb-hero-logo,.sdb-hero-lema,.sdb-hero-fecha{animation:none!important;opacity:1!important;transform:none!important}
	.sdb-hero-anio{-webkit-text-stroke-width:1px}
}

/* Agenda: lugar de cada actividad (chip con icono de lugar, en el color complementario) y cajas de ubicaciones centradas */
.sdb-lugar{display:inline-flex;align-items:center;gap:.45em;margin-top:8px;padding:.38em .85em .38em .6em;border-radius:999px;font:700 .82rem/1.2 var(--sdb-texto-fuente);letter-spacing:.02em;color:var(--sdb-oscuro);background:color-mix(in srgb,var(--sdb-acento) 24%,#fff);border:1px solid color-mix(in srgb,var(--sdb-acento) 70%,#fff)}
.sdb-lugar svg{flex:none;width:1.25em;height:1.25em;color:color-mix(in srgb,var(--sdb-acento) 70%,#7a3a00);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sdb-lugares ul{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.sdb-lugares li{flex:0 1 calc((100% - 42px)/4);box-sizing:border-box;min-width:200px}
@media (max-width:900px){.sdb-lugares li{flex-basis:calc((100% - 14px)/2);min-width:0}}
@media (max-width:420px){.sdb-lugares li{flex-basis:100%}}

/* ---- Menú móvil: submenús colapsados (acordeón) ---- */
.sdb-sub-toggle{display:none}
@media (max-width:1060px){
	.sdb-menu li{position:relative}
	.sdb-menu .menu-item-has-children>a::after{display:none}
	.sdb-menu .menu-item-has-children>a{padding-right:56px}
	.sdb-sub-toggle{display:grid;place-items:center;position:absolute;right:0;top:0;width:48px;height:46px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;transition:background .2s}
	.sdb-menu .sub-menu .sdb-sub-toggle{height:42px}
	.sdb-sub-toggle:hover,.sdb-sub-toggle:focus-visible{background:rgba(255,255,255,.14)}
	.sdb-sub-toggle span{width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
	.sdb-menu li.sdb-abierto>.sdb-sub-toggle span{transform:rotate(-135deg) translate(-2px,-2px)}
	.sdb-menu .sub-menu{display:none!important}
	.sdb-menu li.sdb-abierto>.sub-menu{display:block!important;animation:sdb-despliega .25s ease-out}
	.sdb-menu .sub-menu{border-left:2px solid var(--sdb-acento);margin:2px 0 8px 12px;padding:0 0 0 8px}
	.sdb-menu .sub-menu a{white-space:normal;padding:11px 12px}
	.sdb-menu .sub-menu .sub-menu{margin-left:8px}
	.sdb-menu>li.sdb-abierto>a{color:var(--sdb-acento)}
}
@keyframes sdb-despliega{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:1060px){
	.sdb-menu li,.sdb-menu .sub-menu{width:100%;max-width:none}
	.sdb-sub-toggle{color:#fff}
	.sdb-menu li.sdb-abierto>.sdb-sub-toggle{color:var(--sdb-acento)}
	.sdb-menu .sub-menu li.sdb-abierto>a{color:var(--sdb-acento)}
}
@media (max-width:1060px){
	.sdb-nav{width:100%}
	.sdb-menu{align-items:stretch}
	.sdb-menu>li{width:100%}
	.sdb-menu .sub-menu{width:auto}
	.sdb-menu .sub-menu li{width:auto}
}

#AGENDA{scroll-margin-top:56px}

.sdb-lugares{margin:48px auto 0}

/* Equipo litúrgico dentro de cada hito + animación litúrgica general */
.sdb-equipo{list-style:none;margin:10px 0 4px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.sdb-equipo li{display:grid;gap:2px;padding:9px 13px;border-left:3px solid var(--sdb-primario);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--sdb-primario) 7%,#fff)}
.sdb-equipo small{font:700 .68rem/1.25 var(--sdb-texto-fuente);letter-spacing:.09em;text-transform:uppercase;color:var(--sdb-primario)}
.sdb-equipo b{font:700 .98rem/1.25 var(--sdb-titulos);color:var(--sdb-oscuro)}
.sdb-liturgia{max-width:760px;margin:40px auto 0;text-align:center}
.sdb-liturgia h3{display:inline-flex;align-items:center;gap:.5em;margin:0 0 16px;font:700 .82rem/1 var(--sdb-texto-fuente);letter-spacing:.14em;text-transform:uppercase;color:var(--sdb-primario)}
.sdb-liturgia h3 svg{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdb-liturgia ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.sdb-liturgia li{flex:1 1 280px;display:grid;justify-items:center;gap:3px;padding:20px 16px;background:#fff;border:1px solid var(--sdb-linea);border-radius:18px;box-shadow:0 8px 22px -14px rgba(0,30,40,.3);transition:transform .3s,box-shadow .3s,border-color .3s}
.sdb-liturgia li:hover{transform:translateY(-5px);box-shadow:0 20px 34px -16px rgba(0,30,40,.35);border-color:var(--sdb-acento)}
.sdb-liturgia small{font:700 .72rem/1.2 var(--sdb-texto-fuente);letter-spacing:.1em;text-transform:uppercase;color:var(--sdb-primario)}
.sdb-liturgia b{font:700 1.05rem/1.3 var(--sdb-titulos);color:var(--sdb-oscuro)}

/* Agenda: botón de documento dentro de un hito */
.sdb-hito-doc{display:inline-flex;align-items:center;gap:.5em;margin:6px 10px 0 0;padding:.5em 1em;border-radius:999px;background:var(--sdb-primario);color:#fff!important;font:700 .86rem/1.2 var(--sdb-texto-fuente);text-decoration:none;box-shadow:0 6px 16px -6px rgba(0,30,40,.45);transition:transform .2s,box-shadow .2s,background .2s}
.sdb-hito-doc svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdb-hito-doc:hover{transform:translateY(-2px);background:var(--sdb-oscuro);box-shadow:0 12px 22px -8px rgba(0,30,40,.5)}

/* Panel de documentos */
.sdb-docs-cab{text-align:center;max-width:720px;margin:0 auto 30px}
.sdb-docs-cab h2{font:700 clamp(1.5rem,3vw,2.1rem)/1.2 var(--sdb-titulos);color:var(--sdb-oscuro);margin:10px 0 8px}
.sdb-docs-cab p{margin:0;color:var(--sdb-suave)}
.sdb-etiqueta--suave{background:color-mix(in srgb,var(--sdb-primario) 14%,#fff);color:var(--sdb-primario)}
.sdb-docs-rejilla{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}
.sdb-doc{flex:0 1 calc((100% - 48px)/3);min-width:270px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sdb-linea);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px -16px rgba(0,30,40,.35);transition:transform .3s,box-shadow .3s,border-color .3s}
.sdb-doc:hover{transform:translateY(-6px);box-shadow:0 26px 44px -20px rgba(0,30,40,.45);border-color:var(--sdb-acento)}
.sdb-doc-portada{display:block;aspect-ratio:16/10;background:var(--sdb-oscuro);overflow:hidden;position:relative}
.sdb-doc-portada img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s}
.sdb-doc:hover .sdb-doc-portada img{transform:scale(1.05)}
.sdb-doc-candado{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--sdb-primario) 70%,#000),var(--sdb-oscuro))}
.sdb-doc-candado svg{width:46px;height:46px;margin-bottom:6px;fill:none;stroke:var(--sdb-acento);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sdb-doc-candado b{font:700 1rem/1.2 var(--sdb-titulos)}
.sdb-doc-candado small{font:600 .8rem/1.2 var(--sdb-texto-fuente);opacity:.85;letter-spacing:.04em}
.sdb-doc-cuerpo{display:flex;flex-direction:column;gap:6px;padding:18px 22px 22px;flex:1}
.sdb-doc-meta{font:700 .72rem/1 var(--sdb-texto-fuente);letter-spacing:.12em;text-transform:uppercase;color:var(--sdb-primario)}
.sdb-doc h3{margin:2px 0 0;font:700 1.12rem/1.3 var(--sdb-titulos);color:var(--sdb-oscuro)}
.sdb-doc-cuerpo>p{margin:0;color:var(--sdb-suave);font-size:.95rem}
.sdb-doc-clave{display:flex;align-items:flex-start;gap:.5em;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--sdb-acento) 22%,#fff);color:var(--sdb-oscuro)!important;font-size:.85rem!important;font-weight:600}
.sdb-doc-clave svg{flex:none;width:1.2em;height:1.2em;margin-top:.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdb-doc-acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:12px}
.sdb-biblioteca{margin-top:clamp(48px,7vw,84px);padding-top:clamp(36px,5vw,56px);border-top:1px solid var(--sdb-linea)}
.sdb-biblio-buscar{display:flex;align-items:center;gap:.6em;max-width:420px;margin:0 auto 26px;padding:.2em 1em;background:#fff;border:1px solid var(--sdb-linea);border-radius:999px;box-shadow:var(--sdb-sombra);color:var(--sdb-suave)}
.sdb-biblio-buscar svg{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sdb-biblio-buscar input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:.8em 0;font:inherit;color:var(--sdb-texto)}
.sdb-biblio-buscar:focus-within{border-color:var(--sdb-primario);box-shadow:0 0 0 3px color-mix(in srgb,var(--sdb-primario) 22%,transparent)}
.sdb-biblio-rejilla{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.sdb-biblio-item{flex:0 1 calc((100% - 32px)/3);min-width:270px;display:flex;align-items:center;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--sdb-linea);border-left:5px solid var(--sdb-primario);border-radius:16px;text-decoration:none;color:var(--sdb-texto);box-shadow:0 8px 22px -16px rgba(0,30,40,.35);transition:transform .25s,box-shadow .25s,border-color .25s}
.sdb-biblio-item:hover{transform:translateY(-4px);box-shadow:0 18px 32px -16px rgba(0,30,40,.4);border-color:var(--sdb-acento);border-left-color:var(--sdb-primario)}
.sdb-biblio-logo{flex:none;display:grid;place-items:center;width:84px;height:64px;padding:8px;border-radius:12px;background:var(--sdb-oscuro)}
.sdb-biblio-logo img{max-width:100%;max-height:100%;object-fit:contain}
.sdb-biblio-txt{display:grid;gap:3px;min-width:0}
.sdb-biblio-txt small{font:700 .7rem/1.2 var(--sdb-texto-fuente);letter-spacing:.1em;text-transform:uppercase;color:var(--sdb-primario)}
.sdb-biblio-txt b{font:700 1rem/1.25 var(--sdb-titulos);color:var(--sdb-oscuro)}
.sdb-biblio-ir{display:inline-flex;align-items:center;gap:.4em;font:700 .82rem/1.2 var(--sdb-texto-fuente);color:var(--sdb-primario)}
.sdb-biblio-ir svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdb-biblio-vacio{text-align:center;color:var(--sdb-suave);margin-top:18px}
@media (max-width:560px){.sdb-doc,.sdb-biblio-item{flex-basis:100%;min-width:0}}

/* Biblioteca histórica: encuentros → carpetas → documentos */
.sdb-bib-lista-enc{display:grid;gap:12px;max-width:1000px;margin:0 auto}
.sdb-bib-barra{max-width:1000px;margin:0 auto 14px}
.sdb-bib-barra .sdb-biblio-buscar{max-width:none;margin:0 0 12px}
.sdb-bib-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sdb-chip{display:inline-flex;align-items:center;gap:.4em;padding:.5em 1em;border:1px solid var(--sdb-linea);border-radius:999px;background:#fff;color:var(--sdb-texto);font:700 .82rem/1 var(--sdb-texto-fuente);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.sdb-chip small{font:700 .72rem/1 var(--sdb-texto-fuente);opacity:.65}
.sdb-chip:hover{border-color:var(--sdb-primario)}
.sdb-chip.is-activo{background:var(--sdb-primario);border-color:var(--sdb-primario);color:#fff}
.sdb-bib-acciones{margin-left:auto;display:flex;gap:14px}
.sdb-enlace-btn{border:0;background:none;padding:.3em 0;color:var(--sdb-primario);font:700 .82rem/1 var(--sdb-texto-fuente);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sdb-biblio-estado{max-width:1000px;margin:0 auto 12px;font-weight:700;color:var(--sdb-primario)}
.sdb-bib-enc{background:#fff;border:1px solid var(--sdb-linea);border-radius:12px;overflow:hidden}
.sdb-bib-enc>summary,.sdb-bib-carpeta>summary{list-style:none;cursor:pointer}
.sdb-bib-enc>summary::-webkit-details-marker,.sdb-bib-carpeta>summary::-webkit-details-marker{display:none}
.sdb-bib-enc>summary{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--sdb-oscuro);color:#fff}
.sdb-bib-anio{flex:none;font:800 1.15rem/1 var(--sdb-titulos);color:var(--sdb-acento);min-width:2.6em}
.sdb-bib-enc .sdb-biblio-txt{flex:1;display:grid;gap:2px;min-width:0}
.sdb-bib-enc .sdb-biblio-txt b{font:700 1rem/1.25 var(--sdb-titulos);color:#fff}
.sdb-bib-enc .sdb-biblio-txt small{font:600 .74rem/1.2 var(--sdb-texto-fuente);letter-spacing:.04em;text-transform:none;color:rgba(255,255,255,.72)}
.sdb-bib-cuenta{flex:none;padding:.3em .8em;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font:700 .78rem/1 var(--sdb-texto-fuente);white-space:nowrap}
.sdb-bib-enc>summary::after,.sdb-bib-carpeta>summary::after{content:"";flex:none;width:.55em;height:.55em;margin-left:4px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);transition:transform .25s}
.sdb-bib-enc[open]>summary::after,.sdb-bib-carpeta[open]>summary::after{transform:rotate(-135deg)}
.sdb-bib-int{padding:8px 10px 12px}
.sdb-bib-int--suelto{padding:0;max-width:1000px;margin:0 auto}
.sdb-bib-carpeta{margin-top:6px;border-left:3px solid var(--sdb-linea)}
.sdb-bib-carpeta>summary{display:flex;align-items:center;gap:10px;padding:9px 10px;font:700 .93rem/1.3 var(--sdb-texto-fuente);color:var(--sdb-oscuro);border-radius:8px;transition:background .2s}
.sdb-bib-carpeta>summary:hover{background:color-mix(in srgb,var(--sdb-primario) 8%,#fff)}
.sdb-bib-carpeta[open]{border-left-color:var(--sdb-primario)}
.sdb-bib-titulo{flex:1;min-width:0}
.sdb-bib-ico svg{width:1.2em;height:1.2em;display:block;fill:none;stroke:var(--sdb-primario);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdb-bib-carpeta>summary small{flex:none;padding:.15em .6em;border-radius:999px;background:var(--sdb-fondo-2,#eef3f5);color:var(--sdb-suave);font:700 .74rem/1.4 var(--sdb-texto-fuente)}
.sdb-bib-carpeta .sdb-bib-int{padding:2px 0 8px 10px}
.sdb-bib-lista{list-style:none;margin:4px 0 0;padding:0}
.sdb-bib-doc{border-bottom:1px solid var(--sdb-linea)}
.sdb-bib-doc:last-child{border-bottom:0}
.sdb-bib-doc[hidden],.sdb-bib-carpeta[hidden],.sdb-bib-enc[hidden]{display:none}
.sdb-bib-doc>a{display:grid;grid-template-columns:92px 1fr 78px 84px;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--sdb-texto);transition:background .15s}
.sdb-bib-doc>a:hover{background:color-mix(in srgb,var(--sdb-primario) 8%,#fff)}
.sdb-bib-nombre{min-width:0;font:600 .92rem/1.35 var(--sdb-texto-fuente);overflow-wrap:anywhere}
.sdb-bib-peso{font:600 .82rem/1 var(--sdb-texto-fuente);color:var(--sdb-suave);text-align:right;white-space:nowrap}
.sdb-bib-abrir{display:inline-flex;align-items:center;justify-content:flex-end;gap:.35em;font:700 .82rem/1 var(--sdb-texto-fuente);color:var(--sdb-primario)}
.sdb-bib-abrir svg{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdb-bib-clave{display:inline-flex;align-items:center;gap:.3em;margin-left:.4em;padding:.1em .55em;border-radius:999px;background:color-mix(in srgb,var(--sdb-acento) 28%,#fff);color:var(--sdb-oscuro);font:700 .72rem/1.4 var(--sdb-texto-fuente);font-style:normal;white-space:nowrap}
.sdb-bib-clave svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdb-fmt{display:inline-flex;align-items:center;justify-content:center;padding:.4em .6em;border-radius:6px;font:800 .7rem/1 var(--sdb-texto-fuente);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--sdb-primario)}
.sdb-fmt--pdf{background:#b5302a}
.sdb-fmt--word{background:#2a5ca8}
.sdb-fmt--ppt{background:#c2561e}
.sdb-fmt--img{background:#4a7c3a}
.sdb-fmt--mp4{background:#5a3d8a}
@media (max-width:640px){
	.sdb-bib-acciones{margin-left:0;width:100%}
	.sdb-bib-enc>summary{padding:12px}
	.sdb-bib-doc>a{grid-template-columns:auto 1fr auto;grid-template-areas:"t n n" "t p a";gap:4px 10px;align-items:center}
	.sdb-bib-doc .sdb-fmt{grid-area:t;align-self:start}
	.sdb-bib-nombre{grid-area:n}
	.sdb-bib-peso{grid-area:p;text-align:left}
	.sdb-bib-abrir{grid-area:a}
}