:root{
  /* trama de ruido: le da textura de papel a todo lo impreso */
  --grano:url(/img/e0fc3106713f.png);
  --negro:#111010;
  --negro-2:#181616;
  --negro-3:#201D1D;
  --crema:#F5ECD7;
  --gris:#9C9691;
  --gris-2:#6E6864;
  --rosa:#F4A7B9;
  --rosa-txt:#F4A7B9;        /* el rosa cuando hace de texto */
  --rosa-h:#F9C6D2;
  --magenta:#F4A7B9;
  --blanco-logo:#FFFFFF;
  --sobre-rosa:#1A1212;      /* texto encima de un relleno rosa */
  --wa:#25D366;
  --linea:#282424;
  --linea-2:#1E1B1B;
  --petalo-a:#FFFAFB; --petalo-b:#FBDDE7; --petalo-c:#E9A6BE; --petalo-d:#D089A4;
  --barra:rgba(17,16,16,.9);
  --velo:rgba(6,5,5,.68);
  --sombra-logo:rgba(0,0,0,.35);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--negro);color:var(--crema);
  font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-weight:400;
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}

#sk-far,#sk-mid,#sk-near{position:fixed;inset:0;width:100%;height:100%;
  pointer-events:none}
#sk-far{z-index:0;filter:blur(3px);opacity:.9}
#sk-mid{z-index:0}
#sk-near{z-index:0;filter:blur(6px);opacity:.7}
.capa{position:relative;z-index:1}
.env{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,30px)}
.env-cat{max-width:1780px}
p{margin:0}
:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}

/* ══ barra ══ */
.barra{position:sticky;top:0;z-index:40;background:var(--barra);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--linea-2)}
.barra .env{display:flex;align-items:center;justify-content:space-between;height:70px;gap:20px}
.logo{font-weight:800;font-size:19px;letter-spacing:.13em;color:var(--magenta);line-height:1;
  text-shadow:1.5px 1.5px 0 var(--sombra-logo)}
.logo .rg{font-size:.5em;vertical-align:.85em;font-weight:600;letter-spacing:0}
.logo small{display:block;font-weight:600;font-size:7.5px;letter-spacing:.19em;
  color:var(--blanco-logo);margin-top:5px;line-height:1.5}
/* El logo es lo primero que la gente toca para volver al inicio. Se ve igual
   que antes: solo cambia que ahora responde. */
.logo-inicio{background:none;border:none;padding:0;margin:0;cursor:pointer;
  font-family:Montserrat,sans-serif;text-align:left;display:block;
  transition:opacity .2s}
.logo-inicio:hover{opacity:.78}
.nav-links{display:flex;gap:27px}
.nav-links button{background:none;border:none;color:var(--crema);font-family:Montserrat,sans-serif;
  font-size:14.5px;font-weight:400;cursor:pointer;padding:0;transition:color .2s}
.nav-links button:hover{color:var(--rosa-txt)}
@media(max-width:1080px){.nav-links{display:none}}

/* ══ menú de celular ══
   Hasta ahora, debajo de 1080px la página se quedaba sin navegación: el
   visitante de celular solo podía bajar rodando. Este es el mismo menú del
   computador, guardado detrás de un botón. */
.hamburguesa{display:none;background:none;border:1px solid var(--linea);color:var(--crema);
  width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center;
  padding:0;transition:border-color .2s,color .2s;flex:0 0 auto}
.hamburguesa:hover{border-color:var(--rosa-txt);color:var(--rosa-txt)}
.hamburguesa svg{stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}
.hamburguesa .x{display:none}
[data-menu] .hamburguesa .x{display:block}
[data-menu] .hamburguesa .lineas{display:none}
@media(max-width:1080px){.hamburguesa{display:flex}}

.velo-menu{position:fixed;inset:0;z-index:60;background:rgba(8,6,6,.66);
  backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .28s}
[data-menu] .velo-menu{opacity:1;pointer-events:auto}

.cajon{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(340px,86vw);
  background:#161313;border-left:1px solid var(--linea-2);
  display:flex;flex-direction:column;
  transform:translateX(102%);transition:transform .3s cubic-bezier(.4,0,.2,1);
  overscroll-behavior:contain}
[data-menu] .cajon{transform:translateX(0)}
/* con el menú abierto la página de atrás no debe seguir rodando */
[data-menu] body{overflow:hidden}
@media(prefers-reduced-motion:reduce){
  .obra-modal:not([hidden]){animation:none}
  .mk-capa,.pdp-lamina,.pdp-tiras button{transition:none!important}.cajon,.velo-menu{transition:none}}

.cajon-alto{display:flex;align-items:center;justify-content:space-between;
  padding:0 20px;height:70px;border-bottom:1px solid var(--linea-2);flex:0 0 auto}
.cajon-alto .rot{font-size:10.5px;letter-spacing:.19em;color:var(--gris);font-weight:600}
.cajon-cerrar{background:none;border:none;color:var(--crema);cursor:pointer;
  width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0}
.cajon-cerrar:hover{color:var(--rosa-txt)}
.cajon-cerrar svg{stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}

.cajon-cuerpo{flex:1 1 auto;overflow-y:auto;padding:8px 0 22px;-webkit-overflow-scrolling:touch}
.cajon-grupo{padding:18px 20px 6px;font-size:10.5px;letter-spacing:.19em;
  color:var(--gris);font-weight:600}
.cajon-cuerpo button,.cajon-cuerpo a{display:flex;width:100%;align-items:baseline;
  justify-content:space-between;gap:14px;background:none;border:none;
  border-bottom:1px solid rgba(255,255,255,.05);
  color:var(--crema);font-family:Montserrat,sans-serif;font-size:15px;font-weight:400;
  text-align:left;text-decoration:none;padding:14px 20px;cursor:pointer;
  min-height:48px;transition:background .18s,color .18s}
.cajon-cuerpo button:hover,.cajon-cuerpo a:hover,
.cajon-cuerpo button:focus-visible,.cajon-cuerpo a:focus-visible{
  background:rgba(244,167,185,.08);color:var(--rosa-txt)}
.cajon-cuerpo .precio{font-size:12px;color:var(--gris);white-space:nowrap;font-weight:500}
.cajon-cuerpo .destacado{color:var(--rosa-txt);font-weight:600}
.cajon-wa{margin:18px 20px 0;padding:13px 18px;border:1px solid var(--rosa);
  color:var(--rosa-txt);justify-content:center;font-weight:600;font-size:14px}
.cajon-wa:hover{background:var(--rosa);color:#111010}
.derecha{display:flex;align-items:center;gap:20px}
.contacto{display:flex;align-items:center;gap:9px;color:var(--crema);text-decoration:none;
  font-size:14.5px;transition:color .2s;min-height:44px;padding:0 4px}
.contacto:hover{color:var(--rosa-txt)}
.contacto svg{stroke:currentColor;fill:none;stroke-width:1.6}
.btn-pedido{min-height:44px;background:none;border:1px solid var(--linea);color:var(--crema);
  font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;padding:9px 15px;
  cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}
.btn-pedido:hover{border-color:var(--rosa-txt);color:var(--rosa-txt)}
.burbuja{color:var(--rosa-txt);font-weight:600}
@media(max-width:620px){.contacto span{display:none}}
/* En pantallas angostas la barra tenía que cargar logo, contacto, pedido y el
   botón del menú. Se apretaba y se salía. El contacto y la palabra "pedido"
   sobran ahí: los dos están adentro del menú. */
@media(max-width:560px){
  .barra .env{gap:10px}
  .derecha{gap:9px}
  .contacto{display:none}
  .btn-pedido{padding:9px 13px}
}
@media(max-width:380px){
  .rotulo-pedido{display:none}
  .btn-pedido{padding:9px 14px}
  .btn-pedido::before{content:"Pedido";font-size:12px}
}

/* ══ hero ══ */
.hero{text-align:center;padding:78px 0 96px}
@media(max-width:760px){.hero{padding:52px 0 66px}}
.hero h1{font-weight:800;font-size:clamp(26px,6.6vw,88px);line-height:1;
  letter-spacing:-.025em;text-transform:uppercase;margin:0;color:var(--crema)}
.hero h1 em{font-style:normal;color:var(--rosa-txt)}
.hero .sub{margin:38px auto 0;font-size:clamp(17px,2.1vw,21px);line-height:1.6;
  color:var(--crema);max-width:46ch;font-weight:400;text-wrap:pretty}
.ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:44px}
.cta{padding:16px 32px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.11em;text-transform:uppercase;cursor:pointer;text-decoration:none;
  border:1px solid;transition:all .22s}
.cta.p{background:var(--rosa);border-color:var(--rosa);color:var(--sobre-rosa)}
.cta.p:hover{background:var(--rosa-h);border-color:var(--rosa-h)}
.cta.s{background:transparent;border-color:var(--crema);color:var(--crema)}
.cta.s:hover{background:var(--crema);color:var(--negro)}

/* ══ títulos de sección ══ */
section{padding:96px 0}
.enc{text-align:center;margin:0 auto 52px;max-width:60ch}
.enc h2{font-weight:800;font-size:clamp(27px,5.6vw,62px);line-height:1.02;letter-spacing:-.025em;
  text-transform:uppercase;margin:0 0 18px;color:var(--crema)}
.enc p{font-size:16.5px;color:var(--gris);font-weight:400}

/* ══ categorías ══ */

/* ══ cotizador ══ */
#cotiza{padding:96px 0}
.conf{background:var(--negro-2);border:1px solid var(--linea);max-width:660px;margin:0 auto}
.conf-top{padding:30px 34px 22px;border-bottom:1px solid var(--linea-2);text-align:center}
.conf-top h2{font-weight:800;font-size:30px;text-transform:uppercase;letter-spacing:-.02em;
  margin:0 0 8px}
.conf-top p{font-size:14.5px;color:var(--gris);font-weight:400}
.conf-cuerpo{padding:26px 34px 32px;display:flex;flex-direction:column;gap:20px}
@media(max-width:560px){.conf-top,.conf-cuerpo{padding-left:22px;padding-right:22px}}
.campo{display:flex;flex-direction:column;gap:9px}
.campo label{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gris-2)}
select{width:100%;padding:13px 15px;font-family:Montserrat,sans-serif;font-weight:400;font-size:15px;
  color:var(--crema);background:var(--negro-3);border:1px solid var(--linea);cursor:pointer;
  appearance:none;transition:border-color .2s;
  background-image:linear-gradient(45deg,transparent 50%,var(--rosa) 50%),linear-gradient(135deg,var(--rosa) 50%,transparent 50%);
  background-position:calc(100% - 19px) 23px,calc(100% - 14px) 23px;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}
select:hover{border-color:var(--gris-2)}
select option{background:var(--negro-3);color:var(--crema)}
.fila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.fila{grid-template-columns:1fr}}
.check{display:flex;gap:12px;align-items:flex-start;padding:15px;background:var(--negro-3);
  border:1px solid var(--linea);cursor:pointer;transition:border-color .2s}
.check:hover{border-color:var(--gris-2)}
.check input{margin:3px 0 0;accent-color:var(--rosa);width:16px;height:16px;cursor:pointer}
.check .txt b{display:block;font-weight:600;font-size:14px}
.check .txt span{color:var(--gris-2);font-size:13px;font-weight:400}
.precio-caja{border-top:1px solid var(--linea);padding-top:22px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.precio-caja .cual{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-2);
  line-height:1.5;font-weight:500}
.precio-caja .val{font-weight:800;font-size:clamp(34px,9vw,44px);line-height:.95;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;color:var(--rosa-txt);white-space:nowrap}
.btn-add{width:100%;padding:16px;background:var(--rosa);color:var(--sobre-rosa);border:1px solid var(--rosa);
  font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;cursor:pointer;transition:all .22s}
.btn-add:hover{background:var(--rosa-h);border-color:var(--rosa-h)}

/* ══ pasos ══ */
.solido{background:var(--negro-2);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
/* ══ cómo pedir ══
   Antes eran tres cajas con mucho aire y un título aparte. Ahora es una banda:
   el título a la izquierda y los tres pasos en fila, separados por una raya. */
#como{padding:clamp(52px,6vw,72px) 0}
.pasos{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,2.4fr);
  gap:clamp(26px,4vw,54px);align-items:start}
@media(max-width:940px){.pasos{grid-template-columns:1fr;gap:24px}}
.pasos-tit .eti{font-size:11px;letter-spacing:.19em;color:var(--rosa-txt);font-weight:700;
  display:block;margin-bottom:11px}
.pasos-tit h2{font-weight:800;font-size:clamp(25px,3.4vw,36px);line-height:1.03;
  letter-spacing:-.025em;text-transform:uppercase;margin:0;color:var(--crema);text-wrap:balance}
.pasos-lista-n{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,1fr);gap:0}
@media(max-width:780px){.pasos-lista-n{grid-template-columns:1fr}}
.pasos-lista-n li{display:flex;gap:14px;align-items:flex-start;padding:0 clamp(14px,2vw,24px);
  border-left:1px solid var(--linea)}
.pasos-lista-n li:first-child{padding-left:0;border-left:none}
@media(max-width:780px){
  .pasos-lista-n li{padding:16px 0;border-left:none;border-top:1px solid var(--linea)}
  .pasos-lista-n li:first-child{padding-top:0;border-top:none}
}
.pasos-lista-n .n{flex:0 0 auto;font-weight:800;font-size:26px;line-height:1;
  color:var(--rosa-txt);font-variant-numeric:tabular-nums;opacity:.85;margin-top:-2px}
.pasos-lista-n h3{font-weight:700;font-size:16px;text-transform:uppercase;margin:0 0 7px;
  letter-spacing:-.005em;color:var(--crema);line-height:1.2}
.pasos-lista-n p{font-size:14px;color:var(--gris);line-height:1.6;font-weight:400}

/* ══ cómo se paga ══
   Va debajo de los tres pasos porque es la pregunta que sigue: la gente no
   escribe si no sabe si le van a recibir por donde ella paga. */
.pagos{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(24px,4vw,52px);align-items:start}
@media(max-width:860px){.pagos{grid-template-columns:1fr;gap:26px}}
@media(max-width:860px){
  .pagos .qr-caja,.pagos .pagos-lista,.pagos .pagos-txt{grid-column:1/-1;grid-row:auto}
}
.pagos-txt{grid-column:1;grid-row:1/3;align-self:start}
.pagos-txt h3{font-weight:800;font-size:clamp(25px,4vw,38px);text-transform:uppercase;
  letter-spacing:-.025em;margin:0 0 16px;color:var(--crema);line-height:1.05}
.pagos-txt p{font-size:15.5px;color:var(--gris);line-height:1.7;margin:0 0 12px;max-width:46ch}
.pagos-txt b{color:var(--crema);font-weight:600}
.pagos-nota{font-size:13.5px!important;color:var(--gris-2)!important;
  border-left:2px solid var(--gris-2);padding-left:14px;margin-bottom:0!important}
.pagos-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;grid-column:2;grid-row:1;align-self:start;
  background:var(--linea);border:1px solid var(--linea)}
.pagos-lista li{display:flex;gap:15px;align-items:flex-start;background:var(--negro);
  padding:18px 20px}
.pg-i{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;
  border:1px solid var(--linea);color:var(--rosa-txt)}
.pg-t{display:flex;flex-direction:column;gap:3px}
.pg-t b{font-size:15px;font-weight:700;color:var(--crema);letter-spacing:-.01em}
.pg-t span{font-size:13.5px;color:var(--gris);line-height:1.6;font-weight:400}

/* ══ "pagas con", dentro del carrito ══
   Baymard mide que una de cada cinco tiendas pierde ventas por no dejar claro
   cómo se paga antes de comprometerse. Aquí es donde el cliente decide. */
.paga-con{display:flex;flex-direction:column;gap:9px;margin:2px 0 16px;
  padding:14px 15px;background:var(--negro-2);border:1px solid var(--linea)}
.paga-con .rot{font-size:10px;letter-spacing:.19em;color:var(--gris-2);font-weight:700}
.paga-con .chips{display:flex;flex-wrap:wrap;gap:7px}
.pchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--linea);
  color:var(--crema);font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:99px;
  white-space:nowrap}
.pchip svg{flex:none;color:var(--rosa-txt)}
.paga-con .cuando{font-size:12px;color:var(--gris-2);font-weight:400;line-height:1.5}
.pc-llave{display:flex;align-items:center;gap:13px;padding-top:11px;
  border-top:1px solid var(--linea)}
.pc-lado{display:flex;flex-direction:row;align-items:center;gap:11px;min-width:0;
  flex-wrap:wrap}
.pc-rot{font-size:9.5px;letter-spacing:.19em;color:var(--gris-2);font-weight:700}
.pc-num{display:inline-flex;align-items:center;gap:9px;background:none;
  border:1px solid var(--linea);color:var(--crema);cursor:pointer;padding:8px 12px;
  min-height:42px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:800;
  font-variant-numeric:tabular-nums;transition:border-color .2s,color .2s}
.pc-num:hover{border-color:var(--rosa-txt);color:var(--rosa-txt)}
.pc-num svg{flex:none;color:var(--rosa-txt)}
.pc-num.copiada{border-color:var(--rosa);color:var(--rosa-txt)}
.pc-copia-estado{margin:0;font-size:13px;line-height:1.5;color:var(--gris-2);user-select:text}

/* ══ el QR de la llave ══
   Va a la vista, no escondido en el chat: el que ya decidió comprar no debería
   tener que pedir por dónde paga. El código se imprime sobre crema porque un
   QR necesita fondo claro para que la cámara lo lea. */
.qr-caja{grid-column:2;grid-row:2;display:flex;gap:clamp(20px,3vw,32px);align-items:center;
  flex-wrap:wrap;margin-top:1px;padding:22px;background:var(--negro-2);
  border:1px solid var(--linea)}
.qr-marco{flex:0 0 auto;width:clamp(198px,52vw,224px);padding:13px;background:var(--crema);
  line-height:0}
.qr-marco img{width:100%;height:auto;display:block;image-rendering:pixelated}
.qr-lado{flex:1 1 230px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.qr-rot{font-size:10.5px;letter-spacing:.19em;color:var(--gris);font-weight:700}
.qr-num{display:inline-flex;align-items:center;gap:12px;background:none;
  border:1px solid var(--linea);color:var(--crema);cursor:pointer;padding:11px 16px;
  min-height:46px;font-family:Montserrat,sans-serif;font-size:clamp(17px,2.3vw,21px);
  font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums;
  transition:border-color .2s,color .2s}
.qr-num:hover{border-color:var(--rosa-txt);color:var(--rosa-txt)}
.qr-num svg{flex:none;color:var(--rosa-txt)}
.qr-num.copiada{border-color:var(--rosa);color:var(--rosa-txt)}
.qr-lado p{font-size:13.5px;color:var(--gris);line-height:1.6;font-weight:400;max-width:38ch}


/* precio por unidad y ahorro */
.precio-caja .unitario{flex:0 0 100%;font-size:13.5px;color:var(--gris);font-weight:400;
  line-height:1.5;margin-top:-2px}
.precio-caja .unitario b{color:var(--rosa-txt);font-weight:700}
.precio-caja .unitario[hidden]{display:none!important}
.precio-caja .lado-precio{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.precio-caja .antes{font-size:16px;font-weight:500;color:var(--gris-2);
  text-decoration:line-through;text-decoration-thickness:1.5px;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.precio-caja .antes[hidden]{display:none!important}
.precio-caja .entrega{flex:0 0 100%;font-size:13.5px;color:var(--gris);
  font-weight:400;line-height:1.5;display:flex;gap:9px;align-items:baseline;
  border-top:1px solid var(--linea);padding-top:13px;margin-top:3px}
.precio-caja .entrega .ico{color:var(--rosa-txt);font-weight:800;flex:0 0 auto}
.precio-caja .entrega b{color:var(--crema);font-weight:700}
.precio-caja .entrega .luego{display:block;color:var(--gris-2);font-size:12.5px;margin-top:2px}
.fr .d.fecha{font-size:clamp(26px,4.2vw,34px);line-height:1.1}
/* lista de piezas del combo, bajo el dibujo */
.piezas-lista{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.piezas-lista li{display:flex;align-items:baseline;gap:10px;font-size:13.5px;color:var(--gris);
  font-weight:400;line-height:1.4}
.piezas-lista .k{font-weight:700;color:var(--rosa-txt);font-variant-numeric:tabular-nums;
  flex:0 0 auto;min-width:26px}
.piezas-lista .m{color:var(--gris-2);font-size:12.5px}

/* ══ galería de fotos de la categoría ══ */
.col-der{display:flex;flex-direction:column;gap:16px;position:sticky;top:92px}
@media(max-width:940px){.col-der{position:static}}
.medidas{position:static!important}
.galeria{background:var(--negro-2);border:1px solid var(--linea);padding:0;overflow:hidden}
.galeria[hidden]{display:none!important}
.gal-grande{aspect-ratio:4/3;background:var(--negro-3);overflow:hidden;position:relative}
.gal-grande img{width:100%;height:100%;object-fit:cover;display:block}
.gal-tiras{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linea);
  border-top:1px solid var(--linea)}
.gal-tiras button{aspect-ratio:16/11;padding:0;border:none;background:var(--negro-3);cursor:pointer;
  overflow:hidden;position:relative;transition:opacity .2s}
.gal-tiras img{width:100%;height:100%;object-fit:cover;display:block;
  transition:opacity .25s,transform .4s cubic-bezier(.2,.8,.2,1)}
.gal-tiras button:hover img{transform:scale(1.06)}
.gal-tiras button[aria-current="true"]::after{content:"";position:absolute;inset:0;
  border:2px solid var(--rosa)}
.gal-tiras button:not([aria-current="true"]) img{opacity:.55}
.gal-tiras button:not([aria-current="true"]):hover img{opacity:.85}

/* la foto dentro del cuadrito de categoría */
.cat .foto img{width:100%;height:100%;object-fit:cover;display:block;
  transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.cat .foto .par{position:relative;width:100%;height:100%}
.cat .foto .par img.b{position:absolute;inset:0;opacity:0}
.cat:hover .foto .par img.a{opacity:0}
.cat:hover .foto .par img.b{opacity:1}
.cat:hover .foto .par img{transform:scale(1.04)}

/* promesa bajo los botones del hero */
.promesa{margin:22px 0 0;font-size:14px;color:var(--gris);font-weight:400;
  display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.promesa b{color:var(--crema);font-weight:600}
.promesa svg{flex:none;color:var(--rosa)}

/* el chequeo de 10 puntos */
.chequeo{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,52px);align-items:start}
@media(max-width:860px){.chequeo{grid-template-columns:1fr}}
.chequeo .izq h2{font-weight:800;font-size:clamp(26px,4.4vw,44px);line-height:1.04;
  letter-spacing:-.025em;margin:0 0 16px}
.chequeo .izq p{font-size:15.5px;color:var(--gris);line-height:1.7;margin:0 0 14px;max-width:46ch}
.chequeo .izq p:last-child{margin-bottom:0}
.chequeo .izq b{color:var(--crema);font-weight:600}
.diez{list-style:none;margin:0;padding:0;counter-reset:d;
  border-top:1px solid var(--linea)}
.diez li{counter-increment:d;border-bottom:1px solid var(--linea);padding:13px 0 13px 44px;
  position:relative;font-size:14.5px;font-weight:400;color:var(--crema);line-height:1.5}
.diez li::before{content:counter(d,decimal-leading-zero);position:absolute;left:0;top:13px;
  font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--rosa-txt);
  font-variant-numeric:tabular-nums}
.diez li span{display:block;font-size:13px;color:var(--gris-2);margin-top:2px;line-height:1.45}
.no-hacemos{margin-top:20px;border-left:2px solid var(--gris-2);padding:2px 0 2px 15px;
  font-size:13.5px;color:var(--gris-2);line-height:1.6}
.no-hacemos b{color:var(--gris);font-weight:600}

/* ══ franja ══ */
.franja{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;text-align:center}
@media(max-width:860px){.franja{grid-template-columns:1fr;gap:30px}}
.fr .d{font-weight:800;font-size:42px;letter-spacing:-.03em;color:var(--rosa-txt);
  line-height:1;margin-bottom:12px}
.fr .t{font-size:14.5px;color:var(--gris);line-height:1.6;max-width:32ch;margin:0 auto;
  font-weight:400}

/* ══ escenas de ambiente ══
   Franjas a sangre que enseñan el producto puesto, no sobre una mesa. Van
   entre secciones para cortar el ritmo y dejar respirar la página. */
.escena{position:relative;min-height:clamp(280px,32vw,420px);display:flex;align-items:center;
  background:var(--negro-2);overflow:hidden;border-top:1px solid var(--linea);
  border-bottom:1px solid var(--linea)}
.escena img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* un velo suave para que la foto no compita, pero el texto no depende de él */
.escena::after{content:"";position:absolute;inset:0;background:rgba(10,9,9,.42)}
.escena .env{position:relative;z-index:2;padding-top:clamp(34px,4.5vw,54px);
  padding-bottom:clamp(34px,4.5vw,54px)}
/* El texto va sobre su propio panel: sobre una foto clara ningún degradado
   garantiza que se lea, y este sitio se ve sobre todo en celular. */
.escena .cuerpo{max-width:44ch;background:rgba(12,10,10,.86);backdrop-filter:blur(7px);
  border:1px solid rgba(244,167,185,.16);border-left:3px solid var(--rosa);
  padding:clamp(22px,3vw,30px) clamp(20px,2.6vw,30px)}
.escena .eti{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rosa-txt);
  font-weight:700;margin:0 0 11px}
.escena h2{font-weight:800;font-size:clamp(23px,3.6vw,38px);line-height:1.06;letter-spacing:-.026em;
  text-transform:uppercase;margin:0 0 13px;color:var(--crema);text-wrap:balance}
.escena p{font-size:15px;color:#C9C2BC;line-height:1.65;font-weight:400}
.escena p b{color:var(--crema);font-weight:700}
@media(max-width:620px){
  .escena .cuerpo{max-width:none}
  .escena::after{background:rgba(10,9,9,.5)}
}

/* ══ escoger formato de un diseño del catálogo ══ */
.grano{mix-blend-mode:soft-light;opacity:.85;pointer-events:none}
.obra-modal{position:fixed;z-index:95;top:50%;left:50%;transform:translate(-50%,-50%);
  width:min(1080px,calc(100vw - 28px));max-height:calc(100vh - 44px);overflow:auto;
  background:var(--negro);border:1px solid var(--linea)}
.obra-modal[hidden]{display:none!important}
/* Las secciones entran al aparecer. Arrancan VISIBLES: si el observador no
   corre, la página se ve completa igual. La animación solo la adelanta. */
@keyframes sube{from{opacity:.001;transform:translateY(16px)}
  to{opacity:1;transform:none}}
.revela-on{animation:sube .55s cubic-bezier(.22,.9,.26,1) both}
@media(prefers-reduced-motion:reduce){.revela-on{animation:none}}

@keyframes fichaEntra{from{opacity:0;transform:translate(-50%,-48%) scale(.985)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.obra-modal:not([hidden]){animation:fichaEntra .32s cubic-bezier(.22,.9,.26,1) both}
.obra-modal .cerrar{position:absolute;top:12px;right:14px;z-index:2;background:none;border:none;
  color:var(--gris);font-size:26px;line-height:1;cursor:pointer;padding:4px 8px;
  font-family:Montserrat,sans-serif;transition:color .2s}
.obra-modal .cerrar:hover{color:var(--crema)}
/* ══ la ficha del diseño ══
   Antes el montaje era el protagonista y cualquier defecto del compuesto se
   veía enorme. Las tiendas de arte que funcionan hacen lo contrario: mandan
   la lámina, grande y limpia, y el montaje va de segunda vista en la galería.
   Eso es lo que hay aquí: galería con miniaturas a la izquierda, formatos y
   medidas a la derecha. */
.obra-cuerpo{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  align-items:start}
@media(max-width:860px){.obra-cuerpo{grid-template-columns:minmax(0,1fr)}}

.pdp-gal{padding:22px 20px 20px;border-right:1px solid var(--linea)}
@media(max-width:860px){.pdp-gal{border-right:none;border-bottom:1px solid var(--linea);
  padding:18px 16px 14px}}
.pdp-vista{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;
  background:var(--negro-3)}

/* ── la lámina: el diseño como pliego impreso ── */
.pdp-arte{position:absolute;inset:0;display:grid;place-items:center;padding:7%;
  overflow:hidden;cursor:zoom-in;
  background:
    radial-gradient(60% 46% at 50% 28%,rgba(255,240,208,.11),transparent 72%),
    linear-gradient(170deg,#241E1C 0%,#181413 54%,#100D0C 100%)}
.pdp-lamina{position:absolute;inset:7%;width:auto;height:auto;min-width:0;min-height:0;
  transform-origin:var(--ox,50%) var(--oy,50%);
  transition:transform .4s cubic-bezier(.3,.9,.3,1)}
.pdp-lamina svg,.pdp-lamina img{width:100%;height:100%;max-width:none;display:block;
  object-fit:contain}
/* El archivo plano se muestra limpio para revisar su calidad. */
.pdp-lamina::after{display:none}
.pdp-arte[data-zoom="si"]{cursor:zoom-out}
.pdp-arte[data-zoom="si"] .pdp-lamina{transform:scale(2.2)}
.pdp-lupa{position:absolute;right:10px;top:10px;z-index:2;pointer-events:none;opacity:0;
  font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--crema);background:rgba(10,8,8,.72);padding:6px 11px;border-radius:99px;
  transition:opacity .2s}
.pdp-arte:hover .pdp-lupa{opacity:1}
.pdp-arte[data-zoom="si"] .pdp-lupa{opacity:0}

/* ══ el montaje: el diseño metido dentro de una foto real ══
   Cada base es una foto con las cuatro esquinas del rectángulo del arte
   marcadas. La página deforma el diseño hasta ahí con una homografía y le
   encima la luz de la escena, el tono de la habitación y grano de papel. */
.mk{position:relative;width:100%;overflow:hidden;background:var(--negro-3)}
.mk .mk-foto{position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;display:block}
.mk-capa{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;
  transition:opacity .25s ease}
.mk[data-listo="no"] .mk-capa{opacity:0}
.mk .mk-arte{position:relative;width:100%;height:100%;overflow:hidden;background:#f8f7f2}
.mk .mk-arte svg,.mk .mk-arte img{width:100%;height:100%;max-width:none;display:block;
  object-fit:contain}
.mk[data-ajuste="llenar"] .mk-arte img{object-fit:cover}
.mk[data-ajuste="estirar"] .mk-arte img{object-fit:fill}
.mk .mk-luz,.mk .mk-bri{position:absolute;inset:0;background-repeat:no-repeat;
  background-position:center;background-size:100% 100%}
.mk .mk-luz{mix-blend-mode:multiply}
.mk .mk-bri{mix-blend-mode:screen}

/* la pieza: el arte más el material que lo rodea. Escala con el tamaño que el
   cliente escoge, así que un cuadro chico lleva su marco chico */
.mk .mk-pieza{position:absolute;inset:0;background:transparent}
.mk .mk-arte::after{content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22),
             inset 0 0 14px rgba(0,0,0,.1),
             inset 0 1px 0 rgba(255,255,255,.1)}
.mk[data-f="cuadros"] .mk-pieza{padding:2.6%;
  background:linear-gradient(152deg,#2A2320 0%,#15110F 34%,#0C0908 100%);
  box-shadow:inset 0 0 0 1px rgba(245,236,215,.15),
             inset 2px 2px 0 rgba(245,236,215,.06),
             inset -2px -2px 0 rgba(0,0,0,.5)}
.mk[data-f="retablos"] .mk-pieza{padding:0;background:#171513;
  box-shadow:0 0 0 .7px #171513}
.mk[data-f="retablos"][data-angulo="si"] .mk-pieza{box-shadow:-1px 0 #252320,-2px 0 #252320,-3px 0 #252320,-4px 0 #252320,-5px 0 #252320,-6px 0 #181715}
.mk[data-f="cuadros"][data-angulo="si"] .mk-pieza{box-shadow:-1px 0 #242220,-2px 0 #242220,-3px 0 #191816,-4px 0 #191816,inset 0 0 0 1px #ffffff15}
.mk[data-marco="ancho"] .mk-pieza{padding:4.5%}
.mk[data-color="Dorado"] .mk-pieza{background:linear-gradient(130deg,#b9a16a,#8d713d 55%,#bd9c58)}
.mk[data-color="Plateado"] .mk-pieza{background:linear-gradient(130deg,#c3c2bf,#777976 55%,#b9b9b5)}
.mk[data-color="Rosado"] .mk-pieza{background:linear-gradient(130deg,#bb929f,#886372 55%,#c196a4)}
.mk[data-color="Blanco"] .mk-pieza{background:linear-gradient(130deg,#eeede8,#d4d3ce 55%,#e6e5df)}
/* la sombra que tira sobre la pared: va en unidades de la pieza, así que se
   abre y se cierra con ella */
.mk[data-f="posters"] .mk-capa{filter:drop-shadow(1px 2px 1.2px #0005) drop-shadow(3px 4px 5px #0002)}
.mk[data-f="cuadros"] .mk-capa{filter:drop-shadow(2px 3px 2px #0005) drop-shadow(7px 9px 9px #0003)}
.mk[data-f="retablos"] .mk-capa{filter:drop-shadow(2px 3px 2px #0005) drop-shadow(5px 7px 7px #0003)}
/* un papel no da blancos de pantalla, y la cámara le pone encima el tono del
   cuarto: sin esto la impresión se lee pegada */
.mk .mk-tono{position:absolute;inset:0;mix-blend-mode:soft-light;opacity:.08}
.mk .mk-papel{position:absolute;inset:0;pointer-events:none;
  background-image:var(--grano);background-size:62px;mix-blend-mode:overlay;opacity:.12}

/* El acabado del material. No lo saco de la foto: es una propiedad del
   producto. Un poster laminado, un vidrio y un MDF brillante no reflejan
   igual, y sin esto los tres se leían como la misma lámina. */
.mk .mk-acabado{position:absolute;inset:0;pointer-events:none}
.mk[data-f="posters"] .mk-acabado{
  background:linear-gradient(104deg,transparent 36%,rgba(255,255,255,.1) 47%,
             transparent 58%)}
.mk[data-f="cuadros"] .mk-acabado{
  background:linear-gradient(108deg,rgba(214,232,255,.13) 0 14%,transparent 20%,
             transparent 38%,rgba(214,232,255,.15) 47%,transparent 60%)}
.mk[data-f="retablos"] .mk-acabado{
  background:
    linear-gradient(180deg,rgba(255,248,232,.13),transparent 22%),
    linear-gradient(97deg,transparent 30%,rgba(255,248,232,.16) 48%,transparent 66%)}
.mk[data-acabado="Mate"] .mk-bri,.mk[data-acabado="Mate"] .mk-acabado{opacity:0}
.pdp-ajuste{display:flex;align-items:center;gap:12px;margin:18px 0 8px;font-size:12px;color:#c7b4be}
.pdp-ajuste select{min-width:0;flex:1;padding:8px;color:#e1cbd7;background:#291d25;border:1px solid #684556;border-radius:4px;font:inherit}

/* el montaje ocupa la caja entera cuando le toca */
.pdp-vista .mk{position:absolute;inset:0;max-width:none;margin:0;aspect-ratio:auto}
.pdp-vista > *{opacity:0;visibility:hidden;transition:opacity .28s}
.pdp-vista > .pdp-mostrar{opacity:1;visibility:visible}

/* ── las miniaturas ── */
.pdp-tiras{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:2px;
  scrollbar-width:none}
.pdp-tiras::-webkit-scrollbar{display:none}
.pdp-tiras button{flex:0 0 auto;width:60px;height:60px;padding:0;position:relative;
  overflow:hidden;cursor:pointer;background:var(--negro-3);
  border:1px solid var(--linea);transition:border-color .18s,box-shadow .18s}
.pdp-tiras button{transition:border-color .18s,box-shadow .18s,transform .18s}
.pdp-tiras button:hover{border-color:var(--gris-2);transform:translateY(-2px)}
.pdp-tiras button[aria-selected="true"]{border-color:var(--rosa);
  box-shadow:inset 0 0 0 1px var(--rosa)}
.pdp-tiras .mk{position:absolute;inset:0;max-width:none;margin:0;aspect-ratio:auto}
.pdp-tiras .tira-arte{position:absolute;inset:0;display:block}
.pdp-tiras .tira-arte svg,.pdp-tiras .tira-arte img{width:100%;height:100%;max-width:none;
  display:block;object-fit:cover}

/* ── la columna de la derecha ── */
.pdp-info{padding:30px 28px 28px}
@media(max-width:860px){.pdp-info{padding:22px 16px 20px}}
.pdp-info .eti{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--rosa-txt);font-weight:700;margin-bottom:10px}
.pdp-info h3{font-weight:800;font-size:clamp(24px,3.4vw,32px);line-height:1.04;
  letter-spacing:-.025em;text-transform:uppercase;margin:0 0 10px;color:var(--crema)}
.pdp-sub{font-size:14.5px;color:var(--gris);line-height:1.6;margin:0 0 20px;font-weight:400}
.pdp-rot{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gris-2);margin:0 0 10px}

.pdp-fmts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
/* en celular las tres tarjetas no caben sin partir el precio: una por línea */
@media(max-width:430px){
  .pdp-fmts{grid-template-columns:1fr;gap:6px}
  .fmt{min-height:0;display:grid;grid-template-columns:1fr auto;
    align-items:baseline;column-gap:12px;padding:12px 13px}
  .fmt .fn{margin-bottom:0}
  .fmt .fp{margin-bottom:0;text-align:right}
  .fmt .fd{grid-column:1/-1;margin-top:3px}
}
.fmt{background:var(--negro-2);border:1px solid var(--linea);padding:13px 12px 12px;
  cursor:pointer;text-align:left;font-family:Montserrat,sans-serif;
  transition:border-color .18s,background .18s;display:block;min-height:88px}
.fmt:hover{border-color:var(--gris-2)}
.fmt[aria-pressed="true"]{border-color:var(--rosa);background:rgba(244,167,185,.07)}
.fmt .fn{display:block;font-size:14px;font-weight:700;color:var(--crema);
  letter-spacing:-.01em;margin-bottom:4px}
.fmt .fp{display:block;font-size:13.5px;font-weight:800;color:var(--rosa-txt);
  font-variant-numeric:tabular-nums;margin-bottom:6px;white-space:nowrap}
.fmt .fd{display:block;font-size:11.5px;color:var(--gris-2);font-weight:400;line-height:1.4}

.pdp-medidas{margin:20px 0 0}
.pdp-chips{display:flex;flex-wrap:wrap;gap:6px}
.pdp-chips button{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;
  color:var(--gris);background:none;border:1px solid var(--linea);padding:8px 12px;
  border-radius:99px;cursor:pointer;font-variant-numeric:tabular-nums;
  transition:border-color .16s,color .16s,background .16s}
.pdp-chips button:hover{border-color:var(--gris-2);color:var(--crema)}
.pdp-chips button[aria-pressed="true"]{border-color:var(--rosa);color:var(--crema);
  background:rgba(244,167,185,.09)}
.pdp-chips b{color:var(--crema);font-weight:700}

/* cuántos */
.pdp-cant{display:flex;align-items:center;gap:14px;margin-top:20px}
.pdp-cant .rot{font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gris-2)}
.pdp-pasos{display:flex;align-items:center;border:1px solid var(--linea)}
.pdp-pasos button{width:40px;height:40px;background:none;border:none;color:var(--crema);
  font-family:Montserrat,sans-serif;font-size:19px;line-height:1;cursor:pointer;
  transition:background .16s}
.pdp-pasos button:hover{background:var(--negro-3)}
.pdp-pasos span{min-width:38px;text-align:center;font-size:15px;font-weight:700;
  color:var(--crema);font-variant-numeric:tabular-nums}

.pdp-total{display:flex;align-items:baseline;justify-content:space-between;
  margin-top:20px;padding-top:16px;border-top:1px solid var(--linea)}
.pdp-total .rot{font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gris-2)}
.pdp-total .val{font-size:26px;font-weight:800;color:var(--crema);letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}

.pdp-cta{margin-top:22px;width:100%;display:inline-flex;align-items:center;
  justify-content:center;gap:12px;background:var(--rosa);border:1px solid var(--rosa);
  color:var(--sobre-rosa);font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.11em;text-transform:uppercase;padding:17px 22px;min-height:54px;
  cursor:pointer;transition:background .2s,border-color .2s}
.pdp-cta:hover{background:var(--rosa-h);border-color:var(--rosa-h)}
.pdp-cta svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.pdp-cta:hover svg{transform:translateX(5px)}
.pdp-nota{margin:12px 0 0;font-size:12.5px;color:var(--gris-2);line-height:1.55;
  font-weight:400}


/* ══ franja de promoción ══
   Solo aparece cuando hay una promoción de verdad corriendo. Se prende y se
   apaga desde PROMO, y se apaga sola cuando pasa la fecha de fin. */
.promo{background:var(--rosa);color:var(--sobre-rosa);text-align:center;
  padding:11px clamp(16px,4vw,30px);font-size:13.5px;font-weight:600;line-height:1.5;
  position:relative;z-index:41}
.promo[hidden]{display:none!important}
.promo b{font-weight:800}
.promo .codigo{display:inline-block;border:1.5px dashed var(--sobre-rosa);padding:2px 9px;
  margin-left:4px;font-weight:800;letter-spacing:.08em}

/* ══ el reloj del corte ══
   Urgencia de verdad: los minutos que faltan para que el pedido entre a
   producción hoy. No es un número inventado, el cliente puede comprobarlo. */
.reloj-caja{padding-top:10px!important;margin-top:0!important;border-top:none!important;
  font-size:13.5px}
.reloj-caja[hidden]{display:none!important}
.reloj{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--rosa-txt);
  font-variant-numeric:tabular-nums}
.reloj .punto{width:7px;height:7px;border-radius:50%;background:var(--rosa);flex:none;
  animation:latido 2.4s ease-in-out infinite}
@keyframes latido{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.reloj .punto{animation:none}}

/* ══ reseñas ══ */
#resenas{padding:clamp(56px,8vw,96px) 0}
.resenas-rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--linea);border:1px solid var(--linea)}
/* Con una o dos reseñas, tres columnas dejan huecos negros al lado. La rejilla
   se ajusta a las que haya y se centra. */
.resenas-rejilla[data-n="1"]{grid-template-columns:minmax(0,520px);justify-content:center}
.resenas-rejilla[data-n="2"]{grid-template-columns:repeat(2,minmax(0,440px));justify-content:center}
/* con pocas, el marco de la rejilla sobra: cada reseña lleva el suyo */
.resenas-rejilla[data-n="1"],.resenas-rejilla[data-n="2"]{background:none;border:none;gap:20px}
.resenas-rejilla[data-n="1"] .resena,
.resenas-rejilla[data-n="2"] .resena{border:1px solid var(--linea)}
@media(max-width:900px){.resenas-rejilla,
  .resenas-rejilla[data-n="1"],.resenas-rejilla[data-n="2"]{grid-template-columns:1fr}}
.resena{position:relative;background:var(--negro);padding:30px 28px 26px;
  display:flex;flex-direction:column;gap:16px;overflow:hidden}
/* una comilla grande de fondo: dice "esto lo dijo alguien" sin gastar una palabra */
.resena::before{content:"\201C";position:absolute;top:-26px;right:14px;
  font-size:130px;line-height:1;color:var(--rosa);opacity:.09;pointer-events:none;
  font-family:Georgia,"Times New Roman",serif}
.estrellas{display:flex;gap:4px;color:var(--rosa)}
.estrellas svg{width:16px;height:16px;flex:none}
.resena blockquote{margin:0;position:relative}
.resena p{font-size:16.5px;line-height:1.72;color:var(--crema);font-weight:400;margin:0;
  text-wrap:pretty}
.resena .quien{margin-top:auto;padding-top:18px;border-top:1px solid var(--linea-2);
  display:flex;align-items:center;gap:12px}
.resena .inicial{flex:0 0 auto;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--rosa);color:var(--rosa-txt);display:grid;place-items:center;
  font-weight:800;font-size:16px;letter-spacing:.02em}
.resena .quien .nn{display:flex;flex-direction:column;gap:2px;min-width:0}
.resena .quien b{font-size:15px;font-weight:700;color:var(--crema);line-height:1.25}
.resena .quien span{font-size:12.5px;color:var(--gris-2);font-weight:500}
.resenas-mas{display:flex;justify-content:center;margin-top:26px}
.resenas-mas button{background:none;border:1px solid var(--linea);color:var(--crema);
  font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;padding:14px 28px;min-height:48px;cursor:pointer;border-radius:99px;
  transition:border-color .2s,color .2s}
.resenas-mas button:hover{border-color:var(--rosa-txt);color:var(--rosa-txt)}
.resenas-mas button[hidden]{display:none!important}
.aviso-resenas{margin-top:24px;padding:18px 22px;background:var(--negro-2);
  border-left:3px solid var(--rosa);font-size:14.5px;color:var(--gris);font-weight:400;
  line-height:1.65}

/* ══ buscador del catálogo ══
   Según los estudios de Baymard, un tercio de la gente usa el buscador para
   cosas que no son productos ("envíos", "devoluciones") y ahí es donde más
   falla: dos de cada tres búsquedas así no encuentran nada. Por eso este
   buscador también encuentra secciones del sitio, no solo diseños. */
.buscador{position:relative;max-width:440px;margin:0 auto 14px}
.buscador input{width:100%;padding:13px 44px 13px 42px;background:var(--tarjeta);
  border:1px solid var(--raya);color:var(--tinta);border-radius:99px;
  font-family:Montserrat,sans-serif;font-size:15px;font-weight:400;min-height:46px}
.buscador input::placeholder{color:var(--tinta-3)}
.buscador input:focus{outline:none;border-color:var(--rosa)}
/* el navegador pone su propia X en los type="search": sobra, ya hay una */
.buscador input::-webkit-search-cancel-button,
.buscador input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.buscador .lupa{position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:17px;height:17px;color:var(--tinta-3);pointer-events:none}
.buscador .limpiar{position:absolute;right:8px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:var(--tinta-3);cursor:pointer;font-size:20px;
  line-height:1;width:34px;height:34px;border-radius:50%;font-family:inherit}
.buscador .limpiar:hover{color:var(--tinta)}
.buscador .limpiar[hidden]{display:none!important}

/* Lo que el buscador encuentra que no es un diseño: secciones, políticas,
   categorías de producto. Nunca deja al cliente en un callejón sin salida. */
.atajos{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}
.atajos[hidden]{display:none!important}
.atajo{display:inline-flex;align-items:center;gap:8px;background:var(--tarjeta);
  border:1px solid var(--raya);color:var(--tinta);cursor:pointer;min-height:40px;
  font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;padding:9px 16px;
  border-radius:99px;transition:border-color .2s,color .2s}
a.atajo{text-decoration:none}
.atajo:hover{border-color:var(--rosa);color:var(--rosa-txt)}
.atajo .que{font-size:11px;font-weight:500;color:var(--tinta-3);letter-spacing:.06em;
  text-transform:uppercase}

/* El corazón ya no es adorno: guarda el diseño en el navegador de quien mira. */
.corazon{cursor:pointer}
.obra .corazon.marcado{opacity:1}
.obra .corazon.marcado svg{fill:#E0607F;stroke:#E0607F}
.vacio-tienda{padding:60px 20px;text-align:center;color:var(--tinta-2);font-size:15px;
  line-height:1.8;font-weight:400}
.vacio-tienda b{color:var(--tinta);font-weight:600}
.vacio-tienda .sug{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}

/* ══ documentos legales ══
   Van en su propia vista, como la tienda. Se leen poco, pero cuando alguien
   los abre es porque tiene una duda concreta: por eso llevan títulos cortos
   y frases que se entienden sin abogado al lado. */
#vista-legal{display:none}
[data-vista="legal"] #vista-principal{display:none}
[data-vista="legal"] #vista-tienda{display:none}
[data-vista="legal"] #vista-legal{display:block}
#legal{padding:0 0 clamp(60px,8vw,96px)}
#legal .enc{margin-bottom:36px}
.legal-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 40px}
.legal-tabs button{background:transparent;border:1px solid var(--raya);color:var(--tinta-2);
  font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;padding:11px 18px;min-height:44px;cursor:pointer;border-radius:99px;
  transition:border-color .2s,color .2s,background .2s}
.legal-tabs button:hover{border-color:var(--tinta-3);color:var(--tinta)}
.legal-tabs button[aria-selected="true"]{background:var(--rosa);border-color:var(--rosa);
  color:var(--sobre-rosa)}
.doc{max-width:70ch;margin:0 auto}
.doc[hidden]{display:none!important}
.doc h3{font-weight:800;font-size:clamp(23px,3.4vw,34px);text-transform:uppercase;
  letter-spacing:-.025em;margin:0 0 6px;color:var(--tinta);text-wrap:balance}
.doc-fecha{font-size:12.5px;color:var(--tinta-3);margin:0 0 36px;font-weight:500}
.doc h4{font-weight:700;font-size:16.5px;margin:34px 0 10px;color:var(--tinta);
  letter-spacing:-.01em}
.doc h4:first-of-type{margin-top:0}
.doc p{font-size:15.5px;line-height:1.75;color:var(--tinta-2);margin:0 0 13px;font-weight:400}
.doc b{color:var(--tinta);font-weight:600}
.doc a{color:var(--rosa-txt);text-decoration:underline;text-underline-offset:3px}
.doc ul{margin:0 0 13px;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.doc li{font-size:15.5px;line-height:1.7;color:var(--tinta-2);font-weight:400}
.doc-ojo{border-left:3px solid var(--rosa);padding:14px 18px;background:var(--tarjeta);
  margin:18px 0!important}
.legal-nota{max-width:70ch;margin:52px auto 0;padding-top:24px;border-top:1px solid var(--raya);
  font-size:13.5px;line-height:1.7;color:var(--tinta-3);font-weight:400}

/* ══ zona de mayoristas / proveedor ══ */
#mayoristas .enc{margin-bottom:44px}
.mayor-eti{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--rosa-txt);
  font-weight:700;margin:0 0 14px}
.mayor-rejilla{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea)}
@media(max-width:980px){.mayor-rejilla{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mayor-rejilla{grid-template-columns:1fr}}
.mayor-c{background:var(--negro);padding:26px 22px 24px;display:flex;flex-direction:column;gap:7px}
.mayor-c .q{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--gris-2);
  font-weight:600}
.mayor-c .d{font-weight:800;font-size:clamp(24px,3.4vw,32px);line-height:1;letter-spacing:-.025em;
  color:var(--rosa-txt);font-variant-numeric:tabular-nums}
.mayor-c .d small{font-size:14px;font-weight:600;letter-spacing:0;color:var(--gris);
  display:block;margin-top:5px}
.mayor-c .d.txt{font-size:clamp(20px,2.5vw,25px);text-wrap:balance}
.mayor-c .t{font-size:13.5px;color:var(--gris);line-height:1.6;font-weight:400;margin-top:2px}

.mayor-pie{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,54px);
  align-items:start;margin-top:46px}
@media(max-width:860px){.mayor-pie{grid-template-columns:1fr;gap:32px}}
.mayor-pie h3{font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:-.015em;
  margin:0 0 16px;color:var(--crema)}
.mayor-pie p{font-size:15.5px;color:var(--gris);line-height:1.7;margin:0 0 13px;max-width:52ch}
.mayor-pie p:last-of-type{margin-bottom:0}
.mayor-pie b{color:var(--crema);font-weight:600}
.mayor-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.mayor-lista li{display:flex;gap:13px;align-items:baseline;font-size:14.5px;color:var(--gris);
  font-weight:400;line-height:1.55;padding:13px 0;border-bottom:1px solid var(--linea-2)}
.mayor-lista li:last-child{border-bottom:none}
.mayor-lista b{color:var(--crema);font-weight:600}
.mayor-lista .p{color:var(--rosa-txt);font-weight:800;flex:0 0 auto;font-size:13px}
.mayor-wa{display:inline-flex;align-items:center;gap:11px;margin-top:26px;padding:16px 26px;
  background:var(--rosa);color:var(--sobre-rosa);border:1px solid var(--rosa);
  font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  text-decoration:none;transition:background .22s,border-color .22s}
.mayor-wa:hover{background:var(--rosa-h);border-color:var(--rosa-h)}
.mayor-wa svg{flex:none}

/* ══ comparador de tamaños ══ */
#cotiza .env{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:22px;
  align-items:start;max-width:1180px}
@media(max-width:940px){#cotiza .env{grid-template-columns:1fr}}
.conf{max-width:none}
.medidas{background:var(--negro-2);border:1px solid var(--linea);padding:20px 24px 22px;
  position:sticky;top:92px}
@media(max-width:940px){.medidas{position:static}}
.medidas h3{font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:-.01em;margin:0}
.medidas .pie{font-size:12.5px;color:var(--gris-2);margin-top:4px;font-weight:400}
.lienzo-med{margin-top:16px;width:100%}
.lienzo-med svg{width:100%;height:auto;display:block;overflow:visible}
/* Con un solo tamaño no hay nada que comparar: si se deja al ancho del panel,
   la pieza se ve como una caja vacía gigante. Se dibuja en su sitio. */
.lienzo-med.uno-solo svg{width:min(62%,240px);margin:0 auto}
.leyenda{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:14px;padding-top:13px;
  border-top:1px solid var(--linea-2)}
.leyenda span{font-size:12px;color:var(--gris-2);display:flex;align-items:center;gap:6px}
.leyenda i{width:9px;height:9px;border:1px solid var(--gris-2);display:block;font-style:normal}
.leyenda span.sel{color:var(--rosa-txt);font-weight:600}
.leyenda span.sel i{background:var(--rosa);border-color:var(--rosa)}
.sin-med{padding:40px 0;text-align:center;color:var(--gris-2);font-size:14px;
  font-weight:400;line-height:1.7}

/* ══ rejilla de categorías, a sangre y con foto ══ */
.rejilla{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea)}
@media(max-width:1000px){.rejilla{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.rejilla{grid-template-columns:1fr!important}}
.rejilla:hover .cat{opacity:.35}
.rejilla .cat:hover{opacity:1}
.cat{background:var(--negro);border:none;padding:0;display:flex;flex-direction:column;
  cursor:pointer;text-align:left;font-family:Montserrat,sans-serif;color:inherit;
  transition:opacity .35s ease;min-height:0;overflow:hidden}
.cat .foto{aspect-ratio:1/1;max-height:373px;background:var(--negro-2);display:grid;
  place-items:center;overflow:hidden;transition:background .35s ease}
.cat:hover .foto{background:var(--negro-3)}
.cat .foto.con-foto{background:var(--negro-3)}
.cat .foto svg{width:46%;height:46%;max-width:242px;max-height:242px;
  transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.cat:hover .foto svg{transform:scale(1.07)}
.cat .barra-inf{padding:13px 16px 16px;display:flex;flex-direction:column;gap:3px}
.cat h3{font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.02em;margin:0}
.cat .d{font-size:11.5px;font-weight:500;color:var(--rosa-txt);font-variant-numeric:tabular-nums}

/* ══ dos vistas: la principal y la tienda ══ */
#vista-tienda{display:none}
[data-vista="tienda"] #vista-principal{display:none}
[data-vista="tienda"] #vista-tienda{display:block}

/* ══ la entrada al catálogo ══
   Es el único punto de la portada que lleva a los diseños, así que tiene que
   pesar: franja a lo ancho, título grande y una pared de piezas montadas en
   los tres formatos que se venden. */
.puerta{position:relative;margin:clamp(46px,6vw,74px) 0 0;overflow:hidden;
  background:var(--negro-2);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.puerta-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  display:block;filter:blur(2px) saturate(.9);transform:scale(1.04)}
.puerta-luz{position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(96deg,rgba(12,10,10,.95) 0%,rgba(12,10,10,.88) 32%,
                    rgba(12,10,10,.66) 58%,rgba(12,10,10,.62) 100%),
    radial-gradient(60% 80% at 80% 44%,rgba(244,167,185,.14),transparent 70%)}
@media(max-width:900px){
  .puerta-luz{background:
    linear-gradient(180deg,rgba(12,10,10,.94) 0%,rgba(12,10,10,.9) 58%,rgba(12,10,10,.72) 100%),
    radial-gradient(70% 50% at 50% 88%,rgba(244,167,185,.14),transparent 70%)}
}
.puerta-caja{position:relative;z-index:1;max-width:1240px;margin:0 auto;
  padding:clamp(34px,4vw,52px) clamp(16px,4vw,30px);
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(28px,4vw,56px);align-items:center}
@media(max-width:900px){.puerta-caja{grid-template-columns:1fr;gap:34px}}

/* el texto hereda el centrado de la sección de arriba: aquí va a la izquierda */
.puerta-txt{text-align:left}
.puerta-txt .eti-p{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--rosa-txt);margin-bottom:14px}
.h-puerta{font-weight:800;font-size:clamp(26px,3.6vw,42px);line-height:1.04;
  letter-spacing:-.03em;text-transform:uppercase;margin:0 0 18px;color:var(--crema);
  text-wrap:balance}
.h-puerta em{font-style:normal;color:var(--rosa-txt)}
.puerta-txt p{font-size:16px;color:var(--gris);line-height:1.65;max-width:44ch;margin:0}
.puerta-btn{margin-top:26px;display:inline-flex;align-items:center;gap:13px;
  background:var(--rosa);border:1px solid var(--rosa);color:var(--sobre-rosa);
  font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;padding:17px 30px;min-height:52px;cursor:pointer;
  transition:background .22s,border-color .22s}
.puerta-btn:hover{background:var(--rosa-h);border-color:var(--rosa-h)}
.puerta-btn svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.puerta-btn:hover svg{transform:translateX(6px)}
.cuenta-p{display:block;margin-top:16px;font-size:12.5px;font-weight:600;
  letter-spacing:.06em;color:var(--gris-2)}

/* la pared: cinco montajes reales, cada uno en su formato y a su ángulo */
.pared-p{display:flex;align-items:center;justify-content:center;
  gap:clamp(8px,1.4vw,20px);min-height:clamp(190px,22vw,280px);
  overflow:hidden;min-width:0}
.pared-p .pz{position:relative;width:clamp(76px,10vw,142px);aspect-ratio:1;
  flex:0 1 auto;min-width:0;overflow:hidden;
  transform:rotate(var(--giro)) translateY(var(--sube));
  box-shadow:0 3px 6px rgba(0,0,0,.4),0 22px 44px -14px rgba(0,0,0,.8);
  transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.puerta:hover .pared-p .pz{transform:rotate(calc(var(--giro) * .3)) translateY(calc(var(--sube) * .35))}
@media(max-width:900px){
  .pared-p{min-height:0;padding:26px 0 32px;gap:12px}
  .pared-p .pz{width:clamp(88px,25vw,132px)}
}
@media(max-width:640px){
  .pared-p .pz:nth-child(1),.pared-p .pz:nth-child(5){display:none}
  .pared-p .pz{width:clamp(96px,28vw,150px)}
}
@media(prefers-reduced-motion:reduce){.pared-p .pz{transition:none}}

/* barra de vuelta dentro de la tienda */
.volver{
  background:var(--negro-2);border-bottom:1px solid var(--linea);
  padding:16px 0;position:sticky;top:70px;z-index:30;
}
.volver .env{display:flex;align-items:center;justify-content:space-between;gap:16px}
.volver button{
  background:none;border:none;color:var(--crema);font-family:Montserrat,sans-serif;
  font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;display:flex;align-items:center;gap:9px;padding:0;
}
.volver button:hover{color:var(--rosa-txt)}
.volver .cuenta-obras{font-size:12.5px;color:var(--gris-2);letter-spacing:.06em}

/* ══ TIENDA DE DISEÑOS · fondo claro, para que el arte mande ══ */
.claro{
  --tinta:#F5ECD7; --tinta-2:#9C9691; --tinta-3:#6E6864;
  --papel:#111010; --tarjeta:#181616; --raya:#302B2B;
  background:var(--papel);color:var(--tinta);
  border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);
  padding:96px 0 90px;
}
.claro .enc h2{color:var(--tinta)}
.claro .enc p{color:var(--tinta-2)}
.claro .eti{color:var(--rosa-txt)}

/* ══ los filtros del catálogo ══
   Se quedan pegados arriba: en un catálogo largo, tener que volver hasta el
   principio para cambiar de tema es lo que hace que la gente se rinda. */
.barra-filtros{position:sticky;top:132px;z-index:25;background:var(--papel);
  padding:14px 0 16px;margin:0 0 34px;border-bottom:1px solid var(--raya)}
/* Al llegar al catálogo, las barras pegadas tapaban la primera fila de
   diseños. Este margen le dice al navegador que deje espacio para ellas. */
#tienda{scroll-margin-top:190px}
@media(min-width:641px){#tienda{scroll-margin-top:260px}}

@media(max-width:640px){
  /* En un celular tres barras pegadas se comían un tercio de la pantalla.
     La de "volver" deja de seguirte: se queda arriba y la alcanzas subiendo. */
  .volver{position:static}
  .barra-filtros{top:70px;padding:10px 0 11px}
  /* En celular nueve chips en cascada se comen media pantalla. Una sola tira
     que se desliza deja el catálogo a la vista. */
  /* se sale del margen para que la tira llegue al borde de la pantalla */
  .barra-filtros{margin-left:calc(-1 * clamp(16px,4vw,30px));
    margin-right:calc(-1 * clamp(16px,4vw,30px))}
  .barra-filtros .filtros{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    padding:2px clamp(16px,4vw,30px);scrollbar-width:none}
  .barra-filtros .filtros::-webkit-scrollbar{display:none}
  .barra-filtros .chip{flex:none;scroll-snap-align:start}
}
.filtros{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0}
.chip{
  display:inline-flex;align-items:center;gap:7px;min-height:38px;
  background:transparent;border:1px solid var(--raya);color:var(--tinta-2);
  font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;padding:9px 16px;cursor:pointer;border-radius:99px;
  transition:border-color .2s,color .2s,background .2s;
}
.chip .n{font-size:11px;font-weight:700;opacity:.62;letter-spacing:0;
  font-variant-numeric:tabular-nums}
.chip:hover{border-color:var(--tinta-3);color:var(--tinta)}
.chip[aria-pressed="true"]{background:var(--rosa);border-color:var(--rosa);color:var(--sobre-rosa)}
.chip[aria-pressed="true"] .n{opacity:.75}

.resumen-tienda{text-align:center;font-size:13.5px;color:var(--tinta-2);margin:0 0 30px;
  font-weight:400}

.tienda{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 20px}
@media(max-width:1000px){.tienda{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.tienda{grid-template-columns:repeat(2,1fr);gap:22px 14px}}
.tienda:hover .obra{opacity:.42}
.tienda .obra:hover{opacity:1}
.obra{
  display:flex;flex-direction:column;gap:12px;cursor:pointer;text-align:left;
  background:none;border:none;padding:0;font-family:Montserrat,sans-serif;color:inherit;
  transition:opacity .3s ease;
}
.marco{
  position:relative;aspect-ratio:3/4;background:var(--tarjeta);overflow:hidden;
  box-shadow:0 1px 2px rgba(26,20,20,.07),0 10px 26px -14px rgba(26,20,20,.3);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
}
.obra:hover .marco{transform:translateY(-5px);box-shadow:0 2px 4px rgba(26,20,20,.08),0 22px 40px -18px rgba(26,20,20,.42)}
.marco svg,.marco img{width:100%;height:100%;display:block;object-fit:cover}
.obra-vista img{width:100%;max-width:250px;height:auto;display:block;
  box-shadow:0 18px 44px rgba(0,0,0,.5)}
.puerta .miniatura img{width:100%;height:100%;display:block;object-fit:cover}
.corazon{
  position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:99px;
  background:rgba(255,252,246,.9);display:grid;place-items:center;opacity:0;transition:opacity .25s;
}
.obra:hover .corazon{opacity:1}
.corazon svg{width:15px;height:15px;stroke:#B4536F;fill:none;stroke-width:1.8}
.obra .nom{font-size:14.5px;font-weight:600;letter-spacing:-.005em;line-height:1.3}
.obra .meta{font-size:12.5px;color:var(--tinta-3);font-weight:400;display:flex;gap:7px;
  align-items:center;flex-wrap:wrap}
.obra .meta b{color:var(--tinta);font-weight:600;font-variant-numeric:tabular-nums}
.punto-sep{width:3px;height:3px;border-radius:99px;background:var(--tinta-3);display:block}
.vacio-tienda{grid-column:1/-1;text-align:center;padding:60px 0;color:var(--tinta-3);font-size:15px}
.nota-tienda{
  margin-top:40px;padding:18px 22px;background:rgba(26,20,20,.045);
  border-left:3px solid var(--rosa);font-size:14.5px;color:var(--tinta-2);line-height:1.65;
}
.nota-tienda b{color:var(--tinta)}

/* ══ más pedidos ══ */
.vitrina{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea)}
@media(max-width:900px){.vitrina{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.vitrina{grid-template-columns:1fr}}
.pieza{background:var(--negro);display:flex;flex-direction:column;transition:background .3s}
.pieza:hover{background:var(--negro-2)}
.hueco{aspect-ratio:1/1;display:grid;place-items:center;gap:10px;
  background:repeating-linear-gradient(45deg,var(--negro-2),var(--negro-2) 10px,var(--negro-3) 10px,var(--negro-3) 20px);
  border-bottom:1px solid var(--linea)}
.hueco div{text-align:center;color:var(--gris-2);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;line-height:2}
.hueco svg{stroke:var(--gris-2);fill:none;stroke-width:1.4}
/* carrusel de la vitrina — la foto sigue el mouse, sin clics */
.carrusel{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--negro-3);
  border-bottom:1px solid var(--linea);cursor:ew-resize;touch-action:pan-y}
.carrusel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .28s ease}
.carrusel img.viva{opacity:1}
/* barras de tramo: se ven siempre, así se sabe que hay más de una foto */
.tramos{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:4px;
  opacity:.55;transition:opacity .25s}
.pieza:hover .tramos,.carrusel:focus-visible .tramos{opacity:1}
.tramos i{flex:1;height:2.5px;background:rgba(245,236,215,.3);transition:background .25s}
.tramos i.viva{background:var(--rosa)}
/* pista de "deslízate": solo hasta que la persona lo descubra */
.pista{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);
  padding:5px 11px;background:rgba(17,16,16,.72);color:var(--crema);
  font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;
  pointer-events:none;transition:opacity .3s}
.carrusel.tocado .pista{opacity:0}
.carrusel:focus-visible{outline:2px solid var(--rosa);outline-offset:-2px}
@media(hover:none){.pista{bottom:26px}}
.pieza .info{padding:16px 18px 20px;display:flex;flex-direction:column;gap:5px}
.pieza .info b{font-weight:700;font-size:16px;text-transform:uppercase}
.pieza .info span{font-size:13px;color:var(--gris);font-weight:400}
.pieza .info em{font-style:normal;font-size:13px;font-weight:600;color:var(--rosa-txt);margin-top:4px}
.aviso-fotos{margin-top:24px;padding:18px 22px;background:var(--negro-2);
  border-left:3px solid var(--rosa);font-size:14.5px;color:var(--gris);font-weight:400;
  line-height:1.65}

/* ══ panel ══ */
.velo{position:fixed;inset:0;background:var(--velo);backdrop-filter:blur(4px);z-index:90}
.panel{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--negro);
  border-left:1px solid var(--linea);z-index:100;display:flex;flex-direction:column}
.panel-top{padding:24px 28px;border-bottom:1px solid var(--linea);
  display:flex;align-items:center;justify-content:space-between}
.panel-top h3{font-weight:800;font-size:21px;text-transform:uppercase;margin:0;letter-spacing:-.01em}
.cerrar{background:none;border:none;color:var(--gris-2);font-size:26px;line-height:1;
  cursor:pointer;padding:2px 6px;font-family:inherit}
.cerrar:hover{color:var(--rosa-txt)}
.panel-lista{flex:1;overflow-y:auto;padding:6px 28px}
.vacio{padding:64px 0;text-align:center;color:var(--gris-2);font-size:14.5px;
  line-height:1.75;font-weight:400}
.item{padding:19px 0;border-bottom:1px solid var(--linea-2);display:flex;gap:15px;
  justify-content:space-between;align-items:flex-start}
.item .cat-n{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--rosa-txt);margin-bottom:5px}
.item .nom{font-weight:500;font-size:15px;line-height:1.35}
.item .det{font-size:13px;color:var(--gris-2);margin-top:4px;font-weight:400}
.item .pr{font-weight:700;font-size:15.5px;font-variant-numeric:tabular-nums;
  white-space:nowrap;color:var(--rosa-txt)}
.quitar{background:none;border:none;color:var(--gris-2);font-size:11.5px;cursor:pointer;
  padding:6px 0 0;text-decoration:underline;font-family:inherit}
.quitar:hover{color:var(--rosa-txt)}
.panel-pie{border-top:1px solid var(--linea);padding:22px 28px 26px;background:var(--negro-2);
  max-height:72vh;overflow-y:auto;overscroll-behavior:contain;flex:0 1 auto;
  display:flex;flex-direction:column;gap:15px}
.tot{display:flex;justify-content:space-between;align-items:baseline}
.tot .l{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);
  font-weight:500}
.tot .v{font-weight:800;font-size:32px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;
  color:var(--rosa-txt)}
.btn-wa{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;
  background:var(--wa);color:#04240F;border:none;font-family:Montserrat,sans-serif;font-size:13px;
  font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;
  text-decoration:none;transition:filter .2s}
.btn-wa:hover{filter:brightness(1.1)}
.nota-pie{font-size:12px;color:var(--gris-2);line-height:1.6;text-align:center;font-weight:400}

/* ══ botón flotante wa ══ */
.wa-flota{position:fixed;right:24px;bottom:24px;z-index:60;width:56px;height:56px;
  border-radius:99px;background:var(--wa);display:grid;place-items:center;text-decoration:none;
  box-shadow:0 6px 22px -6px rgba(37,211,102,.55);transition:transform .2s}
.wa-flota:hover{transform:scale(1.06)}
/* con el menú abierto el botón flotante estorba: se aparta */
[data-menu] .wa-flota{opacity:0;pointer-events:none;transition:opacity .2s}

footer{border-top:1px solid var(--linea);padding:56px 0 40px;background:var(--negro-2)}
.pie-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(22px,2.6vw,40px)}
@media(max-width:1100px){.pie-g{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:1000px){.pie-g{grid-template-columns:1fr 1fr}}
#pie-cat{display:flex;flex-direction:column}
/* el botón flotante de WhatsApp se posaba encima del último enlace */
.pie-fin{margin-top:clamp(30px,4vw,44px);padding-top:22px;border-top:1px solid var(--linea);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:12.5px;color:var(--gris-2);font-weight:400}
@media(max-width:900px){footer{padding-bottom:96px}}
@media(max-width:760px){.pie-g{grid-template-columns:1fr;gap:30px}}
.pie-g h2{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gris-2);margin:0 0 14px}
.pie-g a{display:flex;align-items:center;min-height:42px;color:var(--gris);
  text-decoration:none;font-size:14.5px;padding:2px 0;
  font-weight:400;transition:color .2s}
.pie-g a:hover{color:var(--rosa)}
.aviso{margin-top:44px;padding-top:22px;border-top:1px solid var(--linea-2);
  font-size:12.5px;color:var(--gris-2);font-weight:400}
/* ══ ajustes de celular ══
   La mayoría entra desde el teléfono: el texto más chico sube un punto para
   que se lea sin acercar la pantalla. */
@media(max-width:620px){
  .cat .d,.tienda .meta{font-size:13px}
  .cat h3{font-size:16px}
  .eti,.mayor-eti,.escena .eti{font-size:12px}
  .pista{font-size:12px}
}

/* Vinilkiza · una imprenta para ideas con personalidad. */
:root{--negro:#111010;--crema:#F5ECD7;--rosa:#F4A7B9;--gris:#b8b0a8;--gris-2:#aaa098;--linea:#383131;--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-padding-top:100px}body{font-size:16px}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #da6184;outline-offset:4px}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}h2{font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-.05em;line-height:1.08;text-transform:none}.env,.env-cat{max-width:1320px;padding-inline:clamp(20px,4vw,56px)}section{padding:88px 0;scroll-margin-top:20px}.eyebrow{display:block;font-size:12px;letter-spacing:.13em;font-weight:700;line-height:1.4;margin-bottom:18px}.skip-link{position:fixed;left:16px;top:-80px;background:var(--rosa);color:#111;padding:14px;z-index:300}.skip-link:focus{top:12px}.anuncio{background:var(--rosa);color:#321c23;display:flex;justify-content:space-between;padding:9px max(4vw,20px);font-size:12px;font-weight:600;gap:20px}.anuncio a{text-underline-offset:3px}.barra{position:sticky;top:0;z-index:50;background:rgba(17,16,16,.96);border-bottom:1px solid #30282b;backdrop-filter:blur(14px)}.barra .env{height:86px;gap:28px;max-width:1440px}.logo{font-weight:900;font-size:24px;letter-spacing:-.035em;white-space:nowrap}.logo .rg{font-size:9px;vertical-align:top;display:inline-block;padding-top:4px}.logo small{font-size:8px;letter-spacing:.12em;line-height:1.1;margin-top:6px}.nav-links{gap:26px;margin:auto}.nav-links a{font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none}.nav-links a:hover{color:var(--rosa)}.derecha{gap:18px}.contacto{font-size:13px;color:var(--crema);gap:7px;white-space:nowrap}.btn-pedido{background:var(--crema);color:var(--negro);padding:11px 16px;border:0;border-radius:6px;min-height:44px;font-size:13px;letter-spacing:0;white-space:nowrap}.burbuja{background:var(--negro);color:var(--crema);width:22px;height:22px;font-size:12px}.hamburguesa{width:44px;height:44px}.nav-productos{background:#191616;border-bottom:1px solid var(--linea);color:#d5ccc3}.nav-productos .env{display:flex;justify-content:space-between;gap:24px;overflow-x:auto;scrollbar-width:none;max-width:1440px}.nav-productos a{padding:13px 0;flex:none;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap}.nav-productos a:hover,.nav-productos a[aria-current]{color:var(--rosa)}.nav-productos a:first-child{color:var(--rosa)}.hero-nuevo{padding:46px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:46px;align-items:center}.hero-copy{padding:20px 0}.hero-copy .eyebrow{color:var(--rosa);font-size:11px}.hero-copy h1{font-size:clamp(48px,6.4vw,85px);font-weight:800;letter-spacing:-.065em;line-height:.99;margin:0 0 26px;text-transform:none}.hero-copy h1 em{font-style:normal;color:var(--rosa)}.hero-copy>p{font-size:17px;line-height:1.65;color:#c6bbb2}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.boton{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;border:0;border-radius:5px;padding:16px 22px;font-weight:700;font-size:14px;min-height:52px;transition:background .2s,transform .2s}.boton.primario{background:var(--rosa);color:var(--negro)}.boton:hover{background:#ffc4d4;transform:translateY(-2px)}.boton span{font-size:21px;line-height:1}.texto-link{font-size:14px;text-underline-offset:6px;white-space:nowrap;font-weight:600}.hero-confianza{display:flex;gap:16px;margin-top:30px;font-size:11px;color:#a99d96;flex-wrap:wrap}.hero-confianza span:before{content:'✓';color:var(--rosa);margin-right:6px}.hero-visual{position:relative;aspect-ratio:1;border-radius:8px;max-height:560px}.hero-visual>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;filter:none}.hero-sello{position:absolute;top:22px;right:22px;background:var(--rosa);color:var(--negro);width:108px;height:108px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.1;font-weight:800;font-size:30px;transform:rotate(9deg);box-shadow:0 5px 20px #0002}.hero-sello b{font-size:12px;margin-top:4px}.hero-etiqueta{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;background:rgba(245,236,215,.96);color:var(--negro);padding:16px 20px;text-decoration:none;border-radius:5px;backdrop-filter:blur(8px)}.hero-etiqueta>span:first-child{font-size:10px;letter-spacing:.1em;font-weight:600}.hero-etiqueta strong{display:block;font-size:24px;letter-spacing:-.04em;font-weight:800;margin-top:2px}.hero-etiqueta small{font-size:11px;letter-spacing:0;font-weight:500}.flecha-redonda{border:1px solid #c5b6a4;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:24px}.beneficios{border-block:1px solid #342c2c;padding:22px 0;background:#181515}.beneficios .env{display:flex;justify-content:space-between;gap:20px}.beneficios span{font-size:13px;font-weight:500;display:flex;align-items:center;gap:14px}.beneficios b{color:var(--rosa);font-size:11px;font-weight:600;border:1px solid #5e454b;border-radius:50%;display:grid;place-items:center;width:28px;height:28px;flex:none}.enc{display:flex;justify-content:space-between;align-items:flex-end;text-align:left;max-width:none;margin:0 0 34px;gap:30px}.enc h2{margin:0;color:inherit;font-size:clamp(30px,4vw,48px);letter-spacing:-.05em;line-height:1.08;text-transform:none}.enc>div{flex:1}.enc>p{font-size:15px;max-width:32ch;flex:0 0 auto;color:#afa29a;text-align:right}.enc .eyebrow{color:var(--rosa);font-size:11px;margin-bottom:13px}
#catalogo{background:var(--crema);color:#21191b;padding-block:84px}.rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px;background:none;border:0}.rejilla:hover .cat{opacity:1}.cat{display:block;background:none;color:#21191b;text-decoration:none;overflow:visible;transition:transform .25s;min-width:0}.cat .foto{aspect-ratio:1;max-height:none;border-radius:6px;overflow:hidden;background:#e5d9c4}.cat .foto img{transition:transform .5s var(--ease),opacity .35s}.cat:hover .foto img.a{transform:scale(1.025)}.cat .foto .par{width:100%;height:100%}.cat .barra-inf{padding:15px 0 0;position:relative}.cat h3{font-size:20px;font-weight:800;text-transform:none;letter-spacing:-.035em}.cat .barra-inf p{font-size:12px;line-height:1.5;margin:4px 0 8px;color:#665852}.cat .d{color:#5b3b47;font-size:13px;font-weight:700}.cat .barra-inf:after{content:'↗';position:absolute;top:13px;right:0;font-size:22px;font-weight:500}.cat .barra-inf small{display:block;font-size:11px;color:#76665c;margin-top:3px}.cat:hover h3{text-decoration:underline;text-underline-offset:4px}#catalogo .enc>p{color:#675c54}#catalogo .eyebrow{color:#8b3c57}
#cotiza{background:#f9f4e9;color:#21191b;padding-block:80px;border:0}#cotiza .env{max-width:1320px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:52px;align-items:start}#cotiza .conf{order:2;background:white;border:1px solid #e5dccc;box-shadow:0 10px 40px #3b241008;border-radius:8px;position:sticky;top:108px;overflow:hidden}#cotiza .col-der{order:1;min-width:0}.conf-top{padding:26px 28px 20px;border-bottom:1px solid #ece2d8;background:none}.conf-top h2{font-size:30px;color:#201818;text-transform:none;letter-spacing:-.04em}.conf-top .eyebrow{color:#916074;font-size:10px;margin-bottom:10px}.conf-top p{color:#746961;font-size:13px;line-height:1.5;margin-top:7px}.conf-cuerpo{padding:24px 28px 26px}.campo label{font-size:13px;color:#413630;font-weight:650;letter-spacing:0;text-transform:none;margin-bottom:8px}.campo select,#pdp-opciones select{appearance:auto;background:#fffcf7;color:#21191b;border:1px solid #cfc2b6;border-radius:5px;padding:12px 10px;width:100%;min-height:48px;font-size:14px;line-height:1.3}.campo select:focus{border-color:#9f5470}.conf .fila{gap:15px}.check{background:#faf4ef;padding:14px;border:1px solid #eaded7;border-radius:5px;align-items:flex-start;gap:11px;margin-block:20px}.check input{accent-color:#93445f;width:20px;height:20px;min-width:20px;margin-top:1px}.check b{font-size:13px;color:#322824}.check .txt>span{font-size:12px;color:#71665e}.precio-caja{padding:18px 0 14px;background:none;border:0;margin:0}.precio-caja .cual{font-size:12px;color:#77665e}.precio-caja .val{font-size:38px;font-weight:800;color:#21191b;letter-spacing:-.05em}.precio-caja .antes{color:#a0948c;font-size:17px}.precio-caja .unitario{font-size:12px;color:#705961}.precio-caja .entrega{font-size:12px;color:#655950;line-height:1.5;margin-top:12px}.precio-caja .entrega .ico{color:#9c4764}.entrega .luego{font-size:11px;color:#8b7b70}.reloj-caja{display:none!important}.btn-add{border-radius:5px;background:#171313;color:var(--crema);border:1px solid #171313;padding:17px 15px;min-height:54px;font-size:14px;font-weight:700;text-transform:none;letter-spacing:0;transition:background .2s,transform .2s;width:100%}.btn-add:hover{background:#3a262e;color:#fff;transform:translateY(-1px)}.nota-cotiza{font-size:11px;color:#7c6c63;text-align:center;margin-top:13px;line-height:1.5}.galeria{background:transparent;border:0}.gal-grande{aspect-ratio:1;border-radius:7px;overflow:hidden;background:#e7dbc9}.gal-grande img{display:block;object-fit:cover;width:100%;height:100%;aspect-ratio:1}.gal-tiras{display:flex;gap:10px;padding:14px 0 0;background:transparent;border:0;justify-content:flex-start}.gal-tiras button{width:70px;height:70px;min-width:0;border:2px solid transparent;border-radius:4px;padding:2px;opacity:.6;background:none;transition:opacity .2s,border-color .2s}.gal-tiras button[aria-current=true]{opacity:1;border-color:#a5506b}.gal-tiras button img{border-radius:2px;width:100%;height:100%;object-fit:cover}.medidas{background:transparent;color:#21191b;border:1px solid #dacdbb;border-radius:6px;position:static;margin-top:25px;padding:22px}.medidas h3{font-size:17px;text-transform:none;letter-spacing:-.025em}.medidas .pie{font-size:12px;color:#7c6b5e}.medidas .leyenda{border-color:#d5c7b8}.medidas .leyenda span{color:#73665d}.medidas .leyenda span.sel{color:#983e5c}.medidas .leyenda i{border-color:#9b8b7c}.medidas .sin-med{color:#79695d}.medidas svg text{fill:#5f524a}.bloque-disenos{background:#111010;padding:84px 0}.puerta{margin:0;border:1px solid #403438;border-radius:7px}.puerta-caja{padding:42px 40px;gap:28px}.puerta-foto{filter:none;opacity:.35}.puerta-luz{background:linear-gradient(90deg,#151112f5,#151112a0)}.puerta-txt .h-puerta{font-size:34px;text-transform:none;letter-spacing:-.04em}.puerta-txt .h-puerta em{display:inline;color:var(--rosa)}.puerta-txt p{font-size:14px;color:#cbbdb4}.puerta-btn{border-radius:5px;font-size:13px;text-transform:none;letter-spacing:0;min-height:48px;padding:13px 20px}.cuenta-p{font-size:11px;color:#b19a9c}.pared-p{min-height:250px}.escena{min-height:380px;padding:74px 0}.escena .cuerpo{max-width:450px}.escena h2{font-size:36px;text-transform:none;letter-spacing:-.045em;line-height:1.12}.escena p{font-size:14px}.escena .eti{font-size:11px}.escena:after{background:linear-gradient(90deg,#111010e8,#1110109c 50%,transparent)}
#mas-pedidos{padding:80px 0;background:var(--crema);color:#21191b}#mas-pedidos .eyebrow{color:#8b3c57}#mas-pedidos .enc p{color:#76665d}.vitrina{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.pieza{border:0;background:none;overflow:visible}.pieza .carrusel{aspect-ratio:1;border-radius:6px;overflow:hidden}.pieza .info{padding:15px 0 0;background:none}.pieza .info b{font-size:19px;color:#21191b;text-transform:none;letter-spacing:-.02em}.pieza .info span{font-size:12px;color:#78685e}.pieza .info em{color:#734152;font-size:16px;font-weight:750;font-style:normal}.pieza .ver-producto{font-size:12px;font-weight:700;display:inline-flex;gap:20px;margin-top:12px;min-height:36px;align-items:center;text-decoration:none}.pieza .ver-producto:hover{text-decoration:underline}.pista{font-size:10px}.tramos{bottom:15px}#resenas{background:#171313;padding:76px 0}#resenas .enc{display:block}.resenas-rejilla{gap:20px}.resena{background:transparent;border:1px solid #49383d;border-radius:6px;padding:24px}.resena blockquote p{font-size:16px;color:#ede1d3;line-height:1.7}.resena .estrellas{color:var(--rosa)}.resena .nn b{font-size:14px}.resena .nn span{font-size:12px}#como{background:var(--rosa);color:#2b1c21;padding:76px 0;border:0}.pasos{grid-template-columns:.8fr 1.4fr;gap:70px}.pasos-tit h2{font-size:42px;text-transform:none;line-height:1.04;letter-spacing:-.055em;color:#27181e}.pasos-tit .eti{color:#754051;font-size:11px}.pasos-lista-n{gap:24px}.pasos-lista-n li{border-color:#d88fa2;padding:0 0 24px}.pasos-lista-n .n{font-size:14px;color:#39242d;background:transparent;border:1px solid #ae6479;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.pasos-lista-n h3{font-size:21px;color:#27181e;text-transform:none;letter-spacing:-.025em}.pasos-lista-n p{font-size:14px;color:#65404d;line-height:1.7}#chequeo{background:#171313;padding:78px 0}.chequeo{gap:60px}.chequeo h2{font-size:38px;letter-spacing:-.04em;text-transform:none;line-height:1.1}.chequeo p{font-size:14px;color:#b6a69e;line-height:1.8}.diez{gap:0}.diez li{font-size:13px;border-color:#372b2c;padding-block:12px}.diez li span{font-size:11px}.no-hacemos{font-size:12px!important;border-color:#60434d!important;color:#c6aea5!important}#mayoristas{background:var(--crema);color:#21191b;padding:84px 0;border:0}#mayoristas .enc{display:block;max-width:800px;margin:0 0 34px}#mayoristas h2{color:#21191b;font-size:46px;max-width:18ch;line-height:1.03}#mayoristas .enc p{color:#756357;text-align:left;max-width:65ch;margin-top:18px}#mayoristas .mayor-eti{color:#86465b;margin:0 0 15px;font-size:11px}.mayor-rejilla{gap:0;border:1px solid #ccbda9;border-radius:6px;overflow:hidden}.mayor-c{background:transparent;border:0;border-right:1px solid #ccbda9;padding:24px}.mayor-c:last-child{border:0}.mayor-c .q{color:#775447;font-size:12px}.mayor-c .d{color:#30221d;font-size:32px;letter-spacing:-.04em}.mayor-c .d small{color:#826c5d;font-size:11px}.mayor-c .t{color:#7a675b;font-size:12px}.mayor-pie{gap:64px;margin-top:40px}.mayor-pie h3{color:#35241e;font-size:19px}.mayor-pie p{color:#7b695e;font-size:13px}.mayor-lista li{font-size:13px;color:#7b695e;border-color:#d0c1ae}.mayor-lista .p{color:#6d344c}.mayor-wa{background:#21191b;color:var(--crema);border:0;border-radius:5px;font-size:13px;text-transform:none;letter-spacing:0;padding:15px 20px}.mayor-wa:hover{background:#46303b;color:#fff}#envios{padding:48px 0;background:#1e181a}.franja{gap:28px}.fr .d{font-size:26px;letter-spacing:-.04em}.fr .t{font-size:13px;color:#ab9c94;line-height:1.7}
footer{background:#0e0d0d;padding:60px 0 0;border-top:1px solid #31262a}.pie-g{grid-template-columns:1.4fr 1.3fr 1fr 1fr 1fr;gap:25px}.pie-g h2{font-size:12px;font-weight:700;color:var(--rosa);margin-bottom:14px;text-transform:none;letter-spacing:0}.pie-g a{font-size:12px;line-height:1.65;color:#b9aaa2;overflow-wrap:anywhere;padding-block:5px}.pie-g p{font-size:13px!important}.pie-fin{margin-top:40px;padding:24px 0;font-size:10px;color:#a5948c;gap:20px;border-color:#30262a}.pausa-animacion{font-size:11px;background:none;border:1px solid #514049;border-radius:4px;color:#bfaab0;min-height:36px;padding:7px 10px}.wa-flota{width:48px;height:48px;bottom:24px;right:24px;box-shadow:0 5px 25px #0003;z-index:45}.wa-flota:hover{transform:translateY(-3px)}#sk-far{opacity:.3}#sk-mid{opacity:.35}#sk-near{opacity:.15;z-index:0}html[data-motion=off] #sk-far,html[data-motion=off] #sk-mid,html[data-motion=off] #sk-near{display:none}
/* Fichas de categoría y páginas preparadas para rastreo. */
.cabecera-producto{background:var(--crema);color:#21191b;padding:34px 0 0}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#876f64;margin-bottom:28px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.producto-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding-bottom:30px;border-bottom:1px solid #d8cbbb}.producto-intro h1{font-size:clamp(38px,5vw,60px);font-weight:800;line-height:1.03;letter-spacing:-.055em;margin:0 0 12px}.producto-intro p{color:#776055;font-size:15px;max-width:55ch;line-height:1.7}.producto-intro .eyebrow{color:#92506b;font-size:10px;margin-bottom:12px}.producto-desde{min-width:190px;text-align:right}.producto-desde>span{font-size:12px;color:#8b7464}.producto-desde strong{font-size:34px;display:block;font-weight:800;letter-spacing:-.04em}.producto-desde small{font-size:11px;color:#8b7464;max-width:22ch;display:block;margin-left:auto}.page-product #cotiza{background:var(--crema);padding-top:36px}.page-product .solo-inicio{display:none!important}.page-product .conf-top .eyebrow{display:none}.page-product .conf-top h2{font-size:26px}.page-product #s-cat{display:none}.page-product label[for=s-cat]{display:none}.page-product .campo:has(#s-cat){display:none}.producto-detalles{padding:70px 0;background:#faf5ea;color:#21191b}.detalles-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.detalles-grid h2{font-size:32px;margin:0 0 20px}.detalles-grid p{color:#76665c;font-size:14px;line-height:1.8}.detalles-grid h3{font-size:19px;margin-top:26px}.producto-detalles details,.faq-extra details{border-bottom:1px solid #d4c3b4;padding:18px 0}.producto-detalles summary,.faq-extra summary{font-size:14px;font-weight:700;cursor:pointer;padding-right:22px;line-height:1.5}.producto-detalles details p,.faq-extra details p{font-size:13px;margin-top:12px;color:#7c685c}.tabla-scroll{overflow-x:auto;border:1px solid #d7c7b4;border-radius:5px;margin-top:30px}.tabla-precios{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.tabla-precios th{background:#ece0ce;font-size:11px;font-weight:700;padding:12px 15px}.tabla-precios td{padding:13px 15px;border-top:1px solid #e4d6c7}.tabla-precios td:last-child{white-space:nowrap;text-align:right;font-weight:700}.tabla-precios a{text-decoration:none;color:#85526a}.tabla-precios a:hover{text-decoration:underline}.productos-relacionados{padding:60px 0;background:var(--crema);color:#21191b}.productos-relacionados h2{font-size:32px;margin:0 0 25px}.relacionados-links{display:flex;flex-wrap:wrap;gap:10px}.relacionados-links a{padding:12px 18px;border:1px solid #cbb7a3;border-radius:5px;text-decoration:none;font-size:13px;font-weight:600;min-height:46px}.relacionados-links a:hover{background:var(--rosa)}
/* Diseños, filtros y montajes. */
.volver{position:static;padding:20px 0;background:#191516}.volver button{font-size:12px;letter-spacing:0;text-transform:none;min-height:36px}.volver .cuenta-obras{font-size:12px}.claro{--tinta:#21191b;--tinta-2:#796358;--tinta-3:#a48676;--papel:#F5ECD7;--tarjeta:#e9dcc8;--raya:#d3bfae;background:var(--papel);color:var(--tinta);padding:58px 0 80px;border:0}.claro .eti{color:#8e4962}.claro .enc{display:block;text-align:left}.claro .enc :is(h1,h2){font-size:48px;letter-spacing:-.05em;text-transform:none;margin:12px 0 15px}.claro .enc p{text-align:left;font-size:15px;max-width:62ch}.barra-filtros{position:sticky;top:86px;z-index:25;background:#f5ecd7f5;backdrop-filter:blur(12px);border-color:#d4c2ab;padding:18px 0;display:grid;grid-template-columns:1fr;gap:15px}.buscar-caja{max-width:580px;margin:0;width:100%}#buscar{font-size:16px;border-radius:5px;min-height:52px;background:#fffaf0;color:#251b1d;border:1px solid #cbb8a6}.filtros{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px;gap:8px}.chip{flex:none;min-height:40px;font-size:11px;letter-spacing:0;text-transform:none;background:transparent;color:#705649;border-color:#cdb5a6;padding:9px 15px}.chip .n{font-size:10px}.chip[aria-pressed=true]{background:#201719;border-color:#201719;color:var(--crema)}.resumen-tienda{text-align:left;font-size:12px;margin-bottom:24px;color:#806856}.tienda{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}.obra{position:relative;background:none;border:0;padding:0;border-radius:0;overflow:visible;text-align:left;color:#251b1d;box-shadow:none;min-width:0}.obra:hover{background:none;transform:none;box-shadow:none}.obra-abrir{background:none;padding:0;border:0;color:inherit;text-align:left;width:100%;display:block;cursor:pointer;font:inherit}.obra .marco{display:block;aspect-ratio:3/4;overflow:hidden;background:#e5d7c0;border-radius:5px;padding:0;box-shadow:none}.obra .marco>svg,.obra .marco>img{width:100%;height:100%;display:block;transition:transform .5s var(--ease);object-fit:cover}.obra-abrir:hover .marco>svg,.obra-abrir:hover .marco>img{transform:scale(1.025)}.obra .nom{font-size:17px;font-weight:750;margin:14px 0 3px;padding:0;display:block;text-transform:none;letter-spacing:-.025em}.obra .meta{padding:0;font-size:12px;display:block;color:#8c6a5b;line-height:1.7}.obra .meta>span{display:block;font-size:10px;color:#978171}.obra .corazon{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;background:#fffaf0e8;border:0;border-radius:50%;display:grid;place-items:center;color:#564036;opacity:1;cursor:pointer;padding:9px}.corazon svg{width:20px;height:20px;stroke:currentColor;fill:none}.corazon.marcado{background:var(--rosa);color:#713147}.corazon.marcado svg{fill:currentColor}.vacio-tienda{padding:50px 20px;border:1px solid #d4bca9;background:#f8efdf;color:#846755;border-radius:6px;font-size:16px}.atajo{font-size:13px}.obra-modal{width:min(1100px,calc(100% - 48px));max-height:calc(100dvh - 48px);border:1px solid #cfbea9;border-radius:9px;background:#f5ecd7;color:#251b1d;overflow:auto;z-index:100}.velo{z-index:95;background:#090607a8;backdrop-filter:blur(5px)}.obra-modal>.cerrar{position:sticky;top:10px;float:right;right:10px;margin:10px 10px -46px 0;background:#fff8eb;border:1px solid #dac3b1;color:#35232b;border-radius:50%;width:40px;height:40px;z-index:5;font-size:26px}.obra-cuerpo{display:grid;grid-template-columns:1.05fr 1fr;padding:32px;gap:32px}.pdp-visual,.pdp-gal{min-width:0}.pdp-vista{border-radius:5px;background:#e5dac5;border-color:#e5dac5}.pdp-arte{background:#e9dec9}.pdp-info h3{font-size:30px;letter-spacing:-.045em;color:#21191b;text-transform:none}.pdp-info{padding:4px 0}.pdp-rot{color:#725b4e;font-size:11px;letter-spacing:0;text-transform:none}.pdp-fmts{gap:8px}.fmt{border:1px solid #cdb9a6;background:transparent;border-radius:4px;color:#755c4e;padding:10px}.fmt .fn{font-size:13px;color:#35282a}.fmt .fp{font-size:11px;color:#8e5c68}.fmt .fd{font-size:10px;color:#92745f}.fmt[aria-pressed=true]{background:#eed2d6;border-color:#a8667a;color:#21191b}.pdp-chips{gap:7px}.pdp-chips button{font-size:11px;padding:9px 10px;min-height:40px;background:#fcf7eb;color:#705648;border:1px solid #d2bdaa;border-radius:4px;text-align:left}.pdp-chips button[aria-pressed=true]{background:#21191b;color:var(--crema);border-color:#21191b}.pdp-tiras button{border-radius:3px;border-color:#ccb8a4}.pdp-tiras button[aria-selected=true]{border-color:#a3506b}.pdp-total .val{color:#21191b;font-size:31px}.pdp-cant{color:#2a1d23}.pdp-cant button{border-color:#d1bca7;color:#4f313d;min-width:42px;min-height:42px;background:#f9f0e0}.pdp-cta{background:#21191b;color:var(--crema);border:0;border-radius:5px;text-transform:none;letter-spacing:0;font-size:14px;padding:16px;min-height:50px}.pdp-cta:hover{background:#593640}.pdp-info p{font-size:12px;color:#93775f}#pdp-opciones{margin-top:16px}#pdp-opciones label{font-size:12px;display:block;margin-bottom:7px}.nota-montaje{margin-top:12px;line-height:1.5;font-size:10px!important}.mk-foto{max-width:none}.panel{z-index:101;background:#faf4e9;color:#21191b;width:min(470px,100%);border:0;border-radius:0;box-shadow:-16px 0 80px #0003;display:flex;flex-direction:column;height:100dvh;max-height:100dvh;top:0;right:0;bottom:0}.panel-top{padding:22px 25px;border-bottom:1px solid #dccabb;flex-shrink:0}.panel-top h3{font-size:24px;text-transform:none;letter-spacing:-.035em;color:#2b1f22}.panel .cerrar{color:#35252b;background:#efe2d2;border:0;border-radius:50%;width:40px;height:40px;min-width:40px}.panel-lista{overflow:auto;flex:1;padding:10px 25px}.item{border-color:#ddcdbc;padding:22px 0;gap:15px}.item .cat-n{font-size:10px;color:#9b5f74}.item .nom{font-size:15px;color:#342425}.item .det{color:#8b7060;font-size:12px}.item .pr{font-size:16px;color:#4d323e}.quitar{color:#956275;font-size:12px;min-height:32px}.item-controles{display:flex;align-items:center;gap:9px;margin-top:9px}.item-controles button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #cdb5a4;border-radius:3px;background:transparent;color:#35222a}.item-controles span{font-size:13px;min-width:20px;text-align:center}.panel .vacio{font-size:16px;color:#977a69;padding:35px 10px}.panel .vacio a{display:inline-flex;margin-top:20px;padding:12px 15px;background:#e9c0cd;color:#4b2936;border-radius:4px;font-size:13px;font-weight:700;text-decoration:none}.panel-pie{padding:20px 25px;border-top:1px solid #ddcabb;background:#f1e4d3;flex-shrink:0}.panel-pie .tot{margin-bottom:15px;color:#24191c}.tot .v{font-size:30px;color:#24191c;letter-spacing:-.045em}.tot .l{font-size:14px;color:#83654f}.btn-wa{background:#223f32;color:#fff;border-radius:5px;min-height:50px;font-size:14px;text-transform:none;letter-spacing:0;padding:15px}.btn-wa:hover{background:#2c5843;color:#fff}.nota-pie{color:#927563;font-size:11px;line-height:1.6;margin-top:10px}.paga-con{margin-top:14px;border-color:#d5c0ae;padding-top:13px}.paga-con .rot{font-size:9px;color:#a1846d}.pchip{font-size:11px;padding:4px 0;color:#80604c;border:0;background:none}.pc-llave{padding:7px 0;border:0}.pc-rot{font-size:9px;color:#9b7861}.pc-num{font-size:18px;color:#4d323c;background:none;border:0}.cuando{font-size:10px;color:#9a806c}.chips{gap:15px}.cajon{z-index:105;background:#1c1618;color:var(--crema);width:min(420px,100%);border-color:#5e424b}.velo-menu{z-index:104;background:#090609b8;backdrop-filter:blur(5px)}.cajon-cuerpo a,.cajon-cuerpo>button{display:flex;align-items:center;justify-content:space-between;width:100%;text-decoration:none;padding:15px 0;border:0;border-bottom:1px solid #3b2b30;color:var(--crema);font-size:17px;background:none;text-align:left}.cajon-cuerpo .precio{font-size:11px;color:#ab8391}.cajon-grupo{font-size:10px;color:#9f6f7e;padding-top:20px}.cajon-cuerpo .cajon-wa{font-size:14px;background:var(--rosa);color:#2b1720;border-radius:5px;justify-content:center;padding:14px;margin-top:20px}.cajon-cerrar{width:42px;height:42px}.legal-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;gap:8px}.legal-tabs a{white-space:nowrap;display:block;padding:11px 15px;font-size:13px;border:1px solid #cfb79f;border-radius:4px;text-decoration:none;flex:none}.legal-tabs a[aria-current=page]{background:#24191e;color:var(--crema);border-color:#24191e}.doc{color:#715a4b;font-size:15px;max-width:900px}.doc h3{font-size:25px;color:#37242a;text-transform:none;letter-spacing:-.02em}.doc h4{font-size:19px;color:#51373c}.doc p,.doc li{font-size:14px;line-height:1.9}.doc a{color:#86405d;text-underline-offset:3px}.doc .actualizado{font-size:11px;color:#9c7b66}.mobile-dock{display:none}
/* Un movimiento ligero. El contenido permanece visible sin animaciones. */
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:entrada .65s var(--ease) both}.hero-visual{animation:entrada .8s .08s var(--ease) both}.cat,.pieza{transition:transform .3s var(--ease)}.cat:hover{transform:translateY(-3px)}@keyframes entrada{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(max-width:1150px){.nav-links{gap:18px}.nav-links a{font-size:12px}.contacto span{display:none}.barra .env{gap:20px}.hero-grid{gap:30px}.hero-copy h1{font-size:65px}.hero-actions{gap:16px}.hero-copy>p{font-size:15px}.hero-confianza{font-size:10px}.pie-g{grid-template-columns:1.5fr 1.5fr 1fr;gap:32px}.conf-cuerpo{padding:22px}.conf-top{padding:24px 22px}.obra-cuerpo{gap:25px;padding:25px}.tienda{gap:28px 18px}}
@media(max-width:900px){.nav-links{display:none}.barra .env{height:72px}.hamburguesa{display:grid}.hero-copy h1{font-size:53px}.hero-grid{gap:28px}.hero-copy .eyebrow{font-size:9px}.hero-actions{margin-top:24px}.hero-actions .texto-link{font-size:12px}.hero-confianza{display:none}.hero-sello{width:86px;height:86px;font-size:25px;top:15px;right:15px}.hero-sello b{font-size:10px}.hero-etiqueta{left:12px;right:12px;bottom:12px;padding:12px}.hero-etiqueta strong{font-size:20px}.hero-etiqueta small{font-size:10px}.beneficios span{font-size:11px;gap:8px}.beneficios b{width:24px;height:24px;font-size:9px}.enc{margin-bottom:26px}.enc h2{font-size:38px}.enc>p{font-size:12px}.rejilla{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px 15px}.cat h3{font-size:17px}.cat .barra-inf p{font-size:11px}.cat .d{font-size:12px}.cat .barra-inf small{display:none}#cotiza .env{gap:24px;grid-template-columns:1fr 1fr}.conf-top h2{font-size:26px}.conf-top p{font-size:12px}.conf-top{padding:22px 18px}.conf-cuerpo{padding:20px 18px}.campo select{font-size:13px}.check b{font-size:12px}.check .txt>span{font-size:11px}.precio-caja .val{font-size:31px}.medidas{padding:17px}.puerta-caja{grid-template-columns:1fr;gap:14px;padding:32px}.pared-p{min-height:180px;padding:15px}.pared-p .pz{width:100px}.puerta-txt .h-puerta{font-size:36px}.puerta-txt p{max-width:60ch}.bloque-disenos{padding:60px 0}.vitrina{gap:28px 18px}.pieza .info b{font-size:17px}.pasos{gap:35px;grid-template-columns:1fr 1.3fr}.pasos-tit h2{font-size:35px}.chequeo{gap:35px}.chequeo h2{font-size:32px}.mayor-c{padding:20px 16px}.mayor-c .d{font-size:25px}.mayor-pie{gap:30px}.detalles-grid{gap:35px}.barra-filtros{top:72px}.obra-cuerpo{grid-template-columns:1fr 1fr;gap:20px;padding:25px}.pdp-info h3{font-size:25px}.fmt{padding:8px}.fmt .fd{display:none}.pdp-chips button{font-size:10px}.producto-desde{min-width:145px}.producto-desde strong{font-size:27px}.tienda{grid-template-columns:repeat(3,minmax(0,1fr))}.page-product .conf-top h2{font-size:24px}}
@media(max-width:640px){html{scroll-padding-top:80px}section{padding:56px 0;scroll-margin-top:10px}.env,.env-cat{padding-inline:20px}.anuncio{justify-content:center;font-size:10px;padding:8px 14px}.anuncio a{display:none}.barra .env{height:66px;gap:12px}.logo{font-size:23px}.logo small{font-size:7px}.derecha{gap:8px}.contacto{display:none}.btn-pedido{padding:9px 10px;gap:7px;background:#f5ecd7;min-height:38px;font-size:11px}.rotulo-pedido{display:inline}.burbuja{width:18px;height:18px;font-size:10px}.hamburguesa{width:38px;height:38px}.nav-productos .env{gap:23px;padding-inline:20px}.nav-productos a{font-size:11px;padding:11px 0}.hero-nuevo{padding:30px 0 28px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:9px;margin-bottom:17px}.hero-copy h1{font-size:clamp(47px,13vw,66px);letter-spacing:-.06em;line-height:1;margin-bottom:20px}.hero-copy h1 br:nth-child(2){display:none}.hero-copy h1 em{display:block}.hero-copy>p{font-size:14px;line-height:1.65}.hero-copy>p br{display:none}.hero-actions{margin-top:23px;gap:20px}.boton{font-size:12px;min-height:48px;padding:13px 18px;gap:20px}.hero-actions .texto-link{font-size:11px}.hero-visual{aspect-ratio:1.12;border-radius:5px;max-height:400px}.hero-visual>img{border-radius:5px;object-position:50% 53%}.hero-sello{width:82px;height:82px;font-size:25px;right:14px;top:14px}.hero-etiqueta{padding:12px 14px}.hero-etiqueta strong{font-size:22px}.hero-etiqueta small{font-size:10px}.hero-etiqueta>span:first-child{font-size:8px}.flecha-redonda{width:36px;height:36px;font-size:22px}.beneficios{padding:18px 0}.beneficios .env{gap:16px;overflow-x:auto;scrollbar-width:none}.beneficios span{font-size:10px;white-space:nowrap;flex:none}.beneficios b{width:22px;height:22px;font-size:9px}.enc{display:block;margin-bottom:24px}.enc h2{font-size:33px}.enc .eyebrow{font-size:9px;margin-bottom:12px}.enc>p{font-size:13px;text-align:left;line-height:1.6;margin-top:15px}.enc>p br{display:none}#catalogo{padding:50px 0}.rejilla{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 15px}.cat h3{font-size:19px}.cat .barra-inf{padding-top:12px}.cat .barra-inf:after{font-size:19px;top:12px}.cat .barra-inf p{font-size:10px;margin:4px 0 6px;line-height:1.5}.cat .d{font-size:12px}.cat .foto{border-radius:4px}.cat .foto .b{display:none}.cat:hover .foto .a{opacity:1!important}#cotiza{padding:50px 0}#cotiza .env{grid-template-columns:1fr;gap:26px}#cotiza .conf{position:static;order:2}#cotiza .col-der{order:1}.conf-top{padding:24px 22px 18px}.conf-top h2{font-size:29px}.conf-cuerpo{padding:22px}.campo label{font-size:13px}.campo select{font-size:16px;min-height:50px}.check b{font-size:13px}.check .txt>span{font-size:12px}.btn-add{font-size:14px}.precio-caja .val{font-size:38px}.gal-grande{aspect-ratio:1.06}.gal-tiras{gap:9px;padding-top:12px}.gal-tiras button{width:58px;height:58px}.medidas{margin-top:19px}.medidas h3{font-size:17px}.medidas .pie{font-size:11px}.bloque-disenos{padding:48px 0}.bloque-disenos>.env{padding-inline:14px}.puerta-caja{padding:28px 22px 15px;gap:4px}.puerta-txt .h-puerta{font-size:30px}.puerta-txt .eti-p{font-size:10px}.puerta-txt p{font-size:13px}.puerta-btn{font-size:12px;padding:13px 18px;margin-top:20px;min-height:46px}.cuenta-p{font-size:10px}.pared-p{min-height:145px;padding:20px 0;gap:10px}.pared-p .pz{width:95px}.escena{padding:44px 0;min-height:335px}.escena .cuerpo{max-width:88%}.escena h2{font-size:31px}.escena p{font-size:12px}.escena:after{background:linear-gradient(90deg,#111010e0,#1110109c)}#mas-pedidos{padding:50px 0}.vitrina{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.pieza .info{padding-top:12px}.pieza .info b{font-size:16px}.pieza .info span{font-size:10px;margin-top:4px;line-height:1.4}.pieza .info em{font-size:15px;margin-top:8px}.pieza .ver-producto{font-size:11px;gap:15px;margin-top:5px}.pista{display:none}.tramos{bottom:9px}#resenas{padding:48px 0}.resenas-rejilla{grid-template-columns:1fr}.resena{padding:24px}.resena blockquote p{font-size:15px}.resena .nn b{font-size:13px}.resena .nn span{font-size:11px}#como{padding:50px 0}.pasos{grid-template-columns:1fr;gap:30px}.pasos-tit h2{font-size:36px;max-width:9ch}.pasos-lista-n h3{font-size:20px}.pasos-lista-n p{font-size:13px}.pasos-lista-n li{gap:16px;padding-bottom:20px}.pasos-lista-n .n{font-size:12px;width:30px;height:30px}#chequeo{padding:50px 0}.chequeo{grid-template-columns:1fr;gap:30px}.chequeo h2{font-size:32px}.chequeo p{font-size:13px}.diez li{font-size:12px}.diez li span{font-size:10px}#mayoristas{padding:52px 0}#mayoristas h2{font-size:34px}#mayoristas .enc p{font-size:13px}.mayor-rejilla{grid-template-columns:1fr 1fr}.mayor-c{padding:20px 15px;border:0;border-bottom:1px solid #d1c0ac}.mayor-c:nth-child(odd){border-right:1px solid #d1c0ac}.mayor-c:nth-child(n+3){border-bottom:0}.mayor-c .d{font-size:28px}.mayor-c .q{font-size:11px}.mayor-c .t{font-size:11px}.mayor-pie{grid-template-columns:1fr;gap:30px;margin-top:30px}.mayor-pie h3{font-size:19px}.mayor-lista li{font-size:12px}#envios{padding:40px 0}.franja{grid-template-columns:1fr;gap:22px}.fr{border:0;padding:0 0 22px;border-bottom:1px solid #3f3034}.fr:last-child{border:0;padding:0}.fr .d{font-size:27px}.fr .t{font-size:12px;max-width:40ch}.pie-g{grid-template-columns:1fr 1fr;gap:30px 20px}.pie-g>div:first-child{grid-column:1/-1}.pie-g>div:nth-child(2){grid-column:1/-1}.pie-g>div:first-child p{max-width:35ch}.pie-g a{font-size:12px;padding-block:6px}.pie-g h2{font-size:13px}.pie-fin{display:flex;flex-direction:column;align-items:flex-start;font-size:10px;gap:16px;padding-bottom:90px}footer{padding-top:40px}.wa-flota{display:none}.mobile-dock{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:55;background:#171114f7;backdrop-filter:blur(12px);border-top:1px solid #65444f;padding:9px 16px max(9px,env(safe-area-inset-bottom));justify-content:space-between;gap:12px;align-items:center;box-shadow:0 -6px 30px #0002}.mobile-dock a,.mobile-dock button{border:0;text-decoration:none;background:none;color:var(--crema);font-size:12px;min-height:42px;font-weight:600;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:4px}.mobile-dock .dock-cta{background:var(--rosa);color:#24131d;flex:1}.mobile-dock .dock-total{font-weight:700}.page-product .cabecera-producto{padding-top:22px}.breadcrumb{font-size:10px;margin-bottom:22px}.producto-intro{display:block;padding-bottom:24px}.producto-intro h1{font-size:39px}.producto-intro p{font-size:13px}.producto-desde{text-align:left;margin-top:18px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.producto-desde strong{font-size:25px;display:inline}.producto-desde>span{font-size:11px}.producto-desde small{max-width:none;margin:0;font-size:10px}.producto-intro .eyebrow{font-size:9px}.page-product #cotiza{padding-top:24px}.page-product .conf-top h2{font-size:27px}.producto-detalles{padding:45px 0}.detalles-grid{grid-template-columns:1fr;gap:35px}.detalles-grid h2{font-size:29px}.detalles-grid p{font-size:13px}.tabla-precios{font-size:11px}.tabla-precios th{font-size:10px}.tabla-precios td{padding:12px}.productos-relacionados{padding:42px 0}.productos-relacionados h2{font-size:28px}.relacionados-links{gap:8px}.relacionados-links a{font-size:12px;padding:11px 14px}.claro{padding:32px 0 48px}.claro .enc :is(h1,h2){font-size:36px}.claro .enc p{font-size:13px}.barra-filtros{top:66px;margin:0 -20px 22px;padding:14px 20px 10px;gap:12px}.barra-filtros .filtros{padding:0 0 4px;margin:0;gap:6px}.chip{font-size:11px;padding:9px 13px;min-height:36px}#buscar{min-height:48px;font-size:16px}.resumen-tienda{font-size:11px;margin-bottom:20px}.tienda{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.obra .nom{font-size:15px;margin-top:11px}.obra .meta{font-size:10px}.obra .meta>span{font-size:9px}.obra .corazon{top:8px;right:8px;width:34px;height:34px;padding:8px}.obra .corazon svg{width:18px;height:18px}.volver{padding:12px 0}.volver button{font-size:11px}.volver .cuenta-obras{font-size:10px}.obra-modal{width:100%;max-height:100dvh;height:100dvh;top:0;left:0;transform:none;border:0;border-radius:0}.obra-cuerpo{grid-template-columns:1fr;padding:24px 20px;gap:22px}.obra-modal>.cerrar{position:fixed;top:12px;right:12px;margin:0;width:40px;height:40px}.pdp-vista{max-height:56vh;aspect-ratio:1}.pdp-info{padding:0 0 20px}.pdp-info h3{font-size:30px}.fmt{padding:12px 10px}.fmt .fn{font-size:14px}.fmt .fp{font-size:11px}.pdp-chips button{font-size:12px;min-height:44px;padding:10px}.pdp-cta{min-height:54px;position:sticky;bottom:0;font-size:14px}.pdp-total .val{font-size:31px}.pdp-info p{font-size:12px}.nota-montaje{font-size:11px!important}.panel-top{padding:18px 20px}.panel-lista{padding:5px 20px}.panel-pie{padding:16px 20px max(16px,env(safe-area-inset-bottom))}.panel .paga-con{display:none}.panel .tot .v{font-size:30px}.panel .btn-wa{font-size:14px}.panel .nota-pie{font-size:10px}.legal-tabs a{font-size:12px;padding:11px 13px}.doc h3{font-size:23px}.doc h4{font-size:18px}.doc p,.doc li{font-size:13px}.cajon-cuerpo a,.cajon-cuerpo>button{min-height:50px;font-size:17px}.cajon-cuerpo .precio{font-size:11px}.cajon-grupo{font-size:10px}.cajon-alto{padding:20px}.cajon-cuerpo{padding:0 24px 40px}.sug{flex-direction:column}.atajos{max-height:180px;overflow:auto}#sk-near{display:none}}
@media(max-width:359px){.logo{font-size:20px}.rotulo-pedido{display:none}.hero-copy h1{font-size:43px}.hero-actions{gap:15px}.hero-actions .texto-link{font-size:10px}.boton{font-size:11px;padding:13px 15px}.hero-visual{aspect-ratio:1}.cat h3{font-size:17px}.cat .barra-inf:after{font-size:17px}.producto-intro h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}#sk-far,#sk-mid,#sk-near{display:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Lectura y áreas táctiles del pedido. */
.conf-top p,.entrega .luego,.check .txt>span,.nota-cotiza,.panel .nota-pie{color:#66574e}
.check [data-precio-diseno]{white-space:nowrap;color:#74515e;font-weight:600}
.item-controles button{width:40px;height:40px}.quitar{min-height:40px}
.claro .enc h1{font-weight:800;line-height:1.08;color:#21191b}

#velo-menu{z-index:104}#cajon{z-index:105}
.panel:has(.vacio) .nota-pie,.panel:has(.vacio) .paga-con{display:none}
.pdp-gal{padding:0;border:0}.pdp-fmts{grid-template-columns:repeat(3,minmax(0,1fr))}
@keyframes fichaMovil{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:640px){.obra-modal:not([hidden]){animation:fichaMovil .24s var(--ease) both}.pdp-gal{padding:18px 0 0}.pdp-fmts{grid-template-columns:repeat(3,minmax(0,1fr))}.pdp-vista{max-height:none;aspect-ratio:1}.obra-cuerpo{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.obra-modal:not([hidden]){animation:none}}
html[data-motion=off] .obra-modal:not([hidden]){animation:none}

.pdp-info .eti{color:#8d435b}.pdp-info p{color:#735d4e}
.pdp-chips b{color:inherit}.pdp-pasos{border-color:#c7ad9b;border-radius:4px;overflow:hidden}.pdp-pasos span{color:#35222a}.pdp-pasos button:hover{background:#ecd8c6}.pdp-cant .rot,.pdp-total .rot{color:#70574e}.pdp-chips button:hover{border-color:#9c6374;color:#49303b}.pdp-chips button[aria-pressed=true]:hover{color:#F5ECD7}
@media(min-width:781px) and (max-width:1000px){.pasos{grid-template-columns:1fr;gap:30px}}

/* Ajustes de identidad: fondo negro original, rosa sakura y menos bloques crema. */
:root{--gris:#bbb4b6;--gris-2:#a3999d;--linea:#393236}
.barra .env{height:74px}.barra .logo{font-family:Montserrat,sans-serif;font-size:20px;font-weight:600;letter-spacing:.055em;text-shadow:none}.barra .logo small{font-size:8px;font-weight:500;letter-spacing:.12em}.barra .logo .rg{font-size:9px;padding-top:0}.nav-productos{background:#111010}.nav-productos a{font-size:14px}.hero-nuevo{padding:32px 0 0;background:transparent}.hero-grid{grid-template-columns:1fr 1fr;gap:56px;min-height:460px}.hero-copy{padding:14px 0;animation:none!important}.hero-copy .hero-titulo{font-size:clamp(42px,4.3vw,62px);font-weight:700;letter-spacing:-.05em;line-height:1.07;text-align:left;margin:0 0 22px;max-width:13ch;text-transform:none}.hero-copy .hero-titulo em{font-style:normal;color:var(--rosa)}.hero-copy .eyebrow{font-size:12px;letter-spacing:.13em;margin-bottom:18px}.hero-copy>p{font-size:16px;color:#c6c0c2;line-height:1.7;max-width:44ch}.hero-copy .hero-detalle{margin-top:20px;font-size:13px;color:#b4a8ae}.hero-precio{display:flex;gap:14px;align-items:center;margin-top:22px;max-width:430px}.hero-precio strong{font-size:29px;letter-spacing:-.04em;color:var(--crema);font-weight:650;white-space:nowrap}.hero-precio>span{font-size:13px;line-height:1.5;color:#b5a5ac;max-width:24ch;border-left:1px solid #514148;padding-left:14px}.hero-actions{margin-top:24px;gap:23px}.hero-visual{width:100%;max-width:460px;justify-self:end;max-height:460px;aspect-ratio:1;animation:none!important;border-radius:5px}.hero-visual>a{display:block;width:100%;height:100%}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}.hero-caption{position:absolute;bottom:14px;left:14px;right:14px;font-size:12px;padding:8px 12px;color:#fff5f7;background:#111010c9;backdrop-filter:blur(6px);border-radius:3px;width:fit-content;max-width:calc(100% - 28px)}.hero-controles{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:25px;border-bottom:1px solid var(--linea)}.hero-tabs{display:flex;gap:30px}.hero-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#b4a8ae;font-size:13px;min-height:52px;padding:13px 0;cursor:pointer}.hero-tabs small{color:inherit;font-size:12px;margin-right:5px;opacity:.6}.hero-tabs button[aria-pressed=true]{color:var(--rosa);border-color:var(--rosa)}.hero-tabs button:hover{color:#fff4f7}.hero-flechas{display:flex;gap:8px}.hero-flechas button,.vitrina-controles button{border:1px solid #665059;width:38px;height:38px;background:transparent;color:var(--crema);border-radius:50%;cursor:pointer;font-size:18px}.hero-flechas button:hover,.vitrina-controles button:hover{background:var(--rosa);color:var(--negro)}.hero-flechas [data-hero-pause]{font-size:13px}.hero-bajar{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 0;color:#c6b6bd;font-size:12px;text-decoration:none}.hero-bajar span{color:var(--rosa);font-size:18px}.hero-bajar:hover{color:var(--rosa)}
#mas-pedidos{padding:28px 0 42px;background:transparent;color:var(--crema)}#mas-pedidos .eyebrow,#catalogo .eyebrow{color:var(--rosa)}#mas-pedidos .enc{margin-bottom:22px}#mas-pedidos h2,#catalogo h2{font-size:34px;font-weight:650;letter-spacing:-.04em}.vitrina-controles{display:flex;align-items:center;gap:10px}.vitrina-controles>span{font-size:12px;color:#b8a8af;margin-right:8px}.vitrina{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 56px)/3.25);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#74505d transparent;background:transparent;border:0;padding:4px 0 20px;overscroll-behavior-inline:contain}.pieza{scroll-snap-align:start;background:transparent;transition:opacity .25s}.pieza:hover{background:transparent}.pieza .carrusel{border:0;border-radius:4px}.pieza .info{background:none;padding:14px 0 0;gap:3px}.pieza .info b{font-size:18px;color:var(--crema);font-weight:650}.pieza .info span{font-size:13px;color:#b7adb2}.pieza .info em{font-size:17px;color:var(--rosa);margin-top:5px}.pieza .ver-producto{font-size:13px;margin-top:3px;font-weight:550;color:#ded1d7}.pista{font-size:11px;text-transform:none;letter-spacing:0;bottom:24px;padding:5px 10px;background:#111010c9;color:#fff4f7}.tramos{bottom:10px;opacity:.9}.carrusel.tocado .pista{opacity:0}.carrusel:not(:hover):not(:focus-visible) .pista{opacity:1}
#catalogo{background:transparent;color:var(--crema);padding:38px 0 40px;border-top:1px solid #292225}#catalogo .enc{margin-bottom:25px}.rejilla{grid-template-columns:repeat(8,minmax(0,1fr));gap:17px}.cat{color:var(--crema);transition:opacity .25s,transform .25s}.cat .foto{border-radius:4px;background:#251e21}.cat .barra-inf{padding-top:11px}.cat h3{font-size:16px;color:var(--crema);font-weight:600;letter-spacing:-.02em}.cat .barra-inf p,.cat .barra-inf small,.cat .barra-inf:after{display:none}.cat .d{font-size:12px;font-weight:500;color:#cdb6c0;margin-top:5px}.cat .foto img{filter:none}.cat:hover h3{text-decoration:none;color:var(--rosa)}#catalogo .texto-link{font-size:13px;color:var(--rosa)}
@media(hover:hover){.rejilla:has(.cat:hover) .cat:not(:hover){opacity:.48}.rejilla:has(.cat:hover) .cat:hover{opacity:1}.vitrina:has(.pieza:hover) .pieza:not(:hover){opacity:.64}}
.bloque-disenos{padding:15px 0 40px;background:transparent}.puerta{border:1px solid #48353f;background:#1b1518;border-radius:6px;overflow:hidden}.puerta-foto,.puerta-luz{display:none}.puerta-caja{padding:30px 34px;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:0}.puerta-txt .eti-p{font-size:12px;color:var(--rosa)}.puerta-txt .h-puerta{font-size:31px;font-weight:650;margin:8px 0 12px}.puerta-txt p{font-size:14px;color:#c7b9c1;max-width:43ch}.puerta-btn{margin-top:18px;min-height:44px;padding:10px 17px;font-size:13px}.cuenta-p{display:none}.pared-p{min-height:205px;padding:20px 6px;gap:10px}.pared-p .pz{width:90px;transform:none!important}.pared-p .pz:nth-child(n+4){display:none}
#cotiza,.page-product #cotiza{background:#181416;color:var(--crema);padding:50px 0;border-top:1px solid #33272e}#cotiza .env{max-width:1120px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:start}#cotiza .conf{background:#fffafd;border:1px solid #e9dfe4;position:static;border-radius:6px;box-shadow:none}#cotiza .col-der{position:sticky;top:94px}.conf-top{padding:22px 24px 17px;border-color:#eadfe5}.conf-top h2{font-size:27px;font-weight:650}.conf-top p{font-size:13px}.conf-cuerpo{padding:20px 24px 22px}.conf-cuerpo>.campo{margin-bottom:14px}.campo select,#pdp-opciones select{background:#fffafd;border-color:#d1c6cd;color:#282126;min-height:44px;padding:10px;font-size:14px}.check{background:#f7eef3;border-color:#e8d9e2;padding:12px;margin:16px 0}.check b{font-size:13px}.check .txt>span{font-size:12px}.precio-caja{padding:8px 0 14px}.precio-caja .val{font-size:34px}.precio-caja .entrega{margin-top:7px}.btn-add{padding:13px;min-height:48px}.nota-cotiza{font-size:12px;margin-top:11px}.gal-grande{aspect-ratio:1;max-height:450px;background:#21191c;border-radius:5px}.gal-grande img{object-fit:contain}.gal-tiras{gap:8px;padding-top:10px;flex-wrap:wrap}.gal-tiras button{width:52px;height:52px}.gal-tiras button[aria-current=true]{border-color:var(--rosa)}.gal-nota{font-size:12px;line-height:1.5;color:#afa1a8;margin-top:11px}.medidas{padding:0;margin-top:18px;background:#1e181b;color:var(--crema);border:1px solid #54404b;border-radius:5px}.medidas summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px}.medidas summary::-webkit-details-marker{display:none}.medidas summary b{display:block;font-size:14px;font-weight:550;color:#f2dee7}.medidas summary small{display:block;font-size:12px;color:#b7a0ac;margin-top:2px}.med-signo{font-size:22px;color:var(--rosa);transition:transform .2s}.medidas[open] .med-signo{transform:rotate(45deg)}.med-contenido{padding:4px 16px 16px;border-top:1px solid #43313b}.medidas h3{font-size:16px;color:var(--crema);margin-top:12px}.medidas .pie{font-size:12px;color:#b9a2af}.lienzo-med{margin-top:12px}.lienzo-med svg,.lienzo-med.uno-solo svg{max-height:210px;width:100%;margin:0 auto}.medidas svg text{fill:#d6b7c7}.medidas .leyenda{border-color:#56434d}.medidas .leyenda span{font-size:12px;color:#bba8b1}.medidas .leyenda span.sel{color:var(--rosa)}.medidas .sin-med{font-size:14px;color:#bcacb4}
#escena-pared{display:none!important}.cabecera-producto{background:#181416;color:var(--crema)}.breadcrumb,.producto-intro p,.producto-desde>span,.producto-desde small{color:#bba7b2}.producto-intro{border-color:#47323e}.producto-intro .eyebrow{color:var(--rosa)}.page-product #cotiza{border:0}.producto-detalles,.productos-relacionados,#mayoristas{background:#faf6f9}.claro{--papel:#faf6f9;--tarjeta:#f0e8ed;--raya:#d9cbd3;background:var(--papel)}.barra-filtros{background:#faf6f9f5;top:74px}#buscar{background:#fffafd;border-color:#d5c7d0}.obra .marco{background:#e8e0e5}.obra-modal,.panel{background:#fffafd}.panel-pie{background:#f5edf2}.pdp-vista,.pdp-arte{background:#ede4e9;border-color:#e2d5dd}.pdp-chips button{background:#fffafd}.pdp-chips button[aria-pressed=true]{background:#21191b}.panel .cerrar,.obra-modal>.cerrar{background:#f0e5ec}.tabla-precios th{background:#f0e7ed}.claro .enc{max-width:760px}.claro .enc :is(h1,h2){font-size:42px}.claro .env-cat{max-width:1320px}
#sk-far{z-index:0;opacity:.72;filter:blur(1px)}#sk-mid{z-index:0;opacity:.85}#sk-near{z-index:0;opacity:.28;filter:blur(3px)}
@media(prefers-reduced-motion:no-preference){.hero-slide:not([hidden]){animation:campanaEntra .45s ease both}.boton:active,.btn-add:active,.puerta-btn:active,.btn-pedido:active{transform:scale(.97)}@keyframes campanaEntra{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}}
html[data-motion=off] .hero-slide{animation:none!important}
@media(max-width:1000px){.hero-grid{gap:28px;min-height:390px}.hero-copy .hero-titulo{font-size:43px}.hero-tabs{gap:18px}.rejilla{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hero-visual{max-height:410px}.hero-precio>span{font-size:12px}.vitrina{grid-auto-columns:calc((100% - 40px)/2.5)}.pared-p .pz{width:75px}.hero-actions{gap:16px}.hero-actions .texto-link{font-size:13px}.hero-copy>p{font-size:14px}.puerta-caja{padding:25px;gap:20px}.puerta-txt .h-puerta{font-size:28px}}
@media(max-width:640px){.barra .env{height:66px}.barra .logo{font-size:19px}.hero-nuevo{padding-top:25px}.hero-grid{grid-template-columns:1fr;gap:22px;min-height:0}.hero-copy .hero-titulo{font-size:42px;max-width:16ch;margin-bottom:16px}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:11px}.hero-copy>p{font-size:15px}.hero-precio{margin-top:16px}.hero-precio strong{font-size:26px}.hero-copy .hero-detalle{display:none}.hero-actions{margin-top:18px}.hero-visual{justify-self:center;width:min(100%,350px);max-height:none;aspect-ratio:1}.hero-visual img{object-fit:cover}.hero-controles{margin-top:15px;gap:12px;align-items:flex-end}.hero-tabs{gap:15px;overflow-x:auto;flex:1}.hero-tabs button{font-size:12px;white-space:nowrap;min-height:50px}.hero-tabs small{display:none}.hero-flechas{gap:4px;padding-bottom:10px}.hero-flechas button{width:30px;height:30px}.hero-bajar{font-size:12px;padding:13px 0}#mas-pedidos{padding:25px 0}#mas-pedidos .enc{display:flex;align-items:flex-end;gap:12px}#mas-pedidos h2,#catalogo h2{font-size:28px}.vitrina-controles{gap:6px}.vitrina-controles>span{display:none}.vitrina-controles button{width:32px;height:32px}.vitrina{grid-auto-columns:80%;gap:18px}.pieza .info b{font-size:18px}.pieza .info span{font-size:13px}.pieza .ver-producto{font-size:13px}.pista{display:block;font-size:11px}.rejilla{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px 12px}.cat h3{font-size:13px}.cat .d{font-size:11px}.cat .barra-inf{padding-top:9px}#catalogo{padding:28px 0}#catalogo .enc{margin-bottom:20px}#catalogo .texto-link{display:inline-flex;margin-top:14px}.puerta-caja{grid-template-columns:1fr;padding:25px;gap:16px}.pared-p{display:none}.puerta-txt .h-puerta{font-size:28px}.bloque-disenos{padding:8px 0 30px}#cotiza,.page-product #cotiza{padding:32px 0}#cotiza .env{grid-template-columns:1fr;gap:24px}#cotiza .col-der{position:static}.gal-grande{max-height:380px}.gal-tiras button{width:48px;height:48px}.conf-top{padding:21px}.conf-cuerpo{padding:20px 21px}.campo select{font-size:16px}.medidas{margin-top:14px}.hero-caption{font-size:11px}.barra-filtros{top:66px}.claro .enc :is(h1,h2){font-size:34px}.producto-intro h1{font-size:36px}#sk-near{display:none}}
/* Quitar espacios duplicados del formulario heredado. */
.conf-top{text-align:left;padding:20px 22px 16px}.conf-top .eyebrow{margin-bottom:7px}.conf-top h2{margin:0}.conf-cuerpo{gap:12px;padding:18px 22px 20px}.conf-cuerpo>.campo{margin:0}.campo{gap:6px}.campo label{margin:0;line-height:1.4}.check{margin:0;padding:10px}.check b{line-height:1.5}.precio-caja{gap:9px;padding:7px 0}.precio-caja .entrega{margin:0;border:0;padding:0}.precio-caja .entrega .luego{font-size:12px}.nota-cotiza{margin:0;line-height:1.5}.vitrina-controles button:disabled{opacity:.35;cursor:default}.vitrina-controles button:disabled:hover{background:none;color:var(--crema)}
@media(min-width:1001px){.hero-grid{min-height:460px}.hero-copy .hero-titulo{font-size:52px;max-width:none;line-height:1.07;min-height:112px;margin-bottom:18px}.hero-copy>p:not(.hero-detalle){min-height:55px}.hero-copy{padding:0}.hero-copy .eyebrow{margin-bottom:14px}.hero-precio{margin-top:17px;min-height:44px}.hero-actions{margin-top:20px}.hero-copy .hero-detalle{margin-top:16px}.hero-visual{max-width:440px;max-height:440px}.hero-controles{margin-top:15px}}
@media(max-width:640px){.conf-cuerpo{gap:15px}.conf-top h2{font-size:27px}.conf .fila{grid-template-columns:1fr 1fr}.hero-copy .hero-titulo{max-width:none}}
/* Búsqueda legible y diseños visibles sin un encabezado excesivo. */
#tienda{padding-top:32px}#tienda .enc{margin-bottom:20px;max-width:none}#tienda .enc .eti{display:none}#tienda .enc h1{font-size:38px;margin:0 0 12px;line-height:1.15}#tienda .enc p{font-size:15px;margin:0}.barra-filtros{padding:12px 0 16px;margin-bottom:20px;gap:16px;justify-items:start}.barra-filtros .buscador{width:100%;max-width:500px;margin:0}#buscar{width:100%;font-size:15px;min-height:48px}.barra-filtros .filtros{max-width:100%;margin:0;padding:0 0 3px}.resumen-tienda{margin-bottom:20px}.conf{--rosa-txt:#914260}.conf .precio-caja .unitario{color:#66515e}.conf .precio-caja .unitario b{color:#914260}.conf .precio-caja .entrega b{color:#33252d}
@media(max-width:640px){#tienda{padding-top:24px}#tienda .enc h1{font-size:32px}#tienda .enc p{font-size:14px}.barra-filtros{margin-bottom:18px;padding-inline:20px}.barra-filtros .buscador{max-width:none}#buscar{font-size:16px}}

/* Bloque 1: conservar el concepto, con una jerarquía menos rígida. */
.sakura-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;min-height:36px;background:none;border:1px solid #65414f;border-radius:20px;color:var(--rosa);font:500 12px Montserrat,sans-serif;cursor:pointer;white-space:nowrap}
.sakura-toggle>span:first-child{font-size:20px;line-height:1}
.sakura-toggle[aria-pressed=false]{color:#b0a3a9;border-color:#494045}
.sakura-toggle:hover{background:#35212a}
html[data-motion=on] #sk-far,html[data-motion=on] #sk-mid{display:block!important}
@media(min-width:641px){html[data-motion=on] #sk-near{display:block!important}}
@media(max-width:1150px){.sakura-etiqueta{display:none}.sakura-toggle{width:34px;height:34px;padding:6px;justify-content:center}}
@media(max-width:640px){.derecha{gap:5px}.sakura-toggle{width:30px;height:32px;border:0;padding:3px}}
#catalogo{padding:38px 0 52px;border-top:0}
#catalogo h2{font-size:clamp(34px,3.8vw,48px);font-weight:700}
#catalogo .enc{margin-bottom:30px}
#catalogo .rejilla{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px;background:transparent;border:0}
#catalogo .cat{grid-column:span 4;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;background:#181416;border:1px solid #3c2d34;overflow:hidden;transform:none;border-radius:5px}
#catalogo .cat .foto{aspect-ratio:1;border-radius:0;max-height:none}
#catalogo .cat .barra-inf{padding:17px 18px 19px;gap:5px;min-width:0}
#catalogo .cat h3{font-size:20px;font-weight:650;line-height:1.3}
#catalogo .cat .barra-inf p{display:none;font-size:14px;line-height:1.6;color:#b9adb3;margin:10px 0;min-height:0}
#catalogo .cat .d{font-size:14px;color:var(--rosa);font-weight:550;margin-top:4px}
#catalogo .cat .barra-inf:after{display:none}
#catalogo .cat:first-child{grid-column:span 7;grid-template-columns:1.05fr 1fr;background:#20171c}
#catalogo .cat:nth-child(2){grid-column:span 5;grid-template-columns:1fr 1fr}
#catalogo .cat:nth-child(-n+2) .foto{height:100%;aspect-ratio:auto;min-height:270px;background:#161113}
#catalogo .cat:nth-child(-n+2) .foto img{object-fit:contain}
#catalogo .cat:nth-child(-n+2) .barra-inf{padding:25px}
#catalogo .cat:nth-child(-n+2) .barra-inf p{display:block}
#catalogo .cat:first-child h3{font-size:36px;font-weight:700}
#catalogo .cat:nth-child(2) h3{font-size:26px}
#catalogo .cat:nth-child(-n+2) .d{font-size:16px;margin-top:18px}
#catalogo .cat:hover .foto img.a{transform:scale(1.045)}
@media(max-width:1000px){#catalogo .cat{grid-column:span 6}#catalogo .cat:first-child,#catalogo .cat:nth-child(2){grid-column:span 6;display:flex}#catalogo .cat:nth-child(-n+2) .foto{width:100%;aspect-ratio:1;min-height:0}#catalogo .cat:nth-child(-n+2) .barra-inf{width:100%;padding:20px}#catalogo .cat:first-child h3{font-size:28px}}
@media(max-width:640px){#catalogo{padding:28px 0 36px}#catalogo .enc{margin-bottom:22px}#catalogo .rejilla{gap:12px}#catalogo .cat{display:flex;flex-direction:column;align-items:stretch}#catalogo .cat .foto{width:100%;aspect-ratio:1}#catalogo .cat .barra-inf,#catalogo .cat:nth-child(-n+2) .barra-inf{padding:13px 12px 16px}#catalogo .cat h3,#catalogo .cat:first-child h3,#catalogo .cat:nth-child(2) h3{font-size:19px}#catalogo .cat .barra-inf p,#catalogo .cat:nth-child(-n+2) .barra-inf p{display:none}#catalogo .cat .d,#catalogo .cat:nth-child(-n+2) .d{font-size:13px;margin-top:4px}}

/* Bloque 3: el cotizador vuelve a la paleta original y muestra las decisiones. */
#cotiza{background:#151113;padding-block:32px}
#cotiza .env{max-width:1200px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:46px}
#cotiza .conf{background:#1c171a;color:var(--crema);border:1px solid #503641;border-radius:6px;--rosa-txt:var(--rosa)}
#cotiza .conf-top{padding:18px 23px 17px;border-color:#3b2b33}
#cotiza .conf-top h2{color:var(--crema);font-size:30px;font-weight:650}
#cotiza .conf-top .eyebrow{display:none}
#cotiza .conf-top p{color:#bcaeb5;font-size:14px;margin-top:7px}
#cotiza .conf-cuerpo{padding:18px 23px 19px;gap:12px}
#cotiza .campo{gap:4px}
#cotiza .campo label{color:#e4d6dd;font-size:14px;font-weight:550}
#cotiza .campo select{background:#231b20;color:#f3e8ed;border-color:#644753;border-radius:4px;font-size:15px;min-height:46px}
#cotiza select option{background:#231b20;color:#f3e8ed}
.tamano-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}
.comparar-link{background:none;border:0;padding:5px 0;color:var(--rosa);font:500 12px Montserrat,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer;white-space:nowrap}
.tipo-presentacion{display:flex;gap:6px;margin-bottom:3px;background:#151113;padding:3px;border:1px solid #44303a;border-radius:5px}
.tipo-presentacion button{flex:1;background:none;border:0;color:#bca8b2;font:500 13px Montserrat,sans-serif;padding:9px 10px;border-radius:3px;cursor:pointer}
.tipo-presentacion button[aria-pressed=true]{background:#4b2d3b;color:#fce7ef}
.opciones-variantes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:229px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8b596e #20171c;padding:2px}
.opciones-variantes button{display:flex;flex-direction:column;justify-content:space-between;gap:5px;min-height:62px;padding:9px 10px;text-align:left;background:#22191f;border:1px solid #59414d;border-radius:4px;color:#d5c5ce;cursor:pointer;font:500 13px/1.3 Montserrat,sans-serif;transition:border-color .18s,background .18s,transform .18s}
.opciones-variantes button b{font-size:15px;color:var(--rosa);font-weight:600}
.opciones-variantes button[aria-checked=true]{border-color:var(--rosa);background:#412731;color:#fff2f7;box-shadow:inset 0 0 0 1px var(--rosa)}
.opciones-variantes button:hover{border-color:var(--rosa);background:#36232c}
.opciones-variantes button:active{transform:scale(.98)}
#cotiza .check{background:#211a1e;border:1px solid #4f3944;border-radius:4px;padding:9px 10px;gap:10px;transition:border-color .2s}
#cotiza .check:has(input:checked){border-color:var(--rosa)}
#cotiza .check input{accent-color:var(--rosa)}
#cotiza .check .txt b{font-size:13px;font-weight:550;color:#eee0e7}
#cotiza .check [data-precio-diseno]{color:var(--rosa);font-weight:500}
#cotiza .check .txt>span{font-size:12px;color:#b6a3ad}
#cotiza .precio-caja{border-top:1px solid #4b333e;padding-top:16px;gap:10px}
.resumen-cotiza{flex:0 0 100%;font-size:13px;line-height:1.55;color:#b9a5af;margin-bottom:3px}
#cotiza .precio-caja .cual{color:#c2adb8;font-size:12px;letter-spacing:.08em}
#cotiza .precio-caja .val{color:var(--rosa);font-size:37px;font-weight:650}
#cotiza .precio-caja .antes{color:#ad94a1}
#cotiza .precio-caja .unitario,#cotiza .precio-caja .entrega{color:#c3adb8;font-size:12px}
#cotiza .precio-caja .unitario b,#cotiza .precio-caja .entrega b{color:var(--rosa)}
#cotiza .entrega .ico{color:var(--rosa)}
#cotiza .entrega .luego{color:#ab98a2;font-size:12px}
#cotiza .btn-add{background:var(--rosa);color:#24151d;border-color:var(--rosa);border-radius:4px;font-size:15px;font-weight:650;min-height:50px}
#cotiza .btn-add:hover{background:#ffc4d5;border-color:#ffc4d5;transform:translateY(-2px)}
#cotiza .nota-cotiza{color:#b7a4ae;font-size:12px}
.cotiza-entrega{border-top:1px solid #44303a;padding-top:8px}
.cotiza-entrega summary{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#bda8b3;cursor:pointer;list-style:none;padding:4px 0}
.cotiza-entrega summary::-webkit-details-marker{display:none}
.cotiza-entrega summary span{color:var(--rosa);text-decoration:underline;text-underline-offset:3px}
.cotiza-entrega .entrega{padding:10px 0;font-size:13px;color:#d2bdc8;line-height:1.6}
.cotiza-entrega .luego{display:block;margin-top:8px}
.cotiza-entrega .nota-cotiza{text-align:left;padding-bottom:5px}
#cotiza .gal-grande{max-height:460px}
#cotiza .medidas{margin-top:14px}
.gal-grande img{transition:opacity .25s}
@media(prefers-reduced-motion:no-preference){.nav-links a,.nav-productos a{transition:color .2s,transform .2s}.nav-links a:hover,.nav-productos a:hover{transform:translateY(-2px)}.hero-bajar span{animation:invitaBajar 2.8s ease-in-out infinite}@keyframes invitaBajar{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}}
html[data-motion=off] .hero-bajar span{animation:none}
@media(max-width:900px){#cotiza .env{gap:26px}.tamano-cabecera{align-items:flex-start;flex-direction:column;gap:2px}#cotiza .conf-cuerpo{padding:20px}}
@media(max-width:640px){#cotiza .env{grid-template-columns:1fr;gap:25px}#cotiza .col-der{position:static}#cotiza .conf-top{padding:21px}#cotiza .conf-top h2{font-size:27px}#cotiza .conf-cuerpo{padding:20px;gap:16px}.tamano-cabecera{flex-direction:row;align-items:center}.tamano-cabecera label{font-size:13px!important}.comparar-link{font-size:11px}#cotiza .campo select{font-size:16px}.opciones-variantes button{font-size:12px;min-height:72px}.opciones-variantes button b{font-size:15px}}

/* Paleta continua: negro original, superficies neutras y rosa como acento. */
:root{--negro:#111010;--crema:#e8e0d8;--rosa:#d7a0b0;--rosa-txt:#d7a0b0;--gris:#b9b0ad;--gris-2:#aaa09e;--linea:#373032;--superficie:#1b1819;--elevado:#242021;--borde:#473c40;--petalo-a:#f2d1dc;--petalo-b:#e6bdcc;--petalo-c:#ce91a7;--petalo-d:#ac7187;color-scheme:dark}
body{background:var(--negro);color:var(--crema)}
html{scroll-padding-top:78px}
::selection{background:#704557;color:#fff2f6}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--rosa);outline-offset:4px}
.logo-original{display:block;width:190px;height:42px;max-width:100%;overflow:hidden}
.barra{background:#111010;backdrop-filter:none;border-bottom:1px solid #30292c}
.barra .env{height:72px;gap:34px;max-width:1440px}
.barra .logo{padding:0;flex:0 0 190px;line-height:0}
/* Valores recuperados de sitio-codigo.html entregado originalmente. Logo fijo. */
#ir-inicio{font-family:Montserrat,sans-serif;font-weight:800;font-size:19px;letter-spacing:.13em;color:#F4A7B9;line-height:1;text-shadow:1.5px 1.5px 0 rgba(0,0,0,.35);background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left;display:block;flex:0 0 auto;white-space:nowrap;transition:opacity .2s}
#ir-inicio .rg{display:inline;font-size:.5em;vertical-align:.85em;font-weight:600;letter-spacing:0;padding:0}
#ir-inicio small{display:block;font-weight:600;font-size:7.5px;letter-spacing:.19em;color:#FFFFFF;margin-top:5px;line-height:1.5}
#ir-inicio:hover{opacity:.78}
.nav-links{gap:25px;align-items:center;margin-inline:auto}
.nav-links a,.nav-links summary{font-size:14px;font-weight:500;color:#cec3bf;text-decoration:none}
.nav-links a:hover,.nav-links summary:hover{color:var(--rosa)}
.nav-links summary{list-style:none;cursor:pointer;display:flex;gap:9px;align-items:center;padding:20px 0}
.nav-links summary::-webkit-details-marker{display:none}
.menu-productos{position:static}
.menu-productos:not([open]) .menu-productos-lista{display:none}
.menu-productos-lista{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:min(1120px,calc(100vw - 64px));padding:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;background:#191617;border:1px solid #58404d;border-top:0;border-radius:0 0 7px 7px;box-shadow:0 20px 50px #0009}
.menu-productos-titulo{grid-column:1/-1;color:#d8c9ce;font-size:15px;font-weight:550;padding:0 0 8px}
.menu-productos-lista a{padding:8px;border-radius:4px}
.menu-productos-lista .menu-producto{display:flex;align-items:center;gap:13px;min-width:0;border:1px solid transparent}
.menu-producto img{width:68px;height:68px;flex:none;object-fit:contain;border-radius:3px;background:#221b1f}
.menu-producto span{display:flex;flex-direction:column;gap:5px}.menu-producto b{font-size:15px;font-weight:550;color:#e3d8dd}.menu-producto small{font-size:12px;color:#bd95a6}
.menu-productos-lista a:hover,.menu-productos-lista a[aria-current=page]{background:#34252c;color:#edc2d1;transform:none}
.menu-productos-lista .ver-todos{grid-column:1/-1;border-top:1px solid var(--linea);margin-top:8px;padding:17px 8px 3px;font-size:13px;color:var(--rosa);display:flex;justify-content:space-between}
.derecha{gap:20px}.contacto{font-size:13px;color:#b6abaa}.contacto svg{width:17px;height:17px}
.barra .btn-pedido{background:#251e22;color:#e8d4dc;border:1px solid #61424f;border-radius:5px;padding:10px 14px;min-height:40px;font-weight:500}
.btn-pedido:hover{background:#3a2932;color:#f3d5df}.barra .burbuja{background:#3d2b34;color:#efcad8;border:0}
.nav-productos{display:none}

/* Portada: galería del producto a la izquierda y opciones de campaña visibles. */
.hero-nuevo{padding:28px 0 22px;background:var(--negro)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:0;min-height:0;background:#191617;border:1px solid #3a2d33;border-radius:8px;overflow:hidden;align-items:center}
.hero-copy{padding:34px 40px!important}
.hero-copy .hero-titulo{font-size:clamp(38px,4.2vw,54px);line-height:1.08;letter-spacing:-.045em;min-height:0;margin:0 0 18px;font-weight:650}
.hero-copy .hero-titulo em{font-style:normal;color:var(--rosa)}
.hero-copy .eyebrow{font-size:12px;font-weight:550;letter-spacing:.12em;margin-bottom:20px;color:#c795a6}
.hero-copy>p:not(.hero-detalle){font-size:16px;line-height:1.65;color:#c5b9b7;max-width:38ch;min-height:0}
.hero-copy .hero-precio{margin-top:20px;min-height:0}.hero-precio strong{color:var(--crema);font-size:29px;font-weight:600}.hero-precio span{font-size:12px;color:#b7a6ac}
.hero-copy .hero-actions{margin-top:22px;gap:20px}.hero-copy .hero-detalle{font-size:12px;margin-top:18px;color:#a79b9e}
.hero-visual{width:100%;max-width:none;max-height:none;aspect-ratio:1;border-radius:0;align-self:stretch;background:#151213}
.hero-visual>a{display:block;width:100%;height:100%}.hero-visual>a img{width:100%;height:100%;object-fit:contain;border-radius:0}
.hero-caption{font-size:11px;left:14px;bottom:14px;right:auto;max-width:90%;padding:6px 9px;background:#181315bf;color:#dfd3d7;border-radius:3px}
.boton.primario,#cotiza .btn-add{background:#b98095;border:1px solid #c996a8;color:#150f12;font-weight:650}
.boton.primario:hover,#cotiza .btn-add:hover{background:#d3a0b2;border-color:#d3a0b2;color:#150f12}
.hero-controles{margin-top:12px;border-color:#382c32}.hero-tabs{gap:5px;flex-wrap:wrap}
.hero-tabs button{border-radius:4px;padding:12px 15px;border:1px solid transparent;color:#aca0a4;font-size:13px}
.hero-tabs button[aria-pressed=true]{background:#282023;border-color:#614451;color:#e3bfcc}
.hero-tabs button small{color:#8d7b82;margin-right:7px}.hero-flechas button{border-color:#57434c;color:#d4b9c3;background:#1a1518}
.hero-bajar{font-size:12px;color:#ad9bA3;padding-top:15px;margin-top:0}

/* Cuadrícula abierta de categorías: conserva las fotos completas y el hover. */
#catalogo{background:var(--negro);padding:32px 0 46px;border:0}
#catalogo h2{font-size:clamp(32px,3.7vw,45px);font-weight:650}
#catalogo .enc{margin-bottom:25px}
#catalogo #rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px 24px;background:none;overflow:visible;scroll-snap-type:none;padding:4px 0 12px;border:0}
#catalogo .cat:nth-child(n){grid-column:auto;display:flex;flex-direction:column;align-items:stretch;border:0;background:transparent;border-radius:0;overflow:visible;opacity:1;transform:none;transition:opacity .45s ease}
#catalogo .cat:nth-child(n) .foto{width:100%;height:auto;aspect-ratio:1;min-height:0;background:#1c191a;border-radius:4px}
#catalogo .cat:nth-child(n) .foto img{object-fit:contain}
#catalogo .cat:nth-child(n) .barra-inf{padding:14px 0 0;display:flex;flex-direction:column;gap:5px;flex:1}
#catalogo .cat:nth-child(n) h3{font-size:22px;font-weight:600;color:#ebe1dc;line-height:1.25;letter-spacing:-.025em}
#catalogo .cat:hover h3,#catalogo .cat:focus-visible h3{color:#e8b5c7}
#catalogo .cat:nth-child(n) .barra-inf p{display:none}
#catalogo .cat:nth-child(n) .d{font-size:14px;color:#cba1b0;margin-top:2px;font-weight:500}
#catalogo .cat .foto img{filter:none;transition:transform .45s,opacity .35s}
#catalogo .cat .foto img,#catalogo .cat:hover .foto img{transform:none!important}
#mas-pedidos .pieza{transition:opacity .45s ease}
@media(hover:hover){#catalogo .rejilla:has(.cat:hover) .cat:not(:hover){opacity:.82}#catalogo .rejilla:has(.cat:hover) .cat:hover{opacity:1}.vitrina:has(.pieza:hover) .pieza:not(:hover){opacity:.82}}
#catalogo .rejilla:has(.cat:focus-visible) .cat:not(:focus-visible){opacity:.82}
@media(max-width:760px){#catalogo #rejilla{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px}}

/* El cambio de categoría queda al lado de la tarea de cotizar. */
#cotiza,.page-product #cotiza{background:#151213;color:var(--crema);padding-block:28px}
.cabecera-producto{background:#151213;color:var(--crema);padding-top:24px;padding-bottom:18px}
.producto-intro{padding-bottom:22px;border-color:#3e3037}.producto-intro h1{font-size:clamp(34px,4.5vw,52px);font-weight:650}.producto-intro p{color:#beb1b4;font-size:16px}
.cambiar-producto{max-width:1200px;padding:0 clamp(20px,4vw,56px);margin:0 auto 25px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.cambiar-producto>span{font-size:13px;color:#b3a1a8;flex:none}
.cambiar-producto nav{display:flex;flex-wrap:wrap;gap:7px}
.cambiar-producto a{font-size:13px;text-decoration:none;padding:9px 12px;border:1px solid #4b3942;border-radius:4px;color:#c8b5bd;background:#1d181b}
.cambiar-producto a:hover{background:#31232b;border-color:#937083;color:#edceda}
.cambiar-producto a[aria-current=page]{background:#3a2630;color:#f1cedc;border-color:#a8788d}
#cotiza .col-der{top:94px}#cotiza .conf{background:#1c181a;border-color:#51404a}
#cotiza .conf-cuerpo{gap:10px}#cotiza .conf-cuerpo>.campo{margin-bottom:0}
#cotiza .campo label{margin-bottom:4px}#cotiza .check{margin:4px 0}
#cotiza .precio-caja{padding-top:13px;padding-bottom:5px}#cotiza .precio-caja .val{font-size:34px;color:#d4a0b2}
.opciones-variantes button[aria-checked=true]{background:#38262f;border-color:#bb8a9f;box-shadow:inset 0 0 0 1px #bb8a9f}
.opciones-variantes button b{color:#d7a6b7}.tipo-presentacion button[aria-pressed=true]{background:#3a2832;color:#e9c8d5}
.gal-tiras button{opacity:.83}.gal-tiras button[aria-current=true]{opacity:1}

/* Continuidad entre contenido, preguntas, precios y mayoristas. */
.producto-detalles,.productos-relacionados,#mayoristas,#como{background:#171415;color:var(--crema);border-top:1px solid #342a30}
.producto-detalles{padding-block:48px}.productos-relacionados{padding-block:32px}
.producto-detalles :is(h2,h3,summary),.productos-relacionados h2,.faq-extra :is(h2,summary){color:#e6dadc}
.producto-detalles .eyebrow,.productos-relacionados .eyebrow{color:#bc8b9c}
.detalles-grid p,.producto-detalles details p,.faq-extra details p{color:#bcaeb3;font-size:14px;line-height:1.75}
.producto-detalles details,.faq-extra details{border-color:#514049}
.tabla-scroll{border-color:#514049;background:#1c171a}.tabla-precios th{background:#2a2026;color:#cdb5c0;border-color:#514049}
.tabla-precios td{color:#e1d5d9;border-color:#3e3037}.tabla-precios a{color:#c9a4b4}.tabla-precios a:hover{color:#efc6d8}
.relacionados-links a{background:#211a1e;color:#d5bcc8;border-color:#57414e}.relacionados-links a:hover{background:#3a2832;color:#efcfdd}
#como{padding-block:48px}.pasos{gap:40px}.pasos-tit h2{color:#e4d9dc;font-weight:650;font-size:38px}.pasos-tit .eti{color:#bd8c9f}
.pasos-lista-n h3{color:#e1d5d9;font-weight:600;font-size:21px}.pasos-lista-n p{color:#bbaeB2;font-size:14px;line-height:1.7}
.pasos-lista-n li{border-color:#4a3641}.pasos-lista-n .n{border-color:#805a6c;background:#30222a;color:#d9acbf}
#mayoristas{padding-block:56px}#mayoristas .enc :is(h2,h3){color:#e5d9dd;font-weight:650}#mayoristas .enc p{color:#bcb0b5}
.mayor-eti{color:#c095a5}.mayor-rejilla{background:none;border:1px solid #4a3540;border-radius:5px;gap:1px;overflow:hidden}
.mayor-c{background:#20191d;border-color:#4b3642}.mayor-c .q{color:#c697ab}.mayor-c .d{color:#eadbe2;font-weight:650}.mayor-c .d small,.mayor-c .t{color:#bfaab5}
.mayor-pie h3{color:#dccbd3}.mayor-pie p,.mayor-lista li,.mayor-lista .p{color:#bbaab3;font-size:14px}.mayor-lista li{border-color:#4b3541}.mayor-lista b,.mayor-lista .si,.mayor-lista .no{color:#cda1b5}
.mayor-pie .boton,.mayor-pie a.boton{background:#32232c;border:1px solid #785264;color:#e6becf}.mayor-pie .boton:hover{background:#44303b}

/* La tienda y los documentos comparten la misma paleta. */
.claro{--papel:#151213;--tarjeta:#211a1e;--raya:#48353f;--tinta:#e6dce0;--tinta-2:#c0aeb7;--tinta-3:#aa909e;--rosa-txt:#d2a1b4;background:var(--papel);color:var(--tinta)}
.claro .enc :is(h1,h2){color:#e6dce0}.claro .enc p,.claro .resumen-tienda{color:#baa7b1}.claro .eti{color:#c799ac}
.barra-filtros{background:#151213f5;border-color:#44313a;top:72px}
#buscar{background:#21191e;border-color:#664651;color:#e7d9df}#buscar::placeholder{color:#a68c99}
.chip{background:#21191e;color:#cbb4bf;border-color:#573a47}.chip:hover,.chip[aria-pressed=true],.chip.activo{background:#422936;color:#ebc6d8;border-color:#aa768d}
.obra{color:#e3d6dd}.obra .marco{background:#221b1f}.obra .meta{color:#ded0d7}.obra .meta>span{color:#bca2af}.obra .corazon{background:#20181ed9;color:#deb7c9;border-color:#624451}
.vacio-tienda{background:#241b20;color:#d4bec8;border-color:#664552}
.doc,.doc h3,.doc h4{color:#e0d2d9}.doc :is(p,li){color:#c2afb9}.doc a{color:#d6a3b9}.doc .actualizado{color:#b899a8}
.legal-tabs a{background:#20181d;color:#c9afbd;border-color:#61404f}.legal-tabs a[aria-current],.legal-tabs a.activo{background:#3b2632;color:#e8bdd1}

/* Paneles de pedido y selección; los montajes conservan sus capas originales. */
.panel,.obra-modal{background:#1c171a;color:#e6dae0;border-color:#58404d}
.panel-top,.panel-pie,.pdp-info,.pdp-total{border-color:#48323e}.panel-pie{background:#241b21}
.panel-top h3,.panel .item .nom,.panel .item .pr,.panel-pie .tot,.panel-pie .tot .v,.pdp-info h3,.pdp-total .val{color:#e7d5df}
.panel .item .cat-n,.panel .item .det,.panel .quitar,.panel .vacio,.nota-pie,.paga-con .rot,.pc-rot,.cuando{color:#bca2b1}
.panel .item{border-color:#4b3340}.panel .vacio a{background:#3e2934;color:#eac6d8}
.panel .nota-pie{color:#bca2b1}.panel .paga-con{border-color:#59404c}
.item-controles button,.panel .cerrar,.obra-modal>.cerrar,.pdp-pasos button{background:#30222b;color:#dfbacd;border-color:#694757}
.panel-pie .tot .l,.pchip,.pc-num{color:#dcc1d0}.pchip,.pc-num{background:#2b1e26;border-color:#644353}
.pdp-info p,.pdp-rot,.pdp-cant .rot,.pdp-total .rot,.pdp-pasos span,.pdp-nota{color:#bfa3b2}
.pdp-info .eti{color:#c89bae}.obra-modal .btn-add{background:#35252e;color:#e6c4d4;border:1px solid #8b6275}.obra-modal .btn-add:hover{background:#4b3240;color:#f3d8e5}
.pdp-vista,.pdp-arte{background:#151113;border-color:#4e3442}
.fmt{background:#231a20;border-color:#59404c;color:#d4b9c7}.fmt :is(.fn,.fp,.fd){color:#d4b9c7}.fmt[aria-pressed=true],.fmt.activo{background:#3c2733;border-color:#b77f99}
.pdp-chips button,.pdp-cant button{background:#271c23;color:#d7b9c8;border-color:#684556}
.pdp-chips button[aria-pressed=true]{background:#523245;color:#f0c9df;border-color:#c58daa}
#pdp-opciones select{background:#291d25;color:#e1cbd7;border-color:#785062}
.pdp-total .val{color:#d9a5bd}.pdp-cant{color:#dfc6d4}.pdp-pasos button:hover{background:#45303c}
.cajon{background:#1b1619;color:#e1d1d8}.cajon-cerrar{color:#dbc1ce}.cajon a{color:#d3b8c6}
.mobile-dock{background:#191417f5;border-color:#523644}.mobile-dock .dock-cta{background:#ae7e93;color:#171015}.mobile-dock .dock-pedido{background:#2c1e27;color:#e0bfce}

/* Sakura inicia siempre; se conserva una pausa discreta en el pie. */
html:not([data-motion=off]) #sk-far,html:not([data-motion=off]) #sk-mid{display:block!important}
@media(min-width:641px){html:not([data-motion=off]) #sk-near{display:block!important}}
/* Pétalos visibles en el fondo; sakura.js reserva el área de los controles. */
#sk-far{z-index:3;opacity:.58;filter:none}
#sk-mid{z-index:4;opacity:.76;filter:none}
#sk-near{z-index:5;opacity:.22;filter:none}
/* Los paneles de compra reciben toda la atención al abrirse. */
body:has(#obra-modal:not([hidden]),#panel:not([hidden]),#productos-panel:not([hidden]),#cajon:not([hidden])) :is(#sk-far,#sk-mid,#sk-near){opacity:.08}
html[data-motion=off] #sk-far,html[data-motion=off] #sk-mid,html[data-motion=off] #sk-near{display:none!important}
.pie-fin{font-size:12px}.pausa-animacion{font-size:12px;border-color:#503342;color:#b79aa9}.pie-g .logo{max-width:210px}.pie-g a{font-size:13px}

@media(max-width:1100px){.barra .env{gap:22px}.nav-links{gap:18px}.contacto{display:none}.hero-copy{padding:28px!important}.hero-copy .hero-titulo{font-size:42px}.hero-tabs button{padding:10px}.hero-tabs{gap:0}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr}.hero-copy .hero-titulo{font-size:36px}.hero-copy>p:not(.hero-detalle){font-size:14px}.hero-copy .hero-actions{gap:14px}.hero-actions .boton{padding:13px;font-size:13px}.hero-actions .texto-link{font-size:12px}#catalogo .rejilla{grid-template-columns:repeat(3,minmax(0,1fr))!important}#catalogo .cat:nth-child(n) h3{font-size:21px}.nav-links{display:none}.barra .logo{flex-basis:175px}.barra .env{height:68px}.logo-original{width:175px;height:39px}.cambiar-producto{gap:10px;padding-inline:28px}.cambiar-producto nav{flex-wrap:nowrap;overflow:auto;max-width:100%;padding-bottom:6px}.cambiar-producto a{white-space:nowrap}}
@media(max-width:640px){.barra .env{height:64px;padding-inline:18px;gap:14px}.barra .logo{flex-basis:145px}.logo-original{width:145px;height:33px}.barra .btn-pedido{padding:8px 10px;background:#251e22;color:#e8d4dc;min-height:38px}.derecha{gap:7px}.hero-nuevo{padding-top:17px}.hero-grid{display:flex;flex-direction:column}.hero-copy{width:100%;padding:24px!important}.hero-copy .hero-titulo{font-size:36px}.hero-copy>p:not(.hero-detalle){font-size:15px;max-width:none}.hero-visual{aspect-ratio:1;max-height:none}.hero-copy .hero-precio{margin-top:15px}.hero-copy .hero-actions{margin-top:18px}.hero-controles{gap:12px;flex-wrap:wrap}.hero-tabs{flex:1;display:grid;grid-template-columns:1fr 1fr}.hero-tabs button{text-align:left;font-size:12px}.hero-bajar{padding-top:12px}#catalogo .rejilla{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}#catalogo .cat:nth-child(n) .barra-inf{padding:13px 12px 16px}#catalogo .cat:nth-child(n) h3{font-size:19px}#catalogo .cat:nth-child(n) .d{font-size:13px}.cambiar-producto{padding-inline:20px;margin-bottom:18px}#cotiza .col-der{position:static}.producto-intro h1{font-size:33px}.pasos-tit h2{font-size:32px}.producto-detalles,#como,#mayoristas{padding-block:34px}.producto-detalles .detalles-grid{gap:32px}.panel-pie{background:#241b21}.mobile-dock{background:#191417f5}}

/* Ficha compacta: galería estable, opciones desplazables y compra visible. */
.obra-modal{width:min(1160px,calc(100vw - 48px));height:min(800px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);overflow:hidden;display:flex;flex-direction:column;background:#1c171a;isolation:isolate}
.pdp-barra{height:52px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 26px;border-bottom:1px solid #45343e;color:#bba6b1;font-size:13px}
.obra-modal .pdp-barra .cerrar{position:static;float:none;margin:0;padding:0;display:grid;place-items:center;width:36px;height:36px;background:#2c2228;border:1px solid #604453;border-radius:50%;color:#e2c4d3;font-size:26px;flex:none}
.obra-modal .obra-cuerpo{padding:0;gap:0;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0;flex:1;overflow:clip}
.obra-modal .pdp-gal{padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:0;border-right:1px solid #45343e;background:#181416}
.pdp-visor{width:min(100%,calc(100dvh - 430px));max-width:520px;aspect-ratio:1;position:relative;flex:none}
.obra-modal .pdp-vista{width:100%;height:100%;max-height:none;aspect-ratio:1;border-radius:5px;background:#141113;outline-offset:4px;touch-action:pan-y;cursor:zoom-in}
.pdp-vista[data-ampliada=true]{cursor:grab;touch-action:none}
.pdp-vista[data-ampliada=true]:active{cursor:grabbing}
.pdp-vista .pdp-arte{cursor:inherit;background:#141113}
.pdp-vista .pdp-lamina{inset:4%;transform-origin:var(--ox,50%) var(--oy,50%)}
.pdp-vista .pdp-lamina img{background:none;user-select:none;-webkit-user-drag:none}
.pdp-vista>.mk{inset:auto;left:0;top:0;width:100%;height:100%;transition:opacity .2s ease}
.pdp-vista[data-ampliada=true]>.mk{transform:none;width:calc(100% * var(--zoom-factor,2));height:calc(100% * var(--zoom-factor,2));left:var(--zoom-left,0%);top:var(--zoom-top,0%)}
.pdp-vista[data-ampliada=true] .mk-capa{transition:none;will-change:auto}
.pdp-vista[data-ampliada=true] .pdp-lamina{transform:scale(var(--zoom-factor,2))}
.pdp-zoom{position:absolute;right:10px;top:10px;z-index:3;min-height:40px;padding:7px 13px;border-radius:5px;border:1px solid #765766;background:#21191fe8;color:#f0e6ec;font:600 13px Montserrat,sans-serif;cursor:pointer}
.pdp-zoom:hover{background:#3d2d37}
.obra-modal .pdp-tiras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:370px;margin:0;padding:0;overflow:visible;flex:none}
.obra-modal .pdp-tiras button{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;height:auto;min-width:0;padding:5px 5px 7px;border:1px solid #4d3c46;border-radius:5px;background:#211a1f;color:#bfaeb8;overflow:hidden;transform:none;box-shadow:none}
.obra-modal .pdp-tiras button[aria-selected=true]{border-color:#c197aa;background:#382630;color:#eddae4;box-shadow:inset 0 0 0 1px #c197aa}
.obra-modal .pdp-tiras button:hover{border-color:#a37e90;transform:none}
.pdp-miniatura{width:100%;height:64px;position:relative;overflow:hidden;display:block;border-radius:2px;background:#141113}
.pdp-vista-nombre{font-size:12px;line-height:1.4;font-weight:500;white-space:nowrap}
.obra-modal .pdp-lectura,.obra-modal .pdp-aviso-zoom{font-size:12px;line-height:1.5;text-align:center;color:#b3a2ac;margin:0;max-width:42ch;min-height:36px;flex:none}
.obra-modal .pdp-aviso-zoom{position:absolute;bottom:10px;left:10px;right:10px;z-index:3;min-height:0;max-width:none;padding:8px 10px;border-radius:4px;background:#21191feb;color:#e0cad6;pointer-events:none}
.obra-modal .pdp-info{padding:0;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.pdp-config{padding:25px 26px 18px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#705363 #21191e;scrollbar-gutter:stable}
.obra-modal .pdp-info h3{font-size:25px;line-height:1.15;font-weight:650;letter-spacing:-.035em;margin:0 0 10px;color:#eadfe5;text-transform:none}
.obra-modal .pdp-sub{font-size:14px;line-height:1.5;margin:0 0 22px;color:#bdaeb6}
.obra-modal .pdp-rot{font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;color:#dfcad6;margin:0 0 9px}
.obra-modal .pdp-fmts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.obra-modal .fmt{padding:11px 10px;min-height:65px;display:block;border:1px solid #58424f;background:#231b20;transition:background .25s,border-color .25s}
.obra-modal .fmt .fn{font-size:15px;font-weight:600;color:#e4d5de;margin:0 0 5px}
.obra-modal .fmt .fp{font-size:12px;font-weight:500;color:#c2aeb9;margin:0;white-space:normal}
.obra-modal .fmt[aria-pressed=true]{border-color:#c197aa;background:#3d2935}
.obra-modal .pdp-medidas{margin-top:22px}
.obra-modal .pdp-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.obra-modal .pdp-chips button{font-size:13px;line-height:1.45;font-weight:500;text-align:left;padding:10px 11px;border-radius:4px;color:#d4c0cb;border-color:#58424f;min-height:61px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;background:#241c22}
.obra-modal .pdp-chips button b{display:block;font-size:14px;font-weight:600;color:#d6a5bc}
.obra-modal .pdp-chips button[aria-pressed=true]{background:#3c2935;border-color:#c197aa;color:#f0e5eb}
.obra-modal .pdp-chips button[aria-pressed=true] b{color:#edc6d9}
.obra-modal #pdp-opciones:empty{display:none}
.obra-modal #pdp-opciones{margin-top:18px}
.obra-modal #pdp-opciones label{display:block;font-size:14px;margin-bottom:8px;color:#dfcad6;font-weight:600}
.obra-modal #pdp-opciones select,.obra-modal .pdp-ajuste select{background:#261c23;border:1px solid #684f5e;border-radius:4px;color:#e3d2dc;font:500 14px Montserrat,sans-serif;width:100%;min-height:42px;padding:9px 10px}
.obra-modal .pdp-ajuste{display:block;margin-top:18px;font-size:14px;font-weight:600;color:#dfcad6}
.obra-modal .pdp-ajuste select{margin-top:8px}
.pdp-girar{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:13px;color:#d7bccb;line-height:1.5;cursor:pointer}
.pdp-girar input{accent-color:#c197aa;width:18px;height:18px;flex:none}
.pdp-girar[hidden]{display:none}
.obra-modal .nota-montaje{font-size:12px;line-height:1.6;color:#b9a8b1;margin:10px 0 0}
.pdp-compra{flex:none;padding:14px 26px 15px;border-top:1px solid #4a3743;background:#241b21}
.obra-modal .pdp-seleccion{font-size:12px;line-height:1.5;color:#c7adbc;margin:0 0 10px;overflow-wrap:anywhere}
.pdp-compra-linea{display:flex;align-items:center;justify-content:space-between;gap:16px}
.obra-modal .pdp-cant{margin:0;display:block}
.obra-modal .pdp-cant .rot{display:none}
.obra-modal .pdp-pasos{border:1px solid #755668;border-radius:4px}
.obra-modal .pdp-pasos button{height:38px;width:38px;background:#30222b;color:#e4ccd9}
.obra-modal .pdp-pasos button:disabled{opacity:.35;cursor:default}
.obra-modal .pdp-pasos span{color:#eddae4;min-width:34px}
.obra-modal .pdp-total{margin:0;padding:0;border:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.obra-modal .pdp-total .rot{font-size:12px;text-transform:none;letter-spacing:0;color:#c4aebb}
.obra-modal .pdp-total .val{font-size:29px;line-height:1.15;color:#dfacc4;font-weight:650}
.obra-modal .pdp-cta{position:static;margin-top:12px;padding:12px;min-height:45px;background:#bd93a8;border:1px solid #bd93a8;color:#1c1217;font-size:14px;font-weight:650;transition:background .2s,transform .15s}
.obra-modal .pdp-cta:hover{background:#d1aabe;border-color:#d1aabe;color:#1c1217}
.obra-modal .pdp-cta:active{transform:scale(.99)}
.obra-modal .pdp-nota{font-size:12px;text-align:center;margin:9px 0 0;color:#bfa8b6}
.mk[data-f=cuadros] .mk-pieza{padding:var(--moldura,2.6%)}
.mk[data-marco=escarchado] .mk-pieza::before{content:"";position:absolute;inset:0;background-image:url('/referencias/escarchado-fino-plateado.webp');background-size:180px;mix-blend-mode:overlay;filter:contrast(1.65);opacity:1;pointer-events:none}
.mk[data-marco=escarchado] .mk-pieza::after{content:"";position:absolute;inset:0;background-image:url('/referencias/escarchado-fino-plateado.webp');background-size:180px;mix-blend-mode:screen;filter:brightness(.55) contrast(2.5);opacity:.62;pointer-events:none}
.mk[data-marco=escarchado] .mk-arte{z-index:1}
.mk[data-f=retablos] .mk-arte::after{box-shadow:inset 0 0 0 .6px #211d1b,inset 0 1px #fff2}
.mk[data-f=retablos][data-angulo=si] .mk-pieza{box-shadow:none}
.mk[data-f=retablos][data-angulo=si] .mk-pieza::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:var(--canto,5px);background:linear-gradient(90deg,#131212,#2c2b29 40%,#181717);box-shadow:inset 1px 0 #4443}
.mk[data-f=retablos] .mk-papel{opacity:.045}
.mk[data-f=retablos] .mk-acabado{background:linear-gradient(112deg,transparent 10%,#fff8ed05 27%,#fff8ed32 33%,#fff8ed0a 40%,transparent 48%)}
.mk[data-escala=comparar] .mk-capa{transition:transform .38s ease,width .38s ease,height .38s ease,opacity .2s ease}
.mk[data-escala=comparar][data-f=posters] .mk-capa{filter:drop-shadow(calc(var(--unidad)*.04) calc(var(--unidad)*.08) calc(var(--unidad)*.035) #0006)}
.mk[data-escala=comparar][data-f=cuadros] .mk-capa,.mk[data-escala=comparar][data-f=retablos] .mk-capa{filter:drop-shadow(calc(var(--unidad)*.18) calc(var(--unidad)*.28) calc(var(--unidad)*.18) #0005) drop-shadow(calc(var(--unidad)*.4) calc(var(--unidad)*.5) calc(var(--unidad)*.45) #0003)}
.mk[data-escala=comparar][data-marco=escarchado] .mk-pieza::before,.mk[data-escala=comparar][data-marco=escarchado] .mk-pieza::after{background-size:var(--textura)}
.mk-referencia{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;pointer-events:none;z-index:1;filter:drop-shadow(1px 2px 1px #0004)}
.mk-referencia[data-tipo=toma]{border-radius:4%}
.mk-referencia img{position:absolute;display:block;max-width:none;object-fit:fill}
.pdp-miniatura>.mk{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1}
.pdp-miniatura:has(>.mk){aspect-ratio:1;width:auto;max-width:100%;margin:auto}
.pdp-orientacion{margin:18px 0 0;padding:0;border:0;min-width:0}
.pdp-orientacion[hidden]{display:none}
.pdp-orientacion legend{font-size:14px;font-weight:600;color:#dfcad6;margin-bottom:9px}
.pdp-direcciones{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pdp-direcciones label{position:relative;cursor:pointer}
.pdp-direcciones input{position:absolute;width:1px;height:1px;opacity:0}
.pdp-direcciones span{display:block;padding:11px 9px;background:#261c23;border:1px solid #684f5e;border-radius:4px;font-size:13px;color:#d6c1cd}
.pdp-direcciones input:checked+span{background:#3d2935;border-color:#c197aa;color:#f0e3eb}
.pdp-direcciones input:focus-visible+span{outline:2px solid #e2b6cc;outline-offset:3px}
.mk .mk-arte{z-index:1}
.mk .mk-pieza~div{z-index:2}
.mk img{user-select:none;-webkit-user-drag:none}
.mk[data-cargando=si] .mk-capa{opacity:0}
.mk[data-error=si] .mk-capa{opacity:0}
.mk[data-error=si]::after{content:"No se pudo cargar esta vista. Selecciona otra para volver a intentar.";position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:20px;background:#211a1f;color:#d6bdcb;font-size:13px}
@media(max-width:1000px) and (min-width:861px){.obra-modal .pdp-gal{padding:18px}.pdp-config{padding:20px 18px}.pdp-compra{padding-inline:18px}.obra-modal .pdp-info h3{font-size:23px}.obra-modal .pdp-chips button{font-size:12px}.pdp-vista-nombre{font-size:11px}}
@media(max-width:860px){
 .obra-modal{width:min(680px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);top:50%;left:50%;transform:translate(-50%,-50%)}
 .obra-modal .obra-cuerpo{display:block;overflow:auto;overscroll-behavior:contain;padding-bottom:195px}
 .obra-modal .pdp-gal{border-right:0;border-bottom:1px solid #45343e;padding:18px;gap:12px}
 .pdp-visor{width:min(100%,36dvh);max-width:400px}
 .pdp-miniatura{height:42px}.obra-modal .pdp-tiras{max-width:310px;gap:9px}
 .obra-modal .pdp-lectura{font-size:12px;min-height:0;max-width:42ch}
 .pdp-config{overflow:visible;padding:20px 20px 24px;scrollbar-gutter:auto}
 .pdp-compra{position:absolute;bottom:0;left:0;right:0;z-index:6;padding:11px 20px;background:#241b21;box-shadow:0 -8px 25px #0002}
 .obra-modal .pdp-seleccion{margin-bottom:6px}.obra-modal .pdp-nota{margin-top:7px}
 .obra-modal .pdp-info{overflow:visible}.obra-modal .pdp-info h3{font-size:24px}
 .obra-modal .pdp-cta{min-height:43px;margin-top:9px}.pdp-barra{padding-left:20px;height:48px}
 .obra-modal:not([hidden]){animation:fichaEntra .25s ease both}
}
@media(max-width:520px){.obra-modal{width:100%;height:100dvh;max-height:100dvh;top:0;left:0;transform:none;border-radius:0;border:0}.obra-modal:not([hidden]){animation:fichaMovil .25s ease both}.pdp-config{padding:18px 16px 24px}.pdp-compra{padding-inline:16px}.obra-modal .pdp-fmts{gap:6px}.obra-modal .fmt{padding:10px 8px}.obra-modal .fmt .fn{font-size:14px}.obra-modal .fmt .fp{font-size:12px}.obra-modal .pdp-chips button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.obra-modal:not([hidden]),.obra-modal *{animation:none!important;transition:none!important}}
html[data-motion=off] .obra-modal:not([hidden]),html[data-motion=off] .obra-modal *{animation:none!important;transition:none!important}

/* Selección de encuadre siempre visible. */
.pdp-encuadre{margin:16px 0 0;padding:12px 0 0;border:0;border-top:1px solid #59414f;min-width:0}
.pdp-encuadre legend{float:left;width:100%;font-size:14px;font-weight:600;color:#ead9e3;margin:0 0 10px}
.pdp-ajustes{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pdp-ajustes label{position:relative;cursor:pointer;min-width:0}
.pdp-ajustes input{position:absolute;top:13px;left:10px;width:15px;height:15px;margin:0;accent-color:#dfadc6;cursor:pointer}
.pdp-ajustes span{display:block;min-height:84px;padding:11px 9px 10px 32px;background:#261c23;border:1px solid #715464;border-radius:5px}
.pdp-ajustes b{display:block;font-size:14px;line-height:1.35;font-weight:600;color:#e9dce4}
.pdp-ajustes small{display:block;font-size:12px;line-height:1.5;color:#c9b4c0;margin-top:5px}
.pdp-ajustes input:checked+span{background:#412d39;border-color:#d6a5be;box-shadow:inset 0 0 0 1px #d6a5be}
.pdp-ajustes input:focus-visible+span{outline:2px solid #f0c6dc;outline-offset:3px}
.pdp-ajustes label:hover span{border-color:#d6a5be}
.obra-modal .pdp-config .fmt{padding:10px;min-height:84px}
.obra-modal .pdp-config .fmt .fn{line-height:1.3;margin-bottom:3px}
.obra-modal .pdp-config .fmt .fd{min-height:0;margin:3px 0 6px;line-height:1.4}
.obra-modal .pdp-config .fmt .fp{line-height:1.4}
.mk[data-escala=contexto] .mk-capa,.mk-canto,.mk-referencia{transition:transform .38s ease,width .38s ease,height .38s ease,opacity .2s ease}
.mk[data-entrada=si] .mk-canto,.mk[data-entrada=si] .mk-referencia{transition:none}
.mk-canto{position:absolute;left:0;top:0;transform-origin:0 0;background-image:linear-gradient(90deg,#0002,#0005),url('/montajes/v4/mdf-negro.webp');box-shadow:inset 1px 0 #ffffff16;filter:drop-shadow(3px 4px 3px #0004)}
.mk[data-listo=no] .mk-canto,.mk[data-cargando=si] .mk-canto{opacity:0}
.mk[data-f=retablos] .mk-capa{filter:drop-shadow(1px 2px 1px #0006) drop-shadow(4px 7px 6px #0003)}
.mk[data-f=retablos][data-angulo=si] .mk-pieza::before{display:none}
.mk[data-f=retablos] .mk-acabado{background:linear-gradient(112deg,transparent 10%,#fff9ed07 24%,#fff9ed38 35%,#fff9ed08 44%,transparent 53%)}

/* Montajes v3: fotografía cercana por defecto y escala solo a petición. */
.obra-modal .pdp-gal{gap:12px;padding:24px}
.pdp-visor{width:min(100%,calc(min(800px,100dvh - 48px) - 278px));max-width:550px}
.pdp-zoom{top:auto;bottom:10px}
.obra-modal .pdp-aviso-zoom{bottom:58px}
.pdp-escala{position:absolute;left:10px;top:10px;z-index:3;min-height:40px;padding:7px 12px;border:1px solid #a3958766;border-radius:5px;background:#f1ede4ed;color:#292425;font:600 12px Montserrat,sans-serif;cursor:pointer;box-shadow:0 1px 4px #0001}
.pdp-escala:hover{background:#fff8ed}
.pdp-escala[aria-pressed=true]{background:#30262deb;color:#eee0e6;border-color:#a07c90}
.mk[data-escala=detalle] .mk-capa{transition:transform .38s ease,width .38s ease,height .38s ease,opacity .2s ease}
.mk[data-foto-v3=true] .mk-luz{background-image:linear-gradient(110deg,#fff 10%,#f2f0ed 80%)!important;background-size:100% 100%!important;opacity:.38}
.mk[data-foto-v3=true] .mk-bri{display:none}
.mk[data-foto-v3=true] .mk-tono{opacity:.025}
.mk[data-foto-v3=true] .mk-papel{opacity:.035}
.mk[data-foto-v3=true] .mk-arte::after{box-shadow:inset 0 0 0 .65px #0004,inset 0 1px #fff2}
.mk[data-escala=detalle][data-f=posters] .mk-capa{filter:drop-shadow(0 1.4px .7px #0005) drop-shadow(2px 4px 3px #0002)}
.mk[data-escala=detalle][data-f=cuadros] .mk-capa{filter:drop-shadow(1px 2px 1px #0007) drop-shadow(5px 8px 7px #0003)}
.mk[data-escala=detalle][data-f=retablos] .mk-capa{filter:drop-shadow(1px 2px 1px #0006) drop-shadow(4px 6px 5px #0003)}
.mk[data-escala=detalle][data-marco=escarchado] .mk-pieza::before,.mk[data-escala=detalle][data-marco=escarchado] .mk-pieza::after{background-size:var(--textura)}
@media(max-width:860px){
 .obra-modal .pdp-gal{padding:16px;gap:10px}
 .pdp-visor{width:100%;max-width:520px}
 .pdp-escala{font-size:11px;padding:6px 9px;min-height:36px;left:8px;top:8px}
 .pdp-zoom{font-size:12px;padding:6px 10px;min-height:36px;right:8px;top:auto;bottom:8px}
}

/* v29 · Fotografía de producto y escala cumplen funciones distintas. */
.pdp-galeria-cabecera{display:flex;justify-content:space-between;gap:16px;width:100%;max-width:550px;align-items:center;min-height:22px;color:#c5b8c0;font-size:13px;line-height:1.4}
.pdp-galeria-cabecera strong{color:#f0e4e9;font-size:15px;white-space:nowrap;font-weight:600}
.obra-modal .pdp-gal{justify-content:center;gap:12px}
.pdp-visor{width:min(100%,calc(min(800px,100dvh - 48px) - 308px));max-width:550px}
.mk[data-estudio=si]{background:var(--fondo-estudio,#dfdcd5);isolation:isolate}
.mk[data-estudio=si] .mk-foto,.mk[data-estudio=si] .mk-luz-foto{position:absolute;inset:auto;max-width:none;object-fit:fill;display:block;transition:width .4s ease,height .4s ease,left .4s ease,top .4s ease}
.mk[data-estudio=si] .mk-foto{mask-image:none;}
.mk[data-estudio=si] .mk-capa{filter:none!important;transition:transform .4s ease,width .4s ease,height .4s ease;will-change:auto}
.mk[data-estudio=si] .mk-luz-foto{mix-blend-mode:multiply;opacity:.7;pointer-events:none;z-index:3}
.mk[data-estudio=si] .mk-pieza{box-shadow:none!important;background:transparent}
.mk[data-estudio=si] .mk-pieza::before,.mk[data-estudio=si] .mk-pieza::after{display:none}
.mk[data-estudio=si] .mk-arte{background:#efeee8}
.mk[data-estudio=si] .mk-arte::after{box-shadow:inset 0 0 0 .7px #fff3}
.mk[data-estudio=si] .mk-luz,.mk[data-estudio=si] .mk-bri,.mk[data-estudio=si] .mk-tono,.mk[data-estudio=si] .mk-papel{display:none}
.mk[data-estudio=si] .mk-acabado{opacity:.3;background:linear-gradient(112deg,#fff0 25%,#fff8 38%,#fff0 56%)}
.mk[data-estudio=si][data-acabado=Mate] .mk-acabado{opacity:0}
.mk[data-estudio=si][data-f=cuadros] .mk-luz-foto{display:none}
.mk[data-estudio=si][data-f=cuadros] .mk-pieza{padding:var(--moldura);background-image:linear-gradient(135deg,#ffffff0a,#0006),url('/montajes/v4/mdf-negro.webp');background-size:100% 100%,220px;box-shadow:inset 0 0 0 1px #fff2!important}
.mk[data-estudio=si][data-f=cuadros] .mk-arte::after{box-shadow:inset 2px 3px 6px #0007,inset -1px -1px 2px #0003}
.mk[data-estudio=si][data-color=Dorado] .mk-pieza{background-image:linear-gradient(135deg,#c3a252,#83612f);}
.mk[data-estudio=si][data-color=Plateado] .mk-pieza{background-image:linear-gradient(135deg,#c1c5c8,#7f8388);}
.mk[data-estudio=si][data-color=Rosado] .mk-pieza{background-image:linear-gradient(135deg,#c5a3af,#96697d);}
.mk[data-estudio=si][data-color=Blanco] .mk-pieza{background-image:linear-gradient(135deg,#f1f0eb,#bbbcb8);}
.mk[data-estudio=si][data-marco=escarchado] .mk-pieza::before,.mk[data-estudio=si][data-marco=escarchado] .mk-pieza::after{display:block;background-size:var(--textura)}
.mk[data-estudio=si][data-entrada=si] *{transition:none!important}
.mk[data-cargando=si] .mk-luz-foto{opacity:0}
.pdp-comparacion{position:absolute;inset:0;overflow:hidden;background:#f0eee9;color:#342d31;cursor:default}
.pdp-comparacion[hidden]{display:none}
.pdp-es-comparacion{cursor:default!important}
.escala-titulo{position:absolute;top:5%;left:7%;right:7%;display:flex;flex-direction:column;gap:5px}
.escala-titulo strong{font-size:clamp(17px,1.6vw,22px);letter-spacing:-.035em;font-weight:650;color:#31262c;line-height:1.2}
.escala-titulo span{font-size:13px;color:#766a6f;line-height:1.4}
.escala-base{position:absolute;left:6%;right:6%;height:1px;background:#c8bebf}
.escala-carta,.escala-pieza{position:absolute;transition:top .35s ease,width .35s ease,height .35s ease,left .35s ease}
.escala-carta{background:#fff;border:1px solid #b6adae;box-shadow:0 3px 8px #3925300a}
.escala-pieza{background:#e0d9dc;box-shadow:0 2px 5px #38202d25;border:1px solid #816878;overflow:hidden}
.escala-pieza img,.escala-pieza svg{width:100%;height:100%;object-fit:contain;display:block;max-width:none}
.escala-pieza[data-ajuste=llenar] img{object-fit:cover}
.escala-pieza[data-ajuste=estirar] img{object-fit:fill}
.escala-cota-x,.escala-cota-y{position:absolute;color:#725767;border-color:#9f8794;font-size:13px;transition:top .35s ease,width .35s ease,height .35s ease,left .35s ease}
.escala-cota-x{border-bottom:1px solid}
.escala-cota-x:before,.escala-cota-x:after{content:'';position:absolute;bottom:-4px;height:7px;width:1px;background:#9f8794;left:0}.escala-cota-x:after{left:auto;right:0}
.escala-cota-x span{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);white-space:nowrap;font-weight:600}
.escala-cota-y{border-right:1px solid}
.escala-cota-y:before,.escala-cota-y:after{content:'';position:absolute;left:-3px;height:1px;width:7px;background:#9f8794;top:0}.escala-cota-y:after{top:auto;bottom:0}
.escala-cota-y span{position:absolute;top:50%;left:8px;transform:translateY(-50%);white-space:nowrap;font-weight:600}
.escala-rotulo{position:absolute;transform:translateX(-50%);font-size:12px;line-height:1.5;display:flex;flex-direction:column;align-items:center;white-space:nowrap;color:#766a6f}
.escala-rotulo b{font-weight:600;font-size:13px;color:#392e34}
.obra-modal .pdp-tiras{max-width:440px;gap:10px}
.pdp-miniatura>svg{width:100%;height:100%;display:block}
.obra-modal .pdp-lectura{font-size:12px;line-height:1.5;max-width:48ch;min-height:36px;color:#c0afb8}
@media(max-width:860px){.pdp-visor{width:100%;max-width:520px}.pdp-galeria-cabecera{max-width:520px}.escala-titulo strong{font-size:20px}.escala-titulo span{font-size:12px}}
@media(max-width:420px){.pdp-galeria-cabecera{font-size:12px}.pdp-vista-nombre{font-size:11px}.obra-modal .pdp-tiras{gap:7px}.escala-cota-x,.escala-cota-y{font-size:11px}.escala-rotulo,.escala-rotulo b{font-size:11px}.escala-titulo strong{font-size:18px}}

/* Compra sencilla: productos primero, decisiones claras y detalles a petición. */
.barra{background:#111010f5;box-shadow:none;border-bottom:1px solid #332d30}
.barra .env{height:78px;gap:24px}
.nav-links.nav-simple{display:flex;gap:4px;border:1px solid #3c3338;border-radius:7px;padding:4px;background:#191617}
.nav-simple a{padding:10px 17px;border-radius:4px;font-size:14px;font-weight:550;line-height:1.4;color:#c4b9be;white-space:nowrap}
.nav-simple a:hover{background:#292126;color:#ede3e8}
.nav-simple a[aria-current=page]{background:#342730;color:#efd5e1}
.barra .contacto{font-size:14px;color:#c1b6bb;gap:8px}
.barra .btn-pedido{background:#c197aa;border:1px solid #c197aa;color:#1c1418;font-size:14px;min-height:44px;padding:11px 16px;border-radius:5px}
.barra .btn-pedido .burbuja{background:#33222b;color:#f2e6ec;font-size:12px}
/* Portada: dos familias visibles y tarjetas unidas, como en la base original. */
#catalogo{padding:32px 0 26px;border-top:0}
#catalogo .env-cat,#mas-pedidos>.env{max-width:1240px}
#catalogo .enc{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
#catalogo .eyebrow{font-size:13px;text-transform:none;letter-spacing:.02em;color:#c7a0b1;margin-bottom:10px}
.inicio-titulo{font-size:clamp(32px,3.2vw,44px);font-weight:650;letter-spacing:-.045em;line-height:1.15;color:#ede6e9;margin:0 0 12px}
.inicio-explica{font-size:16px;line-height:1.6;color:#bdb1b8;margin:0}
.inicio-ayuda{font-size:14px;color:#d4b4c3;text-underline-offset:5px;flex:none;line-height:1.6;padding:8px 0;background:none;border:0;border-radius:0}
.inicio-ayuda:hover{color:#f0d8e4;background:none}
#catalogo #rejilla{display:block!important;padding:0;background:none;border:0}
.familia-productos+.familia-productos{margin-top:24px}
#catalogo .familia-productos>h2{display:flex;align-items:center;gap:18px;font-size:17px;font-weight:550;letter-spacing:0;line-height:1.4;color:#d1bcc6;margin:0 0 12px}
#catalogo .familia-productos>h2:after{content:"";height:1px;background:#3c3037;flex:1}
#catalogo .rejilla{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;background:#3a2e35;border:1px solid #3a2e35;border-radius:5px;overflow:hidden;padding:0}
#catalogo .cat:nth-child(n){display:flex;flex-direction:column;min-width:0;border:0;border-radius:0;background:#1b1719;transform:none;padding:12px;overflow:hidden}
#catalogo .cat:nth-child(n) .foto{aspect-ratio:1;border-radius:3px;border:0;overflow:hidden}
#catalogo .cat:nth-child(n) .barra-inf{padding:12px 2px 2px;display:grid;grid-template-columns:1fr auto;gap:5px 8px;border:0;background:none}
#catalogo .cat:nth-child(n) h3{grid-column:1;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.025em;color:#e9e0e5;margin:0}
#catalogo .cat:nth-child(n) p{display:block!important;grid-column:1/-1;font-size:14px;line-height:1.4;min-height:0;margin:0;color:#b4a7af}
#catalogo .cat:nth-child(n) .d{grid-column:1/-1;font-size:14px;line-height:1.5;color:#d6a9bd;margin:3px 0 0;font-weight:550}
#catalogo .cat-accion{grid-column:2;grid-row:1;align-self:center;font-size:18px;line-height:1;color:#c4a8b6}
#catalogo .cat:hover h3{text-decoration:none;color:#eed3df}
#catalogo .cat:focus-visible{outline:2px solid #d6a9bd;outline-offset:-3px}
@media(hover:hover){#catalogo #rejilla:has(.cat:hover) .cat:not(:hover){opacity:.82}#catalogo #rejilla:has(.cat:hover) .cat:hover{opacity:1}}
#catalogo #rejilla:has(.cat:focus-visible) .cat:not(:focus-visible){opacity:.82}
.catalogo-seguir{display:flex;align-items:center;justify-content:center;gap:14px;width:fit-content;margin:22px auto 0;padding:5px 0;font-size:14px;color:#c2a8b6;text-decoration:none}
.catalogo-seguir span{font-size:18px}.catalogo-seguir:hover{color:#efd3e1}
#mas-pedidos{padding:38px 0 40px;border-top:1px solid #332a2f;background:#151213}
#mas-pedidos .enc h2,#campanas .hero-pregunta{font-size:30px;font-weight:600;letter-spacing:-.035em}
#mas-pedidos .enc{margin-bottom:25px}.aviso-fotos{font-size:14px;color:#ac9ba5;padding-top:16px}
#campanas{padding:40px 0;background:#111010;border-bottom:1px solid #332a2f}
#campanas .hero-entrada{margin-bottom:20px}
#campanas .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:50px;max-width:980px;margin:auto}
#campanas .hero-visual{max-width:320px}
#campanas .hero-titulo{font-size:34px;min-height:0;margin-bottom:14px}
#campanas .hero-copy>p{min-height:0;font-size:16px;line-height:1.6}
#campanas .hero-copy .eyebrow{font-size:12px;margin-bottom:12px}
#campanas .hero-precio{margin-top:14px;min-height:0}
#campanas .hero-precio strong{font-size:28px}
#campanas .hero-actions{margin-top:17px;gap:16px}
#campanas .hero-controles{margin-top:22px}
.bloque-disenos{padding:40px 0}.puerta-caja{padding:30px;gap:24px}.pared-p{min-height:200px}
.puerta-txt .h-puerta{font-size:30px;font-weight:600}.puerta-txt p{font-size:16px;line-height:1.6;max-width:48ch}
.puerta-btn{font-size:14px}.puerta-txt .eti-p,.cuenta-p{font-size:13px}
.cotiza-rapida{padding:0 0 36px}.cotiza-rapida>.env{max-width:1200px}
#cotiza-simple{border:1px solid #45363f;border-radius:6px;background:#191518}
#cotiza-simple>summary{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:18px;color:#e4d6de;font-weight:550}
#cotiza-simple>summary small{display:block;font-size:14px;color:#b2a0aa;font-weight:400;margin-top:4px}
#cotiza-simple>summary>span:last-child{font-size:26px;color:#c197aa}
#cotiza-simple[open]>summary{border-bottom:1px solid #45363f}
#cotiza-simple #cotiza{padding:26px 0;border:0;background:none}
#cotiza-simple #cotiza>.env{padding-inline:24px}
.cabecera-producto{padding-top:22px}.producto-intro{padding-bottom:18px;gap:24px}
.producto-intro h1{font-size:clamp(30px,3.2vw,42px)}.producto-intro .eyebrow{display:none}
.producto-intro p{max-width:65ch;line-height:1.6}.producto-desde{display:none}
.breadcrumb{font-size:14px}
.cambiar-producto{display:block;margin-bottom:18px;position:relative}
.cambiar-producto details>summary{display:inline-block;font-size:14px;cursor:pointer;color:#d7b6c6;text-decoration:underline;text-underline-offset:5px;list-style:none}
.cambiar-producto details:not([open]) nav{display:none}
.cambiar-producto details[open] nav{display:flex;padding:14px 0 0;gap:8px}
.cambiar-producto a{font-size:14px}
.archivo-cliente.env{display:flex!important;align-items:center;justify-content:space-between;gap:24px!important;margin-bottom:25px;padding-block:17px;border-block:1px solid #40303a;max-width:1064px!important}
.archivo-cliente p{font-size:14px;line-height:1.6;color:#b9a8b2;margin:0}.archivo-cliente b{display:block;color:#e1d0da;font-weight:550}
.archivo-cliente a{font-size:14px;line-height:1.5;max-width:25ch;color:#d9aec3;text-underline-offset:4px;flex:none}
#cotiza,.page-product #cotiza{padding:20px 0 42px}
#cotiza .conf-top h2{font-size:27px}.conf-top .eyebrow{display:none}
#cotiza .conf-top p{font-size:14px;line-height:1.5}
#cotiza .campo label{font-size:14px!important}#cotiza .campo select{font-size:16px}
#cotiza .opciones-variantes button{font-size:14px;line-height:1.5}
#cotiza .check b{font-size:14px}#cotiza .check .txt>span{font-size:13px}
.siguiente-paso{font-size:13px;line-height:1.6;color:#c3aebc;text-align:center;margin:0}
.cotiza-entrega summary{font-size:14px}.cotiza-entrega .nota-cotiza{font-size:13px}
.resumen-cotiza{font-size:14px}#cotiza .precio-caja .cual{font-size:13px;text-transform:none;letter-spacing:0}
.producto-detalles .eyebrow{display:none}.producto-detalles h2{font-size:26px;font-weight:600;line-height:1.2}
.producto-detalles p{font-size:16px!important;line-height:1.7}
.producto-detalles summary{font-size:14px!important;line-height:1.5}
.precios-detalle{margin-top:22px}.precios-detalle .tabla-scroll{margin-top:12px}
#como .pasos-tit .eti{display:none}#como .pasos-tit h2{font-size:30px;font-weight:600}
.pasos-lista-n h3{font-size:19px;font-weight:600;line-height:1.25}.pasos-lista-n p{font-size:15px;line-height:1.65}
#chequeo{padding:0 0 30px}.chequeo-detalles{border-bottom:1px solid #3c2e37;padding-bottom:10px}
.chequeo-detalles>summary{font-size:16px;color:#d6becb;padding:16px 0;cursor:pointer}
.chequeo-detalles .chequeo{padding-block:20px}.chequeo-detalles .izq h2{font-size:25px}
#resenas{padding-block:38px}#resenas h2{font-size:30px;font-weight:600}
.obra-modal .pdp-sub{font-size:15px;line-height:1.6;margin-bottom:18px}
.obra-modal .fmt .fd{display:block;font-size:12px;color:#baa5b1;line-height:1.4;margin:5px 0 9px;min-height:34px;font-weight:400}
.obra-modal .fmt .fp{font-size:13px}.obra-modal .pdp-chips button{font-size:14px}
.pdp-mas-opciones{margin-top:20px;border-top:1px solid #49333f;padding-top:14px}
.pdp-mas-opciones>summary{font-size:14px;color:#d0b9c6;cursor:pointer;line-height:1.5}
.pdp-mas-opciones>summary span{font-size:12px;margin-left:8px;color:#a58d9b}
.obra-modal .pdp-mas-opciones .pdp-ajuste{margin-top:12px}
.obra-modal .pdp-cant .rot{display:block;font-size:13px;letter-spacing:0;text-transform:none;color:#c7adbc;margin-bottom:5px}
.obra-modal .pdp-seleccion{font-size:13px}.obra-modal .pdp-nota{font-size:13px}
.obra-modal .pdp-compra-linea{align-items:end}
.pedido-seguir{display:block;text-align:center;font-size:14px;color:#dfbccf;padding:14px 0 4px;text-underline-offset:4px}
.panel .nota-pie{font-size:14px;line-height:1.6}.panel .paga-con{display:block;padding-top:12px;margin-top:14px}
.paga-con>summary{font-size:14px;cursor:pointer;color:#bea6b4}.paga-con .rot{display:none}
.panel .paga-con:not([open])>*:not(summary){display:none}
.panel .paga-con[open] .chips{margin-top:12px}
.panel .btn-wa{font-size:16px}.panel .tot .l{font-size:15px}
@media(max-width:1100px){.barra .env{gap:18px}.barra .contacto{display:none}.nav-simple a{padding:10px 14px}#catalogo .enc{gap:24px}.inicio-ayuda{max-width:210px}.cat-accion{font-size:12px}#catalogo .cat:nth-child(n) .d{font-size:13px}.archivo-cliente.env{margin-inline:28px;max-width:calc(100% - 56px)!important;padding-inline:0}}
@media(max-width:900px){.nav-links.nav-simple{margin-inline:auto}.barra .env{height:72px}.barra .hamburguesa{display:none}#catalogo .rejilla{grid-template-columns:repeat(3,minmax(0,1fr))!important}.inicio-ayuda{display:none}#catalogo .cat:nth-child(n) .barra-inf{grid-template-columns:1fr}.cat-accion{font-size:13px}#campanas .hero-grid{gap:28px}.archivo-cliente.env{align-items:start}.barra-filtros{top:72px}}
@media(max-width:640px){.barra .env{height:64px;gap:12px}.nav-links.nav-simple{display:none}.barra .hamburguesa{display:inline-flex}.barra .btn-pedido{padding:9px 11px;min-height:40px}.barra-filtros{top:64px}#catalogo{padding:26px 0 30px}#catalogo .enc{margin-bottom:22px}.inicio-titulo{font-size:33px}.inicio-explica{font-size:15px;line-height:1.6}#catalogo .rejilla{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 14px}#catalogo .cat:nth-child(n) h3{font-size:20px}#catalogo .cat:nth-child(n) p{font-size:13px;line-height:1.45}#catalogo .cat:nth-child(n) .d{font-size:14px}.cat-accion{font-size:13px}#mas-pedidos .enc h2,#campanas .hero-pregunta{font-size:27px}#campanas .hero-grid{display:grid;grid-template-columns:1fr;gap:18px}#campanas .hero-visual{grid-row:1;max-width:290px;justify-self:center}#campanas .hero-titulo{font-size:29px}.puerta-caja{padding:24px}.puerta-txt p{font-size:15px}.cotiza-rapida>.env{padding-inline:18px}#cotiza-simple>summary{font-size:16px;padding:18px}#cotiza-simple #cotiza>.env{padding-inline:14px}.archivo-cliente.env{display:block!important;margin-inline:20px;max-width:calc(100% - 40px)!important}.archivo-cliente a{display:inline-block;margin-top:10px;max-width:none}.cambiar-producto{padding-inline:20px}.producto-intro p{font-size:15px}.obra-modal .fmt .fd{font-size:12px;min-height:34px}.obra-modal .pdp-nota{font-size:12px}.obra-modal .obra-cuerpo{padding-bottom:215px}.panel .nota-pie{font-size:13px}}

#mayoristas{padding-block:30px}.mayoristas-resumen{display:flex;justify-content:space-between;gap:28px;align-items:center;cursor:pointer;list-style:none}.mayoristas-resumen h2{font-size:26px;line-height:1.2;letter-spacing:-.03em;margin:0 0 8px}.mayoristas-resumen p{font-size:15px;line-height:1.6;color:#b6a4af;margin:0}.mayoristas-resumen>span{font-size:14px;color:#d8a9bf;flex:none}.mayoristas-detalle[open] .mayoristas-resumen{margin-bottom:24px}.mayoristas-detalle:not([open])>*:not(summary){display:none}@media(max-width:640px){.mayoristas-resumen{display:block}.mayoristas-resumen>span{display:block;margin-top:12px}.mayoristas-resumen h2{font-size:24px}}

#cotiza .col-der .archivo-cliente.env{display:block!important;margin:20px 0 0;padding:17px 0;max-width:none!important;border-bottom:0}#cotiza .col-der .archivo-cliente a{display:inline-block;max-width:none;margin-top:12px}.page-product .producto-intro{padding-bottom:8px}.page-product .cabecera-producto{padding-bottom:16px}

/* Mantener cada familia completa en tablet y celular. */
@media(max-width:900px){#catalogo .rejilla{grid-template-columns:repeat(2,minmax(0,1fr))!important}#catalogo .cat:nth-child(n) .barra-inf{grid-template-columns:1fr auto}#catalogo .cat:nth-child(n) .d{font-size:14px}.inicio-ayuda{display:inline-block;max-width:none}.inicio-explica{max-width:40ch}}
@media(max-width:640px){#catalogo .enc{display:block;margin-bottom:24px}.inicio-ayuda{display:inline-block;margin-top:10px;padding:0;font-size:14px}#catalogo .cat:nth-child(n){padding:8px}#catalogo .cat:nth-child(n) .barra-inf{padding:10px 2px 3px;gap:5px}#catalogo .cat:nth-child(n) h3{font-size:18px}#catalogo .cat:nth-child(n) p{font-size:13px;min-height:36px}#catalogo .cat:nth-child(n) .d{font-size:14px}#catalogo .familia-productos>h2{font-size:16px}.familia-productos+.familia-productos{margin-top:22px}#catalogo .cat-accion{font-size:16px}.catalogo-seguir{font-size:14px}}

/* V16: superficies continuas, jerarquía legible y decisiones de compra visibles.
   La entrada de diseños, el logo y las capas físicas del montaje se conservan. */
:root{--superficie:#1b1819;--elevado:#242021;--borde:#51454b;--texto:#eee7e9;--secundario:#c0b5bb;--acento:#d7a0b0;--seleccion:#382a31}
a.obra-abrir{text-decoration:none}

/* Bloque 5: buscar, filtrar y recuperar diseños. */
#tienda .tienda-cabecera{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-bottom:24px}
#tienda .tienda-cabecera .enc{margin:0}
.tienda-favoritos{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 16px;font:500 14px/1.5 Montserrat,sans-serif;color:var(--texto);background:var(--superficie);border:1px solid var(--borde);border-radius:5px;cursor:pointer;transition:border-color .2s,background .2s}
.tienda-favoritos svg{width:19px;height:19px;fill:none;stroke:var(--rosa);stroke-width:1.6}
.tienda-favoritos>span{min-width:23px;padding:1px 5px;border-radius:3px;background:var(--seleccion);color:var(--rosa);font-size:13px}
.tienda-favoritos[aria-pressed=true]{background:var(--seleccion);border-color:var(--rosa)}
.tienda-favoritos[aria-pressed=true] svg{fill:var(--rosa)}
#tienda .barra-filtros{display:block;padding:18px 0 16px;margin-bottom:18px}
.tienda-busqueda{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:20px;align-items:end;margin-bottom:16px}
#tienda .tienda-busqueda .buscador{max-width:none;width:100%;margin:0}
.tienda-serie{display:grid;gap:7px;min-width:0}
.tienda-serie label{font-size:14px;line-height:1.5;color:var(--secundario)}
#serie-disenos{width:100%;min-height:48px;padding:11px 32px 11px 13px;border:1px solid var(--borde);border-radius:5px;background:var(--superficie);color:var(--texto);font:400 14px/1.5 Montserrat,sans-serif}
#tienda #buscar{font-size:16px;border-radius:5px;min-height:48px}
#tienda #filtros{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;overflow:visible;margin:0;padding:0}
#tienda #filtros .chip{min-height:42px;font-size:14px;letter-spacing:0;text-transform:none}
#tienda #atajos{justify-content:flex-start;margin-bottom:15px}
.tienda-resultados{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}
#tienda .tienda-resultados .resumen-tienda{margin:0;font-size:14px;line-height:1.6;text-align:left}
#limpiar-filtros{background:none;border:0;color:var(--rosa);font:400 13px/1.6 Montserrat,sans-serif;text-decoration:underline;text-underline-offset:4px;min-height:32px;padding:0;cursor:pointer}
#limpiar-filtros[hidden],#favoritos-ayuda[hidden]{display:none}
.favoritos-ayuda{margin:-9px 0 20px;color:var(--secundario);font-size:14px;line-height:1.6}
#tienda .obra .corazon{opacity:1;width:40px;height:40px;background:rgba(24,20,22,.9);border:1px solid #67525e;border-radius:50%;display:grid;place-items:center;color:var(--rosa);transition:background .2s,border-color .2s}
#tienda .obra .corazon svg{width:20px;height:20px;stroke:var(--rosa);fill:none}
#tienda .obra .corazon.marcado svg{fill:var(--rosa);stroke:var(--rosa)}
.pdp-favorito{display:inline-flex;align-items:center;min-height:38px;margin:10px 0 16px;padding:6px 0;background:none;border:0;color:var(--rosa);font:500 13px/1.5 Montserrat,sans-serif;cursor:pointer}
.pdp-favorito[aria-pressed=true]{color:var(--texto)}
#tienda .vacio-tienda{padding:45px 22px;border:1px solid var(--linea);border-radius:6px;background:var(--superficie);text-align:center}
#tienda .vacio-tienda h2{font-size:25px;line-height:1.3;letter-spacing:-.025em;color:var(--texto);margin:0 0 12px}
#tienda .vacio-tienda p{font-size:15px;line-height:1.7;max-width:54ch;margin:0 auto;color:var(--secundario)}
#tienda .vacio-tienda .sug{gap:20px;align-items:center}
#tienda .vacio-tienda .atajo{min-height:44px;border-radius:4px;font-size:14px;background:var(--seleccion);border-color:var(--rosa)}
#tienda .vacio-tienda .texto-link{font-size:14px}
.vacio-simbolo{display:block;font-size:38px;line-height:1;margin-bottom:18px;color:var(--rosa)}
.tienda-favoritos:focus-visible,#serie-disenos:focus-visible,#limpiar-filtros:focus-visible,.pdp-favorito:focus-visible,#tienda .corazon:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
@media(hover:hover){.tienda-favoritos:hover,#tienda .obra .corazon:hover{border-color:var(--rosa);background:var(--seleccion)}}
@media(max-width:640px){#tienda .tienda-cabecera{grid-template-columns:1fr;gap:16px;margin-bottom:10px}#tienda .barra-filtros{position:static;padding-inline:0}.tienda-busqueda{grid-template-columns:1fr;gap:14px}#serie-disenos{font-size:16px}#tienda #filtros .chip{min-height:44px;font-size:13px}#tienda .vacio-tienda{padding:30px 16px}#tienda .vacio-tienda h2{font-size:23px}.tienda-resultados{gap:6px}}
@media(prefers-reduced-motion:reduce){.tienda-favoritos,#tienda .obra .corazon{transition:none}}
html[data-motion=off] .tienda-favoritos,html[data-motion=off] #tienda .obra .corazon{transition:none}

/* Seis tarjetas completas. La opacidad afecta a las fotos, nunca a los precios. */
#mas-pedidos{padding:48px 0;background:var(--negro);border-top:1px solid var(--linea)}
#mas-pedidos .pedidos-cabecera{align-items:flex-end;gap:26px;margin-bottom:28px}
#mas-pedidos .eyebrow{font-size:13px;text-transform:none;letter-spacing:.02em;color:var(--acento);margin-bottom:10px}
#mas-pedidos .pedidos-cabecera h2{font-size:32px;font-weight:600;color:var(--texto);letter-spacing:-.035em;margin:0 0 10px;line-height:1.2}
#mas-pedidos .pedidos-cabecera p{font-size:15px;color:var(--secundario);line-height:1.6;margin:0;max-width:55ch}
.pedidos-cabecera>a{font-size:14px;flex:none;line-height:1.5;color:var(--acento);text-underline-offset:5px}
#mas-pedidos #vitrina{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:24px;overflow:visible;padding:0;scroll-snap-type:none;border:0;background:none}
#mas-pedidos #vitrina .pieza{min-width:0;width:auto;max-width:none;opacity:1;transform:none;background:var(--superficie);border:1px solid var(--linea);border-radius:7px;overflow:hidden;transition:border-color .35s ease;box-shadow:none}
.pedido-producto{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--texto)}
.pedido-foto{aspect-ratio:1;overflow:hidden;background:var(--superficie);transition:opacity .45s ease}
.pedido-foto img{display:block;width:100%;height:100%;object-fit:contain;transform:none;filter:none}
.pedido-info{padding:19px 20px 18px;display:flex;flex-direction:column;flex:1}
.pedido-medida{font-size:13px;line-height:1.5;color:var(--secundario);margin-bottom:5px}
.pedido-info h3{font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:var(--texto);margin:0 0 8px}
.pedido-info>p{font-size:14px;line-height:1.5;color:var(--secundario);margin:0 0 20px}
.pedido-elegir{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:15px;border-top:1px solid var(--linea)}
.pedido-elegir strong{font-size:21px;line-height:1.2;font-weight:600;color:var(--texto)}
.pedido-elegir>span{font-size:14px;display:flex;align-items:center;gap:18px;color:var(--acento)}
.pedido-elegir>span>span{transition:transform .3s ease}
#mas-pedidos #vitrina .pieza:has(a:is(:hover,:focus-visible)){border-color:#9e788a}
.pedido-producto:hover .pedido-elegir>span>span{transform:translate(2px,-2px)}
.pedido-producto:focus-visible{outline-offset:-3px}
.pedido-producto:active .pedido-info{background:var(--seleccion)}
@media(hover:hover){#mas-pedidos #vitrina:has(.pedido-producto:hover) .pieza:not(:hover) .pedido-foto{opacity:.82}}
#mas-pedidos #vitrina:has(a:focus-visible) .pieza:not(:focus-within) .pedido-foto{opacity:.82}

/* Todas las opciones siguen legibles al explorar la tienda. */
.tienda .obra,.tienda:hover .obra,.tienda .obra:hover{opacity:1;transition:opacity .45s ease}
.tienda .obra .marco{transition:opacity .45s ease,border-color .35s ease}
@media(hover:hover){.tienda:has(.obra:hover) .obra:not(:hover) .marco{opacity:.82}}
.tienda:has(.obra:focus-within) .obra:not(:focus-within) .marco{opacity:.82}
.obra .meta>span{font-size:12px;line-height:1.5;color:var(--secundario)}
.obra .meta .nom{color:var(--texto);font-size:15px;line-height:1.5}
.chip .n{opacity:1;font-size:12px;color:var(--secundario)}
.chip{color:var(--secundario);background:var(--superficie);border-color:var(--borde);min-height:40px}
.chip:hover,.chip[aria-pressed=true],.chip.activo{background:var(--seleccion);color:var(--texto);border-color:var(--acento)}
.claro{--papel:var(--negro);--tarjeta:var(--superficie);--raya:var(--borde);--tinta:var(--texto);--tinta-2:var(--secundario);--tinta-3:var(--secundario)}
.claro .enc :is(h1,h2),.doc :is(h3,h4){color:var(--texto)}
.claro .enc p,.claro .resumen-tienda,.doc :is(p,li),.doc .actualizado{color:var(--secundario)}
.barra-filtros{background:#111010f5;border-color:var(--linea)}
#buscar{background:var(--superficie);border-color:var(--borde);color:var(--texto);font-size:15px}
#buscar::placeholder{color:var(--secundario)}
.legal-tabs a{background:var(--superficie);border-color:var(--borde);color:var(--secundario)}
.legal-tabs a[aria-current],.legal-tabs a.activo{background:var(--seleccion);color:var(--texto)}

/* Cotizadores, fichas y pedido utilizan los mismos estados de selección. */
#cotiza,.page-product #cotiza,.cabecera-producto{background:var(--negro)}
#cotiza .conf,.medidas,.obra-modal,.panel,.cajon{background:var(--superficie);border-color:var(--borde);color:var(--texto)}
#cotiza .conf-top,#cotiza .conf-cuerpo .precio-caja,.panel-top,.pdp-barra,.obra-modal .pdp-gal,.pdp-compra{border-color:var(--linea)}
#cotiza .conf-top h2,.panel-top h3,.panel .item .nom{color:var(--texto)}
#cotiza .conf-top p,.siguiente-paso,.gal-nota,.resumen-cotiza,.cotiza-entrega,.nota-cotiza,.panel .item .det,.panel .item .cat-n,.panel .nota-pie{color:var(--secundario)}
#cotiza .precio-caja .unitario,#cotiza .precio-caja .entrega b{color:var(--secundario)}
#cotiza .precio-caja .unitario b{color:var(--acento)}
#cotiza .conf{--rosa-txt:var(--acento)}
.cantidad-control{display:flex;align-items:stretch;width:fit-content;border:1px solid var(--borde);border-radius:5px;overflow:hidden;background:var(--elevado)}
.cantidad-control button{width:42px;min-height:44px;background:none;border:0;color:var(--texto);font:500 20px Montserrat,sans-serif;cursor:pointer}
.cantidad-control button:hover:not(:disabled){background:var(--seleccion)}
.cantidad-control button:disabled{opacity:.4;cursor:default}
#cotiza #s-cant{width:58px;min-width:0;min-height:44px;padding:8px 2px;text-align:center;border:0;border-inline:1px solid var(--borde);border-radius:0;background:var(--elevado);color:var(--texto);font:500 16px Montserrat,sans-serif;appearance:textfield;-moz-appearance:textfield}
#s-cant::-webkit-inner-spin-button,#s-cant::-webkit-outer-spin-button{appearance:none;margin:0}
.cantidad-detalle{font-size:13px;line-height:1.5;margin:7px 0 0;color:var(--secundario)}
.cantidad-detalle:empty{display:none}
#s-cant[aria-invalid=true]{outline:2px solid var(--acento);outline-offset:-2px}
#cotiza .btn-add:disabled{opacity:.5;cursor:not-allowed}
.opciones-especificas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:9px}
.opciones-especificas>label{display:block;color:var(--secundario)}
#cotiza .opciones-especificas select{display:block;width:100%;margin-top:7px;font-size:14px;padding:11px 9px;min-height:44px}
.orientacion-cotiza{border:0;margin:5px 0 8px;padding:0;min-width:0}
.orientacion-cotiza legend{font-size:14px;font-weight:550;color:var(--texto);margin-bottom:9px}
.orientacion-cotiza>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.orientacion-cotiza label{position:relative;cursor:pointer}
.orientacion-cotiza input{position:absolute;opacity:0;width:1px;height:1px}
.orientacion-cotiza span{display:block;padding:12px 9px;border:1px solid var(--borde);border-radius:4px;background:var(--elevado);color:var(--secundario);font-size:13px;line-height:1.5}
.orientacion-cotiza input:checked+span{border-color:var(--acento);background:var(--seleccion);color:var(--texto)}
.orientacion-cotiza input:focus-visible+span{outline:2px solid var(--acento);outline-offset:3px}
.orientacion-cotiza[hidden],.opciones-especificas[hidden]{display:none}
#cotiza .campo select,#cotiza .check,.opciones-variantes button,.tipo-presentacion,.obra-modal .fmt,.obra-modal .pdp-chips button,.obra-modal #pdp-opciones select,.obra-modal .pdp-ajuste select{background:var(--elevado);color:var(--texto);border-color:var(--borde)}
.opciones-variantes button[aria-checked=true],.obra-modal .pdp-chips button[aria-pressed=true],.obra-modal .fmt[aria-pressed=true],.tipo-presentacion button[aria-pressed=true]{background:var(--seleccion);border-color:var(--acento);color:var(--texto)}
.opciones-variantes button b,.obra-modal .pdp-chips button b{color:var(--acento)}
#cotiza .btn-add,.obra-modal .pdp-cta{background:var(--acento);border-color:var(--acento);color:#20151b;min-height:48px}
#cotiza .btn-add:hover,.obra-modal .pdp-cta:hover{background:#e4b7c5;border-color:#e4b7c5;color:#20151b}
.obra-modal .pdp-gal{background:var(--negro)}
.pdp-compra,.panel-pie{background:var(--elevado)}
.obra-modal .pdp-rot,.obra-modal .fmt .fn{color:var(--texto)}
.obra-modal .pdp-sub,.obra-modal .fmt .fd,.obra-modal .fmt .fp,.obra-modal .pdp-lectura,.obra-modal .pdp-seleccion,.obra-modal .pdp-nota,.pdp-mas-opciones>summary,.pdp-mas-opciones>summary span{color:var(--secundario)}
.producto-detalles,.productos-relacionados{background:var(--superficie);border-color:var(--linea)}
.producto-detalles :is(h2,h3,summary),.productos-relacionados h2{color:var(--texto)}
.producto-detalles p,.producto-detalles details p{color:var(--secundario)}
.tabla-scroll,.tabla-precios th{background:var(--elevado);border-color:var(--borde)}
.tabla-precios td,.tabla-precios th{color:var(--texto);border-color:var(--linea);font-size:14px}
.tabla-precios a{color:var(--secundario)}
.relacionados-links a{background:var(--elevado);border-color:var(--borde);color:var(--texto)}

/* Ayuda breve, opiniones alineadas y mayoristas con contacto visible. */
#resenas .enc{display:block;margin-bottom:25px}
#resenas .enc p{text-align:left;max-width:65ch;font-size:15px;color:var(--secundario);margin-top:12px}
#resenas .resena{background:var(--superficie);border-color:var(--linea);color:var(--texto)}
#como{background:var(--superficie);border-block:1px solid var(--linea);padding-block:40px}
#como .pasos{display:block}
#como .pasos-tit{margin-bottom:27px}
#como .pasos-tit h2{color:var(--texto);font-size:30px}
#como .pasos-lista-n{gap:28px}
#como .pasos-lista-n h3{color:var(--texto);font-size:18px;line-height:1.4}
#como .pasos-lista-n p{color:var(--secundario);font-size:14px;line-height:1.75}
#como .pasos-lista-n .n{width:34px;height:34px;background:var(--elevado);border-color:var(--borde);color:var(--acento)}
#chequeo{padding-top:8px;background:var(--negro)}
#mayoristas{background:var(--superficie);padding-block:38px;border-block:1px solid var(--linea)}
.mayoristas-cabecera{display:flex;align-items:center;justify-content:space-between;gap:45px}
#mayoristas .mayoristas-cabecera h2{font-size:30px;line-height:1.2;letter-spacing:-.03em;color:var(--texto);max-width:none;margin:0 0 12px;font-weight:600}
.mayoristas-cabecera .eyebrow{font-size:13px;text-transform:none;letter-spacing:.02em;color:var(--acento);margin-bottom:10px}
.mayoristas-cabecera p{font-size:15px;line-height:1.7;color:var(--secundario);max-width:58ch;margin:0}
.mayor-contacto{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;flex:none;padding:15px 20px;background:var(--elevado);border:1px solid #987385;border-radius:5px;color:var(--texto);font-size:14px;text-decoration:none;transition:background .25s,border-color .25s}
.mayor-contacto:hover{background:var(--seleccion);border-color:var(--acento)}
.mayoristas-detalle{margin-top:22px}
.mayoristas-detalle>summary{display:flex;justify-content:space-between;align-items:center;padding:15px 0 0;border-top:1px solid var(--linea);font-size:14px;line-height:1.5;color:var(--secundario);list-style:none;cursor:pointer}
.mayoristas-detalle>summary>span{font-size:22px;color:var(--acento);transition:transform .25s}
.mayoristas-detalle[open]>summary{margin-bottom:24px}
.mayoristas-detalle[open]>summary>span{transform:rotate(45deg)}
.mayor-c{background:var(--elevado);border-color:var(--borde)}
.mayor-c .q{color:var(--acento)}.mayor-c .d{color:var(--texto)}
.mayor-c .d small,.mayor-c .t,.mayor-pie p,.mayor-lista li{color:var(--secundario)}
.mayor-pie h3{font-size:19px;color:var(--texto);text-transform:none;letter-spacing:0}
.mayor-pie .mayor-wa{background:var(--elevado);color:var(--texto);border:1px solid var(--borde)}
#envios{padding-block:32px;background:var(--negro)}
#envios .franja{gap:28px}#envios .fr .d{font-size:22px;font-weight:600;color:var(--texto);line-height:1.3}#envios .fr .t{color:var(--secundario);font-size:14px;line-height:1.6}
footer{background:var(--superficie);border-color:var(--linea);padding-block:42px 30px}
.pie-g h2{color:var(--texto)}.pie-g a,.pie-fin,.pausa-animacion{color:var(--secundario)}
.pie-g a{font-size:14px;line-height:1.6;padding-block:3px}.pie-g a:hover{color:var(--acento)}

@media(max-width:900px){#mas-pedidos #vitrina{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mayoristas-cabecera{gap:28px}.mayor-contacto{padding:13px 16px;gap:15px}#como .pasos-lista-n{gap:18px}.pedido-info{padding:17px}}
@media(max-width:640px){#mas-pedidos{padding-block:32px}#mas-pedidos .pedidos-cabecera{display:block}#mas-pedidos .pedidos-cabecera h2{font-size:28px}.pedidos-cabecera>a{display:inline-block;margin-top:14px}#mas-pedidos #vitrina{gap:16px 12px}.pedido-info{padding:12px}.pedido-info h3{font-size:17px}.pedido-medida{font-size:12px}.pedido-info>p{font-size:13px;margin-bottom:14px}.pedido-elegir{align-items:flex-start;flex-direction:column;gap:12px;padding-top:12px}.pedido-elegir strong{font-size:19px}.pedido-elegir>span{width:100%;justify-content:space-between;font-size:13px}.mayoristas-cabecera{display:block}#mayoristas .mayoristas-cabecera h2{font-size:27px}.mayor-contacto{margin-top:22px}.mayoristas-cabecera p{font-size:14px}#como .pasos-lista-n{display:grid;grid-template-columns:1fr;gap:24px}#como .pasos-lista-n li{padding:0;border:0}#envios .franja{display:grid;grid-template-columns:1fr;gap:22px}#envios .fr{border:0;padding:0}.obra .meta>span{font-size:12px}.pie-g a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.pedido-foto,.pedido-elegir>span>span,.tienda .obra,.tienda .obra .marco{transition:none}}
html[data-motion=off] .pedido-foto,html[data-motion=off] .pedido-elegir>span>span,html[data-motion=off] .tienda .obra .marco{transition:none}

.mk[data-entrada=si] .mk-capa{transition:none}
.chip[aria-pressed=true] .n{opacity:1}
.medidas .leyenda .med-fuera{color:var(--secundario)}
/* Cuatro fotos en una tira real: desplazamiento lateral, sin superposición. */
.pedido-foto{position:relative}
.pedido-fotos-pista{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:auto;isolation:isolate}
.pedido-fotos-pista::-webkit-scrollbar{display:none}
.pedido-foto-enlace{position:relative;display:block;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;-webkit-user-drag:none;user-select:none}
.pedido-foto img{position:static;display:block;width:100%;height:100%;object-fit:contain;opacity:1;transform:none;transition:none;pointer-events:none;user-select:none}
.pedido-info{text-decoration:none;color:var(--texto)}
.pedido-foto-flecha{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:44px;display:grid;place-items:center;background:rgba(250,246,240,.94);border:1px solid rgba(37,28,30,.12);border-radius:5px;color:#241b20;font:inherit;cursor:pointer;box-shadow:0 2px 10px rgba(20,15,16,.08);transition:opacity .22s ease,background .22s ease;z-index:1}
.pedido-foto-flecha span{font:28px/1 Arial,sans-serif;display:block;margin-top:-2px}
.pedido-foto-flecha.anterior{left:10px}.pedido-foto-flecha.siguiente{right:10px}
.pedido-foto-flecha[aria-disabled=true]{opacity:.25;cursor:default}
.pedido-foto-flecha:hover:not([aria-disabled=true]){background:#fff}
.pedido-fotos-indicadores{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;align-items:center;border-radius:24px;padding:0 4px;background:rgba(24,20,22,.62);z-index:1}
.pedido-fotos-indicadores button{position:relative;display:grid;place-items:center;width:32px;height:32px;background:none;border:0;color:#fff;border-radius:50%;padding:0;cursor:pointer}
.pedido-fotos-indicadores button span{width:5px;height:5px;border-radius:9px;background:rgba(255,255,255,.55);transition:width .3s ease,background .3s ease}
.pedido-fotos-indicadores button[aria-current=true] span{width:15px;background:#fff}
.pedido-fotos-pista:focus-visible,.pedido-foto-enlace:focus-visible,.pedido-info:focus-visible{outline:2px solid var(--rosa);outline-offset:-3px}
.pedido-foto-flecha:focus-visible,.pedido-fotos-indicadores button:focus-visible{outline:2px solid var(--rosa);outline-offset:-2px}
@media(hover:hover) and (pointer:fine){.pedido-foto-flecha{opacity:0}.pedido-foto:focus-within .pedido-foto-flecha[aria-disabled=true]{opacity:.25}.pedido-foto:hover .pedido-foto-flecha:not([aria-disabled=true]),.pedido-foto:focus-within .pedido-foto-flecha:not([aria-disabled=true]){opacity:1}}
@media(max-width:640px){.pedido-foto-flecha{width:30px;height:38px}.pedido-foto-flecha.anterior{left:5px}.pedido-foto-flecha.siguiente{right:5px}.pedido-fotos-indicadores{bottom:4px;padding:0}.pedido-fotos-indicadores button{width:28px;height:30px}}
@media(prefers-reduced-motion:reduce){.pedido-foto-flecha,.pedido-fotos-indicadores button span{transition:none}}
html[data-motion=off] .pedido-foto-flecha,html[data-motion=off] .pedido-fotos-indicadores button span{transition:none}

/* Portada: una galería, una selección de productos y una ruta para tu archivo.
   Esta hoja es la composición final; no modifica precios, artes ni montajes. */
:root{--ritmo:clamp(52px,6vw,88px)}
html{scroll-padding-top:90px}
.barra .env{height:72px;max-width:1360px}
.barra .nav-links.nav-simple{border:0;background:none;padding:0;gap:34px}
.barra .nav-simple a{padding:12px 0;border-radius:0;background:none;color:var(--secundario);font-weight:500;position:relative}
.barra .nav-simple a:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--rosa);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.barra .nav-simple a:hover,.barra .nav-simple a[aria-current=page]{background:none;color:var(--texto)}
.barra .nav-simple a:is(:hover,[aria-current=page]):after{transform:scaleX(1)}
.barra .btn-pedido{background:var(--superficie);color:var(--texto);border:1px solid var(--borde);font-weight:500}
.barra .btn-pedido:hover{background:var(--seleccion);border-color:var(--rosa)}
.barra .btn-pedido .burbuja{background:var(--seleccion);color:var(--rosa)}
#disenos-inicio>.env,#mas-pedidos>.env,#catalogo>.env,#ayuda-compra>.env,#mayoristas>.env{max-width:1240px}
#disenos-inicio{padding:48px 0 0;background:var(--negro);border:0}
.disenos-cabecera{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:5px}
#disenos-inicio .eyebrow{font-size:14px;font-weight:500;letter-spacing:.015em;text-transform:none;color:var(--rosa);margin:0 0 16px}
#disenos-titulo{font-size:clamp(42px,5vw,64px);line-height:1.04;font-weight:600;letter-spacing:-.052em;color:var(--texto);margin:0}
.disenos-intro{display:flex;flex:0 0 min(43vw,470px);width:min(43vw,470px);flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:0}
.disenos-intro .disenos-catalogo{display:flex;width:100%;min-height:140px;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:var(--rosa);color:#24181e;border:1px solid var(--rosa);border-radius:7px;text-decoration:none;box-shadow:0 14px 34px rgba(225,155,179,.16);transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
.disenos-catalogo-copia{display:grid;gap:7px;min-width:0}
.disenos-catalogo-kicker{font-size:12px;line-height:1.4;font-weight:650;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.disenos-intro .disenos-catalogo strong{font-size:clamp(22px,2.1vw,28px);line-height:1.2;font-weight:700;letter-spacing:-.025em}
.disenos-intro .disenos-catalogo small{font-size:14px;line-height:1.45;font-weight:500;opacity:.76}
.disenos-catalogo-flecha{display:grid;place-items:center;width:50px;height:50px;flex:none;border:1px solid rgba(36,24,30,.28);border-radius:50%;font-size:23px;line-height:1;transition:transform .3s,background .3s}
.disenos-intro .disenos-catalogo:hover{background:#e6b5c5;border-color:#e6b5c5;transform:translateY(-2px);box-shadow:0 18px 40px rgba(225,155,179,.22)}
.disenos-intro .disenos-catalogo:hover .disenos-catalogo-flecha{background:rgba(255,255,255,.2);transform:translate(2px,-2px)}
.disenos-intro .disenos-personal{font-size:14px;font-weight:400;line-height:1.5;color:var(--secundario);text-decoration:underline;text-underline-offset:5px;padding:0 2px}
.disenos-intro .disenos-personal:hover{color:var(--texto)}
.disenos-navegacion{display:flex;justify-content:flex-end;padding:16px 0 13px}
.disenos-controles{display:flex;align-items:center;gap:8px}
.disenos-controles>span{font-size:13px;color:var(--secundario);margin-right:10px}
.disenos-controles button{width:36px;height:36px;padding:0;display:grid;place-items:center;background:none;border:1px solid var(--borde);color:var(--texto);border-radius:50%;font-size:18px;transition:background .25s,border-color .25s}
.disenos-controles button:hover:not(:disabled){background:var(--seleccion);border-color:var(--rosa)}
.disenos-controles button:disabled{opacity:.3;cursor:default}
.disenos-controles button[hidden]{display:none}
#pausar-disenos{font-size:14px}
#pausar-disenos[aria-pressed=true]{border-color:var(--rosa);color:var(--rosa)}
.disenos-carril{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 3px 8px;margin:0 -3px;scroll-padding-inline:3px}
.disenos-carril::-webkit-scrollbar{display:none}
.disenos-carril[data-rotacion=fundido]{overflow-anchor:none}
.disenos-carril[data-rotacion=fundido] .diseno-inicio{animation:none;overflow-anchor:none}
.diseno-inicio{flex:0 0 calc((100% - 66px)/4);min-width:0;scroll-snap-align:start;text-decoration:none;color:var(--texto);transition:opacity .45s ease;animation:diseno-llega .75s backwards;animation-delay:var(--entrada,0ms)}
.diseno-visual{display:flex;justify-content:center;align-items:center;aspect-ratio:4/5;background:var(--superficie);border:1px solid #332d30;border-radius:5px;padding:13px;overflow:hidden;transition:border-color .4s ease,background .4s ease}
.diseno-visual img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none;box-shadow:none}
.diseno-info{display:flex;flex-direction:column;gap:5px;padding:14px 2px 0}
.diseno-tema{font-size:12px;line-height:1.4;color:var(--secundario);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.diseno-info strong{font-size:15px;line-height:1.45;font-weight:500;min-height:44px;height:2.9em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--texto)}
.diseno-elegir{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:1.5;color:var(--rosa);margin-top:5px}
.diseno-elegir>span{transition:transform .35s ease}
.diseno-inicio:hover .diseno-visual{border-color:#aa8294;background:var(--elevado)}
.diseno-inicio:hover .diseno-elegir>span{transform:translate(2px,-2px)}
.diseno-inicio:active .diseno-visual{background:var(--seleccion)}
.diseno-inicio:focus-visible{outline:2px solid var(--rosa);outline-offset:1px;border-radius:5px}
@media(hover:hover){.disenos-carril:has(.diseno-inicio:hover) .diseno-inicio:not(:hover){opacity:.82}}
@keyframes diseno-llega{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* Productos como bloque principal; los destacados conservan un tamaño más contenido. */
#mas-pedidos{padding:64px 0;border:0;background:var(--negro)}
#mas-pedidos>.env{max-width:1120px}
#mas-pedidos .pedidos-cabecera{margin-bottom:24px;align-items:center}
#mas-pedidos .pedidos-cabecera h2{font-size:30px;font-weight:550;margin:0;line-height:1.2}
#mas-pedidos #vitrina{gap:22px}
#mas-pedidos #vitrina .pieza{border-color:#393034}
#mas-pedidos .pedido-info{padding:17px 18px 16px}
#mas-pedidos .pedido-info h3{font-size:20px}
#mas-pedidos .pedido-elegir strong{font-size:20px}

/* Ocho fotografías grandes, sin recortes, con el mismo espacio para cada producto. */
#catalogo{padding:70px 0 56px;margin-top:64px;background:var(--superficie);border-block:1px solid var(--linea)}
#catalogo>.env-cat{display:block;max-width:1360px}
#catalogo .enc{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin:0 0 34px;position:static}
#catalogo .eyebrow{font-size:14px;letter-spacing:0;text-transform:none;color:var(--rosa);margin:0 0 12px}
#catalogo h2.inicio-titulo{font-size:46px;line-height:1.1;font-weight:600;letter-spacing:-.04em;margin:0}
#catalogo .inicio-ayuda{display:inline-block;flex:none;margin:0 0 5px;padding:0;font-size:14px;color:var(--rosa);text-underline-offset:5px}
#catalogo #rejilla{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px;background:none;margin:0;padding:0;border:0;overflow:visible}
#catalogo #rejilla .cat:nth-child(n){display:flex;flex-direction:column;gap:0;align-items:stretch;opacity:1;min-height:0;padding:0;border:1px solid #493a42;border-radius:7px;background:var(--negro);overflow:hidden;transition:background .35s ease,border-color .35s ease}
#catalogo #rejilla .cat:nth-child(n) .foto{width:100%;height:auto;aspect-ratio:1;min-height:0;border:0;border-radius:0;background:var(--elevado);transition:opacity .45s ease}
#catalogo #rejilla .cat:nth-child(n) .foto img{object-fit:contain;transform:none!important}
#catalogo #rejilla .cat:nth-child(n) .barra-inf{padding:20px 20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-width:0;flex:1}
#catalogo #rejilla .cat:nth-child(n) h3{grid-column:1;grid-row:1;font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:var(--texto);margin:0}
#catalogo #rejilla .cat:nth-child(n) p{display:none!important}
#catalogo #rejilla .cat:nth-child(n) .d{grid-column:1;grid-row:2;font-size:15px;font-weight:400;line-height:1.5;color:var(--rosa);margin:0}
#catalogo #rejilla .cat .cat-accion{display:block;grid-column:2;grid-row:1 / 3;align-self:center;font-size:22px;line-height:1;color:var(--rosa);transition:transform .3s ease}
#catalogo #rejilla .cat:hover{background:#241d21;border-color:#ab7c90}
#catalogo #rejilla .cat:hover .cat-accion{transform:translate(2px,-2px)}
#catalogo #rejilla .cat:focus-visible{outline-offset:3px}
@media(hover:hover){#catalogo #rejilla:has(.cat:hover) .cat:not(:hover){opacity:1}#catalogo #rejilla:has(.cat:hover) .cat:not(:hover) .foto{opacity:.82}}
#catalogo #rejilla:has(.cat:focus-visible) .cat:not(:focus-visible){opacity:1}
#catalogo #cotiza-simple{grid-column:1/-1;margin-top:28px;border:0;border-top:1px solid var(--borde);border-radius:0;background:none}
#catalogo #cotiza-simple>summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0 0;font-size:15px;font-weight:500;color:var(--texto);list-style:none;cursor:pointer}
#catalogo #cotiza-simple>summary>span{font-size:23px;color:var(--rosa);transition:transform .3s}
#catalogo #cotiza-simple[open]>summary{padding-bottom:20px;border:0}
#catalogo #cotiza-simple[open]>summary>span{transform:rotate(45deg)}
#catalogo #cotiza-simple #cotiza{background:none;padding:14px 0 0}
#catalogo #cotiza-simple #cotiza>.env{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:32px}

/* Un único bloque reúne instrucciones y la experiencia de los clientes. */
#ayuda-compra{padding:var(--ritmo) 0;background:var(--negro)}
.ayuda-grid{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:60px;align-items:start}
#ayuda-compra #como,#ayuda-compra #resenas{padding:0;background:none;border:0;margin:0;min-width:0}
#ayuda-compra #como>.env,#ayuda-compra #resenas>.env,#ayuda-compra #chequeo>.env{padding:0;max-width:none}
#ayuda-compra #como .pasos-tit{margin-bottom:26px}
#ayuda-compra #como .pasos-tit .eti{display:block;font-size:13px;color:var(--rosa);letter-spacing:0;text-transform:none;margin-bottom:12px}
#ayuda-compra #como .pasos-tit h2{font-size:34px;max-width:none;font-weight:550;line-height:1.1;letter-spacing:-.035em;margin:0}
#ayuda-compra #como .pasos-lista-n{display:grid;grid-template-columns:1fr;gap:24px}
#ayuda-compra #como .pasos-lista-n li{border:0;padding:0;gap:15px}
#ayuda-compra #como .pasos-lista-n h3{font-size:17px;font-weight:550;line-height:1.4;margin-bottom:6px}
#ayuda-compra #como .pasos-lista-n p{font-size:14px;line-height:1.7;color:var(--secundario)}
#ayuda-compra #como .pasos-lista-n .n{width:28px;height:28px;font-size:12px;background:none;border-color:var(--borde)}
#ayuda-compra #resenas .enc{margin:0 0 26px}
#ayuda-compra #resenas h2{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.025em;max-width:none;margin:0}
#ayuda-compra .resenas-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:none;border:0;overflow:visible}
#ayuda-compra .resena{margin:0;padding:26px 24px;background:var(--superficie);border:1px solid var(--linea);border-radius:6px;display:flex;flex-direction:column;box-shadow:none}
#ayuda-compra .resena:before{display:none}
#ayuda-compra .resena blockquote{margin:20px 0 25px;flex:1}
#ayuda-compra .resena blockquote p{font-size:16px;line-height:1.8;color:var(--texto);font-weight:400}
#ayuda-compra .resena .quien{margin:0;padding-top:18px;border-color:var(--borde)}
#ayuda-compra .resena .nn b{font-size:14px;font-weight:500}
#ayuda-compra .resena .nn span{font-size:12px;color:var(--secundario)}
#ayuda-compra .resena .estrellas{gap:5px}
#ayuda-compra .resena .estrellas svg{width:13px;height:13px}
#ayuda-compra .resena[hidden]{display:none}
#ayuda-compra .resenas-mas{margin-top:22px;text-align:left;justify-content:flex-start}
#mas-resenas{min-height:40px;background:none;border:0;border-bottom:1px solid var(--borde);border-radius:0;color:var(--rosa);font-size:14px;padding:0 0 7px;text-transform:none;letter-spacing:0}
#ayuda-compra #chequeo{background:none;padding:24px 0 0}
#ayuda-compra #chequeo .chequeo-detalles{padding:0;border:0;border-top:1px solid var(--linea)}
#ayuda-compra #chequeo summary{font-size:14px;color:var(--secundario);padding:16px 0 0;line-height:1.5}
#ayuda-compra #chequeo .chequeo{display:block;padding-top:20px}
#ayuda-compra #chequeo h2{font-size:22px;line-height:1.3;letter-spacing:-.02em}
#ayuda-compra #chequeo .diez{margin-top:20px}
#ayuda-compra #chequeo .diez li{font-size:14px;line-height:1.6}
#mayoristas{padding:38px 0;background:var(--superficie)}
#mayoristas .mayoristas-cabecera h2{font-size:28px;font-weight:550}
#mayoristas .mayoristas-cabecera .eyebrow{display:none}
#mayoristas .mayoristas-cabecera p{font-size:16px}
footer{padding-top:42px;background:var(--negro)}

/* Continuidad de lectura en las fichas y el catálogo. */
.page-product .cabecera-producto{padding-top:30px;padding-bottom:22px}
.page-product .producto-intro h1,#tienda .enc h1{font-weight:550;letter-spacing:-.04em}
.page-product .conf-top h2{font-weight:550}
.page-product .producto-detalles{padding-block:50px}
.producto-detalles h2{font-weight:550}
.obra-modal .pdp-sub:empty{display:none}
.obra-modal .pdp-info h3{font-weight:550}
.marco img[data-arte-aprobado],.pdp-lamina img[data-arte-aprobado],.tira-arte img[data-arte-aprobado]{object-fit:contain;background:var(--negro)}
.obra .nom{font-size:15px;line-height:1.4}.obra .marco{box-shadow:none;border-color:var(--borde)}
.btn-add:active,.disenos-catalogo:active{transform:translateY(1px)}

@media(max-width:1080px){.ayuda-grid{gap:32px;grid-template-columns:.85fr 1.15fr}#ayuda-compra .resenas-rejilla{grid-template-columns:1fr}#ayuda-compra .resena blockquote{margin:15px 0 20px}}
@media(max-width:900px){.diseno-inicio{flex-basis:calc((100% - 44px)/3)}.disenos-cabecera{gap:24px}#disenos-titulo{font-size:49px}.disenos-intro{flex-basis:320px;width:320px}.disenos-intro .disenos-catalogo{gap:15px;padding:17px}.barra-filtros{top:72px}}
@media(max-width:640px){:root{--ritmo:44px}.barra .env{height:64px}.barra .nav-links.nav-simple{display:none}#disenos-inicio{padding-top:28px}.disenos-cabecera{display:block}#disenos-titulo{font-size:43px;line-height:1.05}.disenos-intro{margin-top:22px;display:flex;width:100%;align-items:flex-start;gap:15px;padding:0}.disenos-intro .disenos-catalogo{width:100%;min-height:124px;padding:20px}.disenos-intro .disenos-catalogo strong{font-size:23px}.disenos-catalogo-flecha{width:46px;height:46px}.disenos-intro .disenos-personal{font-size:14px}.disenos-navegacion{padding:16px 0 10px}.disenos-controles>span{font-size:12px}.disenos-carril{gap:14px}.diseno-inicio{flex-basis:76%}.diseno-visual{padding:12px;max-height:345px}.diseno-info strong{min-height:0}#mas-pedidos .pedidos-cabecera h2{font-size:28px}#mas-pedidos #vitrina{gap:16px 12px}.pedidos-cabecera>a{margin-top:12px}.ayuda-grid{grid-template-columns:1fr;gap:40px}#ayuda-compra #como .pasos-tit h2{font-size:29px}#ayuda-compra .resenas-rejilla{grid-template-columns:1fr}#ayuda-compra .resena{padding:22px}#ayuda-compra #resenas h2{font-size:23px}#mayoristas .mayoristas-cabecera h2{font-size:26px}.barra-filtros{top:64px}}
@media(prefers-reduced-motion:reduce){.diseno-inicio{animation:none}.diseno-inicio,.diseno-visual,.diseno-elegir>span,.barra .nav-simple a:after{transition:none}}
html[data-motion=off] .diseno-inicio{animation:none}
html[data-motion=off] .diseno-inicio,html[data-motion=off] .diseno-visual,html[data-motion=off] .diseno-elegir>span{transition:none}

/* Productos en un panel visual con espacio propio. */






.barra .nav-simple button[data-nav=productos]{display:flex;align-items:center;gap:10px;padding:12px 0;border:0;background:none;font-size:15px;font-weight:600;color:var(--texto);cursor:pointer}
.barra .nav-simple button[data-nav=productos] svg{transition:transform .25s ease}
.barra .nav-simple button[data-nav=productos]:is(:hover,[aria-expanded=true]){color:var(--rosa)}
.barra .nav-simple button[data-nav=productos][aria-expanded=true] svg{transform:rotate(180deg)}
.productos-velo{position:fixed;inset:0;z-index:90;background:#08060899;backdrop-filter:blur(3px)}
.productos-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:95;width:min(1060px,calc(100% - 48px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column;border:1px solid var(--borde);border-radius:10px;background:var(--superficie);box-shadow:0 24px 80px #0006;overflow:hidden}
.productos-panel[hidden],.productos-velo[hidden]{display:none}
.productos-panel:not([hidden]){animation:productos-entrada .25s ease-out}
.productos-panel-alto{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 30px 23px;border-bottom:1px solid var(--linea);flex:none}
.productos-panel-alto h2{font-size:29px;font-weight:550;letter-spacing:-.035em;line-height:1.2;margin:0;color:var(--texto)}
.productos-panel .productos-cerrar{position:static;margin:0;padding:0;width:36px;height:36px;flex:none;border:1px solid var(--borde);background:var(--elevado);border-radius:50%;color:var(--rosa);font-size:24px;line-height:1;cursor:pointer}
.productos-panel .productos-cerrar:hover{border-color:var(--rosa)}
.productos-panel-cuerpo{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:26px 30px 30px;overflow-y:auto;overscroll-behavior:contain;min-height:0}
.productos-grupo h3{font-size:14px;font-weight:500;letter-spacing:0;line-height:1.5;margin:0 0 16px;color:var(--secundario)}
.productos-opciones{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.producto-acceso{display:flex;align-items:center;gap:12px;padding:12px 10px;border:1px solid var(--linea);border-radius:6px;background:var(--negro);color:var(--texto);text-decoration:none;min-width:0;transition:background .25s,border-color .25s}
.producto-acceso img{display:block;flex:none;width:72px;height:72px;object-fit:contain;border-radius:3px}
.producto-acceso>span{display:flex;flex-direction:column;gap:7px;min-width:0}
.producto-acceso b{font-size:16px;line-height:1.3;letter-spacing:-.02em;font-weight:550}
.producto-acceso small{font-size:12px;line-height:1.4;color:var(--secundario);white-space:nowrap}
.producto-acceso:hover{border-color:#ac8193;background:#282126}
.producto-acceso:hover b{color:var(--rosa)}
.producto-acceso[aria-current=page]{border-color:var(--rosa);background:var(--seleccion)}
.producto-acceso:focus-visible{outline-offset:2px}
.productos-panel-pie{display:flex;justify-content:space-between;gap:20px;padding:19px 30px;border-top:1px solid var(--linea);flex:none}
.productos-panel-pie a{font-size:14px;color:var(--rosa);text-decoration:none;line-height:1.5}
.productos-panel-pie a:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes productos-entrada{from{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}
@media(max-width:1000px){.productos-panel-cuerpo{gap:22px;padding:24px}.productos-panel-alto{padding:22px 24px}.productos-panel-pie{padding:18px 24px}.producto-acceso{gap:10px;flex-direction:column;align-items:flex-start}.producto-acceso img{width:64px;height:64px}.producto-acceso b{font-size:16px}}
@media(max-width:640px){.productos-panel{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.productos-panel-alto{padding:18px;gap:12px}.productos-panel-alto h2{font-size:24px}.productos-panel-cuerpo{grid-template-columns:1fr;padding:20px 18px;gap:24px}.productos-opciones{gap:10px}.producto-acceso{flex-direction:row;gap:10px;padding:10px 8px}.producto-acceso img{width:42px;height:42px}.producto-acceso b{font-size:14px}.producto-acceso small{font-size:11px}.productos-panel-pie{padding:16px 18px;gap:16px}.productos-panel-pie a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.productos-panel:not([hidden]){animation:none}.producto-acceso,.barra .nav-simple button[data-nav=productos] svg{transition:none}}
html[data-motion=off] .productos-panel:not([hidden]){animation:none}
html[data-motion=off] .producto-acceso,html[data-motion=off] .barra .nav-simple button[data-nav=productos] svg{transition:none}
@media(max-width:380px){.productos-panel-alto h2{font-size:21px}.producto-acceso{flex-direction:column;align-items:flex-start}.producto-acceso img{width:56px;height:56px}}

@media(max-width:1100px){#catalogo #rejilla{gap:18px}#catalogo #rejilla .cat:nth-child(n) .barra-inf{padding:17px 15px}#catalogo #rejilla .cat:nth-child(n) h3{font-size:21px}#catalogo #rejilla .cat:nth-child(n) .d{font-size:14px}}
@media(max-width:900px){#catalogo #rejilla{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px}#catalogo h2.inicio-titulo{font-size:40px}#catalogo #rejilla .cat:nth-child(n) h3{font-size:24px}}
@media(max-width:640px){#catalogo{margin-top:40px;padding:40px 0}#catalogo .enc{display:block;margin-bottom:26px}#catalogo h2.inicio-titulo{font-size:34px}#catalogo .inicio-ayuda{margin-top:16px}#catalogo #rejilla{gap:16px 12px}#catalogo #rejilla .cat:nth-child(n) .barra-inf{padding:14px 12px 16px;gap:6px}#catalogo #rejilla .cat:nth-child(n) h3{font-size:20px}#catalogo #rejilla .cat:nth-child(n) .d{font-size:14px}#catalogo #rejilla .cat .cat-accion{font-size:17px}#catalogo #cotiza-simple #cotiza>.env{grid-template-columns:1fr;gap:24px}#mas-pedidos{padding:40px 0}#mas-pedidos .pedidos-cabecera h2{font-size:26px}#mas-pedidos .pedido-info{padding:13px 12px}#mas-pedidos .pedido-info h3{font-size:17px}#mas-pedidos .pedido-elegir strong{font-size:18px}}
@media(max-width:380px){#catalogo #rejilla .cat:nth-child(n) h3{font-size:18px}#catalogo #rejilla .cat:nth-child(n) .barra-inf{padding:12px 10px}#catalogo #rejilla .cat .cat-accion{display:none}}

/* Acceso principal al catálogo: foco visible y movimiento respetuoso. */
.disenos-intro .disenos-catalogo:focus-visible{outline:3px solid var(--texto);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.disenos-intro .disenos-catalogo,.disenos-catalogo-flecha{transition:none}}

/* Entrada al catálogo con superficie oscura y acento sakura. */
.disenos-intro .disenos-catalogo{min-height:130px;padding:24px;background:linear-gradient(120deg,#2c2228,#1d191c);color:var(--texto);border:1px solid #ac7d8e;border-radius:14px;box-shadow:0 8px 24px #00000020,inset 0 1px 0 #ffffff08}
.disenos-catalogo-kicker{color:#e8b8c9;opacity:1}
.disenos-intro .disenos-catalogo small{color:var(--secundario);opacity:1}
.disenos-catalogo-flecha{width:54px;height:54px;background:var(--rosa);color:#24181e;border:0;border-radius:12px;font-size:26px}
.disenos-intro .disenos-catalogo:hover{background:linear-gradient(120deg,#382a32,#241e22);border-color:#efbed0;box-shadow:0 12px 28px #00000030}
.disenos-intro .disenos-catalogo:hover .disenos-catalogo-flecha{background:#efbed0}
@media(max-width:640px){.disenos-intro .disenos-catalogo{min-height:124px;padding:20px;gap:16px}.disenos-catalogo-flecha{width:48px;height:48px}.disenos-intro .disenos-catalogo strong{font-size:23px}}

/* Claridad de compra sobre la versión visual aprobada. */
/* Bloque 4: detalles de la selección y ayuda junto a las fotos. */
.ficha-datos{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--linea);display:grid;gap:8px;font-size:13px;line-height:1.6}
.ficha-datos>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}
.ficha-datos dt{color:var(--secundario)}
.ficha-datos dd{margin:0;color:var(--texto)}
#cotiza .ficha-nota,.pdp-ficha-producto .ficha-nota{margin:12px 0 0;font-size:13px;line-height:1.65;color:var(--secundario)}
.ficha-piezas{padding:0;margin:7px 0 0;list-style:none;display:grid;gap:7px}
.ficha-piezas[hidden]{display:none}
.ficha-piezas li{display:flex;gap:12px;align-items:baseline;font-size:14px;line-height:1.5}
.ficha-piezas li b{min-width:26px;color:var(--rosa);font-weight:600}
.ficha-piezas li span{color:var(--texto)}
#cotiza .combo-composicion{font-size:12px;line-height:1.5;color:var(--secundario);font-weight:400}
#cotiza .combo-unidad{font-size:11px;color:var(--secundario);font-weight:400}
.ficha-consulta{margin-top:16px;display:grid;gap:12px}
.ficha-dudas,.ficha-comparativa{border:1px solid var(--linea);border-radius:6px}
.ficha-dudas>summary,.ficha-comparativa>summary,.pdp-ficha-producto>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 16px;font-size:14px;line-height:1.5;font-weight:500;color:var(--texto);list-style:none;cursor:pointer}
.ficha-dudas>summary::-webkit-details-marker,.ficha-comparativa>summary::-webkit-details-marker,.pdp-ficha-producto>summary::-webkit-details-marker{display:none}
.ficha-dudas>summary>span,.ficha-comparativa>summary>span,.pdp-ficha-producto>summary>span{color:var(--rosa);font-size:19px;transition:transform .2s ease}
.ficha-dudas[open]>summary>span,.ficha-comparativa[open]>summary>span,.pdp-ficha-producto[open]>summary>span{transform:rotate(45deg)}
.ficha-respuestas{padding:0 16px 18px}
.ficha-respuestas p,.ficha-comparativa>p{font-size:14px;line-height:1.7;color:var(--secundario);margin:0 0 16px}
.ficha-respuestas details{border-top:1px solid var(--linea);padding:0}
.ficha-respuestas details>summary{cursor:pointer;padding:15px 0;color:var(--texto);font-size:14px;line-height:1.5}
.ficha-respuestas details p{padding-bottom:2px}
.ficha-respuestas>a{display:inline-block;margin-top:12px;font-size:13px}
.ficha-comparativa>p{padding:0 16px}
.ficha-formatos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 18px}
.ficha-formatos a{display:flex;flex-direction:column;gap:8px;color:var(--texto);text-decoration:none;min-width:0}
.ficha-formatos img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:4px}
.ficha-formatos b{font-size:14px;line-height:1.5}
.ficha-formatos span{font-size:12px;line-height:1.6;color:var(--secundario)}
.ficha-formatos a[aria-current=page] b{color:var(--rosa)}
.ficha-precios{padding-block:28px}
.ficha-precios .precios-detalle{max-width:none;margin:0}
.ficha-precios .precios-detalle>summary{font-size:14px;padding-block:14px}
.pdp-ficha-producto{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);margin:18px 0}
.pdp-ficha-producto>summary{padding:14px 0;font-size:.875rem}
.pdp-ficha-producto .ficha-datos{border-top:0;padding-top:0;margin-top:0}
#pdp-ficha-contenido{padding-bottom:16px}
.ficha-consulta summary:focus-visible,.ficha-formatos a:focus-visible,.pdp-ficha-producto summary:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
@media(max-width:640px){.ficha-datos>div{grid-template-columns:84px minmax(0,1fr);gap:8px}.ficha-formatos{gap:10px;padding-inline:12px}.ficha-formatos span{font-size:12px}.ficha-precios{padding-block:16px}}
@media(prefers-reduced-motion:reduce){.ficha-consulta summary>span,.pdp-ficha-producto summary>span{transition:none}}
html[data-motion=off] .ficha-consulta summary>span,html[data-motion=off] .pdp-ficha-producto summary>span{transition:none}
/* Detalles esenciales legibles junto a la selección y al cierre. */
.ficha-datos{font-size:.875rem;gap:10px}
.ficha-datos dt,.ficha-datos dd{overflow-wrap:anywhere}
#cotiza .ficha-nota,.pdp-ficha-producto .ficha-nota,.pe-ficha .ficha-nota{font-size:.875rem;line-height:1.7;margin:12px 0 0;color:var(--secundario)}
.pdp-ficha-producto>summary{font-size:.875rem;font-weight:600}
.pdp-ficha-producto[open]>summary{color:var(--rosa)}
#cotiza .check .txt>span{font-size:.875rem;line-height:1.65}
#cotiza #s-dis-explica{font-size:.875rem;line-height:1.7}
.pe-ficha{padding:0 0 16px;border-bottom:1px solid var(--linea)}
.pe-ficha .ficha-datos{margin-top:0;padding-top:0;border:0}
.panel .pedido-confirmacion{font-size:.875rem;line-height:1.6;color:var(--secundario);margin:0 0 14px;padding-left:12px;border-left:2px solid var(--rosa)}
.panel .pedido-pasos{margin:18px 0;padding-left:22px;display:grid;gap:13px;font-size:.875rem;line-height:1.65;color:var(--secundario)}
.panel .pedido-pasos li{padding-left:4px}
.panel .pedido-pasos li::marker{color:var(--rosa);font-weight:600}
.panel .pedido-pasos b{color:var(--texto);font-weight:600}
.cotiza-desglose,.opcion-pendiente{font-size:14px;line-height:1.6;color:var(--secundario)}
.cotiza-desglose{grid-column:1/-1;margin-bottom:12px}
.opcion-pendiente{padding:12px 0;margin:0;border-top:1px solid var(--linea)}
.cotiza-desglose[hidden],.opcion-pendiente[hidden]{display:none}
#pedido-referencia{font-size:12px;line-height:1.5;color:var(--secundario);margin:5px 0 0}
#pedido-referencia:empty{display:none}
.panel .item-calculo{font-size:13px;line-height:1.6;color:var(--secundario);margin-top:9px}
.panel .panel-pie{max-height:65dvh;overflow-y:auto;overscroll-behavior:contain;flex-shrink:0}
.pedido-desglose{margin:0 0 16px;padding:0 0 15px;border-bottom:1px solid var(--linea);font-size:14px;line-height:1.5}
.pedido-desglose>div{display:flex;justify-content:space-between;gap:16px;margin-top:7px}
.pedido-desglose dt{color:var(--secundario)}
.pedido-desglose dd{margin:0;color:var(--texto);text-align:right}
.panel .tot .l small{display:block;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:0;text-transform:none;color:var(--secundario)}
.panel .pedido-proceso{font-size:14px;line-height:1.6;color:var(--secundario);margin:14px 0}
.panel .pedido-condiciones{font-size:14px;color:var(--rosa);text-underline-offset:4px}
.panel .paga-con[hidden],.panel .nota-pie[hidden],.pedido-desglose[hidden],.pedido-desglose>div[hidden]{display:none}
.ayuda-pago{margin-top:24px;border-top:1px solid var(--linea);padding:17px 0 0}
.ayuda-pago>summary{font-size:14px;line-height:1.5;color:var(--texto);cursor:pointer}
.ayuda-pago p{font-size:14px;line-height:1.7;color:var(--secundario);margin:14px 0 0}
.obra-modal .pdp-total .rot{font-size:12px;line-height:1.5;letter-spacing:0;text-transform:none;max-width:90px}
@media(max-width:640px){.panel .panel-pie{padding:16px 20px 20px}.panel .panel-top{padding:17px 20px}.panel .panel-lista{padding-inline:20px}.pedido-desglose{font-size:13px;margin-bottom:12px;padding-bottom:12px}.panel .tot .v{font-size:28px}}

/* Bloque 1: decisiones y contenido del paquete visibles. */
#cotiza .conf-top p{max-width:38ch;font-size:14px;line-height:1.65;color:var(--secundario);margin:9px 0 0}
#cotiza .cotiza-ayuda{font-size:13px;line-height:1.6;color:var(--secundario);margin:0 0 6px;max-width:58ch}
#cotiza .conf-cuerpo{gap:20px}
#cotiza .cotiza-incluye{padding:15px 16px;border:1px solid var(--linea);border-radius:6px;background:rgba(198,145,168,.045);display:grid;gap:5px}
#cotiza .cotiza-incluye[hidden]{display:none}
.cotiza-incluye>span{font-size:12px;font-weight:500;color:var(--secundario)}
.cotiza-incluye>strong{font-size:16px;line-height:1.45;font-weight:600;color:var(--texto)}
#cotiza .cotiza-incluye p{font-size:13px;line-height:1.65;color:var(--secundario);margin:0}
#cotiza .opciones-especificas{gap:12px}
#cotiza .opciones-especificas label{min-width:0;font-size:13px;line-height:1.5}
#cotiza .opciones-especificas select{width:100%;min-width:0}
#cotiza .opciones-variantes{max-height:300px}
#cotiza .opciones-variantes button{min-height:74px;gap:8px;transition:border-color .25s ease,background .25s ease}
#cotiza .cantidad-detalle{font-size:12px;line-height:1.6;margin:5px 0 0;color:var(--secundario)}
#cotiza .tamano-cabecera{flex-wrap:wrap;row-gap:7px}
#cotiza .comparar-link{min-height:30px}
@media(max-width:640px){#cotiza .conf-top,#cotiza .conf-cuerpo{padding-inline:18px}#cotiza .conf-top h2{font-size:25px}#cotiza .conf-cuerpo{gap:18px}#cotiza .opciones-especificas{grid-template-columns:1fr}#cotiza .cotiza-incluye{padding:13px}#cotiza .opciones-variantes{max-height:300px}}

/* Cambio de cotizador: producto actual y acceso visible, sin ocupar otra barra. */
.cambiar-producto{margin-bottom:22px}
.cambiar-producto details{border:1px solid var(--linea);border-radius:6px;background:rgba(198,145,168,.035)}
.cambiar-producto details>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:12px 18px;text-decoration:none;color:var(--texto);font-size:14px;line-height:1.5;list-style:none}
.cambiar-producto summary::-webkit-details-marker{display:none}
.cambiar-actual{display:flex;align-items:baseline;gap:10px;min-width:0}
.cambiar-actual>span{color:var(--secundario)}
.cambiar-actual strong{font-size:16px;font-weight:600;color:var(--texto)}
.cambiar-accion{display:inline-flex;align-items:center;gap:12px;color:var(--rosa);font-weight:500;flex:none}
.cambiar-accion svg{flex:none;transition:transform .22s ease}
.cambiar-producto details[open] .cambiar-accion svg{transform:rotate(180deg)}
.cambiar-producto details[open] nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 18px 18px;border-top:1px solid var(--linea);overflow:visible;animation:abrir-cotizadores .2s ease-out}
.cambiar-producto a{display:flex;align-items:center;gap:11px;min-width:0;min-height:68px;padding:9px;font-size:14px;line-height:1.4;background:transparent;border:1px solid var(--linea);color:var(--texto);white-space:normal;transition:background .2s ease,border-color .2s ease}
.cambiar-producto a img{width:44px;height:44px;object-fit:contain;border-radius:3px;flex:none}
.cambiar-producto a>span:not(.cambiar-enlace-flecha){overflow-wrap:anywhere}
.cambiar-producto a small{font-size:12px;font-weight:500;color:var(--rosa);margin-left:auto}
.cambiar-enlace-flecha{margin-left:auto;color:var(--secundario);font-size:15px}
.cambiar-producto a[aria-current=page]{background:rgba(198,145,168,.09);color:var(--texto);border-color:var(--rosa)}
.cambiar-producto summary:focus-visible,.cambiar-producto a:focus-visible{outline:2px solid var(--rosa);outline-offset:4px}
@media(hover:hover){.cambiar-producto summary:hover{background:rgba(198,145,168,.045)}.cambiar-producto a:hover{background:rgba(198,145,168,.075);border-color:var(--rosa);color:var(--texto)}}
@keyframes abrir-cotizadores{from{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media(max-width:900px){.cambiar-producto details[open] nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cambiar-producto details>summary{padding:12px;gap:10px}.cambiar-actual{display:grid;gap:2px}.cambiar-actual>span{font-size:12px}.cambiar-actual strong{font-size:15px}.cambiar-accion{font-size:14px;gap:8px}.cambiar-producto details[open] nav{padding:12px;gap:8px}.cambiar-producto a{gap:8px;padding:8px;min-height:62px}.cambiar-producto a img{width:32px;height:32px}.cambiar-producto a small,.cambiar-enlace-flecha{display:none}}
@media(prefers-reduced-motion:reduce){.cambiar-producto details[open] nav{animation:none}.cambiar-accion svg,.cambiar-producto a{transition:none}}
html[data-motion=off] .cambiar-producto details[open] nav{animation:none}
html[data-motion=off] .cambiar-accion svg,html[data-motion=off] .cambiar-producto a{transition:none}

/* Ayuda de diseño: opciones visibles solo cuando se solicita el servicio. */
#cotiza .servicio-diseno{display:grid;gap:13px;margin-top:-8px;padding:16px;border:1px solid var(--linea);border-radius:6px;background:rgba(198,145,168,.025)}
#cotiza .servicio-diseno[hidden],#s-album-opciones[hidden],#s-dis-error[hidden]{display:none}
#cotiza .servicio-diseno label{font-size:14px;line-height:1.5}
#cotiza .servicio-diseno select{width:100%;font-size:14px}
#cotiza #s-album-opciones{display:grid;gap:12px}
#cotiza #s-dis-cant{width:112px;min-height:44px;padding:10px 12px;border:1px solid var(--linea);border-radius:4px;background:var(--fondo);color:var(--texto);font:inherit;font-size:16px}
#s-dis-cant:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
.tarifas-album{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
.tarifas-album>div{padding:10px 7px;border:1px solid var(--linea);border-radius:4px;text-align:center;transition:border-color .2s ease,background .2s ease}
.tarifas-album dt{font-size:12px;line-height:1.5;color:var(--secundario)}
.tarifas-album dd{font-size:14px;font-weight:500;line-height:1.5;margin:3px 0 0;color:var(--texto)}
.tarifas-album .seleccionada{border-color:var(--rosa);background:rgba(198,145,168,.07)}
#cotiza .diseno-calculo{font-size:14px;line-height:1.65;color:var(--rosa);margin:0}
#cotiza .diseno-error{font-size:14px;line-height:1.5;color:var(--rosa);margin:0}
#cotiza .servicio-diseno .cotiza-ayuda{margin:0}
@media(max-width:640px){#cotiza .servicio-diseno{padding:13px}#cotiza .servicio-diseno select{font-size:16px}.tarifas-album{gap:5px}.tarifas-album>div{padding:9px 4px}}
@media(prefers-reduced-motion:reduce){.tarifas-album>div{transition:none}}
html[data-motion=off] .tarifas-album>div{transition:none}

/* Bloque 2: pedido editable con un solo cuerpo desplazable. */
.panel{width:min(520px,100%)}
.panel .pedido-cuerpo{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.panel .panel-lista{flex:none;overflow:visible;padding:0 24px}
.panel .panel-pie{flex:none;max-height:none;overflow:visible;padding:18px 24px max(20px,env(safe-area-inset-bottom));gap:10px}
.panel .pedido-cuerpo>.paga-con{margin:14px 24px 22px;padding:14px 0;border-top:1px solid var(--linea)}
.panel .pedido-cuerpo>.paga-con>summary{font-size:14px;min-height:32px;color:var(--secundario);cursor:pointer}
.panel .pedido-cuerpo .cuando{font-size:12px;line-height:1.6}
.panel .item{gap:14px;padding:22px 0;align-items:flex-start}
.panel .item-visual{width:66px;flex:none}
.panel .item-visual img{width:66px;height:86px;object-fit:contain;background:rgba(0,0,0,.14);border-radius:4px}
.panel .item-info{flex:1;min-width:0}
.panel .item-enc{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}
.panel .item .cat-n{font-size:12px;color:var(--secundario);margin:0}
.panel .item .pr{font-size:17px;line-height:1.5;white-space:nowrap;color:var(--rosa);margin:0}
.panel .item .nom{font-size:16px;line-height:1.5;font-weight:600;color:var(--texto)}
.panel .item-archivo{font-size:13px;line-height:1.6;color:var(--rosa);margin:7px 0}
.panel .item-opciones,.panel .item .det{font-size:13px;line-height:1.6;color:var(--secundario);margin:6px 0}
.panel .item .item-calculo{font-size:12px;margin-top:8px}
.panel .item-acciones{display:flex;gap:12px;align-items:center;margin-top:8px}
.panel .item-acciones button{min-height:36px;padding:5px 0;background:none;border:0;color:var(--secundario);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;margin:0}
.panel .item-acciones .editar-item{color:var(--texto);font-weight:600}
.panel .item-acciones button:focus-visible{outline:2px solid var(--rosa);outline-offset:4px}
.panel .pedido-desglose{margin-bottom:0;padding-bottom:12px;font-size:13px}
.panel .nota-pie{font-size:12px;line-height:1.6}
.panel .pedido-seguir{font-size:14px;min-height:30px}
.panel .pedido-estado{font-size:13px;line-height:1.6;padding:12px 24px;margin:0;color:var(--rosa)}
#pedido-editor{display:flex;flex-direction:column;flex:1;min-height:0}
#pedido-editor .pe-campos{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:17px;overscroll-behavior:contain}
.pe-producto{display:flex;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--linea)}
#pe-imagen img{width:64px;height:84px;object-fit:contain;border-radius:4px}
.pe-producto>div:last-child{min-width:0}
#pe-categoria{font-size:12px;color:var(--secundario);margin:0 0 5px}
#pe-nombre{font-size:17px;line-height:1.5;color:var(--texto);margin:0;font-weight:600}
#pe-archivo{font-size:13px;line-height:1.6;color:var(--rosa);margin:7px 0 0}
#pedido-editor .campo{display:grid;gap:7px;min-width:0;margin:0}
#pedido-editor label{font-size:14px;font-weight:500;color:var(--texto);line-height:1.5}
#pedido-editor select,#pedido-editor input{box-sizing:border-box;max-width:100%;width:100%;min-height:46px;min-width:0;padding:10px 12px;border:1px solid var(--linea);border-radius:4px;background:#211b1f;color:var(--texto);font:inherit;font-size:14px}
#pedido-editor input{font-size:16px}
#pedido-editor :is(select,input,button):focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
.pe-fila{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.panel .pe-ayuda{font-size:13px;line-height:1.6;color:var(--secundario);margin:0}
#pe-piezas{margin-top:-8px}
.pe-servicio{display:grid;gap:14px;padding-top:17px;border-top:1px solid var(--linea)}
.panel .pe-error{font-size:14px;line-height:1.5;color:var(--rosa);margin:0}
.pe-pie{flex:none;padding:17px 24px max(22px,env(safe-area-inset-bottom));border-top:1px solid var(--linea);background:#211b1f}
.pe-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.pe-total>span{font-size:14px;line-height:1.5;color:var(--texto)}
.pe-total small{display:block;font-size:12px;color:var(--secundario)}
.pe-total strong{font-size:26px;font-weight:650;white-space:nowrap;color:var(--rosa)}
.pe-acciones{display:flex;gap:10px;margin-top:16px}
.pe-acciones button{min-height:46px;padding:12px 16px;border:1px solid var(--linea);border-radius:4px;background:none;color:var(--texto);font:inherit;font-size:14px;cursor:pointer}
.pe-acciones #pe-guardar{flex:1;background:var(--rosa);color:#20161c;border-color:var(--rosa);font-weight:600}
.pe-acciones #pe-guardar:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:640px){.panel .panel-lista{padding-inline:18px}.panel .item{gap:11px}.panel .item-visual,.panel .item-visual img{width:52px}.panel .item-visual img{height:72px}.panel .item .pr{font-size:16px}.panel .panel-pie{padding:15px 18px max(16px,env(safe-area-inset-bottom));gap:8px}.panel .pedido-cuerpo>.paga-con{margin-inline:18px}.panel .pedido-estado{padding-inline:18px}#pedido-editor .pe-campos{padding:18px}.pe-pie{padding:15px 18px max(18px,env(safe-area-inset-bottom))}#pedido-editor select{font-size:16px}.pe-total strong{font-size:24px}.pe-acciones button{padding-inline:12px}}
@media(max-height:600px){.panel .panel-pie{max-height:50dvh;overflow-y:auto}.panel .panel-top{padding-block:12px}.pe-pie{padding-block:12px}.pe-acciones{margin-top:10px}}
/* Bloque 3: nombres de archivos y prueba, sin una carga de archivos ficticia. */
.item-archivos{font-size:12px;color:var(--secundario);margin:8px 0;line-height:1.6}
.item-archivos summary{cursor:pointer;color:var(--texto)}
.item-archivos ul{padding-left:16px;margin:8px 0;overflow-wrap:anywhere}
.item-archivos small{display:block;color:var(--secundario)}
.pe-archivos{border:1px solid var(--borde);border-radius:6px;padding:15px;background:var(--superficie)}
.pe-archivos>summary{font-size:14px;font-weight:600;cursor:pointer;color:var(--texto)}
.pe-archivos>summary span{float:right;font-size:11px;font-weight:400;color:var(--secundario)}
.pe-archivos[open]>summary{margin-bottom:15px}
.pe-archivos>.pe-ayuda{margin:10px 0!important}
.archivo-fila{min-width:0;border:0;border-top:1px solid var(--linea);margin:14px 0 0;padding:12px 0;display:grid;gap:12px}
.archivo-fila legend{font-size:12px;color:var(--rosa);padding:0 6px 0 0}
#pedido-editor .archivo-fila input{width:100%;min-width:0;font:inherit;font-size:14px;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:4px;padding:11px;min-height:44px;box-sizing:border-box}
#pe-archivo-agregar,.archivo-quitar{font:inherit;font-size:13px;color:var(--rosa);background:transparent;border:0;cursor:pointer;text-align:left;min-height:44px;padding:8px 0}
#pe-archivo-agregar:disabled{opacity:.45;cursor:default}
.archivo-quitar{color:var(--secundario);text-decoration:underline;justify-self:start}
#pe-archivos-capacidad{padding:10px;border-radius:4px;background:var(--elevado)}
.panel .pedido-guia{margin:0 24px 24px;border-top:1px solid var(--linea);padding:15px 0}
.panel .pedido-guia>summary{color:var(--texto);font-size:14px;cursor:pointer;line-height:1.5}
.guia-archivos .archivo-guia-paso{display:flex;gap:14px;margin:20px 0;align-items:flex-start}
.archivo-guia-paso>span{font-size:12px;color:var(--rosa);padding-top:4px;flex-shrink:0}
.guia-archivos .archivo-guia-paso h3{font-size:15px;line-height:1.5;color:var(--texto);margin:0 0 6px}
.guia-archivos p,.guia-archivos li{font-size:13px;line-height:1.7;color:var(--secundario)}
.guia-archivos .archivo-guia-paso p{margin:0}
.guia-archivos strong{color:var(--texto)}
.prueba-ejemplo{padding:18px;border-radius:5px;border:1px solid var(--borde);background:var(--elevado)}
.prueba-etiqueta{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--rosa);margin-bottom:16px}
.prueba-hoja{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;align-items:center}
.prueba-ilustracion{width:90px;height:131px;object-fit:contain;background:#f5f1e7;padding:5px;box-sizing:border-box}
.prueba-hoja strong{font-size:14px}.prueba-hoja p{margin:5px 0}.prueba-hoja ul{padding-left:17px;margin:8px 0}
.prueba-ejemplo>p{margin:15px 0 0;font-size:11px}
.guia-archivos .archivo-calidad{margin-top:20px}
#wa[aria-disabled=true]{opacity:.55;cursor:not-allowed}
@media(max-width:640px){.panel .pedido-guia{margin-inline:18px}#pedido-editor .archivo-fila input{font-size:16px}.pe-archivos{padding:12px}.archivo-fila .pe-fila{grid-template-columns:minmax(0,1fr) 75px}}

/* Resumen revisable antes de salir a WhatsApp. */
.panel .pedido-resumen{margin:0 24px 20px;border-top:1px solid var(--linea);padding-top:12px}
.pedido-resumen summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px;color:var(--texto)}
.pedido-resumen summary::after{content:'+';margin-left:auto}
.pedido-resumen[open] summary::after{content:'−'}
.pedido-resumen label{display:block;line-height:1.6;margin:0 0 10px}
#pedido-mensaje{box-sizing:border-box;width:100%;max-width:100%;min-height:200px;resize:vertical;font:inherit;font-size:16px;line-height:1.6;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:6px;padding:12px}
#pedido-copiar{font:inherit;font-size:14px;min-height:44px;padding:8px 14px;margin-top:10px;border:1px solid var(--borde);border-radius:6px;background:var(--elevado);color:var(--texto);cursor:pointer}
#pedido-copia-estado{font-size:14px;line-height:1.5;color:var(--secundario)}
@media(max-width:640px){.panel .pedido-resumen{margin-inline:18px}}

/* Bloque 6 · Controles al alcance y una sola zona de desplazamiento por tarea. */
.menu-rotulo,.pdp-ir-opciones{display:none}
@keyframes entradaMovil{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:none}}
.cajon-seccion{border-block:1px solid var(--borde);margin:12px 0}
.cajon-seccion>summary{cursor:pointer;color:var(--texto);font-size:16px;font-weight:600;min-height:48px;padding:14px 0;list-style-position:inside}
.cajon-productos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 16px}
.cajon-productos a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:1px solid var(--borde);border-radius:4px;padding:12px 10px}
.cajon-productos .precio{font-size:12px}
.cajon-cuerpo>.destacado{justify-content:space-between}
.cajon-cuerpo .cajon-wa{width:auto;margin:18px 0;padding:13px 14px}
.cajon-cuerpo a,.cajon-cuerpo button{min-width:0;overflow-wrap:anywhere}
@media(max-width:860px){
 .obra-modal{display:flex;flex-direction:column;height:var(--alto-visible,100dvh);max-height:var(--alto-visible,100dvh);top:var(--inicio-visible,0px);left:0;width:100%;transform:none;border-radius:0;border:0}
 .obra-modal:not([hidden]){animation:entradaMovil .25s ease both}
 .obra-modal .obra-cuerpo{flex:1;min-height:0;overflow:auto;padding-bottom:0;scroll-padding-block:16px;overscroll-behavior:contain}
 .obra-modal>.pdp-compra{position:static;flex:none;padding:10px 18px max(10px,env(safe-area-inset-bottom));box-shadow:0 -4px 18px #0002}
 .obra-modal .pdp-config{overflow:visible;scroll-margin-top:12px}
 .obra-modal .pdp-barra{height:auto;min-height:56px;gap:8px;padding:6px 12px 6px 16px;font-size:13px}
 .obra-modal .pdp-barra>span{flex:1}
 .pdp-ir-opciones{display:inline-flex;align-items:center;min-height:44px;padding:8px;background:none;border:0;color:var(--rosa);font:500 13px Montserrat,sans-serif;white-space:nowrap}
 .obra-modal .pdp-barra .cerrar{width:44px;height:44px}
 .obra-modal .pdp-visor{width:min(100%,260px);max-width:none}
 .obra-modal .pdp-gal{gap:10px;padding:14px 16px}
 .obra-modal .pdp-tiras{max-width:340px}
 .obra-modal .pdp-tiras button{min-height:58px}
 .obra-modal .pdp-miniatura{height:36px}
 .obra-modal .pdp-vista-nombre{font-size:12px;white-space:normal}
 .obra-modal .pdp-lectura{min-height:0;line-height:1.5}
 .obra-modal .pdp-zoom{min-height:44px;min-width:70px;font-size:13px}
 .obra-modal .pdp-galeria-cabecera{font-size:13px}
 .obra-modal .pdp-pasos button{width:44px;height:44px}
 .obra-modal .pdp-total .val{font-size:27px}
 .obra-modal .pdp-nota{font-size:.875rem;line-height:1.5}
 .obra-modal .pdp-cta{min-height:46px;margin-top:9px}
 .obra-modal #pdp-opciones select,.obra-modal .pdp-ajuste select{min-height:48px;font-size:16px}
 .obra-modal .pdp-ajustes{grid-template-columns:1fr}
 .obra-modal .pdp-ajustes span{min-height:0;padding:10px 12px 10px 36px}
 .obra-modal .pdp-ajustes small{margin-top:2px;font-size:13px}
 .obra-modal .pdp-ajustes input{top:15px}
 .panel,.cajon{top:var(--inicio-visible,0px);height:var(--alto-visible,100dvh);bottom:auto}
 .panel .cerrar,.cajon-cerrar{min-width:44px;min-height:44px}
 .panel .item-acciones{flex-wrap:wrap;gap:4px 18px}
 .panel .item-acciones button,.panel .pedido-seguir{min-height:44px;font-size:14px}
 .panel .item-enc{flex-wrap:wrap;row-gap:2px}
 .panel .item-info{overflow-wrap:anywhere}
 .panel .item-controles button{min-width:44px;min-height:44px}
 .panel .pedido-cuerpo,#pedido-editor .pe-campos{scroll-padding-block:20px}
}
@media(max-width:640px){
 html{scroll-padding-top:80px;scroll-padding-bottom:90px;-webkit-text-size-adjust:100%}
 .env,.env-cat{padding-inline:18px}
 .barra .env{height:64px;gap:12px;padding-inline:18px}
 html[data-compra-movil] .barra .btn-pedido{display:none}
 .barra .derecha{gap:0;margin-left:auto}
 .barra .hamburguesa{display:flex;align-items:center;justify-content:center;gap:8px;min-width:82px;min-height:44px;width:auto;padding:8px 10px}
 .menu-rotulo{display:inline;font-size:14px}
 .mobile-dock{display:grid;grid-template-columns:.8fr 1.15fr 1.05fr;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom))}
 .mobile-dock a,.mobile-dock button{padding:8px 5px;min-height:48px;font-size:14px;line-height:1.3;min-width:0}
 .mobile-dock .dock-pedido{display:flex;flex-direction:column;gap:2px}
 .mobile-dock small{font-size:12px;font-weight:500}
 .mobile-dock small:empty{display:none}
 html:has(.obra-modal:not([hidden]),.panel:not([hidden]),.cajon:not([hidden]),.productos-panel:not([hidden])) .mobile-dock{visibility:hidden}
 html[data-teclado] .mobile-dock{display:none}
 #disenos-titulo{font-size:clamp(34px,9.6vw,43px)}
 #disenos-inicio{padding-top:24px}
 .disenos-intro{gap:14px;margin-top:18px}
 .disenos-intro .disenos-personal{display:inline-flex;align-items:center;min-height:44px}
 .disenos-navegacion{padding-top:8px}
 .disenos-controles{width:100%;gap:6px;flex-wrap:wrap}
 .disenos-controles>span{font-size:12px;margin-right:auto}
 .disenos-controles button{width:44px;height:44px;flex:none}
 .diseno-info strong{min-height:3em;font-size:15px}
 .diseno-elegir{min-height:44px}
 #catalogo #rejilla .cat:nth-child(n) h3{font-size:20px}
 #catalogo #rejilla .cat:nth-child(n) .d{font-size:14px}
 .cajon{width:min(390px,100%)}
 .cajon-cuerpo{padding-bottom:max(24px,env(safe-area-inset-bottom));overscroll-behavior:contain}
 .cajon-cuerpo a,.cajon-cuerpo button{min-height:48px;font-size:16px}
 .cajon-cuerpo .precio{font-size:13px}
 .cajon-grupo{font-size:12px}
 .productos-panel{width:100%;height:var(--alto-visible,100dvh);max-height:var(--alto-visible,100dvh);top:var(--inicio-visible,0px);left:0;transform:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden}
 .productos-panel:not([hidden]){animation:entradaMovil .25s ease both}
 .productos-panel-alto,.productos-panel-pie{flex:none}
 .productos-panel-cuerpo{overflow:auto;min-height:0;overscroll-behavior:contain;gap:20px}
 .productos-panel-alto h2{font-size:24px}
 .productos-panel .productos-cerrar{min-width:44px;min-height:44px}
 .productos-panel .producto-acceso{flex-direction:row;align-items:center;min-height:80px;padding:8px;gap:8px}
 .productos-panel .producto-acceso img{width:40px;height:40px}
 .productos-panel .producto-acceso b{font-size:14px}
 .productos-panel .producto-acceso small{font-size:12px}
 .productos-panel-pie{padding-bottom:max(16px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px 18px}
 .productos-panel-pie a{font-size:14px;min-height:44px;display:flex;align-items:center}
 .breadcrumb{margin-bottom:16px;line-height:1.6}
 .cabecera-producto{padding-top:18px}
 .producto-intro h1{font-size:32px;line-height:1.12}
 .producto-intro p{font-size:15px}
 #cotiza>.env{display:flex;flex-direction:column;gap:22px}
 #cotiza .conf{order:0;width:100%;min-width:0;scroll-margin-top:12px}
 #cotiza .col-der{order:1;width:100%;position:static}
 #cotiza>.env>.galeria{order:-1;display:grid;grid-template-columns:minmax(0,220px) 48px;gap:10px;max-width:100%;width:278px;align-self:center}
 #cotiza>.env>.galeria[hidden]{display:none}
 #cotiza>.env>.galeria .gal-grande{width:100%;aspect-ratio:1;max-height:220px}
 #cotiza>.env>.galeria .gal-tiras{display:flex;flex-direction:column;gap:8px;margin:0}
 #cotiza>.env>.galeria .gal-tiras button{width:48px;height:48px;flex:none}
 #cotiza>.env>.galeria .gal-nota{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}
 #cotiza .conf-top,#cotiza .conf-cuerpo{padding-inline:16px}
 #cotiza .conf-top h2{font-size:24px}
 #cotiza .conf-cuerpo{gap:20px}
 #cotiza .conf .fila{grid-template-columns:1fr}
 #cotiza .opciones-variantes{max-height:none;overflow:visible;padding-right:0}
 #cotiza .opciones-variantes button{min-width:0;padding:12px 10px;font-size:14px}
 #cotiza .comparar-link{min-height:44px;font-size:13px}
 #cotiza .tipo-presentacion button{min-height:44px;font-size:14px}
 #cotiza .cantidad-control button{min-width:44px;min-height:44px}
 #cotiza .campo select{min-height:48px;font-size:16px}
 #cotiza .check{padding:14px;align-items:flex-start}
 #cotiza .cotiza-incluye p,.ficha-datos{font-size:14px}
 #cotiza .btn-add{min-height:50px;font-size:16px}
 .cambiar-producto{padding-inline:18px}
 .cambiar-producto details>summary{gap:12px}
 .cambiar-accion{font-size:13px;white-space:normal;max-width:150px}
 #tienda .tienda-cabecera{gap:12px}
 #tienda .tienda-favoritos{justify-self:start}
 #tienda .tienda{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 #tienda .obra .nom{font-size:15px;line-height:1.45}
 #tienda .obra .corazon{width:44px;height:44px;top:6px;right:6px}
 #tienda .obra .marco{padding:8px}
 #tienda .barra-filtros{position:static}
 #tienda #limpiar-filtros{min-height:44px;font-size:14px}
 .panel .panel-top{padding:10px 18px;min-height:62px}
 .panel .panel-pie{padding:12px 18px max(12px,env(safe-area-inset-bottom));max-height:none;overflow:visible}
 .panel .pedido-desglose{padding-bottom:8px;font-size:13px}
 .panel .pedido-cuerpo>.pedido-desglose{margin:12px 18px 20px;padding:14px 0;border-block:1px solid var(--borde)}
 .panel .nota-pie{font-size:12px}
 .panel .pedido-seguir{padding:8px 0}
 .panel .btn-wa{min-height:48px;font-size:15px}
 #pedido-editor .pe-fila{gap:12px}
 #pedido-editor :is(select,input){font-size:16px;min-height:48px}
 footer{padding-bottom:105px}
}
@media(max-width:380px){
 .disenos-controles>span{width:100%;margin:0 0 2px}
 .productos-opciones{grid-template-columns:1fr}
 .productos-panel .producto-acceso{min-height:64px}
 #pedido-editor .pe-fila{grid-template-columns:1fr}
 .obra-modal .pdp-config .fmt{padding:10px 7px}
 .obra-modal .fmt .fp{font-size:12px}
 .obra-modal .pdp-barra>span{font-size:12px}
 .obra-modal .pdp-visor{width:220px}
 .obra-modal .pdp-chips{grid-template-columns:1fr}
 .panel .item .pr{font-size:16px}
}
/* En horizontal o con teclado, el contenido y su cierre usan un único scroll. */
@media(max-width:860px) and (max-height:620px){
 .obra-modal{overflow:auto}
 .obra-modal .pdp-barra{position:sticky;top:0;z-index:8;background:var(--superficie)}
 .obra-modal .obra-cuerpo{flex:none;overflow:visible}
 .obra-modal>.pdp-compra{position:static}
 .obra-modal .pdp-visor{width:200px}
 .panel{overflow:auto}
 .panel .panel-top{position:sticky;top:0;z-index:2;background:var(--superficie)}
 .panel .pedido-cuerpo,#pedido-editor{flex:none;overflow:visible}
 .panel .panel-pie{max-height:none;overflow:visible}
 #pedido-editor .pe-campos{flex:none;overflow:visible}
}
html[data-teclado] .panel{overflow:auto}
html[data-teclado] .panel .pedido-cuerpo,html[data-teclado] #pedido-editor,html[data-teclado] #pedido-editor .pe-campos{flex:none;overflow:visible}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.disenos-carril,.pedido-fotos-carril{scroll-behavior:auto}.productos-panel:not([hidden]),.obra-modal:not([hidden]){animation:none}}

/* Ajustes para teléfonos estrechos, textos largos y controles táctiles. */
@media(max-width:640px){
 .disenos-intro .disenos-catalogo{padding:18px;gap:12px}
 .disenos-intro .disenos-catalogo strong{font-size:clamp(20px,5.8vw,23px);overflow-wrap:break-word}
 .disenos-catalogo-flecha{width:44px;height:44px}
 #cotiza :is(.campo,.col-der,.precio-caja,.entrega){min-width:0}
 #cotiza .tipo-presentacion{flex-wrap:wrap}
 #cotiza .tipo-presentacion button{flex:1 1 110px;min-width:0;line-height:1.4}
 #cotiza .opciones-variantes button{overflow-wrap:anywhere;line-height:1.5}
 #cotiza .cantidad-control button,#cotiza #s-cant,#cotiza #s-dis-cant{min-height:48px}
 #cotiza :is(.check .txt,.resumen-cotiza,.nota-cotiza){overflow-wrap:anywhere}
 #cotiza .check .txt{min-width:0}
 .obra-modal .pdp-favorito{min-height:44px;font-size:14px}
 .obra-modal .pdp-config{padding-inline:18px;scrollbar-gutter:auto}
 .obra-modal .pdp-compra-linea{flex-wrap:wrap;gap:10px 16px}
 .obra-modal .pdp-total{min-width:0}
}
@media(max-width:380px){
 #cotiza .opciones-variantes{grid-template-columns:1fr}
 #cotiza .opciones-variantes button{min-height:64px}
 #cotiza>.env>.galeria{width:100%;grid-template-columns:minmax(0,220px) 44px;justify-content:center}
 #cotiza>.env>.galeria .gal-tiras button{width:44px;height:44px}
 .mobile-dock{gap:5px;padding-inline:8px}
}

/* Un único catálogo visual, con carga gradual y sin salir de Vinilkiza. */
#tienda .tienda-cabecera{margin-bottom:18px}
#tienda .tienda-cabecera .enc p{max-width:62ch}
#tienda .barra-filtros{position:static;border-top:1px solid var(--linea);padding-top:24px}
#tienda #filtros{gap:8px}
#tienda #filtros .chip{font-size:14px;min-height:44px;padding:9px 14px}
#tienda .obra-abrir .obra-tema{display:block;font-size:12px;line-height:1.5;color:var(--rosa);margin:13px 0 4px;text-transform:none}
#tienda .obra-abrir .nom{margin-top:0;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#tienda .obra .marco{aspect-ratio:3/4;height:auto;display:grid;place-items:center;overflow:hidden;background:#1b1819}
#tienda .obra .marco img{width:100%;height:100%;object-fit:contain;max-height:100%;display:block}
.catalogo-cargar{display:flex;flex-direction:column;align-items:center;gap:14px;margin:34px 0 16px}
.catalogo-cargar[hidden]{display:none}
.catalogo-cargar p{margin:0;font-size:14px;line-height:1.6;color:var(--secundario)}
.catalogo-cargar button{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:14px 24px;min-height:48px;border:1px solid var(--rosa);border-radius:5px;background:var(--seleccion);color:var(--texto);font:500 15px/1.5 Montserrat,sans-serif;cursor:pointer}
.catalogo-cargar button:hover{background:#493440}.catalogo-cargar button:focus-visible{outline:2px solid var(--rosa);outline-offset:4px}
.obra-fuente{font-size:12px;line-height:1.6;color:var(--secundario);margin:14px 0 0;text-align:left}
.obra-fuente[hidden]{display:none}.obra-fuente summary{font-size:13px;cursor:pointer;min-height:40px;display:flex;align-items:center;gap:8px}.obra-fuente summary:before{content:'+';color:var(--rosa);font-size:19px}.obra-fuente[open] summary:before{content:'−'}.obra-fuente p{margin:0 0 6px}.obra-fuente a{color:var(--secundario);text-underline-offset:3px;overflow-wrap:anywhere}
.disenos-mas-categorias{font-size:14px;color:var(--secundario);text-underline-offset:5px;margin-right:auto}.disenos-mas-categorias:hover{color:var(--rosa)}
@media(max-width:640px){#tienda .tienda-busqueda{gap:12px}#tienda .tienda-cabecera{gap:14px}#tienda .tienda-cabecera .enc p{font-size:15px;line-height:1.6}#tienda .barra-filtros{padding-top:18px}#tienda #filtros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#tienda #filtros .chip{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;font-size:13px;min-width:0;gap:6px;white-space:normal;text-align:left}#tienda .obra-abrir .nom{font-size:14px;line-height:1.5}.disenos-mas-categorias{font-size:13px;width:100%;margin:8px 0}.disenos-navegacion{flex-wrap:wrap}}

.tienda-categoria{display:none}
@media(max-width:640px){#tienda #filtros{display:none}#tienda .tienda-busqueda{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#tienda .tienda-busqueda .buscador{grid-column:1/-1}.tienda-categoria{display:grid;gap:7px;min-width:0}.tienda-categoria label{font-size:14px;line-height:1.5;color:var(--secundario)}#categoria-disenos{width:100%;min-width:0;min-height:48px;padding:11px 28px 11px 10px;border:1px solid var(--borde);border-radius:5px;background:var(--superficie);color:var(--texto);font:400 16px/1.5 Montserrat,sans-serif}#categoria-disenos:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}}
@media(max-width:640px){#tienda .barra-filtros{margin-inline:0;width:100%}}

/* Todas las categorías permanecen visibles. */
#tienda .barra-filtros{background:transparent;padding-bottom:22px}
.categorias-cabecera{margin:22px 0 12px;font-size:14px;font-weight:500;color:var(--secundario)}
#tienda #filtros{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#tienda #filtros .chip{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:60px;padding:12px 14px;border:1px solid #3e343a;border-radius:10px;background:linear-gradient(135deg,#242023,#191719);color:var(--texto);font-size:14px;line-height:1.4;font-weight:500;text-align:left;white-space:normal;letter-spacing:0;box-shadow:inset 0 1px 0 #ffffff04;transition:border-color .2s,background .2s,transform .2s}
#tienda #filtros .chip .n{color:var(--secundario);flex:none;font-size:12px;font-weight:400;opacity:1;padding:3px 6px;border-radius:5px;background:#ffffff05}
#tienda #filtros .chip:hover{background:#2e252b;border-color:#9b7484;transform:translateY(-1px)}
#tienda #filtros .chip[aria-pressed=true]{background:#392a32;color:#f7dce6;border-color:var(--rosa);box-shadow:inset 3px 0 0 var(--rosa);font-weight:650}
#tienda #filtros .chip[aria-pressed=true] .n{color:#f7dce6;background:#d7a0b018}
#tienda #filtros .chip:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
#categoria-disenos,#serie-disenos{appearance:auto;color-scheme:dark}
@media(min-width:641px) and (max-width:1000px){#tienda #filtros{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){#tienda #filtros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#tienda .tienda-categoria{display:none}#tienda .tienda-busqueda{gap:14px;grid-template-columns:1fr}#tienda .tienda-busqueda .buscador{grid-column:auto}#serie-disenos{min-height:48px;font-size:16px}#tienda #filtros .chip{min-height:58px;padding:11px 12px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#tienda #filtros .chip{transition:none}}

/* Las etiquetas largas ceden espacio al contador sin desbordar la tarjeta. */
#tienda #filtros .chip-nombre{min-width:0;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:640px){
 #tienda #filtros .chip{gap:6px;padding:10px;min-height:56px}
 #tienda #filtros .chip .n{padding:3px 4px;font-variant-numeric:tabular-nums}
 #tienda .buscador{min-width:0}
 #tienda .buscador .limpiar{width:44px;height:44px;right:2px}
 #tienda #buscar{padding-right:50px}
 #tienda .obra-abrir{min-width:0;width:100%}
 #tienda .obra-abrir .nom{overflow-wrap:anywhere}
 #tienda .obra .meta{gap:4px 6px;line-height:1.5}
 #tienda .obra .meta>span{flex-basis:100%}
 .catalogo-cargar button{width:100%;max-width:380px;min-height:52px;gap:16px}
 .catalogo-cargar p{text-align:center}
}
@media(hover:none){#tienda #filtros .chip:hover{transform:none}}

/* El catálogo es la entrada principal para elegir un arte listo. */
.disenos-cabecera{align-items:center;gap:clamp(24px,4vw,60px)}
.disenos-presentacion{min-width:0}
.disenos-colecciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.disenos-colecciones a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid var(--borde);border-radius:30px;color:var(--texto);background:var(--superficie);font-size:14px;line-height:1.5;text-decoration:none;transition:background .2s,border-color .2s}
.disenos-colecciones a:hover{background:var(--seleccion);border-color:var(--rosa)}
.disenos-colecciones a:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
.disenos-intro .disenos-catalogo{min-height:164px;padding:28px;background:#f5ece2;color:#2b2227;border-color:#f5ece2;box-shadow:0 12px 30px #00000020}
.disenos-intro .disenos-catalogo strong{font-size:clamp(24px,2.4vw,32px);line-height:1.2}
.disenos-intro .disenos-catalogo small,.disenos-intro .disenos-catalogo-kicker{color:#65515c;opacity:1}
.disenos-intro .disenos-catalogo-kicker{font-size:13px;letter-spacing:.04em}
.disenos-catalogo-flecha{width:54px;height:64px;background:#e6c5d0;color:#3a2631;border-radius:10px}
.disenos-catalogo-flecha svg{width:27px;height:27px}
.disenos-intro .disenos-catalogo:hover{background:#fff8f0;border-color:#fff8f0;box-shadow:0 15px 32px #00000030}
.disenos-intro .disenos-catalogo:hover .disenos-catalogo-flecha{background:#ddb6c5;transform:none}
.disenos-intro .disenos-catalogo:focus-visible{outline-color:var(--rosa)}
#tienda .tienda-cabecera .eti{font-size:14px;line-height:1.5;color:var(--rosa)}
@media(max-width:900px) and (min-width:641px){.disenos-intro{flex-basis:360px;width:360px}.disenos-intro .disenos-catalogo{padding:22px;gap:14px}}
@media(max-width:640px){.disenos-colecciones{margin-top:18px;gap:7px}.disenos-colecciones a{padding:9px 13px}.disenos-intro .disenos-catalogo{min-height:144px;padding:22px;gap:14px}.disenos-intro .disenos-catalogo strong{font-size:clamp(23px,6vw,30px)}.disenos-catalogo-flecha{width:44px;height:56px}.disenos-catalogo-flecha svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.disenos-colecciones a{transition:none}}

/* Vitrina de inicio. Todos los cambios se limitan a esta sección. */
#disenos-inicio{padding:40px 0 30px;background:var(--negro)}
#disenos-inicio>.env{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);grid-template-areas:"intro galeria" "intro controles" "temas temas";column-gap:48px;row-gap:14px;align-items:center}
#disenos-inicio .disenos-cabecera{grid-area:intro;display:flex;flex-direction:column;align-items:stretch;gap:22px;margin:0;min-width:0}
#disenos-inicio .eyebrow{font-size:14px;line-height:1.5;letter-spacing:.02em;margin-bottom:20px}
#disenos-inicio #disenos-titulo{font-size:clamp(42px,4.8vw,66px);line-height:1.06;letter-spacing:-.055em;font-weight:600;text-wrap:balance}
#disenos-inicio #disenos-titulo em{font-style:normal;color:var(--rosa)}
#disenos-inicio .disenos-descripcion{max-width:35ch;margin:20px 0 0;font-size:16px;line-height:1.7;color:var(--secundario)}
#disenos-inicio .disenos-colecciones{margin:22px 0 0;gap:8px}
#disenos-inicio .disenos-colecciones a{background:transparent;border-color:#56434e;padding:9px 14px;font-size:14px;min-height:44px}
#disenos-inicio .disenos-colecciones a:hover{background:var(--seleccion);border-color:var(--rosa)}
#disenos-inicio .disenos-intro{width:100%;flex:auto;margin:0;padding:0;gap:16px}
#disenos-inicio .disenos-catalogo{min-height:100px;padding:19px 22px;border-radius:10px;background:var(--rosa);border-color:var(--rosa);color:#24181e;box-shadow:none;gap:14px}
#disenos-inicio .disenos-catalogo-kicker{font-size:12px;letter-spacing:.06em;color:#49333d;line-height:1.5}
#disenos-inicio .disenos-catalogo strong{font-size:22px;line-height:1.3;color:#24181e}
#disenos-inicio .disenos-catalogo small{font-size:14px;color:#49333d}
#disenos-inicio .disenos-catalogo-flecha{width:44px;height:44px;border-radius:8px;background:#ffffff30;color:#24181e;border:1px solid #24181e22}
#disenos-inicio .disenos-catalogo-flecha svg{width:24px;height:24px}
#disenos-inicio .disenos-catalogo:hover{background:#efbed0;border-color:#efbed0;box-shadow:0 8px 24px #00000020;transform:translateY(-2px)}
#disenos-inicio .disenos-catalogo:hover .disenos-catalogo-flecha{background:#ffffff50;transform:none}
#disenos-inicio .disenos-catalogo:focus-visible{outline:2px solid var(--texto);outline-offset:4px}
#disenos-inicio .disenos-personal{font-size:14px;min-height:44px;display:inline-flex;align-items:center;color:var(--secundario);padding:0}
#disenos-inicio .disenos-carril{grid-area:galeria;display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:22px 16px;min-width:0;width:100%;margin:0;padding:5px 3px 10px;scroll-padding-inline:3px;align-items:start;box-sizing:border-box}
#disenos-inicio .diseno-inicio{display:block;min-width:0;animation:none}
#disenos-inicio .diseno-visual{aspect-ratio:3/4;border-radius:8px;padding:10px;background:#211b1f;border:1px solid #493943;max-height:none;box-shadow:0 4px 14px #00000024;transition:border-color .25s,background .25s}
#disenos-inicio .diseno-visual img{object-fit:contain;filter:none;transform:none}
#disenos-inicio .diseno-info{padding:10px 1px 0;gap:3px}
#disenos-inicio .diseno-tema{font-size:12px;line-height:1.5;color:var(--secundario)}
#disenos-inicio .diseno-info strong{font-size:14px;line-height:1.45;height:2.9em;min-height:2.9em;font-weight:500}
#disenos-inicio .diseno-elegir{font-size:14px;line-height:1.5;margin:4px 0 0;color:var(--rosa)}
#disenos-inicio .diseno-elegir>span{font-size:18px;transform:none}
#disenos-inicio .diseno-inicio:hover .diseno-visual{border-color:var(--rosa);background:#2b2228}
#disenos-inicio .disenos-carril:has(.diseno-inicio:hover) .diseno-inicio:not(:hover){opacity:1}
#disenos-inicio .disenos-navegacion{grid-area:controles;padding:14px 0 0;gap:14px;border-top:1px solid var(--borde);align-items:center;flex-wrap:wrap;min-width:0}
#disenos-inicio .disenos-mas-categorias{font-size:14px;line-height:1.5;width:auto;margin:0 auto 0 0;min-height:44px;display:inline-flex;align-items:center;color:var(--secundario)}
#disenos-inicio .disenos-controles{gap:7px;flex-wrap:wrap}
#disenos-inicio .disenos-controles>span{font-size:12px;line-height:1.5;margin:0 5px 0 0}
#disenos-inicio .disenos-controles button{width:44px;height:44px;flex:none;background:var(--superficie);border-color:#56434e}
@media(min-width:761px) and (max-width:1080px){#disenos-inicio>.env{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:30px}#disenos-inicio .disenos-carril{grid-auto-columns:calc((100% - 16px)/2)}#disenos-inicio #disenos-titulo{font-size:48px}}
@media(max-width:760px){#disenos-inicio{padding:30px 0 16px}#disenos-inicio>.env{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "galeria" "acciones" "controles" "temas";gap:24px}#disenos-inicio .disenos-cabecera{gap:20px}#disenos-inicio #disenos-titulo{font-size:clamp(38px,9vw,56px)}#disenos-inicio .eyebrow{margin-bottom:14px}#disenos-inicio .disenos-descripcion{max-width:44ch;margin-top:15px}#disenos-inicio .disenos-colecciones{margin-top:18px}#disenos-inicio .disenos-datos{margin-top:20px;padding-top:18px;gap:30px}#disenos-inicio .disenos-datos strong{font-size:26px}#disenos-inicio .disenos-intro{gap:5px}#disenos-inicio .disenos-catalogo{min-height:94px;padding:17px 20px}#disenos-inicio .disenos-carril{display:flex;gap:14px;padding-bottom:8px}#disenos-inicio .diseno-inicio{flex:0 0 43%;min-width:0}#disenos-inicio .diseno-visual{padding:8px}#disenos-inicio .disenos-navegacion{gap:6px 16px;padding-top:10px}#disenos-inicio .disenos-controles>span{display:none}}
@media(prefers-reduced-motion:reduce){#disenos-inicio .disenos-catalogo,#disenos-inicio .diseno-visual{transition:none}#disenos-inicio .disenos-catalogo:hover{transform:none}}

#disenos-inicio .disenos-busqueda{margin-top:24px}
#disenos-inicio .disenos-busqueda label{display:block;font-size:14px;line-height:1.5;font-weight:500;margin-bottom:9px;color:var(--texto)}
#disenos-inicio .disenos-busqueda-campo{display:flex;align-items:stretch;border:1px solid #6b515e;border-radius:9px;background:#211b1f;min-width:0;overflow:hidden}
#disenos-inicio .disenos-busqueda-campo:focus-within{outline:2px solid var(--rosa);outline-offset:3px}
#disenos-inicio #buscar-inicio{display:block;min-width:0;width:100%;min-height:52px;padding:13px 12px;border:0;background:transparent;color:var(--texto);font:400 16px/1.5 Montserrat,sans-serif;border-radius:0;outline:none;box-shadow:none}
#disenos-inicio #buscar-inicio::placeholder{color:#bdaeb6;opacity:1}
#disenos-inicio .disenos-busqueda button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:48px;padding:10px 13px;border:0;border-left:1px solid #6b515e;background:#35262e;color:#f6dfe8;font:500 14px/1.5 Montserrat,sans-serif;cursor:pointer}
#disenos-inicio .disenos-busqueda button:hover{background:#4b3440}
#disenos-inicio .disenos-busqueda button:focus-visible{outline:2px solid var(--rosa);outline-offset:-4px}
#disenos-inicio .disenos-busqueda button svg{width:19px;height:19px;flex:none}
#disenos-inicio .disenos-sugerencias{display:flex;align-items:center;flex-wrap:wrap;gap:0 13px;margin-top:5px;font-size:13px;line-height:1.5;color:var(--secundario)}
#disenos-inicio .disenos-sugerencias a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--rosa);text-underline-offset:4px;text-decoration-thickness:1px}
#disenos-inicio .disenos-sugerencias a:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
#disenos-inicio .disenos-explorar{grid-area:temas;min-width:0;border-top:1px solid var(--borde);margin-top:24px;padding-top:25px}
#disenos-inicio .disenos-explorar-cabecera{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px 24px}
#disenos-inicio .disenos-explorar h2{margin:0;font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.025em}
#disenos-inicio .disenos-explorar p{margin:0;font-size:14px;line-height:1.5;color:var(--secundario)}
#disenos-inicio .disenos-explorar p strong{font-weight:600;color:var(--texto)}
#disenos-inicio .disenos-colecciones{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
#disenos-inicio .disenos-colecciones a{display:inline-flex;align-items:center;justify-content:space-between;gap:13px;padding:10px 14px;background:var(--superficie);border:1px solid #493b43;border-radius:8px;min-height:46px;white-space:normal;max-width:100%;font-size:14px;line-height:1.5}
#disenos-inicio .disenos-colecciones a>span{min-width:0;overflow-wrap:anywhere}
#disenos-inicio .disenos-colecciones small{font-size:12px;color:var(--secundario);font-variant-numeric:tabular-nums;flex:none}
#disenos-inicio .disenos-colecciones a:hover{border-color:var(--rosa);background:var(--seleccion)}
@media(max-width:760px){#disenos-inicio .disenos-cabecera{display:contents}#disenos-inicio .disenos-presentacion{grid-area:intro}#disenos-inicio .disenos-intro{grid-area:acciones}#disenos-inicio .disenos-busqueda{margin-top:18px}#disenos-inicio .disenos-explorar{margin-top:12px;padding-top:22px}#disenos-inicio .disenos-colecciones{gap:8px}#disenos-inicio .disenos-colecciones a{padding:9px 12px;gap:10px}#disenos-inicio .disenos-carril{margin-top:-6px}}
@media(max-width:360px){#disenos-inicio .disenos-busqueda button>span{display:none}}

/* Controles discretos que usan la tipografía y los colores de VINILKIZA. */
#cerrar-legal{font:inherit;font-size:13px;font-weight:600;color:var(--crema);text-decoration:none;display:inline-flex;align-items:center;gap:9px;min-height:44px}
#cerrar-legal:hover{color:var(--rosa)}
.doc>h3{display:none}
.legal-acciones{max-width:70ch;margin:0 auto 32px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.legal-acciones a,.legal-acciones button,.legal-datos button{font:inherit;font-size:14px;min-height:44px;padding:10px 16px;border:1px solid var(--borde);border-radius:8px;background:var(--superficie);color:var(--texto);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.legal-acciones :is(a,button):hover,.legal-datos button:hover{border-color:var(--rosa);background:var(--elevado)}
.legal-acciones [hidden],.legal-datos [hidden]{display:none!important}
.legal-datos{margin:24px 0;padding:22px;border:1px solid var(--borde);border-radius:12px;background:var(--superficie)}
.legal-datos h5{margin:0 0 12px;font-size:18px;font-weight:600}
.legal-datos p{font-size:14px;line-height:1.7}.legal-datos button{margin:4px 8px 4px 0}
#datos-estado:empty{display:none}.legal-tabs a[aria-current=page]{border-color:var(--rosa);background:var(--rosa);color:#20181b}
.panel .pedido-privacidad{margin:3px 0 5px;font-size:13px;line-height:1.55;color:var(--texto)}
.pedido-privacidad label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-height:44px;padding-block:4px}
.pedido-privacidad input{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--rosa)}
.pedido-privacidad p{margin:5px 0;font-size:12px;line-height:1.55;color:var(--secundario)}
.pedido-privacidad a{color:var(--texto);text-decoration:underline;text-underline-offset:3px}
.pedido-privacidad #pedido-privacidad-error{color:var(--rosa);font-weight:600}
.panel .pedido-almacenamiento{margin:12px 24px;padding:12px;border:1px solid var(--borde);border-radius:8px;font-size:13px;line-height:1.6;color:var(--texto);background:var(--elevado)}
@media(max-width:640px){.legal-acciones{gap:8px}.legal-acciones a,.legal-acciones button{flex:1}.legal-datos{padding:16px}.panel .pedido-almacenamiento{margin-inline:18px}.panel .panel-pie{max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}.pedido-privacidad label{font-size:13px}}
@media(max-width:860px) and (max-height:620px){.panel .panel-pie{max-height:none;overflow:visible}}
html[data-teclado] .panel .panel-pie{max-height:none;overflow:visible}
@media print{
 @page{margin:18mm}
 html[data-vista=legal],html[data-vista=legal] body{background:#fff!important;color:#000!important;overflow:visible!important}
 html[data-vista=legal] body>*:not(.capa),html[data-vista=legal] .capa>*:not(main),html[data-vista=legal] #contenido>*:not(#vista-legal),html[data-vista=legal] #vista-legal>.volver,html[data-vista=legal] #legal .enc,html[data-vista=legal] .legal-tabs,html[data-vista=legal] .legal-acciones,html[data-vista=legal] .legal-nota,html[data-vista=legal] .legal-datos{display:none!important}
 html[data-vista=legal] :is(.capa,#contenido,#vista-legal,#legal,#legal>.env){display:block!important;position:static!important;transform:none!important;max-width:none!important;width:auto!important;padding:0!important;margin:0!important;background:#fff!important;color:#000!important}
 html[data-vista=legal] #legal .doc[hidden]{display:none!important}
 html[data-vista=legal] #legal .doc:not([hidden]){display:block!important;max-width:none!important}
 html[data-vista=legal] .doc :is(h3,h4,h5,p,li,a,b){color:#000!important;background:transparent!important;font-family:Arial,sans-serif!important}
 html[data-vista=legal] .doc h3{display:block!important;font-size:18pt!important}html[data-vista=legal] .doc h4{break-after:avoid}
 html[data-vista=legal] .doc :is(p,li){font-size:10pt!important;line-height:1.5!important;orphans:3;widows:3}
 html[data-vista=legal] .doc a[href]::after{content:' (' attr(href) ')';font-size:8pt;overflow-wrap:anywhere}
}


.pie-g h2{margin-top:0}