/* ==========================================================================
   cuponidad-v2 / pages/home.css
   Ajustes propios del Home real. Real: resources/views/pages/home.blade.php
   ========================================================================== */

.container__swiper__main .slider__hero_banner {
  border-radius: var(--cd2-radius-lg); overflow: hidden; margin: 0 0 16px;
}

/* El botón de WhatsApp propio del home se retira: ahora lo cubre el
   flotante global (x-globals.float-nav, ver master.blade.php). El botón de
   suscripción sí sigue siendo propio de esta página: se reacomoda para
   no chocar con la barra inferior móvil nueva. */
@media (max-width: 768px) {
  /* Apilado ENCIMA del WhatsApp global (46px en bottom: nav+14px): si compartían
     bottom quedaba tapado. Centros alineados: 52px/2 + 15 = 46px/2 + 18. */
  .float_suscription__icon { left: 18px !important; width: 46px !important; height: 46px !important; bottom: 72px !important; }
}

@media (max-width: 900px) {
  .container__swiper__main .slider__hero_banner { margin: 8px 0 16px; }
}

/* Carriles de ofertas (x-section :rail="true") --------------------------- */
.cd2-rail-section .wrapper__section { position: relative; }
.cd2-rail-nav { display: flex; gap: 6px; margin-left: 12px; }
.cd2-rail-nav button {
  width: 34px; height: 34px; display: grid; place-items: center;
  color: var(--cd2-title); background: var(--cd2-surface);
  border: 1px solid var(--cd2-border); border-radius: var(--cd2-radius-pill); cursor: pointer;
}
.cd2-rail-nav button:hover { color: var(--cd2-primary); border-color: var(--cd2-primary); }

.wrapper__list_all.cd2-rail-track {
  display: flex !important;
  flex-flow: row nowrap !important;
  justify-content: flex-start !important;
  grid-template-columns: none !important;
  gap: 14px; overflow-x: auto; -ms-scroll-snap-type: x proximity; scroll-snap-type: x proximity; scroll-behavior: smooth;
  scrollbar-width: none; padding-bottom: 2px;
}
.wrapper__list_all.cd2-rail-track::-webkit-scrollbar { display: none; }
.wrapper__list_all.cd2-rail-track .container__thumbnail {
  /* 4 tarjetas exactas por vista (mockup), sin cortar la cuarta */
  flex: 0 0 calc((100% - 3 * 14px) / 4); scroll-snap-align: start;
}

@media (max-width: 900px) {
  .cd2-rail-nav { display: none; }
  /* En mobile no hay espacio para el scroll horizontal ni para las flechas
     (ya ocultas arriba): el carril pasa a ser una lista vertical de tarjetas
     individuales a ancho completo, como la referencia. */
  .wrapper__list_all.cd2-rail-track {
    display: grid !important; flex-flow: initial !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: visible; -ms-scroll-snap-type: none; scroll-snap-type: none; gap: 14px;
  }
  .wrapper__list_all.cd2-rail-track .container__thumbnail {
    /* pages/components/section.scss trae ".wrapper__list_all
       .container__thumbnail{max-width:48.5% !important}" a este mismo ancho
       — hay que igualar el !important o la tarjeta queda a mitad de ancho. */
    flex-basis: auto; width: 100% !important; max-width: none !important;
  }
}