/* ══════════════════════════════════════════════════════════════
   KORA · Nuestra Historia — pantalla "elige tu versión" (aditiva)
   Se inyecta como <section id="s8" class="screen">. Revertible.
   ══════════════════════════════════════════════════════════════ */
.nhv-scope{background:#fff;}   /* fondo blanco — las portadas lucen sobre blanco (mood Milk/Tabitha) */
.nhv-scope .nhv-wrap{max-width:1080px;margin:0 auto;padding:40px 20px 72px;}
.nhv-scope .nhv-back{background:none;border:0;color:#7A6652;font-family:var(--font-body,'Jost',sans-serif);font-size:13px;letter-spacing:.02em;cursor:pointer;padding:.2rem 0;margin-bottom:10px;}
.nhv-scope .nhv-head{text-align:center;max-width:700px;margin:0 auto 38px;}
.nhv-scope .nhv-eyebrow{font-family:var(--font-body,'Jost',sans-serif);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#7A6652;}
.nhv-scope .nhv-h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(32px,5vw,48px);line-height:1.04;margin:.3rem 0 .4rem;color:#2C2520;}
.nhv-scope .nhv-h1 em{font-style:italic;color:#7A6652;}
.nhv-scope .nhv-lede{font-family:'Cormorant Garamond',serif;font-size:18px;color:#9E8E78;line-height:1.5;margin:0;}

.nhv-scope .nhv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start;}
@media(max-width:820px){ .nhv-scope .nhv-row{grid-template-columns:1fr;gap:40px;max-width:380px;margin:0 auto;} }
.nhv-scope .nhv-card{display:flex;flex-direction:column;align-items:center;text-align:center;}

/* ── portada (base) ── */
.nhv-scope .nhv-cov{width:100%;aspect-ratio:680/822;border:0;border-radius:0;overflow:hidden;
  box-shadow:0 0 0 1px rgba(44,37,32,.08);   /* plano, estilo Artifact Uprising — la portada a sangre, solo un filo sutil */
  display:flex;flex-direction:column;align-items:center;box-sizing:border-box;position:relative;}
.nhv-scope .nhv-cov .ct{margin:0;text-align:center;white-space:nowrap;}       /* título en UN renglón */
.nhv-scope .nhv-cov .cs{margin:0;text-align:center;white-space:nowrap;}       /* subtítulo en UN renglón */
.nhv-scope .nhv-cov .cart{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;}
.nhv-scope .nhv-cov .cart img{max-width:100%;max-height:100%;height:auto;display:block;}
.nhv-scope .nhv-cov .ck{font-family:'Cormorant Garamond',serif;letter-spacing:.06em;color:#9E8E78;}

/* ── lino trabajado (reusa la textura real del sitio) · Keepsake + Legado ── */
.nhv-scope .nhv-cov.keep, .nhv-scope .nhv-cov.leg{
  background-image:
    linear-gradient(118deg, rgba(255,255,255,.06), rgba(0,0,0,.035) 62%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='a'><feTurbulence type='fractalNoise' baseFrequency='0.6 0.04' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.7'/></feComponentTransfer></filter><filter id='b'><feTurbulence type='fractalNoise' baseFrequency='0.04 0.6' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.7'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23a)'/><rect width='100%' height='100%' filter='url(%23b)' opacity='0.65'/></svg>");
  background-size:auto, 200px 200px;
  background-blend-mode:soft-light, overlay;
}

/* ── Kids: blanco hueso · Grandstander + Jost · KORA·KIDS abajo ── */
.nhv-scope .nhv-cov.kids{background:#F6F3EE;padding:7% 7% 5%;}
.nhv-scope .nhv-cov.kids .ct{margin-top:8px;}
.nhv-scope .nhv-cov.kids .cart img{max-width:95%;max-height:95%;}
.nhv-scope .nhv-cov.kids .ct{font-family:'Grandstander','Jost',sans-serif;font-weight:700;font-size:clamp(23px,2.8vw,31px);line-height:1;color:#6b5a45;}
.nhv-scope .nhv-cov.kids .cs{font-family:'Jost',sans-serif;font-weight:400;font-size:clamp(11px,1.25vw,13px);color:#4C6657;margin-top:4px;letter-spacing:.01em;}
.nhv-scope .nhv-cov.kids .cart{margin:12px 0;}
.nhv-scope .nhv-cov.kids .ck{font-family:'Jost',sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:10.5px;color:#9E8E78;}

/* ── Keepsake: lino claro · foto (sin estirar), Boldonse, Jost ── */
.nhv-scope .nhv-cov.keep{background-color:#E4DFD6;padding:6% 8% 14%;}
.nhv-scope .nhv-cov.keep .ck{font-size:12px;margin-bottom:10px;}
.nhv-scope .nhv-cov.keep .cart img{width:auto;max-width:74%;max-height:100%;height:auto;object-fit:contain;}
.nhv-scope .nhv-cov.keep .ct{font-family:'Merriweather Sans','Jost',sans-serif;font-weight:500;font-size:clamp(20px,2.5vw,27px);line-height:1;color:#6b5a45;margin-top:8px;}
.nhv-scope .nhv-cov.keep .cs{font-family:'Jost',sans-serif;font-weight:400;font-size:clamp(11px,1.3vw,13px);color:#7A6652;margin-top:6px;}

/* ── Legado: lino beige · Cormorant · SIN borde exterior · marco grueso (~5px) ── */
.nhv-scope .nhv-cov.leg{background-color:#D8D1C5;padding:11% 8% 5%;}
.nhv-scope .nhv-cov.leg .ct{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(24px,3.1vw,34px);line-height:1;color:#6b5a45;margin-top:10px;}
.nhv-scope .nhv-cov.leg .cs{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(12px,1.4vw,14px);color:#6f5d47;margin-top:5px;}
.nhv-scope .nhv-cov.leg .cframe{margin-top:9%;background:#fff;border:5px solid #C7B79B;padding:8px;width:70%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;}
.nhv-scope .nhv-cov.leg .cframe::after{content:"";position:absolute;inset:-5px;pointer-events:none;box-shadow:inset 0 2px 7px rgba(44,37,32,.34),inset 0 0 3px rgba(44,37,32,.18),inset 0 -1px 2px rgba(255,255,255,.3);}
.nhv-scope .nhv-cov.leg .cframe img{display:block;max-width:100%;max-height:100%;}
.nhv-scope .nhv-cov.leg .ck{position:absolute;bottom:6%;left:0;right:0;font-size:13px;}

/* ── meta bajo la portada ── */
.nhv-scope .nhv-badge{margin-top:16px;font-family:var(--font-body,'Jost',sans-serif);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:0;border-radius:0;background:transparent;color:#7A6652;}
.nhv-scope .nhv-badge.kids{background:transparent;color:#4E9A78;}
.nhv-scope .nhv-desc{font-family:'Cormorant Garamond',serif;font-size:17px;color:#2C2520;margin:10px 0 16px;line-height:1.4;max-width:280px;}
.nhv-scope .nhv-cta{border:0;background:#4C6657;color:#fff;font-family:'Jost',sans-serif;font-weight:500;font-size:13.5px;letter-spacing:.04em;padding:12px 26px;border-radius:6px;cursor:pointer;text-decoration:none;}
.nhv-scope .nhv-cta.kids{background:#4E9A78;}
.nhv-scope .nhv-cta.soon{background:transparent;color:#9E8E78;border:1px solid #DDD0B8;cursor:default;}
.nhv-scope .nhv-cta.notify{background:transparent;color:#7A6652;border:1px solid #C7B79B;cursor:pointer;display:inline-block;}
.nhv-scope .nhv-cta.notify:hover{background:#EDE6D6;}

/* ── recuadros IGUALES en todo navegador (fix Safari/iPad) ──
   El alto ya no depende del contenido: un contenedor de proporción fija
   (padding-top = 822/680) y la portada absoluta adentro. Así los tres marcos
   blancos miden EXACTAMENTE lo mismo, y la portada entera es clickeable. */
.nhv-scope .nhv-covwrap{position:relative;width:92%;margin:0 auto;padding-top:111.2%;cursor:pointer;
  transition:transform .18s ease;}
.nhv-scope .nhv-covwrap:hover{transform:translateY(-3px);}
.nhv-scope .nhv-covwrap.soon{cursor:default;}
.nhv-scope .nhv-covwrap.soon:hover{transform:none;}
.nhv-scope .nhv-covwrap .nhv-cov{position:absolute;inset:0;width:auto;aspect-ratio:auto;height:auto;}

/* ── bisagra + canto también en las portadas del landing/selector (mismo detalle del catálogo) ── */
.nhv-scope .nhv-cov::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5%;z-index:6;pointer-events:none;
  background:linear-gradient(90deg,rgba(52,42,26,.28) 0%,rgba(52,42,26,.11) 14%,rgba(255,252,244,.20) 34%,rgba(120,100,70,.05) 52%,rgba(40,32,20,.28) 74%,rgba(40,32,20,.09) 89%,rgba(40,32,20,0) 100%)}
.nhv-scope .nhv-cov::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;
  box-shadow:inset -1.5px 0 0 rgba(0,0,0,.05),inset 0 -1.5px 0 rgba(0,0,0,.05),inset 1px 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(120,95,60,.09)}

/* keepsake: la foto se imprime EN el lino — la textura pasa por encima (sin color) */
.nhv-scope .nhv-cov.keep .cart{position:relative;}
.nhv-scope .nhv-cov.keep .cart::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='a'><feTurbulence type='fractalNoise' baseFrequency='0.6 0.04' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.7'/></feComponentTransfer></filter><filter id='b'><feTurbulence type='fractalNoise' baseFrequency='0.04 0.6' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.7'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23a)'/><rect width='100%' height='100%' filter='url(%23b)' opacity='0.65'/></svg>") 0 0/200px 200px;
  mix-blend-mode:overlay;opacity:.5;}