:root{
    --blanco:#FFFFFF;
    --fondo-prod:#F4F4F2;
    --tinta:#111111;
    --gris:#777777;
    --hilo:#C5281C;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    background:var(--blanco);
    color:var(--tinta);
    font-family:'Hanken Grotesk',sans-serif;
    overflow-x:hidden;
  }
  ::selection{background:var(--tinta);color:var(--blanco)}
  :focus-visible{outline:2px solid var(--hilo);outline-offset:2px}
  a{color:inherit}
  img,svg{display:block}

  .foto{filter:saturate(1.02)}

  /* ---------- BARRA ANUNCIO ---------- */
  .anuncio{
    background:var(--tinta);color:var(--blanco);
    text-align:center;
    font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
    padding:.55rem 1rem;
  }

  /* ---------- HEADER ---------- */
  header{
    position:sticky;top:0;z-index:100;
    background:var(--blanco);
    border-bottom:1px solid #E8E8E6;
  }
  .header__inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:.85rem 4vw;
  }
  .logo{
    display:flex;align-items:center;gap:.6rem;text-decoration:none;
  }
  .logo img{height:30px;width:auto}
  .logo .wordmark{
    font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:.02em;
  }
  .logo sup{font-size:.5em;color:var(--hilo);vertical-align:super}
  nav ul{display:flex;gap:2rem;list-style:none}
  nav a{
    text-decoration:none;
    font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
    padding-bottom:.2rem;border-bottom:1.5px solid transparent;
  }
  nav a:hover{border-bottom-color:var(--tinta)}
  .header__acciones{display:flex;gap:1.6rem;align-items:center}
  .header__acciones a{
    text-decoration:none;
    font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  }
  .header__acciones a:hover{color:var(--hilo)}

  /* ---------- HERO CAMPAÑA ---------- */
  .hero{
    position:relative;
    height:90vh;min-height:540px;
    background:#0E0E0D;
    color:var(--blanco);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    text-align:center;
  }
  .hero__foto{
    position:absolute;inset:0;
    width:100%;height:100%;object-fit:cover;object-position:center 25%;
    opacity:.55;
  }
  .hero__velo{
    position:absolute;inset:0;
    background:linear-gradient(to top, rgba(8,8,8,.85) 0%, rgba(8,8,8,.35) 50%, rgba(8,8,8,.55) 100%);
  }
  .hero__contenido{
    position:relative;z-index:2;
    padding:0 5vw;
    display:flex;flex-direction:column;align-items:center;
  }
  .hero__logo{
    width:min(38vw,300px);height:auto;
    margin-bottom:1.8rem;
    filter:drop-shadow(0 6px 30px rgba(0,0,0,.5));
  }
  .hero__tag{
    font-size:.7rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;
    color:#D8D8D5;margin-bottom:1rem;
  }
  .hero__tag em{font-style:normal;color:var(--hilo)}
  .hero h1{
    font-family:'Space Grotesk',sans-serif;font-weight:700;
    font-size:clamp(2rem,5.5vw,4rem);
    text-transform:uppercase;line-height:1.02;
    letter-spacing:-.02em;
  }
  .hero__cta{
    display:inline-block;margin-top:2rem;
    background:var(--blanco);color:var(--tinta);
    font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
    text-decoration:none;
    padding:1.05rem 2.6rem;
    transition:background .2s,color .2s;
  }
  .hero__cta:hover{background:var(--hilo);color:var(--blanco)}
  .hero__nota{
    position:absolute;right:4vw;bottom:4vh;z-index:2;
    font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#8E8E8B;
    text-align:right;
  }


  /* ---------- SECCIONES ---------- */
  .seccion{padding:4.5rem 4vw 1rem}
  .seccion__head{
    display:flex;justify-content:space-between;align-items:baseline;
    margin-bottom:1.8rem;
  }
  .seccion__head h2{
    font-size:.95rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  }
  .seccion__head a{
    font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
    text-decoration:underline;text-underline-offset:4px;
  }
  .seccion__head a:hover{color:var(--hilo)}

  /* ---------- GRID PRODUCTOS ---------- */
  .grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1.6rem 1rem;
    padding-bottom:3rem;
  }
  .prod{position:relative;text-decoration:none}
  .prod__img{
    position:relative;
    background:var(--fondo-prod);
    overflow:hidden;
    aspect-ratio:4/5;
    display:flex;align-items:center;justify-content:center;
  }
  .prod__img svg{width:88%;height:auto}
  .prod__img img{
    position:absolute;inset:0;
    width:100%;height:100%;object-fit:cover;
    transition:transform .35s ease;
  }
  .prod:hover .prod__img img{transform:scale(1.05)}
  .badge{
    position:absolute;top:.7rem;left:.7rem;z-index:3;
    font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    background:var(--blanco);
    padding:.3rem .55rem;
  }
  .badge--rojo{background:var(--hilo);color:var(--blanco)}
  .prod__info{padding:.8rem .1rem 0}
  .prod__nombre{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
  .prod__precio{font-size:.78rem;color:var(--gris);margin-top:.25rem}
  .prod button{
    margin-top:.6rem;
    background:none;border:none;cursor:pointer;
    font-family:'Hanken Grotesk',sans-serif;
    font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
    color:var(--tinta);
    border-bottom:1.5px solid var(--tinta);
    padding-bottom:.15rem;
    transition:color .2s,border-color .2s;
  }
  .prod button:hover{color:var(--hilo);border-color:var(--hilo)}

  /* ---------- CATEGORÍAS ---------- */
  .cats{
    display:grid;grid-template-columns:1fr 1fr;gap:1rem;
    padding:0 4vw 4.5rem;
  }
  .cat{
    position:relative;
    aspect-ratio:16/10;
    display:flex;align-items:flex-end;
    text-decoration:none;color:var(--blanco);
    overflow:hidden;
    background:#1A1A19;
  }
  .cat img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    opacity:.75;
    transition:transform .4s ease;
  }
  .cat:hover img{transform:scale(1.04)}
  .cat__velo{
    position:absolute;inset:0;
    background:linear-gradient(to top, rgba(10,10,10,.7), rgba(10,10,10,.05) 55%);
  }
  .cat__info{position:relative;z-index:2;padding:1.6rem;display:flex;align-items:center;gap:.9rem}
  .cat__info span:first-child{font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
  .cat__info span:last-child{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#CFCFCC;border-bottom:1px solid #CFCFCC;padding-bottom:.1rem}

  /* ---------- LOOKBOOK ---------- */
  .look{
    display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;
    padding:0 4vw 4.5rem;
  }
  .look figure{
    position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--fondo-prod);
  }
  .look img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .4s ease;
  }
  .look figure:hover img{transform:scale(1.05)}
  .look figcaption{
    position:absolute;left:.8rem;bottom:.7rem;
    font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
    color:var(--blanco);
    text-shadow:0 1px 6px rgba(0,0,0,.5);
  }

  /* ---------- FRASE ---------- */
  .frase{
    text-align:center;
    padding:4.5rem 5vw;
    border-top:1px solid #E8E8E6;border-bottom:1px solid #E8E8E6;
  }
  .frase img{width:54px;height:auto;margin:0 auto 1.6rem;opacity:.9}
  .frase p{
    font-family:'Space Grotesk',sans-serif;font-weight:700;
    font-size:clamp(1.3rem,3.4vw,2.4rem);
    text-transform:uppercase;line-height:1.15;
    letter-spacing:-.015em;
  }
  .frase p span{color:var(--hilo)}
  .frase small{
    display:block;margin-top:1rem;
    font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gris);
  }

  /* ---------- NEWSLETTER ---------- */
  .news{
    text-align:center;
    padding:4.5rem 5vw;
    background:var(--fondo-prod);
  }
  .news h2{font-size:1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
  .news .sub{font-size:.8rem;color:var(--gris);margin-top:.6rem}
  .news .formulario{
    margin:1.8rem auto 0;max-width:440px;
    display:flex;
  }
  .news input{
    flex:1;min-width:0;
    border:1px solid var(--tinta);border-right:none;background:var(--blanco);
    padding:.95rem 1.1rem;
    font-family:'Hanken Grotesk',sans-serif;font-size:.85rem;
  }
  .news button{
    background:var(--tinta);color:var(--blanco);
    border:1px solid var(--tinta);
    font-family:'Hanken Grotesk',sans-serif;
    font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
    padding:.95rem 1.7rem;cursor:pointer;
    transition:background .2s,border-color .2s;
  }
  .news button:hover{background:var(--hilo);border-color:var(--hilo)}
  .news__ok{display:none;margin-top:1rem;font-size:.8rem;font-weight:600;color:var(--hilo)}
  .news .aviso{margin-top:1rem;font-size:.66rem;color:#9A9A98}

  /* ---------- FOOTER ---------- */
  footer{padding:3.5rem 4vw 2rem}
  .footer__cols{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:2.5rem;
  }
  .footer__cols h3{
    font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
    margin-bottom:1rem;
  }
  .footer__cols ul{list-style:none}
  .footer__cols li{margin-bottom:.55rem}
  .footer__cols a{text-decoration:none;font-size:.76rem;color:var(--gris)}
  .footer__cols a:hover{color:var(--tinta);text-decoration:underline;text-underline-offset:3px}
  .footer__marca{display:flex;align-items:center;gap:.6rem}
  .footer__marca img{height:28px;width:auto}
  .footer__marca .wordmark{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.2rem}
  .footer__claim{margin-top:.8rem;font-size:.76rem;color:var(--gris);max-width:28ch;line-height:1.5}
  .footer__base{
    margin-top:3rem;padding-top:1.2rem;border-top:1px solid #E8E8E6;
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
    font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#9A9A98;
  }

  /* ---------- TOAST CESTA ---------- */
  .toast{
    position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%,1rem);
    background:var(--tinta);color:var(--blanco);
    font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
    padding:.8rem 1.4rem;
    opacity:0;pointer-events:none;
    transition:opacity .25s,transform .25s;
    z-index:200;
  }
  .toast.visible{opacity:1;transform:translate(-50%,0)}

  /* ---------- PANEL CESTA ---------- */
  .overlay{
    position:fixed;inset:0;
    background:rgba(10,10,10,.45);
    opacity:0;pointer-events:none;
    transition:opacity .3s;
    z-index:300;
  }
  .overlay.abierto{opacity:1;pointer-events:auto}
  .carrito{
    position:fixed;top:0;right:0;height:100%;
    width:min(420px,100%);
    background:var(--blanco);
    transform:translateX(100%);
    transition:transform .32s cubic-bezier(.4,0,.2,1);
    z-index:310;
    display:flex;flex-direction:column;
  }
  .carrito.abierto{transform:translateX(0)}
  .carrito__head{
    display:flex;align-items:center;justify-content:space-between;
    padding:1.3rem 1.5rem;
    border-bottom:1px solid #E8E8E6;
  }
  .carrito__head h2{
    font-family:'Space Grotesk',sans-serif;font-weight:700;
    font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;
  }
  .carrito__cerrar{
    background:none;border:none;cursor:pointer;
    font-size:1.4rem;line-height:1;color:var(--tinta);
    padding:.2rem .4rem;
  }
  .carrito__cerrar:hover{color:var(--hilo)}
  .carrito__items{
    flex:1;overflow-y:auto;
    padding:.5rem 1.5rem;
  }
  .carrito__vacio{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    height:100%;text-align:center;color:var(--gris);
    font-size:.85rem;gap:1.2rem;
  }
  .carrito__vacio span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
  .item{
    display:flex;gap:1rem;align-items:flex-start;
    padding:1.1rem 0;border-bottom:1px solid #EFEFED;
  }
  .item__icono{
    width:54px;height:64px;flex:none;
    background:var(--fondo-prod);
    display:flex;align-items:center;justify-content:center;
  }
  .item__icono svg{width:80%;height:auto}
  .item__cuerpo{flex:1;min-width:0}
  .item__nombre{
    font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
    line-height:1.3;
  }
  .item__precio{font-size:.74rem;color:var(--gris);margin-top:.2rem}
  .item__fila{
    display:flex;align-items:center;justify-content:space-between;
    margin-top:.6rem;
  }
  .item__qty{display:flex;align-items:center;border:1px solid #D8D8D5}
  .item__qty button{
    background:none;border:none;cursor:pointer;
    width:26px;height:26px;font-size:.95rem;line-height:1;color:var(--tinta);
  }
  .item__qty button:hover{color:var(--hilo)}
  .item__qty span{
    min-width:26px;text-align:center;font-size:.78rem;font-weight:600;
  }
  .item__quitar{
    background:none;border:none;cursor:pointer;
    font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);
    text-decoration:underline;text-underline-offset:2px;
  }
  .item__quitar:hover{color:var(--hilo)}
  .carrito__pie{
    border-top:1px solid #E8E8E6;
    padding:1.3rem 1.5rem 1.5rem;
  }
  .carrito__total{
    display:flex;justify-content:space-between;align-items:baseline;
    margin-bottom:.4rem;
  }
  .carrito__total span:first-child{
    font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  }
  .carrito__total span:last-child{
    font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.1rem;
  }
  .carrito__envio{font-size:.7rem;color:var(--gris);margin-bottom:1.1rem}
  .carrito__checkout{
    width:100%;
    background:var(--tinta);color:var(--blanco);border:1px solid var(--tinta);
    font-family:'Space Grotesk',sans-serif;font-weight:700;
    font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
    padding:1.05rem;cursor:pointer;
    transition:background .2s,border-color .2s;
  }
  .carrito__checkout:hover{background:var(--hilo);border-color:var(--hilo)}
  .carrito__seguir{
    display:block;width:100%;margin-top:.7rem;
    background:none;border:none;cursor:pointer;
    font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);
    text-decoration:underline;text-underline-offset:3px;
  }
  .carrito__seguir:hover{color:var(--tinta)}

  @media (max-width:980px){
    .grid{grid-template-columns:repeat(2,1fr)}
    .look{grid-template-columns:repeat(2,1fr)}
    nav{display:none}
  }
  @media (max-width:640px){
    .cats{grid-template-columns:1fr}
    .footer__cols{grid-template-columns:1fr 1fr}
    .hero{height:78vh}
  }
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .prod__img img,.cat img,.look img{transition:none}
  }

