@font-face {
font-family: 'Avenir-Roman';
src: url('../fonts/Avenir-Roman.otf');
font-style: normal;
font-weight: 400;
}


/*-- Variables globales --*/
:root {
--blanco: #fff;
--negro: #000;
--gris: #ccc;
/*Colores principales*/
--color1: #005b93;
--color2: #7cb5db;
/*//Colores principales*/
--color3: #7cb5db; /*Color para botones*/
--color6: #73a6c9; /*Color para focus de botones*/
--color5: #e8eaeb; /*Color para inputs*/
--color4: #dc4b13; /*Color para enlaces y subtítulos*/
--color7: #4f4c5f; /* color principal revista */
--rojo1: #8f2424;
--rojo2: #632222;
--parrafos: #3e3e3e;
--fondo1: ;
--respuesta_test_correcta: green;
--repsuesta_test_incorrecta: red;
}
/*-- //Variables globales --*/



/*-- Reset code --*/
body {
padding: 0;
margin: 0;
background: #e8eaed;
font-family: 'Avenir-Roman', 'sans-serif';
}

input[type="button"],
input[type="submit"] {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-family: 'Avenir-Roman', 'sans-serif';
}

p {
margin: 0;
padding: 0;
font-size: 16px;
letter-spacing: 1px;
line-height: 1.9;
color: var(--negro);
}

ul,
ol {
margin: 0;
margin-top: 3%;
margin-bottom: 2%;
}

label {
margin: 0;
color: var(--blanco);
}

a {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
text-decoration: none;
}

a:focus,
a:hover {
text-decoration: none;
outline: none;
color: var(--gris);
cursor: pointer !important;
}
/*-- //Reset code --*/



/*-- Generales --*/
.container-fluid {
padding: 0;
}

.row {
margin: 0;
}

#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 20px;
right: 2%;
overflow: hidden;
z-index: 999;
width: 40px;
height: 40px;
border: none;
text-indent: 100%;
background: url(../images/arrow.png) no-repeat 0px 0px;
}

#toTopHover {
width: 32px;
height: 32px;
display: block;
overflow: hidden;
float: right;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}

.btn-success {
background-color: var(--color7);
border: none;
color: var(--blanco);
border-radius: 20px !important;
-moz-border-radius: 20px !important;
-webkit-border-radius: 20px !important;
font-size: 1em !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
box-shadow: none !important;
color: var(--blanco) !important;
background-color: var(--color1) !important;
}

.color_links {
color: var(--color4);
}

.nombre_navegador {
color: #00006b;
font-weight: bold;
}

.btn-menu {
opacity: 0.5;
}

.btn-menu:hover {
cursor: pointer;
opacity: 1;
}

.border-gradient {
border: 10px solid;
border-image-slice: 1;
border-width: 10px;
}

.border-gradient-2 {
border: 10px solid;
border-image-slice: 1;
border-width: 1px;
}

.border-gradient-colors {
border-image-source: #2193b0; /* fallback for old browsers */
border-image-source: -webkit-linear-gradient(to right, #6dd5ed, #2193b0); /* Chrome 10-25, Safari 5.1-6 */
border-image-source: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera
12+, Safari 7+ */

}

.btn-enter {
padding: 8px 8px 8px 32px;
font-family: Arial, Verdana;
background: #f0f0f0 url(../images/buttons/enter.png);
background-position: 8px 8px;
background-repeat: no-repeat;
}

.title_side {
color: var(--blanco);
font-size: 1.5em;
font-weight: bold;
padding: 20px 50px 20px 10px;
background-color: var(--color1);
}
/*-- //Generales --*/



/*-- Header --*/

#header{
background-color: white;
width: 100%;
position: relative;
z-index: 10;
}

#header > aside a, #header > aside{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.5rem 0;
width: 90%;
margin: auto;
max-width: 1600px;
}

#header.header_magazine{
padding: 0;
}

#header.header_magazine > aside, #header.header_magazine > aside a{
padding: 0;
}

#header > aside img{
max-height: 8rem;
width: auto;
object-fit: contain;
}

#header.header_magazine .cont_headr_log1 img{
max-height: 2.5rem;
}

