/* ALTEREGO STORE R188 · Mobile compacto, tipografía legible y banners ampliables.
   Complementa ae-store.css sin cambiar los encuadres ni las fotos del panel. */
@media(max-width:760px){
  .home-page .ae-home-strip__row--categories,
  .home-page .ae-home-strip__row--brands{
    gap:clamp(7px,2vw,9px)!important;
    padding:2px 1px 9px!important;
    scroll-padding-inline:2px;
  }
  html[data-theme] .home-page .ae-home-strip__row--categories .ae-strip-card{
    flex:0 0 clamp(99px,28.5vw,119px)!important;
    width:clamp(99px,28.5vw,119px)!important;
    min-width:0!important;
    height:clamp(91px,27vw,105px)!important;
    min-height:0!important;
    padding:7px 5px!important;
    border-radius:13px!important;
  }
  .home-page .ae-home-strip__row--categories .ae-strip-card__icon{
    inset:5px 6px 31px!important;
  }
  .home-page .ae-home-strip__row--categories .ae-strip-card__icon img{
    max-height:58px!important;max-width:86%!important;object-fit:contain!important;
  }
  html[data-theme] .home-page .ae-home-strip__row--categories .ae-strip-card strong{
    min-height:28px!important;font-size:clamp(11px,3.05vw,13px)!important;
    line-height:1.15!important;font-weight:780!important;
    letter-spacing:0!important;white-space:normal!important;
    overflow-wrap:anywhere!important;text-wrap:balance;
  }
  html[data-theme] .home-page .ae-home-strip__row--brands{justify-content:flex-start!important}
  html[data-theme] .home-page .ae-home-strip__row--brands .ae-strip-card{
    flex:0 0 clamp(108px,31vw,133px)!important;
    width:clamp(108px,31vw,133px)!important;
    min-width:0!important;
    height:clamp(73px,21vw,88px)!important;
    min-height:0!important;
    padding:7px 9px!important;border-radius:13px!important;
  }
  .home-page .ae-home-strip__row--brands .ae-brand-logo{
    gap:3px!important;min-width:0;
  }
  .home-page .ae-home-strip__row--brands .ae-brand-logo__image{
    height:clamp(39px,12vw,51px)!important;
    max-height:55px!important;object-fit:contain!important;
  }
  .home-page .ae-home-strip__row--brands :is(.ae-brand-logo__caption,.ae-brand-logo__fallback){
    line-height:1.15!important;overflow-wrap:anywhere!important;text-wrap:balance;
  }
  .home-page .ae-home-strip__row--brands .ae-brand-logo__caption{font-size:clamp(11px,2.9vw,12px)!important}
  .home-page .ae-home-strip__row--brands .ae-brand-logo__fallback{font-size:clamp(11px,3.2vw,14px)!important}
  .home-page :is(.ae-category-title,.ae-brand-section-title){align-items:baseline;gap:9px;min-width:0}
  .home-page :is(.ae-category-title,.ae-brand-section-title)>h2{
    font-size:clamp(20px,5.4vw,28px)!important;line-height:1.17!important;min-width:0;
  }
  .home-page :is(.ae-category-title,.ae-brand-section-title)>a{
    max-width:46%;font-size:clamp(11px,2.8vw,12px)!important;
    text-align:right;white-space:normal!important;line-height:1.25!important;
  }
  /* Los textos configurados como HTML se adaptan: no dependen del tamaño
     tipográfico que un diseñador haya usado en un banner de escritorio. */
  html[data-theme] :is(
    #aeEditorialHero .ae-editorial-hero__lead,
    .ae-editorial-outro__words p:not(.ae-overline),
    .ae-curated-banner__copy p:not(.ae-overline),
    .ae-benefits-slide__text p,
    .contact-hero__copy p,
    .banner-detail__copy p
  ){
    font-size:clamp(13px,3.45vw,15px)!important;line-height:1.5!important;
    overflow-wrap:break-word;
  }
  html[data-theme] :is(
    #aeEditorialHero .ae-editorial-hero__copy h1,
    .ae-editorial-outro__words h2,
    .ae-curated-banner__copy h2,
    .ae-benefits-slide__text h2,
    .contact-hero__copy h1,
    .banner-detail__copy h1
  ){
    font-size:clamp(22px,5.8vw,31px)!important;line-height:1.13!important;
    overflow-wrap:break-word;
  }
  html[data-theme] :is(.ae-editorial-outro__words,.ae-curated-banner__copy,.ae-benefits-slide__text,.contact-hero__copy,.banner-detail__copy) .ae-overline{
    font-size:clamp(10px,2.8vw,12px)!important;
  }
  /* Controles pequeños que no invaden el texto integrado en la fotografía. */
  .ae-mobile-banner-zoom-host{position:relative!important}
  .ae-mobile-banner-zoom-button{
    position:absolute!important;z-index:35!important;top:9px!important;right:9px!important;
    display:grid!important;place-items:center!important;
    width:35px!important;height:35px!important;min-height:35px!important;
    padding:0!important;border:1px solid rgba(255,255,255,.75)!important;
    border-radius:50%!important;background:rgba(8,47,38,.76)!important;
    color:#fff!important;box-shadow:0 3px 12px rgba(0,25,18,.22)!important;
    backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
    font:600 21px/1 Arial,sans-serif!important;cursor:pointer;
  }
  .ae-mobile-banner-zoom-button:focus-visible{outline:2px solid #d7f7e7;outline-offset:3px}
}
@media(min-width:761px){.ae-mobile-banner-zoom-button{display:none!important}}
@media(max-width:350px){
  html[data-theme] .home-page .ae-home-strip__row--categories .ae-strip-card{
    flex-basis:98px!important;width:98px!important;
  }
  html[data-theme] .home-page .ae-home-strip__row--brands .ae-strip-card{
    flex-basis:106px!important;width:106px!important;
  }
}

/* Lector accesible de la imagen original. El banner sigue íntegro en la web;
   solo al tocar ampliar ocupa el ancho necesario para leer letras incrustadas. */
.ae-banner-reader[hidden]{display:none!important}
.ae-banner-reader{
  position:fixed;inset:0;z-index:100090;
  display:flex;flex-direction:column;min-width:0;max-width:100vw;
  background:rgba(5,23,20,.96);color:#f8fff9;
  -webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);
}
.ae-banner-reader__topbar,.ae-banner-reader__toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex:0 0 auto;padding:12px max(16px,env(safe-area-inset-left)) 12px max(16px,env(safe-area-inset-right));
}
.ae-banner-reader__topbar{border-bottom:1px solid #ffffff24}
.ae-banner-reader__topbar strong{font:650 14px/1.2 Arial,sans-serif;letter-spacing:.035em}
.ae-banner-reader__viewport{
  flex:1 1 auto;min-height:0;min-width:0;overflow:auto;
  overscroll-behavior:contain;touch-action:pan-x pan-y;
  padding:18px 18px 32px;scrollbar-width:thin;
}
.ae-banner-reader__viewport img{
  display:block;width:var(--ae-reader-image-width,740px);height:auto;
  max-width:none!important;max-height:none!important;object-fit:contain;
  border-radius:9px;box-shadow:0 10px 44px #0006;
}
.ae-banner-reader__toolbar{justify-content:center;padding-bottom:max(15px,env(safe-area-inset-bottom));border-top:1px solid #ffffff24}
.ae-banner-reader button{
  display:grid;place-items:center;min-width:40px;min-height:40px;
  padding:7px 12px;border:1px solid #a7c5b56e;border-radius:999px;
  background:#244e40;color:#fff;font:650 14px/1 Arial,sans-serif;cursor:pointer;
}
.ae-banner-reader button:focus-visible{outline:2px solid #bde8d1;outline-offset:3px}
.ae-banner-reader__zoom-level{min-width:70px;font-size:12px;text-align:center;color:#d4eadc}