@charset "utf-8";

* { box-sizing: border-box; }
a { text-decoration: none; }
body { margin: 0px 0px; padding: 0px 0px; font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; background-color:#fff; }
img { width: 100%: }
.open-sans-bold { font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-variation-settings: "wdth" 100; }
.open-sans-semi-bold { font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; font-variation-settings: "wdth" 100; }

/* ----- Header ----- */
header {background-color: #fff; }
.mido-desk { border-radius: 0px 0px 20px 20px; }
.navegador-desk { overflow: hidden; padding: 20px; max-width: 1400px; margin: 0 auto; }
.linea-mido-header { background: #DFC6DF; background: linear-gradient(90deg,rgba(223, 198, 223, 1) 0%, rgba(153, 65, 131, 1) 31%, rgba(95, 33, 108, 1) 67%, rgba(165, 70, 132, 1) 100%); height: 12px; }
.navegador-desk nav { float: left; max-width: 670px; width: 100%; margin:0px 50px; }
.navegador-desk nav ul li { color: #3F1058; list-style: none; float: left; margin: 0px 18px; }
.navegador-desk nav ul { padding:0px; }
.navegador-desk nav ul li a { color: #3F1058; }
.logo-mido { float: left; }
.btn-mido { background-color: #683079; color: #fff; width: 170px; border-radius: 30px; float: left; text-align: center; padding: 8px; margin: 1px 8px 8px 8px;}
.btn-mido a { color: #fff; }
.btn-mido p { margin: 0px; }
.logo-fcs { float: right; }
.mido-mobile { display: none; }

/*--Inicio--*/
#banner-mido { z-index: -10; margin-top: -70px; position: relative; width:100%; max-width: 1440px;}
#banner-mido img { max-width: 1440px; width: 100%;  }
.banner-box { position: absolute; color:#fff; top: 220px; max-width:530px; width: 100%; left: 80px; }
.titulo-mido { font-size: 60px; margin-bottom:10px; }
.banner-box .btn-grid { font-size: 18px; }
.subtitulo-mido { font-size:22px; }
.banner-box a { color: #fff; float:left; }
.conoce-btn { background-color: #683079; color: #fff; width: fit-content; border-radius: 30px; float: left; text-align: center; padding: 10px 20px; margin: 8px 8px 8px 0px; border: #683079 solid 2px; }
.conoce-btn p, .conoce-salud-btn p { margin: 0px; font-size: 18px; }
.conoce-salud-btn { border: 2px solid #fff; border-radius: 30px; padding: 10px 30px; margin: 8px 8px 8px 8px; }
.bloque-uno-mido { margin: 100px auto; max-width: 85%; overflow: hidden; }
.bloque-uno-mido .imagen-mido { max-width:600px; width: 100%; max-height: 673px; border-radius: 16px; overflow: hidden; float: right; }
.bloque-uno-mido .bloque-txt { width: 40%; float: left; margin: 163px auto; background-color:#fff; }
.bloque-uno-mido .imagen-mido img { max-width: 600px; width:100%; }
.subtitulo-min-mido { color: #9C3D7B; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-min-mido { font-size:42px; color: #29225E; margin: 0px; }
.texto-mido { color: #29225E; }
.bloque-dos-mido { margin: 100px auto; max-width: 85%; overflow: hidden; }
.bloque-dos-mido .imagen-mido { max-width:600px; width: 100%; max-height: 690px; border-radius: 16px; overflow: hidden; float: left; }
.bloque-dos-mido .bloque-txt { width: 40%; float: right; margin: 70px auto; background-color:#fff; }
.bloque-dos-mido .imagen-mido img { max-width: 600px; width:100%; }
.bloque-morado-mido { background-color: #29225E; color: #fff; border-radius: 16px; margin: 100px auto; max-width: 85%; overflow: hidden; d}
.subtitulo-mindos-mido { color: #fff; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-mindos-mido { font-size:42px; color: #fff; margin: 0px; }
.bloque-morado-img { max-width: 500px; width:100%; }
.bloque-morado-img img { max-width: 500px; width:100%; }
.bloque-morado-txt { max-width: 550px; width:100%;  margin: 67px; }
.realiza-valoracion-btn { border: 2px solid #fff; border-radius: 30px; padding: 10px 30px; margin: 40px 0px 0px 0px; background-color:#fff; max-width: 250px; text-align: center;}
.realiza-valoracion-btn p { margin: 0px; font-size:18px; }
.realiza-valoracion-btn-morado { border: 2px solid #683079; border-radius: 30px; padding: 10px 30px; margin: 40px 0px 0px 0px; background-color:#683079; max-width: 250px; text-align: center; }
.realiza-valoracion-btn-morado p { margin: 0px; font-size:18px; color:#fff; }
.bloque-morado-txt div a { color: #29225E; }
.bloque-tres-mido { margin: 100px auto; max-width: 85%; overflow: hidden; background-color: #fff; }
.descarga-app-mido-btn { background-color: #683079; color: #fff; width: 332px; border-radius: 64px; float: left; text-align: center; padding: 10px; margin: 8px 10px 8px 0px; border: #683079 solid 2px; }
.descarga-app-mido-btn p { margin: 0px; font-size:18px; }
.asistente-virtual-btn { background-color: #fff; color: #9C3D7B; width: 335px; border-radius: 64px; float: left; text-align: center; padding: 10px; margin: 8px 8px 8px 0px; border: #9C3D7B solid 2px; }
.asistente-virtual-btn p { margin: 0px; font-size:18px; }
.app-img-box { width: 100%; max-width: 500px; }
.app-img-box img { width:100%; max-width: 500px; }
.bloque-tres-mido .bloque-txt { width: 58%; margin: 74px auto; }
.bloque-tres-grid { margin:30px 0px; }
.bloque-morado-light { background-color: #F5EBF1; margin: 100px auto; padding: 80px 50px; }
.bloque-morado-light div:first-child { text-align:center; }
.txt-min { color:#020203; font-size: 16px; }
.box-blanco { overflow: hidden; }
.box-blanco-min { background-color:#fff; width:42%; float:left; margin: 50px; padding: 40px; border-radius: 15px; text-align: left !important; width: 40%;}
.box-blanco-titulo { font-size:32px; color: #29225E; margin: 10px 0px; }
.blanco-txt { font-size: 18px; }
.box-blanco-btn { background-color: #fff; color: #9C3D7B; width: fit-content; border-radius: 64px; text-align: center; padding: 10px 20px; margin: 15px 8px 8px 0px; border: #9C3D7B solid 2px; }
.box-blanco-btn p { margin: 0px; font-size:18px; }
.consulta-recursos-btn { background-color: #683079; color: #fff; width: fit-content; border-radius: 64px; text-align: center; padding: 10px 20px; margin: 0px auto; border: #683079 solid 2px; }
.consulta-recursos-btn p { margin: 0px; font-size:18px; }
.formulario-min { max-width: 800px; width:100%; margin:100px auto; border-radius: 15px; box-shadow: -6px 0px 29px #29225E26; padding:74px 98px; background-color: #fff; }
.formulario-cabeza { text-align:center; }
input.wpcf7-tel, input.wpcf7-email, input.wpcf7-text  { background-color: #0202030D; border-style: none; padding-block: 6px; max-width: 850px; width:100%; border-radius: 8px; }
#wpcf7-f74963-o1 label { color: #29225E;  }
.wpcf7-list-item checkbox { width: auto; }
.formulario-min input[type="submit" i] { background-color: #683079; border: 1px solid #683079; color: #fff; font-family: 'Open Sans'; font-weight: 600; padding: 10px 26px; border-radius: 36px; font-size:18px; margin: 32px 0px 0px 0px; }
.liston-formulario { z-index:-10; max-width:1440px; top: 4745px; position: absolute; width:100%; }
.liston-tres { z-index:-10; max-width:1440px; top: 1953px; position: absolute; width:100%; }
.liston-dos { z-index:-20; max-width:1440px; top: 500px; position: absolute; width:100%; }

/*--Sobre MIDO--*/
#banner-mido-interno { z-index: -10; position: relative; width:100%; max-width: 1440px;}
#banner-mido-interno img { max-width: 1440px; width: 100%;  }
#banner-mido-interno .banner-box { position: absolute; color:#fff; top: 70px; max-width:530px; width: 100%; left: 80px; }
#banner-mido-interno .banner-box .btn-grid { font-size: 18px; }
#banner-mido-interno .banner-box a { color: #fff; float:left; }
.bloque-uno-sobre-mido { margin: 100px auto; max-width: 85%; overflow: hidden; }
.bloque-uno-sobre-mido .imagen-mido { max-width:600px; width: 100%; max-height: 614px; border-radius: 16px; overflow: hidden; float: right; }
.bloque-uno-sobre-mido .bloque-txt { width: 43%; float: left; margin: 43px auto; background-color:#fff; }
.bloque-uno-sobre-mido .imagen-mido img { max-width: 600px; width:100%; }
.subtitulo-min-sobre { color: #9C3D7B; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-min-sobre { font-size:42px; color: #29225E; margin: 0px; }
.bloque-lila-mido { background-color: #956EA1; color: #fff; border-radius: 16px; margin: 100px auto; max-width: 85%; overflow: hidden;}
.bloque-lila-img { max-width: 540px; width:100%; }
.bloque-lila-img img { max-width: 540px; width:100%; }
.bloque-lila-txt { max-width: 550px; width:100%; margin: 38px 67px; }
.bloque-lila-mido .realiza-valoracion-btn{ background-color: #683079; color: #fff; max-width: fit-content; border-radius: 64px; text-align: center; padding: 10px; margin: 8px 10px 8px 0px; border: #683079 solid 2px; }
.bloque-morado-mido-inversa { background-color: #29225E; color: #fff; border-radius: 16px; margin: 100px auto; max-width: 85%; overflow: hidden; display: flex; justify-content: center;}
.bloque-morado-mido-inversa .bloque-morado-img { max-width: 500px; width:100%; position: relative; top: 118px; margin-right: 30px; }
.bloque-morado-mido-inversa .bloque-morado-img img { max-width: 500px; width:100%; }
.bloque-morado-mido-inversa .bloque-morado-txt { max-width: 550px; width:100%; margin: 67px;  }
.bloque-morado-mido-inversa .bloque-morado-txt div a { color: #29225E; }
.bloque-morado-mido-inversa .realiza-valoracion-btn { border: 2px solid #fff; border-radius: 30px; padding: 10px 30px; margin: 40px 0px 0px 0px; background-color: #fff; max-width: fit-content; text-align: center; }
.bloque-morado-light-sobre { background-color: #F5EBF1; margin: 100px auto; padding: 80px 50px; }
.bloque-morado-light-sobre .cabeza-morado-light { text-align:center; max-width: 730px; margin: 50px auto; width: 100%; }
.bloque-morado-light-sobre .txt-min { color:#020203; font-size: 14px; }
.bloque-morado-light-sobre .box-blanco { overflow: hidden; }
.bloque-morado-light-sobre .box-blanco-min-izquierda { background-color:#956EA1; width:47%; float:left; margin: 50px 15px; padding: 40px 40px 0px 40px; border-radius: 15px; text-align: left !important; }
.bloque-morado-light-sobre .box-blanco-min-derecha { background-color:#E0CAE4; width:47%; float:left; margin: 50px 15px; padding: 40px 40px 0px 40px; border-radius: 15px; text-align: left !important;}
.bloque-morado-light-sobre .box-blanco-min-izquierda .box-blanco-titulo { font-size:32px; color: #fff; margin: 10px 0px; }
.bloque-morado-light-sobre .box-blanco-titulo { font-size:32px; color: #29225E; margin: 10px 0px; }
.bloque-morado-light-sobre .blanco-txt { font-size: 18px; color: #29225E; }
.bloque-morado-light-sobre .box-blanco-min-izquierda .blanco-txt { font-size: 18px; color: #fff; }
.bloque-morado-light-sobre .box-blanco-btn { background-color: #fff; color: #9C3D7B; width: fit-content; border-radius: 64px; text-align: center; padding: 10px 20px; margin: 15px 8px 8px 0px; border: #9C3D7B solid 2px; }
.bloque-morado-light-sobre .box-blanco-btn p { margin: 0px; font-size:18px; }
.bloque-morado-light-sobre .consulta-recursos-btn { background-color: #683079; color: #fff; width: fit-content; border-radius: 64px; text-align: center; padding: 10px 20px; margin: 0px auto; border: #683079 solid 2px; }
.bloque-morado-light-sobre .consulta-recursos-btn p { margin: 0px; font-size:18px; }
.box-blanco-min-izquierda img { max-width: 500px; width:100%; margin:20px 23px 0px; position: relative; top: 5px; }
.box-blanco-min-derecha img { max-width: 500px; width:100%; margin:20px 23px 0px; position: relative; top: 5px; }
.bloque-moradito { background-color: #956EA1; color: #fff; overflow:hidden; margin: 100px auto; width:80%; border-radius: 15px; }
.moradito-min-img { float:left; max-width: 350px; margin:120px 0px; }
.moradito-min-img img { max-width:350px; width:100%; }
.moradito-min { float:right; max-width: 620px }
.bloque-moradito-min { padding: 60px 50px; overflow: hidden; }
.conoce-fcs-btn { border: 2px solid #fff; border-radius: 30px; padding: 10px 30px; margin: 40px 0px 0px 0px; max-width: fit-content; }
.conoce-fcs-btn p { margin: 0px; }
.bloque-moradito a { color: #fff; }
.box-blanco-sobre-min { text-align:center; }
.cliki-img { background-image: url(https://fundacioncarlosslim.org/wp-content/uploads/2026/05/sobre-mido-08-img.jpg); max-width: 406px; width: 100%; height:560px; border-radius: 16px; background-size: cover; }
.aprende-img { background-image: url(https://fundacioncarlosslim.org/wp-content/uploads/2026/05/sobre-mido-07-img.jpg); max-width: 406px; width: 100%; height:560px; border-radius: 16px; background-size: cover; }
.redes-img { background-image: url(https://fundacioncarlosslim.org/wp-content/uploads/2026/05/sobre-mido-09-img.jpg); max-width: 406px; width: 100%; height:560px; border-radius: 16px; background-size: cover; }
.azul-transparencia { max-width:406px; width: 100%; height:560px; background: linear-gradient(to bottom,  rgba(41,34,94,0) 0%,rgba(41,34,94,1) 100%); border-radius: 16px; }
.sobre-mido-btn { border: 2px solid #fff; border-radius: 60px; max-width:fit-content; text-align:center; padding: 10px 20px; }
.sobre-mido-btn a { color:#fff; font-size:18px; }
.sobre-mido-btn p { margin: 0px; }
.sobre-mido-card { color: #fff; }
.sobre-card-titulo { font-size:32px; }
.sobre-mido-card-txt { position:relative; max-width: 80%; margin: 0px auto; bottom: -270px; }
.sobre-mido-card-txt-dos { position:relative; max-width: 80%; margin: 0px auto; bottom: -340px; }
.sobre-mido-card-txt-tres { position:relative; max-width: 80%; margin: 0px auto; bottom: -330px; }
.box-blanco-sobre-grid { display: -webkit-box; display: -ms-flexbox; display: flex; margin:80px auto; justify-content: space-between; max-width: 1280px; width: 100%; }
.liston-uno-interno { z-index: -20; max-width: 1130px; top: 111px; position: absolute; width: 100%; rotate: 0deg; left:310px; }
.liston-dos-interno { z-index:-10; max-width:1440px; top: 1590px;     position: absolute; width: 100%; rotate: 360deg; }
.liston-tres-interno { z-index:-10; max-width:1440px; top: 4745px; position: absolute; width:100%; }

/*--Enfermedades crónicas--*/
#banner-mido-interno .banner-box-dos { position: absolute; color:#fff; top: 70px; max-width: 710px; width: 100%; left: 80px; }
.bloque-uno-enfermedades-mido { margin: 100px auto; max-width: 85%; overflow: hidden; }
.bloque-uno-enfermedades-mido .imagen-mido { max-width:600px; width: 100%; max-height: 615px; border-radius: 16px; overflow: hidden; float: right; }
.bloque-uno-enfermedades-mido .bloque-txt { width: 43%; float: left; margin: 43px auto; background-color:#fff; }
.bloque-uno-enfermedades-mido .imagen-mido img { max-width: 600px; width:100%; }
.subtitulo-min-enfermedades { color: #9C3D7B; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-min-enfermedades { font-size:42px; color: #29225E; margin: 0px; max-width:500px; }
.enfermedades-morado { background-color: #F5EBF1; color: #29225E; font-size: 26px; border-radius: 15px; max-width: 264px; padding: 40px 20px; margin: 30px 12px; float: left; }
.box-blanco-enfermedades-grid { overflow:hidden; margin: 50px auto 50px; }
.enfermedades-morado-dos { background-color: #F5EBF1; color: #29225E; font-size: 18px; border-radius: 15px; max-width: 440px; padding: 40px 33px; margin: 30px 20px; float: left; min-height: 430px; }
.enfermedades-morado-dos .titulo-trio { font-size:32px; }
.box-blanco-enfermedades { margin: 100px auto; }
.box-blanco-enfermedades-min { width:60%; margin:0px auto; text-align: center; }
.enfermedades-morado-tres { background-color: #956EA1; color: #fff; font-size: 18px; border-radius: 15px; max-width: 400px; padding: 40px 40px; margin: 30px 40px; float: left; min-height: 413px; }
.titulo-enfermedades { font-size:24px; } 
.btn_enfermedades { background-color: #683079; font-size:18px; border-radius:60px; border: solid 1px #683079; max-width:fit-content;     padding: 5px 30px; }
.btn_enfermedades p { margin:0px; }
.enfermedades-morado-tres a { color: #fff; }
.liston-dos-interno-enfermedades { z-index: -10; max-width: 1440px; top: 2260px; position: absolute; width: 100%; }

.accordion { margin: 80px auto; max-width: 90%; }
.toggle { display: none; }
.option { position: relative; margin-bottom: 1em; }
.title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.2s; }
.title { background: #F5EBF1; padding: 1em; display: block; font-weight: bold; color:#29225E; font-size:28px; border-radius:5px; }
.title:after, .title:before { content: ""; position: absolute; right: 1.25em; top: 1.25em; width: 2px; height: 0.75em; background-color: #9C3D7B; transition: all 0.2s; }
.title:after { transform: rotate(90deg); }
.content { max-height: 0; overflow: hidden; display: flex;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; justify-content: center; align-items: center; }
.toggle:checked + .title, .toggle:checked + .title + .content { box-shadow: 3px 3px 6px #ddd, -3px 3px 6px #ddd; }
.toggle:checked + .title + .content { max-height: fit-content; background-color:#F5EBF1; }
.toggle:checked + .title:before { transform: rotate(90deg) !important; }
.acordeon-txt { color: #29225E; max-width: 680px; width: 100%; margin: 38px 38px; }
.titulo-acordeon { font-size: 20px; }
.txt-acordeon-min { font-size: 18px; }
.blanco-acordeon { background-color: #fff; padding: 2px 5px; }
.txt-acordeon-min span, .txt-acordeon-min a { color: #9C3D7B; }
.acordeon-img { max-width: 500px; width:100%; margin: 20px 20px; }
.acordeon-img img { max-width: 500px; width:100%; }

/*--Contacto--*/
.bloque-uno-contacto-mido { margin: 100px auto; max-width: 80%; overflow: hidden; }
.bloque-uno-contacto-mido .imagen-mido { max-width:600px; width: 100%; max-height: 560px; border-radius: 16px; overflow: hidden; float: right; }
.bloque-uno-contacto-mido .bloque-txt { width: 43%; float: left; margin: 43px auto; background-color:#fff;  color:#29225E; font-size:18px;}
.bloque-uno-contacto-mido .imagen-mido img { max-width: 600px; width:100%; }
.subtitulo-min-contacto { color: #9C3D7B; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-min-contacto { font-size:42px; color: #29225E; margin: 0px; max-width:500px; }
.bloque-uno-contacto-mido .bloque-txt a { color:#fff; }
.contacto-btn-asistente { background-color: #683079; color:#fff; border-radius: 60px; border: 1px solid #683079; width:fit-content; padding: 12px 21px; margin: 30px 0px 0px 0px; }
.contacto-btn-asistente p { margin:0px }
.bullets { margin: 3px 0px; }
.bullets span { color: #9C3D7B; font-weight:bold; }
.lila-contacto { background-color: #F5EBF1; padding: 2px 20px; }
.bloque-dos-contacto-mido { margin: 100px auto; max-width: 90%; overflow: hidden; }
.bloque-dos-contacto-mido .imagen-mido { max-width:600px; width: 100%; max-height: 560px; border-radius: 16px; overflow: hidden; float: left; margin: 50px 20px; }
.bloque-dos-contacto-mido .bloque-txt { width: 43%; float: right; margin: 0px auto; background-color:#fff;  color:#29225E; font-size:18px;}
.bloque-dos-contacto-mido .imagen-mido img { max-width: 600px; width:100%; }
.liston-contacto { z-index:-10; max-width:1440px; top: 2220px; position: absolute; width:100%; }
.liston-uno-contacto { z-index: -20; max-width: 500px; top: 478px; position: absolute; width: 100%; left:0px; }

/*--App MIDo--*/
.app-mido { max-width: 1200px; margin: 100px auto;   }
.grid-app { display: flex;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex; flex-wrap:wrap; justify-content: center;
  align-content: center; }
.grid-app img { max-width: 350px; width:100%; margin: 40px 10px; }

/*--Footer--*/
#footer { color:#fff; background-color: #29225E; padding:80px 60px 10px 60px; }
.redes-sociales-mido { margin: 30px 0px; }
.redes-sociales-mido img { margin: 0px 10px 0px 0px; }
.descarga-app-btn { margin: 10px 0px; }
.descarga-app-btn img { margin: 5px 0px; }
.titulo-nav { font-size:20px; }
.navegacion-grid a { color:#fff; }
.navegacion-box { font-size: 14px; }
.recursos-box { font-size:14px; }
.ecosistema-box { font-size:14px; }
.suscribete-box .wpcf7 input[type="email"] { border: 1px solid #fff; border-radius:8px; max-width:450px; width:100%; padding: 17px 0px; float:left; }
::-webkit-input-placeholder, ::-moz-placeholder { color: #fff!important; opacity: 0.8; padding-left: 15px; font-size:18px; }
.suscribete-box input[type="submit" i]  { background-color: #fff; border: 1px solid #fff; color: #29225E; font-family: 'Open Sans'; font-weight: 600; padding: 10px 26px; border-radius: 36px; font-size:18px; float:left; margin: -12px 0px 0px 40px; }
#footer hr { color:#fff; width:100%; border-style:solid; } 
.pie-footer { font-size:14px; }
.pie-footer a { color:#fff; float:left; margin: 0px 10px; }
.rss-box { width: 300px; float: left; }
.navegacion-footer { width: 820px; float: right; }
.navegacion-box { width:220px; float: left; margin-right: 50px; }
.recursos-box { width:220px; float: left; margin-right: 90px; }
.ecosistema-box { width:220px; float: left;  }
.suscribete-box { margin-top: 215px; }
.footer-contenedor { overflow:hidden; }
.pie-footer { margin:50px 0px; }
.terminos-mido { float: right; }
.marca-mido { width: fit-content; float: left; }
.pie-footer-min { margin: 30px 0px; overflow: hidden; }


/* ----- Versión Movil ----- */
@media (min-width:2500px) {
 .btn-mido { left: 160px; position:relative; }
 #banner-mido { z-index: -10; margin-top: -70px; position: relative; width: 100%; max-width: 100%; }
 #banner-mido img { width: 100%; max-width: 100%; }
 .banner-box { top: 470px; max-width: 750px; left: 150px; }
 .subtitulo-mido { font-size: 30px; }
 .titulo-mido { font-size:84px; }
 .conoce-btn p, .conoce-salud-btn p { font-size: 20px; }
 .bloque-uno-mido .imagen-mido { max-width:700px; max-height:785px; }
 .bloque-uno-mido .imagen-mido img { max-width: 700px; width: 100%; }
 .subtitulo-min-mido { font-size: 26px; }
 .titulo-min-mido { font-size:52px; }
 .texto-mido { font-size: 22px; }
 .bloque-dos-mido .imagen-mido { max-width: 700px; max-height:801px;  }
.bloque-dos-mido .imagen-mido img { max-width: 700px; }
.liston-dos { top: 924px; max-width: 2000px; }
.texto-mido { font-size:20px; }
.bloque-uno-mido { max-width:75%; margin: 200px auto; }
.bloque-dos-mido { max-width:75%; margin: 200px auto; }
.bloque-morado-mido { max-width: 75%; margin: 200px auto; display: flex;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex; justify-content: center; align-items: center; }
.bloque-morado-img img { max-width:700px; top: 10px; position: relative; }
.bloque-morado-img { max-width: 700px; }
.bloque-morado-txt { max-width: 780px; margin: 150px 170px; }
.liston-tres { max-width: 1850px; top: 2980px; }
.bloque-tres-mido { max-width: 75%; margin: 200px auto; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; }
.app-img-box img { max-width: 700px; }
.app-img-box { max-width:700px; float:none; }
.bloque-tres-mido .bloque-txt { margin: 132px auto; float: none; }
.bloque-morado-light { margin: 200px auto; }
.txt-min { font-size: 18px; }
.box-blanco-titulo { font-size: 36px; }
.blanco-txt { font-size:20px; }
.box-blanco-btn p { font-size: 20px; }
.box-blanco { overflow: hidden; max-width: 75%; margin: 0px auto; }
.box-blanco-btn { margin: 40px 8px 8px 0px; }
.consulta-recursos-btn p { font-size:20px; }
.formulario-min { max-width:1000px; margin: 200px auto; }
.liston-formulario { max-width: 2500px; top: 6073px; }
footer { max-width: 75%; margin: 0px auto; }

/*--Sobre Mido--*/
#banner-mido-interno { max-width:100%; }
#banner-mido-interno img { max-width: 100%; }
#banner-mido-interno .banner-box { max-width: 800px; left: 150px; top: 190px;}
.bloque-uno-sobre-mido { max-width: 75%; margin: 200px auto; }
.bloque-uno-sobre-mido .bloque-txt { max-width:50%; margin: 80px auto; }
.bloque-uno-sobre-mido .imagen-mido img { max-width:700px; }
.bloque-uno-sobre-mido .imagen-mido { max-width: 700px; max-height: 714px; }
.bloque-lila-mido { max-width: 75%; margin:200px auto;  }
.bloque-lila-img { max-width:700px; }
.bloque-lila-img img { max-width: 700px; }
.bloque-lila-txt { max-width: 750px; margin: 106px 140px; }
.bloque-morado-mido-inversa { max-width: 75%; margin:200px auto; font-size:18px;  }
.bloque-morado-mido-inversa .bloque-morado-img { max-width:650px; top: 60px; margin-right:180px; }
.bloque-morado-mido-inversa .bloque-morado-img img { max-width:650px; }
.bloque-morado-mido-inversa .bloque-morado-txt { max-width:650px; margin: 88px 120px;  }
.subtitulo-min-sobre { font-size: 26px; }
.titulo-min-sobre { font-size: 52px; }
.subtitulo-mindos-mido { font-size: 26px; }
.titulo-mindos-mido .titulo-min-sobre { font-size: 52px; }
.bloque-lila-mido { font-size:18px; display: flex; display: -webkit-box; display: -ms-flexbox;  display: -webkit-flex; align-items: center;}
.realiza-valoracion-btn p { font-size:20px; }
.bloque-morado-light-sobre .txt-min { font-size: 16px; }
.bloque-morado-light-sobre .cabeza-morado-light { max-width:820px; }
.bloque-morado-light-sobre .box-blanco-min-izquierda .box-blanco-titulo { font-size:34px; }
.bloque-morado-light-sobre .box-blanco-min-izquierda .blanco-txt { font-size:20px; }
.bloque-morado-light-sobre .consulta-recursos-btn p { font-size: 20px; }
.aprende-img { max-width: 506px; height:660px; }
.azul-transparencia { max-width: 506px; height:660px; }
.cliki-img { max-width: 506px; height:660px; }
.redes-img { max-width: 506px; height:660px; }
.box-blanco-sobre-grid { max-width: 1870px; }
.bloque-morado-light-sobre { margin: 200px auto; }
.sobre-mido-card-txt { bottom:-370px; }
.sobre-mido-card-txt-dos  { bottom: -420px; }
.sobre-mido-card-txt-tres { bottom:-412px; }
.bloque-moradito { margin: 200px auto; width:75%; }
.moradito-min-img img { max-width: 356px; }
.titulo-mindos-mido { font-size: 44px; }
.moradito-min { font-size:18px; max-width:750px; }
.conoce-fcs-btn { font-size:20px; }
.bloque-moradito-min { padding:60px 160px; }
.moradito-min-img { margin:170px auto; }
.liston-uno-interno { max-width: 1610px; top: 376px; left: 889px; }
.liston-dos-interno { z-index: -10; max-width: 2500px; top: 2220px; position: absolute; width: 100%; }
.liston-tres-interno { max-width: 2500px; top: 5650px; }

/*--Enfermedades crónicas--*/
#banner-mido-interno .banner-box-dos { max-width: 990px; left: 150px; top: 180px; }
.bloque-uno-enfermedades-mido { max-width:75%; margin:200px auto; }
.box-blanco-enfermedades-grid { max-width: 1440px; }
.box-blanco-enfermedades { margin: 200px auto; }
.accordion { max-width:70%; }
.subtitulo-min-enfermedades { font-size: 26px;  }
.titulo-min-enfermedades { font-size: 52px; }
.bloque-uno-enfermedades-mido .imagen-mido { max-width: 720px; max-height: 738px; }
.bloque-uno-enfermedades-mido .imagen-mido img { max-width: 720px; }
.bloque-uno-enfermedades-mido .bloque-txt { width:50%; }
.acordeon-img { max-width:600px; margin: 70px 70px }
.acordeon-img img { max-width:600px; }
.titulo-acordeon { font-size: 22px; }
.txt-acordeon-min { font-size: 20px; }
.acordeon-txt { max-width: 800px; margin: 100px 70px; }
.titulo-enfermedades { font-size: 26px; }
.enfermedades-morado-tres { font-size:20px; }
.btn_enfermedades { font-size: 20px; }
.enfermedades-morado-tres { min-height:440px; }
.enfermedades-morado-dos { font-size:20px; }
.liston-dos-interno-enfermedades { z-index: -10; max-width: 2500px; top: 2950px; position: absolute; width: 100%; left: 0px; }
.liston-formulario-enfermedades { z-index: -10; max-width: 2500px; top: 6741px; position: absolute; width: 100%;  }

/*--Contacto--*/
.bloque-uno-contacto-mido .imagen-mido img { max-width:700px; }
.bloque-uno-contacto-mido .imagen-mido { max-width:700px; max-height: 645px; }
.bloque-uno-contacto-mido { max-width:75%; margin: 200px auto; }
.bloque-uno-contacto-mido .bloque-txt { width: 50%; }
.bloque-dos-contacto-mido { max-width:75%; margin: 200px auto; }
.bloque-dos-contacto-mido .imagen-mido { max-width: 700px; max-height: 814px; margin:0px 0px; }
.bloque-dos-contacto-mido .imagen-mido img { max-width: 700px; }
.bloque-dos-contacto-mido .bloque-txt { margin: 98px auto; }
.liston-uno-contacto { max-width: 880px; top: 740px; }
.liston-contacto { max-width: 2500px; top: 3000px;  }

}

@media (max-width:1440px) {
	/*--Inicio--*/
.btn-mido {  position:relative; }
#banner-mido { z-index: -10; margin-top: -70px; position: relative; width:100%; max-width: 1440px;}
#banner-mido img { max-width: 1440px; width: 100%;  }
.banner-box { position: absolute; color:#fff; top: 220px; max-width:530px; width: 100%; left: 80px; }
.titulo-mido { font-size: 60px; margin-bottom:10px; }
.banner-box .btn-grid { font-size: 18px; }
.subtitulo-mido { font-size:22px; }
.banner-box a { color: #fff; float:left; }
.conoce-btn { background-color: #683079; color: #fff; width: fit-content; border-radius: 30px; float: left; text-align: center; padding: 10px 20px; margin: 8px 8px 8px 0px; border: #683079 solid 2px; }
.conoce-btn p, .conoce-salud-btn p { margin: 0px; font-size: 18px; }
.conoce-salud-btn { border: 2px solid #fff; border-radius: 30px; padding: 10px 30px; margin: 8px 8px 8px 8px; }
.bloque-uno-mido { margin: 100px auto; max-width: 85%; overflow: hidden; }
.bloque-uno-mido .imagen-mido { max-width:600px; width: 100%; max-height: 673px; border-radius: 16px; overflow: hidden; float: right; }
.bloque-uno-mido .bloque-txt { width: 40%; float: left; margin: 163px auto; background-color:#fff; }
.bloque-uno-mido .imagen-mido img { max-width: 600px; width:100%; }
.subtitulo-min-mido { color: #9C3D7B; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-min-mido { font-size:42px; color: #29225E; margin: 0px; }
.texto-mido { color: #29225E; }
.bloque-dos-mido { margin: 100px auto; max-width: 85%; overflow: hidden; }
.bloque-dos-mido .imagen-mido { max-width:600px; width: 100%; max-height: 690px; border-radius: 16px; overflow: hidden; float: left; }
.bloque-dos-mido .bloque-txt { width: 40%; float: right; margin: 0px auto; background-color:#fff; }
.bloque-dos-mido .imagen-mido img { max-width: 600px; width:100%; }
.bloque-morado-mido { background-color: #29225E; color: #fff; border-radius: 16px; margin: 100px auto; max-width: 85%; overflow: hidden; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;}
.subtitulo-mindos-mido { color: #fff; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-mindos-mido { font-size:42px; color: #fff; margin: 0px; }
.bloque-morado-img { max-width: 500px; width:100%; }
.bloque-morado-img img { max-width: 500px; width:100%; top: 10px;
        position: relative; }
.bloque-morado-txt { max-width: 550px; width:100%; margin: 67px; }
.realiza-valoracion-btn { border: 2px solid #fff; border-radius: 30px; padding: 10px 30px; margin: 40px 0px 0px 0px; background-color:#fff; max-width: 250px; text-align: center;}
.realiza-valoracion-btn p { margin: 0px; font-size:18px; }
.realiza-valoracion-btn-morado { border: 2px solid #683079; border-radius: 30px; padding: 10px 30px; margin: 40px 0px 0px 0px; background-color:#683079; max-width: 250px; text-align: center; }
.realiza-valoracion-btn-morado p { margin: 0px; font-size:18px; color:#fff; }
.bloque-morado-txt div a { color: #29225E; }
.bloque-tres-mido { margin: 100px auto; max-width: 85%; overflow: hidden; background-color: #fff; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; }
.descarga-app-mido-btn { background-color: #683079; color: #fff; width: 332px; border-radius: 64px; float: left; text-align: center; padding: 10px; margin: 8px 10px 8px 0px; border: #683079 solid 2px; }
.descarga-app-mido-btn p { margin: 0px; font-size:18px; }
.asistente-virtual-btn { background-color: #fff; color: #9C3D7B; width: 335px; border-radius: 64px; float: left; text-align: center; padding: 10px; margin: 8px 8px 8px 0px; border: #9C3D7B solid 2px; }
.asistente-virtual-btn p { margin: 0px; font-size:18px; }
.app-img-box { width: 100%; max-width: 500px; }
.app-img-box img { width:100%; max-width: 500px; }
.bloque-tres-mido .bloque-txt { width: 58%; margin: 74px auto; }
.bloque-tres-grid { margin:30px 0px; }
.bloque-morado-light { background-color: #F5EBF1; margin: 100px auto; padding: 80px 50px; }
.bloque-morado-light div:first-child { text-align:center; }
.txt-min { color:#020203; font-size: 16px; }
.box-blanco { overflow: hidden; max-width:95%; }
.box-blanco-min { background-color:#fff; width:40%; float:left; margin: 50px; padding: 40px; border-radius: 15px; text-align: left !important; min-height: 385px;}
.box-blanco-titulo { font-size:32px; color: #29225E; margin: 10px 0px; }
.blanco-txt { font-size: 18px; }
.box-blanco-btn { background-color: #fff; color: #9C3D7B; width: fit-content; border-radius: 64px; text-align: center; padding: 10px 20px; margin: 15px 8px 8px 0px; border: #9C3D7B solid 2px; }
.box-blanco-btn p { margin: 0px; font-size:18px; }
.consulta-recursos-btn { background-color: #683079; color: #fff; width: fit-content; border-radius: 64px; text-align: center; padding: 10px 20px; margin: 0px auto; border: #683079 solid 2px; }
.consulta-recursos-btn p { margin: 0px; font-size:18px; }
.formulario-min { max-width: 800px; width:100%; margin:100px auto; border-radius: 15px; box-shadow: -6px 0px 29px #29225E26; padding:74px 98px; background-color: #fff; }
.formulario-cabeza { text-align:center; }
input.wpcf7-tel, input.wpcf7-email, input.wpcf7-text  { background-color: #0202030D; border-style: none; padding-block: 6px; max-width: 850px; width:100%; border-radius: 8px; }
#wpcf7-f74963-o1 label { color: #29225E;  }
.wpcf7-list-item checkbox { width: auto; }
.formulario-min input[type="submit" i] { background-color: #683079; border: 1px solid #683079; color: #fff; font-family: 'Open Sans'; font-weight: 600; padding: 10px 26px; border-radius: 36px; font-size:18px; margin: 32px 0px 0px 0px; }
.liston-formulario { z-index:-10; max-width:1440px; top: 4745px; position: absolute; width:100%; }
.liston-tres { z-index:-10; max-width:1440px; top: 1953px; position: absolute; width:100%; }
.liston-dos { z-index:-20; max-width:1440px; top: 418px; position: absolute; width:100%; }

/*--Sobre MIDO--*/
#banner-mido-interno { z-index: -10; position: relative; width:100%; max-width: 1440px;}
#banner-mido-interno img { max-width: 1440px; width: 100%;  }
#banner-mido-interno .banner-box { position: absolute; color:#fff; top: 70px; max-width:530px; width: 100%; left: 80px; }
#banner-mido-interno .banner-box .btn-grid { font-size: 18px; }
#banner-mido-interno .banner-box a { color: #fff; float:left; }
.bloque-uno-sobre-mido { margin: 100px auto; max-width: 85%; overflow: hidden; }
.bloque-uno-sobre-mido .imagen-mido { max-width:600px; width: 100%; max-height: 614px; border-radius: 16px; overflow: hidden; float: right; }
.bloque-uno-sobre-mido .bloque-txt { width: 43%; float: left; margin: 43px auto; background-color:#fff; }
.bloque-uno-sobre-mido .imagen-mido img { max-width: 600px; width:100%; }
.subtitulo-min-sobre { color: #9C3D7B; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-min-sobre { font-size:42px; color: #29225E; margin: 0px; }
.bloque-lila-mido { background-color: #956EA1; color: #fff; border-radius: 16px; margin: 100px auto; max-width: 85%; overflow: hidden; display: flex;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; }
.bloque-lila-img { max-width: 540px; width:100%; }
.bloque-lila-img img { max-width: 540px; width:100%;  }
.bloque-lila-txt { max-width: 550px; width:100%;  margin: 38px 67px; }
.bloque-lila-mido .realiza-valoracion-btn{ background-color: #683079; color: #fff; max-width: fit-content; border-radius: 64px; text-align: center; padding: 10px; margin: 8px 10px 8px 0px; border: #683079 solid 2px; }
.bloque-morado-mido-inversa { background-color: #29225E; color: #fff; border-radius: 16px; margin: 100px auto; max-width: 85%; overflow: hidden;}
.bloque-morado-mido-inversa .bloque-morado-img { max-width: 500px; width:100%; float: right; position: relative; top: 118px; margin-right: 30px; }
.bloque-morado-mido-inversa .bloque-morado-img img { max-width: 500px; width:100%; float:right; }
.bloque-morado-mido-inversa .bloque-morado-txt { max-width: 550px; width:100%; margin: 67px; float:left; }
.bloque-morado-mido-inversa .bloque-morado-txt div a { color: #29225E; }
.bloque-morado-mido-inversa .realiza-valoracion-btn { border: 2px solid #fff; border-radius: 30px; padding: 10px 30px; margin: 40px 0px 0px 0px; background-color: #fff; max-width: fit-content; text-align: center; }
.bloque-morado-light-sobre { background-color: #F5EBF1; margin: 100px auto; padding: 80px 50px; }
.bloque-morado-light-sobre .cabeza-morado-light { text-align:center; max-width: 730px; margin: 50px auto; width: 100%; }
.bloque-morado-light-sobre .txt-min { color:#020203; font-size: 14px; }
.bloque-morado-light-sobre .box-blanco { overflow: hidden; margin:0px auto; }
.bloque-morado-light-sobre .box-blanco-min-izquierda { background-color:#956EA1; width:47%; float:left; margin: 50px 15px; padding: 40px 40px 0px 40px; border-radius: 15px; text-align: left !important; }
.bloque-morado-light-sobre .box-blanco-min-derecha { background-color:#E0CAE4; width:47%; float:left; margin: 50px 15px; padding: 40px 40px 0px 40px; border-radius: 15px; text-align: left !important;}
.bloque-morado-light-sobre .box-blanco-min-izquierda .box-blanco-titulo { font-size:32px; color: #fff; margin: 10px 0px; }
.bloque-morado-light-sobre .box-blanco-titulo { font-size:32px; color: #29225E; margin: 10px 0px; }
.bloque-morado-light-sobre .blanco-txt { font-size: 18px; color: #29225E; }
.bloque-morado-light-sobre .box-blanco-min-izquierda .blanco-txt { font-size: 18px; color: #fff; }
.bloque-morado-light-sobre .box-blanco-btn { background-color: #fff; color: #9C3D7B; width: fit-content; border-radius: 64px; text-align: center; padding: 10px 20px; margin: 15px 8px 8px 0px; border: #9C3D7B solid 2px; }
.bloque-morado-light-sobre .box-blanco-btn p { margin: 0px; font-size:18px; }
.bloque-morado-light-sobre .consulta-recursos-btn { background-color: #683079; color: #fff; width: fit-content; border-radius: 64px; text-align: center; padding: 10px 20px; margin: 0px auto; border: #683079 solid 2px; }
.bloque-morado-light-sobre .consulta-recursos-btn p { margin: 0px; font-size:18px; }
.box-blanco-min-izquierda img { max-width: 500px; width:100%; margin:20px 23px 0px; position: relative; top: 5px; }
.box-blanco-min-derecha img { max-width: 500px; width:100%; margin:20px 23px 0px; position: relative; top: 5px; }
.bloque-moradito { background-color: #956EA1; color: #fff; overflow:hidden; margin: 100px auto; width:80%; border-radius: 15px; }
.moradito-min-img { float:left; max-width: 350px; margin:120px 0px; width: 29%; }
.moradito-min-img img { max-width:350px; width:100%; }
.moradito-min { float:right; max-width: 620px }
.bloque-moradito-min { padding: 60px 50px; overflow: hidden; }
.conoce-fcs-btn { border: 2px solid #fff; border-radius: 30px; padding: 10px 30px; margin: 40px 0px 0px 0px; max-width: fit-content; }
.conoce-fcs-btn p { margin: 0px; }
.bloque-moradito a { color: #fff; }
.box-blanco-sobre-min { text-align:center; }
.cliki-img { background-image: url(https://fundacioncarlosslim.org/wp-content/uploads/2026/05/sobre-mido-08-img.jpg); max-width: 406px; width: 100%; height:560px; border-radius: 16px; background-size: cover; }
.aprende-img { background-image: url(https://fundacioncarlosslim.org/wp-content/uploads/2026/05/sobre-mido-07-img.jpg); max-width: 406px; width: 100%; height:560px; border-radius: 16px; background-size: cover; }
.redes-img { background-image: url(https://fundacioncarlosslim.org/wp-content/uploads/2026/05/sobre-mido-09-img.jpg); max-width: 406px; width: 100%; height:560px; border-radius: 16px; background-size: cover; }
.azul-transparencia { max-width:406px; width: 100%; height:560px; background: linear-gradient(to bottom,  rgba(41,34,94,0) 0%,rgba(41,34,94,1) 100%); border-radius: 16px; }
.sobre-mido-btn { border: 2px solid #fff; border-radius: 60px; max-width:fit-content; text-align:center; padding: 10px 20px; }
.sobre-mido-btn a { color:#fff; font-size:18px; }
.sobre-mido-btn p { margin: 0px; }
.sobre-mido-card { color: #fff; }
.sobre-card-titulo { font-size:32px; }
.sobre-mido-card-txt { position:relative; max-width: 80%; margin: 0px auto; bottom: -270px; }
.sobre-mido-card-txt-dos { position:relative; max-width: 80%; margin: 0px auto; bottom: -340px; }
.sobre-mido-card-txt-tres { position:relative; max-width: 80%; margin: 0px auto; bottom: -330px; }
.box-blanco-sobre-grid { display: -webkit-box; display: -ms-flexbox; display: flex; margin:80px auto; justify-content: space-between; max-width: 1280px; width: 100%; }
.liston-uno-interno { z-index: -20; max-width: 1130px; top: 111px; position: absolute; width: 74%; rotate: 0deg; left:329px; }
.liston-dos-interno { z-index:-10; max-width:1440px; top: 1590px;     position: absolute; width: 100%; rotate: 360deg; }
.liston-tres-interno { z-index:-10; max-width:1440px; top: 4745px; position: absolute; width:100%; }

/*--Enfermedades crónicas--*/
#banner-mido-interno .banner-box-dos { position: absolute; color:#fff; top: 70px; max-width: 710px; width: 100%; left: 80px; }
.bloque-uno-enfermedades-mido { margin: 100px auto; max-width: 85%; overflow: hidden; }
.bloque-uno-enfermedades-mido .imagen-mido { max-width:600px; width: 100%; max-height: 615px; border-radius: 16px; overflow: hidden; float: right; }
.bloque-uno-enfermedades-mido .bloque-txt { width: 43%; float: left; margin: 43px auto; background-color:#fff; }
.bloque-uno-enfermedades-mido .imagen-mido img { max-width: 600px; width:100%; }
.subtitulo-min-enfermedades { color: #9C3D7B; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-min-enfermedades { font-size:42px; color: #29225E; margin: 0px; max-width:500px; }
.enfermedades-morado { background-color: #F5EBF1; color: #29225E; font-size: 26px; border-radius: 15px; max-width: 264px; padding: 40px 20px; margin: 30px 12px; float: left; }
.box-blanco-enfermedades-grid { overflow:hidden; margin: 50px auto 50px; }
.enfermedades-morado-dos { background-color: #F5EBF1; color: #29225E; font-size: 18px; border-radius: 15px; max-width: 440px; padding: 40px 20px; margin: 30px 20px; float: left; }
.box-blanco-enfermedades { margin: 100px auto; }
.box-blanco-enfermedades-min { width:60%; margin:0px auto; text-align: center; }
.enfermedades-morado-tres { background-color: #956EA1; color: #fff; font-size: 18px; border-radius: 15px; max-width: 400px; padding: 40px 40px; margin: 30px 40px; float: left; min-height: 413px; }
.titulo-enfermedades { font-size:24px; } 
.btn_enfermedades { background-color: #683079; font-size:18px; border-radius:60px; border: solid 1px #683079; max-width:fit-content;     padding: 5px 30px; }
.btn_enfermedades p { margin:0px; }
.enfermedades-morado-tres a { color: #fff; }
.liston-dos-interno-enfermedades { z-index: -10; max-width: 1440px; top: 2260px; position: absolute; width: 100%; }

.accordion { margin: 80px auto; max-width: 90%; }
.toggle { display: none; }
.option { position: relative; margin-bottom: 1em; }
.title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.2s; }
.title { background: #F5EBF1; padding: 1em; display: block; font-weight: bold; color:#29225E; font-size:28px; border-radius:5px; }
.title:after, .title:before { content: ""; position: absolute; right: 1.25em; top: 1.25em; width: 2px; height: 0.75em; background-color: #9C3D7B; transition: all 0.2s; }
.title:after { transform: rotate(90deg); }
.content { max-height: 0; overflow: hidden; background-color: #fff; }
.toggle:checked + .title, .toggle:checked + .title + .content { box-shadow: 3px 3px 6px #ddd, -3px 3px 6px #ddd; }
.toggle:checked + .title + .content { max-height: fit-content; background-color:#F5EBF1; }
.toggle:checked + .title:before { transform: rotate(90deg) !important; }
.acordeon-txt { color: #29225E; float: left; max-width: 680px; width: 100%; margin: 38px 38px; }
.titulo-acordeon { font-size: 20px; }
.txt-acordeon-min { font-size: 18px; }
.blanco-acordeon { background-color: #fff; padding: 2px 5px; }
.txt-acordeon-min span, .txt-acordeon-min a { color: #9C3D7B; }
.acordeon-img { max-width: 500px; width:100%; float: left; margin: 20px 20px; }
.acordeon-img img { max-width: 500px; width:100%; float: left; }
.liston-formulario-enfermedades { z-index:-10; max-width:1440px; top: 5700px; position: absolute; width:100%; }

/*--Contacto--*/
.bloque-uno-contacto-mido { margin: 100px auto; max-width: 80%; overflow: hidden; }
.bloque-uno-contacto-mido .imagen-mido { max-width:600px; width: 100%; max-height: 560px; border-radius: 16px; overflow: hidden; float: right; }
.bloque-uno-contacto-mido .bloque-txt { width: 43%; float: left; margin: 43px auto; background-color:#fff;  color:#29225E; font-size:18px;}
.bloque-uno-contacto-mido .imagen-mido img { max-width: 600px; width:100%; }
.subtitulo-min-contacto { color: #9C3D7B; font-size: 20px; margin-top:0px; margin-bottom:5px; }
.titulo-min-contacto { font-size:42px; color: #29225E; margin: 0px; max-width:500px; }
.bloque-uno-contacto-mido .bloque-txt a { color:#fff; }
.contacto-btn-asistente { background-color: #683079; color:#fff; border-radius: 60px; border: 1px solid #683079; width:fit-content; padding: 12px 21px; margin: 30px 0px 0px 0px; }
.contacto-btn-asistente p { margin:0px }
.bullets { margin: 3px 0px; }
.bullets span { color: #9C3D7B; font-weight:bold; }
.lila-contacto { background-color: #F5EBF1; padding: 2px 20px; }
.bloque-dos-contacto-mido { margin: 100px auto; max-width: 90%; overflow: hidden; }
.bloque-dos-contacto-mido .imagen-mido { max-width:600px; width: 100%; max-height: 560px; border-radius: 16px; overflow: hidden; float: left; margin: 50px 20px; }
.bloque-dos-contacto-mido .bloque-txt { width: 43%; float: right; margin: 0px auto; background-color:#fff;  color:#29225E; font-size:18px;}
.bloque-dos-contacto-mido .imagen-mido img { max-width: 600px; width:100%; }
.liston-contacto { z-index:-10; max-width:1440px; top: 2220px; position: absolute; width:100%; }
.liston-uno-contacto { z-index: -20; max-width: 500px; top: 478px; position: absolute; width: 100%; left:0px; }

/*--Footer--*/
footer { max-width: 100%; }

}

@media (max-width:1200px) {

/*--Header--*/
.navegador-desk nav { max-width: 700px; margin: 0px 0px; }
.navegador-desk nav ul li { margin:0px 15px; }
.btn-mido { left: 30px; }

/*--Inicio--*/
.bloque-uno-mido .imagen-mido { max-width: 450px; max-height: 504px; }
.bloque-uno-mido .imagen-mido img { max-width: 450px; }
.bloque-uno-mido .bloque-txt { width:50%; margin: 75px auto; }
.bloque-uno-mido { margin:150px auto; max-width:90%; }
.liston-tres { width:90%; }
.liston-formulario { top: 4508px; }
.liston-dos { top: 460px;  max-width: 1000px; }
.bloque-dos-mido .imagen-mido { max-width:450px; max-height:514px; margin:24px auto; }
.bloque-dos-mido .imagen-mido img { max-width:450px; }
.bloque-dos-mido .bloque-txt { width: 50%; }
.bloque-dos-mido { max-width:90%; }
.bloque-morado-txt { width: 46%; margin: 56px 13px; font-size: 17px;}
.app-img-box { max-width: 450px; max-height: 440px;  }
.app-img-box img { max-width:450px; }
.bloque-tres-mido .bloque-txt { width: 50%; margin:0px auto; }
.bloque-tres-mido { max-width:90%; margin:150px auto; }
.box-blanco { max-width: 100%; }
.box-blanco-min { margin: 50px 44px; padding: 40px 30px; width:42%; }
.subtitulo-min-mido { font-size: 18px; }
.titulo-min-mido { font-size: 40px; }
.texto-mido { font-size: 17px; }
.subtitulo-mindos-mido { font-size: 18px; }
.titulo-mindos-mido { font-size: 40px; }
.bloque-morado-mido { margin: 150px auto; }

/*--Sobre MIDO--*/
#banner-mido-interno .banner-box { top: 60px; }
.subtitulo-min-sobre { font-size:18px; }
.titulo-min-sobre { font-size:40px; }
.bloque-uno-sobre-mido .imagen-mido img { max-width:450px; }
.bloque-uno-sobre-mido .imagen-mido { max-width:450px; max-height:462px; margin:100px auto; }
.liston-uno-interno { max-width: 920px; top: 120px; left: 310px; max-width: 890px; }
.bloque-lila-img { max-width:450px; position:relative; top: 118px;  }
.bloque-lila-img img { max-width:450px; }
.bloque-lila-txt { max-width: 550px; width: 48%; margin: 38px 40px; font-size:17px; }
.bloque-morado-mido-inversa .bloque-morado-txt { width: 45%; margin: 40px 34px; }
.bloque-morado-mido-inversa .bloque-morado-img { max-width: 450px; top: 124px; margin-right: 0px; }
.bloque-morado-mido-inversa .bloque-morado-img img { max-width:450px; }
.bloque-moradito { max-width:85%; }
.moradito-min-img img { width:70%; }
.moradito-min-img { width: 70%; margin: 245px 0px; }
.moradito-min { width:59%;  }
.aprende-img { width:30%; background-position: center; }
.cliki-img { width: 30%; background-position: center; }
.redes-img { width: 30%; background-position: center; }
.box-blanco-sobre-grid { width:90%; }
.sobre-mido-card-txt { bottom:-222px; }
.sobre-mido-card-txt-dos { bottom:-314px; }
.sobre-mido-card-txt-tres { bottom:-305px; }

/*--Enfermedades cronicas--*/
.liston-dos-interno-enfermedades { top: 2940px; }
.liston-formulario-enfermedades { top: 6900px; }
.bloque-uno-enfermedades-mido .bloque-txt { margin: 0px auto; }
.bloque-uno-enfermedades-mido .imagen-mido { width:50%; }
.box-blanco-enfermedades-grid { max-width:80%; }
.enfermedades-morado { margin: 30px 28px; }


/*--Contacto--*/
.bloque-uno-contacto-mido { max-width:85%; }
.bloque-uno-contacto-mido .imagen-mido { width:57%; }
.bloque-uno-contacto-mido .bloque-txt { margin:0px auto; }
.liston-uno-contacto { max-width: 457px; top: 384px; }
.bloque-dos-contacto-mido .imagen-mido { width: 44%; }
.bloque-dos-contacto-mido .bloque-txt { width:51%; }

/*--Footer--*/
.navegacion-box { margin-right:0px; }
.recursos-box { margin-right:80px; }
.ecosistema-box { margin-right: 0px; }
.navegacion-footer { width: 740px; }

	
}
@media (max-width:1024px) {

/*--Header--*/
.btn-mido { left: 0px; }
.navegador-desk nav { width:57% }
.navegador-desk nav ul li { margin: 0px 7px; }

/*--Inicio--*/
.banner-box { top:150px; }
.liston-dos { top: 400px; }
.bloque-uno-mido .imagen-mido { width:43%; }
.bloque-dos-mido .imagen-mido { width:43%; }
.liston-formulario { top:4600px; }
.bloque-morado-img { width:50%; }
.bloque-morado-img img { margin-top:77px; }
.liston-tres { top: 2060px; }

/*--Sobre MIDO--*/
#banner-mido-interno .banner-box { top: 30px; }
.bloque-uno-sobre-mido .imagen-mido { width:43%; margin: 56px 0px; }
.bloque-uno-sobre-mido .bloque-txt { width:54%; margin: 0px auto; }
.titulo-min-sobre { font-size: 38px; }
.titulo-mindos-mido { font-size: 38px; }
.bloque-morado-mido-inversa .bloque-morado-img { max-width: 410px; top: 123px; }
.bloque-lila-img { width:48%; }
.bloque-lila-txt { width: 48%; margin: 10px 17px 17px; }
.bloque-morado-light-sobre .box-blanco-min-izquierda { width:45%; }
.bloque-morado-light-sobre .box-blanco-min-derecha { width:45%; }
.bloque-morado-light-sobre { padding: 50px 50px; }
.box-blanco-min-derecha img { margin: -18px 23px 0px; }
.sobre-mido-btn { padding:10px 18px; }
.moradito-min-img { width: 100%; margin: 40px auto 60px; float:none; }
.moradito-min-img img { width: 100%; }
.moradito-min { width: 100%; float: none; max-width: 100%; }

/*--Enfermedades crónicas--*/
.titulo-mido { font-size: 60px; }
.subtitulo-min-enfermedades { font-size:18px; }
.bloque-uno-enfermedades-mido .bloque-txt { width: 52%; margin:0px auto; }
.titulo-min-enfermedades { font-size: 38px; }
.bloque-uno-enfermedades-mido .imagen-mido { width:43%; margin: 45px 0px; } 
.enfermedades-morado img { width: 40%; }
.enfermedades-morado { font-size:23px; max-width:315px; min-height: 275px; margin: 30px 13px; }
.box-blanco-enfermedades-grid { max-width: 100%; }
.enfermedades-morado-dos { margin:30px 36px; }
.liston-dos-interno-enfermedades { top: 2780px; }
.liston-uno-interno { max-width: 744px; left:280px; }
.acordeon-img { width: 40%; }
.acordeon-txt { margin: 0px 38px 10px; width:47%; }
.box-blanco-min { margin: 50px 36px; min-height: 385px; }
.enfermedades-morado-tres { max-width:430px; }
.liston-formulario-enfermedades { top: 6860px; }
.enfermedades-morado-dos .titulo-trio { font-size: 30px; }
.title { font-size: 26px; }
.box-blanco-titulo { font-size: 30px; }
.titulo-min-mido { font-size: 38px; }

/*--Contacto--*/
.liston-uno-contacto { top: 320px; }
.titulo-mido { font-size: 50px; }
.navegador-desk nav ul { padding-left:0px; }
#banner-mido-interno .banner-box-dos { top:40px; }
.bloque-uno-contacto-mido .imagen-mido { width: 46%; margin: 60px 0px; }
.bloque-uno-contacto-mido .bloque-txt { width: 54%; }

/*--Footer--*/
#footer { padding: 80px 10px 10px 20px; }
.navegacion-footer { width: 694px; }
.recursos-box { margin-right: 30px; }

}
@media (max-width:900px) {

/*--Header--*/
.navegador-mobile { padding: 10px 15px; overflow: hidden; }
.outer-menu { display: block!important; position: relative; z-index: 10001; float:right; right:100px;  }
.outer-menu .checkbox-toggle { position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; width: 60px; height: 60px; opacity: 0; }
.outer-menu .checkbox-toggle:checked + .hamburger > div { -webkit-transform: rotate(135deg); transform: rotate(135deg);  }
.outer-menu .checkbox-toggle:checked + .hamburger > div:before, .outer-menu .checkbox-toggle:checked + .hamburger > div:after { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.outer-menu .checkbox-toggle:checked + .hamburger > div:after { opacity: 0; }
.outer-menu .checkbox-toggle:checked ~ .menu { pointer-events: auto; visibility: visible; }
.outer-menu .checkbox-toggle:checked ~ .menu > div { -webkit-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.75s; transition-duration: 0.75s; }
.outer-menu .checkbox-toggle:checked ~ .menu > div > div { opacity: 1; -webkit-transition: opacity 0.4s ease 0.4s; transition: opacity 0.4s ease 0.4s; }
.outer-menu .checkbox-toggle:hover + .hamburger { box-shadow: inset 0 0 10px rgba(2, 2, 3, 0.1); }
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div { -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.outer-menu .hamburger { position: absolute; top: 0; left: 0; z-index: 1; width: 70px; height: 40px; padding: 0.5em 1em; border-radius: 0 0.12em 0.12em 0; cursor: pointer; -webkit-transition: box-shadow 0.4s ease; transition: box-shadow 0.4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.outer-menu .hamburger > div { position: relative; -webkit-box-flex: 0; flex: none; width: 100%; height: 4px; background: #683079; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;  }
.outer-menu .hamburger > div:before, .outer-menu .hamburger > div:after { content: ''; position: absolute; z-index: 1; top: -12px; left: 0; width: 100%; height: 4px; background: inherit; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.outer-menu .hamburger > div:after { top: 12px; }
.outer-menu .menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; visibility: hidden; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.outer-menu .menu > div { width: 200vw; height: 200vw; color: #FEFEFE; background: rgba(245, 235, 241, 0.97); border-radius: 50%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-flex: 0; flex: none; -webkit-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.outer-menu .menu > div > div { text-align: center; max-width: 90vw; max-height: 100vh; opacity: 0; -webkit-transition: opacity 0.4s ease;transition: opacity 0.4s ease; overflow-y: auto; -webkit-box-flex: 0; flex: none; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.outer-menu .menu > div > div > ul { list-style: none; padding: 0 1em; margin: 0; display: block; max-height: 100vh; }
.outer-menu .menu > div > div > ul > li { padding: 0; margin: 1em; font-size: 24px; display: block; color: #683079; }
.outer-menu .menu > div > div > ul > li > a { position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; }
.outer-menu .menu > div > div > ul > li > a:hover { color: #e5e5e5; }
.outer-menu .menu > div > div > ul > li > a:hover:after { width: 100%; }
.outer-menu .menu > div > div > ul > li > a:after { content: ''; position: absolute; z-index: 1; bottom: -0.15em; left: 0; width: 0; height: 2px; background: #e5e5e5; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; }


/*--Inicio--*/
.mido-desk { display:none; }
.mido-mobile { display:inherit; height: auto; width: 100%; background: #fff; }
.logo-fcs { float: left;  margin: 0px 0px 0px 40px; }
#banner-mido { z-index: -10; }
.liston-dos { top: 280px; }
.bloque-uno-mido .bloque-txt { width: 100%; margin: 0px auto; float: none; }
.bloque-uno-mido .imagen-mido { width: 100%; float: none; margin: 20px auto; }
.bloque-dos-mido .bloque-txt { width: 100%; float: none; }
.bloque-uno-mido { margin: 130px auto 60px; }
.bloque-dos-mido { margin:50px auto; }
.bloque-dos-mido .imagen-mido { width: 100%; float: none; margin: 20px auto; }
.bloque-morado-mido { margin: 150px auto; flex-wrap: wrap; flex-direction: column-reverse; display:flex; align-items: center; }
.bloque-morado-txt { width:100%; max-width: 650px; }
.bloque-morado-img { width: 100%; }
.bloque-morado-img img { margin-top: 0px; }
.bloque-tres-mido { flex-wrap: wrap; display: flex }
.bloque-tres-mido .bloque-txt { width: 100%; margin: 0px auto 50px; }
.app-img-box { margin:0px auto; float:none; }
.banner-box { top: 110px; }
.liston-formulario { top: 5800px; }

/*--Sobre MIDO--*/
.bloque-uno-sobre-mido .bloque-txt { width:100%; margin: 0px auto; float: none; }
.bloque-uno-sobre-mido .imagen-mido { width: 100%; margin: 50px auto; float: none; }
.sobre-mido-card-txt { bottom: -200px; }
.sobre-mido-card-txt-dos img { width:100%; }
.sobre-mido-card-txt-tres img { width:100%; }
.liston-tres-interno { top:5500px; }
.bloque-lila-mido { flex-wrap: wrap; flex-direction: column-reverse; }
.bloque-lila-txt { width: 100%; margin: 50px auto; }
.bloque-lila-img { top: 0px; width:100%; margin-bottom: -10px; }
.bloque-morado-mido-inversa { flex-wrap: wrap; }
.bloque-morado-mido-inversa .bloque-morado-txt { width: 100%; margin: 50px auto; }
.bloque-morado-mido-inversa .bloque-morado-img { top: 0px; }

/*--Enfermedades crónicas--*/
.liston-uno-interno { max-width: 580px; left: 319px; top:0px; }
.box-blanco-enfermedades-grid { width: 77%; }
.enfermedades-morado-dos { max-width:620px; float: none; width:100%; min-height: 350px; }
.acordeon-txt { margin: 30px 40px 30px; width: 47%; float: none; width: 100%; }
.box-blanco-min { width:40%; }
.box-blanco-enfermedades-min { width:80%; }
.enfermedades-morado-tres { max-width: 100%; min-height: 340px; }
.liston-dos-interno-enfermedades { top: 3150px; }
.liston-formulario-enfermedades { top: 8000px; }
.bloque-uno-enfermedades-mido .bloque-txt { margin: 0px auto; float: none; width: 100%; }
.bloque-uno-enfermedades-mido .imagen-mido { width: 100%; margin: 45px auto; float: none; }
.content { flex-wrap: wrap; }
.acordeon-img { width: 100%; }

/*--Contacto--*/
#banner-mido-interno .banner-box-dos { top: 10px; }
.bloque-uno-contacto-mido .bloque-txt { width: 100%; float: none; margin: 20px auto; }
.bloque-uno-contacto-mido .imagen-mido { width: 100%; margin: 60px auto; float: none; }
.bloque-dos-contacto-mido { margin: 50px auto; }
.bloque-dos-contacto-mido .bloque-txt { width: 100%; float: none; margin: 50px auto; }
.bloque-dos-contacto-mido .imagen-mido { width: 100%; float: none; margin: 20px auto; }
.liston-uno-contacto { max-width: 340px; }
.liston-contacto { top: 3230px; }


/*--Footer--*/
.rss-box { width: 100%; float: none; text-align: center; }
#footer { padding: 80px 10px 10px 10px; }
.navegacion-footer { max-width: 770px; float: none; width: 100%; margin: -150px auto 50px; }
.navegacion-box { margin-right: 50px; }
.recursos-box { margin-right: 50px; }

	
}

@media (max-width:800px) {

/*--Inicio--*/
.box-blanco-min { width: 100%; min-height: auto; }
.liston-dos { top: 250px; }

/*--Sobre MIDO--*/
.liston-uno-interno { max-width: 500px; left: 299px; top: 29px; }
#banner-mido-interno .banner-box { top: 0px; }
.bloque-morado-light-sobre .box-blanco-min-izquierda { width: 100%; float: none; margin: 50px auto; }
.bloque-morado-light-sobre .box-blanco-min-derecha { width: 100%; float: none; margin: 50px auto; }
.aprende-img, .cliki-img, .redes-img { width:100%; margin:30px auto; }
.box-blanco-sobre-grid { flex-wrap: wrap; margin: 20px auto; }
.sobre-mido-card-txt { bottom: -270px; }
.liston-tres-interno { top: 8000px; }

/*--Enfermedades crónicas--*/
.box-blanco-enfermedades-grid { width: 86%; }
#banner-mido-interno .banner-box-dos { top: -26px; left: 54px; }
.liston-dos-interno-enfermedades { top: 3700px; }

/*--Contacto--*/
.bloque-uno-contacto-mido { margin: 90px auto; }
.liston-uno-contacto { top: 270px; }

}

@media (max-width:680px) {

/*--Inicio--*/
.liston-tres { top: 2150px; }
.liston-dos { top: 200px; }

/*--Sobre MIDO--*/
#banner-mido-interno { overflow: hidden; }
#banner-mido-interno img { width: 113%; left: -50px; position: relative; z-index: -10; }
.liston-uno-interno { left: 180px; top: 0px; }

/*--Enfermedades crónicas--*/
#banner-mido-interno .banner-box-dos { top: -26px; left: 38px; width: 86%; }
.enfermedades-morado { max-width:600px; text-align:center; min-height: auto; padding: 40px 40px; }
.enfermedades-morado-dos { width: 100%; margin: 30px auto; }
.box-blanco-min { max-width:100%; margin: 50px auto; }
.liston-dos-interno-enfermedades { top: 4500px; }

/*--Footer--*/
.navegacion-grid { overflow: hidden; }
.navegacion-footer { margin: 50px auto 50px; }
#footer { padding: 80px 50px 10px 50px; }
.suscribete-box input[type="submit" i] { margin: 20px 0px 0px 0px; }
.navegacion-box, .recursos-box, .ecosistema-box { float: none; width:100%; margin-left:0px; }
.suscribete-box { margin-top: 50px; }
.marca-mido { float: none; }
.terminos-mido { float:none; }
.banner-box { top: 40px; left: 25px; }
.bloque-morado-mido { margin: 80px auto; }
.bloque-tres-mido { margin: 80px auto; }
	
}
@media (max-width:450px) {

/*--Header--*/
.outer-menu .menu > div { width: 400vw; height: 400vw; }

/*--Inicio--*/
.liston-dos { top: 320px; }
.liston-tres { top: 2430px; }
#banner-mido { overflow: hidden; }
.titulo-mido { font-size: 36px; }
.banner-box { left: 14px }
#banner-mido img { max-width: 1440px; width: 166%; left: -150px; position: relative; z-index: -10; }
.banner-box { left: 4px; top:83px; }
.bloque-morado-txt { width:90%; }
.box-blanco-min { float:none;  }
.box-blanco-min { margin:50px auto; }
.formulario-min { padding:24px 74px; }

/*--Sobre MIDO--*/
.liston-uno-interno { left: 0px; top: 40px; }
#banner-mido-interno img { width: 160%; left: -152px; }
#banner-mido-interno .banner-box { width: 96%; left:12px; }
.bloque-lila-mido { padding: 0px 20px; }
.bloque-morado-mido-inversa { padding: 0px 20px; }
.bloque-morado-light-sobre { padding: 50px 20px; }
.box-blanco-sobre { padding:0px 20px; }
.sobre-mido-card-txt { bottom: -240px; }
.sobre-mido-card-txt-tres { bottom: -280px; }
.bloque-moradito-min { padding: 60px 20px; }

/*--Enfermedades crónicas--*/
.enfermedades-morado-tres { margin: 30px auto; }
#banner-mido-interno .banner-box-dos { top: -26px; left: 13px; width: 94%; }
.liston-formulario-enfermedades { top: 9000px; }

/*--Contacto--*/
.liston-uno-contacto { top: 230px; }

}

@media (max-width:425px) {

/*--Inicio--*/
#banner-mido img { width:210%; }	
.bloque-uno-mido { margin: 50px auto 50px; }

/*--Sobre MIDO--*/
#banner-mido-interno img { width: 190%; left: -260px; }

/*--Enfermedades crónicas--*/
#banner-mido-interno .banner-box-dos { top: -8px; left: 3px; width: 99%; }
}

@media (max-width:375px) { 

/*--Header--*/
.outer-menu { right:50px; }
.logo-fcs { float: left; margin: 0px 0px 0px 10px; }

/*--Inicio--*/
.titulo-min-mido { font-size: 34px; }
.formulario-min { padding: 24px 24px; }
.descarga-app-mido-btn, .asistente-virtual-btn { width: fit-content; }

/*--Sobre MIDO--*/
#banner-mido-interno img { width: 288%; left: -573px; }
.liston-uno-interno { left: 0px; top: 180px; }
#banner-mido-interno .banner-box { top: 34px; }
.liston-tres-interno { top: 8500px; }

/*--Contacto--*/
.liston-uno-contacto { top: 345px; }

}

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

#banner-mido img { width: 260%; left:-216px; }

/*--Inicio--*/
.bloque-morado-light { padding: 80px 16px; }
.liston-tres { top: 2487px; }

/*--Sobre MIDo--*/
.liston-uno-interno { left: 0px; top: 240px; }
#banner-mido-interno img { width: 364%; left: -626px;  }
.bloque-moradito { max-width: 90%; width:90%; }
.titulo-mindos-mido { font-size: 33px; }
.conoce-fcs-btn { text-align:center; }
.box-blanco-sobre { padding: 0px 10px; }
.sobre-mido-card-txt { bottom: -200px; }
.bloque-morado-light-sobre .box-blanco-min-derecha { padding: 40px 20px 0px 20px; }
.bloque-morado-light-sobre .box-blanco-min-izquierda { padding: 40px 20px 0px 20px; }
.titulo-min-sobre { font-size: 34px; }

/*--Enfermedades crónicas--*/
.liston-dos-interno-enfermedades { top: 5500px; }
.liston-formulario-enfermedades { top: 10000px; }

/*--Contacto--*/
.liston-uno-contacto { top: 375px; max-width: 300px; } 

}