#header.header_magazine .cont_headr_log2 img{
max-height: 4rem;
}

#header aside .cont_headr_log1 img{
max-height: 3rem;
}

#header aside .cont_headr_log2 img{
max-height: 4.5rem;
}

/*-- //Header --*/



/*-- Nav --*/

/*-- //Nav --*/



/*-- Footer --*/

/*--//Footer--*/

/*-- Inicio --*/
.body_back {
/* background-color: var(--color1);*/
/* background-image: url(../images/new/fondoDesk.jpg); */
background-repeat: no-repeat;
background-size: cover;
background-color: #e8eaed;
display: flex;
height: 90vh;
}

.div_contenido{
display: flex;
max-width: 1600px;
margin: auto;
}

.df-book-wrapper{
top: 3rem;
}

.df-3dcanvas {
margin-top: 3%;
}


.df-floating .df-ui-controls{
bottom: 10px;
}

/**** inicio ***********/


img{
object-fit: contain;
width: auto;
max-width: 100%;
}

.img-fill-cnt{
width: 100%;
}

#cont_home{
display: grid;
grid-template-columns: 30% auto;
align-items: center;
}

#cont_home .question_img{
width: 60%;
margin: auto;
margin-top: 4rem;
}

#cont_home #cont_home_text{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

#cont_home .cont_buttons_home{
display: flex;
justify-content: space-evenly;
margin: auto;
margin-top: 2rem;
align-items: center;
}

#cont_home .cont_buttons_home a{
width: 40%;
display: flex;
}

#cont_home .cont_buttons_home a img{
object-fit: contain;
width: auto;
max-height: 3rem;
}

.only_desktop{
display: flex;
}

.only_tablet{
display: none;
}

.cont_box_mobile{
width: initial;
}

#login{
width: 100%;
}

#login > div{
width: 100%;
}

#login.body_back{
height: initial;
}

#gestion.body_back{
display: initial;
}

@media screen and (max-width: 900px){

#cont_home .cont_buttons_home a img{
object-fit: contain;
width: auto;
max-height: 2rem;
}

}

@media screen and (max-width: 800px){

header{
background-color: #e8eaed;
}

header aside{
justify-content: center;
}

header .cont_headr_log1{
display: none;
}

.body_back{
padding: 0;
height: initial;
}

.cont_box_mobile{
width: 80%;
margin: auto;
}

#cont_home{
grid-template-columns: 1fr;
}

#cont_home #cont_home_text{
order: -1;
}

#cont_home #cont_home_heart{
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
z-index: 1;
}

#cont_home .cont_buttons_mobile_home{
display: flex;
flex-direction: column;
}

#cont_home #bar_bottom_home{
width: 100%;
background-color: white;
padding: 1rem 0;
margin-top: -2rem;
z-index: 0;
position: relative;
}

#cont_home #bar_bottom_home .cont_box_mobile{
display: flex;
justify-content: flex-end;
}

#cont_home #bar_bottom_home img{
width: auto;
max-height: 3rem;
object-fit: contain;
}

#cont_home .question_img{
width: 100%;
margin-top: 3rem;
}

#cont_home .cont_buttons_home{
margin-top: 1rem;
flex-direction: column;
gap: 1rem;
margin-bottom: 3rem;
}

#cont_home .cont_buttons_home a{
width: 100%;
}

#cont_home .cont_buttons_home a img{
width: 80%;
max-height: initial;
margin: auto;
}

.only_desktop, #cont_home .only_desktop{
display: none;
}

.only_tablet, #cont_home .only_tablet{
display: flex;
}

body.df-lightbox-open #header{
display: none;
}

}




.modal_text_1 {
color: var(--color7);
font-size: 1.5em;
font-weight: bold;
}

.modal-header {
background-color: var(--color7);
}

.modal-header button span {
color: var(--blanco);
}
/*-- //Inicio --*/



/*-- Flipbook --*/
section.linkAnnotation a, a.linkAnnotation, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation{
background-color: var(--color1);
}
/*-- //Flipbook --*/



/*-- Login --*/
.body_img_login {
background: var(--fondo1) no-repeat 0px 0px;
background-size: cover;
min-height: 600px;
}

