:root{--fondo:#f7f3ed;--papel:#f7f3ed;--tinta:#152037;--linea:#d9d0c4;--muted:#6a6965;--cobre:#b85e2e;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #1d74a5;outline-offset:4px}
.saltar{position:absolute;top:-90px;left:12px;z-index:99;background:#fff;padding:12px}.saltar:focus{top:12px}
.progreso{position:fixed;top:0;left:0;z-index:70;width:100%;height:2px;background:var(--cobre);transform-origin:left;transform:scaleX(0);pointer-events:none}
.cabecera{position:sticky;top:0;z-index:50;background:rgba(247,243,237,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(21,32,55,.08);transition:box-shadow .35s,background .35s}.cabecera.scrolled{box-shadow:0 10px 28px rgba(0,0,0,.06);background:rgba(247,243,237,.94)}.cabecera-principal{width:min(100% - 2*clamp(20px,5vw,76px),1460px);margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px;transition:min-height .35s}.cabecera.scrolled .cabecera-principal{min-height:67px}
.marca{width:150px;display:block;flex:none;line-height:0}.marca img{display:block;width:100%;height:auto;max-height:60px;object-fit:contain;object-position:left center;transition:transform .35s}.marca:hover img{transform:translateY(-2px)}.cabecera-acciones{display:flex;align-items:center;gap:clamp(18px,3vw,48px)}.cabecera-acciones a{font-weight:750;letter-spacing:.08em;text-transform:uppercase;font-size:12px;transition:color .2s}.cabecera-acciones a:hover{color:var(--cobre)}.enlace-atencion{border-bottom:1px solid var(--cobre);padding-bottom:5px}
.contenedor{width:min(calc(100% - 2*clamp(20px,5vw,76px)),1420px);margin:0 auto}
.hero{min-height:clamp(620px,89svh,900px);position:relative;background:#2e383c;overflow:hidden;color:#fff;isolation:isolate;display:flex;align-items:end}.hero-media,.hero-sombra{position:absolute;inset:0}.hero-media{overflow:hidden;z-index:-2}.hero-media img{height:100%;width:100%;max-width:none;object-fit:cover;object-position:center 48%;--parallax:0px;transform:translate3d(0,var(--parallax),0) scale(1.09);animation:heroZoom 2.3s cubic-bezier(.18,.65,.2,1) both}.hero-sombra{z-index:-1;background:linear-gradient(90deg,rgba(8,15,28,.79),rgba(8,15,28,.23) 75%),linear-gradient(0deg,rgba(5,12,22,.44),transparent 52%)}.hero-texto{width:min(calc(100% - 2*clamp(20px,6vw,94px)),1420px);margin:0 auto;padding:90px 0 135px}.hero-kicker{display:block;letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:750;animation:heroReveal .8s .22s both}.hero h1{font-size:clamp(56px,9.1vw,152px);line-height:.91;letter-spacing:-.075em;font-weight:790;margin:20px 0 25px;max-width:1060px}.hero h1 span{display:block;animation:heroReveal .9s both}.hero h1 span:first-child{animation-delay:.27s}.hero h1 span:nth-child(2){animation-delay:.39s}.hero-sub{font-size:clamp(14px,1.45vw,18px);line-height:1.65;max-width:450px;margin:0 0 27px;color:#f3eee9;animation:heroReveal .75s .54s both}.boton{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--tinta);padding:15px 21px;min-height:50px;background:transparent;color:inherit;font-weight:780;font-size:12px;letter-spacing:.10em;text-transform:uppercase;transition:transform .25s,background .25s,color .25s}.boton:hover{transform:translateY(-2px)}.boton-claro{background:var(--fondo);color:var(--tinta);border-color:var(--fondo);animation:heroReveal .75s .69s both}.boton-claro:hover{background:#fff}.boton-principal{background:var(--tinta);color:#fff}.boton-principal:hover{background:#2a3c59}.boton:disabled{cursor:not-allowed;opacity:.45;transform:none}.hero-deslizar{position:absolute;bottom:31px;right:clamp(20px,6vw,94px);text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#f6f2ec;opacity:.9}.hero-deslizar span{display:inline-block;margin-left:15px;animation:downHint 2s infinite}
.seccion{padding:clamp(72px,8vw,130px) 0 85px}.etiqueta{font-size:11px;letter-spacing:.20em;font-weight:700;text-transform:uppercase;color:var(--cobre)}.encabezado-seccion{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:33px}.encabezado-seccion h2{font-size:clamp(47px,6vw,91px);font-weight:670;letter-spacing:-.065em;line-height:1;margin:12px 0 0}.encabezado-seccion p{max-width:310px;margin:0 0 7px;color:var(--muted);line-height:1.65;font-size:14px}.herramientas{display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--linea);padding:22px 0 28px}.filtros{display:flex;gap:24px;min-width:0;flex-wrap:wrap}.chip{border:0;border-bottom:1px solid transparent;color:#6c6b69;background:none;padding:10px 0;font-size:12px;font-weight:650;transition:color .2s,border-color .2s}.chip:hover,.chip.activo{color:var(--tinta);border-bottom-color:var(--tinta)}.buscar{font-size:13px;min-width:190px;width:230px;max-width:100%;border:0;border-bottom:1px solid #a9aaa5;background:transparent;color:var(--tinta);padding:10px 0;outline-offset:2px}.contador{font-size:12px;color:var(--muted);margin-left:auto}.rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 18px}.producto{min-width:0;transition-delay:var(--retraso,0ms)}.producto-enlace{display:block;min-width:0}.producto-foto{overflow:hidden;position:relative;aspect-ratio:3/4;background:#e5dfd6}.producto-foto img{height:100%;width:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.25,1);will-change:transform}.producto:hover .producto-foto img{transform:scale(1.07)}.producto-banda{position:absolute;top:12px;left:12px;font-weight:650;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--tinta);background:var(--fondo);padding:7px 10px}.producto-banda.agotado{background:#1f2837;color:#fff}.producto-texto{padding:14px 0 0}.producto-linea{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.producto-nombre{font-size:15px;font-weight:660;line-height:1.35}.producto-precio{font-size:14px;white-space:nowrap;font-weight:700}.producto-ref{display:block;font-size:11px;color:var(--muted);margin-top:8px;letter-spacing:.04em}.producto-ref span{display:inline-block;transition:transform .25s}.producto:hover .producto-ref span{transform:translate(4px,-3px)}.no-resultados{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px 0}
.pie{border-top:1px solid var(--linea);padding:38px clamp(20px,5vw,76px) 55px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:20px 45px;background:var(--fondo)}.pie-marca{width:134px;line-height:0}.pie-marca img{width:100%;height:auto}.pie-texto{max-width:410px;font-size:13px}.pie-texto strong{font-size:15px}.pie-texto p{line-height:1.7;color:var(--muted);margin:8px 0 0}.redes{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.redes a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.redes a span:last-child{display:none}.redes p{font-size:12px;color:var(--muted);margin:0}.pie small{grid-column:1/-1;font-size:10px;color:#8a8177;margin-top:4px}
.ruta{font-size:12px;color:var(--muted);padding:30px 0 24px}.ruta a{text-decoration:underline;text-underline-offset:4px}.detalle{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(34px,5vw,100px);align-items:start;padding-bottom:100px}.detalle-galeria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detalle-galeria img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;background:#ebe5db}.detalle-galeria img:first-child{grid-column:1/-1;aspect-ratio:1/1.05}.detalle-info{padding-top:22px;position:sticky;top:105px}.detalle-info h1{font-size:clamp(43px,5.5vw,86px);letter-spacing:-.07em;line-height:1.02;font-weight:700;margin:15px 0}.detalle-precio{font-size:26px;font-weight:650;margin:20px 0 24px}.detalle-descripcion{font-size:14px;color:var(--muted);line-height:1.75;padding-bottom:25px;border-bottom:1px solid var(--linea)}.seleccion{padding:22px 0;border-bottom:1px solid var(--linea)}.seleccion-titulo{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:12px}.seleccion-titulo span{color:var(--muted)}.opciones{display:flex;gap:10px;flex-wrap:wrap}.opcion{min-width:47px;min-height:46px;padding:11px 13px;border:1px solid #c4bdb1;background:none;font-size:13px;transition:background .2s,color .2s}.opcion:hover,.opcion[aria-pressed="true"]{border-color:var(--tinta);background:var(--tinta);color:white}.opcion:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through;background:transparent;color:var(--tinta)}.estado-stock{font-size:12px;color:#44644c;margin:17px 0}.estado-stock.agotado{color:#944c43}.detalle-info .boton{width:100%}.detalle-ayuda{color:var(--muted);font-size:11px;line-height:1.6}.cargando,.error-pagina{min-height:44vh;padding:120px 22px;text-align:center;color:var(--muted)}.error-pagina h1{font-size:clamp(32px,4vw,62px);letter-spacing:-.04em;color:var(--tinta)}
.dialogo{border:0;background:var(--fondo);color:var(--tinta);max-width:500px;width:calc(100% - 24px);padding:0;box-shadow:0 25px 90px #11192366}.dialogo::backdrop{background:#08121da8}.dialogo-interior{position:relative;padding:30px}.dialogo-interior h2{font-size:36px;letter-spacing:-.04em;margin:20px 0 8px}.dialogo-interior p{font-size:14px;line-height:1.55;color:var(--muted)}.dialogo-interior pre{padding:15px;background:#eee6dc;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 var(--sans)}.dialogo-interior .cerrar{position:absolute;top:12px;right:14px;border:0;background:none;font-size:29px}
.vista{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.72,.2,1)}.vista.entrar{opacity:1;transform:translateY(0)}.foto-reveal{clip-path:inset(12% 0 0 0);transition:clip-path 1.2s cubic-bezier(.2,.72,.2,1)}.foto-reveal.entrar{clip-path:inset(0 0 0 0)}
@keyframes heroReveal{from{opacity:0;transform:translate3d(0,35px,0);filter:blur(4px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}@keyframes heroZoom{from{opacity:.75;transform:translateY(0) scale(1.19)}to{opacity:1;transform:translateY(var(--parallax)) scale(1.09)}}@keyframes downHint{50%{transform:translateY(7px)}}
@media(max-width:1060px){.rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}.detalle{gap:40px}.hero h1{font-size:clamp(57px,8.5vw,104px)}}
@media(max-width:760px){html{scroll-padding-top:75px}.cabecera-principal{min-height:67px;width:calc(100% - 34px)}.cabecera.scrolled .cabecera-principal{min-height:61px}.marca{width:125px}.cabecera-acciones{gap:18px}.cabecera-acciones a{font-size:11px}.hero{min-height:min(780px,83svh);align-items:end}.hero-texto{width:calc(100% - 40px);padding:80px 0 103px}.hero h1{font-size:clamp(52px,10vw,80px);max-width:660px}.hero-sombra{background:linear-gradient(0deg,rgba(8,15,28,.85),rgba(8,15,28,.1) 87%)}.hero-deslizar{right:20px;bottom:24px}.seccion{padding:67px 0 62px}.encabezado-seccion{display:block}.encabezado-seccion p{margin:16px 0 0}.herramientas{display:grid;gap:10px}.filtros{flex-wrap:nowrap;overflow-x:auto;gap:19px;scrollbar-width:none;padding-bottom:4px}.filtros::-webkit-scrollbar{display:none}.chip{white-space:nowrap;flex:none}.buscar{width:100%;max-width:100%}.contador{margin:0}.rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.producto-linea{display:block}.producto-nombre{font-size:13px}.producto-precio{font-size:13px;display:block;margin-top:6px}.producto-ref{font-size:10px}.producto-banda{left:7px;top:7px;font-size:9px;padding:6px}.pie{grid-template-columns:1fr;gap:14px;padding:38px 20px 48px}.pie-marca{width:120px}.detalle{grid-template-columns:1fr;gap:20px;padding-bottom:55px}.detalle-info{position:static;padding-top:8px}.detalle-galeria img:first-child{aspect-ratio:3/3.5}}
@media(max-width:360px){.cabecera-acciones{gap:10px}.cabecera-acciones a{font-size:10px}.marca{width:104px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.vista{opacity:1;transform:none}.foto-reveal{clip-path:none}.hero-media img{transform:none!important}}

/* =========================================================
   ELES JEANS · UNA SOLA EXPERIENCIA EDITORIAL, MÁS MOVIMIENTO
   Sin módulos nuevos, sin promociones inventadas, sin ERP.
   Solo portada / colección / ficha / contacto.
   ========================================================= */
.hero-energia {
  min-height:min(900px, 100svh);
  --puntero-x:50%; --puntero-y:52%;
  background:#10151d;
}
.hero-energia .hero-media {filter:saturate(.82) contrast(1.08);}
.hero-energia .hero-media img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
  transform:scale(1.1);
  object-position:center 45%;
  will-change:opacity,transform;
  animation:none;
}
.hero-energia .hero-media img.hero-foto-1 {
  opacity:1;
  animation:escenaUno 18s ease-in-out infinite alternate;
}
.hero-energia .hero-media img.hero-foto-2 {
  opacity:0;
  animation:escenaDos 18s ease-in-out infinite alternate;
}
.hero-energia .hero-media img.hero-foto-3 {
  opacity:0;
  animation:escenaTres 18s ease-in-out infinite alternate;
}
.hero-energia .hero-sombra{
  background:
    radial-gradient(ellipse at var(--puntero-x) var(--puntero-y),transparent 0%,rgba(3,8,17,.10) 70%),
    linear-gradient(95deg,rgba(4,10,19,.85),rgba(4,10,19,.46) 47%,rgba(4,10,19,.25) 100%),
    linear-gradient(0deg,rgba(4,10,19,.70),transparent 53%);
}
.hero-energia .hero-texto{
  z-index:2;
  padding:clamp(90px,12vh,155px) 0 clamp(115px,13vh,170px);
}
.hero-energia .hero-kicker{
  font-weight:800;letter-spacing:.22em;
  border-left:2px solid #d78051;
  padding-left:14px;
  text-shadow:0 1px 8px #0003;
}
.hero-energia h1{
  font-size:clamp(84px,13.2vw,226px);
  line-height:.75;
  letter-spacing:-.095em;
  margin:clamp(30px,5vh,56px) 0 36px;
  font-weight:950;
  max-width:100%;
  text-transform:uppercase;
}
.hero-energia h1 span{display:block;width:fit-content;padding-right:.12em}
.hero-energia h1 span:nth-child(2){margin-left:clamp(10px,4.5vw,74px)}
.hero-energia h1 span.hero-contorno{
  color:transparent;
  -webkit-text-stroke:clamp(1px,.15vw,2.5px) rgba(255,255,255,.94);
  paint-order:stroke fill;
  margin-left:clamp(25px,11vw,170px);
}
.hero-energia .hero-sub{
  font-size:clamp(15px,1.4vw,19px);max-width:340px;line-height:1.5;
  text-wrap:pretty;
}
.hero-energia .boton-claro{
  border-radius:0;
  background:#fff;color:#111b2e;
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}
.hero-energia .boton-claro:hover {background:#eacdb9;transform:translateY(-3px)}
.hero-energia .hero-numero{
  position:absolute;z-index:-1;
  right:-4%;top:4%;
  font-weight:900;letter-spacing:-.10em;
  font-size:clamp(185px,32vw,600px);line-height:.8;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.18);
  transform:rotate(-90deg) translateY(25%);
  pointer-events:none;
  animation:letraEntrada 1.8s .1s both;
}
.hero-energia .hero-indice{
  position:absolute;bottom:28px;left:clamp(20px,6vw,94px);
  display:flex;align-items:center;gap:15px;
  font-size:11px;letter-spacing:.20em;font-weight:700;
}
.hero-energia .hero-linea{display:inline-block;width:65px;height:1px;background:#fff;opacity:.6}
.hero-energia .hero-deslizar{z-index:3;bottom:26px;right:clamp(20px,5vw,76px)}
.hero-energia .hero-deslizar span{animation:downHint 2s infinite}
@keyframes escenaUno {
  0%,21% {opacity:1;transform:scale(1.12) translateX(0)}
  32%,100% {opacity:0;transform:scale(1.20) translateX(-2%)}
}
@keyframes escenaDos {
  0%,27% {opacity:0;transform:scale(1.1) translateX(2%)}
  36%,55% {opacity:1;transform:scale(1.16) translateX(-2%)}
  65%,100% {opacity:0;transform:scale(1.19) translateX(-3%)}
}
@keyframes escenaTres {
  0%,60% {opacity:0;transform:scale(1.1) translateX(1%)}
  70%,100% {opacity:1;transform:scale(1.17) translateX(-2%)}
}
@keyframes letraEntrada{from{opacity:0;transform:rotate(-90deg) translateY(60%)}to{opacity:1;transform:rotate(-90deg) translateY(25%)}}
/* Energía del catálogo en vez de nuevos bloques */
.seccion{padding-top:clamp(64px,7vw,106px)}
.encabezado-seccion{margin-bottom:clamp(30px,4vw,62px)}
.encabezado-seccion h2{font-size:clamp(60px,8.8vw,145px);font-weight:830;letter-spacing:-.085em}
.punto-titulo{color:var(--cobre)}
.rejilla{gap:clamp(26px,3.2vw,56px) 16px;grid-auto-flow:dense}
/* Foto editorial destacada dentro de la misma cuadrícula: sigue siendo un jean clicable */
.producto:nth-child(7n + 1){grid-column:span 2}
.producto:nth-child(7n + 1) .producto-foto{aspect-ratio:6/5}
.producto-foto{background:#e0d7c9;isolation:isolate}
.producto-foto img{transform:scale(1);transition:transform 1.15s cubic-bezier(.19,1,.22,1),filter .9s;filter:saturate(.91)}
.producto:hover .producto-foto img,.producto:focus-within .producto-foto img{transform:scale(1.10);filter:saturate(1.09)}
.producto-foto::after{
  content:'EXPLORAR ↗';position:absolute;
  bottom:16px;left:17px;z-index:2;
  font-size:11px;font-weight:800;letter-spacing:.14em;
  color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55);
  opacity:0;transform:translateY(10px);
  transition:opacity .32s,transform .32s;
}
.producto-foto::before{
  content:'';position:absolute;inset:35% 0 0;z-index:1;
  background:linear-gradient(0deg,rgba(0,0,0,.3),transparent);
  opacity:0;transition:opacity .3s;pointer-events:none;
}
.producto:hover .producto-foto::after,.producto:focus-within .producto-foto::after,
.producto:hover .producto-foto::before,.producto:focus-within .producto-foto::before{opacity:1;transform:translateY(0)}
.producto-texto{padding-top:17px}
.producto-nombre{font-size:clamp(14px,1.25vw,18px);font-weight:740;letter-spacing:-.015em}
.producto-precio{font-size:clamp(14px,1.1vw,17px);font-weight:800}
.producto-ref{color:#75706a}
.foto-reveal{clip-path:inset(17% 0 0 0);transition:clip-path 1s cubic-bezier(.2,.72,.2,1)}
.producto.vista{transform:translateY(34px) scale(.98);transition:opacity .82s ease,transform .82s cubic-bezier(.19,1,.22,1)}
.producto.vista.entrar{transform:translateY(0) scale(1)}
/* Pie de página integrado, sin gran panel adicional */
.pie{padding-top:50px}
@media(max-width:760px){
  .hero-energia{min-height:clamp(580px,88svh,820px)}
  .hero-energia .hero-texto{padding:110px 0 120px}
  .hero-energia h1{font-size:clamp(57px,16.5vw,110px);line-height:.86;margin:28px 0}
  .hero-energia h1 span:nth-child(2){margin-left:0}
  .hero-energia h1 span.hero-contorno{margin-left:clamp(8px,7vw,38px)}
  .hero-energia .hero-numero{display:none}
  .hero-energia .hero-sombra{background:linear-gradient(0deg,rgba(5,12,22,.88),rgba(5,12,22,.22) 90%)}
  .hero-energia .hero-sub{font-size:15px;max-width:295px}
  .hero-energia .hero-indice{display:none}
  .encabezado-seccion h2{font-size:clamp(53px,11vw,90px)}
  .rejilla{gap:28px 12px}
  .producto:nth-child(7n + 1){grid-column:span 2}
  .producto:nth-child(7n + 1) .producto-foto{aspect-ratio:4/3}
  .producto-nombre{font-size:13px}.producto-precio{font-size:13px}
  .producto:nth-child(7n + 1) .producto-nombre{font-size:17px}
  .producto:nth-child(7n + 1) .producto-precio{font-size:16px}
  .producto-foto::after{opacity:.92;transform:translateY(0)}
  .producto-foto::before{opacity:.36}
}
@media(prefers-reduced-motion:reduce){
  .hero-energia .hero-media img{animation:none!important;transform:none!important}
  .hero-energia .hero-media img:not(.hero-foto-1){opacity:0!important}
  .hero-energia .hero-numero{animation:none!important}
  .producto.vista{opacity:1!important;transform:none!important}
  .producto-foto img{transform:none!important}
  .producto-foto::after{opacity:1!important;transform:none!important}
}

/* Inventarios con una o dos fotos: no oscurecer la portada en el ciclo */
.hero-energia[data-escenas="1"] .hero-media .hero-foto-1{opacity:1;animation:fotoUnica 16s ease-in-out infinite alternate}
.hero-energia[data-escenas="2"] .hero-media .hero-foto-1{animation:escenaUnoDos 15s ease-in-out infinite alternate}
.hero-energia[data-escenas="2"] .hero-media .hero-foto-2{animation:escenaDosDos 15s ease-in-out infinite alternate}
@keyframes fotoUnica{from{opacity:1;transform:scale(1.08) translateX(0)}to{opacity:1;transform:scale(1.16) translateX(-2%)}}
@keyframes escenaUnoDos{0%,35%{opacity:1}65%,100%{opacity:0}}
@keyframes escenaDosDos{0%,35%{opacity:0}65%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-energia[data-escenas="1"] .hero-media .hero-foto-1,.hero-energia[data-escenas="2"] .hero-media .hero-foto-1{animation:none!important;opacity:1!important;transform:none!important}.hero-energia[data-escenas="2"] .hero-media .hero-foto-2{animation:none!important;opacity:0!important}}

/* Catálogo directo: filtros y productos siguen a la portada, sin título-sección gigante. */
.catalogo-directo{padding-top:clamp(20px,3.5vw,46px)}
.catalogo-directo .herramientas{border-top:none;padding-top:8px;padding-bottom:clamp(20px,3vw,36px)}
@media(max-width:760px){.catalogo-directo{padding-top:24px}.catalogo-directo .herramientas{padding-top:0}}

/* Catálogo como portada: producto visible desde el primer vistazo. */
.catalogo-directo{padding-top:clamp(14px,2vw,26px)}
.catalogo-directo .herramientas{padding-top:0;padding-bottom:clamp(14px,2vw,24px)}
@media(max-width:760px){.catalogo-directo{padding-top:14px}.catalogo-directo .herramientas{padding-bottom:16px}}


/* ELES JEANS · Animaciones editoriales del catálogo directo.
   No crea portada ni elementos extra. Sin animaciones obligatorias para comprar. */
@supports (view-transition-name: catalogo-productos) {
  #rejilla { view-transition-name: catalogo-productos; }
  .transicion-ficha .detalle-galeria img:first-child { view-transition-name: imagen-jean; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
  ::view-transition-old(catalogo-productos) { animation: elesSale .18s ease-in both; }
  ::view-transition-new(catalogo-productos) { animation: elesEntra .32s cubic-bezier(.2,.7,.2,1) both; }
  ::view-transition-old(imagen-jean) { animation-duration: .32s; }
  ::view-transition-new(imagen-jean) { animation-duration: .32s; }
}
@keyframes elesSale { to { opacity:0; transform:translateY(-6px); } }
@keyframes elesEntra { from { opacity:0; transform:translateY(12px); } to {opacity:1; transform:translateY(0); } }
/* Evita conflicto entre la transición CSS anterior y el movimiento coordinado con GSAP. */
.animaciones-editoriales .producto.vista,
.animaciones-editoriales .producto .foto-reveal { transition: none; }
/* Interacción ligera y editorial, sin deformar fotos o textos. */
.producto { position:relative; }
.producto-enlace:focus-visible {outline-offset:5px;}
.producto-foto::after { transition: opacity .25s ease,transform .35s cubic-bezier(.2,.7,.2,1); }
@media (hover:hover) and (pointer:fine) {
  .producto-foto img { transition:transform .85s cubic-bezier(.16,1,.3,1), filter .65s ease; }
  .producto:hover .producto-foto img,
  .producto:focus-within .producto-foto img { transform:scale(1.065); }
  .producto:hover .producto-ref span,
  .producto:focus-within .producto-ref span {transform:translate(4px,-3px);}
}
@media (hover:none), (pointer:coarse) {
  /* Las etiquetas EXPLORAR no deben tapar las fotografías en táctiles. */
  .producto-foto::after, .producto-foto::before { opacity:0!important; }
}
@media (prefers-reduced-motion:reduce) {
  #rejilla, .detalle-galeria img:first-child { view-transition-name:none!important; }
  ::view-transition-old(*),::view-transition-new(*) { animation-duration:0.01ms!important; }
  .producto,.producto-foto img {transition:none!important;transform:none!important;}
}

@media(max-width:760px) { .producto-foto::after, .producto-foto::before { opacity:0!important; } }