/* @font-face{ font-family: NombreFont; src: url(fonts/NombreFont-Bold.otf); } */
:root {
    --color-blue-hard: #003d92;
    --color-dark-gray: #5b5b5d;
    --color-blue: #1d71b9;
}
/*=============================================================================
GENERAL
=============================================================================*/
body {
    overflow-x: hidden;
    position: relative;
    padding-top: 60px;
}
html {
    overflow-x: hidden;
}
*::-moz-selection {
    background: var(--color-blue-hard);
    color: #fff;
    text-shadow: none;
}
*::selection {
    background: var(--color-blue-hard);
    color: #fff;
    text-shadow: none;
}
.bg-default {
    background-color: #eee;
    border: 1px solid #ddd;
}
.bg-default-02 {
    background-color: #ddd;
    border: 1px solid #ccc;
}
.text-black {
    color: #000;
}
.bg-cover-index {
    background-image: url("http://placehold.it/1920x1080");
}
.color-green{
    color: #045606;
}
.color-black{
    color: black;
}
/*=============================================================================
THANKS PAGE
=============================================================================*/
.thanks-page {
    height: 60vh;
}
.thanks-page img {
    width: 400px;
    max-width: 100%;
}
/*=============================================================================
NAVBAR
=============================================================================*/
.navbar {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}
/* colores items menu */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link {
    color: #333;
    border-bottom: 2px solid transparent;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #333;
    border-color: #333;
    background-color: white;
}
/* colores items menu */
/* separación items menu */
.navbar-nav > .nav-item {
    padding-left: 15px;
    padding-right: 15px;
}
/* separación items menu */
.navbar-brand img {
    width: 150px;
}
/*=============================================================================
HOME
=============================================================================*/
.titulo1 {
    color: #1d1d1b;
}

.fondoImagen {
    border-radius: 20px;
    overflow: hidden;
}
.fondoWhite {
    background-color: white;
    color: black;
    border-radius: 20px;
    border: 1px solid #045606;
}

.fondoMisionVision {
    background-color: #045606;
    color: white;
    border-radius: 20px;
}

.estilo-boton1 {
    background-color: black;
    color: white;
    border-radius: 10px;
}

.estilo-boton2 {
    background-color: black;
    color: white;
    border-radius: 10px;
}

.estilo-boton1:hover {
    color: black;
    background-color: white;
}

.estilo-boton2:hover {
    color: white;
    background-color: #045606;
}

.cuadro-verde {
    width: 250px;
    height: 250px;
    background-color: #045606;
    position: relative;
    z-index: 1;
    border-radius: 20px;
}

.rectangulo-imagen {
    width: 420px;
    height: 180px;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -40px;
    left: 95px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 2;
    border-radius: 20px;
}

.contenido-texto h5.subtitulo {
    font-size: 1.1rem;
    margin-bottom: 10px;
    color: #a6a6a6;
}

.contenido-texto h2.titulo {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #045606;
}

.contenido-texto p.descripcion-Tercera-Seccion {
    margin-bottom: 20px;
    line-height: 1.6;
}

.card-custom {
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #045606;
    color: white;
}

.card-custom:hover {
    background-color: #045606;
    color: white;
    transform: translateY(-5px);
}

.card-custom2 {
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: black;
    color: white;
}

.card-custom2:hover {
    background-color: black;
    color: white;
    transform: translateY(-5px);
}

.card-img-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.card-img {
    opacity: 0.7; /* Imagen más opaca */
    display: block;
    width: 100%;
}

.desc-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.tituloCard {
    font-size: 1.4rem;
    font-weight: bold;
    color: white;
}

.linea-blanca {
    height: 1px;
    background-color: white;
    margin: 8px auto;
    border-radius: 2px;
}

.card-icon {
    border: none; /* quitamos el borde completo */
}

.servicios {
    color: #045606;
    font-weight: 700;
    font-size: 40px;
}

.valores-nuevos {
    color: #045606;
}

.linea-debajo {
    width: 500px; /* ajusta el ancho a tu gusto */
    max-width: 200%; /* opcional, para no pasarte demasiado */
    height: 2px; /* grosor de la línea */
    background-color: #045606; /* color de la línea */
    margin: 0 auto 20px; /* centrado y separación inferior */
    border-radius: 2px; /* opcional, esquinas redondeadas */
}

