.text-white { color: #FFF; }
.text-blue { color: #009EE3; }
.text-dark-blue { color: #007BB5; }
.text-gray { color: hsl(222.2, 84%, 4.9%); }
.text-gray-70 { color: rgba(5, 10, 23, 0.7); }
.text-muted-gray { color: hsl(215.4, 16.3%, 46.9%); }

.bg-white { background-color: #FFF; }
.bg-blue { background-color: #009EE3; }
.bg-dark-blue { background-color: #007BB5; }
.bg-gray { background-color: hsl(222.2, 84%, 4.9%); }
.bg-muted-gray { background-color: hsl(215.4, 16.3%, 46.9%); }

/* Travas de seguranca para manter as paginas antigas funcionando enquanto atualizamos */
.text-green { color: #009EE3; }
.text-dark-green { color: #007BB5; }
.bg-green { background-color: #009EE3; }
.bg-dark-green { background-color: #007BB5; }

/* Botoes */
.btn { transition: all .4s ease; }
.btn-white { background-color: #FFF; color: #009EE3; }
.btn-white:is(:active, :focus, :hover) { background-color: #f3f4f6; color: #009EE3; }

.btn-gradient {
    background-image: linear-gradient(135deg, #009EE3 0%, #007BB5 40%, #005A8C 100%);
    box-shadow: 0 8px 40px rgba(0, 158, 227, 0.35);
    color: #FFF;
}
.btn-gradient:is(:active, :focus, :hover) {
    background-image: linear-gradient(135deg, #00b0ff 0%, #007BB5 40%, #005A8C 100%);
    box-shadow: 0 8px 40px rgba(0, 158, 227, 0.35);
    color: #FFF;
}

/* Barra de rolagem */
::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background-color: transparent; border-radius: 50px; }
::-webkit-scrollbar-thumb { background-color: #009EE3; border-radius: 50px; }

/* Estilos gerais */
html { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"; }
.bg-hero { background-image: linear-gradient(180deg, hsl(0, 0%, 100%) 0%, hsl(200, 30%, 98%) 100%); }
.fw-medium { font-weight: 500; }
.nav-link { color: #FFF; }
.nav-link:is(:active, :focus, :hover) { color: #f3f4f6; }
.border-gray { border-color: hsl(222.2, 84%, 4.9%); }
.border-gray-70 { border-color: rgba(5, 10, 23, 0.7); }

/* Cards de Beneficios */
.card-benefits {
    background-image: linear-gradient(135deg, #FFF, #f0f8ff 98%);
    transition: all .4s ease;
}
.card-benefits:is(:hover) {
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
    transform: translateY(-0.25rem);
}
.card-benefits:is(:hover) > .card-benefits-titles { color: #009EE3; }
.card-benefits-numbers { color: rgba(0, 158, 227, 0.3); }
.card-icon {
    width: 4rem; height: 4rem;
    background-color: rgba(0, 158, 227, 0.1);
    position: absolute; top: 0; right: 0;
    border-bottom-left-radius: 9999999px;
}
.card-icon > svg { position: absolute; top: 1rem; right: 1rem; }

/* Responsividade (Celular, Tablet, Computador) */
@media screen and (max-width: 350px) { .py-hero { padding-block: 6rem; } }
@media screen and (min-width: 351px) and (max-width: 767px) { .py-hero { padding-block: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .py-hero { padding-block: 6rem; } }
@media screen and (min-width: 992px) {
    .py-hero { padding-block: 6rem; }
    .hero-img { width: 100%; height: 30rem; }
}