/* WAWAY · Home interactiva 2026 */
body.inicio-sin-portada { --home-max:min(1240px,calc(100% - 40px)); }
.home-hero { position:relative; width:var(--home-max); margin:26px auto 74px; min-height:660px; display:flex; align-items:center; isolation:isolate; }
.home-hero-fondo { position:absolute; inset:0; z-index:-2; border-radius:44px; background:linear-gradient(125deg,#efe1d4 0%,#f8efe8 52%,#ead7ca 100%); overflow:hidden; }
.home-hero-fondo::before,.home-hero-fondo::after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}
.home-hero-fondo::before{width:380px;height:380px;left:-110px;top:-170px;background:rgba(255,255,255,.55)}
.home-hero-fondo::after{width:420px;height:420px;right:-110px;bottom:-220px;background:rgba(189,101,73,.12)}
.home-hero-contenido{width:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:56px;align-items:center;padding:60px 70px}
.home-eyebrow,.home-seccion-titulo>span{display:inline-flex;align-items:center;gap:9px;color:var(--accent-dark);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.home-eyebrow::before,.home-seccion-titulo>span::before{content:"";width:28px;height:1px;background:currentColor}
.home-hero-copy h1{max-width:620px;margin:18px 0 22px;font-family:"Playfair Display",serif;font-size:clamp(48px,5.7vw,76px);font-weight:600;letter-spacing:-.045em;line-height:.98}
.home-hero-copy h1 em{color:var(--accent);font-weight:600}
.home-hero-copy>p{max-width:570px;color:var(--muted);font-size:16px;line-height:1.8}
.home-hero-acciones{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}
.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 25px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:.22s ease}
.home-btn-principal{background:var(--ink);color:#fff;box-shadow:0 14px 32px rgba(33,29,26,.18)}
.home-btn-principal:hover{background:var(--accent-dark);color:#fff;transform:translateY(-2px)}
.home-btn-secundario{border-color:rgba(33,29,26,.15);background:rgba(255,255,255,.55);color:var(--ink);backdrop-filter:blur(8px)}
.home-btn-secundario:hover{background:#fff;transform:translateY(-2px)}
.home-hero-datos{display:flex;flex-wrap:wrap;gap:10px}.home-hero-datos span{padding:8px 12px;border:1px solid rgba(33,29,26,.10);border-radius:999px;background:rgba(255,255,255,.45);font-size:11px;color:var(--muted)}.home-hero-datos b{color:var(--ink)}
.home-hero-visual{position:relative;height:540px}.home-hero-foto{overflow:hidden;background:#ddd;box-shadow:0 28px 60px rgba(67,45,34,.16)}.home-hero-foto img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.home-hero-visual:hover .home-hero-foto-principal img{transform:scale(1.035)}
.home-hero-foto-principal{position:absolute;inset:0 34px 0 46px;border-radius:210px 34px 34px 34px}.home-hero-foto-principal img{object-position:center}
.home-hero-foto-mini{position:absolute;width:145px;height:175px;border:7px solid #f6ece4;border-radius:26px;z-index:2}.home-hero-foto-uno{left:-18px;bottom:42px;transform:rotate(-5deg)}.home-hero-foto-dos{right:-8px;top:35px;transform:rotate(5deg)}
.home-hero-sello{position:absolute;right:8px;bottom:38px;z-index:3;width:126px;height:126px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--accent);color:white;box-shadow:0 18px 38px rgba(148,74,54,.28);transform:rotate(-7deg)}.home-hero-sello span{font-family:"Playfair Display",serif;font-style:italic;font-size:18px;line-height:1}.home-hero-sello strong{font-family:"Playfair Display",serif;font-size:22px;line-height:1.1}.home-hero-sello small{margin-top:8px;font-size:8px;letter-spacing:.14em}
.home-scroll{position:absolute;left:70px;bottom:20px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.home-scroll span{width:28px;height:1px;background:currentColor}
.home-buscador{max-width:920px!important;margin:0 auto 100px!important;padding:0!important}.home-buscador .buscador-global-form{box-shadow:0 18px 50px rgba(55,42,31,.10)!important}
.home-selector,.home-categorias,.home-mayorista,.home-cotizador,.home-proceso,.home-galeria{width:var(--home-max);margin:0 auto 112px}
.home-seccion-titulo{max-width:720px;margin:0 auto 48px;text-align:center}.home-seccion-titulo>span{justify-content:center}.home-seccion-titulo>span::before{display:none}.home-seccion-titulo h2,.home-mayorista h2,.home-cotizador h2,.home-galeria h2{margin:10px 0 12px;font-family:"Playfair Display",serif;font-size:clamp(36px,4.4vw,54px);font-weight:600;letter-spacing:-.035em;line-height:1.08}.home-seccion-titulo p,.home-mayorista-copy>p,.home-cotizador-intro>p{color:var(--muted);font-size:15px;line-height:1.8}
.home-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.home-selector-card{position:relative;min-height:420px;overflow:hidden;border-radius:28px;background:#222;color:white;box-shadow:var(--shadow-sm);isolation:isolate}.home-selector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.home-selector-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,14,.03) 20%,rgba(20,17,14,.82) 100%);z-index:1}.home-selector-card>div{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.home-selector-card small{font-size:9px;letter-spacing:.14em;opacity:.78}.home-selector-card h3{margin:5px 0 4px;font-family:"Playfair Display",serif;font-size:27px}.home-selector-card p{font-size:11px;opacity:.8}.home-selector-card b{display:inline-block;margin-top:13px;font-size:11px;font-weight:600}.home-selector-card:hover img{transform:scale(1.07)}
.home-categorias{padding:68px 54px;border-radius:38px;background:#f1e9e0}.home-categorias .seccion-cabecera{margin-top:0}.home-categorias .grid-categorias{margin-bottom:0}
.home-mayorista{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;padding:64px;border:1px solid rgba(33,29,26,.08);border-radius:38px;background:linear-gradient(140deg,#fff,#f6efe8);box-shadow:var(--shadow-sm)}
.home-link-flecha{display:inline-block;margin-top:22px;color:var(--accent-dark);font-size:13px;font-weight:700}.home-escalas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-escala{position:relative;min-height:174px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center;transition:.2s}.home-escala span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.home-escala strong{font-family:"Playfair Display",serif;font-size:44px;line-height:1.15}.home-escala small{font-size:10px;color:var(--muted)}.home-escala b{position:absolute;top:-10px;padding:5px 9px;border-radius:999px;background:var(--accent);color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.home-escala-destacada{transform:translateY(-10px);border-color:rgba(189,101,73,.35);box-shadow:0 15px 30px rgba(189,101,73,.12)}
.home-cotizador{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;padding:70px;border-radius:40px;background:var(--ink);color:#fff}.home-cotizador .home-eyebrow{color:#e8ad98}.home-cotizador-intro>p{color:rgba(255,255,255,.67)}.home-cotizador-nota{display:flex;gap:12px;margin-top:30px;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.04)}.home-cotizador-nota span{color:#e8ad98}.home-cotizador-nota p{font-size:11px;line-height:1.65;color:rgba(255,255,255,.65)}.home-cotizador-form fieldset{margin:0 0 26px;border:0}.home-cotizador-form legend{margin-bottom:12px;font-size:12px;font-weight:600}.home-opciones{display:flex;flex-wrap:wrap;gap:8px}.home-opciones button{padding:9px 13px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.78);font-size:11px;cursor:pointer;transition:.2s}.home-opciones button:hover{background:rgba(255,255,255,.12)}.home-opciones button.activo{border-color:#e8ad98;background:#e8ad98;color:#281f1a}.home-cotizador .home-btn-principal{width:100%;background:var(--accent);box-shadow:none}.home-cotizador .home-btn-principal:hover{background:#d17659}.home-form-ayuda{margin-top:10px;text-align:center;font-size:10px;color:rgba(255,255,255,.46)}
.home-proceso{padding-top:10px}.home-proceso-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:paso}.home-proceso-grid article{position:relative;min-height:255px;padding:31px;border:1px solid var(--line);border-radius:26px;background:#fff;overflow:hidden}.home-proceso-grid article::after{content:"";position:absolute;right:-34px;bottom:-42px;width:115px;height:115px;border-radius:50%;background:rgba(189,101,73,.07)}.home-proceso-grid article>b{font-family:"Playfair Display",serif;font-size:44px;color:#ead8cd;font-weight:600}.home-proceso-grid article>span{display:block;margin:16px 0 5px;color:var(--accent-dark);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.home-proceso-grid h3{font-family:"Playfair Display",serif;font-size:22px}.home-proceso-grid p{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.65}
.home-galeria-cabecera{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.home-galeria-cabecera>div{max-width:710px}.home-galeria-scroll{display:grid;grid-template-columns:1.15fr .85fr 1fr .82fr 1.05fr;gap:13px}.home-galeria-scroll figure{position:relative;height:360px;overflow:hidden;border-radius:24px;background:#ddd}.home-galeria-scroll figure:nth-child(even){margin-top:34px;height:326px}.home-galeria-scroll img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.home-galeria-scroll figure:hover img{transform:scale(1.06)}.home-galeria-scroll figcaption{position:absolute;left:13px;bottom:13px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.87);backdrop-filter:blur(8px);font-size:9px;font-weight:600}
.home-beneficios{width:var(--home-max)!important;margin:0 auto 105px!important;border-radius:30px!important}.home-beneficios .beneficios-grid{max-width:none!important}
@keyframes homeReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.home-reveal{opacity:0;transform:translateY(18px)}.home-reveal.visible{animation:homeReveal .65s ease forwards}
@media(max-width:1050px){.home-hero-contenido{grid-template-columns:1fr 1fr;padding:48px}.home-hero-visual{height:470px}.home-selector-grid{grid-template-columns:repeat(2,1fr)}.home-selector-card{min-height:380px}.home-mayorista,.home-cotizador{grid-template-columns:1fr}.home-proceso-grid{grid-template-columns:repeat(2,1fr)}.home-galeria-scroll{grid-template-columns:repeat(3,1fr)}.home-galeria-scroll figure:nth-child(even){margin-top:0;height:340px}.home-galeria-scroll figure{height:340px}}
@media(max-width:720px){body.inicio-sin-portada{--home-max:calc(100% - 24px)}.home-hero{min-height:0;margin:14px auto 50px}.home-hero-contenido{grid-template-columns:1fr;gap:34px;padding:38px 22px 26px}.home-hero-copy{text-align:center}.home-eyebrow{justify-content:center}.home-eyebrow::before{display:none}.home-hero-copy h1{font-size:clamp(42px,13vw,58px)}.home-hero-copy>p{font-size:13px}.home-hero-acciones{justify-content:center}.home-hero-datos{justify-content:center}.home-hero-visual{height:390px}.home-hero-foto-principal{inset:0 14px 0 14px;border-radius:140px 28px 28px 28px}.home-hero-foto-mini{width:105px;height:125px;border-width:5px}.home-hero-foto-uno{left:0;bottom:18px}.home-hero-foto-dos{right:0;top:20px}.home-hero-sello{width:94px;height:94px;right:0;bottom:20px}.home-hero-sello span{font-size:14px}.home-hero-sello strong{font-size:17px}.home-scroll{display:none}.home-buscador{width:var(--home-max)!important;margin-bottom:76px!important}.home-selector,.home-categorias,.home-mayorista,.home-cotizador,.home-proceso,.home-galeria{margin-bottom:80px}.home-seccion-titulo{margin-bottom:32px}.home-selector-grid{grid-template-columns:1fr 1fr;gap:10px}.home-selector-card{min-height:285px;border-radius:20px}.home-selector-card>div{left:16px;right:16px;bottom:16px}.home-selector-card h3{font-size:21px}.home-selector-card p{display:none}.home-categorias{padding:42px 16px;border-radius:28px}.home-mayorista,.home-cotizador{padding:38px 20px;border-radius:28px;gap:36px}.home-escalas{grid-template-columns:1fr 1fr}.home-escala{min-height:140px}.home-escala-destacada{transform:none}.home-proceso-grid{grid-template-columns:1fr 1fr;gap:10px}.home-proceso-grid article{min-height:225px;padding:22px 17px}.home-proceso-grid article>b{font-size:35px}.home-proceso-grid h3{font-size:19px}.home-galeria-cabecera{display:block}.home-galeria-cabecera .home-link-flecha{margin-top:8px}.home-galeria-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-right:-12px;scrollbar-width:none}.home-galeria-scroll::-webkit-scrollbar{display:none}.home-galeria-scroll figure,.home-galeria-scroll figure:nth-child(even){flex:0 0 72vw;height:330px;margin:0;scroll-snap-align:start}}
@media(max-width:430px){.home-selector-grid{grid-template-columns:1fr}.home-selector-card{min-height:245px}.home-proceso-grid{grid-template-columns:1fr}.home-proceso-grid article{min-height:0}.home-escalas{gap:7px}.home-escala strong{font-size:38px}.home-btn{width:100%}}
/* Ajustes sobre la capa anterior 'inicio-sin-portada' */
.inicio-sin-portada #categorias.home-categorias{width:var(--home-max)!important;margin:0 auto 112px!important}
.inicio-sin-portada #mas-vendidos{margin-bottom:96px!important}
@media(max-width:720px){.inicio-sin-portada #categorias.home-categorias{width:var(--home-max)!important;margin:0 auto 80px!important}.inicio-sin-portada #mas-vendidos{margin-bottom:72px!important}}

/* Secciones editables desde Admin → Portada y contenido */
#homeHero[hidden], #homeSelector[hidden], #categorias[hidden], #mas-vendidos[hidden], #homeMayorista[hidden], #cotiza-rapido[hidden], #homeProceso[hidden], #homeGaleria[hidden], #homeBeneficios[hidden], #nosotros[hidden], #contacto[hidden], #homeFooter[hidden] { display: none !important; }

#buscar-home[hidden] { display: none !important; }


/* Waway 2026-08 · Ajustes solicitados: imágenes completas y HOME móvil compacta */
.producto.producto-dinamico > .producto-galeria-enlace {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
}
.producto.producto-dinamico .producto-galeria-hover {
  width: 100% !important;
  max-width: none !important;
}
.producto.producto-dinamico .producto-galeria-imagen {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  display: block !important;
}

@media (max-width: 720px) {
  /* Mantiene la sensación de escritorio, pero adaptada al ancho del teléfono. */
  body.inicio-sin-portada { --home-max: calc(100% - 16px); }
  .home-hero { margin: 8px auto 28px !important; border-radius: 22px; }
  .home-hero-contenido { grid-template-columns: 1.08fr .92fr !important; gap: 12px !important; padding: 22px 14px !important; align-items: center; }
  .home-hero-copy { text-align: left !important; }
  .home-hero-copy .home-eyebrow { justify-content: flex-start !important; font-size: 7px; }
  .home-hero-copy h1 { font-size: clamp(27px, 8.2vw, 38px) !important; line-height: .98 !important; }
  .home-hero-copy > p { font-size: 8px !important; line-height: 1.45 !important; }
  .home-hero-acciones { justify-content: flex-start !important; gap: 6px !important; }
  .home-hero-acciones .home-btn { width: auto !important; min-height: 34px !important; padding: 8px 10px !important; font-size: 7px !important; }
  .home-hero-datos { justify-content: flex-start !important; gap: 7px !important; }
  .home-hero-datos span { font-size: 6.5px !important; }
  .home-hero-visual { height: 230px !important; }
  .home-hero-foto-principal { inset: 0 7px !important; border-radius: 70px 18px 18px 18px !important; }
  .home-hero-foto-mini { width: 62px !important; height: 72px !important; border-width: 3px !important; }
  .home-hero-sello { width: 58px !important; height: 58px !important; right: 0 !important; bottom: 10px !important; }
  .home-hero-sello span { font-size: 8px !important; }.home-hero-sello strong { font-size: 10px !important; }.home-hero-sello small { font-size: 5px !important; }

  .home-buscador { margin-bottom: 34px !important; }
  .home-selector,.home-categorias,.home-mayorista,.home-cotizador,.home-proceso,.home-galeria { margin-bottom: 42px !important; }
  .home-seccion-titulo { max-width: 92%; margin-bottom: 18px !important; }
  .home-seccion-titulo h2,.home-mayorista h2,.home-cotizador h2,.home-galeria h2 { font-size: clamp(24px, 7vw, 31px) !important; }
  .home-seccion-titulo p,.home-mayorista-copy>p,.home-cotizador-intro>p { font-size: 9px !important; line-height: 1.55 !important; }

  .home-selector-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; }
  .home-selector-card { min-height: 170px !important; border-radius: 16px !important; }
  .home-selector-card>div { left: 11px !important; right: 11px !important; bottom: 10px !important; }
  .home-selector-card small { font-size: 6px !important; }.home-selector-card h3 { font-size: 16px !important; }.home-selector-card b { margin-top: 6px !important; font-size: 7px !important; }

  .home-categorias { padding: 24px 10px !important; border-radius: 20px !important; }
  .inicio-sin-portada #categorias.home-categorias { margin-bottom: 42px !important; }
  .inicio-sin-portada #mas-vendidos { margin-bottom: 42px !important; }

  .home-mayorista { grid-template-columns: .85fr 1.15fr !important; gap: 12px !important; padding: 22px 14px !important; border-radius: 20px !important; }
  .home-escalas { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 6px !important; }
  .home-escala { min-height: 88px !important; padding: 10px 6px !important; border-radius: 12px !important; }
  .home-escala strong { font-size: 25px !important; }.home-escala span,.home-escala small { font-size: 6px !important; }

  .home-cotizador { grid-template-columns: .78fr 1.22fr !important; gap: 14px !important; padding: 24px 14px !important; border-radius: 20px !important; }
  .home-cotizador-nota { margin-top: 12px !important; padding: 9px !important; }.home-cotizador-nota p { font-size: 7px !important; }
  .home-cotizador-form fieldset { margin-bottom: 10px !important; }.home-cotizador-form legend { margin-bottom: 6px !important; font-size: 7px !important; }
  .home-opciones { gap: 4px !important; }.home-opciones button { padding: 5px 7px !important; font-size: 6.5px !important; }
  .home-cotizador .home-btn-principal { min-height: 34px !important; font-size: 7px !important; }.home-form-ayuda { font-size: 6px !important; }

  .home-proceso-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; }
  .home-proceso-grid article { min-height: 130px !important; padding: 13px !important; border-radius: 15px !important; }
  .home-proceso-grid article>b { font-size: 24px !important; }.home-proceso-grid article>span { margin: 7px 0 3px !important; font-size: 6px !important; }.home-proceso-grid h3 { font-size: 14px !important; }.home-proceso-grid p { margin-top: 4px !important; font-size: 7px !important; line-height: 1.4 !important; }

  .home-galeria-cabecera { display: flex !important; align-items: end !important; margin-bottom: 14px !important; }.home-galeria-cabecera .home-link-flecha { margin-top: 0 !important; font-size: 7px !important; }
  .home-galeria-scroll { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 5px !important; overflow: visible !important; margin-right: 0 !important; padding-bottom: 0 !important; }
  .home-galeria-scroll figure,.home-galeria-scroll figure:nth-child(even) { width: auto !important; height: 135px !important; margin: 0 !important; border-radius: 10px !important; }
  .home-galeria-scroll figcaption { left: 5px !important; bottom: 5px !important; padding: 3px 5px !important; font-size: 5.5px !important; }

  .home-beneficios { margin-bottom: 42px !important; }
}

@media (max-width: 430px) {
  .home-selector-grid,.home-proceso-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .home-selector-card { min-height: 155px !important; }
  .home-btn { width: auto !important; }
}


/* =========================================================
   WAWAY 17-08-2026
   HOME móvil con composición de escritorio + selector 1:1
   ========================================================= */

/* Las tarjetas reales de Eventos sociales / Empresas / etc. */
.home-selector-card {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
}
.home-selector-card > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* En móvil conservar la misma composición horizontal del hero de PC,
   solo reducida proporcionalmente para el ancho disponible. */
@media (max-width: 720px) {
  .home-hero {
    min-height: 0 !important;
    margin: 12px auto 28px !important;
  }
  .home-hero-contenido {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    gap: 14px !important;
    padding: 24px 18px !important;
    align-items: center !important;
  }
  .home-hero-copy {
    text-align: left !important;
    min-width: 0 !important;
  }
  .home-hero-copy .home-eyebrow {
    justify-content: flex-start !important;
    font-size: 6.5px !important;
    letter-spacing: .14em !important;
  }
  .home-hero-copy h1 {
    font-size: clamp(24px, 7.1vw, 34px) !important;
    line-height: .98 !important;
    margin: 9px 0 11px !important;
  }
  .home-hero-copy > p {
    font-size: 7.5px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }
  .home-hero-acciones {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    margin: 13px 0 11px !important;
  }
  .home-hero-acciones .home-btn {
    width: auto !important;
    min-height: 30px !important;
    padding: 7px 9px !important;
    font-size: 6.5px !important;
  }
  .home-hero-datos {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 5px !important;
  }
  .home-hero-datos span {
    padding: 5px 7px !important;
    font-size: 5.8px !important;
  }
  .home-hero-visual {
    display: block !important;
    height: 245px !important;
    min-width: 0 !important;
  }
  .home-hero-foto-principal {
    inset: 0 6px 0 10px !important;
    border-radius: 78px 18px 18px 18px !important;
  }
  .home-hero-foto-mini {
    width: 64px !important;
    height: 74px !important;
    border-width: 3px !important;
  }
  .home-hero-foto-uno { left: -5px !important; bottom: 22px !important; }
  .home-hero-foto-dos { right: -3px !important; top: 24px !important; }
  .home-hero-sello {
    width: 58px !important;
    height: 58px !important;
    right: -2px !important;
    bottom: 9px !important;
  }

  /* 2 tarjetas por fila, siempre cuadradas */
  .home-selector-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  .home-selector-card {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

/* Incluso en teléfonos angostos no volver a convertirlas en rectángulos. */
@media (max-width: 430px) {
  .home-selector-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  .home-selector-card {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
  }
}

/* ==========================================================
   AJUSTES FINALES CONSOLIDADOS DE HOME
   ========================================================== */
/* ==========================================================
   WAWAY - CORRECCIÓN FINAL HOME
   Cargado DESPUÉS de todos los estilos anteriores.
   ========================================================== */

/* ---------- TARJETAS DE OCASIONES: SIEMPRE CUADRADAS ---------- */
.home-selector-grid {
    align-items: stretch !important;
}

.home-selector-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
}

.home-selector-card > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Desktop: cuatro cuadrados */
@media (min-width: 1051px) {
    .home-selector-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 15px !important;
    }

    .home-selector-card {
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
    }
}

/* Tablet: dos cuadrados */
@media (min-width: 721px) and (max-width: 1050px) {
    .home-selector-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-selector-card {
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
    }
}

/* ---------- MÓVIL: HERO COMO EN COMPUTADORA ---------- */
@media (max-width: 720px) {
    body.inicio-sin-portada {
        --home-max: calc(100% - 24px) !important;
    }

    .home-hero {
        width: var(--home-max) !important;
        min-height: 0 !important;
        margin: 12px auto 34px !important;
        overflow: hidden !important;
    }

    .home-hero-contenido {
        display: grid !important;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 22px 15px !important;
    }

    .home-hero-copy {
        min-width: 0 !important;
        text-align: left !important;
    }

    .home-eyebrow,
    .home-hero-copy .home-eyebrow {
        justify-content: flex-start !important;
        font-size: 6px !important;
        line-height: 1.35 !important;
        letter-spacing: .14em !important;
    }

    .home-eyebrow::before {
        display: block !important;
        width: 14px !important;
    }

    .home-hero-copy h1 {
        max-width: none !important;
        margin: 9px 0 10px !important;
        font-size: clamp(23px, 6.7vw, 32px) !important;
        line-height: .96 !important;
        letter-spacing: -.045em !important;
    }

    .home-hero-copy > p {
        margin: 0 !important;
        font-size: 7px !important;
        line-height: 1.45 !important;
    }

    .home-hero-acciones {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 5px !important;
        margin: 12px 0 10px !important;
    }

    .home-hero-acciones .home-btn,
    .home-btn {
        width: auto !important;
    }

    .home-hero-acciones .home-btn {
        min-height: 29px !important;
        padding: 6px 8px !important;
        border-radius: 999px !important;
        font-size: 6px !important;
        white-space: nowrap !important;
    }

    .home-hero-datos {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 4px !important;
    }

    .home-hero-datos span {
        padding: 4px 6px !important;
        font-size: 5.2px !important;
        white-space: nowrap !important;
    }

    .home-hero-visual {
        display: block !important;
        position: relative !important;
        min-width: 0 !important;
        height: 235px !important;
    }

    .home-hero-foto-principal {
        inset: 0 5px 0 8px !important;
        border-radius: 74px 16px 16px 16px !important;
    }

    .home-hero-foto-mini {
        width: 60px !important;
        height: 70px !important;
        border-width: 3px !important;
        border-radius: 13px !important;
    }

    .home-hero-foto-uno {
        left: -3px !important;
        bottom: 20px !important;
    }

    .home-hero-foto-dos {
        right: -2px !important;
        top: 22px !important;
    }

    .home-hero-sello {
        width: 56px !important;
        height: 56px !important;
        right: -1px !important;
        bottom: 8px !important;
        border-width: 3px !important;
    }

    .home-hero-sello span {
        font-size: 7px !important;
    }

    .home-hero-sello strong {
        font-size: 9px !important;
    }

    .home-hero-sello small {
        font-size: 4px !important;
    }

    /* Móvil: dos tarjetas cuadradas por fila */
    .home-selector-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    .home-selector-card {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 17px !important;
    }

    .home-selector-card > div {
        left: 11px !important;
        right: 11px !important;
        bottom: 10px !important;
    }

    .home-selector-card small {
        font-size: 5.5px !important;
    }

    .home-selector-card h3 {
        margin: 3px 0 !important;
        font-size: 15px !important;
    }

    .home-selector-card p {
        display: none !important;
    }

    .home-selector-card b {
        margin-top: 5px !important;
        font-size: 6.5px !important;
    }
}

/* Teléfonos angostos: NO volver a una columna */
@media (max-width: 430px) {
    .home-selector-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .home-selector-card {
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
    }
}


/* WAWAY - ajustes solicitados: scroll y mayorista móvil */

/* "Descubre más" debe formar parte del hero, no quedar flotando debajo. */
.home-scroll {
    z-index: 5 !important;
}

@media (max-width: 720px) {
    .home-hero {
        padding-bottom: 34px !important;
    }

    .home-scroll {
        left: 16px !important;
        bottom: 10px !important;
        gap: 6px !important;
        font-size: 5.5px !important;
        line-height: 1 !important;
        letter-spacing: .12em !important;
        white-space: nowrap !important;
    }

    .home-scroll span:first-child {
        width: 18px !important;
    }

    /* Precios por cantidad: misma composición horizontal de escritorio,
       reducida proporcionalmente al ancho del celular. */
    .home-mayorista {
        display: grid !important;
        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 18px 14px !important;
        border-radius: 20px !important;
    }

    .home-mayorista-copy {
        min-width: 0 !important;
    }

    .home-mayorista .home-eyebrow {
        font-size: 5.2px !important;
        line-height: 1.35 !important;
    }

    .home-mayorista h2 {
        margin: 6px 0 7px !important;
        font-size: clamp(20px, 5.7vw, 27px) !important;
        line-height: .98 !important;
    }

    .home-mayorista-copy > p {
        font-size: 6.4px !important;
        line-height: 1.45 !important;
    }

    .home-mayorista .home-link-flecha {
        display: inline-block !important;
        margin-top: 9px !important;
        font-size: 6.5px !important;
        line-height: 1.35 !important;
    }

    .home-escalas {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        min-width: 0 !important;
    }

    .home-escala {
        min-width: 0 !important;
        min-height: 74px !important;
        padding: 7px 2px !important;
        border-radius: 10px !important;
    }

    .home-escala span {
        font-size: 4.3px !important;
        letter-spacing: .07em !important;
    }

    .home-escala strong {
        font-size: clamp(17px, 4.6vw, 22px) !important;
        line-height: 1.05 !important;
    }

    .home-escala small {
        font-size: 4.5px !important;
    }

    .home-escala b {
        top: -7px !important;
        padding: 3px 4px !important;
        font-size: 3.8px !important;
        white-space: nowrap !important;
    }

    .home-escala-destacada {
        transform: translateY(-4px) !important;
    }
}


/* WAWAY - bloque mayorista con solo 3 niveles: 12, 50 y 100 */
.home-escalas {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 720px) {
    .home-escalas {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }
}


/* Ocultar definitivamente Descubre más del hero */
#homeHeroScroll,.home-scroll{display:none !important;}


/* Fotografías dinámicas del banner tomadas de productos activos */
.home-hero-foto img {
    transition: opacity .32s ease, transform .55s ease !important;
}
.home-hero-foto img.cambiando-producto {
    opacity: .18 !important;
}


/* Banner: no mostrar fotos antiguas mientras Firebase carga las activas */
.home-hero-visual.esperando-productos .home-hero-foto {
    background: linear-gradient(135deg,#eadfd6,#f6eee8) !important;
}
.home-hero-visual.esperando-productos .home-hero-foto img {
    opacity: 0 !important;
}
.home-hero-visual.productos-listos .home-hero-foto img {
    opacity: 1 !important;
    transition: opacity .3s ease !important;
}