/* Tienda v2 (s129): «noche y oro», la línea de Luxury (fondo oscuro, dorado #d4af37, Cormorant Garamond).
   Referencias: /home/victor/protocolo/LUX-S129-tienda-v2/referencias_diseno.md. Reglas de Victor: 0 desbordes, < 1 s. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/assets/fonts/abcaa8b47991b9f1.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body.v2{--nd:#0b0b1f;--nv:#15153a;--card:#16163a;--oro:#d4af37;--oro-claro:#f1d98a;--oro-suave:rgba(212,175,55,.14);
  --borde:rgba(212,175,55,.24);--g:#d4af37;--gl:#f1d98a;--ok:#7fe0bd;background:var(--nd);overflow-x:hidden}
.v2 a{color:var(--oro-claro)}
.v2 h1,.v2 h2,.v2 h3{font-family:'Cormorant Garamond',Georgia,serif}
.v2 main{max-width:1180px}

/* franja de confianza y cabecera */
.franja{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;padding:6px 16px;background:#08081a;
  color:var(--oro);font-size:.78rem;letter-spacing:.6px;border-bottom:1px solid var(--borde);text-align:center}
.v2 .cab{background:rgba(11,11,31,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde)}
.v2 .cab img{height:44px;width:auto}
.cab-der{display:flex;align-items:center;gap:12px;min-width:0}
#idioma{width:auto;min-height:44px;padding:6px 10px;border-radius:999px;background:#101030;color:var(--oro-claro);
  border:1px solid var(--borde);font-size:.88rem}
.v2 button,.v2 select,.v2 input{min-height:44px}   /* Victor: cómodo al dedo en celular, tablet y computadora */

