@font-face{font-family:Alegreya;font-style:normal;font-weight:400 900;
font-display:swap;src:url(/tipografia/Alegreya-variable.woff2) format("woff2")}
@font-face{font-family:Alegreya;font-style:italic;font-weight:400 900;
font-display:swap;src:url(/tipografia/Alegreya-Italic-variable.woff2) format("woff2")}
:root{--papel:#EAE7DE;--papel-hondo:#E2DED3;--tinta:#1E1913;--tinta-suave:#5C5349;
--pliegue:rgba(30,25,19,.14);--rumbo:var(--tinta);color-scheme:light dark;
--jade:#187056;
--azul:#00539F}
@media (prefers-color-scheme:dark){
:root{
  --rumbo:#E8836F;--papel:#16130F;--papel-hondo:#1F1B15;--tinta:#E8E3D8;--tinta-suave:#A79E90;
--pliegue:rgba(232,227,216,.16);--jade:#9FD9C5;
--azul:#35D6FF}
img,figure img{filter:brightness(.92)}
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);
font-family:Alegreya,Georgia,'Times New Roman',serif;font-weight:400;
font-size:1.0625rem;line-height:1.68;font-feature-settings:"onum" 1}
a{color:var(--azul);text-decoration-thickness:1px;text-underline-offset:.18em;
text-decoration-color:color-mix(in srgb,var(--azul) 45%,transparent)}
a:hover{text-decoration-color:var(--azul)}
a:focus-visible{outline:2px solid var(--azul);outline-offset:3px}
:focus-visible{outline:2px solid var(--rumbo);outline-offset:3px}
.marco{max-width:68ch;margin:0 auto;padding:0 1.5rem}
.ancho{max-width:68rem;margin:0 auto;padding:0 1.5rem}
.casa{padding:2.25rem 0 0;font-size:.9rem;letter-spacing:.06em;color:var(--tinta-suave)}
.casa a{color:inherit;text-decoration:none;border-bottom:1px solid var(--pliegue)}
.casa a:hover{border-bottom-color:var(--azul)}.casa a:hover{text-decoration:underline}
.portada{padding:3rem 0 2.5rem}
.portada h1{font-size:clamp(2.4rem,7vw,4rem);font-weight:700;line-height:1.04;
letter-spacing:-.02em;margin:0 0 1rem;max-width:18ch}
.entradilla{font-size:1.15rem;color:var(--tinta-suave);max-width:54ch;margin:0 0 .5rem}
.tira-sep{display:block;width:100%;font-size:.82rem;color:var(--tinta-suave);margin:.6rem 0 .2rem}
.tira-dias{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}
.tira-dias a{display:inline-block;padding:.3rem .6rem;border:1px solid var(--linea);
  border-radius:3px;font-size:.85rem;text-decoration:none;color:var(--tinta)}
.tira-dias a:hover{border-color:var(--rumbo);color:var(--rumbo)}
.tira{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:0;
border-top:1px solid var(--pliegue);border-left:1px solid var(--pliegue);margin:1rem 0 3rem}
.hoja{color:inherit;position:relative;display:block;padding:1.15rem 1.1rem 1.35rem;text-decoration:none;
border-right:1px solid var(--pliegue);border-bottom:1px solid var(--pliegue);
background:linear-gradient(90deg,var(--papel-hondo) 0,var(--papel) 14%)}
.hoja::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rumbo)}
.hoja:hover{background:var(--papel-hondo)}
.hoja .cuenta{font-size:.75rem;letter-spacing:.1em;color:var(--tinta-suave);display:block;margin-bottom:.45rem}
.hoja .nombre{font-size:1.22rem;font-weight:600;line-height:1.16;display:block;margin-bottom:.3rem}
.hoja .rige{font-size:.875rem;color:var(--tinta-suave);line-height:1.4;display:block}
.encabeza{padding:2.5rem 0 1.75rem;border-bottom:1px solid var(--pliegue)}
.encabeza .cuenta{font-size:.8rem;letter-spacing:.12em;color:var(--tinta-suave);display:block;margin-bottom:.6rem}
.encabeza h1{font-size:clamp(2.1rem,6vw,3.1rem);font-weight:700;line-height:1.05;
letter-spacing:-.02em;margin:0 0 .7rem}
.encabeza h1::after{content:"";display:block;width:3.5rem;height:4px;background:var(--rumbo);margin-top:1rem}
.sumario{color:var(--tinta-suave);margin:0;max-width:52ch}
.rubro{padding:2rem 0 0}
.rubro h2{color:var(--jade);font-size:1rem;font-weight:600;margin:0 0 .55rem;color:var(--rumbo)}
.rubro p{margin:0 0 1rem}.rubro p:last-child{margin-bottom:0}
.hueco{border-left:3px solid var(--pliegue);padding:.15rem 0 .15rem 1rem;color:var(--tinta-suave)}
.dias{columns:2;column-gap:2rem;list-style:none;padding:0;margin:0 0 1rem;font-size:.9375rem}
.dias li{margin-bottom:.25rem;break-inside:avoid}
.susurro{color:var(--tinta-suave);font-size:.85em}
.mitad{font-size:.95rem;font-weight:600;margin:1.2rem 0 .4rem}
.proc thead th{font-size:.85rem;letter-spacing:.04em;color:var(--tinta-suave);font-weight:600}
.aparato{margin:3.5rem 0 0;padding:1.75rem 0 0;border-top:1px solid var(--pliegue);
font-size:.9375rem;color:var(--tinta-suave)}
.aparato h2{font-size:.95rem;font-weight:600;color:var(--tinta);margin:0 0 .6rem}
.aparato ul{margin:0 0 2rem;padding-left:1.1rem}.aparato li{margin-bottom:.45rem}
.proc{width:100%;border-collapse:collapse;margin:0 0 2rem;font-size:.9375rem}
.proc th,.proc td{text-align:left;padding:.4rem .8rem .4rem 0;border-bottom:1px solid var(--pliegue);vertical-align:top}
.proc th{font-weight:600;color:var(--tinta)}
.cita{background:var(--papel-hondo);padding:1rem 1.15rem;border-left:3px solid var(--rumbo);margin:0 0 2rem}
.cita p{margin:0}
.paso{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;
padding:1.75rem 0 4rem;border-top:1px solid var(--pliegue);font-size:.9375rem}
.paso a{color:inherit;text-decoration:none;max-width:20rem}.paso a:hover .cual{text-decoration:underline}
.paso .hacia{display:block;color:var(--tinta-suave);font-size:.8rem;margin-bottom:.15rem}
.paso .cual{font-weight:600}.paso .derecha{text-align:right;margin-left:auto}
.metodo{border-top:1px solid var(--pliegue);padding:2rem 0 4rem}
.metodo h2{color:var(--jade);font-size:1.05rem;font-weight:600;margin:0 0 .7rem}
.metodo p{margin:0 0 1rem;color:var(--tinta-suave)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;
background:var(--papel-hondo);padding:.08em .3em}
.sello{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;
letter-spacing:-.01em;word-break:break-all;color:var(--tinta-suave);
background:var(--papel-hondo);padding:.7rem .85rem;display:block;margin:0 0 1rem}
.ficha-tec{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:.9375rem}
.ficha-tec th,.ficha-tec td{text-align:left;padding:.38rem .8rem .38rem 0;
border-bottom:1px solid var(--pliegue);verticalalign:top}
.ficha-tec th{font-weight:600;width:14rem}
.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;
background:var(--papel-hondo);padding:.8rem .95rem;margin:0 0 1.2rem;overflow-x:auto}
.control{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:.9375rem}
.control th,.control td{text-align:left;padding:.38rem .8rem .38rem 0;
border-bottom:1px solid var(--pliegue)}
.control thead th{font-size:.85rem;letter-spacing:.04em;color:var(--tinta-suave)}
.si{color:#1D6B6E;font-weight:600}
.paso-n{display:flex;gap:.9rem;margin:0 0 .9rem}
.paso-n b{flex:0 0 1.5rem;font-variant-numeric:tabular-nums;color:var(--rumbo)}
.dato{display:flex;gap:1rem;align-items:baseline;margin:0 0 1rem}
.dato b{font-size:1.9rem;font-weight:700;line-height:1;color:var(--rumbo)}
.dato span{color:var(--tinta-suave)}
.tarjeta{background:var(--papel-hondo);padding:1.1rem 1.25rem;margin:0 0 1.25rem;
border-left:3px solid var(--pliegue)}
.tarjeta>h3{font-size:.95rem;font-weight:600;margin:0 0 .6rem;color:var(--rumbo)}
.tarjeta p:last-child{margin-bottom:0}
.ritual{margin:0 0 1.5rem}
.ritual>h3{font-size:1rem;font-weight:600;margin:0 0 .45rem}
.lamina{border-top:1px solid var(--pliegue);border-bottom:1px solid var(--pliegue);
padding:1rem 0;margin:0 0 1.25rem}
.lamina>h3{font-size:.95rem;font-weight:600;margin:0 0 .35rem}
.lamina .fte{font-size:.85rem;color:var(--tinta-suave);margin:.45rem 0 0}
.sub{font-size:1rem;font-weight:600;margin:1.6rem 0 .6rem}
.tabla{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.9375rem}
.tabla th,.tabla td{text-align:left;padding:.4rem .8rem .4rem 0;
border-bottom:1px solid var(--pliegue);vertical-align:top}
.tabla thead th{font-size:.85rem;letter-spacing:.04em;color:var(--tinta-suave)}
.enlista{padding-left:1.15rem;margin:0 0 1.25rem}
.enlista li{margin-bottom:.45rem}
.tension{border-left:3px solid var(--rumbo);padding:.9rem 0 .9rem 1.1rem;margin:0 0 1.4rem}
.tension>h3{font-size:.95rem;font-weight:600;margin:0 0 .45rem}
.cruce{margin:0 0 1.25rem}
.cruce>h3{font-size:1rem;font-weight:600;margin:0 0 .3rem}
.cruce .dom{color:var(--tinta-suave);margin:0 0 .35rem}
.cruce .atr{font-size:.875rem;color:var(--tinta-suave)}
.fuentes-nota{background:var(--papel-hondo);padding:1rem 1.15rem;margin:0 0 1.5rem;
font-size:.9375rem;color:var(--tinta-suave)}
.fuentes-nota b{display:block;font-size:.8rem;letter-spacing:.08em;
color:var(--tinta);margin-bottom:.4rem;text-transform:uppercase}
.hoy{border-top:1px solid var(--pliegue);border-bottom:1px solid var(--pliegue);
padding:2.5rem 0;margin:0 0 3rem}
.hoy .et{font-size:.8rem;letter-spacing:.12em;color:var(--tinta-suave);display:block;margin-bottom:.5rem}
.hoy .dia{font-size:clamp(2.6rem,9vw,4.6rem);font-weight:700;line-height:1;
letter-spacing:-.03em;margin:0 0 .8rem}
.hoy .donde{color:var(--tinta-suave);margin:0 0 1.4rem}
.hoy .cinco{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9rem;
color:var(--tinta-suave);margin:0}
.senor{border-bottom:1px solid var(--pliegue);padding:1.6rem 0}
.senor:last-child{border-bottom:0}
.senor h2{font-size:1.3rem;font-weight:600;margin:0 0 .2rem;color:var(--jade)}
.senor .ep{color:var(--tinta-suave);margin:0 0 .8rem}
.senor .cuenta-n{font-size:.78rem;letter-spacing:.1em;color:var(--tinta-suave);
display:block;margin-bottom:.35rem}
.senor .ave{font-size:.9375rem;color:var(--tinta-suave);margin:.7rem 0 0}
.prueba{background:var(--papel-hondo);padding:1.2rem 1.35rem;margin:0 0 1.5rem}
.prueba b{display:block;margin-bottom:.5rem}
.prueba code{font-family:ui-monospace,Menlo,monospace;font-size:.85rem}
.tabla-ancha{overflow-x:auto;margin:0 0 1.5rem;width:calc(100% + 3rem);
margin-inline:-1.5rem;padding-inline:1.5rem}
.tabla-ancha>table{margin-bottom:0}
.cuentas{width:100%;border-collapse:collapse;margin:0 0 2rem;font-size:.9375rem}
.cuentas th,.cuentas td{text-align:left;padding:.55rem .9rem .55rem 0;
border-bottom:1px solid var(--pliegue);vertical-align:top}
.cuentas thead th{font-size:.8rem;letter-spacing:.06em;color:var(--tinta-suave);
font-weight:600}
.cuentas .tn{font-weight:600;font-size:1.05rem}
.saltos{display:flex;justify-content:space-between;gap:1rem;
padding:1.5rem 0 3rem;border-top:1px solid var(--pliegue);font-size:.9375rem}
.saltos a{text-decoration:none}.saltos a:hover span{text-decoration:underline}
.bib h2{font-size:1.05rem;font-weight:600;margin:2.2rem 0 .5rem;color:var(--jade)}
.bib .intro{color:var(--tinta-suave);margin:0 0 1rem}
.bib ul{list-style:none;padding:0;margin:0 0 1rem}
.bib li{padding:.5rem 0;border-bottom:1px solid var(--pliegue)}
.bib li b{font-weight:600}
.bib li span{color:var(--tinta-suave);display:block;font-size:.9375rem}
.exp{border-left:3px solid var(--rumbo);padding:.2rem 0 .2rem 1.15rem;margin:0 0 1.8rem}
.exp h2{color:var(--jade);font-size:1.05rem;font-weight:600;margin:0 0 .3rem}
.exp .amb{font-size:.8rem;letter-spacing:.06em;color:var(--tinta-suave);
display:block;margin-bottom:.5rem}
.libre{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:.9375rem}
.libre th,.libre td{text-align:left;padding:.45rem .9rem .45rem 0;
border-bottom:1px solid var(--pliegue);vertical-align:top}
.libre thead th{font-size:.82rem;letter-spacing:.05em;color:var(--tinta-suave)}
.form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:0 0 2rem}
.form input{font:inherit;font-size:1.05rem;padding:.55rem .7rem;
border:1px solid var(--tinta-suave);background:var(--papel);color:var(--tinta)}
.form button{font:inherit;font-size:1rem;padding:.6rem 1.4rem;cursor:pointer;
border:0;background:var(--tinta);color:var(--papel)}
.form button:hover{background:var(--rumbo)}
.form button:disabled{opacity:.4;cursor:not-allowed}
#salida h2{font-size:clamp(2.2rem,7vw,3.4rem);font-weight:700;
letter-spacing:-.02em;margin:0 0 .4rem}
#aviso{background:var(--papel-hondo);border-left:3px solid #9B2C1B;
padding:.9rem 1.1rem;margin:0 0 1.5rem}
#carta{max-width:26rem;margin:0 0 1rem}
#carta svg{width:100%;height:auto;display:block;
box-shadow:0 1px 0 rgba(30,25,19,.14)}
.correo{font:inherit;font-size:1rem;padding:.6rem 1.4rem;background:var(--tinta);
color:var(--papel);text-decoration:none;display:inline-block}
.correo:hover{background:var(--rumbo)}
.muro{margin:0 0 2rem;max-width:14rem}
.muro img{width:100%;height:auto;display:block;background:var(--papel-hondo)}
.muro figcaption{font-size:.875rem;color:var(--tinta-suave);margin:.6rem 0 0;
line-height:1.5}
.rubro p, .rubro li,
.metodo p,
.exp p,
.tarjeta p,
.ritual p,
.lamina p,
.bib .intro,
.enlista li{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  hyphenate-limit-chars:6 3 3;   
}
.sumario, .entradilla, .cita p, .mas, figcaption,
.hoja .rige, .dato span, td, th{
  text-align:left;
  hyphens:manual;
}
@media (prefers-color-scheme:dark){
[style*="#9B2C1B"]{--rumbo:#E0765E!important}
[style*="#3A4A55"]{--rumbo:#9DB3C2!important}
[style*="#7D5C15"]{--rumbo:#DDAE4A!important}
[style*="#1D6B6E"]{--rumbo:#5FC0BC!important}
}
/* EN LAS PÁGINAS DE FUNCIÓN son dos o tres pantallas en fila, y vienen en
   proporciones distintas —2,14 la del mes, 1,50 las que van muy en ángulo—:
   alineadas por arriba quedaban a alturas dispares y se leía como un
   descuido. Aquí se igualan por ALTO y cada una conserva su forma dentro. */
.galeria-func{display:grid;gap:1.4rem;margin:1.6rem 0 2rem;
  grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end}
.galeria-func figure{margin:0;display:flex;flex-direction:column;
  justify-content:flex-end}
.galeria-func img{width:100%;height:auto;display:block}
.galeria-func figcaption{margin-top:.6rem;font-size:.9rem;
  color:var(--tinta-suave)}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));
gap:1.25rem;margin:0 0 2rem}
.galeria{align-items:start}
.galeria figure{margin:0}
.galeria figure.ancha{grid-column:1/-1;max-width:24rem;margin:0 auto}
.galeria .pista{font-style:italic}
.ampliar{display:block;cursor:zoom-in}
.lupa{display:none;position:fixed;inset:0;z-index:20;background:var(--papel);
padding:1.5rem;overflow:auto}
.lupa:target{display:flex;align-items:center;justify-content:center}
.lupa .cerrar{display:block;cursor:zoom-out;max-width:min(100%,32rem)}
.lupa img{width:100%;height:auto}
.galeria img{width:100%;height:auto;display:block;background:none}
.galeria{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));
  align-items:end;justify-items:center}
