:root { --black: #000000; --white: #ffffff; --primary: #09a451; --neutral-white: #ffffff; --neutral-black: #000000; --neutral-gray-1: #1c1c1c; --neutral-gray-2: #8d8c8a; --neutral-gray-3: #cecece; --neutral-gray-4: #f8f8f8; --dolcevita: #e2267a; --c1: #004b23; --c2: #007200; --c3: #37a338; --c4: #70e000; --c5: #ccff33; --pantone-gris: #e8e8e8; --pantone-salmon-trabajo: #fdeae5; --font-1: "Playfair Display", serif; --font-2: "DM Sans", sans-serif; --font-3: "DM Sans", sans-serif } @font-face { font-family: "DM Sans-Italic"; src: url(/web/assets_new/fonts/DMSans-Italic.woff2) format("woff2"); font-style: normal; font-display: swap; font-weight: 100 900 } @font-face { font-family: "DM Sans"; src: url(/web/assets_new/fonts/DMSans.woff2) format("woff2"); font-style: normal; font-display: swap; font-weight: 100 900 } @font-face { font-family: "Playfair Display-Italic"; src: url(/web/assets_new/fonts/PlayfairDisplay-Italic.woff2) format("woff2"); font-style: normal; font-display: swap; font-weight: 100 900 } @font-face { font-family: "Playfair Display"; src: url(/web/assets_new/fonts/PlayfairDisplay.woff2) format("woff2"); font-style: normal; font-display: swap; font-weight: 100 900 } @keyframes play-infinite { 0% { transform: rotate(0deg); clip-path: polygon(0% 0%, 0% 100%, 50% 75%, 50% 75%, 50% 75%, 50% 75%, 100% 50%, 100% 50%) } 15% { transform: rotate(0deg); clip-path: polygon(0% 0%, 0% 100%, 50% 75%, 50% 75%, 50% 75%, 50% 75%, 100% 50%, 100% 50%) } 30% { transform: rotate(90deg); clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%) } 44.99% { transform: rotate(90deg); clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%) } 45% { transform: rotate(-90deg); clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%) } 60% { transform: rotate(0deg); clip-path: polygon(0% 0%, 0% 100%, 40% 100%, 40% 0%, 60% 0%, 60% 100%, 100% 100%, 100% 0%) } 75% { transform: rotate(0deg); clip-path: polygon(0% 0%, 0% 100%, 40% 100%, 40% 0%, 60% 0%, 60% 100%, 100% 100%, 100% 0%) } 90% { transform: rotate(90deg); clip-path: polygon(50% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 50% 0%) } 100% { transform: rotate(90deg); clip-path: polygon(50% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 50% 0%) } } @-webkit-keyframes play-infinite { 0% { transform: rotate(0deg); clip-path: polygon(0% 0%, 0% 100%, 50% 75%, 50% 75%, 50% 75%, 50% 75%, 100% 50%, 100% 50%) } 15% { transform: rotate(0deg); clip-path: polygon(0% 0%, 0% 100%, 50% 75%, 50% 75%, 50% 75%, 50% 75%, 100% 50%, 100% 50%) } 30% { transform: rotate(90deg); clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%) } 44.99% { transform: rotate(90deg); clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%) } 45% { transform: rotate(-90deg); clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%) } 60% { transform: rotate(0deg); clip-path: polygon(0% 0%, 0% 100%, 40% 100%, 40% 0%, 60% 0%, 60% 100%, 100% 100%, 100% 0%) } 75% { transform: rotate(0deg); clip-path: polygon(0% 0%, 0% 100%, 40% 100%, 40% 0%, 60% 0%, 60% 100%, 100% 100%, 100% 0%) } 90% { transform: rotate(90deg); clip-path: polygon(50% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 50% 0%) } 100% { transform: rotate(90deg); clip-path: polygon(50% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 50% 0%) } } @keyframes on-air-circle { 0% { opacity: .1; transform: scale(1) } 25% { opacity: 1; transform: scale(1.5) } 50% { opacity: 1 } 75% { opacity: 1; transform: scale(1) } 100% { opacity: .3 } } @keyframes on-air-in { 0% { opacity: .3 } 25% { opacity: .3 } 50% { opacity: 1 } 75% { opacity: 1 } 100% { opacity: .3 } } @keyframes on-air-out { 0% { opacity: .3 } 50% { opacity: .3 } 75% { opacity: 1 } 100% { opacity: .3 } } @-webkit-keyframes on-air-circle { 0% { opacity: .1; transform: scale(1) } 25% { opacity: 1; transform: scale(1.5) } 50% { opacity: 1 } 75% { opacity: 1; transform: scale(1) } 100% { opacity: .3 } } @-webkit-keyframes on-air-in { 0% { opacity: .3 } 25% { opacity: .3 } 50% { opacity: 1 } 75% { opacity: 1 } 100% { opacity: .3 } } @-webkit-keyframes on-air-out { 0% { opacity: .3 } 50% { opacity: .3 } 75% { opacity: 1 } 100% { opacity: .3 } } @keyframes live { 0%, 100% { background: none } 50% { background: #e60000 } } @-webkit-keyframes live { 0%, 100% { background: none } 50% { background: #e60000 } } * { font-variant-numeric: lining-nums } .cd-main-content { padding-top: 12px } input:not([type]):focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="datetime"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="text"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid var(--primary); box-shadow: 0 1px 0 0 var(--primary) } .MODULO article img, .MODULO article .wrap-both .wrap-text header, .MODULO article .img-wrap, .MODULO article .wrap-otros .pie-noticia .contenedor-comentarios svg, .MODULO article:hover .es-multimedia { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease } .MODULO article .img-wrap { background-image: none } .MODULO article:hover .wrap-both .wrap-text header { opacity: .8; cursor: pointer } .MODULO article:hover img { opacity: .9 } .MODULO article:hover .es-multimedia { background-color: var(--primary) !important } .MODULO article:hover .es-multimedia .element { animation: play-infinite 4s ease infinite; transform-origin: center center } .btn_primary { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px; color: var(--neutral-white); background: var(--neutral-gray-1); border: solid 1px var(--neutral-gray-1); border-radius: 0; white-space: nowrap; letter-spacing: 0; text-decoration: none; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: 0.5s all ease-in-out; transition: all 0.5s ease-in-out } .btn_primary span { color: var(--neutral-white); font-family: var(--font-2); font-size: 16px; line-height: 16px; font-style: normal; font-weight: var(--fw-500); text-align: center } .btn_primary svg path { fill: var(--neutral-white) } .btn_primary:hover { color: var(--neutral-white); background: var(--neutral-gray-1); opacity: .8; cursor: pointer } .btn_primary_outline { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px; color: var(--neutral-gray-1); background: #fff0; border-radius: 0; border: solid 1px var(--neutral-gray-1); white-space: nowrap; letter-spacing: 0; text-decoration: none; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: 0.5s all ease-in-out; transition: all 0.5s ease-in-out } .btn_primary_outline span { color: var(--neutral-gray-1); font-family: var(--font-2); font-size: 16px; line-height: 16px; font-style: normal; font-weight: var(--fw-500); text-align: center } .btn_primary_outline svg path { fill: var(--neutral-gray-1) } .btn_primary_outline:hover { color: var(--neutral-white); background: var(--neutral-gray-1); border: solid 1px var(--neutral-gray-1); opacity: .8; cursor: pointer } .btn_primary_outline:hover span { color: var(--neutral-white) } .btn_primary_outline:hover svg path { fill: var(--neutral-white) } .btn_primary_outline_acceso { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px; color: var(--neutral-gray-1); background: #fff0; border-radius: 0; border: solid 1px var(--neutral-gray-1); white-space: nowrap; letter-spacing: 0; text-decoration: none; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: 0.5s all ease-in-out; transition: all 0.5s ease-in-out } .btn_primary_outline_acceso span { color: var(--neutral-gray-1); font-family: var(--font-2); font-size: 16px; line-height: 16px; font-style: normal; font-weight: var(--fw-500); text-align: center } .btn_primary_outline_acceso:hover { color: var(--neutral-white); background: var(--neutral-gray-1); border: solid 1px var(--neutral-gray-1); opacity: .8; cursor: pointer } .btn_primary_outline_acceso:hover span { color: var(--neutral-white) } .btn_primary_outline_acceso:hover svg path { fill: var(--neutral-white) } .btn-simple { font-size: 16px; font-weight: var(--fw-400); font-size: 16px; line-height: 18px; padding: 4px 0; color: var(--neutral-gray-1); background: #fff0; border: 0; border-bottom: solid 1px var(--neutral-gray-1); display: flex; align-items: center; justify-content: center; gap: 4px; width: fit-content } .btn-usuario .wrap-img { width: 32px; height: 32px; border-radius: 32px; overflow: hidden; display: none } .btn-usuario .wrap-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; object-position: center; -o-object-position: center; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: 0.5s all ease-in-out; transition: all 0.5s ease-in-out } .btn-usuario:hover .wrap-img img { filter: grayscale(0); -webkit-filter: grayscale(0) } .wrap-PAGINA-CORPORATIVA a { color: var(--primary) } .wrap-HEADER.pinned { padding: 12px 0; border-bottom: 0 } .wrap-HEADER.pinned .NAV-Bottom { display: none } .wrap-HEADER.pinned .wrap-CORP .container .wrap-logo { height: 36px } #slide-out .collapsible-header, #slide-out.fixed .collapsible-heade { border-left: 0 } #sidenav-overlay { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px) } .wrap-ULTIMAHORA { margin: 0; margin-bottom: 12px } .wrap-ULTIMAHORA .container .ticker-fijo { background: var(--neutral-gray-1) } .wrap-ULTIMAHORA .container .simple-ticker { background: var(--neutral-gray-4) } #slide-out li>a>i { color: var(--neutral-gray-2) } #slide-out li>a>svg>path { fill: var(--neutral-gray-2) } #slide-out .collapsible-header { font-size: 22px; padding: 4px 20px 4px 4px; font-family: var(--font-2); font-weight: var(--fw-400); color: var(--neutral-gray-1); line-height: 100%; display: flex; justify-content: space-between; align-items: center } #slide-out>li, #slide-out .collapsible-body ul li { border-bottom: 0 } #slide-out li>a>i, #slide-out li>a>i.material-icons { color: var(--neutral-gray-1) } .collapsible-header i { font-size: 1.1rem } #slide-out ul.social { border-top: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 0 4px; margin-top: 24px; gap: 30px; padding-bottom: 80px } #slide-out.active, #slide-out li.active { background-color: transparent !important } #slide-out .collapsible-body ul li a { background-color: var(--neutral-gray-4); font-size: 16px !important; font-family: var(--font-2); font-weight: var(--fw-400); color: var(--neutral-gray-1); position: relative } #slide-out .collapsible-body ul li a.first-level { padding-left: 30px } #slide-out .collapsible-body ul li a.second-level { padding-left: 60px; background: #e9e9e9 } #slide-out .collapsible-body ul li a::after { position: absolute; top: 15px; left: 18px; content: "\25A0"; font-size: 15px; color: var(--primary) } #slide-out .collapsible-body ul li a.first-level::after { top: 15px; left: 16px } #slide-out .collapsible-body ul li a.second-level::after { top: 15px; left: 45px } #slide-out .collapsible-body ul li a.third-level::after { top: 15px; left: 60px } #slide-out>li #cd-search { left: unset; opacity: 1; position: relative; top: unset; transform: unset; visibility: visible; width: 100%; z-index: 1; margin-top: 12px; margin-bottom: 24px; padding: 0 4px } #slide-out>li #cd-search form label { color: var(--neutral-gray-2); font-size: 16px; font-weight: var(--fw-500); font-family: var(--font-2) } #slide-out>li #cd-search form input { background: #fff0; border-bottom: solid 1px var(--neutral-gray-1); border-radius: 0; box-sizing: border-box; color: var(--neutral-gray-1); font-size: 20px; font-weight: var(--fw-300); font-family: var(--font-2); height: 32px; padding: .5em; padding-bottom: 16px; margin-bottom: 0 !important } #slide-out>li #cd-search form input::placeholder { color: var(--neutral-gray-1); font-size: 20px; font-weight: var(--fw-300); font-family: var(--font-2) } #slide-out>li #cd-search form div { width: 100%; height: 32px; position: relative } #slide-out>li #cd-search form svg { position: absolute; left: unset; top: -3px; right: 5px; z-index: 2 } .nav-offcanvas { width: auto; background: var(--neutral-white); height: 100%; min-height: 100vh; position: fixed; overflow-x: auto; z-index: 2000; padding: 0; top: 0; right: -100%; transition: 0.3s cubic-bezier(.25, .46, .45, .94) } .nav-offcanvas .close { position: absolute; right: 10px; top: 20px; outline: 0; opacity: 1; background: #fff0; border: none; box-shadow: none; cursor: pointer; transition: 0.3s ease } .nav-offcanvas .close i { font-size: 24px; color: var(--neutral-gray-1); text-shadow: none; font-weight: 700 } .nav-offcanvas .close:hover { transform: rotate(90deg) } .nav-offcanvas-menu ul { margin-bottom: 0; padding-left: 0; list-style: none } .nav-offcanvas-menu ul li { position: relative; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: 0.5s all ease-in-out; transition: all 0.5s ease-in-out } .nav-offcanvas-menu ul li:hover { transform: translateX(10px); -webkit-transform: translateX(10px) } .nav-offcanvas-menu ul li.name-usuario:hover { transform: translateX(0) } .nav-offcanvas-menu ul li.name-usuario:hover { transform: translateX(0) } .nav-offcanvas.open { right: 0 } .offcanvas-overlay { position: fixed; top: 0; width: 100%; height: 100vh; background-color: rgb(0 0 0 / .5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 1999; transition: 0.3s cubic-bezier(.25, .46, .45, .94); visibility: hidden; opacity: 0 } .offcanvas-overlay.on { opacity: 1; visibility: visible } .nav-offcanvas .nav-offcanvas-menu { height: 100% } .nav-offcanvas .wrap-principal { display: flex; flex-direction: column; border-radius: 0; height: 100% } .nav-offcanvas .wrap-principal .wrap-links { background: var(--neutral-gray-4); padding: 48px; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; justify-content: space-between; width: 100%; max-width: 370px; min-width: 370px; height: 50% } .nav-offcanvas .wrap-principal .wrap-links ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 16px; width: 100%; margin: 0; margin-top: 24px } .nav-offcanvas .wrap-principal .wrap-links ul li { width: 100% } .nav-offcanvas .wrap-principal .wrap-links ul li .separador { height: 1px; background: var(--neutral-gray-1); width: 100% } .nav-offcanvas .wrap-principal .wrap-links ul li.name-usuario { font-family: var(--font-2); font-weight: var(--fw-700); color: var(--neutral-gray-1); font-size: 22px; line-height: 24px } .nav-offcanvas .wrap-principal .wrap-links ul li a { font-family: var(--font-2); font-weight: var(--fw-400); color: var(--neutral-gray-1); font-size: 16px; line-height: 18px } .nav-offcanvas .wrap-principal .wrap-suscripcion { display: flex; flex-direction: column; width: 100%; max-width: 370px; min-width: 370px; height: 50% } .nav-offcanvas .wrap-principal .wrap-suscripcion .wrap-s-top { width: 100%; min-height: 50%; background-image: url(../img/decor/bg-sus-01.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .nav-offcanvas .wrap-principal .wrap-suscripcion .wrap-s-bottom { width: 100%; padding: 48px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 24px; background-image: url(../img/decor/bg-sus-02.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 50% } .nav-offcanvas .wrap-principal .wrap-suscripcion .wrap-s-bottom p { font-family: var(--font-1); font-weight: 700; color: var(--neutral-white); font-size: 24px; line-height: 26px; margin: 0 } .btn-accesos { display: flex; align-items: center; justify-content: flex-end; gap: 12px } .MODULO_HORIZ_3 .es-multimedia, .MODULO_HORIZ_3 .cate-tag { display: none } .MODULO_S .es-multimedia { height: 25px; width: 25px; border-radius: 25px } .MODULO_S .es-multimedia .element { width: 10px; height: 10px } .MODULO_S .cate-tag { font-size: 11px; line-height: 11px } .MODULO_S .cate-tag svg { max-width: 16px } .slick-arrow i.material-icons { color: var(--primary) } .MODULO_1_Banner_3 .sec-wrap { background-color: var(--neutral-gray-4) } .MODULO article .wrap-both .wrap-media { position: relative } .cate-tag { position: absolute; z-index: 1; background: var(--primary); padding: 8px 12px; border-radius: 0; font-size: 16px; line-height: 16px; white-space: nowrap; color: #000; font-family: var(--font-2); font-weight: var(--fw-300); top: 0; left: 0; display: flex; align-items: center; justify-content: center; gap: 6px } .cate-tag>svg path#on-air-out { animation: on-air-out 2s infinite } .cate-tag>svg path#on-air-in { animation: on-air-in 2s infinite } .cate-tag>svg ellipse { transform-origin: 50% 50%; animation: on-air-circle 2s infinite } .MODULO .wrap-both .wrap-text .wrap-otros { display: flex; margin-top: 10px } .wrap-otros .pie-noticia { display: flex; align-items: center; justify-content: flex-start; gap: 0; width: 100% } .wrap-otros .pie-noticia .contenedor-redactor span { display: flex; align-items: center; justify-content: flex-start; gap: 8px } .wrap-otros .pie-noticia .contenedor-redactor .firma-hibrida { width: 40px; min-width: 40px; height: 40px; border-radius: 40px; overflow: hidden; filter: grayscale(1) } .wrap-otros .pie-noticia .contenedor-redactor .firma-hibrida img { width: 100%; height: 100%; object-fit: cover; object-position: center } .wrap-otros .pie-noticia .contenedor-redactor span a { font-family: var(--font-2); font-style: normal; letter-spacing: 0; text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: var(--fw-500); color: var(--neutral-gray-1) } .wrap-otros .pie-noticia .contenedor-comentarios { display: flex; align-items: center; justify-content: flex-start; gap: 4px; margin-left: 12px } .wrap-otros .pie-noticia .contenedor-comentarios span { font-family: var(--font-2); font-style: normal; letter-spacing: 0; text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: var(--fw-400); color: var(--neutral-gray-1) } .wrap-otros .pie-noticia .contenedor-comentarios svg { max-width: 18px } .wrap-otros .pie-noticia .contenedor-comentarios .save { -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: 0.5s all ease-in-out; transition: all 0.5s ease-in-out; position: relative; max-width: 16px } .wrap-otros .pie-noticia .contenedor-comentarios .save:hover { cursor: pointer; transform: translateY(-2px); -webkit-transform: translateY(-2px) } .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--primary) } .MODULO .wrap-both .wrap-text .entradilla { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--neutral-gray-1) } .MODULO .wrap-text .pretitulo { padding-left: 8px; margin-bottom: 10px; margin-top: 4px; text-align: left; position: relative } .MODULO .wrap-text .pretitulo::after { content: ''; position: absolute; top: 0px; left: 0; height: 13px; width: 3px; background-color: var(--c3) } .MODULO .wrap-text .pretitulo a { color: var(--c3); font-family: var(--font-2); font-weight: var(--fw-400); font-size: 13px; line-height: 13px; text-transform: uppercase; letter-spacing: 0; display: flex; align-items:center; } .MODULO .wrap-text h2 a { color: var(--neutral-gray-1); font-family: var(--font-1) } .MODULO .wrap-text .link-redactor-edicion { font-family: var(--font-2); font-size: 18px; font-weight: 500 } .MODULO .wrap-text h2 a span, .MODULO .wrap-text h2 a span { color: var(--primary); display: flex; margin-bottom: 4px } .MODULO_1_3_1_2 .first-wrap .wrap-text .link-redactor-edicion { display: none !important } .TITULO-listado h2 { font-family: var(--font-2); font-weight: 700; font-size: 24px; line-height: 26px; letter-spacing: 20%; color: var(--neutral-gray-1); border-bottom: 0; text-transform: uppercase; justify-content: center; position: relative } .TITULO-listado h4 { font-family: var(--font-2); font-weight: 700; font-size: 24px; line-height: 26px; letter-spacing: 20%; color: var(--neutral-gray-1); border-bottom: 0; text-transform: uppercase; justify-content: center; position: relative } .TITULO-listado h2::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); width: 100%; height: 1px; background-color: var(--neutral-gray-1) } .TITULO-listado h2 { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 24px } .TITULO-listado h4 { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 24px } .TITULO-listado h4::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); width: 100%; height: 1px; background-color: var(--neutral-gray-1) } .TITULO-listado h2 span { background: var(--neutral-white); position: relative; z-index: 2; padding-left: 16px; padding-right: 16px } .TITULO-listado h4 span { background: var(--neutral-white); position: relative; z-index: 2; padding-left: 16px; padding-right: 16px } .TITULO-listado h2 span:after { background: #fff0 } .TITULO-listado h2 ul { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; gap: 24px; margin: 0; background: #fff; position: relative; z-index: 2; padding: 0 24px 0 8px } .TITULO-listado h2 ul li a { -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: 0.5s all ease-in-out; transition: all 0.5s ease-in-out; font-family: var(--font-2); font-size: 18px; line-height: 20px; font-weight: var(--fw-400); font-style: italic; color: var(--neutral-gray-2); text-transform: capitalize } .TITULO-bloque h4, .lo-mas-leido-cabecero { font-family: var(--font-2); font-weight: 700; font-size: 24px; line-height: 26px; letter-spacing: 20%; color: var(--neutral-gray-1); border-bottom: 0; text-transform: uppercase; justify-content: center; position: relative; display: flex; gap: .5em; align-items: center; flex-direction: row } .lo-mas-leido-cabecero { margin-bottom: 0 !important } .TITULO-bloque h4::after, .lo-mas-leido-cabecero::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); width: 100%; height: 1px; background-color: var(--neutral-gray-1) } .TITULO-bloque h4 span, .lo-mas-leido-cabecero span { background: var(--neutral-white); position: relative; z-index: 2; padding-left: 16px; padding-right: 16px } .TITULO-bloque h4 span:after, .lo-mas-leido-cabecero span::after { background: #fff0 } .TITULO-listado.sin_enlace h2 { display: flex; gap: 0em; align-items: center; flex-direction: row } .TITULO-listado li { line-height: 10px } .TITULO-listado h2 .auspiciante { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; background: var(--neutral-white); padding-left: 0; padding-right: 16px; position: relative; z-index: 2 } .TITULO-listado h2 .auspiciante span { font-family: var(--font-2); font-size: 16px; line-height: 18px; font-weight: var(--fw-400); font-style: italic; color: var(--neutral-gray-2); padding: 0; text-transform: initial } .TITULO-listado h2 .auspiciante img { max-height: 35px; width: auto } .wrap-NAV .NAV-Bottom .container nav ul li a { font-weight: var(--fw-600); font-family: var(--font-2); text-transform: uppercase; font-size: 14px; color: var(--neutral-gray-1) } .wrap-NAV .NAV-Bottom .container nav ul li a.activo { color: var(--neutral-gray-2) } .wrap-NAV .NAV-Bottom .container nav ul li a.activo:after { background: var(--neutral-gray-2); height: 2px; left: 10px; width: calc(100% - 20px) } .wrap-HEADER { border-bottom: solid 1px var(--neutral-gray-1) } .wrap-HEADER .wrap-CORP .container .CORP-left .cd-search-trigger { width: auto; display: flex; align-items: center; justify-content: center; background: var(--neutral-white); padding: 0 } .wrap-HEADER .wrap-CORP .container .CORP-left .cd-search-trigger svg { color: var(--neutral-white) } .wrap-HEADER .wrap-CORP .container .CORP-left .button-collapse svg { color: var(--primary) } ul.logos-footer li a.logos-pie.logo-ai { opacity: 1; background-size: contain !important; min-height: 136px } .wrap-logo { background-image: url(../img/logos/logo-central.png) } .wrap-HEADER .wrap-CORP .container .CORP-right { order: 3; width: 30%; justify-content: flex-end; max-width: 100% } .wrap-HEADER .wrap-CORP .container .CORP-left { order: 1; width: 30%; justify-content: flex-start; max-width: 100% } .wrap-HEADER .icon-acceso-sm { display: none } .wrap-FOOTER .page-footer { background: var(--neutral-white); border-top: 3px solid #000; margin-top: 20px } .page-footer .footer-top { background: var(--neutral-white) } .footer-top nav ul li a { color: var(--neutral-gray-1); font-size: 16px; line-height: 18px; padding: 0 10px; text-transform: none; font-family: var(--font-2); font-weight: var(--fw-300) } .wrap-FOOTER .footer-copyright span, .wrap-FOOTER .footer-copyright .developer, .wrap-FOOTER .footer-copyright a { font-size: 16px; font-weight: var(--fw-400); color: var(--neutral-gray-1) } ul.logos-footer li a.logos-pie.logo-pbs { background-image: url(../img/logos-pie/logo-negro-verde.svg) !important } .MODULO_SLIDER .slider-x1 .wrap-text { background: var(--neutral-white) } .MODULO_SLIDER .slider-x1 .wrap-text h2 a .edicion, .MODULO_SLIDER .slider-x1 .wrap-text h2 a .redaccion { color: var(--neutral-gray-1) } .MODULO_SLIDER .slider-x1 .wrap-text h2 a { color: var(--neutral-gray-1) !important } .MODULO_1_1_4 .first-wrap { position: relative } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-text h2 a { color: var(--white) !important } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-text h2 a span { color: var(--primary) !important } .MODULO_1_3_1_2 .first-wrap .wrap_one .wrap-otros { display: flex; margin-top: 12px } .MODULO_1_3_1_2 .first-wrap .wrap_one .wrap-otros .pie-noticia { justify-content: center } .destacado .MODULO_1_3_1_2 .wrap-both .wrap-text header h2 a, .destacado .MODULO_1_4_3 .wrap-both .wrap-text header h2 a, .destacado .MODULO_1_Banner_4 .wrap-both .wrap-text header h2 a, .destacado .MODULO_2_1_4 .wrap-both .wrap-text header h2 a { color: var(--neutral-white) } .destacado .MODULO_1_3_1_2 .wrap-both .wrap-text header h2 a span, .destacado .MODULO_1_4_3 .wrap-both .wrap-text header h2 a span, .destacado .MODULO_1_Banner_4 .wrap-both .wrap-text header h2 a span, .destacado .MODULO_2_1_4 .wrap-both .wrap-text header h2 a span { color: var(--neutral-gray-1) } .destacado .MODULO_1_3_1_2 .wrap-both .wrap-text .entradilla, .destacado .MODULO_1_4_3 .wrap-both .wrap-text .entradilla, .destacado .MODULO_1_Banner_4 .wrap-both .wrap-text .entradilla, .destacado .MODULO_2_1_4 .wrap-both .wrap-text .entradilla { color: var(--neutral-white) } .formulario-listado-busqueda { background: #fff0; border: 0 } .formulario-listado-busqueda h4 { font-family: var(--font-2); margin-bottom: 1em; color: var(--color-5) } .formulario-listado-busqueda .input-field.col label { color: var(--color-5); font-family: var(--font-2); font-weight: var(--fw-700) } .formulario-listado-busqueda .input-field.col input::placeholder { color: var(--color-6); font-family: var(--font-2); font-weight: var(--fw-300) } .LISTADO_BUSQUEDA .TITULO-listado h1 { font-family: var(--font-2); color: var(--color-5) } .LISTADO_BUSQUEDA .MODULO .MODULO_M .sec-wrap article { border-bottom: 0; margin-bottom: 1em } .LISTADO_BUSQUEDA .MODULO .MODULO_M .sec-wrap article .wrap-both .wrap-media .img-wrap { padding-bottom: 56% } .wrap-DOBLE .MODULO_SLIDER .wrap-both .wrap-text, .wrap-TRIPLE .MODULO_SLIDER .wrap-both .wrap-text { bottom: 2em; left: unset; right: 2em } .wrap-TRIPLE .MODULO_SLIDER .img-wrap:before { background: none } .MODULO_Numerado { background: var(--neutral-gray-4) } .MODULO_Numerado li h2 { font-family: var(--font-2); font-weight: 600; font-size: 16px; line-height: 18px; color: var(--neutral-gray-1); margin: 0 !important } .MODULO_Numerado li { margin: 0; padding: 1em 1em 1em 1em; position: relative; border-bottom: 0 } .MODULO_Numerado li:before { width: 22px; height: 22px; border-radius: 0; background: #fff0; color: var(--neutral-gray-2); font-size: 22px; line-height: 22px; font-family: var(--font-2) !important; left: 1em } .MODULO_Numerado li:hover:before { color: var(--primary) } .wrap-MEDIO .wrap-SIMPLE.CENTRO .MODULO .MODULO_S article .wrap-both { background: var(--neutral-gray-4) } .TITULO-bloque h4 a { border-bottom: solid 8px var(--color-5); text-transform: capitalize !important; margin: 1px 0; color: var(--color-5); display: flex; flex-direction: row; gap: 16px; align-items: center; justify-content: flex-start; font-family: var(--font-1); width: 100%; padding-left: 0 } .TITULO-bloque h4 a { border-bottom: 0 } .wrap-PAGINA-CORPORATIVA h1 { border-bottom: solid 8px var(--color-5); color: var(--color-5); margin: 1px 0; display: flex; width: 100%; gap: 16px; align-items: center } .wrap-PAGINA-CORPORATIVA.first-wrap { position: relative } .lo-mas-leido-cabecero { text-transform: capitalize !important; margin: 1px 0; display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: center; width: 100%; padding-left: 0; font-size: 1.5em; position: relative; text-align: left; margin-bottom: 1em !important; font-weight: 400; letter-spacing: .2em } .ul-lo-mas-leido { list-style: none; margin: 0; margin-bottom: 2em; padding: 0; width: 100%; background: #fff0 } .ul-lo-mas-leido li { margin: 0; padding: .5em .5em .5em .5em; position: relative; border-bottom: 0 } .ul-lo-mas-leido li a .div-number { border-radius: 0; background: #fff0; color: var(--neutral-gray-2); font-size: 22px; font-family: var(--font-2) !important; display: flex; align-items: center; justify-content: center; font-weight: 400 } .ul-lo-mas-leido li a { word-break: break-word; text-wrap: pretty; font-size: 1em !important; margin: 0 !important; font-family: var(--font-1) !important; font-weight: 700; color: var(--neutral-gray-1); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0; font-size: 22px } @media only screen and (min-width:768px) { .wrap-PAGINA-CORPORATIVA .first-wrap { border: none; flex: 1 0 100%; margin-bottom: 2em } } .wrap-PAGINA-CORPORATIVA .first-wrap { display: block } @media only screen and (min-width:768px) { .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-both { float: left; height: 100%; min-height: 360px; overflow: hidden; position: relative; width: 100% } } @media only screen and (min-width:768px) { .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-both::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 160px; height: 300px; background-image: url(../img/decor/exclamation.svg); z-index: 2 } } @media only screen and (min-width:768px) { .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-media { width: 50% } } @media only screen and (min-width:768px) { .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-media { height: 100%; left: 0; position: absolute; top: 0; width: 62.5% } } @media only screen and (min-width:601px) { .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-media { margin: 0 } } @media only screen and (min-width:768px) { .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-media figure { height: 100% } } .wrap-PAGINA-CORPORATIVA .wrap-both .wrap-media figure { line-height: 10px; margin: 0; padding: 0; position: relative } @media only screen and (min-width:768px) { .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-media figure .img-wrap { height: 100%; padding-bottom: 0 } } .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-media .img-wrap { padding-bottom: 66% !important } .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-media .img-wrap { padding-bottom: 50% } @media only screen and (min-width:601px) { .wrap-PAGINA-CORPORATIVA .img-wrap { padding-bottom: 56.25% } } @media only screen and (min-width:768px) { .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-text { background: var(--color-4); margin-bottom: 0; margin-left: 0; margin-top: 0; height: 100%; min-height: 360px; padding: 20px 96px 30px; color: hsl(0 0% 100% / .7); float: right; position: relative; width: 50%; z-index: 1; display: flex; flex-direction: column; justify-content: center } } .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-text h2 div { color: var(--primary) !important } .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-text h2 div .edicion, .wrap-PAGINA-CORPORATIVA .first-wrap .wrap-text h2 div .redaccion { color: var(--neutral-gray-1) } .wrap-PAGINA-CORPORATIVA .wrap-both .wrap-text .entradilla p { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-5); margin-bottom: 0 } .wrap-PAGINA-CORPORATIVA .wrap-text h2 { margin-top: 0 } .wrap-PAGINA-CORPORATIVA .wrap-text .nombre_redactor { border-left: solid 5px var(--primary); padding-left: 4px; margin-bottom: 8px; text-align: left } .wrap-PAGINA-CORPORATIVA .wrap-text .nombre_redactor span { color: var(--neutral-gray-1); font-family: var(--font-2); font-weight: var(--fw-700) } .wrap-PAGINA-CORPORATIVA .wrap-both { margin: 3em 0 } @media (max-width:991px) { .wrap-PAGINA-CORPORATIVA .wrap-text .nombre_redactor { margin-top: 1em } } .wrap-PAGINA-CORPORATIVA .wrap-reverse { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row } .wrap-PAGINA-CORPORATIVA .wrap-reverse .first-wrap-reverse { width: 50%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 24px; height: 100%; padding-right: 48px } .wrap-PAGINA-CORPORATIVA .wrap-reverse .first-wrap-reverse p { margin: 0 } .wrap-PAGINA-CORPORATIVA .wrap-reverse .first-wrap-reverse p.title { color: var(--neutral-gray-1); font-weight: 700; font-size: 1.3rem; line-height: 110%; font-family: var(--font-1) } .wrap-PAGINA-CORPORATIVA .wrap-reverse .first-wrap-reverse p.title span { color: var(--primary); font-weight: 700; font-size: 1.3rem; font-family: var(--font-1) } .wrap-PAGINA-CORPORATIVA .wrap-reverse .first-wrap-reverse p.entradilla { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-5); font-size: 1.1rem; line-height: 1.2 } .wrap-PAGINA-CORPORATIVA .wrap-reverse .sec-wrap-reverse { width: 50%; height: 600px } .wrap-PAGINA-CORPORATIVA .wrap-reverse .sec-wrap-reverse img { width: 100%; height: 100%; object-fit: cover } .wrap-PAGINA-CORPORATIVA .wrap-count { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 96px; width: fit-content; margin: auto; margin: 3em 0 } .wrap-PAGINA-CORPORATIVA .wrap-count .wrap-text { width: fit-content; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px } .wrap-PAGINA-CORPORATIVA .wrap-count .wrap-text span { color: var(--primary); font-weight: var(--fw-300); font-family: var(--font-1); text-align: center; font-size: 5em; line-height: 100%; white-space: nowrap } .wrap-PAGINA-CORPORATIVA .wrap-count .wrap-text p { color: var(--color-6); font-weight: var(--fw-300); font-family: var(--font-2); text-align: center; font-size: 24px; margin: 0; line-height: 100% } .wrap-PAGINA-CORPORATIVA .wrap-float { width: 100%; height: 550px; position: relative; margin-bottom: 3em } .wrap-PAGINA-CORPORATIVA .wrap-float .wrap-img { width: 100%; height: 100%; position: relative } .wrap-PAGINA-CORPORATIVA .wrap-float img { width: 100%; height: 100%; object-fit: cover } .wrap-PAGINA-CORPORATIVA .wrap-float .wrap-text { position: absolute; bottom: 0; right: 60px; background: var(--neutral-white); padding: 48px; width: 100%; max-width: 500px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 24px } .wrap-PAGINA-CORPORATIVA .wrap-float p.title { color: var(--neutral-gray-1); font-weight: 700; font-size: 1.3rem; line-height: 110%; font-family: var(--font-1) } .wrap-PAGINA-CORPORATIVA .wrap-float p.title span { color: var(--primary); font-weight: 700; font-size: 1.3rem; font-family: var(--font-1) } .wrap-PAGINA-CORPORATIVA .wrap-float p.entradilla { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-5); font-size: 1.1rem; line-height: 1.2 } .wrap-PAGINA-CORPORATIVA .wrap-float p { margin: 0 } .wrap-PAGINA-CORPORATIVA .wrap-contacto { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 48px; width: 100%; margin: 3em 0 } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap { width: 100%; max-width: min-content } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap .title { font-size: 1.3rem; font-family: var(--font-1); color: var(--neutral-gray-1); line-height: 100%; margin: 0; margin-bottom: 10px } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap ul { width: 100%; list-style: none; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; border-top: solid 5px var(--color-5); margin: 0; padding: 0 } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap ul li { padding: 24px; display: flex; align-items: center; justify-content: flex-start; border-bottom: solid 2px var(--primary); background-color: var(--color-4); width: 100% } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap ul li a { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 16px } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap ul li a svg { min-width: 50px } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap ul li a span { color: var(--color-5); font-weight: var(--fw-700); font-size: 1.3rem; line-height: 110%; font-family: var(--font-2) } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form { width: 50% } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form label { font-size: 1em; font-family: var(--font-1); font-weight: 700; color: var(--neutral-gray-1) } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form input::placeholder, .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form textarea::placeholder { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-6) } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form p { margin: .5em 0; font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-6) } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form .form-check-label { margin: .5em 0; padding-left: 25px; font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-6) } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form .form-check { margin-bottom: 2em } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form .form-check-label a { color: var(--primary) } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form textarea { border: 0; border-bottom: solid 1px var(--neutral-gray-1) } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap .wrap-map { width: 50% } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap .wrap-map iframe { width: 100%; height: 528px; filter: grayscale(1); -webkit-filter: grayscale(1) } .wrap-PAGINA-CORPORATIVA .wrap-publicidad { width: 100%; margin: 3em 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 48px } .wrap-PAGINA-CORPORATIVA .wrap-publicidad .wrap-text { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 24px } .wrap-PAGINA-CORPORATIVA .wrap-publicidad .wrap-text .titulo { border-left: solid 5px var(--primary); padding-left: 4px; margin: 0; text-align: left; color: #000; font-family: var(--font-2); font-weight: var(--fw-700); font-size: 1.3rem; line-height: 110% } .wrap-PAGINA-CORPORATIVA .wrap-publicidad .wrap-text .entradilla { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-5); font-size: 1.1rem; line-height: 1.2; margin: 0 } .wrap-PAGINA-CORPORATIVA .wrap-publicidad .wrap-text .entradilla a { color: var(--primary) } .wrap-PAGINA-CORPORATIVA .wrap-politicas { margin: 3em 0 } .wrap-PAGINA-CORPORATIVA .wrap-politicas p { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-5); font-size: 1.1rem; line-height: 1.2; margin-top: 0; margin-bottom: .8em } .wrap-PAGINA-CORPORATIVA .wrap-politicas ul { margin: 0 } .wrap-PAGINA-CORPORATIVA .wrap-politicas ul li { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-5); font-size: 1.1rem; line-height: 1.2 } .wrap-PAGINA-CORPORATIVA .wrap-politicas a { color: var(--primary) } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .ADDTOANY .wrap-addtoanys span { background: transparent !important } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .ADDTOANY .wrap-addtoanys a.color svg path { fill: var(--primary) !important } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .ADDTOANY .wrap-addtoanys a.link_especial svg path { fill: var(--primary) !important } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .ADDTOANY .wrap-addtoanys a.link_especial svg path+path { fill: var(--primary) !important } .publicacion-auditada { font-family: var(--font-2); color: var(--neutral-white); font-weight: var(--fw-400) } .wrap-loader { order: 3; width: 100%; min-height: 60px; display: flex; align-items: center; justify-content: center } .wrap-loader svg path, .wrap-loader svg rect { fill: var(--color-5) } .wrap-HEADER .wrap-DEST { background-color: var(--neutral-white); border-bottom: solid 1px var(--neutral-gray-1) } .wrap-HEADER .wrap-DEST .container .destfijo a { font-family: var(--font-2); font-size: 16px; color: var(--neutral-gray-1); font-weight: var(--fw-700); font-style: normal } .wrap-HEADER .wrap-DEST .container ul li a { font-family: var(--font-2); font-size: 16px; color: var(--neutral-gray-1); font-weight: var(--fw-400); font-style: italic; text-transform: initial } .wrap-HEADER .wrap-CAROUSEL { display: none } .LISTADO_BLOGS.articulo-opinion .titulo-pagina { display: flex; gap: .5em; align-items: center; flex-direction: row; border-bottom: solid 8px var(--color-5); color: var(--color-5); font-size: 2em !important; text-align: left; padding: .75em 0; font-weight: var(--fw-700); margin-top: 0; padding-top: 0 } .wrap-FICHA-ARTICULO .MODULO_AUTOR { border-radius: 0; position: relative } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor { align-content: flex-start; background: #fff; display: flex; flex-direction: row; flex-wrap: no-wrap; justify-content: space-between; min-height: 300px } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .autor-foto { width: 40%; background: #f0f5fb; padding: 0 } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .autor-foto img { width: 100%; background: #f0f5fb; padding: 0; filter: grayscale(1); -webkit-filter: grayscale(1); mix-blend-mode: luminosity; border-radius: 0; border: 0; height: 100%; object-fit: contain; object-position: bottom } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .contenedor-derecho { width: 60%; padding: 24px 48px; background: var(--color-4) } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .autor-detalles { background: #fff0; flex-grow: 1; padding: 0 } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .autor-detalles h4 { font-size: 2em; margin-top: 0; color: var(--primary); font-weight: 500; font-family: var(--font-1); text-align: left; margin-bottom: 8px } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .autor-detalles p { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-5); text-align: left; margin-top: 0 } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .autor-detalles ul { margin-top: 8px; text-align: left } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .autor-detalles ul li a i { color: var(--primary) } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .detalles-blog { margin-top: 24px; background: #fff0; padding: 0 } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .detalles-blog h5 { color: var(--color-5); text-align: left; font-weight: 500 } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .detalles-blog p { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-5); text-align: left; margin-top: 0 } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .detalles-blog .btn { background: var(--primary); font-family: var(--font-2); float: left } .ARTICULO_BLOG.articulo-opinion h1, .LISTADO_BLOGS_ARTICULOS.articulo-opinion h1 { margin-top: 0; font-size: 48px; font-family: var(--font-1); color: var(--color-5); text-align: center; max-width: 750px; margin: auto } .LISTADO_BLOGS_ARTICULOS h1:after, .wrap-FICHA-ARTICULO.ARTICULO_BLOG h1:after, .wrap-FICHA-ARTICULO.articulo-opinion h1:after { color: var(--primary); width: 200px; font-weight: 700; font-size: 18px } .LISTADO_BLOGS_ARTICULOS h1:before { background: var(--primary); width: 340px } .LISTADO_BLOGS_ARTICULOS p.detalles { margin-bottom: 0; border: 0 } .LISTADO_BLOGS_ARTICULOS p.detalles { color: var(--color-5); font-family: var(--font-2); max-width: 950px; margin: auto } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR { border-radius: 0; box-shadow: none } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-foto { padding: 0; background: #f0f5fb; height: 350px; position: relative } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-foto:before { content: ""; position: absolute; bottom: 0; right: 0; transform: translate(-10px, 40px); -webkit-transform: translate(-10px, 40px); width: 78px; height: 150px; background-image: url(../img/decor/exclamation-white.svg); z-index: 2 } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-foto img { width: 100%; background: #f0f5fb; padding: 0; filter: grayscale(1); -webkit-filter: grayscale(1); mix-blend-mode: luminosity; border-radius: 0; border: 0; height: 100%; object-fit: contain; object-position: bottom } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-detalles { padding: 24px; background-color: var(--color-4); text-align: left } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-detalles h4 { font-size: 2em; margin-top: 0; color: var(--primary); font-weight: 500; font-family: var(--font-1); text-align: left; margin-bottom: 8px } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-detalles p { font-family: var(--font-2); font-weight: var(--fw-300); color: var(--color-5); text-align: left; margin-bottom: 0 } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-detalles ul li a { color: var(--primary) } .ARTICULO_BLOG.articulo-opinion .MODULO_AUTOR .datos-autor .detalles-blog, .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .detalles-blog { background: #fff0; padding: 24px 0 } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .detalles-blog h5 { color: var(--color-6); font-weight: 700; margin-top: 0; text-align: left; font-family: var(--font-1); font-size: 24px } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .detalles-blog p { color: var(--color-5); font-family: var(--font-2); font-size: .8em; text-align: left } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit .art-entradilla { color: var(--color-6); text-transform: initial } .ARTICULO_BLOG.articulo-opinion .CONTENIDO-ARTICULO .MODULO_AUTOR .datos-autor, .LISTADO_BLOGS_ARTICULOS.articulo-opinion .CONTENIDO-ARTICULO .MODULO_AUTOR .datos-autor { background: #f0f5fb } .ARTICULO_BLOG.articulo-opinion .MODULO_AUTOR, .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR { box-shadow: none } .ARTICULO_BLOG.articulo-opinion .MODULO_AUTOR .datos-autor .autor-detalles h4 a, .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-detalles h4 a { color: var(--color-5) } .ARTICULO_BLOG.articulo-opinion .MODULO_AUTOR .datos-autor .autor-detalles ul li a, .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-detalles ul li a { color: var(--primary) } .ARTICULO_BLOG.articulo-opinion .MODULO_AUTOR, .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR { border-radius: 0 } @media only screen and (min-width:601px) { .ARTICULO_BLOG.articulo-opinion .CONTENIDO-ARTICULO .MODULO_AUTOR .datos-autor .autor-detalles, .LISTADO_BLOGS_ARTICULOS.articulo-opinion .CONTENIDO-ARTICULO .MODULO_AUTOR .datos-autor .autor-detalles { padding: 1.5em; text-align: left; width: calc(50% - 120px); background-color: var(--color-4) } } @media only screen and (min-width:991px) { .wrap-FICHA-ARTICULO .MODULO_AUTOR { flex: 0 0 initial !important } } @media only screen and (max-width:992px) { .ARTICULO_BLOG.articulo-opinion .MODULO_AUTOR .datos-autor, .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor { flex-direction: column } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .detalles-blog { padding: 24px; padding-bottom: 0; width: 100% } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-foto { width: 100% } .LISTADO_BLOGS_ARTICULOS.articulo-opinion .MODULO_AUTOR .datos-autor .autor-detalles { width: 100% } } @media only screen and (max-width:990px) { .wrap-FICHA-ARTICULO .MODULO_AUTOR { flex: 0 0 100% !important } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor { max-height: 400px } } @media (max-width:767px) { .wrap-FICHA-ARTICULO .MODULO_AUTOR::before { top: 30%; left: 100%; transform: translate(-100%, -30%); -webkit-transform: translate(-100%, -30%) } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor { max-height: 100%; flex-direction: column } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .autor-foto { width: 100%; height: 250px } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .autor-foto img { object-fit: contain } .wrap-FICHA-ARTICULO .MODULO_AUTOR .datos-autor .contenedor-derecho { width: 100%; padding: 24px } .LISTADO_BLOGS_ARTICULOS h1:before { display: none } .LISTADO_BLOGS_ARTICULOS h1:after, .wrap-FICHA-ARTICULO.ARTICULO_BLOG h1:after, .wrap-FICHA-ARTICULO.articulo-opinion h1:after { width: fit-content; left: 50%; transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px) } .LISTADO_BLOGS_ARTICULOS p.detalles { text-align: center } } @media (max-width:991px) { .wrap-PAGINA-CORPORATIVA .wrap-contacto { flex-direction: column } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap { width: 100%; max-width: 100% } } @media (max-width:767px) { .wrap-PAGINA-CORPORATIVA .wrap-reverse { flex-direction: column-reverse } .wrap-PAGINA-CORPORATIVA .wrap-reverse .first-wrap-reverse, .wrap-PAGINA-CORPORATIVA .wrap-reverse .sec-wrap-reverse { width: 100% } .wrap-PAGINA-CORPORATIVA .wrap-reverse .first-wrap-reverse { padding-right: 0; margin-top: 2em } .wrap-PAGINA-CORPORATIVA .wrap-reverse .sec-wrap-reverse { height: 364px } .wrap-PAGINA-CORPORATIVA .wrap-count { flex-wrap: wrap; gap: 24px } .wrap-PAGINA-CORPORATIVA .wrap-float .wrap-text { max-width: 90%; left: 50%; right: unset; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); padding: 12px } .wrap-PAGINA-CORPORATIVA .wrap-float { height: 1px; min-height: 400px } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap { flex-direction: column-reverse; gap: 24px } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap form, .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap .wrap-map { width: 100% } .wrap-PAGINA-CORPORATIVA .wrap-contacto .sec-wrap .wrap-map iframe { height: 250px } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap ul li { justify-content: center } .wrap-PAGINA-CORPORATIVA .wrap-contacto .first-wrap ul li a { flex-direction: column; align-items: center; justify-content: center; text-align: center } .MODULO_SLIDER .wrap-text { padding: .5em 0em 1.5em } .MODULO_SLIDER .slider-x1 .wrap-text h2 a { color: var(--neutral-gray-1) !important } .MODULO_SLIDER .slider-x1 .wrap-text h2 a .edicion, .MODULO_SLIDER .slider-x1 .wrap-text h2 a .redaccion { color: var(--neutral-gray-1) } .paginadores .paginador { background: var(--primary) } .paginadores .paginador a:before { color: var(--neutral-white) } } @media only screen and (min-width:993px) { .MODULO_1_4_3 .third-wrap article { border-bottom: 1px solid var(--neutral-white) !important } } @media only screen and (min-width:768px) { .MODULO_1_1_4 .first-wrap .wrap-text { background: var(--neutral-gray-4); margin-bottom: 0; margin-left: 0; margin-top: 0; height: 100%; min-height: 360px; height: auto } .MODULO_1_1_4 .first-wrap .wrap-text .nombre_redactor { border-left: solid 5px var(--neutral-gray-1); padding-left: 4px; margin-bottom: 0 } .MODULO_1_1_4 .first-wrap .wrap-text .nombre_redactor a { color: #000; font-family: var(--font-2); font-weight: var(--fw-700) } .MODULO_1_1_4 .first-wrap .wrap-text .nombre_redactor a:hover { opacity: .8 } .MODULO_1_1_4 .first-wrap .wrap-text h2 a { color: var(--neutral-gray-1) !important } .MODULO_1_1_4 .first-wrap .wrap-text h2 a .edicion, .MODULO_1_1_4 .first-wrap .wrap-text h2 a .redaccion { color: var(--neutral-gray-1) } .MODULO_1_1_4 .first-wrap footer a { color: var(--neutral-gray-1); text-transform: capitalize } .MODULO_1_1_4 .sec-wrap .wrap-text .nombre_redactor a, .MODULO_1_1_4 .third-wrap .wrap-text .nombre_redactor a { color: var(--color-6) } .MODULO_1_1_4 .sec-wrap .wrap-both .wrap-text .entradilla { color: var(--color-6) } } @media (max-width:1199px) { .wrap-HEADER .wrap-CORP .container .enlaces-extra { gap: 8px } } @media (max-width:991px) { .wrap-HEADER .wrap-CORP .container .enlaces-extra { display: none } .wrap-HEADER .wrap-CORP .container .CORP-right { display: flex } .wrap-HEADER .wrap-CORP .container .CORP-right .btn-acceso-usuarios { padding: 0; background-color: #fff0 } .wrap-HEADER .wrap-CORP .container .CORP-right .btn-acceso-usuarios .icon-acceso-lg, .wrap-HEADER .wrap-CORP .container .CORP-right .btn-acceso-usuarios span { display: none !important } .wrap-HEADER .wrap-CORP .container .CORP-right .icon-acceso-sm { display: flex } .wrap-HEADER .wrap-CORP .container .CORP-right .social { display: none !important } .wrap-HEADER.pinned .wrap-CORP .CORP-center { margin: auto } .wrap-HEADER.pinned .wrap-CORP .CORP-center .wrap-logo { display: block; max-height: 40px } .wrap-NAV .NAV-Bottom .container nav ul { justify-content: flex-start } } @media only screen and (min-width:601px) { .MODULO_1_4_3 .third-wrap { border-top: 1px solid var(--neutral-white) !important } } @media (max-width:767px) { .wrap-HEADER { gap: 9px; padding-top: 9px } .wrap-HEADER .wrap-NAV .NAV-Bottom { height: 30px; line-height: 30px; max-height: 30px } .wrap-HEADER .wrap-CAROUSEL .slick-slide img { max-height: 40px } .page-footer .footer-top { padding: 12px 0 } .footer-top nav { gap: 12px } .MODULO_1_1_4 .first-wrap::before { display: none } .MODULO_ASIM_2_1 .wrap-text { flex: 1 0 50% } .wrap-MEDIO .wrap-SIMPLE.CENTRO .MODULO .MODULO_S article .wrap-both { background: #fff0 } .paginadores .paginador { opacity: 1 } .paginadores .paginador a h5 { color: var(--neutral-white); font-family: var(--font-2); font-weight: 300 } } @media only screen and (max-width:768px) { .wrap-HEADER.pin-top { position: relative } .wrap-HEADER.pinned { padding-top: 4px; padding-bottom: 4px } } ul.logos-footer.logosotros li a { width: 150px !important } .destacado.dest-secundario .MODULO_2_1_4 a span { color: var(--primary) !important } .es-multimedia { backdrop-filter: blur(20px); background-color: rgb(255 255 255 / .1); bottom: 12px; right: 12px; left: unset; height: 45px; width: 45px; padding: 0; border-radius: 45px; display: flex; align-items: center; justify-content: center } .es-multimedia .element { background-color: #fff; width: 18px; height: 18px; position: absolute; clip-path: polygon(0% 0%, 0% 100%, 50% 75%, 50% 75%, 50% 75%, 50% 75%, 100% 50%, 100% 50%) } .es-multimedia .play { transform-origin: center center } .destacado.dest-secundario .wrap-both .wrap-text .entradilla { color: var(--color-5) } #estilo-modulo-bomarzo .wrap-text h2 a span svg { display: none } #estilo-modulo-bomarzo .wrap-text h2 a:first-of-type { font-size: 18px } #estilo-modulo-bomarzo .wrap-text h2 a span { color: var(--color-5) } .destacado.dest-principal .wrap-both .wrap-text .entradilla { color: var(--neutral-white) } .exclusiva { background: var(--primary); display: inline; padding: 2px; border-radius: 4px; color: #fff; padding-left: 4px; padding-right: 4px; font-size: 75%; display: none } .destacado.dest-principal .sec-wrap a { color: var(--neutral-white) } .destacado.dest-principal .sec-wrap a:first-of-type { color: var(--neutral-gray-1) !important } .MODULO .wrap-both .wrap-text header h2 { margin-top: 0 } .MODULO_VERT_4 .wrap-both header { margin-top: 1rem } .MODULO .sec-wrap article .wrap-both .wrap-media, .MODULO .third-wrap article .wrap-both .wrap-media { margin-bottom: 0 } .wrap-MEDIO .wrap-SIMPLE.CENTRO .MODULO .wrap-text { padding: 1em .5em } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-text { padding: 1em 1em } .MODULO .slick-list .wrap-text .nombre_redactor { margin-top: .5em } .MODULO .sec-wrap .wrap-both header { margin-bottom: .5em; margin-top: 1em } .CONT-IZQ-DER.CENTRO.wrap-SIMPLE .MODULO .sec-wrap .wrap-both header { margin-top: 0em } .MODULO_VERT_6 .wrap-both header { margin-top: 1em } .MODULO_1_1_3 .first-wrap .wrap-both header { margin-top: 1em } .MODULO_VERT_3 .wrap-both header { margin-top: 1em } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-both header { margin-top: 0 } .dest-color-1 .TITULO-listado h2, .dest-color-2 .TITULO-listado h2, .dest-color-3 .TITULO-listado h2, .dest-color-1 .TITULO-listado h2 ul li a, .dest-color-2 .TITULO-listado h2 ul li a, .dest-color-3 .TITULO-listado h2 ul li a, .dest-color-1 .TITULO-listado h2 .auspiciante span, .dest-color-2 .TITULO-listado h2 .auspiciante span, .dest-color-3 .TITULO-listado h2 .auspiciante span { color: var(--neutral-white) } .dest-color-1 .TITULO-listado h2 .auspiciante img, .dest-color-2 .TITULO-listado h2 .auspiciante img, .dest-color-3 .TITULO-listado h2 .auspiciante img { filter: brightness(0) invert(1) } .dest-color-4 .TITULO-listado h2 .auspiciante img, .dest-color-5 .TITULO-listado h2 .auspiciante img { filter: brightness(0) invert(0) } .pantone-gris .TITULO-listado h2 .auspiciante img { filter: brightness(0) invert(0) } .dest-color-1 .TITULO-listado h2 span, .dest-color-1 .TITULO-listado h2 ul, .dest-color-1 .TITULO-listado h2 .auspiciante { background: var(--c1) } .dest-color-2 .TITULO-listado h2 span, .dest-color-2 .TITULO-listado h2 ul, .dest-color-2 .TITULO-listado h2 .auspiciante { background: var(--c2) } .dest-color-3 .TITULO-listado h2 span, .dest-color-3 .TITULO-listado h2 ul, .dest-color-3 .TITULO-listado h2 .auspiciante { background: var(--c3) } .dest-color-1 .TITULO-listado h2::after, .dest-color-2 .TITULO-listado h2::after, .dest-color-3 .TITULO-listado h2::after { background-color: var(--neutral-white) } .dest-color-1 .MODULO article:hover .es-multimedia { background-color: var(--c1) !important } .dest-color-2 .MODULO article:hover .es-multimedia { background-color: var(--c2) !important } .dest-color-3 .MODULO article:hover .es-multimedia { background-color: var(--c3) !important } .dest-color-1 .cate-tag { background: var(--c1) } .dest-color-2 .cate-tag { background: var(--c2) } .dest-color-3 .cate-tag { background: var(--c3) } .dest-color-1 .MODULO_1_Banner_3 .sec-wrap, .dest-color-2 .MODULO_1_Banner_3 .sec-wrap, .dest-color-3 .MODULO_1_Banner_3 .sec-wrap { background-color: #fff0 } .dest-color-4 .MODULO_1_Banner_3 .sec-wrap, .dest-color-5 .MODULO_1_Banner_3 .sec-wrap { background-color: hsl(0 0% 59% / .15) } .pantone-gris .MODULO_1_Banner_3 .sec-wrap { background-color: hsl(0 0% 59% / .15) } .pantone-salmon-trabajo .MODULO_1_Banner_3 .sec-wrap { background-color: hsl(0 0% 59% / .15) } .dest-color-4 .TITULO-listado h2, .dest-color-5 .TITULO-listado h2, .dest-color-4 .TITULO-listado h2 ul li a, .dest-color-5 .TITULO-listado h2 ul li a, .dest-color-4 .TITULO-listado h2 .auspiciante span, .dest-color-5 .TITULO-listado h2 .auspiciante span { color: var(--neutral-gray-1) } .pantone-gris .TITULO-listado h2, .pantone-gris .TITULO-listado h2 ul li a, .pantone-gris .TITULO-listado h2 .auspiciante span { color: var(--neutral-gray-1) } .pantone-salmon-trabajo .TITULO-listado h2, .pantone-salmon-trabajo .TITULO-listado h2 ul li a, .pantone-salmon-trabajo .TITULO-listado h2 .auspiciante span { color: var(--neutral-gray-1) } .dest-color-4 .TITULO-listado h2 span, .dest-color-4 .TITULO-listado h2 ul, .dest-color-4 .TITULO-listado h2 .auspiciante { background: var(--c4) } .dest-color-5 .TITULO-listado h2 span, .dest-color-5 .TITULO-listado h2 ul, .dest-color-5 .TITULO-listado h2 .auspiciante { background: var(--c5) } .pantone-gris .TITULO-listado h2 span, .pantone-gris .TITULO-listado h2 ul, .pantone-gris .TITULO-listado h2 .auspiciante { background: var(--pantone-gris) } .pantone-salmon-trabajo .TITULO-listado h2 span, .pantone-salmon-trabajo .TITULO-listado h2 ul, .pantone-salmon-trabajo .TITULO-listado h2 .auspiciante { background: var(--pantone-salmon-trabajo) } .dest-color-4 .TITULO-listado h2::after, .dest-color-5 .TITULO-listado h2::after { background-color: var(--neutral-gray-1) } .pantone-gris .TITULO-listado h2::after { background-color: var(--neutral-gray-1) } .pantone-salmon-trabajo .TITULO-listado h2::after { background-color: var(--neutral-gray-1) } .dest-color-4 .MODULO .wrap-both .wrap-text header h2 a, .dest-color-5 .MODULO .wrap-both .wrap-text header h2 a { color: var(--neutral-gray-1) } .pantone-gris .MODULO .wrap-both .wrap-text header h2 a { color: var(--neutral-gray-1) } .pantone-salmon-trabajo .MODULO .wrap-both .wrap-text header h2 a { color: var(--neutral-gray-1) } .dest-color-4 .MODULO .wrap-both .wrap-text .entradilla, .dest-color-5 .MODULO .wrap-both .wrap-text .entradilla { color: var(--neutral-gray-1) } .pantone-gris .MODULO .wrap-both .wrap-text .entradilla { color: var(--neutral-gray-1) } .pantone-salmon-trabajo .MODULO .wrap-both .wrap-text .entradilla { color: var(--neutral-gray-1) } .dest-color-4 .wrap-otros .pie-noticia .contenedor-redactor span a, .dest-color-4 .wrap-otros .pie-noticia .contenedor-comentarios span, .dest-color-5 .wrap-otros .pie-noticia .contenedor-redactor span a, .dest-color-5 .wrap-otros .pie-noticia .contenedor-comentarios span { color: var(--neutral-gray-1) } .pantone-gris .wrap-otros .pie-noticia .contenedor-redactor span a, .pantone-gris .wrap-otros .pie-noticia .contenedor-comentarios span { color: var(--neutral-gray-1) } .pantone-salmon-trabajo .wrap-otros .pie-noticia .contenedor-redactor span a, .pantone-salmon-trabajo .wrap-otros .pie-noticia .contenedor-comentarios span { color: var(--neutral-gray-1) } .dest-color-4 .MODULO article .wrap-otros .pie-noticia .contenedor-comentarios svg path, .dest-color-5 .MODULO article .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--neutral-gray-1) } .pantone-gris .MODULO article .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--neutral-gray-1) } .pantone-salmon-trabajo .MODULO article .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--neutral-gray-1) } .dest-color-4 .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path, .dest-color-5 .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--neutral-gray-1) } .pantone-gris .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--neutral-gray-1) } .pantone-salmon-trabajo .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--neutral-gray-1) } .dest-color-4 .MODULO article:hover .es-multimedia { background-color: var(--c4) !important } .dest-color-5 .MODULO article:hover .es-multimedia { background-color: var(--c5) !important } .pantone-gris .MODULO article:hover .es-multimedia { background-color: var(--pantone-gris) !important } .pantone-salmon-trabajo .MODULO article:hover .es-multimedia { background-color: var(--pantone-salmon-trabajo) !important } .dest-color-4 .cate-tag { background: var(--c4); color: var(--neutral-gray-1) } .dest-color-5 .cate-tag { background: var(--c5); color: var(--neutral-gray-1) } .pantone-gris .cate-tag { background: var(--pantone-gris); color: var(--neutral-gray-1) } .pantone-salmon-trabajo .cate-tag { background: var(--pantone-salmon-trabajo); color: var(--neutral-gray-1) } .dest-color-4 .cate-tag svg ellipse { fill: var(--neutral-gray-1) } .dest-color-5 .cate-tag svg ellipse { fill: var(--neutral-gray-1) } .pantone-gris .cate-tag svg ellipse { fill: var(--neutral-gray-1) } .pantone-salmon-trabajo .cate-tag svg ellipse { fill: var(--neutral-gray-1) } .dest-color-4 .cate-tag svg path { fill: var(--neutral-gray-1) } .dest-color-5 .cate-tag svg path { fill: var(--neutral-gray-1) } .pantone-gris .cate-tag svg path { fill: var(--neutral-gray-1) } .pantone-salmon-trabajo .cate-tag svg path { fill: var(--neutral-gray-1) } .dolcevita .TITULO-listado.sin_enlace h2 { color: var(--dolcevita) } .dolcevita article .wrap-both .wrap-text header { padding-left: 8px; border-left: solid 5px var(--dolcevita) } .dolcevita .MODULO article:hover .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--dolcevita) } .dolcevita .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--dolcevita); stroke: var(--dolcevita) } .dolcevita .cate-tag { background: var(--dolcevita) } .dolcevita .MODULO article:hover .es-multimedia { background-color: var(--dolcevita) } .tit-color-1 .TITULO-listado.sin_enlace h2 { color: var(--c1) } .tit-color-2 .TITULO-listado.sin_enlace h2 { color: var(--c2) } .tit-color-3 .TITULO-listado.sin_enlace h2 { color: var(--c3) } .tit-color-4 .TITULO-listado.sin_enlace h2 { color: var(--c4) } .tit-color-5 .TITULO-listado.sin_enlace h2 { color: var(--c5) } .tit-color-1 .MODULO article:hover .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--c1) } .tit-color-2 .MODULO article:hover .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--c2) } .tit-color-3 .MODULO article:hover .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--c3) } .tit-color-4 .MODULO article:hover .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--c4) } .tit-color-5 .MODULO article:hover .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--c5) } .tit-color-1 .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--c1); stroke: var(--c1) } .tit-color-2 .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--c2); stroke: var(--c2) } .tit-color-3 .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--c3); stroke: var(--c3) } .tit-color-4 .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--c4); stroke: var(--c4) } .tit-color-5 .wrap-otros .pie-noticia .contenedor-comentarios .save.guardado path { fill: var(--c5); stroke: var(--c5) } .tit-color-1 .cate-tag { background: var(--c1) } .tit-color-2 .cate-tag { background: var(--c2) } .tit-color-3 .cate-tag { background: var(--c3) } .tit-color-4 .cate-tag { background: var(--c4) } .tit-color-5 .cate-tag { background: var(--c5) } .tit-color-1 .MODULO article:hover .es-multimedia { background-color: var(--c1) } .tit-color-2 .MODULO article:hover .es-multimedia { background-color: var(--c2) } .tit-color-3 .MODULO article:hover .es-multimedia { background-color: var(--c3) } .tit-color-4 .MODULO article:hover .es-multimedia { background-color: var(--c4) } .tit-color-5 .MODULO article:hover .es-multimedia { background-color: var(--c5) } .comment-section { width: 100%; margin: 20px auto; font-family: Arial, sans-serif } .toggle-comments { width: 100%; background-color: #fff0; border: none; padding: 10px; text-align: left; display: flex; justify-content: space-between; cursor: pointer } .toggle-comments:focus { background-color: #fff0 } .toggle-comments .item-izquierdo div { display: flex; align-items: center; justify-content: flex-start; gap: 4px } .toggle-comments .item-izquierdo span { font-family: var(--font-2); color: var(--neutral-gray-1); font-weight: 400; font-size: 16px; line-height: 16px } .toggle-comments .item-izquierdo p { margin-bottom: 0; margin-top: 0; padding-left: 8px; font-family: var(--font-2); color: var(--neutral-gray-1); font-weight: 700; font-size: 16px } .toggle-comments .item-derecho { display: flex; align-items: center; justify-content: flex-end; gap: 4px } .toggle-comments .item-derecho p { margin-bottom: 0; margin-top: 0; font-family: var(--font-2); color: var(--neutral-gray-1); font-weight: 700; font-size: 16px } .arrow { transform: rotate(0deg); transition: transform 0.3s } .arrow.up { transform: rotate(180deg) } .comments-container { margin-top: 12px; border: 0; border-top: none; padding: 15px; background-color: #fff0 } .comments-container .acceso-obligatorio { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 25px; margin-bottom: 48px } .comments-container .acceso-obligatorio p { margin: 0; font-family: var(--font-2); font-size: 16px; line-height: 18px; font-weight: 300; color: var(--neutral-gray-2) } .comments-container .acceso-obligatorio .btn-accesos { justify-content: flex-start } .comment { display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: solid 1px var(--neutral-gray-3) } .comment-avatar { width: 75px; min-width: 75px; height: 75px; border-radius: 75px; overflow: hidden; filter: grayscale(100%) } .comment-avatar img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; object-position: center; -o-object-position: center } .comment-body { flex-grow: 1 } .comment-body p { margin: 0 0 10px } .comment-body .nombre { font-family: var(--font-2); font-size: 16px; line-height: 18px; font-weight: 700; color: var(--neutral-gray-1) } .comment-body .fecha { font-family: var(--font-2); font-size: 16px; line-height: 18px; font-weight: 300; color: var(--neutral-gray-2); margin-bottom: 0 } .comment-body .comentario { margin-top: 10px; font-family: var(--font-2); font-size: 16px; font-weight: 300; color: var(--neutral-gray-1) } .comment-actions { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100% } .comment-actions .reacciones { display: flex; align-items: center; justify-content: flex-end; gap: 8px } .comment-actions .reply-btn { background: #fff0; border: 0; padding: 0; font-family: var(--font-2); font-size: 16px; line-height: 18px; font-weight: 700; color: var(--neutral-gray-1) } .comment-actions .reply-btn, .comment-actions .like, .comment-actions .dislike { cursor: pointer } .comment-actions .like, .comment-actions .dislike { display: flex; align-items: center; justify-content: center; gap: 4px; background-color: var(--neutral-gray-4); padding: 4px 8px; border-radius: 50px } .comment-actions .like span, .comment-actions .dislike span { font-family: var(--font-2); font-size: 16px; line-height: 18px; font-weight: 700; color: var(--neutral-gray-1) } .comment-actions .like svg, .comment-actions .dislike svg { position: relative; transform: translateY(0); transition: all 0.5s cubic-bezier(.68, -.55, .265, 1.55) } .comment-actions .like svg:hover, .comment-actions .dislike svg:hover { transform: translateY(-10px) scale(1.5) } .comment-actions .like svg:hover path, .comment-actions .dislike svg:hover path { fill: var(--primary) } .reply-form { margin-top: 10px } .reply-form textarea { width: 100%; height: 60px; padding: 8px; border: 1px solid var(--neutral-gray-3); margin-bottom: 5px; resize: none; font-family: var(--font-2); font-size: 16px; font-weight: 300; color: var(--neutral-gray-1) } .reply-form textarea::placeholder { font-family: var(--font-2); font-size: 16px; font-weight: 300; color: var(--neutral-gray-3) } .reply-form button { margin-left: auto; padding: 6px 18px } .new-comment { margin-top: 20px } .new-comment textarea { width: 100%; height: 60px; padding: 8px; border: 1px solid var(--neutral-gray-3); margin-bottom: 5px; resize: none; font-family: var(--font-2); font-size: 16px; font-weight: 300; color: var(--neutral-gray-1) } .new-comment .send-comment-btn { margin-top: 5px } .hidden { display: none } .profile { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 48px } .profile p { margin: 0; font-family: var(--font-2); font-weight: 700; font-size: 22px; line-height: 24px; color: var(--neutral-gray-1) } .profile .separador { width: 100%; height: 1px; background-color: var(--neutral-gray-1) } .profile div { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 48px } .profile .form-control { display: flex; flex-wrap: wrap; flex-direction: row; gap: 24px } .profile .form-control div { display: flex; flex-direction: column; gap: 8px; width: 100%; max-width: fit-content } .profile .form-control div label { font-weight: var(--fw-400); color: var(--neutral-gray-2); font-size: 16px; font-family: var(--font-2) } .profile .form-control div input { height: auto; font-weight: var(--fw-400); color: var(--neutral-gray-1); font-size: 22px; font-family: var(--font-2); margin-bottom: 0 !important } .profile button { margin-top: 24px } .avatar-upload { position: relative; width: fit-content !important; margin: 0; gap: 8px !important } .avatar-upload p { font-weight: var(--fw-400); color: var(--neutral-gray-2); font-size: 16px; font-family: var(--font-2) } .avatar-upload .avatar-edit { position: absolute; right: 12px; z-index: 1; top: 10px } .avatar-upload .avatar-edit input { display: none } .avatar-upload .avatar-edit input+label { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 0; border-radius: 100%; background: #fff; border: 1px solid #fff0; box-shadow: 0 2px 4px 0 rgb(0 0 0 / .12); cursor: pointer; font-weight: 400; transition: all 0.2s ease-in-out } .avatar-upload .avatar-edit input+label:hover { background: #f1f1f1; border-color: #d6d6d6 } .avatar-upload .avatar-edit input+label:after { color: #757575; position: absolute; top: 10px; left: 0; right: 0; text-align: center; margin: auto } .avatar-upload .avatar-preview { width: 100px; height: 100px; position: relative; border-radius: 100px } .avatar-upload .avatar-preview>div { width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center } .cabecero-panel-usuario { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; width: 100%; margin-bottom: 48px; padding-bottom: 24px; border-bottom: solid 2px var(--neutral-gray-1) } .cabecero-panel-usuario>div { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; width: 100% } .cabecero-panel-usuario .left { width: 50% } .cabecero-panel-usuario .center { width: 100%; text-align: center; justify-content: center } .cabecero-panel-usuario .center img { max-height: 60px; width: auto } .cabecero-panel-usuario .right { width: 50%; justify-content: flex-end } .suscripciones { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 48px; margin-bottom: 48px } .suscripciones .titulos { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px } .suscripciones .titulos p { font-family: var(--font-1); font-size: 32px; text-align: center; font-weight: 700; color: var(--neutral-gray-1); margin: 0 } .suscripciones .titulos span { font-family: var(--font-2); font-size: 22px; text-align: center; font-weight: 300; color: var(--neutral-gray-2) } .suscripciones .precios { width: 100%; display: flex; align-items: center; justify-content: center } .suscripciones .precios .subs { padding: 24px; min-height: 320px; width: 33%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease } .suscripciones .precios .subs .titulo { font-family: var(--font-2); font-size: 16px; font-weight: 400; color: var(--neutral-black); text-transform: uppercase; margin: 0; text-align: center } .suscripciones .precios .subs .precio { font-family: var(--font-1); font-size: 64px; line-height: 64px; font-weight: 700; color: var(--neutral-black); margin: 0; text-align: center } .suscripciones .precios .subs .texto { font-family: var(--font-2); font-size: 16px; font-weight: 400; color: var(--neutral-gray-2); margin: 0; text-align: center } .suscripciones .precios .subs:hover { background-color: var(--neutral-gray-4); transform: scale(1.1) } .page-error { height: 800px; display: flex; align-items: center; justify-content: center; flex-direction: row } .page-error .left, .page-error .right { width: 50%; height: 100% } .page-error .left { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 12px } .page-error .right { background-image: url(../../assets/img/decor/404.png); background-size: cover; background-position: center; background-repeat: no-repeat } .page-error .left div { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 48px; max-width: 400px; margin: auto } .page-error p { font-family: var(--font-1); font-weight: 700; font-size: 32px; color: var(--neutral-gray-1); margin: 0 } .page-error p span { color: var(--primary) } .page-equipo .titulo { padding: 24px 0; margin-bottom: 0; border-top: solid 1px var(--neutral-gray-1) } .page-equipo .titulo p { margin: 0; text-align: left; font-family: var(--font-1); font-weight: 700; font-size: 32px; color: var(--neutral-gray-1) } .page-equipo .subtitulo { padding: 24px 0; margin-bottom: 24px; border-top: solid 1px var(--neutral-gray-1) } .page-equipo .subtitulo p { margin: 0; text-align: left; font-family: var(--font-1); font-weight: 700; font-size: 24px; color: var(--neutral-gray-1) } .page-equipo .contenido { display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px } .page-equipo .contenido.sin-subcate { gap: 0 } .page-equipo .contenido .subtitulo { width: 25% } .page-equipo .contenido .integrantes { width: 75%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 24px } .page-equipo .contenido.sin-subcate .integrantes { width: 100% } .page-equipo .contenido .integrantes div.card { display: flex; align-items: center; justify-content: center; flex-direction: column; width: calc(33% - 14px); box-shadow: none; margin: 0; background-color: #fff0; padding: 0; position: relative } .page-equipo .contenido .integrantes div.card .wrap-image { width: 110px; height: 110px; border-radius: 110px; border: solid 1px var(--neutral-gray-1); overflow: hidden; filter: grayscale(1); -webkit-filter: grayscale(1); position: relative; z-index: 1 } .page-equipo .contenido .integrantes div.card .wrap-image img { width: 100%; height: 100%; object-fit: cover } .page-equipo .contenido .integrantes div.card .card-body { min-height: 180px; border: solid 1px var(--neutral-gray-1); padding: 48px 24px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 24px; width: 100%; position: relative; top: -30px } .page-equipo .contenido .integrantes div.card .card-body .datos { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 4px } .page-equipo .contenido .integrantes div.card .card-body .datos .nombre { font-family: var(--font-2); font-weight: 700; font-size: 22px; line-height: 26px; color: var(--neutral-gray-1); margin: 0 } .page-equipo .contenido .integrantes div.card .card-body .datos .cate { font-family: var(--font-2); font-weight: 400; font-size: 16px; line-height: 16px; color: var(--neutral-gray-1); margin: 0 } .page-equipo .contenido .integrantes div.card .card-body .contacto { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 16px } .page-equipo .contenido .integrantes div.card .card-body .contacto a svg path { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease } .page-equipo .contenido .integrantes div.card .card-body .contacto a:hover svg path { fill: var(--primary) } .page-aportaciones .seccion-uno { min-height: 300px; background-color: var(--neutral-gray-4); padding: 48px 12px; position: relative; display: flex; align-items: flex-start; justify-content: flex-start; gap: 48px; flex-wrap: nowrap } .page-aportaciones .seccion-uno img { position: absolute; left: 0; bottom: 0; object-fit: contain; max-width: 250px } .page-aportaciones .seccion-uno>div { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 16px; max-width: 700px; margin-left: 48px } .page-aportaciones .seccion-uno>div>p { font-size: 24px; font-weight: 700; font-family: var(--font-1); line-height: 120%; color: var(--neutral-gray-1); margin: 0; text-align: left } .page-aportaciones .seccion-uno>div>span { font-size: 16px; font-weight: var(--fw-400); font-family: var(--font-2); line-height: 120%; color: var(--neutral-gray-1); text-align: left } .page-aportaciones .seccion-uno form { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 16px; padding: 24px; border-radius: 4px; background: #fff } .page-aportaciones .seccion-uno form .titulo { font-family: var(--font-2); font-weight: var(--fw-400); font-size: 16px; line-height: 18px; color: var(--neutral-gray-1); margin-bottom: 8px } .page-aportaciones .seccion-uno form .form-check-inline { margin: 4px 0 } .page-aportaciones .seccion-dos .box { width: 100%; margin: 48px 0; background: #fff0 } ::-webkit-details-marker { float: right; margin-top: 3px } .page-aportaciones .seccion-dos details { background: #fff0; padding: 10px 20px; border-radius: 0; margin-top: 20px; font-family: var(--font-2); font-size: 18px; letter-spacing: 1px; cursor: pointer; border-bottom: solid 1px var(--neutral-gray-2) } .page-aportaciones .seccion-dos details summary { outline: none } .page-aportaciones .seccion-tres { min-height: 300px; background-color: var(--neutral-gray-4); padding: 48px 48px; position: relative; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 16px; position: relative } .page-aportaciones .seccion-tres svg { position: absolute; top: 48px; left: 48px } .page-aportaciones .seccion-tres p { font-family: var(--font-2); color: var(--neutral-gray-1); font-size: 20px; font-weight: 500; margin: 0 !important } .page-aportaciones .seccion-tres span { color: var(--neutral-gray-2); font-weight: 400 } @media (max-width:768px) { .page-aportaciones .seccion-uno { min-height: 1px; padding: 24px; gap: 24px } .page-aportaciones .seccion-uno>div { max-width: 100%; margin-left: 0 } .page-aportaciones .seccion-tres { min-height: 1px; padding: 24px } } .FEX, .FEN, .FP, .FD, .FB { display: none } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .FD { display: flex } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2 { background-color: #fff0; clip-path: unset; margin: unset; position: relative; width: 100% } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2.top-title { margin-bottom: 24px } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2 span { padding: 0 24px; background: var(--neutral-white); position: relative; z-index: 1; font-family: var(--font-2); color: var(--neutral-gray-1); font-weight: 700; font-size: 24px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; width: fit-content; margin: auto; gap: 12px } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2.cate { padding: 0 } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2.cate a { font-family: var(--font-2); font-weight: 400; font-size: 16px; line-height: 20px; text-transform: uppercase; color: var(--neutral-gray-1); letter-spacing: 2px; display: flex; justify-content: flex-start; align-items: center } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2.cate::before { display: none } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2 span .live-icon { display: inline-block; margin: 0 auto; border-radius: 50%; background: #e60000; width: 14px; height: 14px; animation: live 1.6s infinite } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h1 { color: var(--neutral-gray-1); font-weight: 700; text-align: left; font-family: var(--font-1); font-size: 3rem } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit .art-entradilla { color: var(--neutral-gray-2); text-align: left; font-family: var(--font-2) !important; font-weight: 400; letter-spacing: initial; padding: 0; margin-top: 1rem } .wrap-FICHA-ARTICULO.ARTICULO_BLOG h2, .wrap-FICHA-ARTICULO.Opinion h2 { display: flex } .wrap-FICHA-ARTICULO.ARTICULO_BLOG h1, .wrap-FICHA-ARTICULO.Opinion h1 { margin-top: 0 !important } .MODULO_25_COLMENA .entradilla { display: none !important } @media (max-width:991px) { .btn_primary.btn-suscribirse { display: none !important } .btn-usuario { padding: 0; border: 0 } .btn-usuario:hover { background: #fff0; border: 0 } .btn-usuario span { display: none !important } .btn-usuario .wrap-img { display: flex } .btn-usuario i { display: none !important } .btn-accesos { display: none !important } } @media (max-width:767px) { .cd-main-content { padding-top: 12px } .MODULO .sec-wrap article .wrap-both, .MODULO .third-wrap article .wrap-both { flex-direction: column } .wrap-HEADER { border-bottom: 0; padding-bottom: 0 } .wrap-HEADER .wrap-CORP .container .CORP-right, .wrap-HEADER .wrap-CORP .container .CORP-left { width: 20% } footer.page-footer { border-top: solid 1px var(--neutral-gray-1) } footer .footer-mid { padding-top: 24px; padding-bottom: 12px } ul.logos-footer { margin: 0; padding: 0 } ul.logos-footer li a.logos-pie.logo-pbs { background-size: 200px !important; height: 48px !important } .MODULO .wrap-both .wrap-text .wrap-otros { margin-top: 10px } .es-multimedia { backdrop-filter: blur(0); background-color: var(--primary); bottom: 8px; right: 8px; height: 25px; width: 25px; border-radius: 25px } .es-multimedia .element { width: 10px; height: 10px; animation: play-infinite 4s ease infinite } .cate-tag { padding: 2px 7px; font-size: 9px; line-height: 9px } .cate-tag svg { max-width: 10px } .nav-offcanvas { right: -200% } .nav-offcanvas .wrap-principal .wrap-links ul { gap: 8px; margin-top: 24px } .nav-offcanvas .wrap-principal .wrap-links, .nav-offcanvas .wrap-principal .wrap-suscripcion { width: 100%; max-width: 100%; min-width: 100% } .nav-offcanvas .wrap-principal .wrap-links { height: 50%; padding: 24px } .nav-offcanvas .wrap-principal .wrap-links>div { width: 100% } .nav-offcanvas .wrap-principal .wrap-suscripcion { height: 40% } .nav-offcanvas .wrap-principal .wrap-suscripcion .wrap-s-top { display: none } .nav-offcanvas .wrap-principal .wrap-suscripcion .wrap-s-bottom { padding: 24px; height: 100%; align-items: center } .nav-offcanvas .wrap-principal .wrap-suscripcion .wrap-s-bottom p { text-align: center } .TITULO-listado h2 { flex-direction: column !important; gap: 8px } .TITULO-listado h2 ul { gap: 12px; padding: 4px 12px } .TITULO-listado h2 ul li a { font-size: 14px; line-height: 16px } .TITULO-listado h2 .auspiciante { padding: 4px 12px } .comment-section { margin: 0 auto } .comments-container { margin-top: 0 } .comments-container .acceso-obligatorio { margin-bottom: 24px } .comments-container .acceso-obligatorio .btn-accesos { display: flex !important; flex-wrap: wrap } .comments-container .acceso-obligatorio .btn-accesos a { width: 100% } .comment { flex-direction: column; gap: 12px } .profile { gap: 24px } .profile div { gap: 24px } .profile .form-control div { max-width: 100% } .cabecero-panel-usuario { gap: 12px; margin-bottom: 24px } .cabecero-panel-usuario .center img { max-height: 30px } .cabecero-panel-usuario>div { flex-direction: column; align-items: center; justify-content: center } .cabecero-panel-usuario .left, .cabecero-panel-usuario .right { width: 100% } .cabecero-panel-usuario .left { text-align: center } .suscripciones { gap: 12px; margin-bottom: 24px } .suscripciones .precios { flex-direction: column } .suscripciones .precios .subs { padding: 24px; min-height: auto; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease } .page-error { height: 50vh; flex-direction: column-reverse } .page-error .left, .page-error .right { width: 100%; height: 50% } .page-error .left div { gap: 24px; max-width: 100%; margin: 0 } .page-error p { line-height: 34px } .page-equipo .contenido { gap: 12px; flex-direction: column } .page-equipo .titulo { padding: 24px 0; margin-bottom: 0 } .page-equipo .contenido .subtitulo { width: 100%; padding: 12px 0 } .page-equipo .subtitulo { padding: 24px 0; border-top: solid 1px var(--neutral-gray-1); border-bottom: solid 1px var(--neutral-gray-1) } .page-equipo .titulo p { font-size: 24px } .page-equipo .subtitulo p { font-size: 20px; font-weight: 400 } .page-equipo .contenido .integrantes { width: 100% } .page-equipo .contenido .integrantes div.card { width: 100%; align-items: flex-start; justify-content: flex-start; flex-direction: row; border-bottom: solid 1px var(--neutral-gray-2); padding-bottom: 16px } .page-equipo .contenido .integrantes div.card .wrap-image { width: 80px; height: 80px; border-radius: 80px; min-width: 80px } .page-equipo .contenido .integrantes div.card .card-body { min-height: 1px; border: 0; align-items: flex-start; justify-content: space-between; gap: 12px; top: unset; padding: 24px; padding-top: 0; padding-bottom: 0 } } @media only screen and (min-width:993px) { .MODULO_1_1_3 .first-wrap { border: none; flex: 1 0 66%; margin-right: 1em; padding-right: 1em; border-right: solid 1px var(--neutral-gray-2) } } @media only screen and (min-width:601px) { .MODULO_XL_OVER .wrap-both .wrap-text { background: var(--neutral-gray-4) } .MODULO_S .sec-wrap article .wrap-both .wrap-text, .MODULO_S .third-wrap article .wrap-both .wrap-text { margin-bottom: 2rem } .CONTENIDO-IZQ .CONT-IZQ-DER { background: var(--neutral-gray-4); padding: 24px 12px } .CONTENIDO-IZQ .CONT-IZQ-DER .TITULO-bloque h4 span { background: var(--neutral-gray-4) } } .area-usuario { padding-bottom: 24px } .area-usuario .contenedor-tabs { display: flex; align-items: center; justify-content: space-between; width: 100%; overflow-x: scroll } .area-usuario .inputs { display: none } .area-usuario .inputs:checked+label { background: var(--neutral-gray-4); color: var(--neutral-gray-1) } .area-usuario .contenedor-tabs label { display: inline-block; height: 47px !important; line-height: 47px !important; width: 100%; text-align: center; background: #fff0; color: #555; position: relative; transition: 0.25s background ease; cursor: pointer; text-align: center; padding: 0 !important; font-family: var(--font-2); font-size: 18px; font-weight: var(--fw-400); color: var(--neutral-gray-2); border-bottom: solid 1px var(--neutral-gray-3); min-width: 175px; font-size: 16px } .area-usuario .content-container { background: #fff0; position: relative; height: auto; margin-top: 48px } .area-usuario .content-container .content { position: relative; width: 100%; opacity: 0; transition: 0.25s ease; display: none } .area-usuario .content-container .content.active { opacity: 1; display: block } .area-usuario [type="radio"]:checked+label:after, .area-usuario [type="radio"]:checked+label:before, .area-usuario [type="radio"]:not(:checked)+label:after, .area-usuario [type="radio"]:not(:checked)+label:before { display: none } .area-usuario .titulo { margin-top: 0; margin-bottom: 48px; display: flex; align-items: center; justify-content: center; gap: 24px } .area-usuario .titulo span { text-align: center; font-family: var(--font-1); font-size: 32px; line-height: 34px; color: var(--neutral-gray-1); font-weight: 700 } .area-usuario .wrap-img { width: 75px; height: 75px; border-radius: 75px; overflow: hidden } .area-usuario .wrap-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; object-position: center; -o-object-position: center } @media only screen and (min-width:993px) { .area-usuario .content-container .content .flex { display: flex; flex-wrap: wrap } .area-usuario .content-container .content .CONTENIDO-IZQ { margin-left: 3em; width: 66% } .area-usuario .content-container .content .CONTENIDO-DER { width: calc(34% - 3em) } } .area-usuario .content-container .content .CONTENIDO-DER .contenedor-menu-lateral { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 32px; width: 100% } .area-usuario .content-container .content .CONTENIDO-DER .titulo { text-align: left; margin: 0; font-family: var(--font-1); font-weight: 700; font-size: 32px; color: var(--neutral-black) } .area-usuario .content-container .content .CONTENIDO-DER .estado-subs { text-align: left; margin: 0; font-family: var(--font-2); font-weight: var(--fw-400); font-size: 18px; color: var(--neutral-black) } .area-usuario .content-container .content .CONTENIDO-DER select { display: block; background-color: rgb(255 255 255 / .9); width: 100%; padding: 10px; border: 1px solid var(--neutral-gray-1); border-radius: 0; height: 3rem; text-align: center; color: var(--neutral-gray-1); font-family: var(--font-2); font-weight: 700; font-size: 18px } .area-usuario .content-container .content #cd-search { left: unset; opacity: 1; position: relative; top: unset; transform: unset; visibility: visible; width: 100%; z-index: 1; margin-top: 0; margin-bottom: 0; padding: 0 0 } .area-usuario .content-container .content #cd-search form label { color: var(--neutral-gray-2); font-size: 16px; font-weight: var(--fw-500); font-family: var(--font-2); text-align: left; border-bottom: 0 } .area-usuario .content-container .content #cd-search form input { background: #fff0; border-bottom: solid 1px var(--neutral-gray-1); border-radius: 0; box-sizing: border-box; color: var(--neutral-gray-1); font-size: 20px; font-weight: var(--fw-300); font-family: var(--font-2); height: 32px; padding: .5em; padding-bottom: 16px; margin-bottom: 0 !important; position: relative } .area-usuario .content-container .content #cd-search form input::placeholder { color: var(--neutral-gray-1) } .area-usuario .content-container .content #cd-search form div { width: 100%; height: 32px; position: relative } .area-usuario .content-container .content #cd-search form svg { position: absolute; left: unset; top: -3px; right: 5px; z-index: 2 } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-text { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 24px } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-text .fecha-guardado { margin: 0; font-family: var(--font-2); font-size: 14px; font-style: italic; font-weight: var(--fw-400); color: var(--neutral-gray-2) } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-text .wrap-otros { margin-top: 0 } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium { width: 100%; display: flex } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 24px; width: 60%; background-image: url(../img/decor/bg-sus-02.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 48px } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq .titulo { margin: 0; font-family: var(--font-1); font-weight: 700; font-size: 32px; line-height: 34px; color: var(--neutral-white) } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq ul { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 24px; margin: 0 } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq ul li { display: flex; align-items: center; gap: 4px; font-family: var(--font-2); font-weight: var(--fw-500); font-size: 22px; line-height: 24px; color: var(--neutral-white) } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq ul li.line { width: 100%; height: 1px; background-color: var(--neutral-white) } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-der { width: 40%; background-image: url(../img/decor/bg-sus-01.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .area-usuario .content-container .content .tipo-newsletter { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 12px; padding-bottom: 8px } .area-usuario .content-container .content .tipo-newsletter .tipo { font-family: var(--font-2); font-weight: 700; font-size: 22px; line-height: 24px; color: var(--neutral-gray-1); margin: 0 } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 48px } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .titulo { font-family: var(--font-2); font-weight: var(--fw-400); font-size: 22px; line-height: 24px; color: var(--primary); margin: 0 } .area-usuario .content-container .content .CONTENIDO-IZQ .titulo { font-family: var(--font-2); font-weight: var(--fw-400); font-size: 22px; line-height: 24px; color: var(--primary); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 48px } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_ { display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px; width: 100% } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_.blocked { opacity: .5 } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_.blocked:hover { cursor: not-allowed; opacity: .7 } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_ .textos { width: 80%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 16px } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_ .textos h2 { margin: 0; font-family: var(--font-2); font-weight: 700; font-size: 22px; line-height: 24px; color: var(--neutral-gray-1) } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_ .textos .descripcion { margin: 0; font-family: var(--font-2); font-weight: var(--fw-400); font-size: 16px; line-height: 18px; color: var(--neutral-gray-2) } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_ .textos .frecuencia { margin: 0; font-family: var(--font-2); font-weight: var(--fw-400); font-size: 22px; line-height: 24px; color: var(--neutral-gray-1) } .area-usuario .content-container .content .CONTENIDO-IZQ .premium { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; width: 100% } .area-usuario .content-container .content .CONTENIDO-IZQ .premium>div { display: flex; align-items: center; justify-content: flex-end; gap: 24px } .area-usuario .content-container .content .CONTENIDO-IZQ .premium>div>div { display: flex; align-items: center; justify-content: flex-start; gap: 4px } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_ .check>div { display: flex; align-items: center; justify-content: flex-end; gap: 8px } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_ .check label { font-family: var(--font-2); font-size: 16px; line-height: 18px; font-weight: 500; color: var(--neutral-gray-1) } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_ .check input { position: unset; opacity: 1; border-radius: 0; border-color: var(--neutral-gray-1) } @media (max-width:991px) { .area-usuario .content-container .CONTENIDO-DER { margin-bottom: 48px } } @media (max-width:767px) { .area-usuario .wrap-img { width: 40px; height: 40px; border-radius: 40px } .area-usuario .titulo span { font-size: 24px; line-height: 26px } .area-usuario .content-container { margin-top: 24px } .area-usuario .content-container .CONTENIDO-DER { margin-bottom: 24px } .area-usuario .content-container .content .CONTENIDO-DER .contenedor-menu-lateral { gap: 16px } .area-usuario .titulo { gap: 12px; margin-bottom: 24px } .area-usuario .content-container .content .CONTENIDO-DER .contenedor-menu-lateral { padding: 24px 12px; background: var(--neutral-gray-4); gap: 12px } .area-usuario .content-container .content .CONTENIDO-DER .titulo { font-size: 24px } .area-usuario .content-container .content .CONTENIDO-DER select { background-color: var(--neutral-gray-4) } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium { flex-direction: column } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq { padding: 24px 12px } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq .titulo { font-size: 24px; line-height: 26px } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq { width: 100% } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq ul { gap: 12px } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq ul li { font-size: 16px; line-height: 18px } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-izq ul li svg { max-width: 18px } .area-usuario .content-container .content .CONTENIDO-IZQ .contenedor-premium .wrap-der { width: 100%; height: 250px } .area-usuario .content-container .content .tipo-newsletter { padding-left: 12px; position: relative } .area-usuario .content-container .content .tipo-newsletter::before { content: ""; width: 7px; height: 7px; background: var(--primary); position: absolute; top: 9px; left: -1px } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter { gap: 0 } .area-usuario .content-container .content .CONTENIDO-IZQ .wrap-newsletter .newsletter_ { flex-direction: column; gap: 12px; border-bottom: solid 1px var(--neutral-gray-3); padding-bottom: 12px; margin-bottom: 12px } .area-usuario .content-container .content .CONTENIDO-IZQ .premium { justify-content: space-between; gap: 12px; width: 100% } } .wrap-listado-noticias ul { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2px; margin-bottom: 0 !important } .wrap-listado-noticias ul li { text-align: left } .wrap-listado-noticias ul li a { font-family: var(--font-1); color: var(--neutral-gray-1); font-weight: 700; font-size: 14px; line-height: 16px; position: relative; padding-left: 10px } .wrap-listado-noticias ul li a::after { position: absolute; top: 0; left: 0; content: "\25A0"; font-size: 15px; color: var(--neutral-gray-1) } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .wrap-listado-noticias, .wrap-FICHA-ARTICULO.ARTICULO_ENTREVISTA .wrap-listado-noticias { display: flex } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .mas-informacion { margin-bottom: 48px; display: flex } .wrap-FICHA-ARTICULO .mas-informacion ul li { margin: 0; padding: 18px .5em 18px .5em; position: relative; border-bottom: solid 1px var(--neutral-gray-1) } .wrap-FICHA-ARTICULO .mas-informacion ul li:last-child { border-bottom: 0 } .wrap-FICHA-ARTICULO .mas-informacion ul li a { word-break: break-word; text-wrap: pretty; font-size: 1em !important; margin: 0 !important; font-family: var(--font-1) !important; font-weight: 700; color: var(--neutral-gray-1); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0 } .wrap-FICHA-ARTICULO .lo-mas-leido-cabecero span { font-size: 18px } .newsletter .TITULO-listado .h4 { display: flex; justify-content: center; } .newsletter .TITULO-listado .h4 span { font-size: 18px; font-weight: 400; letter-spacing: .2em; text-transform: capitalize !important } .newsletter .TITULO-listado label { display: flex; font-family: var(--font-1); color: var(--neutral-black); font-size: 24px; font-weight: 700; text-align: center; max-width: 80%; margin: auto; line-height: 120%; text-wrap: pretty } .newsletter .BLOQUE-BOLETIN { background: var(--neutral-white); border: 0; border-radius: 0; margin: 24px 0; margin-top: 0; padding: 0 } .newsletter .TITULO-listado { margin-bottom: 0 } .newsletter .BLOQUE-BOLETIN .wrap-boletin input { background: transparent !important; margin: 0; padding-left: 0; font-family: var(--font-2) } .newsletter .BLOQUE-BOLETIN .wrap-boletin input { border: 0 !important; border-bottom: solid 1px var(--neutral-gray-1) !important; box-sizing: border-box; color: var(--neutral-gray-1); font-family: var(--font-2) } .newsletter .select-wrapper span.caret { display: none } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO ul.art-etiquetas li { font-family: var(--font-2); color: var(--neutral-gray-2); font-weight: var(--fw-700); font-size: 16px; font-family: var(--font-2); font-style: normal; text-transform: capitalize } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO ul.art-etiquetas li a { border-right: 0; display: block; padding: 0 .5em; font-family: var(--font-2); color: var(--neutral-gray-1); font-weight: var(--fw-700); text-decoration: none; font-size: 16px; font-style: italic; text-transform: capitalize } .wrap-FICHA-ARTICULO .art-relacionados .TITULO-listado h2 span { font-size: 24px; font-weight: 700; font-family: var(--font-2); color: var(--neutral-gray-1) } .wrap-FICHA-ARTICULO .art-relacionados .MODULO>div { display: flex; flex-wrap: wrap; gap: 24px } .wrap-FICHA-ARTICULO .art-relacionados .MODULO>div>div .es-multimedia, .wrap-FICHA-ARTICULO .art-relacionados .MODULO>div>div .cate-tag { display: none } .art-relacionados .unslick article .wrap-media { margin: 0 !important } .wrap-FICHA-ARTICULO .BN-intermedio-especial { width: 100%; border-top: solid 1px var(--neutral-gray-1); border-bottom: solid 1px var(--neutral-gray-1); padding: 18px 0; overflow: hidden; position: relative; min-height: 200px; margin-bottom: 48px; display: flex; align-items: flex-start; justify-content: flex-start; gap: 48px } .wrap-FICHA-ARTICULO .BN-intermedio-especial .wrap-logo { background-image: url(../img/logos/logo-central.png); max-width: 150px; height: 30px } .wrap-FICHA-ARTICULO .BN-intermedio-especial div { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 16px; max-width: 260px } .wrap-FICHA-ARTICULO .BN-intermedio-especial div>p { font-size: 24px; font-weight: 700; font-family: var(--font-1); line-height: 120%; color: var(--neutral-gray-1); margin: 0; text-align: left } .wrap-FICHA-ARTICULO .BN-intermedio-especial div>span { font-size: 16px; font-weight: var(--fw-400); font-family: var(--font-2); line-height: 120%; color: var(--neutral-gray-1); text-align: left } .wrap-FICHA-ARTICULO .BN-intermedio-especial div>img { position: absolute; max-height: 200px; width: auto; right: 0; bottom: 0; opacity: .9; z-index: -1 } .wrap-FICHA-ARTICULO .CONTENIDO-ARTICULO .art-autor ul li.redactor a:first-child { margin-bottom: 8px; color: var(--neutral-gray-1) !important; font-weight: 400; font-family: var(--font-2); font-size: 22px } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor ul li.redactor a { padding-right: 0em } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor ul li.redactor a:first-child { color: var(--neutral-gray-1) !important } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor ul li.redactor .edicion a { color: var(--neutral-gray-2) !important } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor ul li.edicion { color: var(--neutral-gray-1) !important; font-family: var(--font-2) } .wrap-FICHA-ARTICULO .CONTENIDO-ARTICULO .art-autor>ul li a { color: var(--neutral-gray-1) !important } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor .publicado .fecha-mod, .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor .publicado .fecha-pub, .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor .publicado .hora-pub { display: inline; white-space: nowrap; color: var(--neutral-gray-2); font-family: var(--font-2) } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor .publicado .fecha-mod strong { color: var(--neutral-gray-2); font-weight: 700 } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo { width: 100%; padding: 48px; background: var(--neutral-gray-4); display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 24px; margin-bottom: 48px } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo .lo-mas-leido-cabecero span { background: var(--neutral-gray-4) } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 18px; overflow: scroll; max-height: 400px; width: 100% } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul li { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 24px } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul li .wrap-image { width: 25%; min-width: 25%; height: 115px } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul li .wrap-image img { width: 100%; height: 100%; object-fit: cover } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul li .wrap-info { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 12px } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul li .wrap-info .hora { font-family: var(--font-2); font-weight: var(--fw-400); font-size: 16px; color: var(--primary) } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul li .wrap-info .entradilla { font-family: var(--font-1); font-weight: 700; font-size: 16px; color: var(--neutral-gray-1); text-decoration: none } .wrap-FICHA-ARTICULO.ARTICULO_PREMIUM .FP { display: block } .wrap-FICHA-ARTICULO.ARTICULO_PREMIUM .FP .suscripciones { gap: 12px; padding-bottom: 24px } .wrap-FICHA-ARTICULO.ARTICULO_PREMIUM .FP .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo p { display: none } .wrap-FICHA-ARTICULO.ARTICULO_PREMIUM .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo p:first-child { display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; text-overflow: ellipsis } .wrap-FICHA-ARTICULO.ARTICULO_PREMIUM .premium { min-height: 200px; width: 100%; background: var(--neutral-gray-4); position: relative } .wrap-FICHA-ARTICULO.ARTICULO_PREMIUM .premium:before { content: ""; position: absolute; top: -13.3125rem; left: 0; height: 12.5rem; width: 100%; background: linear-gradient(to bottom, #fff0 23%, #fff 74%); pointer-events: none } .wrap-FICHA-ARTICULO.ARTICULO_PREMIUM .premium .suscripciones .precios .subs:hover { box-shadow: 1px 1px 30px var(--neutral-gray-1) } .wrap-FICHA-ARTICULO.ARTICULO_BLOG h1:before, .wrap-FICHA-ARTICULO.articulo-opinion h1:before, .LISTADO_BLOGS_ARTICULOS h1:after, .wrap-FICHA-ARTICULO.ARTICULO_BLOG h1:after, .wrap-FICHA-ARTICULO.articulo-opinion h1:after { display: none } .wrap-FICHA-ARTICULO.ARTICULO_BLOG_NEW .FB { display: block } .wrap-FICHA-ARTICULO.ARTICULO_EXCLUSIVA .FEX { display: block } .wrap-FICHA-ARTICULO.ARTICULO_ENTREVISTA .FEN { display: block } .wrap-FICHA-ARTICULO.ARTICULO_ENTREVISTA .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo .art-cita.FEN, .wrap-FICHA-ARTICULO.ARTICULO_ENTREVISTA .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo blockquote { border: none !important; color: var(--neutral-gray-2); font-size: 0.95em !important; font-style: italic; line-height: 1.45em; margin: 2em 0; padding-left: 40px; position: relative; width: 100%; background: var(--neutral-gray-4); padding: 24px } .wrap-FICHA-ARTICULO.ARTICULO_ENTREVISTA .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo .art-cita.FEN:before, .wrap-FICHA-ARTICULO.ARTICULO_ENTREVISTA .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo blockquote:before { -webkit-font-feature-settings: "liga"; color: var(--primary); content: "format_quote"; font-family: Material Icons; font-size: 4em; font-style: normal; left: 0; position: absolute; top: -10px; transform: scaleX(-1); opacity: .5 } .wrap-FICHA-ARTICULO.ARTICULO_SIN_COMENTARIOS .comment-section { display: none } .wrap-FICHA-ARTICULO.ARTICULO_SIN_PUB .BANNER { display: none } .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .wrap-tit, .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .wrap-media, .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .CONTENIDO-ARTICULO { width: 100% !important } .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .COLUMNA-DER { display: none !important } @media (max-width:767px) { .wrap-FICHA-ARTICULO .TITULO-listado h2 span { padding-bottom: 18px } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2.top-title { margin-bottom: 24px } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit { margin: 0 } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo { margin-bottom: 0 } .wrap-FICHA-ARTICULO .BN-intermedio-especial { flex-direction: column; gap: 24px; margin-bottom: 24px } .wrap-FICHA-ARTICULO .art-relacionados .MODULO>div { gap: 12px } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo p { margin-bottom: 1.4em } .wrap-FICHA-ARTICULO .mas-informacion { margin-bottom: 24px } .ul-lo-mas-leido { margin-bottom: 24px } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo { padding: 12px; gap: 12px; margin-bottom: 24px } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul { gap: 24px } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul li { flex-direction: column; gap: 12px } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .seg-vivo ul li .wrap-image { width: 100%; min-width: 100%; height: 150px } } @media only screen and (min-width:993px) { .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit { width: calc(66% - 2em) } .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .container .row .col .wrap-FULL .wrap-media, .wrap-FICHA-ARTICULO.ARTICULO_BLOG .container .row .col .wrap-FULL .wrap-media { width: 100%; order: 1 } .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .container .row .col .wrap-FULL .COLUMNA-DER { order: 1; width: calc(34% + 2em); padding-left: 2em } .wrap-FICHA-ARTICULO.ARTICULO_BLOG .container .row .col .wrap-FULL .COLUMNA-DER { order: 3; width: 34% } .wrap-FICHA-ARTICULO.ARTICULO_BLOG .container .row .col .wrap-FULL .CONTENIDO-ARTICULO { order: 2 } } @media only screen and (min-width:601px) { .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor .publicado { padding-left: 0; padding-top: .5em } } .MODULO .wrap-media .img-wrap { padding-bottom: 40% } .side-nav { padding: .5rem; padding-left: 0.5rem !important; z-index: 9999999999 } .side-nav li>a li>a>[class*="mdi-"], .side-nav li>a>[class^="mdi-"], .side-nav li>a>i, .side-nav li>a>i.material-icons { line-height: 100%; height: 22px } #slide-out>li #cd-search form input::placeholder { font-size: 16px } #slide-out .zmdi { font-size: 22px } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros .pie-noticia .contenedor-redactor span a { color: var(--white) !important } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros .pie-noticia .contenedor-comentarios span { color: var(--white) !important } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros .pie-noticia .contenedor-comentarios svg { stroke: #fff } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: #fff } .wrap-otros .pie-noticia .contenedor-comentarios svg:hover path { stroke: var(--primary) !important } .MODULO-30-70 { display: flex; flex-wrap: nowrap; gap: 1rem } .MODULO-30-70 .first-wrap { width: 30%; gap: 24px } .MODULO-30-70 .first-wrap article { margin-bottom: 2em } .MODULO-30-70 .first-wrap .wrap-media { display: none } .MODULO-30-70 .first-wrap .entradilla { display: none !important } .MODULO-30-70 .first-wrap h2 { font-size: 20px !important } .MODULO-30-70 .first-wrap .firma-hibrida { display: none } .MODULO-30-70 .second-wrap { width: 70% } .MODULO-30-70 .second-wrap .wrap-text { display: flex; flex-direction: column; flex-wrap: wrap; gap: 1em; padding-top: 1rem } .MODULO-30-70 .second-wrap .wrap-text header { width: calc(100% - 0.5em) } .MODULO-30-70 .second-wrap .wrap-text header h2 a { font-size: .8em } .MODULO-30-70 .second-wrap .wrap-text .entradilla { width: calc(50% - 0.5em) } .MODULO-30-70 .second-wrap .wrap-text .wrap-otros { width: 100%; margin-top: 0 } .MODULO-30-70 .second-wrap header { width: 100% } .MODULO-30-70 .second-wrap .entradilla { width: 100% } .MODULO-30-70 .second-wrap .wrap-otros { width: 100% } .MODULO-30-70 .second-wrap h2 { font-size: 2.5em } .MODULO_DIRECTO .entradilla { display: none !important } .MODULO .MODULO_DIRECTO .first-wrap .wrap-media .img-wrap { padding-bottom: 50% } .directo .TITULO-listado h2 span { background: var(--neutral-white); position: relative; z-index: 2; padding-left: 16px; padding-right: 32px } .directo .TITULO-listado a { position: relative } .MODULO_DIRECTO a { color: var(--neutral-gray-1) } .directo .TITULO-listado a::after { content: ""; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; animation: punto 2s infinite; background-color: red; border-radius: 16px } .directo .MODULO_DIRECTO_TIMELINE .second-wrap .TITULO-listado a::after { display: none !important } .directo .MODULO_DIRECTO_TIMELINE .second-wrap .TITULO-listado h2 span { background: var(--neutral-white); position: relative; z-index: 2; padding-left: 16px; padding-right: 16px } .MODULO_DIRECTO_TIMELINE { display: flex; gap: 24px; position: relative } .MODULO_DIRECTO_TIMELINE .first-wrap { width: 70% } .MODULO_DIRECTO_TIMELINE .second-wrap { width: 30%; display: flex; flex-direction: column; height: 100% } .MODULO_DIRECTO_TIMELINE .second-wrap .timeline-container { overflow-x: visible !important; overflow-y: scroll !important; max-height: 546px } .MODULO_DIRECTO_TIMELINE .second-wrap .entradilla { display: none } .MODULO_DIRECTO_TIMELINE .second-wrap .wrap-media { display: none } .MODULO_DIRECTO_TIMELINE .second-wrap header h2 { font-size: 16px } .MODULO_DIRECTO_TIMELINE .second-wrap .timeline-container { padding-left: 1rem } .MODULO_DIRECTO_TIMELINE .second-wrap .timeline { border-left: 1px solid #000; display: flex; flex-direction: column; gap: 1rem; padding-left: 1rem } .MODULO_DIRECTO_TIMELINE .second-wrap .titulo-timeline h2 { font-size: 16px !important; font-weight: 400 } .MODULO_DIRECTO_TIMELINE .second-wrap .noticia-timeline { position: relative; min-height: 121px; display: flex; flex-direction: column; justify-content: start; gap: 8px } .MODULO_DIRECTO_TIMELINE .second-wrap .noticia-timeline::before { content: ""; background-image: url(/web/assets_new/img/decor/circulito.svg); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; position: absolute; left: -25px; top: 10px; z-index: 99 } .MODULO_DIRECTO_TIMELINE .second-wrap .noticia-timeline.is_video::before { background-image: url(/web/assets_new/img/decor/icon-video.svg) } .MODULO_DIRECTO_TIMELINE .second-wrap .noticia-timeline.is_multimedia::before { background-image: url(/web/assets_new/img/decor/icon-multimedia.svg) } .MODULO_DIRECTO_TIMELINE .second-wrap .noticia-timeline .hora { font-size: 1.5rem; color: var(--neutral-gray-2); font-family: var(--font-2) } .MODULO_DIRECTO_TIMELINE .second-wrap .noticia-timeline a { color: var(--neutral-gray-1) } @keyframes punto { 0% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit { width: calc(100% - 2em) } .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .container .row .col .wrap-FULL .wrap-media { width: 100% } .MODULO-4-4 { display: flex } .MODULO-4-4 .first-wrap { width: 50%; display: flex; flex-direction: column; gap: 1rem } .MODULO-4-4 .first-wrap article .wrap-both .wrap-text header { margin-top: 1rem } .MODULO-4-4 .second-wrap { width: 50%; display: flex; flex-direction: column; padding-left: 1rem; gap: 1rem } .MODULO-4-4 .second-wrap .contenedor-1 { display: flex; gap: 1rem; flex-direction: column; background-color: var(--neutral-gray-4); padding: 1em } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-both { display: flex } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-both .wrap-media { width: 40% } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-both .wrap-text { width: 60%; padding-top: 6px; display: flex; flex-direction: column; justify-content: space-between } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-both .wrap-text h2 { font-size: 16px; padding-right: 10px } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-both .wrap-text .entradilla { display: none } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-both .wrap-text .firma-hibrida { display: none } .titulo-destacado h2 { font-size: 16px !important; font-weight: 400 !important } .MODULO-4-4 .second-wrap .card-noticias-destacada .wrap-media { display: none } .MODULO-4-4 .second-wrap .card-noticias-destacada .entradilla { display: none } .MODULO-4-4 .second-wrap .card-noticias-destacada h2 { font-size: 16px !important } .MODULO-4-4 .second-wrap .card-noticias-destacada .numero-destacado { font-size: 22px !important; color: var(--neutral-gray-2); margin: 0 0 8px 0 } .MODULO-4-4 .second-wrap .contenedor-2 .noticias-destacadas { display: flex; flex-direction: column; gap: 1rem } .MODULO-4-4 .second-wrap .contenedor-2 .titulo-destacado { margin-bottom: 0 } .MODULO_ASIM_1_6 .sec-wrap article { margin-right: 0 } .MODULO_ASIM_1_6 .sec-wrap { gap: 1rem } .MODULO-OPINION { display: flex; flex-direction: column } .MODULO-OPINION .first-wrap { display: flex; gap: 1rem } .MODULO-OPINION .first-wrap .contenedores { display: flex; flex-direction: column; justify-content: center; gap: 1.5em } .MODULO-OPINION .first-wrap .contenedores .wrap-media { display: none } .MODULO-OPINION .first-wrap .contenedores .entradilla { display: none } .MODULO-OPINION .first-wrap .contenedores h2 { font-size: 20px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-max-lines: 3; -webkit-box-orient: vertical; overflow: hidden } .MODULO-OPINION .contenedores { width: 33% } .MODULO-OPINION .first-wrap .contenedores .wrap-both .firma-hibrida { width: 25%; border-radius: 50%; border: 1px solid #09a451; height: fit-content; display: flex; justify-content: center; margin-bottom: .5em } .MODULO-OPINION .first-wrap .contenedores .wrap-both .firma-hibrida img { border-radius: 50%; filter: grayscale(1) } .MODULO-OPINION .first-wrap .contenedores.container-1 .wrap-both .firma-hibrida { border: 0; max-width: 200px; position: relative } .MODULO-OPINION .first-wrap .contenedores .wrap-both .wrap-text { width: 100% } .MODULO-OPINION .first-wrap .contenedores.container-1 .wrap-both { display: flex; flex-direction: column; align-items: center; gap: 1rem } .MODULO-OPINION .first-wrap .contenedores.container-1 .wrap-both .firma-hibrida { width: 100% } .MODULO-OPINION .first-wrap .contenedores.container-1 .wrap-both .wrap-text { width: 100% } .MODULO-OPINION .first-wrap .contenedores.container-1 .wrap-both .wrap-text h2 { display: block; text-align: center } .MODULO-OPINION .wrap-otros .pie-noticia { justify-content: center !important } .articulo-opinion .pie-noticia { justify-content: center !important } .articulo-opinion h2 a { text-align: center !important } .MODULO-OPINION.MODULO-OPINION-4 .first-wrap .container-1 { display: flex; flex-direction: row } .MODULO-OPINION.MODULO-OPINION-4 .first-wrap .container-1 article { width: 25% } .MODULO-OPINION.MODULO-OPINION-4 .container-1 .firma-hibrida { display: flex; justify-content: center } .MODULO-OPINION.MODULO-OPINION-4 .contenedores { width: 100% } .MODULO-OPINION.MODULO-OPINION-4 .wrap-both .wrap-text .wrap-otros { margin-top: 12px } .MODULO-OPINION.MODULO-OPINION-5 .container-1 { width: 33% } .MODULO-OPINION.MODULO-OPINION-5 .container-1 .firma-hibrida { display: flex; justify-content: center } .MODULO-OPINION.MODULO-OPINION-5 .container-2 { flex-direction: row !important; flex-wrap: wrap; justify-content: start; align-items: start; height: fit-content; width: 66% } .MODULO-OPINION.MODULO-OPINION-5 .container-2 article { width: calc(50% - 1rem); height: fit-content } .MODULO-OPINION.MODULO-OPINION-5 .container-2 .wrap-both { display: flex; align-items: center; justify-content: flex-start; gap: 1em } .MODULO-OPINION.MODULO-OPINION-5 .container-2 .wrap-both .firma-hibrida { margin-bottom: 0; min-width: 80px } .MODULO-OPINION.MODULO-OPINION-5 .container-2 .wrap-both .wrap-text { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: .5em } .MODULO-OPINION.MODULO-OPINION-5 .container-2 .wrap-both .wrap-text header h2 a { text-align: left !important } .MODULO-OPINION.MODULO-OPINION-5 .container-2 article .wrap-otros { margin-top: 0 } .MODULO-OPINION.MODULO-OPINION-5 .container-2 article .wrap-otros .pie-noticia { justify-content: flex-start !important } .MODULO-OPINION-6 .first-wrap { display: block } .MODULO-OPINION-6 .contenedores { flex-direction: row !important; width: 100% } .MODULO-OPINION-6 .contenedores.container-1 { margin-bottom: 2em } .MODULO-OPINION-6 .contenedores.container-1:last-child { margin-bottom: 0 } .MODULO-OPINION-6 .contenedores article { width: calc(33% - 1rem) } .MODULO-OPINION.MODULO-OPINION-6 .wrap-both { flex-direction: row !important } .MODULO-OPINION.MODULO-OPINION-6 .wrap-both .firma-hibrida { width: 25px !important; border: 1px solid #09a451 !important; min-width: 80px } .MODULO-OPINION.MODULO-OPINION-6 .wrap-both .firma-hibrida::before { display: none } .MODULO-OPINION.MODULO-OPINION-6 .wrap-both .wrap-text { width: 100%; display: flex; flex-direction: column; align-items: flex-start } .MODULO-OPINION.MODULO-OPINION-6 .wrap-both .wrap-text header h2 a { text-align: left !important } .MODULO-OPINION.MODULO-OPINION-6 .wrap-both .wrap-text .wrap-otros { margin-top: 0 } article.articulo-opinion .firma-hibrida { display: flex !important; width: 44%; max-width: 300px; justify-content: center; margin: 0 auto } article.articulo-opinion .firma-hibrida img { border-radius: 50%; border: 1px solid #09a451; max-width: 150px } article.articulo-opinion .img-wrap { display: none } .directo .cate-tag.en-directo { display: block !important } article.exclusiva .cate-tag.en-exclusiva { display: block !important } article.exclusiva * { color: white !important; stroke: #fff } .wrap-text { padding: 1rem; padding-left: 0 } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-text { padding: 0 !important; padding-left: 1rem !important } .MODULO-4-4 .noticias-destacadas .wrap-text { padding: 0 !important } .MODULO .MODULO-OPINION-7 .first-wrap .contenedores { justify-content: flex-start } .MODULO .MODULO-OPINION-7 .container-2 .wrap-both, .MODULO .MODULO-OPINION-7 .container-3 .wrap-both { display: flex; align-items: center; justify-content: flex-start; gap: 1em } .MODULO .MODULO-OPINION-7 .container-1 .wrap-both .wrap-text header { max-width: 90%; margin: auto } .MODULO .MODULO-OPINION-7 .container-2 .wrap-both .wrap-text header h2 a, .MODULO .MODULO-OPINION-7 .container-3 .wrap-both .wrap-text header h2 a { text-align: left !important } .MODULO .MODULO-OPINION-7 .container-2 .wrap-both .wrap-text .wrap-otros, .MODULO .MODULO-OPINION-7 .container-3 .wrap-both .wrap-text .wrap-otros { margin-top: 12px } .MODULO .MODULO-OPINION-7 .container-2 .wrap-otros .pie-noticia, .MODULO .MODULO-OPINION-7 .container-3 .wrap-otros .pie-noticia { justify-content: flex-start !important } .wrap-FICHA-ARTICULO .social-media { display: flex; align-items: flex-start; justify-content: flex-start; gap: 1.2em; margin-top: 0.5em !important } .wrap-FICHA-ARTICULO .social-media li { display: flex !important; align-items: center; justify-content: center } .wrap-FICHA-ARTICULO .social-media li a i { color: var(--neutral-gray-1); font-size: 20px } .wrap-FICHA-ARTICULO .social-media .autor-comentarios { position: relative; border-left: solid 1px var(--neutral-gray-1); padding-left: 8px } .wrap-FICHA-ARTICULO .social-media .autor-comentarios span { position: absolute; background: var(--neutral-gray-1); width: 18px; height: 18px; border-radius: 15px; color: var(--neutral-white); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 400; font-family: var(--font-2); top: -8px; right: -8px } @media (max-width:992px) { .MODULO-OPINION.MODULO-OPINION-4 .first-wrap .container-1 { gap: 2em; flex-wrap: wrap } .MODULO-OPINION.MODULO-OPINION-4 .first-wrap .container-1 article { width: calc(50% - 2em) } .MODULO-OPINION.MODULO-OPINION-5 .first-wrap { flex-direction: column } .MODULO-OPINION.MODULO-OPINION-5 .first-wrap .container-1 { width: 100% } .MODULO-OPINION.MODULO-OPINION-5 .first-wrap .container-2 { width: 100%; justify-content: center; align-items: center } .MODULO .MODULO-OPINION-5 .contenedores.container-2 article .wrap-both { align-items: center; justify-content: center; gap: .5em } .MODULO .MODULO-OPINION-5 .contenedores.container-2 article .wrap-text { text-align: center } .MODULO .MODULO-OPINION-5 .contenedores.container-2 article .wrap-text header h2 a { text-align: center !important } .MODULO .MODULO-OPINION-5 .wrap-both .wrap-text .wrap-otros { margin-top: 0; width: 100% } .MODULO-OPINION.MODULO-OPINION-5 .container-2 article .wrap-otros .pie-noticia { justify-content: center !important } .MODULO-OPINION .first-wrap .contenedores .wrap-both { display: flex; gap: 1rem; flex-direction: column; justify-content: center; align-items: center } .MODULO-OPINION .first-wrap .contenedores .wrap-both .wrap-text { width: 100% } .MODULO-OPINION .first-wrap .contenedores h2 { display: block } .MODULO-OPINION.MODULO-OPINION-5 .first-wrap .contenedores.container-1 .wrap-both .firma-hibrida { width: 50% } .MODULO-OPINION.MODULO-OPINION-7 .first-wrap { flex-wrap: wrap; gap: 0 } .MODULO-OPINION.MODULO-OPINION-7 .first-wrap .contenedores { width: 50% } .MODULO-OPINION.MODULO-OPINION-7 .first-wrap .container-1 { width: 100%; margin-bottom: 2em } .MODULO-OPINION.MODULO-OPINION-7 .first-wrap .container-2 { width: calc(50% - 1em); padding-right: 1em } .MODULO-OPINION.MODULO-OPINION-7 .first-wrap .container-3 { width: calc(50% - 1em); padding-left: 1em } .MODULO .MODULO-OPINION-7 .container-2 .wrap-both .wrap-text header h2 a, .MODULO .MODULO-OPINION-7 .container-3 .wrap-both .wrap-text header h2 a { text-align: center !important } .MODULO .MODULO-OPINION-7 .container-2 .wrap-otros .pie-noticia, .MODULO .MODULO-OPINION-7 .container-3 .wrap-otros .pie-noticia { justify-content: center !important } } @media (max-width:768px) { .MODULO-OPINION.MODULO-OPINION-7 .first-wrap .contenedores { width: 100% } .MODULO-OPINION-6 .contenedores { flex-direction: column !important; width: 100% } .MODULO-OPINION-6 .contenedores article { width: 100% } .MODULO-OPINION .first-wrap .contenedores.container-1 .wrap-both .firma-hibrida { width: 50% } .MODULO-OPINION.MODULO-OPINION-5 .container-2 { flex-direction: column } .MODULO-OPINION.MODULO-OPINION-4 .first-wrap .container-1 article { width: 100% } .MODULO-OPINION.MODULO-OPINION-5 .container-2 article { width: 100% } .MODULO .MODULO-OPINION-5 .contenedores.container-2 article .wrap-text { gap: 0 } .MODULO-30-70 .second-wrap header { width: 100% } .MODULO-30-70 .second-wrap .entradilla { width: 100% } .MODULO .wrap-both header { margin-bottom: .1em; margin-top: 0.5em !important } .MODULO-30-70 { display: flex; flex-wrap: nowrap; gap: 1rem; flex-direction: column } .MODULO-30-70 .first-wrap { width: 100%; gap: 24px; display: flex; flex-direction: column } .MODULO-30-70 .second-wrap { width: 100%; gap: 24px } .MODULO-30-70 .first-wrap .wrap-media { display: block } .MODULO-30-70 .first-wrap .entradilla { display: block !important } .MODULO-30-70 .first-wrap h2 { font-size: 20px !important } .MODULO-30-70 .first-wrap .firma-hibrida { display: block !important } .MODULO .sec-wrap article .wrap-both .wrap-media, .MODULO .third-wrap article .wrap-both .wrap-media { width: 100%; flex: 1; max-width: 100%; margin-right: 0 !important } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros .pie-noticia .contenedor-redactor span a { color: var(--neutral-gray-1) !important } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros .pie-noticia .contenedor-comentarios span { color: var(--neutral-gray-1) !important } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros .pie-noticia .contenedor-comentarios svg { stroke: var(--neutral-gray-1) !important } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-text h2 a { color: var(--neutral-gray-1) !important } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros .pie-noticia .contenedor-comentarios svg path { stroke: var(--neutral-gray-1) !important } #slide-out .collapsible-header { font-size: 16px } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h1 { color: var(--neutral-gray-1); font-weight: 700; text-align: left; font-family: var(--font-1); font-size: 2rem } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo, .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit .art-entradilla { font-size: 1.3rem } .MODULO_DIRECTO_TIMELINE { display: flex; flex-direction: column } .MODULO_DIRECTO_TIMELINE .first-wrap { width: 100% } .MODULO_DIRECTO_TIMELINE .second-wrap { width: 100% } .MODULO-4-4 { display: flex; flex-direction: column } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-both { display: flex; flex-direction: column } .MODULO-4-4 .first-wrap { width: 100% } .MODULO-4-4 .second-wrap { width: 100% } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-both .wrap-media { width: 100% } .MODULO-4-4 .second-wrap .contenedor-1 .wrap-both .wrap-text { width: 100% } .MODULO-OPINION.MODULO-OPINION-7 .first-wrap .container-2 { padding-right: 0 } .MODULO-OPINION.MODULO-OPINION-7 .first-wrap .container-3 { padding-left: 0 } } .MODULO_XL .wrap-media .img-wrap { padding-bottom: 40% } .MODULO_XL .wrap-media .img-wrap img { object-fit: cover; object-position: center } .wrap-media .img-wrap.img-top img { object-fit: cover; object-position: top } .wrap-media .img-wrap.img-bottom img { object-fit: cover; object-position: bottom } .wrap-media .img-wrap.img-center img { object-fit: cover; object-position: center } .wrap-media .img-wrap.img-left img { object-fit: cover; object-position: left } .wrap-media .img-wrap.img-right img { object-fit: cover; object-position: right } .wrap-ULTIMAHORA h2 { line-height: 40px } .wrap-ULTIMAHORA .container .simple-ticker ul li article .wrap-both .wrap-text { padding: 0 !important } .MODULO_ASIM_1_3 .sec-wrap article .wrap-both .wrap-text { padding-top: 0 } .MODULO_ASIM_1_3 article .wrap-both .wrap-text header { margin-top: 0 } .MODULO_HORIZ_3 .sec-wrap article .wrap-both .wrap-text, .MODULO_HORIZ_3 .third-wrap article .wrap-both .wrap-text { padding-top: 0 } .MODULO_HORIZ_3 article .wrap-both .wrap-text header { margin-top: 0 } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-text h2 a { color: var(--neutral-gray-1) !important } .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros .pie-noticia .contenedor-redactor span a { color: var(--neutral-gray-1) !important } .MODULO_VERT_4_Opinion article { padding-right: 2em } .MODULO_VERT_4_Opinion article:last-child { padding-right: 0 } .slick-slider .slick-arrow { background: var(--neutral-gray-4) } .slick-slider .slick-arrow i.material-icons { color: var(--neutral-gray-1) } .MODULO .MODULO_1_4_1 .sec-wrap article .es-multimedia { display: none } @media only screen and (min-width:993px) { .MODULO_ASIM_2_1 article:nth-child(3) { background: var(--neutral-gray-4); padding: 12px; padding-top: 24px } } @media only screen and (min-width:993px) { .MODULO_1_Banner_3 .first-wrap .wrap_one article .wrap-both .wrap-media .img-wrap { padding-bottom: 56% } } @media only screen and (min-width:993px) { .MODULO_1_1_3 .third-wrap article .wrap-text { padding-top: 0 } } @media only screen and (min-width:768px) { .MODULO_1_1_4 .first-wrap .wrap-both { height: 450px } } @media only screen and (min-width:768px) { .MODULO_1_1_4 .first-wrap .wrap-text { position: absolute !important; top: 50%; right: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: var(--neutral-gray-4); min-height: 1px } } @media (max-width:992px) { .MODULO_ASIM_1_3 .sec-wrap article .wrap-both .wrap-text { padding-top: 1rem } .MODULO_HORIZ_3 .sec-wrap article .wrap-both .wrap-text, .MODULO_HORIZ_3 .third-wrap article .wrap-both .wrap-text { padding-top: 1rem } } @media (max-width:768px) { .MODULO_XL .wrap-media .img-wrap { padding-bottom: 56% } .dest-color-1 .container, .dest-color-2 .container, .dest-color-3 .container, .dest-color-4 .container, .dest-color-5 .container, .pantone-gris .container, .pantone-salmon-trabajo .container { padding: 12px 12px } } @media only screen and (max-width:768px) { .MODULO_70_TOTAL .sec-wrap .wrap-both .wrap-media .img-wrap, .MODULO_30_COLMENA .first-wrap .wrap-both .wrap-media .img-wrap, .MODULO_70_15_30 .first-wrap .wrap-both .wrap-media .img-wrap, .MODULO_70_30_15 .first-wrap .wrap-both .wrap-media .img-wrap, .MODULO_70_15_slider .first-wrap .wrap-both .wrap-media .img-wrap, .MODULO_70_25_25 .first-wrap .wrap-both .wrap-media .img-wrap, .MODULO_70-slider .first-wrap .wrap-both .wrap-media .img-wrap, .MODULO_70-30 .sec-wrap .wrap-both .wrap-media .img-wrap, .MODULO_70-25-opi .first-wrap .wrap-both .wrap-media .img-wrap, .MODULO_70-opi-25 .first-wrap .wrap-both .wrap-media .img-wrap, .MODULO_70-25-listado .first-wrap article:first-of-type .wrap-both .wrap-media .img-wrap, .MODULO_HORIZ_2 .sec-wrap .wrap-both .wrap-media .img-wrap { padding-bottom: 40% !important } .wrap-SUPERIOR .MODULO { margin-top: 0 } } .wrap-text { padding: 0 } .MODULO .sec-wrap article .wrap-both .wrap-text { margin-bottom: 0 } @media only screen and (min-width:993px) { .MODULO .sec-wrap article { margin-bottom: 1rem !important } } .dest-color-1 .container { background-color: var(--c1) !important; color: var(--neutral-white) !important } .dest-color-2 .container { background-color: var(--c2) !important; color: var(--neutral-white) !important } .dest-color-3 .container { background-color: var(--c3) !important; color: var(--neutral-white) !important } .dest-color-4 .container { color: var(--neutral-gray-1) !important; background-color: var(--c4) !important } .dest-color-5 .container { background-color: var(--c5) !important; color: var(--neutral-gray-1) !important } .pantone-gris .container { background-color: var(--pantone-gris) !important; color: var(--neutral-gray-1) !important } .pantone-salmon-trabajo .container { background-color: var(--pantone-salmon-trabajo) !important; color: var(--neutral-gray-1) !important } .dest-color-1 .container, .dest-color-2 .container, .dest-color-3 .container, .dest-color-4 .container, .dest-color-5 .container, .pantone-gris .container, .pantone-salmon-trabajo .container { padding: 24px 48px 48px 48px; margin: 1em auto } .dest-color-1 span, .dest-color-2 span, .dest-color-3 span, .dest-color-1 p, .dest-color-2 p, .dest-color-3 p, .dest-color-1 a, .dest-color-2 a, .dest-color-3 a, .dest-color-1 b, .dest-color-2 b, .dest-color-3 b, .dest-color-1 strong, .dest-color-2 strong, .dest-color-3 strong, .dest-color-1 h1, .dest-color-2 h1, .dest-color-3 h1, .dest-color-1 h2, .dest-color-2 h2, .dest-color-3 h2, .dest-color-1 h2, .dest-color-2 h2, .dest-color-3 h2, .dest-color-1 h4, .dest-color-2 h4, .dest-color-3 h4, .dest-color-1 h5, .dest-color-2 h5, .dest-color-3 h5, .dest-color-1 h6, .dest-color-2 h6, .dest-color-3 h6, .dest-color-1 div, .dest-color-2 div, .dest-color-3 div { color: var(--neutral-white) !important } .dest-color-1 svg path, .dest-color-2 svg path, .dest-color-3 svg path { stroke: var(--neutral-white) } .dest-color-1 svg.guardado path, .dest-color-2 svg.guardado path, .dest-color-3 svg.guardado path { fill: var(--neutral-white); stroke: var(--neutral-white) } .dest-color-4 span, .dest-color-5 span, .dest-color-4 p, .dest-color-5 p, .dest-color-4 a, .dest-color-5 a, .dest-color-4 b, .dest-color-5 b, .dest-color-4 strong, .dest-color-5 strong, .dest-color-4 h1, .dest-color-5 h1, .dest-color-4 h2, .dest-color-5 h2, .dest-color-4 h2, .dest-color-5 h2, .dest-color-4 h4, .dest-color-5 h4, .dest-color-4 h5, .dest-color-5 h5, .dest-color-4 h6, .dest-color-5 h6, .dest-color-4 div, .dest-color-5 div { color: var(--neutral-gray-1) !important } .pantone-gris span, .pantone-gris p, .pantone-gris a, .pantone-gris b, .pantone-gris strong, .pantone-gris h1, .pantone-gris h2, .pantone-gris h2, .pantone-gris h4, .pantone-gris h5, .pantone-gris h6, .pantone-gris div { color: var(--neutral-gray-1) !important } .pantone-salmon-trabajo span, .pantone-salmon-trabajo p, .pantone-salmon-trabajo a, .pantone-salmon-trabajo b, .pantone-salmon-trabajo strong, .pantone-salmon-trabajo h1, .pantone-salmon-trabajo h2, .pantone-salmon-trabajo h2, .pantone-salmon-trabajo h4, .pantone-salmon-trabajo h5, .pantone-salmon-trabajo h6, .pantone-salmon-trabajo div { color: var(--neutral-gray-1) !important } .dest-color-4 svg path, .dest-color-5 svg path { stroke: var(--neutral-gray-1) } .pantone-gris svg path { stroke: var(--neutral-gray-1) } .pantone-salmon-trabajo svg path { stroke: var(--neutral-gray-1) } .dest-color-4 svg.guardado path, .dest-color-5 svg.guardado path { fill: var(--neutral-gray-1); stroke: var(--neutral-gray-1) } .pantone-gris svg.guardado path { fill: var(--neutral-gray-1); stroke: var(--neutral-gray-1) } .pantone-salmon-trabajo svg.guardado path { fill: var(--neutral-gray-1); stroke: var(--neutral-gray-1) } .dest-color-1 .slick-slider .slick-arrow { background: var(--c1) } .dest-color-2 .slick-slider .slick-arrow { background: var(--c2) } .dest-color-3 .slick-slider .slick-arrow { background: var(--c3) } .dest-color-4 .slick-slider .slick-arrow { background: var(--c4) } .dest-color-5 .slick-slider .slick-arrow { background: var(--c5) } .pantone-gris .slick-slider .slick-arrow { background: var(--pantone-gris) } .pantone-salmon-trabajo .slick-slider .slick-arrow { background: var(--pantone-salmon-trabajo) } .dest-color-1 .slick-slider .slick-arrow i.material-icons, .dest-color-2 .slick-slider .slick-arrow i.material-icons, .dest-color-3 .slick-slider .slick-arrow i.material-icons { color: var(--neutral-white) } .dest-color-4 .slick-slider .slick-arrow i.material-icons, .dest-color-5 .slick-slider .slick-arrow i.material-icons { color: var(--neutral-gray-1) } .pantone-gris .slick-slider .slick-arrow i.material-icons { color: var(--neutral-gray-1) } .pantone-salmon-trabajo .slick-slider .slick-arrow i.material-icons { color: var(--neutral-gray-1) } .dest-color-1 .MODULO_ASIM_2_1 article:nth-child(3), .dest-color-2 .MODULO_ASIM_2_1 article:nth-child(3), .dest-color-3 .MODULO_ASIM_2_1 article:nth-child(3) { background: var(--neutral-white) } .dest-color-4 .MODULO_ASIM_2_1 article:nth-child(3), .dest-color-5 .MODULO_ASIM_2_1 article:nth-child(3) { background: var(--neutral-gray-1) } .pantone-gris .MODULO_ASIM_2_1 article:nth-child(3) { background: var(--neutral-gray-1) } .pantone-salmon-trabajo .MODULO_ASIM_2_1 article:nth-child(3) { background: var(--neutral-gray-1) } .dest-color-1 .MODULO_ASIM_2_1 article:nth-child(3) .entradilla, .dest-color-2 .MODULO_ASIM_2_1 article:nth-child(3) .entradilla, .dest-color-3 .MODULO_ASIM_2_1 article:nth-child(3) .entradilla { color: var(--neutral-gray-1) !important } .dest-color-4 .MODULO_ASIM_2_1 article:nth-child(3) .entradilla, .dest-color-5 .MODULO_ASIM_2_1 article:nth-child(3) .entradilla { color: var(--neutral-white) !important } .pantone-gris .MODULO_ASIM_2_1 article:nth-child(3) .entradilla { color: var(--neutral-white) !important } .pantone-salmon-trabajo .MODULO_ASIM_2_1 article:nth-child(3) .entradilla { color: var(--neutral-white) !important } .dest-color-4 .MODULO_ASIM_2_1 article:nth-child(3) h2 a, .dest-color-5 .MODULO_ASIM_2_1 article:nth-child(3) h2 a { color: var(--neutral-white) !important } .pantone-gris .MODULO_ASIM_2_1 article:nth-child(3) h2 a { color: var(--neutral-white) !important } .pantone-salmon-trabajo .MODULO_ASIM_2_1 article:nth-child(3) h2 a { color: var(--neutral-white) !important } .dest-color-4 .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros a, .dest-color-5 .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros a { color: var(--neutral-white) !important } .pantone-gris .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros a { color: var(--neutral-white) !important } .pantone-salmon-trabajo .MODULO_ASIM_2_1 article:nth-child(3) .wrap-otros a { color: var(--neutral-white) !important } .dest-color-4 .MODULO_ASIM_2_1 article:nth-child(3) a, .dest-color-5 .MODULO_ASIM_2_1 article:nth-child(3) a, .dest-color-4 .MODULO_ASIM_2_1 article:nth-child(3) div, .dest-color-5 .MODULO_ASIM_2_1 article:nth-child(3) div { color: var(--neutral-white) } .pantone-gris .MODULO_ASIM_2_1 article:nth-child(3) a, .pantone-gris .MODULO_ASIM_2_1 article:nth-child(3) div { color: var(--neutral-white) } .pantone-salmon-trabajo .MODULO_ASIM_2_1 article:nth-child(3) a, .pantone-salmon-trabajo .MODULO_ASIM_2_1 article:nth-child(3) div { color: var(--neutral-white) } .dest-color-1 .MODULO_ASIM_2_1 article:nth-child(3) svg path, .dest-color-2 .MODULO_ASIM_2_1 article:nth-child(3) svg path, .dest-color-3 .MODULO_ASIM_2_1 article:nth-child(3) svg path { stroke: var(--neutral-gray-1) !important } .dest-color-1 .MODULO_ASIM_2_1 article:nth-child(3) svg.guardado path, .dest-color-2 .MODULO_ASIM_2_1 article:nth-child(3) svg.guardado path, .dest-color-3 .MODULO_ASIM_2_1 article:nth-child(3) svg.guardado path { fill: var(--neutral-gray-1) !important } .dest-color-4 .MODULO_ASIM_2_1 article:nth-child(3) svg path, .dest-color-5 .MODULO_ASIM_2_1 article:nth-child(3) svg path { stroke: var(--neutral-white) !important } .pantone-gris .MODULO_ASIM_2_1 article:nth-child(3) svg path { stroke: var(--neutral-white) !important } .pantone-salmon-trabajo .MODULO_ASIM_2_1 article:nth-child(3) svg path { stroke: var(--neutral-white) !important } .dest-color-4 .MODULO_ASIM_2_1 article:nth-child(3) svg.guardado path, .dest-color-5 .MODULO_ASIM_2_1 article:nth-child(3) svg.guardado path { fill: var(--neutral-white) !important } .pantone-gris .MODULO_ASIM_2_1 article:nth-child(3) svg.guardado path { fill: var(--neutral-white) !important } .pantone-salmon-trabajo .MODULO_ASIM_2_1 article:nth-child(3) svg.guardado path { fill: var(--neutral-white) !important } .dest-color-1 .MODULO_1_1_4 .first-wrap .wrap-text h2, .dest-color-1 .MODULO_1_1_4 .first-wrap .wrap-text a, .dest-color-1 .MODULO_1_1_4 .first-wrap .wrap-text div, .dest-color-2 .MODULO_1_1_4 .first-wrap .wrap-text h2, .dest-color-2 .MODULO_1_1_4 .first-wrap .wrap-text a, .dest-color-2 .MODULO_1_1_4 .first-wrap .wrap-text div, .dest-color-3 .MODULO_1_1_4 .first-wrap .wrap-text h2, .dest-color-3 .MODULO_1_1_4 .first-wrap .wrap-text a, .dest-color-3 .MODULO_1_1_4 .first-wrap .wrap-text div { color: var(--neutral-gray-1) !important } .dest-color-1 .MODULO_1_1_4 .first-wrap .wrap-text svg path, .dest-color-2 .MODULO_1_1_4 .first-wrap .wrap-text svg path, .dest-color-3 .MODULO_1_1_4 .first-wrap .wrap-text svg path { stroke: var(--neutral-gray-1) } .dest-color-1 .MODULO_1_1_4 .first-wrap .wrap-text svg.guardado path, .dest-color-2 .MODULO_1_1_4 .first-wrap .wrap-text svg.guardado path, .dest-color-3 .MODULO_1_1_4 .first-wrap .wrap-text svg.guardado path { fill: var(--neutral-gray-1) } @media only screen and (min-width:768px) { .dest-color-1 .MODULO_1_1_4 .third-wrap, .dest-color-2 .MODULO_1_1_4 .third-wrap, .dest-color-3 .MODULO_1_1_4 .third-wrap { border-left: 1px solid var(--neutral-white) } .dest-color-4 .MODULO_1_1_4 .third-wrap, .dest-color-5 .MODULO_1_1_4 .third-wrap { border-left: 1px solid var(--neutral-gray-1) } } .dest-color-4 .MODULO_1_1_4 .first-wrap .wrap-text h2, .dest-color-4 .MODULO_1_1_4 .first-wrap .wrap-text a, .dest-color-4 .MODULO_1_1_4 .first-wrap .wrap-text div, .dest-color-5 .MODULO_1_1_4 .first-wrap .wrap-text h2, .dest-color-5 .MODULO_1_1_4 .first-wrap .wrap-text a, .dest-color-5 .MODULO_1_1_4 .first-wrap .wrap-text div { color: var(--neutral-gray-1) !important } .pantone-gris .MODULO_1_1_4 .first-wrap .wrap-text h2, .pantone-gris .MODULO_1_1_4 .first-wrap .wrap-text a, .pantone-gris .MODULO_1_1_4 .first-wrap .wrap-text div { color: var(--neutral-gray-1) !important } .pantone-salmon-trabajo .MODULO_1_1_4 .first-wrap .wrap-text h2, .pantone-salmon-trabajo .MODULO_1_1_4 .first-wrap .wrap-text a, .pantone-salmon-trabajo .MODULO_1_1_4 .first-wrap .wrap-text div { color: var(--neutral-gray-1) !important } .dest-color-4 .MODULO_1_1_4 .first-wrap .wrap-text svg path, .dest-color-5 .MODULO_1_1_4 .first-wrap .wrap-text svg path { stroke: var(--neutral-gray-1) } .pantone-gris .MODULO_1_1_4 .first-wrap .wrap-text svg path { stroke: var(--neutral-gray-1) } .pantone-salmon-trabajo .MODULO_1_1_4 .first-wrap .wrap-text svg path { stroke: var(--neutral-gray-1) } .dest-color-4 .MODULO_1_1_4 .first-wrap .wrap-text svg.guardado path, .dest-color-5 .MODULO_1_1_4 .first-wrap .wrap-text svg.guardado path { fill: var(--neutral-gray-1) } .pantone-gris .MODULO_1_1_4 .first-wrap .wrap-text svg.guardado path { fill: var(--neutral-gray-1) } .pantone-salmon-trabajo .MODULO_1_1_4 .first-wrap .wrap-text svg.guardado path { fill: var(--neutral-gray-1) } .dest-color-1 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2::before, .dest-color-2 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2::before, .dest-color-3 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2::before { background: var(--neutral-white) } .dest-color-4 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2::before, .dest-color-5 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2::before { background: var(--neutral-gray-1) } .pantone-gris .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2::before { background: var(--neutral-gray-1) } .pantone-salmon-trabajo .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2::before { background: var(--neutral-gray-1) } .dest-color-1 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2 span { background: var(--c1) } .dest-color-2 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2 span { background: var(--c2) } .dest-color-3 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2 span { background: var(--c3) } .dest-color-4 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2 span { background: var(--c4) } .dest-color-5 .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2 span { background: var(--c5) } .pantone-gris .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2 span { background: var(--pantone-gris) } .pantone-salmon-trabajo .MODULO .MODULO_DIRECTO.en_directo_general .wrap-tit h2 span { background: var(--pantone-salmon-trabajo) } .dest-color-1 .MODULO_DIRECTO_TIMELINE .second-wrap .timeline, .dest-color-2 .MODULO_DIRECTO_TIMELINE .second-wrap .timeline, .dest-color-3 .MODULO_DIRECTO_TIMELINE .second-wrap .timeline { border-left: 1px solid var(--neutral-white) } .dest-color-4 .MODULO_DIRECTO_TIMELINE .second-wrap .timeline, .dest-color-5 .MODULO_DIRECTO_TIMELINE .second-wrap .timeline { border-left: 1px solid var(--neutral-gray-1) } .pantone-gris .MODULO_DIRECTO_TIMELINE .second-wrap .timeline { border-left: 1px solid var(--neutral-gray-1) } .pantone-salmon-trabajo .MODULO_DIRECTO_TIMELINE .second-wrap .timeline { border-left: 1px solid var(--neutral-gray-1) } .dest-color-1 .MODULO .MODULO_XL_OVER .wrap-both .wrap-text { background: var(--c1) } .dest-color-2 .MODULO .MODULO_XL_OVER .wrap-both .wrap-text { background: var(--c2) } .dest-color-3 .MODULO .MODULO_XL_OVER .wrap-both .wrap-text { background: var(--c3) } .dest-color-4 .MODULO .MODULO_XL_OVER .wrap-both .wrap-text { background: var(--c4) } .dest-color-5 .MODULO .MODULO_XL_OVER .wrap-both .wrap-text { background: var(--c5) } .pantone-gris .MODULO .MODULO_XL_OVER .wrap-both .wrap-text { background: var(--pantone-gris) } .pantone-salmon-trabajo .MODULO .MODULO_XL_OVER .wrap-both .wrap-text { background: var(--pantone-salmon-trabajo) } .dest-color-1 .MODULO .MODULO_SLIDER .wrap-both .wrap-text { background: var(--c1) !important } .dest-color-2 .MODULO .MODULO_SLIDER .wrap-both .wrap-text { background: var(--c2) !important } .dest-color-3 .MODULO .MODULO_SLIDER .wrap-both .wrap-text { background: var(--c3) !important } .dest-color-4 .MODULO .MODULO_SLIDER .wrap-both .wrap-text { background: var(--c4) !important } .dest-color-5 .MODULO .MODULO_SLIDER .wrap-both .wrap-text { background: var(--c5) !important } .pantone-gris .MODULO .MODULO_SLIDER .wrap-both .wrap-text { background: var(--pantone-gris) !important } .pantone-salmon-trabajo .MODULO .MODULO_SLIDER .wrap-both .wrap-text { background: var(--pantone-salmon-trabajo) !important } .dest-color-1 .MODULO .MODULO_SLIDER .wrap-both .wrap-text header h2 a, .dest-color-2 .MODULO .MODULO_SLIDER .wrap-both .wrap-text header h2 a, .dest-color-3 .MODULO .MODULO_SLIDER .wrap-both .wrap-text header h2 a { color: var(--neutral-white) !important } .dest-color-4 .MODULO .MODULO_SLIDER .wrap-both .wrap-text header h2 a, .dest-color-5 .MODULO .MODULO_SLIDER .wrap-both .wrap-text header h2 a { color: var(--neutral-gray-1) !important } .dest-color-1 .MODULO-4-4 .second-wrap .contenedor-1 { background: #275a3f } .dest-color-2 .MODULO-4-4 .second-wrap .contenedor-1 { background: #3e6f3e } .dest-color-3 .MODULO-4-4 .second-wrap .contenedor-1 { background: #61aa83 } .dest-color-4 .MODULO-4-4 .second-wrap .contenedor-1 { background: #9edf5d } .dest-color-5 .MODULO-4-4 .second-wrap .contenedor-1 { background: #dbfd74 } .pantone-gris .MODULO-4-4 .second-wrap .contenedor-1 { background: var(--pantone-gris) } .pantone-salmon-trabajo .MODULO-4-4 .second-wrap .contenedor-1 { background: var(--pantone-salmon-trabajo) } .MODULO_XL_OVER .entradilla { font-size: 1.4rem } .MODULO_SLIDER .wrap-text { padding: .75em 2em .75em } .MODULO_XL .wrap-both .wrap-text header h2 { margin-top: 1rem } .MODULO_VERT_2 header { margin-top: 1em } .MODULO_ASIM_1_3 .first-wrap article .wrap-both .wrap-text header { margin-top: 1em !important } .MODULO_ASIM_1_6 .first-wrap article .wrap-both .wrap-text header { margin-top: 1em !important } .MODULO_XXL .first-wrap article .wrap-both .wrap-text header { margin-top: 1em !important } .MODULO_1_4 .first-wrap header { margin-top: 1rem } .MODULO_1_4 .sec-wrap header { margin-top: 0 !important } .MODULO_1_4 .sec-wrap article { margin-bottom: 1rem } .MODULO_1_4 .sec-wrap article:last-child { margin-bottom: 0rem } .MODULO_1_4 .first-wrap article .wrap-media .img-wrap { padding-bottom: 50% } .MODULO_1_4_1 .sec-wrap article .wrap-both .wrap-text header { margin-top: 0 } .MODULO_1_4_1 .third-wrap article .wrap-both .wrap-text header { margin-top: 1em } .MODULO_ASIM_1_3_3 { flex-wrap: wrap } .MODULO_ASIM_1_3_3 .sec-wrap article:last-child { border-bottom: none; margin-bottom: 0 } .MODULO_ASIM_1_3_3 .first-wrap article .wrap-both .wrap-text header { margin-top: 1em } .gridtab--0>div.wrap-text { border-width: 0 !important; border-color: transparent !important; background: transparent !important; width: 25% !important } .gridtab--0>div:nth-child(1), .gridtab--0>div:nth-child(2), .gridtab--0>div:nth-child(3), .gridtab--0>div:nth-child(4) { padding-top: 0 } .MODULO_DIRECTO .wrap-both { display: flex; flex-direction: column } .MODULO_DIRECTO .wrap-both .wrap-media { order: 1 } .MODULO_DIRECTO .wrap-both header { order: 2 } .MODULO_DIRECTO .wrap-both .wrap-text { order: 3 } .MODULO_DIRECTO .wrap-both .wrap-text .wrap-otros { display: flex; margin-top: .5rem } .MODULO .MODULO_DIRECTO .first-wrap .wrap-media .img-wrap { padding-bottom: 40% } .MODULO .MODULO_DIRECTO .wrap-tit { width: 100% } .MODULO .MODULO_DIRECTO .wrap-tit h2 { background-color: #fff0; clip-path: unset; margin: unset; position: relative; width: 100%; font-size: .85em; font-weight: var(--fw-700); letter-spacing: 2px; margin: .75em 0; text-transform: uppercase; color: var(--color-5); background-color: #fff0; width: fit-content; margin: auto; padding: 10px; width: 100%; margin-bottom: 1rem } .MODULO .MODULO_DIRECTO .wrap-tit h2::before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); width: 100%; height: 1px; background: var(--neutral-gray-1) } .MODULO .MODULO_DIRECTO .wrap-tit h2 span { padding: 0 24px; background: var(--neutral-white); position: relative; z-index: 1; font-family: var(--font-2); color: var(--neutral-gray-1); font-weight: 400; font-size: 18px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; width: fit-content; margin: auto; gap: 12px } .MODULO .MODULO_DIRECTO .wrap-tit h2 span .live-icon { display: inline-block; margin: 0 auto; border-radius: 50%; background: #e60000; width: 14px; height: 14px; animation: live 1.6s infinite } .MODULO .MODULO_DIRECTO_TIMELINE article .wrap-both .wrap-text header { margin-top: 1rem } .MODULO .MODULO_DIRECTO_TIMELINE .TITULO-listado h2 span { padding-bottom: 0; padding-top: 0 } .MODULO .MODULO_M .sec-wrap article .wrap-both { flex-direction: row } .MODULO .MODULO_M .sec-wrap article .wrap-both .wrap-media { width: 40%; margin-right: 2em } .MODULO .MODULO_M .sec-wrap article .wrap-both .wrap-text { width: 60% } .MODULO .MODULO_M .sec-wrap article .wrap-both .wrap-media .img-wrap { padding-bottom: 40% } .MODULO .MODULO_M article .wrap-both .wrap-text header { margin-top: 0 } .MODULO .MODULO_L .sec-wrap article .wrap-both .wrap-media .img-wrap { padding-bottom: 40% } .MODULO .MODULO_XL .wrap-otros .pie-noticia { justify-content: center } .MODULO .MODULO_SLIDER .wrap-both .wrap-text { left: 2em; right: unset } .MODULO .MODULO_HORIZ_1 article .wrap-both .wrap-text header { margin-top: 0 } .BN .thumbnails-a .trc_rbox_header { position: relative !important; text-align: center !important; margin-bottom: 24px !important } .BN .thumbnails-a .trc_rbox_header .logoDiv { display: none !important } .BN .thumbnails-a .trc_rbox_header::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 50% !important; transform: translate(0, -50%) !important; width: 100% !important; height: 1px !important; background-color: var(--neutral-gray-1) !important } .BN .trc_rbox_container [class*="span"] { background: var(--neutral-white) !important; position: relative !important; z-index: 2 !important; padding-left: 16px !important; padding-right: 16px !important; font-family: var(--font-2) !important; font-weight: 400 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; line-height: 26px !important; font-size: 18px !important } .BN .thumbnails-a .syndicatedItem .video-title { font-family: var(--font-1) !important; color: var(--neutral-gray-1) !important; line-height: normal !important; margin-top: 8px !important } .BN .thumbnails-a .syndicatedItem .branding { font-family: var(--font-2) !important; color: var(--neutral-gray-2) !important; text-transform: uppercase !important } .BN .videoCube .video-cta-href button.video-cta-button { color: var(--neutral-gray-1) !important; font-family: var(--font-2) !important; font-weight: 500 !important; padding: 1px 8px !important; border: 1px solid var(--neutral-gray-1) !important; border-radius: 0 !important } .ARTICULO_EN_DIRECTO .timeline-container { width: 100%; margin-bottom: 24px; padding-left: 1rem } .ARTICULO_EN_DIRECTO .timeline { border-left: 1px solid #000; display: flex; flex-direction: column; gap: 1.5em; padding-left: 1rem; margin-top: 24px } .ARTICULO_EN_DIRECTO .titulo-timeline h2 { font-size: 16px !important; font-weight: 400 } .ARTICULO_EN_DIRECTO .noticia-timeline { position: relative; min-height: 121px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px } .ARTICULO_EN_DIRECTO .noticia-timeline::before { content: ""; background-image: url(/web/assets_new/img/decor/circulito.svg); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; position: absolute; left: -25px; top: 5px; z-index: 2 } .ARTICULO_EN_DIRECTO .noticia-timeline.is_video::before { background-image: url(/web/assets_new/img/decor/icon-video.svg) } .ARTICULO_EN_DIRECTO .noticia-timeline.is_multimedia::before { background-image: url(/web/assets_new/img/decor/icon-multimedia.svg) } .ARTICULO_EN_DIRECTO .noticia-timeline .hora { font-size: 1.5rem; color: var(--neutral-gray-2); font-family: var(--font-2) } .ARTICULO_EN_DIRECTO .noticia-timeline a { color: var(--neutral-gray-1) } .ARTICULO_EN_DIRECTO .noticia-timeline p { margin-bottom: 10px !important } .ARTICULO_EN_DIRECTO .noticia-timeline .wrap-image { max-width: 150px; height: 100px; min-width: 150px } .ARTICULO_EN_DIRECTO .noticia-timeline .wrap-image img, .ARTICULO_EN_DIRECTO .noticia-timeline .wrap-image iframe { width: 100%; height: 100%; object-fit: cover } .ARTICULO_EN_DIRECTO .noticia-timeline .container-video-responsive { position: relative; width: 100%; height: 310px; max-height: 310px; max-width: 500px; min-width: 500px; padding-bottom: 0 } .ARTICULO_EN_DIRECTO .noticia-timeline.is_video .wrap-image { display: none } .ARTICULO_EN_DIRECTO .lo-mas-leido-cabecero { font-family: var(--font-2); font-weight: 700; font-size: 24px; line-height: 26px; letter-spacing: 20%; color: var(--neutral-gray-1); border-bottom: 0; text-transform: uppercase; justify-content: center; position: relative; display: flex; gap: .5em; align-items: center; flex-direction: row } .ARTICULO_EN_DIRECTO .lo-mas-leido-cabecero { margin-bottom: 0 !important } .ARTICULO_EN_DIRECTO .lo-mas-leido-cabecero::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); width: 100%; height: 1px; background-color: var(--neutral-gray-1) } .ARTICULO_EN_DIRECTO .lo-mas-leido-cabecero span { background: var(--neutral-white); position: relative; z-index: 2; padding-left: 16px; padding-right: 16px; font-weight: 400 } .ARTICULO_EN_DIRECTO .lo-mas-leido-cabecero span::after { background: #fff0 } .ARTICULO_EN_DIRECTO .noticia-timeline .contenedor-texto-timeline { width: 100% } .barra-compartir-articulo { width: 100%; padding-bottom: 1em; border-bottom: solid 1px var(--neutral-gray-2); margin-bottom: 1em } .barra-compartir-articulo .a2a_kit { max-width: fit-content; margin-left: auto } .barra-compartir-articulo .a2a_kit .a2a_dd { display: none } .barra-compartir-articulo a span { background-color: transparent !important } .barra-compartir-articulo a span svg path { fill: var(--neutral-gray-1) !important } .barra-compartir-articulo .a2a_svg { height: 26px; line-height: 26px; width: 26px } .ARTICULO_ANCHO .CONTENIDO-ARTICULO { margin-right: 0 !important } .paginadores { display: none } .articulo-opinion .wrap-media { display: none } .MODULO_1_4_1 .articulo-opinion .entradilla { text-align: center } .MODULO_1_4_1 .sec-wrap .articulo-opinion .wrap-both { align-items: center } .MODULO_1_4_1 .sec-wrap .articulo-opinion .firma-hibrida { width: 33% !important } @media (max-width:1500px) { .skyscraper#sky1 { right: 1205px } .skyscraper#sky2 { left: 1205px } } @media (max-width:991px) { .gridtab--0>div.wrap-media { min-width: 50% !important; width: 50% !important } .MODULO_1_Banner_3 .sec-wrap { margin-top: 1em } } @media only screen and (min-width:601px) { .MODULO_XL_OVER .wrap-both .wrap-text { padding: .75em 2em .75em } } @media only screen and (min-width:601px) and (max-width:992px) { .MODULO_ASIM_1_3_3 .sec-wrap { flex-wrap: wrap; justify-content: flex-start } .MODULO_ASIM_1_3_3 .sec-wrap article { border-bottom: none; flex: 1 0 calc(32% - 1em); margin-bottom: 1em } .MODULO_ASIM_1_3_3 .sec-wrap article .wrap-media .img-wrap { padding-bottom: 56.25% !important } .MODULO_ASIM_1_3_3 .sec-wrap article:nth-child(3n+3) { margin-right: 0 } } @media only screen and (min-width:993px) { .MODULO_ASIM_1_3_3 { display: flex; flex-direction: row; flex-wrap: nowrap } .MODULO_ASIM_1_3_3 .first-wrap { border-bottom: none; flex: 1 0 70%; padding-right: 2em } .MODULO_ASIM_1_3_3 .first-wrap .img-wrap { padding-bottom: 56.25% !important } .MODULO_ASIM_1_3_3 .sec-wrap { flex: 1 0 30%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 1em } .MODULO_ASIM_1_3_3 .sec-wrap article { border-bottom: none; margin-right: 0 } .MODULO_ASIM_1_3_3 .sec-wrap article .wrap-both { display: flex; flex-direction: column } .MODULO_ASIM_1_3_3 .sec-wrap article .wrap-both .wrap-media { flex: 1 } .MODULO_ASIM_1_3_3 .sec-wrap article .wrap-both .wrap-media .img-wrap { padding-bottom: 56.25% !important } .MODULO_ASIM_1_3_3 .sec-wrap article:nth-child(3n+3) { margin-right: 0 } .MODULO_ASIM_1_3_3 .sec-wrap article:last-child { margin-bottom: 1em } } @media only screen and (min-width:601px) { .MODULO_1_4_3 .third-wrap { padding-top: 0rem !important } } .MODULO_1_4_3 .third-wrap article .wrap-both .wrap-text header { margin-top: 1rem } @media only screen and (min-width:768px) { .MODULO_1_4_1 .first-wrap article .wrap-both .wrap-text { margin-top: 1rem } } @media only screen and (min-width:993px) { .MODULO_1_4_3 .third-wrap article { border-bottom: 1px solid var(--neutral-gray-3) !important } } @media (max-width:767px) { .MODULO_DIRECTO_TIMELINE .second-wrap .timeline-container { overflow-x: unset !important; overflow-y: unset !important; max-height: 100% } .ARTICULO_EN_DIRECTO .noticia-timeline { flex-direction: column; gap: 12px } .barra-compartir-articulo { margin-top: .3em } .MODULO .wrap-media .img-wrap { padding-bottom: 56% } .MODULO-30-70 .first-wrap article { margin-bottom: .5em } .MODULO-30-70 .second-wrap .wrap-text { display: block !important } .MODULO-30-70 .second-wrap .wrap-text header, .MODULO-30-70 .second-wrap .wrap-text .entradilla { width: 100% !important } .MODULO-30-70 .second-wrap .wrap-text .wrap-otros { margin-top: 12px !important } .MODULO-30-70 .second-wrap .wrap-text header h2 { margin-bottom: 0 } .MODULO-30-70 .second-wrap .wrap-text header h2 a { font-size: 1.3rem; line-height: normal; margin-bottom: 8px } .MODULO_50-50-XS header { margin-top: 1em !important } .MODULO-30-70 .second-wrap .wrap-text header { margin: 0; margin-top: 1em !important } .MODULO_ASIM_1_3 { flex-wrap: nowrap } .dest-color-1 .container, .dest-color-2 .container, .dest-color-3 .container, .dest-color-4 .container, .dest-color-5 .container, .pantone-gris .container, .pantone-salmon-trabajo .container { padding: 12px 24px; padding-top: 24px; margin: 1em auto } .dest-color-1 .MODULO_1_Banner_3 .sec-wrap, .dest-color-2 .MODULO_1_Banner_3 .sec-wrap, .dest-color-3 .MODULO_1_Banner_3 .sec-wrap { background-color: #fff0; padding: 0 } .MODULO_1_1_4 { flex-wrap: nowrap } .MODULO_1_4 .sec-wrap header { margin-top: 1rem !important } .MODULO_1_4 .first-wrap { margin-top: 1rem } .MODULO_1_4_1 .sec-wrap article .wrap-both .wrap-text header { margin-top: 1em } .MODULO_GRIDTAB .gridtab .wrap-media { padding: .7em } .gridtab--0>div.wrap-media { min-width: 50% !important; width: 50% !important } .MODULO_DIRECTO .wrap-both header h2 { margin: 0 !important } .MODULO-4-4 .second-wrap { padding-left: 0 } .MODULO .MODULO_M .sec-wrap article .wrap-both { flex-direction: column } .MODULO .MODULO_M .sec-wrap article .wrap-both .wrap-media { width: 100%; margin-right: 0 } .MODULO .MODULO_M .sec-wrap article .wrap-both .wrap-text { width: 100% } .MODULO .MODULO_M article .wrap-both .wrap-text header { margin-top: 1rem } .MODULO .MODULO_XL .wrap-otros .pie-noticia { justify-content: flex-start } .MODULO .MODULO-OPINION-4 .wrap-both header { margin-top: 0 } .MODULO-OPINION.MODULO-OPINION-5 .first-wrap { gap: 2em } .MODULO-OPINION.MODULO-OPINION-5 .container-2 { width: 100%; justify-content: center; align-items: center; gap: 1em } .MODULO-OPINION.MODULO-OPINION-5 .container-2 article { width: calc(50% - 0.5em) } .MODULO-OPINION.MODULO-OPINION-5 .container-2 article .wrap-both .wrap-text header { margin-top: 0 } .MODULO-OPINION.MODULO-OPINION-5 .container-2 article { margin-bottom: 1em } .MODULO-OPINION.MODULO-OPINION-5 .container-2 .firma-hibrida { min-width: 90px } .MODULO-OPINION.MODULO-OPINION-6 article .wrap-both .wrap-text header { margin-top: 0 } .MODULO-OPINION.MODULO-OPINION-6 .container-2 article:last-child { margin-bottom: 0 } .MODULO .MODULO-OPINION-7 .first-wrap .container-1 { margin-bottom: 1em } .MODULO .MODULO-OPINION-7 article .wrap-both .wrap-text header { margin-top: 0 } .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-2, .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-3 { gap: 1em; flex-direction: row; flex-wrap: wrap } .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-2 article, .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-3 article { width: calc(50% - 0.5em) } .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-2 article:last-child, .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-3 article:last-child { width: 100%; margin-top: 1em; margin-bottom: 1em } .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-2 .wrap-both .firma-hibrida, .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-3 .wrap-both .firma-hibrida { min-width: 90px } .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-2 .wrap-both, .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-3 .wrap-both { gap: .5em } .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-2 .wrap-both .wrap-text, .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-3 .wrap-both .wrap-text { text-align: center } .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-2 .wrap-both .wrap-text .wrap-otros .pie-noticia, .MODULO .MODULO-OPINION-7 .first-wrap .contenedores.container-3 .wrap-both .wrap-text .wrap-otros .pie-noticia { justify-content: center } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit { width: 100% } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2.top-title { margin-bottom: 1em } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit .art-entradilla { border-bottom: 1px solid #d9d9d9; margin-bottom: .5em; padding-bottom: .5em } .wrap-listado-noticias ul { margin-top: 0; margin-bottom: 1.2em !important } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor .autor-foto { flex: 1 0 calc(20% - 1em); margin-right: 0em } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor ul { flex: 1 0 calc(80% - 1em); margin: 0 } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo ul { margin: 1.5em 0 } .wrap-FICHA-ARTICULO .BN-intermedio-especial div>img { opacity: .3 } .wrap-FICHA-ARTICULO .BN-intermedio-especial { margin-bottom: 1em } #taboola-below-article-thumbnails { padding-top: 1.5em !important } .tbl-feed-card { min-height: 352px } .BN .thumbnails-a .trc_rbox_header { margin-bottom: 1em !important } .wrap-FICHA-ARTICULO .container .BN { margin-bottom: 1em } .lo-mas-leido-cabecero { margin-bottom: 0 !important } .wrap-FICHA-ARTICULO .mas-informacion ul li { padding: 8px .5em 8px 0em } .wrap-FICHA-ARTICULO.ARTICULO_EN_DIRECTO .mas-informacion { margin-bottom: 0 } .MODULO_XL_OVER .entradilla { font-size: 1.1rem } .MODULO .MODULO_HORIZ_1 article .wrap-both .wrap-text header { margin-top: 8px } .btn-usuario .wrap-img { width: 30px; height: 30px; border-radius: 30px } .btn-usuario .wrap-img img { filter: grayscale(0); -webkit-filter: grayscale(0) } .area-usuario .content-container .content .tipo-newsletter { gap: 0 } .area-usuario .content-container .content .tipo-newsletter .tipo { font-size: 18px } .barra-compartir-articulo .a2a_kit { margin-left: 0 } #slide-out .collapsible-body ul li a::after { left: 14px } .MODULO h2 { font-size: 1.25rem !important } .MODULO .wrap-both .wrap-text .entradilla { font-size: 1rem } .MODULO .third-wrap article .wrap-both .wrap-text { margin-bottom: 0em } } div#content-sticky { display: none; z-index: 9; position: fixed; bottom: 0; text-align: center; background: #fff; border-top: 1px solid #ccc; width: 100%; padding: .5rem; z-index: 3 } .modalNew#modal-login, .modalNew#modal-registro { border-top: 6px solid var(--primary) !important } .modalNew#modal-login, .modalNew#modal-registro, .modalNew#modal-pass { border-top: 6px solid var(--color-4); background-color: var(--neutral-white) } .modalNew#modal-pass .modal-footer button { margin-left: auto } .modalNew h5 { font-family: var(--font-1); font-weight: var(--fw-700); font-size: 2rem } .modalNew p.lead { color: var(--neutral-black); font-family: var(--font-2); font-weight: var(--fw-400); margin-top: 0; font-size: 18px } .modalNew .Formulario input { color: var(--neutral-gray-1); font-weight: var(--fw-400); font-family: var(--font-2) } .modalNew .Formulario input+label { color: var(--neutral-gray-2); font-weight: var(--fw-400); font-family: var(--font-2) } .modalNew .modal-close { color: var(--neutral-black); font-family: var(--font-2); font-weight: var(--fw-400); font-size: 16px } .modalNew .modal-close.close-btn { display: flex; align-items: center; justify-content: flex-end; padding: 12px } .modalNew form p:last-child { position: relative } .modalNew form p:last-child::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); width: 100%; height: 1px; background-color: var(--neutral-gray-2) } .modalNew form p:last-child small { background: var(--neutral-white); position: relative; z-index: 2; padding: .75em 0; padding-left: 8px; padding-right: 8px; color: var(--neutral-gray-2); font-family: var(--font-2); font-weight: var(--fw-400); font-size: 16px } .modalNew .Formulario .btn_primary_outline_acceso:first-child { margin-bottom: 12px !important } .modalNew .modal-footer { background-color: var(--neutral-white) !important; height: auto; padding: .75rem; border-top: solid 1px var(--neutral-gray-3) } .modalNew .modal-footer p { color: var(--neutral-gray-1); font-family: var(--font-2); font-weight: var(--fw-400); font-size: 16px; margin: 0 !important } .modalNew .modal-close.link_primary { color: var(--primary) } .modalNew .Formulario .select-wrapper+label { color: var(--neutral-gray-2); font-family: var(--font-2); font-weight: var(--fw-400); font-size: 16px } .modalNew .select-wrapper span.caret { top: 30px; height: 100%; z-index: 2; color: var(--neutral-gray-1) } #modal-denuncia .modal-content h6, #modal-pass .modal-content h6 { background: var(--primary); color: var(--neutral-white); font-family: var(--font-1); font-weight: var(--fw-700) } #modal-denuncia .modal-content h6:after, #modal-pass .modal-content h6:after { border-color: var(--primary) #fff0 #fff0 } #modal-pass p { color: var(--neutral-black); font-family: var(--font-2); font-weight: var(--fw-400); font-size: 18px } div:where(.swal2-container) h2:where(.swal2-title) { color: var(--neutral-gray-1) !important; font-family: var(--font-1) !important } div:where(.swal2-container) .swal2-html-container { font-family: var(--font-2) !important } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) { background-color: var(--primary) !important } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible { box-shadow: 0 0 0 3px rgb(28 159 0 / 50%) !important } @media (max-width:991px) { .wrap-HEADER .wrap-CORP .container .CORP-right #bloque_botones_invitado .icon-acceso-sm { display: inline-block; width: 30px; height: 30px; text-align: center; align-content: center } .wrap-HEADER .wrap-CORP .container .CORP-right #bloque_botones_invitado .icon-acceso-sm svg { margin: auto } .CONTENIDO-DER .wrap-SIMPLE { margin-top: 24px } } @media (max-width:768px) { .modalNew .modal-content { padding: 12px 4px } .modalNew#modal-login, .modalNew#modal-registro, .modalNew#modal-pass { top: 0 !important; margin: 0; width: 100%; max-width: 100%; min-height: 100vh; z-index: 9999999 } .modalNew#modal-pass { border: 0 } .modalNew form p:last-child small { font-size: 13px } .wrap-HEADER .wrap-CORP .container .wrap-logo { height: 35px } .wrap-HEADER .wrap-CORP { padding: 8px } .wrap-HEADER .wrap-CORP .container .CORP-right { gap: 4px } .modalNew .Formulario input[type="checkbox"]+label { padding-left: 30px; height: auto; line-height: normal; text-align: left; margin-bottom: 8px } #modal-login .modal-footer { margin-top: 12px } .modalNew p.lead { margin-bottom: 0 !important } #modal-registro.modalNew h2 { margin-top: 0 } .MODULO .first-wrap { margin-bottom: 0 } .MODULO_1_3_1_2 { margin-bottom: 0 } .MODULO article { margin-bottom: 1.35rem !important; border-bottom: 0 !important } .MODULO_1_3_1_2 .first-wrap .wrap_one article .wrap-media { display: block } .MODULO_GRIDTAB { margin-bottom: 1.5rem } .MODULO_1_3_1_2 .first-wrap .wrap_one .wrap-otros .pie-noticia { justify-content: flex-start } div#content-sticky { display: block } .MODULO_1_4_3 .sec-wrap .wrap_two { display: flex; flex-wrap: wrap; gap: 1rem } .MODULO_1_4_3 .sec-wrap .wrap_two article { flex: 1 0 calc(50% - 1rem); margin-bottom: 1em !important } .MODULO h2 { font-size: 1.7em } .MODULO-OPINION.MODULO-OPINION-5 .first-wrap .container-2 { align-items: flex-start } .MODULO-OPINION.MODULO-OPINION-5 .first-wrap { gap: 1rem } .MODULO-OPINION .first-wrap .contenedores.container-1 .wrap-both .wrap-text header { margin-top: 0 } .MODULO-OPINION .first-wrap .contenedores.container-1 .wrap-both { gap: 12px } .wrap-PAGINA-CORPORATIVA .CONTENIDO-PAGINA ol { margin-bottom: 0; padding-left: 24px } .wrap-PAGINA-CORPORATIVA .CONTENIDO-PAGINA p { margin-bottom: 1em; text-align: left } .wrap-HEADER.pinned .wrap-CORP .container .wrap-logo { height: 31px } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-autor .publicado { flex-direction: column } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo p, .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo p+p { text-align: left !important } .MODULO_1_1_3 { padding-bottom: 0 } } @media (min-width:1440px) { .ad-wrapper-side { display: block; position: relative; z-index: 3; overflow-x: visible; height: 1px; top: 185px; flex: 0 0 auto; width: 100%; transition: top 0.3s ease-in; max-width: 1520px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); left: 50% } .ad-wrapper-side-left, .ad-wrapper-side-right { position: absolute; z-index: 1; margin: 0 auto; background-color: #fff0; height: 100%; height: 600px; width: 160px } .ad-wrapper-side-left { left: -12px; top: 0 } .ad-wrapper-side-right { right: -12px; top: 0 } .ad-wrapper-side-left .ad { float: left; overflow: hidden } .ad-wrapper-side-right .ad { float: right; overflow: hidden } .ad-wrapper-side.fix-top { position: fixed; opacity: 1; transition: opacity 0.4s ease; top: 75px } .ad-wrapper-side.fix-top.cerca-footer { opacity: 0 } .ad-container { text-align: center } .container-mega { align-content: center; display: flex; align-items: center; justify-content: center; margin-top: 15px } .container-mega>aside { max-width: 980px; width: 100% } .container-mega .BN { max-width: 980px } } @media(max-width:1439px) { .ad-wrapper-side { display: none } } .LISTADO_BUSQUEDA .MODULO .MODULO_M .sec-wrap article .wrap-both .wrap-text { width: 100% !important } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo p a { color: var(--primary) !important; text-decoration: underline } .cabecero-redactor { position: relative; width: 100%; min-height: 250px; margin-bottom: 36px; background: #0ba568; background: -moz-linear-gradient(90deg, #0ba568 35%, #0db15f 100%); background: -webkit-linear-gradient(90deg, #0ba568 35%, #0db15f 100%); background: linear-gradient(90deg, #0ba568 35%, #0db15f 100%) } .cabecero-redactor .bg-icon { position: absolute; top: 0; bottom: 0; height: 100%; width: auto; left: 50px; z-index: 0; opacity: .5 } .cabecero-redactor .contenedor-redactor-datos { width: 100%; max-width: 850px; margin: auto; padding: 24px; padding-bottom: 0; position: relative; z-index: 1; height: 100%; display: flex; align-items: end; gap: 24px } .cabecero-redactor .contenedor-redactor-datos img { height: 200px; width: 200px; max-height: 200px; border-radius: 200px; filter: grayscale(1); -webkit-filter: grayscale(1) } .cabecero-redactor .contenedor-redactor-datos .datos-redactor { padding: 24px; background: #fff } .cabecero-redactor .contenedor-redactor-datos .nombre { margin: 1rem 0; text-align: start; color: var(--neutral-gray-1); font-family: var(--font-1); font-size: 22px; line-height: 24px; font-weight: 700; text-transform: uppercase } .cabecero-redactor .contenedor-redactor-datos .departamento { margin: 1rem 0; text-align: start; color: var(--neutral-gray-2); font-family: var(--font-2); font-size: 16px; line-height: 18px; font-weight: 500 } .cabecero-redactor .contenedor-redactor-datos .descripcion { margin: 1rem 0; text-align: start; color: var(--neutral-gray-1); font-family: var(--font-2); font-size: 18px; line-height: 24px; font-weight: 400 } .cabecero-redactor .contenedor-redactor-datos .redes-sociales { display: flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100% } .cabecero-redactor .contenedor-redactor-datos .redes-sociales li a { text-decoration: none } .cabecero-redactor .contenedor-redactor-datos .redes-sociales li a svg { max-width: 14px; min-width: 14px; min-height: 16px; height: 16px } .cabecero-redactor .contenedor-redactor-datos .redes-sociales li a svg path { fill: var(--neutral-gray-1) } .cabecero-subportadas { width: 100% } .cabecero-subportadas h1 { text-transform: capitalize !important; margin: 1px 0; display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: center; width: 100%; padding-left: 0; font-size: 1.5em; position: relative; text-align: left; margin-bottom: 1em !important; font-weight: 400; font-family: var(--font-2); line-height: 26px; color: var(--neutral-gray-1); border-bottom: 0; letter-spacing: .2em; font-size: 1.5em } .cabecero-subportadas h1::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); width: 100%; height: 1px; background-color: var(--neutral-gray-1) } .cabecero-subportadas h1 span { background: var(--neutral-white); position: relative; z-index: 2; padding-left: 16px; padding-right: 16px } .cabecero-subportadas .sub-subportadas { width: 100% } .cabecero-subportadas .sub-subportadas ul { width: 100%; margin-bottom: 48px; display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap } .cabecero-subportadas .sub-subportadas ul li a { font-family: var(--font-2); font-style: italic; color: var(--neutral-gray-1); font-weight: 400; text-decoration: none } .tag { width: 100%; margin-bottom: 48px; display: flex; align-items: center; justify-content: center } .tag h1 { width: fit-content; padding: 8px 16px; background-color: var(--primary); color: var(--neutral-white); font-family: var(--font-2); font-weight: 700; letter-spacing: .2em; line-height: 28px; font-size: 24px; margin: 0; text-align: center } .MODULO_XXL_NUEVO .first-wrap .wrap-text .wrap-otros .pie-noticia { justify-content: center } @media (max-width:767px) { .cabecero-redactor .contenedor-redactor-datos { padding: 24px 1px; padding-bottom: 1px; gap: 12px; flex-direction: column; align-items: center } .cabecero-subportadas .sub-subportadas ul { width: 100%; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo iframe { width: auto !important } .formulario-listado-busqueda { padding: 0 } .formulario-listado-busqueda h4 { margin-bottom: 0 } .formulario-listado-busqueda .input-field.col label { position: unset } #boton-cargar-mas { margin-bottom: 36px } .busqueda-avanzada, .noticias-relacionadas { font-size: 18px } .tag { margin-bottom: 24px; margin-top: 16px } .tag h1 { line-height: 22px; font-size: 18px } .dest-color-1 .MODULO_1_1_4 .first-wrap .wrap-text h2, .dest-color-1 .MODULO_1_1_4 .first-wrap .wrap-text a, .dest-color-1 .MODULO_1_1_4 .first-wrap .wrap-text div, .dest-color-2 .MODULO_1_1_4 .first-wrap .wrap-text h2, .dest-color-2 .MODULO_1_1_4 .first-wrap .wrap-text a, .dest-color-2 .MODULO_1_1_4 .first-wrap .wrap-text div, .dest-color-3 .MODULO_1_1_4 .first-wrap .wrap-text h2, .dest-color-3 .MODULO_1_1_4 .first-wrap .wrap-text a, .dest-color-3 .MODULO_1_1_4 .first-wrap .wrap-text div { color: var(--neutral-white) !important } } .modal-overlay { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); background-color: rgb(0 0 0 / .5); opacity: 1 !important } #content-sticky iframe, #content-sticky div, .BN div, .BN iframe, .BN iframe html { margin: auto !important } .container-mega { width: 100% } #modal-politicas { max-width: 911px } #modal-politicas .modal-content { padding: 0; display: flex; align-items: flex-start; justify-content: flex-start; gap: 0; flex-direction: column } #modal-politicas .modal-content .bloque-superior { display: flex; align-items: stretch; justify-content: flex-start; gap: 0; flex-direction: row; width: 100% } #modal-politicas .modal-content .bloque-superior .superior-izq, #modal-politicas .modal-content .bloque-superior .superior-der { width: 50% } #modal-politicas .modal-content .bloque-superior .superior-izq { padding: 48px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 48px } #modal-politicas .modal-content .bloque-superior .superior-izq .titulo { font-family: var(--font-1); font-size: 32px; line-height: normal; font-weight: 700; color: var(--neutral-gray-1); margin: 0 } #modal-politicas .modal-content .bloque-superior .superior-izq .titulo span { color: var(--primary) } #modal-politicas .modal-content .bloque-superior .superior-izq .cuerpo { font-family: var(--font-2); font-size: 16px; line-height: normal; font-weight: 400; color: var(--neutral-gray-1); margin: 0 } #modal-politicas .modal-content .bloque-superior .superior-der .sup { width: 100%; height: 65%; background-image: url(../img/decor/bg-sus-01.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } #modal-politicas .modal-content .bloque-superior .superior-der .inf { width: 100%; padding: 48px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 24px; background-image: url(../img/decor/bg-sus-02.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 35% } #modal-politicas .modal-content .bloque-inferior { background-color: #d9d9d9; padding: 48px; width: 100%; display: flex; align-items: center; justify-content: center } #modal-politicas .modal-content .bloque-inferior p { color: var(--neutral-gray-2); font-family: var(--font-2); font-weight: 400; line-height: normal; font-size: 12px; text-align: left; margin: 0 } @media (max-width:767px) { #modal-politicas { top: 50% !important; width: 95%; max-height: 100%; transform: translate(0, -50%) !important } #modal-politicas .modal-content .bloque-superior { flex-direction: column } #modal-politicas .modal-content .bloque-superior .superior-izq { padding: 24px; gap: 24px; width: 100% } #modal-politicas .modal-content .bloque-superior .superior-der { width: 100% } #modal-politicas .modal-content .bloque-superior .superior-der .sup { display: none } #modal-politicas .modal-content .bloque-superior .superior-der .inf { height: 120px } #modal-politicas .modal-content .bloque-inferior { padding: 24px } } .container-mega { width: 100%; position: relative; z-index: 3; max-width: fit-content; margin: auto } .wrap-HEADER { z-index: 4 } .container { position: relative; z-index: 3 } @media (max-width:767px) { div#content-sticky { z-index: 4147483647 } } .wrap-iframes { display: flex; align-items: flex-start; justify-content: center; gap: 24px; flex-wrap: wrap; width: 100% } .wrap-iframes .wrap__ { width: calc(33% - 16px) } .wrap-iframes .wrap__ iframe { width: 100% !important } @media (max-width:991px) { .wrap-iframes .wrap__:first-child { width: 100% !important } .wrap-iframes .wrap__:first-child iframe section { margin-bottom: 0 !important } .wrap-iframes .wrap__ { width: calc(50% - 12px) } } @media (max-width:767px) { .wrap-iframes { gap: 12px; margin-bottom: 1rem } .wrap-iframes .wrap__ { width: 100% } .wrap-iframes .wrap__ iframe section { margin-bottom: 0 !important } .toggle-comments { flex-direction: column; gap: 8px } } @media only screen and (min-width:993px) { .MODULO_1_4 .sec-wrap article .wrap-both .firma-hibrida { margin-right: 1em; margin-left: 0 } .MODULO_1_4 .sec-wrap article .wrap-both .wrap-text header h2 a { text-align: left !important } .MODULO_1_4 .sec-wrap article.articulo-opinion .wrap-both { align-items: center } } .MODULO_70_TOTAL { display: flex; gap: 1rem } .MODULO_70_TOTAL .sec-wrap { flex-direction: column; width: 30%; flex: initial } .MODULO_70_TOTAL .first-wrap { flex-direction: column; width: 70%; flex: initial } .MODULO .MODULO_70_TOTAL .sec-wrap article { border-bottom: 1px solid grey; margin-bottom: 0 !important; padding-bottom: 1rem } .MODULO .MODULO_70_TOTAL .sec-wrap article:last-child { margin-right: 2em; border: 0 } .MODULO_70_TOTAL .sec-wrap article .wrap-media { display: none } .MODULO_70_TOTAL .sec-wrap article:last-child .wrap-media { display: block } .MODULO_70_TOTAL .sec-wrap article:first-child h2 { font-size: 1.5em } .MODULO_70_TOTAL .sec-wrap article:last-child .wrap-both { display: flex; flex-direction: row } .MODULO_70_TOTAL .sec-wrap article:last-child .wrap-both .wrap-media { order: 2; width: 100% } .MODULO_70_TOTAL .sec-wrap article:last-child .wrap-both .wrap-text { order: 1 } .MODULO_30_COLMENA { display: flex; gap: 1rem } .MODULO_30_COLMENA .first-wrap { display: flex; gap: 1rem; width: 60%; flex: initial; border-right: 1px solid grey; padding-right: 1rem } .MODULO_30_COLMENA .sec-wrap { flex: initial; gap: 1rem; width: 40% } .MODULO_30_COLMENA .sec-wrap article:first-child { border-right: 1px solid grey; padding-right: 1rem; margin: 0 } .MODULO_30_COLMENA .first-wrap .wrap-both { display: flex; gap: 1rem; flex: initial } .MODULO_30_COLMENA .first-wrap .wrap-both .wrap-text { order: 1; width: 50% } .MODULO_30_COLMENA .first-wrap .wrap-both .wrap-media { width: 50%; order: 2 } .MODULO_25_COLMENA { display: flex; gap: 1rem } .MODULO_25_COLMENA .first-wrap { display: flex; flex-direction: row; flex-wrap: wrap; width: 50%; flex: initial; padding-right: 1rem } .MODULO_25_COLMENA .sec-wrap { width: 50%; display: flex; flex-direction: column; flex: initial } .MODULO_25_COLMENA article { margin-right: 0 !important; border-bottom: 1px solid grey; padding-bottom: 1rem !important; padding-top: 1rem !important; margin-bottom: 0 !important } .MODULO .MODULO_25_COLMENA .sec-wrap article:first-child { margin-right: 0 !important; border-bottom: 1px solid grey; padding-bottom: 1rem !important; padding-top: 1rem !important; margin-bottom: 0 !important } .MODULO_25_COLMENA article h2 { font-size: 1.2em !important; margin-top: 0 !important } .MODULO_25_COLMENA .sec-wrap .wrap-both header { margin-top: 0 !important } .MODULO_25_COLMENA .wrap-both { display: flex; flex-direction: row !important; gap: 1rem } .MODULO_25_COLMENA .wrap-both .wrap-text { width: 57%; flex: initial; order: 1 } .MODULO_25_COLMENA .wrap-both .wrap-media { width: 53% !important; flex: initial; order: 2 } .MODULO_30_30_30 .sec-wrap { display: flex; flex-direction: row } .MODULO_30_30_30 article { width: 33% } .MODULO_70_15_30 { display: flex; gap: 1rem } .MODULO_70_15_30 .sec-wrap { display: flex; flex-direction: column; width: 50%; flex: initial } .MODULO_70_15_30 .first-wrap { display: flex; flex-direction: column; width: 50%; flex: initial } .MODULO_70_15_30 .sec-wrap article:nth-child(1) .wrap-media, .MODULO_70_15_30 .sec-wrap article:nth-child(2) .wrap-media { display: none } .MODULO_70_15_30 .sec-wrap article:nth-child(3) .wrap-both, .MODULO_70_15_30 .sec-wrap article:nth-child(4) .wrap-both { display: flex; flex: initial; flex-direction: row } .MODULO_70_15_30 .sec-wrap article { margin-right: 0 !important } .MODULO_70_15_30 .sec-wrap article:nth-child(3) .wrap-both .wrap-media, .MODULO_70_15_30 .sec-wrap article:nth-child(4) .wrap-both .wrap-media { width: 30%; flex: initial } .MODULO_70_15_30 .sec-wrap article:nth-child(3) .wrap-both .wrap-text, .MODULO_70_15_30 .sec-wrap article:nth-child(4) .wrap-both .wrap-text { width: 70%; flex: initial; padding-left: 1rem } .MODULO_70_30_15 { display: flex; flex-direction: row; gap: 2rem } .MODULO_70_30_15 .sec-wrap { display: flex; flex-direction: column; width: 30%; flex: initial; height: fit-content } .MODULO_70_30_15 .first-wrap { display: flex; flex-direction: column; width: 70%; flex: initial } .MODULO_70_30_15 .sec-wrap .wrap-media { display: none } .MODULO_70_30_15 .sec-wrap article:first-child .wrap-media { display: block; width: 70%; margin: 0 auto } .MODULO_70_15_slider { display: flex; flex-direction: column; gap: 1rem; flex-wrap: wrap } .MODULO_70_15_slider .first-wrap .wrap-both { float: left; height: 100%; min-height: 420px; overflow: hidden; position: relative; width: 100% } .MODULO_70_15_slider .first-wrap .wrap-media { height: 100%; left: 0; position: relative; top: 0; width: 62.5% } .MODULO_70_15_slider .first-wrap .wrap-text { position: absolute !important; top: 50%; right: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: var(--neutral-gray-4); color: var(--neutral-gray-1) !important; min-height: 1px; float: right; margin-bottom: 2em; margin-left: -12.5%; margin-top: 40px; padding: 20px 40px 30px; position: relative; width: 50%; z-index: 1 } .MODULO_70_15_slider .sec-wrap { flex-direction: row; width: 100% } .MODULO_70_15_slider .sec-wrap .wrap-media { display: none } .MODULO_70_15_slider .slider-x4 article { margin-right: 2em } .MODULO_70_15_slider .slider-x4 article h2 { font-size: 1.3rem } .MODULO_70_15_slider .slider-x4 article .entradilla { display: none } .MODULO_70_25_25 { display: flex; gap: 1rem } .MODULO_70_25_25 .first-wrap { width: 50%; flex: initial } .MODULO_70_25_25 .sec-wrap { width: 50%; flex-direction: column; flex: initial } .MODULO_70_25_25 .sec-wrap article:last-child { margin-right: 2em } .MODULO_70_25_25 .sec-wrap .wrap-both { flex-direction: row !important; gap: 1rem } .MODULO_70_25_25 .sec-wrap .wrap-both .wrap-media { width: 30% } .MODULO_70_25_25 .sec-wrap .wrap-both .wrap-text { width: 70% } .MODULO_70_25_25 .sec-wrap .wrap-both .wrap-text header { margin-top: 0 !important } @media(max-width:992px) { .MODULO_70_15_slider .first-wrap .wrap-text { position: absolute !important; top: 50%; right: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -100%); background: var(--neutral-gray-4); color: var(--neutral-gray-1) !important; min-height: 1px; float: right; margin-bottom: 2em; margin-left: -12.5%; margin-top: 40px; padding: 20px 40px 30px; position: relative; width: 50%; z-index: 1 } } @media(max-width:768px) { .MODULO_70_15_slider { display: flex; flex-direction: column; gap: 1rem; flex-wrap: wrap } .MODULO_70_15_slider .first-wrap .wrap-both { float: initial; height: 100%; min-height: 1px; overflow: hidden; position: relative; width: 100% } .MODULO_70_15_slider .first-wrap .wrap-media { min-height: 1px; left: 0; position: relative; top: 0; width: 100% } .MODULO_70_15_slider .first-wrap .wrap-text { position: relative !important; top: initial; right: 0; transform: initial; -webkit-transform: initial; background: white !important; color: var(--neutral-gray-1) !important; min-height: 1px; float: initial; margin-bottom: 0em; margin-left: 0%; margin-top: 0; padding: 0; padding-top: 1rem; position: relative; width: 100%; z-index: 1 } .MODULO_70_25_25 { display: flex; flex-direction: column; gap: 1rem } .MODULO_70_25_25 .first-wrap { width: 100%; flex: initial } .MODULO_70_25_25 .sec-wrap { width: 100%; flex-direction: column; flex: initial } .MODULO_70_25_25 .sec-wrap article:last-child { margin-right: 0 !important } .MODULO_70_25_25 .sec-wrap .wrap-both { flex-direction: row !important; gap: 1rem } .MODULO_70_25_25 .sec-wrap .wrap-both .wrap-media { width: 53% } .MODULO_70_25_25 .sec-wrap .wrap-both .wrap-text { width: 57% } .MODULO_70_25_25 .sec-wrap .wrap-both .wrap-text header { margin-top: 0 !important } } @media (max-width:768px) { .MODULO_70_25_25 .sec-wrap .wrap-both .wrap-text header, .MODULO_25_COLMENA .sec-wrap .wrap-both header { margin-top: 0 !important } .MODULO_70_TOTAL { display: flex; flex-direction: column } .MODULO_70_TOTAL .sec-wrap { flex-direction: column; width: 100%; flex: initial; border-right: 0 } .MODULO_70_TOTAL .sec-wrap article { border-bottom: 1px solid grey !important; margin: 0; padding-bottom: 1rem; padding-top: 1rem } .MODULO_70_TOTAL .sec-wrap .wrap-both header { margin-bottom: .5em; margin-top: 0 } .MODULO_70_TOTAL .first-wrap { flex-direction: column; width: 100%; flex: initial } .MODULO .MODULO_70_TOTAL .sec-wrap article:last-child { margin-right: 0 } .MODULO_70_TOTAL .sec-wrap article:last-child .wrap-both .wrap-media { flex: initial } .MODULO_70_TOTAL .sec-wrap article:first-child .wrap-both { flex-direction: column; gap: 1rem } .MODULO_70_TOTAL .first-wrap article:first-child .wrap-both { flex-direction: column; gap: 1rem; display: flex } .MODULO_70_TOTAL .sec-wrap article:first-child .wrap-media { display: block; order: 1 } .MODULO_70_TOTAL .sec-wrap article:first-child .wrap-text { order: 2 } .MODULO .MODULO_70_TOTAL .first-wrap article:first-of-type h2 { font-weight: 400 !important; font-size: 1.25rem !important } .MODULO .MODULO_70_TOTAL .sec-wrap article:first-of-type h2 { font-weight: 700 !important; font-size: 1.75rem !important } .MODULO_30_COLMENA { display: flex; flex-direction: column; gap: 1rem } .MODULO_30_COLMENA .first-wrap { display: flex; gap: 1rem; width: 100%; flex: initial; border-right: 0; padding-right: 0 } .MODULO_30_COLMENA .sec-wrap { flex: initial; gap: 1rem; width: 100%; flex-direction: row } .MODULO_30_COLMENA .sec-wrap article { flex: initial; width: 50% } .MODULO_30_COLMENA .sec-wrap article:first-child { padding-right: 1rem; margin: 0 } .MODULO_30_COLMENA .first-wrap .wrap-both { display: flex; flex-direction: column; gap: 1rem; flex: initial } .MODULO_30_COLMENA .first-wrap .wrap-both .wrap-text { order: 2; width: 100% } .MODULO_30_COLMENA .first-wrap .wrap-both .wrap-media { width: 100%; order: 1 } .MODULO_25_COLMENA { display: flex; gap: 1rem; flex-direction: column } .MODULO_25_COLMENA .first-wrap { display: flex; flex-direction: row; flex-wrap: wrap; border-right: 0; width: 100%; flex: initial; padding-right: 0 } .MODULO_25_COLMENA .sec-wrap { width: 100%; display: flex; flex-direction: column; flex: initial } .MODULO_25_COLMENA .wrap-both .wrap-media { width: 30% !important; flex: initial !important; order: 2; margin-right: 0 !important } .MODULO_25_COLMENA article { border-bottom: 1px solid grey !important } .MODULO_30_30_30 .sec-wrap { display: flex; flex-direction: column; visibility: visible !important } .MODULO_30_30_30 article { width: 100%; border-bottom: 1px solid grey !important; margin-bottom: 0 !important; padding: 1rem 0 !important } .MODULO_30_30_30 article .wrap-both { display: flex; flex-direction: row !important; gap: 10px } .MODULO_30_30_30 article .wrap-both .wrap-media { width: 35%; flex: initial } .MODULO_30_30_30 article .wrap-both .wrap-text { width: 57%; flex: initial } .MODULO_70_15_30 { display: flex; gap: 1rem; flex-direction: column } .MODULO_70_15_30 .sec-wrap { display: flex; flex-direction: column; width: 100%; flex: initial } .MODULO_70_15_30 .first-wrap { display: flex; flex-direction: column; width: 100%; flex: initial } .MODULO_70_30_15 { display: flex; flex-direction: column; gap: 0rem } .MODULO_70_30_15 .sec-wrap { display: flex; flex-direction: column; width: 100%; flex: initial } .MODULO_70_30_15 .first-wrap { display: flex; flex-direction: column; width: 100%; flex: initial } .MODULO_70_30_15 .sec-wrap .wrap-media { display: none } .MODULO_70_30_15 .sec-wrap article:first-child .wrap-both .wrap-media { display: block; width: 53%; margin: 0 auto } .MODULO_70_30_15 .sec-wrap article:first-child .wrap-both .wrap-text { width: 57% } .MODULO_70_30_15 .sec-wrap article:first-child .wrap-both { display: flex; flex-direction: row !important; gap: 10px; width: 100%; margin: 0 auto } .MODULO_70_15_slider { display: flex; flex-direction: column; gap: 1rem; flex-wrap: wrap } .MODULO_70_15_slider .first-wrap .wrap-both { float: initial; height: 100%; min-height: 1px; overflow: hidden; position: relative; width: 100% } .MODULO_70_15_slider .sec-wrap { flex-direction: column; width: 100% } .MODULO_70_15_slider .sec-wrap .wrap-media { display: none } .MODULO_70_15_slider .slider-x4 article { margin-right: 2em } .MODULO_70_15_slider .slider-x4 article h2 { font-size: 1.3rem } .MODULO_70_15_slider .slider-x4 article .entradilla { display: none } } .MODULO_70-hombrillo { display: flex } .MODULO .MODULO_70-hombrillo .sec-wrap { flex-direction: column !important; justify-content: space-between } .MODULO .MODULO_70-hombrillo .sec-wrap article .wrap-both { flex-direction: row } .MODULO_70-hombrillo .sec-wrap { border-bottom: none; flex: initial !important; width: 50%; padding-bottom: 0 } .MODULO_70-hombrillo .sec-wrap article:last-child { margin-right: 2em !important } .MODULO_70-hombrillo .first-wrap { border-bottom: none; flex: initial !important; width: 50% !important } .MODULO_70-hombrillo .first-wrap .img-wrap { padding-bottom: 40% } .MODULO_70-hombrillo .sec-wrap { display: block; flex: initial; flex-direction: column } .MODULO_70-hombrillo .sec-wrap .wrap-both header { margin-top: 0 !important } .MODULO_70-hombrillo .sec-wrap article .wrap-both .wrap-media { flex: initial !important; margin-right: 1em !important } .MODULO_70-hombrillo .wrap-text .nombre_redactor { display: none } .MODULO_70-hombrillo .sec-wrap article .wrap-both .wrap-text h2, .MODULO_70-hombrillo .third-wrap article .wrap-both .wrap-text h2 { margin-top: 0 } .MODULO .MODULO_70-hombrillo .wrap-both .wrap-text .wrap-otros .contenedor-comentarios { display: none } .MODULO .MODULO_70-hombrillo .third-wrap { display: none } @media (max-width:768px) { .MODULO_70-hombrillo h2 a { font-size: .8em; line-height: initial } .MODULO_70-hombrillo { display: flex; flex-direction: column; gap: 1rem } .MODULO_70-hombrillo .wrap_two .wrap-both { display: flex; flex-direction: column !important } .MODULO_70-hombrillo .sec-wrap .wrap_two { display: flex; flex-wrap: wrap !important } .MODULO_70-hombrillo .sec-wrap .wrap_two article { flex: initial; width: 50%; margin-bottom: 1em !important; margin-right: 0 !important; padding: 1rem } .MODULO_70-hombrillo .first-wrap { border-bottom: none; flex: initial !important; width: 100% !important; padding-right: 0em } .MODULO .MODULO_70-hombrillo .sec-wrap article .wrap-both { flex-direction: column !important } .MODULO_70-hombrillo .sec-wrap { width: 100% !important } .MODULO .MODULO_70-hombrillo .sec-wrap article .wrap-both .wrap-media, .MODULO .MODULO_70-hombrillo .third-wrap article .wrap-both .wrap-media { width: 100%; flex: 1; max-width: 100% } .MODULO .MODULO_70-hombrillo .sec-wrap article .wrap-both .wrap-media .img-wrap, .MODULO .MODULO_70-hombrillo .third-wrap article .wrap-both .wrap-media .img-wrap { padding-bottom: 56% !important } } .MODULO_70-25-15 .third-wrap article .wrap-both { gap: 2rem } .MODULO_70-25-15 .third-wrap article .wrap-both .wrap-media { width: 50%; flex: unset !important; margin-bottom: unset !important; margin-right: unset !important } .MODULO_70-25-15 .third-wrap article .wrap-both .wrap-text { width: 50%; display: flex; flex-direction: column; justify-content: center } @media (max-width:768px) { .MODULO_70-25-15 .third-wrap article .wrap-both { flex-direction: row } .MODULO_70-25-15 .third-wrap article .wrap-both .wrap-text header { margin: 0; margin-top: 1em !important } .MODULO_70-25-15 .sec-wrap { flex-direction: row; justify-content: space-between; gap: 2rem } .MODULO_70-25-15 .sec-wrap article { flex: 1; margin-bottom: 1em; margin-right: 0; padding-bottom: 0 } } .MODULO_35 .sec-wrap article:nth-child(n+4) { display: none } .MODULO_35 .sec-wrap article:nth-of-type(2) .wrap-both { padding: 2rem; background-color: var(--neutral-gray-3) } @media (max-width:768px) { .MODULO_35 .sec-wrap article:nth-child(n+4) { display: initial !important } .MODULO_35 .sec-wrap article:nth-of-type(2) .wrap-both { padding: 0rem; background-color: #fff0 } .MODULO_35 .sec-wrap article.slick-current.slick-active .wrap-both { padding: 2rem; background-color: var(--neutral-gray-3) } .MODULO_35-35-35 .sec-wrap { display: flex; flex: unset !important; flex-direction: unset; margin-right: 0 } .MODULO_35-35-35 .sec-wrap article { padding: 1.8rem; flex: unset; margin-right: 0 } .MODULO_35-35-35 .sec-wrap article:nth-of-type(1) { padding-left: 0 } .MODULO_35-35-35 .sec-wrap article:nth-of-type(3) { padding-right: 0 } .MODULO_35-35-35 .sec-wrap article:nth-of-type(2) { padding: 0; display: flex; flex-direction: column; justify-content: center; background-color: unset; transform: scale(1.2) } .MODULO_35-35-35 .sec-wrap article:nth-of-type(2) .wrap-both { background-color: gray } .MODULO_35-35-35 .sec-wrap article:nth-of-type(2) .wrap-text { background-color: gray } .MODULO_35-35-35 .sec-wrap article .wrap-both { flex-direction: row; padding: 0 1rem } .MODULO_35-35-35 .sec-wrap article .wrap-text { padding: 0 1rem } .MODULO_35-35-35 .sec-wrap article .wrap-both .wrap-media { margin-right: 0 } } .MODULO_50-50-XS { display: flex } .MODULO_50-50-XS .wrap-both { display: flex } .MODULO_50-50-XS .nombre_redactor { display: none } .MODULO_50-50-XS { display: flex; justify-content: space-between } .MODULO_50-50-XS .sec-wrap, .MODULO_50-50-XS .third-wrap { border-bottom: none; flex: initial !important; padding-bottom: 0 } .MODULO_50-50-XS header { margin-top: 0 !important } .MODULO_50-50-XS .sec-wrap article, .MODULO_50-50-XS .third-wrap article { border-bottom: none; padding-bottom: 0 } .MODULO_50-50-XS .sec-wrap article .wrap-both, .MODULO_50-50-XS .third-wrap article .wrap-both { display: flex; flex-direction: row !important } .MODULO_50-50-XS .sec-wrap article .wrap-both .wrap-media, .MODULO_50-50-XS .third-wrap article .wrap-both .wrap-media { flex: initial !important; margin-bottom: 1em; margin-right: 1em !important; width: 55% } .MODULO_50-50-XS .sec-wrap article .wrap-both .wrap-media .img-wrap, .MODULO_50-50-XS .third-wrap article .wrap-both .wrap-media .img-wrap { padding-bottom: 56% !important } .MODULO_50-50-XS .sec-wrap article .wrap-both .wrap-text, .MODULO_50-50-XS .third-wrap article .wrap-both .wrap-text { margin-bottom: 1em } .MODULO_50-50-XS .sec-wrap article .wrap-both .wrap-text h2, .MODULO_50-50-XS .third-wrap article .wrap-both .wrap-text h2 { font-size: 1.414em; margin-top: 0 } .MODULO_50-50-XS .sec-wrap article .wrap-both .wrap-text .entradilla, .MODULO_50-50-XS .third-wrap article .wrap-both .wrap-text .entradilla { display: none !important } .MODULO_70-hombrillo { display: flex } .MODULO .MODULO_70-hombrillo .sec-wrap { flex-direction: column !important; justify-content: space-between; padding-left: 24px } .MODULO .MODULO_70-hombrillo .sec-wrap article .wrap-both { flex-direction: row } .MODULO_70-hombrillo .sec-wrap, .MODULO_70-hombrillo .third-wrap { border-bottom: none; flex: initial !important; padding-bottom: 0 } .MODULO_70-hombrillo .first-wrap { border-bottom: none; flex: initial !important; width: 50%; padding-right: 2em } .MODULO_70-hombrillo .first-wrap .img-wrap { padding-bottom: 40% } .MODULO_70-hombrillo .sec-wrap { display: block; flex: initial; flex-direction: column } .MODULO_70-hombrillo .sec-wrap article .wrap-both .wrap-media { flex: initial !important; margin-right: 1em !important } .MODULO_70-hombrillo .wrap-text .nombre_redactor { display: none } .MODULO_70-hombrillo .sec-wrap article .wrap-both .wrap-text h2, .MODULO_70-hombrillo .third-wrap article .wrap-both .wrap-text h2 { margin-top: 0 } .MODULO .MODULO_70-hombrillo .wrap-both .wrap-text .wrap-otros .contenedor-comentarios { display: none } .MODULO .MODULO_70-hombrillo .third-wrap { display: none } .MODULO_70-25-opi { display: flex; flex-direction: column } .MODULO_70-25-opi .contenedores article { width: calc(51% - 1rem); display: none; margin-top: 15px } .MODULO_70-25-opi .contenedores { display: flex } .MODULO_70-25-opi .contenedores article:first-child { display: block } .MODULO .MODULO_70-25-opi .sec-wrap article .wrap-both, .MODULO .MODULO_70-25-opi .third-wrap article .wrap-both { display: flex; justify-content: center } .MODULO_70-25-opi .contenedores article.articulo-opinion .firma-hibrida { display: flex !important; width: 13%; justify-content: center; margin: 0 28px } .MODULO .MODULO_70-25-opi .third-wrap article .wrap-both .wrap-text { margin-bottom: 0em; margin-top: 3rem } .MODULO .MODULO_70-25-opi .third-wrap { display: flex; flex: 1 0 100%; flex-direction: column; margin-right: 0; margin-top: 1rem; margin-bottom: 1rem } .MODULO_70-opi-25 { display: flex; flex-direction: column } .MODULO_70-opi-25 .contenedores article { width: calc(51% - 1rem); display: none; margin-top: 15px } .MODULO_70-opi-25 .contenedores article:first-child { display: block } .MODULO_70-opi-25 .contenedores article:first-child { display: flex; justify-content: center; width: 100%; padding: 1rem 0 } .MODULO .MODULO_70-opi-25 .sec-wrap article .wrap-both, .MODULO .MODULO_70-opi-25 .third-wrap article .wrap-both { display: flex; justify-content: center } .MODULO_70-opi-25 .contenedores article.articulo-opinion .firma-hibrida { display: flex !important; width: 33%; justify-content: center; margin: 0 28px } .MODULO .MODULO_70-opi-25 .third-wrap article .wrap-both .wrap-text { margin-bottom: 0em; margin-top: 1rem } .MODULO .MODULO_70-opi-25 .third-wrap { display: flex; flex: 1 0 100%; flex-direction: column; margin-right: 0; margin-top: 1rem; margin-bottom: 1rem } .MODULO .MODULO_70-opi-25 .first-wrap { flex: 1; padding-bottom: 0 } .MODULO_70-25-listado { display: flex; gap: 1rem; flex-wrap: wrap } .MODULO .MODULO_70-25-listado .sec-wrap { flex-direction: column !important; justify-content: space-between; width: calc(50% - 1rem) } .MODULO .MODULO_70-25-listado .sec-wrap article .wrap-both { flex-direction: row } .MODULO_70-25-listado .first-wrap { border-bottom: none; flex: initial; width: calc(50% - 1rem) } .MODULO_70-25-listado .sec-wrap article:last-child { margin-right: 2em } .MODULO_70-25-listado .first-wrap .img-wrap { padding-bottom: 40% } .MODULO_70-25-listado .sec-wrap { display: flex; flex: initial; flex-direction: column } .MODULO_70-25-listado .sec-wrap article .wrap-both .wrap-media { flex: 0 0 calc(33% - 1em); margin-right: 1em !important } .MODULO_70-25-listado .wrap-text .nombre_redactor { display: none } .MODULO_70-25-listado .sec-wrap article .wrap-both .wrap-text h2, .MODULO_70-25-listado .third-wrap article .wrap-both .wrap-text h2 { margin-top: 0 } .MODULO .MODULO_70-25-listado .wrap-both .wrap-text .wrap-otros .contenedor-comentarios { display: none } .MODULO .MODULO_70-25-listado .third-wrap { width: 100% } .MODULO .MODULO_70-25-listado .third-wrap article .wrap-both { display: flex; gap: 1rem } .MODULO .MODULO_70-25-listado .third-wrap article .wrap-both .wrap-media { width: 50% } .MODULO .MODULO_70-25-listado .third-wrap article .wrap-both .wrap-text { width: 100% } .MODULO_70-25-listado .first-wrap .wrap-both { margin-bottom: 1rem } .MODULO_70-listado-30 { display: flex; gap: 1rem } .MODULO .MODULO_70-listado-30 .sec-wrap { flex-direction: column !important; justify-content: space-between; width: 50% } .MODULO .MODULO_70-listado-30 .sec-wrap article .wrap-both { flex-direction: row } .MODULO_70-listado-30 .sec-wrap, .MODULO_70-listado-30 .third-wrap { border-bottom: none; flex: initial !important; padding-bottom: 0; width: 50% } .MODULO_70-listado-30 .first-wrap { border-bottom: none; flex: initial !important; width: 50% } .MODULO_70-listado-30 .first-wrap .img-wrap { padding-bottom: 40% } .MODULO_70-listado-30 .sec-wrap { display: block; flex: initial; width: 50%; flex-direction: column } .MODULO_70-listado-30 .sec-wrap article .wrap-both .wrap-media { flex: initial !important; margin-right: 1em !important } .MODULO_70-listado-30 .wrap-text .nombre_redactor { display: none } .MODULO_70-listado-30 .sec-wrap article .wrap-both .wrap-text h2, .MODULO_70-listado-30 .third-wrap article .wrap-both .wrap-text h2 { margin-top: 0 } .MODULO .MODULO_70-listado-30 .wrap-both .wrap-text .wrap-otros .contenedor-comentarios { display: none } .MODULO .MODULO_70-listado-30 .third-wrap { display: none } .MODULO .MODULO_70-listado-30 .sec-wrap article { margin-bottom: 1rem !important } .MODULO .MODULO_70-listado-30 .sec-wrap article .wrap-both .wrap-media { display: none } .MODULO .MODULO_70-listado-30 .sec-wrap article:nth-of-type(3) .wrap-both .wrap-media { display: block; width: 50% } .MODULO .MODULO_70-listado-30 .sec-wrap article:nth-of-type(3) .wrap-both .wrap-text { display: block; width: 50% } .MODULO_70-listado-30 .sec-wrap article:nth-of-type(3) .wrap-both .wrap-media { flex: initial !important; margin-right: 1em !important } .MODULO_FULL { display: flex; flex-wrap: wrap } .MODULO .MODULO_FULL .first-wrap, .MODULO .MODULO_FULL .sec-wrap { display: flex; flex: 1 0 100%; flex-direction: column; margin-right: 0 } .MODULO .MODULO_FULL .third-wrap article { border-bottom: 0 solid hsl(0 0% 59% / .4); flex: 0 0 47%; margin-bottom: 1em; margin-right: 0; padding-bottom: 0 } .MODULO .MODULO_FULL .sec-wrap, .MODULO .MODULO_FULL .third-wrap { display: flex; flex: 1 0 50%; flex-direction: column; margin-right: 0 } .MODULO_FULL .first-wrap article .wrap-both .wrap-media { display: none } .MODULO .MODULO_FULL .sec-wrap { display: flex; flex-direction: row !important } .MODULO .MODULO_FULL .sec-wrap { display: flex; flex-direction: column !important; padding-right: 10px } .MODULO .MODULO_FULL .sec-wrap article:nth-of-type(1) .wrap-both .wrap-media { display: none } .MODULO .MODULO_FULL .sec-wrap article:nth-of-type(2) .wrap-both .wrap-media { display: none } .MODULO .MODULO_FULL .third-wrap { display: flex; flex: 1 0 50%; flex-direction: row; margin-right: 0 } .MODULO .MODULO_FULL .sec-wrap { display: flex; flex: 1 0 12%; flex-direction: column; margin-right: 0 } .MODULO .MODULO_FULL .third-wrap article .wrap-both { display: flex; flex-direction: column !important } .MODULO .MODULO_FULL .third-wrap article:nth-of-type(1) { display: flex; flex: 1 0 50%; flex-direction: row; margin-right: 0 } .MODULO .MODULO_FULL .third-wrap article { border-bottom: 0 solid hsl(0 0% 59% / .4); flex: 0 0 36%; margin-bottom: 1em; margin-right: 0; padding-bottom: 0 } .MODULO .MODULO_70-50-50 .sec-wrap article .wrap-both .wrap-media { flex: 1 0 51%; margin-right: 0 } .MODULO .MODULO_70-50-50 .sec-wrap article .wrap-both { flex-direction: row } .MODULO .MODULO_70-50-50 .sec-wrap article .wrap-both .wrap-media { order: 2 } .MODULO .MODULO_70-50-50 .sec-wrap article:nth-of-type(2) .wrap-both .wrap-text { margin-right: 1rem } .MODULO_70-25-colmena .first-wrap { display: flex } .MODULO_70-25-colmena .first-wrap article:nth-of-type(1) { flex: 1 0 67%; margin-right: 1rem } .MODULO_70-slider .first-wrap { position: relative } .MODULO_70-slider .first-wrap article .wrap-both { height: 450px; position: relative } .MODULO_70-slider .first-wrap article .wrap-both .wrap-media { height: 100%; right: 0; position: absolute; top: 0; width: 62.5% } .MODULO_70-slider .first-wrap article .wrap-both .wrap-text { position: absolute !important; top: 47%; left: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: var(--neutral-gray-4); min-height: 1px; width: 50%; padding: 20px 40px 30px; z-index: 1 } .MODULO_70-slider .sec-wrap .wrap-media { display: none } .MODULO_70-30 { display: flex; gap: 2rem } .MODULO_70-30 .first-wrap { border-bottom: none; flex: unset; margin-bottom: 0; padding-bottom: 0; width: 35% } .MODULO_70-30 .first-wrap article { padding-bottom: 2rem } .MODULO_70-30 .sec-wrap { display: flex; flex: unset; flex-direction: column; margin-right: 0; width: 65% } .MODULO_70-colmena { display: flex; flex-wrap: wrap; background-color: var(--c3); padding: 40px } .MODULO_70-colmena .first-wrap { position: relative; width: 100%; flex: none } .MODULO_70-colmena .first-wrap article .wrap-both { height: 450px; position: relative } .MODULO_70-colmena .first-wrap article .wrap-both .wrap-media { height: 100%; left: 0; position: absolute; top: 0; width: 62.5% } .MODULO_70-colmena .first-wrap article .wrap-both .wrap-text { position: absolute !important; top: 44%; right: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: var(--neutral-gray-4); min-height: 1px; width: 50%; padding: 20px 40px 30px; z-index: 1 } .MODULO_70-colmena .third-wrap { display: flex; flex: none; flex-direction: column; margin-right: 0; width: 48%; border-left: 1px solid var(--neutral-white); margin-left: 1em; padding-left: 1em } .MODULO_70-colmena .third-wrap article { flex: none; margin-bottom: 1em; margin-right: 0; padding-bottom: 0 } .MODULO_70-colmena .sec-wrap { flex: none; position: relative; width: 50% } @media (max-width:768px) { .MODULO_50-50-XS { display: flex; flex-direction: column } .MODULO_50-50-XS .wrap-both { display: flex } .MODULO_50-50-XS .wrap-both { gap: 1rem } .MODULO_50-50-XS .sec-wrap article .wrap-both .wrap-media, .MODULO_50-50-XS .third-wrap article .wrap-both .wrap-media { flex: initial !important; margin-bottom: 1em; margin-right: 1em !important; width: 53% } .MODULO_50-50-XS .wrap-text { width: 57% } .MODULO_70-hombrillo h2 a { font-size: .8em; line-height: initial } .MODULO_70-hombrillo { display: flex; flex-direction: column; gap: 1rem } .MODULO_70-hombrillo .first-wrap { border-bottom: none; flex: initial !important; width: 50%; padding-right: 0em; margin-left: 23px } .MODULO .MODULO_70-hombrillo .sec-wrap { flex-direction: row !important; justify-content: space-between; padding-left: 24px } .MODULO .MODULO_70-hombrillo .sec-wrap article .wrap-both .wrap-media, .MODULO .MODULO_70-hombrillo .third-wrap article .wrap-both .wrap-media { width: 100%; flex: auto; max-width: 100% } .MODULO .MODULO_70-hombrillo .sec-wrap article .wrap-both { flex-direction: column !important } .MODULO .MODULO_70-hombrillo .sec-wrap article { flex: 1 0 45%; margin-bottom: 1em; margin-right: 0; padding-bottom: 0 } .MODULO .MODULO_70-hombrillo .sec-wrap { display: flex; flex: 1 0 100%; flex-direction: row; margin-right: 0; flex-wrap: wrap } .MODULO .MODULO_70-hombrillo .sec-wrap article:nth-of-type(1) { margin-right: 1rem } .MODULO .MODULO_70-hombrillo .sec-wrap article:nth-of-type(3) { margin-right: 1rem } .MODULO_70-25-opi { display: flex; flex-direction: column } .MODULO .MODULO_70-25-opi .sec-wrap article, .MODULO .MODULO_70-25-opi .third-wrap article { flex: 0 0 49%; margin-bottom: 1em; margin-right: 6px; padding-bottom: 0 } .MODULO .MODULO_70-25-opi .sec-wrap, .MODULO .MODULO_70-25-opi .third-wrap { display: flex; flex: 1 0 100%; flex-direction: row; margin-right: 0 } .MODULO .MODULO_70-25-opi .third-wrap article .wrap-both { flex-direction: row } .MODULO_70-25-opi .contenedores article { width: calc(100% - 1rem); display: none; margin-top: 15px } .MODULO_70-25-opi .contenedores { display: block } .MODULO_70-25-opi .contenedores article.articulo-opinion .firma-hibrida { display: flex !important; width: 33%; justify-content: center; margin: 0 28px } .MODULO .MODULO_70-25-opi .third-wrap { display: flex; flex: 1 0 100%; flex-direction: column; margin-right: 0; margin-top: 0rem; margin-bottom: 0rem } .MODULO .MODULO_70-25-opi .third-wrap article .wrap-both .wrap-text { margin-bottom: 0em; margin-top: 0rem } .MODULO .MODULO_70-opi-25 .third-wrap article .wrap-both { display: flex; flex-direction: row; justify-content: center } .MODULO_70-opi-25 .contenedores article.articulo-opinion .firma-hibrida { display: flex !important; width: 33%; justify-content: center; margin: 0 28px } .MODULO .MODULO_70-opi-25 .third-wrap article .wrap-both .wrap-text { margin-bottom: 0em; margin-top: 0rem } .MODULO .MODULO_70-opi-25 .third-wrap { display: flex; flex: 1 0 100%; flex-direction: column; margin-right: 0; margin-top: 0rem; margin-bottom: 1rem } .MODULO_70-opi-25 .sec-wrap article .wrap-both { flex-direction: column !important } .MODULO .MODULO_70-opi-25 .third-wrap article .wrap-both { flex-direction: row !important } .MODULO .MODULO_70-opi-25 .sec-wrap article .wrap-both .wrap-media, .MODULO .MODULO_70-opi-25 .third-wrap article .wrap-both .wrap-media { width: 100%; flex: auto; max-width: 100% } .MODULO_70-opi-25 .sec-wrap { flex-direction: row !important } .MODULO_70-opi-25.opi-torre .sec-wrap { flex-direction: column !important } .MODULO_70-opi-25 .sec-wrap .wrap-media { display: none } .MODULO_70-opi-25.opi-torre .sec-wrap .wrap-media { display: block } .MODULO .sec-wrap article, .MODULO .third-wrap article { flex: .5 } .MODULO_70-25-listado h2 a { font-size: .8em; line-height: initial } .MODULO_70-25-listado { display: flex; flex-direction: column; gap: 1rem } .MODULO_70-25-listado .wrap_one article:nth-of-type(2) .wrap-both { display: flex } .MODULO_70-25-listado .wrap_one article:nth-of-type(2) .wrap-both .wrap-text { margin-left: 1rem } .MODULO_70-25-listado .wrap_one article:nth-of-type(2) .wrap-both .wrap-text header { margin-bottom: .1em; margin-top: 0em } .MODULO_70-25-listado .sec-wrap { display: flex; flex-wrap: wrap !important; gap: 1rem } .MODULO_70-25-listado .sec-wrap article .wrap-media { display: none } .MODULO_70-25-listado .first-wrap { border-bottom: none; flex: initial; width: 100%; padding-right: 0em } .MODULO_70-25-listado .first-wrap article:nth-child(2) .wrap-both { flex-direction: row !important; display: flex !important; gap: 1rem } .MODULO_70-25-listado .first-wrap article:nth-child(2) .wrap-both header { margin-top: 0 !important } .MODULO .MODULO_70-25-listado .sec-wrap { width: 100%; flex: 1 } .MODULO .MODULO_70-25-listado .sec-wrap article .wrap-both .wrap-media, .MODULO .MODULO_70-25-listado .third-wrap article .wrap-both .wrap-media { width: 100%; flex: 1; max-width: 100% } .MODULO .MODULO_70-25-listado .sec-wrap article .wrap-both .wrap-media .img-wrap, .MODULO .MODULO_70-25-listado .third-wrap article .wrap-both .wrap-media .img-wrap { padding-bottom: 56% !important } .MODULO .MODULO_70-25-listado .sec-wrap article { margin-bottom: 1rem !important } .MODULO .MODULO_70-listado-30 .sec-wrap article:nth-of-type(3) .wrap-both .wrap-media { display: block; width: 100% !important } .MODULO .MODULO_70-listado-30 .sec-wrap article:nth-of-type(3) .wrap-both .wrap-text { display: block; width: 100% !important } .MODULO_70-listado-30 { display: flex; flex-direction: column } .MODULO_70-listado-30 .first-wrap { border-bottom: none; flex: initial !important; width: 100% !important; padding-right: 0em; margin-left: 0 } .MODULO_70-listado-30 .sec-wrap { border-bottom: none; flex: initial !important; width: 100% !important; padding-right: 0em; margin-left: 0 } .MODULO .MODULO_70-listado-30 .sec-wrap { flex-direction: column !important; justify-content: space-between; padding-left: 0 } .MODULO .MODULO_70-listado-30 .sec-wrap article .wrap-both .wrap-media { display: none } .MODULO .MODULO_70-listado-30 .sec-wrap article:nth-of-type(3) .wrap-both .wrap-media { display: block } .MODULO .MODULO_70-listado-30 .sec-wrap article:nth-of-type(3) .wrap-both { display: flex; flex-direction: column !important } .MODULO_FULL { display: block !important; flex-wrap: wrap } .MODULO .MODULO_FULL .sec-wrap article .wrap-both .wrap-media, .MODULO .MODULO_FULL .third-wrap article .wrap-both .wrap-media { width: 100%; flex: auto; max-width: 100% } .MODULO .MODULO_FULL .sec-wrap article .wrap-both .wrap-media { display: none } .MODULO .MODULO_FULL .third-wrap article:nth-of-type(1) .wrap-both .wrap-media { display: block } .MODULO .MODULO_FULL .third-wrap article:nth-of-type(2) .wrap-both .wrap-media { display: block; order: 2 } .MODULO .MODULO_FULL .third-wrap article:nth-of-type(1) .wrap-both { order: 1; gap: 1rem } .MODULO .MODULO_FULL .third-wrap article .wrap-both { display: flex; flex-direction: row !important } .MODULO .MODULO_FULL .third-wrap { display: flex; flex: 1 0 50%; flex-direction: column !important; margin-right: 0 } .MODULO .MODULO_70-50-50 .sec-wrap article .wrap-both .wrap-media { order: 1 } .MODULO .MODULO_70-50-50 .sec-wrap article .wrap-both .wrap-text { order: 2; margin-left: 1rem } .MODULO_70-50-50 .sec-wrap { flex-direction: column !important } .MODULO_70-50-50 .sec-wrap article:last-child { margin-right: 2em !important } .MODULO_70-25-colmena .first-wrap { display: flex; flex-direction: column !important } .MODULO_70-25-colmena .first-wrap article:nth-of-type(1) { margin-right: 0rem } .MODULO_70-25-colmena .first-wrap article:nth-of-type(2) .wrap-both { display: flex } .MODULO_70-25-colmena .first-wrap article:nth-of-type(2) .wrap-text { margin-left: 1rem } .MODULO .MODULO_70-25-colmena .sec-wrap article .wrap-both .wrap-media, .MODULO .MODULO_70-25-colmena .third-wrap article .wrap-both .wrap-media { width: 100%; flex: auto; max-width: 100% } .MODULO .MODULO_70-25-colmena .sec-wrap article .wrap-both { flex-direction: column !important } .MODULO .MODULO_70-25-colmena .sec-wrap article { flex: 1 0 45%; margin-bottom: 1em; margin-right: 0; padding-bottom: 0 } .MODULO .MODULO_70-25-colmena .sec-wrap { display: flex; flex: 1 0 100%; flex-direction: row; margin-right: 0; flex-wrap: wrap } .MODULO .MODULO_70-25-colmena .sec-wrap article:nth-of-type(1) { margin-right: 1rem } .MODULO .MODULO_70-25-colmena .sec-wrap article:nth-of-type(3) { margin-right: 1rem } .MODULO_70-slider .first-wrap article .wrap-both { all: unset } .MODULO_70-slider .first-wrap article .wrap-both .wrap-media { all: unset } .MODULO_70-slider .first-wrap article .wrap-both .wrap-text { all: unset; position: unset !important } .MODULO_70-slider .sec-wrap article .wrap-both { flex-direction: row; gap: 1rem } .MODULO_70-slider .sec-wrap article .wrap-both .wrap-media { width: 53%; flex: unset; display: unset } .MODULO_70-slider .sec-wrap article .wrap-both .wrap-text { width: 57% } .MODULO_70-30 { display: flex; flex-direction: column; gap: 2rem } .MODULO_70-30 .first-wrap { order: 2; width: 100% } .MODULO_70-30 .first-wrap article .wrap-both { display: flex; gap: 1rem } .MODULO_70-30 .first-wrap article .wrap-both .wrap-media { width: 53% } .MODULO_70-30 .first-wrap article .wrap-both .wrap-text { width: 57%; display: flex; flex-direction: column; justify-content: center } .MODULO_70-30 .first-wrap article:nth-of-type(2) .wrap-both .wrap-media { order: 2 } .MODULO_70-30 .first-wrap article:nth-of-type(2) .wrap-both .wrap-text { order: 1 } .MODULO_70-30 .first-wrap article:nth-of-type(2) .wrap-both .wrap-text .wrap-otros .pie-noticia .contenedor-comentarios { display: none } .MODULO_70-30 .first-wrap article .wrap-both .wrap-text header { margin-top: 0 } .MODULO_70-30 .sec-wrap { order: 1; width: 100% } } @media (max-width:768px) { .MODULO_70-colmena { padding: 20px } .MODULO_70-colmena .first-wrap article .wrap-both { all: unset } .MODULO_70-colmena .first-wrap article .wrap-both .wrap-media { all: unset } .MODULO_70-colmena .first-wrap article .wrap-both .wrap-text { all: unset; position: unset !important } .MODULO_70-colmena .sec-wrap { width: 100% } .MODULO_70-colmena .third-wrap { width: 100%; border-left: none; margin-left: 0; padding-left: 0 } .MODULO_70-colmena .third-wrap article .wrap-both { flex-direction: row } .MODULO_70-colmena .third-wrap article .wrap-both .wrap-media { width: 35%; flex: unset; display: unset } .MODULO_70-colmena .third-wrap article .wrap-both .wrap-text { width: 65% } .MODULO_70-colmena .third-wrap article .wrap-both header { margin-top: 0 } } @media screen and (min-width:0) and (max-width:499px) { .item-thumbnail-href { display: block !important; height: 250px !important } .trc_elastic_thumbnails-a .videoCube_aspect { padding-bottom: 0 !important } .trc_elastic .thumbBlock_holder { height: 100% !important } } .breaking-news-container { display: flex !important; align-items: center; background: #fff; padding: 0; border: 0; overflow: hidden; width: 100%; flex-shrink: 0 } .breaking-news-container .breaking-news-label { white-space: nowrap; padding-right: 15px; font-weight: 700; flex-shrink: 0 } .breaking-news-container .black-label { background: #1c1c1c; color: #fff; padding: 8px 10px; border-radius: 0; height: 35px; text-align: center; font-family: var(--font-2); font-style: italic; font-size: 16px; line-height: 20px; text-transform: uppercase } .breaking-news-container.red-news .black-label { background: #dc3545; color: #fff } .breaking-news-container.blue-news .black-label { background: #178fe6; color: #fff } .breaking-news-container.green-news .black-label { background: #09a451; color: #fff } .breaking-news-container .news-slider { flex-grow: 1; overflow: hidden; background: #f8f8f8; padding: 8px 10px; height: 35px; display: flex; align-items: center } .breaking-news-container.red-news .news-slider { background: #ff001036 } .breaking-news-container.blue-news .news-slider { background: #d7eaf8 } .breaking-news-container.green-news .news-slider { background: #09a45124 } .breaking-news-container .news-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; max-width: 100% } .breaking-news-container .news-list li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2 } .breaking-news-container .news-list li a { color: #1c1c1c; text-decoration: none; max-width: 100%; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: var(--font-2); font-style: italic } .breaking-news-container.red-news .news-list li a { color: #e71f31 } .breaking-news-container.blue-news .news-list li a { color: #6ea8fe } .breaking-news-container.green-news .news-list li a { color: var(--neutral-gray-1) } @media (max-width:991px) { .page-aportaciones .seccion-uno img { display: none } } @media (max-width:575px) { .wrap-listado-noticias ul li a { padding-left: 15px !important; display: block !important; line-height: 22px !important } .wrap-listado-noticias ul li h2 a { padding-left: 15px !important; ; display: block !important; ; line-height: 22px !important } .wrap-listado-noticias ul li a::after { top: 5px; width: 10px; height: 10px; background: var(--neutral-gray-1); content: "" } .wrap-ULTIMAHORA { height: 100% } .breaking-news-container .breaking-news-label { text-align: center; font-size: 14px } .breaking-news-container .news-slider { height: auto; width: 100% } .breaking-news-container .news-list li a { text-overflow: unset; overflow: unset; overflow-x: scroll; overflow-y: hidden; font-size: 14px; scrollbar-width: none } .breaking-news-container .news-list li a::-webkit-scrollbar { display: none } .ARTICULO_EN_DIRECTO .noticia-timeline .container-video-responsive { width: 100%; height: 310px; max-height: 310px; max-width: 100%; min-width: 100% } } @media(max-width:767px) { .MODULO .MODULO_1_1_4 .third-wrap article .wrap-both .wrap-media, .MODULO .MODULO_HORIZ_2 .third-wrap article .wrap-both .wrap-media { width: 100% } .page-aportaciones .seccion-uno { flex-wrap: wrap } .page-aportaciones .seccion-uno form { width: 100% } .MODULO h2 { font-weight: 400 !important } .MODULO .first-wrap article:first-of-type h2 { font-weight: 700 !important; font-size: 1.75rem !important } .MODULO_1_Banner_3 .sec-wrap article:first-of-type h2 { font-weight: 400 !important; font-size: 1.25rem !important } .MODULO .MODULO-OPINION article:first-of-type h2 { font-weight: 400 !important; font-size: 1.25rem !important } .MODULO_HORIZ_2 .sec-wrap article:first-of-type h2 { font-weight: 700 !important; font-size: 1.75rem !important } .articulo-opinion .entradilla { text-align: center !important } .articulo-opinion .entradilla { text-align: center !important } .articulo-opinion .entradilla { text-align: center !important } .MODULO_2_1_4 .sec-wrap .wrap_three article:first-of-type h2 { font-weight: 700 !important; font-size: 1.75rem !important } .wrap-otros .pie-noticia .contenedor-redactor span a { font-size: 12px !important } .MODULO_XXL_NUEVO .sec-wrap .wrap-both { flex-direction: row !important; gap: 10px } .MODULO_XXL_NUEVO .sec-wrap .wrap-both .wrap-text { width: 57% !important; flex: initial !important } .MODULO article { padding-bottom: 1rem !important; border-bottom: 1px solid var(--neutral-gray-2) !important } .MODULO_30_30_30 .sec-wrap article:first-of-type { font-weight: 700 !important; font-size: 1.75rem !important } .MODULO_70-25-listado .sec-wrap article:last-child { margin-right: 0 !important } article.articulo-opinion .firma-hibrida img { border-radius: 50%; border: 1px solid #09a451; object-fit: cover; width: 95px; max-height: 95px; } .MODULO-30-70 .first-wrap .wrap-text { display: block !important; padding-top: 1rem } .MODULO_FULL .third-wrap .wrap-media .wrap-media, .MODULO_25_COLMENA .wrap-media, .MODULO_XXL_NUEVO .sec-wrap .wrap-media, .MODULO_30_30_30 .wrap-media, .MODULO_70_15_30 .sec-wrap .wrap-media, .MODULO_70_30_15 .sec-wrap .wrap-media, .MODULO_70_25_25 .sec-wrap .wrap-media, .MODULO_70-slider .sec-wrap .wrap-media, .MODULO_50-50-XS .wrap-media, .MODULO_70-25-listado .first-wrap article:nth-child(2), .MODULO_FULL .third-wrap .wrap-media, .MODULO_70-50-50 .sec-wrap .wrap-media, .MODULO_70-25-colmena .first-wrap article:nth-child(2) { padding-top: 1rem } .MODULO_30_COLMENA .sec-wrap article .wrap-text { padding-top: 1rem !important } .MODULO_70_15_slider .slider-x4 article .wrap-text { padding-top: 1rem !important } .MODULO article:not(:first-of-type) .pretitulo a { font-size: 11px !important } .MODULO_XXL_NUEVO .first-wrap .wrap-media { display: none !important } .MODULO_XXL_NUEVO .first-wrap .wrap-both .wrap-text header h2 a { text-align: center } .MODULO_XXL_NUEVO .first-wrap .wrap-both .wrap-text .pie-noticia { text-align: center } .MODULO_XXL_NUEVO .first-wrap .wrap-both .wrap-text .entradilla { text-align: center } .MODULO_25_COLMENA .first-wrap article:first-of-type h2 { font-size: 1.2em !important; font-weight: 400 !important } .MODULO article:first-of-type { padding-top: 0 !important } .MODULO_70-30 .first-wrap article:first-of-type h2 { font-weight: 400 !important; font-size: 1.25rem !important } .MODULO_70-30 .sec-wrap article:first-of-type h2 { font-weight: 700 !important; font-size: 1.75rem !important } .MODULO .wrap-imagen-especial { padding-top: 1.5rem !important } .MODULO .pretitulo-especial { padding-top: 1rem !important } .pretitulo-especial .pretitulo { position: absolute !important; left: 0; top: 0 } .slick-arrow i.material-icons { display: flex; align-items: center; height: 100% } .MODULO_VERT_3 article { margin-bottom: 0 !important; padding-bottom: 0 !important } .MODULO_VERT_3 article .wrap-text { padding-left: 1rem; padding-right: 1rem } .slick-arrow { height: 100% } .MODULO_70-slider .sec-wrap article:nth-child(2) .wrap-media { display: none !important } .MODULO_70-slider .sec-wrap article .wrap-both .wrap-text { width: 100% !important } .MODULO .MODULO_70-25-listado .third-wrap { order: 2 } .MODULO .MODULO_70-25-listado .first-wrap { order: 1 } .MODULO .MODULO_70-25-listado .sec-wrap { order: 3 } } .MODULO_FULL .first-wrap * { text-align: center !important } .MODULO_FULL .first-wrap .wrap-otros .pie-noticia { justify-content: center !important } .MODULO_FULL .first-wrap article:first-of-type .pretitulo { text-align: center; display: flex; justify-content: center; align-items: center } .MODULO_FULL .first-wrap .wrap-text .pretitulo::after { display: none } .MODULO_FULL .first-wrap .wrap-text .pretitulo::before { content: ''; position: relative; display: Flex; margin-right: 6px; height: 13px; width: 3px; background-color: var(--c3) } .MODULO_FULL .third-wrap article .wrap-both .wrap-media { width: 100% !important } .MODULO_FULL div:first-child article:first-child .wrap-text, .MODULO_XXL_NUEVO div:first-child article:first-child .wrap-text, .MODULO_70_15_30 div:first-child article:first-child .wrap-text, .MODULO_70_30_15 div:first-child article:first-child .wrap-text, .MODULO_70_25_25 div:first-child article:first-child .wrap-text, .MODULO_70-slider div:first-child article:first-child .wrap-text, .MODULO_70-25-opi div:first-child article:first-child .wrap-text, .MODULO_70-opi-25 div:first-child article:first-child .wrap-text, .MODULO_70-25-15 div:first-child article:first-child .wrap-text, .MODULO_70-50-50 div:first-child article:first-child .wrap-text, .MODULO_70-25-listado div:first-child article:first-child .wrap-text, .MODULO_70-listado-30 div:first-child article:first-child .wrap-text, .MODULO_70-opi-25 .sec-wrap article .wrap-text, .MODULO_70-listado-30 .sec-wrap article:last-child .wrap-text, .MODULO_70-25-colmena div:first-child article:first-child .wrap-text, .MODULO_70-25-colmena .sec-wrap article .wrap-text { padding-top: 1rem } .MODULO_70-25-opi .sec-wrap article .wrap-text { padding-top: 1rem } .MODULO_XXL_NUEVO .first-wrap article:first-of-type .pretitulo { text-align: center; display: flex; justify-content: center; align-items: center } .MODULO_XXL_NUEVO .first-wrap .wrap-text .pretitulo::after { display: none } .MODULO_XXL_NUEVO .first-wrap .wrap-text .pretitulo::before { content: ''; position: relative; display: Flex; margin-right: 6px; height: 13px; width: 3px; background-color: var(--c3) } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .wrap-tit h2.cate a { padding-left: 8px; border-left: solid 5px var(--c3); color: var(--c3) } .font-90 { font-size: 90% } article.articulo-opinion .firma-hibrida { max-width: 150px } .MODULO-30-70 .second-wrap article.articulo-opinion .wrap-text header { width: 100% !important } .MODULO-30-70 .second-wrap article.articulo-opinion .wrap-text .entradilla { width: 100% !important } .MODULO_2_1_4 .sec-wrap article.articulo-opinion { flex: 1 !important } .MODULO_1_1_4 .first-wrap .articulo-opinion .wrap-text { position: relative !important; transform: unset !important; top: unset !important; bottom: unset !important; left: unset !important; right: unset !important; width: 100%; margin: 0 auto; margin-top: 40px } .MODULO_XL_OVER .articulo-opinion .wrap-text { position: relative !important; transform: unset !important; top: unset !important; bottom: unset !important; left: unset !important; right: unset !important; width: 100%; margin: 0 auto; margin-top: 40px } .slick-dots { position: relative !important } .MODULO_SLIDER .articulo-opinion .wrap-text { position: relative !important; transform: unset !important; top: unset !important; bottom: unset !important; left: unset !important; right: unset !important; width: 100%; margin: 0 auto; margin-top: 40px } .MODULO:not(.MODULO-OPINION) .articulo-opinion .entradilla { text-align: center !important } .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .container .row .col .wrap-FULL .wrap-tit .publicado, .wrap-FICHA-ARTICULO.ARTICULO_BLOG.Opinion .container .row .col .wrap-FULL .wrap-tit .publicado { display: none } .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .container .row .col .wrap-FULL .wrap-tit, .wrap-FICHA-ARTICULO.ARTICULO_BLOG.opinion .container .row .col .wrap-FULL .wrap-tit { width: 100% } .wrap-FICHA-ARTICULO.ARTICULO_ANCHO .wrap-tit, .wrap-FICHA-ARTICULO.ARTICULO_BLOG .wrap-tit { width: 100% !important } .collapsible-header.level-0 { padding-left: 10px !important } .collapsible-header.level-1 { padding-left: 20px !important } .collapsible-header.level-2 { padding-left: 30px !important } .collapsible-header.level-3 { padding-left: 40px !important } .articulo-opinion-gris { background-color: var(--pantone-gris) !important; padding: 1rem 0 } .articulo-opinion-gris .firma-hibrida { margin-bottom: 0; min-width: 80px; width: 25%; border-radius: 50%; border: 1px solid #09a451; height: fit-content; display: flex; justify-content: center } .BN { min-height: 600px; background-color: #fbfbfb; position: relative; width: 100%; height: 100% } .BN::after { content: 'Publicidad'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: var(--font-2); font-size: 14px; line-height: 14px; font-weight: var(--fw-500); color: #adadad; z-index: -1 } .container-mega { min-width: 100% } .container-mega .BN { min-height: 250px; max-height: 250px; overflow-y: hidden } .third-wrap .wrap_three { height: 100% } .third-wrap .wrap_three>aside { height: 100% } .fixed_add { z-index: 1; max-width: 300px } .stick-bottom { z-index: 1; bottom: 0; max-width: 300px } @media(max-width:991px) { .BN { width: fit-content; margin: auto } } @media(max-width:767px) { .BN { margin-bottom: 16px } .container-mega .BN { min-height: 100px } .wrap-HEADER .wrap-DEST .container ul li a { font-family: var(--font-2); font-size: 12px; color: var(--neutral-gray-1); font-weight: var(--fw-400); font-style: italic; text-transform: unset } .wrap-HEADER .wrap-DEST .container .destfijo a { font-family: var(--font-2); font-size: 14px; color: var(--neutral-gray-1); font-weight: var(--fw-700); font-style: normal } } .wrap-listado-noticias ul li h2 a { font-family: var(--font-1); color: var(--neutral-gray-1); font-weight: 700; font-size: 14px; line-height: 16px; text-transform: initial !important; position: relative; padding-left: 15px; letter-spacing: initial } .wrap-listado-noticias ul li h2 { font-family: var(--font-1); color: var(--neutral-gray-1); font-weight: 700; font-size: 14px; line-height: 16px; text-transform: initial !important; position: relative; padding-left: 15px; letter-spacing: initial } .h1-home { display: none } .submenu { display: none; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s ease 0.3s } @media (min-width:768px) { .collapsible-header { cursor: pointer } .collapsible-header:hover+.collapsible-body .submenu, .collapsible-body:hover .submenu { display: block; opacity: 1; visibility: visible } } .submenu { display: none; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s linear 0.3s } .submenu.show { display: block; opacity: 1; visibility: visible; transition: opacity 0.3s ease } .ARTICULO_EN_DIRECTO .noticia-timeline .wrap-image { margin-bottom: 0 !important; object-fit: cover } .contenedor-tags .border-tags { font-weight: 700; border: 1px solid var(--neutral-gray-2); width: fit-content; padding: 4px; border-radius: 4px; line-height: 100%; background: #fff } .contenedor-tags .box-tag p { font-size: 12px; font-weight: 400; margin: 5px } .box-tag { border: 1px solid var(--neutral-gray-2); padding: 10px; border-radius: 4px; background: #fff } .contenedor-tags { margin-bottom: 1rem } .box-relacionados { margin-bottom: 1rem; display: flex; padding: 10px; flex-direction: row; flex-wrap: wrap; gap: 10px; background-color: var(--neutral-gray-1) } .contenedor-relacionados h2 { font-family: var(--font-2); font-size: 1.2em; font-weight: 400 } .box-relacionados a { text-decoration: none; max-width: calc(33% - 10px) } .box-relacionados a img { max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 4px } .box-relacionados a h6 { margin-top: 0; font-size: 12px; color: #fff; max-width: 100%; white-space: wrap; font-family: var(--font-2); font-weight: 400 } h2.ultimas-noticias { font-family: var(--font-2); font-size: 1.2em; font-weight: 400; margin-bottom: 1rem } .text-uppercase { text-transform: uppercase } .img-tag { max-height: 500px; object-fit: cover } .art-cuerpo.cuerpo-tag p img { width: 100% !important; margin-bottom: 0 } .art-cuerpo.cuerpo-tag a { color: var(--primary) } .art-cuerpo.cuerpo-tag h1 { font-size: 2.5rem; font-family: var(--font-1); font-weight: 400 } .comment-respuesta { padding: 1rem; background-color: var(--neutral-gray-4) } .comment-actions { margin-top: .5rem } .art-cuerpo.cuerpo-tag h2 { font-size: 2rem } .art-cuerpo.cuerpo-tag h3 { font-size: 1.7rem } .wrap-FICHA-ARTICULO .container .row .col .wrap-FULL .CONTENIDO-ARTICULO .art-cuerpo .noticia-timeline.texto .wrap-image img { margin: 0 !important } #comment-section { scroll-margin-top: 100px } @media(max-width:992px) { .ARTICULO_EN_DIRECTO .noticia-timeline a, .ARTICULO_EN_DIRECTO .noticia-timeline p { font-size: 16px !important; word-break: break-word } } .wrap-MEDIO .flex { display: flex; flex-wrap: wrap; } .header-redactor { width: 100%; margin-bottom: 3rem; } .container-redactor { gap: 2rem; border-bottom: 1px solid rgba(122, 124, 125, 0.2); padding-bottom: 24px; margin-bottom: 1rem; } .container-redactor .autor-articulo { width: fit-content; display: flex; flex-direction: column; gap: 10px; max-width: fit-content; } .container-autor-footer-noticia .autor-foto { max-width: 70px; } .container-redactor .social-media { display: flex; gap: 10px; justify-content: start; align-items: center; } .container-redactor .social-media li { background: var(--primary); padding: 6px; border-radius: 5px; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; } .container-autor-footer-noticia .container-descripcion-autor { max-width: 70%; } .container-descripcion-autor p { font-size: 14px; font-family: var(--font-1) !important; } .span-titulo { font-size: 2.8rem !important; font-family: var(--font-2) !important; background-color: transparent !important; color: black !important; text-transform: initial !important; padding: 0 !important; letter-spacing: initial !important; line-height: 100% !important; font-weight: bold !important; } .container-autor-footer-noticia .autor-articulo { max-width: 25% !important; } .container-autor-footer-noticia { width: 100%; display: flex; gap: 1rem; } .autor-articulo .social-media i { color:white } .autor-foto img { border-radius:70px } @media(max-width:992px) { .span-titulo { font-size: 1.8rem !important; } .wrap-logo { background-image: url(../img/logos/logo-central-200.png) } } #didomi-notice-disagree-button span { color:#000 !important } #didomi-notice-agree-button span { color:#000 !important } #didomi-notice-agree-button, #didomi-notice-disagree-button { color: #000 !important; background-color: rgba(30, 164, 70, 0.3) !important; } @media (pointer: coarse) { .tap-target { display: inline-flex; align-items: center; justify-content: flex-start; min-height: 44px; min-width: 44px; padding: 10px 12px; line-height: 1.2; text-decoration-thickness: .1em; } .tap-list { display: grid; gap: 10px; } .card-title > a, .list-title > a, a[itemprop="url"] { display: block; padding: 12px 12px; min-height: 44px; } .cate-tag, .badge, .tag { display: inline-flex; align-items: center; min-height: 32px; padding: 6px 10px; border-radius: 6px; } .icon-link { display: inline-grid; place-items: center; width: 44px; height: 44px; } .icon-link > svg, .icon-link > i { pointer-events: none; } } .pag-404 { body { font-family: Arial, sans-serif; color: #333; text-align: center; padding: 50px; background-color: #f7f7f7; } .container { max-width: 600px; margin: 0 auto; background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } h1 { font-size: 7.5em; margin: 0; color: var(--primary); text-align: center; } h2 { font-size: 1.5em; margin-top: 0; text-align: center; } p { font-size: 1.1em; line-height: 1.6; text-align: center; } .search-form { margin: 30px 0; } .search-input { width: 70%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; } .search-button { padding: 10px 20px; background-color: var(--primary); color: white; border: none; border-radius: 4px; cursor: pointer; } .search-button:hover { background-color: #2980b9; } .nav-links a { color: var(--primary); text-decoration: none; margin: 0 10px; text-align: center; } .nav-links a:hover { text-decoration: underline; } .nav-links { display: flex; justify-content:center; } #imagen-ia-placeholder { width: 100%; max-width: 300px; /* Ajusta el tamaño según tus necesidades */ height: auto; margin: 20px auto; display: block; border: 2px dashed #ccc; padding: 20px; background-color: #fafafa; color: #aaa; border-radius: 8px; } } .wrap-branded { display: flex; justify-content: center; align-items:center; padding: .5rem; gap: 1rem; width: 100%; } .wrap-branded::after { content:""; width: 100%; position: relative; height: 1px; background-color:#1C1C1C } .wrap-branded::before { content:""; width: 100%; position: relative; height: 1px; background-color:#1C1C1C } .sponsor-image a { height: 45px; display: flex; } .wrap-branded img { width: initial !important; max-height: 45px !important } .sponsor-text { align-items: center; display: flex; color: #1C1C1C; font-size: 24px; line-height: 100%; font-family: var(--font-2); font-weight: bold; } .sponsor-text span { white-space: nowrap; } @media(max-width:992px) { .sponsor-text { font-size: 16px; } .wrap-branded::after { width: 30px; } .wrap-branded::before { width: 30px; } }