/* =========================================================
   VALENZUELA PROPIEDADES — V35
   "¿Por qué elegir?" — carrusel móvil 1 card por vista
   ========================================================= */

.why-mobile-dots{
  display:none;
}

@media (max-width:767.98px){

  .why-section{
    overflow:hidden !important;
  }

  .why-section .why-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .why-section .why-left{
    min-width:0 !important;
    width:100% !important;
    padding:26px 0 24px !important;
    overflow:hidden !important;
  }

  .why-section .why-left h2{
    padding-left:0 !important;
    padding-right:0 !important;
    margin:0 0 20px !important;
    font-size:1.92rem !important;
    line-height:1.06 !important;
    letter-spacing:-.04em !important;
  }

  /*
    TRACK:
    - solo una card por pantalla
    - arrastre con el dedo
    - snap a cada tarjeta
  */
  .why-cards[data-why-carousel]{
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:nowrap !important;

    width:100% !important;
    max-width:100% !important;

    gap:0 !important;
    margin:0 !important;
    padding:0 !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;

    scrollbar-width:none !important;
  }

  .why-cards[data-why-carousel]::-webkit-scrollbar{
    display:none !important;
  }

  .why-cards[data-why-carousel] .why-card{
    flex:0 0 100% !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;

    min-height:235px !important;
    margin:0 !important;
    padding:28px 26px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    border:1px solid #e2e6e9 !important;
    border-radius:15px !important;
    background:#fff !important;

    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;

    box-shadow:0 7px 24px rgba(19,29,38,.065) !important;
  }

  .why-cards[data-why-carousel] .why-card:hover{
    transform:none !important;
  }

  .why-cards[data-why-carousel] .why-card i{
    margin:0 0 22px !important;
    font-size:2rem !important;
    color:#b40000 !important;
  }

  .why-cards[data-why-carousel] .why-card h3{
    margin:0 0 12px !important;
    font-size:1.05rem !important;
    line-height:1.25 !important;
  }

  .why-cards[data-why-carousel] .why-card p{
    margin:0 !important;
    max-width:100% !important;
    font-size:.86rem !important;
    line-height:1.55 !important;
    color:#737e88 !important;
  }

  /* Indicadores discretos */
  .why-mobile-dots{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:7px !important;
    min-height:28px !important;
    padding-top:14px !important;
  }

  .why-mobile-dot{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:99px;
    background:#cfd5da;
    transition:
      width .22s ease,
      background .22s ease;
  }

  .why-mobile-dot.is-active{
    width:23px;
    background:#b40000;
  }

  /* La foto queda debajo del carrusel en móvil */
  .why-photo{
    min-height:250px !important;
  }
}

@media (max-width:420px){
  .why-section .why-left h2{
    font-size:1.72rem !important;
  }

  .why-cards[data-why-carousel] .why-card{
    min-height:220px !important;
    padding:24px 22px !important;
  }
}