/* =============================================================
   SAMPSON V8.15 — CARRUSELES TÁCTILES EN CELULAR
   - Swipe con el dedo en Destacadas, Venta y Arriendo
   - Flechas ubicadas sobre la fotografía, nunca sobre el título
   ============================================================= */

.property-slider{
  touch-action:pan-y!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}

@media (max-width:767.98px){

  /* Mejora la sensación táctil */
  .property-slider{
    overflow:hidden!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  .property-track{
    will-change:transform!important;
    transition:transform .32s cubic-bezier(.22,.72,.24,1)!important;
  }

  /* Una propiedad protagonista por vez, dejando un pequeño vistazo de la siguiente */
  .property-slide{
    flex:0 0 92%!important;
  }

  /* Las flechas quedan dentro de la FOTO y dejan libre título, ubicación y precio */
  .property-carousel-shell-v811 .carousel-edge-arrow-v811{
    top:108px!important;
    bottom:auto!important;
    margin-top:0!important;
    transform:translateY(-50%)!important;
    width:38px!important;
    height:38px!important;
    z-index:9!important;
    background:rgba(255,255,255,.96)!important;
    color:#b3080b!important;
    border:1px solid rgba(179,8,11,.20)!important;
    box-shadow:0 5px 16px rgba(32,33,36,.16)!important;
    backdrop-filter:blur(5px)!important;
  }

  .property-carousel-shell-v811 .carousel-edge-arrow-v811.prev{
    left:7px!important;
  }

  .property-carousel-shell-v811 .carousel-edge-arrow-v811.next{
    right:7px!important;
  }

  .property-carousel-shell-v811 .carousel-edge-arrow-v811:hover,
  .property-carousel-shell-v811 .carousel-edge-arrow-v811:active{
    background:#b3080b!important;
    color:#fff!important;
  }

  /* Título completamente libre de controles */
  .property-card .property-body{
    position:relative!important;
    z-index:2!important;
  }

  .property-card .property-title{
    position:relative!important;
    z-index:3!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Más espacio entre carrusel y puntos */
  .property-carousel-shell-v811 + .slider-dots{
    margin-top:8px!important;
  }
}

@media (max-width:480px){
  .property-slide{
    flex-basis:94%!important;
  }

  .property-carousel-shell-v811 .carousel-edge-arrow-v811{
    top:104px!important;
    width:36px!important;
    height:36px!important;
  }
}