.galeria figure{margin:0;display:flex;flex-direction:column;
  justify-content:flex-end;align-items:center;width:100%}
.galeria img{width:100%;height:auto;display:block;background:none}
.galeria figcaption{margin-top:.6rem;text-align:center;font-size:.9rem;
  color:var(--tinta-suave)}

.galeria figcaption{font-size:.8125rem;color:var(--tinta-suave);margin:.4rem 0 0}
.salidas{display:grid;gap:1px;background:var(--pliegue);
border-top:1px solid var(--pliegue);border-bottom:1px solid var(--pliegue);
margin:0 0 4rem}
.salidas a{display:block;padding:1.15rem 0;background:var(--papel);
color:inherit;text-decoration:none}
.salidas a b{display:block;font-size:1.05rem;font-weight:600;color:var(--azul);
margin:0 0 .2rem}
.salidas a span{color:var(--tinta-suave);font-size:.9375rem}
.salidas a:hover b{text-decoration:underline;text-underline-offset:.18em}
@media (min-width:44rem){.salidas{grid-template-columns:repeat(3,1fr)}
.salidas a{padding:1.15rem 1.1rem}}
.marca-dia{margin:1.6rem 0 0;text-align:center}
.marca-hoy{width:min(7rem,30vw);height:auto}
@media (min-width:52rem){
  .marca-dia{float:right;margin:0 0 1rem 1.5rem}
}
.glifo{margin:1.2rem 0;text-align:center}
.glifo svg{color:var(--rumbo);max-width:min(220px,60%);height:auto}
.glifo figcaption{margin:.6rem auto 0;max-width:52ch;font-size:.88rem;
  color:var(--tinta-suave);text-align:left}
