/* Burdeos (PANTONE 505 C) como superficie dominante */
.portada{background:var(--bordeaux)}
.portada .etiqueta{color:color-mix(in srgb,var(--crema) 68%,transparent)}
.lista-band{background:var(--bordeaux)}
.panel{background:var(--bordeaux)}
.campo[data-fondo="espresso"]{background:var(--bordeaux)}

/* tipografia de texto: geometrica humanista, ligera */
:root{--sans:Jost,"Avenir Next","Century Gothic",system-ui,sans-serif}
body{font-family:var(--sans);font-weight:400;letter-spacing:.005em}
.lectura p,.lectura li{font-size:1.04rem;line-height:1.78}
.entradilla{font-weight:300}
.entrada .tit{font-weight:500}
.menu a,.etiqueta,.mini,.aviso-form{font-weight:400}
strong{font-weight:500}

.pilar[data-fondo="crudo"]{background:var(--papel-alto);color:var(--tinta)}
.pilar[data-fondo="crudo"] p{color:var(--tinta-2)}

/* popup de lista */
.pop{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;
  padding:clamp(16px,4vw,40px)}
.pop[hidden]{display:none}
.pop-fondo{position:absolute;inset:0;background:rgba(34,28,24,.55);backdrop-filter:blur(3px)}
.pop-caja{position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,380px);
  background:var(--papel-alto);border:1.5px solid var(--tinta);max-width:100%;
  box-shadow:0 30px 70px rgba(34,28,24,.28)}
.pop-img{background:#EFEADD url("/media/06-popup.jpg") center/cover no-repeat;min-height:420px}
.pop-txt{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center}
.pop-txt h2{font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:300;
  font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.06;letter-spacing:-.02em;margin:.5rem 0 0}
.pop-p{color:var(--tinta-2);font-size:.95rem;margin:1rem 0 0;max-width:32ch}
.pop-form{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}
.pop-form input[type=email],.pop-form input[type=text]{font:inherit;font-size:.95rem;color:var(--tinta);
  background:transparent;border:0;border-bottom:1.5px solid var(--linea);padding:.6rem .1rem}
.pop-form input::placeholder{color:var(--apagado)}
.pop-form input:focus{outline:none;border-bottom-color:var(--terra)}
.pop-form button{font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  background:var(--tinta);color:var(--papel);border:0;padding:.9rem 1.4rem;cursor:pointer;margin-top:.7rem}
.pop-form button:hover{background:var(--terra)}
.pop-ok,.pop-err{font-size:.95rem;margin:1.2rem 0 0}
.pop-ok{color:var(--tinta)}
.pop-err{color:var(--bordeaux)}
.pop-legal{font-family:var(--mono);font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--apagado);margin:1.1rem 0 0}
.pop-legal a{color:inherit}
.pop-x{position:absolute;top:8px;right:10px;z-index:2;background:transparent;border:0;
  font-size:1.6rem;line-height:1;color:var(--tinta);cursor:pointer;padding:.2rem .4rem}
.pop-x:hover{color:var(--terra)}
@media(max-width:740px){
  /* en movil no se tapa el contenido: banda inferior */
  .pop{align-items:flex-end;padding:0}
  .pop-fondo{background:transparent;backdrop-filter:none}
  .pop-caja{grid-template-columns:1fr;width:100%;border-left:0;border-right:0;border-bottom:0;
    box-shadow:0 -14px 40px rgba(34,28,24,.18)}
  .pop-img{display:none}
  .pop-txt{padding:1.4rem 1.35rem 1.6rem}
  .pop-txt h2{font-size:1.5rem}
  .pop-txt h2 br{display:none}
  .pop-p{font-size:.9rem;margin-top:.6rem}
  .pop-form{margin-top:1rem}
}

/* menu: misma letra que el texto, caja normal */
.menu a{font-family:var(--sans);font-size:.95rem;font-weight:400;
  letter-spacing:.008em;text-transform:none;color:var(--tinta-2);
  padding:4px 0 3px;border-bottom:1.5px solid transparent}
.menu a:hover{color:var(--tinta);border-bottom-color:var(--terra)}
.menu a[aria-current]{color:var(--terra);border-bottom-color:var(--terra)}
.menu{gap:clamp(14px,2.2vw,30px)}
@media(max-width:1180px){.menu a{font-size:.9rem}}

/* logotipo */
.marca{font-family:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  font-style:italic;font-weight:400;font-variation-settings:"opsz" 96;
  letter-spacing:-.005em;line-height:.95}
