:root {
    --violeta-claro: #fffafa;
    --violeta-secundario: #d2dbff;
    --violeta-primario: #8896ff;
    --violeta-oscuro: #313e56;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    font-family: 'Quicksand', sans-serif !important;
    background-color: var(--violeta-claro);
}

.bg-violeta-primario {
    background-color: var(--violeta-primario) !important;
}

.bg-violeta-claro {
    background-color: var(--violeta-claro);
}

.bg-violeta-oscuro {
    background-color: var(--violeta-oscuro);
}

h2 {
    font-family: 'Quicksand', sans-serif !important;
    color: var(--violeta-oscuro);
    text-transform: uppercase;
    font-weight: bold;
}

p {
    color: var(--violeta-oscuro);
    font-size: 20px;
}

p span {
    color: var(--violeta-claro);
}

#ayudarte-ike,
#somos-ike-general {
    background-color: var(--violeta-claro);
}

#somos-ike-general p {
    color: var(--violeta-primario);
}

#ayudarte-ike h4 {
    font-family: 'Quicksand', sans-serif !important;
    color: var(--violeta-primario);
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

#ayudarte-ike p.servicios {
    font-size: 16px;
    font-weight: 500 !important;
    color: var(--violeta-oscuro);
}

#somos-ike a {
    opacity: 0.5;
    scale: 0.5;
    transition: all 300ms;
}

#somos-ike a:hover {
    opacity: 1;
    scale: 1;
    transition: all 300ms;
}

#somos-ike p {
    color: var(--violeta-primario);
    font-weight: 500;
}

#somos-ike .ike-extras {
    font-weight: 500 !important;
    color: var(--violeta-primario);
}

#somos-ike img.ike-mano {
    position: relative;
    top: 15px;
}

#somos-ike p.ike-extras-serv {
    font-weight: 500 !important;
    color: var(--violeta-primario);
    border-radius: 15px;
    border: 2px solid var(--violeta-primario);
    padding: 20px;
}

#somos-ike p.ike-extras-serv span {
    font-weight: bold !important;
    color: var(--violeta-primario);
}

#footer {
    background-color: var(--violeta-oscuro);
}

#footer p {
    color: var(--violeta-claro);
    font-size: 14px !important;
}

#footer a {
    color: var(--violeta-primario);
    font-weight: bold !important;
}

.quicksand-bold {
    font-weight: bold !important;
}

.quicksand-regular {
    font-weight: 400 !important;
}

.quicksand-medium {
    font-weight: 500 !important;
}


/* FORMULARIO */

.footer {
    background-color: var(--violeta-claro);
    padding: 10px;
    border-radius: 15px;
    font-weight: bold !important;
    padding: 20px auto;
}

.bmd-form-group .form-control,
.bmd-form-group label,
.bmd-form-group input::placeholder {
    border: none;
    font-weight: bold !important;
}

.filter-option-inner-inner {
    font-weight: bold !important;
    padding: 0;
    text-transform: none;
}

.bmd-label-floating {
    color: var(--violeta-primario) !important;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active,
.dropdown-menu a:active,
.dropdown-menu a.active,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {
    background-color: var(--violeta-primario) !important;
}

.form-control,
.is-focused .form-control {
    background-image: linear-gradient(to top, var(--violeta-oscuro) 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.btn-primary {
    background-color: var(--violeta-oscuro) !important;
    color: var(--violeta-claro) !important;
    font-weight: bold !important;
}

.btn-ike-formulario {
    background-color: var(--violeta-oscuro) !important;
    color: var(--violeta-claro) !important;
    font-weight: bold !important;
    font-size: 25px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.btn {
    width: 100% !important;
}

.ike-titulos {
    font-family: 'Quicksand', sans-serif !important;
    font-weight: bold;
}

.btn .dropdown-toggle .select-with-transition .bs-placeholder {
    padding: 12px 0px !important;
}

.btn-ike-menu {
    background-color: var(--violeta-primario) !important;
    color: var(--violeta-claro) !important;
    font-weight: bold !important;
    font-size: 18px !important;
    box-shadow: none !important;
}

.btn-ike-menu:hover {
    background-color: var(--violeta-oscuro) !important;
    color: var(--violeta-claro) !important;
    font-weight: bold !important;
    font-size: 18px !important;
    box-shadow: none !important;
}

.bootstrap-select .select-with-transition,
.bootstrap-select .btn:active,
.bootstrap-select .btn.active {
    padding: 12px 0px;
}

.ayudarte-ike-vertical {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between !important;
    margin: 0 auto;
}

.ike-thankyou-p {
    color: var(--violeta-claro);
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}