.preguntas{margin-top:2.5rem}
.ancla{border-top:1px solid var(--pliegue);padding:.75rem 0}
.ancla summary{cursor:pointer;font-weight:600;color:var(--tinta)}
.ancla summary::marker{color:var(--rumbo)}
.ancla p{margin:.6rem 0 .2rem;color:var(--tinta-suave)}
/* EL ICONO DE LA APP, presentado como icono: su fondo y su redondeo los
   pone la hoja, no el pixel. El fichero llega con alfa limpio a 2048, asi
   que el borde curvo sale nitido a cualquier densidad, y el mismo fichero
   sirve si algun dia se quiere sin fondo. */
.icono-app .ico{display:inline-block;border-radius:22%;background:#0B1020;
  box-shadow:0 3px 18px var(--pliegue);overflow:hidden;line-height:0}
.icono-app .ico img{display:block;width:min(11rem,34vw);height:auto;
  max-width:none;border-radius:0}
/* LAS DOS PUERTAS DE LA CASA. Grandes, arriba del todo: quien llega a la
   raíz elige antes de leer nada. No es un selector vacío —la página tiene
   su contenido debajo— pero la elección va primero. */
/* ══ EL CASCARÓN DE SIGNO MEXICA ══
   Es otra app, y tiene que notarse antes de leer una palabra. La barra
   lleva el fondo hondo de la obsidiana en lugar del papel de Alma, y el
   enlace a la otra casa va apagado, al final, como una salida y no como
   una sección. */
