/*----------Inicio_Pantalla_Emergente----------*/
.AlertaCorrecto {
    z-index: 101;
    border-radius: 0.5vw;
    display: none;
    position: fixed;
    padding: .5%;
    width: auto;
    height: auto;
    top: 5%;
    right: 1%;
    border: 0.2vw solid limegreen;
    background-color: lightgreen;
    animation: .5s MostrarAlerta forwards;
}

.AlertaIncorrecto {
    z-index: 101;
    border-radius: 0.5vw;
    display: none;
    position: fixed;
    padding: .5%;
    width: auto;
    height: auto;
    top: 5%;
    right: 1%;
    background-color: #FFCDD2;
    border: 0.2vw solid red;
}

.Container_button_to_top {
    position: fixed;
    z-index: 101;
    display: block;
    bottom: 1rem;
    right: 1rem;
}

    .Container_button_to_top .button {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #fff500;
        border: none;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition-duration: 0.3s;
        overflow: hidden;
        position: relative;
    }

        .Container_button_to_top .button .svgIcon {
            width: 12px;
            transition-duration: 0.3s;
        }

    .Container_button_to_top .svgIcon path {
        fill: black;
    }

    .Container_button_to_top .button:hover {
        width: 140px;
        border-radius: 50px;
        transition-duration: 0.3s;
        background-color: black;
        align-items: center;
    }

        .Container_button_to_top .button:hover .svgIcon {
            /* width: 20px; */
            transition-duration: 0.3s;
            transform: translateY(-200%);
        }

    .Container_button_to_top .button::before {
        position: absolute;
        bottom: -20px;
        content: "Volver arriba";
        color: white;
        /* transition-duration: .3s; */
        font-size: 0px;
    }

    .Container_button_to_top .button:hover::before {
        font-size: 13px;
        opacity: 1;
        bottom: unset;
        /* transform: translateY(-30px); */
        transition-duration: 0.3s;
    }


    .Container_button_to_top .fade_out {
        opacity: 0;
        transition: opacity 0.5s;
    }

    .Container_button_to_top .fade_in {
        opacity: 1;
        transition: opacity 0.5s;
    }

