/* Google fonts */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap');

*{margin:0;padding:0;border:none;outline:0}
/*.preloader{width:100%;height:100vh;z-index:999999;background-position:center center;background-repeat:no-repeat;background-image:url(../images/preloader.gif); background-color: #000; position: fixed;}*/

body{font-size:16px;color:#333;line-height:1.7em;font-weight:400;background:#fff;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-family: 'Baloo 2', cursive;}
.author-info .author .designation,.card-about .list-style-one li,.card-home .author .designation,.fact-counter .count-outer,.header ul li a,.news-block .date,.progress-levels .progress-box .percent,.single-post .comments-area .comment .comment-reply,.single-post .comments-area .comment-box strong,h1,h2,h3,h4,h5,h6{font-family: 'Baloo 2', cursive;}
a{text-decoration:none;cursor:pointer;color:#fc6183}
a:focus,a:hover,a:visited{text-decoration:none;outline:0}
h1,h2,h3,h4,h5,h6{position:relative;font-weight:400;background:0 0;margin:0;line-height:1.6em}
h4{ font-weight: bold; font-size: 20px; line-height: 26px; margin-bottom: 10px;}
textarea{overflow:hidden}
.text{font-size:14px;position:relative;line-height:1.8em;color:#777}
.btn-style-one,.btn-style-two{line-height:22px;text-transform:uppercase;letter-spacing:.5px;font-size:14px;text-align:center}
p{margin-bottom:15px; line-height: 25px;}
::-webkit-input-placeholder{color:inherit}
::-moz-input-placeholder{color:inherit}
::-ms-input-placeholder{color:inherit}
.auto-container{position:static;max-width:1200px;padding:0 15px;margin:0 auto}
.medium-container{max-width:850px}
.page-wrapper{position:relative;margin:0 auto;width:100%;min-width:300px;background-position:center;background-repeat:repeat}
.page-wrapper.bg-lines{background-image:url(../images/icons/line.png)}
li,ul{list-style:none;padding:0;margin:0}
.social-icon-one li,.social-icon-two li{position:relative;margin-left:10px;display:inline-block}
.centered{text-align:center}.theme-btn{display:inline-block;letter-spacing:.5px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.btn-style-one{position:relative;padding:14px 30px;color:#fff;font-weight:500;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;background:#9147ff}
.btn-style-one:hover{color:#fff;background:#222}
.btn-style-two{position:relative;padding:13px 30px;color:#222;font-weight:600;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;background:0 0;border:1px solid #d9d9d9}
.btn-style-two:hover{color:#fff;background:#ff4d8e;border-color:#ff4d8e}
.social-icon-one{position:relative}
.social-icon-one li a{font-size:14px;color:#111}
.social-icon-one li a:hover{color:#1d1d1d}
.social-icon-two{position:relative}
.page-background,.preloader{position:fixed;background-color:#fff;left:0;top:0}
.social-icon-two li a{font-size:14px;color:#848484;height:45px;width:45px;text-align:center;line-height:45px;border:1px solid #dbdbdb;display:inline-block;border-radius:50%;transition:.5s ease}
.social-icon-two li a:hover{color:#9147ff}
.theme_color{color:#fc6183}
img{display:inline-block;max-width:100%;height:auto}
.page-background{overflow:hidden;width:100%;height:100%}
.page-background .banner-carousel .image{position:absolute;top:0;left:0;width:100%;height:100%}
.parallax-container{position:absolute;left:0;top:0;width:100%;height:100%}
.parallax-container .image-2{position:absolute;left:120px;top:50%}
.parallax-container .image-3{position:absolute;left:50%;top:90px}
.parallax-container .image-4{position:absolute;right:30%;top:5px}
.parallax-container .image-5{position:absolute;right:150px;bottom:50%}
.parallax-container .image-6{position:absolute;left:30%;bottom:50px}
.card-outer{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;height: 100%;width: 100%;margin-top: 100px;margin-bottom: 100px;}
.card-outer .container{position:relative}
.header{position:absolute;left:0;top:0;bottom:0;background-color:#f6f5f6;border-radius:6px 0 0 6px;transition:.5s ease;z-index:99;overflow:hidden; width: 150px; -webkit-box-shadow: 0 0 30px -5px rgb(0 0 0 / 15%); -moz-box-shadow: 0 0 30px -5px rgba(0,0,0,.15);box-shadow: 0 0 30px -5px rgb(0 0 0 / 15%);}
.section-active{overflow: hidden !important;}
h6{color: #4C49E8;}
.small-txt{color: #888; font-size: 13px; line-height: 18px;}
.section-content ul{margin-left: 40px;}
.section-content li{list-style: disc;}
.btn-otras-ediciones{background-color: #05CCB9; color: #fff; position: absolute; right: 0px; display: table; z-index: 1; border-radius: 5px 0px 0px 5px; text-align: center; padding: 10px 20px 5px 20px; text-transform: uppercase; font-weight: 700;}
.btn-otras-ediciones i{font-size: 13px; margin-right: 5px;}
.btn-otras-ediciones-m{float: left;margin-left: 200px;margin-top: 14px; text-transform: uppercase; color: #819096;letter-spacing: 3px; font-size: 12px; z-index: 1; position: absolute;}
.btn-otras-ediciones-m:hover{color: #0CCCB9;}

/*INFO PORTADA*/
.author h1{color: #fff; font-weight: 700; text-transform: uppercase; font-size: 60px; line-height: 60px; margin-top: 20px;}
.author h3{color: #fff !important;}
.edicion h5{color: #414151;  background: #fff; display: table; margin: 0 auto; padding: 3px 15px 1px 15px; border-radius: 100px; font-weight: 500;}
.edicion {margin-top: 15px;}

/*ICONOS*/
.icon-mic, .icon-lightbulb, .icon-clipboard, .icon-trophy{font-size: 24px;}
.icon-megaphone, .icon-heart, .icon-newspaper, .icon-pencil{font-size: 20px;}

/*SCROLL*/
.scroll-content {padding: 1rem 1.5rem;height: 650px;overflow: auto;}
.scroll-content p:not(:last-child) {margin-bottom: 1rem;}
/* Tamaño del scroll */
.scroll-content::-webkit-scrollbar {width: 4px;}
 /* Estilos barra (thumb) de scroll */
.scroll-content::-webkit-scrollbar-thumb {background: #06CCB9;border-radius: 4px;}
.scroll-content::-webkit-scrollbar-thumb:active {background-color: #999999;}
.scroll-content::-webkit-scrollbar-thumb:hover {background: #b3b3b3;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);}
/* Estilos track de scroll */
.scroll-content::-webkit-scrollbar-track {background: #e1e1e1;border-radius: 4px;}
.scroll-content::-webkit-scrollbar-track:hover, .scroll-content::-webkit-scrollbar-track:active {background: #d4d4d4;}

.header ul{text-align:center}
.header ul li{position:relative;min-width:80px}
.header ul li a.logo{line-height:54px}
.header ul li a{position:relative;color:#212121;padding:16px 10px;display:block;font-size:16px;background-color:#f6f6f6;/*background-image:url(../images/resource/menu-bg.jpg);*/background-position:right center;background-repeat:repeat-y;z-index:99;line-height: 18px;}
.header ul li a:before{position:absolute;content:'';background-color:#e0e0e0;/*background-image:url(../images/resource/menu-border.jpg);*/background-position:right center;background-repeat:no-repeat;height:1px;width:100%;right:0;bottom:0}
.header ul li:last-child a:before{display:none}
.header ul li a i{display:block;color:#838383;font-size:22px;margin-bottom:3px}
.header ul li.active a{background-color:#fff;/*background-image:url(../images/resource/menu-bg-2.jpg);*/ color: #DA3BB2; width: 100%;}

#contenido h2 {font-weight: 700; color: #333; font-size: 40px;}
#contenido h2 span {color: #06CCB9;}

/*LITY*/
.lity {z-index: 9990;position: fixed;top: 0;right: 0;bottom: 0;left: 0;white-space: nowrap;background: #0b0b0b;background: rgba(0, 0, 0, 0.9);outline: none !important;opacity: 0;-webkit-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.lity.lity-opened {opacity: 1;}
.lity.lity-closed {opacity: 0;}
.lity * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.lity-wrap {z-index: 9990;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: center;outline: none !important;}
.lity-wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
.lity-loader {z-index: 9991;color: #fff;position: absolute;top: 50%;margin-top: -0.8em;width: 100%;text-align: center;font-size: 14px;
font-family: Arial, Helvetica, sans-serif;opacity: 0;-webkit-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.lity-loading .lity-loader {opacity: 1;}
.lity-container {z-index: 9992;position: relative;text-align: left;vertical-align: middle;display: inline-block;white-space: normal;max-width: 100%;max-height: 100%;outline: none !important;}
.lity-content {z-index: 9993;width: 100%;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.3s ease;transition: -webkit-transform 0.3s ease;-o-transition: -o-transform 0.3s ease;transition: transform 0.3s ease;transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;}
.lity-loading .lity-content, .lity-closed .lity-content {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
.lity-content:after {content: '';position: absolute;left: 0;top: 0;bottom: 0;display: block;right: 0;width: auto;height: auto;z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}
.lity-close {z-index: 9994;width: 35px;height: 35px;position: fixed;right: 0;top: 0;-webkit-appearance: none;cursor: pointer;text-decoration: none;text-align: center;padding: 0;color: #fff;font-style: normal;font-size: 35px;font-family: Arial, Baskerville, monospace;line-height: 35px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);border: 0;background: none;outline: none;-webkit-box-shadow: none;box-shadow: none;}
.lity-close::-moz-focus-inner {border: 0;padding: 0;}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {text-decoration: none;text-align: center;padding: 0;color: #fff;font-style: normal;font-size: 35px;font-family: Arial, Baskerville, monospace;line-height: 35px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);border: 0;background: none;outline: none;-webkit-box-shadow: none;box-shadow: none;}
.lity-close:active {top: 1px;}
/* Image */
.lity-image img {max-width: 100%;display: block;line-height: 0;border: 0;}
/* iFrame */
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container,
.lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {width: 100%;max-width: 964px;}
.lity-iframe-container {width: 100%;height: 0;padding-top: 56.25%;overflow: auto;pointer-events: auto;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-overflow-scrolling: touch;}
.lity-iframe-container iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000;}
.lity-hide {display: none;}

/*NUESTRA VOZ*/
#nuestra-voz h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px;}
#nuestra-voz-m h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px; margin-bottom: 20px;}
#nuestra-voz .img-nuestra-voz {width: 45%; float: left; margin-right: 15px; border-radius: 10px;}
#nuestra-voz .section-content ul{margin-bottom:15px;}
#nuestra-voz i{color: #05CCB9;font-size: 16px; font-weight: bold;}
#nuestra-voz-m i{color: #05CCB9;font-size: 16px; font-weight: bold;}
#nuestra-voz-m ul{margin-left: 40px; margin-bottom: 20px;}
#nuestra-voz-m li{list-style: disc;}

/*PREGUNTELE AL EXPERTO*/
#preguntele h3 {font-size:30px; font-weight: 600; line-height: 36px; margin-bottom: 20px; }
.profesor-container{background: #4B49E7; border-radius: 20px; text-align: left; padding: 30px; color: #fff; margin-bottom: 15px; margin-top: 15px; height: 260px; display: table; width: 100%;}
.alinear-contenido{vertical-align: middle; display: table-cell;}
.profesor-container h3{font-weight: 700;}
.profesor-container h4{font-weight: 700;}
.wp-block-image.is-style-rounded img {border-radius: 9999px;}
#preguntele-m h3{font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px;}
#preguntele h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px;}
#preguntele-m h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px; margin-bottom: 20px;}
#preguntele i{color: #05CCB9;font-size: 16px; font-weight: bold;}
#preguntele-m i{color: #05CCB9;font-size: 16px; font-weight: bold;}
.plus{padding-top: 35px;}
#preguntele ul{margin-left: 20px;}
#preguntele li{list-style: disc; color: #DA39B3;}
#preguntele span{color: #333;}
#preguntele .wp-block-image{float: left; margin-right: 20px;}
#preguntele .wp-block-image img {width: 180px;}
.btn-boletin {background-color: #4C49E8; color: #fff; border-radius: 100px; font-weight: 700; text-transform: uppercase; font-size: 13px; padding: 5px 15px;}
.btn-boletin:hover{color: #fff; background-color: #333;}
.btn-boletin:focus{color: #fff;}
.entrevistado-container-preguntele{background: #dee2eb; border-radius: 20px; text-align: left; padding: 30px; color: #333; margin-bottom: 40px; margin-top: 15px; display: table;}
.entrevistado-container-preguntele h3{font-weight: 700 !important; font-size: 26px !important; margin-bottom: 0px !important;}
.entrevistado-container-preguntele h4{font-weight: 600; line-height: 20px; margin-bottom: 10px; font-size: 16px;}
.entrevistado-container-preguntele img {border-radius: 15px; float: left; width: 32%; margin-right: 15px; border: 5px solid #fff;}

/*OPINIÓN*/
#opinion h3 {font-size:30px; font-weight: 600; line-height: 36px; margin-bottom: 20px;}
#opinion h6 {font-size:24px; font-weight: 600; line-height: 36px; margin-bottom: 20px;}
#opinion-m h3{font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px;}
#opinion h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px;}
#opinion-m h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px; margin-bottom: 20px;}
#opinion-m h6{font-size: 24px; font-weight: bold;}
#opinion p i{color: #05CCB9;font-size: 16px; font-weight: bold;}
#opinion-m p i{color: #05CCB9;font-size: 16px; font-weight: bold;}

.entrevistado-container{background: #dee2eb; border-radius: 20px; text-align: left; padding: 30px; color: #333; margin-bottom: 40px; margin-top: 15px; display: table; padding-bottom: 21px; width: 100%;}
.entrevistado-container h3{font-weight: 700 !important; font-size: 26px !important; margin-bottom: 0px !important;}
.entrevistado-container h4{font-weight: 600; line-height: 20px; margin-bottom: 10px; font-size: 16px;}
.entrevistado-container img {border-radius: 15px; float: left; width: 25%; margin-right: 15px; border: 5px solid #fff;}
.entrevistado-container p{line-height: 21px;}
.btn-entrevistado{display: table;background-color: #4C49E8;padding: 2px 20px 0px 20px;border-radius: 50px;color: #fff;text-decoration: none;font-weight: 700;justify-content: center;text-align: center;letter-spacing: 3px;font-size: 12px;text-transform: uppercase; float: right;}
.btn-entrevistado:hover{color: #fff; background-color: #315A8C !important;}
.btn-entrevistado:focus{color: #fff;}

.pregunta-boletin { position: relative; margin: 32px 0; padding: 24px 28px 24px 72px; background: #e4f5f5; border-left: 5px solid #04CCB9; border-radius: 4px 14px 14px 4px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06); box-sizing: border-box; } 
.pregunta-boletin .pregunta-icono { position: absolute; left: 18px; top: 22px; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #04CCB9; color: #ffffff; border-radius: 50%; font-size: 17px; } 
.pregunta-boletin .pregunta-label { display: block; margin-bottom: 9px; color: #04aF9f; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .pregunta-boletin .pregunta-texto { margin: 0; color: #41484a; font-size: 19px; line-height: 1.55; font-weight: 600; } 
.pregunta-boletin .pregunta-tema { display: block; margin-top: 14px; color: #7a8183; font-size: 14px; font-weight: 500; font-style: italic; } 
.pregunta-boletin .pregunta-tema::before { content: "— "; color: #04CCB9; font-weight: 700; } 
@media (max-width: 600px) { 
.pregunta-boletin { padding: 20px 20px 20px 60px; } 
.pregunta-boletin .pregunta-texto { font-size: 17px; } 
.pregunta-boletin .pregunta-icono { left: 14px; top: 18px; width: 34px; height: 34px; } 
}

.pregunta-editorial { position: relative; margin: 40px 0; padding: 30px 35px 30px 55px; background: #ffffff; border-top: 1px solid #dfe5e5; border-bottom: 1px solid #dfe5e5; box-sizing: border-box; overflow: hidden; } 
.pregunta-editorial::before { content: "\f059"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: 25px; bottom: -25px; font-size: 110px; color: #04CCB9; opacity: 0.08; } 
.pregunta-editorial .pregunta-label { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; color: #04AFA0; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } 
.pregunta-editorial .pregunta-label i { font-size: 14px; } 
.pregunta-editorial .pregunta-texto { position: relative; z-index: 1; margin: 0; max-width: 900px; color: #3F4648; font-size: 20px; line-height: 1.6; font-weight: 600; } 
.pregunta-editorial .pregunta-tema { display: inline-block; margin-top: 18px; color: #7B8385; font-size: 14px; font-style: italic; } 
.pregunta-editorial .pregunta-tema::before { content: ""; display: inline-block; width: 28px; height: 2px; margin-right: 9px; vertical-align: middle; background: #04CCB9; } 
@media (max-width: 600px) { 
.pregunta-editorial { padding: 25px 22px; } 
.pregunta-editorial .pregunta-texto { font-size: 17px; } 
}

.pregunta-conversacion { display: flex; gap: 20px; margin: 35px 0; padding: 24px; background: #F3F8F7; border-radius: 18px; box-sizing: border-box; } 
.pregunta-conversacion .pregunta-icono { flex: 0 0 48px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: #04CCB9; color: #ffffff; border-radius: 14px; font-size: 20px; box-shadow: 0 5px 12px rgba(4, 204, 185, 0.18); } 
.pregunta-conversacion .pregunta-contenido { flex: 1; } .pregunta-conversacion .pregunta-label { display: block; margin-bottom: 8px; color: #04AFA0; font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } 
.pregunta-conversacion .pregunta-texto { margin: 0; color: #3F4648; font-size: 18px; line-height: 1.55; font-weight: 600; } 
.pregunta-conversacion .pregunta-tema { display: inline-block; margin-top: 13px; padding: 5px 11px; background: #ffffff; border-radius: 20px; color: #737C7E; font-size: 12px; font-weight: 600; } .pregunta-conversacion .pregunta-tema i { margin-right: 5px; color: #04CCB9; } 
@media (max-width: 600px) { 
.pregunta-conversacion { gap: 14px; padding: 18px; } 
.pregunta-conversacion .pregunta-icono { flex-basis: 40px; width: 40px; height: 40px; font-size: 17px; } 
.pregunta-conversacion .pregunta-texto { font-size: 17px; } 
}

.pregunta-institucional { position: relative; margin: 38px 0; padding: 25px 30px 25px 30px; background: #ffffff; border: 1px solid #E2E7E7; border-radius: 8px; box-sizing: border-box; } .pregunta-institucional::before { content: ""; position: absolute; left: -1px; top: 20px; bottom: 20px; width: 4px; background: #04CCB9; border-radius: 0 4px 4px 0; } 
.pregunta-institucional .pregunta-cabecera { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; } 
.pregunta-institucional .pregunta-icono { color: #04CCB9; font-size: 17px; } 
.pregunta-institucional .pregunta-label { color: #555E60; font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } 
.pregunta-institucional .pregunta-texto { margin: 0; color: #40484A; font-size: 19px; line-height: 1.6; font-weight: 600; } 
.pregunta-institucional .pregunta-tema { display: flex; align-items: center; gap: 8px; margin-top: 16px; padding-top: 13px; border-top: 1px solid #E9EEEE; color: #7A8385; font-size: 13px; font-weight: 500; } 
.pregunta-institucional .pregunta-tema i { color: #04CCB9; font-size: 11px; } 
@media (max-width: 600px) { 
.pregunta-institucional { padding: 22px 20px 22px 24px; } 
.pregunta-institucional .pregunta-texto { font-size: 17px; } 
}

/*RECOMENDADOS*/
h3.sub-recomendados {font-size:30px; font-weight: 600; line-height: 36px; margin-bottom: 20px;}
#recomendados h3{font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px;}
#recomendados-m h3{font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px;}
#recomendados h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px;}
#recomendados-m h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px; margin-bottom: 20px;}
#recomendados .fuentes {font-size: 10px; display: none;}
#recomendados .fuentes ul{font-size: 10px; line-height: 12px; margin-left: 10px;}

.tarjetas-recomendados { max-width: 1000px; margin: 35px auto; font-family: inherit; }
.tarjeta-recomendados { position: relative; display: flex; gap: 22px; margin-bottom: 18px; padding: 24px; background: #ffffff; border: 1px solid #E4EAEA; border-radius: 14px; box-sizing: border-box; /* Sombra sobre fondo #DEE2EB */ box-shadow: 0 2px 5px rgba(55, 65, 81, 0.08), 0 8px 20px rgba(55, 65, 81, 0.10); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
.tarjeta-recomendados:hover { border-color: #B8EAE5; box-shadow: 0 4px 8px rgba(55, 65, 81, 0.10), 0 12px 28px rgba(55, 65, 81, 0.14); transform: translateY(-2px);  border-width: 2px;}
.tarjeta-recomendados-icono { flex: 0 0 54px; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; background: #E8FAF8; color: #04CCB9; border-radius: 14px; font-size: 22px; margin-bottom: 10px;}
.tarjeta-recomendados-contenido { flex: 1; min-width: 0; }
.tarjeta-recomendados-titulo { display: flex; align-items: baseline; gap: 9px; margin: 0 0 10px 0; color: #353D3F; font-size: 22px !important; line-height: 24px !important; font-weight: 700; }
.tarjeta-recomendados-numero { color: #04CCB9; font-size: 18px; font-weight: 800; }
.tarjeta-recomendados-descripcion { margin: 0;font-size: 16px; line-height: 1.65; }
.tarjeta-recomendados-enlace { display: inline-flex; align-items: center; gap: 7px; margin-top: 15px; color: #04AFA0; font-size: 13px; font-weight: 700; text-decoration: none; transition: color 0.2s ease; } 
.tarjeta-recomendados-enlace:hover { color: #038F83; text-decoration: underline; } 
.tarjeta-recomendados-enlace i { font-size: 11px; } 
@media (max-width: 600px) { 
.tarjeta-recomendados { gap: 15px; padding: 19px; } 
.tarjeta-recomendados-icono { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 11px; font-size: 18px; } 
.tarjeta-recomendados-titulo { font-size: 17px; } 
.tarjeta-recomendados-descripcion { font-size: 14px; line-height: 1.6; } 
}

/*TIPS*/
#tips h3 {font-size:30px; font-weight: 600; line-height: 36px; margin-bottom: 20px;}
#tips-m h3{font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px;}
#tips h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px;}
#tips-m h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px; margin-bottom: 20px;}
#tips i{color: #05CCB9;font-size: 16px; font-weight: bold;}
#tips-m i{color: #05CCB9;font-size: 16px; font-weight: bold;}

/*COMPONENTE TIPS*/
.tips-ia {--tips-teal: #04CCB9; --tips-purple: #4C49E8; --tips-pink: #333; --tips-ink: #202443; --tips-muted: #333; font-family: inherit; color: var(--tips-ink); width: 100%; max-width: 100%; margin: 0 auto; box-sizing: border-box;}
.tips-ia *, .tips-ia *::before, .tips-ia *::after {box-sizing: border-box;}
.tips-ia button {font: inherit;}
.tips-heading {text-align: center; max-width: 760px; margin: 0 auto 34px;}
.tips-eyebrow, .tips-card-tag, .tips-modal-kicker, .tips-warning-label {display: block; font-size: 13px; font-weight: 800; letter-spacing: 1.6px;}
.tips-eyebrow {color: var(--tips-purple); margin-bottom: 12px;}
.tips-heading h2 {margin: 0; font-size: clamp(26px, 4vw, 40px); line-height: 1.16; letter-spacing: -1.2px; font-weight: 800; color: var(--tips-ink);}
.tips-heading > p {max-width: 600px; margin: 14px auto 0; font-size: 15px; line-height: 1.8; color: var(--tips-muted);}
.tips-heading-line {display: block; width: 68px; height: 4px; margin: 20px auto 0; border-radius: 9px; background: linear-gradient(90deg, var(--tips-teal), var(--tips-purple));}
/*CARDS*/
.tips-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch;}
.tips-card {--tips-accent: var(--tips-teal); position: relative; display: flex; flex-direction: column; align-items: flex-start; text-align: left; min-width: 0; min-height: 290px; overflow: hidden; isolation: isolate; padding: 27px 25px 23px; border: 1px solid #E7EAF4; border-radius: 23px; background: linear-gradient(150deg, #FFFFFF 35%, #F1FCFA 100%); box-shadow: 0 8px 28px rgba(41, 48, 100, .055); color: var(--tips-ink); cursor: pointer; transition: transform .28s ease, box-shadow .28s ease,border-color .28s ease;}
.tips-card-students {--tips-accent: #04AFA3; background: linear-gradient(145deg, #FFFFFF 25%, #EAFBF8 100%);}
.tips-card-teachers {--tips-accent: #4C49E8; background: linear-gradient(145deg, #FFFFFF 25%, #F0EFFF 100%);}
/*ADMINISTRATIVOS: COLOR ACTUALIZADO*/
.tips-card-admin {--tips-accent: #DB39B7; background: linear-gradient(145deg, #FFFFFF 25%, #FFF0FA 100%); border-color: #F4D7ED;}
.tips-card:hover {transform: translateY(-7px); border-color: var(--tips-accent); box-shadow: 0 18px 40px rgba(58, 55, 150, .12);}
.tips-card:focus-visible, .tips-close:focus-visible {outline: 3px solid var(--tips-teal); outline-offset: 4px;}
.tips-card-glow {position: absolute; z-index: -1; top: -90px; right: -80px; width: 190px; height: 190px; border-radius: 50%; background: var(--tips-accent); opacity: .08; filter: blur(3px); transition: transform .35s ease, opacity .35s ease;}
.tips-card:hover .tips-card-glow {transform: scale(1.35); opacity: .14;}
.tips-card-top {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; margin-bottom: 27px;}
.tips-icon {width: 59px; height: 59px; display: grid; place-items: center; border-radius: 18px; color: var(--tips-accent); background: #FFFFFF; box-shadow: 0 5px 18px rgba(47, 52, 112, .08);}
.tips-icon svg, .tips-warning-icon svg {width: 33px; height: 33px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.tips-number {color: var(--tips-accent); opacity: .75; font-size: 16px; font-weight: 800; letter-spacing: 1px;}
.tips-card-tag {color: var(--tips-accent); font-size: 11px; letter-spacing: 1.15px; margin-bottom: 10px;}
.tips-card-title {display: block; font-size: clamp(23px, 2.4vw, 23px); line-height: 1.2; letter-spacing: -.6px; font-weight: 800; margin-bottom: 12px; color: #333;}
.tips-card-description {display: block; color: var(--tips-muted); font-size: 16px; line-height: 24px; margin-bottom: 25px;}
.tips-card-bottom {display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 8px; margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(91, 102, 145, .13); color: var(--tips-accent); font-size: 15px; font-weight: 750; line-height: 15px;}
.tips-arrow {display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 50%; background: var(--tips-accent); color: #FFFFFF; font-size: 18px; transition: transform .25s ease;}
.tips-card:hover .tips-arrow {transform: rotate(45deg);}
/*PRÁCTICAS NO ADMITIDAS*/
.tips-warning {position: relative; overflow: hidden; margin-top: 32px; padding: clamp(22px, 4vw, 38px); border: 1px solid #F0DCD8; border-radius: 25px; background: radial-gradient(ellipse at 100% 0%, rgba(244, 173, 158, .17), transparent 42%),linear-gradient(135deg, #FFFCFB 0%, #FFF7F5 100%);}
.tips-warning-head {display: grid; grid-template-columns: 60px minmax(0, 1fr); align-items: start; gap: 18px; margin-bottom: 25px;}
.tips-warning-icon {display: grid; place-items: center; width: 60px; height: 60px; color: #BD5B4E; background: #FBE8E3; border: 1px solid #F4D5CF; border-radius: 18px;}
.tips-warning-label {color: #AE6257; margin: 2px 0 7px; font-size: 11px;}
.tips-warning-head h3 {margin: 0; color: #773E39; font-size: clamp(23px, 3vw, 23px) !important; font-weight: 800 !important; letter-spacing: -.7px; margin-bottom: 0px !important;}
.tips-warning-head p {max-width: 760px; color: #333; font-size: 16px; line-height: 1.75; margin: 10px 0 0;}
.tips-warning-list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
.tips-warning-item {display: grid; grid-template-columns: 35px minmax(0, 1fr); align-items: start; gap: 12px; padding: 17px; border: 1px solid rgba(222, 182, 174, .5); border-radius: 15px; background: rgba(255, 255, 255, .75);}
.tips-warning-number {display: grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; background: #FBE8E3; color: #A94D43; font-size: 16px; font-weight: 800;}
.tips-warning-item h4 {color: #793F39; font-size: 16px; line-height: 1.45; font-weight: 800; margin: 1px 0 6px;}
.tips-warning-item p {color: #333; font-size: 16px; line-height: 1.7; margin: 0;}
.tips-warning-footer {display: flex; align-items: center; gap: 11px; margin-top: 21px; padding: 15px 18px; border-radius: 13px; background: rgba(246, 225, 220, .65);}
.tips-footer-symbol {display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: #B45B50; color: #FFFFFF; font-size: 14px; font-weight: 800;}
.tips-warning-footer p {margin: 0; color: #793F39; font-size: 13px; font-weight: 650; line-height: 1.6;}

/*VENTANAS EMERGENTES*/
.tips-modal[aria-hidden="false"] {display: flex !important;position: fixed !important;inset: 0 !important;z-index: 2147483000 !important;align-items: center !important;justify-content: center !important;visibility: visible !important;opacity: 1 !important;pointer-events: auto !important;}
.tips-modal[aria-hidden="false"] .tips-modal-panel {display: block !important;position: relative !important;z-index: 1 !important;visibility: visible !important;opacity: 1 !important;transform: none !important;width: min(92vw, 720px) !important;max-width: 92vw !important;max-height: 88vh !important;overflow-y: auto !important;box-sizing: border-box !important;flex: 0 1 auto !important;}
.boletin-modal.boletin-modal-activo {display: flex !important;position: fixed !important;inset: 0 !important;z-index: 2147483000 !important;align-items: center !important;justify-content: center !important;visibility: visible !important;opacity: 1 !important;pointer-events: auto !important;}
.boletin-modal.boletin-modal-activo .boletin-modal-contenido {display: block !important;position: relative !important;z-index: 1 !important;visibility: visible !important;opacity: 1 !important;transform: none !important;width: min(92vw, 760px) !important;max-width: 92vw !important;max-height: 88vh !important;overflow-y: auto !important;box-sizing: border-box !important;flex: 0 1 auto !important;}
@media (max-width: 767px) {
.tips-modal[aria-hidden="false"] .tips-modal-panel, .boletin-modal.boletin-modal-activo .boletin-modal-contenido {width: 92vw !important;max-width: 92vw !important;max-height: 85vh !important;margin: auto !important;}
}

/* Scroll degradado */
.tips-ia .tips-modal-panel::-webkit-scrollbar{width:10px}
.tips-ia .tips-modal-panel::-webkit-scrollbar-track{margin:10px 2px;background:linear-gradient(180deg,#F1F0FF,#E9FCF9);border-radius:20px}
.tips-ia .tips-modal-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4C49E8,#8174F1 48%,#04CCB9);border:2px solid #F0EFFA;border-radius:20px}
.tips-ia .tips-modal-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3834C9,#6556E4 48%,#03AFA2)}
/* Móviles */
@media(max-width:560px){
.tips-ia .tips-modal{padding:12px}
.tips-ia .tips-modal-panel{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:16px}
.tips-ia .tips-modal-panel::-webkit-scrollbar{width:6px}
}
/* Pantallas con poca altura */
@media(max-height:520px){
.tips-ia .tips-modal{align-items:flex-start;padding-top:12px;padding-bottom:12px}
.tips-ia .tips-modal-panel{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin-top:0;margin-bottom:0}
}
.tips-modal[aria-hidden="true"] {display: none;}
.tips-modal {position: fixed; z-index: 99999; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; overflow-y: auto; overscroll-behavior: contain; background: rgba(20, 22, 48, .66); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); animation: tips-fade-in .22s ease both;}
.tips-modal-panel {position: relative; width: 100%; max-width: 700px; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow-y: auto; overscroll-behavior: contain; border-radius: 23px; background: #FFFFFF; box-shadow: 0 28px 100px rgba(12, 15, 46, .28); animation: tips-modal-in .28s ease both;}
.tips-modal-header {position: relative; overflow: hidden; padding: 32px 34px 28px; color: #FFFFFF; background: linear-gradient(125deg, #087F7A 0%, #04CCB9 100%); border-radius: 20px 20px 0px 0px}
.tips-modal-students {background: linear-gradient(125deg, #087F7A, #04CCB9);}
.tips-modal-teachers {background: linear-gradient(125deg, #3731B8, #7167F5);}
/*ADMINISTRATIVOS: CABECERA MAGENTA*/
.tips-modal-admin {background: linear-gradient(125deg, #A91A86 0%, #DB39B7 100%);}
.tips-modal-header::after {content: ""; position: absolute; width: 220px; height: 220px; right: -65px; top: -120px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 50%; box-shadow: 0 0 0 22px rgba(255,255,255,.06),
0 0 0 45px rgba(255,255,255,.04); pointer-events: none;}
.tips-modal-symbol {position: absolute; right: 27px; bottom: 14px; color: rgba(255,255,255,.18); font-size: 80px; line-height: 1; font-weight: 900; pointer-events: none;}
.tips-modal-kicker {position: relative; z-index: 1; color: rgba(255, 255, 255, .9); font-size: 10px;}
.tips-modal-header h3 {position: relative; z-index: 1; margin: 10px 45px 6px 0; color: #FFFFFF; font-size: clamp(28px, 5vw, 36px); line-height: 1.2; letter-spacing: -.8px; font-weight: 700 !important;}
.tips-modal-header > p {position: relative; z-index: 1; margin: 0; color: rgba(255, 255, 255, .95); font-size: 16px; line-height: 1.65;}
.tips-close {position: absolute; z-index: 3; top: 17px; right: 17px; display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: #FFFFFF; background: rgba(255,255,255,.14); font-size: 27px; line-height: 1; cursor: pointer; transition: background .2s ease, transform .2s ease;}
.tips-close:hover {background: rgba(255,255,255,.28); transform: rotate(90deg);}
.tips-modal-body {padding: 12px 30px 22px;}
.tips-tip {display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: start; gap: 15px; padding: 20px 0; border-bottom: 1px solid #ECEEF5;}
.tips-tip:last-child {border-bottom: 0;}
.tips-tip-icon {display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; color: var(--tips-purple); background: #F0EFFF; font-size: 17px; font-weight: 800;}
.tips-tip h4 {margin: 1px 0 7px; color: var(--tips-ink); font-size: 20px; font-weight: 800; line-height: 1.5;}
.tips-tip p {margin: 0; color: #333; font-size: 16px; line-height: 1.85; overflow-wrap: anywhere;}
.tips-modal-footer {margin: 0 30px 25px; padding: 15px 18px; border-radius: 12px; background: linear-gradient(90deg, #EEFBF9, #F3F1FF); color: #4845A0; text-align: center; font-size: 12px; font-weight: 750; line-height: 1.6;}

/*ANIMACIONES*/
@keyframes tips-fade-in {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes tips-modal-in {
from {opacity: 0; transform: translateY(16px) scale(.985);}
to {opacity: 1; transform: translateY(0) scale(1);}
}
/*TABLETAS*/
@media (max-width: 900px) {
.tips-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
.tips-card {min-height: 270px; padding: 23px 21px;}
.tips-card:last-child {grid-column: 1 / -1; min-height: 235px;}
.tips-warning-list {grid-template-columns: 1fr;}
}
/*MÓVILES*/
@media (max-width: 560px) {
.tips-ia {padding: 12px 8px;}
.tips-heading {margin-bottom: 24px;}
.tips-heading h2 {letter-spacing: -.6px;}
.tips-heading > p {font-size: 14px; line-height: 1.75;}
.tips-grid {grid-template-columns: minmax(0, 1fr); gap: 14px;}
.tips-card, .tips-card:last-child {grid-column: auto; min-height: 0; padding: 23px; border-radius: 19px;}
.tips-card-top {margin-bottom: 21px;}
.tips-card-title {font-size: 26px;}
.tips-card-description {margin-bottom: 19px;}
.tips-warning {margin-top: 22px; padding: 20px 15px; border-radius: 19px;}
.tips-warning-head {grid-template-columns: 45px minmax(0, 1fr); gap: 12px; margin-bottom: 20px;}
.tips-warning-icon {width: 45px; height: 45px; border-radius: 13px;}
.tips-warning-icon svg {width: 26px; height: 26px;}
.tips-warning-head h3 {font-size: 23px;}
.tips-warning-item {grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding: 14px 11px;}
.tips-warning-number {width: 29px; height: 29px;}
.tips-warning-footer {align-items: flex-start; padding: 13px;}
.tips-modal {padding: 10px; align-items: center;}
.tips-modal-panel {max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); border-radius: 19px;}
.tips-modal-header {padding: 27px 21px 24px;}
.tips-modal-header h3 {font-size: 29px;}
.tips-modal-body {padding: 8px 20px 15px;}
.tips-tip {grid-template-columns: 31px minmax(0, 1fr); gap: 11px; padding: 17px 0;}
.tips-tip-icon {width: 31px; height: 31px; border-radius: 10px;}
.tips-tip p {font-size: 13px; line-height: 1.8;}
.tips-modal-footer {margin: 0 20px 20px; padding: 13px;}
}
/*ACCESIBILIDAD*/
@media (prefers-reduced-motion: reduce) {
.tips-ia *,
.tips-ia *::before,
.tips-ia *::after {animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important;}
}
/*=========================================
SCROLL PERSONALIZADO — MODAL TIPS
Degradado violeta + turquesa
=========================================*/

/* Modal: sin scroll interno */
.tips-ia .tips-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:rgba(17,15,39,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.tips-ia .tips-modal.is-open{display:flex}
.tips-ia .tips-modal[hidden]{display:none!important}

/* Panel: contenido completo, sin scroll propio */
.tips-ia .tips-modal-panel{position:relative;flex:0 1 700px;width:100%;max-width:700px;min-width:0;max-height:none;margin:auto;overflow:visible;box-sizing:border-box;border-radius:22px;background:#fff;scrollbar-width:none}
.tips-ia .tips-modal-panel::-webkit-scrollbar{display:none}

/* Móviles */
@media(max-width:560px){
.tips-ia .tips-modal{padding:12px}
.tips-ia .tips-modal-panel{max-width:100%;border-radius:16px}
}

/* Pantallas de poca altura */
@media(max-height:520px){
.tips-ia .tips-modal{align-items:flex-start;padding-top:12px;padding-bottom:12px}
}

/*HÁGALO USTED MISMO*/
#hagalo-usted h3 {font-size:30px; font-weight: 600; line-height: 36px; margin-bottom: 20px;}
#hagalo-usted-m h3{font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px;}
#hagalo-usted h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px;}
#hagalo-usted-m h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px; margin-bottom: 20px;}
.hagalo-usted-box{ background: #E6E9F4; display: table; height: 400px; border-radius: 20px; padding: 0px 20px;}
#hagalo-usted h4 {font-size:20px; font-weight: 700; line-height: 24px;}
.hagalo-usted-box a{background-color: #03CCB9; color: #fff; font-weight: bold; border-radius: 50px; margin-top: 10px; text-align: center;padding: 3px 10px; display: table;}
#hagalo-usted i{color: #05CCB9;font-size: 16px; font-weight: bold;}
#hagalo-usted-m .hagalo-usted-box{margin-bottom: 30px; padding: 20px;}
#hagalo-usted-m h4 {font-size:20px; font-weight: 700; line-height: 24px;}
#hagalo-usted-m i{color: #05CCB9;font-size: 16px; font-weight: bold;}
#hagalo-usted img{border-radius: 10px;}

/* =========================================
EDUTEKALAB | COMPONENTE INDEPENDIENTE
========================================= */
#edulab-diy-2026 {--edulab-teal: #07CCB9;--edulab-purple: #4E4BE8;--edulab-pink: #DA3BB3;--edulab-ink: #333;--edulab-muted: #333;position: relative;isolation: isolate;width: 100%;overflow: hidden;color: var(--edulab-ink);font-family: inherit;font-size: 16px;line-height: 1.65;background:radial-gradient(ellipse at 2% 9%, rgba(7,204,185,.11), transparent 31%),radial-gradient(ellipse at 100% 38%, rgba(78,75,232,.07), transparent 30%),#F8FBFE;border-radius: 24px;box-sizing: border-box;}
#edulab-diy-2026 *, #edulab-diy-2026 *::before, #edulab-diy-2026 *::after {box-sizing: border-box;}
#edulab-diy-2026 a {text-decoration: none;}
#edulab-diy-2026 .edulab-diy-shell {width: 100%;max-width:100%;margin: 0 auto;padding: clamp(22px, 5vw, 20px);}

/* HERO */
#edulab-diy-2026 .edulab-diy-hero {position: relative;overflow: hidden;padding: clamp(28px, 5vw, 56px);color: #FFFFFF;border-radius: 24px;background: linear-gradient(125deg, #10283C 0%, #173A51 48%, #34368D 100%);box-shadow: 0 22px 50px rgba(29,53,97,.14);}
#edulab-diy-2026 .edulab-diy-hero::before {content: "";position: absolute;width: 310px;height: 310px;right: -100px;top: -155px;border: 1px solid rgba(7,204,185,.4);border-radius: 50%;box-shadow:0 0 0 25px rgba(7,204,185,.035),0 0 0 55px rgba(7,204,185,.025);pointer-events: none;}
#edulab-diy-2026 .edulab-diy-hero::after {content: "";position: absolute;width: 180px;height: 180px;right: 15%;bottom: -125px;border-radius: 50%;background: rgba(218,59,179,.23);filter: blur(32px);pointer-events: none;}
#edulab-diy-2026 .edulab-diy-hero-grid {position: absolute;inset: 0;opacity: .12;pointer-events: none;background-image:linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);background-size: 34px 34px;-webkit-mask-image: linear-gradient(110deg, transparent 8%, #000 100%);mask-image: linear-gradient(110deg, transparent 8%, #000 100%);}
#edulab-diy-2026 .edulab-diy-hero-content {position: relative;z-index: 1;max-width: 760px;}
#edulab-diy-2026 .edulab-diy-eyebrow {display: inline-flex;align-items: center;gap: 9px;margin: 0 0 18px;color: #83F7E9;font-size: 11px;font-weight: 800;letter-spacing: 2px;text-transform: uppercase;}
#edulab-diy-2026 .edulab-diy-status-dot {width: 8px;height: 8px;flex: 0 0 8px;border-radius: 50%;background: var(--edulab-teal);box-shadow: 0 0 12px rgba(7,204,185,.8);animation: edulab-diy-pulse 2s ease-in-out infinite;}
#edulab-diy-2026 .edulab-diy-hero h2 {margin: 0 0 20px;color: #FFFFFF;font-size: clamp(34px, 5.2vw, 62px);font-weight: 800;letter-spacing: -2px;line-height: 1.08;overflow-wrap: anywhere;}
#edulab-diy-2026 .edulab-diy-gradient-word {color: #7CEFE1;background: linear-gradient(90deg, #7CEFE1, #B9B8FF 65%, #F3A2DF);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
#edulab-diy-2026 .edulab-diy-hero-copy {max-width: 650px;margin: 0;color: #DCE9F3;font-size: clamp(15px, 2vw, 18px);line-height: 1.8;}
#edulab-diy-2026 .edulab-diy-hero-bottom {display: flex;flex-wrap: wrap;align-items: center;gap: 14px;margin-top: 30px;}
#edulab-diy-2026 .edulab-diy-cta {display: inline-flex;align-items: center;justify-content: center;gap: 12px;min-height: 50px;padding: 13px 22px;border: 1px solid transparent;border-radius: 12px;background: linear-gradient(105deg, #07CCB9, #50E2CB);color: #102E40;font-size: 14px;font-weight: 800;line-height: 1.35;box-shadow: 0 8px 25px rgba(7,204,185,.2);transition: transform .25s ease, box-shadow .25s ease;}
#edulab-diy-2026 .edulab-diy-cta:hover {transform: translateY(-3px);box-shadow: 0 12px 30px rgba(7,204,185,.32);}
#edulab-diy-2026 .edulab-diy-cta:focus-visible {outline: 3px solid #DA3BB3;outline-offset: 4px;}
#edulab-diy-2026 .edulab-diy-hero-note {color: #D5E4EF;font-size: 12px;}
/* INTRODUCCIÓN */
#edulab-diy-2026 .edulab-diy-intro {max-width: 760px;margin: 0 auto;padding: clamp(20px, 6vw, 20px) 0 10px;text-align: center;}
#edulab-diy-2026 .edulab-diy-kicker {display: block;margin-bottom: 9px;color: #3E42C5;font-size: 11px;font-weight: 800;letter-spacing: 1.8px;text-transform: uppercase;}
#edulab-diy-2026 .edulab-diy-intro h3, #edulab-diy-2026 .edulab-diy-video-heading h3 {margin: 0 0 13px;color: var(--edulab-ink);font-size: clamp(25px, 3.5vw, 30px);font-weight: 700;letter-spacing: -.9px;line-height: 1.2;}
#edulab-diy-2026 .edulab-diy-intro p {margin: 0;color: var(--edulab-muted);font-size: 16px;line-height: 1.85;}
#edulab-diy-2026 .edulab-diy-underline {width: 58px;height: 4px;margin: 23px auto 0;border-radius: 8px;background: linear-gradient(90deg, #07CCB9, #4E4BE8, #DA3BB3);}

/* =========================================
TARJETAS | NUEVO DISEÑO PASTEL
========================================= */
#edulab-diy-2026 .edulab-diy-cards {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;margin-top: 20px;}
#edulab-diy-2026 .edulab-diy-card {--edulab-card-accent: #079E91;position: relative;display: flex;flex-direction: column;min-width: 0;min-height: 242px;padding: 20px 15px;overflow: hidden;isolation: isolate;border: 1px solid rgba(7,158,145,.18);border-radius: 20px;background: linear-gradient(145deg, #F0FCFA 0%, #E1F8F4 100%);box-shadow: 0 4px 15px rgba(25,60,75,.025);transition:border-color .35s ease,box-shadow .35s ease,background .35s ease;animation: edulab-diy-enter .65s both;animation-delay: var(--edulab-delay, 0ms);}
/* Alternancia de colores */
#edulab-diy-2026 .edulab-diy-card:nth-child(3n+2) {--edulab-card-accent: #4E4BE8;border-color: rgba(78,75,232,.17);background: linear-gradient(145deg, #F5F4FF 0%, #EAE9FF 100%);}
#edulab-diy-2026 .edulab-diy-card:nth-child(3n) {--edulab-card-accent: #C42D98;border-color: rgba(218,59,179,.18);background: linear-gradient(145deg, #FFF4FB 0%, #FCE7F5 100%);}
/* Brillo diagonal */
#edulab-diy-2026 .edulab-diy-card::before {content: "";position: absolute;z-index: -1;inset: -50% auto -50% -70%;width: 45%;background: linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform: skewX(-22deg);transition: left .65s ease;pointer-events: none;}
#edulab-diy-2026 .edulab-diy-card:hover::before {left: 140%;}
/* Halo ambiental */
#edulab-diy-2026 .edulab-diy-card::after {content: "";position: absolute;z-index: -2;right: -45px;bottom: -55px;width: 145px;height: 145px;border-radius: 50%;background: var(--edulab-card-accent);opacity: .055;filter: blur(4px);transition: opacity .35s ease, transform .45s ease;pointer-events: none;}
#edulab-diy-2026 .edulab-diy-card:hover {border-color: var(--edulab-card-accent);box-shadow:0 10px 30px rgba(35,48,90,.075),0 0 0 3px rgba(255,255,255,.7);}
#edulab-diy-2026 .edulab-diy-card:hover::after {opacity: .14;transform: scale(1.2);}
/* Iconos */
#edulab-diy-2026 .edulab-diy-card-icon {position: relative;z-index: 1;display: grid;place-items: center;width: 51px;height: 51px;flex: 0 0 51px;margin-bottom: 19px;border: 1px solid rgba(255,255,255,.95);border-radius: 15px;background: rgba(255,255,255,.85);color: var(--edulab-card-accent);box-shadow: 0 4px 12px rgba(30,50,90,.045);transition: transform .3s ease, box-shadow .3s ease;}
#edulab-diy-2026 .edulab-diy-card:hover .edulab-diy-card-icon {transform: translateX(3px) rotate(-3deg);box-shadow: 0 6px 17px rgba(30,50,90,.1);}
#edulab-diy-2026 .edulab-diy-card-icon svg {display: block;width: 24px;height: 24px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}
#edulab-diy-2026 .edulab-diy-card h4 {position: relative;z-index: 1;margin: 0 0 9px;color: #333;font-size: 18px;font-weight:7800;letter-spacing: -.25px;line-height: 1.4;}
#edulab-diy-2026 .edulab-diy-card p {position: relative;z-index: 1;margin: 0;color: #333;font-size: 15px;line-height: 1.8;}

/* ==================================================
   EDUTEKALAB — CAJA DE VIDEO
   Turquesa + circuitos tecnológicos + responsive
   ================================================== */
#edulab-diy-2026 .edulab-diy-video-section { position: relative; isolation: isolate; overflow: hidden; width: 100%; box-sizing: border-box; margin: 42px 0 0; padding: clamp(28px, 5vw, 58px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 28px; color: #FFFFFF; background-color: #079F9F; background-image:
/* Iluminación turquesa */
radial-gradient( ellipse at 12% 85%, rgba(7, 204, 185, 0.95), transparent 48% ),
/* Brillo violeta */
radial-gradient( ellipse at 95% 5%, rgba(78, 75, 232, 0.62), transparent 42% ),
/* Acento fucsia */
radial-gradient( ellipse at 100% 100%, rgba(218, 59, 179, 0.38), transparent 38% ),
/* Circuitos horizontales */
repeating-linear-gradient( 0deg, transparent 0, transparent 47px, rgba(210, 255, 251, 0.12) 48px, transparent 49px, transparent 76px ),
/* Circuitos verticales */
repeating-linear-gradient( 90deg, transparent 0, transparent 65px, rgba(210, 255, 251, 0.10) 66px, transparent 67px, transparent 98px ),
/* Base turquesa profunda */
linear-gradient( 125deg, #057F85 0%, #079F9F 42%, #07BFAF 75%, #0AAFAF 100% ); box-shadow: 0 20px 48px rgba(0, 126, 132, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.18);}
/* ------------------------------------------ TEXTURA DE CIRCUITOS Y NODOS LUMINOSOS ------------------------------------------ */
#edulab-diy-2026 .edulab-diy-video-section::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background-image:
/* Nodos de conexión */
radial-gradient( circle at 8% 24%, rgba(190, 255, 248, 0.9) 0 2px, rgba(7, 204, 185, 0.45) 3px, transparent 7px ), radial-gradient( circle at 28% 12%, rgba(190, 255, 248, 0.8) 0 2px, transparent 6px ), radial-gradient( circle at 87% 22%, rgba(255, 220, 250, 0.9) 0 2px, rgba(218, 59, 179, 0.35) 3px, transparent 7px ), radial-gradient( circle at 93% 76%, rgba(190, 255, 248, 0.8) 0 2px, transparent 6px ),
/* Conexiones verticales */
linear-gradient( 90deg, transparent 7.8%, rgba(190, 255, 248, 0.22) 7.8% 7.95%, transparent 7.95% ),
/* Conexiones horizontales */
linear-gradient( 0deg, transparent 23.8%, rgba(190, 255, 248, 0.18) 23.8% 24%, transparent 24% ), linear-gradient( 90deg, transparent 86.8%, rgba(255, 220, 250, 0.2) 86.8% 87%, transparent 87% ), linear-gradient( 0deg, transparent 75.8%, rgba(190, 255, 248, 0.18) 75.8% 76%, transparent 76% ); opacity: 0.9;}
/* ------------------------------------------ RESPLANDOR AMBIENTAL ANIMADO ------------------------------------------ */
#edulab-diy-2026 .edulab-diy-video-section::after { content: ""; position: absolute; z-index: -1; top: -110px; right: 18%; width: 240px; height: 240px; border-radius: 50%; background: rgba(7, 204, 185, 0.22); filter: blur(65px); pointer-events: none; animation: edulab-diy-video-glow 5s ease-in-out infinite;}
@keyframes edulab-diy-video-glow { 0%, 100% { opacity: 0.55; transform: scale(0.95);}
50% { opacity: 1; transform: scale(1.08);}
}
/* ------------------------------------------ TÍTULOS Y TEXTOS ------------------------------------------ */
#edulab-diy-2026 .edulab-diy-video-section h2, #edulab-diy-2026 .edulab-diy-video-section h3 { color: #FFFFFF; text-shadow: 0 2px 12px rgba(0, 65, 70, 0.22);}
#edulab-diy-2026 .edulab-diy-video-section p { color: #F4FFFE;}
#edulab-diy-2026 .edulab-diy-video-section .edulab-diy-kicker { color: #E0FFFA;}
/* ------------------------------------------ VIDEO RESPONSIVE — FORMATO 16:9 ------------------------------------------ */
#edulab-diy-2026 .edulab-diy-video-frame { position: relative; width: 100%; max-width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 9; overflow: hidden; box-sizing: border-box; border: 2px solid rgba(255, 255, 255, 0.65); border-radius: 20px; background: #102E35; box-shadow: 0 18px 40px rgba(0, 57, 65, 0.3), 0 0 0 5px rgba(255, 255, 255, 0.07); transition: box-shadow 0.35s ease, border-color 0.35s ease;}
/* Iframe siempre ajustado al contenedor */
#edulab-diy-2026 .edulab-diy-video-frame iframe { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none; border: 0; margin: 0; padding: 0;}
/* Interacción al pasar el cursor */
#edulab-diy-2026 .edulab-diy-video-frame:hover { border-color: #FFFFFF; box-shadow: 0 22px 48px rgba(0, 57, 65, 0.35), 0 0 22px rgba(255, 255, 255, 0.2);}
/* ------------------------------------------ RESPONSIVE — TABLET Y MÓVIL ------------------------------------------ */
@media (max-width: 850px) { #edulab-diy-2026 .edulab-diy-video-section { margin-top: 36px;}
}
@media (max-width: 600px) { #edulab-diy-2026 .edulab-diy-video-section { margin-top: 30px; padding: 25px 18px; border-radius: 20px;}
#edulab-diy-2026 .edulab-diy-video-frame { aspect-ratio: 16 / 9; border-radius: 14px;}
}
/* ------------------------------------------ ACCESIBILIDAD ------------------------------------------ */
@media (prefers-reduced-motion: reduce) { #edulab-diy-2026 .edulab-diy-video-section::after { animation: none;}
#edulab-diy-2026 .edulab-diy-video-frame { transition: none;}
}
/* ========================================= CIERRE EDITORIAL · FONDO COLORIDO ========================================= */
#edulab-diy-2026 .edulab-diy-footer { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; margin-top: 24px; padding: clamp(28px, 4vw, 42px); overflow: hidden; isolation: isolate; border: 1px solid rgba(78, 75, 232, .15); border-radius: 22px;
/* Degradado pastel multicolor */
background: radial-gradient( circle at 95% 10%, rgba(218, 59, 179, .19), transparent 36% ), radial-gradient( circle at 5% 100%, rgba(7, 204, 185, .23), transparent 42% ), linear-gradient( 115deg, #E5FAF7 0%, #F0EFFF 52%, #FCEAF7 100% ); box-shadow: 0 10px 30px rgba(78, 75, 232, .06);}
/* Halo decorativo */
#edulab-diy-2026 .edulab-diy-footer::before { content: ""; position: absolute; z-index: -1; width: 190px; height: 190px; top: -110px; right: 20%; border: 1px solid rgba(78, 75, 232, .13); border-radius: 50%; box-shadow: 0 0 0 18px rgba(78, 75, 232, .025), 0 0 0 38px rgba(7, 204, 185, .035); pointer-events: none;}
#edulab-diy-2026 .edulab-diy-footer-copy { position: relative; z-index: 1;}
#edulab-diy-2026 .edulab-diy-footer .edulab-diy-kicker { color: #4843C8;}
#edulab-diy-2026 .edulab-diy-footer h3 { margin: 0 0 12px; color: #172343; font-size: clamp(23px, 3vw, 32px); font-weight: 800; letter-spacing: -.8px; line-height: 1.3;}
#edulab-diy-2026 .edulab-diy-footer h3 span { background: linear-gradient( 90deg, #079E91, #4E4BE8 58%, #C42D98 ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
#edulab-diy-2026 .edulab-diy-footer p { max-width: 660px; margin: 0; color: #333; font-size: 16px; line-height: 1.85;}
/* Icono decorativo */
#edulab-diy-2026 .edulab-diy-footer-mark { position: relative; z-index: 1; display: grid; place-items: center; width: 100px; height: 100px; border: 1px solid rgba(255, 255, 255, .9); border-radius: 28px; background: linear-gradient( 135deg, rgba(7, 204, 185, .25), rgba(78, 75, 232, .19), rgba(218, 59, 179, .2) ); color: #4E4BE8; box-shadow: 0 8px 24px rgba(78, 75, 232, .08); transform: rotate(5deg); transition: transform .35s ease, box-shadow .35s ease;}
#edulab-diy-2026 .edulab-diy-footer:hover .edulab-diy-footer-mark { transform: rotate(0deg) scale(1.04); box-shadow: 0 12px 30px rgba(78, 75, 232, .14);}
#edulab-diy-2026 .edulab-diy-footer-mark svg { width: 45px; height: 45px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
/* Ajustes para móviles */
@media (max-width: 850px) { #edulab-diy-2026 .edulab-diy-footer { grid-template-columns: minmax(0, 1fr) 70px; gap: 16px;}
#edulab-diy-2026 .edulab-diy-footer-mark { width: 70px; height: 70px; border-radius: 20px;}
}
@media (max-width: 520px) { #edulab-diy-2026 .edulab-diy-footer { grid-template-columns: minmax(0, 1fr); padding: 25px 20px;}
#edulab-diy-2026 .edulab-diy-footer-mark { display: none;}
}
@media (prefers-reduced-motion: reduce) { #edulab-diy-2026 .edulab-diy-footer-mark { transition: none;}
}
/* ANIMACIONES */
@keyframes edulab-diy-pulse { 0%, 100% { opacity: 1; box-shadow: 0 0 12px rgba(7,204,185,.8);}
50% { opacity: .55; box-shadow: 0 0 4px rgba(7,204,185,.3);}
}
@keyframes edulab-diy-enter { from { opacity: 0; transform: translateY(15px);}
to { opacity: 1; transform: translateY(0);}
}
/* RESPONSIVE */
@media (max-width: 850px) { #edulab-diy-2026 .edulab-diy-shell { padding: 24px;}
#edulab-diy-2026 .edulab-diy-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
#edulab-diy-2026 .edulab-diy-card { min-height: 225px; padding: 21px 18px;}
#edulab-diy-2026 .edulab-diy-footer { grid-template-columns: minmax(0, 1fr) 70px; gap: 16px;}
#edulab-diy-2026 .edulab-diy-footer-mark { width: 70px; height: 70px; border-radius: 20px;}
}
@media (max-width: 520px) { #edulab-diy-2026 { border-radius: 15px;}
#edulab-diy-2026 .edulab-diy-shell { padding: 14px;}
#edulab-diy-2026 .edulab-diy-hero { padding: 28px 22px; border-radius: 18px;}
#edulab-diy-2026 .edulab-diy-hero h2 { letter-spacing: -1.3px;}
#edulab-diy-2026 .edulab-diy-hero-bottom { align-items: flex-start; flex-direction: column;}
#edulab-diy-2026 .edulab-diy-cta { width: 100%;}
#edulab-diy-2026 .edulab-diy-intro { padding: 40px 4px 23px;}
#edulab-diy-2026 .edulab-diy-cards { grid-template-columns: minmax(0, 1fr); gap: 12px;}
#edulab-diy-2026 .edulab-diy-card { min-height: 0; padding: 22px;}
#edulab-diy-2026 .edulab-diy-video-section { margin-top: 42px; padding: 19px 13px; border-radius: 17px;}
#edulab-diy-2026 .edulab-diy-video-frame { border-radius: 11px;}
#edulab-diy-2026 .edulab-diy-footer { grid-template-columns: minmax(0, 1fr); padding: 24px 20px;}
#edulab-diy-2026 .edulab-diy-footer-mark { display: none;}
}
/* ACCESIBILIDAD */
@media (prefers-reduced-motion: reduce) { #edulab-diy-2026 *, #edulab-diy-2026 *::before, #edulab-diy-2026 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important;}
}

/*AL DÍA*/
#al-dia h3 {font-size:30px; font-weight: 600; line-height: 36px; margin-bottom: 20px;}
#al-dia .cover img{ border-radius: 20px;}
#al-dia-m h3{font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px;}
#al-dia h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px;}
#al-dia-m h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px; margin-bottom: 20px;}
#al-dia-m .cover{margin-bottom: 30px;}
#al-dia i{color: #05CCB9;font-size: 16px; font-weight: bold;}
#al-dia-m i{color: #05CCB9;font-size: 16px; font-weight: bold;}

/*INICIO CARDS AL DIA*/
:root { --ia-turquesa: #04CCB9; --ia-azul: #4C49E8; --ia-fucsia: #DB3AB7;}
.aldia-recursos {width: 100%;max-width: 1250px;margin: 40px auto;padding: 0 20px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 28px;box-sizing: border-box;}
.aldia-recurso-card {position: relative;width: 100%;min-height: 390px;padding: 0;overflow: hidden;border: 0;border-radius: 20px;cursor: pointer;text-align: left;background: #17245A;box-shadow:0 4px 10px rgba(50, 55, 100, 0.08),0 12px 30px rgba(50, 55, 100, 0.12);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.aldia-recurso-card:hover {transform: translateY(-6px);box-shadow:0 8px 16px rgba(50, 55, 100, 0.12),0 18px 38px rgba(50, 55, 100, 0.20);}
.aldia-recurso-imagen {position: absolute;inset: 0;width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;transition:transform 0.5s ease;}
.aldia-recurso-card:hover .aldia-recurso-imagen {transform: scale(1.04);}
.aldia-recurso-overlay {position: absolute;inset: 0;z-index: 1;background:linear-gradient(180deg,rgba(4, 204, 185, 0.12) 0%,rgba(4, 204, 185, 0.32) 25%,rgba(4, 204, 185, 0.48) 40%,rgba(76, 73, 232, 0.52) 60%,rgba(76, 73, 232, 0.68) 80%,rgba(76, 73, 232, 0.78) 100%);transition: background 0.3s ease;}
.aldia-recurso-card:hover .aldia-recurso-overlay {background:linear-gradient(180deg,rgba(4, 204, 185, 0.16) 0%,rgba(4, 204, 185, 0.36) 25%,rgba(4, 204, 185, 0.52) 40%,rgba(76, 73, 232, 0.56) 60%,rgba(76, 73, 232, 0.72) 80%,rgba(76, 73, 232, 0.82) 100%);}
.aldia-recurso-contenido {position: relative;z-index: 2;height: 100%;min-height: 390px;padding: 28px;display: flex;flex-direction: column;justify-content: flex-end;box-sizing: border-box;}
.aldia-recurso-numero {position: absolute;top: 25px;left: 28px;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: var(--ia-fucsia);color: #ffffff;font-size: 14px;font-weight: 800;}
.aldia-recurso-texto {padding-right: 45px;}
.aldia-recurso-texto h3 {margin: 0 0 10px 0;color: #ffffff;font-size: 25px !important;line-height: 1.15 !important;font-weight: 700 !important;}
.aldia-recurso-texto p {margin: 0;color: rgba(255, 255, 255, 0.92);font-size: 16px;line-height: 1.45;font-weight: 500;}
.aldia-recurso-flecha {position: absolute;right: 28px;bottom: 25px;display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;color: #ffffff;font-size: 20px;transition:transform 0.25s ease,color 0.25s ease;}
.aldia-recurso-card:hover .aldia-recurso-flecha {color: var(--ia-turquesa);transform: translateX(5px);}
.boletin-modal {position: fixed;inset: 0;z-index: 99999;display: none;align-items: center;justify-content: center;padding: 25px;box-sizing: border-box;background: rgba(18, 19, 65, 0.76);backdrop-filter: blur(7px); border-radius: 0px 10px 13px 0px;}
.boletin-modal.boletin-modal-activo {display: flex;}
.boletin-modal-contenido {position: relative;width: 100%;max-width: 760px;max-height: 90vh;overflow-y: auto;padding: 42px 45px 40px;box-sizing: border-box;border-radius: 20px;background: #ffffff;box-shadow:0 15px 35px rgba(25, 30, 70, 0.18),0 30px 70px rgba(25, 30, 70, 0.25);}
.boletin-modal-cerrar {position: absolute;top: 18px;right: 18px;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 50%;background: #E8FAF8;color: #04AFA0;font-size: 18px;cursor: pointer;}
.boletin-modal-cerrar:hover {background: var(--ia-turquesa);color: #ffffff;}
.boletin-modal-cerrar:hover i {color: #fff !important;}
.boletin-modal-numero {display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;margin-bottom: 18px;border-radius: 50%;background: var(--ia-turquesa);color: #ffffff;font-size: 14px;font-weight: 800;}
.boletin-modal-organizacion {display: block;margin-bottom: 8px;color: #4C49E8;font-size: 14px;font-weight: 700;}
.boletin-modal-contenido h2 {margin: 0 35px 20px 0;color: #353D3F;font-size: 28px !important;line-height: 1.25 !important;font-weight: 700 !important;}
.boletin-modal-contenido p {margin: 0;font-size: 16px;line-height: 1.7;}
.boletin-modal-enlace {display: inline-flex;align-items: center;gap: 9px;margin-top: 28px;padding: 12px 19px;border-radius: 9px;background: var(--ia-turquesa);color: #ffffff;font-size: 14px;font-weight: 700;text-decoration: none;transition:background 0.2s ease,transform 0.2s ease;}
.boletin-modal-enlace i {color: #ffffff !important;}
.boletin-modal-enlace:hover {background: #04AFA0;color: #ffffff;transform: translateY(-2px);}
@media (max-width: 950px) {
.aldia-recursos {grid-template-columns: repeat(1, 1fr);gap: 22px;}
.aldia-recurso-card, .aldia-recurso-contenido {min-height: 360px;}
.aldia-recurso-texto h3 {font-size: 22px;}
}
@media (max-width: 620px) {
.alda-recursos {grid-template-columns: 1fr;gap: 18px;margin: 25px auto;padding: 0 12px;}
.aldia-recurso-card, .aldia-recurso-contenido {min-height: 330px;}
.aldia-recurso-card {border-radius: 17px;}
.aldia-recurso-contenido {padding: 23px;}
.aldia-recurso-numero {top: 21px;left: 23px;width: 36px;height: 36px;font-size: 13px;}
.aldia-recurso-texto h3 {font-size: 21px;line-height: 1.2;}
.aldia-recurso-texto p {font-size: 15px;}
.aldia-recurso-flecha {right: 20px;bottom: 20px;}
.boletin-modal {padding: 12px;}
.boletin-modal-contenido {max-height: 94vh;padding: 32px 24px 27px;border-radius: 17px;}
.boletin-modal-cerrar {top: 13px;right: 13px;width: 34px;height: 34px;}
.boletin-modal-contenido h2 {margin-right: 25px;font-size: 23px;}
.boletin-modal-contenido p {font-size: 15px;line-height: 1.65;}
}
.aldia-recurso-card:focus-visible, .boletin-modal-cerrar:focus-visible, .boletin-modal-enlace:focus-visible {outline: 3px solid var(--ia-turquesa);outline-offset: 3px;}

/*FIN CARDS AL DIA*/

/*TEST*/
#test h3 {font-size:30px; font-weight: 600; line-height: 36px; margin-bottom: 20px;}
#test-m h3{font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px;}
#test h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px;}
#test-m h5{ background-color: #eeeeee; display: table; text-align: center; padding: 5px 15px 3px 15px; border-radius: 50px; margin-bottom: 20px;}

@media screen and (max-width: 768px) {
#preguntele-m h3 {font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px;}
}

.logo-ur {width: 30%;margin: 0 auto;margin-top: 60%;}
.logo-ur img{width: 100%;}

/*SLIDER*/
/* main wrapper */
.cbp-contentslider {width: 100%;height: 80%;margin: 1em auto;position: relative;border: 2px solid #e4e4e4;}
.cbp-contentslider > ul {list-style: none;height: 100%;width: 100%;overflow: hidden;position: relative;padding: 0;margin: 0;}
.cbp-contentslider > ul li {position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 1em;background: #fff;}
/* Whithout JS, we use :target */
.cbp-contentslider > ul li:target {z-index: 100;}
.cbp-contentslider nav {position: absolute;bottom: 0;left: 0;right: 0;height: 40px;z-index: 1000;border-top: 2px solid #e4e4e4;overflow: hidden;}
.cbp-contentslider nav a { font-size: 14px; float: left;display: block;width: 20%;height: 100%;font-weight: 500;letter-spacing: 0.1em;overflow: hidden;color: #333;background: #fff;outline: none;text-align: center;line-height: 40px;position: relative;text-transform: uppercase;border-right: 2px solid #e4e4e4;-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;}
.cbp-contentslider nav a span {display: block;}
.cbp-contentslider nav a:last-child {border: none;box-shadow: 1px 0 #47a3da; /* fills gap caused by rounding */}
.cbp-contentslider nav a:hover {background-color: #ccc;color: #fff;}
.cbp-contentslider nav a.rc-active {background-color: #0CCCB9;color: #fff;}
.cbp-contentslider h3 {font-size: 17px;height: 30px;line-height: 0.8;font-weight: 700;margin: 0 0 0.3em;position: relative;color: #333;text-transform: uppercase;text-align: right;letter-spacing: 0.3em;padding: 0 0.2em 0 0;border-bottom: 2px solid #e4e4e4;}
.cbp-contentslider h3[class^="icon-"]:before, .cbp-contentslider h3[class*=" icon-"]:before {top: 0;left: 0;width: 2em;line-height: 1;height: 1.2em;margin: 0;color: #47a3da;}
.cbp-contentslider li > div {position: absolute;top: 40px;bottom: 3.313em;width: 100%;left: 0;padding: 0 1em;overflow-x: hidden;overflow-y: auto;}
.cbp-contentslider .cbp-content {padding: 1em 0;}
.cbp-contentslider p {color: #333;margin: 0;font-size: 16px;font-weight: 300;line-height: 24px;}
/* Media queries */
@media screen and (max-width: 70em) { 
.cbp-contentslider p {font-size: 100%;}
}
@media screen and (max-width: 67.75em) {
.cbp-contentslider { font-size: 85%; }
.cbp-contentslider nav a[class^="icon-"]:before, .cbp-contentslider nav a[class*=" icon-"]:before {left: 50%;margin-left: -1.250em;}
.cbp-contentslider nav a span {display: none;}
}
@media screen and (max-width: 43em) {
.cbp-contentslider h3 {font-size: 2em;}
.cbp-contentslider .cbp-content {-webkit-column-count: 1;-moz-column-count: 1;-o-column-count: 1;column-count: 1;}
.cbp-contentslider li > div {top: 5em;}
}
@media screen and (max-width: 25em) { 
.cbp-contentslider nav a { padding: 0;}
.cbp-contentslider h3[class^="icon-"]:before, .cbp-contentslider h3[class*=" icon-"]:before { display: none;}
}

/*BLOG SLIDER*/
.blog-slider {/*width: 95%;*/width: 100%;position: relative;max-width: 800px;margin: auto;background: #DEE2EB;padding: 15px;border-radius: 25px;height: 480px;transition: all 0.3s;}
@media screen and (max-width: 992px) {
.blog-slider {max-width: 680px;height: 320px;}
}

@media screen and (max-height: 500px) and (min-width: 992px) {
.blog-slider {height: 350px;}
}
.blog-slider__item {display: flex;align-items: center;}
@media screen and (max-width: 768px) {
.blog-slider__item {flex-direction: column;}
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {opacity: 1;transition-delay: 0.3s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {opacity: 1;transform: none;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {transition-delay: 0.3s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {transition-delay: 0.4s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {transition-delay: 0.5s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {transition-delay: 0.6s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {transition-delay: 0.7s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {transition-delay: 0.8s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {transition-delay: 0.9s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {transition-delay: 1s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {transition-delay: 1.1s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {transition-delay: 1.2s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {transition-delay: 1.3s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {transition-delay: 1.4s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {transition-delay: 1.5s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {transition-delay: 1.6s;}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {transition-delay: 1.7s;}
.blog-slider__img {width: 250px;flex-shrink: 0;height: 280px;border-radius: 20px;transform: translateX(4px);overflow: hidden;margin-right: 20px;}
.blog-slider__img:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 20px;opacity: 0.8;}
.blog-slider__img img {width: 100%;height: 100%;object-fit: cover;display: block;opacity: 0;border-radius: 20px;transition: all 0.3s;}
.blog-slider a:focus{color: #fff !important;}

@media screen and (max-width: 768px) {
.blog-slider {min-height: 500px;height: auto;margin: 20px auto;}
.blog-slider__img {transform: translateX(10px);width: 100%;height: 600px;}
.blog-slider__img img{ object-position: top;}
.blog-slider__content {margin-top: 20px;text-align: center;padding: 0 30px;}
}
@media screen and (max-width: 576px) {
.blog-slider__img {width: 95%;}
}
@media screen and (max-height: 500px) and (min-width: 992px) {
.blog-slider__img {height: 600px !important;}
}
.blog-slider__content {padding-right: 25px;}

@media screen and (max-width: 576px) {
.blog-slider__content {padding: 0;}
}
.blog-slider__content > * {opacity: 0;transform: translateY(25px);transition: all 0.4s;}
.blog-slider__code {color: #7b7992;margin-bottom: 15px;display: block;font-weight: 500;}
.blog-slider__title {font-size: 24px;font-weight: 700;color: #2C2C2C;margin-bottom: 8px;}
.blog-slider__subtitle{letter-spacing: 3px;font-size: 20px;text-transform: uppercase;margin: 0;color: #fff !important; font-weight: 700; line-height: 16px !important; display: table; background-color: #0CCCB9;padding: 10px;margin-bottom: 10px; border-radius: 5px;}
.blog-slider__text {color: #333;margin-bottom: 10px;line-height: 22px;font-size: 16px;font-weight: 300;}
.blog-slider__button {display: table;background-color: #4C49E8;padding: 2px 20px 0px 20px;border-radius: 50px;color: #fff;text-decoration: none;font-weight: 700;justify-content: center;text-align: center;letter-spacing: 3px;font-size: 12px;text-transform: uppercase;}
.blog-slider__button:hover{color: #fff; background-color: #315A8C !important;}
.blog-slider__button:focus{color: #fff; background-color: #315A8C !important;}
@media screen and (max-width: 576px) {
.blog-slider__button {width: 100%;}
}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;}
.blog-slider__pagination {position: absolute;z-index: 21;right: 20px;width: 11px !important;text-align: center;left: auto !important;top: 50%;bottom: auto !important;transform: translateY(-50%);}
@media screen and (max-width: 768px) {
.blog-slider__pagination {transform: translateX(-50%);left: 50% !important;width: 100% !important;display: flex;justify-content: center;align-items: center; position: relative;}
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {margin: 8px 0 !important;}
@media screen and (max-width: 768px) {
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {margin: 30px 5px 5px 5px !important;}
}
.blog-slider__pagination .swiper-pagination-bullet {width: 11px;height: 11px;display: block;border-radius: 10px;background: #062744;opacity: 0.2;transition: all 0.3s;}
.blog-slider__pagination .swiper-pagination-bullet-active {opacity: 1;background: #DA3BB2;height: 30px;box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);}
@media screen and (max-width: 768px) {
.blog-slider__pagination .swiper-pagination-bullet-active {height: 11px;width: 30px;}
}

/*VIDEO RESPONSIVE*/
.video-responsive {position:relative;padding-bottom:50%;padding top:30px; height:0; overflow:hidden; margin-top:0px; border-radius: 15px; margin-bottom: 20px;}
.video-responsive iframe, .video-responsive video, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/*AUDIO RESPONSIVE*/
.audio-responsive {position:relative;padding-bottom:30%;padding-top:30px;height:0;overflow:hidden;margin-top:0px; border-radius: 10px;}
.audio-responsive iframe, .audio-responsive audio, .audio-container object, .audio-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/*TABS*/
.tabs-boletin-DED {display: flex;flex-wrap: wrap;max-width: 700px;background:#05CCB9;}
.tabs-boletin-DED h3{ font-size: 22px; font-weight: bold; color: #2C2C2C; line-height: 28px; margin-bottom: 10px;}
.tabs-boletin-DED h4{ font-size: 18px;}
.tabs-boletin-DED .blog-slider__button{margin-top: 10px;}
.tabs-boletin-DED .img-recomendados img {width: 100%; border-radius: 10px; margin-bottom: 15px;}
.tabs-boletin-DED .input {position: absolute;opacity: 0;}
.tabs-boletin-DED .label {width: 100%;padding: 15px 25px;cursor: pointer;font-weight: bold;font-size: 16px;color: #fff;transition: background 0.1s, color 0.1s;margin-bottom: 0px; border-right: 1px solid #069688;border-radius: 0px;}
.tabs-boletin-DED .label:hover {background: #059688; color: #fff; border-radius: 0px;}
.tabs-boletin-DED .label:active {background: #059688;}
.tabs-boletin-DED .input:focus + .label {z-index: 1;}
.tabs-boletin-DED .input:checked + .label {background:  #DEE2EB;color: #333; margin-bottom: 0px; border-radius: 0px;}
@media (min-width: 600px) {
.tabs-boletin-DED .label {width: 25%; text-wrap: wrap;}
}
.tabs-boletin-DED .panel {display: none;padding: 20px 30px 30px;background:#DEE2EB;
}
@media (min-width: 600px) {
.tabs-boletin-DED .panel {order: 99;}
}
.tabs-boletin-DED .input:checked + .label + .panel {display: block; border-radius: 0px; margin-bottom: 0px;}

/*TABS-M*/
.tabs-boletin-DED-M {display: flex;flex-wrap: wrap;max-width: 700px;background:#05CCB9;}
.tabs-boletin-DED-M h3{ font-size: 22px; font-weight: bold; color: #2C2C2C; line-height: 28px; margin-bottom: 10px;}
.tabs-boletin-DED-M h4{ font-size: 18px;}
.tabs-boletin-DED-M .blog-slider__button{margin-top: 10px;}
.tabs-boletin-DED-M .img-recomendados img {width: 100%; border-radius: 10px; margin-bottom: 15px;}
.tabs-boletin-DED-M .input {position: absolute;opacity: 0;}
.tabs-boletin-DED-M .label {width: 100%;padding: 15px;cursor: pointer;font-weight: bold;font-size: 16px;color: #fff;transition: background 0.1s, color 0.1s;margin-bottom: 0px; border-right: 1px solid #069688;border-radius: 0px;}
.tabs-boletin-DED-M .label:hover {background: #059688; color: #fff; border-radius: 0px;}
.tabs-boletin-DED-M .label:active {background: #059688;}
.tabs-boletin-DED-M .input:focus + .label {z-index: 1;}
.tabs-boletin-DED-M .input:checked + .label {background:  #DEE2EB;color: #333; margin-bottom: 0px; border-radius: 0px;}
@media (min-width: 600px) {
.tabs-boletin-DED-M .label {width: 50%;}
}
.tabs-boletin-DED-M .panel {display: none;padding: 20px 30px 30px;background:#DEE2EB;
}
@media (min-width: 600px) {
.tabs-boletin-DED-M .panel {order: 99;}
}
.tabs-boletin-DED-M .input:checked + .label + .panel {display: block; border-radius: 0px; margin-bottom: 0px;}


/*TABS 02*/
.tabs-boletin-DED-02-M {display: flex;flex-wrap: wrap;max-width: 700px;background:#7070f9;}
.tabs-boletin-DED-02-M h3{ font-size: 22px; font-weight: bold; color: #2C2C2C; line-height: 28px; margin-bottom: 10px;}
.tabs-boletin-DED-02-M h4{ font-size: 18px;}
.tabs-boletin-DED-02-M .blog-slider__button{margin-top: 10px;}
.tabs-boletin-DED-02-M .img-recomendados img {width: 100%; border-radius: 10px; margin-bottom: 15px;}
.tabs-boletin-DED-02-M .input {position: absolute;opacity: 0;}
.tabs-boletin-DED-02-M .label {width: 100%;padding: 15px;cursor: pointer;font-weight: bold;font-size: 16px;color: #fff;transition: background 0.1s, color 0.1s;margin-bottom: 0px; border-right: 1px solid #069688;border-radius: 0px;}
.tabs-boletin-DED-02-M .label:hover {background: #4C49E8; color: #fff; border-radius: 0px;}
.tabs-boletin-DED-02-M .label:active {background: #4C49E8;}
.tabs-boletin-DED-02-M .input:focus + .label {z-index: 1;}
.tabs-boletin-DED-02-M .input:checked + .label {background:  #DEE2EB;color: #333; margin-bottom: 0px; border-radius: 0px;}
@media (min-width: 600px) {
.tabs-boletin-DED-02-M .label {width: 33.333%;}
}
.tabs-boletin-DED-02-M .panel {display: none;padding: 20px 30px 30px;background:#DEE2EB;
}
@media (min-width: 600px) {
.tabs-boletin-DED-0-2-M .panel {order: 99;}
}
.tabs-boletin-DED-02-M .input:checked + .label + .panel {display: block; border-radius: 0px; margin-bottom: 0px;}

/*TABS 02 M*/
.tabs-boletin-DED-02 {display: flex;flex-wrap: wrap;max-width: 700px;background:#7070f9;}
.tabs-boletin-DED-02 h3{ font-size: 22px; font-weight: bold; color: #2C2C2C; line-height: 28px; margin-bottom: 10px;}
.tabs-boletin-DED-02 h4{ font-size: 18px;}
.tabs-boletin-DED-02 .blog-slider__button{margin-top: 10px;}
.tabs-boletin-DED-02 .img-recomendados img {width: 100%; border-radius: 10px; margin-bottom: 15px;}
.tabs-boletin-DED-02 .input {position: absolute;opacity: 0;}
.tabs-boletin-DED-02 .label {width: 100%;padding: 15px;cursor: pointer;font-weight: bold;font-size: 16px;color: #fff;transition: background 0.1s, color 0.1s;margin-bottom: 0px; border-right: 1px solid #069688;border-radius: 0px;}
.tabs-boletin-DED-02 .label:hover {background: #4C49E8; color: #fff; border-radius: 0px;}
.tabs-boletin-DED-02 .label:active {background: #4C49E8;}
.tabs-boletin-DED-02 .input:focus + .label {z-index: 1;}
.tabs-boletin-DED-02 .input:checked + .label {background:  #DEE2EB;color: #333; margin-bottom: 0px; border-radius: 0px;}
@media (min-width: 600px) {
.tabs-boletin-DED-02 .label {width: 33.333%;}
}
.tabs-boletin-DED-02 .panel {display: none;padding: 20px 30px 30px;background:#DEE2EB;
}
@media (min-width: 600px) {
.tabs-boletin-DED-02 .panel {order: 99;}
}
.tabs-boletin-DED-02 .input:checked + .label + .panel {display: block; border-radius: 0px; margin-bottom: 0px;}


/*MOVIL*/
.recomendado-movil {background:#DEE2EB; width: 100%; border-radius: 10px; padding: 20px; margin-bottom: 30px;}
.recomendado-movil h3{ font-size: 22px !important; font-weight: bold; color: #2C2C2C; line-height: 28px !important; margin-bottom: 10px;}
.recomendado-movil h4{ font-size: 18px;}
.recomendado-movil img{width: 100%; border-radius: 10px; margin-bottom: 15px;}
.recomendado-movil .blog-slider__button{margin-top: 10px;}

/*CARDS*/
.card {background-color: #fff;border-radius: 10px;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);overflow: hidden;width: 100%;}
.card-header img {width: 100%;height: 120px;object-fit: cover;}
.card-body {display: flex;flex-direction: column;justify-content:flex-start;align-items: flex-start;padding: 15px;min-height: 170px;}
.card-body h4{ font-size: 16px; line-height: 18px; font-weight: 600; margin-top: 10px;}
.card-body a{ text-transform: uppercase; font-size: 12px; letter-spacing: 2px; font-weight: 600;}
.tag {background: #cccccc;border-radius: 50px;font-size: 11px;font-weight: 600;letter-spacing: 1px;margin: 0;color: #fff;padding: 0px 10px;text-transform: uppercase;cursor: pointer;}
.tag-teal {background-color: #47bcd4;}
.tag-purple {background-color: #5e76bf;}
.tag-pink {background-color: #cd5b9f;}
.card-body p {font-size: 13px;margin: 0 0 20px; line-height: 21px;}

@media screen and (max-width: 768px) {
.card {background-color: #f6f6f6;box-shadow: none;margin-bottom: 20px;}
.card-body {min-height: auto;}
}

/*APRENDER CARDS*/
.card-aprender {background-color: #120604;max-width: 800px;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);border-radius: 10px;display: grid;}
.card-aprender h2 {color: #fff !important; font-size: 22px !important;}
.card-aprender p {color: #fff; line-height: 22px !important;}
.card-aprender .img-container-aprender {width: 230px;height: 100%;grid-column: 2;background-color: #c1b7b4;background-image:url(../content/2022/agosto/aprender.jpg);background-size: cover;background-position: center center;border-radius: 10px 0px 0px 10px;}
.card-content-aprender {grid-column: 3 / 5;padding: 30px;}
.card-content-aprender .vmas {font-weight: 700;color: #fff;text-transform: uppercase;letter-spacing: 2px;background: #B59450;display: table;padding: 2px 10px 0px 10px;border-radius: 100px;font-size: 12px;}
a.vmas:hover{ background: #fff; color: #b59450;}
@media only screen and (max-width:600px) {
.card-aprender {display: block;}
.card-aprender .img-container-aprender {height: 250px;width: 100%;}
.card-content-aprender {border: 0;border-top: 1px solid #ccc;}
}

.links-aldia a {text-align: center;}

/*NUESTRA VOZ*/
#nuestra-voz h3{font-size:30px; font-weight: 600; line-height: 36px; margin-bottom: 20px; }
#nuestra-voz-m h3{font-size:30px; font-weight: 600; line-height: 36px; margin-bottom: 20px; }

/*AL DIA*/
.links-aldia {margin-top: 20px;}
.links-aldia .row {margin-bottom: 30px;}
.container-link{text-align: center;border: 2px solid #ccc;border-radius: 10px;padding: 10px;background: #f5f5f5; display: table; height: 200px; line-height: 22px; width: 100%;}
.alineacion-vertical{vertical-align: middle; display: table-cell;}
.container-link a{color: #333;}
.container-link a:hover{color: #DA3BB2;}
.ico-link i{font-size: 28px; color: #DA3BB2;}
.container-link-color{text-align: center;border: 2px solid #DA3BB2;border-radius: 10px;padding: 10px;background: #DA3BB2; display: table; height: 200px; line-height: 22px; width: 100%;}
.container-link-color p{color: #fff;}
.container-link-color i{color: #fff;}

@media only screen and (max-width:768px) {
#al-dia-m .container-link {margin-bottom: 30px;}
#al-dia-m .container-link-color {margin-bottom: 30px;}
#al-dia-m .links-aldia .row {margin-bottom: 0px;}
}

/*TABLA*/
.thead-dark{background-color: #7070F9; color: #fff;}
.thead-dark th{border-bottom: 0px !important;}
.tr-gris {background-color: #f5f5f5;}

/*TABS BOOTSTRAP*/
.tab-pane h3 {font-weight: 700; margin-top: 40px;}
.nav-tabs {border-bottom: none;background: #f6f6f6;}
.nav-tabs>li.active>a{color: #fff;background-color: #0CCCB9;border: none;font-weight: 500;}
.nav-tabs>li>a {margin-right: 0px;border: none;border-radius: 0px;border-left: 3px solid #fff;}
.nav-tabs>li>a {color: #DA3BB2;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {color: #fff;background-color: #0CCCB9;border: none;font-weight: 500;}

.mobile-menu{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:9999;display:none;box-shadow:0 0 40px rgba(0,0,0,.1)}
.mobile-menu .nav-outer{position:relative}
.mobile-menu .logo{position:absolute;left:0;top:0;z-index:99;border-right:1px solid #ececec;padding:6px 24px 6px 0; width: 23%;}

@media only screen and (max-width:667px) {
.mobile-menu .mobile-logo {width: 26%;}
}
@media screen and (max-width: 640px) {
.mobile-menu .mobile-logo {width: 27% !important;}
}
@media screen and (max-width: 568px) {
.mobile-menu .mobile-logo {width: 31% !important;}
}
@media screen and (max-width: 533px) {
.mobile-menu .mobile-logo {width: 33% !important;}
}
@media screen and (max-width: 480px) {
.mobile-menu .mobile-logo {width: 38% !important;}
}
@media screen and (max-width: 414px) {
.mobile-menu .mobile-logo {width: 43% !important;}
}

.card-outer .card-wrapper{border-radius:7px;overflow:hidden;max-width:980px;margin:0 auto}
.card-outer .card-inner-box{position:relative;min-height:768px;transition:.5s;transform:translate(150px)}
.author-info,.card-item{position:absolute;top:0;bottom:0}
.card-outer .card-inner-box.offsetleft{margin-left:0;margin-right:0;transform:translate(0)}
.card-item{border-radius:0 6px 6px 0;background:transparent;left:150px;right:0;opacity:0;visibility:hidden;z-index:8}
.card-inner-box.active .card-item{border-top-left-radius:0;border-bottom-left-radius:0;background-repeat:no-repeat;background-position:right center}
.card-item .card-inner{height:100%;padding:40px 0;transition:.5s ease}
.card-inner-box .card-home{text-align:center;background-position:top center;background-repeat:no-repeat;background-color:#fff;max-width:440px}
.card-item.active{opacity:1;visibility:visible;z-index:10;transition:visibility 1s linear,opacity .5s linear}
.card-item.hide-item{opacity:0;visibility:hidden;z-index:9}
.card-item .title{font-size:17px;font-weight:600;color:#333;margin-bottom:20px}
.author{padding-top: 400px;}
.logo-insiDED{width: 80%; margin: 0 auto;}
.tit-boletin{color: #fff; text-transform: uppercase;letter-spacing: 3px; line-height: 15px;}
.tit-boletin span {font-size: 13px; text-transform: none;}

.card-home .image{max-width:380px;max-height:380px;margin:7px auto 20px;}
.card-home .image img{width:100%;transform:scale(1.01)}
.card-home .author h3{font-weight:600;color:#222}
.card-home .author .designation{font-size:15px;margin-bottom:20px;color:#222}
.card-home .author .designation strong{color:#5e44e0}
.card-home .text{font-size:18px;max-width:600px;margin:0 auto 30px;color:#222}

.card-about{padding:0 50px}
.card-about .about-info{margin-bottom:28px;padding-bottom:30px;/*border-bottom:1px solid #e5e5e5*/}
.card-about .about-info .text{position:relative;margin-bottom:25px}

.card-resume{padding:0 50px}
.card-services{padding:0 50px}

.card-contact{padding:0 30px 0 50px}
.card-contact h4{font-size:18px;color:#222;margin-bottom:24px}

#bubble-canvas,.jquery-background-video-wrapper,.jquery-background-video-wrapper .overlay,.page-background .portfolio-bg,.page-background .portfolio-bg .image{position:absolute;top:0;left:0;width:100%;height:100%}
#bubble-canvas{z-index:1}.particles-pattern{position:absolute;left:0;top:0;right:0;bottom:0}
.page-background .portfolio-bg .image{opacity:0;will-change:opacity,transform;background-position:center center;background-repeat:no-repeat;background-size:cover;transform:scale(1.15);-webkit-transition:opacity .5s .2s ease,transform 5s .2s ease;transition:opacity .5s .2s ease,transform 5s .2s ease}
.page-background .portfolio-bg .image.active{opacity:1;transform:scale(1)}
.jquery-background-video-wrapper .overlay{background:rgba(11,12,18,.6)}

/*TOOLTIP*/
.tooltip-container {margin: 0 auto;display: inline-block;}
.tooltip-container {position: relative;cursor: pointer;}
.tooltip-one {padding: 18px 32px;background: #fff;position: absolute;width: 500px;border-radius: 5px;text-align: center;filter: drop-shadow(0 3px 5px #ccc);line-height: 1.5;display: none;bottom: 40px;}
.tooltip-one:after {content: "";position: absolute;bottom: -9px;left: 50%;margin-left: -9px;width: 18px;height: 18px;background: white;transform: rotate(45deg);}
.tooltip-trigger:hover + .tooltip-one {display: block;}
.tooltip-container ul{text-align: left;}
.tooltip-container li{list-style: disc;}
.tooltip-container b{font-family: 'Baloo 2', cursive; color: #4C49E8;}
.tooltip-container i{color: #4C49E8;}

/*LISTA NUMERADA*/
ol {max-width: 100%;counter-reset: my-awesome-counter;list-style: none;padding-left: 40px; list-style-type: none; margin-top: 20px;}
ol li {margin: 0 0 0.5rem 0;counter-increment: my-awesome-counter;position: relative; list-style: none !important; line-height: 22px;margin-bottom: 20px;}
ol li::before {content: counter(my-awesome-counter);color: #fff;font-size: 1.5rem;font-weight: bold;position: absolute;--size: 32px;left: calc(-1 * var(--size) - 10px);line-height: var(--size);width: var(--size);height: var(--size);top: 0;background: #21B2B3;border-radius: 50%;text-align: center;}

/*GALERÍA*/
#light-gallery{list-style: none outside none; display: table;margin: 0px;padding: 0px;}
.gallery li {display: block;float: left;height:auto;margin-bottom: 6px;margin-right: 6px;width: 49%;}
.gallery li a {height: auto;width: 49%;}
.gallery li a img {max-width: 100%;}


/** /font-icons if you are not using font icons you can just remove this part/**/
@font-face {font-family: 'Slide-icons';src: url('../fonts/Slide-icons.eot');}
@font-face {
	font-family: 'Slide-icons';
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAWcAAsAAAAACSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAm4AAAQxqzjSYEZGVE0AAAN4AAAAGgAAABxmWaSOR0RFRgAAA5QAAAAdAAAAIAAzAARPUy8yAAADtAAAAEsAAABgL/bcQGNtYXAAAAQAAAAAPQAAAVLgL/LNaGVhZAAABEAAAAAuAAAANv3vdhloaGVhAAAEcAAAAB4AAAAkBBD/5GhtdHgAAASQAAAAEgAAABIFOwBxbWF4cAAABKQAAAAGAAAABgAGUABuYW1lAAAErAAAAOEAAAGw7pftcnBvc3QAAAWQAAAADAAAACAAAwAAeJx9VE1oE1EQnpfsJutmSWNMQoUoWxB/qmIKnkKJWKvXQlOwhx5E7SEo9WCEHNKAJqVbn8RLzvEgKEUPCgoiIi3YHkWw2mO9CBb8O1SzurXjvLfrJiqEhXkzwzffm/nee8tAUYAxZuQvFs5PHi6cuzR1GVgAGORsM2D3Be1ehRtBbii7ddiZjyPnvmOE+QW7YRfVNNzpSQPE0vBwexqMtNIbh7Dg0KAHUrAL9sARyF6ZKpzKZDK0nMwMHHeXIXc54S7DHU109gPAZpnF5th1xiEkiANgsFpgNDATPB3ldlHZbNiNcBTZ/JNRZBPFZ0nE6mw/GT6MUC6tiPCgihA6Vkb8sXCNI35bGxRuTcYa4vqZIWlUP1sVoCx3Yyqd1gTNIUH4RhJ6rILAxw9yN/bwghVSt56rLoCyFY6gmy8kwENJwjYrlItPVauOuDWyhqDEzlKFIuvIIrAHfTJbr2uSWpgFOVvFHVDQc5dftK751P3CeyuNp8Uf/DL3tal5rFKLuiX2MxGdL00azJHKOWLcrZF3MmtZWhThNRWwx62XSYTF/d8Rc6sR2iFyNYS4MWNSzaeJA+RWfkqjCYBO5tV71bIkjTssUVe5bykrhrXqWqnZ1m9a6rfk61emfu+Px8iIA8zf/SrDNr4s8csd+Gbzn+mXOtWK3rPHkqbeGkuZuvNIGudo9wRdvDkald0Yj9HFy89vtvsgjw7/Pxm9Kf+SEfGj86HU/frlVn6RwgP7CLVRTZDCFZt6j99edcWGSPmz5h4BLO5d73bIzVL7OdTkc8j6O5MIdiPBkzcNnZ7zDvF/2OYkWvSFI78BSE0QpgAAeJxjYGBgZACCk535hiD6XIbUOhgNAD+3BfAAAHicY2BkYGDgA2IJBhBgYmAEQlYgZgHzGAAEgQA4AAAAeJxjYGZiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbAyM8CBAILJEJDmmsLg8EDqAwPjg/8PGPQYHzAoNDAwMMIVKAAhIwATaAw5AHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwgiQeyHxj+/wezpCAs+RcCjFBdYMDIxoDMHZEAAP1aCcoAAAB4nGNgZGBgAGLNvbqy8fw2Xxm4mRhA4FyG1DoE/f8BEwPjAyCXgwEsDQAB0gmnAAB4nGNgZGBgfPD/AYMeEwMDwz8GIAkUQQHMAG3nA/YAAAIAAAAAAAAAAgAAUQClACAAlgAAAABQAAAGAAB4nI2PMW7CQBBFn8FGIkQpo5RbIFHZsjciEhyAMg0SFwALrYS8kuEMOQLH4BgcgGPkAKnz7UxBkYKVVvPmz5/ZWeCZMwndSZjwZjwgozQeMuPLOJXnapyJv41HTJIXOZN0LOW17+p4wBNT4yGffBin8lyMM/HNeCT+Yc2BwI6aXHFLpOEI60PY1XnYxkbJnW7Kqs9PfWzZq9vhKfQPx1L3/6l/Nc9c6kLXy1/xrnGxOa1iu6+dL0q3dHevK/PzfJH7spLxkW03qrZSQ191eqHbi03dHkNsXFWUD835BcvqQqwAAAB4nGNgZsALAAB9AAQ=) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWZZpI4AAAboAAAAHEdERUYANQAGAAAGyAAAACBPUy8yL9TcHwAAAVgAAABWY21hcOAx89QAAAHMAAABUmdhc3D//wADAAAGwAAAAAhnbHlmlq1ZxgAAAzQAAAGAaGVhZP3vdhkAAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BeoAcQAAAbAAAAAabG9jYQEyAOAAAAMgAAAAEm1heHAAUwAnAAABOAAAACBuYW1l7pftcgAABLQAAAGwcG9zdCBfgkMAAAZkAAAAWgABAAAAAQAAZVgBDF8PPPUACwIAAAAAAM5oGq4AAAAAzmgargAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAIACQACQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4BrwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAAAAAAIAAFEAqgAgAJYAAAAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAA4B3wAP//AAAAAOAa8AD//wAAH+oQAwABAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAEIAZACeAMAAAAABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAQBRADYBrwGKAB0AAAE2NC8BJg8BJyYPAQYUHwEHBh8BFj8BFxY/ATYvAQGqBAQXCwx8fAwLFwQEfX0LCxcLDHx8DAsXCwt9AVwFDQUXCwt9fQsLFwUNBXx8DAsXCwt9fQsLFwsMfAABAKoABQGeAbYAEQAAEyYPAQYfAQcGHwEWMj8BNjQn1AwLEwsLrKwLCxMFDQXBCAgBtgsLEwsMrKwMCxMFBcEJGAkAAAkAIAAAAeABwAADAAcACwAPABMAFwAbAB8AIwAAEzMVIyUzFSMnMxUjBzMVIyUzFSMnMxUjBzMVIyUzFSMnMxUjIICAAUCAgKCAgKCAgAFAgICggICggIABQICAoICAAcCAgICAgCCAgICAgCCAgICAgAAAAQCWAAoBjwG2ABEAAAE2LwEmDwEGFB8BFj8BNjQvAQGKCwsTDAvBCQnBCwsUBAStAYwMCxMLC8EJGAnBCwsTBQ0FrAAAAAwAlgABAAAAAAABAAsAGAABAAAAAAACAAUAMAABAAAAAAADACcAhgABAAAAAAAEAAsAxgABAAAAAAAFAAsA6gABAAAAAAAGAAsBDgADAAEECQABABYAAAADAAEECQACAAoAJAADAAEECQADAE4ANgADAAEECQAEABYArgADAAEECQAFABYA0gADAAEECQAGABYA9gBTAGwAaQBkAGUALQBpAGMAbwBuAHMAAFNsaWRlLWljb25zAABpAGMAbwBuAHMAAGljb25zAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAFMAbABpAGQAZQAtAGkAYwBvAG4AcwAgADoAIAAyADUALQA5AC0AMgAwADEAMwAARm9udEZvcmdlIDIuMCA6IFNsaWRlLWljb25zIDogMjUtOS0yMDEzAABTAGwAaQBkAGUALQBpAGMAbwBuAHMAAFNsaWRlLWljb25zAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABTAGwAaQBkAGUALQBpAGMAbwBuAHMAAFNsaWRlLWljb25zAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAABAAIBAgEDAQQBBQEGB3VuaUYwMDAHdW5pRTAxQQd1bmlFMDFCB3VuaUUwMUMHdW5pRTAxRAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAHAAEABAAAAAIAAAAAAAEAAAAAyYlvMQAAAADOaBquAAAAAM5oGq4=) format('truetype');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {font-family: 'Slide-icons';content: attr(data-icon);speak: none;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.light-gallery {overflow: hidden!important;}
#lg-gallery img {border: none!important;}
#lg-outer {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999!important;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;user-select: none;opacity: 1;-webkit-transition: opacity 0.35s ease;-moz-transition: opacity 0.35s ease;-o-transition: opacity 0.35s ease;-ms-transition: opacity 0.35s ease;transition: opacity 0.35s ease;background: #0d0d0d;}
#lg-outer .lg-slide{position: relative;}
#lg-gallery.opacity {opacity: 1;transition: opacity 1s ease 0s;-moz-transition: opacity 1s ease 0s;-webkit-transition: opacity 1s ease 0s;-o-transition: opacity 1s ease 0s;-ms-transition: opacity 1s ease 0s;}
#lg-gallery.opacity .thumb-cont {opacity: 1;}
#lg-gallery.fade-m {opacity: 0;transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s;
}
#lg-gallery {height: 100%;opacity: 0;width: 100%;position: relative;transition: opacity 1s ease 0s;-moz-transition: opacity 1s ease 0s;-webkit-transition: opacity 1s ease 0s;-o-transition: opacity 1s ease 0s;-ms-transition: opacity 1s ease 0s;}
#lg-slider {height: 100%;left: 0;top: 0;width: 100%;position: absolute;white-space: nowrap;}
#lg-slider .lg-slide {background: url(../img/loading.gif) no-repeat scroll center center transparent;display: inline-block;height: 100%;text-align: center;width: 100%;}
#lg-slider .lg-slide.complete {background-image: none;}
#lg-gallery.show-after-load .lg-slide > * {opacity: 0;}
#lg-gallery.show-after-load .lg-slide.complete > * {opacity: 1;}
#lg-slider.slide .lg-slide, #lg-slider.use-left .lg-slide {position: absolute;opacity: 0.4;}
#lg-slider.fade-m .lg-slide {position: absolute;left: 0;opacity: 0;}
#lg-slider.animate .lg-slide {position: absolute;left: 0;}
#lg-slider.fade-m .current {opacity: 1;z-index: 9;}
#lg-slider .lg-slide:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
#lg-gallery.opacity .lg-slide .object {transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);-o-transform: scale3d(1, 1, 1);}
.lg-slide .object{transform: scale3d(0.5, 0.5, 0.5);-moz-transform: scale3d(0.5, 0.5, 0.5);-ms-transform: scale3d(0.5, 0.5, 0.5);-webkit-transform: scale3d(0.5, 0.5, 0.5);-o-transform: scale3d(0.5, 0.5, 0.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;
-ms-transition: -ms-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;}
#lg-gallery.fade-m .lg-slide .object {transform: scale3d(0.5, 0.5, 0.5);-moz-transform: scale3d(0.5, 0.5, 0.5);-ms-transform: scale3d(0.5, 0.5, 0.5);-webkit-transform: scale3d(0.5, 0.5, 0.5);-o-transform: scale3d(0.5, 0.5, 0.5);}
#lg-slider.fade-m.on .current {opacity: 1;transition: opacity 0.5s ease 0s;-moz-transition: opacity 0.5s ease 0s;-webkit-transition: opacity 0.5s ease 0s;-o-transition: opacity 0.5s ease 0s;-ms-transition: opacity 0.5s ease 0s;}
#lg-slider.fade-m .lg-slide {transition: opacity 0.4s ease 0s;-moz-transition: opacity 0.4s ease 0s;-webkit-transition: opacity 0.4s ease 0s;-o-transition: opacity 0.4s ease 0s;-ms-transition: opacity 0.4s ease 0s;}
#lg-slider.slide .lg-slide {transform: translate3d(100%, 0px, 0px);-moz-transform: translate3d(100%, 0px, 0px);-ms-transform: translate3d(100%, 0px, 0px);-webkit-transform: translate3d(100%, 0px, 0px);-o-transform: translate3d(100%, 0px, 0px);}
#lg-slider.slide.on .lg-slide {opacity: 0;}
#lg-slider.slide .lg-slide.current {opacity: 1 !important;transform: translate3d(0px, 0px, 0px) !important;-moz-transform: translate3d(0px, 0px, 0px) !important;-ms-transform: translate3d(0px, 0px, 0px) !important;-webkit-transform: translate3d(0px, 0px, 0px) !important;-o-transform: translate3d(0px, 0px, 0px) !important;}
#lg-slider.slide .lg-slide.prev-slide {opacity: 0;transform: translate3d(-100%, 0px, 0px);-moz-transform: translate3d(-100%, 0px, 0px);-ms-transform: translate3d(-100%, 0px, 0px);-webkit-transform: translate3d(-100%, 0px, 0px);-o-transform: translate3d(-100%, 0px, 0px);}
#lg-slider.slide .lg-slide.next-slide {opacity: 0;transform: translate3d(100%, 0px, 0px);-moz-transform: translate3d(100%, 0px, 0px);-ms-transform: translate3d(100%, 0px, 0px);-webkit-transform: translate3d(100%, 0px, 0px);-o-transform: translate3d(100%, 0px, 0px);}
#lg-slider.use-left .lg-slide {left: 100%;}
#lg-slider.use-left.on .lg-slide {opacity: 0;}
#lg-slider.use-left .lg-slide.current {opacity: 1 !important;left: 0% !important;}
#lg-slider.use-left .lg-slide.prev-slide {opacity: 0;left: -100%;}
#lg-slider.use-left .lg-slide.next-slide {opacity: 0;left: 100%;}
#lg-slider.slide.on .lg-slide, #lg-slider.slide.on .current, #lg-slider.slide.on .prev-slide, #lg-slider.slide.on .next-slide {-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;-ms-transition: -ms-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;}
#lg-slider.speed .lg-slide, #lg-slider.speed .current, #lg-slider.speed .prev-slide, #lg-slider.speed .next-slide {transition-duration: inherit !important;-moz-transition-duration: inherit !important;-webkit-transition-duration: inherit !important;-o-transition-duration: inherit !important;-ms-transition-duration: inherit !important;}
#lg-slider.timing .lg-slide, #lg-slider.timing .current, #lg-slider.timing .prev-slide, #lg-slider.timing .next-slide {transition-timing-function: inherit !important;-moz-transition-timing-function: inherit !important;-webkit-transition-timing-function: inherit !important;-o-transition-timing-function: inherit !important;-ms-transition-timing-function: inherit !important;}
#lg-slider .lg-slide img {display: inline-block;max-height: 100%;max-width: 100%;cursor: -moz-grabbing;cursor: grab;cursor: -webkit-grab;margin: 0;padding: 0;width: auto;height: auto;vertical-align: middle;}
#lg-gallery .thumb-cont .thumb-inner {-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;-ms-transition: -ms-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;}
@-webkit-keyframes rightEnd {
0% {left: 0;}
50% {left: -30px;}
100% {left: 0;}
}
@keyframes rightEnd {
0% {left: 0;}
50% {left: -30px;}
100% {left: 0;}
}
@-webkit-keyframes leftEnd {
0% {left: 0;}
50% {left: 30px;}
100% {left: 0;}
}
@keyframes leftEnd {
0% {left: 0;}
50% {left: 30px;}
100% {left: 0;}
}
.lg-slide .object.right-end {-webkit-animation: rightEnd 0.3s;animation: rightEnd 0.3s;position: relative;}
.lg-slide .object.left-end {-webkit-animation: leftEnd 0.3s;animation: leftEnd 0.3s;position: relative;}
#lg-action {bottom: 20px;position: fixed;left: 50%;margin-left: -30px;z-index: 9;-webkit-backface-visibility: hidden;}
#lg-action.has-thumb {margin-left: -46px;}
#lg-action a {margin: 0 3px 0 0 !important;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;position: relative;top: auto;left: auto;bottom: auto;right: auto;display: inline-block !important;display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;background-color: #000;background-color: rgba(0, 0, 0, 0.65);font-size: 16px;width: 28px;height: 28px;font-family: 'Slide-icons';color: #FFF;cursor: pointer;}
#lg-action a.disabled {opacity: 0.6;filter: alpha(opacity=60);cursor: default;background-color: #000;background-color: rgba(0, 0, 0, 0.65) !important;}
#lg-action a:hover, #lg-action a:focus {background-color: #000;background-color: rgba(0, 0, 0, 0.85);}
#lg-action a#lg-prev:before, #lg-action a#lg-next:after {left: 5px;bottom: 3px;position: absolute;}
#lg-action a#lg-prev:before {content: "\e01d";}
#lg-action a#lg-next:after {content: "\e01b";}
#lg-action a.cl-thumb:after {font-family: 'Slide-icons';content: "\e01c";left: 6px;bottom: 4px;font-size: 16px;position: absolute;}
#lg-counter {bottom: 52px;text-align: center;width: 100%;position: absolute;z-index: 9;color: #FFFFFF;}
#lg-gallery .thumb-cont {position: absolute;bottom: 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #000000;-webkit-transition: max-height 0.4s ease-in-out;-moz-transition: max-height 0.4s ease-in-out;-o-transition: max-height 0.4s ease-in-out;-ms-transition: max-height 0.4s ease-in-out;transition: max-height 0.4s ease-in-out;z-index: 9;max-height: 0;opacity: 0;}
#lg-gallery.open .thumb-cont {max-height: 350px;}
#lg-gallery .thumb-cont .thumb-inner {margin-left: -12px;padding: 12px;max-height: 290px;overflow-y: auto;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#lg-gallery .thumb-cont .thumb-info {background-color: #333;padding: 7px 20px;}
#lg-gallery .thumb-cont .thumb-info .count {color: #ffffff;font-weight: bold;font-size: 12px;}
#lg-gallery .thumb-cont .thumb-info .close {color: #FFFFFF;display: block;float: right !important;width: 28px;position: relative;height: 28px;border-radius: 2px;margin-top: -4px;background-color: #000;background-color: rgba(0, 0, 0, 0.65);-webkit-transition: background-color 0.3s ease 0s;-moz-transition: background-color 0.3s ease 0s;-o-transition: background-color 0.3s ease 0s;-ms-transition: background-color 0.3s ease 0s;transition: background-color 0.3s ease 0s;z-index: 1090;cursor: pointer;}
#lg-gallery .thumb-cont .thumb-info .close i:after {left: 6px;position: absolute;top: 4px;}
#lg-gallery .thumb-cont .thumb-info .close i:after, #lg-close:after {content: "\e01a";font-family: 'Slide-icons';font-style: normal;font-size: 16px;}
#lg-gallery .thumb-cont .thumb-info .close:hover {text-decoration: none;background-color: #000;background-color: rgba(0, 0, 0, 1);}
#lg-gallery .thumb-cont .thumb {display: inline-block !important;vertical-align: middle;text-align: center;*display: inline;*zoom: 1;margin-bottom: 4px;height: 50px;width: 50px;opacity: 0.6;filter: alpha(opacity=60);overflow: hidden;border-radius: 3px;cursor: pointer;-webkit-transition: border-color linear .2s, opacity linear .2s;-moz-transition: border-color linear .2s, opacity linear .2s;-o-transition: border-color linear .2s, opacity linear .2s;-ms-transition: border-color linear .2s, opacity linear .2s;transition: border-color linear .2s, opacity linear .2s;}
@media (min-width: 800px) {
#lg-gallery .thumb-cont .thumb {width: 94px;height: 94px;}}
#lg-gallery .thumb-cont .thumb > img {height: auto;max-width: 100%;}
#lg-gallery .thumb-cont .thumb.active, #lg-gallery .thumb-cont .thumb:hover {opacity: 1;filter: alpha(opacity=100);border-color: #ffffff;}
#lg-slider .video-cont {display: inline-block;max-height: 100%;max-width: 100%;margin: 0;padding: 0;width: auto;height: auto;vertical-align: middle;}
#lg-slider .video-cont {background: none;max-width: 1140px;max-height: 100%;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#lg-slider .video {width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;position: relative;}
#lg-slider .video .object {width: 100%!important;height: 100%!important;position: absolute;top: 0;left: 0;}
#lg-close {color: #FFFFFF;height: 28px;position: absolute;right: 20px;top: 20px;width: 28px;z-index: 1090;cursor: pointer;background-color: #000;border-radius: 2px;background-color: #000;background-color: rgba(0, 0, 0, 0.65);-webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;-o-transition: background-color 0.3s ease;-ms-transition: background-color 0.3s ease;transition: background-color 0.3s ease;-webkit-backface-visibility: hidden;}
#lg-close:after {position: absolute;right: 6px;top: 3px;}
#lg-close:hover {text-decoration: none;background-color: #000;}
.custom-html {background: none repeat scroll 0 0 black;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);color: #fff;font-family: Arial, sans-serif;height: 70px;left: 0;position: absolute;right: 0;top: 0;z-index: 9;}
.custom-html p {font-size: 14px;}
.custom-html > h4 {font-family: Arial, sans-serif;font-weight: bold;margin-bottom: 5px;margin-top: 15px;}

/* ============================================================================= 
Page loadig animation
============================================================================= */
.no-js .preloader, .no-js .preloader-portfolio { display: none;}
.preloader, .preloader-portfolio {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url(../images/background/bg-preloader.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.preloader-animation {position: absolute;top: 40%;left: 50%;text-align: center;background-color: inherit;color: inherit;opacity: 1;transition: opacity 0.3s;transform: translate3d(-50%,-50%,0);}
.preloader-spinner {width: 60px;height: 60px;margin: 100px auto;background-color: #fff;border-radius: 100%;  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;animation: sk-scaleout 1.0s infinite ease-in-out; margin-bottom: 20px;}
.logo-preloader{width: 100%; text-align: center;}
.logo-preloader img{width: 30%;}
.txt-preloader{color: #fff; font-weight: bold;}

@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.1);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% { 
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
}
}

/*RESPONSIVE*/
@media screen and (max-width: 1366px) {
.author {padding-top: 285px;}
.logo-ur {width: 30%;margin: 0 auto;margin-top: 85%;}
}
@media screen and (max-width: 1280px) {
.card-outer{margin-top: 50px; margin-bottom: 50px;}
}
@media screen and (max-width: 1024px) {
.card-outer {position: relative; padding: 50px 0px;}
.cbp-contentslider nav a span {display: block;}
.cbp-contentslider p {font-size: 16px;}
.logo-ur {margin-top: 100%;}
}
@media screen and (max-width: 960px) {
.cbp-contentslider nav a span {display: none}
.entrevistado-container:last-child{margin-bottom: 0px;}
.links-aldia .row{margin-bottom: 0px;}
.links-aldia .cover{margin-bottom: 30px;}
.links-aldia .cover:last-child{margin-bottom: 0px;}
#nuestra-voz-m img {width: 100%; float: none; margin-right: 0px; margin-bottom: 15px; border-radius: 10px;}
.profesor-container{margin-bottom: 45px;}
.btn-otras-ediciones{ display: none;}
.tabs-boletin-DED-M .label {width: 100%;}
.tabs-boletin-DED-02-M .label {width: 100%;}
}
@media screen and (max-width: 800px) {
.profesor-container{text-align: center;}
#preguntele .wp-block-image{float: none; margin-right: 00px;}
#preguntele .wp-block-image img {width: 180px;}
.tooltip-one {width: 100%;}
#preguntele-m ul{margin-left: 20px;}
#preguntele-m li{list-style: disc !important; color: #DA39B3;}
#preguntele-m span{color: #333;}
.wp-block-audio audio{width: 100% !important;}
.blog-slider__button{letter-spacing: 0px;}
}
/*
@media screen and (max-width: 1024px) and (max-height: 600px) {  
.card-outer .card-inner-box {min-height: 550px;}
.header ul li a {padding: 8px 10px;font-size: 14px;}
.author {padding-top: 220px;}
.header ul li a.logo {line-height: 40px;}
}  
@media screen and (max-width: 960px) {
.card-outer .card-inner-box {min-height: 768px;}
.author {padding-top: 430px;}
}*/
@media screen and (max-width: 800px) {
.preloader{display: none !important;}
}

@media screen and (max-width: 480px) {
.btn-otras-ediciones-m{margin-left: 190px;width: 200px;line-height: 12px;}
}
@media screen and (max-width: 414px) {
.btn-otras-ediciones-m{line-height: 14px !important;margin-left: 176px;}
}