/* ---------- LIGHTBOX GALERÍA ---------- */
.lightbox{
  position:fixed;inset:0;z-index:400;
  display:none;align-items:center;justify-content:center;
  padding:2rem;
}
.lightbox.abierto{display:flex}
.lightbox__fondo{
  position:absolute;inset:0;
  background:rgba(12,12,11,.86);
}
.lightbox__panel{
  position:relative;z-index:2;
  background:var(--blanco);
  width:min(900px,100%);max-height:92vh;overflow-y:auto;
  display:flex;flex-direction:column;
}
.lightbox__cerrar{
  position:absolute;top:.6rem;right:.6rem;z-index:5;
  background:var(--blanco);border:1px solid #E2E2DF;cursor:pointer;
  width:38px;height:38px;font-size:1.5rem;line-height:1;color:var(--tinta);
}
.lightbox__cerrar:hover{color:var(--hilo)}
.lightbox__main{
  position:relative;
  display:flex;align-items:center;
  background:var(--fondo-prod);
}
.lightbox__visor{
  flex:1;aspect-ratio:1/1;max-height:60vh;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.lightbox__visor img{width:100%;height:100%;object-fit:cover}
.lightbox__nav{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.85);border:none;cursor:pointer;
  width:44px;height:44px;font-size:1.6rem;line-height:1;color:var(--tinta);
  display:flex;align-items:center;justify-content:center;
  transition:background .2s;
}
.lightbox__nav:hover{background:#fff;color:var(--hilo)}
.lightbox__nav--prev{left:.6rem}
.lightbox__nav--next{right:.6rem}
.lightbox__info{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.2rem 1.4rem;border-bottom:1px solid #EFEFED;
}
.lightbox__nombre{font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.lightbox__precio{font-size:.85rem;color:var(--gris);margin-top:.2rem}
.lightbox__add{
  background:var(--tinta);color:var(--blanco);border:1px solid var(--tinta);
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  padding:.85rem 1.6rem;cursor:pointer;white-space:nowrap;
  transition:background .2s,border-color .2s;
}
.lightbox__add:hover{background:var(--hilo);border-color:var(--hilo)}
.lightbox__miniaturas{
  display:flex;gap:.5rem;padding:1rem 1.4rem 1.4rem;flex-wrap:wrap;
}
.lightbox__miniaturas img{
  width:64px;height:80px;object-fit:cover;cursor:pointer;
  border:2px solid transparent;opacity:.6;transition:opacity .2s,border-color .2s;
}
.lightbox__miniaturas img:hover{opacity:1}
.lightbox__miniaturas img.activa{opacity:1;border-color:var(--tinta)}
@media (max-width:560px){
  .lightbox{padding:0}
  .lightbox__panel{max-height:100vh;height:100vh}
  .lightbox__info{flex-direction:column;align-items:flex-start}
  .lightbox__add{width:100%}
}

/* cursor pointer en productos clicables */
.prod[data-fotos]{cursor:pointer}

/* ---------- FILTROS (páginas de categoría) ---------- */
.cat-hero{
  padding:3rem 4vw 1.5rem;
}
.cat-hero h1{
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:clamp(2rem,6vw,3.6rem);text-transform:uppercase;letter-spacing:-.02em;
}
.cat-hero p{margin-top:.6rem;color:var(--gris);font-size:.9rem;max-width:50ch}
.filtros{
  display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;
  padding:0 4vw 1.5rem;
}
.filtros__label{
  font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gris);margin-right:.4rem;
}
.chip{
  background:none;border:1px solid #D8D8D5;cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:.5rem 1rem;color:var(--tinta);
  transition:background .2s,color .2s,border-color .2s;
}
.chip:hover{border-color:var(--tinta)}
.chip.activo{background:var(--tinta);color:var(--blanco);border-color:var(--tinta)}
.prod.oculto{display:none}
.sin-resultados{
  padding:3rem 4vw 5rem;color:var(--gris);font-size:.9rem;text-align:center;display:none;
}

/* ---------- PÁGINA DE MARCA ---------- */
.marca-hero{
  position:relative;height:70vh;min-height:440px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  background:#0E0E0D;color:var(--blanco);overflow:hidden;
}
.marca-hero .foto{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center 30%;opacity:.55;
}
.marca-hero__velo{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,8,8,.85),rgba(8,8,8,.3) 55%,rgba(8,8,8,.5));
}
.marca-hero__txt{position:relative;z-index:2;padding:0 6vw;max-width:760px}
.marca-hero__logo{width:min(34vw,150px);margin:0 auto 1.4rem;
  filter:drop-shadow(0 6px 24px rgba(0,0,0,.5))}
