@font-face { font-family: 'ine-Poppins-Black'; src: url('../fonts/ine-Poppins-Black.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-BlackItalic'; src: url('../fonts/ine-Poppins-BlackItalic.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-Bold'; src: url('../fonts/ine-Poppins-Bold.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-BoldItalic'; src: url('../fonts/ine-Poppins-BoldItalic.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-ExtraBold'; src: url('../fonts/ine-Poppins-ExtraBold.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-ExtraBoldItalic'; src: url('../fonts/ine-Poppins-ExtraBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-ExtraLight'; src: url('../fonts/ine-Poppins-ExtraLight.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-ExtraLightItalic'; src: url('../fonts/ine-Poppins-ExtraLightItalic.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-Italic'; src: url('../fonts/ine-Poppins-Italic.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-Light'; src: url('../fonts/ine-Poppins-Light.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-LightItalic'; src: url('../fonts/ine-Poppins-LightItalic.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-Medium'; src: url('../fonts/ine-Poppins-Medium.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-MediumItalic'; src: url('../fonts/ine-Poppins-MediumItalic.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-Regular'; src: url('../fonts/ine-Poppins-Regular.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-SemiBold'; src: url('../fonts/ine-Poppins-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-SemiBoldItalic'; src: url('../fonts/ine-Poppins-SemiBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-Thin'; src: url('../fonts/ine-Poppins-Thin.ttf') format('truetype'); } @font-face { font-family: 'ine-Poppins-ThinItalic'; src: url('../fonts/ine-Poppins-ThinItalic.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins.ttf') format('truetype'); } /* GENERALES */ .alinear_titulo_der { text-align: right; width: 100%; } h3.alinear_titulo_der::after { right: -135px !important; left: unset !important; z-index: -1; } h3.alinear_titulo_izq::after { left: -135px !important; right: unset !important; z-index: -1; } a.ine-link { color: #3463AC; opacity: 0.78; text-decoration: underline; } a.ine-scroll { width: 73px; height: 73px; background: url('../img/ine-scroll-arr.png') #F5F5F7 no-repeat center center; border-radius: 37px; } a.ine-scroll:hover { background-image: url('../img/ine-scroll-arrh.png'); background-color: #303555; } dl.ine-dl dt { color: #303555; font-family: 'ine-Poppins-Medium'; font-size: 20px; } dl.ine-dl dd { color: #303555; font-family: 'ine-Poppins-Regular'; padding-left: 25px; font-size: 18px; } .ine-hr hr { border-top: 1px solid #d1d2d9; opacity: 1; margin: 20px 0; padding-bottom: 20px; } .ine-button { font-family: "ine-Poppins-Regular"; font-size: 16px; color: #303555; text-align: center; margin-bottom: 25px; } .ine-button a { color: #F5F5F7; background-color: #303555; padding: 12px 18px; border-radius: 12px; display: inline-block; text-decoration: none; } .ine-button a:hover { background-color: #3463AC; } .ine-rojo { color: #E1AEB1 !important; } .ine-f-grisClaro { background-color: #f9f9fa !important; } .ine-f-azulClaro { background-color: #edf2f9 !important; } .ine-f-degradado { background: transparent linear-gradient(90deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%) 0% 0% !important; } .ine-s-azulClaro::after { border-color: #6B96CF !important; } .ine-s-azulOscuro::after { border-color: #184487 !important; } .ine-s-rojo::after { border-color: #CB182380 !important; } .ine-s-azulClaro, .ine-s-azulOscuro, .ine-s-rojo { position: relative !important; padding-left: 10px; display: inline-block !important; } .ine-s-azulClaro::after, .ine-s-azulOscuro::after, .ine-s-rojo::after { content: "" !important; position: absolute !important; bottom: 3px !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; width: 192px !important; left: 0 !important; opacity: 0.63 !important; z-index: -1 !important; } .ine-cita { border-left: 2px solid #CB1823; padding-top: 10px; padding-left: 15px; } .ine-cita p { font-family: "ine-Poppins-Italic" !important; font-size: 18px !important; line-height: 25px !important; } .ine-citador, p.ine-citador { font-family: "ine-Poppins-Medium" !important; font-size: 16px !important; line-height: 25px !important; font-style: normal; } .ine-subtitle { font-family: "ine-Poppins-Medium" !important; font-size: 22px !important; line-height: 27px !important; } .ine-entradilla h2 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 26px; display: inline-block; border-bottom: 1px solid #CB1823; margin-top: 30px; } .ine-entradilla p { font-family: "ine-Poppins-Regular"; color: #303555; ; font-size: 18px; } .ine-break { margin-top: 50px; margin-bottom: 20px; } .ine-zindex { position: relative; z-index: 2; } .ine-zindexModal { position: relative; z-index: 1055; } .ine-iframes { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; } .ine-sep-sup { padding-top: 49px; } p.ine-destacado, div.ine-destacado p { font-family: "ine-Poppins-Medium" !important; color: #3463AC !important; font-size: 30px !important; word-break: break-word !important; } .ine-news div.view-empty, .ine-protagonistas div.view-empty { text-align: center; } .ine-readmore span { font-family: "ine-Poppins-Medium"; font-size: 16px; color: #184487; position: relative; } .ine-readmore::after { content: ""; background: url('../img/ine-mas.png') no-repeat center right; position: relative; padding-right: 20px; } a .ine-readmore span::before { content: ""; border-bottom: 2px solid #184487; position: absolute; width: 0; left: 0; bottom: -1px; transition: width 0.3s; } a:hover .ine-readmore span::before { width: 100%; } a:hover .ine-readmore span { text-decoration: none; } .ine-filtros { margin-top: 25px; margin-bottom: 25px; } .ine-filtros button { font-family: "ine-Poppins-Regular"; font-size: 14px; background-color: #3463AC; text-transform: uppercase; border-radius: 14px; color: #F5F5F7; text-decoration: none; padding: 12px 60px; line-height: 24px; display: inline-flex; border: 0; } .ine-filtros button span { position: relative; } .ine-filtros button span::before { content: ""; border-bottom: 2px solid #fff; position: absolute; width: 0; left: 0; bottom: -1px; transition: width 0.3s; } .ine-filtros button:hover span::before { width: 100%; } .ine-filtros button::before { content: ""; background: url('../img/ine-lupa.png') no-repeat center left; padding-right: 40px; width: 24px; height: 24px; position: relative; } .ine-filtros label { font-family: "ine-Poppins-Regular"; font-size: 12px; text-transform: uppercase; color: #3463AC; margin-bottom: 2px; margin-left: 13px; } .ine-filtros select, .ine-filtros input { font-family: "ine-Poppins-Regular"; font-size: 14px; color: #303555; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #dddee3; border-radius: unset; } .ine-filtros form { display: inline-flex; } body[class^="path-comunicacion"] ul.pager > li.pager__item, body[class^="path-communication"] ul.pager > li.pager__item { text-align: center; margin-bottom: 25px; } body[class^="path-comunicacion"] ul.pager > li.pager__item > a.button, body[class^="path-communication"] ul.pager > li.pager__item > a.button { font-family: "ine-Poppins-Regular"; font-size: 16px; color: #F5F5F7; background-color: #303555; padding: 12px 18px; border-radius: 12px; display: inline-block; text-decoration: none; } body[class^="path-comunicacion"] ul.pager > li.pager__item > a.button:hover, body[class^="path-communication"] ul.pager > li.pager__item > a.button:hover { background-color: #3463AC; } body[class^="path-comunicacion"] #block-scrolltotop h2, body[class^="path-communication"] #block-scrolltotop h2 { display: none; } #ineShowPhoto .modal-body { background: transparent linear-gradient(119deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%); } #ineShowPhoto .modal-body > div > button { background-color: transparent; border: 0; margin-bottom: 15px; } #ineShowPhoto .modal-body img.ine-show-photo-modal { border: 1px solid #333; max-width: 100%; height: auto; } #ineShowPhoto .modal-body p { font-family: "ine-Poppins-Regular"; font-size: 14px; line-height: 18px; color: #fff; margin: 10px; text-align: center; } .ine-carrusel-multimedia li { list-style: none; padding-bottom: 25px; } .ine-carrusel-multimedia .col-sm-6 .field--name-field-media-image { max-height: 325px; overflow: hidden; } .ine-carrusel-multimedia .col-sm-4 .field--name-field-media-image { max-height: 219px; overflow: hidden; } .ine-carrusel-multimedia .carousel ul { padding-left: 0; padding-bottom: 0; margin-bottom: 0; } .ine-carrusel-multimedia .carousel button img:last-of-type { display: none; } .ine-carrusel-multimedia .carousel button:hover img:first-of-type { display: none; } .ine-carrusel-multimedia .carousel button:hover img:last-of-type { display: inline-block; } .ine-carrusel-multimedia .carousel .carousel-inner { min-height: 184px; } .ine-carrusel-multimedia .carousel button { border: none; background: none; margin: 0px 10px 25px 10px; } .ine-carrusel-multimedia .carousel .field--name-field-pie-de-imagen { display: none; } .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item.active, .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item-next, .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item-prev { display: flex; } body.path-comunicacion-conectados #block-ineco-bootstrap-barrio-content, body.path-communication-connected #block-ineco-bootstrap-barrio-content, body.path-comunicacion-protagonistas #block-ineco-bootstrap-barrio-content, body.path-communication-protagonists #block-ineco-bootstrap-barrio-content, body.path-comunicacion-protagonistas-fuera-de-pista #block-ineco-bootstrap-barrio-content, body.path-communication-protagonists-other-view #block-ineco-bootstrap-barrio-content, body.path-comunicacion-protagonistas-equipo-10 #block-ineco-bootstrap-barrio-content, body.path-communication-protagonists-team-10 #block-ineco-bootstrap-barrio-content, body.path-comunicacion-protagonistas-la-voz-del-experto #block-ineco-bootstrap-barrio-content, body.path-communication-protagonists-the-voice-of-the-expert #block-ineco-bootstrap-barrio-content { background: url('../img/ine-fondo.svg') repeat-y; background-size: cover; } /* HEADERS */ body[class^="path-comunicacion"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol, body[class^="path-communication"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol { height: 262px; background-size: cover; background-position: left; position: relative; z-index: 1; background-repeat: no-repeat; width: 100%; } body[class^="path-comunicacion"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol::after, body[class^="path-communication"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: transparent linear-gradient(133deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%); opacity: 75%; } body[class^="path-comunicacion"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol h1, body[class^="path-communication"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol h1 { font-family: "ine-Poppins-SemiBold"; font-size: 68px; color: #fff; font-weight: 600; } body[class^="path-comunicacion-conectados-"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol, body[class^="path-communication-connected-"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol { height: unset; background-size: unset; background-position: unset; position: unset; z-index: unset; background-repeat: unset; width: unset; } body[class^="path-comunicacion-conectados-"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol::after, body[class^="path-communication-connected-"] .layout--onecol:first-of-type > .ine-unacol.ine-unacol::after { content: none; } .path-comunicacion .layout--onecol:first-of-type > .ine-unacol, .path-communication .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-home.jpg'); } .path-comunicacion-noticias .layout--onecol:first-of-type > .ine-unacol, .path-communication-news .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-noticias.jpg'); } .path-comunicacion-categoria .layout--onecol:first-of-type > .ine-unacol, .path-communication-category .layout--onecol:first-of-type > .ine-unacol, .path-comunicacion-etiqueta .layout--onecol:first-of-type > .ine-unacol, .path-communication-tag .layout--onecol:first-of-type > .ine-unacol, .path-comunicacion-noticias-buscador .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-buscador.jpg'); } .path-comunicacion-conectados .layout--onecol:first-of-type > .ine-unacol, .path-communication-connected .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-conectados.jpg'); } .path-comunicacion-videos .layout--onecol:first-of-type > .ine-unacol, .path-communication-videos .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-videos.jpg'); } .path-comunicacion-marca .layout--onecol:first-of-type > .ine-unacol, .path-communication-brand .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-presskit.jpg'); } .path-comunicacion-informe-anual .layout--onecol:first-of-type > .ine-unacol, .path-communication-annual-report .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-informe.jpg'); } .path-comunicacion-revista-itransporte .layout--onecol:first-of-type > .ine-unacol, .path-communication-corporate-magazine .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-revistaIT.jpg'); } .path-comunicacion-webinars .layout--onecol:first-of-type > .ine-unacol, .path-communication-webinars .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-webinars.jpg'); } .path-comunicacion-contacto .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-contacto.jpg'); } body[class^="path-comunicacion-protagonistas"] .layout--onecol:first-of-type > .ine-unacol, body[class^="path-communication-protagonists"] .layout--onecol:first-of-type > .ine-unacol { background-image: url('../img/ine-header-protagonistas.jpg'); } .ine-breadcrum ol { font-family: "ine-Poppins-Regular"; list-style-type: none; padding-top: 57px; color: #fff; } .ine-breadcrum li { font-size: 16px; text-transform: uppercase; display: inline-block; letter-spacing: 0.8px; } .ine-breadcrum li > a { text-decoration: none; color: #fff; transition-duration: 0.5s; border-bottom: 2px solid rgba(0, 0, 0, 0); } .ine-breadcrum li > a:hover { border-color: #fff; } .ine-breadcrum li::after { content: "-"; padding: 0 6px 0 10px; } .ine-breadcrum li:last-child::after { content: ""; } .ine-subheader { margin-top: 48px; margin-bottom: 24px;} .ine-subheader h2 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 40px; text-transform: uppercase; position: relative; width: 100%; height: 50px; padding-left: 10px; letter-spacing: 3px; font-weight: 600; z-index: 0; } .ine-subheader h2::after { content: ""; position: absolute; bottom: 3px; border-bottom: 23px solid #6B96CF; width: 192px; left: 0; opacity: 0.63; z-index: -1; } .ine-subheader a { text-decoration: none; } .ine-seeAll a { font-family: "ine-Poppins-Medium"; text-decoration: none; color: #303555; font-size: 16px; font-weight: 500; transition-duration: 0.5s; border-bottom: 2px solid rgba(0, 0, 0, 0); line-height: 0px; position: relative; } .ine-seeAll::after { font-family: "ine-Poppins-Light"; content: " >"; top: 6px; color: #CB1823; font-size: 32px; font-weight: 300; width: 100%; height: 100%; position: relative; } .ine-seeAll a::before { content: ""; border-bottom: 2px solid #CB1823; position: absolute; width: 0; left: 0; bottom: -1px; transition: width 0.3s; } .ine-seeAll a:hover::before { width: 100%; } /* HOME */ .ine-news ul { list-style: none; padding: 0; } .ine-news li { margin-bottom: 25px; } .ine-news li:nth-child(3n+1) > a.ine-new { margin-left: 0; margin-right: 50px; } .ine-news li:nth-child(3n) > a.ine-new { margin-right: 0; margin-left: 50px; } a.ine-new { text-decoration: none; margin-left: 25px; margin-right: 25px; display: inline-block; } a.ine-new:hover p { text-decoration: underline; text-decoration-color: #303555;} a.ine-new:hover p.ine-readmore { text-decoration: none; } a.ine-new:hover img { transform: scale(1.1); } a.ine-new img { transition-duration: 0.5s; width: 100%; height: auto; } a.ine-new p { font-family: "ine-Poppins-SemiBold"; margin: 5px 0 10px; color: #303555; font-size: 20px; line-height: 30px; margin-bottom: 0; } a.ine-new span.ine-newdate { font-family: "ine-Poppins-Regular"; position: absolute; padding: 10px 20px; bottom: 0; opacity: 0.92; background-color: #fff; font-size: 16px; color: #303555; } a.ine-new > div { position: relative; } a.ine-new > div:first-child { overflow: hidden; max-height: 353px; } ul.ine-reports { list-style: none; padding: 0; } a.ine-report { text-decoration: none; display: block; background-color: #fff; position: relative; text-align: left; color: #fff; overflow: hidden; } a.ine-report:hover { color: #fff; } a.ine-report h3 { font-family: "ine-Poppins-SemiBold"; font-size: 28px; font-weight: 600; position: relative; padding-bottom: 5px; } a.ine-report.ine-report-ppal h3 { font-size: 56px; } a.ine-report h3::after { content: ""; position: absolute; bottom: 0; border-bottom: 1px solid #fff; width: 160px; left: 0; } a.ine-report.ine-report-ppal h3::after { border-width: 2px; width: 230px; } a.ine-report p { font-family: "ine-Poppins-Regular"; font-size: 14px; letter-spacing: 1.4px; } a.ine-report.ine-report-ppal p { font-size: 22px; letter-spacing: 2.2px; } a.ine-report span { font-family: "ine-Poppins-Regular"; font-size: 16px; margin-bottom: 5px; } a.ine-report img { transition-duration: 0.5s; max-width: 100%; height: auto; width: 100%; } a.ine-report:hover img { transform: scale(1.1); } a.ine-report > div { position: relative; } a.ine-report > div:first-child { overflow: hidden; height: 268px; } a.ine-report.ine-report-ppal > div:first-child { height: 560px; } a.ine-report > div:last-child { background: transparent linear-gradient(180deg, #848795 0%, #000000 100%); opacity: 0.66; position: absolute; width: 100%; height: 100%; top: 0; } a.ine-report .ine-reportT { padding: 0 15px; position: absolute; bottom: 0; width: 100%; height: auto; z-index: 1; left: 0; transition: all 0.5s; } a.ine-report.ine-report-ppal .ine-reportT { padding: 0 30px; } a.ine-report:hover .ine-reportT { bottom: 15px; } a.ine-report.ine-report-ppal:hover .ine-reportT { bottom: 30px; } .ine-protas { background-color: rgba(245, 245, 247, 0.57); margin-top: 45px; padding-top: 75px; padding-bottom: 75px; } .ine-protas.row { margin-left: 0; margin-right: 0; } .ine-protas h2 { white-space: nowrap; display: table; } .ine-protas ul { list-style: none; padding: 0; text-align: center; } .ine-protas p { font-family: "ine-Poppins-Regular"; font-size: 18px; color: #303555; margin: 0 0 0 12px; padding-top: 30px; opacity: 0.78; } .ine-protas .ine-subheader { margin-top: 0; } .ine-protas .ine-subheader p { font-size: 14px; padding-top: 10px; text-align: start; } .ine-protas .ine-protas-tittle { width: min-content; margin-left: auto; } a.ine-prota { text-decoration: none; display: block; background-color: #fff; position: relative; text-align: left; } a.ine-prota h3 { font-family: "ine-Poppins-SemiBold"; font-size: 34px; color: #fff; padding: 0 15px; position: absolute; top: 65%; z-index: 1; width: 100%; word-break: break-word; } a.ine-prota h3::after { content: ""; border-bottom: 2px solid #fff; position: absolute; width: 0; bottom: -6px; left: 15px; transition: width 0.3s ; } a.ine-prota:hover h3::after { width: 40%; } a.ine-prota p { text-align: left; word-break: break-word; } a.ine-prota img { transition-duration: 0.5s; max-width: 100%; height: auto; width: 100%; } a.ine-prota:hover img { transform: scale(1.1); } a.ine-prota > div { position: relative; } a.ine-prota > div:first-child { overflow: hidden; } a.ine-prota > div:last-child { background: transparent linear-gradient(138deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%); opacity: 0.62; position: absolute; width: 100%; height: 100%; top: 0; } a.ine-prota:hover > div:last-child { background: #121212; } a.ine-prota::after { content: ""; background-image: url('../img/ine-flechader.png'); background-repeat: no-repeat; position: absolute; bottom: 0; right: 0; width: 56px; height: 56px; } a.ine-prota:hover::after { background-image: url('../img/ine-flechaderh.png'); } .ine-eldato { font-family: "ine-Poppins-Medium"; font-size: 20px; position: relative; color: #848795; padding-top: 50px; padding-bottom: 10px; } .ine-eldato > div > a { border: 0.5px solid #848795; border-radius: 14px; display: block; text-decoration: none; color: #848795; overflow: hidden; background-color: #fff; } .ine-eldato > div > a::before { content: ""; border: 3px solid #fff; position: absolute; width: 265px; top: 50px; left: 0; } .ine-eldato h3 { font-size: 32px; color: #303555; position: absolute; background: url('../img/ine-sabiasque.png') no-repeat left top; margin: -22px 0; padding: 0 35px 19px 60px; left: 0; } .ine-eldato > div > a > div { padding: 30px 10px 15px; } .ine-eldato > div > a > div.ine-eldato-fondo { background: url('../img/ine-fondocasa.png') no-repeat bottom right; } .ine-eldato .ine-eldato-resaltado { color: #184487; } .ine-eldato .ine-eldato-relevante { font-family: "ine-Poppins-SemiBold"; font-size: 34px; color: #6B96CF; } .ine-eldato .ine-eldato-valoracion { color: #303555; } .ine-eldato .ine-eldato-cifras { font-family: "ine-Poppins-Semibold"; color: #184487; font-size: 50px; } .ine-eldato .ine-eldato-cifradestacada { font-size: 70px; vertical-align: middle; padding-right: 5px; line-height: 70px; } .ine-eldato .ine-eldato-porcentaje { font-size: 51px; color: #6B96CF; } .ine-eldato .ine-eldato-estrella { background: url('../img/ine-estrella.png') no-repeat center right; } .ine-eldato p { font-family: "ine-Poppins-Light"; font-size: 15px; color: #A6A7AB; margin: 10px; } .ine-eldato .ine-eldato-bici > img { margin-right: 20px; } .ine-eldato .ine-eldato-borde { border-top: 5px dotted #CB1823; } .ine-eldato .ine-eldato-cifraembebida { line-height: 1.1; } .ine-eldato .pl-0 { padding-left: 0; } .ine-eldato .ine-eldato-inline { display: inline-block; padding: 0 10px; } #ine-eldato button img:last-of-type { display: none; } #ine-eldato button:hover img:first-of-type { display: none; } #ine-eldato button:hover img:last-of-type { display: inline-block; } #ine-eldato .carousel-inner { min-height: 250px; } #ine-eldato button { border: none; background: none; margin: 10px; } .ine-publicaciones { background-color: rgba(245, 245, 247, 0.57); margin-top: 45px; } .ine-publicaciones h2 { word-break: break-word; display: table; } .ine-publicaciones .ine-subheader p { font-family: "ine-Poppins-Regular"; font-size: 18px; color: #303555; margin: 0px 0 0 12px; padding-top: 30px; opacity: 0.78; } .ine-publicaciones ul { list-style: none; padding: 0; overflow: hidden; } .ine-public { height: 451px; background: #184487; color: #fff; text-align: center; position: relative; } .ine-public.ine-revista { background-color: #6B96CF } .ine-public > a { color: #fff; text-decoration: none; display: block; height: 100%; } .ine-public > a > img { height: 90px; margin: 120px 0 15px; opacity: 1; transition-duration: 0.3s; } .ine-public > a:hover > img { opacity: 0; } .ine-public > a > h3 { font-family: "ine-Poppins-Medium"; font-size: 28px; margin: 0 24px; transition-duration: 0.3s; color: #fff; } .ine-public > a:hover > h3 { margin: -32% 24px 4%; } .ine-public > a > p { font-family: "ine-Poppins-Light"; font-size: 18px; margin: 0 24px; visibility: hidden; color: #fff; position: relative; z-index: 1; } .ine-public > a:hover > p { visibility: visible; } .ine-public > a::after { content: ""; position: absolute; width: 28px; height: 28px; background: url('../img/ine-maspeq.png') no-repeat center center; border: 1px solid #fff; border-radius: 15px; padding: 6px; bottom: 18%; left: calc(50% - 13px); } .ine-banners { margin-top: 25px; } .ine-banners .ine-subheader h2 { white-space: nowrap; } .ine-banners ul { list-style: none; padding: 0; } .ine-banners a.ine-prota h3 { top: unset; bottom: 10px; left: 10px; width: auto; padding-right: 0; } .ine-banners a.ine-prota::after { content: none; } .ine-banners a.ine-prota:hover h3::after { width: calc(100% - 15px); } .ine-rrss { background-color: #6B96CF33; padding-top: 50px; padding-bottom: 50px; } .ine-rrss ul { padding: 0; margin: 0; } .ine-rrss li { list-style: none; display: inline-block; margin: 0 15px; } .ine-rrss li:first-child { margin-left: 0; } .ine-rrss li:last-child { margin-right: 0; } .ine-rrss li { width: 59px; height: 59px; align-items: center; padding: 0; display: inline-flex; border-radius: 30px; background: transparent linear-gradient(134deg, #1A4385 0%, #224180 26%, #313D78 41%, #45386D 53%, #5F325F 65%, #7F2A4D 75%, #A42138 84%, #CB1823 93%, #CB1823 100%); } .ine-rrss li:hover { background: transparent linear-gradient(221deg, #1A4385 0%, #224180 26%, #313D78 41%, #45386D 53%, #5F325F 65%, #7F2A4D 75%, #A42138 84%, #CB1823 93%, #CB1823 100%); } .ine-rrss a { width: 100%; } /* NOTICIAS */ .ine-noticia-header { position: relative; } .ine-noticia-header > div:first-child { position: absolute; width: 100%; height: 450px; top: 0; left: 0; overflow: hidden; } .ine-noticia-header > div:first-child > img { min-width: 102%; filter: blur(20px); top: -20px; left: -20px; position: relative; } .ine-noticia-header::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 450px; background-color: #303555; opacity: 55%; filter: brightness(-7%); } .ine-noticia-header h1 { font-family: "ine-Poppins-SemiBold"; font-size: 60px; color: #fff; font-weight: 600; } .ine-noticia article { color: #303555; margin-top: 50px; margin-bottom: 25px; } .ine-noticia article h2 { font-family: "ine-Poppins-Medium"; color: #3463AC; font-size: 30px; margin-top: 25px; } .ine-noticia article p { font-family: "ine-Poppins-Regular"; font-size: 18px; } .ine-noticia article p.ine-piefoto { font-family: "ine-Poppins-Regular"; font-size: 12px; line-height: 18px; color: #303555; opacity: 0.78; margin-top: 5px; text-align: left; } .ine-noticia article div.row { margin-top: 25px; } .ine-noticia article li { color: #3463AC; } .ine-noticia article li p { color: #303555; } .ine-noticia article div.progress { display: none; } .ine-noticia article .field--name-field-media-image img { margin-bottom: 10px; } .ine-noticia article .field--name-field-pie-de-imagen { font-family: "ine-Poppins-Regular"; font-size: 12px; line-height: 18px; color: #303555; opacity: 0.78; text-align: left; display: inline-block; } .ine-noticia article .field--name-field-media-oembed-video, .ine-noticia article .field--name-field-media-video-file { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; margin-right: 17px; } .ine-noticia article .field--name-field-media-oembed-video iframe, .ine-noticia article .field--name-field-media-video-file video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ine-noticia article div.ine-f-azulClaro, .ine-noticia article div.ine-f-grisClaro { padding: 25px; } .ine-noticia article > img.img-fluid:first-child { width: 100%; } .ine-last-news { font-family: "ine-Poppins-SemiBold"; color: #303555; border-left: 0.5px solid #e0e0e0; position: absolute; right: 0; top: 425px; } .ine-last-news h3, .ine-last-news h2 { font-size: 26px; } .ine-last-news ul { list-style: none; padding: 0; } .ine-last-news a { font-size: 18px; text-decoration: none; opacity: 0.78; letter-spacing: -0.23px; color: #303555; line-height: 23px; display: block; padding-bottom: 5px} .ine-last-news a:hover { text-decoration: underline; } .ine-last-news p { font-family: "ine-Poppins-Regular"; font-size: 14px; color: #3463AC; margin-bottom: 2px; } .ine-last-news .ine-noticia-tipo { color: #303555; text-transform: uppercase; } .ine-last-news div.row { margin-top: 25px; margin-bottom: 25px; } .ine-galeria h3 { font-family: "ine-Poppins-Medium"; font-size: 26px; color: #303555; line-height: 39px; margin-top: 25px; } .ine-galeria div { margin-top: 10px; margin-bottom: 10px; } #ine-advsearch .modal-body { background: transparent linear-gradient(119deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%); } #ine-advsearch .modal-body > div > button { background-color: transparent; border: 0; margin: 20px 20px 0 0; } #ine-advsearch input, #ine-advsearch select { font-family: "ine-Poppins-Regular"; font-size: 16px; color: #303555; border-radius: 30px; padding-left: 24px; } #ine-advsearch select.ine-calendar-from { border-top-right-radius: 0; border-bottom-right-radius: 0; } #ine-advsearch select.ine-calendar-to { border-top-left-radius: 0; border-bottom-left-radius: 0; } #ine-advsearch .ine-form { margin-top: 50px; } #ine-advsearch .ine-form button { font-family: "ine-Poppins-Regular"; font-size: 14px; height: 48px; text-align: center; border: 0; border-radius: 12px; background-color: #6B96CF; color: #fff; } #ine-advsearch .ine-form label { font-family: "ine-Poppins-Regular"; font-size: 12px; color: #848795; margin-left: 24px; text-align: start; } .ine-tags a { font-family: "ine-Poppins-Regular"; font-size: 14px; text-transform: uppercase; display: inline-block; background-color: #d2dff1; border-radius: 12px; color: #535a77; padding: 5px 15px; margin: 6px 10px 6px 0; min-width: 133px; text-align: center; text-decoration: none; } .ine-tags a:hover { background-color: #6B96CF; color: #fff; } .ine-share { position: relative; display: inline-block; width: 100%; } .ine-share > a { font-family: "ine-Poppins-Regular"; font-size: 16px; color: #184487; border: 1px solid #DCDCDC; border-radius: 12px; padding: 6px 12px 6px 40px; text-decoration: none; position: relative; display: inline-block; margin-top: 2px; } .ine-share > a::before { content: ""; background: url('../img/ine-share.png') no-repeat top left; width: 100%; height: 100%; left: 10px; position: absolute; } .ine-share-click { font-family: "ine-Poppins-Regular"; font-size: 16px; border: 1px solid #DCDCDC; border-radius: 12px; padding: 6px 12px 6px 40px; text-decoration: none; display: inline-block; margin-top: 2px; background-color: #6B96CF; position: absolute; top: 0; left: 0; width: max-content; visibility: hidden; z-index: 1; } .ine-share-click > a { color: #fff; text-decoration: none; } .ine-share-click > a::before { content: ""; background: url('../img/ine-sharew.png') no-repeat top left; width: 40px; height: 100%; left: 10px; position: absolute; } .ine-share-click ul { list-style: none; display: inline; padding-left: 10px; } .ine-share-click li { display: inline-block; } /* VIDEOS */ .ine-video h2 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 30px; margin-top: 60px; } .ine-video p { font-family: "ine-Poppins-Regular"; color: #303555; font-size: 16px; margin: 15px 0; } .ine-video > div > div > div { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; } .ine-video iframe, .ine-video object, .ine-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ine-videos { margin-top: 50px; } .ine-videos ul { list-style: none; } .ine-videos a { margin: 25px 0; color: #F5F5F7; background: url('../img/ine-externallink.png') #303555 no-repeat 96% center; padding: 12px 52px 12px 18px; border-radius: 12px; display: inline-block; text-decoration: none; } .ine-videos a:hover { text-decoration: underline; } .ine-videos iframe, .ine-videos object, .ine-videos embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ine-videos h3 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 16px; margin: 10px 0 5px; } .ine-videos p { font-family: "ine-Poppins-Regular"; color: #303555; font-size: 14px; } .ine-videos ul { padding: 0; } /* PRESS KIT */ .ine-presskit { font-family: "ine-Poppins-Regular"; color: #303555; font-size: 18px; padding-top: 60px; position: relative; } /* WEBINARS */ .ine-webinar h2 { font-family: "ine-Poppins-SemiBold"; color: #184487; font-size: 38px; margin-top: 60px; margin-bottom: 40px; } .ine-webinar h3 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 30px; line-height: 40px; margin-bottom: 40px; } .ine-webinar h4 { font-family: "ine-Poppins-Medium"; color: #3463AC; font-size: 20px; margin-top: 35px; } .ine-webinar p { font-family: "ine-Poppins-Regular"; color: #303555; font-size: 18px; } .ine-webinar .ine-webinar-img { max-width: 525px; margin-right: 40px; float: left; border: 9px solid #f1f1f4; position: relative; } .ine-webinar .ine-webinar-img > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: transparent linear-gradient(138deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%); opacity: 0.62; } .ine-webinars h2 { font-family: "ine-Poppins-SemiBold"; color: #184487; font-size: 38px; margin-top: 60px; margin-bottom: 40px; } .ine-webinars > div > div > div { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; } .ine-webinars .field--name-field-media-oembed-video, .ine-webinars .field--name-field-media-video-file { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; margin-right: 17px; } .ine-webinars .field--name-field-media-oembed-video iframe, .ine-webinars .field--name-field-media-video-file video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ine-webinars iframe, .ine-webinars object, .ine-webinars embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ine-webinars h3 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 16px; margin: 10px 0 5px; } .ine-webinars p { font-family: "ine-Poppins-Regular"; color: #303555; font-size: 14px; } .ine-contact-btn { font-family: "ine-Poppins-SemiBold"; color: #fff; margin-top: 60px; background: transparent linear-gradient(96deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%); } .ine-contact-btn h3 { font-size: 40px;} .ine-contact-btn p { font-size: 32px;} .ine-contact-btn a { font-size: 18px; text-decoration: none; background-color: #fff; border-radius: 34px; padding: 15px 50px; color: #184487; letter-spacing: 1.08px; } .ine-contact-btn a:hover { text-decoration: underline; } .ine-participantes { background-color: #EEF3FA; } .ine-participantes li { list-style: none; background-color: #fff; padding: 25px 10px; text-align: center; border: 1px solid #E1E2E3; min-width: 300px; max-width: 300px; height: 464px; position: relative; overflow: hidden; } .ine-participantes li > img { max-width: 100%; height: auto; } .ine-participantes li:hover > img { display: none; } .ine-participantes li span { font-family: "ine-Poppins-SemiBold"; font-size: 30px; color: #303555; display: block; margin-top: 10px; } .ine-participantes li:hover span { border-bottom: 2px solid #a7dcd3; display: inline-block; } .ine-participantes li h3 { font-family: "ine-Poppins-Light"; font-size: 18px; color: #303555; margin-top: 5px; } .ine-participantes li:hover h3 { display: none; } .ine-participantes li p { font-family: "ine-Poppins-Light"; font-size: 14px; color: #303555; display: none; margin: 25px 5px 0; } .ine-participantes li .ine-particip { position: absolute; bottom: 20px; width: 93%; } .ine-participantes li .ine-particip img { margin: 0 10px; opacity: 1; transition-duration: 1.3s; } .ine-participantes li:hover .ine-particip > img { opacity: 0; } .ine-participantes li:hover p { display: block; } /* INFORME ANUAL */ .ine-informe { font-family: "ine-Poppins-Regular"; color: #303555; font-size: 18px; padding-top: 60px; position: relative; } .ine-informe p { padding-top: 10px; text-align: left; } .ine-informe .ine-informe-img { max-width: 350px; margin-right: 50px; margin-bottom: 50px; float: left; border: 9px solid #f1f1f4; position: relative; } /* REVISTA IT */ section.ine-revista { padding-top: 60px; } .ine-revista p { font-family: "ine-Poppins-Regular"; color: #303555; font-size: 18px; } .ine-revista ul { list-style: none; padding: 0; } .ine-revista li { padding-top: 50px; } .ine-revista li a { text-decoration: none; } .ine-revista li a:hover { text-decoration: underline; } .ine-revista li a:hover .ine-revista-img img { filter: brightness(0.5); } .ine-revista .ine-revista-img { background-color: #F5F5F7; } .ine-revista .ine-revista-img img { padding: 9px; width: 100%; max-width: 100%; height: auto; } .ine-revista .ine-revista-lnk { background-color: #F5F5F7; padding: 6px; text-align: center; position: relative; } .ine-revista .ine-revista-lnk::after { content: ""; position: absolute; width: 90%; height: 100%; top: 0; left: 5%; border-top: 1px solid #d8d9de; } .ine-revista .ine-revista-lnk span { font-family: "ine-Poppins-Medium"; color: #184487; font-size: 16px; letter-spacing: 0.96px; padding-right: 20px; background: url(../img/ine-flechaabajop.png) no-repeat center right; } /* CONECTADOS */ .ine-conectados .ine-button a { min-width: 200px; } .ine-conectados p { font-family: "ine-Poppins-Regular"; color: #303555; font-size: 16px; text-align: center; } .ine-conectados ul { list-style: none; padding: 0; } .ine-conectados ul a { text-decoration: none; display: inline-block; background-color: #fff; height: 100%; position: relative; } .ine-conectados ul a h3 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 40px; margin-bottom: 15px; word-break: break-word; } .ine-conectados ul a p { text-align: left; word-break: break-word; } .ine-conectados ul a p.ine-protadate { font-family: "ine-Poppins-Regular"; color: #6B96CF; font-size: 16px; } .ine-conectados ul a p.ine-readmore { border-top: 1px solid #dadada; padding-top: 15px; } .ine-conectados ul a > div { position: relative; } .ine-conectados ul a > div:first-child { position: absolute; width: 100%; bottom: 0; left: 0; padding-right: 30px; } .ine-conectados ul a img { transition-duration: 0.5s; max-width: 100%; height: auto; width: 100%; } .ine-conectados ul a:hover img { transform: scale(1.1); } .ine-conectados ul a > div.ine-conectadob { overflow: hidden; max-height: 353px; transition-duration: 0.5s; } .ine-conectados ul a:hover > div.ine-conectadob { border-bottom-color: #CB1823; } .ine-conectados ul a span.ine-protaborde { position: absolute; bottom: 0; border-bottom: 3px solid #CB1823; width: 100%; } .ine-conectados ul a:hover span.ine-protaborde { border-bottom-width: 13px; transition-duration: 0.5s; } .ine-conectado-header, body[class^="path-comunicacion-conectados-"] .block-field-blocknodereportajebody, body[class^="path-communication-connected-"] .block-field-blocknodereportajebody { display: none; } body[class^="path-comunicacion-conectados-"] header#header, body[class^="path-communication-connected-"] header#header { height: 77px; border-bottom: 1px solid #184487; } body[class^="path-comunicacion-conectados-"] header#header .header_logos, body[class^="path-communication-connected-"] header#header .header_logos { height: 100%; padding: 0 130px; } body[class^="path-comunicacion-conectados-"] header#header .header_logo_der, body[class^="path-communication-connected-"] header#header .header_logo_der { order: 3 !important; } body[class^="path-comunicacion-conectados-"] article > div.node__content, body[class^="path-communication-connected-"] article > div.node__content { margin-top: 0; } body[class^="path-comunicacion-conectados-"] header#header #navbar-main, body[class^="path-communication-connected-"] header#header #navbar-main { display: none; } body[class^="path-comunicacion-conectados-"] header#header #block-logoineco-4 p, body[class^="path-communication-connected-"] header#header #block-logoineco-4 p { margin-bottom: 0; } #block-tituloconectadosreportajes .ine-subheader { margin: 0; } #block-tituloconectadosreportajes .ine-subheader h2 { line-height: 0; height: unset; margin-bottom: 0; } #block-tituloconectadosreportajes .ine-subheader h2::after { width: 245px; border-width: 15px; bottom: unset; } #block-tituloconectadosreportajes { display:flex; justify-content: flex-end; } .ine-conectado-header > div.row { height: 100%; } .ine-conectado-header h1 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 40px; text-transform: uppercase; position: relative; height: 50px; padding-left: 10px; letter-spacing: 3px; display: inline-block; } .ine-conectado-header h1::after { content: ""; position: absolute; bottom: 3px; border-bottom: 23px solid #6B96CF; width: 192px; left: 0; opacity: 0.63; z-index: -1; } .ine-conectado { position: relative; overflow: hidden; } .ine-conectado .ine-conectado-txt { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ine-conectado .ine-conectado-txt.ine-conectado-txt-bg { background-color: rgba(0, 0, 0, 0.4); } /* .ine-conectado-txt-bg { background-color: rgba(0, 0, 0, 0.4); } */ .ine-conectado .ine-conectado-txt .ine-conectado-txt-title { display: flex; flex-direction: column; align-self: flex-end; padding: 0 3% 3%; margin-right: unset;} .ine-conectado .ine-conectado-txt > div { position: absolute; bottom: 0; margin-right: 12%; padding: 0 3% 3%; } .ine-conectado .ine-conectado-txt h2 { font-family: "ine-Poppins-SemiBold"; color: #F9F9FA; font-size: 70px; -webkit-text-stroke: unset; } .ine-conectado .ine-conectado-txt p { font-family: "ine-Poppins-Medium"; color: #fff; font-size: 26px; border-top: 2px solid #F9F9FA; padding: 10px 0 0; margin: 0; } .ine-conectado .ine-conectado-txt span { font-family: "ine-Poppins-Regular"; color: #fff; font-size: 16px; margin-top: 10px; display: inline-block; } .ine-conectado .ine-entradilla-report p { font-family: "ine-Poppins-Medium"; color: #3463AC; font-size: 30px; line-height: 46px; } .ine-conectado .ine-txt-txt .ine-txt-txt-der .ine-f-azulClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-der .ine-f-grisClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-der .ine-f-degradado { margin-right: -135px; } .ine-conectado .ine-txt-txt .ine-txt-txt-izq .ine-f-azulClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-izq .ine-f-grisClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-izq .ine-f-degradado { margin-left: -135px; } .ine-conectado .ine-txt-img .ine-txt-izq { padding-right: 45px; } .ine-conectado .ine-txt-img .ine-txt-der { padding-left: 45px; } .ine-conectado .ine-txt-txt .ine-txt-txt-izq { padding-right: 45px; } .ine-conectado .ine-full.ine-txt-txt .ine-txt-txt-izq img { margin-left: -135px; } .ine-conectado .ine-txt-txt .ine-txt-txt-der { padding-left: 45px; } .ine-conectado .ine-full.ine-txt-txt .ine-txt-txt-der img { position: relative; right: -135px; } .ine-conectado .ine-carrusel-multimedia { padding-left: 135px; padding-right: 135px; } .ine-conectado h2 { font-family: "ine-Poppins-SemiBold"; color: rgb(255, 255, 255, 0); font-size: 90px; letter-spacing: -2.25px; -webkit-text-stroke: 2px #6B96CF; z-index: 0; margin-top: 25px; margin-bottom: 0; } .ine-conectado h3 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 40px; margin-bottom: 40px; position: relative; display: inline-block; z-index: 0; } .ine-conectado h3::after { content: ""; position: absolute; bottom: 0; border-bottom-width: 22px; border-style: solid; border-color: #6B96CFAA; width: 350px !important; } .ine-conectado h3.ine-conectado-bright::after { left: unset !important; right: -135px !important; width: 300px !important; border-bottom-width: 15px !important; } .ine-conectado h3.ine-conectado-bleft { margin-left: 25px; vertical-align: text-bottom; margin-bottom: 5px; } .ine-conectado h3.ine-conectado-bleft::after { left: -20px; } .ine-conectado .ine-rojo > h2 { -webkit-text-stroke: 2px #E1AEB1 !important; } .ine-conectado h4 { font-family: "ine-Poppins-Medium"; color: #3463AC; font-size: 30px; } .ine-conectado p { font-family: "ine-Poppins-Regular"; font-size: 18px; color: #303555; } .ine-conectado p.ine-conectado-destacado { font-family: "ine-Poppins-Medium"; color: #303555; font-size: 22px;} .ine-conectado p.ine-piefoto { font-family: "ine-Poppins-Regular"; font-size: 12px; line-height: 18px; color: #303555; opacity: 0.78; margin-top: 5px; text-align: left; } .ine-conectado h2.ine-conectado-red { -webkit-text-stroke-color: #E1AEB1; } .ine-conectado h3.ine-conectado-red::after { border-color: #CB182380; } .ine-conectado h3.ine-conectado-large::after { width: 85%; } .ine-conectado-bg-claro { background-color: #f3f7fb; } .ine-conectado-bg-oscuro { background-color: #e8f0f7; } .ine-conectado video { max-width: 100%; height: auto; } .ine-conectado .ine-txt-img .field--type-image { float: unset; margin-right: 0; } .ine-conectado .ine-txt-img .field--type-image img { width: 100%; } .ine-conectado .ine-txt-img .ine-img-izq .field--name-field-pie-de-imagen { padding-left: 135px; } .ine-conectado .ine-txt-img.ine-nofull .ine-img-izq .field--name-field-pie-de-imagen { padding-left: 0px; } .ine-conectado .field--name-field-media-image img { margin-bottom: 0px; } .ine-conectado .field--name-field-pie-de-imagen { font-family: "ine-Poppins-Regular"; font-size: 12px; line-height: 18px; color: #303555; opacity: 0.78; text-align: left; display: inline-block; margin-bottom: 10px; margin-top: 6px; } .ine-conectado .field--name-field-media-oembed-video, .ine-conectado .field--name-field-media-video-file { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; margin-right: 17px; } .ine-conectado .field--name-field-media-oembed-video iframe, .ine-conectado .field--name-field-media-video-file video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ine-conectado-txt-dcha div[id^="ine-seccion-"] > h2 { text-align: right; } .ine-conectado-txt-dcha > h3 { text-align: right; } .ine-conectado-txt-dcha .ine-s-azulClaro::after, .ine-conectado-txt-dcha .ine-s-azulOscuro::after, .ine-conectado-txt-dcha .ine-s-rojo::after { right: -10px !important; left: unset !important; } .ine-conectado h3.ine-s-azulClaro, .ine-conectado h3.ine-s-azulOscuro, .ine-conectado h3.ine-s-rojo { padding-left: 0; } .ine-conectado .ine-s-rojo::after { border-color: #CB1823EE !important;} .ine-conectado .field.field--name-field-media-image { margin-right: 0; } .ine-conectado p.ine-destacado, .ine-conectado div.ine-destacado p { font-family: "ine-Poppins-Italic" !important; font-size: 24px !important; } .ine-conectado div.row.ine-no-section.ine-f-azulClaro, .ine-conectado div.row.ine-no-section.ine-f-grisClaro, .ine-conectado div.row.ine-no-section.ine-f-degradado { padding-top: 45px; padding-bottom: 45px; } #ine-conectado-hambur { position: fixed; right: 0; top: 225px; border-radius: 40px 0px 0px 40px; background: url('../img/ine-hamburguesa.png') #F5F5F7 40px center no-repeat; width: 107px; height: 70px; z-index: 10; cursor: pointer; } #ine-conectado-hambur:hover { background-image: url('../img/ine-hamburguesah.png'); background-color: #6B96CF; } .ine-conectado-scroll { position: fixed; right: 15px; bottom: 15px; z-index: 9; } .ine-conectado-scroll a { display: block; margin-top: 15px; } .ine-conectado-scroll a.ine-conectado-inactive { opacity: 0.25; cursor: default; } #ine-conectado-menu { background-color: #F5F5F7; width: 375px; position: absolute; right: -375px; overflow: hidden; top: -15px; cursor: default; } #ine-conectado-menu ul { list-style: none; padding: 25px 30px; } #ine-conectado-menu li { font-family: "ine-Poppins-Regular"; font-size: 15px; letter-spacing: 1.6px; display: block; text-decoration: none; color: #303555; display: inline-flex; padding-top: 5px; align-items: center; cursor: pointer; width: 100%; } #ine-conectado-menu .ine-menu-active > label { text-decoration: underline; color: #184487; } #ine-conectado-menu li:hover label { text-decoration: underline; color: #184487; cursor: pointer; } #ine-conectado-menu li span { color: #fff; font-size: 35px; letter-spacing: 3.5px; width: 70px; min-width: 70px; height: 52px; -webkit-text-stroke: 1px #3463AC; } #ine-conectado-menu li:first-child span { background: url('../img/ine-report-home.png') left center no-repeat; } #ine-conectado-close { position: absolute; left: -107px; margin-top: 4%; border-radius: 40px 0px 0px 40px; background: url('../img/ine-report-close.png') #F5F5F7 40px center no-repeat; width: 107px; height: 70px; z-index: 10; cursor: pointer; } #ine-conectado-close:hover { background-image: url('../img/ine-report-closeh.png'); background-color: #6B96CF; } #ine-section-0 { max-height: calc(100vh - 159px); } #ine-section-0 > img { width: 100%; } /* PROTAGONISTAS */ .ine-protagonistas ul { list-style: none; padding: 0; } .ine-protagonistas li { text-align: center; } .ine-protagonistas p { font-family: "ine-Poppins-Regular"; color: #303555; font-size: 18px; text-align: center; } .ine-protagonistas .ine-button a { min-width: 200px; } .ine-protagonistas ul a { text-decoration: none; display: inline-block; background-color: #fff; text-align: start; height: 100%; position: relative; } .ine-protagonistas ul a h3 { font-family: "ine-Poppins-SemiBold"; color: #303555; font-size: 40px; margin-bottom: 15px; word-break: break-word; } .ine-protagonistas ul a p { text-align: left; word-break: break-word; } .ine-protagonistas ul a p.ine-protadate { font-family: "ine-Poppins-Regular"; color: #6B96CF; font-size: 16px; } .ine-protagonistas ul a p.ine-readmore { border-top: 1px solid #dadada; padding-top: 15px; } .ine-protagonistas ul a > div { position: relative; } .ine-protagonistas ul a > div:first-child { position: absolute; width: 100%; bottom: 0; left: 0; padding-right: 30px; } .ine-protagonistas ul a img { transition-duration: 0.5s; max-width: 100%; height: auto; width: 100%; } .ine-protagonistas ul a:hover img { transform: scale(1.1); } .ine-protagonistas ul a > div.ine-conectadob { overflow: hidden; max-height: 353px; transition-duration: 0.5s; } .ine-protagonistas ul a:hover > div.ine-conectadob { border-bottom-color: #CB1823; } .ine-protagonistas ul a span.ine-protaborde { position: absolute; bottom: 0; border-bottom: 3px solid #CB1823; width: 100%; } .ine-protagonistas ul a:hover span.ine-protaborde { border-bottom-width: 13px; transition-duration: 0.5s; } /* DESCARGA */ .ine-descarga a { font-family: "ine-Poppins-SemiBold"; color: #184487; font-size: 18px; letter-spacing: 1.08px; line-height: 21px; text-transform: uppercase; border: 1px solid #848795; border-radius: 40px; padding: 19px 75px 18px 45px; display: inline-block; text-decoration: none; position: relative; background-color: #fff; } .ine-descarga a > div { position: relative; } .ine-descarga a > div::before { content: ""; border-bottom: 2px solid #184487; position: absolute; width: 0; left: 0; bottom: -1px; transition: width 0.3s; } .ine-descarga a:hover > div::before { width: 100%; } .ine-descarga a > div > span { font-family: "ine-Poppins-Regular"; color: #848795; text-transform: uppercase; } .ine-descarga a::after { content: ""; background: url('../img/ine-flechaabajo.png') no-repeat center right; width: 100%; height: 100%; position: absolute; right: 20px; top: 0; } .ine-descarga a:not(:first-child) { margin-top: 25px; } .ine-descarga .ine-descarga-links { margin: 0; padding: 0 50px; position: absolute; width: 100%; } .ine-descarga .ine-descarga-links a { line-height: 23px; letter-spacing: 0; } .ine-descarga.ine-descarga-fondo { display: flex; position: relative; } .ine-descarga.ine-descarga-fondo > img { width: 100%; } .ine-descarga2 { font-family: "ine-Poppins-Regular"; list-style: none; border: 0.5px solid #D5D5D5; margin-top: 30px; text-decoration: none; color: #848795; background-color: #fff; padding: 0 20px 20px; max-width: 400px; min-height: 130px; } .ine-descarga2 h3, .ine-descarga2 h4 { font-size: 18px; color: #184487; position: relative; top: -12px; left: 6px; padding: 0 10px; display: inline-block; background-color: #fff; } .ine-descarga2 a { font-family: "ine-Poppins-Medium"; font-size: 14px; color: #184487; text-decoration: none; display: inline-block; margin-top: 6px; position: relative; width: 70%; } .ine-descarga2 a:hover { text-decoration: underline; } .ine-descarga2 a::after { content: ""; background: url('../img/ine-flechaabajop.png') no-repeat center right; width: 100%; height: 100%; position: absolute; right: 0; } .ine-descarga2 a > span { font-family: "ine-Poppins-Regular"; font-size: 12px; color: #848795; } .ine-descarga2 a > span { font-family: "ine-Poppins-Regular"; font-size: 12px; color: #848795; } .ine-descarga2 > div { min-height: 100px; } @media (max-width: 1399px) { /* XL */ a.ine-prota h3 { font-size: 30px; } a.ine-new > div:first-child { max-height: 306px; } .ine-public > a:hover > h3 { margin-top: -52%; } } @media (max-width: 1199px) { /* LG */ a.ine-prota h3 { font-size: 24px; } .ine-protas .ine-protas-tittle { width: unset; margin-left: unset; } .ine-protagonistas ul a h3 { font-size: 32px; } a.ine-new > div:first-child { max-height: 246px; } .ine-eldato .ine-eldato-inline { display: block; } a.ine-report h3 { font-size: 20px; } a.ine-report span { font-size: 12px; } .ine-publicaciones .ine-subheader { width: unset; } .ine-public > a > p { font-size: 16px; } .ine-descarga2 a { width: 80%; } .ine-last-news a { font-size: 16px; } .ine-noticia-header h1 { font-size: 52px; } .ine-conectado .ine-txt-txt .ine-txt-txt-der .ine-f-azulClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-der .ine-f-grisClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-der .ine-f-degradado { margin-right: -75px; } .ine-conectado .ine-txt-txt .ine-txt-txt-izq .ine-f-azulClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-izq .ine-f-grisClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-izq .ine-f-degradado { margin-left: -75px; } .ine-conectado .ine-txt-img .ine-img-izq { padding-right: 25px; } .ine-conectado .ine-txt-img .ine-img-der { padding-left: 25px; } .ine-conectado .ine-txt-img .ine-txt-izq { padding-left: unset; padding-right: unset; } .ine-conectado .ine-txt-img .ine-txt-der { padding-left: unset; padding-right: unset; } .ine-conectado .ine-txt-txt .ine-txt-txt-izq { padding-right: 25px; } .ine-conectado .ine-full.ine-txt-txt .ine-txt-txt-izq img { margin-left: -75px; } .ine-conectado .ine-txt-txt .ine-txt-txt-der { padding-left: 25px; } .ine-conectado .ine-full.ine-txt-txt .ine-txt-txt-der img { position: relative; right: -75px; } .ine-conectado .ine-carrusel-multimedia { padding-left: 75px; padding-right: 75px; } .ine-conectado-header, body[class^="path-comunicacion-conectados-"] header#header, .ine-conectado-header, body[class^="path-communication-connected-"] header#header { height: 65px; } #ine-section-0 { max-height: calc(100vh - 89px); } body[class^="path-comunicacion-conectados-"] header#header .header_logos, body[class^="path-communication-connected-"] header#header .header_logos { padding: 0px 75px; } #block-tituloconectadosreportajes .ine-subheader h2 { font-size: 32px; } #block-tituloconectadosreportajes .ine-subheader h2::after { border-bottom-width: 11px; width: 201px; } #block-tituloconectadosreportajes { padding-right: 1.5rem; } .header-logos_reportaje { padding-left: 1.5rem; } #ine-conectado-hambur { top: 140px; } .ine-conectado div[id^="ine-seccion-"] { margin-right: 55px; } .ine-txt-der .ine-conectado-txt-dcha > h3 { margin-right: 55px; } .ine-conectado p { font-size: 16px; } } @media (max-width: 991px) { /* MD */ .ine-unacol h1 { font-size: 60px !important; } a.ine-new > div:first-child { max-height: 216px; } a.ine-new { margin-left: 15px; margin-right: 15px; } a.ine-new p { font-size: 16px; line-height: 24px; } .ine-news li:nth-child(3n+1) > a.ine-new { margin-left: 0; margin-right: 15px; } .ine-news li:nth-child(3n) > a.ine-new { margin-right: 0; margin-left: 15px; } .ine-last-news h3, .ine-last-news h2 { font-size: 18px; } .ine-last-news a { font-size: 15px; line-height: unset; } .ine-last-news { margin-top: 0; border-left: none; position: relative; top: 0; } .ine-noticia-header h1 { font-size: 44px; } .ine-noticia article p { font-size: 16px; } .ine-last-news .ine-news > .views-row > .views-field-nothing { margin-left: 0; } .ine-share-click { right: 0; left: unset; } a.ine-report > div:first-child { overflow: hidden; height: 216px; } a.ine-report.ine-report-ppal > div:first-child { height: 456px; } a.ine-report h3 { font-size: 18px; } a.ine-report span { font-size: 12px; } a.ine-report.ine-report-ppal h3 { font-size: 36px; } a.ine-report p { font-size: 13px; letter-spacing: 0; } a.ine-report.ine-report-ppal p { font-size: 18px; } .ine-eldato .ine-eldato-cifradestacada { font-size: 60px; line-height: 60px; } .ine-eldato .ine-eldato-porcentaje { font-size: 30px; } a.ine-prota h3 { font-size: 20px; } .ine-protagonistas ul a h3 { font-size: 24px; } .ine-public { height: 361px; } .ine-public > a > img { margin-top: 75px; } .ine-public > a > h3 { font-size: 20px; } .ine-public > a:hover > h3 { margin-top: -35%; } .ine-conectado .ine-conectado-section { flex-direction: column; } .ine-conectado h2 { font-size: 60px; } .ine-conectado h3 { font-size: 32px; } .ine-conectado .ine-s-azulClaro::after, .ine-conectado .ine-s-azulOscuro::after, .ine-conectado .ine-s-rojo::after, .ine-conectado h3.ine-conectado-bright::after { border-bottom-width: 12px !important; } .ine-conectados ul a h3 { font-size: 25px; } .ine-conectado .ine-conectado-txt h2 { font-size: 52px; } .ine-conectado .ine-conectado-txt p { font-size: 20px; } .ine-conectado .ine-conectado-txt span { font-size: 14px; } .ine-conectado .ine-txt-txt .ine-txt-txt-izq, .ine-conectado .ine-txt-img .ine-img-izq { padding-right: unset; } .ine-conectado .ine-txt-txt .ine-txt-txt-der, .ine-conectado .ine-txt-img .ine-img-der { padding-left: unset; } .ine-descarga .ine-descarga-links { margin: 0; padding: 0 10px; } .ine-descarga .ine-descarga-links a { font-size: 16px; line-height: unset; letter-spacing: 0; } } @media (max-width: 767px) { /* SM */ a.ine-new > div:first-child { max-height: 156px; } .ine-last-news h3, .ine-last-news h2 { font-size: 16px; } .ine-last-news a { font-size: 14px; } .ine-snoticias button::before { top: 12px; } .ine-noticia-header h1 { font-size: 40px; } .ine-share-click { width: 100%; display: block; } a.ine-new { margin-left: 10px; margin-right: 10px; } a.ine-new p { font-size: 15px; line-height: 21px; } .ine-news li:nth-child(3n+1) > a.ine-new { margin-right: 10px; } .ine-news li:nth-child(3n) > a.ine-new { margin-left: 10px; } a.ine-new span.ine-newdate { font-size: 12px; padding: 5px 10px; } .ine-readmore span { font-size: 13px; } #ine-advsearch select.ine-calendar-from, #ine-advsearch select.ine-calendar-to { border-radius: 30px; } a.ine-report > div:first-child { height: 424px !important; } a.ine-report h3 { font-size: 36px; } a.ine-report span { font-size: 12px; } a.ine-report p { font-size: 16px; } a.ine-report.ine-report-ppal p { font-size: 16px; letter-spacing: normal; } a.ine-report .ine-reportT { padding: 0 30px; } .ine-protas { padding-top: 50px; padding-bottom: 50px; } .ine-protas li { margin-bottom: 20px; max-width: 390px; margin-left: auto; margin-right: auto; } a.ine-prota h3 { font-size: 28px; } .ine-protagonistas ul a h3 { font-size: 24px; } .ine-protagonistas p { font-size: 16px; } section.ine-entradilla { padding-left: 12px !important; padding-right: 12px !important; } .ine-eldato .ine-eldato-inline { display: inline-block; } .ine-eldato .ine-eldato-cifradestacada { font-size: 70px; line-height: 70px; } .ine-eldato .ine-eldato-porcentaje { font-size: 51px; } .ine-eldato .ine-eldato-borde { margin: 20px auto; width: 40%; } .ine-eldato .ine-eldato-estrella { background-position: center center; } .ine-publicaciones .ine-subheader { padding-left: 0; } .ine-publicaciones li { margin-bottom: 40px; } .ine-public > a:hover > img { height: 90px; opacity: 0; } .ine-public > a:hover > h3 { margin-top: -45%; } .ine-public > a > p { font-size: 15px; margin: 0 15px; } .ine-conectado .ine-txt-txt .ine-txt-txt-der .ine-f-azulClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-der .ine-f-grisClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-der .ine-f-degradado { margin-right: -25px; } .ine-conectado .ine-txt-txt .ine-txt-txt-izq .ine-f-azulClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-izq .ine-f-grisClaro, .ine-conectado .ine-txt-txt .ine-txt-txt-izq .ine-f-degradado { margin-left: -25px; } .ine-conectado .ine-full.ine-txt-txt .ine-txt-txt-izq img { margin-left: -25px; } .ine-conectado .ine-full.ine-txt-txt .ine-txt-txt-der img { position: relative; right: -25px; } .ine-conectado .ine-carrusel-multimedia { padding-left: 25px; padding-right: 25px; } .ine-conectado .ine-txt-img .ine-img-izq .field--name-field-pie-de-imagen { padding-left: 0; } .ine-conectado-header, body[class^="path-comunicacion-conectados-"] header#header, .ine-conectado-header, body[class^="path-communication-connected-"] header#header { height: 45px; } body[class^="path-comunicacion-conectados-"] header#header .header_logos, body[class^="path-communication-connected-"] header#header .header_logos { padding: 0px 15px; } #block-tituloconectadosreportajes .ine-subheader h2 { font-size: 24px; } #block-tituloconectadosreportajes .ine-subheader h2::after { border-bottom-width: 10px; width: 158px; } body[class^="path-comunicacion-conectados-"] header#header .region-header-logo-izq a, body[class^="path-comunicacion-conectados-"] header#header .region-header-logo-izq a { line-height: 0; } body[class^="path-comunicacion-conectados-"] header#header .region-header-logo-izq img, body[class^="path-communication-connected-"] header#header .region-header-logo-izq img { width: 83px; min-width: 83px; } body[class^="path-comunicacion-conectados-"] #block-compartirenrrss, body[class^="path-communication-connected-"] #block-compartirenrrss { max-width: 340px; margin-left: auto; margin-right: auto; } #ine-conectado-hambur { top: 90px; background-position: 22px center; width: 76px; height: 60px; } #ine-conectado-close { background-position: 22px center; width: 76px; height: 60px; left: -76px; } #ine-conectado-menu { width: 301px; } #ine-conectado-menu ul { padding: 15px 25px; } #ine-conectado-menu li { font-size: 14px; } #ine-conectado-menu li span { font-size: 32px; width: 60px; min-width: 60px; } .ine-conectado h2 { font-size: 54px; } .ine-conectado h3 { font-size: 28px; } .ine-conectado .ine-s-azulClaro::after, .ine-conectado .ine-s-azulOscuro::after, .ine-conectado .ine-s-rojo::after, .ine-conectado h3.ine-conectado-bright::after { border-bottom-width: 9px !important; } .ine-conectados ul a h3 { font-size: 28px; } .ine-conectados ul a p.ine-protadate { font-size: 12px; } .ine-conectado .ine-conectado-txt h2 { font-size: 32px; } .ine-conectado .ine-conectado-txt span { font-size: 12px; } .ine-conectado .ine-conectado-txt p { font-size: 16px; } .ine-descarga .ine-descarga-links { margin: 0; padding: 0 50px; } .ine-descarga .ine-descarga-links a { font-size: 16px; line-height: unset; letter-spacing: 0; padding: 20px 50px 20px 20px; } .ine-contact-btn h3 { font-size: 20px; } .ine-contact-btn p { font-size: 14px; } } @media (min-width: 576px) { .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item-end.active, .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item-next { transform: translateX(33.33%); } .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item-start.active, .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item-prev { transform: translateX(-33.33%); } } .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item-end, .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item-start { transform: translateX(0); } @media (max-width: 575px) { /* XS */ a.ine-scroll { width: 44px; height: 44px; border-radius: 22px; background-size: 18px 20px; } .ine-breadcrum ol { padding-top: 25px; margin-bottom: 5px; } .ine-breadcrum li { font-size: 12px; } .ine-unacol h1 { font-size: 30px !important; } .ine-subheader { margin-top: 40px; } .ine-subheader h2 { font-size: 24px; height: 31px; } .ine-subheader h2::after { border-bottom-width: 15px; width: 102px; } .ine-subheader div.col { padding-left: 0; } a.ine-new > div:first-child { max-height: unset; } .ine-news li { max-width: 390px; margin-left: auto; margin-right: auto; } .ine-news li:nth-child(3n+1) > a.ine-new, .ine-news li:nth-child(3n) > a.ine-new { margin-left: 15px; margin-right: 15px; } .ine-news li:last-child { margin-bottom: 0; } a.ine-new span.ine-newdate { padding: 10px 20px; } a.ine-new { padding-bottom: 20px; } .ine-news ul { margin-bottom: 0; } .ine-last-news h3, .ine-last-news h2 { font-size: 26px; } .ine-snoticias button::before { top: 0; } .ine-noticia-header h1 { font-size: 24px; margin-bottom: 0; } .ine-seeAll a { font-size: 14px; } .ine-noticia article { margin-top: 25px; } .ine-noticia-header > div:first-child { height: 250px; } .ine-noticia-header::after { height: 250px; } .ine-noticia article p { font-size: 14px; } .ine-last-news p { font-size: 12px; } .ine-filtros select, .ine-filtros input { font-size: 13px; } #ine-advsearch .modal-body > div > button { margin-right: 0; } #ine-advsearch .modal-body > div > button > img { width: 60%; } a.ine-report h3 { font-size: 28px !important; } a.ine-report h3::after { width: 200px !important; } a.ine-report .ine-reportT { padding: 0 15px !important; } a.ine-report > div:first-child { height: 320px !important; } section.ine-revista { padding-top: 30px; } .ine-entradilla h2 { font-size: 22px; } .ine-entradilla p { font-size: 16px; margin-bottom: 0; } .ine-informe .ine-informe-img { max-width: 100%; } .ine-videos a { background-position: 95% center; padding-left: 10px; padding-right: 50px; } .ine-protas .ine-subheader { padding-left: 0; } .ine-protagonistas ul a h3 { font-size: 22px; } .ine-eldato > div > a::before { width: 225px; } .ine-eldato h3 { margin: -18px 0; font-size: 26px; } .ine-presskit { padding-top: 30px; } .ine-public { height: 330px; max-width: 390px; } .ine-public > a > h3 { font-size: 20px; } .ine-public > a:hover > h3 { margin-top: -150px; } .ine-public > a > p { font-size: 14px; } .ine-video { margin-left: 15px; } .ine-video h2 { font-size: 24px; margin-top: 30px; } .ine-video p { font-size: 12px; } .ine-video > div > div > div { margin-right: 0; } #block-tituloconectadosreportajes .ine-subheader h2 { font-size: 20px; } #block-tituloconectadosreportajes .ine-subheader h2::after { border-bottom-width: 8px; width: 138px; } #block-tituloconectadosreportajes { padding-right: 0.5rem; } .header-logos_reportaje { padding-left: 0.5rem; } body[class^="path-comunicacion-conectados-"] #block-ineco-bootstrap-barrio-content article, body[class^="path-communication-connected-"] #block-ineco-bootstrap-barrio-content article { display: inline-block; } body[class^="path-comunicacion-conectados-"] #block-compartirenrrss, body[class^="path-communication-connected-"] #block-compartirenrrss { max-width: 320px; } .ine-conectado .field--name-field-pie-de-imagen { margin-bottom: 20px; } .ine-informe .ine-informe-img { margin-right: 0; margin-bottom: 25px; float: unset; } #ine-advsearch .ine-form { margin-top: 10px; } .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item > div { display: none; } .ine-carrusel-multimedia .carousel .carousel-inner .carousel-item > div:first-child { display: block; } .ine-carrusel-multimedia .carousel .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .ine-carrusel-multimedia .carousel .carousel-item-next.carousel-item-start, .ine-carrusel-multimedia .carousel .carousel-item-prev.carousel-item-end, .ine-carrusel-multimedia .carousel .carousel-item.active { z-index: 1; opacity: 1; } .ine-carrusel-multimedia .carousel .active.carousel-item-end, .ine-carrusel-multimedia .carousel .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s .6s; } .ine-conectado .ine-txt.ine-full { padding-left: 25px !important; padding-right: 25px !important; } .ine-conectado .ine-nofull.ine-txt { padding-left: 25px !important; padding-right: 25px !important; } .ine-conectado .ine-nofull.ine-txt-img .ine-img-izq { padding-left: 25px; } .ine-conectado .ine-nofull.ine-txt-img .ine-img-der { padding-right: 25px; } .ine-conectado .ine-txt-img .ine-txt-izq { padding-left: 25px; padding-right: 25px; } .ine-conectado .ine-txt-img .ine-txt-der { padding-left: 25px; padding-right: 25px; } .ine-conectado .ine-txt-img .ine-img-izq { padding-left: 25px; padding-right: 25px; } .ine-conectado .ine-txt-img .ine-img-der { padding-left: 25px; padding-right: 25px; } .ine-conectado .ine-txt-txt .ine-txt-txt-izq { padding-left: 25px; padding-right: 25px; } .ine-conectado .ine-txt-txt .ine-txt-txt-der { padding-left: 25px; padding-right: 25px; } #ine-section-0{ max-height: unset; } #ine-section-0 > img{ height: 100%; } .ine-conectado h2{ margin-top: unset; padding-top: 25px; } .ine-conectado .ine-conectado-txt, .ine-conectado .ine-conectado-txt > div{ position: unset; margin-right: unset; } .ine-conectado .ine-conectado-txt{ padding-left: 25px; padding-right: 25px; } .ine-conectado .ine-conectado-txt .ine-conectado-txt-title { padding-bottom: 25px; } .ine-conectado .ine-conectado-txt h2 { padding-bottom: 10px; } }