:root{--crudo:#f4eedf;--crudo-2:#ece2c6;--papel:#fffdf8;--noche:#2b1616;--noche-2:#3d2422;--texto-2:#6e5e58;--linea:#d9ccb0;--rojo:#962d20;--rojo-2:#7c2419;--carmesi:#c01a26;--maiz:#d39b2a;--verde:#2f4b2b;--verde-y:#3e7a3e;--morado:#6a2d6e;--rosado:#d45a8a;--azul:#2a2a52;--f-titulo:var(--font-alegreya);--f-texto:var(--font-alegreya-sans);--f-etiqueta:var(--font-didact-gothic)}*{box-sizing:border-box}html{color-scheme:light}body{background:var(--crudo);color:var(--noche);font:400 1.0625rem/1.6 var(--f-texto);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img,svg{max-width:100%}:focus-visible{outline:3px solid var(--maiz);outline-offset:3px}.envoltura{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}.etiqueta{font:400 .78rem/1.3 var(--f-etiqueta);letter-spacing:.18em;text-transform:uppercase}.cabecera{top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb,var(--crudo) 94%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--linea);position:sticky}.cabecera .envoltura{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.marca svg{width:auto;height:30px;display:block}.nav{align-items:center;gap:clamp(14px,2.4vw,30px);display:flex}.nav a{font:400 .8rem/1 var(--f-etiqueta);letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid #0000;padding:8px 0;text-decoration:none}.nav a:hover{border-color:var(--carmesi)}.boton{font:700 .95rem/1 var(--f-texto);letter-spacing:.02em;border:2px solid var(--rojo);background:var(--rojo);color:var(--papel);border-radius:2px;align-items:center;gap:.5em;padding:.95em 1.4em;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.boton:hover{background:var(--rojo-2);border-color:var(--rojo-2)}.boton.sec{color:var(--noche);border-color:var(--noche);background:0 0}.boton.sec:hover{background:var(--noche);color:var(--crudo)}.nav .boton{padding:.75em 1.1em;font-size:.85rem}.menu-movil{display:none}.portada{padding-block:clamp(40px,7vw,88px) clamp(40px,6vw,72px)}.portada .envoltura{grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.portada .etiqueta{color:var(--rojo)}.portada h1{font:800 clamp(2.5rem,5.4vw,4.4rem)/1.02 var(--f-titulo);letter-spacing:-.01em;text-wrap:balance;margin:.35em 0 .4em}.portada h1 em{color:var(--carmesi);font-style:normal}.portada .entrada{max-width:34em;color:var(--noche-2);margin:0 0 2em;font-size:clamp(1.1rem,1.6vw,1.3rem)}.acciones{flex-wrap:wrap;gap:12px;display:flex}.columna{grid-template-columns:auto 1fr;gap:18px;margin:0;display:grid}.columna svg{width:auto;height:clamp(300px,38vw,470px);display:block}.leyenda{grid-template-rows:12.8% 21% 21% 23.6% 21.6%;margin:0;padding:0;list-style:none;display:grid}.leyenda li{border-top:1px dashed var(--linea);color:var(--noche-2);align-items:center;gap:10px;font-size:.92rem;line-height:1.25;display:flex}.leyenda li:first-child{border:0}.leyenda b{font:400 .7rem/1.2 var(--f-etiqueta);letter-spacing:.16em;text-transform:uppercase;color:var(--noche);display:block}.guarda{background-repeat:repeat-x;background-size:auto 60px;height:60px}.guarda.y{background-image:url(/img/guarda-yampara.svg)}.guarda.j{background-image:url(/img/guarda-jalqa.svg);background-size:auto 64px;height:64px}.seccion{padding-block:clamp(56px,8vw,104px)}.encabezado-seccion{max-width:44em;margin-bottom:clamp(28px,4vw,48px)}.encabezado-seccion .etiqueta{color:var(--rojo)}h1,h2,h3{overflow-wrap:break-word}h2{font:800 clamp(1.9rem,3.6vw,2.9rem)/1.08 var(--f-titulo);text-wrap:balance;margin:.3em 0 .35em}h3{font:700 1.55rem/1.15 var(--f-titulo);margin:0 0 .4em}.culturas{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);display:grid}.cultura{align-content:start;gap:18px;padding:clamp(24px,3.4vw,44px);display:grid}.cultura .motivo{place-items:center;min-height:190px;padding-block:8px;display:grid}.cultura .motivo svg{width:min(100%,380px);height:auto}.cultura.jalqa{background:var(--noche);color:var(--crudo-2)}.cultura.jalqa .etiqueta{color:#e5626b}.cultura.yampara{background:var(--crudo-2)}.cultura.yampara .etiqueta{color:var(--morado)}.cultura p{margin:0}.lugares{opacity:.85;border-top:1px solid;padding-top:12px;font-size:.9rem}.programas{border-top:2px solid var(--noche);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.programa{align-content:start;gap:12px;padding:28px 28px 32px 0;display:grid}.programa+.programa{border-left:1px solid var(--linea);padding-left:28px}.programa .icono{align-items:flex-end;height:46px;display:flex}.programa .icono svg{width:auto;height:100%}.programa p{color:var(--noche-2);margin:0}.programa a{color:var(--rojo);text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px}.apoya{background:var(--noche);color:var(--crudo-2)}.apoya .envoltura{grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,5vw,72px);padding-block:clamp(48px,7vw,88px);display:grid}.apoya .etiqueta{color:var(--maiz)}.apoya p{max-width:36em;margin:0}.apoya .boton{background:var(--maiz);border-color:var(--maiz);color:var(--noche)}.apoya .boton:hover{background:#e3ad3f;border-color:#e3ad3f}.apoya .boton.sec{color:var(--crudo-2);border-color:var(--crudo-2);background:0 0}.apoya .boton.sec:hover{background:var(--crudo-2);color:var(--noche)}.correo{font:400 .95rem/1.4 var(--f-texto);opacity:.85;margin-top:16px}.pie{background:var(--noche-2);color:var(--crudo-2);padding-block:48px 28px;font-size:.95rem}.pie .envoltura{grid-template-columns:1.4fr 1fr 1fr;gap:28px;display:grid}.pie svg{width:auto;height:28px}.pie h4{font:400 .72rem/1 var(--f-etiqueta);letter-spacing:.18em;text-transform:uppercase;color:var(--maiz);margin:6px 0 14px}.pie ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pie a{opacity:.9;text-decoration:none}.pie a:hover{text-decoration:underline}.legal{opacity:.7;border-top:1px solid #ece2c633;grid-column:1/-1;margin-top:12px;padding-top:18px;font-size:.82rem}@media (width<=900px){.portada .envoltura,.apoya .envoltura{grid-template-columns:minmax(0,1fr)}.columna{justify-content:start}.culturas,.programas{grid-template-columns:minmax(0,1fr)}.programa,.programa+.programa{border-left:0;border-bottom:1px solid var(--linea);padding:24px 0}.pie .envoltura{grid-template-columns:1fr 1fr}.nav a:not(.boton){display:none}}@media (width<=480px){.pie .envoltura{grid-template-columns:1fr}.columna svg{height:300px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