.tituloContacto {
    color: #a3a3a3;
    font-weight: 600;
    font-size: 17px;
}

.subtituloContacto {
    color: #045606;
    font-weight: 700;
    font-size: 35px;
    width: 90%;
}

.parrafoContacto {
    font-weight: 400;
    font-size: 17px;
}

.parrafoServicios {
    width: 65%;
}

.parrafoSeccionDos {
    font-weight: 700;
    font-size: 40px;
    color: #045606;
}

.fondoColumna {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #045606;
}

.linea-debajo-columna {
    width: 420px;
    max-width: 200%;
    height: 1px;
    background-color: white;
    margin: 0 auto 20px;
    border-radius: 2px;
}

.mision {
    color: white;
    text-align: start;
    font-size: 17px;
}

.descripcion {
    color: white;
    text-align: start;
}

.icono-columna {
    display: flex;
    justify-content: center;
}

/* .icono-img {
    width: 60px;
    height: auto;
} */

.columna-texto h2 {
    margin-bottom: 20px;
}
.columna-texto h3 {
    margin-bottom: 15px;
}
.columna-texto p {
    margin-bottom: 20px;
}

.columna-formulario {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.cuadro-negro {
    position: relative;
    background-color: #000;
    width: 100%;
    max-width: 350px;
    height: 350px;
    margin-left: 0 auto;
    border-radius: 20px;
}

.cuadro-borde-verde-formulario {
    position: absolute;
    top: -40px;
    left: -40px;
    background-color: white;
    width: 100%;
    max-width: 320px;
    padding: 20px;
    border-radius: 20px;
    color: black;
    border: 1px solid #045606;
}

.fondo-boton {
    background-color: #045606;
    color: white;
}

.fondo-boton:hover {
    color: white;
    background-color: #045606;
}

.titulo-contacto {
    color: #a3a3a3;
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1.5px solid #a3a3a3;
}

.subtitulo-contacto {
    color: #045606;
    font-size: 35px;
    font-weight: 700;
}

.parrafo-contacto {
    color: #171717;
    font-size: 15px;
    font-weight: 400;
}

.nuestra-cobertura {
    color: #045606;
    font-weight: 700;
    border-bottom: 2px solid #045606;
}

.titulo-icono {
    color: #045606;
}

.custom-input {
    background-color: transparent !important;
    border: none;
    border-bottom: 2px solid #045606;
    border-radius: 0;
    color: black;
    box-shadow: none;
}

.custom-input::placeholder {
    color: #045606;
    opacity: 1;
}

.custom-input:focus {
    border-bottom: 2px solid #0a7a0a;
    outline: none;
    box-shadow: none;
}

.linea-izquierda {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 3.5rem;
    background-color: #045606;
    margin-right: 12px;
}
/*=============================================================================
US
=============================================================================*/
.mt-n {
    margin-top: -35px !important;
}

.fondoImagen .us-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fondoVerde .us-first-text {
    font-size: 28px;
    font-weight: 600;
    color: #045606;
}

.fondoVerde .bigger-text {
    font-size: 32px;
    font-weight: 600;
    color: #045606;
}

.descripcion-us {
    margin-bottom: 20px;
    line-height: 1.3;
}

.square-img-container {
    padding-left: 90px;
    padding-top: 50px;
}

.img-us-container {
    height: 300px;
    width: 500px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.img-us-container img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    object-position: center 50%; /* mueve el recorte verticalmente */
}

/* .img-mision-container {
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
    padding-left: 100px;
    position: relative;
    z-index: 2;
}

.img-mision-container img {
    width: 100%;
    height: 80%;
    border-radius: 20px;
    object-fit: cover;
    object-position: center 10%;
} */

.cuadro-verde-us {
    width: 300px;
    height: 270px;
    background-color: #045606;
    position: relative;
    z-index: 1;
    border-radius: 20px;
}

.cuadro-verde-us-two {
    position: absolute;
    bottom: -55px; /* lo mandas abajo */
    left: 85px; /* lo mandas a la derecha */
    width: 55%; /* ajusta a lo ancho */
    height: 95%; /* ajusta a lo largo */
    background-color: #045606;
    border-radius: 20px;
    z-index: 1;
}

/****** Medida especial para laptops de pantalla mas chica ******/
@media (min-width: 1280px) and (max-width: 1399px) {
    .cuadro-verde-us-two {
        bottom: -45px;
        left: 10px;
        width: 55%;
        height: 95%;
        background-color: #045606;
        border-radius: 20px;
        z-index: 1;
    }
}
/****** Medida especial para laptops de pantalla mas chica ******/

.rectangulo-imagen-us {
    width: 470px;
    height: 300px;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -40px; /* sube un poco */
    right: 20px; /* corre a la derecha */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 2;
    border-radius: 20px;
    overflow: hidden;
}

.rectangulo-imagen-us img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-separator-us {
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
}

.img-separator-us img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 10%; /* mueve el recorte verticalmente */
}

