/* =========================================================
   VALENZUELA PROPIEDADES — V25
   FIX DEFINITIVO HERO CORTADO EN DESKTOP
   ========================================================= */

/*
  El problema era una colisión entre V22 y V23:
  V23 primero ensanchaba el Hero y después otra regla lo volvía
  a width:100% dentro de .page-wrap. Al mismo tiempo conservaba
  el margen negativo izquierdo, por eso la fotografía llegaba al
  borde izquierdo pero terminaba antes del borde derecho.

  Este archivo se carga AL FINAL y fuerza full-bleed real.
*/

@media (min-width:1366px){

  html,
  body{
    overflow-x:clip !important;
  }

  .page-wrap{
    overflow:visible !important;
  }

  /* Hero a ancho REAL de viewport, independiente del marco central */
  .page-wrap > .hero{
    position:relative !important;

    left:50% !important;
    right:auto !important;

    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;

    margin-left:-50vw !important;
    margin-right:0 !important;

    padding-left:0 !important;
    padding-right:0 !important;

    overflow:hidden !important;
  }

  /* Todo el carrusel rellena el Hero completo */
  .page-wrap > .hero > .hero-carousel,
  .page-wrap > .hero .carousel-inner,
  .page-wrap > .hero .carousel-item,
  .page-wrap > .hero .hero-slide{
    width:100% !important;
    max-width:none !important;
    min-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .page-wrap > .hero .carousel-inner,
  .page-wrap > .hero .carousel-item{
    overflow:hidden !important;
  }

  /* La imagen de fondo siempre cubre todo el ancho */
  .page-wrap > .hero .hero-slide{
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
  }

  /*
    El contenido del Hero conserva una zona segura interna,
    pero SIN reducir el ancho de la imagen.
  */
  .page-wrap > .hero .hero-slide > .container-xl{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;

    padding-left:clamp(32px,6.45vw,124px) !important;
    padding-right:clamp(32px,6.45vw,124px) !important;
  }

  /* Controles siempre dentro del Hero, no del marco central */
  .page-wrap > .hero .carousel-control-prev{
    left:clamp(20px,2.2vw,42px) !important;
  }

  .page-wrap > .hero .carousel-control-next{
    right:clamp(20px,2.2vw,42px) !important;
  }
}

/* En pantallas inferiores se conserva el responsive natural */
@media (max-width:1365.98px){
  .page-wrap > .hero{
    left:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .page-wrap > .hero .hero-slide{
    background-size:cover !important;
    background-position:center center !important;
  }
}