@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@import url("https://p.typekit.net/p.css?s=1&k=gbe6fhf&ht=tk&f=26053.26054.26056.26062&a=173607532&app=typekit&e=css");

@font-face {
    font-family: "acumin-pro";
    src: url("https://use.typekit.net/af/6d4bb2/00000000000000003b9acafc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/6d4bb2/00000000000000003b9acafc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/6d4bb2/00000000000000003b9acafc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "acumin-pro";
    src: url("https://use.typekit.net/af/6ce26b/00000000000000003b9acafd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/6ce26b/00000000000000003b9acafd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/6ce26b/00000000000000003b9acafd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "acumin-pro";
    src: url("https://use.typekit.net/af/aa5b59/00000000000000003b9acaf7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/aa5b59/00000000000000003b9acaf7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/aa5b59/00000000000000003b9acaf7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "acumin-pro";
    src: url("https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

.body {
    background-color: #fff;
    font-family: "acumin-pro", sans-serif !important;
    overflow: hidden;
}

:root,
[data-bs-theme=light] {
    --bs-gradient: linear-gradient(180deg, rgba(1, 148, 54, 1), rgba(10, 81, 35, 1));
}

.header {
    background: rgb(1, 148, 54);
    background: linear-gradient(90deg, rgba(1, 148, 54, 1) 0%, rgba(3, 131, 49, 1) 20%, rgba(4, 117, 45, 1) 55%, rgba(9, 72, 31, 1) 100%);
    padding-bottom: 0;
    margin-bottom: 0;
}

.menu {
    padding-bottom: 0;
    margin-bottom: 0;
    bottom: 0;
    position: relative;
    margin-left: 10%;
}

.logo {
    height: 90px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.logo img {
    height: 80px;
}

.nav-menu {
    bottom: 0;
    position: absolute;
    left: 60%;
    transform: translateX(-40%);
}

.navbar {
    padding-bottom: 0;
    margin-bottom: 0;
}

ul {
    border-radius: 120px 0px;
    padding-bottom: 0;
    margin-bottom: 0;
    width: 100%;
}

ul li {
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    text-transform: uppercase;
}

ul li:hover {
    border-radius: 120px 0px;
    background-color: grey;
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.mi-boton {
    padding: 10px 30px;
    padding-right: 30px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 25px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}

.sesion {
    position: absolute;
    top: 20px;
    transform: translateX(-40%);
    left: 95%;
}

.btn-green-light {
    --bs-btn-color: #A6D12b;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #A6D12b;
    --bs-btn-hover-color: #A6D12B;
    --bs-btn-hover-bg: #048930;
    --bs-btn-hover-border-color: #A6D12b;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
}

.mi-boton-green {
    color: #fff !important;
    background-color: #A6D12b !important;
    --bs-btn-border-color: #A6D12b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7bc433;
    --bs-btn-hover-border-color: #7bc433;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
}

.banner {
    background-image: url('../images/grin-150-02.png');
    background-position: top right;
    background-size: 50% auto;
    background-repeat: no-repeat;

    width: 100%;
    height: 400px;
    border-bottom-right-radius: 150px;
}

.banner-texto {
    margin-left: 10%;
    padding-top: 50px;
    text-align: left;
}

h1,
h2,
h3 {
    color: rgba(10, 81, 35, 1);
    font-weight: 700;
    padding-bottom: 5px;
    text-align: center;
}

.banner-texto h2 {
    font-size: 1.5rem;
    color: #048930;
    text-align: left;
}

.banner-texto h1 {
    text-align: left;
}

.banner-texto p,
.pasos p,
.empresa p {
    text-align: justify;
    padding: 5px;
}

.banner-texto .mi-boton {
    margin: 5px 15px;
}

.imagen {
    background-image: url(../images/grin-150-04.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.text-shadow-1 {
    text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
}

.text-shadow-2 {
    text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
}

.text-shadow-3 {
    text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
}

.ventajas {
    text-align: center;
    font-size: 16px;
}

.svg {
    text-align: center !important;
    margin: 0 auto;
}

footer {
    background: rgb(9, 72, 31);
    background: linear-gradient(90deg, rgba(9, 72, 31, 1) 0%, rgba(7, 88, 36, 1) 9%, rgba(3, 131, 49, 1) 48%, rgba(1, 148, 54, 1) 99%);
    border-top-left-radius: 150px;
    width: 100%;
    padding-left: 100px;
    color: #fff;
    font-size: 18px;
}

.informacion {
    padding-bottom: 50px;
    padding-top: 50px;
}

.informacion svg {
    margin: 0 5px;
}

.informacion h3 {
    color: #fff;
    text-align: left;
}

.modal {
    --bs-modal-width: 726px !important;
    --bs-modal-height: 550px;
}

.modal-body {
    height: 470px;
    background-image: url(../images/Mapa.png);
    background-repeat: no-repeat;
}

/* Clients Section - Home Page
------------------------------*/
.clients {
    padding: 10px 0;
}

.clients .client-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.clients .client-logo img {
    padding: 40px;
    max-width: 80%;
    transition: 0.3s;
    opacity: 0.5;
    filter: grayscale(100);
}

.clients .client-logo img:hover {
    filter: none;
    opacity: 1;
}

@media (max-width: 640px) {
    .clients .client-logo img {
        padding: 20px;
    }
}

@media (max-width: 1650px) {
    .nav-menu {
        bottom: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .mi-boton {
        padding: 10px 20px;
    }

    .sesion {
        left: 80%;
    }


    .imagen {
        height: auto;
    }

    .mi-menu .navbar {
        margin-top: 0;
        padding-top: 0;
    }
}

@media (max-width: 1200px) {
    .banner {
        background-image: none;
        width: auto;
    }

}

@media (max-width: 1000px) {
    .sesion {
        left: 90%;

    }
}