.card-black {
    background-color: #1d1d1b;
    color: white;
    border-radius: 20px;
    padding: 2.8rem;
    height: 100%; /* hace que las tarjetas de arriba tengan misma altura */
}

.card-black-img {
    height: 260px;
    border-radius: 20px;
    overflow: hidden;
}

.card-black-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 13%; /* mueve el recorte verticalmente */
}

.card-black .title-one {
    margin-top: 15px;
    font-size: 1rem;
    padding-bottom: 4px;
    border-bottom: 1.5px solid white;
}

.card-no-background {
    background-color: white;
    color: #045606;
    border-radius: 20px;
    padding: 2.8rem;
    height: 100%; /* hace que las tarjetas de arriba tengan misma altura */
}

.card-black .paragraph-text,
.card-no-background .paragraph-text {
    margin-top: 15px;
    font-size: 1rem;
    padding-bottom: 4px;
}

/*=============================================================================
SERVICES
=============================================================================*/
.services {
    margin-top: 50px;
    padding-inline: 15rem;
}

.services .services-titulo {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #045606;
}

.services .services-text {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 15px;
    color: #171717;
}

.custom-carousel-container {
    background-color: #045606;
    border-radius: 20px;
    padding: 2rem;
    color: white;
}

.carousel-item {
    padding: 0px 90px 20px;
}

.carousel-image {
    border-radius: 20px;
    max-height: 350px;
    object-fit: cover;
}

.carousel-text-content {
    padding-left: 2rem;
}

.carousel-text-content h3 {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

.carousel-text-content p {
    font-size: 1.2rem;
}

/* Ajuste de posición de los controles */
.carousel-control-prev,
.carousel-control-next {
    width: 5%; /* Reduce el área de click */
}

/* Estilo de los indicadores */
.carousel-indicators [data-bs-target] {
    background-color: #ffffff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.carousel-indicators .active {
    background-color: #000000;
}

/*=============================================================================
CONTACT
=============================================================================*/

.contact-text h5.subtitle {
    font-size: 1rem;
    margin-bottom: 10px;
    color: #a3a3a3;
    font-weight: 400;
    padding-bottom: 4px;
    border-bottom: 1.5px solid #a3a3a3;
}

.contact-text h2.title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #045606;
}

.contact-text p.descripcion-contact {
    margin-bottom: 20px;
    line-height: 1.3;
}

.contact-form {
    position: relative;
    background-color: white;
    border: 1px solid #045606;
    border-radius: 20px;
    padding: 30px;
    z-index: 2;
}

.no-resize {
  resize: none;
}

.contact-form .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #045606;
    border-radius: 0; /* quitamos el redondeo que agrega Bootstrap */
    color: #045606;
    padding-left: 0; /* quitamos el padding inicial para que se alinee */
}

.contact-form .form-control:focus {
    background-color: transparent;
    color: #045606;
    border-color: #045606;
    box-shadow: none;
    outline: none;
}

.contact-form .form-control::placeholder {
    color: #045606;
    opacity: 1;
}

.btn-enviar-custom {
    background-color: #045606;
    color: #fff;
    border-radius: 8px;
    padding: 20px 55px;
    border: none;
}

.btn-enviar-custom:hover {
    background-color: #023c03;
    color: white;
}

.contact-cuadro-negro {
    position: absolute;
    bottom: -55px;
    right: -40px;
    width: 60%;
    height: 95%;
    background-color: #1d1d1b;
    border-radius: 20px;
    z-index: 1;
}

