/* =========================================================
   VALENZUELA PROPIEDADES — V26
   ALINEACIÓN DE SECCIONES CON EL MISMO MARGEN DE PROPIEDADES
   ========================================================= */

/*
  Las secciones siguen teniendo fondo a ancho completo,
  pero su CONTENIDO queda alineado exactamente con las cards
  y títulos de las secciones de propiedades.
*/

@media (min-width:1366px){

  /*
    Las propiedades parten en:
      margen exterior del marco + 28px internos.
    Reutilizamos exactamente esa referencia.
  */
  :root{
    --vp-content-edge: calc(var(--vp-frame-gutter) + 28px);
  }

  /* -------------------------------------------------------
     ¿Por qué elegir Valenzuela Propiedades?
     ------------------------------------------------------- */
  .page-wrap > .why-section{
    box-sizing:border-box !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .page-wrap > .why-section > .container-xl{
    box-sizing:border-box !important;

    width:100% !important;
    max-width:none !important;
    margin:0 !important;

    padding-left:var(--vp-content-edge) !important;
    padding-right:var(--vp-content-edge) !important;
  }

  /* -------------------------------------------------------
     Sobre nosotros + testimonios
     Esta sección no tiene container-xl, por eso el padding
     se aplica directamente al grid principal.
     ------------------------------------------------------- */
  .page-wrap > .about-testimonial{
    box-sizing:border-box !important;

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

    padding-left:var(--vp-content-edge) !important;
    padding-right:var(--vp-content-edge) !important;
  }

  /* Evita que las columnas internas se desborden por el nuevo padding */
  .page-wrap > .about-testimonial > *{
    min-width:0 !important;
  }

  /* -------------------------------------------------------
     CTA "Nos comprometemos..."
     Mantiene fondo full-width, contenido alineado a propiedades.
     ------------------------------------------------------- */
  .page-wrap > .cta-band{
    box-sizing:border-box !important;
  }

  .page-wrap > .cta-band > .container-xl{
    box-sizing:border-box !important;

    width:100% !important;
    max-width:none !important;
    margin:0 !important;

    padding-left:var(--vp-content-edge) !important;
    padding-right:var(--vp-content-edge) !important;
  }
}

/* 1920+:
   El marco central se limita a 1672px en V22.
   Por eso la alineación visual correcta equivale a 124 + 28 = 152px.
*/
@media (min-width:1920px){
  :root{
    --vp-content-edge:152px;
  }
}

/* Tablet/móvil:
   se mantiene el responsive original y solo un padding cómodo.
*/
@media (max-width:1365.98px){
  .page-wrap > .why-section > .container-xl,
  .page-wrap > .cta-band > .container-xl{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .page-wrap > .about-testimonial{
    box-sizing:border-box !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }
}

@media (max-width:767.98px){
  .page-wrap > .why-section > .container-xl,
  .page-wrap > .cta-band > .container-xl{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .page-wrap > .about-testimonial{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}