/*Colores CRE
    Azul: #011e41 
    Rojo: #f5333f
    Gris claro: #ededed
    Gris textos: #706F6F
    Negro: #323232
    Blanco: #ffffff
    Verde: #8EAC4C
*/
/*Reseteo de la hoja de estilos*/
:root { --pix-color-primario: #011e41; }
* { box-sizing: border-box; font-family: 'Open Sans', sans-serif; /*color: #706F6F;*/ }
html, body, form { margin: 0; padding: 0; background-color: #fff; height: 100%; }
a { text-decoration: none; outline: none; color: #f5333f; }
input[type=submit] { -webkit-appearance: none; }
select, input { outline: none }
.divColumna { width: 100%; margin-left: auto; margin-right: auto; /*padding-bottom:40px;*/ }
h1, h2, h3, h4, header *, #secDestacados .destacado.transformando > span { font-family: 'Montserrat', sans-serif; }
h1 { color: #011e41; }
p { line-height: 1.5em; }

.pix-tooltip .destacadoTooltip { color: #011e41; font-size: 14px; font-weight: 700; }

#secActividades, #secComo, #secQuienes, #secContacto, #secQueEs, #contenidoActividad { margin: 80px 0; }
#secBody { min-height:400px; }
.divInfo { display: inline-block; background: #ffecb3; padding: 8px 8px 8px 36px; border-radius: 4px; margin-top: 6px; font-size: 13px; line-height: 18px; vertical-align: middle; color: #000; width:100%; }
.divInfo:before { content: '\f05a'; font-family: "Font Awesome 6 Free"; width: 16px; height: 16px; display: block; text-align: center; font-size: 22px; font-weight: 600; color: #ffc107; float: left; margin-left: -30px; }
.divCmbPalancas{width:100%;}
.divCmbPalancas .cmbPalancas { width: 100%; padding: 16px 8px; border: none; outline: none; background-color: #ededed; font-size: 16px; }

/*Botones*/
.btn { display: inline-block; text-decoration: none; padding: 15px 20px; font-size: 15px; background-color: #ededed; text-transform: uppercase; transition: background-color .1s ease-in-out, border-color .1s ease-in-out; border: none; }
#secBody .btn, .fancybox__container .btn { letter-spacing: 2px; text-align: center; width: 100%; color: #706F6F; vertical-align: middle; cursor: pointer; margin-bottom: 8px; }
#secBody .btn i, .fancybox__container .btn i { color: #706F6F; opacity: .4; padding-right: 4px; font-size: 16px; vertical-align: middle; }
#secBody .btn:hover, .fancybox__container .btn:hover { background-color: #011e41; color: #fff; }
#secBody .btn:hover i, .fancybox__container .btn:hover i { color: #fff; }
header .btn { border: 2px solid #f5333f; color: #f5333f; background-color: white; }
header .btn:not(.btn-solido):hover { color: #000 }
header .btn:hover { border-color: #000; background-color: white; }
header .btn-solido, .btn-solido { background-color: #f5333f; color: #fff !important; }
header .btn-solido:hover, .btn-solido:hover { background-color: #000; }

/*Tabs*/
.tabs { font-size: 0; padding-top: 16px; }
.tabs > a { font-size: 16px; padding: 0 24px 8px; text-transform: uppercase; letter-spacing: 2px; color: #ededed; border-bottom: 4px solid #ededed; display: inline-block; }
.tabs > a:not(.activo):hover { color: #dddddd; border-bottom: 4px solid #dddddd; }
.tabs > a.activo { color: #011e41; border-bottom: 4px solid #011e41; }

/*Header*/
body { padding-top: 117px }
.cmbCambioIdioma { border-bottom: none; background-color: white; }
header { position: fixed; top: 0; width: 100%; box-shadow: 0 0 8px rgba(0,0,0,.4); background: #fff; z-index: 999; }
header .divColumna { font-size: 0; position: relative; padding:0;}
header #divTopBar { padding: 0 8px; border-bottom: solid 1px #f4f4f4 }
header #divTopBar > ul { list-style-type: none; margin: 0; padding: 0; text-align: right }
header #divTopBar > ul > li { display: inline-block }
header #divTopBar > ul > li > a { display: inline-block; text-decoration: none; color: #000; font-weight: 500; font-size: 14px; padding: 12px 8px 10px 8px }
header #divTopBar > ul > li > a > img { display: inline-block; vertical-align: middle; width: 14px; margin-right: 4px }
header .divLogo > a { display: block; padding: 16px; width: 196px; }
header .divLogo > a > img { width: 100% }
header #divNavegacion { width: 99%; padding-left: 8px; }
header #divNavegacion > ul { list-style-type: none; margin: 0; padding: 0; }
header #divNavegacion > ul > li { display: inline-block }
header #divNavegacion > ul > li > a { display: inline-block; text-decoration: none; color: #000; font-size: 18px; font-weight: 600; padding: 0 16px; line-height: 71px; border-bottom: 3px solid transparent }
header #divNavegacion > ul > li:hover > a { border-bottom-color: #f5333f }
header #divNavegacion > ul > li .submenu { display: table; max-width: 1170px; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); list-style-type: none; margin: 0; padding: 0; background-color: white; padding: 24px; z-index: 998; display: none; box-shadow: 0 4px 8px rgb(0 0 0 / 40%); }
header #divNavegacion > ul > li:hover .submenu { display: table; }
header #divNavegacion > ul > li .submenu > li { display: table-cell; width: 14.29%; padding: 16px; }
header #divNavegacion > ul > li .submenu > li > a { display: block; text-align: center; width: 100%; height: 100%; text-decoration: none; color: #000; font-size: 18px; }
header #divNavegacion > ul > li .submenu > li > a:hover { color: #f5333f; }
header #divNavegacion > ul > li .submenu > li > a > svg { display: block; margin: auto; padding: 4px; max-width: 40px; max-height: 40px; overflow: hidden; }
header #divNavegacion > ul > li .submenu > li > a:hover svg * { fill: #f5333f !important; }
header .headerMovil{display:table; width:100%; padding:0;}
header .headerMovil>div{display:table-cell; width:33.33%; height:100%; vertical-align:middle;}
header .headerMovil>div:first-child{text-align: left;}
header .headerMovil>div:nth-child(2){text-align:center;}
header .headerMovil > div:nth-child(3){ text-align: right;}
header .headerMovil > div > .divLogo > a { width: unset; padding: 13px 16px 13px 8px; }
header .headerMovil > div > .divLogo > a > img { width: 88px; }
header .divMenuMovil { font-size: 20px; cursor: pointer; display: inline-block; padding: 24px; }
header .menuDesplegableMovil { max-width: 460px; position: absolute; background: white; right: 0; top: 0; min-height: 100vh; z-index: 5; display: none; text-align:left; padding:16px; /* overflow-y:auto;*/}
header .overlay{width:100vw; height:100vh; position:absolute; right:0; top:0; background-color:rgba(0,0,0,.5); z-index:4; display:none;}
header .menuDesplegableMovil #divNavegacionMovil > ul { list-style-type: none; margin: 0; padding: 0; }
header .menuDesplegableMovil #divNavegacionMovil > ul > li { display: block; border-bottom: 1px solid lightgray; }
header .menuDesplegableMovil #divNavegacionMovil > ul > li > a { display: block; text-decoration: none; color: #000; font-size: 14px; font-weight: 600; padding: 12px; border-bottom: 3px solid transparent }
header .menuDesplegableMovil #divNavegacionMovil > ul > li:hover > a { border-bottom-color: #f5333f }
header .menuDesplegableMovil #divNavegacionMovil > ul > li .submenu { display: none; width: 100%; list-style-type: none; margin: 0; padding: 0; background-color: white; }
header .menuDesplegableMovil #divNavegacionMovil > ul > li.activo .submenu { display: block; }
header .menuDesplegableMovil #divNavegacionMovil > ul > li .submenu > li { display: block; padding: 8px 16px 8px 32px; }
header .menuDesplegableMovil #divNavegacionMovil > ul > li .submenu > li > a { display: block;  width: 100%; height: 100%; text-decoration: none; color: #000; font-size: 14px; font-weight:300; }
header .menuDesplegableMovil #divNavegacionMovil > ul > li.activo a { color: #f5333f; }
header .menuDesplegableMovil #divNavegacionMovil > ul > li .submenu > li > a:hover { color: #f5333f; }
header .menuDesplegableMovil .divEnlacesTopBar { padding: 0 8px; border-bottom: solid 1px #f4f4f4 }
header .menuDesplegableMovil .divEnlacesTopBar > ul { list-style-type: none; margin: 0; padding: 0; }
header .menuDesplegableMovil .divEnlacesTopBar > ul > li { display: block }
header .menuDesplegableMovil .divEnlacesTopBar > ul > li > a { display: inline-block; text-decoration: none; color: #000; font-weight: 500; font-size: 14px; padding: 12px 8px 10px 8px }
header .menuDesplegableMovil .divEnlacesTopBar > ul > li > a > img { display: inline-block; vertical-align: middle; width: 14px; margin-right: 4px }
header .menuDesplegableMovil .divRedesSociales { text-align: center; color: #f5333f; vertical-align: middle; font-size:12px; padding: 16px 0; }
header .menuDesplegableMovil .divRedesSociales a { width: 24px; height: 24px; display: inline-block; margin: 0 8px }
header .menuDesplegableMovil .divRedesSociales a > svg { width: 24px; height: 24px; }
header .menuDesplegableMovil .divRedesSociales a > svg path { fill: #999999 }
header .menuDesplegableMovil .divRedesSociales a:hover > svg path { fill: #f5333f }
header .menuDesplegableMovil .btnCerrarMenuMovil { padding:8px 16px; position:absolute; top:0; right:0; display:inline-block; }
header .menuDesplegableMovil .btnCerrarMenuMovil i { font-size: 32px; color: white;  }
header .btnHotlineExt{padding:24px; display:inline-block;}
header .btnHotlinePeq { background-color: #f5333f; padding: 4px; display: inline-block; border-radius: 4px; }
header .btnHotlinePeq img{ width:16px; }
header .btnHotlineGra { display: block; background-image: url("/img/hotline.svg"); background-size: 24px; background-position: calc(100% - 10px); background-repeat: no-repeat; }
header .btnHotlineGra img{ height:32px; padding: 0 8px; }
header .divMenuMovil .divEnlaces { width: 100%; white-space:normal; padding:0;}
header .divMenuMovil .divEnlaces a { width: 100%; margin-left:0 !important; margin-top:8px;}
header #divBusqueda > a { text-decoration: none; display: inline-block; font-size: 0; width: 40px; height: 80px; text-align: center; line-height: 80px; }
header #divBusqueda > a > img { vertical-align: middle }
header .divEnlaces{ white-space: nowrap; padding: 10px 14px }
header .divEnlaces> a:last-child { margin-left: 12px; }
header #divMainBar { display: table; width: 100%; }
header #divMainBar > div, #divMainBar > nav { display: table-cell; vertical-align: middle }

/*Barra usuario*/
.divCssTblHome{position:relative;}
body:not(.home):not(.enConstruccion):not(.recursos) .divCssTblHome { padding-bottom: 50px; }
.divCssTblHome:before { content: ''; display: block; background: #ededed; height: 48px; width: 100%; position: absolute; top:0; }
.divBarraLateral{position:relative;}
#secTopBar2 { font-size: 15px; text-align: left; line-height: 48px; display: block; width: 100%; z-index: 4; position: absolute; pointer-events:none; }
#secTopBar2 .tablaTopBar2 { display: table; width:100%; font-size:0; }
#secTopBar2 .tablaTopBar2 > div { display: table-cell; padding: 0 16px;  vertical-align:top;}
#secTopBar2 .tablaTopBar2 > div:nth-child(2) { text-align:right; }
#secTopBar2 .tablaTopBar2 span, #secTopBar2 .tablaTopBar2 i, #secTopBar2 .tablaTopBar2 ul { font-size: 14px;  }
.enlaceInicio, .enlaceMiCuenta { color: #011e41; display: inline-block; white-space: nowrap; }
.enlaceInicio, .enlaceMiCuenta, .enlaceInicio *, .enlaceMiCuenta * { pointer-events: all;}
.enlaceInicio i { margin-right: 6px; }
.enlaceMiCuenta i { margin-left: 6px; margin-right: 6px; }
.enlaceMiCuenta > i { vertical-align: middle; }
.enlaceInicio > img, .enlaceMiCuenta > img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; margin-right: 6px; vertical-align: middle; }
.enlaceMiCuenta { cursor: pointer; position: relative;  }
.enlaceMiCuenta span { max-width: 180px; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:middle; }
.enlaceMiCuenta .fa-angle-down { padding-left:8px; }
.enlaceMiCuenta ul { background-color: #ededed; margin: 0; padding: 0; list-style: none; position: absolute; text-align: left; display:none; min-width:100%; right:-16px;}
.enlaceMiCuenta:hover ul { display:block; }
.enlaceMiCuenta ul > li > a { color: #011e41; padding: 0 32px; display:block; text-align:right; direction:rtl; }
.enlaceMiCuenta ul > li:hover { background: #d1d1d1; }
.home #secTopBar2 .divColumna .enlaceInicio, .colIzqPeq #secTopBar2 .divColumna .enlaceInicio, .colIzqMitad #secTopBar2 .divColumna .enlaceInicio { display: none; }
.home .divTblHome:not(.palanca-activa) .enlaceInicio{display:none;}
.divBarraLateral .enlaceInicio { position: absolute; top: 0; font-size: 15px; right: 0; line-height: 48px; display: inline-block; z-index: 22; }
.sinColIzq #secBody { padding-top:80px; }
.sinColIzq #secBody #secTopBar2 { margin-top: -80px; }
.sinColIzq #secBody .divCssTblHome:before {margin-top:-80px; }
.paginaInterior #secBody { position: relative; }
.paginaInterior #secBody:before { content: ''; display: block; background: #ededed; height: 48px; width: 100%; position: absolute; top: 0; z-index: 2; }

/*Palancas*/
.extension text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none }
.extension text::selection { background: none; }
.nodo, .nodo_interior { cursor: pointer }
#divSVG svg g { cursor: pointer }

/*Citas*/
.cita { padding-left: 60px; position: relative }
.cita:before { content: url("../../img/contenido-palancas/comillas.jpg"); position: absolute; top: 0; left: 0 }
.cita::after { content: ""; position: absolute; top: 0; left: 45px; height: 100%; border-left: 5px solid #f5333f }

/*Destacados*/
#secDestacados { font-size: 0; display: flex; flex-wrap: wrap; width:100%; }
#secDestacados .destacado { font-size: 1rem; padding: 24px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding-top: 120px }
#secDestacados .destacado img { width: 80%; max-width: 200px; margin: auto; display: block; margin-bottom: 24px; }
#secDestacados .destacado > div > span { font-size: 24px; font-weight: 700; color: #011e41; }
#secDestacados .destacado > div > p { color: #000; font-size: 15px; margin: 0 }
#secDestacados .destacado.transformando { background-image: url('/img/transformando-white.jpg'); color: black !important; }
#secDestacados .destacado.futuro { background-image: url('/img/mirando-hacia-el-futuro-v1-marca-de-agua.jpg'); color: black !important; }
#secDestacados .destacado.recursos { background-image: url('/img/recursos-white.jpg'); color: black !important; }
#secDestacados .destacado.contacto { background-image: url('/img/contacto-white.jpg'); color: black !important; }
#secDestacados .destacado:hover { background: #f5333f; }
#secDestacados .destacado:hover * { color: #fff }
#secDestacados .destacado:before { content: ''; transform: scale(.1); opacity: 0; transition: transform .2s, opacity .1s; background-image: url(/img/simbolo-mas-blanco.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 80px; position: absolute; top: 30px; left: 0 }
#secDestacados .destacado:hover:before { transform: scale(1); opacity: 1; }

/*Cambio de idioma*/
#cmbCambioIdioma{display:none;}
.divCambioIdioma { position: fixed; bottom: 40px; right: 40px; z-index: 5; }
.divCambioIdioma { right: 40px; width: 120px; }
.divCambioIdioma a { display: block; border-radius: 20px; color: #706F6F; padding: 8px 8px 8px 53px; margin-bottom: 8px; background-color: white; box-shadow: 0 0 8px rgb(0 0 0 / 30%); background-image: url(https://cdn.pixelinnova.com/pixelone/sin-imagen.svg); background-repeat: no-repeat; background-size: 28px; background-position: 8px 5px; }
.divCambioIdioma a:not(.activo) { filter: grayscale(.7); transition: filter .2s ease-in-out; background-color: #fefefe; color: #aeaeae; }
.divCambioIdioma a:not(.activo):hover { filter: grayscale(0); background-color: white; color: #706F6F; }
.divCambioIdioma:not(:hover) > a:not(.activo) { display: none; }

/*Footer*/
footer { overflow: hidden }
footer #logoFooter { width: 160px; }
footer h3 { margin-top: 0; color: #f5333f; font-size: 20px; }
footer h3 > a { color: #f5333f !important; font-size: 20px !important; transition: all .2s ease-in-out; }
footer h3 > a:hover { color: #000 !important; }
footer .divRedesSociales { text-align: center; color: #f5333f; vertical-align: middle }
footer .divRedesSociales a { width: 24px; height: 24px; display: inline-block; margin: 0 8px }
footer .divRedesSociales a > svg { width: 24px; height: 24px; }
footer .divRedesSociales a > svg path { fill: #999999 }
footer .divRedesSociales a:hover > svg path { fill: #f5333f }

footer #divEnlacesFooter, footer #divCreditosFooter { display: block; width: 100% }
footer #divEnlacesFooter a { display: inline-block; color: #000; line-height: 24px; font-size: 13px }
footer #divEnlacesFooter a:hover { color: #f5333f }
footer #divEnlacesFooter > div { display: block; vertical-align: top; padding-top: 80px; }
footer #divEnlacesFooter ul { list-style-type: none; padding: 0; margin: 0 }

footer #divAccesosRapidos, footer .divRedesSociales { width: 100%; background: #f4F4F4; box-shadow: 5000px 0 0 5000px #f4f4f4; }
footer #divAccesosRapidos svg { width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 24px }
footer #divAccesosRapidos svg path { fill: #999999 }
footer #divAccesosRapidos a { font-size: 18px; padding: 8px 16px 8px 24px; font-weight: 800; color: #f5333f }
footer #divAccesosRapidos a:hover svg path { fill: #f5333f }

footer #divCreditosFooter > div { display: block; vertical-align: top; padding-bottom: 40px; padding-top: 80px; }
footer #divCreditosFooter > div.divRedesSociales { text-align: center }
footer #divCreditosFooter { font-size: 13px }
footer #divCreditosFooter a { color: #000 }
footer #divCreditosFooter a:hover, footer #divCreditosFooter a.enlaceDestacado { color: #f5333f }

footer #pEnlacesFooter a:not(:last-child) { margin-right: 20px }


/*Selección y scrollbar*/
::selection { background: #f5333f; color: white; }
::-webkit-scrollbar { all: unset; }
::-webkit-scrollbar-track { -webkit-box-shadow: none; border-radius: 0px; background-color: #f1f1f1; border-left: 1px solid #c1c1c157; }
::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: none; background-color: #c1c1c1; }


/*Contacto*/
#secContacto { min-height: 500px; }
#politica-proteccion-datos { display: none; max-width: 800px; }
#divBtnContacto { padding-top: 24px; max-width: 300px; }
.pix-check > label, .pix-radio > label { color: #706F6F; font-size:15px; }


/*Home*/
.divBarraLateral.divPalancas { font-size: 0 }
.divBarraLateral:not(.divPalancas) { font-size: 1rem }
.divTblHome { position: relative; z-index: 3; min-height:530px; }
.divTblHome .divBarraLateralSticky{width:100%; height:100%;}
.divTblHome.palanca-activa .divBarraLateralSticky { height: unset; position: sticky; top: 117px; }
.divTblHome #divSVG { height: 100%; /* animation: pix-ampliar; animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-duration: 1s; */ text-align: center; position: relative }
.divTblHome #divSVG svg { max-width: 640px; }
.divTblHome > div.divPresentacion > div, .divTblHome > div.divContenidoPalanca > div { animation: pix-aparecer; animation-duration: .5s; animation-delay: .5s; opacity: 0; transform: translateY(150px); animation-fill-mode: forwards }
.divTblHome > div.divPresentacion h1 { color: #f5333f; font-size: 20px; margin-top: 0 }
.divTblHome > div.divPresentacion h2 { color: #011e41; font-weight: 700 }
.divTblHome > div.divPresentacion p { font-size: 14px; line-height: 24px }
.divTblHome > div.divPresentacion .btn { display: block; text-align: center; letter-spacing: 2px; }
.divTblHome > div:not(.divBarraLateral):not(.activo) { display: none }
.divTblHome > div.divContenidoPalanca { min-height: 100vh; font-size: initial; }
.divTblHome > div.divContenidoPalanca h2 { font-size: 30px; color: #18233e; line-height: 40px; margin-top: 4px }
.divTblHome > div.divContenidoPalanca h2 > span { font-family: Montserrat; font-weight: bolder; font-size: 50px; vertical-align: middle; margin-right: 12px }
.divTblHome > div.divContenidoPalanca h3 { line-height: 32px; margin-top: 32px }
.divTblHome > div.divContenidoPalanca h3 > span.spanSeparador { width: 4px; background: #706F6F; content: ''; height: 32px; display: inline-block; vertical-align: middle; margin: 0 16px }
.divTblHome > div.divContenidoPalanca h3 img { width: 32px; height: 32px; display: inline-block; vertical-align: middle }
.divTblHome > div.divContenidoPalanca .divAccionesPalanca { text-align: right; padding-right: 8px; padding-top: 60px }
.divTblHome > div.divContenidoPalanca .divAccionesPalanca #btnCerrarPalanca { width: 64px; height: 64px; line-height: 64px; text-align: center; display: inline-block; font-size: 24px; font-weight: 800; color: #011e41; border-radius: 50% }
.divTblHome > div.divContenidoPalanca .divAccionesPalanca #btnCerrarPalanca:hover { background: #011e41; color: #fff }
.divTblHome > div.divContenidoPalanca { line-height: 150%; padding-right: 80px; padding-bottom: 80px }
.divTblHome > div.divContenidoPalanca #divResumenEstudio p { font-size: 20px; color: #011e41; font-weight: 500 }
.divTblHome > div.divContenidoPalanca #divDetalles p { font-size: 16px; color: #706F6F; font-weight: 400 }
.divTblHome > div.divContenidoPalanca #divDetalles p span { font-size: 16px; color: #706F6F; font-weight: 600; }
.divTblHome > div.divContenidoPalanca #divDetalles li { color: #706F6F; }
.divTblHome > div.divContenidoPalanca #divEstudioInt { min-height: 500px; }
.divTblHome > div.divContenidoPalanca #divEstudio p { font-size: 16px; color: #706F6F; font-weight: 500 }
.divTblHome > div.divContenidoPalanca #divEstudio p strong { color: #706F6F; font-weight: 600; }
.divTblHome:not(.palanca-activa) #divIndice { display: none }

.divTblHome #divIndice { font-size: 14px; display: none; padding-top: 16px }
.divTblHome.palanca-activa #divIndice { display: block; animation: pix-aparecer; animation-duration: .5s; animation-delay: .7s; opacity: 0; transform: translateY(150px); animation-fill-mode: forwards }
.divTblHome #divIndice > div { /*position: sticky; top: 140px;*/ padding: 0 40px; }
.divTblHome #divIndice ul, .divTblHome #divIndice ol { margin: 0; list-style-type: none; padding: 0; }
#ulLeyenda { display: block; text-align: center }
#ulLeyenda > li { display: inline-block; line-height: 16px; font-size: 12px; color: #011e41; margin-right: 8px }
#ulLeyenda > li > span { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: #f4f4f4; border-radius: 50%; margin-right: 4px }
.colorAreaActividad, .colorAreaActividadOrganosGobierno { background: #8eac4e !important }

.colorAreaActividadOrganosGobierno:after { content: ''; width: 50%; height: 100%; display: block; position: absolute; top: 0; right: 0; background: #ba314f }
.colorOrganosGobierno { background: #ba314f !important }
.colorEspaciosInformales { background: #01abbc !important }

#ulIndicePalancas { display: block; text-align: center; }
#ulIndicePalancas > li { display: inline-block; margin-top: 32px }
#ulIndicePalancas > li > a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; font-size: 18px; background: #f4f4f4; color: #fff; font-family: Montserrat; font-weight: 500; position: relative; overflow: hidden }
#ulIndicePalancas > li > a > span { position: relative; z-index: 1; color: #fff; pointer-events: none }
#ulIndicePalancas > li:not(:last-child) { margin-right: 4px }
#divTituloPalanca { font-size: 18px; font-weight: bold; margin-top: 32px; margin-bottom: 16px }
#olInteriorPalanca { padding-bottom: 40px !important }
#olInteriorPalanca a { display: block; color: rgba(0,0,0,.8); font-size: 15px; line-height: 24px; margin-bottom:4px; }
#olInteriorPalanca span.contenedorImagen { width: 24px; height: 24px; text-align: center; margin-right: 4px; display: inline-block; }
#olInteriorPalanca img { max-width: 24px; max-height: 24px; vertical-align: middle; }
#olInteriorPalanca a:hover { color: #000 }
/*#olInteriorPalanca a:before { content: '-'; display: inline-block; width: 16px; text-align: center }*/

#ulIndicePalancas > li:not(.indiceActivo) > a { filter: brightness(0.5); opacity: 0.9 }

.fancybox-slide--iframe .fancybox-content { background: transparent; }
#secVideo { background: url('/img/fondo-bloque-video.png'); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 64px 0 }
#secVideo > div { display: table; width: 100% }
#secVideo > div > div { display: table-cell; vertical-align: middle }
#secVideo > div > div:last-child { width: 40% }
#secVideo a, #secVideo span { display: block; width: 100%; padding: 64px 64px 32px 64px; color: #fff; text-decoration: none; font-size: 32px; font-family: 'Montserrat', sans-serif; text-align: center; font-weight: bold; position: relative; overflow: hidden }
#secVideo span { padding-top: 0; padding-bottom: 64px; display: block }
#secVideo a > img { width: 100%; }
#secVideo strong { color: #f5333f; font-size: 32px; font-family: 'Montserrat', sans-serif; font-weight: bold }
#secVideo a:before { opacity: .6; content: '\f144'; font-family: "Font Awesome 6 Free"; position: absolute; left: 0; width: 100%; text-align: center; color: #011e41; z-index: 1; display: block; top: calc(50%); font-size: 64px; }
#secVideo a:hover:before { opacity: 1; transform: scale(1.2) }
.videoDestacado {position:relative; width:100%; margin-bottom:16px;}
.videoDestacado a { width:100%; text-align:center; display:inline-block; }
.videoDestacado a img { width:100%; max-width:250px; }
.videoDestacado a:before { opacity: .6; content: '\f144'; font-family: "Font Awesome 6 Free"; position: absolute; left: 0; width: 100%; text-align: center; color: #011e41; z-index: 1; display: block; top: calc(50%); margin-top:-20px; font-size: 40px; }
.videoDestacado a:hover:before { opacity: 1; transform: scale(1.2) }

/*Cabecera interiores*/
#cabecera { position: relative; background-color: #011e41; color: white; background-image: url('/img/fondo-palancas-izq.svg'); background-position: top left; background-size: contain; background-repeat: no-repeat; }
#cabecera:after { content: url('/img/fondo-palancas-der.svg'); position: absolute; bottom: 0; right: 0; width: 300px; z-index: 1; pointer-events: none; }
#cabecera .divColumna { padding: 128px 20px 80px; }
#cabecera .contenidoCabecera { position: relative; z-index: 2; }
#cabecera .contenidoCabecera * { color: white; margin: 0 }
#cabecera .contenidoCabecera h1 { font-size: 48px; }
#cabecera .contenidoCabecera .subtitulo { font-size: 24px; }
#cabecera .contenidoCabecera .migas { display: block; padding-top: 24px; }

/*Qué es transformando y ficha actividades*/

/*Destacados cómo y quienes*/
.contenedorComo, .contenedorQuienes { display: inline-block; font-size: 1rem; padding: 16px; vertical-align: top; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 80px 20px; overflow: hidden; }
.contenedorComo h3, .contenedorComo p, .contenedorComo span, .contenedorQuienes h3, .contenedorQuienes p, .contenedorQuienes span { color: white; position: relative; z-index: 2 }
.contenedorComo h3, .contenedorQuienes h3 { transform: translateY(30px); transition: transform .2s; font-size: 24px; text-align: left; }
.contenedorComo p, .contenedorQuienes p { transform: translateY(200px); transition: transform .5s, opacity .2s; opacity: 0; }
.contenedorComo:hover h3, .contenedorQuienes:hover h3 { transform: translateY(0px); }
.contenedorComo:hover p, .contenedorQuienes:hover p { transform: translateY(0px); opacity: 1; }
.contenedorQuienes:after, .contenedorComo:after { background-color: rgba(0,0,0,.3); position: absolute; z-index: 1; top: 0; left: 0; content: ''; width: 100%; height: 100%; pointer-events: none; }
.contenedorQuienes:hover:after, .contenedorComo:hover:after { background-color: rgba(245,51,63,.6); }
/*Actividades*/
#secActividades .divActividades, #secComo .divComo, #secQuienes .divQuienes { width: 100%; font-size: 0; display: flex; flex-wrap: wrap }
.actividad { display: inline-block; width: 33.33%; font-size: 1rem; padding: 16px; vertical-align: top; }
.actividad img { max-width: 100%; }
.actividad .fecha { display: block; color: #f5333f; font-size: 16px; margin-bottom: 8px; margin-top: 8px; font-weight: 700; }
.actividad .titulo { display: block; font-size: 20px; margin-bottom: 8px; font-weight: 700; color: #011e41; }
.actividad .masInfo { display: inline-block; color: #000; }
.actividad .masInfo:hover { color: #f5333f; }


/*Páginas interiores herramienta*/
.divContenidoPalancaInteriores { padding-top: 80px; }
.divContenidoPalancaInteriores h1 { font-size: 24px; }
.divContenidoPalancaInteriores h2 { font-size: 18px !important; }
.divContenidoPalancaInteriores h3 { font-size: 16px !important; }

/*FORMULARIO*/
.divParrafoDestacado {padding-bottom:24px;}
.divParrafoDestacado, .divParrafoDestacado p { font-size: 16px; font-weight: 500 }
/*Migas*/
.migas { font-size: 14px; line-height: 24px; }
#migas a, #migas span, .migas a, .migas span { font-size: 14px; line-height: 24px; display: inline-block; }
#migas a, .migas a { color: #706F6F; }
#migas a:hover, #migas span, .migas a:hover, .migas span { color: #011e41 }
#migas .fa-angle-right, .migas .fa-angle-right { padding: 0 8px; font-size: 12px }
/*Barra avance*/
#divBarraAvance { display: block; width: 100%; font-size: 0; padding-top: 16px; padding-bottom: 24px; position: sticky; background-image: linear-gradient(#fff 70%,transparent ); z-index: 2; }
#divBarraAvance .divBarraAvancePalanca { width: 10%; display: inline-block; font-size: 1rem; }
#divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt { display: table; }
#divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceCirculo { width: 50px; height: 50px; background-color: #cacaca; border-radius: 50%; display: inline-block; transform: rotate(45deg); border: 3px solid; }
#divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceCirculo .imgExt { width: 100%; height: 100%; transform: rotate(-45deg); padding: 8px; border-radius: 50%; }
#divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceCirculo .imgExt img { width: 100%; height: 100%; filter: brightness(0) invert(1); }
#divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt > div { display: table-cell; vertical-align: middle; }
#divBarraAvance .divBarraAvancePalanca.activo .divBarraAvancePalancaInt .avanceCirculo { background-color: #fff; }
#divBarraAvance .divBarraAvancePalanca.activo .divBarraAvancePalancaInt .avanceCirculo .imgExt { border: solid 1px #011e41; }
#divBarraAvance .divBarraAvancePalanca.activo .divBarraAvancePalancaInt .avanceCirculo .imgExt img { filter: brightness(0); }
#divBarraAvance .divBarraAvancePalanca.completo .divBarraAvancePalancaInt .avanceCirculo { background-color: #011e41; }
#divBarraAvance .divBarraAvancePalanca.completo .divBarraAvancePalancaInt .avanceCirculo .imgExt img { filter: brightness(0) invert(1); }
#divBarraAvanceFinal .avanceCirculo { border-color: #011e41 !important; }
#divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceBarra { width: 100%; }
#divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceBarra .avanceBarraInt { width: 100%; height: 8px; background-color: #cacaca; position: relative; }
#divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceBarra .avanceBarraInt > span { width: 0; height: 100%; background-color: #011e41; position: absolute; left: 0; top: 0; transition: width .2s ease-in-out; }
/*Barra avance móvil*/
#divBarraAvanceMovil { display: block; width: 100%; font-size: 0; padding-top: 16px; padding-bottom: 24px; position: sticky; top: 115px; background-image: linear-gradient(#fff 70%,transparent ); z-index: 2; }
#divBarraAvanceMovil .divBarraAvancePalanca { width: 10%; display: inline-block; font-size: 1rem; }
#divBarraAvanceMovil .divBarraAvancePalanca .divBarraAvancePalancaInt { display: table; }
#divBarraAvanceMovil .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceCirculo { width: 50px; height: 50px; background-color: #cacaca; border-radius: 50%; display: inline-block; transform: rotate(45deg); border: 3px solid; }
#divBarraAvanceMovil .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceCirculo .imgExt { width: 100%; height: 100%; transform: rotate(-45deg); padding: 8px; border-radius: 50%; }
#divBarraAvanceMovil .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceCirculo .imgExt img { width: 100%; height: 100%; filter: brightness(0) invert(1); }
#divBarraAvanceMovil .divBarraAvancePalanca .divBarraAvancePalancaInt > div { display: table-cell; vertical-align: middle; }
#divBarraAvanceMovil .divBarraAvancePalanca.activo .divBarraAvancePalancaInt .avanceCirculo { background-color: #fff; }
#divBarraAvanceMovil .divBarraAvancePalanca.activo .divBarraAvancePalancaInt .avanceCirculo .imgExt { border: solid 1px #011e41; }
#divBarraAvanceMovil .divBarraAvancePalanca.activo .divBarraAvancePalancaInt .avanceCirculo .imgExt img { filter: brightness(0); }
#divBarraAvanceMovil .divBarraAvancePalanca.completo .divBarraAvancePalancaInt .avanceCirculo { background-color: #011e41; }
#divBarraAvanceMovil .divBarraAvancePalanca.completo .divBarraAvancePalancaInt .avanceCirculo .imgExt img { filter: brightness(0) invert(1); }
#divBarraAvanceMovil .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceBarra { width: 100%; }
#divBarraAvanceMovil .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceBarra .avanceBarraInt { width: 100%; height: 8px; background-color: #cacaca; position: relative; }
#divBarraAvanceMovil .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceBarra .avanceBarraInt > span { width: 0; height: 100%; background-color: #011e41; position: absolute; left: 0; top: 0; transition: width .2s ease-in-out; }
/*Preguntas*/
.bloquePregunta{padding-bottom:24px;}
.bloquePregunta .pregunta { position: relative; }
.bloquePregunta .pregunta > p { display: block; margin-left: 40px; padding-left: 20px; position: relative; font-size: 20px; color: #011e41; font-weight: 700; border-left: 4px solid #011e41; margin-bottom: 0; }
.bloquePregunta .pregunta > span { position: absolute; display: inline-block; padding-right: 20px; padding-left: 4px; font-size: 28px !important; font-weight: 700; color: #011e41; top: 50%; transform: translateY(-50%); }
.bloquePregunta .respuestas { padding-left: 56px; }
.bloquePregunta .respuestas .pix-campo { padding-bottom: 0; }
.divFormularioPalanca:not(.activo) {display:none; }
/*Botones*/
.btnRelleno { display: block; padding: 16px 40px; background-color: #011e41; color: white; text-transform: uppercase; text-align: center; margin-bottom: 24px; }
.btnRelleno:hover { background-color: white; color: #011e41; }
.btnRelleno.btnDesplazamiento { display: inline-block; padding: 16px 40px; background-color: #011e41; color: white; text-transform: none; }
.btnRelleno.btnDesplazamiento:hover { background-color: #011e41; color: white; }
.btnAvanzar { float: right; }

/*RESULTADOS*/
.divBarraLateraInt { text-align: right; position: sticky; top: 56px; }
.divInformacionAdicional { background-color: #ededed; padding: 40px 24px; display: inline-block; position: relative; margin: 72px 32px 32px 32px; border-radius: 16px; max-width: 500px; text-align: left; }
.divInformacionAdicional > h2 { margin-top: 0 }

.deslizadores .deslizadoresEdad, .deslizadores .deslizadoresGenero {padding-bottom:40px; margin-left: 16px;}
.deslizadores .deslizador { position: relative; max-width: 100%; font-size: 0; line-height: 0px; padding-left: 30px; margin-right:30px;}
.deslizadores .deslizador:after, .deslizador:before { position: absolute; height: 30px; width: 30px; background-color: #011e41; border-radius: 50%; color: white; text-align: center; line-height: 30px; font-size: 14px; top: 50%; transform: translateY(-50%); }
.deslizadores .deslizador.deslizadorEdad:before { content: var(--edad-minima); left: 0; }
.deslizadores .deslizador.deslizadorEdad:after { content: var(--edad-maxima); right: -30px; }
.deslizadores .deslizador.deslizadorGenero:before { content: "\f221"; left: 0; font-family: "Font Awesome 6 Free"; font-weight:900; }
.deslizadores .deslizador.deslizadorGenero:after { content: "\f222"; right: -30px; font-family: "Font Awesome 6 Free"; font-weight: 900; }
.deslizadores .deslizador input[type="range"] { width: 100%; height: 8px; margin: 0; position: relative; -webkit-appearance: none; background: #d3d3d3; outline: none; }
.deslizadores .deslizador .barraAvanceActualGeneral {  padding: 0 11px; width: calc(100% - 30px); position:absolute; top:0; }
.deslizadores .deslizador .barraAvanceActualGeneral > div { width: 100%; position: relative; }
.deslizadores .deslizador .barraAvanceActualGeneral > div .barraAvanceActual { height: 0; width: 0; left: 0; position: absolute; border-bottom: 8px solid #011e41; pointer-events: none; }
.deslizadores .deslizador .barraAvanceActualGeneral > div .barraAvanceActual:before { content: ''; height: 0; left: -11px; position: absolute; border-bottom: 8px solid #011e41; width: 11px; }
.deslizadores .deslizador .divInfoActual { text-align: center; position: absolute; font-size: 1rem; left: 67px; top: 12px; }
.deslizadores .deslizador .divInfoActual span { position: relative; line-height:20px; }
.deslizadores .deslizador .divInfoActual span:before { width: 0; height: 0; border-left: 4px solid transparent; /*border-right: 4px solid transparent;*/ border-top: 4px solid #011e41; position: absolute; content: ""; left: 50%; transform: translate(-50%); top: -4px; }
.deslizadores .deslizador input[type="range"]::-webkit-slider-runnable-track { min-inline-size: 0px; align-self: center; box-sizing: border-box; display: block; -webkit-user-modify: read-only !important; flex: 1 1 0%; }
.deslizadores .deslizador input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 22px; height: 25px; background: url("/img/cre-resultados-puntero-objetivo-deslizador.svg"); background-repeat: no-repeat; cursor: grab; position: relative; border-radius: 50%; top: -4px; z-index: 2; }
.deslizadores .deslizador input[type="range"]::-moz-range-thumb { width: 25px; height: 25px; background: url("/img/cre-resultados-puntero-objetivo-deslizador.svg"); background-repeat: no-repeat; cursor: pointer; }
.deslizadores .deslizador.disabled input[type="range"]::-webkit-slider-thumb { display: none; }
.deslizadores .deslizador input[type="range"][disabled="disabled"]::-moz-range-thumb{display:none;}

.bubble { display:none; background: #8eac4e; color: white; padding: 12px; position: absolute; border-radius: 4px; transform: translateX(-50%); font-size: 16px; top: -44px; z-index: 2; }
.bubble.activo { display: inline-block; }
.bubble::after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #8eac4e; position: absolute; content: ""; left: 50%; transform: translate(-50%); bottom: -4px; }
svg .relleno>path { fill: #3B63AB !important; }
svg .rellenoCompromiso>path, svg .lineaCompromiso>path[id*="fondo"] { fill: #8EAC4C; }
svg .activa g * {visibility:visible; pointer-events:auto !important;}
tooltipAceleradores { padding: 0; }
tooltipAceleradores > p { font-size: 14px; line-height: 17px; }
aceleradores { display: block; }
aceleradores p, aceleradores span, aceleradores li, aceleradores strong { font-size: 12px !important; }
aceleradores ul { padding-left: 24px !important; }
aceleradores li p { line-height: 15px; }
aceleradores > p { margin: 0; padding: 0; }

/*COMPROMISO - ACELERADORES*/
.interiorPalanca{padding-left:24px;}
.interiorLineaActuacion{padding-left:16px;}
.interiorLineaActuacion ul > li>p { margin-bottom: 4px; }
.interiorLineaActuacion ul > li .tiposAcelerador { padding: 0; }
.interiorLineaActuacion ul > li .tiposAcelerador img { width: 24px; margin-right: 4px; }
.btnRecursos { display:inline-block; line-height:48px; }
.btnRecursos i { padding-left:8px; }

/*LEYENDA*/
.leyenda > .spanLeyenda { display: block; position: relative; padding-left: 24px; }
.leyenda > .spanLeyenda:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 18px; width: 18px; border-radius: 50% }
.leyenda > .spanLeyenda.actual:before { background-color: #011e41 }
.leyenda > .spanLeyenda.objetivos:before { background-color: #8eac4e }

/*NUEVO FORMULARIO*/
.enlaceNuevoFormulario { display: block; width: 100%; padding: 64px 24px; background-color: #ededed; cursor: pointer; border: none; outline: none; }
.enlaceNuevoFormulario:hover { background-color: #f7f7f7; }
.enlaceNuevoFormulario i { display: block; width: 100%; text-align: center; font-size: 64px; padding-bottom: 24px; color: #f5333f; }
.enlaceNuevoFormulario span { display: block; width: 100%; text-align: center; font-size: 24px; color: #011e41; }
.pix-grid.pad-10 { margin: 0; }

/*Fancytree*/
.fancytree-ico-ef span.fancytree-icon, .fancytree-has-children.fancytree-ico-cf span.fancytree-icon, .fancytree-ico-cf span.fancytree-icon { background-position: center center !important; background-size: contain !important; }
.fancytree-plain span span.fancytree-title { background: transparent !important; border: none !important }
.fancytree-node:hover { background: #e5f3ff !important; cursor: pointer !important }
.fancytree-node.fancytree-active { background: #cce8ff !important; border-radius: 2px !important }
.fancytree-node { line-height: 28px !important }
#fancytree-drop-marker, span.fancytree-checkbox, span.fancytree-drag-helper-img, span.fancytree-empty, span.fancytree-expander, span.fancytree-icon, span.fancytree-vline { vertical-align: middle !important; margin-top: 0 !important }

.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-ed span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander,
.fancytree-exp-c span.fancytree-expander,
.fancytree-exp-cl span.fancytree-expander { background-position: center center !important; background-image: url(//cdn.pixelinnova.com/pixelone/icono-angulo.svg) !important; background-size: 4px; transition: transform .3s; }
.fancytree-exp-e span.fancytree-expander:hover,
.fancytree-exp-el span.fancytree-expander:hover,
.fancytree-exp-ed span.fancytree-expander:hover,
.fancytree-exp-edl span.fancytree-expander:hover,
.fancytree-exp-c span.fancytree-expander:hover,
.fancytree-exp-cl span.fancytree-expander:hover { opacity: .5 !important }
.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander { transform: rotate(90deg) !important; }

/*Mirando hacia el futuro*/
.divImgBlog { text-align:center;}
.divImgBlog img{ max-width:100%; margin:auto;}

/*Vista móvil*/
@media (max-width:780px) { #divMainBar > div#divEnlaces, #divMainBar > nav#divNavegacion { display: none; }
    /*.botonesPDF .btn { width: 100%; margin-left: 0; }*/
    #cabecera .contenidoCabecera h1 { font-size: 32px; }
    #cabecera .contenidoCabecera .subtitulo { font-size: 24px; }
    header #divTopBar { padding: 0; }
    header #divTopBar > ul > li > a { padding: 12px 6px 10px 6px; }
    #divBtnContacto { max-width: unset; }
    footer #divAccesosRapidos, footer .divRedesSociales { background: #fff; box-shadow: none; }
    .actividad, .contenedorComo, .contenedorQuienes { width: 100%; }

    /*Home*/
    .divTblHome #divSVG:not(.divSVGAutoanalisis.desplegado) { height: 100vw !important; overflow: hidden; margin-bottom: 32px; }
    .divTblHome #divSVG:not(.divSVGAutoanalisis.desplegado) svg { width: 120% !important; height: auto !important; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
    .divTblHome #divSVG:not(.divSVGAutoanalisis.desplegado) svg [id*=linea_], .divTblHome #divSVG:not(.divSVGAutoanalisis) svg [id*=sombra_lineas] { display: none !important; }
    .divCmbPalancas { width:100%; padding:0 20px; }
    .divTblHome #divIndice > div {padding:0 20px;}
    #secDestacados .destacado { width:100%; }

    /*Barra avance formulario*/
    #divBarraAvance { display: block; width: calc(100% + 48px); font-size: 0; padding-top: 0 !important; padding-bottom: 48px; position: sticky; top: 117px; background-image: linear-gradient(#fff 70%,transparent ); z-index: 2; margin-left: -24px; margin-right: -24px; }
    #divBarraAvance .divBarraAvancePalanca { display: inline-block; width: 11.11%; }
    #divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt { display: inline-block; width: 100%; position: relative; }
    #divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceCirculo { width: 30px; height: 30px; transform: translateX(-50%) translateY(-50%) rotate(45deg); border: 2px solid; position: absolute; top: 50%; left: 50%; z-index: 3; }
    #divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceCirculo .imgExt{padding:4px;}
    #divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceBarra { width: 100%; }
    #divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt > div { display: inline-block; width: 100%; border-right: 1px solid #fff; }
    #divBarraAvance .divBarraAvancePalanca .divBarraAvancePalancaInt .avanceBarra .avanceBarraInt{height:48px;}
    #divBarraAvanceFinal{display:none !important;}
}

/*Vista tablet en adelante*/
@media (max-width:1280px) {
    /*.divColumnaHeader.headerMovil { display: block; }*/
    .solo-pc { display: none !important; }
    .solo-movil { display: block !important; }
    body { padding-top: 72px; }
    .divColumnaHeader.headerPc { display: none; }
    header { box-shadow: none; }
    #secTopBar2 { box-shadow: 0 0 8px rgb(0 0 0 / 40%); }
    header.menuMovilActivo .menuDesplegableMovil, header.menuMovilActivo .overlay { display: block; }
    .divBarraLateral { display: table; width: 100% }
    .divTblHome #divSVG { height: 600px; }
    .divTblHome #divSVG svg { width: 90%; height: 80% }
    .divTblHome > div.divPresentacion.activo { background: #fff; padding: 24px 0; margin: 24px; }
    .divTblHome > div.divContenidoPalanca.activo { background: #fff; padding: 24px; }
    .divTblHome { padding-bottom: 24px }
    .divTblHome > div.divContenidoPalanca h2 { font-size: 24px; }
    .divTblHome > div.divContenidoPalanca h2 > span { font-family: Montserrat; font-weight: bolder; font-size: 40px; vertical-align: middle; margin-right: 12px }
    .divTblHome > div.divContenidoPalanca h3 { line-height: 20px; font-size:18px; }
    .divTblHome > div.divContenidoPalanca #divResumenEstudio p { font-size: 16px;  }
    .divTblHome #olInteriorPalanca li a { padding:8px 0; }
    #ulIndicePalancas, #ulLeyenda{display:none;}
    #divTituloPalanca { margin-top: 16px; }
    .divAccionesPalanca{display:none;}
    .botonesPDF .divBtn { padding: 0 !important; }
    .botonesPDF .divBtn .pix-campo{padding:0 !important;}
    footer { padding: 32px 0 0 0; }
    footer #divCreditosFooter > div { text-align: center }
    footer #divEnlacesFooter > div{padding-top:0;}
    footer #logoFooter{width:100%; max-width:600px;}
    footer #divAccesosRapidos, footer .divRedesSociales{box-shadow:none;}
    footer .divColumna{padding:0!important;}
    footer .divColumna > div > div:not(#divAccesosRapidos) { padding: 0 24px; }
    footer .acordeon h3 { border-bottom: 1px solid lightgray; }
    footer #divAccesosRapidos{padding:32px 0 !important;}
    footer .divRedesSociales{padding:16px !important;}
    footer #divEnlacesFooter a{font-size:16px; line-height:30px;}
    .sinColIzq #secBody { padding-top: 0; }
    .sinColIzq #secBody #secTopBar2{margin:0;}
    .sinColIzq #migas, .sinColIzq.migas{padding:24px 0;}
    #migas a, #migas span, .migas a, .migas span { line-height: 48px;  }
    .divColumna { width: 100% !important; }
    .divColumna:not(.divColumnaHeader) { padding: 0 24px; }
    .colIzqPeq #secTopBar2 .divColumna .enlaceInicio, .colIzqMitad #secTopBar2 .divColumna .enlaceInicio { display: inline-block; }
    .divBarraLateral .enlaceInicio{display:none;}

    #secVideo > div { display: block; }
    #secVideo > div > div { display: block; }
    #secVideo > div > div:last-child { width: 100% }

    .divBarraLateraInt { padding: 0; }
    .divBarraLateraInt .divInformacionAdicional { max-width: 100%; width: 100%; margin: 0; }
    .divBarraLateraInt .divInformacionAdicional:after { content: ''; position: absolute; width: 0; height: 0; border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 24px solid #ededed; left: 50%; bottom: -24px; transform: translateX(-50%) }
    .divCssTblHome { padding-top:45px; }

    /*Migas*/
    .migas.solo-movil { padding: 16px 24px; }
    /*Listado de compromisos*/
    .acordeon .contenidoAcordeon { display: none; }
    .acordeon>h2 { background: rgb(237,237,237); background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(244,244,244,1) 100%); border: 1px solid #ededed; margin: 0 !important; padding: 16px 36px 16px 16px; position: relative; cursor: pointer; line-height: 1.4em !important; }
    .acordeon>h3 { margin: 0 !important; padding: 16px 36px 16px 16px; position: relative; cursor: pointer; line-height: 1.4em !important;  }
    .acordeon>h2:after, .acordeon>h3:after { content: '\f107'; font-family: 'Font Awesome 6 Free'; position: absolute; right: 16px }
    .acordeon.activo>h2, .acordeon.activo>h3 { background: white; }
    .acordeon .contenidoAcordeon { border: 1px solid #ededed; padding:16px; }
    .acordeon .contenidoAcordeon.contenidoLineasSeleccionadas ul { list-style: none; padding-left:0; }
    .acordeon .contenidoAcordeon.contenidoLineasSeleccionadas > ul > li { color: #011e41 !important; font-weight: 700; margin-bottom: 16px; }
    .acordeon .contenidoAcordeon.contenidoLineasSeleccionadas > ul > li > ul{ padding-left:16px; }
    .acordeon .contenidoAcordeon.contenidoLineasSeleccionadas > ul > li > ul > li { font-weight: 500; font-size: 15px }
    .acordeon .contenidoAcordeon.contenidoLineasSeleccionadas .contadorAsambleas { display: inline-block; background-color: #eaeaea; border-radius: 50%; width: 24px; height: 24px; margin-left: 8px; text-align: center; line-height: 24px; font-size:12px; }
    .deslizadores .deslizadoresEdad, .deslizadores .deslizadoresGenero { padding-bottom: 40px !important; margin-left:0; }
    .btnAmpliarSVG { color: #011e41; font-size: 24px; padding: 16px; background-color: #ededed; border-radius: 50%; display: inline-block; position: absolute; right: 0; bottom: 16px; }
    /*Fancytree*/
    .fancytree-node { line-height: 48px; font-size: 16px }
    span.fancytree-checkbox, span.fancytree-drag-helper-img, span.fancytree-empty, span.fancytree-expander,  span.fancytree-icon,  span.fancytree-vline { width: 24px!important; height: 24px!important }
    span.fancytree-node.fancytree-folder { display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; }
    .fancytree-plain span span.fancytree-title { display: inline }
    .divBarraLateral { table-layout: fixed; }
    #divArbolExt { width: 100%; }
    /*Top bar 2*/
    #secTopBar2 { font-size: 14px; text-align: left; line-height: 40px; z-index: 4; position: fixed; background-color: #ededed; }
    .divCssTblHome:before { display: none; }

    /*Resultados*/
    .barraPuntuacion {display:block; width:100%; height:4px; background-color:#dadada; position:relative}
    .barraPuntuacion .barraResultado { display: block; width: 0; height: 100%; background-color: #011e41; position: absolute; left: 0; top: 0; z-index: 2 }
    .barraPuntuacion .barraObjetivo { display: block; width: 0; height: 100%; background-color: #8EAC4C; position: absolute; left: 0; top: 0; z-index: 1 }
}

@media (min-width:781px) {
    .actividad, .contenedorComo, .contenedorQuienes { width: 50%; }
    .divCmbPalancas{display:none;}
    #divBarraAvance { top:117px; }
    #secDestacados .destacado { width: 50%; }

}
/*Vista PC*/
@media (min-width:1281px) {

    .solo-movil { display: none !important; }
    .solo-pc { display: block !important; }
    .divColumna { max-width: 1300px;}
    .divColumna:not(.divColumnaHeader) { padding: 0 20px; }

    #secDestacados .destacado { width: 25%; }
    .actividad, .contenedorComo, .contenedorQuienes { width: 25%; }
    #divBarraAvance { top: 115px; }

    /*Home*/
    .divColumnaHeader.headerMovil { display: none; }
    .divColumnaHeader.headerPc { display: block; }
    .divTblHome { display: table; width: 100%; font-size: 0; height: calc(100vh - 115px); }
    .divTblHome > div { display: table-cell; vertical-align: middle; }
    .divTblHome > div.divBarraLateral { background-image: url(../img/fondo-header-izq.png); background-repeat: no-repeat; background-position: right -100px; background-size: cover; transition: width .4s ease-in }
    .divTblHome.palanca-activa > div.divBarraLateral { background-size: inherit }
    .divTblHome:not(.palanca-activa) > div.divBarraLateral { background-position: right top; }
    .divTblHome > div.divPresentacion { background-image: url(../img/fondo-header-der.png); background-repeat: no-repeat; background-position: right bottom; background-size: contain; padding-right: 160px; font-size: initial; }

    .divTblHome.palanca-activa > div.divBarraLateral { width: 35% }
    .divTblHome:not(.palanca-activa) > div.divBarraLateral { width: 50% }


    .divTblHome #divSVG svg { max-width: unset; top: 50%; transform: translateY(-50%) translateX(-50%); position: absolute; left: 50%; transition: height .2s, width .2s }
    .divTblHome #divSVG.ajustarAAlto svg { height: 100%; }
    .divTblHome #divSVG.ajustarAAncho svg { width: 100%; }
    .divTblHome #divSVG:hover.ajustarAAlto svg { height: 90% }
    .divTblHome #divSVG:hover.ajustarAAncho svg { width: 90%; }

    .divTblHome.palanca-activa > div { vertical-align: top }
    .divTblHome.palanca-activa #divSVG { height: 45%; max-height: calc(50vh - 60px); min-height: calc(50vh - 60px) }
    .divTblHome.palanca-activa #divIndice { height: 55%; }
    .divTblHome.palanca-activa #divSVG svg { top: 10px; transform: translateX(-50%); }
    .divTblHome.palanca-activa #divSVG.ajustarAAncho svg { width: 70%; }
    .divTblHome.palanca-activa #divSVG.ajustarAAlto svg { height: 100%; }


    footer #divEnlacesFooter, footer #divCreditosFooter { display: table; width: 100% }

    footer #divEnlacesFooter > div, footer #divCreditosFooter > div { display: table-cell; }
    footer #divAccesosRapidos, footer .divRedesSociales { width: 33.33%; }

    /*Resultados*/
    .divInformacionAdicional:after { content: ''; position: absolute; width: 0; height: 0; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left: 24px solid #ededed; right: -24px; top: 48px; }

}

@keyframes pix-ampliar {
    0% { transform: scale(.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes pix-aparecer {
    0% { transform: translateY(150px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}