:root {
    --nda-primary: #3B7A00;
    --nda-text-home: #50BD00;
    --nda-primary-pass: #2d5c00;
    --nda-color-yellow: #FFD700;
    --nda-color-gray: #B3B8C2;
    --nda-color-blue: #006AD4;
    --nda-color-red: #D4006A;
    --nda-secondary: #ffffff;
    --nda-primary-strong: #50a002;
    --nda-primary-strong-2: #386e01;
    --nda-white: #ffffff;
    --nda-black: #000000;
    --nda-text-color: #1A1E29;
    --nda-placeholder-color: #999999;
    --nda-placeholder-color-t: transparent;
    --bs-btn-hover-bg: var(--nda-primary);
    --bs-link-hover-color: var(--nda-primary);
    --nda-color-p-gray: #48495B; /*color text rgb 72, 73, 91*/
    --bs-card-bg: var(--nda-bg-secundario) ;/* #fff */

    /*Colores de Acento :*/
    --nda-acento-1: #ff5722; /* (naranja) */
    --nda-acento-2: #2196F3; /* (azul) */
    --nda-acento-3: #f44336; /* (rojo) */

    /*Colores de Texto:*/
    --nda-text-principal: #333333; /* (gris oscuro)*/
    --nda-text-secundario: #666666; /* (gris medio) */
    --nda-text-destacado: #000000; /* (negro) */

    /*Colores de Fondo:*/
    --nda-bg-principal: #ffffff; /* (blanco) */
    --nda-bg-secundario: #f4f4f4; /* (gris claro)*/
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: var(--nda-text-principal);
}


.nda-text-hero {
    color: var(--nda-text-home) !important;
}

.bg-nda-primary-home {
    background: var(--nda-text-home);
}

.nda-h1,
.nda-text-white {
    color: var(--nda-white) !important;
}

.nda-text-ash {
    color: #333333 !important;
}

.nda-h2 {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.375;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.nda-h3 {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.625;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    font-weight: 400;
    color: var(--nda-text-secundario);
}

p.nda-info-mail {
    font-weight: 600;
    color: var(--nda-text-secundario);
}

a,
.text-nda {
    color: var(--nda-primary);
}

.bg-nda-blue {
    background-color: var(--nda-color-blue);
}

.text-white,
.text-nda-color {
    color: var(--nda-text-color) !important;
}

.text-icon-home-hero {
    font-size: 2rem !important;
}

.bg-nda-primary,
.evaluation-bg {
    background: var(--nda-primary);
}

.image-login {
    background-image: url('https://images.unsplash.com/photo-1497294815431-9365093b7331?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1950&q=80');
}

.image-evaluation {
    background-image: url('../img/bg-home.jpg');
}

.bg-gradient-primary {
    background-image: linear-gradient(195deg, var(--nda-primary) 0%, var(--nda-primary-strong) 100%) !important;
}

.shadow-primary {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(59, 115, 2, 0.4) !important;
}

.input-group.input-group-outline.is-focused .form-label:before, .input-group.input-group-outline.is-focused .form-label:after, .input-group.input-group-outline.is-filled .form-label:before, .input-group.input-group-outline.is-filled .form-label:after {
    border-top-color: var(--nda-primary);
    box-shadow: inset 0 1px var(--nda-primary);
}

.input-group.input-group-outline.is-focused .form-label+.form-control,
.input-group.input-group-outline.is-filled .form-label+.form-control {
    border-color: var(--nda-primary) !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 var(--nda-primary), inset -1px 0 var(--nda-primary), inset 0 -1px var(--nda-primary);
}

.input-group.input-group-outline.is-focused .form-label,
.input-group.input-group-outline.is-filled .form-label {
    color: var(--nda-primary);
}

.btn-primary, .btn.bg-gradient-primary, .btn:focus-visible  {
    background-color: var(--nda-primary)!important;
}

.btn-primary:hover, .btn.bg-gradient-primary:hover {
    background-color: var(--nda-primary);
    border-color: var(--nda-primary);
    box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.4), 0 4px 23px 0 rgba(233, 30, 99, 0.15), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
}

.input-group.input-group-dynamic .form-control, .input-group.input-group-dynamic .form-control:focus, .input-group.input-group-static .form-control, .input-group.input-group-static .form-control:focus {
    background-image: linear-gradient(0deg, var(--nda-primary) 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
    border-radius: 0 !important;
}

.input-group.input-group-dynamic.is-focused label, .input-group.input-group-static.is-focused label {
    color: var(--nda-primary);
}

.nda-rrss {
    letter-spacing: 0.5rem !important;
}

footer > .container > .row  > .my-auto > .text-white,
footer > .container > .row  > .my-auto > .copyright > a.text-white,
footer > .container > .row  > .col-12 > .nav-footer > li > a.text-white {
    color: var(--nda-text-color) !important;
}

.swiper .swiper-slide {
    padding: 0;
    border-radius: 0.3rem;
    background-color: inherit;
    background-position: inherit;
}

.swiper .swiper-slide > img {
    border-radius: 0.3rem;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

@media only screen and (max-width: 600px) {
    #swiper-multiple-slides, #swiper-3d-coverflow-effect {
        height: auto;
    }

    .swiper .swiper-slide > img {
        aspect-ratio:4/3;
        object-fit: contain;
    }

    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -0.5em;
    }

    .bmi-btn {
        text-align: center;
        margin-bottom: 2em;
        margin-top: -1em;
    }
}

@media only screen and (max-width: 600px) {
    nav.my-3 {
        margin-top: 0.3rem !important;
        margin-bottom: 0.3rem !important;
    }

    .lead {
        font-size: 1.1rem;
        line-height: 1.3;
    }
    .btn-us {
        margin-bottom: 0.5rem;
    }

    .follow-us.mb-2 {
        margin-bottom: 0.2rem !important;
    }

    .follow-us.mt-3 {
        margin-top: 0.2rem !important;
    }

    .input-group.input-group-dynamic.is-focused .form-label, .input-group.input-group-dynamic.is-filled .form-label, .input-group.input-group-static.is-focused .form-label, .input-group.input-group-static.is-filled .form-label {
        font-size: 0.9rem !important;
    }
}