.barra .marca--barra{font-size:clamp(1.95rem,3vw,2.5rem)}
.marca--pie{font-size:1.95rem}
.panel-alto .marca{font-style:italic}
.marca .lema{display:block;font-family:var(--mono);font-size:.5625rem;
  letter-spacing:.24em;text-transform:uppercase;color:var(--apagado);
  margin-top:.5rem;font-weight:400;white-space:nowrap}
.barra .col{min-height:78px}
@media(max-width:820px){
  .barra .marca--barra{font-size:1.75rem}
  .marca .lema{font-size:.5rem;letter-spacing:.2em}
}
@media(max-width:420px){.marca .lema{white-space:normal}}

/* menu movil */
.menu-btn{display:none;font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;
  text-transform:uppercase;background:transparent;color:var(--tinta);cursor:pointer;
  border:1.5px solid var(--tinta);padding:.55rem .95rem;line-height:1}
.menu-btn:hover{border-color:var(--terra);color:var(--terra)}
.panel{position:fixed;inset:0;z-index:80;background:var(--espresso);color:var(--crema);
  display:flex;flex-direction:column;padding:clamp(18px,5vw,32px);overflow-y:auto}
.panel[hidden]{display:none}
.panel-alto{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.panel-x{font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  background:transparent;color:var(--crema);border:1.5px solid color-mix(in srgb,var(--crema) 45%,transparent);
  padding:.55rem .95rem;cursor:pointer;line-height:1}
.panel-x:hover{border-color:var(--crema)}
.panel-nav{display:flex;flex-direction:column;gap:.15rem;margin:auto 0}
.panel-nav a{font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:300;
  font-size:clamp(2rem,10vw,2.9rem);line-height:1.12;letter-spacing:-.02em;color:var(--crema);
  text-decoration:none;padding:.18rem 0;border-bottom:0}
.panel-nav a:hover,.panel-nav a[aria-current]{color:var(--terra)}
.panel-nav a[aria-current]{text-decoration:underline;text-underline-offset:.18em;
  text-decoration-thickness:1px}
.panel-pie{font-family:var(--mono);font-size:.6875rem;letter-spacing:.13em;text-transform:uppercase;
  color:color-mix(in srgb,var(--crema) 60%,transparent);margin:0;line-height:2}
.panel-pie a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
@media(max-width:860px){
  .menu--escritorio{display:none}
  .menu-btn{display:block;margin-left:auto}
  .barra .col{flex-wrap:nowrap;min-height:70px}
  .barra .marca--barra{margin-right:0}
}

/* consentimiento */
.ck{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--papel-alto);
  border-top:1.5px solid var(--tinta);padding:1.1rem clamp(18px,5vw,56px);
  display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.ck[hidden]{display:none}
.ck p{margin:0;font-size:.9rem;color:var(--tinta-2);max-width:54ch}
.ck-b{display:flex;gap:.6rem}
.ck button{font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;
  padding:.7rem 1.2rem;cursor:pointer;border:1.5px solid var(--tinta);background:transparent;color:var(--tinta)}
.ck button[data-ck="si"]{background:var(--tinta);color:var(--papel)}
.ck button:hover{border-color:var(--terra);color:var(--terra)}
.ck button[data-ck="si"]:hover{background:var(--terra);border-color:var(--terra);color:var(--papel)}

/* imagenes */
figure{margin:2.4rem 0}
figure img{display:block;width:100%;height:auto;background:var(--papel-alto)}
figure.hero{margin:0 0 2.6rem}
figure.hero img{aspect-ratio:3/2;object-fit:cover}
figcaption{font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;
  color:var(--apagado);margin-top:.7rem;line-height:1.5}
.lectura figure.ancha{margin-left:calc(-1 * min(7vw,5rem));margin-right:calc(-1 * min(7vw,5rem))}
.pareja{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2.4rem 0}
.pareja figure{margin:0}
@media(max-width:760px){
  .lectura figure.ancha{margin-left:0;margin-right:0}
  .pareja{grid-template-columns:1fr}
}

/* respuesta corta y preguntas */
.encorto{border-top:2px solid var(--tinta);border-bottom:1px solid var(--linea);
  padding:1.1rem 0 1.3rem;margin:0 0 2.4rem}
.encorto p{font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:300;
  font-size:1.22rem;line-height:1.4;color:var(--tinta);margin:.55rem 0 0}
.faq h3{font-family:var(--sans);font-size:1rem;font-weight:600;margin:1.7rem 0 .35rem}
.indice{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);
  padding:.9rem 0;margin:0 0 2.2rem}
.indice ol{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1.6rem}
.indice a{font-size:.9rem;color:var(--tinta-2);text-decoration:none;border-bottom:1px solid var(--linea)}
.indice a:hover{color:var(--terra);border-color:var(--terra)}
.hp{position:absolute;left:-9999px;width:1px;height:1px}