.marca-hero h1{
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:clamp(2rem,6vw,3.8rem);text-transform:uppercase;letter-spacing:-.02em;line-height:1.02;
}
.marca-hero p{margin-top:1rem;font-size:1.05rem;color:#DCDCD9;line-height:1.55}

.marca-bloque{padding:5rem 4vw;max-width:1100px;margin:0 auto}
.marca-intro{
  font-family:'Space Grotesk',sans-serif;font-weight:500;
  font-size:clamp(1.2rem,2.6vw,1.8rem);line-height:1.4;text-align:center;
  max-width:24ch;margin:0 auto;
}
.marca-eyebrow{
  font-size:.68rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;
  color:var(--hilo);margin-bottom:.8rem;display:inline-block;
}
.marca-2col{
  display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;
}
.marca-2col__img{aspect-ratio:4/5;overflow:hidden;background:var(--fondo-prod)}
.marca-2col__img img{width:100%;height:100%;object-fit:cover}
.marca-2col__txt h2{
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:clamp(1.5rem,3.4vw,2.4rem);text-transform:uppercase;letter-spacing:-.01em;
  line-height:1.1;margin-bottom:1.2rem;
}
.marca-2col__txt p{color:#444;line-height:1.7;margin-bottom:1rem;font-size:.95rem}
.marca-2col--inv .marca-2col__img{order:2}

.valores{
  display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem;
}
.valor{border-top:2px solid var(--tinta);padding-top:1.2rem}
.valor__num{
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.6rem;color:var(--hilo);
}
.valor h3{
  font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  margin:.6rem 0 .5rem;
}
.valor p{color:#555;line-height:1.6;font-size:.9rem}

.marca-cierre{
  text-align:center;padding:5rem 5vw;background:var(--tinta);color:var(--blanco);
}
.marca-cierre h2{
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:clamp(1.6rem,4vw,2.6rem);text-transform:uppercase;letter-spacing:-.01em;
}
.marca-cierre p{margin-top:.8rem;color:#B9B9B9;font-size:.95rem}
.marca-cierre__cta{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.marca-cierre__cta a{
  background:var(--blanco);color:var(--tinta);text-decoration:none;
  font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  padding:1rem 2.2rem;transition:background .2s,color .2s;
}
.marca-cierre__cta a:hover{background:var(--hilo);color:var(--blanco)}

@media (max-width:760px){
  .marca-2col{grid-template-columns:1fr;gap:1.5rem}
  .marca-2col--inv .marca-2col__img{order:0}
  .valores{grid-template-columns:1fr}
}

/* ---------- PÁGINAS DE CONTENIDO (legal / ayuda) ---------- */
.pag{
  max-width:820px;margin:0 auto;padding:3.5rem 5vw 5rem;
}
.pag__migas{
  font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);
  margin-bottom:1.6rem;
}
.pag__migas a{color:var(--gris);text-decoration:none}
.pag__migas a:hover{color:var(--hilo)}
.pag h1{
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:clamp(1.9rem,5vw,3rem);text-transform:uppercase;letter-spacing:-.02em;
  line-height:1.05;margin-bottom:.6rem;
}
.pag__intro{
  color:var(--gris);font-size:1.02rem;line-height:1.6;margin-bottom:2.5rem;
  max-width:60ch;
}
.pag h2{
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:1.15rem;text-transform:uppercase;letter-spacing:.02em;
  margin:2.6rem 0 .9rem;padding-top:1.6rem;border-top:1px solid #ECECEA;
}
.pag h2:first-of-type{border-top:none;padding-top:0}
.pag h3{
  font-size:.95rem;font-weight:700;margin:1.4rem 0 .5rem;letter-spacing:.02em;
}
.pag p{line-height:1.7;color:#363636;margin-bottom:1rem;font-size:.95rem}
.pag ul{margin:0 0 1.2rem 1.1rem;padding:0}
.pag li{line-height:1.7;color:#363636;margin-bottom:.5rem;font-size:.95rem}
.pag a{color:var(--tinta);text-underline-offset:2px}
.pag a:hover{color:var(--hilo)}
.pag__dato{
  background:var(--fondo-prod);border-left:3px solid var(--hilo);
  padding:.85rem 1.1rem;margin:.4rem 0 1.2rem;
  font-size:.85rem;color:#555;
}
.pag__dato strong{color:var(--tinta)}
.pag__nota{
  margin-top:3rem;padding-top:1.4rem;border-top:1px solid #ECECEA;
  font-size:.8rem;color:var(--gris);
}

/* tabla de tallas */
.tallas{width:100%;border-collapse:collapse;margin:1rem 0 1.6rem;font-size:.88rem}
.tallas th,.tallas td{border:1px solid #E2E2DF;padding:.7rem .8rem;text-align:center}
.tallas th{background:var(--tinta);color:var(--blanco);font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;font-size:.74rem}
.tallas tr:nth-child(even) td{background:#FAFAF8}
.tallas td:first-child{font-weight:600;background:#F2F2EF}
.tabla-scroll{overflow-x:auto}

/* bloque de contacto */
.contacto-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2rem;
}
.contacto-card{
  border:1px solid #E8E8E6;padding:1.4rem;
}
.contacto-card h3{margin-top:0}
.contacto-card p{margin-bottom:.3rem}
.faq-q{
  font-weight:700;cursor:pointer;padding:1rem 0;border-bottom:1px solid #ECECEA;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  font-size:.95rem;
}
.faq-q::after{content:"+";color:var(--hilo);font-size:1.2rem;flex:none}
.faq-q.abierta::after{content:"–"}
.faq-a{display:none;padding:0 0 1rem;color:#363636;line-height:1.7;font-size:.92rem}
.faq-a.abierta{display:block}
@media (max-width:620px){
  .contacto-grid{grid-template-columns:1fr}
}