/* botones dorados */
.v2 button{background:var(--oro);color:#0b0b1f;border:1px solid var(--oro);font-weight:600;border-radius:999px}
.v2 button:hover{background:var(--oro-claro);border-color:var(--oro-claro)}
.v2 button.sec{background:transparent;color:var(--oro);border:1px solid var(--borde)}
.v2 button.sec:hover{border-color:var(--oro);background:var(--oro-suave)}

/* héroe */
.heroe{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center;margin:8px 0 26px;
  padding:28px;border-radius:22px;border:1px solid var(--borde);
  background:radial-gradient(120% 140% at 0% 0%,rgba(212,175,55,.16),transparent 55%),linear-gradient(135deg,#15153a,#0b0b1f)}
.heroe .sobre{color:var(--oro);text-transform:uppercase;letter-spacing:2.4px;font-size:.75rem;margin:0}
.heroe h1{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.05;font-weight:600;margin:.15em 0 .3em;color:#fff}
.heroe p{color:#cfcde3;max-width:520px}
.heroe-botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.heroe-botones button{padding:12px 22px;font-size:1rem}
.heroe-foto img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid var(--borde);
  box-shadow:0 18px 50px rgba(0,0,0,.45)}

/* para quién compra */
.para-quien{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:28px}
.mundo{display:flex;align-items:center;gap:16px;padding:14px;text-align:left;border-radius:18px !important;
  background:linear-gradient(135deg,#1b1b44,#111130) !important;border:1px solid var(--borde) !important;color:var(--tx) !important}
.mundo img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--oro);flex:none}
.mundo strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.7rem;color:#fff}
.mundo small{color:var(--mu);font-weight:400}
.mundo:hover{border-color:var(--oro) !important}

/* secciones */
.titulo{font-size:1.9rem;margin:0 0 14px}
.titulo::after{content:'';display:block;width:44px;height:2px;background:var(--oro);margin-top:6px}
.secciones{margin-bottom:30px}
.fila-secciones{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.fila-secciones button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:16px;
  background:var(--card);color:var(--tx);border:1px solid var(--borde);font-weight:500;font-size:.9rem}
.fila-secciones button:hover{background:var(--oro-suave);color:#fff}
.fila-secciones svg{width:34px;height:34px;fill:none;stroke:var(--oro);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* cajas, pestañas, chips y filtros */
.v2 .caja{background:rgba(255,255,255,.035);border:1px solid var(--borde);border-radius:16px}
.v2 .pestanas button{border-radius:999px}
.v2 .pestanas button.activo{background:var(--oro);color:#0b0b1f;border-color:var(--oro)}
.v2 .pestanas button:not(.activo){background:transparent;color:var(--tx);border:1px solid var(--borde)}
.v2 .chip{background:transparent;color:var(--tx);border:1px solid var(--borde);font-weight:500}
.v2 .chip.activo{background:var(--oro-suave);color:var(--oro-claro);border-color:var(--oro)}
.filtrar{margin:4px 0 12px}
.filtrar summary{cursor:pointer;color:var(--oro);font-size:.92rem;padding:6px 0}
.v2 input,.v2 select,.v2 textarea{background:#101030;border-color:var(--borde);color:var(--tx)}
.v2 input:focus,.v2 select:focus,.v2 textarea:focus{outline:2px solid var(--oro);outline-offset:1px}

/* tarjetas */
.v2 .rejilla{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.v2 .prod{background:var(--card);border:1px solid var(--borde);border-radius:16px;padding:12px;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
@media (hover:hover){.v2 .prod:hover{transform:translateY(-3px);border-color:var(--oro);box-shadow:0 10px 28px rgba(212,175,55,.13)}}
.v2 .prod img,.v2 .prod .sinfoto{background:#faf7ef;border-radius:12px;aspect-ratio:1;width:100%;height:auto;object-fit:contain}
.v2 .marca{color:var(--oro);letter-spacing:1.3px}
.v2 .prod h3{font-family:'Inter',system-ui,sans-serif;font-size:.95rem;font-weight:600;line-height:1.3;color:#fff}
.v2 .precio{color:var(--oro);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem;font-weight:700}
.pildoras{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 6px}
.pildoras span{font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--oro-suave);color:var(--oro-claro)}
.v2 .etiqueta.si{color:var(--ok)}
.v2 .etiqueta.receta{color:var(--oro-claro);border-color:var(--borde)}

/* beneficios y preguntas */
.beneficios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:34px 0}
.beneficios div{padding:18px;border-radius:16px;background:linear-gradient(160deg,#1b1b44,#111130);border:1px solid var(--borde)}
.beneficios h3{color:var(--oro);font-size:1.35rem;margin:0 0 6px}
.beneficios p{margin:0;color:#cfcde3;font-size:.93rem}
.preguntas{margin-bottom:24px}
.preguntas details{border-bottom:1px solid var(--borde);padding:10px 0}
.preguntas summary{cursor:pointer;font-weight:600}
.preguntas p{color:#cfcde3;margin:8px 0 0}
.v2 dialog{background:#101030;border:1px solid var(--borde)}

/* tablet y móvil (Victor: 0 desbordes a 390 / 768 / 1280) */
@media (max-width:900px){
  .heroe{grid-template-columns:minmax(0,1fr);padding:20px}
  .heroe-foto{order:-1}
  .fila-secciones{grid-template-columns:repeat(3,minmax(0,1fr))}
  .beneficios{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .franja{font-size:.7rem;gap:2px 12px}
  .v2 .cab img{height:36px}
  .heroe{padding:16px;gap:16px}
  .para-quien{grid-template-columns:minmax(0,1fr)}
  .mundo img{width:72px;height:72px}
  .v2 .rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .v2 .prod{padding:9px}
}
/* Sección Granja (s129, 22-oct): Mascotas | Granja arriba del catálogo; enlace de la receta con 44 px de toque */
.v2 .pestanas.seccion{margin:0 0 14px}
.v2 .pestanas.seccion button{min-height:44px;padding:0 22px;font-size:1rem}
.v2 .enlace-receta{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:var(--oro-claro)}
/* LUX-S128: aviso del cobro en dólares (sereno, sin alarma) */
.v2 .aviso-cobro{margin:12px 0;padding:10px 14px;border-left:2px solid var(--oro);border-radius:10px;background:var(--oro-suave);overflow-wrap:anywhere}
.v2 .aviso-cobro p{margin:4px 0}
.v2 .aviso-cobro .fuente-cambio a,.v2 .pie a{color:var(--mu);font-size:.78rem}