:root {
    --azul-athenea: #1976D2;
    --azul-hover: #4292e1;
    /* --rosado-athenea: #ee7eb5; */
    --rosado-athenea: #fea8b5;
    --rosado-athenea-btn: #b21c49;
    --rosado-athenea-btn-hover: #f73476;
    --verde-athenea: #00c652;
    --verde-hover: #36db7a;
    --charcoal-athenea: #374550;
    
    --charcoal-athenea: #fff;
}

.b-img-w{
    border-color: var(--azul-athenea) !important;
}

.bga-azul {
    letter-spacing: 1px;
    background-color: var(--azul-athenea) !important;
    border-color: var(--azul-athenea) !important;
}

.bga-azul:hover {
    background-color: var(--azul-hover) !important;
}

.bga-rosado {
    background-color: var(--rosado-athenea) !important;
}

.bga-charcoal {
    background-color: var(--charcoal-athenea) !important;
}

.bga-rosado-btn {
    letter-spacing: 1px;
    background-color: var(--rosado-athenea-btn) !important;
    border-color: var(--rosado-athenea-btn) !important;
}

.bga-rosado-btn:hover {
    background-color: var(--rosado-athenea-btn-hover) !important;
    border-color: var(--rosado-athenea-btn-hover) !important;
}

.bga-verde {
    letter-spacing: 1px;
    background-color: var(--verde-athenea) !important;
    border-color: var(--verde-athenea) !important;
}

.bga-verde:hover {
    background-color: var(--verde-hover) !important;
    border-color: var(--verde-hover) !important;
}

.bga-deg-azul-verde {
    background: rgb(0, 198, 82);
    background: linear-gradient(122deg, rgba(0, 198, 82, 1) 0%, rgba(25, 118, 210, 1) 100%);
    border: 0 !important;
}

.bga-deg-azul-verde:hover {
    background: rgb(0, 198, 82);
    background: linear-gradient(122deg, rgba(25, 118, 210, 1) 0%, rgba(0, 198, 82, 1) 100%);
}

.txt-white {
    color: #b21c49 !important;
}

.form-ta{
    display: flex;
    justify-content: center;
}

.btn-form{
    padding: .875rem !important;
    min-width: 0 !important;
}

.bolaFlotante {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #4caf50 !important;
    width: 60px !important;
    height: 60px !important;
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    border-radius: 50% !important;
    transition: ease-out 0.3s !important;
    line-height: 0 !important;
    z-index: 9;
}

.bolaFlotante:hover {
    transform: scale(1.2) !important;
    background-color: #fff !important;
    border: 2px solid #4caf50 !important;
}

/* .bolaFlotante>div>a>img {
    width: 35px !important;
} */

.bolaFlotante>img {
    width: 35px !important;
}

.tel-home{
    font-size: 18px;
    min-width: 165px !important;
    color: var(--azul-athenea);
    font-weight: bold;
    background: #ffffff;
    border-radius: 5px;
    padding: 3px 9px !important;
    cursor: pointer;
    /* letter-spacing: 0.5px; */
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    display: flex !important;
    justify-content: center;
}

img.tel-icon{
    width: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media only screen and (max-width: 900px) {
    .tel-home{
        display: inline;
        /* min-width: auto !important; */
        font-size: 15px !important;
    }
}


.circle-loader {
    margin: 0 0 30px 10px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    -webkit-animation-name: loader-spin;
    animation-name: loader-spin;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.circle-loader,
.circle-loader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    -webkit-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
}

.load-error {
    -webkit-animation: none;
    animation: none;
    border-color: red;
    -webkit-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
}

.checkmark {
    display: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.checkmark.draw:after {
    opacity: 1;
    height: 4em;
    width: 2em;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 2px solid #5cb85c;
    border-top: 2px solid #5cb85c;
    content: '';
    left: 2em;
    top: 4em;
    position: absolute;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-name: checkmark;
    animation-name: checkmark;
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
}

.checkmark.error {
    position: absolute;
    left: 2em;
    top: 2em;
    width: 4em;
    height: 4em;
}

.checkmark.error:before,
.checkmark.error:after {
    position: absolute;
    content: ' ';
    height: 4em;
    width: 2px;
    background-color: #f00;
}

.checkmark.error:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark.error:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 2em;
        opacity: 1;
    }
    40% {
        height: 4em;
        width: 2em;
        opacity: 1;
    }
    100% {
        height: 4em;
        width: 2em;
        opacity: 1;
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 2em;
        opacity: 1;
    }
    40% {
        height: 4em;
        width: 2em;
        opacity: 1;
    }
    100% {
        height: 4em;
        width: 2em;
        opacity: 1;
    }
}

.logo-classic .b-l.b-ls-l img{
    max-height: 6.75rem !important;
    margin-top: 45px !important;
}

.s-hn-default .h-f, .s-hn-slogan:not(.s-hn-sidebar) .h-f{
    min-height: 16.75rem !important;
}

@media only screen and (max-width: 450px) {
    .movil-logo{
        margin-top: 18px !important;
    }
}

@media only screen and (max-width: 412px) {
    .s-hn .n-l, .s-hn .s-c{
        height: 280px !important;
    }
}