/* ============================================================
   BonitaKid’s · capa «maison» (lujo) · 21-sept-2026
   Verde pino + marfil + seda + oro. Bodoni Moda en los
   titulares, Jost en el texto. Mucho aire, filetes finos, nada
   de verdes chillones ni cajas redondeadas. Se carga la ÚLTIMA.
   ============================================================ */

/* ============================================================
   1 · BASE
   ============================================================ */
body{font-size:15px;letter-spacing:.005em}
h1,h2,h3,h4{font-weight:400;letter-spacing:-.005em}
::selection{background:var(--tinta);color:var(--crema)}
:focus-visible{outline-color:var(--oro)}
section[id]{scroll-margin-top:calc(var(--cab) + 12px)}

.cejilla{font-size:10px;letter-spacing:.34em;color:var(--acento);margin-bottom:16px}
.titulo-sec{font-size:clamp(30px,3.9vw,54px);line-height:1.08;letter-spacing:-.012em}
.titulo-sec em,.hero__txt h1 em,.manifiesto__txt em,.cta-final h2 em{font-style:italic;font-weight:400;color:var(--oro)}
.entradilla{font-size:15.5px;line-height:1.78}
.sec{padding:clamp(76px,10vw,144px) 0}
.sec--blanco{background:var(--crema)}
.sec__cab{margin-bottom:clamp(38px,5vw,68px)}
.aparece.visto .titulo-sec::after{background:var(--oro);height:1px}
.sec__cab--centro .cejilla::before{background-image:url(/img/l/isotipo.svg);opacity:.28}

/* ============================================================
   2 · BOTONES Y ENLACES
   El relleno sube desde abajo al pasar el ratón.
   ============================================================ */