.barra a.inicio{padding-left:0;font-weight:600}
.barra a.inicio:hover{opacity:1}
.barra a.inicio .marca{margin-right:.35rem;vertical-align:-.35em}
nav.barra.barra-signo{background:var(--rumbo);border-bottom:none}
nav.barra.barra-signo a{color:#EAE7DE;opacity:.86}
.barra-signo a:hover{opacity:1}
nav.barra.barra-signo a.aqui{opacity:1;border-bottom-color:#EAE7DE}
nav.barra.barra-signo a.otra-casa{opacity:.62;font-style:italic}
nav.barra.barra-signo .marca{filter:brightness(0) invert(1)}
nav.barra.barra-signo a.idioma{color:#EAE7DE;opacity:.72}
.pie-signo{border-top:2px solid var(--rumbo)}
.puertas{display:grid;gap:1.2rem;margin:2rem 0 2.5rem}
@media (min-width:44rem){ .puertas{grid-template-columns:1fr 1fr} }
.puerta{display:block;padding:1.4rem 1.5rem;border:1px solid var(--pliegue);
  border-radius:12px;background:var(--papel-hondo);text-decoration:none;
  color:var(--tinta)}
.puerta .ico{display:block;margin-bottom:.9rem;line-height:0}
.puerta .ico img{width:5.5rem;height:auto;max-width:none}
.puerta .ico-signo{display:inline-block;border-radius:22%;background:#0B1020;
  overflow:hidden;box-shadow:0 2px 12px var(--pliegue)}
/* LOS ÍCONOS, CENTRADOS. Iban pegados a la izquierda porque heredaban la
   alineación del texto; en un cuadro que presenta una app, el ícono manda y
   va en el eje. */
.puerta{text-align:center}
.puerta .ico{display:inline-block;margin-bottom:1rem}
.puerta .que{text-align:left}
.puerta .nombre{display:block;font-size:1.35rem;font-weight:600;
  color:var(--rumbo)}
.puerta .rige{display:block;margin:.15rem 0 .7rem;color:var(--tinta-suave);
  font-size:.95rem}
.puerta .que{display:block;font-size:.95rem;line-height:1.55}
.muestra{margin:1.6rem 0;text-align:center}
.muestra img{max-width:min(300px,78%);height:auto;border-radius:10px;
  box-shadow:0 2px 14px var(--pliegue)}
.muestra figcaption{margin:.7rem auto 0;max-width:52ch;font-size:.88rem;
  color:var(--tinta-suave);text-align:left}
.vineta-f{margin:1.4rem 0;text-align:center}
.vineta-f img{max-width:min(320px,80%);height:auto}
.barra{border-bottom:1px solid var(--pliegue);background:var(--papel-hondo);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem 1.15rem;
  max-width:68rem;margin:0 auto;padding:.7rem 1.5rem;
  font-size:.88rem;letter-spacing:.01em}
@media (max-width:52rem){
  .barra{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    gap:0 1rem;padding:0 1rem;align-items:stretch}
  .barra::-webkit-scrollbar{display:none}
  .barra a{white-space:nowrap}
}
.pie-casa{margin:.8rem 0 0;font-size:.82rem}
.pie-casa a{color:var(--tinta-suave)}
.pie{max-width:68ch;margin:3rem auto 0;padding:1.4rem 1.5rem 2.5rem;
  border-top:1px solid var(--pliegue)}
.pie p{font-size:.82rem;line-height:1.55;color:var(--tinta-suave);margin:0}
.salto{position:absolute;left:-9999px;top:0;z-index:99;
  background:var(--tinta);color:var(--papel);padding:.7rem 1.1rem;
  border-radius:0 0 4px 0;text-decoration:none;font-size:.95rem}
.salto:focus{left:0}
main:focus{outline:none}
.marca{height:2rem;width:auto;vertical-align:-.55rem;margin-right:.45rem}
.marca-portada{width:min(13rem,38vw);height:auto;display:block;
  margin:0 auto 1rem}
.portada picture{display:block}
.solo-es{font-size:.92rem;line-height:1.6;margin:.7rem 0}
section.fuentes-es{background:var(--papel-hondo);border-left:3px solid var(--rumbo);
  padding:1rem 1.2rem;margin:1.6rem 0;border-radius:0 3px 3px 0}
section.fuentes-es h2{margin-top:0}
.marca-carta{width:7rem;height:auto;float:right;margin:0 0 .6rem 1.2rem}
.marca-seccion{width:6.5rem;height:auto;float:right;margin:0 0 .6rem 1.2rem}
.salidas .marca-hoja{width:4.6rem;height:auto;float:right;margin:0 0 .4rem 1rem}
.portada::after,.encabeza::after,.salidas a::after{content:"";display:block;clear:both}
@media (max-width:30rem){
  .marca-carta{width:5rem}.marca-seccion{width:4.6rem}
  .salidas .marca-hoja{width:3.6rem}
}
@media(min-width:56rem){.marca-portada{float:left;margin:.2rem 1.6rem 1rem 0}}
.barra-dentro{max-width:68ch;margin:0 auto;padding:.7rem 1.5rem;
display:flex;flex-wrap:wrap;gap:.4rem 1.15rem;align-items:baseline;
font-size:.9375rem}
.barra a{color:var(--tinta-suave);text-decoration:none;padding:.6rem 0;
display:inline-block;border-bottom:1px solid transparent}
.barra a:hover{color:var(--tinta);border-bottom-color:var(--azul)}
.barra a.nombre{color:var(--tinta);font-weight:600;margin-right:auto}
.barra a.aqui{color:var(--tinta);border-bottom-color:var(--jade)}
.barra a.idioma{color:var(--azul)}
.barra a:focus-visible{outline:2px solid var(--azul);outline-offset:3px}
@media (max-width:34rem){.barra a.nombre{width:100%;margin:0 0 .2rem}}
.vistazo{display:grid;gap:1.5rem;margin:2rem 0 1rem}
.vistazo figure{margin:0}
.vistazo img{width:100%;height:auto;display:block;background:var(--papel-hondo)}
.vistazo a{display:block;text-decoration:none}
.vistazo figcaption{font-size:.9375rem;color:var(--tinta-suave);margin:.6rem 0 0;
line-height:1.5}
.vistazo figcaption b{display:block;color:var(--azul);font-weight:600}
.vistazo a:hover+figcaption b{text-decoration:underline;text-underline-offset:.18em}
@media (min-width:40rem){.vistazo{grid-template-columns:repeat(3,1fr)}}
.vineta{display:block;width:13rem;height:auto;margin:1.75rem 0 .5rem;
border-radius:10px;background:var(--papel-hondo)}
.banda{display:block;width:100%;height:auto;margin:1.75rem 0 .5rem;
border-radius:10px;background:var(--papel-hondo)}
.promo{display:grid;gap:1.75rem;align-items:center;margin:0 0 3rem;
padding:2rem 0;border-top:1px solid var(--pliegue);
border-bottom:1px solid var(--pliegue)}
.promo img{width:100%;max-width:15rem;height:auto;display:block;margin:0 auto;
justify-self:center}
.promo .et{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;
color:var(--tinta-suave);margin:0 0 .4rem}
.promo h2{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:700;line-height:1.15;
letter-spacing:-.015em;margin:0 0 1rem;color:var(--tinta)}
.promo .fino{font-size:.875rem;color:var(--tinta-suave);margin:.9rem 0 0}
@media (min-width:46rem){.promo{grid-template-columns:15rem 1fr;gap:2.5rem}
.promo img{margin:0}}
figure.dia{margin:0 0 2rem}
figure.dia figcaption{font-size:.9375rem;color:var(--tinta-suave);
margin:.4rem 0 0;line-height:1.5}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.tona{width:100%;height:auto;display:block;margin:1.5rem 0}
.tona-c{fill:var(--papel-hondo);stroke:var(--pliegue);stroke-width:1}
.tona-c.on{fill:var(--jade);fill-opacity:.28}
.tona-c.hoy{fill:var(--rumbo);stroke:var(--tinta);stroke-width:2}
.tona-sig{font-size:11px;fill:var(--tinta-suave);text-anchor:start}
.tona-num{font-size:13px;fill:var(--tinta-suave);text-anchor:end}
.cinta{width:100%;height:auto;display:block;margin:1.5rem 0}
.cinta-v{fill:var(--papel-hondo);stroke:var(--pliegue);stroke-width:1}
.cinta-v.on{fill:var(--rumbo);stroke:var(--tinta)}
.cinta-v.nem{fill:none;stroke:var(--tinta-suave);stroke-dasharray:3 3}
.cinta-v.nem.on{fill:var(--rumbo);fill-opacity:.5}
.cinta-t{font-size:15px;fill:var(--tinta-suave);text-anchor:start}
.cinta-n{font-size:13px;fill:var(--tinta-suave);text-anchor:middle}
.desf,.r52,.rep{width:100%;height:auto;display:block;margin:1.5rem 0}
.desf-c{fill:var(--papel-hondo);stroke:var(--pliegue);stroke-width:1}
.desf-c.suelta{fill:none;stroke:var(--tinta-suave);stroke-dasharray:4 4}
.desf-m{fill:var(--rumbo)}
.desf-n{font-size:18px;fill:var(--tinta);text-anchor:end}
.desf-p{font-size:14px;fill:var(--tinta-suave);text-anchor:middle}
.desf-e{font-size:14px;fill:var(--tinta-suave)}
.desf-e.ini{text-anchor:start}
.desf-e.fin{text-anchor:end}
.r52-c{fill:var(--papel-hondo);stroke:var(--pliegue);stroke-width:1}
.r52-c.on{fill:var(--rumbo);stroke:var(--tinta);stroke-width:2}
.r52-n{font-size:15px;fill:var(--tinta-suave);text-anchor:middle}
.r52-p{font-size:19px;fill:var(--tinta);text-anchor:end}
.rep-a{fill:var(--papel-hondo);stroke:var(--pliegue)}
.rep-b{fill:var(--jade);fill-opacity:.28;stroke:var(--pliegue)}
.rep-t{font-size:17px;fill:var(--tinta-suave)}
.pdst{width:100%;height:auto;display:block;margin:1.5rem auto;max-width:26rem}
.pdst-b{fill:var(--papel)}
.pdst-b.par{fill:var(--papel-hondo)}
.pdst-b.on{fill:var(--jade);fill-opacity:.14}
.pdst-m{fill:var(--tinta);fill-opacity:.52}
.pdst-m.on{fill:var(--jade);fill-opacity:1}
.pdst-l{fill:none;stroke:var(--tinta);stroke-opacity:.22;stroke-width:1}
.pdst-dia{font-size:29px;font-weight:700;fill:var(--rumbo);text-anchor:middle}
.pdsa{margin:1.5rem auto;max-width:26rem;text-align:center}
.pdsa-i{width:100%;height:auto;display:block}
.video-muestra{margin:1.6rem auto;max-width:22rem}
.video-muestra video{width:100%;display:block;border-radius:4px;
  background:var(--papel-hondo)}
.video-muestra figcaption{font-size:.82rem;color:var(--tinta-suave);
  line-height:1.5;margin:.6rem 0 0;text-align:center}
.ins{margin:1.4rem 0;padding:1rem 1.1rem;background:var(--papel-hondo);
  border:1px solid var(--pliegue);border-radius:4px}
.ins-ojo{border-left:3px solid var(--rumbo)}
.ins-audio{width:100%;display:block}
.ins-ficha{font-size:.86rem;color:var(--tinta-suave);line-height:1.5;margin:.7rem 0 0}
.ins-ficha p{margin:.3rem 0}
.ins-medido{color:var(--jade)}
.ins-inventado{color:var(--rumbo)}
.pieza{margin:1.6rem 0;padding:1.1rem 1.2rem;background:var(--papel-hondo);
  border:1px solid var(--pliegue);border-radius:4px}
.pieza-audio{width:100%;display:block}
.pieza-nombre{font-size:1rem;margin:0 0 .5rem;color:var(--tinta)}
.pieza-ficha{font-size:.86rem;color:var(--tinta-suave);line-height:1.5;
  margin:.8rem 0 0}
.pieza-ficha p{margin:.35rem 0}
.pieza-huella code{font-size:.8em;background:var(--papel);padding:.1em .35em;
  border-radius:2px}
.pdsl{margin:1.5rem auto;max-width:34rem}
.pdsl-i{width:100%;height:auto;display:block;border-radius:3px}
.pdsl figcaption{font-size:.88rem;color:var(--tinta-suave);
  margin:.7rem 0 0;line-height:1.5}
.pdsa-dia{font-size:2.6rem;font-weight:700;color:var(--rumbo);
          margin:.4rem 0 0;line-height:1.1}
.pdsa-nota{font-size:.78rem;color:var(--tinta-suave);line-height:1.5;
  margin:.5rem auto 0;max-width:30rem}



nav.barra.barra-signo{background:#1D5B63}


details.ancla > summary{padding:.7rem 0;min-height:44px;
  display:flex;align-items:center;gap:.4rem}


footer.pie a{display:inline-block;padding:.65rem .25rem;min-height:44px;
  line-height:1.5}


main p.mas > a, main p.casa > a{display:inline-block;padding:.6rem 0;
  min-height:44px}


main .galeria figcaption, main .galeria-func figcaption{font-size:.9rem}


nav.barra a{min-height:44px;display:inline-flex;align-items:center}




main .galeria, main .galeria-func{display:flex;flex-wrap:wrap;
  justify-content:center;align-items:flex-start;gap:1.4rem 1rem}
main .galeria > figure, main .galeria-func > figure{margin:0;
  flex:0 0 calc((100% - 1rem) / 2);max-width:calc((100% - 1rem) / 2)}
@media (min-width:44rem){
  main .galeria > figure, main .galeria-func > figure{
    flex-basis:calc((100% - 2rem) / 3);max-width:calc((100% - 2rem) / 3)}
}