﻿section.section-ingreso-inicio {
    right: 1%;
    top: calc(100% - 95%);
    width: calc(100% - 73%);
}

/*--------------------------------------------------------------
# Contenendor
--------------------------------------------------------------*/

section.section-ingreso-inicio .div-sombreado {    
    background: #ffff;
    border-radius: 10px;
    border: 15px solid #ffffff;
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

/*--------------------------------------------------------------
# Titulo login
--------------------------------------------------------------*/
@media (min-width: 1400px) { /*XXL-Large*/
    section.section-ingreso-inicio .div-sombreado p.titulo-login {
        font-size: 27px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) { /*X-Large*/
    section.section-ingreso-inicio .div-sombreado p.titulo-login {
        font-size: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) { /*Large*/
    section.section-ingreso-inicio .div-sombreado p.titulo-login {
        font-size: 15px;
    }
}

/*--------------------------------------------------------------
# Seccion Botón Iniciar Sesión
--------------------------------------------------------------*/
div.div-divider-buttons {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 25px;
}

section.section-ingreso-inicio a.btn-log {
    background: var(--color-aa5180);
    font-weight: 400;
    white-space: normal;
    font-family: Arboria-Book;
    box-shadow: 0px 4px 13px 5px rgba(185, 185, 185, 0.46);
    border-radius: 9px;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    color: #fff;
}

@media (min-width: 1400px) { /*XXL-Large*/
    section.section-ingreso-inicio a.btn-log p {
        font-size: 27px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) { /*X-Large*/
    section.section-ingreso-inicio a.btn-log p {
        font-size: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) { /*Large*/
    section.section-ingreso-inicio a.btn-log p {
        font-size: 15px;
    }
}

section.section-ingreso-inicio a.btn-log:hover {
    border: 0.5px solid var(--color-aa5180);
    color: var(--color-aa5180);
    background: #FFFFFF;
}

section.section-ingreso-inicio a.btn-log:hover > i {
    color: var(--color-aa5180);
}

section.section-ingreso-inicio a.btn-log:hover > div {
    border-left: 1px solid var(--color-aa5180);
    border-right: 1px solid var(--color-aa5180);
}

section.section-ingreso-inicio a.btn-log:active {
    color: #FFFFFF;
    background: var(--color-aa5180);
}

section.section-ingreso-inicio a.btn-log:active > i {
    color: #fff;
}

section.section-ingreso-inicio a.btn-log:active > div {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

/*--------------------------------------------------------------
# Seccion texto terminos
--------------------------------------------------------------*/
section.section-ingreso-inicio .contenedor-texto .titulo-terminos {
    color: #48494A;
    font-family: Arboria-Book;
    font-weight: 400;
    word-wrap: break-word;
    white-space: normal;
}

@media (min-width: 1400px) { /*XXL-Large*/
    section.section-ingreso-inicio .contenedor-texto .titulo-terminos {
        font-size: 17px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) { /*X-Large*/
    section.section-ingreso-inicio .contenedor-texto .titulo-terminos {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) { /*Large*/
    section.section-ingreso-inicio .contenedor-texto .titulo-terminos {
        font-size: 12px;
    }
}

section.section-ingreso-inicio .contenedor-texto .titulo-terminos span {
    color: var(--color-00809f);
    cursor: pointer;
}

@media (min-width: 1400px) { /*XXL-Large*/
    section.section-ingreso-inicio .contenedor-texto .titulo-terminos span {
        font-size: 17px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) { /*X-Large*/
    section.section-ingreso-inicio .contenedor-texto .titulo-terminos span {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) { /*Large*/
    section.section-ingreso-inicio .contenedor-texto .titulo-terminos span {
        font-size: 12px;
    }
}