@font-face {
  font-family: 'robotoblack';
  src: url('../fonts/Roboto-Black-webfont.eot');
  src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Black-webfont.woff') format('woff'),
       url('../fonts/Roboto-Black-webfont.ttf') format('truetype'),
       url('../fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'robotobold';
  src: url('../fonts/Roboto-Bold-webfont.eot');
  src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
       url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
       url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'robotolight';
  src: url('../fonts/Roboto-Light-webfont.eot');
  src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Light-webfont.woff') format('woff'),
       url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
       url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'robotomedium';
  src: url('../fonts/Roboto-Medium-webfont.eot');
  src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
       url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
       url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'robotoregular';
  src: url('../fonts/Roboto-Regular-webfont.eot');
  src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
       url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
       url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

a:focus{
  outline: 0px;
}

/* estilo google recaptcha */
.g-recaptcha > div {
margin: 0 auto;
}

/*fuentes*/
.light {font-family: "robotolight", arial, sans-serif;}
.regular, body {font-family: "robotoregular", arial, sans-serif;}
.semibold,strong, b {font-family: "robotomedium", arial, sans-serif;}
.bold, .contenido-pagina h2, .contenido-pagina h3 {font-family: "robotobold", arial, sans-serif;}
.black {font-family: "robotoblack", arial, sans-serif;}
label {font-size:15px;font-weight:normal;}

/*animaciones*/
.animated{animation-duration:1s;animation-fill-mode:both}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-150px,0,0)}to{opacity:1;transform:none}}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(150px,0,0)}to{opacity:1;transform:none}}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100px,0)}to{opacity:1;transform:none}}
.fadeInUp{animation-name:fadeInUp}
.delay {animation-delay: .5s;}

