.card1 {
    background-image: url('/utils/img/icons/cuadros-index/1.webp');
    background-size: cover;  /* Asegura que la imagen cubra todo el área del div */
    background-position: center;  /* Centra la imagen en el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    transition: transform 0.4s ease; /* Agrega transición suave */
}

.card1:hover {
    transform: scale(1.1); /* Aumenta el tamaño de la imagen de fondo para el efecto de zoom */
}


.card2 {
    background-image: url('/utils/img/icons/cuadros-index/2.5.webp');
    background-size: cover;  /* Asegura que la imagen cubra todo el área del div */
    background-position: center;  /* Centra la imagen en el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    transition: transform 0.4s ease; /* Agrega transición suave */
}

.card2:hover {
    transform: scale(1.1); /* Aumenta el tamaño de la imagen de fondo para el efecto de zoom */
}

.card3 {
    background-image: url('/utils/img/icons/cuadros-index/3.webp');
    background-size: cover;  /* Asegura que la imagen cubra todo el área del div */
    background-position: center;  /* Centra la imagen en el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    transition: transform 0.4s ease; /* Agrega transición suave */
}

.card3:hover {
    transform: scale(1.1); /* Aumenta el tamaño de la imagen de fondo para el efecto de zoom */
}

.card4 {
    background-image: url('/utils/img/icons/cuadros-index/4.webp');
    background-size: cover;  /* Asegura que la imagen cubra todo el área del div */
    background-position: center;  /* Centra la imagen en el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    transition: transform 0.4s ease; /* Agrega transición suave */
}

.card4:hover {
    transform: scale(1.1); /* Aumenta el tamaño de la imagen de fondo para el efecto de zoom */
}


.card5 {
    background-image: url('/utils/img/icons/cuadros-index/5.webp');
    background-size: cover;  /* Asegura que la imagen cubra todo el área del div */
    background-position: center;  /* Centra la imagen en el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    transition: transform 0.4s ease; /* Agrega transición suave */
}

.card5:hover {
    transform: scale(1.1); /* Aumenta el tamaño de la imagen de fondo para el efecto de zoom */
}



.FAQ {
    background-image: url('/utils/img/icons/cuadros-index/bg-modulo-banner-02.webp');
    background-size: contain; /* Asegura que la imagen se ajuste al tamaño del contenedor sin distorsionar */
    background-position: center; /* Centra la imagen en el contenedor */
    height: 6vw; /* Ajusta la altura del contenedor al tamaño de la imagen */
    width: 8vh; /* Ajusta el ancho del contenedor */
}

.bg-red-custom-image{
    background:url('/utils/img/banner/background-video-home.webp')center center no-repeat;
    background-size:cover;
    text-align:center;
    position:relative;
    background-attachment:fixed;:center;background-repeat:no-repeat
}

.monimentes-card {
    background: url('/utils/img/monimentes/Monimentes.webp') center center no-repeat;
    background-size: cover;
    background-position: center center;
}


.ambiental1{
    background: url('/utils/img/gestion-medio-ambiental/secciones/medio-ambiental1.webp') center center no-repeat;
    background-size: cover;
    background-position: center center;
}
.ambiental2{
    background: url('/utils/img/gestion-medio-ambiental/secciones/medio-ambiental2.webp') center center no-repeat;
    background-size: cover;
    background-position: center center;
}
.ambiental3{
    background: url('/utils/img/gestion-medio-ambiental/secciones/medio-ambiental3.webp') center center no-repeat;
    background-size: cover;
    background-position: center center;
}
.ambiental4{
    background: url('/utils/img/gestion-medio-ambiental/secciones/medio-ambiental4.webp') center center no-repeat;
    background-size: cover;
    background-position: center center;
}

.ambiental5{
    background: url('/utils/img/gestion-medio-ambiental/secciones/medio-ambiental5.webp') center center no-repeat;
    background-size: cover;
    background-position: center center;
}
.ambiental6{
    background: url('/utils/img/gestion-medio-ambiental/secciones/medio-ambiental6.webp') center center no-repeat;
    background-size: cover;
    background-position: center center;
}


.fondo-formulario {
    min-height: 100vh; /* asegura que cubra toda la altura visible */
    width: 100%;       /* asegura que ocupe todo el ancho */
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)),
    url('/utils/img/artchallenge-formulario/BG-BLUE.webp') no-repeat center center;
    background-size: cover;
}

.fondo-formulario-2 {
    min-height: 100vh; /* asegura que cubra toda la altura visible */
    width: 100%;       /* asegura que ocupe todo el ancho */
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)),
    url('/utils/img/artchallenge-formulario/BG-RED.webp') no-repeat center center;
    background-size: cover;
}