@keyframes MostrarAlerta {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*#region Pantalla_Emergente */
.div_PantallaEmergente {
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
    overflow: hidden;
}

.container01_PantallaEmergente {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container02_PantallaEmergente {
    position: relative;
    width: auto;
    max-width: 34rem;
    max-height: 32rem;
    background-color: white;
    padding: 2%;
    overflow-y: auto;
}

.Container_Btn_close {
    position: absolute;
    top: 1%;
    right: 1%;
}

.Btn_close {
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    font-size: .75rem;
    width: 2rem;
    height: 1rem;
    font-weight: 100;
    background-color: rgba(0, 0, 0, .25);
    border: .1vw solid lightgrey;
    color: white;
    transition: .5s;
}

    .Btn_close:hover {
        border: .1vw solid red;
        background-color: red;
        color: white;
    }
/*#endregion */



/*----------Inicio_Textos----------*/
.titleCampos {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    margin: .5% 0%;
}

.secciones {
    font-size: 1.8rem;
    font-weight: 600;
}

.txtInicio {
    font-size: 1rem;
    text-align: center;
    margin: 1%;
}

.requeridos {
    font-weight: 600;
    font-size: 0.7rem;
    color: red;
    display: flex;
}

.subtitle {
    font-size: 1vw;
    font-weight: 100;
    padding: 2% 0%;
}
/*----------Fin_Textos----------*/



/*----------Inicio_Formularios----------*/

.formulario_table {
    height: 100%;
    width: 100%;
    border-spacing: 0.75vw;
}

    .formulario_table td {
        width: 50%;
        height: 8vh;
        vertical-align: top;
    }

.radioBL {
    text-align: center;
    border-radius: 0.5rem;
    padding: 0rem;
    width: 8.5rem;
    font-size: 0.85rem;
    cursor: pointer;
    background-color: #F2F4F4;
    border: 0.1vw solid #d1d3e2;
    height: 0.6rem;
}

    .radioBL td {
        height: 4vh;
        width: 50%;
        vertical-align: middle;
    }

    .radioBL input[type="radio"] {
        width: 0.60rem;
        height: 0.60rem;
        margin-right: 15%;
    }

.CheckBox_rela {
    text-align: center;
    border-radius: 0.5rem;
    padding: 0rem;
    width: 30rem;
    font-size: 0.85rem;
    cursor: pointer;
    background-color: #F2F4F4;
    border: 0.1vw solid #d1d3e2;
    height: 0.6rem;
}

    .CheckBox_rela td {
        height: 4vh;
        width: 24%;
        vertical-align: middle;
    }

.form_campo {
    width: 90%;
    padding: 1.5%;
    font-size: 1rem;
    background-color: #F2F4F4;
    border-radius: 1.5vw;
    height: 4vh;
    border: 0.1vw solid #d1d3e2;
}

    .form_campo:hover {
        outline: none;
        border-color: dodgerblue;
        box-shadow: 0 0 .5vw 0 rgba(87, 187, 246, 0.76);
    }

    .form_campo:focus {
        outline: none;
        border-color: dodgerblue;
        box-shadow: 0 0 .5vw 0 rgba(87, 187, 246, 0.76);
    }

.form_DropDownList {
    width: 100%;
    height: 59.75%;
    padding: 1.5%;
    font-size: .85vw;
    background-color: #F2F4F4;
    border-radius: 1.50vw;
    border: .1vw solid #d1d3e2;
}

    .form_DropDownList:hover {
        outline: none;
        border-color: dodgerblue;
        box-shadow: 0 0 .5vw 0 rgba(87, 187, 246, 0.76);
    }

    .form_DropDownList:focus {
        outline: none;
        border-color: dodgerblue;
        box-shadow: 0 0 .5vw 0 rgba(87, 187, 246, 0.76);
    }

.pager_btn {
    border: 0.1vw solid black;
    border-radius: 100vw;
    width: 7.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    height: 2.4rem;
    color: black;
    background-color: transparent;
    transition: .5s;
}

    .pager_btn:hover {
        color: white;
        background-color: black;
    }


/*----------Fin_Formularios----------*/

/*#region GridViews */
.Container_GridView {
    box-sizing: border-box;
    overflow-x: scroll;
}

    .Container_GridView::-webkit-scrollbar {
        display: none;
    }

    .Container_GridView .GridView_Table {
        box-sizing: border-box;
        border: 0.1rem solid #403b33;
        width: 100%;
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .Container_GridView .GridView_Table2 {
        box-sizing: border-box;
        border: 0.1rem solid #403b33;
        width: 100%; /* Ajusta el ancho al 85% del contenedor */
        max-width: 100%; /* Evita que la tabla exceda el ancho del contenedor */
        font-size: 1rem;
        margin: 0 auto; /* Centra la tabla dentro de su contenedor */
    }

        .Container_GridView .GridView_Table2 th {
            padding: .5rem;
            border-bottom: 0.2rem solid #403b33;
        }

        .Container_GridView .GridView_Table2 td {
            padding: .60rem;
            border: 0.1rem solid #d1d3e2;
        }

    .Container_GridView .GridView_Table th {
        padding: .5rem;
        border-bottom: 0.2rem solid #403b33;
    }

    .Container_GridView .GridView_Table td {
        padding: .75rem;
        border: 0.1rem solid #d1d3e2;
    }

.BtnGridView {
    border: .1vw solid black;
    border-radius: 100vw;
    font-size: .8rem;
    padding: .5rem;
    font-weight: 600;
    color: black;
    background-color: transparent;
    transition: .5s;
}

    .BtnGridView:hover {
        color: white;
        background-color: black;
    }
/*#endregion */


/*----------Inicio_Encabezados----------*/

/*----------Fin_Encabezados----------*/

/*----------Inicio_UsoDeDatos----------*/
.fecha_UsoDeDatos {
    font-weight: 200;
    font-size: 1vw;
    margin: 2%;
    text-align: right;
}

.title_UsoDeDatos {
    font-weight: 200;
    font-size: 1vw;
    margin: 2% 0%;
    text-align: left;
}

/*----------Fin_UsoDeDatos----------*/

/*#region Aviso_de_privacidad */
.container01_AvisoPrivacidad {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container02_AvisoPrivacidad {
    position: relative;
    vertical-align: middle;
    background-color: white;
    max-height: 70%;
    max-width: 70%;
    overflow: auto;
}

.div-AvisoPrivacidad {
    margin: 1rem;
    font-size: 1.5rem;
}

.div-AvisoPrivacidadtxt {
    padding: 5%;
    font-size: .75rem;
}

.div_AceptoAvisoPrivacidad_txt {
    padding: 2% 0%;
    font-size: 1rem;
    display: flex;
    align-items: baseline;
    white-space: nowrap;
}

    .div_AceptoAvisoPrivacidad_txt input[type="checkbox"] {
        appearance: none;
        border: .1rem solid black;
        width: 1rem;
        height: 1rem;
        margin-right: 1rem;
    }

        .div_AceptoAvisoPrivacidad_txt input[type="checkbox"]:checked {
            background-color: #50a4f5;
            border: .1rem solid dodgerblue;
            -webkit-box-shadow: 0 0 1rem .1rem #50a4f5;
            box-shadow: 0 0 1rem .1rem #50a4f5;
        }

    .div_AceptoAvisoPrivacidad_txt .btn_AvisoDePrivacidad {
        font-size: 1rem;
        background: transparent;
        font-weight: 600;
        background-image: linear-gradient(to bottom, #fff500, #fff500);
        background-position: 0 .5rem;
        background-repeat: repeat-x;
        background-size: 1rem;
    }

        .div_AceptoAvisoPrivacidad_txt .btn_AvisoDePrivacidad:hover {
            background-image: linear-gradient(to bottom, #dedede, #dedede);
            color: #606060;
        }

.dv_Btn_ContiAvisoPriva {
    display: flex;
    align-items: center;
    padding: 0% 15%;
}

.div_Pnl_AvisoPrivacidad {
    background-color: rgba(178, 176, 176, 0.416);
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 110;
}

/*#endregion */

#dv_BtnEnviarCorreo {
    padding: 0% 40%;
    display: block;
}


/*#region Loader_Pantalla_Completa */
.container_PantallaCargando {
    border-radius: 3rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 2%;
    height: 15%;
}

    .container_PantallaCargando .General_loaderContainer {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        /*#region Loader*/
        .container_PantallaCargando .General_loaderContainer .loader_container {
            position: relative;
            width: 5rem;
            height: 5rem;
            margin: 2rem;
        }

            .container_PantallaCargando .General_loaderContainer .loader_container .loader {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                border: solid 0.4rem transparent;
                border-top-color: #fff555;
                border-left-color: #fff555;
                border-radius: 100vw;
                animation: loader 1.4s linear infinite;
            }

            .container_PantallaCargando .General_loaderContainer .loader_container .loader2 {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 60%;
                height: 60%;
                border: solid 0.4rem transparent;
                border-top-color: #454545;
                border-left-color: #454545;
                border-radius: 100vw;
                animation: loader2 1.2s linear infinite;
            }
        /*#endregion */

        /*#region Text_Loader */

        .container_PantallaCargando .General_loaderContainer .loadertxt_container {
            display: flex;
        }

            .container_PantallaCargando .General_loaderContainer .loadertxt_container .txt_Cargando {
                font-size: 1.5rem;
                font-weight: 600;
                font-family: Arial, Helvetica, sans-serif;
            }
            /*#region Dots_Loader */

            .container_PantallaCargando .General_loaderContainer .loadertxt_container .loader_text {
                display: flex;
                font-size: 1.5rem;
                font-weight: 600;
                font-family: Arial, Helvetica, sans-serif;
            }

                .container_PantallaCargando .General_loaderContainer .loadertxt_container .loader_text span {
                    animation: 1s waves infinite;
                }

                    .container_PantallaCargando .General_loaderContainer .loadertxt_container .loader_text span:nth-child(2) {
                        animation-delay: -0.9s;
                    }

                    .container_PantallaCargando .General_loaderContainer .loadertxt_container .loader_text span:nth-child(3) {
                        animation-delay: -0.8s;
                    }

/*#endregion */

/*#endregion */

/*#region Animaciones */
@keyframes waves {
    0%, 40%, 100% {
        transform: translateY(0%);
    }

    20% {
        transform: translateY(-45%);
    }
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader2 {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}
/*#endregion */
/*#endregion */

/* Móviles */
@media (max-width: 480px) {
    .titleCampos {
        font-size: 0.85rem; /* Ajuste de tamaño de fuente basado en la raíz */
        margin: 2% 0%; /* Margen ajustado */
    }
    .secciones {
        font-size: 1.1rem;
        font-weight: 600;
    }

    .txtInicio {
        font-size: 0.9rem;
        text-align: center;
        margin: 1%;
    }

    .div_AceptoAvisoPrivacidad_txt input[type="checkbox"] {
        appearance: none;
        border: 0.1rem solid black;
        width: 0.7rem;
        height: 0.7rem;
        margin-right: 0.5rem;
        margin: 6px;
    }
    .div_AceptoAvisoPrivacidad_txt {
        padding: 2% 0%;
        font-size: 0.7rem;
        display: flex;
        align-items: baseline;
        white-space: nowrap;
    }
    .form_campo {
        width: 85%;
        padding: 1.5%;
        font-size: .85vw;
        background-color: #F2F4F4;
        border-radius: 1.5vw;
        height: 3vh;
        border: 0.1vw solid #d1d3e2;
    }
    .radioBL input[type="radio"] {
        width: 0.60rem;
        height: 0.60rem;
        margin-right: 15%;
    }
    .radioBL td {
        height: 2rem;
        width: 3.5rem;
        vertical-align: middle;
    }
    .radioBL {
        text-align: center;
        border-radius: 0.5rem;
        padding: 0rem;
        width: 8.5rem;
        font-size: 0.85rem;
        cursor: pointer;
        background-color: #F2F4F4;
        border: 0.1vw solid #d1d3e2;
        height: 0.6rem;
    }
    .form_campo {
        width: 85%;
        padding: 1.5%;
        font-size: .85rem;
        background-color: #F2F4F4;
        border-radius: 1.5vw;
        height: 3vh;
        border: 0.1vw solid #d1d3e2;
    }
    .Container_Btn_MenuMoviles .menu_icon span {
        width: 100%;
        height: 0.5rem;
        border-radius: 100vw;
        background-color: white;
        transition: all .4s ease;
    }
    #Container_BtnSolicitaInformacion {
        position: fixed;
        bottom: 12%;
        right: 3%;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url('../Resources/Icons/Solicita más Informarción aquí.png');
        background-size: contain;
        height: 8.5rem;
        width: 8.5rem;
    }
    .div_AceptoAvisoPrivacidad_txt .btn_AvisoDePrivacidad {
        font-size: 0.7rem;
        background: transparent;
        font-weight: 600;
        background-image: linear-gradient(to bottom, #fff500, #fff500);
        background-position: 0 .5rem;
        background-repeat: repeat-x;
        background-size: 1rem;
    }

    #dv_BtnEnviarCorreo {
        padding: 0% 35%;
    }
    .container_PantallaCargando {
        border-radius: 100vw;
        width: 13rem;
        height: 13rem;
    }

        .container_PantallaCargando .General_loaderContainer {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            /*#region Loader*/
            .container_PantallaCargando .General_loaderContainer .loader_container {
                position: relative;
                width: 100%;
                height: 100%;
                margin: 0;
            }

                .container_PantallaCargando .General_loaderContainer .loader_container .loader {
                }

                .container_PantallaCargando .General_loaderContainer .loader_container .loader2 {
                    width: 87.5%;
                    height: 87.5%;
                }
            /*#endregion */

            /*#region Text_Loader */

            .container_PantallaCargando .General_loaderContainer .loadertxt_container {
                position: absolute;
                display: flex;
                text-align: center;
                width: 50%;
            }

                .container_PantallaCargando .General_loaderContainer .loadertxt_container .txt_Cargando {
                    font-size: 1rem;
                }

                /*#region Dots_Loader */
                .container_PantallaCargando .General_loaderContainer .loadertxt_container .loader_text {
                    display: none;
                }

}

/* Tabletas */
@media (min-width: 768px) and (max-width:1023px) {
    .titleCampos {
    }
}

/* Portátiles */
@media (min-width: 1024px) and (max-width:1280px) {
    .titleCampos {
    }
}

/* Escritorio */
@media (min-width: 1281px) {
    .titleCampos {
    }
}


/*Moviles*/
/*@media (max-width: 767px) {*/
    /*#region Loader_Pantalla_Completa */
    /*.container_PantallaCargando {
        border-radius: 100vw;
        width: 13rem;
        height: 13rem;
    }

        .container_PantallaCargando .General_loaderContainer {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }*/

            /*#region Loader*/
            /*.container_PantallaCargando .General_loaderContainer .loader_container {
                position: relative;
                width: 100%;
                height: 100%;
                margin: 0;
            }

                .container_PantallaCargando .General_loaderContainer .loader_container .loader {
                }

                .container_PantallaCargando .General_loaderContainer .loader_container .loader2 {
                    width: 87.5%;
                    height: 87.5%;
                }*/
            /*#endregion */

            /*#region Text_Loader */

            /*.container_PantallaCargando .General_loaderContainer .loadertxt_container {
                position: absolute;
                display: flex;
                text-align: center;
                width: 50%;
            }

                .container_PantallaCargando .General_loaderContainer .loadertxt_container .txt_Cargando {
                    font-size: 1rem;
                }*/

                /*#region Dots_Loader */
                /*.container_PantallaCargando .General_loaderContainer .loadertxt_container .loader_text {
                    display: none;
                }*/
    /*#endregion */
    /*#endregion */
    /*#endregion */
/*}*/

/*Tabletas*/
/*@media (min-width: 768px) and (max-width:1023px) {
}*/

/*Portátiles*/
/*@media (min-width: 1024px) and (max-width:1280px) {
}*/

/*Escritorio*/
/*@media (min-width: 1281px) {
}*/