/* ==========================================================
   page-margins.css (versión reducida - solo escritorio)
   Propósito: reglas de margen/anchura para desktop
   - Se han eliminado todas las reglas móviles (@media max-width)
   - La visualización móvil queda a cargo de los estilos base (no se tocan)
  ========================================================== */

/* -------------------------
   GLOBAL
   ------------------------- */
.inicio-page .img-fluid {
    max-width: 100%;
    height: auto;
}


/* -------------------------
   INICIO (desktop)
   ------------------------- */
.inicio-page .container {
    max-width: calc(100% - 60px);
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1200px) {
    .inicio-page .container {
        max-width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* Mantener secciones full-width intactas en inicio */
.inicio-page .container-fluid,
.inicio-page .hero-wrap,
.inicio-page .home-slider,
.inicio-page footer {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}


/* -------------------------
   PÁGINAS: Sobre Nosotros / Proyectos / Unidades / Contacto (desktop)
   ------------------------- */
@media (min-width: 768px) {
    .page-margins .container {
        max-width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Mantener secciones full-width intactas (jumbotron, carousels, footer, container-fluid) */
    .page-margins .container-fluid,
    .page-margins .hero-wrap,
    .page-margins .hero-wrap-2,
    .page-margins .home-slider,
    .page-margins footer {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .page-margins .container {
        max-width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px;
    }
}


/* -------------------------
   EQUIPO / PROYECTOS: contenedores fluidos con padding en desktop
   - aplica márgenes a `container-fluid.px-md-5`
   ------------------------- */
@media (min-width: 768px) {
    .page-margins .container-fluid.px-md-5 {
        max-width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1200px) {
    .page-margins .container-fluid.px-md-5 {
        max-width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* ---------------------------------------------------------- */

/* Márgenes compartidos para páginas de contenido en desktop (no afectan móvil) */
@media (min-width: 768px) {
    .page-margins .container {
        max-width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Mantener secciones full-width intactas (jumbotron, carousels, footer, container-fluid) */
    .page-margins .container-fluid,
    .page-margins .hero-wrap,
    .page-margins .hero-wrap-2,
    .page-margins .home-slider,
    .page-margins footer {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    @media (min-width: 1200px) {
        .page-margins .container {
            max-width: calc(100% - 120px);
            padding-left: 60px;
            padding-right: 60px;
        }
    }
}

/* En móvil: contenedores de la página de inicio ocupan todo el ancho */
@media (max-width: 767px) {
    .inicio-page .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Padding lateral para títulos en móvil en la página de inicio */
@media (max-width: 767px) {

    .inicio-page .heading-section h2,
    .inicio-page .heading-section h1 {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    /* Si algún título usa la clase .mb-4 directamente */
    .inicio-page h2.mb-4 {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
}