.login_background {
left: 0;
right: 0;
margin: 0 auto;
background: none;
width: 90%;
background-color: var(--blanco);
}

.div_login {
margin: 0 auto;
width: 80%;
padding-top: 30px;
}

.div_login legend {
color: var(--negro);
font-size: 1.9em;
font-weight: 600;
}

.div_login label {
color: var(--negro);
}

.form_button_container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.form_buttons {
margin: auto;
width: 50%;
height: 40px;
-webkit-border-radius: 20px 20px;
}

.form_field {
border-left-color: var(--blanco);
border-radius: 0;
background-color: var(--color5);
border-color: var(--color5);
color: var(--negro);
}

.form_field:disabled {
background: var(--gris);
}

.form_icon {
background-color: var(--color5);
border-color: var(--color5);
width: 50px;
padding: 0;
}

.form_icon i {
margin: auto;
color: var(--negro);
}

.form_field::placeholder {
color: var(--negro);
font-size: 14px;
}

.form_field:focus {
border-color: var(--color5);
background-color: var(--color5);
color: var(--negro);
-webkit-box-shadow: none;
box-shadow: none;
border-left-color: var(--color5);
}

.contenedor_ver_contrasena {
cursor:pointer;
position: absolute;
color: var(--blanco);
right: 2%;
bottom: 20%;
}

.contenedor_ver_contrasena i {
color: var(--negro);
}

.texto_fondo_login {
color: var(--ngero);
font-size: 14px;
}
/*-- //Login --*/



/*-- Registro --*/
.body_img_register {
background: var(--fondo1) no-repeat 0px 0px;
background-size: cover;
min-height: 800px;
}

.register_background {
left: 0;
right: 0;
margin: 0 auto;
background: none;
width: 90%;
padding-top: 50px;
padding-bottom: 100px;
margin-bottom: 5%;
}

.div_register {
margin: 0 auto;
width: 95%;
padding-top: 30px;
}

.div_register label {
color: var(--negro);
}

.register_title {
color: var(--negro);
font-size: 1.9em;
font-weight: 600;
padding-top: 10px;
}

.register_subtitle {
color: var(--negro);
font-size: 12px;
}

.register_text_bottom {
font-size: 12px;
color: var(--negro);
}
/*-- //Registro --*/



/*-- Políticas --*/
.body_back2 {
background-color: var(--color2);
min-height: 100vh;
}

.policies_text_container {
margin: 30px 60px;
}

.policies_text_container a {
cursor: auto;
}

.policies_content {
text-align: justify;
padding: 15px 30px 15px 0px;
font-size: 16px;
letter-spacing: 0px;
line-height: 1.5;
color: var(--blanco);
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

.policies_topics {
margin: 20px 0px;
text-align: justify;
}

.policies_topics span {
background-color: var(--color1);
color: #fff;
border: 0px solid #ccc;
font-weight: 200;
padding: 1% 2%;
font-size: 1.2em;
font-weight: bold;
}

.policies_content a {
color: var(--blanco);
}

.policies_content a:hover {
color: var(--gris);
}
/*-- //Políticas --*/



/*-- Contacto --*/
.titulo_contacto {
font-size: 1.8rem;
}

.descripcion_contacto {
color: var(--color4);
text-align: center;
line-height: 1.2;
}

.politicas_contacto {
font-size: 12px
}
/*-- //Contacto --*/



/*-- Webinar --*/
.fw_title {
text-align: center;
color: var(--blanco);
background-color: rgb(242, 111, 63);
padding: 30px 20px;
font-weight: bold;
}

.fw_subtitle {
color: var(--color4);
text-align: center;
line-height: 1.2;
font-size: 0.9em;
margin-top: 5px;
}

.webinar_form_label {
padding: 10px;
text-align: left;
color: var(--negro);
}

.webinar_form_label label {
color: var(--negro);
}

.webinar_form_submit {
-webkit-border-radius: 20px 20px;
width: 50%;
}

.cont-iframe {
position: relative;
width: 99%;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.r-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
/*-- //Webinar --*/



/*-- Reuniones --*/
.btn_inscrito {
background-color: var(--color1);
color: var(--blanco);
}

.btn_inscribir {
background-color: var(--color2);
color: var(--blanco);
}
/*-- //Reuniones --*/



/*-- Test --*/
.test_background {
top: 30px;
left: 0;
right: 0;
margin: 0 auto;
background: var(--gris);
width: 700px;
height: 550px;
-webkit-border-radius: 20px 20px;
}

.div_test {
top: 35px;
left: 0;
right: 0;
margin: 0 auto;
width: 650px;
padding: 25px;
}

.test {
width: 100%;
}

.texto_respuestas {
margin:0 auto;
color:#000;
font-size: 15px;
}

#pregunta_explicacion {
text-align: justify;
font-size: 12px;
word-wrap: break-word;
overflow-wrap: break-word;
}

.spanCorrecto {
color: var(--respuesta_test_correcta) !important;
}

.spanIncorrecto {
color: var(--repsuesta_test_incorrecta) !important;
}

#contenedor_loader {
position: absolute;
width: 100%;
height:100%;
left: 0;
top: 0;
display: none;
align-items: center;
background-color: #000;
z-index: 999;
opacity: 0.5;
}

