@charset "utf-8";
/* *****************************************************************
Theme Name: VIBA+ (versión 2.x)
Theme URI: https://vibaplus.com/
Description: Theme para la web de VIBA+, esta construido en bootstrap 5.1.3 ver el panel de control para más detalles.
Author: Animal Creativo
Author URI: https://www.animalcreativo.cl
Version: 2024-06-05
****************************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alatsi&display=swap');
a { transition: all 0.3s ease; text-decoration: none; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
body { display: flex; min-height: 100vh; flex-direction: column; font-family: Open sans, sans-serif; }
.container { max-width: 1640px; }
.container.medium { max-width: 1320px; }
section#contenido { flex: 1; background-color: #071828; padding-top: 66px; }
@media (max-width:991px) {
section#contenido { padding-top: 57px; }
}
*::-webkit-scrollbar { height: 7px; width: 7px }
*::-webkit-scrollbar-track { border-radius: 20px; background-color: #071828 }
*::-webkit-scrollbar-track:hover { background-color: #071828 }
*::-webkit-scrollbar-track:active { background-color: #071828 }
*::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #7E919D }
*::-webkit-scrollbar-thumb:hover { background-color: #31AB80 }
*::-webkit-scrollbar-thumb:active { background-color: #31AB80 }
/* CSS BOTONES */
a.boton-degradado-24 { color: #FFFFFF; font-weight: bold; font-size: 16px; position: relative; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); padding: 3px; display: inline-flex; border-radius: 8px; position: relative; transition: .3s ease; }
a.boton-degradado-24 span { background-color: #071828; padding: 6px 30px; border-radius: 6px; flex: 1; }
a.btn-blanco { color: #32AB80; font-weight: bold; font-size: 16px; padding: 7px 15px; border: 1px solid #32AB80; border-radius: 8px; min-width: 126px; display: inline-block; text-align: center; }
a.btn-blanco:hover { background-color: #32AB80; color: #fff; }
a.btn-degradado-menu { color: #fff; font-weight: bold; font-size: 16px; padding: 8px 16px; border-radius: 8px; min-width: 126px; display: inline-block; text-align: center; background-image: url(img/btn-degradado-menu.jpg); background-position: center; background-size: cover; }
a.btn-degradado-menu:hover { filter: brightness(1.1); }
a.btn-degradado { width: 100%; color: #fff; font-weight: bold; font-size: 16px; padding: 8px 16px; border-radius: 8px; min-width: 126px; display: inline-block; text-align: center; background-image: url(img/btn-degradado.png); background-position: center; background-size: cover; }
a.btn-degradado:hover { filter: brightness(1.1); }
/* FIN CSS BOTONES */
header { background-color: #FFFFFF; padding: 13px 0px; position: fixed; left: 0; right: 0; top: 0; z-index: 99; }
header .logo { margin-right: 60px; display: flex; align-items: center; }
header .logo figure { margin: 0; max-width: 136px; width: 100%; }
header nav { display: flex; }
header .logo figure img { display: block; width: 100%; height: auto; }
header nav .menu-principal { display: flex; align-items: center; flex: 1; }
header nav .menu-principal ul { margin: 0; list-style: none; padding: 0; display: flex; }
header nav .menu-principal ul li { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #58A883; margin-right: 20px; display: flex; align-items: center; }
header nav .menu-principal ul li a { color: #58A883; }
header nav .menu-principal ul li a:hover path { fill: #071828; }
header nav .menu-principal ul li a path { transition: .3s ease; }
header nav .rrss { display: flex; align-items: center; margin-right: 35px; }
header nav .rrss ul { padding: 0; margin: auto; list-style: none; display: flex; }
header nav .rrss ul li { margin-left: 20px; }
header nav .rrss ul li a { color: #32AB80; }
header nav .rrss ul li a figure { margin: 0; font-size: 23px; }
header nav .rrss ul li a figure svg path { }
header nav .rrss ul li:first-child { margin-left: 0; }
header nav .rrss ul li a:hover { color: #012239; }
header nav .menu-principal ul li a:hover { color: #071828; }
header nav .botones-destacados { display: flex; align-items: center; }
header nav .botones-destacados ul { padding: 0; list-style: none; display: flex; margin: 0; }
header nav .botones-destacados ul li { margin-right: 10px; }
header nav .botones-destacados ul li:last-child { margin-right: 0; }
header nav .boton-menu-mobile { display: none; }
header .menu-mobile { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #071828; z-index: 999; transition: .3s ease; transform: translateX(-100%); display: flex; flex-direction: column; }
header .menu-mobile .top { padding: 15px 0px; }
header .menu-mobile .top .logo { display: flex; flex: 1; }
header .menu-mobile .top .logo figure { }
header .menu-mobile .top .logo figure img { }
header .menu-mobile .top .cerrar { display: flex; align-items: center; }
header .menu-mobile .top .cerrar button { background-color: transparent; border: 0; padding: 0; display: flex; }
header .menu-mobile .top .container { display: flex; align-items: center; }
header .menu-mobile.active { transform: translateX(0); }
header .menu-mobile .menu-mobile-list { flex: 1; overflow-y: auto; margin-top: 10px; }
header .menu-mobile .menu-mobile-list .menu-principal.mobile { }
header .menu-mobile .menu-mobile-list .menu-principal.mobile ul { margin: 0; list-style: none; padding: 0; }
header .menu-mobile .menu-mobile-list .menu-principal.mobile ul li { color: #FAFAFA; font-size: 18px; text-transform: uppercase; font-weight: 400; }
header .menu-mobile .menu-mobile-list .menu-principal.mobile ul li a { padding: 15px 0px; border-bottom: 1px solid rgb(255 255 255 / 10%); }
header .menu-mobile .menu-mobile-list .menu-principal.mobile ul li.search-menu { display: none; }
header .menu-mobile .menu-mobile-list .search-menu-mobile { padding: 15px 0px; }
header .menu-mobile .menu-mobile-list .search-menu-mobile form { position: relative; }
header .menu-mobile .menu-mobile-list .search-menu-mobile form input#s { background-color: #132333; border: 0; border-radius: 8px; padding: 10px 15px; color: #FDFDFD; font-weight: bold; padding-right: 40px; width: 100%; }
header .menu-mobile .menu-mobile-list .search-menu-mobile form input#searchsubmit { font-size: 0; background-color: transparent; border: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; background-image: url(img/search.svg); background-position: center; background-repeat: no-repeat; }
header .menu-mobile .menu-mobile-list .search-menu-mobile form input#s::placeholder { color: #FDFDFD; }
header .menu-mobile .bottom { }
header .menu-mobile .bottom .botones { }
header .menu-mobile .bottom .botones ul { padding: 0; list-style: none; margin: 0; display: flex; padding: 15px 0px; padding-bottom: 35px; }
header .menu-mobile .bottom .botones ul li { width: 50%; }
header .menu-mobile .bottom .botones ul li a { width: 100%; font-size: 16px; padding: 7px 15px; }
header .menu-mobile .bottom .botones ul li a.btn-degradado-menu { padding: 8px 15px; }
header .menu-mobile .bottom .botones ul li:first-child { margin-right: 10px; }
header .menu-mobile .bottom .botones ul li a.btn-blanco { color: #FAFAFA; background-color: transparent; border-color: #FAFAFA; }
header .menu-mobile .bottom .rrss { padding: 0px 25px; padding-bottom: 50px; }
header .menu-mobile .bottom .rrss ul { margin: 0; list-style: none; padding: 0; display: flex; border-top: 1px solid rgb(255 255 255 / 10%); padding-top: 15px; }
header .menu-mobile .bottom .rrss ul li { display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 15px; }
header .menu-mobile .bottom .rrss ul li a { display: flex; width: 40px; height: 40px; background-color: #FFFFFF; color: #071828; border-radius: 100%; align-items: center; justify-content: center; }
header .menu-mobile .bottom .rrss ul li a figure { margin: 0; display: flex; }
header .menu-mobile .bottom .rrss ul li:last-child { margin-right: 0; }
header nav .boton-menu-mobile button { background-color: transparent; border: 0; padding: 0; outline: none; box-shadow: none; }
@media (max-width:1439px) {
header nav .rrss { display: none; }
}
@media (max-width:991px) {
header nav .botones-destacados ul li a.btn-blanco { font-size: 14px; padding: 4px 20px; min-width: auto; padding-top: 5px; }
header .logo { margin-right: 30px; }
}
@media (max-width:991px) {
header .logo figure { max-width: 100px; }
.container { padding: 0px 20px; }
header nav .menu-principal { display: none; }
a.btn-degradado-menu { font-size: 14px; padding: 5px 20px; min-width: auto; padding-top: 6px; }
header nav .botones-destacados { flex: 1; justify-content: flex-end; }
header nav .boton-menu-mobile { display: flex; margin-left: 15px; }
header nav .boton-menu-mobile button#mobile { background-color: transparent; outline: none; border: 0; box-shadow: none; padding: 0; padding-left: 5px; }
}
@media (max-width:768px) {
header .logo { margin-right: 10px; }
}
@media (min-width:992px) {
header .menu-mobile { display: none; }
}
footer.footer-24 .wrapper-footer-bg { background: rgb(7, 24, 40); background: -moz-linear-gradient(180deg, rgba(7, 24, 40, 1) 0%, rgba(7, 24, 41, 1) 53%, rgba(0, 36, 60, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(7, 24, 40, 1) 0%, rgba(7, 24, 41, 1) 53%, rgba(0, 36, 60, 1) 100%); background: linear-gradient(180deg, rgba(7, 24, 40, 1) 0%, rgba(7, 24, 41, 1) 53%, rgba(0, 36, 60, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#071828", endColorstr="#00243c", GradientType=1); padding-top: 60px; }
footer.footer-24 .wrapper-footer-bg .top-bar { display: flex; align-items: center; justify-content: center; }
footer.footer-24 .wrapper-footer-bg .top-bar figure.logo { margin: 0; position: relative; background-color: #071828; padding: 0px 80px; }
footer.footer-24 .wrapper-footer-bg .top-bar figure.logo a { }
footer.footer-24 .wrapper-footer-bg .top-bar figure.logo a img { width: 136px; height: auto; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 { border-bottom: 25px solid #071828; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper { display: flex; max-width: 1320px; margin: 0 auto; margin-top: 60px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu { flex: 1; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion { display: flex; gap: 30px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item { flex: 1; border: 0; border-radius: 0; background-color: transparent; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item h2 { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item h2 button .arrow { display: none; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item h2 button .arrow svg { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item h2 button::after { display: none; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-collapse { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-body { padding: 0; padding-top: 28px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-body ul { padding: 0; list-style: none; margin: 0; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-body ul li { margin-bottom: 20px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-body ul li a { color: #FAFAFA; opacity: 0.7; transition: .3s ease; display: flex; align-items: center; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion .rss-desktop { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-body ul li a figure { margin: 0; font-size: 22px; color: #FFFFFF; width: 35px; display: flex; align-items: center; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-body ul li a figure svg { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta { position: relative; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta .wrap { width: 355px; display: flex; flex-direction: column; flex.d:; flex.d: c; align-items: center; justify-content: center; text-align: center; height: 220px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta .wrap p { color: #FAFAFA; font-weight: bold; font-size: 16px; margin-bottom: 16px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta .wrap a { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom { padding: 25px 0px; text-align: center; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile { display: none; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile ul { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile ul li { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile ul li a { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile ul li a svg { }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom h6 { margin: 0; color: #FFFFFF; font-size: 13px; }
footer.footer-24 .wrapper-footer-bg .top-bar:before { content: ''; display: block; width: 100%; height: 1px; position: absolute; background-color: #31AB80; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-body ul li a:hover { opacity: 0.9; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta:before { content: ''; display: block; width: 1px; background-color: #FAFAFA; max-height: 241px; height: 100%; opacity: 0.25; position: absolute; left: 0; top: 0; }
@media (min-width:992px) {
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-collapse { display: block; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item h2 button { padding: 0; background-color: transparent; outline: none; pointer-events: none; color: #FAFAFA; font-weight: bold; font-size: 16px; }
}
@media (max-width:1199px) {
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta .wrap { width: 250px; }
}
@media (max-width:991px) {
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion { gap: 0; flex-direction: column; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper { flex-direction: column; margin-top: 30px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion .rss-desktop { display: none; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta:before { display: none; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta .wrap { width: 100%; height: auto; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta .wrap p { margin-bottom: 15px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile { display: flex; margin-bottom: 30px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item h2 button { background-color: transparent; padding: 0; border: 0; box-shadow: none; outline: none; color: #FAFAFA; font-weight: bold; font-size: 16px; padding: 20px 0px; padding-right: 35px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item h2 button .arrow { position: absolute; right: 0; display: flex; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu { padding-bottom: 10px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta .wrap a { width: 100%; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item h2 button.collapsed .arrow svg { rotate: 0deg; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .arbol-menu .accordion-item .accordion-body { padding-top: 5px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile ul { display: flex; list-style: none; padding: 0; margin: 0; width: 100%; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile ul li { flex: 1; display: flex; align-items: center; justify-content: center; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile ul li a { display: flex; font-size: 32px; color: #FFFFFF; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .bottom .rrss-mobile ul li a figure { margin: 0; display: flex; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 { border-bottom: 0; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper .link-cta { border-top: 1px solid #ffffff21; border-bottom: 1px solid #ffffff21; padding: 15px 0px; }
}
@media (max-width:768px) {
footer.footer-24 .wrapper-footer-bg .top-bar figure.logo a img { width: 101px; }
footer.footer-24 .wrapper-footer-bg .top-bar figure.logo { padding: 0px 40px; }
footer.footer-24 .wrapper-footer-bg .wrapper-footer-24 .wrapper { margin-top: 10px; }
}
.carrusel-principal { }
.carrusel-principal .slick-track { }
.carrusel-principal .item { }
.carrusel-principal .item .wrapper-img { }
.carrusel-principal .item .wrapper-img a { }
.carrusel-principal .item .wrapper-img figure { margin: 0; }
.carrusel-principal .item .wrapper-img figure img { width: 100%; height: auto; }
.carrusel-principal .item .wrapper-img figure.mobile { display: none; }
@media (max-width:768px) {
.carrusel-principal .item .wrapper-img figure.desktop { display: none; }
.carrusel-principal .item .wrapper-img figure.mobile { display: flex; }
}
ul.slick-dots { padding: 0; max-width: 1680px; margin: 0 auto; padding: 15px 15px; display: flex; justify-content: flex-end; list-style: none; position: relative; bottom: 0; left: 0; right: 0; }
ul.slick-dots li { margin: 0px 4px; display: flex; }
ul.slick-dots li button { font-size: 0; border: 0; background-color: transparent; padding: 0; width: 9px; height: 9px; background-color: #E5E2E2; border-radius: 30px; transition: .3s ease; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); position: relative; overflow: hidden; }
ul.slick-dots li:last-child { margin-right: 0; }
ul.slick-dots li.slick-active button { width: 89px; }
ul.slick-dots li button::before { content: ""; background-color: #E5E2E2; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: .3s ease; }
ul.slick-dots li.slick-active button::before { opacity: 0; }
@media (max-width:768px) {
ul.slick-dots { justify-content: center; }
}
.bienvenido-viba { text-align: center; padding-top: 85px; padding-bottom: 60px; position: relative; }
.bienvenido-viba h2 { margin: 0; color: #FAFAFA; font-size: 42px; display: flex; align-items: center; justify-content: center; }
.bienvenido-viba h2 figure { margin: 0; display: inline-flex; margin-left: 20px; }
.bienvenido-viba h2 figure img { max-width: 173px; height: auto; }
@media (max-width:768px) {
.bienvenido-viba h2 { flex-direction: column; font-size: 30px; }
.bienvenido-viba h2 figure { margin: 0; margin-top: 10px; }
.bienvenido-viba { padding-top: 90px; padding-bottom: 65px; }
}
.titular-seccion-24 { color: #FAFAFA; text-align: center; max-width: 1060px; margin: 0 auto; margin-bottom: 55px; }
.titular-seccion-24 p { font-size: 20px; color: #FAFAFA; }
.titular-seccion-24 h3 { font-size: 42px; margin-bottom: 20px; font-weight: 400; }
@media (max-width:768px) {
.titular-seccion-24 h3 { font-size: 28px; }
}
.seccion-cursos-2024 { padding-bottom: 90px; position: relative; }
.seccion-cursos-2024::before { content: ''; display: block; position: absolute; top: 7%; left: 0; right: 0; bottom: 25%; background: rgb(7, 24, 40); background: -moz-linear-gradient(180deg, rgba(7, 24, 40, 1) 0%, rgba(0, 36, 60, 1) 50%, rgba(7, 24, 40, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(7, 24, 40, 1) 0%, rgba(0, 36, 60, 1) 50%, rgba(7, 24, 40, 1) 100%); background: linear-gradient(180deg, rgba(7, 24, 40, 1) 0%, rgba(0, 36, 60, 1) 50%, rgba(7, 24, 40, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#071828", endColorstr="#071828", GradientType=1); }
.seccion-cursos-2024 .container { z-index: 1; position: relative; }
.cursos-ilimitados { background-color: #00233C; padding-top: 70px; padding-bottom: 96px; }
.cursos-ilimitados .titular { margin-bottom: 70px; }
.cursos-ilimitados .titular h3 { color: #FFFFFF; font-family: Open Sans, sans-serif; font-size: 42px; text-align: center; margin-bottom: 5px; font-weight: 400; }
.cursos-ilimitados .titular p { color: #fff; font-family: Open sans, sans-serif; font-size: 18px; text-align: center; max-width: 840px; margin: 0 auto; }
.cursos-ilimitados .slider-cursos { position: relative; padding-top: 0px; }
.cursos-ilimitados .slider-cursos .slick-track { }
.cursos-ilimitados .slider-cursos .slick-slide { height: auto; }
.cursos-ilimitados .slider-cursos .item { position: relative; overflow: hidden; border-radius: 10px; }
.cursos-ilimitados .slider-cursos .item a:hover figure { transform: scale(1.1); }
.cursos-ilimitados .slider-cursos .item figure { margin: 0; transition: .3s ease; }
.cursos-ilimitados .slider-cursos .item figure img { max-width: 100%; height: auto; }
.cursos-ilimitados .slider-cursos .item .wrapper-text { position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .etiqueta { position: absolute; top: 0; left: 0; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content { padding: 15px 10px; font-family: Open Sans, sans-serif; color: #fff; padding-bottom: 15px; transition: .6s ease; min-height: 159px; /* flex: 1; */ padding-bottom: 10px; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content span.separador { background-color: #FFFFFF; width: 16px; height: 4px; display: block; margin: 0 auto; border-radius: 30px; margin-top: 5px; margin-bottom: -5px; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h5 { text-align: center; font-size: 15px; font-weight: bold; display: block; margin-bottom: 8px; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h5 i { font-weight: 300; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h4 { text-align: center; font-size: 18px; font-weight: 300; line-height: 24px; font-style: italic; /* margin-left: -20px; */ /* width: calc(100% + 40px); */
margin-bottom: 0px; min-height: 70px; margin-top: 10px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 12px; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content p { margin: 0; text-align: center; font-size: 14px; line-height: 18px; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content .duracion { text-align: center; font-style: italic; font-size: 14px; font-weight: 300; text-transform: lowercase; }
.cursos-ilimitados .slider-cursos button.slick-arrow { padding: 0; margin: 0; background-color: transparent; border: 0; outline: none; box-shadow: none !important; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
.cursos-ilimitados .slider-cursos button.slick-arrow.slick-next { right: 0; }
.cursos-ilimitados .slider-cursos button.slick-arrow.slick-prev { left: 0; }
.cursos-ilimitados .slider-cursos ul.slick-dots { list-style: none !important; padding: 0; margin: 0; display: flex; position: absolute; top: 0; right: 0; display: none !important; }
.cursos-ilimitados .slider-cursos ul.slick-dots li { list-style: none; margin: 0px 5px; display: flex; }
.cursos-ilimitados .slider-cursos ul.slick-dots li button { font-size: 0; padding: 0; border: 0; width: 6px; height: 6px; background-color: #E5E2E2; transition: .3s ease; border-radius: 100px; }
.cursos-ilimitados .slider-cursos ul.slick-dots li.slick-active button { width: 60px; background-color: #31AB80; }
.cursos-ilimitados .botones { text-align: center; margin-top: 70px; }
.cursos-ilimitados .botones a.btn-white { background-color: transparent; color: #fff; border: 1px solid #fff; }
.cursos-ilimitados .botones a.btn-orange { background-color: #FD8484; color: #fff; }
.cursos-ilimitados .slider-cursos button.slick-arrow img { }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h4 strong { font-weight: bold; font-style: initial; }
.cursos-ilimitados .slider-cursos .item figure:after { content: ''; display: block; position: absolute; top: 20%; bottom: 0; left: 0px; right: 0px; opacity: 1; background: rgb(11, 11, 11); background: -moz-linear-gradient(180deg, rgba(11, 11, 11, 0) 0%, rgba(30, 27, 26, 0.700717787114846) 70%, rgba(15, 29, 38, 0.8995973389355743) 100%); background: -webkit-linear-gradient(180deg, rgba(11, 11, 11, 0) 0%, rgba(30, 27, 26, 0.700717787114846) 70%, rgba(15, 29, 38, 0.8995973389355743) 100%); background: linear-gradient(180deg, rgba(11, 11, 11, 0) 0%, rgba(30, 27, 26, 0.700717787114846) 70%, rgba(15, 29, 38, 0.8995973389355743) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b0b0b", endColorstr="#0f1d26", GradientType=1); }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h5:after { content: ''; display: block; width: 21px; height: 4px; background-color: #fff; border-radius: 40px; margin: 0 auto; margin-top: 9px; display: none; }
.cursos-ilimitados .slider-cursos .slick-slide { padding: 0px 5px; }
.cursos-ilimitados .slider-cursos ul.slick-dots li:last-child { margin-right: 0; }
.cursos-ilimitados .slider-cursos:before, .cursos-ilimitados .slider-cursos:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 130px; z-index: 1; /* top: 30px; */ }
.cursos-ilimitados .slider-cursos:before { left: 0; background: rgb(0, 35, 60); background: -moz-linear-gradient(270deg, rgba(0, 35, 60, 0) 0%, rgba(0, 35, 60, 0.8099614845938375) 50%, rgba(0, 35, 60, 1) 100%); background: -webkit-linear-gradient(270deg, rgba(0, 35, 60, 0) 0%, rgba(0, 35, 60, 0.8099614845938375) 50%, rgba(0, 35, 60, 1) 100%); background: linear-gradient(270deg, rgba(0, 35, 60, 0) 0%, rgba(0, 35, 60, 0.8099614845938375) 50%, rgba(0, 35, 60, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00233c", endColorstr="#00233c", GradientType=1); }
.cursos-ilimitados .slider-cursos:after { right: 0; background: rgb(0, 35, 60); background: -moz-linear-gradient(90deg, rgba(0, 35, 60, 0) 0%, rgba(0, 35, 60, 0.8099614845938375) 50%, rgba(0, 35, 60, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(0, 35, 60, 0) 0%, rgba(0, 35, 60, 0.8099614845938375) 50%, rgba(0, 35, 60, 1) 100%); background: linear-gradient(90deg, rgba(0, 35, 60, 0) 0%, rgba(0, 35, 60, 0.8099614845938375) 50%, rgba(0, 35, 60, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00233c", endColorstr="#00233c", GradientType=1); }
.cursos-ilimitados .botones a.btn-white:hover { background-color: #fff; color: #00233c; }
.cursos-ilimitados .botones a.btn-orange:hover { background-color: #fff; color: #FD8484; }
.cursos-ilimitados .botones a { padding: 8px 40px; margin: 0px 10px; }
@media (min-width:1920px) {
.cursos-ilimitados .slider-cursos .item .wrapper-text .content { min-height: 175px; }
}
@media (max-width:1520px) {
.cursos-ilimitados .slider-cursos .item .wrapper-text .content { min-height: 172px; }
}
@media (max-width:1280px) {
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h4 { font-size: 19px; line-height: 22px; }
}
@media (max-width:991px) {
.cursos-ilimitados .slider-cursos:before, .cursos-ilimitados .slider-cursos:after { width: 11%; }
}
@media (max-width:890px) {
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h4 { font-size: 18px; line-height: 22px; }
}
@media (max-width:768px) {
.cursos-ilimitados .titular h3 { font-size: 32px; text-align: left; line-height: 38px; margin-bottom: 10px; }
.cursos-ilimitados { padding-top: 50px; padding-bottom: 50px; background-color: #00233C; }
.piso-beneficios { padding-top: 50px; padding-bottom: 75px; }
.cursos-ilimitados .titular p { text-align: left; }
.cursos-ilimitados .slider-cursos { margin-left: -15px; margin-right: -15px; }
.cursos-ilimitados .slider-cursos button.slick-arrow { display: none !important; }
.cursos-ilimitados .slider-cursos ul.slick-dots { display: none !important; right: 15px; }
.cursos-ilimitados .botones { display: flex; flex-direction: column; max-width: 350px; margin: 0 auto; margin-top: 25px; }
.cursos-ilimitados .botones a.btn-white { margin-bottom: 20px; }
.cursos-ilimitados .slider-cursos .item figure { overflow: hidden; /* height: 220px; */ }
.cursos-ilimitados .slider-cursos .item figure img { position: relative; /* transform: translateY(-50%); */ /* top: 50%; */ }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content { min-height: 115px; }
.cursos-ilimitados .titular { /* margin-bottom: 0; */ }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h5:after { content: ''; display: block; background-color: #FFFFFF; width: 16px; height: 4px; border-radius: 30px; margin-bottom: -5px; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h5 { font-size: 18px; margin-bottom: 14px; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content h4 { font-size: 24px; line-height: 28px; margin-top: 14px; min-height: 87px; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content .duracion { font-size: 14px; margin-top: 16px; margin-bottom: 5px; }
}
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados { background-color: transparent; padding: 0; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos { }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos::before, .seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos::after { display: none; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos button.slick-prev { left: 30px; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos button.slick-next { right: 30px; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item:hover figure { transform: scale(1.1); }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item .wrapper-link .wrapper-text .content { opacity: 1; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados button.slick-arrow { transition: .3s ease; opacity: 0; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos:hover button.slick-arrow { opacity: 1; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .slick-list { padding-left: 0 !important; padding-right: 5% !important; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos ul.slick-dots { position: relative; display: flex !important; justify-content: end; margin-top: 20px; transition: .3s ease; opacity: 0; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos ul.slick-dots li { margin: 0px 8px; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos ul.slick-dots li button { background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); position: relative; overflow: hidden; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos ul.slick-dots li button:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #E5E2E2; transition: .3s ease; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos ul.slick-dots li button.slick-slider { }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos ul.slick-dots li.slick-active button:after { opacity: 0; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos ul.slick-dots li:last-child { margin-right: 0; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item a { position: relative; overflow: hidden; border-radius: 10px; display: flex; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item { border-radius: 0; display: flex; min-height: auto; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .slick-track { display: flex; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre { }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre a { flex: 1; display: flex; border: 1px solid #ffffff1f; }
.cursos-ilimitados .slider-cursos .item.descubre figure::after { display: none; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre a .wrapper-descubre { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre a .wrapper-descubre figure { margin-bottom: 15px; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre a .wrapper-descubre h5 { color: #FAFAFA; font-size: 22px; font-weight: bold; font-style: italic; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre a .wrapper-descubre .arrow { margin-top: 40px; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre a .wrapper-descubre .arrow img { max-width: 100%; height: auto; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos:hover ul.slick-dots { opacity: 1; }
.seccion-cursos-2024 .cursos-agregados.mobile { display: none; }
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content .bandera figure { transform: scale(1); display: flex; align-items: center; justify-content: center; }
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content .bandera figure::after { display: none; }
.cursos-ilimitados .slider-cursos .item .wrapper-text .content .bandera figure img { width: 26px; height: 26px; }
@media (max-width:768px) {
.seccion-cursos-2024 .cursos-agregados.desktop { display: none; }
.seccion-cursos-2024 .cursos-agregados.mobile { display: flex; }
.seccion-cursos-2024 .cursos-agregados.mobile .cursos-ilimitados .slider-cursos { display: flex; flex-wrap: wrap; margin: 0; margin-left: -7px; margin-right: -7px; }
.seccion-cursos-2024 .cursos-agregados.mobile .cursos-ilimitados .slider-cursos .item { width: 50%; padding: 7px; border-radius: 30px; overflow: hidden; }
}
@media (max-width:599px) {
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content .btn-curso { display: none; }
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content h5 i { display: none; }
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content h5:after { content: ''; display: block; width: 17px; height: 3px; margin-top: 5px; margin-bottom: -5px; }
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content .bandera figure img { anchor-name: none; width: 18px; height: 18px; }
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content .bandera { margin-bottom: 5px; }
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content h5 { font-size: 13px; margin-bottom: 10px; }
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content h4 { margin-top: 10px; font-size: 16px; line-height: 1.2; min-height: 60px; }
.seccion-cursos-2024 .cursos-ilimitados .slider-cursos .item .wrapper-text .content .duracion { display: none; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre a .wrapper-descubre h5 { font-size: 16px; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre a .wrapper-descubre figure img { max-width: 38px; }
.seccion-cursos-2024 .cursos-agregados .cursos-ilimitados .slider-cursos .item.descubre a .wrapper-descubre .arrow img { max-width: 39px; }
}
.seccion-cursos-2024 .tematicas { margin-top: 30px; }
.seccion-cursos-2024 .tematicas h4 { color: #FAFAFA; text-align: center; font-size: 24px; margin-bottom: 10px; }
.seccion-cursos-2024 .tematicas .tematicas-wrapper { }
.seccion-cursos-2024 .tematicas .tematicas-wrapper ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.seccion-cursos-2024 .tematicas .tematicas-wrapper ul li { color: #FAFAFA; font-size: 22px; font-style: italic; position: relative; padding-left: 25px; padding-right: 25px; }
.seccion-cursos-2024 .tematicas .boton { margin-top: 40px; text-align: center; }
.seccion-cursos-2024 .tematicas .tematicas-wrapper ul li:after { content: ''; display: block; width: 8px; height: 8px; background-image: url(img/circulo-gradiente-tematicas.svg); position: absolute; top: 50%; transform: translateY(-50%); right: -3px; }
.seccion-cursos-2024 .tematicas .tematicas-wrapper ul li:last-child { margin-right: 0; padding-right: 0; }
.seccion-cursos-2024 .tematicas .tematicas-wrapper ul li:last-child:after { display: none; }
.seccion-cursos-2024 .tematicas .tematicas-wrapper ul li.last { margin-right: 0; padding-right: 25px; }
.seccion-cursos-2024 .tematicas .tematicas-wrapper ul li.last::after { display: none; }
.etiqueta-new { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; margin-left: -10px; margin-right: -10px; z-index: 1 }
.etiqueta-new:before { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0, 34, 60); background: -moz-linear-gradient(315deg, rgba(0, 34, 60, 1) 0%, rgba(4, 101, 111, 1) 100%); background: -webkit-linear-gradient(315deg, rgba(0, 34, 60, 1) 0%, rgba(4, 101, 111, 1) 100%); background: linear-gradient(315deg, rgba(0, 34, 60, 1) 0%, rgba(4, 101, 111, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00223c", endColorstr="#04656f", GradientType=1); opacity: 0.82 }
.etiqueta-new .cat { position: relative; color: #FFFFFF; font-size: 85%; font-family: 'Open Sans', sans-serif; width: inherit; text-align: left; font-weight: 400; display: flex; flex-direction: column; flex: 1; padding-left: 35px; padding-right: 15px; background: rgb(0, 34, 60); background: -moz-linear-gradient(315deg, rgba(0, 34, 60, 1) 0%, rgba(4, 101, 111, 1) 100%); background: -webkit-linear-gradient(315deg, rgba(0, 34, 60, 1) 0%, rgba(4, 101, 111, 1) 100%); background: linear-gradient(315deg, rgba(0, 34, 60, 1) 0%, rgba(4, 101, 111, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00223c", endColorstr="#04656f", GradientType=1); opacity: 0.8; transform: skewX(-20deg) }
.etiqueta-new .estreno { width: 45%; position: relative; display: flex; justify-content: center; align-items: center; background: rgb(175, 54, 164); background: -moz-linear-gradient(40deg, rgba(175, 54, 164, 0.8) 0%, rgba(251, 118, 65, 0.8) 100%); background: -webkit-linear-gradient(40deg, rgba(175, 54, 164, 0.8) 0%, rgba(251, 118, 65, 0.8) 100%); background: linear-gradient(40deg, rgba(175, 54, 164, 0.8) 0%, rgba(251, 118, 65, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af36a4", endColorstr="#fb7641", GradientType=1); opacity: 1; flex: 1 0; transform: skewX(-20deg); padding-left: 10px }
.etiqueta-new .estreno:before { display: block; position: absolute; top: 0; left: -15px; right: 0; bottom: 0; background: rgb(175, 54, 164); background: -moz-linear-gradient(40deg, rgba(175, 54, 164, 1) 0%, rgba(251, 118, 65, 1) 100%); background: -webkit-linear-gradient(40deg, rgba(175, 54, 164, 1) 0%, rgba(251, 118, 65, 1) 100%); background: linear-gradient(40deg, rgba(175, 54, 164, 1) 0%, rgba(251, 118, 65, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af36a4", endColorstr="#fb7641", GradientType=1); opacity: 0.7; mix-blend-mode: hard-light; transform: skewX(-24deg) }
.etiqueta-new .estreno .txt { font-family: 'Open Sans', sans-serif; color: #FFFFFF; font-weight: bold; position: relative }
.etiqueta-new .txt { font-size: 15px; padding: 5px 0px; transform: skewX(20deg) }
.etiqueta-new .estreno ~ .cat { padding-left: 20px; padding-right: 25px }
@media (max-width:768px) {
.etiqueta-new .txt { font-size: 12px }
.etiqueta-new .estreno { padding: 0px 15px; padding-left: 24px; }
}
.testimonios-24 { padding-top: 70px; padding-bottom: 60px; }
.testimonios-24 .boton { margin-top: 50px; text-align: center; }
.testimonios-24 .boton a { padding: 8px 30px; }
.carrusel-testimonios-24 { margin-left: -20px; margin-right: -20px; position: relative; }
.carrusel-testimonios-24 button.slick-arrow { background-color: transparent; border: 0; box-shadow: none; outline: none; padding: 0; position: absolute; bottom: 0; z-index: 1; }
.carrusel-testimonios-24 button.slick-arrow svg { }
.carrusel-testimonios-24 button.slick-prev { left: 40px; }
.carrusel-testimonios-24 button.slick-next { right: 40px; }
.carrusel-testimonios-24 .slick-track { display: flex; }
.carrusel-testimonios-24 .slick-track .item { min-height: auto; height: auto; display: flex; padding: 0px 20px; overflow: initial !important; padding-bottom: 5px; position: relative; }
.carrusel-testimonios-24 .item { }
.carrusel-testimonios-24 .item .wrapper { flex: 1; display: flex; flex-direction: column; background-color: #13233345; border: 1px solid #ffffff17; border-radius: 8px; padding: 30px 25px; position: relative; }
.carrusel-testimonios-24 .item .wrapper .top { text-align: center; display: flex; flex-direction: column; justify-content: center; margin-bottom: 30px; }
.carrusel-testimonios-24 .item .wrapper .top figure { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
.carrusel-testimonios-24 .item .wrapper .top figure img { width: 24px; height: 24px; }
.carrusel-testimonios-24 .item .wrapper .top h5 { color: #FAFAFA; font-size: 18px; line-height: 1.4; margin: 0; }
.carrusel-testimonios-24 .item .wrapper .bottom { }
.carrusel-testimonios-24 .item .wrapper .bottom p { color: #FAFAFA; text-align: center; font-size: 16px; font-style: italic; }
.carrusel-testimonios-24 .item .wrapper .bottom p strong { font-style: normal; }
.carrusel-testimonios-24 ul.slick-dots { padding: 0; list-style: none; margin: 0; display: flex; align-items: center; justify-content: center; margin-top: 45px; padding-bottom: 20px; }
.carrusel-testimonios-24 ul.slick-dots li { display: flex; margin: 0px 3px; }
.carrusel-testimonios-24 ul.slick-dots li button { font-size: 0px; border: 0; background-color: transparent; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); padding: 0; width: 9px; height: 9px; border-radius: 30px; position: relative; overflow: hidden; transition: .3s ease; }
.carrusel-testimonios-24 ul.slick-dots li.slick-active button { width: 89px; }
.carrusel-testimonios-24 ul.slick-dots li button:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #E5E2E2; transition: .3s ease; }
.carrusel-testimonios-24 ul.slick-dots li.slick-active button:before { opacity: 0; }
.carrusel-testimonios-24 .item::before { content: ''; display: block; width: 43px; height: 5px; border-radius: 30px; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); z-index: 1; }
@media (max-width:768px) {
.carrusel-testimonios-24 .slick-track .item { padding: 0px 5px; padding-bottom: 5px; }
.carrusel-testimonios-24 { margin-left: -15px; margin-right: -15px; }
.carrusel-testimonios-24 .slick-list { padding-right: 35px !important; padding-left: 35px !important; }
.carrusel-testimonios-24 button.slick-arrow { width: 14px; z-index: 1; bottom: -6px; }
.carrusel-testimonios-24 button.slick-arrow svg { width: 100%; height: auto; }
.carrusel-testimonios-24 button.slick-prev { left: 15px; }
.carrusel-testimonios-24 button.slick-next { right: 15px; }
.carrusel-testimonios-24 ul.slick-dots { padding-left: 45px; padding-right: 45px; }
.carrusel-testimonios-24 ul.slick-dots li button { width: 6px; height: 6px; }
.carrusel-testimonios-24 ul.slick-dots li { margin: 2px 7px; }
.testimonios-24 { padding-top: 50px; }
.testimonios-24 .boton a { width: 100%; align-items: center; justify-content: center; }
}
.profesionales-24 .boton { text-align: center; margin-top: 40px; }
.profesionales-24 { padding-top: 60px; padding-bottom: 40px; }
@media (max-width:768px) {
.carrusel-prof-home-24 { padding: 0; margin-left: -15px; margin-right: -15px; }
.carrusel-prof-home-24 button.slick-arrow { transform: translateY(0px); top: initial; bottom: -4px; padding: 0; width: 14px; height: auto; display: flex; opacity: 1; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bandera img { width: 18px; height: 18px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content h4 { font-size: 20px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada { margin-top: 5px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada:before { width: 17px; height: 3px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada p { font-size: 14px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content { padding-left: 10px; padding-right: 10px; }
.carrusel-prof-home-24 button.slick-arrow svg { width: 100%; height: auto; }
.carrusel-prof-home-24 ul.slick-dots { padding: 0; list-style: none; margin: 0; margin-left: 45px; margin-right: 45px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 30px; }
.carrusel-prof-home-24 ul.slick-dots li { display: flex; margin: 5px; }
.carrusel-prof-home-24 ul.slick-dots li button { padding: 0; font-size: 0; border: 0; width: 6px; height: 6px; border-radius: 40px; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); position: relative; overflow: hidden; transition: .3s ease; }
.carrusel-prof-home-24 ul.slick-dots li.slick-active button { width: 61px; }
.carrusel-prof-home-24 button.slick-prev { left: 15px; }
.carrusel-prof-home-24 button.slick-next { right: 15px; }
.carrusel-prof-home-24 ul.slick-dots li button:before { content: ''; display: block; background-color: #E5E2E2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: .3s ease; }
.carrusel-prof-home-24 ul.slick-dots li.slick-active button:before { opacity: 0; }
.profesionales-24 .boton a.boton-degradado-24 { width: 100%; }
.profesionales-24 { padding-top: 40px; }
}
@media (max-width:410px) {
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content { padding-bottom: 15px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content h4 { font-size: 16px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada p { font-size: 12px; }
}
.carrusel-prof-home-24 { padding-left: 60px; }
.carrusel-prof-home-24 button.slick-arrow { background-color: transparent; border: 0; outline: none; box-shadow: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; opacity: 0; transition: .3s; }
.carrusel-prof-home-24:hover button.slick-arrow { opacity: 1; }
.carrusel-prof-home-24 button.slick-prev { left: 20px; }
.carrusel-prof-home-24 button.slick-next { right: 20px; }
.carrusel-prof-home-24 button.slick-arrow svg { }
.carrusel-prof-home-24 .slick-track { display: flex; }
.carrusel-prof-home-24 .item { height: auto; min-height: auto; display: flex; padding: 0px 5px; }
.carrusel-prof-home-24 .item a { display: flex; flex: 1; }
.carrusel-prof-home-24 .item .wrapper-item { flex: 1; display: flex; position: relative; border-radius: 8px; overflow: hidden; }
.carrusel-prof-home-24 .item .wrapper-item figure { padding-top: 129%; width: 100%; background-size: cover; background-position: center; margin: 0; position: relative; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content { position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; padding-bottom: 25px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bandera { }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bandera img { width: 24px; height: 24px; margin: 0 auto; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content h4 { text-align: center; color: #FFFFFF; font-size: 28px; font-weight: bold; margin: 0; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada { margin-top: 15px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada p { margin: 0; text-align: center; color: #FFFCFC; font-size: 16px; line-height: 1.3; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada:before { content: ''; display: block; width: 21px; height: 4px; background-color: #f4f4f4; border-radius: 30px; margin: 0 auto; margin-bottom: 7px; }
.carrusel-prof-home-24 .item .wrapper-item figure::before { content: ''; display: block; position: absolute; top: 28%; left: 0; right: 0; bottom: 0; background: rgb(6, 27, 39); background: -moz-linear-gradient(0deg, rgba(6, 27, 39, 1) 0%, rgba(31, 28, 26, 0.6951155462184874) 22%, rgba(30, 27, 26, 0.5970763305322129) 61%, rgba(11, 11, 11, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(6, 27, 39, 1) 0%, rgba(31, 28, 26, 0.6951155462184874) 22%, rgba(30, 27, 26, 0.5970763305322129) 61%, rgba(11, 11, 11, 0) 100%); background: linear-gradient(0deg, rgba(6, 27, 39, 1) 0%, rgba(31, 28, 26, 0.6951155462184874) 22%, rgba(30, 27, 26, 0.5970763305322129) 61%, rgba(11, 11, 11, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#061b27", endColorstr="#0b0b0b", GradientType=1); opacity: 0.7; }
.carrusel-prof-home-24 .slick-list { padding-right: 32px; }
.profesionales-24 .boton { text-align: center; margin-top: 40px; }
.profesionales-24 { padding-top: 60px; padding-bottom: 40px; }
@media (max-width:768px) {
.carrusel-prof-home-24 { padding: 0; margin-left: -15px; margin-right: -15px; }
.carrusel-prof-home-24 button.slick-arrow { transform: translateY(0px); top: initial; bottom: -4px; padding: 0; width: 14px; height: auto; display: flex; opacity: 1; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bandera img { width: 18px; height: 18px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content h4 { font-size: 20px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada { margin-top: 5px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada:before { width: 17px; height: 3px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada p { font-size: 14px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content { padding-left: 10px; padding-right: 10px; }
.carrusel-prof-home-24 button.slick-arrow svg { width: 100%; height: auto; }
.carrusel-prof-home-24 ul.slick-dots { padding: 0; list-style: none; margin: 0; margin-left: 45px; margin-right: 45px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 30px; }
.carrusel-prof-home-24 ul.slick-dots li { display: flex; margin: 5px; }
.carrusel-prof-home-24 ul.slick-dots li button { padding: 0; font-size: 0; border: 0; width: 6px; height: 6px; border-radius: 40px; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); position: relative; overflow: hidden; transition: .3s ease; }
.carrusel-prof-home-24 ul.slick-dots li.slick-active button { width: 61px; }
.carrusel-prof-home-24 button.slick-prev { left: 15px; }
.carrusel-prof-home-24 button.slick-next { right: 15px; }
.carrusel-prof-home-24 ul.slick-dots li button:before { content: ''; display: block; background-color: #E5E2E2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: .3s ease; }
.carrusel-prof-home-24 ul.slick-dots li.slick-active button:before { opacity: 0; }
.profesionales-24 .boton a.boton-degradado-24 { width: 100%; }
.profesionales-24 { padding-top: 40px; }
}
@media (max-width:410px) {
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content { padding-bottom: 15px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content h4 { font-size: 16px; }
.carrusel-prof-home-24 .item .wrapper-item .wrapper-content .bajada p { font-size: 12px; }
}
.planes-24 { padding-top: 80px; padding-bottom: 50px; position: relative; }
.page-planes.planes-24 .titular-seccion-24 { position: relative; }
.page-planes.planes-24 .titular-seccion-24:after { content: ''; display: block; width: 43px; height: 5px; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); border-radius: 50px; margin: 0 auto; margin-top: 25px; }
.planes-24.page-planes { padding-top: 200px !important; }
.planes-24 .titular-seccion-24 { margin-bottom: 35px; }
.planes-24:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 50px; background: rgb(7, 24, 40); background: -moz-linear-gradient(180deg, rgba(7, 24, 40, 0) 0%, rgba(0, 36, 60, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(7, 24, 40, 0) 0%, rgba(0, 36, 60, 1) 100%); background: linear-gradient(180deg, rgba(7, 24, 40, 0) 0%, rgba(0, 36, 60, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#071828", endColorstr="#00243c", GradientType=1); z-index: -1; opacity: 0.6; }
.wrapper-planes-home-24 { display: flex; gap: 20px; max-width: 1320px; margin: 0 auto; margin-top: 0px; }
.wrapper-planes-home-24 .item { flex: 1; position: relative; }
.wrapper-planes-home-24 .item .top-header { border: 1px solid #FF8484; border-radius: 9px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; padding-top: 15px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; margin-bottom: 10px; overflow: hidden; }
.wrapper-planes-home-24 .item .top-header .etiqueta-top-mejor { color: #FFFFFF; font-weight: bold; font-size: 22px; position: relative; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 28%, rgba(233, 88, 80, 1) 65%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); padding: 3px; position: absolute; top: 0; left: 0; right: 0; }
.wrapper-planes-home-24 .item .top-header p.bajada-titulo-top { margin-top: -50px; font-size: 18px; font-weight: bold; margin-bottom: 22px; margin-bottom: 18px; margin-top: -46px; font-size: 18px; }
.wrapper-planes-home-24 .item .top-header .precios-membresia { display: flex; align-items: center; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item { flex: initial; display: flex; align-items: center; padding: 0px 25px; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item .etiqueta-prize { color: #FFFFFF; font-size: 16px; font-weight: bold; display: inline-flex; align-items: center; border: 1px solid #fff; border-radius: 30px; padding: 0px 4px; margin-right: 5px; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item .etiqueta-prize figure { margin: 0; display: flex; align-items: center; justify-content: center; margin-right: 5px; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item .etiqueta-prize figure img { }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item .precio-valor { font-family: Alatsi, sans-serif; color: #FFFFFF; font-size: 40px; position: relative; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item .precio-valor sup { top: initial; font-size: 24px; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item:last-child:before { content: ''; display: block; width: 1px; height: 45px; background-color: #fff; position: absolute; left: 0; transform: translateY(-50%); top: 50%; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item:first-child { padding-left: 0; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item:last-child { padding-right: 0; }
.wrapper-planes-home-24 .item .top-header .bajada-precio { color: #FFFFFF; font-size: 18px; text-align: center; margin-top: 10px; margin-bottom: 20px; }
.wrapper-planes-home-24 .item .top-header .bajada-precio i { }
.wrapper-planes-home-24 .item .top-header .titulo-top { position: relative; left: initial; transform: initial; top: initial; margin-bottom: 50px; margin-top: 40px; }
.wrapper-planes-home-24 .item .top-header .titulo-top h3 { font-family: Alatsi, sans-serif; font-size: 38px; margin: 0; /* background-color: #071828; */ color: #FD8484; padding: 0px 20px; /* white-space: pre; */ }
.wrapper-planes-home-24 .item .top-header p { color: #FFFFFF; font-size: 18px; margin: 0; }
.wrapper-planes-home-24 .item .top-header h4 { margin-top: 10px; margin-bottom: 15px; color: #FFFFFF; font-size: 38px; font-family: 'Alatsi', sans-serif; display: flex; }
.wrapper-planes-home-24 .item .top-header h4 sup { display: block; font-size: 13px; font-weight: 400 !important; top: initial; line-height: initial; font-family: 'Open Sans'; }
.wrapper-planes-home-24 .item .top-header .legal { font-family: 'Open Sans', sans-serif; color: #fff; font-size: 12px; margin-bottom: 15px; }
.wrapper-planes-home-24 .item .top-header .boton { }
.wrapper-planes-home-24 .item .top-header .boton a { padding: 8px 30px; }
.wrapper-planes-home-24 .item .specs { }
.wrapper-planes-home-24 .item .specs .accordion { }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item { border: 0; border-radius: 0; background-color: transparent; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button { background-color: transparent; border: 1px solid #FF8484; border-radius: 8px; display: inline-block; color: #FFFFFF; font-size: 18px; margin: 0; position: relative; padding: 10px 30px; padding-right: 60px; outline: none; box-shadow: none; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button::after { display: none; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button .arrow { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button .arrow svg { }
.wrapper-planes-home-24 .item .top-header h4 span { font-size: 34px; }
.wrapper-planes-home-24 .item.mensual .top-header .titulo-top h3 { color: #32AB80; }
.wrapper-planes-home-24 .item.mensual .top-header { border-color: #32AB80; }
.wrapper-planes-home-24 .item.mensual .top-header .boton a { background: #32AB80; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button strong { font-weight: bold; }
.wrapper-planes-home-24 .item.mensual .specs .accordion .accordion-item button { border-color: #31AB80; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item .accordion-body { padding: 30px; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item .accordion-body ul { list-style: none; padding: 0; margin: 0; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item .accordion-body ul li { color: #FAFAFA; font-size: 16px; margin-bottom: 15px; background-image: url(img/check-suscripcion.svg); padding-left: 35px; background-repeat: no-repeat; background-position-y: 2px; background-position-x: 0; }
.wrapper-planes-home-24 .item.mensual .specs .accordion .accordion-item .accordion-body ul li { background-image: url(img/check-vibapass.svg); }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button { /* pointer-events: none; */ }
.wrapper-planes-home-24 .item .top-header h4 .seperador { display: flex; align-items: center; padding: 0px 15px; }
.wrapper-planes-home-24 .item .top-header h4 .precio { display: flex; align-items: baseline; justify-content: center; }
.wrapper-planes-home-24 .item .top-header h4 .precio .duracion { font-family: Open sans, sans-serif; font-size: 15px; padding-left: 5px; }
@media (max-width:1199px) {
.wrapper-planes-home-24 .item .top-header .precios-membresia .item .precio-valor { font-size: 40px; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item .precio-valor sup { font-size: 24px; }
.wrapper-planes-home-24 .item .top-header .bajada-precio { font-size: 18px; }
}
@media (max-width:1090px) {
.wrapper-planes-home-24 .item .top-header .precios-membresia .item { padding: 0; }
.wrapper-planes-home-24 .item .top-header .precios-membresia { flex-direction: column; align-items: baseline; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item:last-child:before { display: none; }
}
@media (max-width:991px) {
.wrapper-planes-home-24 .item .top-header .titulo-top { margin-top: 15px; margin-bottom: 0px; }
.wrapper-planes-home-24 .item .top-header p.bajada-titulo-top { margin-top: 0; margin-bottom: 0; }
.wrapper-planes-home-24 .item .top-header .precios-membresia { /* width: 100%; */
margin-top: 20px; }
.wrapper-planes-home-24 .item .top-header .etiqueta-top-mejor { position: relative; top: 0; width: 100%; margin-left: -30px; width: calc(100% + 60px); font-size: 17px; padding: 6px 15px; }
.wrapper-planes-home-24 .item .top-header .precios-membresia .item { margin: 0; }
}
@media (min-width:992px) {
.panel-plan .wrapper-planes-home-24 .item .specs .accordion .accordion-item .accordion-collapse { display: block; }
}
@media (max-width:768px) {
.wrapper-planes-home-24 .item .top-header .titulo-top h3 { font-size: 34px; }
.wrapper-planes-home-24 .item .top-header .titulo-top { /* top: -22px; */ }
.wrapper-planes-home-24 .item .top-header h4 span { font-size: 28px !important; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button { font-size: 18px; }
.wrapper-planes-home-24 .item .top-header .boton a { width: 100%; text-align: center; align-items: center; justify-content: center; }
.wrapper-planes-home-24 .item .top-header .boton { width: 100%; text-align: center; }
}
@media (max-width:1199px) {
.wrapper-planes-home-24 .item .top-header h4 span { /* display: block; */ }
}
@media (max-width:425px) {
.wrapper-planes-home-24 .item .top-header h4 .seperador { display: none; }
.wrapper-planes-home-24 .item .top-header h4 { flex-direction: column; }
.wrapper-planes-home-24 .item .top-header h4 .usd { margin-bottom: 20px; }
}
@media (max-width:380px) {
.wrapper-planes-home-24 .item .top-header h4 { flex-direction: column; }
.wrapper-planes-home-24 .item .top-header h4 .seperador { display: none; }
}
@media (max-width:991px) {
.wrapper-planes-home-24 { gap: 0; flex-direction: column; }
.wrapper-planes-home-24 .item .top-header { padding-top: 0px; }
.wrapper-planes-home-24 .item .top-header p { font-size: 18px; }
.wrapper-planes-home-24 .item .top-header h4 { font-size: 42px; }
.wrapper-planes-home-24 .item .top-header h4 span { font-size: 27px; }
.wrapper-planes-home-24 .item .top-header .boton { margin-top: 10px; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button { pointer-events: initial; }
.wrapper-planes-home-24 .item { margin-bottom: 70px; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item .accordion-body { padding-right: 15px; }
.wrapper-planes-home-24 .item:last-child { margin-bottom: 0; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button .arrow svg { transition: .3s ease; rotate: 0deg; }
.wrapper-planes-home-24 .item .specs .accordion .accordion-item button.collapsed .arrow svg { rotate: 180deg; }
}
.introduccion-top { text-align: center; padding-top: 80px; margin-bottom: 50px; position: relative; }
.introduccion-top::after { content: ''; width: 43px; height: 5px; display: block; margin: 0 auto; content: ''; border-radius: 40px; margin-top: 30px; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 19%, rgba(233, 88, 80, 1) 63%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 19%, rgba(233, 88, 80, 1) 63%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 19%, rgba(233, 88, 80, 1) 63%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1) }
.introduccion-top p { max-width: 673px; margin: 0 auto; font-size: 18px; font-weight: 400; margin-top: 20px; color: #FAFAFA; }
.introduccion-top h1 { color: #FFFFFF; font-size: 42px; font-weight: bold; margin: 0; position: relative }
.introduccion-top h1::after { width: 43px; height: 5px; display: block; margin: 0 auto; content: ''; border-radius: 40px; margin-top: 30px; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 19%, rgba(233, 88, 80, 1) 63%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 19%, rgba(233, 88, 80, 1) 63%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 19%, rgba(233, 88, 80, 1) 63%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); display: none }
@media (max-width:768px) {
.introduccion-top p { font-size: 16px; }
.introduccion-top h1 { font-size: 32px; }
.introduccion-top { padding-top: 60px; margin-bottom: 25px }
.introduccion-top h1::after { display: none }
}
.filtro-cursos { }
.filtro-cursos .wrapper-filtros { display: flex; gap: 60px; margin-top: 40px }
.filtro-cursos .wrapper-filtros .listado-cursos { flex: 1 }
.cursos { display: flex; flex-wrap: wrap; gap: 40px 20px; margin-bottom: 55px; }
.cursos .item.onlive .etiqueta-new { display: none; }
.cursos .item.onlive button.boton-favoritos.active { top: 10px; }
.cursos .item { width: calc(20% - 16px); position: relative }
.cursos .item .etiqueta { position: absolute; top: 0; left: 0px; width: 50%; display: flex; z-index: 1 }
.cursos .item .etiqueta img { width: 100%; height: auto }
.cursos .item .top { }
.cursos .item .top a { text-decoration: none }
.cursos .item .top a figure { }
.cursos .item .top a figure img { max-width: 100%; height: auto; transition: .5s ease; transform: scale(1) rotate(0deg); width: 100%; }
.cursos .item .top figure.image-desktop { overflow: hidden; border-radius: 11px; margin: 0; position: relative }
.cursos .item .top figure.image-desktop .barra-progreso { height: 8px; width: 100%; background-color: #505050; position: relative; z-index: 1 }
.cursos .item .top figure.image-desktop .barra-progreso span { display: block; position: absolute; left: 0; top: 0; bottom: 0; background-color: #31AB80 }
.cursos .item .top figure.image-mobile { display: none }
.cursos .item .top figure .etiqueta img { transform: rotate(0deg) scale(1) !important }
.cursos .item .top .bottom { display: flex; flex-direction: column; padding-top: 10px }
.cursos .item .top .bottom figure.bandera { display: none }
.cursos .item .top .bottom figure.bandera img { }
.cursos .item .top .bottom .nombre { }
.cursos .item .top .bottom .nombre h4 { color: #FAFAFA; font-size: 16px; font-weight: bold; line-height: 1.3; margin-bottom: 10px }
.cursos .item .top .bottom .nombre h4 i { font-weight: 400; display: block }
.cursos.seguir-viendo .item .top .bottom h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
.cursos .item .top .bottom h3 { font-style: italic; color: #FAFAFA; font-size: 20px }
.cursos .item .top .bottom h3 strong { font-style: normal }
.cursos .item .top .bottom .nombre h4::after { content: ''; width: 20px; height: 3px; background-color: #32AB80; display: block; border-radius: 10px; margin-top: 5px }
.cursos .item .top a:hover figure img { transition: .5s ease; transform: scale(1.2) rotate(4deg) }
.cursos .item .top figure.image-desktop::before { content: ''; display: block; position: absolute; top: 20%; left: 0; right: 0; bottom: 0; z-index: 1; background: rgb(6, 27, 39); background: -moz-linear-gradient(0deg, rgba(6, 27, 39, 1) 0%, rgba(31, 28, 26, 0.8211659663865546) 20%, rgba(30, 27, 26, 0.5970763305322129) 55%, rgba(11, 11, 11, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(6, 27, 39, 1) 0%, rgba(31, 28, 26, 0.8211659663865546) 20%, rgba(30, 27, 26, 0.5970763305322129) 55%, rgba(11, 11, 11, 0) 100%); background: linear-gradient(0deg, rgba(6, 27, 39, 1) 0%, rgba(31, 28, 26, 0.8211659663865546) 20%, rgba(30, 27, 26, 0.5970763305322129) 55%, rgba(11, 11, 11, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#061b27", endColorstr="#0b0b0b", GradientType=1); opacity: 0.8 }
.titular-seccion { margin-bottom: 15px }
.titular-seccion h3 { color: #FAFAFA; font-size: 24px; font-weight: bold; margin: 0 }
.seccion-curso { margin-bottom: 80px }
.seccion-curso .titular-seccion { margin-top: 60px; }
@media (max-width:768px) {
.seccion-curso .titular-seccion { margin-top: 30px; }
}
@media (max-width:1579px) {
.cursos .item { width: calc(25% - 16px) }
}
@media (max-width:1400px) {
.cursos .item { width: calc(33.33% - 15px) }
}
@media (max-width:1179px) {
.cursos .item { width: calc(50% - 16px) }
}
@media (max-width:920px) {
.cursos .item { width: calc(100%) }
}
@media (max-width:768px) {
.cursos .item .top figure.image-mobile::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 12%; z-index: 1; opacity: 1; background: rgb(11, 11, 11); background: -moz-linear-gradient(180deg, rgba(11, 11, 11, 0) 0%, rgba(7, 24, 40, 0.8) 100%); background: -webkit-linear-gradient(180deg, rgba(11, 11, 11, 0) 0%, rgba(7, 24, 40, 0.8) 100%); background: linear-gradient(180deg, rgba(11, 11, 11, 0) 0%, rgba(7, 24, 40, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b0b0b", endColorstr="#071828", GradientType=1); }
.cursos { gap: 0; margin-left: -10px; width: calc(100% + 20px) }
.cursos .item { width: calc(50% - 20px); margin: 10px }
.container-full { padding: 0px 15px }
.cursos .item .top figure.image-desktop { display: none }
.cursos .item .top figure.image-mobile { display: block; overflow: hidden; border-radius: 11px; margin: 0; position: relative }
.cursos .item .top { position: relative }
.cursos .item .etiqueta { width: 59% }
.cursos .item .top .bottom { position: absolute; bottom: 0; padding: 10px; width: 100%; z-index: 1 }
.cursos .item .top .bottom .nombre h4 i { display: none }
.cursos .item .top .bottom .nombre h4 { text-align: center }
.cursos .item .top .bottom .nombre h4::after { background-color: #FFFFFF; width: 17px; height: 3px; margin: 0 auto; margin-top: 5px }
.cursos .item .top .bottom h3 { text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 72px; margin: 0; margin-bottom: 10px }
.cursos .item .top .bottom figure.bandera { display: flex; margin: 0 auto; width: 18px; height: 18px; border-radius: 100%; align-items: center; justify-content: center; margin-bottom: 5px }
.cursos .item .top .bottom figure.bandera img { display: flex; align-items: center; justify-content: center; width: 100%; transform: scale(1) }
.cursos.seguir-viendo .item .top figure.image-desktop { display: flex; width: 100%; max-width: 126px; max-height: 126px }
.cursos.seguir-viendo .item .top a { display: flex }
.cursos.seguir-viendo .item .top .bottom { position: relative; width: auto; padding: 0; display: flex; flex-direction: column-reverse; flex: 1; justify-content: space-between; padding-left: 15px; padding-top: 4px; padding-bottom: 5px }
#favoritos .cursos.seguir-viendo .item { width: 100% !important }
.cursos.seguir-viendo .item .top { }
.cursos.seguir-viendo .item .top figure.image-desktop::before { display: none }
.cursos.seguir-viendo .item .top .bottom h3 { text-align: left; min-height: auto; font-size: 16px }
.cursos.seguir-viendo .item .top .bottom .nombre h4 { margin: 0; text-align: left; margin-top: 5px; font-size: 14px }
.cursos.seguir-viendo .item .top .bottom .nombre h4::before { background-color: #FFFFFF; width: 17px; height: 3px; margin: 0; margin-top: 5px; content: ''; display: block; border-radius: 100px; margin-bottom: 5px }
.cursos.seguir-viendo .item .top .bottom .nombre h4::after { display: none }
.cursos.seguir-viendo .item .top .bottom .nombre .barra-progreso { height: 8px; width: 100%; background-color: #eaeaea36; border-radius: 2px; overflow: hidden; position: relative; margin-top: 15px }
.cursos.seguir-viendo .item .top .bottom .nombre .barra-progreso span { position: absolute; top: 0; left: 0; bottom: 0; background-color: #31AB80 }
.cursos.seguir-viendo .item .top figure.image-mobile { display: none }
.cursos.seguir-viendo .item .top .bottom figure.bandera { display: none }
}
@media (max-width:549px) {
.cursos .item .top .bottom .nombre h4 { font-size: 13px }
.cursos .item .top .bottom h3 { font-size: 16px; min-height: 60px }
}
.filtro-cursos .wrapper-filtros .filtro-desktop { width: 300px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro { background-color: #0F1F2F; border-radius: 16px; padding: 20px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .titular { padding-top: 5px; padding-bottom: 20px; border-bottom: 1px solid #ffffff21 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .titular h3 { color: #FAFAFA; font-size: 18px; font-weight: bold; margin: 0 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .top-buscar { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .top-buscar form { position: relative }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .top-buscar form input[type="text"] { width: 100%; background-color: #132333; border-radius: 8px; border: 0; outline: none; box-shadow: none; font-size: 16px; font-weight: bold; color: #FDFDFD; padding: 10px 15px; padding-right: 50px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .top-buscar form input[type="submit"] { position: absolute; font-size: 0; width: 18px; height: 18px; border: 0; outline: none; cursor: pointer; top: 50%; transform: translateY(-50%); right: 15px; background-image: url(../../img/search-verde.svg); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .tematicas { padding: 25px 0px; border-bottom: 1px solid #ffffff21 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .tematicas h4 { color: #FAFAFA; font-size: 18px; margin: 0; margin-bottom: 15px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .tematicas .etiquetas { display: flex; flex-wrap: wrap; /* gap: 11px; */ }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .tematicas .etiquetas label { background-color: transparent; border: 0px; border-radius: 45px; padding: 10px 5px; color: #FAFAFA; font-size: 14px; font-weight: bold; opacity: 0.7; transition: .3s ease }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .tematicas .etiquetas label input[type="checkbox"] { position: absolute; width: 0 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .tematicas .etiquetas label input[type="checkbox"]:checked ~ span { background-color: #fff; color: #071828 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .tematicas .etiquetas label span { background-color: transparent; border: 1px solid #FAFAFA; border-radius: 45px; padding: 4px 15px; color: #FAFAFA; font-size: 14px; font-weight: bold; opacity: 0.7; transition: .3s ease; cursor: pointer }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .filtros-generales { padding: 25px 0px; border-bottom: 1px solid #ffffff21 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .filtros-generales ul { padding: 0; list-style: none; margin: 0 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .filtros-generales ul li { margin-bottom: 22px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .filtros-generales ul li a { display: block; color: #FAFAFA; font-size: 18px; text-decoration: none }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general { background-color: transparent; border: 0; border-radius: 0 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item { border-radius: 0; background-color: transparent; border: 0; border-bottom: 1px solid #ffffff21 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item h2.accordion-header { border: 0 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item h2.accordion-header button { background-color: transparent; border: 0; border-radius: 0; outline: none; box-shadow: none; padding: 25px 0; color: #FAFAFA; font-size: 18px; position: relative }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item h2.accordion-header button span { position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item h2.accordion-header button span img { width: 21px; height: auto; transition: .3s ease; rotate: 180deg }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item h2.accordion-header button::after { display: none }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body { padding: 0; padding-left: 15px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul { padding: 0; list-style: none; margin: 0; padding-bottom: 20px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul li { margin-bottom: 8px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul li label { display: block; color: #FAFAFA; text-decoration: none; font-size: 16px; cursor: pointer }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul li label input[type="checkbox"] { position: absolute; width: 0; height: 0; display: none }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul li label input[type="checkbox"]:checked ~ span { color: #32AB80; font-weight: bold }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul.listado-profesionales { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul.listado-profesionales li { margin-bottom: 14px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul.listado-profesionales li a { display: block; color: #FAFAFA; text-decoration: none; font-size: 16px; cursor: pointer }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul.listado-profesionales li.active a { color: #32AB80 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .top-buscar form input[type="text"]::placeholder { color: #FDFDFD }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .tematicas .etiquetas button:hover { background-color: #FAFAFA; color: #0f1f2f }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .filtros-generales ul li:last-child { margin-bottom: 0 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .filtros-generales ul li.active a { color: #31AB80; font-weight: bold }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item h2.accordion-header button.collapsed span img { rotate: 0deg }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-body ul li.active a { color: #31AB80; font-weight: bold }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item { border: 0 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item h2.accordion-header { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item h2.accordion-header button { color: #FAFAFA; font-size: 16px; font-style: italic; position: relative; padding: 7px 0px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item h2.accordion-header button span.circle { width: 16px; height: 16px; border: 1px solid #32AB80; border-radius: 100%; position: absolute; right: 0px; top: 50%; transform: translateY(-50%) }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item h2.accordion-header button.collapsed span.circle { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item .accordion-body { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item .accordion-body ul { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item .accordion-body ul li { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item .accordion-body ul li a { color: #FFFFFF; font-size: 14px; padding: 0px 0px; display: block }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-collapse { }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-collapse .accordion-body { padding-left: 15px }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item h2.accordion-header button span.circle:before, .filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item h2.accordion-header button span.circle:after { content: ''; background-color: #32AB80; border-radius: 30px; position: absolute; transition: .3s ease }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item h2.accordion-header button span.circle:before { width: 7px; height: 1px; background-color: #32AB80; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item h2.accordion-header button span.circle:after { width: 1px; height: 7px; background-color: #32AB80; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item h2.accordion-header button.collapsed span.circle:after { opacity: 1 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item .accordion-body ul li.active a { color: #31AB80; font-weight: bold }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item .accordion-hijo .accordion-item:last-child { border-bottom: 0 }
.filtro-cursos .wrapper-filtros .filtro-desktop .wrapper-filtro .acordeones .accordion-general .accordion-item:last-child { border-bottom: 0 }
@media (max-width:768px) {
.filtro-cursos .wrapper-filtros .filtro-desktop { display: none; }
{ width: 100% }
.cursos .item { width: calc(33.33% - 20px) }
.filtro-cursos .wrapper-filtros { flex-direction: column; gap: 0; margin-top: 0 }
.titular-seccion h3 { font-size: 22px }
.titular-seccion { margin-bottom: 10px }
}
@media (max-width:579px) {
.cursos .item { width: calc(50% - 20px) }
}
.filtros-aplicados-desktop { margin-bottom: 60px }
.filtros-aplicados-desktop.inactive .top-filtro .selects { opacity: 0.32; pointer-events: none; display: none }
.filtros-aplicados-desktop.inactive .tags-filtros { opacity: 0.32; pointer-events: none; display: none }
.filtros-aplicados-desktop.inactive .tags-filtros .limpiar { display: none }
.filtros-aplicados-desktop .top-filtro { display: flex; justify-content: space-between; margin-bottom: 20px }
.filtros-aplicados-desktop .top-filtro .text { width: 100%; text-align: center; }
.filtros-aplicados-desktop .top-filtro .text h2 { color: #FFFFFF; font-weight: bold; font-size: 28px; margin: 0; text-align: left; }
.filtros-aplicados-desktop .top-filtro .selects { }
.filtros-aplicados-desktop .top-filtro .selects select { background-color: #132333; border-radius: 9px; border: 0; outline: none; box-shadow: none; color: #FFFFFF; font-size: 14px; font-family: Open sans, sans-serif; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; height: 42px; padding: 0px 20px; padding-right: 75px; background-image: url(img/select-arrow.svg); cursor: pointer; background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 15px) }
.filtros-aplicados-desktop .tags-filtros { display: flex; justify-content: space-between; gap: 0px 30px; background-color: #0F1F2F; border-radius: 16px; padding: 2px 10px; flex-wrap: wrap }
.filtros-aplicados-desktop .tags-filtros .etiquetas { display: flex; flex-wrap: wrap }
.filtros-aplicados-desktop .tags-filtros .etiquetas .item { padding: 6px }
.filtros-aplicados-desktop .tags-filtros .etiquetas .item button { background-color: transparent; border: 1px solid #FAFAFA; border-radius: 45px; padding: 4px 11px; color: #021726; font-size: 14px; font-weight: bold; opacity: 1; transition: .3s ease; display: flex; align-items: center; justify-content: center; background-color: #F8F8FA }
.filtros-aplicados-desktop .tags-filtros .etiquetas .item button span { margin-left: 6px; display: flex; align-items: center; justify-content: center }
.filtros-aplicados-desktop .tags-filtros .etiquetas .item button span svg { width: 10px; height: auto }
.filtros-aplicados-desktop .tags-filtros .etiquetas .item button span svg path { fill: #021726; transition: .3s ease }
.filtros-aplicados-desktop .tags-filtros .limpiar { display: flex; justify-content: right; flex: 1 }
.filtros-aplicados-desktop .tags-filtros .limpiar button { background-color: transparent; border: 0; padding: 0; color: #32AB80; font-weight: bold; font-size: 14px; white-space: pre; opacity: 1; margin-top: 0px; transition: .3s ease; margin-right: 10px; padding: 6px }
.filtros-aplicados-desktop .tags-filtros .etiquetas .item button:hover { background-color: #f4f4f4; color: #0f1f2f }
.filtros-aplicados-desktop .tags-filtros .etiquetas .item button:hover span svg path { fill: #0f1f2f }
.filtros-aplicados-desktop .tags-filtros .limpiar button:hover { opacity: 1 }
.filtros-aplicados-desktop .top-filtro .selects { display: flex }
.filtros-aplicados-desktop .top-filtro .selects button.boton-filtromobile { background-color: #132333; border-radius: 9px; border: 0; outline: none; box-shadow: none; color: #FFFFFF; font-size: 14px; font-family: Open sans, sans-serif; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; height: 42px; padding: 0px 20px; padding-right: 75px; background-image: url(../img/select-arrow.svg); cursor: pointer; background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 15px); display: none }
@media (max-width:768px) {
.filtro-cursos .filtros-aplicados-desktop { /* display: none; */ }
.filtros-aplicados-desktop .top-filtro .selects button.boton-filtromobile { display: flex; align-items: center; width: 50%; margin: 0px 5px }
.filtros-aplicados-desktop .top-filtro .selects { width: 100%; /* display: none; */ }
.filtros-aplicados-desktop .top-filtro .selects select { width: 50%; margin: 0px 5px; padding-right: 40px }
.filtros-aplicados-desktop .tags-filtros { /* display: none; */ }
.filtros-aplicados-desktop { margin-bottom: 40px }
}
.breadcrumbs { position: absolute; left: 0; right: 0; z-index: 1; margin-top: 20px; font-size: 14px; top: 0; }
.breadcrumbs p { margin: 0; color: #32AB80; font-style: italic; font-family: 'Open Sans', sans-serif; padding-left: 20px; position: relative; max-width: initial; text-align: left; font-size: 12px; margin-left: 7px; }
.breadcrumbs p span { }
.breadcrumbs p span span.breadcrumb_last { }
.breadcrumbs p:before { background-image: url(img/iso-viba.svg); content: ''; display: block; width: 14px; height: 16px; position: absolute; background-size: contain; background-repeat: no-repeat; left: 0px; top: 0px; }
.breadcrumbs p span a { color: #fff; }
.breadcrumbs p span a + span.breadcrumb_last { font-weight: bold; }
@media (max-width:768px) {
.breadcrumbs p { margin-left: 5px; }
}
.filtro-profesionales { }
.filtro-profesionales .wrapper { display: flex; align-items: center; justify-content: center; gap: 20px }
.filtro-profesionales .wrapper select { background-color: #132333; border-radius: 9px; border: 0; outline: none; box-shadow: none; color: #FFFFFF; font-size: 14px; font-family: Open sans, sans-serif; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; height: 42px; padding: 0px 20px; padding-right: 75px; background-image: url(img/select-arrow.svg); cursor: pointer; background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 15px) }
.filtro-profesionales .wrapper select option { }
.filtro-profesionales .wrapper .wrapper-select-items { display: flex; gap: 30px; position: relative }
.filtro-profesionales .wrapper .wrapper-select-items .limpiar { background-color: transparent; border: 0; padding: 0; color: #32AB80; font-weight: bold; font-size: 14px; white-space: pre; opacity: 1; margin-top: 0px; transition: .3s ease; padding: 6px; position: absolute; right: -95px; top: 4px; opacity: 1 }
.filtro-profesionales .wrapper .wrapper-select-items .limpiar:hover { opacity: 1 }
@media (max-width:991px) {
.filtro-profesionales .wrapper .wrapper-select-items .limpiar { position: relative; top: 0; right: 0 }
}
@media (max-width:768px) {
.filtro-profesionales .wrapper { gap: 0; margin-bottom: 15px; flex-direction: column }
.filtro-profesionales .wrapper select { width: calc(50% - 10px); margin: 0px 5px }
.banner-principal-home.category-cursos { display: none }
.filtro-profesionales .wrapper .wrapper-mobile-filtros { display: flex }
.filtro-profesionales .wrapper .limpiar { width: 100%; text-align: left; background-color: transparent; border: 0; padding: 0; color: #32AB80; font-weight: bold; font-size: 14px; white-space: pre; opacity: 1; margin-top: 0px; transition: .3s ease; padding: 6px; margin-left: 10px }
.filtro-profesionales .wrapper .wrapper-select-items { gap: 0; flex-wrap: wrap }
}
.listado-personajes { margin-top: 50px; padding-bottom: 200px; position: relative }
.listado-personajes .wrapper { display: flex; flex-wrap: wrap; gap: 15px }
.listado-personajes .wrapper .item { width: calc(16.666% - 13px); overflow: hidden; border-radius: 10px }
.listado-personajes .wrapper .item a { }
.listado-personajes .wrapper .item .wrapper-item { position: relative }
.listado-personajes .wrapper .item .wrapper-item figure { margin: 0; padding-top: 145%; background-position: center; background-size: cover; transition: .3s ease }
.listado-personajes .wrapper .item .wrapper-item figure img { max-width: 100%; height: auto; transition: .3s ease; width: 26px; height: auto }
.listado-personajes .wrapper .item .wrapper-item .content { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 0px 15px; padding-bottom: 10px; z-index: 1 }
.listado-personajes .wrapper .item .wrapper-item .content h4 { color: #FFFFFF; font-weight: bold; font-size: 28px; line-height: 32px; margin: 0 }
.listado-personajes .wrapper .item .wrapper-item .content p { margin: 0; color: #FFFCFC; font-weight: bold; font-size: 16px }
.listado-personajes .bottom { text-align: center; margin-top: 30px; margin-bottom: 70px }
.listado-personajes .bottom .mostrando { color: #043F57; font-size: 16px }
.listado-personajes .bottom a { display: inline-block; border-radius: 8px; border: 1px solid #043F57; font-size: 14px; font-weight: bold; color: #043F57; padding: 8px 30px; margin-top: 15px }
.listado-personajes .wrapper .item .wrapper-item .content h4:after { content: ''; width: 21px; height: 4px; background-color: #fff; display: block; border-radius: 400px; margin: 3px auto; margin-top: 20px }
.listado-personajes .wrapper .item .wrapper-item:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 51%; background: rgb(6, 27, 39); background: -moz-linear-gradient(0deg, rgba(6, 27, 39, 1) 0%, rgba(31, 28, 26, 0.8015581232492998) 31%, rgba(30, 27, 26, 0.6446953781512605) 66%, rgba(11, 11, 11, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(6, 27, 39, 1) 0%, rgba(31, 28, 26, 0.8015581232492998) 31%, rgba(30, 27, 26, 0.6446953781512605) 66%, rgba(11, 11, 11, 0) 100%); background: linear-gradient(0deg, rgba(6, 27, 39, 1) 0%, rgba(31, 28, 26, 0.8015581232492998) 31%, rgba(30, 27, 26, 0.6446953781512605) 66%, rgba(11, 11, 11, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#061b27", endColorstr="#0b0b0b", GradientType=1); opacity: .69; z-index: 1; transition: .3s ease }
.listado-personajes .bottom a:hover { background-color: #043F57; color: #fff }
.listado-personajes .wrapper .item a:hover .wrapper-item figure img { }
.listado-personajes .wrapper .item a:hover .wrapper-item:before { opacity: 0.3 }
.listado-personajes .wrapper .item .wrapper-item .content .bajada { color: #FFFCFC; font-style: italic; display: block; min-height: 52px; margin-top: -2px }
@media (max-width:1579px) {
.listado-personajes .wrapper .item { width: calc(20% - 12px) }
}
@media (max-width:1280px) {
.listado-personajes .wrapper .item { width: calc(25% - 12px); }
.listado-personajes .wrapper .item .wrapper-item .content h4:after { margin-top: 5px }
.listado-personajes .wrapper .item .wrapper-item .content .bajada { min-height: 50px }
}
@media (max-width:991px) {
.listado-personajes .wrapper .item { width: calc(33.333% - 18px) }
.listado-personajes .wrapper { gap: 0; margin-left: -4px; margin-right: -4px }
.listado-personajes .wrapper .item { margin: 5px 5px; width: calc(33.33% - 10px) }
.listado-personajes .wrapper .item .wrapper-item figure { padding-top: 153% }
}
@media (max-width:768px) {
.listado-personajes .wrapper .item { width: calc(50% - 8px); margin-bottom: 4px }
.listado-personajes .wrapper .item .wrapper-item .content h4 { font-size: 18px; line-height: initial; line-height: 18px }
.listado-personajes .wrapper .item .wrapper-item .content p { font-size: 13px }
.listado-personajes .wrapper .item .wrapper-item .content .bajada { font-size: 13px; line-height: 15px; min-height: 32px }
.listado-personajes .wrapper { flex-direction: row; flex-wrap: wrap; gap: 0 }
.listado-personajes .wrapper .item { width: calc(50% - 10px) }
.listado-personajes { margin-top: 0 }
}
.listado-personajes .wrapper .item a:hover .wrapper-item figure { scale: 1.1 }
.listado-personajes .wrapper .item a:hover .wrapper-item .content figure { scale: 1 }
.listado-personajes:before { content: ''; display: block; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; height: 9px; background: rgb(2, 23, 38); background: -moz-linear-gradient(270deg, rgba(2, 23, 38, 1) 0%, rgba(0, 35, 60, 1) 17%, rgba(9, 63, 86, 1) 44%, rgba(49, 171, 128, 1) 100%); background: -webkit-linear-gradient(270deg, rgba(2, 23, 38, 1) 0%, rgba(0, 35, 60, 1) 17%, rgba(9, 63, 86, 1) 44%, rgba(49, 171, 128, 1) 100%); background: linear-gradient(270deg, rgba(2, 23, 38, 1) 0%, rgba(0, 35, 60, 1) 17%, rgba(9, 63, 86, 1) 44%, rgba(49, 171, 128, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#021726", endColorstr="#31ab80", GradientType=1); display: none }
.profesional-ficha { }
.profesional-ficha .wrapper { max-width: 1320px; margin: 0 auto; display: flex; gap: 40px }
.profesional-ficha .wrapper .left { width: 40% }
.profesional-ficha .wrapper .left figure { margin: 0; overflow: hidden; border-radius: 16px }
.profesional-ficha .wrapper .left figure img { max-width: 100%; height: auto }
.profesional-ficha .wrapper .left .informacion { margin-top: 20px; position: relative }
.profesional-ficha .wrapper .left .informacion .datos-prof { display: flex }
.profesional-ficha .wrapper .left .informacion .datos-prof .bandera { }
.profesional-ficha .wrapper .left .informacion .datos-prof .bandera figure { margin: 0; border-radius: 100% }
.profesional-ficha .wrapper .left .informacion .datos-prof .bandera figure img { width: 24px; height: auto }
.profesional-ficha .wrapper .left .informacion .cont { padding-left: 15px; padding-top: 2px }
.profesional-ficha .wrapper .left .informacion .cont p { color: #FFFCFC; font-size: 16px; margin: 0 }
.profesional-ficha .wrapper .left .informacion .rrss { position: absolute; top: 0; right: 0 }
.profesional-ficha .wrapper .left .informacion .rrss ul { list-style: none; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0 }
.profesional-ficha .wrapper .left .informacion .rrss ul li { margin-left: 20px }
.profesional-ficha .wrapper .left .informacion .rrss ul li a { display: flex; align-items: center; justify-content: center }
.profesional-ficha .wrapper .left .informacion .rrss ul li a svg { }
.profesional-ficha .wrapper .left .informacion .rrss ul li a:hover { filter: brightness(1.2) }
.profesional-ficha .wrapper .right { width: 60% }
.profesional-ficha .wrapper .right .collapse-mobile { }
.profesional-ficha .wrapper .right .collapse-mobile .button { }
.profesional-ficha .wrapper .right .button { }
.profesional-ficha .wrapper .right .button button.btn { border: 0; width: 100% }
.profesional-ficha .wrapper .right .button button.btn span.mas { }
.profesional-ficha .wrapper .right .button button.btn span.menos { display: none }
.profesional-ficha .wrapper .right .button button.btn span { color: #FAFAFA; text-align: center; font-size: 16px; font-weight: bold }
.profesional-ficha .wrapper .right .wraper-text { border-radius: 16px; padding: 25px 25px }
.profesional-ficha .wrapper .right .wraper-text .top { margin-bottom: 16px; display: flex; justify-content: space-between }
.profesional-ficha .wrapper .right .wraper-text .top figure { width: 24px; overflow: hidden; border-radius: 100%; height: 24px; m, animation-range-start: 0; margin: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 7px }
.profesional-ficha .wrapper .right .wraper-text .top figure img { width: 100%; height: auto }
.profesional-ficha .wrapper .right .wraper-text p { color: #FAFAFA; font-size: 16px }
.profesional-ficha .wrapper .right .wraper-text .top p { margin: 0 }
.profesional-ficha .wrapper .right .wraper-text .bottom::after { width: 43px; height: 5px; display: block; content: ''; border-radius: 40px; margin-top: 25px; background: rgb(145, 99, 255); background: -moz-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 19%, rgba(233, 88, 80, 1) 63%, rgba(255, 161, 13, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 19%, rgba(233, 88, 80, 1) 63%, rgba(255, 161, 13, 1) 100%); background: linear-gradient(90deg, rgba(145, 99, 255, 1) 0%, rgba(216, 106, 126, 1) 19%, rgba(233, 88, 80, 1) 63%, rgba(255, 161, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9163ff", endColorstr="#ffa10d", GradientType=1); margin-bottom: 10px; display: none }
.profesional-ficha .wrapper .right .wraper-text .top .rrss { }
.profesional-ficha .wrapper .right .wraper-text .top .rrss ul { padding: 0; list-style: none; margin: 0; display: flex }
.profesional-ficha .wrapper .right .wraper-text .top .rrss ul li { margin-right: 20px }
.profesional-ficha .wrapper .right .wraper-text .top .rrss ul li a { display: flex }
.profesional-ficha .wrapper .right .wraper-text .top .rrss ul li a svg { }
.profesional-ficha .wrapper .right .wraper-text .top .rrss ul li:last-child { margin-right: 0 }
.profesional-ficha .wrapper .right .accordion-bio { }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item { border: 0; border-radius: 0; background-color: transparent }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .accordion-collapse { border-radius: 0; border: 0; background-color: transparent; display: block }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .wraper-text { }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .wraper-text { }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .boton { }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .boton button { align-items: center; justify-content: center; border: 0; border-radius: 0; background-color: transparent; box-shadow: none; padding: 0; color: #FAFAFA; font-size: 16px; font-weight: bold }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .boton button.collapsed span.menos { display: none }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .boton button.collapsed span.mas { display: block }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .boton button span.mas { display: none }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .boton button:after { display: none }
.cursos-relacionados { max-width: 957px; margin: 0 auto; margin-top: 100px; margin-bottom: 75px }
.cursos-relacionados h3 { color: #FFFFFF; text-align: center; font-size: 30px; margin-bottom: 40px }
.cursos-relacionados .wrapper-rel { display: flex; gap: 50px; flex-wrap: wrap; justify-content: center }
.cursos-relacionados .wrapper-rel .item { width: calc(33.33% - 34px) }
.cursos-relacionados .wrapper-rel .item a { text-decoration: none }
.cursos-relacionados .wrapper-rel .item .desktop { }
.cursos-relacionados .wrapper-rel .item .desktop figure { border-radius: 8px; overflow: hidden; margin: 0; position: relative }
.cursos-relacionados .wrapper-rel .item .desktop figure:before, .cursos-relacionados .wrapper-rel .item .mobile figure:before { content: ''; display: block; background: rgb(6, 27, 39); background: -moz-linear-gradient(0deg, rgba(6, 27, 39, 0.896796218487395) 0%, rgba(30, 27, 26, 0.6587009803921569) 50%, rgba(11, 11, 11, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(6, 27, 39, 0.896796218487395) 0%, rgba(30, 27, 26, 0.6587009803921569) 50%, rgba(11, 11, 11, 0) 100%); background: linear-gradient(0deg, rgba(6, 27, 39, 0.896796218487395) 0%, rgba(30, 27, 26, 0.6587009803921569) 50%, rgba(11, 11, 11, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#061b27", endColorstr="#0b0b0b", GradientType=1); position: absolute; top: 50%; left: 0; right: 0; bottom: 0; }
.cursos-relacionados .wrapper-rel .item .desktop figure img { max-width: 100%; height: auto }
.cursos-relacionados .wrapper-rel .item .desktop figure h4 { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #FFFFFF; font-size: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding: 15px; padding-bottom: 0; margin-bottom: 15px; min-height: 102px; font-style: italic; font-weight: 300 }
.cursos-relacionados .wrapper-rel .item .desktop .ir { color: #FAFAFA; border: 1px solid #FAFAFA; border.r: 7; border-radius: 8px; text-align: center; font-weight: bold; font-size: 16px; padding: 8px 5px; margin-top: 20px; transition: .3s ease }
.cursos-relacionados .wrapper-rel .item a:hover .desktop .ir { background-color: #FAFAFA; color: #071828 }
.cursos-relacionados .wrapper-rel .item .desktop figure h4 strong { font-style: normal; font-weight: bold }
.cursos-relacionados .wrapper-rel .item .mobile { display: none }
@media (min-width:769px) {
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .boton { display: none }
.profesional-ficha .wrapper .right .accordion-bio .accordion-item .accordion-collapse { display: block }
}
@media (max-width:768px) {
.cursos-relacionados .wrapper-rel .item .desktop { display: none }
.cursos-relacionados .wrapper-rel .item .mobile { display: flex; position: relative }
.cursos-relacionados .wrapper-rel .item .mobile figure { display: block; overflow: hidden; border-radius: 11px; margin: 0 }
.cursos-relacionados .wrapper-rel .item .mobile figure img { max-width: 100%; height: auto }
.cursos-relacionados .wrapper-rel .item .mobile .bottom { position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; padding: 10px; width: 100%; text-align: center }
.cursos-relacionados .wrapper-rel .item .mobile .bottom figure.bandera { display: flex; margin: 0 auto; width: 18px; height: 18px; border-radius: 100%; align-items: center; justify-content: center; margin-bottom: 5px }
.cursos-relacionados .wrapper-rel .item .mobile .bottom figure.bandera img { display: flex; align-items: center; justify-content: center; width: 100%; transform: scale(1) }
.cursos-relacionados .wrapper-rel .item .mobile .bottom .nombre { position: relative; z-index: 1; }
.cursos-relacionados .wrapper-rel .item .mobile .bottom .nombre h4 { color: #FAFAFA; font-size: 16px; font-weight: bold; line-height: 1.3; margin-bottom: 10px; min-height: auto; font-style: normal }
.cursos-relacionados .wrapper-rel .item .mobile .bottom .nombre h4 i { }
.cursos-relacionados .wrapper-rel .item .mobile .bottom h4 { font-style: italic; color: #FAFAFA; font-size: 20px; text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 72px; margin: 0; margin-bottom: 10px; position: relative; }
.cursos-relacionados .wrapper-rel .item .mobile .bottom h4 strong { font-style: normal }
.cursos-relacionados .wrapper-rel { gap: 0; flex-wrap: wrap; margin-left: -10px; margin-right: -10px }
.cursos-relacionados .wrapper-rel .item { width: calc(33.33% - 20px); margin: 10px }
.cursos-relacionados .wrapper-rel .item .mobile .bottom .nombre h4:after { background-color: #FFFFFF; width: 17px; height: 3px; margin: 0 auto; margin-top: 5px; content: ''; display: block; border-radius: 10px }
.cursos-relacionados h3 { text-align: left; font-size: 24px; margin-bottom: 20px }
.profesional-ficha .wrapper .left .informacion .datos-prof { flex-direction: column }
.profesional-ficha .wrapper .left .informacion .datos-prof .bandera figure { width: 24px; height: 24px }
.profesional-ficha .wrapper .left .informacion .cont { padding-left: 0 }
}
@media (max-width:579px) {
.cursos-relacionados .wrapper-rel .item { width: calc(50% - 20px) }
}
@media (max-width:549px) {
.cursos-relacionados .wrapper-rel .item .mobile .bottom .nombre h4 { font-size: 13px }
.cursos-relacionados .wrapper-rel .item .mobile .bottom h4 { font-size: 16px; min-height: 57px }
}
.tematicas-abordadas { max-width: 957px; margin: 0 auto; padding-bottom: 75px }
.tematicas-abordadas h4 { color: #FAFAFA; font-size: 22px; text-align: center; margin-bottom: 30px }
.tematicas-abordadas ul { padding: 0; list-style: none; margin: 0; text-align: center }
.tematicas-abordadas ul li { display: inline-block; margin: 10px 5px }
.tematicas-abordadas ul li a { color: #FAFAFA; text-decoration: none; font-size: 14px; font-weight: bold; border: 1px solid #F4F4F4; border-radius: 65px; padding: 5px 13px; transition: .3s ease; display: block }
.tematicas-abordadas ul li a:hover { background-color: #FAFAFA; color: #071828 }
@media (max-width:768px) {
.tematicas-abordadas h4 { text-align: left }
.tematicas-abordadas ul { text-align: left }
.introduccion-top.profesionales p { font-size: 16px }
.profesional-ficha .wrapper { gap: 0; flex-direction: column }
.profesional-ficha .wrapper .left { width: 100% }
.profesional-ficha .wrapper .right { width: 100%; margin-top: 15px }
.profesional-ficha .wrapper .right .wraper-text .top .datos-prof { position: relative; padding-left: 40px }
.profesional-ficha .wrapper .right .wraper-text .top .datos-prof figure { position: absolute; left: 0 }
.profesional-ficha .wrapper .right .wraper-text { padding-bottom: 60px; position: relative; padding-left: 0; padding-right: 0 }
.profesional-ficha .wrapper .right .wraper-text .top .rrss { position: absolute; bottom: 25px; right: 25px }
}
@media (max-width:579px) {
.cursos-relacionados .wrapper-rel { justify-content: flex-start; }
}
.contenido-especializado { background-color: #0F1F2F; border-radius: 16px; padding: 25px 20px; margin-top: 30px; }
.contenido-especializado h4 { color: #FAFAFA; font-size: 22px; margin-bottom: 15px; }
.contenido-especializado p { color: #FAFAFA; font-size: 16px; }
.contenido-especializado .boton { margin-top: 20px; }
.banner-ficha { margin-bottom: -6px; }
.banner-ficha .item { position: relative; overflow: hidden; }
.banner-ficha .item .desktop { position: relative; margin: 0; }
.banner-ficha .item .desktop img { width: 100%; height: auto; max-width: 100%; }
.banner-ficha .item .desktop::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 80%; background: rgb(7, 24, 40); background: -moz-linear-gradient(0deg, rgba(7, 24, 40, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(7, 24, 40, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(7, 24, 40, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#071828", endColorstr="#000000", GradientType=1); z-index: 1; }
.banner-ficha .item .wrapper-cntent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; padding-bottom: 60px; }
.banner-ficha .item .wrapper-cntent .container { display: flex; align-items: flex-end; }
.banner-ficha .item .wrapper-cntent .wrapper-texts { position: relative; z-index: 1; max-width: 880px; padding-right: 15px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts h2 { color: #FFFFFF; font-family: Open Sans, sans-serif; font-size: 68px; margin-bottom: 2.5rem; margin-top: 10px; line-height: 70px; font-weight: 400; }
.banner-ficha .item .wrapper-cntent .wrapper-texts h2 strong { }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajda-tittle { margin-top: -25px; margin-bottom: 20px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajda-tittle h5 { margin: 0; color: #fff; font-family: Open Sans, sans-serif; font-size: 25px; font-weight: bold; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajda-tittle h5::after { content: ''; display: block; width: 21px; height: 4px; background-color: #fff; border-radius: 26px; margin-top: 10px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajada-texts { }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajada-texts p { max-width: 710px; font-family: 'Open Sans', sans-serif; color: #fff; font-size: 20px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom { margin-top: 50px; max-width: 716px; position: relative; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom .text { padding-top: 15px; position: absolute; bottom: -36px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom .text p { max-width: 663px; font-family: 'Open Sans', sans-serif; color: #FAFAFA; font-size: 14px; margin: 0; font-weight: 3400; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom a.btn-blanco { color: #fff; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom a.btn-degradado { }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom .wrapper-buttons { display: flex; gap: 15px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom a { flex: 1; font-weight: 400; max-width: 50%; }
.banner-ficha .item .wrapper-cntent .video-flotante { width: 35%; margin: 0 auto; border: 0; overflow: initial; transform: none; top: 0; right: 0; border-radius: 0; position: relative; bottom: 0; margin-right: 0; }
.banner-ficha .item .wrapper-cntent .video-flotante .wapper-iframe { position: relative; right: 0; z-index: 1; max-width: 1690px; margin: 0 auto; border: 1px solid #fff; }
.banner-ficha .item .wrapper-cntent .video-flotante .wapper-iframe div { width: 100%; margin: 0; margin-left: auto; position: relative; right: 0; top: auto; border-radius: 0px; overflow: hidden; padding-top: 56% !important; background-color: #000; }
.banner-ficha .item .wrapper-cntent .video-flotante .wapper-iframe iframe#trailer-video { }
@media (max-width:1279px) {
.banner-ficha .item .wrapper-cntent .wrapper-texts h2 { font-size: 39px; line-height: 42px; margin-bottom: 31px; max-width: 685px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajda-tittle h5 { font-size: 17px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajada-texts p { font-size: 16px; line-height: 24px; max-width: 411px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom { margin-top: 25px; }
}
@media (max-width:991px) {
.banner-ficha .item .desktop::before { display: none; }
.banner-ficha .item .desktop { display: none; }
.banner-ficha .item .wrapper-cntent { position: initial; }
.banner-ficha .item .wrapper-cntent .video-flotante { position: relative; top: 0; width: 100%; bottom: initial; }
.banner-ficha .item .wrapper-cntent .video-flotante .wapper-iframe { border: 0; }
.banner-ficha .item .wrapper-cntent .wrapper-texts { padding-top: 11px; width: 100%; max-width: 100%; padding-right: 0; padding: 0px 20px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts h2 { margin-bottom: 45px; max-width: 100%; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajada-texts p { max-width: 100%; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom { max-width: 100%; height: auto; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom .text { position: relative; bottom: 0; }
.banner-ficha .item .wrapper-cntent .container { flex-direction: column-reverse; padding: 0; }
}
@media (max-width:768px) {
.banner-ficha .item .wrapper-cntent .wrapper-texts h2 { font-size: 32px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajda-tittle h5 { font-size: 16px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .bajada-texts { display: none; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom .wrapper-buttons { gap: 0; flex-direction: column; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom a.btn-blanco { margin-bottom: 10px; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom .text { text-align: center; }
.banner-ficha .item .wrapper-cntent .wrapper-texts .botones-bottom a { max-width: initial; }
.banner-ficha .item .wrapper-cntent { padding-bottom: 35px; }
}
.wrapper-nueva-ficha { background-color: #071828; padding-top: 30px; padding-bottom: 80px; }
.wrapper-nueva-ficha .contenedor-ficha { max-width: 1690px; display: block; margin: 0 auto; /* padding: 0px 40px; */ }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones { max-width: 1145px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item { border: 0; background-color: transparent; border-radius: 0; margin-bottom: 5px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item div#accordion-modulos p { color: #fff; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 { font-weight: bold; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button { background-color: transparent; border-radius: 4px; outline: none; box-shadow: none; transition: .3s ease; color: #FAFAFA; font-family: Open sans, sans-serif; font-size: 24px; font.w: b; font-weight: bold; position: relative; padding: 20px 30px; padding-right: 80px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button .arrow { position: absolute; right: 30px; width: 36px; height: 36px; border: 1px solid #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button.collapsed .arrow .on { display: flex; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button .arrow .off { display: flex; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button .arrow svg { }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button::after { display: none; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item .accordion-body { padding-top: 35px; padding-bottom: 70px; padding-left: 30px; padding-right: 30px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button.collapsed { background-color: #132333; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button .arrow div { transition: .3s ease; display: flex; align-items: center; justify-content: center; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button.collapsed .arrow .off { display: none; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button .arrow .on { display: none; }
@media (max-width:991px) {
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item .accordion-body p { margin-bottom: 0px !important; margin-top: 0px !important; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button { font-size: 22px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button .arrow { right: 15px; }
.wrapper-nueva-ficha .contenedor-ficha .container { padding: 0; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h2 button.collapsed { font-size: 20px; }
}
.ficha-piso-resena { display: flex; gap: 30px; max-width: 1232px; margin: 0 auto; }
.ficha-piso-resena .content { /* background-color: #132333; */
/* border-radius: 16px; */
/* padding: 30px 40px; */
padding-right: 30px; }
.ficha-piso-resena .content p { color: #FAFAFA; font-size: 16px; }
.ficha-piso-resena .imagen { background-color: transparent; border-radius: 16px; min-width: 357px; display: flex; align-items: center; flex-direction: column; padding: 15px 30px; border: 1px solid #132333; }
.ficha-piso-resena .imagen figure { width: 168px; height: 168px; border-radius: 100%; background-size: cover; background-position: center; margin-bottom: 10px; }
.ficha-piso-resena .imagen h4 { color: #FAFAFA; font-weight: bold; font-size: 22px !important; }
.ficha-piso-resena .imagen .pais { overflow: hidden; border-radius: 100%; width: 26px; height: 26px; }
.ficha-piso-resena .imagen .pais img { width: 100%; height: auto; }
.ficha-piso-resena .imagen .bajada { margin-top: 15px; }
.ficha-piso-resena .imagen .bajada p { color: #FAFAFA; text-align: center; line-height: 1.3; }
.ficha-piso-resena .imagen .bottom { width: 100%; margin-top: 20px; }
.ficha-piso-resena .imagen .bottom a { width: 100%; display: block; border: 1px solid #FAFAFA; border-radius: 8px; text-align: center; color: #FAFAFA; font-weight: bold; font-size: 16px; padding: 8px 10px; }
.ficha-piso-resena .imagen .bottom a:hover { background-color: #FAFAFA; color: #132333; }
@media (max-width:991px) {
.ficha-piso-resena { gap: 0; flex-direction: column; }
.ficha-piso-resena .imagen { background-color: transparent; border-radius: 8px; padding: 15px 30px; /* margin-top: -85px; */ min-width: auto; padding-bottom: 30px; }
.ficha-piso-resena .content { padding-bottom: 110px; padding-left: 0; padding-right: 0; padding-top: 0; background-color: transparent; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item .accordion-body { padding-top: 15px; padding-bottom: 60px; }
.ficha-piso-resena .imagen figure { margin-top: -95px; }
}
.ficha-piso-estructura { max-width: 900px; margin: 0px 0px; /* padding: 0px 30px; */ }
.ficha-piso-estructura .detalle-curso { }
.ficha-piso-estructura .detalle-curso p { color: #FAFAFA; font-size: 18px; }
.ficha-piso-estructura .detalle-curso .specs-wrap { display: flex; flex-wrap: wrap; gap: 0px 50px; margin-top: 30px; margin-bottom: 50px; }
.ficha-piso-estructura .detalle-curso .specs-wrap .item { width: calc(50% - 25px); display: flex; justify-content: space-between; padding: 10px 0px; border-bottom: 1px solid #ffffff1a; }
.ficha-piso-estructura .detalle-curso .specs-wrap .item .spec { margin: 0; }
.ficha-piso-estructura .detalle-curso .specs-wrap .item .spec p { margin: 0; }
.ficha-piso-estructura .detalle-curso .specs-wrap .item .valor { }
.ficha-piso-estructura .detalle-curso .specs-wrap .item .valor p { margin: 0; color: #32AB80 !important; font-weight: bold; }
.ficha-piso-estructura .detalle-curso .specs-wrap .item:nth-child(1), .ficha-piso-estructura .detalle-curso .specs-wrap .item:nth-child(2) { border-top: 1px solid #ffffff1a; }
@media (max-width:768px) {
.ficha-piso-estructura .detalle-curso .specs-wrap { gap: 0; flex-direction: column; margin-top: 0; }
.ficha-piso-estructura .detalle-curso .specs-wrap .item { width: 100%; }
.ficha-piso-estructura .detalle-curso .specs-wrap .item:nth-child(2) { border-top: 0; }
.ficha-piso-estructura .detalle-curso .specs-wrap p { font-size: 16px; }
}
.wrapper-nueva-ficha .piso-collapses-listado { max-width: 100%; margin: 0 0; margin-top: 50px; /* padding: 0px 30px; */ max-width: 900px; }
.wrapper-nueva-ficha .piso-collapses-listado .accordion-item { background-color: transparent !important; position: relative; margin-bottom: 15px !important; border-radius: 0px 8px 8px 8px !important; border: 1px solid #132333 !important; }
.wrapper-nueva-ficha .piso-collapses-listado .accordion-item .solapa-top { display: flex; align-items: center; margin-bottom: 5px; color: #FAFAFA; font-size: 14px; position: relative; top: initial; bottom: 5px; right: 15px; background-color: transparent; justify-content: flex-end; margin-top: 30px; }
.wrapper-nueva-ficha .piso-collapses-listado .accordion-item .solapa-top .time { font-weight: bold; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
.wrapper-nueva-ficha .piso-collapses-listado .accordion-item .solapa-top .time span { display: flex; margin-right: 10px; }
.wrapper-nueva-ficha .piso-collapses-listado .accordion-item .solapa-top .time span img { }
.wrapper-nueva-ficha .piso-collapses-listado .accordion-item .solapa-top .videos { }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 { font-size: 42px; font-weight: bold; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button { background-color: transparent; border: 0 !important; box-shadow: none; border-radius: 0; width: 100%; position: relative; padding: 20px 25px; padding-bottom: 20px; padding-right: 65px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral { }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral .textos { }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral .textos .titular { color: #32AB80; font-size: 22px; font-weight: bold; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral .textos .bajada { color: #FAFAFA; font-size: 16px; font-weight: bold; margin-top: 10px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral .arrow { position: absolute; right: 0; top: 50%; transform: translateY(-50%); right: 30px; width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral .arrow span { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral .arrow span svg { width: 17px; height: auto; display: block; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button::after { display: none; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item .accordion-body p.bajada-titulo-top { color: #FAFAFA; font-size: 16px; margin: 0; margin-bottom: 22px; margin-bottom: 18px; margin-top: -42px; }
.wrapper-nueva-ficha .piso-collapses-listado .accordion { }
.wrapper-nueva-ficha .piso-collapses-listado .accordion .accordion-item { }
.wrapper-nueva-ficha .piso-collapses-listado .accordion .accordion-item .accordion-body { padding-top: 0px !important; padding-bottom: 20px !important; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button.collapsed .contenedor-gral .arrow { }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral .arrow span { transition: .3s; rotate: 0deg; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button.collapsed .contenedor-gral .arrow span { rotate: 180deg; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 sup { position: relative; top: initial; line-height: initial; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; display: block; margin-top: -6px; }
.ficha-piso-planes .item .caluga-info .precio .price h5 sup { position: relative; top: initial; line-height: initial; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; display: block; margin-top: -6px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 .precio-int { display: flex; justify-content: center; align-items: baseline; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 .precio-int .duracion { font-size: 16px; font-weight: 400; padding-left: 6px; }
@media (max-width:768px) {
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral .textos .titular { font-size: 18px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button .contenedor-gral .arrow { right: 15px; }
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 button { padding-right: 45px; padding-bottom: 2; }
}
@media (max-width:360px) {
.wrapper-nueva-ficha .contenedor-ficha div#wrapper-acordeones .accordion-item h4 .precio-int { font-size: 32px; }
}
.ficha-piso-aprendizajes { max-width: 100%; margin: 0 auto; }
.ficha-piso-aprendizajes .bajada { color: #FAFAFA; font-family: 'Open Sans', sans-serif; font-size: 18px; margin-bottom: 35px; }
.ficha-piso-aprendizajes .wrapper-aprendizajes { display: flex; flex-wrap: wrap; gap: 35px 50px; }
.ficha-piso-aprendizajes .wrapper-aprendizajes .item { width: calc(50% - 25px); display: flex; }
.ficha-piso-aprendizajes .wrapper-aprendizajes .item .num { color: #32AB80; font-weight: bold; font-size: 22px; vertical-align: top; }
.ficha-piso-aprendizajes .wrapper-aprendizajes .item .num figure { }
.ficha-piso-aprendizajes .wrapper-aprendizajes .item .text { vertical-align: top; padding-left: 30px; color: #FAFAFA; font-size: 16px; }
@media (max-width:768px) {
.ficha-piso-aprendizajes .wrapper-aprendizajes { gap: 0; flex-wrap: nowrap; flex-direction: column; }
.ficha-piso-aprendizajes .wrapper-aprendizajes .item { width: 100%; margin-bottom: 20px; }
.ficha-piso-aprendizajes .wrapper-aprendizajes .item .text { padding-left: 15px; }
}
.ficha-piso-planes { display: flex; gap: 50px; max-width: 100%; margin: 0 auto; }
.ficha-piso-planes .item { width: 50%; display: flex; flex-direction: column; }
.ficha-piso-planes .item .caluga-info { /* flex: 1; */
display: flex; flex-direction: column; border: 1px solid #FF8484; border-radius: 9px; position: relative; padding: 30px; color: #fff; text-align: center; padding-bottom: 25px; padding-top: 20px; }
.ficha-piso-planes .item .caluga-info h3 { color: #FD8484; /* position: absolute; */ /* top: -18px; */
margin: 0; background-color: #071828; padding: 0px 20px; /* left: 50%; */ /* transform: translateX(-50%); */
font-family: Alatsi, sans-serif; /* white-space: pre; */ font-size: 34px; margin-bottom: 10px; }
.ficha-piso-planes .item .caluga-info .precio { }
.ficha-piso-planes .item .caluga-info .precio .top { font-size: 18px; margin-bottom: 5px; }
.ficha-piso-planes .item .caluga-info .precio .price { margin-bottom: 25px; }
.ficha-piso-planes .item .caluga-info .precio .price h4 { }
.ficha-piso-planes .item .caluga-info .precio .price h5 { color: #FFFFFF; font-family: 'Alatsi', sans-serif; font-size: 28px; margin-bottom: 0; }
.ficha-piso-planes .item .caluga-info .precio .boton { }
.ficha-piso-planes .item .caluga-info .precio .boton a { border: 1px solid #FF8484; border-radius: 9px; background-color: #FF8484; color: #fff; font-size: 16px; padding: 10px 15px; width: 100%; display: block; max-width: 290px; margin: 0 auto; font-weight: bold; font-size: 16px; }
.ficha-piso-planes .item .caluga-info .precio .boton a:hover { background-color: transparent; color: #FF8484; }
.ficha-piso-planes .item.basico .caluga-info h3 { color: #31AB80; }
.ficha-piso-planes .item.basico .caluga-info { border-color: #31AB80; }
.ficha-piso-planes .item.basico .caluga-info .precio .boton a:hover { color: #31AB80; background-color: transparent; }
.ficha-piso-planes .item.basico .caluga-info .precio .boton a { border-color: #31AB80; background-color: #31AB80; }
.ficha-piso-planes .item .caluga-info .accordion { }
.ficha-piso-planes .item .accordion { margin-top: 10px; }
.ficha-piso-planes .item .accordion .accordion-item { border: 1px solid #FF8484 !important; border-radius: 8px !important; overflow: hidden !important; }
.ficha-piso-planes .item .accordion .accordion-item h2 { }
.ficha-piso-planes .item .accordion .accordion-item h2 button { color: #FFFFFF; font-size: 16px !important; font-weight: bold !important; padding: 15px 30px !important; display: flex; justify-content: space-between; padding-right: 15px !important; }
.ficha-piso-planes .item .accordion .accordion-item h2 button span { transition: .3s ease; }
.ficha-piso-planes .item .accordion .accordion-item h2 button span svg { }
.ficha-piso-planes .item .accordion .accordion-item .accordion-body { padding-top: 5px !important; padding-bottom: 35px !important; }
.ficha-piso-planes .item .accordion .accordion-item .accordion-body p { }
.ficha-piso-planes .item .accordion .accordion-item .accordion-body ul { padding: 0; list-style: none; color: #fff; font-size: 16px; margin: 0; margin-top: 30px; }
.ficha-piso-planes .item .accordion .accordion-item .accordion-body ul li { margin-bottom: 15px; padding-left: 35px; color: #fff; background-image: url(img/check-suscripcion.svg); background-repeat: no-repeat; background-position-y: 2px; }
.ficha-piso-planes .item .accordion .accordion-item .accordion-body .boton { margin-top: 30px; }
.ficha-piso-planes .item .accordion .accordion-item .accordion-body .boton a { border: 1px solid #FF8484; border-radius: 9px; background-color: #FF8484; color: #fff; font-size: 16px; padding: 10px 15px; width: 100%; display: block; max-width: 290px; margin: 0 auto; font-weight: bold; font-size: 16px; text-align: center; }
.ficha-piso-planes .item .accordion .accordion-item h2 button.collapsed { background-color: transparent !important; }
.ficha-piso-planes .item .accordion .accordion-item .accordion-body .boton a:hover { background-color: transparent; color: #FF8484; }
.ficha-piso-planes .item .accordion .accordion-item h2 button.collapsed span { rotate: 0deg; transition: .3s ease; }
.ficha-piso-planes .item.basico .accordion .accordion-item { }
.ficha-piso-planes .item.basico .accordion .accordion-item { border-color: #31ab80 !important; }
.ficha-piso-planes .item.basico .accordion .accordion-item .accordion-body .boton a { background-color: #31ab80; border: 1px solid #31ab80; }
.ficha-piso-planes .item.basico .accordion .accordion-item .accordion-body .boton a:hover { background-color: transparent; color: #31ab80; }
.ficha-piso-planes .item.basico .accordion .accordion-item .accordion-body ul li { background-image: url(img/check-vibapass.svg); }
.ficha-piso-planes .item .accordion .accordion-item h2 button span { rotate: -90deg; }
@media (max-width:991px) {
.ficha-piso-planes { gap: 0; flex-direction: column; }
.ficha-piso-planes .item { width: 100%; margin-bottom: 34px; }
.ficha-piso-planes .item:last-child { margin-bottom: 0; }
}
.piso-formulario-leads { }
.piso-formulario-leads .wrapper { }
.piso-formulario-leads .wrapper .titular { margin-bottom: 30px; }
.piso-formulario-leads .wrapper .titular p { text-align: center; font-size: 18px !important; }
.piso-formulario-leads .wrapper form { }
.piso-formulario-leads .wrapper form .campos { display: flex; flex-wrap: wrap; gap: 15px; }
.piso-formulario-leads .wrapper form .campos label { }
.piso-formulario-leads .wrapper form .campos label.mitad { width: calc(50% - 8px); }
.piso-formulario-leads .wrapper form .campos label.tercio { width: calc(33.33% - 10px); }
.piso-formulario-leads .wrapper form .campos label.full { width: 100%; height: auto; }
.piso-formulario-leads .wrapper form .campos input[type="text"], .piso-formulario-leads .wrapper form .campos select { width: 100%; height: auto; border: 1px solid #838C94; height: 45px; background-color: transparent; border-radius: 8px; color: #FAFAFA; outline: none; box-shadow: none; padding: 0px 15px; font-size: 16px; }
.piso-formulario-leads .wrapper form .campos label textarea { width: 100%; border: 1px solid #838C94; background-color: transparent; border-radius: 8px; color: #FAFAFA; outline: none; box-shadow: none; padding: 0px 15px; font-size: 16px; resize: none; height: 110px; padding: 10px 15px; }
.piso-formulario-leads .wrapper form .campos input[type="text"]::placeholder { color: #FAFAFA; }
.piso-formulario-leads .wrapper form .campos label textarea::placeholder { color: #FAFAFA; }
.piso-formulario-leads .wrapper form .campos select option { color: #071828; }
.piso-formulario-leads .wrapper form .campos select { cursor: pointer; background-image: url(img/arrow-white.svg); padding-right: 35px; }
.piso-formulario-leads .wrapper form .boton { display: flex; justify-content: space-between; padding-left: 10px; margin-top: 10px; }
.piso-formulario-leads .wrapper form .boton label { color: #FAFAFA; font-size: 14px; }
.piso-formulario-leads .wrapper form .boton label input[type="checkbox"] { width: 15px; height: 15px; margin-right: 10px; }
.piso-formulario-leads .wrapper form .boton .boton-enviar { }
.piso-formulario-leads .wrapper form .boton .boton-enviar button { color: #FFFFFF; background-color: transparent; border: 1px solid #32AB80; font-size: 18px; font-weight: bold; display: inline-block; padding: 6px; min-width: 182px; border-radius: 9px; transition: .3s ease; }
.piso-formulario-leads .wrapper form .boton .boton-enviar button:hover { background-color: #32AB80; color: #fff; }
.piso-formulario-leads .wrapper form .campos label span.error { color: #daaeae; font-size: 12px; padding-left: 12px; }
@media (max-width:768px) {
.piso-formulario-leads .wrapper .titular p { text-align: left; }
.piso-formulario-leads .wrapper form .campos { gap: 0; }
.piso-formulario-leads .wrapper form .campos label.mitad { width: 100%; }
.piso-formulario-leads .wrapper form .campos label.tercio { width: 100%; }
.piso-formulario-leads .wrapper form .campos label { margin-bottom: 10px; }
.piso-formulario-leads .wrapper form .boton { flex-direction: column; }
.piso-formulario-leads .wrapper form .boton .boton-enviar button { width: 100%; }
.piso-formulario-leads .wrapper form .boton .boton-enviar { margin-top: 30px; }
}
.testimonios-24.testimonio-ficha { background-color: #071828; padding-top: 0; }
.testimonio-ficha .carrusel-testimonios-24 .item .wrapper .top { flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-bottom: 25px; }
.testimonio-ficha .carrusel-testimonios-24 .item .wrapper .top figure { margin: 0; }
.testimonio-ficha .carrusel-testimonios-24 .item .wrapper .top h5 { text-align: left; padding-left: 10px; }
.testimonio-ficha .carrusel-testimonios-24 .item .wrapper { padding: 15px 20px; }
.testimonio-ficha .carrusel-testimonios-24 .item .wrapper .bottom p { text-align: left; }
.testimonio-ficha .carrusel-testimonios-24 .slick-list { padding-right: 200px; }
@media (max-width:1280px) {
.testimonio-ficha .carrusel-testimonios-24 .slick-list { padding-right: 0px; }
}
.pagina-planes .introduccion-top h1 { font-weight: 400; }
.membresia-3-pasos { background: #071828; padding-top: 140px; padding-bottom: 60px; }
.membresia-3-pasos .subtitulo-piso { margin-bottom: 35px; }
.membresia-3-pasos .subtitulo-piso h3 { color: #FAFAFA; font-size: 30px; text-align: center; margin: 0; }
.membresia-3-pasos .items-pasos { display: flex; gap: 30px; margin-bottom: 40px; }
.membresia-3-pasos .items-pasos .item { flex: 1; display: flex; align-items: center; background-color: #132333; border-radius: 16px; padding: 20px 20px; }
.membresia-3-pasos .items-pasos .item .number { }
.membresia-3-pasos .items-pasos .item .number figure { margin: 0; color: #F67D2D; font-size: 46px; font-weight: bold; }
.membresia-3-pasos .items-pasos .item .content { padding-left: 15px; }
.membresia-3-pasos .items-pasos .item .content p { margin: 0; color: #FAFAFA; font-size: 16px; }
.membresia-3-pasos .boton { }
.membresia-3-pasos .boton h5 { color: #FAFAFA; font-size: 24px; text-align: center; }
.membresia-3-pasos .boton .botones { display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.membresia-3-pasos .boton .botones a.boton-degradado-24.btn-verde { background-color: #32AB80; background: #32AB80; }
.membresia-3-pasos .boton .botones a { padding: 8px 15px; margin: 0px 8px; max-width: 280px; width: 100%; text-align: center; justify-content: center; transition: .3s ease; }
.membresia-3-pasos .container-full { max-width: 1350px; }
.membresia-3-pasos .boton .botones a:hover { filter: brightness(1.2); }
@media (max-width:991px) {
.membresia-3-pasos .items-pasos { gap: 0; flex-direction: column; }
.membresia-3-pasos .items-pasos .item { margin-bottom: 15px; }
}
@media (max-width:768px) {
.membresia-3-pasos .boton .botones { flex-direction: column; }
.membresia-3-pasos .boton .botones a { max-width: 100%; margin-bottom: 15px; font-size: 16px; }
}
.piso-suscribete { background-color: #071828; padding-top: 50px; padding-bottom: 50px; }
.piso-suscribete .container-full { }
.piso-suscribete .subtitulo-piso { margin-bottom: 45px; }
.piso-suscribete .subtitulo-piso h3 { color: #FAFAFA; font-size: 30px; text-align: center; margin-bottom: 5px; }
.piso-suscribete .subtitulo-piso p { color: #FAFAFA; text-align: center; font-size: 18px; max-width: 835px; margin: 0 auto; }
.piso-suscribete .items-sus { max-width: 1321px; margin: 0 auto; display: flex; gap: 65px; }
.piso-suscribete .items-sus .item { flex: 1; display: flex; flex-direction: column; align-items: center; }
.piso-suscribete .items-sus .item figure { margin: 0; width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.piso-suscribete .items-sus .item figure img { }
.piso-suscribete .items-sus .item p { text-align: center; color: #FAFAFA; font-size: 16px; }
@media (max-width:991px) {
.piso-suscribete .items-sus { gap: 30px; }
}
@media (max-width:768px) {
.piso-suscribete .subtitulo-piso p { font-size: 16px; }
.piso-suscribete .subtitulo-piso h3 { margin-bottom: 15px; }
.piso-suscribete .items-sus { gap: 0; flex-direction: column; }
.piso-suscribete .items-sus .item figure { width: auto; height: auto; }
.piso-suscribete .items-sus .item { max-width: 365px; margin: 0 auto; margin-bottom: 40px; }
.piso-suscribete .items-sus .item:last-child { margin-bottom: 0; }
}
.formulario-contacto { padding-bottom: 40px; }
.formulario-contacto .wrapper-form { max-width: 916px; margin: 0 auto; }
.formulario-contacto .wrapper-form .top { display: flex; gap: 10px; width: 100%; }
.formulario-contacto .wrapper-form .top label { /* flex: 1; */
display: flex; width: 33.33%; }
.formulario-contacto .wrapper-form .top label input { flex: 1; display: flex; color: #FAFAFA; background-color: #132333; border: 0; border-radius: 8px; height: 44px; padding: 0px 25px; outline: none; font-size: 16px; }
.formulario-contacto .wrapper-form .top label select { color: #FAFAFA; background-color: #132333; border: 0; border-radius: 8px; height: 44px; padding: 0px 25px; outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background-image: url(img/chevron-right.svg); background-repeat: no-repeat; background-position-x: calc(100% - 15px); background-position-y: center; padding-right: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.formulario-contacto .wrapper-form .mid { margin-top: 25px; }
.formulario-contacto .wrapper-form textarea { background-color: #132333; border-radius: 16px; border: 0; font-size: 16px; color: #FAFAFA; outline: none; box-shadow: none; padding: 15px 25px; resize: none; width: 100%; min-height: 150px; }
.formulario-contacto .wrapper-form .bottom { margin-top: 20px; }
.formulario-contacto .wrapper-form .legal { }
.formulario-contacto .wrapper-form .legal label { color: #7E919D; font-size: 14px; padding-left: 20px; position: relative; }
.formulario-contacto .wrapper-form .legal label input[type="checkbox"] { position: absolute; left: 0; top: 5px; }
.formulario-contacto .wrapper-form .bottom .boton { margin-top: 10px; display: flex; justify-content: flex-end; }
.formulario-contacto .wrapper-form .bottom .boton input[type="button"] { color: #FAFAFA; background-color: transparent; border: 1px solid #FAFAFA; font-weight: bold; font-size: 16px; display: inline-block; padding: 7px 35px; border-radius: 8px; cursor: pointer; transition: .3s ease; }
.formulario-contacto .wrapper-form .top label input::placeholder { color: #FAFAFA; }
.formulario-contacto .wrapper-form textarea::placeholder { color: #FAFAFA; }
.formulario-contacto .wrapper-form .bottom .boton input[type="button"]:hover { background-color: #FAFAFA; color: #071828; }
@media (max-width:768px) {
.formulario-contacto .wrapper-form .top { gap: 0; flex-direction: column; }
.formulario-contacto .wrapper-form .top label { width: 100%; margin-bottom: 15px; }
.formulario-contacto .wrapper-form .mid { margin-top: 0; }
.formulario-contacto .wrapper-form .bottom .boton { margin-top: 15px; }
.formulario-contacto .wrapper-form .bottom .boton input[type="button"] { width: 100%; }
}
.formulario-contacto .wrapper-form .error { color: #ff8080; font-size: 12px; display: block; }
.p-relative.introduccion-top::after { display: none; }
.introduccion-top.p-relative { margin-bottom: 0; }
.banner-evento { }
.banner-evento .wrapper-banner { }
.banner-evento .wrapper-banner figure { margin: 0; overflow: hidden; border-radius: 8px; }
.banner-evento .wrapper-banner figure img { max-width: 100%; height: auto; }
@media (max-width:768px) {
.banner-evento .container { padding: 0; }
}
.formulario-contacto .wrapper-form .top label select { color: #FAFAFA; background-color: #132333; border: 0; border-radius: 8px; height: 44px; padding: 0px 25px; outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background-image: url(img/chevron-right.svg); background-repeat: no-repeat; background-position-x: calc(100% - 15px); background-position-y: center; padding-right: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.formulario-contacto .wrapper-form .mid { margin-top: 10px; }
.formulario-contacto .wrapper-form textarea { background-color: #132333; border-radius: 16px; border: 0; font-size: 16px; color: #FAFAFA; outline: none; box-shadow: none; padding: 15px 25px; resize: none; width: 100%; min-height: 150px; }
.formulario-contacto .wrapper-form .bottom { margin-top: 20px; }
.formulario-contacto .wrapper-form .legal { }
.formulario-contacto .wrapper-form .legal label { color: #7E919D; font-size: 14px; padding-left: 20px; position: relative; }
.formulario-contacto .wrapper-form .legal label input[type="checkbox"] { position: absolute; left: 0; top: 5px; }
.formulario-contacto .wrapper-form .bottom .boton { margin-top: 10px; display: flex; justify-content: flex-end; }
.formulario-contacto .wrapper-form .bottom .boton input[type="button"] { color: #FAFAFA; background-color: transparent; border: 1px solid #FAFAFA; font-weight: bold; font-size: 16px; display: inline-block; padding: 7px 35px; border-radius: 8px; cursor: pointer; transition: .3s ease; }
.formulario-contacto .wrapper-form .top label input::placeholder { color: #FAFAFA; }
.formulario-contacto .wrapper-form textarea::placeholder { color: #FAFAFA; }
.formulario-contacto .wrapper-form .bottom .boton input[type="button"]:hover { background-color: #FAFAFA; color: #071828; }
@media (max-width:768px) {
.formulario-contacto .wrapper-form .top { gap: 0; flex-direction: column; }
.formulario-contacto .wrapper-form .top label { width: 100%; margin-bottom: 15px; }
.formulario-contacto .wrapper-form .mid { margin-top: 0; }
.formulario-contacto .wrapper-form .bottom .boton { margin-top: 15px; }
.formulario-contacto .wrapper-form .bottom .boton input[type="button"] { width: 100%; }
}
.formulario-contacto .wrapper-form .error { color: #ff8080; font-size: 12px; display: block; }
.p-relative.introduccion-top::after { display: none; }
.introduccion-top.p-relative { margin-bottom: 0; }
.banner-evento { }
.banner-evento .wrapper-banner { }
.banner-evento .wrapper-banner figure { margin: 0; }
.banner-evento .wrapper-banner figure img { max-width: 100%; height: auto; }
@media (max-width:768px) {
.banner-evento .container { padding: 0; }
}
.evento-piso { margin: 0 auto; width: 100%; padding-bottom: 150px }
.evento-piso .wrapper-width { max-width: 1320px; margin: 0 auto; width: 100% }
.evento-piso .titular { margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between }
.evento-piso .titular h2 { color: #FFFFFF; font-size: 28px; margin: 0 }
.evento-piso .titular h2 figure { margin: 0; display: inline-flex; margin-right: 15px }
.evento-piso .titular h2 figure svg { max-width: 100%; width: 100%; height: auto }
.carrusel-eventos-sus { position: relative; margin-right: 0; width: 100%; height: auto }
.carrusel-eventos-sus .slick-track { margin-left: 0 }
.carrusel-eventos-sus button.slick-arrow { background-color: #071828c2; border: 0; box-shadow: none; outline: none; width: 51px; height: 51px; display: flex; align-items: center; justify-content: center; border-radius: 100%; position: absolute; top: calc(50% - 30px); transform: translateY(-50%); z-index: 1; padding: 0 }
.carrusel-eventos-sus button.left { left: -25px }
.carrusel-eventos-sus button.right { right: -25px }
.evento-piso .titular .icon { }
.evento-piso .titular .icon figure { margin: 0; margin-right: 15px; display: flex; align-items: center; justify-content: center }
.evento-piso .titular .icon figure img { max-width: 100%; height: auto; width: 100% }
.evento-piso .titular .text { display: flex; align-items: center }
@media (max-width:768px) {
.evento-piso .titular h2 { font-size: 22px }
.evento-piso .titular h2 figure { max-width: 26px; margin-right: 10px }
.evento-piso .titular .icon figure { max-width: 28px; max-height: 17px; margin-right: 6px }
.evento-piso .titular .icon figure img { width: 100%; height: auto }
.slider-cursos-envivo .item .wrapper-item .fechas h5 .item:first-child { padding-left: 0 }
.carrusel-eventos-sus { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px) }
.carrusel-eventos-sus .item { padding: 0px 10px }
.carrusel-eventos-sus .item button.boton-favoritos { right: 18px }
}
.eventos-cal { margin-top: 60px }
.eventos-cal .categorias-eventos { background-color: #132333; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 20px; border-radius: 16px }
.eventos-cal .categorias-eventos a { background-color: #132333; border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; padding: 3px 17px; border-radius: 300px; margin: 6px; padding-top: 4px; display: inline-block; vertical-align: middle }
.eventos-cal .categorias-eventos a.active { color: #132333; background-color: #FFFFFF }
.eventos-cal .categorias-eventos a i { font-weight: 400; font-size: 13px }
.eventos-cal .categorias-eventos a:hover { }
.evento-piso .titular .filtro { width: 100%; max-width: 268px }
.evento-piso .titular .filtro select { background-color: #101F2F; border-radius: 9px; border: 0; outline: none; box-shadow: none; color: #FFFFFF; font-size: 14px; font-family: Open sans, sans-serif; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; height: 42px; padding: 0px 20px; padding-right: 75px; background-image: url(img/select-arrow.svg); cursor: pointer; background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 15px); border: 1px solid #fff; width: 100% }
.eventos-cal .categorias-eventos a figure { display: inline-flex; align-items: center; justify-content: center; margin: 0; margin-right: 6px }
.eventos-cal .categorias-eventos a figure img { width: 100%; height: auto; max-width: 17px }
@media (max-width:768px) {
.eventos-cal .titular { flex-direction: column; align-items: center; justify-content: center }
.eventos-cal .titular .text { margin-bottom: 25px }
.eventos-cal .titular .text h2 { font-size: 24px }
.evento-piso .eventos-cal .titular .icon figure { max-width: 38px; max-height: 38px }
.evento-piso .eventos-cal .titular .icon figure img { }
.eventos-cal { margin-top: 100px }
.eventos-cal .categorias-eventos { background-color: transparent; padding-top: 5px; padding-right: 0; padding-left: 0 }
.evento-piso .eventos-cal .titular .filtro select { background-color: #071828 }
.eventos-cal .categorias-eventos a { background-color: #071828 }
}
.eventos-cal .lista-calendario { display: flex; flex-direction: column; margin-top: 40px }
.eventos-cal .lista-calendario .item { border-bottom: 1px solid #ffffff30; padding: 15px 0px; display: flex }
.eventos-cal .lista-calendario .item .imagen { width: 128px }
.eventos-cal .lista-calendario .item .imagen figure { width: auto; height: auto; margin: 0; overflow: hidden; border-radius: 20px }
.eventos-cal .lista-calendario .item .imagen figure img { max-width: 100%; height: auto }
.eventos-cal .lista-calendario .item .content { flex: 1; display: flex; padding-left: 40px; align-items: center }
.eventos-cal .lista-calendario .item .content .name-date { flex: 1; display: flex }
.eventos-cal .lista-calendario .item .content .name-date .curso { width: 50%; padding-right: 30px; display: flex; flex-direction: column; justify-content: center }
.eventos-cal .lista-calendario .item .content .name-date .curso .exclusivo { display: inline-flex; align-items: center; color: #FFFFFF; font-weight: bold; font-size: 13px; border: 1px solid #FFFFFF; padding: 3px 12px; border-radius: 100px; margin-bottom: 4px; max-width: 170px; text-align: center; justify-content: center }
.eventos-cal .lista-calendario .item .content .name-date .curso .exclusivo figure { margin: 0; width: 17px; height: auto; margin-right: 6px }
.eventos-cal .lista-calendario .item .content .name-date .curso .exclusivo i { font-weight: 400; margin-right: 3px }
.eventos-cal .lista-calendario .item .content .name-date .curso .exclusivo figure img { max-width: 100%; height: auto; display: flex }
.eventos-cal .lista-calendario .item .content .name-date .curso h3 { color: #FFFFFF; font-size: 22px; font-weight: bold; margin-bottom: 5px }
.eventos-cal .lista-calendario .item .content .name-date .curso p { color: #FFFCFC; font-size: 16px }
.eventos-cal .lista-calendario .item .content .name-date .curso p strong { font-weight: 400 }
.eventos-cal .lista-calendario .item .content .name-date .curso p strong strong { font-weight: bold }
.eventos-cal .lista-calendario .item .content .name-date .fecha { padding-right: 30px; width: 50%; display: flex; align-items: center }
.eventos-cal .lista-calendario .item .content .name-date .fecha .icon { margin-right: 13px }
.eventos-cal .lista-calendario .item .content .name-date .fecha .icon figure { max-width: 27px; height: auto; margin: 0 }
.eventos-cal .lista-calendario .item .content .name-date .fecha .icon figure img { width: 100%; height: auto }
.eventos-cal .lista-calendario .item .content .name-date .fecha .txt { flex: 1; padding-left: 15px; padding-top: 0px; display: flex }
.eventos-cal .lista-calendario .item .content .name-date .fecha .txt h4 { color: #FFFFFF; font-size: 18px; font-weight: bold; margin-bottom: 2px }
.eventos-cal .lista-calendario .item .content .name-date .fecha .txt .hora { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px }
.eventos-cal .lista-calendario .item .content .name-date .fecha .txt .hora h6 { margin: 0; display: flex; flex-wrap: wrap; }
.eventos-cal .lista-calendario .item .content .name-date .fecha .txt .hora .item { padding: 0; border: 0; color: #FFFFFF; font-size: 16px; display: block; padding: 5px 10px; padding-bottom: 0 }
.eventos-cal .lista-calendario .item .content .name-date .fecha .txt .contenedor { padding-top: 3px }
.eventos-cal .lista-calendario .item .content .button { color: #FFFFFF; font-size: 14px; font-weight: bold; background-color: transparent; display: flex; align-items: center; }
.eventos-cal .lista-calendario .item .content .button button { color: #FFFFFF; font-weight: bold; font-size: 14px; background-color: transparent; border: 1px solid #fff; border-radius: 8px; padding: 6px 30px; white-space: pre; }
.eventos-cal .lista-calendario .item .content .button button:hover { background-color: #eaeaea1c }
.eventos-cal .lista-calendario .item:first-child { border-top: 1px solid #ffffff30 }
@media (max-width:991px) {
.eventos-cal .lista-calendario .item .imagen { width: 90px }
.eventos-cal .lista-calendario .item .imagen figure { border-radius: 15px }
.eventos-cal .lista-calendario .item .content { padding-left: 15px; flex-direction: column; align-items: flex-start }
.eventos-cal .lista-calendario .item .content .name-date .curso { padding-right: 0px; width: 100%; border-bottom: 1px solid #fff }
.eventos-cal .lista-calendario .item .content .name-date .fecha { padding-right: 0; width: 100% }
.eventos-cal .lista-calendario .item .content .name-date .fecha .icon { display: none }
.eventos-cal .lista-calendario .item .content .name-date { flex-direction: column; width: 100% }
.eventos-cal .lista-calendario .item .content .name-date .curso .exclusivo { margin-bottom: 15px; margin-top: 15px }
.eventos-cal .lista-calendario .item .content .name-date .fecha .txt { padding: 0; padding-top: 15px; padding-bottom: 15px; width: 100% }
.eventos-cal .lista-calendario .item { padding: 25px 0px; padding-bottom: 40px }
.eventos-cal .lista-calendario .item .content .name-date .fecha .txt .contenedor { width: 100% }
}
@media (max-width:768px) {
.eventos-cal .lista-calendario .item .content .button { width: 100% }
.eventos-cal .lista-calendario .item .content .button button { width: 100% }
}
.modal-evento { backdrop-filter: blur(25px); padding: 0px 15px !important }
.modal-evento { }
.modal-evento .modal-dialog { max-width: 1371px }
.modal-evento .modal-content { border: 1px solid #0BAD8F; border-radius: 52px; background-color: #101F2F; position: relative; display: flex; overflow: hidden }
.modal-evento .modal-content button.btn-close { background-color: transparent; display: flex; align-items: center; justify-content: center; padding: 0; width: 36px; height: auto; opacity: 1; position: absolute; right: 40px; bottom: 30px; z-index: 999; outline: none; box-shadow: none }
.modal-evento .modal-content button.btn-close svg { width: 100%; height: auto; padding: 0 }
.modal-evento .modal-content .wrapper-evento-pop { display: flex }
.modal-evento .modal-content .wrapper-evento-pop .imagen { width: 40%; display: flex; flex: 1 }
.modal-evento .modal-content .wrapper-evento-pop .content { width: 60%; padding: 40px 40px; display: flex; flex-direction: column; padding-bottom: 0px }
.modal-evento .modal-content .wrapper-evento-pop .imagen .imagen-evento { flex: 1; background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 88% }
.modal-evento .modal-content .wrapper-evento-pop .imagen .logo-evento { position: absolute; right: 40px; top: 30px; width: 15% }
.modal-evento .modal-content .wrapper-evento-pop .imagen .logo-evento figure { margin: 0; width: 100% }
.modal-evento .modal-content .wrapper-evento-pop .imagen .logo-evento figure img { width: 100%; height: auto }
.modal-evento .modal-content .wrapper-evento-pop .content .top { display: flex; flex: 1; padding-bottom: 35px; border-bottom: 1px solid #0CB998 }
.modal-evento .modal-content .wrapper-evento-pop .content .top .icon-cal { width: 27px; height: auto }
.modal-evento .modal-content .wrapper-evento-pop .content .top .icon-cal figure { max-width: 27px; margin: 0 }
.modal-evento .modal-content .wrapper-evento-pop .content .top .icon-cal figure img { max-width: 100%; height: auto }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text { padding-left: 15px; flex: 1 }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora { padding-top: 6px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora h4 { color: #FFFFFF; font-size: 18px; font-weight: bold; margin-bottom: 10px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas { margin-left: -6px; margin-right: -6px; margin-top: -5px; margin-bottom: 40px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas .item { display: inline-block; margin: 1px 6px; color: #FC7600 }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas .item p { color: #31AB80; font-size: 16px; margin: 0 }
.modal-evento#encuentro .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas .item { color: #0bad8f }
.modal-evento.presencial .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas .item { color: #2EA07A }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .exclusivo-etiqueta { background-color: #132333; border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 13px; text-decoration: none; padding: 3px 10px; border-radius: 300px; padding-top: 4px; display: inline-flex; vertical-align: middle; padding-right: 12px; background-color: #071828; position: absolute; transform: translateY(-32px) }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .exclusivo-etiqueta figure { display: inline-flex; align-items: center; justify-content: center; margin: 0; margin-right: 6px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .exclusivo-etiqueta figure img { width: 100%; height: auto; max-width: 17px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .exclusivo-etiqueta p { margin: 0 }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .content-evento { }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .content-evento ul { color: #FFFFFF; font-size: 18px; list-style: none; padding: 0; margin: 0 }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .content-evento ul li { margin-bottom: 10px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .content-evento ul li strong { font-weight: bold }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom { min-height: 100px; padding: 15px 35px; display: flex; align-items: center; padding-right: 45px }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom a { color: #FFFFFF; font-weight: bold; font-size: 13px; text-decoration: none; border: 1px solid #fff; border-radius: 8px; padding: 7px 30px; padding-top: 8px; position: relative; font-weight: 400; padding-left: 40px; padding-right: 10px; margin-right: 15px }
.modal-evento#presencial .modal-content .wrapper-evento-pop .content .bottom a { font-weight: bold; padding-left: 15px; padding-right: 15px }
.modal-backdrop { opacity: 0 !important }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom a:hover { background-color: #fff; color: #101f2f }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom .botones-agendar { width: 100% }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom .botones-agendar .wrapper-buttons { display: flex }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom a figure { margin: 0; position: absolute; left: 10px; max-width: 18px; max-height: 18px }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom a figure img { width: 100%; height: auto; display: block }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom a:last-child { margin-right: 0 }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom .botones-agendar .agendar-icon { display: flex; align-items: center; color: #fff; font-size: 16px; margin-bottom: 13px }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom .botones-agendar .agendar-icon figure { margin: 0; margin-right: 5px }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom .botones-agendar .agendar-icon figure img { }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora h4 { padding-right: 206px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas { padding-right: 212px }
@media (max-width:1199px) {
.modal-evento .modal-content .wrapper-evento-pop .imagen { width: 30% }
.modal-evento .modal-content .wrapper-evento-pop .content { width: 70% }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas { padding-right: 195px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora h4 { padding-right: 195px }
}
@media (max-width:991px) {
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora h4 { padding-right: 135px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas { padding-right: 135px }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom .botones-agendar .wrapper-buttons { flex-direction: row; flex-wrap: wrap }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom a { margin: 4px }
}
@media (max-width:768px) {
.modal-evento .modal-content .wrapper-evento-pop { flex-direction: column }
.modal-evento .modal-content .wrapper-evento-pop .imagen { width: 100%; position: relative }
.modal-evento .modal-content .wrapper-evento-pop .imagen .imagen-evento { width: 50%; border-radius: 16px; overflow: hidden; padding-top: 43% }
.modal-evento .modal-content { border-radius: 0; border: 0; padding: 15px }
.modal-evento { padding: 0 !important }
.modal-evento .modal-dialog { margin: 0; align-items: baseline }
.modal-evento .modal-content .wrapper-evento-pop .imagen .logo-evento { position: relative; width: 50%; top: 0; right: 0; padding-left: 20px; display: flex; align-items: end; padding-right: 0px }
.modal-evento .modal-content .wrapper-evento-pop .content { width: 100%; padding: 15px 0px }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas { padding-right: 0 }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora h4 { padding-right: 0 }
.modal-evento .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .content-evento ul li { font-size: 16px }
.modal-evento .modal-content .wrapper-evento-pop .content .top { padding-bottom: 20px }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom { padding: 0px; min-height: auto; padding-top: 30px }
.modal-evento .modal-content .wrapper-evento-pop .content .bottom a { width: 100%; text-align: center }
.modal-evento .modal-content button.btn-close { position: absolute; top: 16px; bottom: initial; right: 15px }
}
.modal-evento.presencial .modal-content .wrapper-evento-pop .content .bottom a { background-color: transparent; border: 0; background-image: url(../img/bg-boton.png); background-position: center; background-size: cover }
.modal-evento.presencial .modal-content .wrapper-evento-pop .content .bottom a:hover { color: #fff; filter: brightness(1.2) }
.modal-evento.meeting .modal-content { border-color: #D0630C }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .top .content-text .fecha-hora .fechas .item p { color: #FC7600 }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .top { border-bottom: 1px solid #FC7600 }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom { padding: 20px 35px; padding-right: 70px; padding-left: 0; padding-bottom: 30px; position: relative }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate { flex: 1; display: flex }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate form { flex: 1; display: flex; flex-direction: column }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate h6 { color: #FC7600; font-size: 18px; font-weight: bold; margin-bottom: 15px }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos { display: flex; flex: 1 }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .inputs { display: flex; gap: 10px; flex: 1 }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .inputs label { width: 50% }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .inputs label input { width: 100%; color: #FDFDFD; background-color: transparent; min-height: 42px; border: 1px solid #FDFDFD; border-radius: 8px; padding: 0px 15px }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .boton { display: flex; align-items: baseline; justify-content: center; padding-left: 15px }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .boton input[type="submit"] { color: #FFFFFF; font-weight: bold; font-size: 16px; background-color: #FC7600; border: 0; min-height: 42px; border-radius: 8px; min-width: 110px }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .inputs label input::placeholder { color: #FDFDFD }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .boton input[type="submit"]:hover { filter: brightness(1.2) }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .inputs label span.error { color: #e95c5c; display: block; font-size: 11px; margin-left: 5px; margin-top: 2px }
@media (max-width:768px) {
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .inputs { flex-direction: column; gap: 0 }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos { flex-direction: column }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .inputs label { width: 100%; margin-bottom: 12px }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .boton { padding: 0 }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .registrate .campos .boton input[type="submit"] { width: 100% }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom { padding-right: 0 }
}
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #101f2f; display: flex; align-items: center; justify-content: center; padding-right: 45px }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias .mensaje { display: flex; align-items: center }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias .mensaje .icon { margin-right: 10px }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias .mensaje .icon figure { margin: 0 }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias .mensaje .icon svg { width: 38px; height: auto }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias .mensaje .text { }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias .mensaje .text p { margin: 0; color: #FC7600; font-size: 18px }
@media (max-width:768px) {
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias { padding: 0; align-items: baseline; padding-top: 20px }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias .mensaje { flex-direction: column; text-align: center }
.modal-evento.meeting .modal-content .wrapper-evento-pop .content .bottom .gracias .mensaje .icon { margin: 0; margin-bottom: 5px }
}
.proximos-eventos-piso { margin-bottom: 75px; }
.proximos-eventos-piso .wrapper-eventos { display: flex; gap: 30px; }
.proximos-eventos-piso .wrapper-eventos .item { flex: 1; }
.proximos-eventos-piso .wrapper-eventos .item .titular { }
.proximos-eventos-piso .wrapper-eventos .item .titular h4 { color: #FFFFFF; font-size: 28px; margin: 0; margin-bottom: 30px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento { }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; padding-top: 42%; margin: 0; overflow: hidden; border-radius: 8px; margin-bottom: 6px; min-height: 260px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure .etiqueta { position: absolute; top: 12%; left: 10%; max-width: 234px; display: flex; max-height: 94px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure .etiqueta img { width: 100%; height: auto; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure .textos { position: absolute; bottom: 0; left: 0; right: 0; min-height: 99px; background-color: rgb(19 35 51 / 50%); padding: 10px 15px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure .textos h6 { color: #FFFCFC; font-size: 20px; font-weight: bold; margin-bottom: 2px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure .textos p { color: #FFFCFC; font-size: 16px; margin: 0; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas { display: flex; flex-direction: column; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .dia { display: flex; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .dia .item { color: #FFFFFF; font-size: 20px; flex: initial; position: relative; font-weight: bold; margin-right: 7px; padding-right: 7px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .hora { display: flex; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .hora .item { flex: initial; color: #31AB80; font-size: 16px; margin-right: 7px; padding-right: 7px; position: relative; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .hora .item strong { }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .bottom { margin-top: 20px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .bottom a { color: #FFFFFF; font-weight: bold; font-size: 14px; background-color: transparent; border: 1px solid #fff; border-radius: 8px; padding: 6px 30px; white-space: pre; display: inline-block; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .dia .item:after { content: ''; display: block; width: 1px; height: 14px; background-color: #f4f4f4; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .dia .item:last-child { padding-right: 0; margin-right: 0; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .dia .item:last-child:after { display: none; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .hora .item:after { content: ''; display: block; width: 1px; height: 14px; background-color: #31AB80; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .hora .item:last-child { margin-right: 0; padding-right: 0; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .fechas .hora .item:last-child:after { display: none; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .bottom a:hover { background-color: #eaeaea1c; }
@media (max-width:991px) {
.proximos-eventos-piso .wrapper-eventos { flex-direction: column; gap: 0; }
.proximos-eventos-piso .wrapper-eventos .item.meeting { margin-top: 50px; }
.evento-piso { padding-bottom: 70px; }
}
@media (max-width:768px) {
.proximos-eventos-piso .wrapper-eventos .item.meeting { margin-top: 70px; }
.proximos-eventos-piso .wrapper-eventos .item .titular h4 { font-size: 24px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure .textos h6 { font-size: 18px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure .textos p { font-size: 14px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure .etiqueta { left: 3%; top: 7%; max-width: 135px; max-height: 67px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento figure { min-height: auto; padding-top: 52%; background-position: center; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .bottom { margin-top: 10px; }
.proximos-eventos-piso .wrapper-eventos .item .titular .evento .bottom a { width: 100%; text-align: center; }
}
.eventos-anteriores-piso { margin-top: 110px; margin-bottom: 55px; }
.eventos-anteriores-piso .accordion { background-color: transparent; }
.eventos-anteriores-piso .accordion-item { border-radius: 0; border: 0; background-color: transparent; }
.eventos-anteriores-piso .accordion-item h4 { display: block; }
.eventos-anteriores-piso .accordion-item h4 button { background-color: transparent; color: #FFFFFF; font-size: 28px; display: block; padding: 15px 0px; position: relative; padding-right: 30px; outline: none; border: 0 !important; box-shadow: none !important; padding-left: 0; }
.eventos-anteriores-piso .accordion-item h4 button .arrow { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.eventos-anteriores-piso .accordion-item h4 button .arrow svg { display: block; transition: .3s ease; transform: rotate(180deg); }
.eventos-anteriores-piso .accordion-item h4 button.collapsed .arrow svg { transform: rotate(0deg); }
.eventos-anteriores-piso .accordion-item h4 button::after { display: none; }
.eventos-anteriores-piso .accordion-item .accordion-collapse { }
.eventos-anteriores-piso .accordion-item .accordion-collapse .accordion-body { padding: 15px 0px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores { display: flex; gap: 25px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item { display: flex; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item a { display: flex; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item { display: flex; flex-direction: column; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .top { flex: 1; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .top figure { margin-bottom: 15px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .top figure img { max-width: 100%; height: auto; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .top .etiqueta { margin-bottom: 15px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .top .etiqueta span { color: #FFFFFF; font.w: b; font.w: b; font-size: 14px; font-weight: bold; border: 1px solid #FFFFFF; border-radius: 50px; padding: 4px 12px; display: inline-block; margin-left: 15px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .top .titular { padding: 0px 10px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .top .titular h5 { color: #FAFAFA; font-size: 22px; font-style: italic; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .bottom { padding: 0px 10px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .bottom .dia { display: flex; color: #FFFFFF; font-weight: bold; font-size: 20px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .bottom .dia .item { position: relative; margin-right: 7px; padding-right: 7px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .top .titular h5 strong { font-style: normal; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .bottom .dia .item:before { content: ''; display: block; width: 1px; height: 13px; background-color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .bottom .dia .item:last-child { margin-right: 0; padding-right: 0; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .bottom .dia .item:last-child:before { display: none; }
@media (max-width:768px) {
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores { gap: 0; flex-direction: column; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item .wrapper-item .top .etiqueta span { margin-left: 10px; }
.eventos-anteriores-piso .accordion-item .accordion-collapse .wrapper-eventos-atnteriores .item { margin-bottom: 30px; }
.eventos-anteriores-piso .accordion-item h4 button { font-size: 24px; }
}
.piso-faqs { }
.piso-faqs .wrapper-faqs { display: flex; flex-wrap: wrap; gap: 10px 38px; max-width: 1090px; margin: 0 auto; }
.piso-faqs .wrapper-faqs a { color: #FAFAFA; font-size: 18px; display: flex; width: calc(50% - 19px); background-color: #132333; padding: 15px 20px; min-height: 76px; align-items: center; border-radius: 9px; justify-content: space-between; }
.piso-faqs .wrapper-faqs a .arrow { display: flex; align-items: center; justify-content: center; width: 12px; }
.piso-faqs .wrapper-faqs a .arrow svg { display: block; }
.piso-faqs .wrapper-faqs a span { padding-right: 15px; flex: 12; }
@media (max-width:768px) {
.piso-faqs .wrapper-faqs { gap: 0; flex-direction: column; }
.piso-faqs .wrapper-faqs a { width: 100%; margin-bottom: 14px; }
}
.piso-contacto-wtsp { margin-top: 75px; margin-bottom: 90px; }
.piso-contacto-wtsp h3 { color: #FAFAFA; font-size: 30px; text-align: center; margin-bottom: 25px; }
.piso-contacto-wtsp .boton { display: flex; align-items: center; justify-content: center; }
.piso-contacto-wtsp .boton a { display: flex; color: #FAFAFA; font-size: 16px; font-weight: bold; border: 1px solid #31AB80; padding: 10px 25px; border-radius: 8px; }
.piso-contacto-wtsp .boton a figure { margin: 0; margin-right: 10px; }
.piso-contacto-wtsp .boton a figure svg { width: 22px; height: auto; display: flex; }
.piso-contacto-wtsp .boton a:hover { background-color: #31AB80; }
@media (max-width:768px) {
.piso-contacto-wtsp h3 { max-width: 270px; margin: 0 auto; margin-bottom: 30px; }
}
.soporte-interior { background-color: #071828; margin-top: 0px; padding-top: 0px; padding-bottom: 100px; flex: 1 }
.soporte-interior .wrapper { max-width: 1090px; margin: 0 auto }
.soporte-interior .wrapper h1 { color: #fff; font-size: 30px; margin-bottom: 30px }
.soporte-interior .wrapper h2 { color: #fff; font-size: 26px; margin-top: 30px }
.soporte-interior .wrapper p { color: #fff }
.soporte-interior .wrapper a.volver { display: inline-flex; align-items: center; justify-content: center; background-color: transparent; border: 1px solid #FAFAFA; border-radius: 8px; color: #f4f4f4; text-decoration: none; font-size: 16px; padding: 8px 30px; transition: 0s; margin-top: 30px }
.soporte-interior .wrapper a.volver:hover { background-color: #f4f4f4; color: #071828 }
.soporte-interior .wrapper p a { display: inline-flex; align-items: center; justify-content: center; background-color: transparent; border: 1px solid #FAFAFA; border-radius: 8px; color: #f4f4f4; text-decoration: none; font-size: 16px; padding: 8px 30px; transition: 0s; margin-top: 30px }
.soporte-interior .wrapper p a:hover { background-color: #f4f4f4; color: #071828 }
.soporte-interior .wrapper ul, .soporte-interior .wrapper ol { color: #fff; font-size: 16px }
.soporte-interior .wrapper .acordeones { }
.soporte-interior .wrapper .acordeones .accordion { }
.soporte-interior .wrapper .acordeones .accordion-item { margin-bottom: 10px; border: 0; box-shadow: none; outline: none }
.soporte-interior .wrapper .acordeones .accordion-item h3 { }
.soporte-interior .wrapper .acordeones .accordion-item h3 button { font-size: 20px; font-weight: bold; color: #071828; display: block; border: 1px solid #7E919D; border-radius: 4px; background-color: #fff; padding: 15px 35px; position: relative; outline: none; box-shadow: none; padding-right: 50px }
.soporte-interior .wrapper .acordeones .accordion-item h3 button .arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center }
.soporte-interior .wrapper .acordeones .accordion-item h3 button .arrow svg { width: 20px; transition: .3s ease; rotate: 180deg }
.soporte-interior .wrapper .acordeones .accordion-item h3 button .arrow svg path { fill: #071828 }
.soporte-interior .wrapper .acordeones .accordion-item h3 button::after { display: none }
.soporte-interior .wrapper .acordeones .accordion-item .accordion-collapse { }
.soporte-interior .wrapper .acordeones .accordion-item .accordion-collapse .accordion-body { border: 0; box-shadow: none; padding: 35px; padding-top: 0; margin-top: 35px }
.soporte-interior .wrapper .acordeones .accordion-item .accordion-collapse .accordion-body p { color: #071828; font-size: 16px }
.soporte-interior .wrapper .acordeones .accordion-item .accordion-collapse .accordion-body h2 { color: #071828; font-size: 18px; font-weight: bold; margin: 25px 0px }
.soporte-interior .wrapper .acordeones .accordion-item h3 button.collapsed .arrow svg { rotate: 0deg }
.soporte-interior .wrapper .acordeones .accordion-item .accordion-collapse .accordion-body li { margin-bottom: 10px }
.soporte-interior .wrapper .acordeones .accordion-item .accordion-collapse .accordion-body a.cta { display: inline-flex; align-items: center; justify-content: center; background-color: transparent; border: 1px solid #071828; border-radius: 8px; color: #071828; text-decoration: none; font-size: 16px; padding: 8px 30px; transition: 0s; margin-top: 20px; font-weight: bold }
.soporte-interior .wrapper .acordeones .accordion-item .accordion-collapse .accordion-body a.cta:hover { background-color: #071828; color: #f4f4f4 }
.soporte-interior .wrapper.soporte-int { margin-top: 50px }
.soporte-interior.margin-top { margin-top: 50px }
.soporte-interior .wrapper.soporte-int .accordion { display: flex; gap: 0px; flex-direction: column }
.soporte-interior .wrapper.soporte-int .accordion .item-pregunta { margin-bottom: 10px }
.soporte-interior .wrapper.soporte-int .accordion .item-pregunta a { border: 0; border-radius: 0; box-shadow: none; outline: none; background-color: #132333; border-radius: 9px; color: #FFFFFF; font-size: 18px; display: block; padding: 15px 20px; padding-right: 90px; position: relative; text-decoration: none }
.soporte-interior .wrapper.soporte-int .accordion .item-pregunta a h3 { font-size: 18px; text-decoration: none; margin: 0 }
.soporte-interior .wrapper.soporte-int .accordion .item-pregunta a .arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%) }
.soporte-interior .wrapper.soporte-int .accordion .item-pregunta a .arrow svg { transform: rotate(-90deg) }
@media (max-width:768px) {
.soporte-interior .wrapper h1 { font-size: 24px }
.soporte-interior .wrapper .acordeones .accordion-item h3 button { padding-left: 15px }
.soporte-interior .wrapper .acordeones .accordion-item .accordion-collapse .accordion-body { padding-left: 15px; padding-right: 15px }
}
.seccion-page-default { background-color: #fff; padding-bottom: 100px; padding-top: 15px; margin-top: 50px; color: #071828; }
.seccion-page-default h1 { font-size: 38px; font-weight: bold; margin-bottom: 30px; margin-top: 30px; }
.seccion-page-default h2 { font-size: 30px; /* font-weight: bold; */ margin-bottom: 25px; margin-top: 25px; }
.seccion-page-default h3 { font-size: 24px; /* font-weight: bold; */ margin-bottom: 25px; margin-top: 25px; }
.seccion-page-default h4 { font-size: 18px; /* font-weight: bold; */ margin-bottom: 25px; margin-top: 25px; }
.seccion-page-default p { font-size: 16px; }
.seccion-page-default p a, .seccion-page-default li a { color: #58A883; text-decoration: underline; }
.seccion-page-default ul, .seccion-page-default ol { color: #071828; font-size: 16px; margin-bottom: 30px; }
.seccion-page-default p a:hover, .seccion-page-default li a:hover { color: #071828; text-decoration: none; }
.buscador-barra { }
.buscador-barra .searchbar { max-width: 592px; margin: 0 auto; position: relative }
.buscador-barra .searchbar input[type="text"] { width: 100%; background-color: #132333; border-radius: 8px; border: 0; outline: none; box-shadow: none; font-size: 20px; font-weight: 400; color: #FDFDFD; padding: 15px 20px; padding-right: 50px }
.buscador-barra .searchbar input[type="submit"] { position: absolute; font-size: 0; width: 22px; height: 22px; border: 0; outline: none; cursor: pointer; top: 50%; transform: translateY(-50%); right: 15px; background-image: url(img/search-verde.svg); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center }
.buscador-barra .searchbar input[type="text"]::placeholder { opacity: 1; color: #FDFDFD }
.busquedas-populares { margin: 0 auto; margin-top: 55px; text-align: center }
.busquedas-populares h3 { color: #FDFDFD; font-size: 20px; font-weight: bold; margin: 0 }
.busquedas-populares .busquedas { max-width: 930px; margin: 0 auto; margin-top: 10px }
.busquedas-populares .busquedas a { display: inline-block; border: 1px solid #F8F8FA; text-decoration: none; color: #F8F8FA; border-radius: 50px; padding: 5px 15px; margin: 5px; opacity: 0.7; font-size: 14px; font-weight: bold; transition: .3s ease }
.busquedas-populares .busquedas a:hover { background-color: #F8F8FA; color: #071828 }
.resultados .slider-cursos { display: flex; flex-wrap: wrap; margin-right: 0 }
.resultados .slider-cursos .item { width: calc(14% - 5px); margin: 5px; position: relative }
.resultados { margin-top: 10px }
.resultados .resultados-cursos { }
.resultados .resultados-cursos .texto-top { margin-bottom: 10px; margin-top: 20px; text-align: center }
.resultados .resultados-cursos .texto-top h3 { color: #FDFDFD; font-size: 20px; margin: 0 }
.resultados .resultados-cursos .texto-top h3 span { color: #FFFFFF; font-size: 14px; font-style: italic }
.resultados .resultados-cursos .texto-top h3 strong { }
.resultados .resultados-cursos .listado-personajes { margin-top: 15px }
@media (max-width:1499px) {
.resultados .slider-cursos .item { width: calc(16% - 1px) }
}
@media (max-width:1299px) {
.resultados .slider-cursos .item { width: calc(20% - 10px) }
}
@media (max-width:1099px) {
.resultados .slider-cursos .item { width: calc(25% - 10px) }
}
@media (max-width:768px) {
.resultados .resultados-cursos .texto-top h3 span { display: block }
.buscador-barra .searchbar input[type="text"] { font-size: 16px; font-weight: bold; padding: 5px 20px; min-height: 42px }
}
@media (max-width:879px) {
.resultados .slider-cursos .item { width: calc(33.33% - 10px) }
}
@media (max-width:579px) {
.resultados .slider-cursos .item { width: calc(50% - 10px) }
}
.resultados ol { max-width: 1165px; margin: 0 auto; color: #FDFDFD; font-size: 20px; margin-top: 60px }
.resultados ol li { font-weight: bold; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ffffff1f }
.resultados ol li a { text-decoration: none; color: #FDFDFD }
.resultados ol li a h4 { font-weight: bold; font-size: 20px; margin-bottom: 5px }
.resultados ol li a h4 strong { font-weight: 600; }
.resultados ol li a p { margin: 0; color: #FFFFFF; font-size: 16px; font-weight: 400 }
.resultados ol li a span { color: #31AB80 }
@media (max-width:768px) {
.buscador-barra .searchbar { max-width: 100%; height: auto }
.resultados .resultados-cursos .texto-top h3 { text-align: left }
.resultados ol { padding-left: 20px; margin-top: 30px }
.resultados ol li a h4 { font-size: 16px }
.resultados ol li { font-size: 16px }
.resultados ol li a p { font-size: 14px }
}
.menu-interior { background-color: #0718286b; position: fixed; width: 100%; height: 100%; transition: 3.s ease; top: 0; z-index: 99999; backdrop-filter: blur(11px); display: none; opacity: 0 }
.menu-interior .wraper-menu { display: flex; font-family: Open sans, sans-serif; flex-direction: column; flex: 1; position: relative }
.menu-interior .wraper-menu .perfil { display: flex }
.menu-interior .wraper-menu .perfil .wrapper-perfil { display: flex; align-items: center }
.menu-interior .wraper-menu .perfil .wrapper-perfil a { }
.menu-interior .wraper-menu .perfil .wrapper-perfil a figure { margin: 0; overflow: hidden; border-radius: 10px; width: 75px; margin-right: 20px; background: rgb(186, 114, 193); background: -moz-linear-gradient(90deg, rgba(186, 114, 193, 1) 0%, rgba(147, 96, 255, 1) 19%, rgba(217, 86, 130, 1) 40%, rgba(255, 133, 8, 1) 60%, rgba(255, 181, 44, 1) 81%, rgba(255, 201, 179, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(186, 114, 193, 1) 0%, rgba(147, 96, 255, 1) 19%, rgba(217, 86, 130, 1) 40%, rgba(255, 133, 8, 1) 60%, rgba(255, 181, 44, 1) 81%, rgba(255, 201, 179, 1) 100%); background: linear-gradient(90deg, rgba(186, 114, 193, 1) 0%, rgba(147, 96, 255, 1) 19%, rgba(217, 86, 130, 1) 40%, rgba(255, 133, 8, 1) 60%, rgba(255, 181, 44, 1) 81%, rgba(255, 201, 179, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ba72c1", endColorstr="#ffc9b3", GradientType=1); padding: 2px }
.menu-interior .wraper-menu .perfil .wrapper-perfil a figure img { overflow: hidden; border-radius: 10px; max-width: 100% }
.menu-interior .wraper-menu .perfil .wrapper-perfil .nombre { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600 }
.menu-interior .wraper-menu .menu-principal { margin-top: 35px }
.menu-interior .wraper-menu .menu-principal ul { padding: 0; list-style: none; margin: 0 }
.menu-interior .wraper-menu .menu-principal ul li { font-size: 24px; margin-bottom: 10px }
.menu-interior .wraper-menu .menu-principal ul li a { color: #fff; text-decoration: none; font-weight: 600; transition: .3s ease }
.menu-interior .wraper-menu .menu-principal ul li a:hover { color: #31ab80 }
.menu-interior.active { }
header.header-2024 .menu-top .boton-menu button#menu.active svg rect { fill: #fff }
.menu-interior .wrapper-cerrar { height: 80px; display: flex; align-items: center; just; justify-content: space-between; padding-right: 4px }
.menu-interior .wrapper-cerrar button.cerrar-menu { padding: 0; background-color: transparent; border: 0; box-shadow: none }
.menu-interior .wrapper-cerrar button.cerrar-menu svg { width: 30px }
.menu-interior .wrapper-cerrar button.cerrar-menu:hover svg path { fill: #31ab80 !important }
.menu-interior .wrapper-cerrar button.cerrar-menu path { transition: .3s ease }
.menu-interior .wraper-menu .menu-principal ul li.active a { color: #31AB80 }
@media (max-width:768px) {
.filtro-cursos .filtros-aplicados-desktop { /* display: none; */ margin-bottom: 15px; }
.filtros-aplicados-desktop .top-filtro .selects button.boton-filtromobile { display: flex; align-items: center; width: 50%; margin: 0px 5px }
.filtros-aplicados-desktop .top-filtro .selects { width: 50%; display: flex !important; flex: 1; opacity: 1 !important; pointer-events: initial !important; }
.filtros-aplicados-desktop .top-filtro .selects select { width: 100%; margin: 0px 5px; padding-right: 40px }
.filtros-aplicados-desktop .tags-filtros { /* display: none; */ }
.filtros-aplicados-desktop { margin-bottom: 40px }
.filtros-aplicados-desktop .top-filtro .botones-mobile .boton-filtro-mobile { display: flex; flex: 1; }
.filtros-aplicados-desktop .top-filtro .botones-mobile { flex: 1; width: 100%; display: flex; }
.filtros-aplicados-desktop .top-filtro .botones-mobile .boton-filtro-mobile button { background-color: #132333; border-radius: 9px; border: 0; outline: none; box-shadow: none; color: #FFFFFF; font-size: 14px; font-family: Open sans, sans-serif; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; height: 42px; padding: 0px 20px; padding-right: 75px; background-image: url(../img/select-arrow.svg); cursor: pointer; background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 15px); width: 100%; margin: 0px 5px; padding-right: 40px; text-align: left; }
}
.menu-interior.filtro-mobile { width: calc(100% + 0px); left: 0px }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .filtros-top { }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .filtros-top h3 { color: #FAFAFA; font-size: 22px; font-weight: bold; margin-bottom: 20px }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .filtros-top ul { padding: 0; list-style: none; margin: 0; padding-bottom: 15px; border-bottom: 1px solid #70707045 }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .filtros-top ul li { }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .filtros-top ul li a { color: #FAFAFA; font-size: 16px; font-weight: bold; text-decoration: none; display: block; padding: 8px 0px }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .filtros-top ul li.active a { color: #32AB80; font-weight: bold }
.menu-interior.filtro-mobile .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-header button { font-weight: bold; font-size: 16px; background-color: transparent; border: 0; box-shadow: none; color: #FAFAFA; padding: 15px 0px; position: relative; }
.menu-interior .wraper-menu .wapper-scroll .accordion.accordion-interior .accordion-item h2 button { font-weight: 400 !important }
.menu-interior .wrapper-cerrar .filtro-search-mobile { width: 100%; padding-right: 35px; max-width: 385px }
.menu-interior .wrapper-cerrar .filtro-search-mobile form { position: relative }
.menu-interior .wrapper-cerrar .filtro-search-mobile input[type="text"] { width: 100%; background-color: #132333; border-radius: 8px; border: 0; outline: none; box-shadow: none; font-size: 16px; font-weight: bold; color: #FDFDFD; padding: 10px 15px; padding-right: 50px }
.menu-interior .wrapper-cerrar .filtro-search-mobile input[type="submit"] { position: absolute; font-size: 0; width: 18px; height: 18px; border: 0; outline: none; cursor: pointer; top: 50%; transform: translateY(-50%); right: 15px; background-image: url(../../img/search-verde.svg); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center }
.menu-interior .wrapper-cerrar .filtro-search-mobile input[type="text"]::placeholder { opacity: 1; color: #FDFDFD }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile { max-height: 150px; padding-right: 15px }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile .filtro-lista { display: flex; flex-wrap: wrap; margin-left: -5px; width: calc(100% + 0px); padding: 10px 0px }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile .filtro-lista .item { padding: 5px }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile .filtro-lista .item button { background-color: #F8F8FA; border-radius: 40px; display: flex; align-items: center; justify-content: center; color: #021726; font-weight: bold; font-size: 14px; border: 0; padding: 5px 15px }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile .filtro-lista .item button svg { }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile .filtro-lista .item button svg path { fill: #021726 }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile .container-full { overflow-y: auto; max-height: 150px; padding-bottom: 0px }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile .limpiar-filtro { display: flex; justify-content: end; margin-top: 10px }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile .limpiar-filtro button { color: #32AB80; font-weight: bold; font-size: 16px; background-color: transparent; border: 0; padding: 0 }
.menu-principal-bottom.filtros-aplicados { margin-left: -15px; width: calc(100% + 30px); background-color: #132333; padding-bottom: 22px; padding-top: 15px }
.menu-principal-bottom.filtros-aplicados .aplicar-filtros { padding-top: 15px }
.menu-principal-bottom.filtros-aplicados .aplicar-filtros .container-full { }
.menu-principal-bottom.filtros-aplicados .aplicar-filtros button#aplicar-filtro { display: block; width: 100%; color: #FAFAFA; font-weight: bold; text-decoration: none; text-align: center; border: 1px solid #FAFAFA; padding: 9px; border-radius: 8px; transition: .3s ease; background-color: transparent }
.menu-interior .wraper-menu .menu-principal-bottom .lista-filtros-mobile .filtro-lista .item button span { display: flex; align-items: center; justify-content: center; margin-left: 5px; margin-right: -3px }
.menu-interior.filtro-mobile .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item:last-child { border-bottom: 0 }
.menu-principal-bottom.filtros-aplicados .aplicar-filtros button#aplicar-filtro:hover { background-color: #FAFAFA; color: #071828 }
.menu-principal-bottom.filtros-aplicados .aplicar-filtros .container-full { display: flex; flex-direction: row }
.menu-principal-bottom.filtros-aplicados { padding-top: 5px }
.menu-principal-bottom.filtros-aplicados .aplicar-filtros button.limpiar-filtro { background-color: transparent; border: 0; color: #FFFFFF; font-size: 14px; font-weight: bold; white-space: pre; margin-right: 25px }
@media (max-width:768px) {
.filtros-aplicados-desktop .top-filtro { flex-wrap: wrap; }
.no-mobile { display: none; }
.filtros-aplicados-desktop .top-filtro .boton-filtro-mobile { flex: 1; display: flex; }
.filtros-aplicados-desktop .top-filtro .boton-filtro-mobile button { background-color: #132333; border-radius: 9px; border: 0; outline: none; box-shadow: none; color: #FFFFFF; font-size: 14px; font-family: Open sans, sans-serif; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; height: 42px; padding: 0px 20px; padding-right: 75px; background-image: url(img/select-arrow.svg); cursor: pointer; background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 15px); width: 100%; margin: 0px 5px; padding-right: 40px; text-align: left; }
}
@media (min-width:769px) {
.filtros-aplicados-desktop .top-filtro .boton-filtro-mobile { display: none; }
}
.menu-interior.active .wrapper-interior-menu { transform: translateX(0px); transition-delay: 0s; }
.menu-interior .wrapper-interior-menu { position: absolute; top: 0; left: 0; bottom: 0; background-color: #071828; transform: translateX(-100%); transition: .3s ease; transition-delay: 0s; width: 100%; max-width: 570px; display: flex; padding-bottom: 15px; }
.menu-interior .wrapper-interior-menu .container-full { display: flex; flex-direction: column; flex: 1; padding-right: 15px; }
.wrapper-filtros .menu-interior .wrapper-cerrar { justify-content: end; position: absolute; right: 15px; z-index: 99; }
.menu-interior .wraper-menu .wapper-scroll { flex: 1; position: relative; }
.filtro-mobile .wraper-menu .wapper-scroll .menu-elements { padding-top: 35px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; padding-right: 8px; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu { background-color: transparent; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item { background-color: transparent; border: 0; border-bottom: 1px solid #70707045; border-radius: 0; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-header { border: 0; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-header button .arrow { position: absolute; right: 0; transform: translateY(-50%); top: 50%; display: flex; align-items: center; justify-content: center; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-header button.collapsed .arrow img { }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-header button .arrow img { width: 23px; height: auto; transition: .3s ease; rotate: -90deg; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-header button.collapsed .arrow img { rotate: 0deg; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-collapse .accordion-body { padding: 0; padding-bottom: 15px; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-collapse .accordion-body ul { padding: 0; padding-left: 15px; list-style: none; margin: 0; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-collapse .accordion-body ul label { cursor: pointer; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-collapse .accordion-body ul label input[type="checkbox"] { position: absolute; display: none; width: 0; height: 0; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-collapse .accordion-body ul label span { color: #FFFFFF; font-size: 16px; padding: 7px 0px; display: block; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-collapse .accordion-body ul li a { color: #FFFFFF; font-size: 16px; padding: 7px 0px; display: block; color: #FFFFFF; text-decoration: none; }
.menu-interior .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-collapse .accordion-body ul li:first-child a { padding-top: 0; }
.menu-interior.filtro-mobile .wraper-menu .wapper-scroll .menu-elements .acordeon-menu .accordion-item .accordion-header button::after { display: none; }
.formulario-contacto .wrapper-form .top p { width: 100%; display: flex; gap: 10px; }
.formulario-contacto .wrapper-form .top p br { display: none; }
.formulario-contacto .wrapper-form .top label span { display: flex; width: 100%; height: auto; flex-direction: column; }
.formulario-contacto .wrapper-form .top label span input { width: 100%; height: 44px; flex: initial; }
.formulario-contacto .wrapper-form span.wpcf7-not-valid-tip { font-size: 12px; margin-left: 10px; margin.le:; margin.le: 1; margin.le: 15; margin.le: 1; }
.formulario-contacto .wrapper-form .legal label label { padding-left: 20px; }
.formulario-contacto .wrapper-form .legal label span { margin: 0; }
.formulario-contacto .wrapper-form .legal label { padding-left: 5px; }
.formulario-contacto .wrapper-form .bottom .boton p { margin: 0; position: relative; }
.formulario-contacto .wrapper-form .bottom .boton p input { color: #FAFAFA; background-color: transparent; border: 1px solid #FAFAFA; font-weight: bold; font-size: 16px; display: inline-block; padding: 7px 35px; border-radius: 8px; cursor: pointer; transition: .3s ease; }
.formulario-contacto .wrapper-form .bottom .boton p input:hover { background-color: #FAFAFA; color: #071828; }
.formulario-contacto .wrapper-form .bottom .boton p span.wpcf7-spinner { margin: 0; position: absolute; left: -30px; top: 8px; }
.formulario-contacto .wrapper-form .bottom .boton p input[disabled] { opacity: 0.2; }
.formulario-contacto form .wpcf7-response-output { border: 0; max-width: 916px; margin: 0 auto; font-size: 18px; font-weight: 400; margin-top: 20px; color: #FAFAFA; text-align: center; }
@media (max-width:768px) {
.formulario-contacto .wrapper-form .top p { flex-direction: column; gap: 0; }
.formulario-contacto .wrapper-form .bottom .boton p { width: 100%; }
.formulario-contacto .wrapper-form .bottom .boton p input { width: 100%; }
.formulario-contacto .wrapper-form .bottom .boton p span.wpcf7-spinner { left: 15px; }
}
@media (max-width:768px) {
ul.slick-dots { flex-wrap: nowrap !important; /* Mantener los dots en una sola línea */ margin: 0 !important; padding: 0 !important; list-style: none !important; margin-top: 30px !important; /* Centrar los dots dentro del ul */ }
.carrusel-principal ul.slick-dots { margin-top: 0 !important; }
}
.wrapper-slick-dots { overflow-x: auto; /* Permitir desplazamiento horizontal */ display: flex; width: calc(100% - 100px); /* Asegurar que el contenedor ocupe todo el ancho disponible */ margin: 0px 50px !important; }
.wrapper-slick-dots::-webkit-scrollbar { display: none; /* Ocultar la barra de desplazamiento (opcional) */ }
.slick-dots-centered { justify-content: center !important; }
.slick-dots-start { justify-content: flex-start !important; }
.wrapper-planes-home-24.sin-mensual { }
.wrapper-planes-home-24.sin-mensual .item { max-width: 660px; margin: 0 auto; }
.wrapper-planes-home-24.sin-mensual .item .top-header .titulo-top { margin-top: 20px; margin-bottom: 20px; }
a.btn-degradado-menu .no-mobile { display: inline; }
@media (max-width:1099px) {
a.btn-degradado-menu .no-mobile { display: none; }
}
@media (max-width:510px) {
header nav .botones-destacados ul li a { min-width: auto; }
}
@media (max-width:440px) {
header nav .botones-destacados ul li a.btn-blanco { }
header nav .botones-destacados ul li a { font-size: 11px !important; }
header nav .botones-destacados ul li { margin-right: 5px; }
}
@media (max-width:399px) {
header nav .botones-destacados ul li a { padding-left: 10px !important; padding-right: 10px !important; }
}
@media (max-width:320px) {
header nav .botones-destacados ul li:first-child { display: none; }
}
.carrusel-principal button.slick-arrow { background-color: transparent; border: 0; outline: none; margin: 0; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; opacity: 0; transition: 0.3s ease; }
.carrusel-principal button.slick-arrow.slick-prev { left: 15px; }
.carrusel-principal button.slick-arrow.slick-next { right: 15px; }
.carrusel-principal:hover button.slick-arrow { opacity: 1; }
@media (max-width:768px) {
.carrusel-principal:hover button.slick-arrow { display: none; }
}