/* =========================================================
   custom.css - Overrides propios de Bosque Guardian
   ========================================================= */

/* Paneles verdes: forzar texto blanco. */
.bg-deep-green .white-text,
.bg-deep-green .white-text p,
.bg-deep-green .white-text li,
.bg-deep-green .white-text span,
.bg-deep-green .white-text strong,
.bg-deep-green .white-text a:not(.btn) { color: #ffffff !important; }

/* 2026-09-24 | Paneles imagen+texto en movil (Vista al Bosque/Montana/Cocina/
   Restaurant, Home y La Experiencia). El section usa la clase
   .paralax-info-green que en realidad pinta ROSADO (rgb 203,165,154); al no
   cubrir todo el ancho, ese rosado/oscuro asomaba al costado. Se fuerza el
   fondo del section a verde real y se cubren las demas causas (overflow, row,
   ancho del panel). Selector compuesto para ganar especificidad. */
@media (max-width: 1200px) {

    .container-fluid.no-padding > .row { margin-left: 0 !important; margin-right: 0 !important; }

    #forest-view.fix-background.no-padding,
    #mountain-view.fix-background.no-padding,
    #home-forest-view.fix-background.no-padding,
    #home-mountain-view.fix-background.no-padding,
    #nosotros-lodge-view.fix-background.no-padding,
    #nosotros-historia-view.fix-background.no-padding,
    #cocina.fix-background.no-padding,
    #restaurant.fix-background.no-padding {
        background-color: #03351d !important;
        background-image: none !important;
        overflow-x: hidden !important;
    }

    #forest-view .img-side-container, #mountain-view .img-side-container,
    #home-forest-view .img-side-container, #home-mountain-view .img-side-container,
    #nosotros-lodge-view .img-side-container, #nosotros-historia-view .img-side-container,
    #cocina .img-side-container, #restaurant .img-side-container {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}