.loader_pregunta{
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 120px;
height: 120px;
margin: -76px 0 0 -76px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid var(--color1);
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}

@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}

.cabecera_modal {
border: none;
background-color: var(--color2);
}

.cabecera_modal button span {
color: var(--blanco);
}

.cuerpo_modal {
text-align: center;
}

.fondo_modal {
border: none;
}

#color_progreso {
background-color: var(--color1);
}
/*-- //Test --*/



/*-- Encuesta --*/
#reloadRespuestaLibre {
display: none;
}

.cont_btn_continuar_enc {
width: 100%;
text-align: end;
}

.btn_continuar_enc {
background-color: var(--color2);
color: var(--blanco) !important;
border-radius: 60px 60px 60px 60px;
-moz-border-radius: 60px 60px 60px 60px;
-webkit-border-radius: 60px 60px 60px 60px;
border: 0px solid #ccc;
padding: 2% 10%;
font-weight: bold;
cursor: pointer;
}

.btn_continuar_enc:focus, .btn_continuar_enc:hover {
background-color: var(--color5);
}

.btn_descarga_certificado {
background-color: var(--color2);
}

.btn_descarga_certificado:focus, .btn_descarga_certificado:hover {
background-color: var(--color5);
}

.cuadro_superior_1 {
font-size: 1.7em;
font-weight: bold;
margin-top: 30px;
}
/*-- //Encuesta --*/



/*-- Gestión usuarios --*/
#gestion #contenedor-form {
background-color: var(--blanco);
}

.titulo_tabla {
text-align: center;
color: var(--negro);
}

.fondo_tabla {
background-color: var(--color2);
color: var(--blanco);
}

.thead_tabla {
background-color: var(--blanco);
}

.thead_tabla tr {
color: var(--negro)
}

.btn_autorizar {
background-color: var(--color4);
color: var(--blanco)
}

.btn_limpiar {
background-color: var(--color3);
color: var(--blanco);
}

.btn_limpiar:hover {
background-color: var(--color6);
color: var(--blanco);
}

.btn_baja {
background-color: var(--rojo1);
color: var(--blanco)
}

.btn_baja:hover {
background-color: var(--rojo2);
color: var(--blanco)
}

.descripcion_tabla {
color: var(--negro);
font-size: 14px;
text-align: center;
}

.btn_reporte {
background-color: var(--color3);
color: var(--blanco);
}

.btn_reporte:hover {
background-color: var(--color6);
color: var(--blanco);
}

.btn_reporte a {
color: var(--blanco);
}

.admin-navigation div {
float: right;
padding-right: 20px;
}

.admin-navigation a {
color: #4f4c5f !important;
background-color: transparent;
justify-content: center;
align-items: center;
text-align: center;
padding: 0.5rem 1.5rem;
border-radius: 12px;
}

.admin-navigation a:hover {
color: #e8eaed !important;
background-color: #4f4c5f;
}
/*-- //Gestión usuarios --*/



/*-- Responsive design --*/


/*Inicio*/