/* Estudio Ovalle · 2026-09 · Fondos que se adaptan a cualquier ancho de pantalla.
   Antes, contacto.htm y servicios.htm usaban imágenes de fondo de 1920 px con la
   división verde/blanco o blanco/rojo "pintada": en monitores más anchos el fondo
   se cortaba o se repetía y las columnas no coincidían. Ahora la división es CSS
   (50 % / 50 %, igual que las columnas) y la mano es una imagen aparte. */

/* ---------- CONTACTO ---------- */
#contact.eo-contacto { background: #1ad5aa; position: relative; overflow: hidden; }
#contact.eo-contacto > .paddingBottomContacto { position: relative; z-index: 1; }
#contact.eo-contacto .manoContacto { display: none; }

@media (min-width: 992px) {
    #contact.eo-contacto::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; right: 0; background: #fff; z-index: 0; }
    /* La mano cruza la división y queda apoyada en el borde inferior, como en el diseño original */
    #contact.eo-contacto .manoContacto { display: block; position: relative; z-index: 2; width: 480px; max-width: none; height: auto;
        margin: -80px -230px -330px auto; pointer-events: none; }
}
@media (max-width: 991.98px) {
    #contact.eo-contacto .eo-col-form > div { background: #fff; border-radius: 6px; padding: 30px; }
}

/* ---------- SERVICIOS ---------- */
@media (min-width: 992px) {
    .fdServicios { background: linear-gradient(to right, #ffffff 50%, #e3001b 50%); }
}
@media (min-width: 769px) and (max-width: 991.98px) {
    .fdServicios { background: #ffffff; }
    .fdServiciosPA { background-color: #e3001b; }
}

/* ---------- CLIENTES ---------- */
/* La franja amarilla de arriba era una imagen de 1920 px anclada a la derecha: en pantallas
   más anchas quedaba un hueco blanco a la izquierda. Ahora la franja es un degradado CSS. */
.imgFondoClientes { background: url(../images/back-image1.png) right bottom no-repeat, linear-gradient(to bottom, #ffb925 273px, #ffffff 273px); }
@media (max-width: 768px) {
    .imgFondoClientes { background: linear-gradient(to bottom, #ffb925 273px, #ffffff 273px); }
}