:root {
    --font-main: 'PT Sans', sans-serif !important;
    --main-color:#002E82;
    --yellow-color:#DC931A;
    --blue-bapps:#76AADB;
}

body { font-family: var(--font-main); font-size: 16px; height: 100%; margin: 0; overflow-x: hidden;}

header{ background: #738B99 url('../img/bg-main.jpg') left bottom no-repeat; background-size:cover; color:#f3f3f3; }

header img{ max-width: 400px; margin-bottom: 4.063rem; width: 100%; }

header h1{ font-size: 3rem;}

header h2{ font-size: 2rem; margin-top: 5.125rem;}

header .btn{ margin-top: 1.125rem; }

a{
    --bs-link-color:var(--blue-bapps);
    text-decoration: none;
    font-weight: 600;
}

a:hover {
    --bs-link-hover-color: var(--main-color);
}

#content{ background-color:#738B99; }

#content .subtitle{ font-size: 2rem; }

#content .title{ font-size: 2.5rem; margin-bottom: 2rem; }

#content .general{ font-size: 1.5rem;}

#content #items{ margin-top: 5.375rem; margin-bottom: 6.375rem; }

#content .separation{ margin-top: 4.063rem; }

#content .btn{ margin-top: 2rem; }

#content img{ width: 264px; }

#testimonios{ background-color: #ADC8D870; font-style: italic; color: #444242; }

#testimonios img{ width: 180px; margin-bottom: 6.125rem; }

#testimonios #container-img{ margin-bottom: 6.125rem; }

#testimonios .testimonio{ font-size: 1.5rem; }

#testimonios .autor{ font-size: 1.5rem; margin-top: 3.625rem; }

#faqs,#faqs .subtitle,#faqs .general{ color:#444242; }

.g-recaptcha{ display:flex !important; justify-content:center; }

.btn-form{
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 2rem;
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--main-color);
    --bs-btn-border-color: var(--main-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1b3e7f;
    --bs-btn-hover-border-color: #1b3e7f;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--main-color);
    --bs-btn-disabled-border-color: var(--main-color);
    --bs-btn-font-size: 1.2em;
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: 1rem;
}

.btn-success {
    --bs-btn-bg: #1BBC2B;
    --bs-btn-border-color: #1BBC2B;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: #1BBC2B;
    --bs-btn-disabled-border-color: #1BBC2B;
    --bs-btn-border-radius: 1rem;
    --bs-btn-padding-x: 2rem;
}

.btn-secondary {
    --bs-btn-border-radius: 1rem;
}

.btn:hover{ box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3); }

.btn-reasons {
    --bs-btn-padding-y: 0.8rem;
    --bs-btn-font-size: 1.25rem;
}

.accordion-button:not(.collapsed) {

    color: #ffffff !important;

    background-color: var(--blue-bapps) !important;
}

@media (min-width: 576px) {

    header h1{ font-size: 4.5rem;}

    header h2{ font-size: 2.5rem;}
    
    header img{ margin-bottom: 10.063rem; }

    #content .subtitle{ font-size: 2.5rem; }

    #content .title{ font-size: 2.5rem; margin-bottom: 2rem; }

    #content .general{ font-size: 2.5rem;}

    /*#content #items{ margin-top: 11.375rem; }*/

    #testimonios .testimonio{ font-size: 2.5rem; }

    #faqs{ background-color: #EDEDED; }

    #faqs .title{ font-size: 4.5rem; }

    #faqs .subtitle{ font-size: 1.5rem; }

    #faqs .general{ font-size: 1.2rem; }

}