.btn{
  position:relative;overflow:hidden;isolation:isolate;
  padding:17px 40px;font-size:10.5px;letter-spacing:.26em;font-weight:400;
  background:var(--tinta);border:1px solid var(--tinta);color:var(--crema);
}
.btn::after{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--acento-hondo);
  transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--suave);
}
.btn:hover{background:var(--tinta);border-color:var(--tinta);color:var(--crema)}
.btn:hover::after{transform:scaleY(1)}
.btn--linea{background:transparent;color:var(--tinta)}
.btn--linea::after{background:var(--tinta)}
.btn--linea:hover{background:transparent;color:var(--crema)}
.btn--marfil{background:var(--crema);border-color:var(--crema);color:var(--tinta)}
.btn--marfil::after{background:var(--acento-claro)}
.btn--marfil:hover{background:var(--crema);border-color:var(--acento-claro);color:var(--tinta)}
.btn--claro{background:transparent;border-color:rgba(250,248,244,.7);color:#FAF8F4}
.btn--claro::after{background:#FAF8F4}
.btn--claro:hover{background:transparent;color:var(--tinta);border-color:#FAF8F4}

/* WhatsApp: se reconoce por el glifo, no por el verde */
.btn--wa{background:var(--tinta);border-color:var(--tinta);color:var(--crema)}
.btn--wa:hover{background:var(--tinta);border-color:var(--tinta)}
.btn--wa::before{
  content:"";width:15px;height:15px;flex:0 0 15px;background:currentColor;
  -webkit-mask:var(--glifo-wa) center/contain no-repeat;mask:var(--glifo-wa) center/contain no-repeat;
}
:root{
  --glifo-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.9-4.45 9.9-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm5.8 14.16c-.24.68-1.4 1.3-1.94 1.35-.5.05-1.13.07-1.82-.11a15 15 0 0 1-1.65-.61c-2.9-1.25-4.8-4.17-4.94-4.36-.15-.19-1.19-1.58-1.19-3.02 0-1.43.75-2.14 1.02-2.43a1.07 1.07 0 0 1 .78-.36h.56c.18 0 .42-.07.65.5.24.58.82 2.01.89 2.16.07.14.12.31.02.5-.09.19-.14.31-.28.48l-.42.49c-.14.14-.28.29-.12.57.15.28.68 1.13 1.47 1.83 1.01.9 1.86 1.18 2.14 1.32.28.14.44.12.6-.07.17-.19.7-.81.88-1.09.19-.28.37-.24.63-.14.26.09 1.68.79 1.96.94.29.14.48.21.55.33.07.12.07.68-.17 1.35z'/%3E%3C/svg%3E");
}
/* en la ficha, la consulta va en segundo plano, con filete */
.acciones .btn--wa{background:transparent;color:var(--tinta)}
.acciones .btn--wa::after{background:var(--tinta)}
.acciones .btn--wa:hover{color:var(--crema)}

.enlace-sub{
  border-bottom:0;padding-bottom:6px;font-size:10.5px;letter-spacing:.24em;color:var(--tinta);
  background:linear-gradient(var(--linea-fuerte),var(--linea-fuerte)) 0 100%/100% 1px no-repeat,
             linear-gradient(var(--oro),var(--oro)) 0 100%/0 1px no-repeat;
  transition:background-size .6s var(--suave),color .3s;
}
.enlace-sub:hover{background-size:100% 1px,100% 1px;color:var(--acento-hondo)}
.enlace-claro{
  font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:#FAF8F4;padding:6px 0;
  background:linear-gradient(rgba(250,248,244,.55),rgba(250,248,244,.55)) 0 100%/100% 1px no-repeat;
  transition:background-size .5s var(--suave),color .3s;
}
.enlace-claro:hover{color:var(--acento-claro);background-size:0 1px;background-position:100% 100%}

/* ============================================================
   3 · CABECERA
   ============================================================ */
.aviso{background:var(--tinta);color:rgba(250,248,244,.82);font-size:9.5px;letter-spacing:.3em;padding:10px 16px;border-bottom:1px solid rgba(216,196,158,.14)}
.cab{
  background:rgba(250,248,244,.95);border-bottom:1px solid var(--linea);
  transition:transform .5s var(--suave),box-shadow .35s,background-color .5s,border-color .5s;
}
.nav{gap:34px}
.nav a,.nav button{font-size:10px;letter-spacing:.24em;color:var(--tinta);transition:color .3s}
.nav a:hover,.nav button:hover{color:var(--acento-hondo)}
.nav a::after{background:var(--oro)}
.icono{color:var(--tinta)}
.icono:hover{color:var(--acento-hondo)}
.icono svg{stroke-width:1.1}
.pastilla{background:var(--oro);color:var(--tinta);font-weight:500}
.cab__marca{display:grid}
.cab__marca img{grid-area:1/1;transition:opacity .5s}
.cab__marca:hover img{opacity:1}
.cab__marca .logo-claro{opacity:0}

/* transparente encima de la foto de portada */
.cab.cab--sobre{background:transparent;border-bottom-color:rgba(250,248,244,.16);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.cab--sobre .nav a,.cab--sobre .nav button,.cab--sobre .icono{color:#FAF8F4}
.cab--sobre .nav a::after{background:var(--acento-claro)}
.con-hero .hero--sangre{margin-top:calc(-1 * var(--cab) - 1px)}

.mega{background:var(--crema);border-bottom-color:var(--linea)}
.mega__it h4{font-family:var(--display);font-size:22px}
.mega__lado h4{color:var(--acento);letter-spacing:.28em}
.movil nav a{font-size:28px}
.movil nav a small{color:var(--acento);letter-spacing:.26em}
.buscador__campo input{font-family:var(--display)}

/* ============================================================
   4 · INTRO DE MARCA
   En MARFIL, no sobre un fondo oscuro: al entrar lo primero que se
   ve es el logo de la casa sobre su propio color, no una cortina.
   ============================================================ */
.con-intro .intro{background:var(--crema)}
.intro img{width:min(230px,56vw)}
.intro i{background:var(--linea)}
.intro i::after{background:var(--oro)}

/* ============================================================
   5 · PORTADA A SANGRE
   Dos fotos de ambiente de lado a lado, el texto centrado abajo
   y la cabecera flotando encima.
   ============================================================ */
.hero--sangre{
  display:grid;grid-template-columns:1fr;grid-template-areas:"h";position:relative;
  height:calc(100svh - 35px);min-height:580px;max-height:1020px;background:var(--yeso);border:0;
}
.hero--sangre .hero__paneles{
  grid-area:h;height:100%;min-height:0;max-height:none;aspect-ratio:auto;
  display:grid;grid-template-columns:1fr 1fr;background:var(--yeso);position:relative;
}
.hero--sangre .hero__paneles::before,.hero--sangre .hero__paneles::after{
  content:"";position:absolute;left:0;right:0;z-index:2;pointer-events:none;
}
.hero--sangre .hero__paneles::before{top:0;height:200px;background:linear-gradient(rgba(16,26,22,.55),rgba(16,26,22,0))}
.hero--sangre .hero__paneles::after{bottom:0;height:64%;background:linear-gradient(to top,rgba(16,26,22,.8),rgba(16,26,22,.38) 46%,rgba(16,26,22,0))}
.hero--sangre .hero__pila{height:100%}
.hero--sangre .hero__pila img{object-position:50% 28%}
.hero--sangre .hero__pila+.hero__pila{border-left:1px solid rgba(250,248,244,.12)}
.hero--sangre .hero__txt{
  grid-area:h;z-index:3;align-self:end;justify-self:center;width:100%;max-width:1040px;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:0 var(--gut) clamp(40px,7vh,78px);background:none;color:#FAF8F4;pointer-events:none;
}
.hero--sangre .hero__txt>*{pointer-events:auto}
.hero--sangre .cejilla{color:#EADFC8;letter-spacing:.38em;margin-bottom:22px}
.hero--sangre .hero__txt .cejilla,.hero--sangre .hero__txt h1,.hero--sangre .enlace-claro{text-shadow:0 1px 18px rgba(12,22,18,.45)}
.hero--sangre .hero__txt h1{
  color:#FAF8F4;font-size:clamp(42px,5.5vw,84px);line-height:1.02;letter-spacing:-.018em;margin:0 0 30px;
}
.hero--sangre .hero__txt h1 em{color:var(--acento-claro)}
.br-m{display:none}
.hero--sangre .hero__acc{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.hero--sangre .hero__barra{margin-top:30px;justify-content:center}
.hero--sangre .hero__barra button{width:38px;height:1px;background:rgba(250,248,244,.3)}
.hero--sangre .hero__barra button i{background:#FAF8F4}
/* la etiqueta «Lleva…» pasa a ser un pie de foto fino en cada esquina */
.hero--sangre .hero__eti{
  left:30px;bottom:32px;max-width:300px;padding:0 0 7px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:none;color:#FAF8F4;border-bottom:1px solid rgba(250,248,244,.4);
}
.hero--sangre .hero__pila[data-pila="1"] .hero__eti{left:auto;right:30px}
.hero--sangre .hero__eti small{color:var(--acento-claro)}
.hero--sangre .hero__eti b{font-size:15px}
@media (max-width:1279px){ .hero--sangre .hero__eti{display:none} }

/* entrada: el telón se abre desde el centro */
.fx .hero--sangre .hero__paneles{animation:telon 1.7s var(--cortina) both;animation-delay:calc(var(--entra) - .1s)}
@keyframes telon{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}
.fx .hero__txt>:nth-child(3){animation-delay:calc(var(--entra) + .6s)}
.fx .hero__txt>:nth-child(4){animation-delay:calc(var(--entra) + .75s)}

@media (max-width:900px){
  .hero--sangre{height:calc(100svh - 33px);min-height:540px;max-height:880px}
  .hero--sangre .hero__paneles{display:block;height:100%}
  .hero--sangre .hero__txt{background:none;padding:0 var(--gut) 30px}
  .hero--sangre .hero__txt h1{font-size:clamp(38px,10.8vw,50px);margin-bottom:24px}
  .hero--sangre .cejilla{margin-bottom:14px;letter-spacing:.3em}
  .br-m{display:inline}
  .hero--sangre .hero__acc{flex-direction:column;gap:18px;width:100%}
  .hero--sangre .hero__acc .btn{width:100%;flex:none;padding:17px 12px;letter-spacing:.24em;background:var(--crema);color:var(--tinta);border-color:var(--crema)}
  .hero--sangre .hero__barra{margin-top:22px}
}

/* ============================================================
   6 · LA CASA (manifiesto)
   ============================================================ */
.manifiesto{padding:clamp(96px,12vw,176px) 0;background:var(--crema);text-align:center}
.manifiesto .env{display:flex;flex-direction:column;align-items:center;max-width:1180px}
.manifiesto__sello{width:118px;height:118px;margin-bottom:36px;background:transparent;box-shadow:none;border:1px solid var(--linea-fuerte)}
.manifiesto__sello .sello__giro text{fill:var(--acento)}
.manifiesto__sello .sello__iso{width:27px;opacity:.75}
.manifiesto__txt{
  font-family:var(--display);font-size:clamp(26px,3.3vw,46px);line-height:1.3;letter-spacing:-.012em;
  color:var(--tinta);max-width:30ch;margin:0 0 34px;
}
.manifiesto__firma{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--tinta-tenue)}
.manifiesto__firma::before{content:"";display:block;width:40px;height:1px;background:var(--oro);margin:0 auto 18px}
.fx .manifiesto__txt .pal>span{
  display:inline-block;transform:translateY(112%);
  transition:transform 1.1s var(--suave);transition-delay:calc(var(--i,0)*26ms);
}
.fx .manifiesto__txt.dentro .pal>span{transform:none}

/* sello general */
.sello__giro text{fill:var(--tinta-suave);letter-spacing:.14em}

/* ============================================================
   7 · COLECCIONES Y OCASIONES
   ============================================================ */
.cols{gap:clamp(14px,1.8vw,30px)}
.col-tarj figure{background:var(--yeso-hondo)}
.col-tarj__txt{display:block;padding:22px 0 0;text-align:center}
.col-tarj__txt h3{font-size:clamp(23px,2.1vw,31px)}
.col-tarj__txt h3::after{left:50%;right:50%;background:var(--oro);transition:left .5s var(--suave),right .5s var(--suave)}
.col-tarj:hover .col-tarj__txt h3::after{left:0;right:0}
.col-tarj__txt p{margin-top:8px;color:var(--acento);letter-spacing:.28em}
.col-tarj__num{font-family:var(--display);font-style:italic;color:var(--tinta);opacity:.55;font-size:18px;top:16px;left:18px}
.col-tarj__velo{background:rgba(34,54,46,.93);color:rgba(250,248,244,.86);padding:24px 22px 22px}
.col-tarj__velo b{color:#FAF8F4}
@media (hover:none){ .col-tarj__desc{text-align:center} }

.ocasion figure{background:var(--yeso)}
.ocasion__t{text-align:center;padding-top:18px}
.ocasion__t strong{font-size:clamp(18px,1.6vw,24px);font-weight:400}
.ocasion__t strong::after{left:50%;right:50%;background:var(--oro);transition:left .5s var(--suave),right .5s var(--suave)}
.ocasion:hover .ocasion__t strong::after{left:0;right:0}
.ocasion__t em{color:var(--tinta-tenue);letter-spacing:.24em;margin-top:7px}
.ocasion__d{background:rgba(34,54,46,.92);color:rgba(250,248,244,.9)}

/* ============================================================
   8 · EL OFICIO (mira de cerca)
   ============================================================ */
.detalle__foto{background:var(--crema)}
.det:hover,.det.on{background:var(--crema);border-color:var(--linea)}
.det__n{color:var(--acento);letter-spacing:.3em}
.det h3{font-weight:400}
.det::after{background:var(--oro)}
.chincheta{font-family:var(--display);font-size:13px;color:var(--tinta)}
.chincheta:hover,.chincheta.on{background:var(--tinta);color:var(--crema)}
.chincheta::before,.chincheta::after{border-color:var(--oro)}

/* ============================================================
   9 · LOOKBOOK, HERMANOS, NOVEDADES
   ============================================================ */
.look__eti small,.hero__eti small{letter-spacing:.26em}
.look__eti{border-radius:0}

@media (min-width:901px){ .hermanos{grid-template-columns:minmax(0,330px) minmax(0,1fr)} }
.hermanos .titulo-sec{font-size:clamp(30px,3vw,44px)}
.hermanos__cols{gap:8px 26px}
.hermanos__cols button{
  border:0;background:none;padding:8px 0;border-bottom:1px solid transparent;
  letter-spacing:.24em;color:var(--tinta-tenue);font-size:10.5px;
}
.hermanos__cols button:hover{color:var(--tinta);border-color:transparent}
.hermanos__cols button[aria-pressed="true"]{background:none;color:var(--tinta);border-bottom-color:var(--oro)}
.hermanos__mas i{background:var(--tinta);color:var(--acento-claro);font-family:var(--display);font-style:italic;box-shadow:0 10px 28px rgba(34,54,46,.22)}
.hermanos__pie small{color:var(--acento);letter-spacing:.26em}
.hermanos__lado figure{background:var(--crema)}

.carrusel__nav button{
  width:46px;height:46px;border-radius:50%;border:1px solid var(--linea-fuerte);background:transparent;
  transition:background .35s,border-color .35s,color .35s,transform .18s;
}
.carrusel__nav button:hover:not([disabled]){background:var(--tinta);border-color:var(--tinta);color:var(--crema)}
.carrusel__barra i{background:var(--oro)}

/* ============================================================
   10 · TARJETAS DE PRENDA
   ============================================================ */
.ficha__foto{background:var(--yeso)}
.ficha__cuerpo{padding-top:16px;gap:6px}
.ficha__col{color:var(--acento);letter-spacing:.28em;font-size:9.5px}
.ficha__nom{font-size:19px;line-height:1.28}
.ficha__meta{color:var(--tinta-tenue)}
.ficha__eti{
  top:16px;left:16px;background:transparent;color:var(--tinta);padding:0;
  font-size:9px;letter-spacing:.3em;display:flex;align-items:center;gap:9px;
}
.ficha__eti::before{content:"";width:16px;height:1px;background:var(--oro)}
.ficha__rapida{border-radius:0;box-shadow:none;background:rgba(250,248,244,.96);width:40px;height:40px}
.ficha__rapida svg{flex-basis:40px}
.ficha__rapida:hover{background:var(--tinta);color:var(--crema)}
.ficha__ver{background:rgba(34,54,46,.9);color:#FAF8F4;letter-spacing:.26em}
@media (hover:none){ .ficha__ver{display:none} .ficha__rapida{width:40px} }
.punto{width:10px;height:10px}

/* ============================================================
   11 · COMPRA ASISTIDA
   ============================================================ */
.servicio__lista{
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--linea-fuerte);border-bottom:1px solid var(--linea-fuerte);
}
.servicio__lista li{padding:44px clamp(18px,2.2vw,36px) 40px;text-align:center}
.servicio__lista li+li{border-left:1px solid var(--linea-fuerte)}
.servicio__n{display:block;font-family:var(--display);font-style:italic;font-size:28px;line-height:1;color:var(--oro);margin-bottom:18px}
.servicio__lista h3{font-size:clamp(19px,1.7vw,23px);margin:0 0 12px}
.servicio__lista p{font-size:14px;line-height:1.72;color:var(--tinta-suave);margin:0 auto;max-width:30ch}
.servicio__acc{text-align:center;margin-top:52px}
@media (max-width:900px){
  .servicio__lista{grid-template-columns:1fr 1fr}
  .servicio__lista li:nth-child(3){border-left:0}
  .servicio__lista li:nth-child(n+3){border-top:1px solid var(--linea-fuerte)}
}
@media (max-width:560px){
  .servicio__lista{grid-template-columns:1fr}
  .servicio__lista li+li{border-left:0;border-top:1px solid var(--linea-fuerte)}
  .servicio__lista li{padding:34px 8px}
}

/* ============================================================
   12 · EDAD, OPINIONES, COMUNIDAD
   ============================================================ */
.edad{background:var(--yeso);border:0;padding:clamp(32px,4.4vw,64px)}
.edad__opts{gap:6px 28px;margin-bottom:28px}
.edad__opts button{
  border:0;background:none;padding:10px 0;border-bottom:1px solid transparent;
  font-family:var(--display);font-size:clamp(17px,1.5vw,20px);letter-spacing:0;color:var(--tinta-tenue);
}
.edad__opts button:hover{color:var(--tinta);border-color:transparent}
.edad__opts button[aria-pressed="true"]{background:none;color:var(--tinta);border-bottom-color:var(--oro)}
.edad__res{border-top-color:var(--linea-fuerte)}

.carrusel--1 .carrusel__pista{grid-auto-columns:100%}
.opiniones-sec .opinion{
  background:none;border:0;padding:0 clamp(0px,7vw,140px);text-align:center;align-items:center;justify-content:center;
}
.opiniones-sec .opinion::before{
  content:"\201C";position:static;display:block;font-family:var(--display);font-style:italic;
  font-size:120px;line-height:.62;height:48px;color:var(--oro);margin-bottom:18px;
}
.opiniones-sec .estrellas{display:none}
.opiniones-sec .opinion p{
  flex:none;font-family:var(--display);font-style:italic;font-size:clamp(22px,2.6vw,36px);
  line-height:1.42;max-width:32ch;margin:0 auto 30px;color:var(--tinta);
}
.opiniones-sec .opinion cite{justify-content:center;text-align:center}
.opiniones-sec .opinion cite i{display:none}
.opiniones-sec .opinion cite b{color:var(--tinta);letter-spacing:.28em;margin-bottom:4px}
.opiniones__nav{justify-content:center;margin-top:40px}
.opiniones-sec .carrusel__barra{display:none}
@media (max-width:760px){ .opiniones__nav{display:flex !important} }

.comunidad{gap:10px}
.comunidad img{filter:saturate(.92)}

/* ============================================================
   13 · LLAMADA FINAL Y PIE (verde pino)
   ============================================================ */
.cta-final{background:var(--tinta);padding:clamp(96px,11vw,160px) 0}
.cta-final::before{background:radial-gradient(closest-side,rgba(176,141,87,.2),rgba(176,141,87,0))}
.cta-final h2{color:#FAF8F4;font-size:clamp(32px,4.2vw,60px);max-width:17ch;margin:0 auto 20px;line-height:1.08}
.cta-final h2 em{color:var(--acento-claro)}
.cta-final p{color:rgba(250,248,244,.72)}
.cta-final__sello{border-color:rgba(216,196,158,.28)}
.cta-final__sello .sello__giro text{fill:var(--acento-claro)}
.cta-final__sello .sello__iso{filter:none;opacity:.9}

.pie{background:var(--tinta);color:rgba(250,248,244,.72);border-top:1px solid rgba(216,196,158,.16);padding:clamp(64px,7vw,100px) 0 30px}
.pie h4{color:var(--acento-claro);letter-spacing:.3em}
.pie a,.pie li{color:rgba(250,248,244,.74);transition:color .3s}
.pie a:hover{color:#FAF8F4}
.pie p[style]{color:rgba(250,248,244,.66) !important}
.pie .enlace-sub{
  color:#FAF8F4;
  background:linear-gradient(rgba(250,248,244,.3),rgba(250,248,244,.3)) 0 100%/100% 1px no-repeat,
             linear-gradient(var(--acento-claro),var(--acento-claro)) 0 100%/0 1px no-repeat;
}
.pie__legal{border-top-color:rgba(250,248,244,.12);color:rgba(250,248,244,.5)}
.pie__legales a{color:rgba(250,248,244,.55)}
.pie__legales a:hover{color:#FAF8F4}

/* botón flotante: verde pino con filete de oro */
.wa-flota{background:var(--tinta);box-shadow:0 12px 32px rgba(34,54,46,.3);border:1px solid rgba(216,196,158,.4)}
.wa-flota svg{fill:#FAF8F4}

/* cursor con etiqueta: pastilla verde pino */
.burbuja span{background:rgba(34,54,46,.9);color:#FAF8F4;box-shadow:0 12px 32px rgba(34,54,46,.22)}

/* ============================================================
   14 · CAJÓN, TIENDA Y FICHA
   ============================================================ */
.cajon__cab h3{font-size:24px}
.cajon__pie{background:var(--yeso)}
.cajon__pie strong{font-weight:500;color:var(--tinta)}
.linea-ped h4{font-weight:400}

.filtro__tit{letter-spacing:.26em}
.op input:checked{background:var(--tinta);border-color:var(--tinta)}
.tallas-fil label.on{background:var(--tinta);border-color:var(--tinta)}
.rapidos button{border-radius:0;letter-spacing:.2em;font-size:10px;background:transparent}
.rapidos button[aria-pressed="true"]{background:var(--tinta);color:var(--crema)}
.chip{background:var(--crema)}
.orden{background-color:var(--crema)}

.prod__nom{font-size:clamp(32px,3.6vw,52px);line-height:1.06;letter-spacing:-.015em;margin-bottom:12px}
.prod__col{color:var(--acento);letter-spacing:.3em}
.prod__precio{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--acento);margin:0 0 22px}
.prod__precio span{text-transform:none;letter-spacing:.02em;font-size:12.5px;color:var(--tinta-tenue)}
.rapida .prod__precio{margin-bottom:16px}
.tallas button{background:transparent;border-color:var(--linea-fuerte);font-size:12px}
.tallas button:hover{border-color:var(--tinta)}
.tallas button[aria-pressed="true"]{background:var(--tinta);border-color:var(--tinta);color:var(--crema)}
.muestras button[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--crema),0 0 0 1px var(--tinta)}
.galeria__grande,.galeria__tira figure{background:var(--yeso)}
.galeria__mini button[aria-current="true"]{border-color:var(--oro)}
.prod__garantias svg{stroke:var(--oro)}
.acordeon__bt{letter-spacing:.22em;font-size:10.5px}
.rapida{background:var(--crema)}
.lupa{background:rgba(250,248,244,.99)}

/* mientras se está sobre la foto de portada, el botón flotante espera fuera */
.en-hero .wa-flota{opacity:0;transform:scale(.85);pointer-events:none}
.wa-flota{transition:transform .35s var(--suave),opacity .35s,bottom .45s var(--suave)}

/* los botones largos pueden partir línea: nunca deben ensanchar la columna */
.btn--bloque{white-space:normal;text-align:center;line-height:1.5}
.prod>*{min-width:0}
@media (max-width:900px){
  .prod{grid-template-columns:minmax(0,1fr)}
  .btn--bloque{padding-left:18px;padding-right:18px;letter-spacing:.2em}
}

/* ============================================================
   15 · PORTADA PANORÁMICA (fotos de «la casa», sept-2026)
   Una foto ancha en el ordenador (titular a la IZQUIERDA, en verde
   noche sobre la pared clara) y su versión vertical en el móvil.
   ============================================================ */
.hero--panorama .hero__paneles{display:block}
.hero__pano{position:absolute;inset:0;overflow:hidden;background:var(--yeso)}
.hero__pano picture{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}
.hero__pano picture.on{opacity:1;z-index:1}
.hero__pano img{
  position:absolute;left:0;top:-3%;width:100%;height:106%;object-fit:cover;object-position:68% 60%;
  transform:scale(1);transition:transform 9s linear;
}
.hero__pano picture.on img{transform:scale(1.035)}

/* «En la foto»: las dos prendas de la foto, enlazadas */
.hero__lleva{position:absolute;left:clamp(28px,5.4vw,96px);bottom:clamp(24px,5vh,50px);z-index:4}
.hero__lleva-it{display:none;align-items:baseline;gap:10px;flex-wrap:wrap}
.hero__lleva-it.on{display:flex;animation:sube .8s var(--suave) both}
.hero__lleva small{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--acento);margin-right:4px}
.hero__lleva a{font-family:var(--display);font-size:15px;color:var(--tinta);border-bottom:1px solid transparent;transition:border-color .3s}
.hero__lleva a:hover{border-bottom-color:var(--oro)}
.hero__lleva i{font-style:normal;color:var(--oro)}
.fx .hero--panorama .hero__lleva{animation:sube .9s var(--suave) both;animation-delay:calc(var(--entra) + 1.2s)}

@media (min-width:901px){
  /* sin velos oscuros: el texto va en verde pino sobre la pared clara */
  /* velo marfil suave solo detrás del texto: con la pared clara casi no se nota,
     con los naranjos del patio calma el fondo para que el titular se lea */
  .hero--panorama .hero__paneles::before{height:150px;background:linear-gradient(rgba(250,248,244,.78),rgba(250,248,244,0))}
  .hero--panorama .hero__paneles::after{display:block;top:0;bottom:0;left:0;right:auto;width:64%;height:auto;
    background:linear-gradient(90deg,rgba(250,248,244,.86) 0%,rgba(250,248,244,.66) 34%,rgba(250,248,244,.18) 70%,rgba(250,248,244,0) 100%)}
  .hero--panorama .hero__txt{
    justify-self:start;align-self:center;align-items:flex-start;text-align:left;max-width:760px;
    padding:calc(var(--cab) + 10px) 0 0 clamp(28px,5.4vw,96px);color:var(--tinta);
  }
  .hero--panorama .br-m{display:inline}
  .hero--panorama .hero__txt h1{color:var(--tinta);font-size:clamp(44px,5.6vw,90px);margin-bottom:34px}
  .hero--panorama .hero__txt h1 em{color:var(--oro)}
  .hero--panorama .cejilla{color:var(--acento)}
  .hero--panorama .hero__txt .cejilla,.hero--panorama .hero__txt h1,.hero--panorama .enlace-claro{text-shadow:none}
  .hero--panorama .hero__acc{justify-content:flex-start;gap:30px}
  .hero--panorama .btn--marfil{background:var(--tinta);border-color:var(--tinta);color:var(--crema)}
  .hero--panorama .btn--marfil::after{background:var(--acento-hondo)}
  .hero--panorama .btn--marfil:hover{color:var(--crema);border-color:var(--acento-hondo)}
  .hero--panorama .enlace-claro{color:var(--tinta);background-image:linear-gradient(var(--tinta),var(--tinta))}
  .hero--panorama .enlace-claro:hover{color:var(--acento-hondo)}
  .hero--panorama .hero__barra{justify-content:flex-start}
  .hero--panorama .hero__barra button{background:rgba(34,54,46,.18)}
  .hero--panorama .hero__barra button i{background:var(--tinta)}
  /* la cabecera flota encima en verde pino (no en marfil) */
  .pano-claro .cab--sobre .nav a,.pano-claro .cab--sobre .nav button,.pano-claro .cab--sobre .icono{color:var(--tinta)}
  .pano-claro .cab--sobre .nav a::after{background:var(--oro)}
  .pano-claro .cab.cab--sobre{border-bottom-color:rgba(34,54,46,.1)}
  /* entrada: la foto se descubre de izquierda a derecha */
  .fx .hero--panorama .hero__paneles{animation-name:telonIzq}
  @keyframes telonIzq{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
}
@media (max-width:1100px) and (min-width:901px){ .hero__lleva{display:none} }
@media (max-width:900px){
  .hero__pano img{top:0;height:100%;object-position:50% 30%}
  .hero__lleva{display:none}
}

/* ============================================================
   16 · LLAMADA FINAL CON FOTO: el vestido en la ventana a la
   derecha, el texto a la izquierda sobre verde pino.
   ============================================================ */
.cta-final{
  background:
    linear-gradient(90deg,rgba(34,54,46,.96) 0%,rgba(34,54,46,.86) 38%,rgba(34,54,46,.42) 68%,rgba(34,54,46,.18) 100%),
    url(/img/p/cta_fondo.jpg) 80% 50%/cover no-repeat,
    var(--tinta);
}
.cta-final::before{left:22%;top:55%;width:760px;height:760px}
@media (min-width:901px){
  .cta-final{text-align:left;padding:clamp(110px,12vw,180px) 0}
  .cta-final .env>*{max-width:560px}
  .cta-final__sello{margin:0 0 28px}
  .cta-final h2{margin:0 0 20px;max-width:14ch}
  .cta-final p{margin:0 0 32px}
}
@media (max-width:900px){
  .cta-final{
    background:linear-gradient(rgba(34,54,46,.9),rgba(34,54,46,.82)),url(/img/p/cta_fondo.jpg) 72% 50%/cover no-repeat,var(--tinta);
  }
}

/* ============================================================
   17 · LA CABECERA SIEMPRE A LA VISTA (21-sept-2026)
   Baja con la página; al bajar se le pone sombra y el logo se
   reduce un poco (con transform: no mueve nada de sitio).
   ============================================================ */
/* la cabecera se pinta dentro de <div id="cabecera">; ese contenedor solo mide lo que ella,
   así que el «sticky» se acababa con él. Con display:contents se pega a la página entera. */
#cabecera{display:contents}
.cab-oculta .cab{transform:none}
.cab__marca img{transform-origin:center;transition:opacity .5s,transform .45s var(--suave)}
.cab-compacta .cab__marca img{transform:scale(.84)}
.cab-compacta .cab:not(.cab--sobre){box-shadow:0 10px 30px -16px rgba(34,54,46,.22)}

/* ============================================================
   18 · EL LOGO DE LA CASA (23-sept-2026)
   Entra el logo REAL de la clienta —el de sus redes: aro de menta,
   el nombre en dorado y el pajarito— en lugar del sello que le
   habíamos dibujado. Es casi cuadrado, así que la cabecera crece
   para que el nombre se lea, y el pajarito pasa a ser el símbolo
   de la casa (florón de las secciones, sello y pedido vacío).
   ============================================================ */
:root{--cab:112px}
.cab__marca{justify-self:center}
.cab__marca img{height:clamp(62px,6.6vw,82px);width:auto;opacity:1}
.cab__marca:hover img{opacity:.8}
.cab-compacta .cab__marca img{transform:scale(.82)}
/* Sobre la foto de portada el logo se perdía: ahí va dentro de un disco de
   marfil, como el sello de la casa. Al despegarse de la foto va suelto. */
.cab--sobre .cab__marca{
  width:clamp(84px,7vw,100px);aspect-ratio:1;display:grid;place-items:center;position:relative;z-index:2;
  border-radius:50%;background:rgba(250,248,244,.94);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 14px 38px rgba(12,22,18,.24);
  transition:background .45s var(--suave),box-shadow .45s var(--suave),width .45s var(--suave);
}
.cab--sobre .cab__marca img{height:78%;width:auto}

.pie__marca{height:auto;width:min(228px,64%);margin:0 0 22px -6px}

/* el pajarito, único símbolo propio de la marca */
.sec__cab--centro .cejilla::before{
  background-image:url(/img/m/pajaro.webp);width:40px;height:48px;opacity:.5;
}
.sello__iso{width:36px;opacity:.92}
.manifiesto__sello .sello__iso{width:34px;opacity:.92}
.cta-final__sello .sello__iso{filter:none;opacity:.95}
.cajon__vacio img.cajon__pajaro{width:64px;opacity:.55}

@media (max-width:900px){
  :root{--cab:82px}
  .cab__marca img{height:60px}
}
@media (max-width:640px){
  :root{--cab:74px}
  .cab__marca img{height:54px}
  .sec__cab--centro .cejilla::before{width:32px;height:38px}
}

/* ============================================================
   19 · LOGO DE SU BANNER + CORAL Y TURQUESA (23-sept-2026, 2ª vuelta)
   Darío: menú más grande, cejillas más grandes, en negro y en
   negrita, textos pequeños más legibles y más detalles en los
   colores de su logo (coral de «Moda Infantil», turquesa de
   «Bonita Kid's»).
   ============================================================ */
:root{
  --coral:#E0674E;         /* el de «Moda Infantil» */
  --coral-hondo:#C4513A;   /* para texto sobre marfil */
  --turquesa:#4FD1BC;      /* el de «Bonita Kid's» */
  --turquesa-hondo:#1E9483;
  --turquesa-suave:#E3F7F3;
  --coral-suave:#FCEAE5;
  --negro:#141414;
}

/* ---------- el logo: apaisado, texto + ramitos ---------- */
.cab__marca img{height:clamp(46px,4.2vw,62px);width:auto}
.cab--sobre .cab__marca{
  width:auto;aspect-ratio:auto;border-radius:999px;padding:10px 26px;
  background:rgba(255,255,255,.93);
}
.cab--sobre .cab__marca img{height:clamp(40px,3.6vw,54px)}
.movil__top .cab__marca img{height:40px}
.pie__nube{display:inline-block;background:#fff;border-radius:999px;padding:14px 26px;margin:0 0 22px -4px;box-shadow:0 0 0 4px rgba(79,209,188,.35)}
.pie__marca{width:min(250px,100%);height:auto;margin:0;display:block}
.intro img{width:min(560px,78vw);height:auto}

/* ---------- menú de arriba a la izquierda, más grande ---------- */
@media (min-width:901px){
  .nav{gap:clamp(22px,2.4vw,40px)}
  .nav a,.nav button{font-size:13.5px;letter-spacing:.14em;font-weight:500;color:var(--negro);white-space:nowrap}
  .nav a::after{background:var(--turquesa);height:2px}
  .nav a:hover,.nav button:hover{color:var(--coral-hondo)}
  .icono svg{width:24px;height:24px;stroke-width:1.4}
}

/* ---------- cejillas: más grandes, negras y en negrita ---------- */
.cejilla{font-size:13px;letter-spacing:.22em;font-weight:600;color:var(--negro)}
.cejilla::after{content:"";display:block;width:34px;height:3px;border-radius:2px;margin-top:10px;
  background:linear-gradient(90deg,var(--coral) 0 50%,var(--turquesa) 50% 100%)}
.sec__cab--centro .cejilla::after,.cta-final .cejilla::after,.manifiesto .cejilla::after{margin-left:auto;margin-right:auto}
.sec__cab--centro .cejilla::before{opacity:.85}
@media (min-width:901px){ .hero--panorama .cejilla{color:var(--negro);font-size:14px} }
.cta-final .cejilla{color:#fff !important}
@media (max-width:900px){ .hero--sangre .hero__txt .cejilla{color:#fff} }

/* ---------- textos pequeños: más grandes y con más cuerpo ---------- */
.aviso{font-size:11.5px;letter-spacing:.2em;font-weight:500;background:var(--turquesa-hondo);color:#fff;border-bottom:3px solid var(--coral)}
.btn{font-size:12.5px;letter-spacing:.18em;font-weight:600}
.enlace-sub,.enlace-claro{font-size:12.5px;letter-spacing:.16em;font-weight:600}
.hero__lleva small,.hero__eti small,.look__eti small{font-size:11px;font-weight:600;color:var(--coral-hondo)}
.hero__lleva a{font-size:17px}
.col-tarj__txt p,.ocasion__t em,.cifra span,.det__n,.prod__col,.ficha__col,.mega__lado h4,.bus__it small,
.hermanos__pie small,.cuenta,.manifiesto__firma,.prod__precio,.acordeon__bt{font-size:12px;font-weight:600;letter-spacing:.16em}
.ficha__col,.prod__col{color:var(--turquesa-hondo)}
.pie h4{font-size:12.5px;font-weight:600;letter-spacing:.2em}
.pie a,.pie li{font-size:14px}
.entradilla{font-size:16.5px}

/* ---------- detalles en coral y turquesa ---------- */
.titulo-sec em,.hero__txt h1 em,.manifiesto__txt em{color:var(--coral)}
@media (min-width:901px){ .hero--panorama .hero__txt h1 em{color:var(--coral)} }
.cta-final h2 em{color:var(--turquesa)}
.aparece.visto .titulo-sec::after{background:var(--turquesa);height:2px}
.btn::after{background:var(--coral-hondo)}
.btn--linea{border-color:var(--turquesa-hondo);color:var(--negro)}
.btn--linea::after{background:var(--turquesa-hondo)}
.btn--linea:hover{color:#fff}
.enlace-sub{background:linear-gradient(var(--turquesa),var(--turquesa)) 0 100%/100% 2px no-repeat,
                       linear-gradient(var(--coral),var(--coral)) 0 100%/0 2px no-repeat}
.enlace-sub:hover{background-size:100% 2px,100% 2px;color:var(--coral-hondo)}
.pastilla{background:var(--coral);color:#fff}
.col-tarj__num{color:var(--coral)}
.servicio__n{color:var(--coral)}
.servicio__lista li{border-top:3px solid var(--turquesa)}
.servicio__lista li:nth-child(even){border-top-color:var(--coral)}
.ocasion:hover .ocasion__t strong::after,.ocasion__t strong::after{background:var(--coral)}
.ocasion__d{background:rgba(30,148,131,.93)}
.mega__lado h4{color:var(--coral-hondo)}
.mega__it h4{color:var(--negro)}
.cta-final__sello .sello__giro text{fill:var(--turquesa)}
.sec--yeso{background-image:linear-gradient(90deg,var(--coral) 0 50%,var(--turquesa) 50% 100%);background-size:100% 3px;background-repeat:no-repeat}

/* franja con el estampado de su banner (flores y pajaritos) antes del pie */
.pie{border-top:0;position:relative}
.pie::before{content:"";display:block;height:92px;margin:calc(-1 * clamp(64px,7vw,100px)) 0 clamp(52px,6vw,80px);
  background:#fff url(/img/m/patron.webp) center/auto 100% repeat-x;border-bottom:4px solid var(--turquesa)}
.pie h4{color:var(--turquesa)}
.pie__redes{display:flex;gap:10px;margin-top:18px}
.pie__redes a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;transition:background .3s,transform .3s}
.pie__redes a:hover{background:var(--coral);transform:translateY(-2px)}
.pie__redes svg{width:20px;height:20px}
.pie__contacto li{display:flex;flex-direction:column;gap:3px}
.pie__contacto span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--coral);font-weight:600}
.pie__rejilla{grid-template-columns:1.4fr 1.3fr 1fr 1fr 1fr}
@media (max-width:1100px){ .pie__rejilla{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .pie__rejilla{grid-template-columns:1fr} .pie::before{height:64px} }

/* botones de redes en «La familia Bonita Kids» */
.redes-botones{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.btn--red{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;color:#fff}
.btn--red svg{width:19px;height:19px;flex:0 0 auto}
.btn--tiktok{background:var(--negro);border-color:var(--negro)}
.btn--instagram{background:var(--coral-hondo);border-color:var(--coral-hondo)}
.btn--facebook{background:var(--turquesa-hondo);border-color:var(--turquesa-hondo)}
.btn--red::after{background:rgba(0,0,0,.22)}
.btn--red:hover{color:#fff}
.btn--tiktok:hover{background:var(--negro);border-color:var(--negro)}
.btn--instagram:hover{background:var(--coral-hondo);border-color:var(--coral-hondo)}
.btn--facebook:hover{background:var(--turquesa-hondo);border-color:var(--turquesa-hondo)}

/* colección que aún no tiene prendas (Flamenca) */
.col-tarj__pronto{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);z-index:2;
  background:var(--coral);color:#fff;font-weight:600;font-size:13px;letter-spacing:.22em;text-transform:uppercase;
  padding:12px 22px;border-radius:999px;box-shadow:0 12px 28px -12px rgba(196,81,58,.7);white-space:nowrap}

/* el logo va SIN fondo blanco, también sobre la foto de portada y en el pie (Darío, 23-sept) */
.cab--sobre .cab__marca{
  width:auto;aspect-ratio:auto;padding:0;border-radius:0;background:transparent;
  -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;
}
.cab--sobre .cab__marca img{height:clamp(46px,4.2vw,62px);filter:drop-shadow(0 1px 1px rgba(255,255,255,.55))}
.pie__nube{background:transparent;box-shadow:none;padding:0;border-radius:0;margin:0 0 22px}

/* el menú de la izquierda, un punto más pequeño (Darío, 23-sept: a 13,5 px pisaba el logo) */
@media (min-width:901px){
  .nav{gap:clamp(18px,1.9vw,30px)}
  .nav a,.nav button{font-size:11.5px;letter-spacing:.15em}
}

/* ============================================================
   20 · CATEGORÍAS Y COLECCIONES (27-sept-2026)
   Ana: arriba las categorías (Bautizos, Ceremonias, Temporada…) y dentro sus
   colecciones (Mario, Abril, Laura…), con sus fotos reales.
   ============================================================ */
/* cinco categorías en la portada y en el mega menú */
@media (min-width:1081px){
  .cols{grid-template-columns:repeat(5,minmax(0,1fr))}
  .mega__rejilla{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
}
.mega__it h4{font-size:18px}
.mega__lineas{font-size:12px;letter-spacing:.04em;color:var(--tinta-suave)}

/* menú del móvil: las colecciones debajo de su categoría, más pequeñas */
.movil nav a.movil__sub{font-family:var(--texto);font-size:15px;padding:10px 0 10px 18px;color:var(--tinta-suave)}
.movil nav a.movil__sub::before{content:"— ";color:var(--coral)}

/* banda de la tienda: tarjetas de colección dentro de una categoría… */
.banda-col{margin:0 0 34px}
.banda-col--tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:clamp(12px,1.6vw,22px)}
.banda-col__tarj{display:block}
.banda-col__tarj figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--yeso)}
.banda-col__tarj img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.banda-col__tarj:hover img{transform:scale(1.04)}
.banda-col__tarj span{display:block;padding:12px 2px 0}
.banda-col__tarj small{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--acento)}
.banda-col__tarj b{display:block;font-family:var(--display);font-weight:400;font-size:22px;margin:2px 0}
.banda-col__tarj em{font-style:normal;font-size:12px;color:var(--tinta-tenue)}
/* …y tira de fotos con niños dentro de una colección */
.banda-col__pista{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(180px,22vw,290px);gap:12px;
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}
.banda-col__pista a{scroll-snap-align:start;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--yeso)}
.banda-col__pista img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.banda-col__pista a:hover img{transform:scale(1.04)}
#miga a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){
  .banda-col--tarjetas{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:62%;
    overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--gut) * -1) 28px;padding:0 var(--gut);scroll-padding:0 var(--gut)}
  .banda-col--tarjetas::-webkit-scrollbar{display:none}
  .banda-col__tarj{scroll-snap-align:start}
  .banda-col__pista{grid-auto-columns:64%;margin:0 calc(var(--gut) * -1) 28px;padding:0 var(--gut) 8px;scroll-padding:0 var(--gut)}
}

/* guía de tallas: la tabla de medidas que mandó Ana */
.tabla-medidas{max-width:560px;margin:0 auto 46px;text-align:center}
.tabla-medidas img{width:100%;height:auto;border:1px solid var(--linea)}
.tabla-medidas p{font-size:13px;color:var(--tinta-tenue);margin-top:10px}
.medidas{width:100%;max-width:420px;border-collapse:collapse;margin:4px 0 8px;font-size:13.5px}
.medidas th,.medidas td{padding:9px 12px;border-bottom:1px solid var(--linea);text-align:left;font-weight:400}
.medidas thead th{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave)}
.medidas tbody th{font-weight:600}

/* 20 · apartados dentro de una categoría (Flamenca: bebé, punto bebé, niñas, niños) */
.banda-col--grupos{grid-template-columns:repeat(4,minmax(0,1fr))}
.banda-col--grupos .banda-col__tarj b{font-size:24px}
.banda-col--grupo .banda-col__pista{margin-bottom:26px}
.banda-col--grupo .banda-col__pista a.sin-enlace{cursor:default}
@media (max-width:760px){
  .banda-col--grupos{grid-template-columns:none;grid-auto-columns:62%}
  .banda-col--grupo .banda-col__pista{margin-bottom:22px}
}