/*general*/
body {font-size: 15px;color:#414141;padding-bottom:63px;background:#fff;}
.plataforma-web body {padding-top:60px;}
.plataforma-app{margin-top:-40px !important}
body.login {padding-top:0px;}
body.portada {background:#fff;}
a {color: inherit;transition: all 0.3s;}
a:hover {color: inherit;text-decoration:underline;}
button {outline: none;}
.modal.cargando .modal-body {min-height: 100px; background: url(../imagenes/ajax-g.gif) center no-repeat;}
.col {display:inline-block;vertical-align: top;}
.select-multiple {padding: 6px 12px; border: 1px solid #CCC; border-radius: 5px; max-height: 200px; overflow: auto;}
.select-multiple .checkbox {padding-top: 0;}
.plataforma-web .hidden-web {display: none !important;}
.plataforma-app .hidden-app {display: none !important;}

/*title*/
h1, .h1 {font-size:20px;margin-bottom:20px;}
h2, .h2 {font-size:18px;}
h3, .h3 {font-size:16px;}
h4, .h4 {font-size:14px;}

/*menu*/
.menu-header {list-style: none;}

/*404*/
.pagina-404 {text-align:center;}
.pagina-404 h1 {font-size:50px;}

/*cookies*/
#capaAceptaCookies {box-shadow: 0px 0px 5px #999; border-radius:4px;position: fixed; z-index: 150000; max-width:300px; right:20px; bottom:30px; padding: 20px; background-color:#fff; color: #212121; font-size:12px;}
#capaAceptaCookies p {margin-bottom:15px;}
#capaAceptaCookies a {cursor: pointer;display:block;text-align: center;}
#capaAceptaCookies a img {height:30px;width:30px;margin-bottom: 5px;}

/*alertas*/
.alerta.alert {color:#fff;padding:10px 10px 15px 10px;margin-bottom:0px;border:none;border-radius:0px;z-index:30000;position:fixed;top:0;right:0;left:0;}
body.login .alerta.alert {position:relative;}
.alerta.alert.alert-success {background: #388e3c;}
.alerta.alert.alert-danger {background: #ef7a73;}
.alerta .close {font-size: 21px;color: #fff;text-shadow:none;opacity:1; margin-left: 20px;}
.alerta-free {background:#b71c1c;color:#fff;padding:20px;}

/*----------------PERSONALIZADO----------------*/

/*general*/
hr {border-color:#bdbdbd;margin:0px;}
hr.separa {margin:10px 0px;}
audio {width:100%;}
form label {color:#56656f;font-size:13px;}
ol li {padding:5px 0px;}
.form-control {border:2px solid #ddd !important;min-height:40px;}
.p {padding:10px 0px;}
.contenido-centrado {margin:0 auto;max-width:700px;}
.breadcrumb {background: none;margin:0;color:#3342b4;padding:10px 0px;margin:15px 0px;color:inherit;}
.breadcrumb > li + li::before {padding: 0 5px;color: #00aed6;content:"›";}
.breadcrumb > .active {color:#999;}
.breadcrumb a {text-decoration:none;}
.breadcrumb a:hover {color: #00aed6;}
.box {padding:25px 20px;background:#fff;margin-top:2px;}
.box.box-container .btn {margin-top:10px;min-width:250px;}
.volver {color:#00aed6;margin-bottom:10px;display:inline-block;}
.volver i {font-size:16px;padding-right:5px;}
.globo {display:block;color:#fff;background:#00aed6;text-align: center;border-radius: 50%;width:23px;height:23px;line-height:23px;font-size:12px;}
.progress-bar {background-color:#00aed6;}
.text-muted {color:#56656f;}
.compartir i {font-size:30px;margin-right:10px;}
.compartir .facebook {color:#4267B2;}
.compartir .twitter {color:#1DA1F2;}
.compartir .linkedin {color:#0e76a8;}
.compartir .whatsapp {color:#25D366;}
.help-block {font-size:13px;}
.well {border: 2px solid #dee2e6 !important;background-color:#f8f9fa !important;padding:30px;}

/*buscador*/
.buscador .form-control, .preguntar .form-control {height:45px;}
.buscador .btn, .preguntar .btn {padding:6px 12px;font-size:20px;height:45px;}
.custom-img{height:250px}

/*pestanas aplicacion*/
.aplicacion .nav-tabs, .aplicacion .nav-pills {margin:20px 0px;}
.aplicacion .nav-tabs > li.active > a, .aplicacion .nav-pills > li.active > a {color:#00aed6 !important;background-color:#fff;}
.aplicacion .nav-pills > li.active > a {border:1px solid #ddd;}
.aplicacion .nav-pills > li > a {color:#56656f !important;}

/*color*/
.colorp {color:#00aed6 !important;}
.colorp-2{color: #396981 !important;}
.colors {color:#56656f !important;}
.colorr {color:#ef7a73 !important;}
.ok {color:green;}
.ko {color:#ef7a73;}
.bg-ok {background: green;}
.bg-ko {background: #ef7a73;}
.bg-primario {background:#00aed6;}
.bg-primario-banner {background:#00aed6 !important;color:#fff !important;}
.bg-secundario {background:#414141;}
.bg-secundario-banner {background:#414141 !important;color:#fff !important;}
.bg-promo {background:#03b199;}
.bg-promo-banner {background:#03b199 !important;color:#fff !important;}
.bg-gris {background:#eaeef0;}
.bg-gris.contenedor {padding:20px;vertical-align: top;}
.bg-gris.etiquetas {padding:10px;vertical-align: top;border-radius:5px;color:#56656f;margin-bottom:5px;}
.link {color:#00aed6;}
.link.underline {text-decoration:underline;}
.tab-pane {
  border: 1px solid #ccc;
  border-top:0;
  padding:10px;
}
/*botones*/
.btn {padding:10px 25px;font-size:15px;}
.btn.btn-mini {padding:5px 25px;font-size:12px;}
.btn.btn-xl {padding:15px;font-size:18px;}
.btn.focus, .btn:focus {color:#fff !important;}
.btn img {height: 12px;margin:5px;vertical-align:top;}
.btn-success {background-color:#36a420;} 
.btn-success:hover {background-color:#2b9217;color:#fff !important;}
.btn-primario {background:#00aed6;color:#fff;border-color:#00aed6;}
.btn-blanco {background:white;color:#000;border-color:#A7A7A7;font-size: 20px;font-weight: 500;}
.btn-blanco.focus,.btn-blanco:focus {color:#000;}
.btn-primario:hover {background:none;border-color:#00aed6;color:#00aed6;}
.btn-secundario {background:#56656f;color:#fff;border-color:#56656f;}
.btn-secundario:hover {background:#fff;color:#56656f;border-color:#56656f;}
.btn-muted {background:#56656f;color:#fff;border-color:#56656f;}
.btn-muted:hover {background:none;border-color:#56656f;color:#56656f;}
.btn-premium {background:#ef7a73;color:#fff;border-color:#ef7a73;}
.btn-premium:hover {background:none;color:#ef7a73;border-color:#ef7a73;}
.input-group-btn .btn {padding: 6px 12px; font-size: 14px}

/*paginacion*/
.pagination > .active a {background-color: #56656f;border-color: #56656f;}
.pagination > .active a:hover {background-color: #56656f;border-color: #56656f;}
.pagination li a, .pagination > li > span {color: #56656f;}

/*promo*/
.promo {padding:20px 0px 15px 0px;color:#fff;display:block;}
.promo:hover {text-decoration:underline;color:#fff;}

/*avisocurso*/
.avisocurso {padding:20px 0px 15px 0px;color:#fff;display:block;}

/*header*/
header {position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom: 1px solid #ddd;}
header {padding:15px 10px 15px 10px;background:#fff;}
header .logo img {width:90px;}
header .container {position:relative;}

/*menu portada*/
header .menu-container {position:absolute;top:0px;right:0px;}
header .menu-container a.link {margin-right:10px;}
header .menu-botones {vertical-align: top;}
header .menu-botones a {margin-top:2px;margin-left:10px;}

/*menu aplicacion*/
header .menu {text-align:center;font-size:14px;margin-left:30px;}
header .menu a {margin:0px 15px;display:inline-block;}
header .menu a:hover {text-decoration: none;color:#00aed6;}
header .menu a span {font-size:22px;}
header .menu a.menu-item-formate{position:relative}
header .menu a.menu-item-formate span{position:absolute;top:-7%;left:50%;transform: translateX(-50%)}
header .menu a.menu-item-gamificacion-recompensas span{font-size: 19px;}
header .usuario {vertical-align:top;}
header .usuario .icono-mensajes {margin-right:20px;position:relative;}
header .usuario .icono-mensajes:hover {text-decoration: none;}
header .usuario .icono-mensajes .globo {position: absolute;top:-15px;right:-5px;}
header .usuario .icono-mensajes .icon-mensajes {font-size:30px;vertical-align: middle;}

/*boton menu responsive portada*/
.container-btn-menu {top:22px;right:20px;z-index:2000;position: fixed;}
.aplicacion .container-btn-menu {position:fixed;z-index:2000;}
.btn-menu {width:25px; height:19px; position: relative;display: flex; align-items: center;cursor: pointer;}
.btn-menu span,
.btn-menu span:before, 
.btn-menu span:after {width: 100%; height: 2px; display: block; background: #414141;}
.btn-menu span:before, 
.btn-menu span:after {content: ''; position: absolute; transition-duration: .2s;}
.btn-menu span:before {top: 0;}
.btn-menu span:after {bottom: 0;}
.btn-menu.active span {background: none;}
.btn-menu.active span::before {transform: rotate(45deg); top: 50%; margin-top: -1px;}
.btn-menu.active span::after {transform: rotate(-45deg); top: 50%; margin-top: -1px;}

/*menu responsive portada*/
.menu-movil-portada {left: 100%;top:0px;bottom: 0;z-index:1000;position: fixed;background:#00aed6;width:100%;transition:left 0.3s ease;}
.menu-movil-portada {padding:0px;margin:0 auto;}
.menu-movil-portada ul {margin-top:100px;list-style: none;}
.menu-movil-portada ul li {margin-top:10px;display: block;transform:translateX(30px);opacity:0;transition:all 0.2s linear;transition-delay:0.2s;}
.menu-movil-portada ul li a {color:#fff;font-size:20px;}
.menu-movil-portada ul li .espacio {padding:5px 0px;}
.menu-portada-abierto .menu-movil-portada {left:0%;}
.menu-portada-abierto .btn-menu span:before, .menu-portada-abierto .btn-menu span:after {background: #fff;}
.menu-portada-abierto .menu-movil-portada ul li {transform:translateX(0px);opacity:1;}

/*menu responsive aplicacion*/
.menu-movil {z-index:1000;display:block;background:#fff;padding:10px;position:fixed;bottom:0;left:0;right:0;text-align:center;border-top:1px solid #bdbdbd;}
.menu-movil a {margin:0px 15px;display:inline-block;text-align:center;font-size:12px;}
.menu-movil a:hover {text-decoration: none;}
.menu-movil a span {font-size:20px;}

/*login*/
.login .contene-frm {position: absolute;top:auto;left:50%;margin-top:15px;margin-left:-180px;padding:0px 0px 50px 0px;background: #fff;}
.login .contene-frm {width:360px;}
.login .contene-frm .logo img {height:50px;margin:30px auto;display:block;}
.login .contene-frm .nav-tabs > li {width:50%;text-align: center;}
.login .contene-frm .nav-tabs > li > a {margin-right:0px;border-radius:0px;color:inherit;background: #56656f;color:#fff;border:none;}
.login .contene-frm .nav-tabs > li.active > a {background: #fff;color:#414141;}
.login .contene-frm form {max-width: 300px;margin:0 auto;}
.login .contene-frm .registro.temas {max-width: 360px;margin:0 auto;padding-top:30px;}
.login .label-perteneces {font-weight:normal;}
.login .label-condiciones {font-size:12px;}
.login .link-olvidado {text-align:center;margin:15px 0px 20px 0px;}
.login hr {border-color:#ddd;}

/*avatar*/
.avatar {border-radius:50%;background:#56656f;color:#fff;font-size:15px;text-align:center;width:30px;height:30px;line-height:30px;text-transform: uppercase;}
.avatar img {width:30px;height:30px;}
a.avatar {display:inline-block;color:#fff;}
a.avatar:hover {text-decoration: none;}
.avatar-org {width: 50px; height: 50px; border-radius:50%;border:1px solid #bdbdbd;}
.avatar img, .avatar-org img {height: 100%;border-radius:50%;vertical-align: top;}
.round-icon {width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 24px; border-radius:50%;border:1px solid #bdbdbd; color: #FFF;}

/*footer*/
footer {padding:30px 0px;border-top: 1px solid #ddd;margin-top: 50px;}
footer .container {position:relative;}
footer h4 {margin-bottom: 20px;}
footer .firma {font-size:12px;display:inline-block;}
.menu-footer {padding:0px;list-style: none;font-size:12px;display:block;}
.menu-footer li {display:block;}
.rrss {margin-bottom:10px;}
.rrss i {font-size:20px;margin-right:5px;color:#56656f;}
.desarrollado {margin-top:10px;}

.resaltar {background:#ffe57f;padding:0px 5px;}

/*pagina*/
.pagina.informacion {padding:100px 0px;text-align: center;}
.pagina.informacion h1 {margin-bottom: 10px;}
.pagina.informacion img {height:75px;}
.pagina article a {color:#00aed6;text-decoration: underline;}
.pagina a.btn {color:#fff;text-decoration: none;}
.pagina a.btn:hover {color:#00aed6;}
.pagina ul li {padding:5px 0px;}
.pagina ul li ul {margin-top:15px;}

.pagina.contacto .g-recaptcha {margin:15px 0;}

/*formas de pago*/
.forma-pago-envio img {height:20px;margin-top:-3px;}
.forma-pago-envio strong {padding-right:5px;}

/*contenidos*/
.titulobox {background:#eaeef0;padding:10px;margin:0px;}
.textobox {border-bottom:1px solid #ddd;padding:15px 10px;}
.linkbox {padding:15px 10px;display:block;position:relative;}
.linkbox i.arrow {position:absolute;top:15px;right:0px;font-size:20px;}
.linkbox-texto {padding:10px;}

/*aprende*/
.pildora-listado {border:1px solid #e0e0e0;background:#fff;padding:15px;border-radius:4px;display:block;margin-bottom:25px;}
.pildora-listado:hover {text-decoration: none;}
.pildora-listado .video-thumb {display: block; position: relative; margin: 15px 0px;}
.pildora-listado .video-thumb .icono {position: absolute; width: 60px; height: 60px; left: 50%; top: 50%; margin: -30px 0 0 -30px; border-radius: 50%;}
.pildora-listado .video-thumb .glyphicon {position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; font-size: 30px; color: #FFF;}
.pildora-listado-info h4 {margin:10px 0 5px 0px;}
.pildora-listado-info .titulo-pildora {margin-top:20px;}
.pildora-listado-info .botones {margin: 10px -15px -15px -15px; border-top: 1px solid #e0e0e0;}
.pildora-listado-info .botones button {padding: 10px 0;}
.pildora-post-texto {padding:20px 0px 0px 0px;}
.pildora-fecha {margin-top:5px;display:block;}
.aprende .preguntas {margin:20px 0px;}
.aprende .preguntas strong {font-size:15px;}
.aprende .preguntas .pregunta {border:1px solid #bdbdbd;padding:0px 20px;margin:10px 0px;}
.aprende .preguntas .pregunta .radio.respuesta label {padding-left:0px;}
.aprende .preguntas .pregunta .radio.respuesta i {margin-right:5px;}
.aprende .preguntas .pregunta .radio.respuesta input {display: none;}
.aprende .preguntas .pregunta .media-body {vertical-align:middle;}
.aprende .solucion {margin-top:20px;}
.aprende .reto .pildora-listado {padding-top:10px;background:#fafafa;}
.aprende .enviar-respuesta {margin-top:20px;text-align:center;}
.aprende.repaso-completado img {margin:20px auto;}
.aprende.repaso-completado .puntuacion {margin:20px 0px;}
.aprende-video-texto {max-width:70%;padding:10px 0px;}
#img-descarga-tfg-aprende {max-width:360px;}

.card {display: block; background-color: #f5f5f5;border: 1px solid #e0e0e0;margin-top:10px;border-radius: 4px;}
.card img {border-radius: 3px 3px 0 0;}
.card .card-body {padding: 10px;}
.card img + .card-body {border-top-left-radius: 0; border-top-right-radius: 0; border-top-width: 0;}

.btn-favorito {border: 0 none; background: none; padding: 0;}
.btn-favorito .on {color: #ef7a73;}
.btn-favorito .off {color: #414141;}
.btn-favorito.btn-favorito-on .off, .btn-favorito.btn-favorito-off .on {display: none;}

/*explora*/
.lista {padding:15px 10px 15px 5px;border-bottom:1px solid #bdbdbd;display:block;position:relative;}
.lista:hover {text-decoration: none;}
.lista .ion-ios-arrow-forward {position: absolute;right:0px;top:50%; margin-top: -14px; font-size:20px;color:#bdbdbd;}
.lista img {height:30px;}
.lista .glyphicon {font-size: 20px;}
.lista .media-body, .lista .lista-body {padding-top:3px;}
.lista .media-right {width: 100px;}
.lista .media-right .icon {font-size: 20px;}
.lista .controles {position: absolute;right:0px;top:15px;font-size:20px;}
.lista .controles a {display:inline-block;border:1px solid #00aed6;border-radius:50%;width:30px;height:30px;text-align:center;}
.lista .controles a i {color:#00aed6;}
.lista h4 {margin:0px 0px 0px 0px;}
.lista .img-webinar {height:75px;padding-right:10px;padding-top:5px;}

/*explora - organizaciones*/
.comentario-imagen {font-size:13px;padding-top:10px;}

/* calculadoras */
.calculadora .form .input-group-btn button {min-height:40px;background-color:#eee;}
[data-calc] .form {margin-bottom: 10px;}
[data-calc] [data-output] {display: none; margin-bottom: 10px; padding: 10px; border: 1px solid #ddd;}
[data-calc].has-result [data-output] {display: block;}

/*casos clinicos*/
.casos-clinicos .link {display:inline-block;margin-top:10px;}
.valores .valor {width:60px;margin-right:4px;text-align:center;}
.valores .valor .dato {border:1px solid #bdbdbd;border-radius:5px;padding:10px;font-size:25px;}
.valores .valor small {font-size:11px;}

.casos-clinicos-panel {padding-left: 15px; margin-bottom: 10px;}
.casos-clinicos-panel .dias {margin: 5px 0 15px 0; padding: 0; list-style: none;}
.casos-clinicos-panel .dias li {display: inline-block; margin-right: 10px; font-size: 8pt; text-align: center;}
.casos-clinicos-panel .dias .diana .intervalo {background-color: #8b978b;}
.casos-clinicos-panel .dias .intervalo {display: block; width: 74px; height: 74px; padding: 21px; border: 1px solid #e5e5e5; background-color: #ddd; text-decoration: none;}
.casos-clinicos-panel .dias .intervalo:hover {border-color: #68C3A3;}
.casos-clinicos-panel .dias .valor {background-color: #FFF; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 14pt; color: #090; text-align: center;}
.casos-clinicos-panel .dias .valor .glyphicon-plus {color: #00F;}
.casos-clinicos-panel .dias .valor .glyphicon-minus {color: #F00;}
.casos-clinicos-panel .dias .intervalo.cargando .valor {background-image: url(../imagenes/ajax.gif); background-position: center; background-repeat: no-repeat;}
.casos-clinicos-panel .dias .intervalo.cargando .glyphicon {display: none;}

/*guia admin farmacos*/
.guia-admin-farmacos .textobox.administracion {margin-top:15px;}
.guia-admin-farmacos .textobox h4 {margin-top:0px;}
.guia-admin-farmacos .textobox .bg-ok, .guia-admin-farmacos .textobox .bg-ko {padding:5px 10px;color:#fff;width:45px;text-align: center;}

/*pregunta*/
.chat {border:1px solid #ddd;padding:15px;height:600px;overflow:auto;}
.chat .container-fecha {text-align:center;}
.chat .fecha {display:inline-block;padding:5px 10px;border-radius:5px;}
.chat .bocadillo {border-radius:5px;margin:15px 0;text-align:left;padding:10px; margin-right: 50%;}
.chat .bocadillo a {color:#00aed6;}
.chat .bocadillo .hora {text-align:right;padding-top:5px;}
.chat .bocadillo.bg-primario .hora {color:#fff;}
.chat .fecha {text-align:center;margin:0px auto;}
.chat .usuario {color:#fff; margin-left: 50%; margin-right: 0;}
.preguntar {border:1px solid #ddd;border-top:none;padding:15px;}

/*formate*/
.formate .curso-listado {border:1px solid #ddd;display:block;margin-bottom:25px;}
.formate .curso-listado:hover {text-decoration: none;}
.formate .curso-listado-info {padding:15px;}
.formate .curso-listado-info .media-body {padding-left:5px;}
.formate .curso-listado-info h4 {font-size:16px;margin:0px 0px 5px 0px;}
.formate.curso .img-curso {margin-top:20px;}
.formate.curso .subvencionado {padding:10px;}
.formate.curso .subvencionado h4 {margin-bottom:5px;}
.formate.curso .comenzar {margin:15px 0px;}
.mis-cursos .formate .volver {display:none;}
.telefono-curso {margin-bottom:15px;padding:15px 15px 0px 15px;background:#fde5e3;border:1px solid #fac0bc;border-radius:5px;}
.telefono-curso p {font-size:13px;}

.a_btn_filtro_cursos {width: 100%;text-align: center;}
.contenedor-filtros-cursos {width: 100%;padding: 10px 25px;}

/* .contenedor-filtros-cursos .listado-categorias {margin: 10px 0 10px 0;	display: flex; flex-wrap: wrap; align-items: center; justify-content: start;}
.contenedor-filtros-cursos .categoria {cursor: pointer;font-size:12px;background-color:#3abdeb;color:#fff;padding:5px 10px;margin-bottom:5px;margin-right:5px;border-radius:5px;}
.contenedor-filtros-cursos .categoria {cursor: pointer;font-size:12px;background-color:#3abdeb;color:#fff;padding:5px 10px;margin-bottom:5px;margin-right:5px;border-radius:5px;}
.contenedor-filtros-cursos .categoria_checked {text-decoration:none;background-color: #266f8a;}
.contenedor-filtros-cursos .categoria:hover {text-decoration:none;background-color: #266f8a;} */

.contenedor-filtros-cursos .listado-categorias {margin: 10px 0 10px 0;	display: flex; flex-wrap: wrap; align-items: center; justify-content: start;}
.contenedor-filtros-cursos .categoria {cursor: pointer;font-size:12px;font-weight:normal;background-color:#F5F5F5;color:#000;padding:15px 15px;margin-bottom:8px;margin-right:8px;border-radius:5px;}
.contenedor-filtros-cursos .categoria_checked {text-decoration:none;background-color: #3abdeb;color:whitesmoke;}
.contenedor-filtros-cursos .categoria:hover {text-decoration:none;background-color: #3abdeb;color:whitesmoke;}

.contenedor-filtros-cursos .listado-profesiones {margin: 10px 0 10px 0; display: flex;	flex-wrap: wrap; align-items: center; justify-content: start;}
.contenedor-filtros-cursos .profesion {cursor: pointer;font-size:12px;background-color:#F5F5F5;color:#000;padding:15px 15px;margin-bottom:8px;margin-right:8px;border-radius:5px;}
.contenedor-filtros-cursos .profesion_checked {text-decoration:none;background-color: #3abdeb;color:whitesmoke;}
.contenedor-filtros-cursos .profesion:hover {text-decoration:none;background-color: #3abdeb;color:whitesmoke;}

.contenedor-filtros-cursos .switch {position: relative; display: inline-block; width: 60px; height: 34px; font-size: 20px;}
.contenedor-filtros-cursos .switch input { opacity: 0; width: 0; height: 0;}
.contenedor-filtros-cursos .slider {position: absolute;cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;  background-color: #ccc;   -webkit-transition: .4s; transition: .4s;}
.contenedor-filtros-cursos .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.contenedor-filtros-cursos input:checked + .slider { background-color: #03b199;}
.contenedor-filtros-cursos input:focus + .slider {box-shadow: 0 0 1px #03b199;}
.contenedor-filtros-cursos input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px); transform: translateX(26px);}
.contenedor-filtros-cursos .slider.round {border-radius: 34px;}
.contenedor-filtros-cursos .slider.round:before {border-radius: 50%;}
.msg_noregistros {padding: 0; color: #b71c1c; margin-bottom: 20px; font-size: 17px;}
.cantidad_busqueda{color: #3abdeb; font-weight: 300;}


/*mensajes*/
.mensajes {padding:15px 20px;border-bottom:1px solid #bdbdbd;display:block;position:relative;}
.mensajes .media .media-left {padding-top:5px;}
.mensajes .media .media-body {padding-left:5px;}
.mensajes .avatar-org {position:relative;}
.mensajes .avatar-org .globo {position: absolute;top:-5px;right:-5px;}
.mensajes:hover {text-decoration: none;}
.mensajes h4 {font-size:16px;margin:5px 0px;}
.mensajes .fecha-hora {position: absolute;top:15px;right:0px;}
.mensajes .leido {position:absolute;top:23px;left:0px;background:#00aed6;width:10px;height:10px;border-radius:50%;display:block;}
.mensaje h1 {margin-bottom:0px;}
.mensaje p {margin-top:20px;}
.mensaje p a {color:#00aed6;}

/*perfil*/
.perfil .contene-avatar {margin-top:20px;max-width:400px;}
.perfil .avatar {margin-top:20px;display:block;font-size:30px;text-align:center;width:80px;height:80px;line-height:80px;}
.perfil .avatar img {width:80px;height:80px;}
.perfil .nombre {margin:20px 0px 0px 0px;}
.perfil .form-group {margin-bottom:5px;}
.perfil .btn-link {padding:5px 0px;}
.perfil .opciones {margin:20px 0px;}
.perfil .opciones .opcion {padding:5px 0px;}
.perfil .opciones .opcion i {margin-right:5px;}
.perfil .cerrar-sesion {margin-top:15px;}
.perfil.editar .btn {margin-top:15px;} 
.perfil.editar h4 {margin-bottom:15px;}
.perfil.editar .obligatorios {margin:15px 0px;color:#ef7a73;font-size:12px;}

/*productos*/
.acceso {color:#fff;padding:0px 5px;border-radius:3px;}
.acceso.acceso-free {background:#56656f;}
.acceso.acceso-premium {background:#00aed6;}

/*suscripcion*/
.suscripcion .contene-frm {padding-top:30px;}
.suscripcion .caja {margin:10px 0px;padding:15px;border:1px solid #ddd;}
.suscripcion .caja ul, .suscripcion .caja ol {padding-left:15px;}
.suscripcion ul {margin:10px 0px;}
.suscripcion ul li {padding:2px 0px;}
.suscripcion label {font-weight: normal;}
.suscripcion h3 {margin:20px 0px;}
.suscripcion .forma-pago img {height:20px;}
.suscripcion .producto {font-size:16px;}
.suscripcion .menu-movil {display:none;}
.suscripcion .suscripcion-productos {margin-top:20px;}
.suscripcion .texto-ventajas {margin-bottom:25px;}

/*temas*/
.temas .checkbox {padding:15px 0px;border-bottom:1px solid #bdbdbd;}
.temas .btn {margin-top:15px;} 

/*premium*/
.premium {padding-top:30px;border-radius:0px 5px 0px 0px;}
.premium a {margin-top:15px;}
.premium .subtitulo {font-size:18px;margin-bottom:40px;}

.tarifas {padding:50px 0px;}
.tarifa {margin:0px 10px 30px 10px;position:relative;min-height:700px;background:#fff;border-radius:0px;box-shadow: 0px 0px 10px 0px #bdbdbd;padding:25px;}   
.tarifa h2 {margin-bottom:50px;}
.tarifa .precio {min-height:130px;}
.tarifa .precio .total {font-size:25px;}
.tarifa.premium {padding:0px;border-radius: 0;border:6px solid #ef7a73;border-top:7px solid #ef7a73;}
.tarifa.premium .contene-recomendada {padding:25px;}
.tarifa.premium .etiqueta-recomendada {color:#fff;text-align:center;font-size:20px;padding:15px;}
.tarifa.premium .texto-recomendada {padding-top:25px;}
.tarifa.premium-plus .etiqueta-recomendada, .tarifa.premium-plus .texto-recomendada {display: none;}
.tarifa.premium .btn {font-size:20px;}

.tarifa h3 {font-size:30px;margin:0px;}
.tarifa h4 {font-size:20px;margin-top:15px;}
.tarifa i {font-size:18px;margin-right:5px;}
.tarifa p {font-size:15px;margin-bottom:0px;}
.tarifa .btn {margin-top:30px;min-height:62px;}
.tarifa .btn.btn-free {line-height:40px;}
.tarifa .p-formate {height:50px;}
.tarifa .producto-actual {position:absolute;bottom:0;right:0;left:0;padding: 10px; text-align: center;background-color: #56656f; color: #FFF;}

/*portada*/
.presentacion {padding:20px 10px;}
.presentacion h2 {margin-bottom:40px;}
.presentacion .badges {margin-top:20px;}
.presentacion .img-badge {width:130px;}

.colegios {margin:0 auto;text-align:center;}
.colegios ul {list-style: none;margin:25px auto;padding:0px;}
.colegios ul li {display:inline-block;font-size:13px;text-align:center;margin:0px 0px 5px 0px;width:46%;vertical-align:top;}
.colegios ul li a {display:block;filter: grayscale(100%);padding:10px 5px 5px 5px;border-radius:4px;border:1px solid #e0e0e0;}
.colegios ul li a:hover {filter:none;border-color:#00aed6;text-decoration: none;}
.colegios ul li img {height:40px;}

.pildoras-portada {padding:50px 0px;}
.pildoras-portada h3 {margin-bottom:30px;}
.pildoras-portada .pildoras-portada-listado {margin-bottom:35px;}

.medios {position:relative;background:#fff;padding:80px 0px 50px 0px;}
.medios a {font-size:14px;text-align:center;color:#717171;display:block;max-width:250px;margin:0 auto;}
.medios a:hover {text-decoration: none;}
.medios a img {filter: grayscale(100%);}
.medios a:hover img {filter:none;}
.medios img {margin:0 auto 0 auto;}

#carousel-medios {margin-bottom:50px;}
#carousel-medios .carousel-indicators {bottom: -80px;width:100%;left:0;margin-left:0;}
#carousel-medios .carousel-indicators li {width:12px;height:12px;background-color: #717171;border:2px solid #717171;margin:0px 1px;}
#carousel-medios .carousel-indicators .active {width:12px;height:12px;}
#carousel-medios .carousel-indicators li.active {background-color: #00add5;border:1px solid #00add5;}
#carousel-medios .carousel-control {color:#fff;}

.como-te-ayuda {padding:50px 0px;}
.como-te-ayuda .h1 {margin:50px 0px;}

.iconos .icono {margin-top:50px;}
.iconos .icono h3 {font-size:25px;margin-bottom:30px;}
.iconos .icono p {font-size:18px;margin-bottom:20px;}
.iconos .icono .iconito {height:70px;}

.como-utilizar {padding:50px 0px 0px 0px;position:relative;}
.como-utilizar h2 {margin-bottom:40px;}
.como-utilizar h3 {margin:5px 0px;font-size:25px;} 
.como-utilizar p {font-size:18px;}
.como-utilizar .media img {height:60px;vertical-align: middle;margin-right:10px;}

/*PROGRAMA*/
.portada.programa .logo img {margin-top:0;}
.portada.programa h2 {font-size:20px;margin:20px 0px;}
.portada.programa hr {margin:50px auto;max-width:80%;border-color:#e0e0e0;border-width:2px;}
.portada.programa .cta {margin:50px auto;text-align: center;}
.portada.programa .btn {min-width:250px;padding:15px;font-size:18px;}
.portada.programa .box {background:#eaeef0;border-radius:10px;padding:50px;margin-bottom:30px;}
.portada.programa .video {margin-top:0px;}
.programa.bg-gris {padding-bottom:5px;}
.programa-contenido {padding:10px 0px;}
.programa-presentacion {margin:20px 0px 50px 0px;}
.programa-presentacion p {margin:15px 0px 30px 0px;font-size:20px;}
.programa-presentacion .reto {margin-bottom:20px;font-size:18px;}
.programa-presentacion .btn {margin-bottom:20px;}
.programa-presentacion .curso-online {font-size:25px;font-weight:normal;}
.programa-logos {text-align:center;margin:50px auto 20px auto;}
.programa-logos img {max-width:150px;}
.programa-lugar p {margin-top:10px;}
.programa-lugar .box {min-height:250px;}
.programa-consiste {margin:30px 0px;}
.programa-curso h4 {margin-bottom:20px;}
.programa .basico {max-width:600px;padding:20px;text-align:center;margin:0 auto;}
.programa .basico img {max-width:600px;}
.programa-logo {text-align:center;}
.programa-logo img {max-width:300px;}

/*sorteo*/
.programa.sorteo img {border-radius:20px 0px 20px 0px;}

/*promo sevilla*/
#titulo-form-altasnuevas { text-align: center; font-size: 1.8em; font-weight: bold; margin-bottom: 20px;}
.contenido-promo-altasnuevas {font-size: 1.3em;	color: #268499; text-align: center; padding: 0 5%;}
#link-bases-promo {text-decoration: underline; font-weight: bold; color: #00aed6;}
#link-bases-promo:hover {color: #268499;}
#btn_aceptar_promo {margin: 5px 0; background-color: #3abdeb; color: #fff; border-radius: 20px; font-size: 1.1em; font-weight: bold; padding: 5px 20px;}
#btn_aceptar_promo:hover {background-color: #83bb6a;}
#btn_aceptar_promo:disabled, #btn_aceptar_promo[disabled] {background-color: #b3b3b3;}
#cancelar-modalPromoAltasnuevas { margin: 0; color: #848484; font-size: 1.6em; font-weight: bold; background: none; position: absolute; top: 0px; right: 0px;}
#cancelar-modalPromoAltasnuevas:hover {color: #000;}

/*whatsapp*/
.whatsapp_web {display:none;} 
.whatsapp_movil {display:inline;}

/*organizacion*/
.organizacion img {max-width:100px;}

/*general*/
.salusbot {width:40px;}
.pt-10 {padding-top:10px;}
.mt-0 {margin-top:0px;}
.mt-10 {margin-top:10px;}
.mt-5 {margin-top:5px;}
.mb-10 {margin-bottom:10px;}
.ml-10 {margin-left:10px;}
.mr-10 {margin-right:10px;}
.d-flex {display:flex;}
.flex-center {align-items:center;}
.flex-space-between {justify-content:space-between;}

/*banner*/
.banner {padding:30px 15px;margin-bottom:20px;background-color:#f5f5f5;}
.banner .logo-apartado {height:60px;margin:20px 0px;}
.banner-destacado img {height:70px;}
.logo-apartado {height:60px;margin:20px 0px;}

/*.banner-texto p {max-width:90%;}*/
.banner-texto-titulo img {height:18px;margin-right:3px;vertical-align:middle;margin-top:-2px;}

.banner.banner-categoria {padding:30px 0px;}
.banner.banner-categoria h1 {margin-top:0px;}
.banner.banner-categoria p {font-size:15px;}
.banner.banner-categoria img {height:30px;vertical-align: middle;}
.banner.banner-categoria .media {margin-top:20px;}
.banner.banner-categoria .btn-favorito {margin-bottom:0;}

.slogan-h2 {width: 100%; background-color:#f5f5f5; padding: 15px 30px; font-size: 1.6rem; margin: 0px; margin-bottom: 0px; text-align: center;}
.slogan-h2 img {width: 2.3%; margin-top: -0.2%;}

.contenedor-categoria-home {margin-bottom:10px;}
.contenedor-categoria-home h3, .contenedor-categoria a {display:inline-block;}
.contenedor-categoria-home h3 img {vertical-align: middle;height:20px;}
.contenedor-categoria-home a {margin-left:15px;}
.contenedor-categoria-home a i {vertical-align: middle;padding-left:5px;}

/*contenidos*/
.carousel-videos {padding:10px 0px 25px 0px;}

.carousel-videos .carousel-video-link {position:relative;display:inline-block;text-decoration: none;vertical-align: top; width:300px;border:1px solid #ddd;border-radius:5px;}

.carousel-videos .carousel-video-link .contene-carousel-video-info {border-radius:0px 0px 5px 5px;background:#f1f1f1;padding:20px;transition:all 0.3s;min-height:85px;}
.carousel-videos .carousel-video-link .contene-carousel-video-info .carousel-video-info-arrow {opacity:0;font-size:25px;position:absolute;top:10px;right:40px;transition:all 0.3s;}

/*carousel de Formate*/
.owl-formate .carousel-videos .carousel-video-link .contene-carousel-video-info {min-height:110px;}

.carousel-videos .carousel-video-link .carousel-img {border-radius:5px 5px 0px 0px;}
.carousel-videos .carousel-video-link:hover .contene-carousel-video-info {background-color:#00aed6; z-index: 2;color:#fff;}
.carousel-videos .carousel-video-link:hover a {text-decoration:none;}

.carousel-video-info-titulo {line-height:20px;font-size:14px;text-transform: uppercase !important;margin-bottom:4px;}
.carousel-videos .carousel-video-link button {position: absolute; top: 0; right: 0; border: 0; background-color: #414141; color: #FFF;}
.carousel-videos .carousel-video-link button:hover {background: #ef7a73;}
.carousel-videos .carousel-video-link .premium {position: absolute; top: 0; right: 0; width: 30px; height: 30px; padding: 5px; z-index: 1;}
.carousel-videos .carousel-video-link .carousel-video-estado {background-color:#00aed6;position: absolute; top: 10px; right: 10px; padding: 3px 10px; z-index: 1;color:#fff;border-radius:50px;font-size:13px;}
.carousel-videos .carousel-video-link .carousel-video-estado.ok {background-color:#6BA447;}

.carousel-video-link.carousel-video-link-banner {padding-top:56.25%; position: relative;}
.carousel-video-link.carousel-video-link-banner div {position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #FFF; display: flex; flex-direction: column; justify-content: center; align-items:center;border-radius:5px;}
.carousel-video-link.carousel-video-link-banner img {display: inline-block !important; width: 50px !important; margin-bottom: 10px;}

.carousel-video-link.carousel-video-link-bg {padding-top:35%; position: relative;background-color:#f5f5f5;border-radius:5px;}

.carousel-videos .carousel-video-link-bg:hover .contene-carousel-video-info, .carousel-videos .carousel-video-link-bg:hover {background-color:#00aed6; z-index: 2;color:#fff;}
.carousel-videos .carousel-video-link-bg:hover .contene-carousel-video-info .carousel-video-info-arrow {opacity:1;right:20px;}

.carousel-video-link.carousel-video-link-bg .contene-carousel-video-info {background-color:#f5f5f5;color:#414141;}
.carousel-video-link.carousel-video-link-bg .contene-carousel-video-info .carousel-video-info-image {width:50px;max-height: 46px;position:absolute;top:20px;left:20px;transition:all 0.3s;}
.carousel-video-link.carousel-video-link-bg:hover .carousel-video-info-icon, .carousel-video-link.carousel-video-link-bg:hover .contene-carousel-video-info .carousel-video-info-image {opacity:0;}

.icon_carousel {position: absolute; top: 0; left: 0; width: 40% !important; margin: 10% 30%;}

.owl-nav button {position: absolute; top: 45%; margin-top: -16px;text-shadow: 0px 0px 3px #727272;}
.owl-nav button .cuida {position: absolute; top: 45%; margin-top: -16px;text-shadow: 0px 0px 3px #727272;}
.owl-nav button span {color: #FFF; font-size: 30px;}
.owl-nav .owl-prev {left: 10px;}
.owl-nav .owl-next {right: 10px;}

/*contenido-pagina*/
.contenido-pagina h2, .contenido-pagina h3 {margin:20px 0px;font-size:20px;}
.contenido-pagina .contenido-pagina-imagen {margin:20px 0px;}
.contenido-pagina .contenido-pagina-campos span {padding-right:10px;}

.material-necesario {margin-top:20px;}
.material-necesario .material-necesario-item {display:inline-block;margin-right:15px;font-size:13px;}
.material-necesario .material-necesario-item img {height:20px;margin-right:10px;}

/*calendario entrenamiento*/
.calendario {margin-top:20px;}
.calendario-cabecera {position: relative; padding: 10px; color: #FFF;}
.calendario-cabecera a {position: absolute; top: 50%; margin-top: -9px;}
.calendario-cabecera a.anterior {left: 10px;}
.calendario-cabecera a.siguiente {right: 10px;}
.calendario-evento {border:0px solid #ddd; margin-bottom: 12px; font-size: 12px; padding: 10px 10px;}
.calendario-evento p {margin: 0;}
.calendario-evento .btn-favorito {display:flex;align-items: center; width:25px; height:25px; border-radius: 50%;}
.calendario-evento .btn-favorito.btn-favorito-off {background-color: #00aed6; padding-left: 6px;}
.calendario-evento .btn-favorito.btn-favorito-on {background-color:#12a801;}
.calendario-evento .btn-favorito i {color: #FFF;font-size:35px;line-height:10px;vertical-align: top;}
.calendario-evento .btn-favorito i.ion-md-add {font-size:20px;}
.calendario-evento .btn-favorito i.ion-ios-checkmark {margin:0 auto;}
.calendario-evento .ion-md-play {font-size: 20px;}

/*webinar*/
.webinar {padding:20px 0px;}

/*social*/
.social {margin:20px 0px;}
.btn-social {display:inline-block;padding:10px 15px;border:1px solid #444;font-size:18px;margin-right:2px;background:none;}
.btn-social.on {border:1px solid #00aed6;color:#00aed6;}
.tooltip-inner {border:2px solid #414141;background-color:#414141;}
.tooltip.bottom .tooltip-arrow {border-width: 0 6px 6px;border-bottom-color: #414141;}
.tooltip-social a {font-size:30px;margin:0px 10px;}


.img-contenido { text-align: center; padding: 30px 0; }
.img-contenido img { margin: 0 auto; margin-bottom: 10px; }

/*
|--------------------------------------------------------------------------
| Comienza cambio Marcelo
|--------------------------------------------------------------------------
*/

/*pregunta al experto*/
.color-777 {color: #777};
.color-g89 {color: #898989}
.color-rojo {color: red}
.color-verde {color: green}
.sin-borde {border: none !important;}
.sin-padding-lados {padding-left: 0 !important; padding-right: 0 !important;}
.sin-padding-arriba {padding-top: 0 !important;}
.sin-padding-abajo {padding-bottom: 0 !important;}
.sin-margen-abajo {margin-bottom: 0 !important;}
.scroll-categorias {overflow: auto; max-height: 590px; margin: 30px auto auto auto;}
.contenedor-categorias {display: flex; flex-direction: column; justify-content: center; gap: 10px; box-sizing: border-box; }
.btn-categoria {width: 95%; font-size: 18px; background-color: #EAEEF0; border-radius: 4px; padding: 15px 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.btn-categoria:hover{text-decoration: none; color: white; background-color: #00aed6;}
.linea-horizontal {margin-top: 20px; margin-bottom: 20px;}
.caja-pregunta-experto {overflow: auto; border-radius: 4px; padding: 10px 15px; border:solid #D6D6D6 2px; border-radius: 4px; }
.caja-pregunta-experto .caja-pregunta {width: 100%;}
.caja-pregunta-experto .caja-pregunta #pregunta-texto {resize: none; width: 100%; height: 200px; border: none; background-color: transparent; resize: none; outline: none;}
.caja-pregunta-experto .caja-pregunta #pregunta-asunto  {resize: none; width: 100%; overflow-y: hidden; height: 22px; border: none; background-color: transparent; resize: none; outline: none;}
.caja-pregunta-experto .caja-pregunta #pregunta-url  {resize: none; width: 100%; overflow-y: hidden; height: 44px; border: none; background-color: transparent; resize: none; outline: none;}
.img-experto {height: 50px !important;}
.tabla-experto {margin: auto; border-collapse: collapse; border-spacing: 15px 15px;}
.tabla-experto tbody tr {border-bottom: solid 1px #D6D6D6;}
.tabla-experto tbody tr:last-child {border-bottom: none; padding-bottom: 1000px!important;}
.tabla-experto tbody tr td {vertical-align: middle; border: none; padding-top: 20px; padding-bottom: 20px;}
.columna-logo {width: 60px;}
.caja-premium {margin-top: 30px; border: solid #D6D6D6 1px; padding: 25px 25px; border-radius: 4px;}
.caja-premium > div, .caja-premium > form > div {margin-bottom: 20px;}
.cabecera-campo-redaccion {display: flex; flex-direction: row; justify-content: space-between;}

/*programas cuidate*/
.bootbox {display: flex !important; align-items: center; justify-content: center;}
.bootbox .cargando {height: 100px; width: 100px; background: url(../imagenes/ajax-g.gif) center no-repeat;}
#colapsable-itinerario{ max-width: 470px; margin: auto;}
.btn-itinerario {max-width: 265px; margin: auto;}
.carousel-programa {opacity: 0 !important;}
.carousel-programa:hover {opacity: 1 !important;}
.bg-cuestionario {background-color: #37A29C;}
.bg-programa {background-color: #256F8A;}
.span-icono-carousel {font-size: 60px; line-height: 1.2px;}
.desplegable-fichero {border: none; margin: auto 0 auto auto; padding: 0 0 !important;}
.btn-descarga {display: flex; border-radius: 4px; padding: 10px 15px; background:#00aed6;color:#fff; border:solid #00aed6 1px;}
.btn-descarga:hover, .btn-descarga:active, .btn-descarga:focus, .btn-descarga:visited {text-decoration: none; background:none; border-color:#00aed6; color:#00aed6;}
.ul-archivo {padding: 0; margin-top: -2px; margin-left: -1px; min-width: 0;}
.ul-archivo:last-child {border-bottom: 1px solid #444 !important;}
.caja-archivo {color: #414141; border: 1px solid #444; font-size: 18px; padding: 10px 15px !important; overflow: auto;}
.li-archivo {border-bottom: none; width: 135px;}
.flex-center-row {display: flex; justify-content: center; margin: 10px 0 10px auto; align-items: center;}
.btn-colapsar {display: flex; justify-content: center; align-items: center;}
.texto-sin-decorar
{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.texto-sin-decorar:hover, .texto-sin-decorar:active, .texto-sin-decorar:focus, .texto-sin-decorar:visited {text-decoration: none;}
.colapsable {transition: max-height 0.2s ease-out; overflow: hidden; max-height: 0px;}
.flecha-colapsar {font-size: 24px; transition: transform 0.2s ease-out; transform: rotate(0deg);}
.btn-inactivo {background-color: #808080; color: white;}
.btn-inactivo:hover {background-color: #A5A1A1; color: white;}
.flex-linea {display: flex; flex-wrap: wrap; padding: 5px 0; justify-content: space-between;}
.borde-superior-gris {border-top: solid 2px #F1F1F1}
.borde-inferior-gris {border-bottom: solid 2px #F1F1F1}
.col-media {width: 50%; padding: 10px 0px; display: flex; margin: auto;}
.col-70 {width: 70%; padding: 10px 0px; display: flex; margin: auto;}
.col-30 {width: 30%; padding: 10px 0px; display: flex; margin: auto;}
.col-flex {padding: 10px 0px; display: flex; align-items: center;}
.col-izquierda {justify-content: flex-start;}
.col-derecha {justify-content: flex-end;}
.texto-pre-programa {margin-bottom: 15px;}
.texto-post-programa {margin-top: 30px;}
.btn-programa {padding: 5px 10px !important;}
.calendario-muestra p {font-size: 9px !important;}
.btn-primario:active, .btn-primario:focus {background:none !important; border-color:#00aed6 !important; color:#00aed6 !important; }
.colorblanco {color:white !important;}
.btn-ver {margin-right: 10px;}
.banner-programa {width: 100%; margin-top: 10px; margin-bottom: 20px;}

/*cuestionario bienestar*/
.col-cuestionario {padding: 0 !important;}
.btn-cuestionario {padding: 7px 15px}
.contenedor-cuestionario {margin:50px auto;text-align:center;}
.contenedor-resultados {border: solid #A7A7A7 2px; padding: 10px 25px;}
.bloque-resultado {margin-top: 20px;}
.btn-reiniciar {margin-top: 10px;}

/*plantilla recursos programas*/
.volver-pagina {margin-top: 35px;}
.margen-extra-info-programa {left: 40px !important}
.sin-fondo {background-color: transparent !important;}

/*calendarios*/
.contenedor-calendario {padding: 10px 30px;}
.calendario-off {opacity: 0.5}
.calendario-on {opacity:1;}
.clase-agendada {display: none;}
.cabecera-dia {margin-bottom: 10px;}
.contenedor-btn-agenda {display: flex; justify-content: space-evenly; margin-top: 20px;}
.accion-agenda {padding: 5px 15px !important;}
.contenedor-padre-desuscribir {display: flex; align-items: center; justify-content: center;}
.contenedor-desuscribir {margin-bottom: 20px; padding: 0 20px;}
.modal-calendario {display: flex; align-items: center; justify-content: center;}
.input-hora {max-width: 100px}

/*cursos*/
.aviso-cfc {margin-top: 50px;}/*SalusOne 2.0 ##################################################################*/
.btn-acceder {background:none;border-color:#00aed6;color:#00aed6;}
.btn-acceder:hover { background-color:#00aed6; border-color:#00aed6; color: #fff;}
.banner-texto p {max-width: 65%;} /* p en dos lineas */
.carousel-videos .carousel-video-link .carousel-video-estado.free {background-color:#03b199;}

.avatar-perfil {position: relative;}
.avatar:hover {background-color:#03b199 !important;}
.avatar-perfil i {position: absolute; top: -6px; right: -6px; background-color: #727272; color: #fff; width: 30px; height: 30px; line-height: 20px; font-size: 20px; padding: 5px; border-radius: 50%;}

.modal {z-index: 2050;} /* lo aumentamos para que tape al menu movil */
.modal .modal-header {background-color: #00aed6; color: #fff; font-weight: bold; border-radius: 6px 6px 0 0;}
.modal .modal-header > h1, .modal .modal-header > h2, .modal .modal-header > h3, .modal .modal-header > h4 {font-weight: bold;}
.modal .modal-header .close { font-size: 23px; font-weight: bold; color: #fff; filter: alpha(opacity=70); opacity: .7;}
.modal .modal-header .close:hover { font-size: 23px; font-weight: bold; color: #fff; filter: alpha(opacity=100); opacity: 1;}

.borde_fallada {border: 2px solid #e33b3b !important;}
.borde_acertada {border: 2px solid #4eb700 !important;}
.pildora-listado {position: relative;}
.pildora-listado .check-visto-listado {position: absolute; top: 10px; right: 10px; height: 45px; width: 45px;}
.pildora_titulo {position: relative; display: flex;}
.pildora_titulo h1 {width: 95%; }
.pildora_titulo .check_div {width: 5%; text-align: right; margin-top: 20px;}

#filtrar_btn_div { display: flex; justify-content: left; margin: 15px 0 0 auto; align-items: center;}
span.filter-icon img {
  height: 20px !important;
}
/* #filtrar_btn_div #filtrar_btn {padding: 5px 8px;} */

.carousel-articulos img.icono-diamante {width: auto; float: left; margin-right: 5px;}
.carousel-articulos img.img-articulo {width: auto; max-height: 250px; text-align: center; margin: 0 auto; padding: 20px;}
.carousel-articulos .thumbnail-tienda {height: 200px; width: 200px;	border-radius: 50%;	text-align: center;	margin: 25px auto;}
.carousel-articulos img.img-comprar-gemas {height: 200px; width: 200px; margin: 25px auto;}


.btn_img {width: 50px; display: inline-block; padding: 10px 15px; border: 1px solid #444; font-size: 18px; margin-right: 2px; background: none; height: 47px; margin-top: -6px;    cursor: pointer;}
#descargar_infografia {margin-right: 20px;}
#imprimir-infografia { padding: 0 15%;}
#imprimir-infografia .contenido-descripcion-infografia {width: 100%; margin-top: 20px; margin-bottom: 20px; float: left;}
#imprimir-infografia .contenido-img-infografia {width: 100%; position: relative;}
#imprimir-infografia img.img-infografia {width: 100%;}
#imprimir-infografia img.img-infografia-100 {width: 100%; margin: 0;}
#imprimir-infografia .div-infografia-logocolegiado { position: absolute; bottom: 0.6%; right: 1.1%; width: 9%; height: auto; background-color: #FFF !important;}
#imprimir-infografia .div-infografia-logosalusplay { position: absolute; bottom: 0.6%; right: 1.1%; width: 28%; height: auto; /*background-color: #FFF !important;*/}
#imprimir-infografia img.img-infografia-logocolegiado {width: 100%;}
#imprimir-infografia .div-infografia-nombreorganizacion {position: absolute;bottom: calc(2% + 0.5vw);left: 2%;width: 85%;color: #FFF;font-size: calc(6px + 0.8vw);text-align: left;}
#imprimir-infografia .contenido-logos-infografia {margin:0px; width: 100%; position: relative;}
#imprimir-infografia .contenido-logos-infografia .div-img-organizacion {float: left; width: 5.5%; margin: 10px 0.58%;}
#imprimir-infografia .contenido-logos-infografia .div-img-organizacion img {width: 100%;}
#imprimir-infografia .contenido-logos-infografia .img-organizacion-titulo {width: 100%; text-align: center; font-size: 9px; color: #146882;  font-weight: bold; margin-top: 5px;}

.contiene-infografia .carousel-video-info { bottom: 15px !important;}

/* Para impresion de infografias */
@media print {
  @page { size: A4 portrait; margin: 0 !important; padding: 0;}
  body {margin: 0 !important; padding: 0 !important;}
  #imprimir-infografia { padding: 1px !important; margin: 3% !important;}
  #imprimir-infografia .div-infografia-logosalusplay { width: 28%; /*background-color: #FFF !important;*/}
  #imprimir-infografia .div-infografia-nombreorganizacion {color: #FFF !important; font-size: 1.4em !important;}    
  .pagebreak { page-break-before: always !important; }    
}
/*SalusOne 2.0 FIN ##################################################################*/


/***** PRESCRIBE ****/
#descargar_prescribe {margin-right: 20px;}
#imprimir-prescribe { padding: 0 15%;}
#imprimir-prescribe .contenido-descripcion-prescribe {width: 100%; margin-top: 20px; margin-bottom: 40px; float: left;}
#imprimir-prescribe .contenido-img-prescribe {width: 100%; position: relative;}
#imprimir-prescribe img.img-prescribe {width: 100%;}
#imprimir-prescribe img.img-prescribe-100 {width: 100%; margin: 0;}
#imprimir-prescribe .contenido-nota-prescribe {width: 100%; margin-top: 10px; margin-bottom: 20px; float: left;}
#div-prescribe .div_selector_opciones_prescribe {margin-bottom: 20px; width: 100%;}

/* .toggler-wrapper {display: inline-block; width: 45px; height: 20px;cursor: pointer; position: relative; margin-bottom: -3px;} 
.toggler-wrapper input[type="checkbox"] {display: none;}
.toggler-wrapper input[type="checkbox"]:checked+.toggler-slider {background-color: #00aed6;}
.toggler-wrapper .toggler-slider {background-color: #ccc;  position: absolute; border-radius: 100px; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 300ms ease;transition: all 300ms ease;}
.toggler-wrapper .toggler-knob {position: absolute;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.toggler-wrapper.style-blue input[type="checkbox"]:checked+.toggler-slider .toggler-knob {left: calc(100% - 19px - 3px);}  
.toggler-wrapper.style-blue .toggler-knob {width: calc(20px - 6px); height: calc(20px - 6px); border-radius: 50%; left: 3px; top: 3px; background-color: #fff;} */

#div-prescribe .input_prescribe {background-color: #fff;border: 1px solid #eae9e9;padding: 10px 20px;min-width: 280px;border-radius: 10px;color: #797979;margin-top: 10px; margin-bottom: 15px;}
#form-codicioneslegales p {font-size: 13px;}
#link-condicioneslegales {color: #1e93b7;}
#link-condicioneslegales:hover {text-decoration: underline;}
#div-error-prescribe {display: none;text-align: left;}
.div_selector_opciones_prescribe label {cursor: pointer;}
#div-prescribe #nota_seleccionada {float: left;	margin-right: 13px;	height: 36px;background-color: #f5f5f5;border: 1px solid #eae9e9;	text-align: left;padding: 0 10px;}
#botones-modal {text-align: right; width: 100%;}
input#titulo_nota {width: 100%; margin-right: auto;	border-radius: 10px; border: 2px solid #f5f3f3; padding: 20px 15px; height: 40px;}
#modal-nuevanota input#titulo_nota::placeholder {color: #959393 !important;}
#modal-nuevanota textarea::placeholder {color: #cecece !important;}
#modal-nuevanota input#titulo_nota:focus, #modal-nuevanota textarea:focus{outline: none !important;}
.validar_error_borde {border: 2px solid #db9694 !important;}
#txtNota {border: 2px solid #f5f3f3 !important;}
#txtNota.validar_error_borde {border: 2px solid #db9694 !important;}
#modal-nuevanota textarea { border-radius: 10px;  height: 150px; padding: 10px 15px; box-shadow: none;}
#errores_validacion_imprimir { margin: 20px 0;}
#imprimir-prescribe .contenido-nota-prescribe-imprimir {display: none;}
#imprimir-prescribe .logo-imprimir-salusplay {display: none; text-align: left;}
#imprimir-prescribe .logo-imprimir-salusplay img { width: 120px;}
#texto-autor-imprimir { float: left; width: 50%; text-align: center; margin-top: 30px;}
#colegio-autor-imprimir { float: left; width: 50%; text-align: center; margin-top: 30px;}
img.img-prescribe-logocolegio {max-width: 150px;}
#imprimir-pagina-video { display: none; text-align: center; margin-top: 50px;}
.enlace-texto-video { font-size: 12px;}
#div-prescribe #btn_nueva_nota {float: left;height: 36px;padding: 0 20px;margin-bottom: 20px; margin-top: 0px; background-color: #727272; color: #fff;}
#div-prescribe #btn_nueva_nota:hover {background-color: #36a420; color: #fff;}
#div-prescribe #texto_condiciones {font-size: 10px; text-align: justify;}
#contador-caracteres-nota {float: left; width: 50%; text-align: right; margin-bottom: 20px; color: #b5b4b4; margin-top: -8px;}
#texto-obligatorio-nota {float: left; width: 50%; text-align: left;	margin-bottom: 20px; color: #b5b4b4; margin-top: -8px;}
#div-sin-notas {width: 100%; padding: 30px; text-align: center; background-color: #eee; border-radius: 10px; margin-top: 20px;}
.destacado-rojo {color: #c20404 !important;}
#num-pagina-1, #num-pagina-2 {display: none;}
#div-con-notas {width: 100%; position: relative;}
#div-con-notas h2 {width: 50%;float: left;}
#btn_agregar_nueva_nota2 { background-color: #fff;border: 1px solid #d2cccc;color: #515151;	padding: 7px 15px;float: right;	margin-top: 11px; border-radius: 4px;}
#btn_agregar_nueva_nota2:hover {border: 1px solid #1e93b7;	color: #1e93b7;}
#div-selector-notas { width: 100%; position: relative;}
#div-selector-notas .item_nota {float: left;width: 100%;margin: 5px 0;position: relative;border: 1px solid #e3e3e3;border-radius: 10px;padding: 12px 20px; color: #919191;}
#div-selector-notas .item_nota:hover {border: 1px solid #00aed6;}
#div-selector-notas .item_nota .div_titulo_nota {float: left; width: 90%;cursor: pointer;}
#div-selector-notas .item_nota .div_opciones_nota { float: left; width: 10%; text-align: right;}
#div-selector-notas .item_nota .div_opciones_nota i { margin: 0 5px; font-size: 16px; cursor: pointer;}
#div-selector-notas .item_nota .div_opciones_nota i:hover { margin: 0 5px; font-size: 16px; color: #1e93b7;}
#div-selector-notas input[name="selector_nota"] { margin-right: 10px; accent-color: #1e93b7; color: #fff; cursor: pointer;}
#modal-loading-div, #modal-loading-eliminar-div { width: 100%; text-align: center; padding: 50px; display: none;}
#div-botones-cargando { display: none;}

/* Para impresion de prescribe */
@media print {
  #imprimir-prescribe { padding: 1px !important; margin: 3% !important;}
  #imprimir-prescribe .contenido-nota-prescribe {display: none;}
  #imprimir-prescribe .contenido-pagina-video {display: none;}
  #imprimir-prescribe #imprimir-pagina-video {display: block;}    
  #imprimir-prescribe .contenido-nota-prescribe-imprimir {display: block;}
  #imprimir-prescribe .logo-imprimir-salusplay {display: block;}
  #imprimir-prescribe #texto-nota-imprimir {background-color: #F5F5F5 !important; color: #000 !important; padding: 30px;  font-size: 16px; text-align: justify !important;  print-color-adjust: exact !important; -webkit-print-color-adjust:exact !important;}
  .no-imprimir {display: none !important;}
  #num-pagina-1 {display:block; width: 100%; text-align: right; font-size: 24px; margin-bottom: -5px; margin-top: -10px;} 
  #num-pagina-2 {display:block; width: 100%; text-align: right; font-size: 24px; margin-bottom: -40px;}
  img.img-prescribe-logocolegio {max-width: 150px;}
}
/***** FIN PRESCRIBE******/


/********** SSO ***********/
#unauthorized-div {float: left;width: 90%; margin: 10px 5%; text-align: center; background-color: #ef7a73; color: #fff; font-size: 16px; padding: 20px 5px;}
#logged-div {float: left; width: 90%; margin: 10px 5%; text-align: center; background-color: #36a420; color: #fff; font-size: 16px; padding: 20px 5px;}
.img-login-50-salusone {float: left; display: block; width: 35%; margin: 30px 2% 30px 13%;}
.img-login-50-salusplay {float: left; display: block; width: 35%; margin: 30px 13% 30px 2%;}  
.mensaje_login_sso {width: 90%; margin: 10px 5%; text-align: center;}
/********** SSO ***********/


/***** CAMBIOS AMEER ****/
.btn-numero{background-color:#00aed6;padding:15px;border-radius:50px;color:white;font-size:1.2em;font-weight:700;height: 50px;width: 50px;}
.border-radius-5{border-radius:5px}
.border-radius-10{border-radius:10px}
.border-radius-25{border-radius:25px}
.border-radius-40{border-radius:40px}
.border-radius-0{border-radius:0 !important}
.mt-50{
margin-top: 50px !important;
}
.mb-50{
margin-bottom: 50px !important;
}
.mt-n15{
margin-top: -15px !important;
}
.presentacion-sorteo-resprio p{
font-size: 15px !important;
}
.close-btn-x{display: flex;justify-content:flex-end;align-content:center;padding-right:15px;}
.modal-body-v2{padding:0px !important;margin-top:-10px !important}
.btn-participar-2{padding-top:8px;}
.modal-content-2{padding:20px 0 !important;width:450px !important;transform:translateX(75px) !important}
.div-inscripcion{display:flex;justify-content:flex-start;align-items:center;gap:35px;flex-basis:100%}
.apuntarse, .btn-matriculate, .btn-compartir{
text-transform: uppercase;
font-size:15px !important;
}
.signo-plus{
font-size:24px;font-weight:800;margin-top:-20px;
}
.imgs-punta-cana{
display:flex;justify-content:center;align-items:center;
}
.img-punta-cana{
height: 20vh;object-fit:contain;border-radius:0
}
#filtrar_btn{
  cursor: pointer !important;
  border-radius: 15px;
}
#filtrar_btn a {
  display: flex;
  justify-content:space-between;
  align-items:center;
  padding:7px 15px ;
}
#filtrar_btn .filter-icon img {
  height: 15px;
}
#filtrar_btn .btn-title {
  font-size: 16px;
  font-weight:bold;
}
.show-colapsible{
  max-height: 10000px !important;
}
#filtros{
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn-border {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}
.border-0{
  border:none !important;
}
.tab-border-bottom-0 {
  border-bottom: 0 !important;
}
.tab-border-bottom-1 {
  border-bottom: 1px solid #ccc !important;
}
.aplicacion .nav-tabs > li.active > a{
  color: #555 !important;
}
#filtrar_btn {
  cursor: pointer;
}

.show-cross-icon{
  display: inline;
  padding-left: 0.5em;
  margin: -6px 0px -5px 0px;
}
.hide-cross-icon{
  display: none;
}

#chParticipaSorteo{font-weight: bold;}

.curso-creditos {font-size:30px;}
.curso-creditos-img {width:400px;vertical-align:middle;margin:-8px 0px 0px 0px;}
.curso-creditos-euneiz-img {width:300px;vertical-align:middle;margin:-8px 0px 0px 0px;}
.btn-secundario-2 {background:#266f8a;border-color:#266f8a;color:#fff;}

/***** preview content login free o premium */
.preview-premium-div {width: 500px;	margin: 0 auto; margin-top: 80px;	position: relative; text-align: center; font-size: 16px;}
.preview-premium-div img {width: 100%; height: auto; background-color: #fff; border-radius: 5px 5px 0px 0px;}
.preview-premium-div .preview-premium-title {width: 100%; height: auto; border-radius: 0px 0px 5px 5px; background: #f1f1f1; padding: 20px; transition: all 0.3s; line-height: 20px; font-size: 14px; text-transform: uppercase !important; margin-bottom: 4px; font-weight: bold; }
/***** preview content login free o premium */

/*carrousel destacados */
#slider-destacados img { width: 100%;}
.carousel-control {width: 5%; background: none !important; opacity: 1; color: #fff;} /*color: #00aed6  text-shadow: none !important; */
/* #slider-destacados {margin-bottom: 30px;} */
.carousel-indicators li {border: 1px solid #fff; width: 12px; height: 12px;} 
.carousel-indicators {bottom: 5px;}
.carousel-indicators li.active {background-color: #fff;}
/*carrousel destacados*/

/*emergente poblaciones en formulario */
#div_city_options {display: none; width: 100%; margin-bottom: 20px; background-color: #f0f0f0; padding: 10px; border-radius: 10px; position: relative;}
.city_option {width: 100%; display: block; cursor: pointer; text-decoration: none; margin: 5px 0; padding: 3px;}
.city_option:hover { background-color: #00aed6; color: #fff; text-decoration: none;}
#close_div_city_options {position: absolute; top: 15px; right: 15px; cursor: pointer; font-size: 18px;}
#close_div_city_options:hover {color: #00aed6;}
/*emergente poblaciones en formulario */

#div-info-security {width: 70%;	margin: 0 15% 20px 15%;	background-color: #6f6f6f;	color: #fff;	text-align: center;	font-size: 12px;	padding: 5px;}
#div-info-password {font-size: 12px; color: #aeaeae; margin-bottom: 10px;}
/*perfil usuario*/
.info-formulario {background-color: #e1e1e1; color: #5e5e5e; padding: 15px; font-size: 13px; border-radius: 5px; margin-bottom: 15px !important; text-align: justify;}
.info-formulario i { color: #00aed6; font-size: 16px;}
.info-formulario_ok {background-color: #427b2d; color: #fff; padding: 15px; font-size: 13px; border-radius: 5px; margin-bottom: 15px !important; text-align: justify;}
.info-formulario_ok i { color: #fff; font-size: 16px;}
.info-formulario_ko {background-color: #992c2c; color: #fff; padding: 15px; font-size: 13px; border-radius: 5px; margin-bottom: 15px !important; text-align: justify;}
.info-formulario_ko i { color: #fff; font-size: 16px;}
#btn-validar-premium-perfil {display: none;margin-top: 0px !important; margin-bottom: 5px; align-items: right; padding: 5px 10px;	background-color: #fff; color: #00aed6;	border: 1px solid #00aed6;}
#btn-validar-premium-perfil:hover {background-color: #00aed6; color: #fff;	border: 1px solid #00aed6;}

#titulo-form-confirm-perfil {text-align: center; font-size: 1.5em; font-weight: bold; margin-bottom: 10px; color: #808080;}
.contenido-confirm-perfil {font-size: 1.2em;	color: #767676; text-align: center; padding: 0 5%;}
#btn_aceptar_confirm_perfil {margin: 5px 0; background-color: #3abdeb; color: #fff; border-radius: 20px; font-size: 1em; font-weight: bold; padding: 5px 20px; margin: 10px 0;}
#btn_aceptar_confirm_perfil:hover {background-color: #83bb6a;}
#btn_aceptar_confirm_perfil:disabled, #btn_aceptar_confirm_perfil[disabled] {background-color: #b3b3b3;}
#btn_cancelar_confirm_perfil {margin: 5px 0; background-color: #b5b5b5; color: #fff; border-radius: 20px; font-size: 1em; font-weight: bold; padding: 5px 20px; margin: 10px 0;}
#btn_cancelar_confirm_perfil:hover {background-color: #bb5940;}

#icon_cancelar_confirm_perfil { margin: 0; color: #848484; font-size: 1.6em; font-weight: bold; background: none; position: absolute; top: 0px; right: 0px;}
#icon_cancelar_confirm_perfil:hover {color: #000;}

.aviso_input_formulario {font-size: 10px;	margin-top: -10px;color: #73bdce;}
.input_vacio {border: 2px solid #ef7a73 !important;}

#btn_aceptar_baja {margin: 5px 0; background-color: #bb5940; color: #fff; border-radius: 20px; font-size: 1em; font-weight: bold; padding: 5px 20px; margin: 10px 0;}
#btn_aceptar_baja:hover {background-color: #b5b5b5;}
#btn_cancelar_baja {margin: 5px 0; background-color: #b5b5b5; color: #fff; border-radius: 20px; font-size: 1em; font-weight: bold; padding: 5px 20px; margin: 10px 0;}
#btn_cancelar_baja:hover {background-color: #00aed6;}

/*perfil usuario*/


/*recordatorio */
#titulo-form-recordatorio {text-align: center; font-size: 1.5em; font-weight: bold; margin-bottom: 10px; color: #808080;}
#titulo-form-recordatorio i {font-size: 50px; color: #ffd980;}
.contenido-recordatorio {font-size: 1.2em;	color: #767676; text-align: center; padding: 0 5%;}
#btn_aceptar_recordatorio {margin: 5px 0; background-color: #3abdeb; color: #fff; border-radius: 20px; font-size: 1em; font-weight: bold; padding: 5px 20px; margin: 10px 0;}
#btn_aceptar_recordatorio:hover {background-color: #83bb6a;}
#btn_aceptar_recordatorio:disabled, #btn_aceptar_recordatorio[disabled] {background-color: #b3b3b3;}
#btn_cancelar_recordatorio {margin: 5px 0; background-color: #b5b5b5; color: #fff; border-radius: 20px; font-size: 1em; font-weight: bold; padding: 5px 20px; margin: 10px 0;}
#btn_cancelar_recordatorio:hover {background-color: #bb5940;}
#btn_aceptar_recordatorio_temasinteres {margin: 5px 0; background-color: #3abdeb; color: #fff; border-radius: 20px; font-size: 1em; font-weight: bold; padding: 5px 20px; margin: 10px 0;}
#btn_aceptar_recordatorio_temasinteres:hover {background-color: #83bb6a;}
#btn_aceptar_recordatorio_temasinteres:disabled, #btn_aceptar_recordatorio_temasinteres[disabled] {background-color: #b3b3b3;}


#icon_cancelar_recordatorio { margin: 0; color: #848484; font-size: 1.6em; font-weight: bold; background: none; position: absolute; top: 0px; right: 0px;}
#icon_cancelar_recordatorio:hover {color: #000;}
/*recordatorio*/


/*Avisos */
#titulo-form-Avisos {text-align: center; font-size: 1.5em; font-weight: bold; margin-bottom: 10px; color: #808080;}
#titulo-form-Avisos i {font-size: 50px; color: #ffd980;}
.contenido-Avisos {font-size: 1.2em;	color: #767676; text-align: center; padding: 0 5%;}
.contenido-Avisos h2 {color: #3abdeb;}
#btn_aceptar_Avisos {margin: 5px 0; background-color: #3abdeb; color: #fff; border-radius: 20px; font-size: 1em; font-weight: bold; padding: 5px 20px; margin: 10px 0;}
#btn_aceptar_Avisos:hover {background-color: #83bb6a;}
#btn_aceptar_Avisos:disabled, #btn_aceptar_Avisos[disabled] {background-color: #b3b3b3;}
#btn_cancelar_Avisos {margin: 5px 0; background-color: #b5b5b5; color: #fff; border-radius: 20px; font-size: 1em; font-weight: bold; padding: 5px 20px; margin: 10px 0;}
#btn_cancelar_Avisos:hover {background-color: #bb5940;}

#icon_cancelar_Avisos { margin: 0; color: #848484; font-size: 1.6em; font-weight: bold; background: none; position: absolute; top: 0px; right: 0px;}
#icon_cancelar_Avisos:hover {color: #000;}
/*Avisos*/


/*Nuevo Perfil de usuario */
.perfil-contenedor {margin-top: 60px;}
.perfil-menu {float: left; width: 30%; border-right: 2px #f4f4f4 solid; padding-right: 30px;}
.perfil-contenido {float: left; width: 70%;padding: 0 0 0 5%; }
.acceso {border-radius: 20px;}
.perfil .nombre {margin: 5px 0px 0px 0px;}
.perfil .contene-avatar {	margin-top: 0;	max-width: 100%;}
.listado-menu-perfil {margin: 30px 20px 30px 0;}
.separador-menu-perfil {width: 100%;	height: 3px;	background-color: #f4f4f4;	border-radius: 20px;	margin: 20px 0 10px 0;}
.titulo-seccion-menu {padding-left: 10px !important;	color: #c5c5c5;	margin-bottom: 10px;}
ul.contenedor-menu-perfil {width: 100%; list-style: none; padding: 0px; margin: 0px;}
ul.contenedor-menu-perfil li { width: 100%; padding: 0px; margin: 0px; padding-left: 10px !important; margin: 15px 0; font-size: 14px;}
ul.contenedor-menu-perfil li a { color: #000;}
ul.contenedor-menu-perfil li a:hover {color: #00aed6; text-decoration: none;}
ul.contenedor-menu-perfil li a.activo {color: #00aed6;}
ul.contenedor-menu-perfil li i {margin-right: 15px; width: 10px;}
.listado-destacados-perfil {width: 100%; position: relative;}
.destacado-perfil {position: relative; float: left; width: 30%; margin: 1.5%;}
.destacado-perfil img { width: 100%; border-radius: 15px;}
.destacado-perfil .div-info-destacado {width: 100%; position: absolute; bottom: 0; left: 0; background-color: #cacaca; border-radius: 0 0 15px 15px; padding: 10px;}
.destacado-perfil .titulo-destacado {float: left;width: 60%;font-size: 16px;	padding-left: 10px;	padding-top: 3px;	font-weight: bold;}
.destacado-perfil .icon-destacado {float: left; width: 40%;	text-align: right; padding-right: 15px;	font-size: 26px;}
.destacado-perfil:hover .div-info-destacado { background-color: #00aed6; color: #fff;}
.destacado-perfil .titulo-destacado-recompensas {width: 50%;}
.destacado-perfil .icon-destacado-recompensas {font-size: 12px;	width: 50%;	font-family: robotoregular !important;  font-weight: bold;	margin-top: 5px;	padding-right: 5px;}
.destacado-perfil .icono-diamante {width: 20px !important;}
.destacado-perfil .icono-actividad { height: 25px; width: 25px !important;}
.enlacerojo {color: #800404 !important;}
.enlacerojo:hover {color: #00aed6 !important;}
#cerrar-sesion-movil {display: none;}
.volver_perfil {background-color: #00aed6;	color: #fff;	padding: 5px 15px;	display: inline-block;	margin-bottom: 10px;}
.volver_perfil:hover {background-color: #727272; color: #fff; text-decoration: none;}
.recompensas_perfil {background-color: #ec5f64;	color: #fff;	padding: 5px 15px;	display: inline-block;	margin-bottom: 10px;}
.recompensas_perfil:hover {background-color: #727272; color: #fff; text-decoration: none;}
.bottom-10 {margin-bottom: 10px;}
.div-plan {position: relative; width: 100%; border: 2px solid #f4f4f4; border-radius: 10px; padding: 20px; font-size: 14px;}
.plan-cabecera {width: 50%; float: left;}
.plan-actual { width: 100%; float: left; margin-top: 20px;}
.plan-logo {width: 80px; height: 80px; padding: 5px; border-radius: 50%;	border: 1px solid #f4f4f4;	display: flex; float: left;}
.plan-logo img {width: 80%;	margin: 0 10%; justify-content: center;	border-radius: 50%; object-fit: cover;}
.plan-info {width: 85%; float: left; padding-left: 15px; padding-top: 5px;}
.plan-titulo {width: 100%; font-size: 20px;	font-weight: bold;}
.plan-subtitulo1 {width: 100%; font-size: 12px;}
.plan-subtitulo2 {width: 100%; font-size: 12px; color: #acacac; margin-top: 3px;}
.plan-separador {width: 100%; border-bottom: 2px solid #f4f4f4;}
.plan-opciones { width: 100%; padding: 10px 0 0 0;}
.plan-opcion { display: block; width: 100%; margin: 10px;}
.plan-opcion i {margin-right: 10px;}
.plan-opcion:hover {color: #00aed6; text-decoration: none;}
.plan-cabecera a:hover {color: #fff; text-decoration: none;}
.btn-cambiarplan {background-color: #00aed6; color: #fff; padding: 2px 10px; border-radius: 20px;}
.btn-cambiarplan:hover {background-color: #727272; color: #fff;}
.img_organizaciones {width: 100%;}
#perfil-contenido-recompensas-gemaspuntos {width: 100%; margin-bottom: 20px; margin-top: 10px; position: relative; float: left;}
#perfil-contenido-recompensas-gemaspuntos img {width: 30px; margin-right: 5px;}
#perfil-contenido-recompensas-gemaspuntos .info-gemapuntos {margin-right: 20px; color: #000; font-weight: bold; font-size: 14px;}
#perfil-contenido-recompensas-enlaces { width: 100%; margin-bottom: 20px; border-radius: 20px; border: 1px solid #00aed6; padding: 20px; position: relative; float: left;}
#perfil-contenido-recompensas-enlaces  .perfil-contenido-recompensas-enlace-div {float: left; width: 25%; position: relative; padding: 10px;}
#perfil-contenido-recompensas-enlaces  .perfil-contenido-recompensas-enlace-div a {text-decoration: none; color: #000;}
#perfil-contenido-recompensas-enlaces  .perfil-contenido-recompensas-enlace-div a:hover { text-decoration: none; color: #00aed6;}
#perfil-contenido-recompensas-enlaces  .perfil-contenido-recompensas-enlace-div img { float: left; width: 18%; margin: 0 1%; padding-top: 2px;}
#perfil-contenido-recompensas-enlaces .perfil-contenido-recompensas-enlace-div .info-enlaces {display: block;	float: left;	width: 75%;	margin: 0 2%;	font-size: 13px;	font-weight: bold;}
#perfil-contenido-recompensas-sabermas { width: 100%; margin-bottom: 20px; border-radius: 20px; border: 1px solid #5ed0ea; background-color: #5ed0ea; color: #fff; padding: 20px; position: relative; float: left;}
#perfil-contenido-recompensas-sabermas .recompensas-sabermas-icon-div {float: left;	width: 5%; margin: 0 1%;}
#perfil-contenido-recompensas-sabermas .recompensas-sabermas-icon-div img {width: 100%;}
#perfil-contenido-recompensas-sabermas .recompensas-sabermas-titulo {float: left; width: 44%;	margin: 0 3% 0 1%; font-size: 18px; font-weight: bold; color: #056277; line-height: 20px;}
#perfil-contenido-recompensas-sabermas .recompensas-sabermas-titulo span {font-size: 13px; line-height: 12px; color: #fff; font-weight: normal;}
#perfil-contenido-recompensas-sabermas .recompensas-sabermas-boton-div {float: left;width: 41%; margin: 12px 2% 0 2%; text-align: right;}
#perfil-contenido-recompensas-sabermas .recompensas-sabermas-boton-div .btn-sabermas-recompensas {padding: 5px 30px;text-align: center;	background-color: #ec5f64;	color: #fff;	border-radius: 20px;	font-size: 11px;	font-weight: bold;  text-decoration: none;}
#perfil-contenido-recompensas-sabermas .recompensas-sabermas-boton-div .btn-sabermas-recompensas:hover { background-color: #fff;	color: #ec5f64;}
/*Nuevo Perfil de usuario */

/*mensajes listado*/
.titulo_mensaje_div {width: 50%; float: left;}
.boton_mensaje_div {width: 50%; float: left; text-align: right;}
.listado_mensajes_div { width: 100%; float: left;}
#boton_mensaje_marcar_leidos {background-color: #00add5; padding: 5px 20px; color: #fff; border-radius: 10px; font-size: 12px;}
#boton_mensaje_marcar_leidos:hover {background-color: #868686; color: #fff; text-decoration: none;}
/*mensajes listado*/


/*rankings salusquizz*/
#div-rankings-salusquizz {position: relative; margin-top: 40px;	padding: 0;	border: 1px solid #ddd;	border-radius: 8px;}

.cabecera-rankings {float: left; width: 100%; height: auto; position: relative; padding: 30px 40px; border-bottom: 1px solid #ddd;}
.cabecera-rankings img {float: left; max-width: 250px; display: block;}
.cabecera-rankings a {display: block; float: right; font-size: 20px; margin-top: 10px;}

.btn-salusquizz {background:#a975ba;color:#fff;border-color:#a975ba;}
.btn-salusquizz:hover {background:#b0ade2;border-color:#b0ade2;color:#fff;}

.listado-rankings { float: left; width: 100%; height: auto; position: relative; padding: 30px 60px 0 60px; }
.listado-rankings h3 {font-size: 16px; font-weight: bold;}
.listado-rankings h4 {font-size: 14px; color: #bdbdbd;}
.listado-rankings .nav-pills > li > a {border-radius: 30px; border: 0px; padding: 8px 15px; font-size: 14px;}
.listado-rankings .nav-pills > li > a:hover {color: #eee !important; background-color: #a975ba;}

.tabla_listado_rankings {border: 1px solid #ddd; border-top: 0px;}
.borde_superior_tabla_rankings {border-top: 1px solid #ddd;}
.border-inferior-tabla {border-radius: 0 0 5px 5px;}
.volver-listado-rankings {color: #a975ba !important;}

.listado-rankings ul.nav-pills li.active a {color: #a975ba !important; background-color: #eee; border: 0px; font-weight: bold; font-size: 14px; padding: 8px 15px;}
.listado-rankings .btn-salusquizz {background: #a975ba;color: #fff;	border-color: #a975ba;	font-size: 12px;padding: 5px 15px;}
.listado-rankings .btn-salusquizz:hover {	background: #fff;color: #a975ba;}
.item-listado_rankings { padding: 10px 30px; line-height: 40px;}

.fondo_azul_tabla_salusquizz {background-color: #eee;}
.fondo_primero_tabla_salusquizz {background-color: #fdd150; font-weight: bold;}
.fondo_segundo_tabla_salusquizz {background-color: #c0c0c0; font-weight: bold;}
.fondo_tercero_tabla_salusquizz {background-color: #daad99; font-weight: bold;}
.fondo_miposicion_tabla_salusquizz {background-color: #faf2fd;	font-weight: bold;	border: 2px solid #a975ba;}
.fondo_miposicion_tabla_salusquizz_top10 {background-color: #a975ba; color: #fff;	font-weight: bold;}

.cabecera_listado_rankings {position: relative; text-align: center; background-color: #a975ba; color: #fff; font-size: 18px; line-height: 26px; padding: 12px 0; border-radius: 5px 5px 0 0;}
.cabecera_listado_rankings .icono-prev { float: left; width: 2.5%; font-size: 26px; line-height: 26px;  border-right: 1px solid #eeeeee;}
.cabecera_listado_rankings .icono-next { float: right; width: 2.5%; font-size: 26px; line-height: 26px;  border-left: 1px solid #eeeeee;}
.cabecera_listado_rankings .icono-prev:hover { color: #000; cursor: pointer;}
.cabecera_listado_rankings .icono-next:hover { color: #000; cursor: pointer;}
.cabecera_listado_rankings .indicador-fecha-salusquizz { float: left;  width: 95%;}

.pagination-listado-rankings { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; margin-top: 30px; font-size: 14px;}
.pagination-prev, .pagination-next { margin: 0 10px; background-color: #a975ba; color: #fff; border: 1px solid #a975ba; padding: 4px 8px; font-size: 18px; border-radius: 5px; cursor: pointer;}
.pagination-prev-disabled, .pagination-next-disabled { margin: 0 10px; background-color: #d5d5d5; color: #fff; border: 1px solid #d5d5d5; padding: 4px 8px; font-size: 18px; border-radius: 5px;}
.pagination-prev:hover, .pagination-next:hover { background: #fff; color: #a975ba;}

.edit-privacy-salusquizz {display: block; width: 100%; text-align: center; margin-top: 20px; font-size: 16px;}
.edit-privacy-salusquizz:hover {color: #a975ba; }
.rankings-loading { width: 100%; text-align: center; padding: 40px 0; display: none;}
/*rankings salusquizz*/

  /*avatar carousel*/
  .avatar-carousel {font-size: 20px; text-align: center; width: 40%; height: auto; line-height: 5em; border-radius: 50%; position: absolute; top: 0; left: 0; padding: auto; margin: 8% 30%; background-color: #dbdbdb;}
  .avatar-carousel img {width:150px;height:150px;border-radius:50%;}
  a.avatar-carousel {display:inline-block;color:#fff;}
  a.avatar-carousel:hover {text-decoration: none;}

/* landing gamificacion */
.col-gami{
border: 2px solid #00add5;
border-radius: 15px;
}
.box-gami{height:240px;}
.col1:before{
content: "1";
font-size:60px;
color:#00add5;
float:left;
}
.col2:before{
content: "2";
font-size:60px;
color:#00add5;
float:left;
}
.col3:before{
content: "3";
font-size:60px;
color:#00add5;
float:left;
}
.col4:before{
content: "4";
font-size:60px;
color:#00add5;
float:left;
}
.col5:before{
content: "5";
font-size:60px;
color:#00add5;
float:left;
}
.oculta_movil {display: block;}
.como-funciona, .que-puedes-hacer, .como-canjear{margin-left:15px;margin-top:0}
.como-canjear-box{margin-top:0;margin-left:10px}
.box-4, .box-5{margin-top:0;}

.box-4{margin-left:10px;}
.link-sin-decoracion:hover{text-decoration: none;}
.img-icono-gamificacion{

height:35px;
object-fit:cover;
object-position: bottom;
}

.azul {color: #00aed6;}
#btn_bajahard:hover, #btn_bajasoft:hover {background-color: #00aed6 !important;}
  .inicio-salusone{
    margin-top: 0;
  }
  .notificaciones-gamificacion{
    margin-top:0;
  }
  .fecha-notificacion{
    margin-top:0;
  }
  .pagina-principal{
    margin-top:0;
  }


.banner-home {
  position: relative;
  width: 100%;
  height: auto;
  /*max-height: 450px;*/
  background-color: #ebf5f7;
}

/*saluschat */
.fondo_izda_saluschat {position: absolute; top: 0; left: 0; height: 100%;}
.fondo_dcha_saluschat {position: absolute; top: 0; right: 0; height: 100%;}
.banner-home-centro { text-align: center; padding: 80px 0; width: 1200px;}
.logo_saluschat_home {width: 150px; cursor: pointer;}
.saluschat_titulo_home {border: 1px solid #000; margin: 20px auto;width: 60%;  border-radius: 10px; cursor: pointer;}
.saluschat_titulo_home h1 {	font-size: 25px !important;	margin: 18px 0 !important;}
#saluschat_categorias_home {display: flex;justify-content: center;align-items: center;margin-top: 50px;	margin-bottom: 250px;}
a.saluschat_categoria_item_home {padding: 10px; background-color: #f1a63c;color: #fff;margin: 10px 10px;border-radius: 5px;min-width: 260px;text-decoration: none;font-size: 15px;	display: inline-block;}
a.saluschat_categoria_item_home:hover { background-color: #00aed6;}
.banner-home-conlogin {background-color: #fff; }
.img-muesca-saluschat-carrousel {position: absolute; top: 0;	right: 0;	width: 100px !important;}
.saluschat_categorias_home {display: flex; flex-wrap: wrap; justify-content: center;  gap: 20px; width: 80%; margin: 0 10%; margin: 0 auto;}
.saluschat_categorias_home a { width: 100px; height: 100px;  background: #e8bf8d; border-radius: 14px; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; text-decoration: none; color: #444; box-sizing: border-box; transition: 0.2s ease;}
.saluschat_categorias_home a:hover {background: #a7d8de;}
.saluschat_categorias_home a img {width: 35px; height: 35px; min-width: 35px; min-height: 35px; margin-bottom: 5px; object-fit: contain; flex-shrink: 0;}
.saluschat_categorias_home a span {font-size: 12.5px;	font-weight: bold;line-height: 1;	max-width: 100%; min-height: 40px; display: flex;	align-items: center; justify-content: center; text-align: center; overflow: hidden;}
.img_carrousel_secciones_saluschat {width: 70px !important; height: 70px !important; padding-bottom: 5px;}
.carousel-video-link-saluschat {padding-top: 20% !important;padding-bottom: 10%;}

/* modal cfc ediciones bimensuales */
#modalDialogCFCBimensual .modal-content{border-radius: 15px;}
#modal-cfc-bimensual{padding-left:50px;padding-right:50px;}
#modal-cfc-bimensual .bloque-izquierdo{text-align:right;}
#modalCFCBimensualHeader{background-color:#00aed6;height:40px;color:white;font-weight:bold;border-top-left-radius:15px;border-top-right-radius:15px;text-align:right;padding:10px 15px;cursor:pointer;}
#modal-cfc-bimensual .img-cfc-alternativo{height:100px;padding-bottom:15px;}
.verde-cfc-bimensual{color:#61A51D}
.azul-cfc-bimensual{color:#266f8a}
#modal-cfc-bimensual .solicitada-acreditacion{font-size:19px}
#modal-cfc-bimensual .clausula-importante{font-size:19px;font-weight:bold}
#modal-cfc-bimensual .clausula-advertencia{font-size:15px;}
#modal-cfc-bimensual .clausula-ediciones{font-size:16px;}
#modal-cfc-bimensual .clausula-confirmar{font-size:16px;color:#00aed6;padding-top:15px;}
#modal-cfc-bimensual .confirmar-checkbox {width: 7rem; height: 7rem; margin-top: -3.8rem;}
#modal-cfc-bimensual .aviso{width:100%;text-align:center;padding:10px;border-radius:15px;font-size:16px;}
#modal-cfc-bimensual button{background-color:#61A51D}
#modal-cfc-bimensual button:hover{color:white}

/* referidos */
.destacado-perfil-accion {position: relative; float: left; width: 64%; margin: 1.5%;}
.destacado-perfil-accion-escritorio {display: block;}
.div-referidos {border-radius: 15px; border: 4px #3CB4E5 solid; position: relative; color: #004961;}
.div-referidos .azul {color: #3CB4E5;}
.div-referidos .azuloscuro {color: #004961;}
.div-referidos .naranja {color: #f7931e;}
.div-referidos-logo {width: 18%; float: left; text-align: center; padding: 10px 0 0 10px;}
.div-referidos-logo img {width: 80%; margin: 0 10%;}
.div-referidos-info {width: 82%; float: left; padding: 5px;}
.div-referidos .div-titulo-texto {width: 70%; float: left;}
.div-referidos .div-titulo-texto h2 {font-size: 24px; font-weight: bold; letter-spacing: -0.5px;}
.div-referidos .div-titulo-texto div {font-weight: bold; line-height: 22px; letter-spacing: -0.5px;}
.div-referidos .claim {width: 100%; float: left; margin-top: 16px; margin-bottom: 16px; font-size: 17px;}
.div-referidos .div-titulo-icono {width: 30%; float: left; margin-top: 20px; text-align: center; padding: 5px 10px;}
.div-referidos .div-titulo-icono img {width: 100%;}
.div-referidos .div-info-50 {width: 50%; float: left; text-align: left; font-weight: bold; font-size: 16px; line-height: 22px; letter-spacing: -0.5px;}
.div-referidos .div-info-40 {width: 40%; float: left; text-align: left; font-weight: bold; font-size: 16px; line-height: 22px; letter-spacing: -0.5px;}
.div-referidos .div-info-60 {width: 60%; float: left; text-align: left; font-weight: bold; font-size: 16px; line-height: 22px; letter-spacing: -0.5px; position: relative;}
.div-referidos .div-info-40 ul {margin: 0; padding: 0; margin-left: 15px;}
.contador_amigos_referidos {width: 100%; text-align: center; font-weight: bold; font-size: 24px; line-height: 24px; letter-spacing: -0.5px; color: #3CB4E5; margin-bottom: 15px;}
#btn_comparte_enlace_referido, #btn_comparte_enlace_referido_movil {width: 100%; cursor: pointer;}
.enlace_referido_copiado, .enlace_referido_copiado_movil  { width: 100%; text-align: center; color: #090; margin-top: 5px;}
.destacado-perfil-accion-movil {display: none;}
.carousel-videos-listado-vertical .carousel-video-link {width: 31% !important; margin: 1%;}
.carousel-videos-listado-vertical .carousel-video-link img { width: 100%; }
.btn_curso_otra_modalidad {background-color: #aa1212;	color: #fff; padding: 5px 10px;border-radius: 5px;	font-weight: bold; font-size: 12px;}
.btn_curso_fondo_verde {background-color: #61a60e;}
.btn_curso_otra_modalidad:hover {background-color: #727272;	color: #fff; text-decoration: none;}
.enlace_bases_referidos {font-size: 12px;}
.claim_finalizado {margin-top: 0px !important;}

.carousel-videos-listado-vertical .carousel-video-link {width: 31% !important; margin: 1%;}
.carousel-videos-listado-vertical .carousel-video-link img { width: 100%; }
.btn_curso_otra_modalidad {background-color: #aa1212;	color: #fff; padding: 5px 10px;border-radius: 5px;	font-weight: bold; font-size: 12px;}
.btn_curso_fondo_verde {background-color: #61a60e;}
.btn_curso_otra_modalidad:hover {background-color: #727272;	color: #fff; text-decoration: none;}
.msg_matriculacion_nodisponible {background-color: #b2b2b2; color: #514f4f; padding: 10px; font-weight: bold; border-radius: 5px;}

.enlace_bases_referidos {font-size: 12px;}
.claim_finalizado {margin-top: 0px !important;}

/*modal referidos */
#modalPopupReferidos .modal-header {text-align: center; padding-top: 10px; padding-bottom: 10px;}
#modalPopupReferidos .modal-header h2 {padding: 0; margin: 2px 0; font-size: 26px;}
#modalPopupReferidos .modal-header img {width: 20%; max-width: 50px;}
#modalPopupReferidos .div-referidos {border: 0px;}
#modalPopupReferidos .div-referidos-info {width: 100%; float: inherit; position: relative;}
#modalPopupReferidos .contador_amigos_referidos {text-align: left; margin-bottom: 15px; margin-top: 15px;}
#modalPopupReferidos .div-referidos .div-titulo-icono {margin-top: 0px;}
#modalPopupReferidos .div-referidos::after {content: ""; display: block; clear: both;}
#modalPopupReferidos #btn_comparte_enlace_referido_popup {width: 100%; cursor: pointer;}
#modalPopupReferidos .enlace_referido_copiado_popup { width: 100%; text-align: center; color: #090; margin-top: 5px;}
#modalPopupReferidos #cancel-modal-popup-referidos {position: absolute; top: 10px; right: 10px;	font-size: 25px; cursor: pointer; color: #fff;}
#modalPopupReferidos #cancel-modal-popup-referidos:hover { color: #004961;}
#modalPopupReferidos .div-referidos .div-info-50 a {font-size: 14px;}
#modalPopupReferidos .solo_escritorio {display: block;}
#modalPopupReferidos .solo_movil {display: none;}

/*media queries*/
@media(max-width:1499px){
  .box-gami{height:260px;}
  .banner-home-centro {
    padding: 40px 0;
    width: 900px;    
  }
  a.saluschat_categoria_item_home {
	  margin:10px;
	  min-width: 300px;
  }

}
@media (min-width: 1170px) 
{
  .col-lg-1-7 {width: 14.28%;}
  .flex-lg-center-row {display: flex; justify-content: center; margin: 10px 0 10px auto; align-items: center;}    
}
@media(max-width:1199px)
{
  .box-4, .box-5{margin-top:15px;}
  .box-4{margin-left:0;}
  header .menu a {margin: 0px 5px;}
  
  .destacado-perfil-accion-escritorio {display: none;}
  .destacado-perfil-accion-movil {display: block; width: 97%;}
  .destacado-perfil-accion-movil h2 {font-size: 24px; font-weight: bold; margin-bottom: 5px; margin-top: 8px;} 
  .destacado-perfil-accion-movil .div-referidos-logo {width: 100%;text-align: left; margin-top: 10px;}
  .destacado-perfil-accion-movil .div-referidos-logo img {width: 25%; text-align: left; padding: 0 20px; margin: 0;}
  .destacado-perfil-accion-movil .div-referidos-info {width: 100%; padding: 0 20px;}
  .div-referidos .div-titulo-icono {margin-top: 0px !important;}
  .destacado-perfil-accion-movil .div-info-40 {width: 100%;}
  .destacado-perfil-accion-movil .div-info-50 {width: 100%;}
  .destacado-perfil-accion-movil .div-info-60 {width: 100%;}
  .contador_amigos_referidos {margin-top: 20px;}
  #btn_comparte_enlace_referido_movil {width: 60%; cursor: pointer; margin: 0 20%;}
  .div-referidos .div-titulo-texto div {font-size: 15px;}
  .div-referidos .claim {margin-top: 8px; margin-bottom: 6px;}


  #modalPopupReferidos .solo_escritorio {display: none;}
  #modalPopupReferidos .solo_movil {display: block;}
  #modalPopupReferidos .modal-header h2 {font-size: 21px;}
  #modalPopupReferidos .div-referidos .div-info-40 {width: 100%;}
  #modalPopupReferidos .div-referidos .div-info-50 {width: 100%;}
  #modalPopupReferidos .div-referidos .div-titulo-texto {width: 100%;}
  #modalPopupReferidos .div-referidos #btn_comparte_enlace_referido_popup {width: 75%; margin-bottom: 10px;}
  #modalPopupReferidos #img_solo_movil {width: 86px; float: right;  margin-top: 10px;}
  #modalPopupReferidos .claim {width: 70%;}
  #modalPopupReferidos .contador_amigos_referidos {text-align: left; margin-bottom: 15px; margin-top: -14px;	font-size: 21px;}
  

}

@media (max-width: 996px) 
{
  .cabecera_listado_rankings .icono-prev {
    float: left;
    width: 6%;
  }

  .cabecera_listado_rankings .icono-next {
    float: right;
    width: 6%;
  }

  .cabecera_listado_rankings .indicador-fecha-salusquizz {
    float: left;
    width: 88%;
  }


  .item-listado_rankings {
    padding: 10px 10px;
    line-height: 30px;
    height: 60px;
  }

  .listado-rankings .btn-salusquizz {
    font-size: 10px;
    padding: 5px 5px;
  }
  .banner-home-centro {
    width: 80%; 
    padding: 40px 0 0 0;
  }

  .fondo_izda_saluschat, .fondo_dcha_saluschat {display: none;}
  
  .saluschat_titulo_home {
    width: 100%;
  }

  .saluschat_titulo_home h1 {
    font-size: 16px !important;
    margin: 15px 0 !important;
  }

  .banner-home {
    margin-top: 0;
    height: auto;
    max-height: 10000px;
    padding-bottom: 30px;
  }

  a.saluschat_categoria_item_home {
    min-width: 80%;
  }

  .banner-home-conlogin {
    margin-bottom: 30px;
    margin-top: 0px;
  }

   .slogan-h2 {    
    margin-bottom: 0px !important;
  }

}

@media(max-width:991px){
.como-funciona, .que-puedes-hacer, .como-canjear{margin-left:0;margin-top:15px}
.como-canjear-box{margin-left:0;margin-top:15px}
.oculta_movil {display: none;}
.box-gami{height:190px;}
.inicio-salusone{
  margin-top: 0;
}
.notificaciones-gamificacion{
  margin-top:0;
}
.fecha-notificacion{
  margin-top:0;
}
.pagina-principal{
  margin-top:0;
}
#modal-cfc-bimensual{padding-left:35px;padding-right:35px;}
#modal-cfc-bimensual .bloque-izquierdo{text-align:left;}
#modal-cfc-bimensual .aviso{width:90%}
}

@media (max-width: 768px) 
{
  .col-media {width: 100%}
  .col-70 {width: 100%}
  .col-30 {width: 100%;}
  .col-flex {width: 100%;}
  .col-izquierda {justify-content: center;}
  .col-derecha {justify-content: center;}
  .col-cuestionario {padding: 10px 0 !important;}
  .contenedor-padre-desuscribir {display: block;}    
  #imprimir-infografia { padding: 0;}
  .contiene-infografia .carousel-video-info .carousel-video-info-titulo {line-height: 15px !important; font-size: 13px !important;  padding-right: 15px !important;}
  .preview-premium-div { width: 90%; margin-top: 40px;}
  #slider-destacados {margin-top: 58px;}
  .slogan-h2 {font-size: 1.4rem; padding: 15px;}
  .slogan-h2 img {width: 30px;}
  .programa-presentacion p{
    font-size:15px;
  }
  .titulo-h1{
    font-size: 23px;
  }
  .titulo-h2{
    font-size: 21px;
  }

    #perfil-contenido-recompensas-enlaces .perfil-contenido-recompensas-enlace-div {width: 100%;}
    #perfil-contenido-recompensas-enlaces .perfil-contenido-recompensas-enlace-div .info-enlaces {margin-top: 20px;}
    #perfil-contenido-recompensas-gemaspuntos {text-align: center;}
    #perfil-contenido-recompensas-sabermas .recompensas-sabermas-icon-div {width: 18%;margin: 0 1%;}
    #perfil-contenido-recompensas-sabermas .recompensas-sabermas-titulo {width: 78%; margin: 0 1% 0 1%;}
    #perfil-contenido-recompensas-sabermas .recompensas-sabermas-boton-div {width: 96%; margin:12px 2% 0 2%; text-align: right;}


    .item-listado_rankings {
      font-size: 12px;
    }

  .tabla_listado_rankings .col-sm-1 {
    width: 10%;
    float: left;
    text-align: center;
  }

  .tabla_listado_rankings .col-sm-2 {
    width: 20%;
    float: left;
    text-align: center;
  }

  .tabla_listado_rankings .col-sm-8 {
    width: 60%;
    float: left;
    text-align: center;
  }

  .listado-rankings {
   padding: 30px 30px 0 30px;
  }

  .cabecera_listado_rankings .indicador-fecha-salusquizz {
    font-size: 14px;
  }

  .cabecera-rankings img {
    max-width: 200px;     
    margin-top: 10px;
  }

  .cabecera-rankings a {
    font-size: 18px;
    margin-top: 10px;
    padding: 10px 5px;
  }

  .avatar-carousel img {
    height: auto;
  }

  .texto-carousel-salusquizz {
    font-size: 12px !important;
  }
  .oculta_movil {display: none;}
  .box-gami{height:170px;}
  .slogan-h2{
    margin-bottom:25px;
  }
  .inicio-salusone{
    margin-top: 45px;
  }
  /* .notificaciones-gamificacion{
    margin-top:45px;
  } */
  .fecha-notificacion{
    margin-top:-10px;
  }
  .pagina-principal{
    margin-top:45px;
  }

    #perfil-contenido-recompensas-enlaces .perfil-contenido-recompensas-enlace-div {width: 100%;}
    #perfil-contenido-recompensas-enlaces .perfil-contenido-recompensas-enlace-div .info-enlaces {margin-top: 20px;}
    #perfil-contenido-recompensas-gemaspuntos {text-align: center;}
    #perfil-contenido-recompensas-sabermas .recompensas-sabermas-icon-div {width: 18%;margin: 0 1%;}
    #perfil-contenido-recompensas-sabermas .recompensas-sabermas-titulo {width: 78%; margin: 0 1% 0 1%;}
    #perfil-contenido-recompensas-sabermas .recompensas-sabermas-boton-div {width: 96%; margin:12px 2% 0 2%; text-align: right;}
  #img-descarga-tfg-aprende {width:300px;}
#modal-cfc-bimensual{padding-left:20px;padding-right:20px;}
#modal-cfc-bimensual .aviso{width:100%}
}

@media (max-width: 350px) 
{
  .desplegable-fichero {margin-left: 0; margin-top: 10px; flex-basis:135px}
}
@media (max-width: 220px) 
{
  #img-descarga-tfg-aprende {width:180px;}
}

/*
|--------------------------------------------------------------------------
*/
/*mobile 0*/

@media (max-width: 450px)
{
  .div-inscripcion{
    gap:12px;
  }
  .programa-presentacion{
    text-align: left;
  }

    .item-listado_rankings {line-height: 20px;}
    .oculta_movil {display: none;}
    .box-gami{height:190px;}

    .tabla_listado_rankings .item_icono_ranking {
      width: 16%;        
    }
    .tabla_listado_rankings .col-md-8 {
      width: 54%;          
    }

    .banner-home {
      margin-top: 30px;
    }
  #img-descarga-tfg-aprende {width:200px;}

}

/*mobile 1*/
@media (max-width: 415px)
{
  .explora .lista .lista-body {max-width:220px;}
  .apuntarse{
    font-size:10px;
  }
  .div-inscripcion{
    gap:10px;
  }
  .signo-plus{
    font-size:12px
  }
}

@media(max-width:346px)
{
.box-gami{height:230px;}
}

/*mobile 2*/
@media (max-width: 768px)
{
  
  body {position: relative;font-size:14px;}
  header .menu {display:none;}
  .contenido-centrado {padding:0px 5px;}

  /*breadcrumb*/
  .contene-breadcrumb {overflow-x: auto;}
  .breadcrumb {width:700px;}


  /*aplicacion*/
  .maestro-nuevo.aplicacion .container {padding-right:15px;padding-left:15px;}
  .aplicacion header {padding:15px 20px 15px 20px;}

  /*programa*/
  .programa-presentacion {text-align:left;}

  #capaAceptaCookies {left:50%;margin-left:-150px; right:0; bottom:20px;}
  .iconos, footer {text-align:center;}
  .iconos .marco {padding:15px;margin-bottom:15px;}

  /*botones*/
  .btn.btn-xl {min-width:250px;margin-bottom:10px;}

  /*portada*/
  .presentacion {text-align:center;}
  .presentacion .img-promo {max-width:270px;margin:30px auto 0px auto;}
  .presentacion .badges {margin-left:20px;}
  .presentacion .img-badge {max-width:133px;}

  .iconos .icono {padding:0px 15px;}
  .iconos .icono .imagen-icono {max-width:270px;margin-bottom:30px;}
  .img-dispositivos {width:100%;margin:50px 0px 0px 0px;padding-left:30px;}

  /*aprende*/
  .whatsapp-compartir {display:inline-block;}

  /*premium*/
  .tarifas {margin-top:-15px;}
  .tarifas .tarifa {margin-bottom:15px;}

  /*calendario entrenamiento*/
  .calendario-cabecera {margin:10px 0px;}

  /*contenido*/
  .owl-nav {display:none;}

  /*presribe e infografias*/
  #imprimir-prescribe { padding: 0;}
  #contador-caracteres-nota { margin-bottom: 20px; margin-top: -8px;}
  input#titulo_nota {float: left; width: 100%; margin-bottom: 10px;}
  #div-prescribe .input_prescribe { width: 70% !important; margin-top: 5px;}
  .contenido-descripcion-prescribe {padding: 0 1% !important;}
  .contenido-descripcion-infografia {padding: 0 1% !important;}
  #btn_imprimir_prescribe {display: none;}
  #btn_imprimir_infografia {display: none;}
  #texto-obligatorio-nota { margin-top: -8px; }
  #div-selector-notas .item_nota .div_titulo_nota {width: 80%;}
  #div-selector-notas .item_nota .div_opciones_nota { width: 20%; }

    .banner {margin-top: 50px;}

    /* .perfil-contenido {padding: 0 2%;} */
    .destacado-perfil {width: 94% !important; margin: 3% !important;}
}




@media (max-width: 1199px)
{
  .perfil-menu {width: 35% !important;}
  .perfil-contenido {width: 65% !important;}
  .destacado-perfil {width: 48%; margin: 1%;}

}


@media (max-width: 1499px)
{
  .contenedor-avatar-perfil {width: 30% !important;}
  .contenedor-experiencia-perfil {width: 70% !important;}
  .info-texto-experiencia {font-size: 10px !important;}
}


@media (max-width: 991px)
{
  .perfil-menu {width: 100% !important; margin-top: 20px;}
  .perfil-contenido {width: 100% !important; margin-top: 40px; padding: 0 2%;}
  .contenedor-avatar-perfil {width: 25% !important; margin-left: 5%;margin-top: 1%;}
  .listado-menu-perfil {display: none;}
  #cerrar-sesion-movil {display: block; text-align: center;}
  
}

@media screen and (max-width: 667px) {
  .saluschat_categorias_home {width: 96%; gap: 15px;}
  .saluschat_categorias_home a {width: 85px; height: 85px; padding: 5px;}
  .saluschat_categorias_home a span {font-size: 11px;line-height: 0.95;  min-height: 35px;}
  .form-check-label {font-size: 13px !important;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .fondo_izda_saluschat {left: -100px;}
  .fondo_dcha_saluschat {right: -100px;}
}

/*tablet vertical*/
@media (min-width: 769px)
{
  
  /*title*/
  h1, .h1 {font-size:25px;}
  h2, .h2 {font-size:20px;}
  h3, .h3 {font-size:18px;}
  h4, .h4 {font-size:15px;}
  
  /*general*/
  .principal {font-size:30px;}
  body {padding-top:81px;}
  .box {padding:20px 20px 20px 20px;margin-top:15px;}
  .box.box-container {padding:100px;}
  .compartir i {font-size:20px;margin-right:5px;}

  /*movil*/
  .menu-movil {display:none;}
  .menu-movil-portada {display:none;}
  
  /*header*/
  header {padding:20px 10px;}
  header .logo img {width:150px;margin-top:-35px;}
  header .usuario {width:20%;padding-top:10px;}
  header .usuario .icon-mensajes img {height:40px;}

  /*avatar*/
  .avatar {font-size:20px;text-align:center;width:40px;height:40px;line-height:40px;}
  .avatar img {width:40px;height:40px;}



  /*footer*/
  footer .firma {position: absolute;top:5px;right:15px;}
  .menu-footer {display:inline-block;}
  .menu-footer li {margin-right:15px;display:inline-block;}

  /*menu*/
  .menu-header li {display:inline-block;margin-right:20px;}

  /*portada*/
  .portada h1, .h1 {font-size:35px;}

  .presentacion {padding:0px 0px;}
  .presentacion h1 {padding-top:50px;}
  .presentacion .btn {margin-right:10px;}

  .colegios ul {text-align:center;}
  .colegios ul li {margin:0px 0px 5px 0px;width:19%;}
  .colegios h3 {margin-bottom:50px;}

  .iconos .icono {margin-top:100px;}
  .iconos .icono h3, .como-utilizar h3 {font-size:30px;;}
  .iconos .icono p, .como-utilizar p {font-size:24px;}

  .como-utilizar {padding:100px 0px;}
  .como-utilizar h2 {margin-bottom:80px;}
  .como-utilizar .media {margin-bottom:30px;}

  .tarifa {min-height:713px;}
  .tarifas {padding:100px 0px;}
  .tarifas h2 {margin:80px 0px;}
  .tarifas .tarifa.recomendada {margin-top:0px;}
  .tarifa.premium {margin-top:-30px;}

  .img-dispositivos {position: absolute;top:50px;right:0px;}

  /*login*/
  .login .contene-frm {position: absolute;top:0;left:50%;margin-left:-250px;}
  .login .contene-frm {width:500px;}
  .login .contene-frm form {max-width: 360px;}
  .alerta-universidad {padding: 10px; background-color: #fff9b1; font-size: 13px; border-radius: 5px;}

  /*aprende*/
  .curso-listado-info {min-height:130px;}
  .pildora-listado-info .media-body h4 {min-height:50px;}
  .reto .pildora-listado-info .media-body h4 {min-height:auto;}
  .aprende .preguntas strong {font-size:20px;}

/*calculadoras */
  [data-calc] .form {max-width: 200px;}
  
  /*curso*/
  .modal.modal-validar input[type=text] {max-width:60%;}
  .modal.modal-validar .h4 {margin-bottom:20px;}

  /*contacto*/
  .contacto form {max-width:50%;}

  /*nuevo*/
  .carousel-videos .carousel-video-link {width:360px;}

  /*social*/
  .tooltip-social a {font-size:20px;margin:0px 5px;}

  /*calendario entrenamiento*/
  .calendario-dia {padding-right:0px; padding-left: 8px;}

  /*contenido-pagina*/
  .material-necesario .material-necesario-item {margin-right:40px;}
  .material-necesario .material-necesario-item img {height:30px;}

  /* modal cfc ediciones bimensuales */
  #modalDialogCFCBimensual{
    width:800px;
  }

}

/*escritorio - tablet horizontal*/
@media (min-width: 992px)
{   

  .whatsapp_web {display:inline;} 
  .whatsapp_movil {display:none;}

  .buscador {max-width:50%;}
  .mensajes p {max-width:70%;}

  footer .firma {text-align:right;}

  /*portada*/
  .presentacion .img-promo {margin-top:30px;}
  .presentacion .badges {margin-top:40px;}
  .colegios {margin:50px auto;}

  /*premium*/
  .tarifa.free .btn {margin-top:50px;}
  .tarifa.premium .btn {margin-top:25px;}

  /*programa*/
  .portada.programa h1 {font-size:35px;margin-top:0px;}
  .portada.programa h2 {font-size:30px;margin:30px 0px;}
  .portada.programa .texto {max-width:60%;margin:30px auto;}
  .portada.programa .bg-gris {padding:30px 0px;}

  .programa-presentacion p {padding-right:30px;}
  .programa-logos img {max-width:200px;}
  .programa-lugar .box b {font-size:18px;}

  /*contenido*/
  .contenido-pagina .contenido-video-descripcion {font-size:17px;width:90%;}
  .img-contenido img { max-width: 60%; }

  /*ui 2.0*/
  .banner {padding:30px 15px;}
  .banner-destacado img {height:150px;}
  .banner-texto p {/*max-width:50%;*/font-size:17px;}

  /*prescribe*/
  #imprimir-prescribe { padding: 0 5%; }
}

/*panoramico*/
@media (min-width:1500px)
{
  
  .container {width:1400px;}

   /*botones*/
  .btn.btn-xl {min-width:250px;}

  /*portada*/
  .portada h1, .h1 {font-size:45px;}
  
  .presentacion {padding:80px 0px;}
  .presentacion .img-promo {margin-top:-50px;}

  /*colegios*/
  .colegios ul li {width:8.5%;}

  /*prescribe*/
  #imprimir-prescribe { padding: 0 15%; }

  #streamyardPlayer {
    height: 76% !important;
  }
  
}
/* DISEÑO DESAFÍO SALUSONE */
  #main-img-descubre
  {
      height: 100px; 
      width: 200px;
      margin-left: 50%;
      transform: translateX(-50%);
      margin-top: 15px;
  }
  .message-container
  {
      /* background-color: #00abd6; */
      background-color: #53cbe9;
      padding: 15px 10px;color:#3B3C36;
      text-align: center;
      min-width: 100%;
      margin: 10px 0;
  }
  .message-container-v2
  {
      /* background-color: #00abd6; */
      padding: 15px 10px;color:#3B3C36;
      /*text-align: center;*/
      min-width: 100%;
      margin: 10px 0;
      border:1px solid red;
  }

/* Add a color to the cancel button */
.inicia-sesion {
  background-color: #01AED6;
  color: white;
  padding: 5px 7px;
  border: 0;
  border-radius:5px;
  text-transform: uppercase;
}

.registrate {
  background-color: #EB5F64;
  color: white;
  padding: 5px 7px;
  border: 0;
  border-radius:5px;
  text-transform: uppercase;
}

.inicia-sesion-cordoba {
  background-color: #01AED6;
  color: white;
  padding: 8px 18px;
  border: 0;
  border-radius:18px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}

.registrate-cordoba {
  background-color: #89C33F;
  color: white;
  padding: 8px 15px;
  border: 0;
  border-radius:18px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}

.intentar {
  background-color: #89C33F;
  color: white;
  padding: 5px 7px;
  border: 0;
  border-radius:5px;
  text-transform: uppercase;
}

.container-2,.container-1 {
  padding: 16px;
  text-align: center;
}

.modal-2,.modal-1 {
  display: none; 
  position: fixed; 
  z-index: 1; 
  left: 0;
  top: 15%;
  width: 100%; 
  height: 100%; 
  /* padding-top: 50px; */
}
.modal-1{
  display: block;
}

.modal-content-2,.modal-content-1 {
  background-color: #fefefe;
  margin: 5% auto 15% auto; 
  width: 80%;
  border-radius:1em;
  box-shadow:0px 3px 31px 14px rgba(0,0,0,0.29)
}

#descubre-logo
{
  height:100px;
  width: 135px;
  display: none;
}
#descubre-logo-cordoba
{
  height:100px;
  width: 135px;
}
.titulo-modal-descubre{
  color:#00abd6;
  margin-bottom: 2px;
}
.titulo-modal-descubre-v2{
  color:#EB5F64;
  margin-bottom: 2px;
  font-weight: bold;
}

.clearfix-2,.clearfix-1 {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 25px 0;
}

.separador-azul-top{
  padding:20px 0;background-color:#00abd6;margin:0;border-top-left-radius: 1em;border-top-right-radius: 1em;
}
.separador-azul-bottom{
  padding:20px 0;background-color:#00abd6;margin:0;border-bottom-left-radius: 1em;border-bottom-right-radius: 1em;
}

.carta{display: flex;flex-direction:column;align-items:flex-end;margin:15px}
.content{display: flex;gap:15px;background-color:#E3E3E3;font-family: "Roboto";}
.img-card{ height:120px; width:130px}
.content-card{padding:15px 15px 15px 10px;color:#00abd6}
.content-card > p{font-family: 'robotomedium';}
.highlight{color: #EB5F64;}
.link-card{margin-top: 10px;}
.button-card{
  background-color:#53bfa4;
  color:white;border:0;padding:7px;border-radius:5px}
.text-blue{
  color: #00abd6;
}
.text-white{
  color: white;
}
#title{
  margin:0;
  transform: translateX(0%);
  padding:0;
}
.cards{
  max-width:100%;
  margin:0;
  display: flex;
  flex-direction: column;

}
.img-regalo{
  display:block;height:100px;width:175px;border-radius:1em;margin:10px auto;object-fit:contain;
}
.thanks
{
  letter-spacing: normal;
  font-family: 'robotomedium';
  font-weight: 500;
  color: #3B3C46;
  margin-top: 2em;
}
.fila-compartir
{
  background-color: #EB5F64;padding:15px 10px;margin:15px auto;width:14%;border-radius:10px;
}
.btn-comparte{background-color:white;padding:10px;color:#EB5F64;border-radius:50%}
.rrss{display: none;padding: 0 5px;}
.share-btn{align-self: center;margin-top: 5px;}

@media screen and (min-width: 667px) and (max-width: 991px) {
  .modal-content-2 {
      width: 30%;
    }
    #descubre-logo
    {
      display: none;
    }
    .cards{
      max-width:75%;
      margin:0 auto;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap;
    }

    #title{
      margin-left: 50%;
      transform: translateX(-50%);
      padding:0;
    }
    .carta{
      align-items:flex-start;
      width: 40%;
      height: 350px;
      max-height: 400px;
      border-radius: 5px;
    }
    #main-img-descubre
   {
      height: 120px; 
      width: 220px;
   }
   .link-card{
      align-self: flex-end;
   }
   .modal-content-2,.modal-content-1 {
      width: 45%; 
    }
  .message-container
  {
      min-width: 100%;
      margin: 10px auto;
      border-radius: 10px;
  }
  #title{
      margin-left:50%;
      transform: translateX(-50%);
      padding:15px;
  }
  .img-regalo{
      display:block;height:150px;width:225px;
    }
    .content{flex-direction:column;border-radius: 5px;}
    .img-card{
      width: 100%;
      height: 150px;
      object-fit: cover;
      object-position: center center;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }
  
  
}

@media screen and (min-width: 992px) {
  #main-img-descubre
  {
      height: 150px; 
      width: 250px;
      margin-left: 50%;
      transform: translateX(-50%);
      margin-top: 15px;
  }
  #descubre-logo
  {
    display: none;
  }
  .cards{
      max-width:50%;
      margin:0 auto;
      flex-direction: row;
    }
    .carta{
      width: 33%;
      height: 350px;
      max-height: 400px;
      border-radius: 5px;
    }
  .message-container
  {
      min-width: 90%;
      border-radius: 10px;margin:10px auto;
  }
  .modal-content-2,.modal-content-1 {
      width: 45%; 
    }
    #title{
      margin-left:50%;
      transform: translateX(-50%);
      padding:15px;
    }
    .content{align-self: flex-start;width: 100%;flex-direction:column;height: 100%;border-radius: 5px;}
    .img-regalo{
      display:block;height:150px;width:225px;
    }
    .img-card{
      width: 100%;
      height: 200px;
      object-fit: cover;
      object-position: center center;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }
  .rrss{display: block;}

}
/* DISEÑO DESAFÍO SALUSONE */