@charset "utf-8";

/*
Theme Name: Fundacion 2019
Theme URI: http://whiteboardframework.com/
Author: Bold Perspective
Author URI: http://boldperspective.com/
Description: Whiteboard Framework has been helping Wordpress developers cut back on their development time and improve their Wordpress powered websites since 2008.
Version: 3.2.1

*/
.ir-arriba { display: none; padding: 20px; background: #024959; font-size: 20px; color: #fff; cursor: pointer; position: fixed; bottom: 20px; right: 20px; }
body { margin: 0; padding: 0; background-repeat: no-repeat; background-size: 109% auto; background-position: center top; background-attachment: fixed; font-family: "proxima-nova", sans-serif; }
img { max-width: 100%; height: auto; }
.total { display: table !important; overflow: hidden; width: 100%; height: 100%; }
.medio { display: table-cell; vertical-align: middle; }
div.paralx { height: 600px; }

#bannerPrin { background-image: url(https://fundacioncarlosslim.org/wp-content/uploads/2016/06/BPA-fundacion.jpg); background-position: center; background-size: cover;	/*margin-top: 50px;*/ }


/* Banner En Cifras */
#cifras { overflow: hidden; background-color: #9e9e9e; margin-top: 50px; }
#cifras .img, #cifras .txt { width: 50%; float: left; }
#cifras .img img { float: right; }
#cifras .txt { text-align: left; }
#cifras .txtinterior { color: #fff; width: 95%; padding: 20px 0; padding-left: 30px; box-sizing: border-box; overflow: hidden; }
#cifras .txtinterior h1 { text-align: left; }
#cifras .txtinterior div#descarga a { text-decoration: none; border: 2px solid #fff; padding: 10px; border-radius: 15px; color: #fff;  }
.imagenareasright img, .imagenareasleft img { cursor: pointer; }
a.ingles { background-color: green; padding: 5px 0 5px 15px; border-radius: 15px; color: #fff !important; margin-top: 2px; display: inline-block; }
div#slide { width: 100%; margin-top: 30px; }
div#meteor-slideshow { margin: 0 auto; }
#barraazul { background-color: #1f3567; color: #fff; text-align: center; height: 30px; position: absolute; top: 0; width: 100%; z-index: 100; }
#barraazul p { margin: 0; padding-top: 5px; font-weight: 300; }
#flota { background-color: rgba(0, 0, 0, 0.5); width: 170px; position: fixed; top: 150px; right: 0; padding: 10px; color: #fff4f4; display: none; }
img { border: none }
.caja { cursor: pointer; }
.navi { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(194, 194, 194, 1) 32%, rgba(194, 194, 194, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(28%, rgba(255, 255, 255, 1)), color-stop(32%, rgba(194, 194, 194, 1)), color-stop(100%, rgba(194, 194, 194, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(194, 194, 194, 1) 32%, rgba(194, 194, 194, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(194, 194, 194, 1) 32%, rgba(194, 194, 194, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(194, 194, 194, 1) 32%, rgba(194, 194, 194, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(194, 194, 194, 1) 32%, rgba(194, 194, 194, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c2c2c2', GradientType=1); }
.navint { max-width: 1200px; width: 100%; margin: 0 auto; color: #fff; height: 70px; padding: 8px; font-size: 15px; }
.menu { margin: 28px 0 0 350px; }
.logo { float: left; }
#barraazul a, #barraazul a:visited { color: #FFFFFF; text-decoration: none; }
.ulmenu { margin: 0; padding: 0; }
.navint input { background-color: #1F3567; border: none; border-radius: 5px; padding: 2px 4px; text-align: center; color: #000000; width: 120px; font-size: 12px; }
.rayapunt { background-image: url(https://fundacioncarlosslim.org/wp-content/themes/fundacion/images/raya.gif); background-repeat: repeat-x; background-position: center; }
.rayapunt h3 { background-color: #FFFFFF; display: inline; padding: 0 20px; font-weight: 300; font-size: 40px; }
.noticiashome { margin: 0; padding: 0; text-align: center; }
.noticiashome li { list-style: none; width: 229px; display: inline-block; vertical-align: top; margin: 30px 50px 0 50px; }
.noticiashome a, .noticiashome a:visited { color: #363636; text-decoration: none; }
.noticiashome h4 { font-weight: 400; font-size: 18px; margin: 0px 0 0px 0; font-weight: 400; color: #000000; }
.noticiasindex { margin: 0; padding: 0; text-align: center; }
.noticiasindex li { list-style: none; max-width: 400px; width: 100%; display: inline-block; vertical-align: top; margin: 30px -3px 0 -3px; }
.noticiasindex h3 { font-size: 22px; font-weight: 400; }
.intindex { width: 100%; }
.intindex:hover { margin: 0 auto; background-color: #F9F9F9; -webkit-transition: background-color 1s; /* Safari */ transition: background-color 1s; }
.noticiasindex a, .noticiasindex a:visited { color: #363636; text-decoration: none; }
.continuar { font-weight: 300px; color: #B5B5B5; font-style: italic; font-size: 14px; }
.rightareas { margin-right: 100px; }
.imagenareasleft { float: left; width: 766px; }
.imagenareasright { float: right; width: 766px; }
.areastexto { width: 652px; height: 700px; display: inline-block; }
.numeroarea { font-size: 75px; }
.apprende { text-align: right; margin-right: 10%; padding-left: 55%; }
.apprende img { max-width: 652px; width: 100%; }
.numeroeducacion { margin: 263px 0 0 85px; }
.numerosalud { margin: 255px 0 0 -100px; }
.numeroempleo { margin: 320px 0 0 130px; }
.numerodeporte { margin: 294px 0 0 -30px; }
.numeromedioambiente { margin: 320px 0 0 85px; }
.numerocultura { margin: 310px 0 0 -110px; }
.numeromigrantes { margin: 280px 0 0 210px; }
#lifooter { padding: 0; margin: 10px 0; }
#lifooter li { list-style: none; display: inline-block; width: 100px; vertical-align: top; margin: 20px 0 0 0; padding: 0; text-align: left; padding-top: 12px; color: #696969; font-size: 17px; line-height: 17px; font-weight: 300; }
#sliderprincipales { width: 45%; float: left; }
#sliderprincipales img { width: 100%; }
#textoprincipales { width: 49%; float: right; overflow: scroll; overflow-x: hidden; padding: 20px 30px; }
#textoprincipales h2 { font-size: 35px; }
#textoprincipales::-webkit-scrollbar { width: 20px; }
#textoprincipales::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
#textoprincipales::-webkit-scrollbar-thumb { background-color: #75cfe8; outline: 8px solid #1F3567; }
#inttextoprincipales { max-width: 690px; width: 100%; margin: 0 auto; }
#inttextoprincipales h1 { font-size: 60px; text-transform: uppercase; font-weight: 400; margin: 0 0 10px 0; }
#inttextoprincipales h3 { font-weight: 400; margin-top: 40px; }
.imgmargin { margin: 0px 0 0 220px; box-shadow: 8px 10px 5px 0 rgba(0, 0, 0, 0.23); }
#inttextoprincipales p { margin-left: 220px; padding: 10px 0px 10px 30px; border-left: solid 2px; box-sizing: border-box; font-weight: 300; }
#inttextoprincipales h1:first-child { font-size: 60px; text-transform: uppercase; font-weight: 400; margin: 40px 0 10px 0; text-align: left; width: 100%; float: none; }
#inttextoprincipales h3 { text-align: left; float: left; width: 30%; margin: 0; margin-top: 25px; position: relative; z-index: 2; text-transform: uppercase; }
#inttextoprincipales h3 { clear: both; }
.ulquehacemos { margin: 0 0 0 0px; padding: 0; text-align: center; }
.programasquienes { list-style: none; float: left; background-size: 100% 100%; position: static; color: #fff; text-align: left; font-size: 14px; font-weight: 300; width: 33.33%; }
.programasquienes h2 { position: relative; top: 80%; left: 10%; margin: 0; padding: 0; text-align: left; font-size: 22px; font-weight: 300; color: #fff; }
.programasquienes h3, .paginacifras h3 { padding: 6px 0 0 0; margin: 0; text-align: left; font-size: 22px; font-weight: 300; color: #fff; }
.programasquienes ul { margin: 20px 0px 0px 30px; padding: 0px 0px 0px 5px; }
.programasquienes ul>li>ul { margin-top: 0; }
.programasquienes ul>li>ul>li { font-weight: 300; }
.programasquienes li { }
.programasquienes:hover h2 { max-height: 0; transition: max-height 2s; opacity: 0; transition: opacity 1s; }
.programasquienes .quehacemos { opacity: 0; }
.slidetesti { width: 350px; }
.videotest { margin: 0; padding: 0; text-align: center; }
.videotest li { list-style: none; width: 350px; display: inline-block; vertical-align: top; margin: 30px 50px 0 50px; }
h1 { font-size: 55px; font-weight: 300; text-align: center; margin-top: 5px; }
.programasquienes:hover .quehacemos { -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */ transition: opacity 2s; opacity: 1; }
.intquih3 { padding: 6px 12px; }
.opnegra { background-color: rgba(0, 0, 0, 0.6); padding: 6px 12px; }
.navint input:focus { background-color: white; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #F3F3F3; font-style: italic; font-size: 11px; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f3f3f3; font-style: italic; font-size: 11px; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f3f3f3; font-style: italic; font-size: 11px; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #f3f3f3; font-style: italic; font-size: 11px; }
.botonenglish { background-color: #1F3567; border: none; border-radius: 5px; padding: 2px 4px; text-align: center; color: #f3f3f3; width: 120px; font-style: italic; font-size: 11px; margin: 8px auto 0 auto; }
.menu li { display: inline-block; list-style: none; padding-right: 10px; margin-right: 10px; }
.menu a:hover li { color: #000; }
.grismenu { border-right: 1px solid #9B9B9B; }
.menumovilboton { display: none; }
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0; }
.derheader { float: right; width: 140px; text-align: center; margin-top: 4px; }
.falsohead { height: 240px; }
.hideme, .hideme2, .hideme3 { opacity: 0; }
.video { width: 260px; background: rgba(255, 255, 255, .5); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding-top: 25px; margin-left: auto; margin-right: auto; }
.youtube { position: relative; }
.youtube a { height: 250px; width: 250px; -moz-border-radius: 250px; -webkit-border-radius: 250px; border-radius: 250px; }
.youtube img.img { height: 250px; width: 250px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 5px solid #fff; box-shadow: none; float: none; margin: 0; }
.play { width: 100px; height: 100px; border-radius: 60px; background-color: rgba(255, 255, 255, .3); position: absolute; z-index: 10; left: 43%; margin-top: -30px; transition: .05s linear all; background-position: 50% 50%; background-repeat: no-repeat; background-size: 35px 35px; background-image: url('https://fundacioncarlosslim.org/wp-content/themes/fundacion/images/video_play_salud_ambiente.png'); background-size: 70%; top: auto; bottom: 20px; margin-left: -30px; }
a:hover .play { width: 150px; height: 150px; -moz-border-radius: 120px; -webkit-border-radius: 120px; border-radius: 120px; background-color: rgba(255, 255, 255, .3); position: absolute; z-index: 10; left: 45%; margin-top: -60px; transition: .1s linear all; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%; background-image: url('https://fundacioncarlosslim.org/wp-content/themes/fundacion/images/video_play_salud_ambiente.png'); top: auto; bottom: 20px; margin-left: -60px; }
.datos { display: none; }

/* ----- Ventana Emergente ---- */
.datos { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.70); top: 0; left: 0; display: none; z-index: 20; }
.cajayoutube { max-width: 854px; margin: 0 auto; padding: 20px; position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -437px }
.aparecer { display: none; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; width: 850px; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cajayoutube a { text-decoration: none; }
.cerrar { font-weight: bold; text-align: right; color: #fff; display: block; font-size: 20px; }
#fondoprincipal h1 { text-align: center; margin-top: 10%; font-size: 100px; font-weight: 100; text-transform: uppercase; }
#fondo1 h1, #fondo2 h1, #fondo3 h1, #fondo4 h1, #fondo5 h1, #fondo6 h1, #fondo7 h1, #fondo8 h1, #fondo9 h1, #fondo10 h1 { text-align: center; margin-top: 0; font-size: 50px; font-weight: 100; text-transform: uppercase; }
.entre-fondo { width: 100%; text-align: center; height: auto; }
.entre-fondo2 { max-width: 700px; margin: 0 auto; padding: 80px 3px; height: auto; }
div.izq { text-align: left; }
div.izq h3 { margin: 15px 0 0; font-weight: 100; font-style: italic; }
div.izq p { margin: 0 0 10px; }
.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
h2 { font-size: 54px; font-weight: 500; }

/* Always remember to compress your live stylesheet and keep an uncompressed backup */
.programasarriba { position: fixed; top: 80px; width: 100%; z-index: 100; }
.slick-slider { margin-bottom: 0 !important; }

/* En Cifras Interior */
.col01 { width: 230px; float: left; font-weight: bold; font-size: 20px; font-family: "proxima-nova", sans-serif; margin-right: 50px; overflow: auto; padding: 10px 10px; height: 100%; }
.col02 { padding-left: 20px; padding: 10px 20px 10px 30px; width: 935px; height: 100%; display: table-cell; font-size: 16px; line-height: 20px; }
.col02 br { line-height: 35px; }
.sonexpli { width: 280px; float: left; font-size: 14px; border-left: 2px solid #000; padding: 0 0 0 20px; }
.soncifras { margin-left: 360px; border-left: 2px #000 solid; padding-left: 20px; }
.fondoencifras { background-image: url(images/fondocifras.gif); background-repeat: repeat-y; clear: both; }
.grupocifrasgris { background-image: url(images/fondogrisgrupo.gif); min-height: 50px; }
.fondoencifras em { font-weight: bold; font-size: 16px; }
.sonexpli br { line-height: 15px; }
.fondoencifras p { margin: 0; padding: 0; }

/* ----- Colores Programas ----- */
.cp-educacion { color: #023F6E; }
.cp-salud { color: #73CAE8; }
.cp-empleo { color: #9EAB1F; }
.cp-desarrollo-economico { color: #9D80B6; }
.cp-deporte { color: #5C8F56; }
.cp-medio-ambiente { color: #72AEB9; }
.cp-migrantes { color: #FDBE0F; }
.cp-cultura { color: #3BA962; }
.cp-justicia { color: #F0596C; }
.cp-desarrollo-humano { color: #D2007D; }
.cp-seguridad-vial { color: #EF651A; }
.cp-ayuda-humanitaria { color: #E17E57; }
.cp-inovacion { color: #B1000D; }
.botones { width: 430px; overflow: hidden; margin: 10px auto; }
.btnempleo { float: left; padding: 10px 0; }
.btnempleo a { text-decoration: none; color: #9EAB1F; padding: 0 10px; }

/* ----- Alianzas ----- */
.btnalianzas, div#descarga { margin: 15px auto; padding: 10px 0; }
div#descarga.mitadd { float: left; margin: 0; margin-right: 10px; }
.btnalianzas a, div#descarga a { text-decoration: none; border: 2px solid #1f3567; padding: 10px; border-radius: 15px; color: #1f3567; }
.btnalianzas a:hover { color: #000; border-color: #000; }
.alianzas1 { max-width: 450px; float: left; }
.alianzas2 { max-width: 450px; float: left; margin: 0 25px; }
#alianzas { width: 100%; max-width: 900px; margin: 0 auto; font-size: 12px; font-family: "proxima-nova", sans-serif; }
.resulta { width: 60%; float: right; margin: 25px 0; box-shadow: none; }

/* ----- Buscador ----- */
.search-footer { padding: 20px 0; position: relative; border: none; }
.search-footer input { padding: 0; left: 0; line-height: 25px; background: url(https://fundacioncarlosslim.org/wp-content/themes/fundacion/images/lupa.png) 5px center no-repeat, #FFF; border-radius: 25px; border: 2px solid #000; color: rgba(0, 0, 0, 0); position: absolute; width: 27px; z-index: 10; -webkit-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; transition: all ease-out 300ms; }
.search-footer:hover input { width: 145px; padding: 0 5px; padding-left: 30px; color: rgba(0, 0, 0, 1); }
.search-footer label { float: left; line-height: 26px; margin-left: 40px; }
.search-footer a { color: #888888; text-transform: uppercase; }

/* ----- Menú Hover ----- */
.hov:hover { text-align: center!important; color: #fff!important; }
.educacionli:hover { background-color: #023F6E; }
.saludli:hover { background-color: #73CAE8; }
.empleoli:hover { background-color: #9EAB1F; }
.desarrollo-economicoli:hover { background-color: #9D80B6; }
.deporteli:hover { background-color: #5C8F56; }
.medio-ambienteli:hover { background-color: #72AEB9; }
.migrantesli:hover { background-color: #FDBE0F; }
.culturali:hover { background-color: #3BA962; }
.justiciali:hover { background-color: #F0596C; }
.desarrollo-humanoli:hover { background-color: #D2007D; }
.seguridad-vialli:hover { background-color: #EF651A; }
.ayuda-humanitariali:hover { background-color: #E17E57; }
.inovacion:hover { background-color: #B1000D; }

/* ----- Borde Programas Principales ----- */
#inttextoprincipales p.boreducacion { border-color: #023F6E; }
#inttextoprincipales p.borsalud { border-color: #73CAE8; }
#inttextoprincipales p.borempleo { border-color: #9EAB1F; }
#inttextoprincipales p.bordesarrollo-economico { border-color: #9D80B6; }
#inttextoprincipales p.bordeporte { border-color: #5C8F56; }
#inttextoprincipales p.bormedio-ambiente { border-color: #72AEB9; }
#inttextoprincipales p.bormigrantes { border-color: #FDBE0F; }
#inttextoprincipales p.borcultura { border-color: #3BA962; }
#inttextoprincipales p.borjusticia { border-color: #F0596C; }
#inttextoprincipales p.bordesarrollo-humano { border-color: #D2007D; }
#inttextoprincipales p.borseguridad-vial { border-color: #EF651A; }
#inttextoprincipales p.borayuda-humanitaria { border-color: #E17E57; }
#inttextoprincipales p.borinovacion { border-color: #B1000D; }

/*--inicio 2024--*/

.margenesinicio { margin: 100px 36px; overflow: hidden; }
.rightareas-2 { margin-right: 100px; float:left; }
.imagenareasleft-2 { float: left; width: 750px; margin-right:-70px; }
.imagenareasright-2 { float: right; width: 750px; }
.imagenareasleft-2 img, .imagenareasright-2 img { width:750px; }
.areastexto-3 { width: 499px; height: 454px; display: inline-block; background-size: 100% 100%; margin-top: 70px; background-repeat: no-repeat; }
.areastexto-4 { width: 403px; height: 433px; display: inline-block; background-size: 100% 100%; margin-top: 70px; background-repeat: no-repeat; }
.numeroeducacion-2 { margin: 150px 28px 0 0px; }
.numerosalud-2 { margin: 140px 0 0 -100px; }
.numeroempleo-2 { margin: 186px 110px 0 0px; }
.numerodeporte-2 { margin: 150px 80px 0 0px; }
.numeromedioambiente-2 { margin: 150px 56px 0 0px; }
.numerocultura-2 { margin: 180px 0 0 -80px; }
.numeromigrantes-2 { margin: 150px 77px 0 0px; }
.imagenareasright-movil { display:none; }


/*--Salud 2024--*/

.btn2022 { border: 1px solid #fff; width: fit-content; margin: 20px auto;  }
.btn2022 p { margin: 8px 20px; }
.bgblanco { background-color: #fff; max-width: 1200px; width: 90%; margin: 80px auto; }
.bgazulgral { background-color: #f0fbfd; margin: 80px auto; }
.bgazul { max-width: 1200px; width: 90%; margin: 0px auto; padding: 80px 0px; }
#acciones-salud { display: flex; justify-content: space-evenly; align-items: center; max-width: 1200px; width: 90%; margin: 0px auto 50px; flex-wrap: wrap;}
#acciones-salud div { max-width: 500px; width: 100%; }
.saluddigital { background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; min-height: 400px; }
.txtsaluddigital { max-width: 1000px; margin: 100px auto; color: #fff; text-align: center; }
.txtsaluddigital p { text-shadow: 2px 3px 4px #000; }
.txtsaluddigital a { color: #fff; }
.txtsaluddigital h1 { font-weight: bolder; text-shadow: 2px 3px 4px #000; line-height: initial; }
.bgblanco h1, .bgazul h1  { font-weight: bolder; color: #26c2dc; text-align: left; }
.bgblanco h2, .bgazul h2 { font-weight: bolder; color: #26c2dc; text-align: center; line-height: initial; }
.temadoble strong { font-size: 24px; font-weight: bolder; color: #26c2dc; }
.conoceaqui { border: 2px solid #26c2dc; width: fit-content!important; margin: 20px auto;  }
.conoceaqui p { margin: 8px 20px; }
.temadoble { display: flex; justify-content: space-evenly; align-items: center; margin: 50px auto; flex-wrap: wrap; }
.temadoble div { max-width: 500px; width: 100%; text-align: center; }
.temadoble2 { display: flex; justify-content: space-between; align-items: center; margin: 50px auto; flex-wrap: wrap; }
.temadoble2 div { max-width: 420px; width: 100%; }
.bloque { margin: 0px auto; max-width: 1000px; width: 100%; padding-left: 60px; }
.bloque strong { color: #26c2dc; }
p.resultados {font-size: 28px; font-weight: bolder; color: #26c2dc;}
div#menu_temas2 { max-width: 1500px; margin: 0px auto 50px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; width: 100%; font-weight:bold; }
div.temas2 { margin: 20px; width: 460px; }
div.temas2 a { color:#000; }
div.temas2 a:hover { color: #26c2dc; font-weight: bold; }
.bloquelateral { border-left: 2px solid #26c2dc; border-top: 2px solid #26c2dc; border-bottom: 2px solid #26c2dc; width:30px; }
.temas-nuevo-navegacion { display:flex; margin-top: 20px }
.subsubsalud { font-size:30px; }
div#flota2 { text-align: right; position: absolute; right: 10px; bottom: 0px; z-index: 99; width: 250px; }
div#flota2 ul.social { list-style: none; }
div#flota2 ul.social li a { display: inline-block; background: #26c2dc; padding: 0px; height: 70px; width: 70px; margin: 3px 0; border-radius: 100%; text-decoration: none; transition: all 500ms ease; overflow: hidden;}
div#flota2 ul.social li a:hover { border-radius: 10px 10px 10px 10px; width: 186px; }
div.temas:hover div.indice1, div.temas:hover div.indice2, div.temas:hover div.indice3, div.temas:hover div.indice4, div.temas:hover div.indice5, div.temas:hover div.indice6 { transform: translate(50px,-15px); z-index: 10; transition: .2s ease-in-out;}
div.temas:hover img { transform: translate(-15px,-15px); transition: .2s ease-in-out; }
div.videoplay { float: left; width: 45%; margin: 0 36px; }
div.videoplay2 { float: left; width: 45%; margin: 100px 36px; }

/*--Educacion 2024--*/
.bloquelateraledu { border-left: 2px solid #013f6e; border-top: 2px solid #013f6e; border-bottom: 2px solid #013f6e; width:30px; }
div.temas3 { margin: 20px; width: 460px; }
div.temas3 a { color:#000; }
div.temas3 a:hover { color: #013f6e; font-weight: bold; }
.bloquedu { margin: 0px auto; max-width: 1000px; width: 100%;  }
.bloquedu strong { color: #013f6e; }
p.resultadosedu {font-size: 28px; font-weight: bolder; color: #013f6e;}
.bgblancoedu { background-color: #fff; max-width: 1200px; width: 90%; margin: 80px auto; }
.bgblancoedu h2, .bgazuledu h2 { font-weight: bolder; color: #013f6e; text-align: center; line-height: initial; }
.temadobledu strong { font-size: 24px; font-weight: bolder; color: #013f6e; }
.temadobledu { display: flex; justify-content: space-evenly; align-items: center; margin: 50px auto; flex-wrap: wrap; }
.temadobledu div { max-width: 500px; width: 100%; text-align: center; }
.conoceaquiedu { border: 2px solid #013f6e; width: fit-content!important; margin: 20px auto;  }
.temadobledu2 { display: flex; justify-content: space-between; align-items: center; margin: 50px auto; flex-wrap: wrap; }
.temadobledu2 div { max-width: 420px; width: 100%; }
.conoceaquiedu p { margin: 8px 20px; }
.bggrisgral { background-color: #edf1f5; margin: 80px auto; }
.bgazuledu { max-width: 1200px; width: 90%; margin: 0px auto; padding: 80px 0px; }
.educenter { text-align: center; }
.educenter strong { font-size: 24px; font-weight: bolder; color: #013f6e; }

/* ----- Single ----- */
div#content article.single { width: 90%; margin: 0 auto }
div#content article.single div.tags { overflow: hidden; max-width: 1200px; margin: -100px auto 0; padding: 40px 20px; background-color: #fff; border-top: 10px solid; }
div#content article.single div.tags span { border: 2px solid; padding: 5px 10px; margin: 0 5px 10px; display: inline-block; }
div#content article.single div.tags span a { color: #000; text-transform: uppercase; text-decoration: none; }
div#content article.single div.tags span.redes { border: 0; padding: 0; margin-left: 20px; }
div#content article.single div.post-content.contenido { max-width: 1200px; font-weight:300; margin: 0 auto 60px; font-size:18px; text-align:justify; line-height:35px; padding: 0 40px; color: #000; }
 .cp-educacion strong, .cp-educacion a, .cp-educacion h4 { color: #023F6E; }
 .cp-salud strong, .cp-salud a, .cp-salud h4 { color: #73CAE8; }
 .cp-empleo strong, .cp-empleo a, .cp-empleo h4 { color: #9EAB1F; }
 .cp-desarrollo-economico strong, .cp-desarrollo-economico a, .cp-desarrollo-economico h4 { color: #9D80B6; }
 .cp-deporte strong, .cp-deporte a, .cp-deporte h4 { color: #5C8F56; }
 .cp-medio-ambiente strong, .cp-medio-ambiente a, .cp-medio-ambiente h4 { color: #72AEB9; }
 .cp-migrantes strong, .cp-migrantes a, .cp-migrantes h4 { color: #FDBE0F; }
 .cp-cultura strong, .cp-cultura a, .cp-cultura h4 { color: #3BA962; }
 .cp-justicia strong, .cp-justicia a, .cp-justicia h4 { color: #F0596C; }
 .cp-desarrollo-humano strong, .cp-desarrollo-humano a, .cp-desarrollo-humano h4 { color: #D2007D; }
 .cp-inovacion strong, .cp-inovacion a { color: #B1000D; }
 .cp-seguridad-vial strong, .cp-seguridad-vial a, .cp-seguridad-vial h4 { color: #EF651A; }
 .cp-ayuda-humanitaria strong, .cp-ayuda-humanitaria a, .cp-ayuda-humanitaria h4 { color: #E17E57; }
a.text { text-align: center; width: 140px; color: #fff; padding: 15px 0px; display: block; margin: 40px auto 16px; text-decoration: none; font-weight: bold; background-color: #b1000d; border-radius: 20px; }
.contenido-noticia { float: left; width:70%; }
.mas-leidas { max-width: 260px; width: 100%; float: right; text-align: left; border-left: #f7af0d 1px solid; padding:0px 0px 0px 47px;  }

/*--Medio ambiente 2025--*/
.medio-ambiente-2022 { font-size: 17px; }
.banner-medioambiente { color: #fff; text-shadow: 3px 4px 5px #000; display: flex; justify-content: center; align-items: center; background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat; }
.banner-medioambientedos { color: #fff; text-shadow: 3px 4px 5px #000; display: flex; justify-content: center; align-items: center; background-size: cover; }
.banner-medioambiente div, .banner-medioambientedos div { max-width: 1000px; width: 90%; text-align: center; margin: 100px auto; padding: 50px 0px; }
.banner-medioambiente div p.subtitulo, .banner-medioambientedos div p.subtitulo { font-size: 30px; font-weight: bolder; }
.banner-medioambiente div p, .banner-medioambientedos div p { font-size: 18px; }
.resultados-azul { margin: 50px auto 0px; background-color: #edf7f8; text-align: center; display: flex; justify-content: center; align-items: center; }
.resultados-azul div { max-width: 1000px; width: 90%; text-align: center; margin: 50px auto; }
.resultados-azul span { font-weight: bolder; color: #4ab0bc; font-size: 24px; }
.resultados-azul strong { font-size: 18px; }
.resultados-azul .h2tit { color: #4ab0bc; font-weight: bolder; font-size: 28px; margin-top: 0px;}
.resultados { max-width: 1200px; width: 90%; margin: 50px auto; text-align: center; }
.resultados2 { max-width: 1200px; width: 90%; margin: 50px auto; text-align: left; }
.resultados p.subtitulo { color: #4ab0bc; text-align: center; font-size: 30px; font-weight: bolder; }
.resultados h2 { margin-top: 0px; color: #4ab0bc; text-align: center; }
.resultados span { font-weight: bolder; color: #4ab0bc; }
.resultados div { text-align: center; }
.resultados div span { font-weight: bolder; color: #4ab0bc; font-size: 24px; }
.resultados-azul div em { font-weight: bolder; color: #4ab0bc; font-size:18px; }
.video-ambiente { margin: 50px auto; text-align: center; }
.video-ambiente img { max-width: 600px; width: 90%; }
.youtube-ambiente { position: relative; }
.podcast-medioambiente .podcast-gral { max-width: 1200px; width: 90%; display: flex; margin: 50px auto; justify-content: space-evenly; align-items: flex-start; flex-wrap: wrap; }
.podcast-medioambiente .podcast-gral .podcast-min { max-width: 290px; width: 100%; margin: 40px 50px; }
.podcast-medioambiente .podcast-gral .podcast-min:hover .proximamente-podcast { position: absolute; max-width: 290px; height: 355px; background-color: rgba(0, 0, 0, 0.5); width: 100%; }
.proximamente-podcast p { text-align: center; font-size: 20px; color: #00d8e9; margin: 70px 0px; display: none; }
.podcast-medioambiente .podcast-gral .podcast-min:hover .proximamente-podcast p { display: inherit; }
.ligaexterna-ma { font-size: 24px; font-weight: bolder; color: #000; text-decoration: none; }
.conservacion-img { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; margin-top: 50px; }
.conservacion-img img.uno { width: 300px; }
.conservacion-img img.dos { width: 200px; }
.coleccionbiodiversidad span { font-size: inherit!important;  }
.coleccionbiodiversidad { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; }
.otros-podcast div { display: flex; justify-content: center; align-items:center; flex-direction: column;  }
.otros-podcast div img { width: 50px; height: 50px; margin: 5px 5px; }
.otros-podcast { text-align:center; position:fixed; right: 8px; bottom:0px; }
.otros-podcast p { font-size: 24px; }
.coleccion-min { display: flex; justify-content: space-around; align-items: center; margin: 80px 0px; flex-wrap: wrap; }
.coleccion-txt { max-width: 650px; width:98%; }
.coleccion-reverse { flex-direction: row-reverse; }
.coleccion-txt .titulocoleccion { font-size: 24px; color: #4ab0bc; }
.txt-izquierda { text-align: left!important; }
.txt-derecha { text-align: right!important; }

/*--Proyecto de conservación y restauración--*/
.conservacion-movil {display: none;}
.conservacion-banner-escritorio { max-width:100%; width:100%; }
.intro-conservacion { max-width:1000px; width:98%; margin:80px auto; text-align: center; }
.conserva-escritorio-min { display: flex; min-height: 466px;  }
.conservacion-txt { max-width:500px; width:100%; margin: 40px; color: #002266; }
.tit-conserva { font-size: 34px; }
.btnconservacion { background-color: #6685B7; color: #fff; max-width: 100px; text-align:center; }
.btnconservacion p { padding: 5px 7px; }
.conservacion-txt a { text-decoration: none; }
.conserva-reverse { flex-direction: row-reverse; }
.conserva-reverse .conservacion-txt { margin:40px 10px; }

/* Proyecto GECI */
.proyecto-conservacion{max-width:1920px;margin:auto;color:#777;font-weight:300;font-size:1rem;line-height:1.5rem}
.proyecto-conservacion .banner-principal{position:relative}
.proyecto-conservacion .banner-principal .image--desk{display:none}
.proyecto-conservacion .banner-principal .title{box-sizing:border-box;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);text-align:left;border:3px solid #fff;border-left:0;border-right:0;padding:10px 15px;max-width:1200px;width:90%;color:#fff;font-weight:500;font-size:1.3rem;line-height:1.5rem}
@media (min-width:480px){
    .proyecto-conservacion .banner-principal .title{font-size:2rem;line-height:2.5rem}}
    @media (min-width:576px){
    .proyecto-conservacion .banner-principal .title{font-size:2.5rem;line-height:3rem}}
    @media (min-width:768px){
    .proyecto-conservacion .banner-principal .title{font-size:3.5rem;line-height:4rem}}
    @media (min-width:992px){
    .proyecto-conservacion{font-size:1.5rem;line-height:2.5rem}
.proyecto-conservacion .banner-principal .title{font-size:3.3rem;line-height:3.5rem;border:5px solid #fff;border-left:0;border-right:0}
.proyecto-conservacion .banner-principal .image--desk{display:block}
.proyecto-conservacion .banner-principal .image--mobile{display:none}
}
@media (min-width:1200px){
    .proyecto-conservacion .banner-principal .title{font-size:4rem;line-height:4.5rem}}
    @media (min-width:1600px){
    .proyecto-conservacion .banner-principal .title{width:100%;font-size:4.5rem;line-height:5rem;padding:30px 0}}
.proyecto-conservacion .content{max-width:1200px;margin:auto;box-sizing:border-box;padding:0 20px}
.proyecto-conservacion .subtitle{position:relative;font-size:1.1rem;width:fit-content;font-weight:300}
.proyecto-conservacion .subtitle::after{content:'';position:absolute;width:100%;height:2px;background:#777;left:0;bottom:-5px}
.proyecto-conservacion .header{color:#002266;font-weight:400;position:relative;font-size:1.3rem}
@media (min-width:480px){
    .proyecto-conservacion .header{font-size:2rem}}
.proyecto-conservacion .header:after{content:'';background:#002266;width:80%;height:3px;position:absolute;bottom:-10px}
.proyecto-conservacion .header--large:after{width:100%}
@media (min-width:768px){
    .proyecto-conservacion .subtitle{font-size:1.7rem}
.proyecto-conservacion .header:after{width:50%}
.proyecto-conservacion .header--large:after{width:60%}}
@media (min-width:992px){
    .proyecto-conservacion .header:after{width:30%}
.proyecto-conservacion .header--large:after{width:50%}}
.proyecto-conservacion .header--left{text-align:left}
.proyecto-conservacion .header--left:after{left:0}
.proyecto-conservacion .header--right{text-align:right}
.proyecto-conservacion .header--right:after{right:0}
.proyecto-conservacion .program{box-sizing:border-box;padding:30px 20px}
.proyecto-conservacion .program p{font-weight:100;max-width:730px;font-size:.9rem;line-height:1.3rem}
.proyecto-conservacion .program p strong{font-weight:600}
.proyecto-conservacion .wave{background:#e7f1fb;padding:10px 0;position:relative}
.proyecto-conservacion .wave:after{position:absolute;content:'';background:url(https://fundacioncarlosslim.org/wp-content/themes/fundacion2019/images/proyecto_restauracion_wave.svg) 0 0/cover;width:31%;height:75%;bottom:0;right:0}
.proyecto-conservacion .wave .header{margin-bottom:45px}
.proyecto-conservacion .wave .content{z-index:3;position:relative;font-weight:100}
.proyecto-conservacion .wave .content p{font-weight:100}
.proyecto-conservacion .content span{color:#026}
.proyecto-conservacion .goal{display:flex;flex-wrap:wrap;padding:30px 0}
.proyecto-conservacion .goal .col{box-sizing:border-box;padding:0 20px;width:100%;max-width:100%}
.proyecto-conservacion .goal .col.txt{order:2}
.proyecto-conservacion .goal .col.image{text-align:right;order:1}
.proyecto-conservacion .goal .site{width:100%;max-width:100%;order:3}
@media (min-width:768px){
    .proyecto-conservacion .program p{font-size:1.2rem;line-height:1.8rem}
.proyecto-conservacion .wave{padding:50px 0}
.proyecto-conservacion .goal .col{width:50%;max-width:50%}
.proyecto-conservacion .goal .col.txt{padding-right:0;order:1}
.proyecto-conservacion .goal .col.image{padding:85px 0 0 20px;order:2}
.proyecto-conservacion .goal .site{width:100%;max-width:100%;margin-top:40px;order:3}}
@media (min-width:1200px){
    .proyecto-conservacion .header:after{width:35%}
.proyecto-conservacion .header--large:after{width:40%}
.proyecto-conservacion .goal .col.txt{padding-right:50px}
.proyecto-conservacion .goal .col.image{padding:85px 0 0 20px}}
.proyecto-conservacion .wave--petal.wave:after{content:none}
.proyecto-conservacion .wave--petal:before{content:'';position:absolute;content:'';background:url(https://fundacioncarlosslim.org/wp-content/themes/fundacion2019/images/proyecto_restauracion_wave_petal.svg) 0 0/cover;width:15.5%;height:100%;top:0;left:0;right:0}
.proyecto-conservacion .results{padding-top:30px}
.proyecto-conservacion .results li{padding-left:8px;margin-bottom:20px}
.proyecto-conservacion .wave--petal img{margin-top:30px}
.proyecto-conservacion .wave--petal .caption{font-size:1rem;margin-top:-10px;padding-left:10px}
.proyecto-conservacion .achievements{box-sizing:border-box;padding:10px 20px}
.proyecto-conservacion .achievements .quote__box{width:80%;margin:50px auto;border:8px solid #002266;position:relative}
.proyecto-conservacion .achievements .quote{font-weight:100;text-align:center;font-size:1rem;padding:0 20px;margin:10px auto;position:relative;z-index:2}
.proyecto-conservacion .achievements .quote span{color: #002266;}
@media (min-width:768px){
    .proyecto-conservacion .achievements .quote{font-size:1.3rem;padding:0 30px;margin:15px auto}}
    @media (min-width:992px){
    .proyecto-conservacion .achievements{padding:50px 20px}
.proyecto-conservacion .achievements .quote{font-size:1.8rem;padding:20px 50px;margin:20px auto}}
.proyecto-conservacion .achievements .quote__box:after{position:absolute;content:'';background:#fff;width:90%;height:120%;top:50%;left:50%;transform:translate(-50%,-50%)}

/* Proyecto Niaparaja */
.proyecto-conservacion .banner-principal--niaparaja .title {font-size: 1.2rem;}
@media (min-width:480px) {.proyecto-conservacion .banner-principal--niaparaja .title {font-size: 1.8rem;line-height: 2.3rem;}}
@media (min-width:576px) {.proyecto-conservacion .banner-principal--niaparaja .title {font-size: 2.2rem;line-height: 2.8rem;}}
@media (min-width:768px) {.proyecto-conservacion .banner-principal--niaparaja .title {font-size: 3rem;line-height: 3.5rem;}}
@media (min-width:992px) {.proyecto-conservacion .banner-principal--niaparaja .title {width: 80%;}}
@media (min-width:1600px) {.proyecto-conservacion .banner-principal--niaparaja .title {width: 65%;font-size: 4.5rem;line-height: 5rem;}}

/*--Cultura 2025--*/
.resultados-verde { margin: 50px auto 0px; background-color: #bcf4da; text-align: center; display: flex; justify-content: center; align-items: center; }
.resultados-verde div { max-width: 1000px; width: 90%; text-align: center; margin: 50px auto; }
.resultados-verde span { font-weight: bolder; color: #00ab5d; font-size: 24px; }
.resultados-verde strong { font-size: 18px; }
.resultados-verde .h2tit { color: #00ab5d; font-weight: bolder; font-size: 28px; margin-top: 0px;}
.temadobleolive { display: flex; justify-content: space-evenly; align-items: center; margin: 50px auto; flex-wrap: wrap; }
.temadobleolive div { max-width: 500px; width: 100%; text-align: center; }
.temadobleolive strong { font-size: 24px; font-weight: bolder; color: #358f51; }

/*--Empleo 2025--*/
.resultados-verde div { max-width: 1000px; width: 90%; text-align: center; margin: 50px auto; }
.resultados-verde strong { font-size: 18px; }
.dobem { max-width: 600px!important; width:100%!important; } 

/*--Desarrollo economico 2025--*/
.resultados-morado { margin: 50px auto 0px; background-color: #f3dbfd; text-align: center; display: flex; justify-content: center; align-items: center; }
.resultados-morado div { max-width: 1000px; width: 90%; text-align: center; margin: 50px auto; }
.resultados-morado span { font-weight: bolder; color: #a881b8; font-size: 24px; }
.resultados-morado strong { font-size: 18px; }
.resultados-morado .h2tit { color: #a881b8; font-weight: bolder; font-size: 28px; margin-top: 0px;}

/*--Migrantes 2025--*/
.resultados-amarillo { margin: 50px auto 0px; background-color: #fef3a6; text-align: center; display: flex; justify-content: center; align-items: center; }
.resultados-amarillo div { max-width: 1000px; width: 90%; text-align: center; margin: 50px auto; }
.resultados-amarillo span { font-weight: bolder; color: #ffbe00; font-size: 24px; }
.resultados-amarillo strong { font-size: 18px; }
.resultados-amarillo .h2tit { color: #ffbe00; font-weight: bolder; font-size: 28px; margin-top: 0px;}

/*--Seguridad vial 2025--*/
.resultados-naranja { margin: 50px auto 0px; background-color: #ffc597; text-align: center; display: flex; justify-content: center; align-items: center; }
.resultados-naranja div { max-width: 1000px; width: 90%; text-align: center; margin: 50px auto; }
.resultados-naranja span { font-weight: bolder; color: #EF651A; font-size: 24px; }
.resultados-naranja strong { font-size: 18px; }
.resultados-naranja .h2tit { color: #EF651A; font-weight: bolder; font-size: 28px; margin-top: 0px;}

/*--Justicia 2025--*/
.resultados-rosa { margin: 50px auto 0px; background-color: #fedbdf; text-align: center; display: flex; justify-content: center; align-items: center; }
.resultados-rosa div { max-width: 1000px; width: 90%; text-align: center; margin: 50px auto; }
.resultados-rosa span { font-weight: bolder; color: #ff5b6c; font-size: 24px; }
.resultados-rosa strong { font-size: 18px; }
.resultados-rosa .h2tit { color: #ff5b6c; font-weight: bolder; font-size: 28px; margin-top: 0px;}

/*--Desarrollo humano 2025--*/
.resultados-fucsia { margin: 50px auto 0px; background-color: #fec6e4; text-align: center; display: flex; justify-content: center; align-items: center; }
.resultados-fucsia div { max-width: 1000px; width: 90%; text-align: center; margin: 50px auto; }
.resultados-fucsia span { font-weight: bolder; color: #f50081; font-size: 24px; }
.resultados-fucsia strong { font-size: 18px; }
.resultados-fucsia .h2tit { color: #f50081; font-weight: bolder; font-size: 28px; margin-top: 0px;}

/*--Cultura 2025--*/
.resultados-verde { margin: 50px auto 0px; background-color: #bcf4da; text-align: center; display: flex; justify-content: center; align-items: center; }
.resultados-verde div { max-width: 1000px; width: 90%; text-align: center; margin: 50px auto; }
.resultados-verde span { font-weight: bolder; color: #00ab5d; font-size: 24px; }
.resultados-verde strong { font-size: 18px; }
.resultados-verde .h2tit { color: #00ab5d; font-weight: bolder; font-size: 28px; margin-top: 0px;}

/*--Deporte 2023--*/
p.resultadosolive {font-size: 28px; font-weight: bolder; color: #358f51;}
.temadobleolive { display: flex; justify-content: space-evenly; align-items: center; margin: 50px auto; flex-wrap: wrap; }
.temadobleolive div { max-width: 500px; width: 100%; text-align: center; }
.temadobleolive strong { font-size: 24px; font-weight: bolder; color: #358f51; }
.conoceaquiolive { border: 2px solid #358f51; width: fit-content!important; margin: 20px auto;  }
.conoceaquiolive p { margin: 8px 20px; }
.bgblancolive h2, .bgolive h2 { font-weight: bolder; color: #358f51; text-align: center; line-height: initial; }
.bgblancolive { background-color: #fff; max-width: 1200px; width: 90%; margin: 80px auto; }
.bgolivegral { background-color: #bdd8c5; margin: 80px auto; }
.bgolive { max-width: 1200px; width: 90%; margin: 0px auto; padding: 80px 0px; }
.bloquelateralolive { border-left: 2px solid #358f51; border-top: 2px solid #358f51; border-bottom: 2px solid #358f51; width:30px; }


/*--Apoyo en desastres 2025--*/
.bloquelateralapoyo { border-left: 2px solid #E17E57; border-top: 2px solid #E17E57; border-bottom: 2px solid #E17E57; width:30px; }
div.temas4 { margin: 20px; width: 460px; }
div.temas4 a { color:#000; }
div.temas4 a:hover { color: #E17E57; font-weight: bold; }
.bloqueapoyo { margin: 0px auto; max-width: 1000px; width: 100%;  }
.bloqueapoyo strong { color: #E17E57; }
p.resultadosapoyo {font-size: 28px; font-weight: bolder; color: #E17E57;}
.bgblancoapoyo { background-color: #fff; max-width: 1200px; width: 90%; margin: 80px auto; }
.bgblancoapoyo h2, .bgterraapoyo h2 { font-weight: bolder; color: #E17E57; text-align: center; line-height: initial; }
.temadobleapoyo strong { font-size: 24px; font-weight: bolder; color: #E17E57; }
.temadobleapoyo { display: flex; justify-content: space-evenly; align-items: center; margin: 50px auto; flex-wrap: wrap; }
.temadobleapoyo div { max-width: 500px; width: 100%; text-align: center; }
.conoceaquiapoyo { border: 2px solid #E17E57; width: fit-content!important; margin: 20px auto;  }
.conoceaquiapoyo p { margin: 8px 20px; }
.bgterragral { background-color: #edf1f5; margin: 80px auto; }
.bgterraapoyo { max-width: 1200px; width: 90%; margin: 0px auto; padding: 80px 0px; }

.historico-nuevo-plantilla { max-width: 1200px; width: 100%; margin: 50px auto; display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; }
.historico-nuevo-plantilla div { width: 100%; max-width: 290px; }
.historico-nuevo-plantilla a { text-decoration: none; color: #000000; }

/* ----- MOVIL ----- */
@media screen and (max-width:1555px) {
	.rightareas { margin-right: 20px; }
	.navi { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 22%, rgba(194, 194, 194, 1) 28%, rgba(194, 194, 194, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(22%, rgba(255, 255, 255, 1)), color-stop(28%, rgba(194, 194, 194, 1)), color-stop(100%, rgba(194, 194, 194, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 22%, rgba(194, 194, 194, 1) 28%, rgba(194, 194, 194, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 22%, rgba(194, 194, 194, 1) 28%, rgba(194, 194, 194, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 22%, rgba(194, 194, 194, 1) 28%, rgba(194, 194, 194, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 22%, rgba(194, 194, 194, 1) 28%, rgba(194, 194, 194, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c2c2c2', GradientType=1); }
}
@media screen and (max-width:1440px) {
	.cifras-list { height: 740px !important; }

	/*--Proyecto de conservación y restauración--*/
.conservacion-movil {display: none;}
.conservacion-banner-escritorio { max-width:100%; width:100%; }
.intro-conservacion { max-width:1000px; width:98%; margin:80px auto; text-align: center; }
.conserva-escritorio-min { display: flex; min-height: 466px;  }
.conservacion-txt { max-width:500px; width:100%; margin: 40px; color: #002266; }
.tit-conserva { font-size: 34px; }
.btnconservacion { background-color: #6685B7; color: #fff; max-width: 100px; text-align:center; }
.btnconservacion p { padding: 5px 7px; }
.conservacion-txt a { text-decoration: none; }
.conserva-reverse { flex-direction: row-reverse; }
.conserva-reverse .conservacion-txt { margin:40px 10px; }
}
@media screen and (max-width:1435px) {
	.cifras-list { height: 760px !important; }
	.imagenareasleft { float: left; width: 530px; }
	.imagenareasright { width: 530px; }
	.imagenareasleft img, .imagenareasright img { width: 530px; }
	.areastexto { width: 452px; height: 485px; display: inline-block; background-size: 100% 100%; }
	.numeroarea { font-size: 60px; }
	.numeroeducacion { margin: 180px 0 0 65px; }
	.numerosalud { margin: 164px 0 0 -65px; }
	.numeroempleo { margin: 215px 0 0 85px; }
	.numerodeporte { margin: 200px 0 0 -19px; }
	.numeromedioambiente { margin: 218px 0 0 60px; }
	.numerocultura { margin: 210px 0 0 -70px; }
	.numeromigrantes { margin: 190px 0 0 150px; }
	.rightareas { margin-right: 90px; }

	/*--inicio 2024--*/
	.imagenareasleft-2 { width: 750px; }
	.imagenareasright-2 { width: 750px; float:right; }
	.imagenareasleft-2 img, .imagenareasright-2 img { width: 750px; }
	.areastexto-2 { width: 565px; height: 505px; display: inline-block; background-size: 100% 100%; margin-top: 50px; }
	.numeroeducacion-2 { margin: 160px 100px 0 0px; }
	.numerosalud-2 { margin: 150px 0 0 -150px; }
	.rightareas-2 { float:left; margin-right: 10px; }
	.areastexto-3 { width: 505px; height: 445px; display: inline-block; background-size: 100% 100%; margin-top: 70px; background-repeat:no-repeat; }
	.numeroempleo-2 { margin: 196px 180px 0 0px; }
	.numerodeporte-2 { margin: 164px 150px 0 0px; }
	.numeromedioambiente-2 { margin: 160px 110px 0 0px; }
	.numerocultura-2 { margin: 180px 150px 0 0px; }
	.numeromigrantes-2 { margin: 152px 134px 0 0px; }
	.margenesinicio { margin: 100px 36px; overflow: hidden; }
}
@media screen and (max-width:1250px) {
	.new_cifras_content { padding: 0 40px !important; }
	.programasquienes { list-style: none; float: left; background-size: 100% 100%; position: static; color: #fff; text-align: left; font-size: 13px; font-weight: 300; }
	.navi { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(194, 194, 194, 1) 30%, rgba(194, 194, 194, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(15%, rgba(255, 255, 255, 1)), color-stop(30%, rgba(194, 194, 194, 1)), color-stop(100%, rgba(194, 194, 194, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(194, 194, 194, 1) 30%, rgba(194, 194, 194, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(194, 194, 194, 1) 30%, rgba(194, 194, 194, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(194, 194, 194, 1) 30%, rgba(194, 194, 194, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(194, 194, 194, 1) 30%, rgba(194, 194, 194, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c2c2c2', GradientType=1); }

	/*--Nuevo inicio 2024--*/

	.imagenareasright-2, .imagenareasleft-2 { width:600px; }
	.imagenareasleft-2 img, .imagenareasright-2 img { width:600px; }
	.rightareas-2 { margin-right:10px; }
	.areastexto-3 { width:405px; height:345px; }
	.numeroarea { font-size:50px; }
	.numeroeducacion-2 { margin: 124px 76px 0 0px; }
	.numerosalud-2 { margin: 114px 0 0 -110px; }
	.numeroempleo-2 { margin: 150px 135px 0 0px; }
	.numerodeporte-2 { margin: 146px 110px 0 0px; }
	.numeromedioambiente-2 { margin: 140px 90px 0 0px; }
	.numerocultura-2 { margin: 136px 110px 0 0px; }
	.numeromigrantes-2 { margin: 118px 100px 0 0px; }
	.areastexto-4 { height: 383px; width: 353px;}
}
@media screen and (max-width:1100px) {
	.cifras-list { height: 840px !important; }
	.rightareas { margin-right: 10px; }
	.programasquienes { list-style: none; float: left; background-size: 100% 100%; position: static; color: #fff; text-align: left; font-size: 12px; font-weight: 300; overflow: scroll; }
	.programasarriba { position: relative; top: 0px; width: 100%; margin-top: 80px; }
	.desaparecer { display: none; }
	.aparecer { display: block; }
	.falsohead { height: 0px; }

	/*--nuevo inicio--*/

	.margenesinicio { margin: 100px 23px;}
	.bloque { padding: 0px; width: 90%; } 

}
@media screen and (max-width:1025px) {
	.cifras-list { height: 800px !important; }
	.new_cifras_content { padding: 0 20px !important; }
	.menu { display: none; }
	h1 { font-size: 55px; font-weight: 300; text-align: center; }
	.menumovilboton { display: block; }
	.navint { max-width: 1025px; width: 100%; margin: 0 auto; color: #fff; padding: 8px; font-size: 15px; }
	#barraazul { background-color: #1f3567; color: #fff; text-align: center; height: 25px; position: absolute; top: 0; width: 100%; }
	#barraazul p { margin: 0; padding-top: 5px; font-weight: 300; font-size: 13px; }

	/*--Inicio nuevo--*/

	.imagenareasright-2, .imagenareasleft-2 { width: 560px; }
	.imagenareasleft-2 img, .imagenareasright-2 img { width: 560px; }
	.margenesinicio { margin: 100px 15px; }
}
@media screen and (max-width:1000px) {
	#cifras .img { width: 100%; max-width: 400px; }
	#cifras .txt { width: 100%; max-width: 500px; }
	#cifras .txtinterior h1 { margin-bottom: 10px; }
	.cifras-list { height: 820px !important; }
	.rightareas { margin-right: 0px; }
	.imagenareasleft, .imagenareasright { float: none; width: 100%; text-align: center }
	#sliderprincipales { width: 100%; float: none; }
	#textoprincipales { width: 98%; float: none; overflow: hidden; overflow-x: hidden; padding: 20px 10px; margin: 0 auto; box-sizing: border-box; }
	.programasquienes { float: none; list-style: none; margin: 0 auto; background-size: 100% 100%; position: static; color: #fff; text-align: left; font-size: 14px; font-weight: 300; width: 700px; max-width: 100%; }
	.apprende { text-align: center; margin-right: 0; padding-left: 0; }
	.apprende img { max-width: 70%; }

	/*--Nuevo inicio--*/
	.areastexto-3 { margin-top:45px; }
	.margenesinicio { margin: 100px 5px; }
	.numeromigrantes-2 { margin: 135px 100px 0 0px; }

	/*--Educaion--*/
	.bloquedu { width:90%; }

}
@media screen and (max-width:800px) {
	#cifras .img, #cifras .txt { width: 100%; max-width: 100%; float: none; text-align: center; }
	#cifras .img img { float: none; }
	#cifras .txtinterior h1 { text-align: center; }
	#bannerPrin { background-image: url(https://fundacioncarlosslim.org/wp-content/uploads/2016/06/BPA-fundacion-movil.jpg); }
	.cifras-list { height: auto !important; padding-bottom: 20px; }
	.embed-container { width: 700px; left: 0; }
	#fondoprincipal h1 { text-align: center; margin-top: 30%; font-size: 60px; font-weight: 300; text-transform: uppercase; }
	#fondo1 h1, #fondo2 h1, #fondo3 h1, #fondo4 h1, #fondo5 h1, #fondo6 h1 { text-align: center; margin-top: 8%; font-size: 40px; font-weight: 300; text-transform: uppercase; }
	.navi { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(194, 194, 194, 1) 45%, rgba(194, 194, 194, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(25%, rgba(255, 255, 255, 1)), color-stop(45%, rgba(194, 194, 194, 1)), color-stop(100%, rgba(194, 194, 194, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(194, 194, 194, 1) 45%, rgba(194, 194, 194, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(194, 194, 194, 1) 45%, rgba(194, 194, 194, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(194, 194, 194, 1) 45%, rgba(194, 194, 194, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(194, 194, 194, 1) 45%, rgba(194, 194, 194, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c2c2c2', GradientType=1); }
	div#descarga.mitadd { margin-right: 0; width: 50%; }

	/*--inicio nuevo--*/
	.imagenareasright-2, .imagenareasleft-2 { display: none; }
	.imagenareasright-movil { display: inline-block; margin:0px auto; width: 100%; max-width: 700px; }
	.areastexto-3 { margin-top: 0px; }
	.areastexto-3 { max-width: 605px; max-height: 545px; width: 605px; height:545px; }
	.areastexto-4 { max-width: 603px; max-height: 633px; width: 603px; height: 633px; }
	.numeroeducacion-2 { margin: 200px 0px 0 0px; }
	.numerosalud-2 { margin: 184px 0 0 0px; }
	.numeroempleo-2 { margin: 245px 0px 0 0px; }
	.numerodeporte-2 { margin: 246px 0px 0 0px; }
	.numeromedioambiente-2 { margin: 234px 0px 0 0px; }
	.numerocultura-2 { margin: 224px 0px 0 0px; }
	.numeromigrantes-2 { margin: 194px 0px 0 0px; }
	.numeroarea { font-size: 70px; }

	/*--Conservación y Restauración--*/
	.conservacion-escritorio { display: none; }
	.conservacion-movil { display: inherit; }
	.txt-conserva-movil { color: #002266; padding: 20px 30px; }
	.conserva-movil-min { max-width:440px; width:98%; text-align: center; margin: 100px auto; }
	.conserva-azul { background-color: #F0F7FE; }
	.conserva-blanco { background-color: #fff; }
	.conservacion-movil .btnconservacion { margin:20px auto; }

}
@media screen and (max-width:570px) {
	.search-footer { display: none; }
	.embed-container { width: 500px; left: 0; }
	.botonenglish { background-color: #1F3567; border: none; border-radius: 5px; padding: 2px 4px; text-align: center; color: #f3f3f3; width: 80px; font-style: italic; font-size: 11px; margin: 8px auto 0 auto; }
	.navint input { background-color: #1F3567; border: none; border-radius: 5px; padding: 2px 4px; text-align: center; color: #000000; width: 80px; font-size: 12px; }
	.derheader { float: right; width: 100px; text-align: center; margin-top: 0px; }
	.menumaschico { width: 60px; margin-left: 10px; }
	.logo { float: left; width: 160px; }
	.navint { max-width: 1025px; width: 100%; margin: 0 auto; color: #fff; padding: 1px 4px 12px 4px; font-size: 15px; height: 45px; }
	.menuprogramastop { }
	.imagenareasleft img, .imagenareasright img { width: 360px; }
	.areastexto { width: 360px; height: 387px; display: inline-block; background-size: 100% 100%; }
	.numeroarea { font-size: 45px; }
	.numeroeducacion { margin: 145px 0 0 50px; }
	.numerosalud { margin: 130px 0 0 -50px; }
	.numeroempleo { margin: 167px 0 0 70px; }
	.numerodeporte { margin: 160px 0 0 -20px; }
	.numeromedioambiente { margin: 175px 0 0 40px; }
	.numerocultura { margin: 170px 0 0 -60px; }
	.numeromigrantes { margin: 155px 0 0 120px; }
	#inttextoprincipales h1 { font-size: 40px; text-transform: uppercase; font-weight: 400; margin: 0 0 10px 0; }
	.sonexpli { width: 100%; float: none; font-size: 14px; border-left: 2px solid #000; padding: 0 0 0 20px; }
	.soncifras { margin-left: 0px; border-left: 2px #000 solid; padding-left: 20px; }

	/*--Medio ambiente--*/
    .banner-medioambiente h1 { font-size: 40px; }
    .banner-medioambiente { background-size: cover; }

    /*--Premios--*/
    .pulsating-circle-4 { left: 54.6%; }
	.pulsating-circle-5 { left: 60.8%; }
	.pulsating-circle-6 { left: 56.8%; }
	.pulsating-circle-7 { left: 61.8%; }
	.pulsating-circle-8 { left: 59.2%; }
	.pulsating-circle-9 { left: 66.5%; }
	.pulsating-circle-10 { left: 77.3%; }
	.pulsating-circle-11 { left: 68.2%; }
	.premiosdoblecolumna div { width:100%; }

		/*--Inicio 2024-*/

	.areastexto-3 { width: 505px; height: 445px; }
	.numeroeducacion-2 { margin: 170px 0px 0 0px; }
	.numerosalud-2 { margin: 160px 0 0 0px; }
	.numeroempleo-2 { margin: 206px 0px 0 0px; }
	.numerodeporte-2 { margin: 205px 0px 0 0px; }
	.numeromedioambiente-2 { margin: 200px 0px 0 0px; }
	.numerocultura-2 { margin: 190px 0px 0 0px; }
	.numeromigrantes-2 { margin: 160px 0px 0 0px; }
	.areastexto-4 { width: 473px; height: 503px;}

}
@media screen and (max-width:530px) {
	#inttextoprincipales p { margin-left: 0px; padding: 10px 0px 10px 0px; border-left: none; box-sizing: border-box; font-weight: 300; text-align: justify; }
	.imgmargin { margin: 0px 0 0 0px; box-shadow: 8px 10px 5px 0 rgba(0, 0, 0, 0.23); }
	.programasquienes { float: none; list-style: none; margin: 0 auto; background-size: 100% 100%; position: static; color: #fff; text-align: left; font-size: 0px; font-weight: 300; width: 700px; max-width: 100%; }
	h1 { font-size: 40px!important; }
	div#descarga.mitadd { width: 100%; margin: 10px 0; }
	.bgblancoedu h2, .bggrisgral h2 { font-size:45px; }

	/*--medio ambiente--*/

    .banner-medioambiente h1 { font-size: 34px!important; }
    .conservacion-img img.uno { margin: 20px 0px; }
    .resultados div { margin: 20px 0px; }

    div#flota2 { display: none; }

}
	@media screen and (max-width:410px) {
		#bannerPrin { background-image: url(https://fundacioncarlosslim.org/wp-content/uploads/2016/06/BPA-fundacion-movil2.jpg); }
		#bannerPrin img { min-height: 320px; }
		.slidetesti { width: 300px; }
		.embed-container { width: 350px; left: 0; }
		#inttextoprincipales h1 { width: 100%; }
		.resulta { width: 100%; }
		.botones { max-width: 260px; }

		/*--EDUCAION--*/
		.bgblancoedu h2, .bggrisgral h2 { font-size: 38px;}

	/*--Inicio 2024--*/

	.areastexto-3 { width: 385px; height: 325px; }
	.areastexto-4 { width:373px; height: 403px; margin-top:20px; } 
	.numeroeducacion-2 { margin: 120px 0px 0 0px; }
	.numerosalud-2 { margin: 110px 0 0 0px; }
	.numeroempleo-2 { margin: 140px 0px 0 0px; }
	.numerodeporte-2 { margin: 160px 0px 0 0px; }
	.numeromedioambiente-2 { margin: 150px 0px 0 0px; }
	.numerocultura-2 { margin: 135px 0px 0 0px; }
	.numeromigrantes-2 { margin: 114px 0px 0 0px; }


	h2 { font-size: 47px;}
	}
@media screen and (max-width:360px) {
		#cifras .txtinterior { margin-bottom: 20px; }
		.navi { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(194, 194, 194, 1) 60%, rgba(194, 194, 194, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(60%, rgba(194, 194, 194, 1)), color-stop(100%, rgba(194, 194, 194, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(194, 194, 194, 1) 60%, rgba(194, 194, 194, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(194, 194, 194, 1) 60%, rgba(194, 194, 194, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(194, 194, 194, 1) 60%, rgba(194, 194, 194, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(194, 194, 194, 1) 60%, rgba(194, 194, 194, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c2c2c2', GradientType=1); }
		#busqueda { float: none; max-width: 105px; }
		.derheader { display: none; }
		#barraazul { background-color: #1f3567; color: #fff; text-align: center; height: 20px; position: absolute; top: 0; width: 100%; }
		#barraazul p { margin: 0; padding-top: 5px; font-weight: 300; font-size: 12px; }
		@media screen and (max-width:1000px) {
			#fondoprincipal h1 { text-align: center; margin-top: 50%; color: #000; font-size: 40px; font-weight: 100; text-transform: uppercase; }
			#fondo1 h1, #fondo2 h1, #fondo3 h1, #fondo4 h1 { text-align: center; margin-top: 8%; font-size: 30px; font-weight: 100; text-transform: uppercase; }
			.slidetesti { width: 280px; }

		/*--Inicio 2024--*/
	.areastexto-3 { width:325px; height: 325px; }
	.areastexto-4 { width: 325px; height: 361px;}
	.numeroeducacion-2 { margin: 116px 0px 0 0px; }
	.numerosalud-2 { margin: 110px 0 0 0px; }
	.numeroempleo-2 { margin: 140px 0px 0 0px; }
	.numerodeporte-2 { margin: 132px 0px 0 0px; }
	.numeromedioambiente-2 { margin: 135px 0px 0 0px; }
	.numerocultura-2 { margin: 130px 0px 0 0px; }
	.numeromigrantes-2 { margin: 116px 0px 0 0px; }

	/*--Educacion--*/
	.bgblancoedu h2, .bggrisgral h2 { font-size: 34px; }

	h2 { font-size: 37px; }

		}
		@media screen and (max-width:359px) {
			.imagenareasright img, .imagenareasleft img { width: 319px; }
			.areastexto { width: 319px; height: 342px; display: inline-block; background-size: 100% 100%; }
			.numeroarea { font-size: 45px; }
			.apprende img { max-width: 100%; }
			.numeroeducacion { margin: 125px 0 0 50px; }
			.numerosalud { margin: 110px 0 0 -45px; }
			.numeroempleo { margin: 143px 0 0 65px; }
			.numerodeporte { margin: 140px 0 0 -10px; }
			.numeromedioambiente { margin: 153px 0 0 35px; }
			.numerocultura { margin: 145px 0 0 -50px; }
			.numeromigrantes { margin: 135px 0 0 100px; }
		}

	@media screen and (max-width:320px){
	.areastexto-3 { width: 300px; height: 300px; }
	.numeroeducacion-2 { margin: 105px 0px 0 0px; }
	.numerosalud-2 { margin: 100px 0 0 0px; }
	.numeroempleo-2 { margin: 130px 0px 0 0px; }
	.areastexto-4 { width: 300px; height: 336px; }
	.numeromedioambiente-2 { margin: 124px 0px 0 0px; }
	.numerocultura-2 { margin: 120px 0px 0 0px; }
	.numeromigrantes-2 { margin: 100px 0px 0 0px; }

	/*--Educacion--*/
	.bgblancoedu h2, .bggrisgral h2 { font-size: 31px; }

	}