.contenedor-padre-cajas {
    display: flex;
    align-items: stretch;
}

/*=============================================================================
PRIVACY NOTICE
=============================================================================*/
.privacy-container {
    padding: 20px 100px;
}

.privacy-container h2 {
    font-size: 2.5rem;
    color: #045606;
    padding-bottom: 25px;
    font-weight: bold;
}

.privacy-container p {
    font-size: 1.1rem;
    color: #000000;
    padding-bottom: 25px;
}

/*=============================================================================
MISSION
=============================================================================*/
.cuadro-negro-mision {
    position: relative;
    background-color: #000;
    width: 100%;
    max-width: 350px;
    height: 350px;
    margin-left: 0 auto;
    border-radius: 20px;
}

.cuadro-verde-mision {
    position: absolute;
    top: -40px;
    left: -40px;
    background-color: #045606;
    width: 100%;
    max-width: 320px;
    padding: 20px;
    border-radius: 20px;
    color: white;
}

.tituloMision {
    color: black;
    font-weight: 700;
    font-size: 30px;
}

.parrafoSeccionDosMision {
    font-weight: 700;
    font-size: 40px;
    color: white;
    text-align: center;
}

.tituloSegundaSeccion {
    font-weight: 600;
    font-size: 28px;
    color: #045606;
}

.card-custom-mision {
    background: #fff;
    border-left: 2px solid #045606;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    aspect-ratio: unset;
    max-width: 100%;
    height: 100%;
}

.card-title-mision {
    /* font-size: 1.25rem; */
    color: #045606;
    font-weight: 700;
    margin-bottom: 12px;
}

.card-text-mision {
    font-weight: 400;
    font-size: 28px;
}

.mision-container {
    position: relative;
    padding-inline: 150px;
}

.mision-cuadro-negro {
    position: absolute;
    bottom: -60px;
    right: 120px;
    width: 20%;
    height: 110%;
    background-color: #1d1d1b;
    border-radius: 20px;
    z-index: 1;
}

.mision-cuado-verde {
    background-color: #045606;
    color: white;
    border-radius: 20px;
    padding: 50px 50px;
    position: relative;
    z-index: 1000;
}

.mision-cuado-verde h2 {
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 2.2rem;
}

.mision-cuado-verde p {
    font-size: 1.2rem;
}

.mb-20 {
    margin-bottom: 6rem;
}

.last-container-custom {
    margin-top: 5rem;
    margin-bottom: 8rem;
}

.last-section-mision {
    position: relative;
}

.last-cuadro-negro {
    position: absolute;
    bottom: 40px;
    right: -70px;
    width: 70%;
    height: 75%;
    background-color: #1d1d1b;
    border-radius: 20px;
    z-index: 1;
}

.img-mision-container {
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
    padding-left: 100px;
    position: relative;
    z-index: 2;
}

.img-mision-container img {
    width: 100%;
    height: 80%;
    border-radius: 20px;
    object-fit: cover;
    object-position: center 10%; /* mueve el recorte verticalmente */
}

.last-cuadro-verde {
    background-color: #045606;
    color: white;
    padding: 40px 30px;
    border-radius: 20px;
    position: absolute;
    bottom: -130px;
    left: 150px;
    width: 30%; /* ajusta el tamaño al gusto */
    /* height: 80%; ajusta el tamaño al gusto */
    z-index: 3;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.966);
}

.last-cuadro-verde p {
    font-size: 0.9rem;
}

.last-cuadro-verde .btn-cuadro-verde {
    background-color: #000000;
    color: white;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 0.8rem;
    border: none;
}

.last-cuadro-verde .btn-cuadro-verde:hover {
  background-color: #333333;
}
/*=============================================================================
FOOTER
=============================================================================*/
.fondo-footer {
    background-color: #045606;
    padding: 20px;
    border-radius: 20px;
}

.navbar-nav .nav-link {
    transition: 0.3s;
}

.navbar-nav .nav-link:hover {
    background-color: #f0f0f0;
    color: #000;
}

footer p {
    margin-bottom: 10px;
}

.opciones-menu-foooter {
    color: white;
    border-bottom: 1px solid white;
}

.opciones-menu-foooter:hover {
    color: white;
}

.menu-footer .navbar-collapse {
    justify-content: center; /* centra los items */
}

.menu-footer .navbar-nav {
    margin: 0 auto; /* fuerza centrado */
}

.estilo-boton-footer {
    color: white;
    border-right: 1px solid white;
    border-radius: 0 !important;
}

.estilo-boton-footer:hover {
    color:white;
}

footer a {
    text-decoration: none;
}

.copy {
    font-weight: 400;
    font-size: 12px;
    color: white;
}
/*=============================================================================
BLOG
=============================================================================*/
.blog-play-container {
    height: auto !important;
}
.bg-widget-cover.bg-mh {
    background-image: url("http://placehold.it/1920x500.png?text=1920x500.jpg");
    height: 500px;
}
.bg-widget-cover {
    background-position: center;
    background-size: cover;
}
.play-container {
    position: relative;
    height: 100%;
}
.play-container:hover .play-ico {
    opacity: 1;
    cursor: pointer;
}
.play-container:hover {
    cursor: pointer;
}
.play-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    z-index: 1;
    opacity: 0.5;
}
.img-blog {
    min-height: 800px;
    background-image: url("../img/Blog/header.jpg");
    background-position: center;
    background-size: cover;
}
.container-blog {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
}
.i-text {
    background: #e2dede;
    border: none;
    border-radius: 10px;
    color: #757575;
    text-align: center;
    font-size: 12px;
    padding: 10px 40px;
    margin-right: 10px;
}
.bolder {
    font-weight: bolder !important;
}
.hr-blog {
    max-width: 15%;
    border: 1px solid #e2dede;
    -webkit-box-shadow: 0px 2px 3px #e2e2e2;
    box-shadow: 0px 2px 3px #e2e2e2;
}
.text-intblog {
    width: 100%;
    position: absolute;
    bottom: 10px;
}
.btn-blog {
    width: 100%;
    background: black;
    border: none;
    font-weight: 100;
    font-family: sans-serif;
    color: #fff;
}
.btn-blog2 {
    background: black;
    border: none;
    font-weight: 100;
    font-family: sans-serif;
    color: #fff;
}
.btn-blog3 {
    background: black;
    border: 1px solid #fff;
    font-weight: 100;
    font-family: sans-serif;
    color: #fff;
    padding: 6px 50px;
    font-size: 16px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.btn-blog3:hover {
    color: #000;
    background-color: #fff;
    text-decoration: none;
}
.text-initblogf {
    position: absolute;
    top: 30%;
    left: 30%;
}
.img-finalblog {
    background-image: url("../img/Blog/footer.jpg");
    background-position: center;
    background-size: cover;
}
.custom-dropdown > li > .dropdown-menu,
.dropdown-child {
    background-color: #333;
}
.dropdown-child > a {
    color: #fff;
}
.custom-dropdown > li > .dropdown-menu > .nav-link:hover,
.custom-dropdown > li > .dropdown-menu > .dropdown-item:hover,
.dropdown-child > a:hover {
    background-color: #222;
}
.dropdown-child > a:hover {
    color: #fff;
}
/*=============================================================================
MEDIA
=============================================================================*/
/* 1920 x 1080 */
@media (max-width: 1920px) {
}

/* 1600 x 900*/
@media (max-width: 1600px) {
}

/* 1440 x 900 */
@media (max-width: 1440px) {
}

/* 1280 x 800 */
@media (max-width: 1280px) {
    .fondoVerde .us-first-text {
        font-size: 15px;
    }

    .fondoVerde .bigger-text {
        font-size: 26px;
    }

    .img-separator-us {
        height: 250px;
    }

    .img-us-container {
        height: 250px;
        width: 450px;
    }

    .cuadro-verde-us-two {
        bottom: -55px;
        left: 55px;
        width: 55%;
        height: 95%;
    }

    .square-img-container {
        padding-left: 15px;
        padding-top: 0px;
    }

    .contenido-texto p.descripcion-us {
        margin-bottom: 20px;
        line-height: 1.4;
    }

    .rectangulo-imagen-us {
        width: 290px;
        height: 250px;
        top: -20px;
        left: 55px;
    }

    .services {
        margin-top: 40px;
        padding-inline: 8rem;
    }

    .custom-carousel-container {
        padding: 1.5rem;
        text-align: center;
    }

    .carousel-image {
        margin-bottom: 1.5rem;
    }

    .carousel-text-content {
        padding-left: 0;
    }

    .contact-text p.descripcion-contact {
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .contact-cuadro-negro {
        bottom: -55px;
        right: -40px;
        width: 65%;
        height: 95%;
    }

    .privacy-container {
        padding: 20px 50px;
    }

    .mision-container {
        position: relative;
        padding-inline: 50px;
    }

    .mision-cuadro-negro {
        bottom: -60px;
        right: 20px;
        width: 40%;
        height: 100%;
        background-color: #1d1d1b;
        border-radius: 20px;
        z-index: 1;
    }

    .img-mision-container {
        height: 400px;
        padding-left: 30px;
    }

    .last-cuadro-verde {
        padding: 30px 20px;
        border-radius: 20px;
        position: absolute;
        bottom: -110px;
        left: 100px;
        width: 40%;
    }

    .last-cuadro-verde h2 {
        font-size: 1.4rem;
    }

    .last-cuadro-verde p {
        font-size: 0.75rem;
    }

    .last-cuadro-verde .btn-cuadro-verde {
        background-color: #000000;
        color: white;
        padding: 10px 25px;
        border-radius: 10px;
        font-size: 0.75rem;
        border: none;
    }
}

@media (max-width: 1200px) {
    .img-us-container {
        height: 250px;
        width: 350px;
    }

    .cuadro-verde-us-two {
        bottom: -55px;
        left: 55px;
        width: 55%;
        height: 95%;
    }

    .fondoVerde .bigger-text {
        font-size: 22px;
    }

    .contact-cuadro-negro {
        bottom: -10px;
        right: -40px;
        width: 65%;
        height: 80%;
    }
}

/* 990 x 1000 */
@media (max-width: 990px) {
    .columna-texto {
        margin-bottom: 40px;
    }

    .menu-footer .navbar-nav {
        flex-direction: column;
        align-items: center;
    }

    .contenedor-padre {
        margin-top: 30px;
    }

    .contenido-texto {
        margin-top: 20px;
        padding: 30px;
    }

    .img-us-container {
        height: 250px;
        width: 320px;
    }

    .cuadro-verde-us-two {
        bottom: 45px;
        left: 0px;
        width: 65%;
        height: 65%;
    }

    .fondoVerde .bigger-text {
        font-size: 15px;
    }

    .contact-cuadro-negro {
        bottom: 90px;
        right: -40px;
        width: 65%;
        height: 70%;
    }
}

/* 767 x 414 */
@media (max-width: 767px) {
    .linea-izquierda {
        width: 0;
    }

    .linea-debajo {
        max-width: 300px;
    }

    .contenido-texto {
        margin-top: 0;
    }

    .segunda-seccion {
        margin-bottom: 20px;
    }

    .rectangulo-imagen {
        width: 300px;
        height: 0;
        top: -30px;
        left: 60px;
    }

    .cuadro-verde {
        width: 200px;
        height: 200px;
    }

    .rectangulo-imagen-us {
        width: 300px;
        height: 230px;
        top: -20px;
        left: 75px;
    }

    .mt-n {
        margin-top: 0px !important;
    }

    .img-separator-us {
        height: 150px;
    }

    .img-us-container {
        height: 255px;
        width: 330px;
    }

    .cuadro-verde-us-two {
        bottom: -45px;
        left: 20px; /* lo mandas a la derecha */
        width: 65%; /* ajusta el tamaño al gusto */
        height: 85%; /* ajusta el tamaño al gusto */
    }

    .square-img-container {
        margin-top: 20px;
        justify-content: center;
        padding-left: 15px;
        padding-top: 0px;
    }

    .services {
        margin-top: 40px;
        padding-inline: 3rem;
    }

    .custom-carousel-container {
        padding: 1.5rem 0rem 1.5rem 0rem;
    }

    .carousel-item {
        padding: 0px 50px 20px;
    }

    .carousel-text-content {
        padding-left: 1.5rem;
    }

    .carousel-text-content h3 {
        font-weight: bold;
        font-size: 1.2rem;
        margin-bottom: 1.5rem;
    }

    .carousel-text-content p {
        font-size: 0.9rem;
    }

    .contact-cuadro-negro {
        bottom: -50px;
        right: -40px;
        width: 70%;
        height: 85%;
    }

    .privacy-container {
        padding: 20px 20px;
    }

    .privacy-container h2 {
        font-size: 1.8rem;
        color: #045606;
        padding-bottom: 25px;
        font-weight: bold;
    }

    .privacy-container p {
        font-size: 0.9rem;
        color: #000000;
        padding-bottom: 25px;
    }

    .mision-container {
        position: relative;
        padding-inline: 15px;
    }

    .mision-cuadro-negro {
        bottom: -60px;
        right: -20px;
        width: 50%;
        height: 100%;
        background-color: #1d1d1b;
        border-radius: 20px;
        z-index: 1;
    }

    .mision-cuado-verde h2 {
        font-size: 2rem;
    }

    .mision-cuado-verde p {
        font-size: 1rem;
    }

    .img-mision-container {
        height: 400px;
        padding-left: 5px;
    }

    .last-cuadro-negro {
        bottom: 40px;
        right: -18px;
        width: 50%;
        height: 75%;
        background-color: #1d1d1b;
        border-radius: 20px;
        z-index: 1;
    }

    .last-cuadro-verde {
        bottom: -110px;
        left: 50px;
        width: 60%;
    }

    .last-cuadro-verde h2 {
        font-size: 1.2rem;
    }
}

/* 576 x 320 */
@media (max-width: 576px) {
    .card-text-mision {
        font-size: 20px;
    }

    .card-custom-mision {
        border-left: 0;
        text-align: center;
    }

    .cont-mision {
        margin-bottom: 20px;
    }

    .cuadro-borde-verde-formulario {
        left: 0;
    }

    .parrafo-contacto {
        font-size: 12px;
    }

    .subtitulo-contacto {
        font-size: 20px;
    }

    .estilos-formulario {
        padding: 15px;
        margin-top: 30px;
    }

    .cuadro-negro {
        height: 380px;
    }

    .img-us-container {
        height: 225px;
        width: 340px;
    }

    .cuadro-verde-us-two {
        bottom: -35px;
        left: 15px;
        width: 65%;
        height: 85%;
    }
}

/* 376 x 320 */
@media (max-width: 376px) {

    .copy {
        font-size: 12px;
        text-align: center;
    }
    .correoOaxacaNorte {
        font-size: 14px;
    }

    .fondoSextaSeccion {
        margin-top: 15px;
    }

    .cuadro-negro {
        height: 380px;
    }

    .subtitulo-contacto {
        font-size: 17px;
    }

    .columna-formulario {
        justify-content: flex-start;
        margin-bottom: 15px;
    }

    .columna-texto {
        margin-bottom: 20px;
    }
    .cuadro-negro {
        margin: 0 auto; /* centra en móviles */
    }
    .cuadro-borde-verde-formulario {
        left: 0; /* no se desborda en móvil */
        top: -20px;
    }

    .cont-mision {
        margin-bottom: 20px;
    }

    .linea-debajo {
        width: 300px;
    }

    .subtituloContacto {
        font-size: 20px;
    }

    .parrafoSeccionDos {
        font-size: 20px;
    }

    .contenido-texto h2.titulo {
        font-size: 1.5rem;
    }

    .contenedor-padre {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-height: 210px;
    }

    .cuadro-verde {
        width: 150px;
        height: 150px;
        position: relative;
        z-index: 1;
    }

    .rectangulo-imagen {
        position: absolute;
        width: 235px;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }

    .img-us-container {
        height: 205px;
        width: 290px;
    }

    .cuadro-verde-us-two {
        bottom: -35px;
        left: 15px;
        width: 65%;
        height: 85%;
    }
}
/*
	@media( max-width: 1920px ) {}
	@media( max-width: 1600px ) {}
	@media( max-width: 1440px ) {}
	@media( max-width: 1366px ) {}
	@media( max-width: 1280px ) {}
	@media( max-width: 1024px ) {}
	@media( max-width: 736px ) {}
	@media( max-width: 667px ) {}
	@media( max-width: 640px ) {}
	@media( max-width: 568px ) {}
*/