/*------Colores-------*/ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #3357A2; /*azul LIDE*/ --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #222222; /*black LIDE*/ --bs-white: #fff; --bs-gray: #707070; /*gris LIDE*/ --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #D1D1D1; /*gris claro LIDE*/ --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 51, 87, 162; /*azul LIDE*/ --bs-secondary-rgb: 112, 112, 112; /*gris LIDE*/ --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 209, 209, 209; /*gris claro LIDE*/ --bs-dark-rgb: 34, 34, 34; /*black LIDE*/ --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } /*------Botones-------*/ .btn-primary-lide { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-primary-lide:hover { color: #3357A2; background-color: #fff; border-color: #fff; } .btn-outline-red { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; } .btn-outline-red:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-outline-white-lide, .btn-unite { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .btn-outline-white-lide:hover, .btn-unite:hover { color: #222222; background-color: #fff; border-color: #fff; } @media screen and (max-width: 990px) { .btn-outline-white-lide, .btn-unite { color: #222222; background-color: #fff; border-color: #fff; } } .card-event-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; max-width: 300px; margin: 0 auto; text-align: center; display: block; } .card-event-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-event-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .card-exclusive-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .card-exclusive-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-exclusive-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .download-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .download-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .download-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } /*Boton Cargar Mas en Acumulados*/ .js-pager__items.pager { display: flex; justify-content: center; width: 100%; padding: 0; } .js-pager__items.pager li { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; padding: 0; height: 46px; width: 160px; } .js-pager__items.pager li:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .js-pager__items.pager li a { display: inline-block; width: 100%; height: 100%; padding-top: 6%; font-size: 1rem; text-decoration: none; } /*---------Texto--------*/ .heading { font-family: 'Montserrat', sans-serif; font-weight: 500; } .heading.hero { -webkit-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); font-size: 48px; } @media screen and (max-width: 1399px) { .heading.hero { font-size: 28px; } } .heading.hover-red:hover { color: var(--bs-primary) !important; } .heading > a { text-decoration: none; } /*Medidas custom*/ @media (min-width: 1200px) { .h2-sm { font-size: 1.625rem; /*26*/ } } .h2-sm { font-size: 1.5rem; /*24*/ } .p { /*15*/ /*13*/ } .p-sm { font-size: 0.9375rem; } .p.small1 { font-size: 0.8125rem; } .h6-sm { font-size: 0.875rem; } /*14*/ p { font-family: 'Inter', sans-serif; } a { font-family: inherit; color: inherit; } a:hover { color: inherit; } /*------Divisores----*/ .divider-dark { color: var(--bs-dark); border-top: 2px solid; opacity: 1; } .divider-white { border-top: 1px solid; color: #fff; opacity: 1; } .divider-red { color: var(--bs-primary); border-top: 2px solid; opacity: 1; } .divider-secondary { color: var(--bs-secondary); border-top: 2px solid; opacity: 1; } /*------Otros----*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { /*agrega un poco mas de margin der. e izq. a los containers en mobile*/ --bs-gutter-x: 2.5rem; } .width-fit { width: fit-content; } .arrow-red { background-image: url("/themes/contrib/lide/images/home/arrow-red.svg"); width: 36px; height: 22px; background-position: center; background-size: contain; max-width: 25px !important; background-repeat: no-repeat; } .wave-white-home { background-image: url("/themes/contrib/lide/images/wavesv3.svg"); width: 109px; height: 27px; background-position: center; background-size: cover; } @media screen and (max-width: 990px) { .wave-white-home { width: 80px; height: 18px; } } .slick-next.slick-arrow { background-image: url("/themes/contrib/lide/images/slidernext_whitenew.png"); margin-right: 5px; background-repeat: no-repeat; background-size: contain; } .slick-prev.slick-arrow { background-image: url("/themes/contrib/lide/images/sliderprev_whitenew.png"); margin-left: 5px; background-repeat: no-repeat; background-size: contain; } .slick-arrow:before { content: '' !important; } #main > .row { /*ajusta margin hacia los costados que habilitaba un scroll horizontal*/ --bs-gutter-x: 0; } .node__content { margin-top: 0 !important; } #block-botondebusqueda { /*estandariza tamano barra de busqueda que hacia "glitchear" el ancho de la navbar entre secciones*/ max-width: 153px; width: 100%; } input:focus { outline: 0 !important; box-shadow: none !important; } .form-control:focus { border: 1px solid #ced4da; } .captcha.js-form-wrapper.form-wrapper { color: white; } .captcha.js-form-wrapper.form-wrapper .details-wrapper small.details-description { display: block; } .captcha.js-form-wrapper.form-wrapper .details-wrapper img { margin-bottom: 15px; } /*Acumulado de noticias*/ /*.sec-notas-acumulados{ .view-content{ .views-infinite-scroll-content-wrapper{ @media screen and (max-width: 1199px){ //grid-row-gap: 58px!important; } } .views-row{ &:not(:last-child) .field-content .news-credits{ // @media screen and (max-width: 1199px){ // border-bottom: 1px solid #eae9e8; // } } .custom-test{position: relative; @media screen and (max-width: 989px){ .news-title{ margin-top: 34px!important; } .news-tags{top: 10px !important;} } .news-title{ a{@include transition(all .4s ease-in-out); &:hover{@include transition(all .3s ease); color: var(--bs-primary);} } } .news-tags{ .width-fit{font-size: 0.8125rem!important;} @media screen and (max-width: 767px){ flex-wrap: nowrap!important;white-space: nowrap;width: 100%; overflow: hidden; .width-fit{font-size: 11px!important;} .tag-text{ &:last-child{width: auto;overflow: hidden;text-overflow: ellipsis;} } } .tag-text{ @media screen and (max-width: 989px){ padding-right: 5px; } } @media screen and (max-width: 989px){ font-size: 0.75rem!important; } } .news-credits{ @media screen and (max-width: 1199px){ padding-bottom: 10px!important; bottom: -38px!important; width: 95%; } } .news-body{display: none!important} img{@include transition(all .3s ease); @include box-shadow(0px 0px 1px rgba(0,0,0, .6));} @media screen and (max-width: 989px){ padding-top: 38px; padding-bottom: 38px; } } } } } */ .card-event { position: relative; box-shadow: -1px 3px 11px 0px rgba(0, 0, 0, 0.16); height: 100%; min-height: 410px; } .card-event > div:first-child { height: 130px !important; } .card-event img { height: intrinsic; } .card-event .flag.flag-evento-guardado { width: 65px; background-repeat: no-repeat; height: 65px; position: absolute; top: 10px; overflow: hidden; right: 10px; } .card-event .flag.flag-evento-guardado.action-unflag { background-image: url("/themes/contrib/lide/images/heart_full.svg"); } .card-event .flag.flag-evento-guardado.action-flag { background-image: url("/themes/contrib/lide/images/heart_empty.svg"); } .card-event .flag.flag-evento-guardado > a { text-indent: -70px; display: block; height: 100%; } .card-event .text-container { background-color: #fbf9f8; width: 100%; flex-grow: 1; display: flex; flex-direction: column; } .card-event .text-container > a { margin-top: auto !important; } @media screen and (max-width: 576px) { .card-event .text-container { margin-top: 10px; } } .card-event .text-container .event-title { height: 48px; width: 90%; max-width: 100%; height: auto; margin-bottom: 5px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; } @media screen and (max-width: 767px) { .card-event .text-container .event-title { font-size: 18px; } } @media screen and (max-width: 576px) { .card-event .text-container .event-title { -webkit-line-clamp: 2; } } @media screen and (min-width: 577px) and (max-width: 1440px) { .card-event .text-container .event-title { height: 75px; } } .card-event .text-container .event-body { font-size: 14px; color: var(--bs-gray); /*limita el texto a 3 lineas con elipsis en browsers webkit*/ -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; } @media screen and (max-width: 576px) { .card-event .text-container .event-body { -webkit-line-clamp: 1; } } .card-event .text-container .date-category-container .date-event-day { font-size: 56px; line-height: 35px; } @media screen and (max-width: 1025px) { .card-event .text-container .date-category-container .date-event-day { font-size: 40px; } } .card-event .text-container .date-category-container .category { font-size: 14px; } @media screen and (max-width: 576px) { .card-event .text-container a { position: absolute; bottom: 35px; width: 90%; max-width: 100%; right: 0; left: 0; margin: auto; } } .node.node--type-event.node--promoted.node--view-mode-full.clearfix { position: relative; } @media screen and (max-width: 990px) { .hero-home { display: flex; justify-content: center; overflow: hidden; position: relative; } } .hero-home > img { width: 100%; height: auto; } @media screen and (max-width: 990px) { .hero-home > img { width: auto; height: 396px; } } .hero-home .text-hero-container { top: 0; bottom: 0; left: 0; right: 0; } @media screen and (max-width: 576px) { .hero-home .text-hero-container { width: auto; } } @media screen and (min-width: 577px) and (max-width: 990px) { .hero-home .text-hero-container { width: 80%; } } @media screen and (min-width: 991px) { .hero-home .text-hero-container { width: 50%; } } .hero-home .text-hero-container .hero-desc { width: 75%; font-size: 18px; -webkit-text-shadow: 0 0 15px rgba(0, 0, 0, 0.6); -moz-text-shadow: 0 0 15px rgba(0, 0, 0, 0.6); text-shadow: 0 0 15px rgba(0, 0, 0, 0.6); } @media screen and (max-width: 576px) { .hero-home .text-hero-container .hero-desc { display: none; } } @media screen and (min-width: 577px) and (max-width: 1399px) { .hero-home .text-hero-container .hero-desc { font-size: 14px; } } /*Hero de interna de todas las Actividades Exclusivas*/ .img-logo_lide { width: 100px; } .nav-link:focus { outline: none; } #navbar > .navbar-nav { height: 100px; } #navbar > .navbar-nav div:nth-child(2) { right: 0; left: 0; } #header { padding-top: 9px; padding-bottom: 0; } #header #acceso-miembros a { text-decoration: none; } #header #acceso-miembros a img { margin-left: 15px; } @media only screen and (max-width: 1199px) { .navbar1-mod-MB .navbar.bg-linavbar-light { width: 100px !important; } } @media only screen and (min-width: 1200px) { .menu-nav { border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; padding-bottom: 10px; padding-top: 10px; } #header { padding-top: 12px; } #navbar-main { background-color: transparent !important; } .rrss-icon_fb { width: 11px; height: 21px; } .rrss-icon_ig { width: 18px; height: 17px; } .rrss-icon_yt { width: 22px; height: 15px; } .rrss-icon_tw { width: 21px; height: 17px; } .rrss-icon_lk { width: 19px; height: 19px; } .img-logo_lide { width: 110px; } .block-block-content2982342c-8160-4359-bd5a-a11e196f69ec p { margin-bottom: 0; } #navbar.navbar-nav { padding-left: 20px; } .header-social { width: calc(50% - 150px); } .header-login { height: 100%; max-height: 70px; width: calc(50% - 67px); justify-content: flex-end; } .header-logo { width: 110px; } } .menu--main { width: 100%; } .menu--main ul { justify-content: space-between; } .menu--main .clearfix::after { display: none !important; } .nav-link { color: var(--bs-black) !important; font-size: 14px; } .show > .nav-link, .nav-link.active { color: var(--bs-primary) !important; text-decoration: underline; } .nav-boton-usuario .nav-link-icono { height: 20px; width: 20px; background-image: url(/themes/contrib/lide/images/user.svg); background-repeat: no-repeat; background-size: cover; margin-right: 14px; } .nav-boton-usuario .nav-link-usuario { color: var(--bs-primary) !important; } .nav-boton-usuario .dropdown-menu { position: absolute; font-size: 13px; } .navbar-mod-DK nav ul { justify-content: space-between; flex-direction: row; } .navbar-toggler { border: 0px !important; } .navbar-toggler-icon { background-image: url("/themes/contrib/lide/images/menu-bars.png") !important; } .dropdown-menu { box-shadow: 0px 0px 17px 3px #0000001f; border: 0px; } .dropdown-item.active, .dropdown-item:active { color: var(--bs-primary) !important; background-color: transparent !important; } .dropdown-item:hover { background-color: transparent !important; } .dropdown-item a { text-decoration: none; font-size: 14px; } /* ESTILOS SOLO PARA MOBILE */ @media only screen and (max-width: 1199px) { .div-navbars { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; padding-bottom: 20px; border-bottom: 1px solid #D1D1D1; } .navbar1-mod-MB { width: 150px; margin: 0px auto 0px; margin-right: calc(50% - 70px); } .navbar2-mod-MB { width: fit-content; margin: 0px; } .menu-item--expanded .dropdown-menu { text-align: center; border: 0px; width: 100%; box-shadow: 0px 0px 0px 0px transparent; } .nav-boton-usuario .dropdown-menu { text-align: center; border: 0px; width: 100%; box-shadow: 0px 0px 0px 0px transparent; border-radius: 0; } .nav-link { font-size: 18px; } .rrss-icon_fb { width: 20px; height: 30px; } .rrss-icon_ig { width: 27px; height: 26px; } .rrss-icon_yt { width: 31px; height: 24px; } .rrss-icon_tw { width: 30px; height: 26px; } .rrss-icon_lk { width: 28px; height: 28px; } } #block-lide-search-form-narrow .content.container-inline:first-child { width: 100%; } @media only screen and (min-width: 575px) and (max-width: 1199px) { #block-lide-search-form-narrow .content.container-inline:first-child { width: 65%; margin: auto; } } #block-lide-search-form-narrow .content.container-inline:first-child .content.container-inline form#search-block-form { width: 100%; position: relative; height: 35px; } @media only screen and (max-width: 990px) { #block-lide-search-form-narrow .content.container-inline:first-child .content.container-inline form#search-block-form { width: 70%; margin: auto; } } #search-block-form, #search-block-form--2 { border-bottom: 1px solid #707070; margin-bottom: 15px; } #search-block-form:focus-within, #search-block-form--2:focus-within { border-bottom: 1px solid var(--bs-primary); } #search-block-form .form-type-search, #search-block-form .form-actions, #search-block-form--2 .form-type-search, #search-block-form--2 .form-actions { margin-bottom: 0 !important; padding: 0; position: absolute; right: 0; top: 0; width: 100%; } #search-block-form #edit-keys, #search-block-form #edit-keys--2, #search-block-form--2 #edit-keys, #search-block-form--2 #edit-keys--2 { border: none; padding-left: 0; } @media only screen and (max-width: 990px) { #search-block-form #edit-keys, #search-block-form #edit-keys--2, #search-block-form--2 #edit-keys, #search-block-form--2 #edit-keys--2 { background-color: transparent; } } #search-block-form #edit-keys:focus, #search-block-form #edit-keys--2:focus, #search-block-form--2 #edit-keys:focus, #search-block-form--2 #edit-keys--2:focus { border: none; box-shadow: none; } #search-block-form #edit-submit, #search-block-form #edit-submit--2, #search-block-form--2 #edit-submit, #search-block-form--2 #edit-submit--2 { background-color: transparent !important; border: none !important; color: black !important; visibility: hidden; width: 22px; height: 22px; position: absolute; right: 0; padding: 0px !important; margin: 0px !important; } @media only screen and (max-width: 990px) { #search-block-form #edit-submit, #search-block-form #edit-submit--2, #search-block-form--2 #edit-submit, #search-block-form--2 #edit-submit--2 { margin-bottom: 10px !important; } } #search-block-form #edit-submit:before, #search-block-form #edit-submit--2:before, #search-block-form--2 #edit-submit:before, #search-block-form--2 #edit-submit--2:before { content: ""; display: inline-block; width: 18px; height: 25px; background-image: url("/themes/contrib/lide/images/search.svg"); background-repeat: no-repeat; background-position: center; background-size: auto; visibility: visible; } @media only screen and (min-width: 990px) { #search-block-form { margin-top: 0; margin-bottom: 0; padding: 0 !important; flex-flow: unset !important; } #edit-keys { font-size: 14px; } #edit-sumit { top: -2px; } } .site-footer { background-color: transparent !important; padding: 0px 0 0px !important; } .img-logo-footer { width: 135px; } .div-subs { width: fit-content; } .text-footer_mod { font-size: 14px; text-decoration: none; } .text-footer_mod:hover { color: #fff; text-decoration: none; } .p-footer { max-width: 1058px; width: 100%; font-size: 12px; } .p-suscribite { font-size: 20px; } .input-mod { background-color: var(--bs-primary); border: 0px; border-bottom: 1px solid #fff; font-size: 14px; } .input-mod::placeholder { color: white; } .footer-subs-mod { max-width: 317px; width: 100%; } .footer-rrss-mod { max-width: 270px; width: 100%; } .rrss-white_fb { width: 14px; height: 27px; } .rrss-white_ig { width: 23px; height: 23px; } .rrss-white_yt { width: 28px; height: 20px; } .rrss-white_tw { width: 27px; height: 22px; } .rrss-white_lk { width: 25px; height: 25px; } .text-audit { font-size: 10px; } .img-arrow_up { height: 42px; width: 42px; } .img-lbdo { width: 67px; height: 30px; } .img-beccar { width: 61px; height: 38px; } .btn-enviar { width: fit-content; text-decoration: none; color: #fff; font-size: 16px; background-color: transparent; border: 2px solid #fff; border-radius: 30px; padding: 10px 45px; transition: all 300ms ease; } .btn-enviar:hover { color: #000; background-color: white; } .user-logged-in #unite-footer { display: none; } #sib-form input { outline: white; } @media only screen and (max-width: 767px) { .img-logo-footer { width: 85px; } .btn-enviar { background-color: #fff; color: var(--bs-primary); } .btn-enviar:hover { color: var(--bs-primary); } .border-top_mod { border-top: 1px solid #fff6; } .border-bottom_mod { border-bottom: 1px solid #fff6; } } /*------Colores-------*/ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #3357A2; /*azul LIDE*/ --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #222222; /*black LIDE*/ --bs-white: #fff; --bs-gray: #707070; /*gris LIDE*/ --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #D1D1D1; /*gris claro LIDE*/ --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 51, 87, 162; /*azul LIDE*/ --bs-secondary-rgb: 112, 112, 112; /*gris LIDE*/ --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 209, 209, 209; /*gris claro LIDE*/ --bs-dark-rgb: 34, 34, 34; /*black LIDE*/ --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } /*------Botones-------*/ .btn-primary-lide { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-primary-lide:hover { color: #3357A2; background-color: #fff; border-color: #fff; } .btn-outline-red { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; } .btn-outline-red:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-outline-white-lide, .btn-unite { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .btn-outline-white-lide:hover, .btn-unite:hover { color: #222222; background-color: #fff; border-color: #fff; } @media screen and (max-width: 990px) { .btn-outline-white-lide, .btn-unite { color: #222222; background-color: #fff; border-color: #fff; } } .card-event-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; max-width: 300px; margin: 0 auto; text-align: center; display: block; } .card-event-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-event-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .card-exclusive-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .card-exclusive-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-exclusive-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .download-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .download-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .download-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } /*Boton Cargar Mas en Acumulados*/ .js-pager__items.pager { display: flex; justify-content: center; width: 100%; padding: 0; } .js-pager__items.pager li { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; padding: 0; height: 46px; width: 160px; } .js-pager__items.pager li:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .js-pager__items.pager li a { display: inline-block; width: 100%; height: 100%; padding-top: 6%; font-size: 1rem; text-decoration: none; } /*---------Texto--------*/ .heading { font-family: 'Montserrat', sans-serif; font-weight: 500; } .heading.hero { -webkit-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); font-size: 48px; } @media screen and (max-width: 1399px) { .heading.hero { font-size: 28px; } } .heading.hover-red:hover { color: var(--bs-primary) !important; } .heading > a { text-decoration: none; } /*Medidas custom*/ @media (min-width: 1200px) { .h2-sm { font-size: 1.625rem; /*26*/ } } .h2-sm { font-size: 1.5rem; /*24*/ } .p { /*15*/ /*13*/ } .p-sm { font-size: 0.9375rem; } .p.small1 { font-size: 0.8125rem; } .h6-sm { font-size: 0.875rem; } /*14*/ p { font-family: 'Inter', sans-serif; } a { font-family: inherit; color: inherit; } a:hover { color: inherit; } /*------Divisores----*/ .divider-dark { color: var(--bs-dark); border-top: 2px solid; opacity: 1; } .divider-white { border-top: 1px solid; color: #fff; opacity: 1; } .divider-red { color: var(--bs-primary); border-top: 2px solid; opacity: 1; } .divider-secondary { color: var(--bs-secondary); border-top: 2px solid; opacity: 1; } /*------Otros----*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { /*agrega un poco mas de margin der. e izq. a los containers en mobile*/ --bs-gutter-x: 2.5rem; } .width-fit { width: fit-content; } .arrow-red { background-image: url("/themes/contrib/lide/images/home/arrow-red.svg"); width: 36px; height: 22px; background-position: center; background-size: contain; max-width: 25px !important; background-repeat: no-repeat; } .wave-white-home { background-image: url("/themes/contrib/lide/images/wavesv3.svg"); width: 109px; height: 27px; background-position: center; background-size: cover; } @media screen and (max-width: 990px) { .wave-white-home { width: 80px; height: 18px; } } .slick-next.slick-arrow { background-image: url("/themes/contrib/lide/images/slidernext_whitenew.png"); margin-right: 5px; background-repeat: no-repeat; background-size: contain; } .slick-prev.slick-arrow { background-image: url("/themes/contrib/lide/images/sliderprev_whitenew.png"); margin-left: 5px; background-repeat: no-repeat; background-size: contain; } .slick-arrow:before { content: '' !important; } #main > .row { /*ajusta margin hacia los costados que habilitaba un scroll horizontal*/ --bs-gutter-x: 0; } .node__content { margin-top: 0 !important; } #block-botondebusqueda { /*estandariza tamano barra de busqueda que hacia "glitchear" el ancho de la navbar entre secciones*/ max-width: 153px; width: 100%; } input:focus { outline: 0 !important; box-shadow: none !important; } .form-control:focus { border: 1px solid #ced4da; } .captcha.js-form-wrapper.form-wrapper { color: white; } .captcha.js-form-wrapper.form-wrapper .details-wrapper small.details-description { display: block; } .captcha.js-form-wrapper.form-wrapper .details-wrapper img { margin-bottom: 15px; } /*Acumulado de noticias*/ /*.sec-notas-acumulados{ .view-content{ .views-infinite-scroll-content-wrapper{ @media screen and (max-width: 1199px){ //grid-row-gap: 58px!important; } } .views-row{ &:not(:last-child) .field-content .news-credits{ // @media screen and (max-width: 1199px){ // border-bottom: 1px solid #eae9e8; // } } .custom-test{position: relative; @media screen and (max-width: 989px){ .news-title{ margin-top: 34px!important; } .news-tags{top: 10px !important;} } .news-title{ a{@include transition(all .4s ease-in-out); &:hover{@include transition(all .3s ease); color: var(--bs-primary);} } } .news-tags{ .width-fit{font-size: 0.8125rem!important;} @media screen and (max-width: 767px){ flex-wrap: nowrap!important;white-space: nowrap;width: 100%; overflow: hidden; .width-fit{font-size: 11px!important;} .tag-text{ &:last-child{width: auto;overflow: hidden;text-overflow: ellipsis;} } } .tag-text{ @media screen and (max-width: 989px){ padding-right: 5px; } } @media screen and (max-width: 989px){ font-size: 0.75rem!important; } } .news-credits{ @media screen and (max-width: 1199px){ padding-bottom: 10px!important; bottom: -38px!important; width: 95%; } } .news-body{display: none!important} img{@include transition(all .3s ease); @include box-shadow(0px 0px 1px rgba(0,0,0, .6));} @media screen and (max-width: 989px){ padding-top: 38px; padding-bottom: 38px; } } } } } */ .page-node-673 div div div div div div { --bs-gutter-x: 0rem !important; } .page-node-673 div div div div div div main { padding: 55px 0px; background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/themes/contrib/lide/images/bg-cont-DK.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .page-node-673 div div div div div div main section { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .page-node-673 div div div div div div main section #block-lide-content { width: 100%; margin-bottom: auto; } .page-node-673 div div div div div div main section #block-webform { width: 100%; padding: 40px 30px; background-color: rgba(34, 31, 31, 0.74); } .page-node-673 div div div div div div main section #block-webform div form { padding: 0px 20px; color: #fff; } .page-node-673 div div div div div div main section #block-webform div form div button { font-size: 16px; border-radius: 50px; margin-top: 30px; padding: 15px 40px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .page-node-673 div div div div div div main section #block-webform div form div button:hover { color: #fff; background-color: transparent; border-color: #fff; } .page-node-673 div div div div div div main section #block-webform div form div button:focus { color: #222222; background-color: #fff; border-color: #fff; outline: 0; box-shadow: none; } .page-node-673 div div div div div div main section #block-webform div form div div textarea { color: #fff; background-color: rgba(34, 31, 31, 0.15) !important; border-radius: 15px; border: 1px solid #716F6F; margin-top: 10px; } .page-node-673 div div div div div div main section #block-webform div form div div textarea:focus { outline: 0; box-shadow: none; } .page-node-673 div div div div div div main section #block-webform div form div input { color: #fff; background-color: rgba(34, 31, 31, 0.15) !important; border-radius: 20px; border: 1px solid #716F6F; margin-top: 10px; } .page-node-673 div div div div div div main section #block-webform div form div input:focus { outline: 0; box-shadow: none; } .page-node-673 div div div div div div main .section { --bs-gutter-x: 0rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } .div-contacts { width: 100%; } .div-contacts .h2-contact { font-size: 28px; margin-bottom: 80px; font-weight: 400; letter-spacing: 2px; } .div-contacts .p-tel-contact { font-size: 18px; margin-bottom: 30px; } .div-contacts .p-mail-contact { font-size: 18px; padding: 40px 0px; margin-bottom: 30px; border-top: 1px solid; border-bottom: 1px solid; border-color: gray; } .div-contacts .div-map-contact { display: flex; flex-direction: row; align-items: flex-start; } .div-contacts .div-map-contact img { margin-right: 28px; } .div-contacts .div-map-contact p { font-size: 18px; margin-top: -5px; } .div-contacts .icon-contact { width: 22px; height: auto; margin-right: 22px; } @media only screen and (min-width: 576px) { .page-node-673 div div div div div div main .section { max-width: 540px; --bs-gutter-x: 2.5rem; } } @media only screen and (min-width: 768px) { .page-node-673 div div div div div div main section #block-lide-content { width: 100%; margin-bottom: auto; } .page-node-673 div div div div div div main section #block-webform { width: 100%; } .page-node-673 div div div div div div main section #block-webform div form { color: #fff; } .page-node-673 div div div div div div main section #block-webform div form .form-item-name { width: 46%; display: inline-block; } .page-node-673 div div div div div div main section #block-webform div form .form-item-last-name { width: 46%; display: inline-block; margin-left: 30px; } .page-node-673 div div div div div div main section #block-webform div form .form-item-email { width: 46%; display: inline-block; } .page-node-673 div div div div div div main section #block-webform div form .form-item-company { width: 46%; display: inline-block; margin-left: 30px; } .page-node-673 div div div div div div main section #block-webform div form .form-item-message { width: 100%; } .page-node-673 div div div div div div main .section { max-width: 720px; --bs-gutter-x: 2.5rem; } .div-contacts { width: 100%; } } @media only screen and (min-width: 992px) { .page-node-673 div div div div div div main section { flex-direction: row; } .page-node-673 div div div div div div main section #block-lide-content { width: 40%; margin-bottom: auto; } .page-node-673 div div div div div div main section #block-webform { width: 55%; } .page-node-673 div div div div div div main section #block-webform div form .form-item-name { width: 46%; display: inline-block; } .page-node-673 div div div div div div main section #block-webform div form .form-item-last-name { width: 46%; display: inline-block; margin-left: 20px; } .page-node-673 div div div div div div main section #block-webform div form .form-item-email { width: 46%; display: inline-block; } .page-node-673 div div div div div div main section #block-webform div form .form-item-company { width: 46%; display: inline-block; margin-left: 20px; } .page-node-673 div div div div div div main section #block-webform div form .form-item-message { width: 100%; } .page-node-673 div div div div div div main .section { max-width: 960px; --bs-gutter-x: 1rem; } .div-contacts { width: auto; } } @media only screen and (min-width: 1200px) { .page-node-673 div div div div div div main section { flex-direction: row; } .page-node-673 div div div div div div main section #block-lide-content { width: 40%; margin-bottom: auto; } .page-node-673 div div div div div div main section #block-webform { width: 55%; } .page-node-673 div div div div div div main section #block-webform div form .form-item-name { width: 47%; display: inline-block; } .page-node-673 div div div div div div main section #block-webform div form .form-item-last-name { width: 47%; display: inline-block; margin-left: 20px; } .page-node-673 div div div div div div main section #block-webform div form .form-item-email { width: 47%; display: inline-block; } .page-node-673 div div div div div div main section #block-webform div form .form-item-company { width: 47%; display: inline-block; margin-left: 20px; } .page-node-673 div div div div div div main section #block-webform div form .form-item-message { width: 100%; } .page-node-673 div div div div div div main .section { max-width: 1140px; --bs-gutter-x: 0rem; } } @media only screen and (min-width: 1400px) { .page-node-673 div div div div div div main section { flex-direction: row; } .page-node-673 div div div div div div main section #block-lide-content { width: 40%; margin-bottom: auto; } .page-node-673 div div div div div div main section #block-webform { width: 55%; } .page-node-673 div div div div div div main section #block-webform div form .form-item-name { width: 48%; display: inline-block; } .page-node-673 div div div div div div main section #block-webform div form .form-item-last-name { width: 48%; display: inline-block; margin-left: 15px; } .page-node-673 div div div div div div main section #block-webform div form .form-item-email { width: 48%; display: inline-block; } .page-node-673 div div div div div div main section #block-webform div form .form-item-company { width: 48%; display: inline-block; margin-left: 15px; } .page-node-673 div div div div div div main section #block-webform div form .form-item-message { width: 100%; } .page-node-673 div div div div div div main .section { max-width: 1320px; --bs-gutter-x: 0rem; } } @media only screen and (max-width: 992px) { .page-node-673 div div div div div div main section { flex-direction: column; } .page-node-673 div div div div div div main section #block-lide-content { padding: 0px 40px; margin-bottom: 40px; } } @media only screen and (max-width: 575px) { .page-node-673 div div div div div div main { padding: 55px 0px 0px; } .page-node-673 div div div div div div main section #block-lide-content { padding: 0px 40px; } .page-node-673 div div div div div div main section #block-webform { background-color: #221f1f; } .page-node-673 div div div div div div main section #block-webform div form { padding: 0; } .page-node-673 div div div div div div main section #block-webform div form div button { width: 100%; font-size: 16px; border-radius: 50px; margin-top: 30px; padding: 15px 40px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .page-node-673 div div div div div div main section #block-webform div form div button:hover { color: #fff; background-color: transparent; border-color: #fff; } .icon-contact { margin-right: 8px !important; } .div-map-contact img { margin-right: 14px !important; } } .form-required::after { background-image: url(/themes/contrib/bootstrap_barrio/images/required.svg) !important; } /*Pagina interna de evento especifico*/ .div-evento { background-color: #fbf9f8; box-shadow: 0px 0px 20px -3px #0000001f; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .div-evento .flag-link-container .flag.flag-evento-guardado { width: 65px; background-repeat: no-repeat; height: 65px; position: absolute; top: 10px; overflow: hidden; right: 10px; } .div-evento .flag-link-container .flag.flag-evento-guardado.action-unflag { background-image: url("/themes/contrib/lide/images/heart_full.svg"); } .div-evento .flag-link-container .flag.flag-evento-guardado.action-flag { background-image: url("/themes/contrib/lide/images/heart_empty.svg"); } .div-evento .flag-link-container .flag.flag-evento-guardado > a { text-indent: -70px; display: block; height: 100%; } .div-evento .img-evento { display: block; background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; } .div-evento .img-evento img { width: auto; height: 95px; margin-top: 1rem; margin-bottom: 1rem; margin-left: 40px; } .div-evento .div-body-evento .div-sub-evento { display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; } .div-evento .div-body-evento .div-sub-evento .div-date-evento { display: flex; flex-direction: column; align-items: center; } .div-evento .div-body-evento .div-sub-evento .div-date-evento div .p-body { font-size: 18px; } .div-evento .div-body-evento .div-sub-evento .div-date-evento .p-date-day { font-size: 56px; line-height: 35px; } .div-evento .div-body-evento .div-sub-evento .div-date-evento .p-date-month { font-size: 16px; } @media only screen and (max-width: 767px) { .div-evento .img-evento img { margin-left: 0px; } } @media only screen and (max-width: 400px) { .div-evento .img-evento { width: 100%; } .div-evento .img-evento img { width: 100%; max-width: 100%; height: auto; margin-left: 0px; } } /*Cinturon de Tags en diferentes tipos de noticias y acumulados de noticias*/ /*----Estilado para mensajes de alerta cuando se envian formularios---*/ .alert-wrapper .alert-success, .alert-wrapper .alert-danger { border-left: #3357A2 15px solid; font-family: 'Montserrat', sans-serif; color: white; background-color: var(--bs-gray-dark); text-transform: uppercase; letter-spacing: 2px; display: flex; align-items: center; --bs-alert-bg: white; --bs-alert-border-color: white; } .alert-wrapper .alert-success:before, .alert-wrapper .alert-danger:before { background-image: url("/themes/contrib/lide/images/check-blue.svg"); height: 2rem; margin-right: 10px; } .alert-wrapper .alert-success em.placeholder, .alert-wrapper .alert-danger em.placeholder { margin-right: 5px; margin-left: 5px; } .alert-wrapper .alert-success button.btn-close, .alert-wrapper .alert-danger button.btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; } .card-event { position: relative; box-shadow: -1px 3px 11px 0px rgba(0, 0, 0, 0.16); height: 100%; min-height: 410px; } .card-event > div:first-child { height: 130px !important; } .card-event img { height: intrinsic; } .card-event .flag.flag-evento-guardado { width: 65px; background-repeat: no-repeat; height: 65px; position: absolute; top: 10px; overflow: hidden; right: 10px; } .card-event .flag.flag-evento-guardado.action-unflag { background-image: url("/themes/contrib/lide/images/heart_full.svg"); } .card-event .flag.flag-evento-guardado.action-flag { background-image: url("/themes/contrib/lide/images/heart_empty.svg"); } .card-event .flag.flag-evento-guardado > a { text-indent: -70px; display: block; height: 100%; } .card-event .text-container { background-color: #fbf9f8; width: 100%; flex-grow: 1; display: flex; flex-direction: column; } .card-event .text-container > a { margin-top: auto !important; } @media screen and (max-width: 576px) { .card-event .text-container { margin-top: 10px; } } .card-event .text-container .event-title { height: 48px; width: 90%; max-width: 100%; height: auto; margin-bottom: 5px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; } @media screen and (max-width: 767px) { .card-event .text-container .event-title { font-size: 18px; } } @media screen and (max-width: 576px) { .card-event .text-container .event-title { -webkit-line-clamp: 2; } } @media screen and (min-width: 577px) and (max-width: 1440px) { .card-event .text-container .event-title { height: 75px; } } .card-event .text-container .event-body { font-size: 14px; color: var(--bs-gray); /*limita el texto a 3 lineas con elipsis en browsers webkit*/ -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; } @media screen and (max-width: 576px) { .card-event .text-container .event-body { -webkit-line-clamp: 1; } } .card-event .text-container .date-category-container .date-event-day { font-size: 56px; line-height: 35px; } @media screen and (max-width: 1025px) { .card-event .text-container .date-category-container .date-event-day { font-size: 40px; } } .card-event .text-container .date-category-container .category { font-size: 14px; } @media screen and (max-width: 576px) { .card-event .text-container a { position: absolute; bottom: 35px; width: 90%; max-width: 100%; right: 0; left: 0; margin: auto; } } .node.node--type-event.node--promoted.node--view-mode-full.clearfix { position: relative; } /*------Colores-------*/ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #3357A2; /*azul LIDE*/ --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #222222; /*black LIDE*/ --bs-white: #fff; --bs-gray: #707070; /*gris LIDE*/ --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #D1D1D1; /*gris claro LIDE*/ --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 51, 87, 162; /*azul LIDE*/ --bs-secondary-rgb: 112, 112, 112; /*gris LIDE*/ --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 209, 209, 209; /*gris claro LIDE*/ --bs-dark-rgb: 34, 34, 34; /*black LIDE*/ --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } /*------Botones-------*/ .btn-primary-lide { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-primary-lide:hover { color: #3357A2; background-color: #fff; border-color: #fff; } .btn-outline-red { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; } .btn-outline-red:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-outline-white-lide, .btn-unite { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .btn-outline-white-lide:hover, .btn-unite:hover { color: #222222; background-color: #fff; border-color: #fff; } @media screen and (max-width: 990px) { .btn-outline-white-lide, .btn-unite { color: #222222; background-color: #fff; border-color: #fff; } } .card-event-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; max-width: 300px; margin: 0 auto; text-align: center; display: block; } .card-event-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-event-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .card-exclusive-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .card-exclusive-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-exclusive-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .download-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .download-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .download-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } /*Boton Cargar Mas en Acumulados*/ .js-pager__items.pager { display: flex; justify-content: center; width: 100%; padding: 0; } .js-pager__items.pager li { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; padding: 0; height: 46px; width: 160px; } .js-pager__items.pager li:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .js-pager__items.pager li a { display: inline-block; width: 100%; height: 100%; padding-top: 6%; font-size: 1rem; text-decoration: none; } /*---------Texto--------*/ .heading { font-family: 'Montserrat', sans-serif; font-weight: 500; } .heading.hero { -webkit-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); font-size: 48px; } @media screen and (max-width: 1399px) { .heading.hero { font-size: 28px; } } .heading.hover-red:hover { color: var(--bs-primary) !important; } .heading > a { text-decoration: none; } /*Medidas custom*/ @media (min-width: 1200px) { .h2-sm { font-size: 1.625rem; /*26*/ } } .h2-sm { font-size: 1.5rem; /*24*/ } .p { /*15*/ /*13*/ } .p-sm { font-size: 0.9375rem; } .p.small1 { font-size: 0.8125rem; } .h6-sm { font-size: 0.875rem; } /*14*/ p { font-family: 'Inter', sans-serif; } a { font-family: inherit; color: inherit; } a:hover { color: inherit; } /*------Divisores----*/ .divider-dark { color: var(--bs-dark); border-top: 2px solid; opacity: 1; } .divider-white { border-top: 1px solid; color: #fff; opacity: 1; } .divider-red { color: var(--bs-primary); border-top: 2px solid; opacity: 1; } .divider-secondary { color: var(--bs-secondary); border-top: 2px solid; opacity: 1; } /*------Otros----*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { /*agrega un poco mas de margin der. e izq. a los containers en mobile*/ --bs-gutter-x: 2.5rem; } .width-fit { width: fit-content; } .arrow-red { background-image: url("/themes/contrib/lide/images/home/arrow-red.svg"); width: 36px; height: 22px; background-position: center; background-size: contain; max-width: 25px !important; background-repeat: no-repeat; } .wave-white-home { background-image: url("/themes/contrib/lide/images/wavesv3.svg"); width: 109px; height: 27px; background-position: center; background-size: cover; } @media screen and (max-width: 990px) { .wave-white-home { width: 80px; height: 18px; } } .slick-next.slick-arrow { background-image: url("/themes/contrib/lide/images/slidernext_whitenew.png"); margin-right: 5px; background-repeat: no-repeat; background-size: contain; } .slick-prev.slick-arrow { background-image: url("/themes/contrib/lide/images/sliderprev_whitenew.png"); margin-left: 5px; background-repeat: no-repeat; background-size: contain; } .slick-arrow:before { content: '' !important; } #main > .row { /*ajusta margin hacia los costados que habilitaba un scroll horizontal*/ --bs-gutter-x: 0; } .node__content { margin-top: 0 !important; } #block-botondebusqueda { /*estandariza tamano barra de busqueda que hacia "glitchear" el ancho de la navbar entre secciones*/ max-width: 153px; width: 100%; } input:focus { outline: 0 !important; box-shadow: none !important; } .form-control:focus { border: 1px solid #ced4da; } .captcha.js-form-wrapper.form-wrapper { color: white; } .captcha.js-form-wrapper.form-wrapper .details-wrapper small.details-description { display: block; } .captcha.js-form-wrapper.form-wrapper .details-wrapper img { margin-bottom: 15px; } /*Acumulado de noticias*/ /*.sec-notas-acumulados{ .view-content{ .views-infinite-scroll-content-wrapper{ @media screen and (max-width: 1199px){ //grid-row-gap: 58px!important; } } .views-row{ &:not(:last-child) .field-content .news-credits{ // @media screen and (max-width: 1199px){ // border-bottom: 1px solid #eae9e8; // } } .custom-test{position: relative; @media screen and (max-width: 989px){ .news-title{ margin-top: 34px!important; } .news-tags{top: 10px !important;} } .news-title{ a{@include transition(all .4s ease-in-out); &:hover{@include transition(all .3s ease); color: var(--bs-primary);} } } .news-tags{ .width-fit{font-size: 0.8125rem!important;} @media screen and (max-width: 767px){ flex-wrap: nowrap!important;white-space: nowrap;width: 100%; overflow: hidden; .width-fit{font-size: 11px!important;} .tag-text{ &:last-child{width: auto;overflow: hidden;text-overflow: ellipsis;} } } .tag-text{ @media screen and (max-width: 989px){ padding-right: 5px; } } @media screen and (max-width: 989px){ font-size: 0.75rem!important; } } .news-credits{ @media screen and (max-width: 1199px){ padding-bottom: 10px!important; bottom: -38px!important; width: 95%; } } .news-body{display: none!important} img{@include transition(all .3s ease); @include box-shadow(0px 0px 1px rgba(0,0,0, .6));} @media screen and (max-width: 989px){ padding-top: 38px; padding-bottom: 38px; } } } } } */ /*---Home Hero---*/ .page-view-home #block-lide-content .content .views-element-container .view.view-home.view-id-home.view-display-id-page_2 .view-content { margin-right: 0px; margin-left: 0px; --bs-gutter-x: 0px; } .page-view-home #block-lide-content .content .views-element-container .view.view-home.view-id-home.view-display-id-page_2 .view-content .views-row { padding-left: 0px; padding-right: 0px; } .hero-home { position: relative; min-height: 250px; } .hero-home:before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; -webkit-box-shadow: 15px -630px 200px -100px rgba(0, 0, 0, 0.2) inset, 15px -230px 100px -40px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 15px -630px 200px -100px rgba(0, 0, 0, 0.2) inset, 15px -230px 100px -40px rgba(0, 0, 0, 0.3) inset; box-shadow: 15px -630px 200px -100px rgba(0, 0, 0, 0.2) inset, 15px -230px 100px -40px rgba(0, 0, 0, 0.3) inset; } @media screen and (min-width: 992px) { .hero-home { min-height: 320px; } } @media screen and (min-width: 1199px) { .hero-home { min-height: 450px; } } /*---Proximos Eventos---*/ #block-views-block-events-block-1 .view-header { padding-bottom: 30px; display: flex; flex-direction: column; width: 100%; } #block-views-block-events-block-1 .view-content.row { width: 100%; } #block-views-block-events-block-1 .content div .view-events.view-id-events.view-display-id-block_1 .more-link { width: 100%; margin-top: 2rem; display: flex; justify-content: center; } #block-views-block-events-block-1 .content div .view-events.view-id-events.view-display-id-block_1 .more-link a { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #block-views-block-events-block-1 .content div .view-events.view-id-events.view-display-id-block_1 .more-link a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #3357A2; background-color: transparent; border-color: #3357A2; } #slick-views-events-block-block-1-1, #slick-views-events-block-block-2-1 { min-height: 450px; max-width: 100vw; padding: 0; width: 100%; } @media screen and (min-width: 576px) and (max-width: 990px) { #slick-views-events-block-block-1-1, #slick-views-events-block-block-2-1 { max-width: 90vw; } } #slick-views-events-block-block-1-1 .slick__slide, #slick-views-events-block-block-2-1 .slick__slide { display: flex; align-items: center; } @media screen and (min-width: 1024px) { #slick-views-events-block-block-1-1 .slick__slide, #slick-views-events-block-block-2-1 .slick__slide { width: 33% !important; } } #slick-views-events-block-block-1-1 .slick__slide .views-field, #slick-views-events-block-block-2-1 .slick__slide .views-field { width: 100%; height: 100%; padding: 10px; } @media screen and (min-width: 576px) and (max-width: 990px) { #slick-views-events-block-block-1-1 .slick__slide .field-content, #slick-views-events-block-block-2-1 .slick__slide .field-content { width: 100%; } } #slick-views-events-block-block-1-1 .slick__slide .card-event .content-text, #slick-views-events-block-block-2-1 .slick__slide .card-event .content-text { width: 100%; /*max-width: 300px*/ display: flex; margin: 0 auto; height: 100%; flex-direction: column; } #slick-views-events-block-block-1-1 .slick__slide .card-event .content-text .card-event-content-btn, #slick-views-events-block-block-2-1 .slick__slide .card-event .content-text .card-event-content-btn { margin-top: auto; } #slick-views-events-block-block-1-1 .slick__slide .card-event .content-text .date-event-month, #slick-views-events-block-block-2-1 .slick__slide .card-event .content-text .date-event-month { font-size: 15px; text-align: center; padding-top: 7px; } #slick-views-events-block-block-1-1 .slick-list .slick-track, #slick-views-events-block-block-2-1 .slick-list .slick-track { height: 450px; } @media screen and (min-width: 1024px) { #slick-views-events-block-block-1-1 .slick-list .slick-track, #slick-views-events-block-block-2-1 .slick-list .slick-track { width: 100% !important; display: flex; justify-content: center; } } #slick-views-events-block-block-1-1 button.slick-arrow, #slick-views-events-block-block-2-1 button.slick-arrow { background-position: center; } @media screen and (max-width: 991px) { #slick-views-events-block-block-1-1 button.slick-arrow.slick-next, #slick-views-events-block-block-2-1 button.slick-arrow.slick-next { background-image: url(/themes/contrib/lide/images/slidernext_black.png); width: 12px; right: 0 !important; } #slick-views-events-block-block-1-1 button.slick-arrow.slick-prev, #slick-views-events-block-block-2-1 button.slick-arrow.slick-prev { background-image: url(/themes/contrib/lide/images/sliderprev_black.png); width: 12px; left: 0 !important; } } /*----Block actividades exclusivas-----*/ #block-views-block-activities-block-2 { background-color: #221F1F; } #block-views-block-activities-block-2 .view-header { padding-bottom: 30px; } #block-views-block-activities-block-2 .view-header .activ-excl-bajada { letter-spacing: 2px; } @media screen and (max-width: 577px) { #block-views-block-activities-block-2 .view-header .activ-excl-bajada { font-size: 14px; } } #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row { display: flex; justify-content: center; margin-bottom: 1rem; } #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field { height: 100%; } #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field .field-content div.card-exclusive { height: auto; } #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field .field-content div.card-exclusive .card-image-overlay .text-container .event-title-container .event-title { font-size: 22px; letter-spacing: 3px; text-transform: uppercase; } @media screen and (max-width: 989px) { #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field .field-content div.card-exclusive .card-image-overlay .text-container .event-title-container .event-title { width: 100%; font-size: 20px; } } @media screen and (min-width: 1400px) { #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field .field-content div.card-exclusive .card-image-overlay .text-container .event-title-container .event-title { width: 70%; font-size: 25px; display: flex; align-items: center; margin-bottom: 15px; } } #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field .field-content div.card-exclusive .card-image-overlay .text-container .event-title-container .line-red { height: 65px; background-color: #3357A2; width: 5px; } #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field .field-content div.card-exclusive .alpha { box-shadow: 15px -190px 50px -90px #000000bf inset; height: 100%; width: 100%; position: absolute; } #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field .field-content div.card-exclusive .beta { box-shadow: -15px 70px 200px -50px #000000bf inset; height: 100%; width: 100%; position: absolute; } #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field .field-content div.card-exclusive img { width: 100%; } @media screen and (min-width: 577px) and (max-width: 1399px) { #block-views-block-activities-block-2 .content div .view-activities.view-id-activities.view-display-id-block_2 .view-content.row .views-field .field-content div.card-exclusive img { height: 100%; padding: 0; } } .sec-slider-actividades-exc .slick-list .slick-track .slick__slide { padding-right: 10px; padding-left: 10px; } .sec-slider-actividades-exc nav.slick__arrow button { height: 50px; width: 30px; } /*----Nuestros Miembros----*/ #block-views-block-members-block-1 .view-content { justify-content: center; margin-bottom: 1rem; } #block-views-block-members-block-1 .view-footer { display: flex; justify-content: center; } #block-views-block-members-block-1 .view-footer .btn-outline-red p { font-size: 1rem; } @media screen and (min-width: 576px) { #block-views-block-members-block-1 .view-footer { display: none; } } .sec-slider-miembros .slick { padding-bottom: 30px; } .sec-slider-miembros .slick .slick-slider { width: calc(100% - 70px); margin: 0 auto; } .sec-slider-miembros .slick .slick-slider .slick-slide div .field-content { width: 100% !important; display: flex !important; justify-content: center; align-items: center; height: 8vw; padding: 4.5vw; } @media screen and (max-width: 576px) { .sec-slider-miembros .slick .slick-slider .slick-slide div .field-content { height: 25vw; padding: 4vw !important; } } @media screen and (min-width: 577px) and (max-width: 1200px) { .sec-slider-miembros .slick .slick-slider .slick-slide div .field-content { height: 20vw; padding: 5vw !important; } } @media screen and (min-width: 1201px) and (max-width: 1440px) { .sec-slider-miembros .slick .slick-slider .slick-slide div .field-content { height: 12vw; } } .sec-slider-miembros .slick .slick-slider .slick-slide div .field-content img { width: auto; } .sec-slider-miembros .slick .slick__arrow button.slick-arrow { background-position: center; width: 12px; } .sec-slider-miembros .slick .slick__arrow button.slick-arrow.slick-next { background-image: url(/themes/contrib/lide/images/slidernext_black.png); } @media (min-width: 1200px) { .sec-slider-miembros .slick .slick__arrow button.slick-arrow.slick-next { right: 5px; } } .sec-slider-miembros .slick .slick__arrow button.slick-arrow.slick-prev { background-image: url(/themes/contrib/lide/images/sliderprev_black.png); } @media (min-width: 1200px) { .sec-slider-miembros .slick .slick__arrow button.slick-arrow.slick-prev { left: 5px; } } #block-homeunitealideargentina { margin-bottom: 50px; } /*---Ultimas Noticias----*/ #block-views-block-news-block-1 { background-color: #FBF9F8; padding-bottom: 50px; } #block-views-block-news-block-1 .content > div > div .view-header { padding-bottom: 30px; } #block-views-block-news-block-1 .content > div > div .view-content { /*layout de ultimas noticias en Home - ajuste nuevo feb 23*/ display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 0px; grid-row-gap: 25px; height: 550px; } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content { grid-template-columns: 1fr; grid-template-rows: repeat(5, 1fr); height: auto; } } @media screen and (max-width: 1399px) { #block-views-block-news-block-1 .content > div > div .view-content { grid-template-columns: 1fr; grid-template-rows: repeat(1, 1fr); grid-row-gap: 60px; grid-column-gap: 0px; height: auto; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child { grid-area: 1/1/2/2 !important; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:nth-child(2) { grid-area: 2/1/3/2 !important; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:nth-child(3) { grid-area: 3/1/4/2 !important; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:nth-child(4) { grid-area: 4/1/5/2 !important; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-container { height: fit-content; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content img { width: 100%; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-tags { margin-top: 0 !important; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .news-credits { bottom: 0 !important; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .custom-test img { width: 252px; height: auto; } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .custom-test img { width: 140px; } } @media screen and (min-width: 768px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .custom-test .news-tags { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .custom-test .news-tags { top: 20px; } } @media screen and (min-width: 768px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .custom-test .news-credits { left: 270px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .custom-test .news-credits { bottom: 30px !important; width: fit-content; } } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .custom-test .news-title { font-size: 0.8rem; line-height: 18px; } } @media screen and (min-width: 768px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .custom-test .news-title { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row .field-content .custom-test .news-title { font-size: 1.1rem; top: 20px; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child { grid-area: 1 / 1 / 4 / 2; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content { /* @media screen and (min-width: 768px) and (max-width: 1024px){ display: block; margin-bottom: 3rem; }*/ } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test { background-color: #221F1F; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test .news-title { left: 20px; } @media screen and (max-width: 410px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test .news-title { top: 250px; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test .news-tags { left: 20px; } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test .news-tags { top: 10px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test .news-tags { z-index: 5; top: 20px; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test img { height: auto; margin-bottom: 125px; margin-top: 60px; } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test img { margin-bottom: 100px; } } @media screen and (min-width: 1200px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test img { margin-bottom: 200px; } } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content { grid-area: 1 / 1 / 3 / 2; } } @media screen and (max-width: 989px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .custom-test { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 2rem; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content img { width: 700px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content img { width: 100%; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .alpha { content: " "; width: 100%; height: 100%; left: 0; top: 0; box-shadow: 15px -230px 200px -50px #000000 inset; opacity: 0.3; position: absolute; overflow: hiddden; z-index: 0; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .alpha.custom-shadow { box-shadow: none !important; opacity: 0.8 !important; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .alpha.custom-shadow:before { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 15px -230px 200px -150px #000000bf inset, 15px -230px 100px -40px #000000bf inset; -moz-box-shadow: 15px -230px 200px -150px #000000bf inset, 15px -230px 100px -40px #000000bf inset; box-shadow: 15px -230px 200px -150px #000000bf inset, 15px -230px 100px -40px #000000bf inset; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .news-tags { position: relative; left: 0px; top: 20px; width: auto; color: var(--bs-primary); font-weight: bold; display: flex; flex-wrap: wrap; } @media screen and (max-width: 1199px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .news-tags { top: 10px; z-index: 2; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .news-tags .tag-text { padding-right: 15px; } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .news-title { left: 0px; right: 20px; top: 35px; bottom: 0px; width: auto; font-size: 1.75rem; position: relative; color: black; } @media screen and (max-width: 1399px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .news-title { font-size: 1.25rem; top: 15px; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .news-credits { left: 0px; width: auto; top: 35px; bottom: 0px; position: relative; display: flex; } @media screen and (max-width: 576px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .news-credits { top: 15px; font-size: 14px; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .news-credits .text-author { color: var(--bs-gray-dark); } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child .field-content .news-credits .text-date { color: var(--bs-secondary); } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child:nth-child(2) { grid-area: 1 / 2 / 2 / 3; /*@media screen and (min-width: 768px) and (max-width: 1024px){ display: block; margin-bottom: 3rem; }*/ } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child:nth-child(2) { grid-area: 3 / 1 / 4 / 2; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child:nth-child(3) { grid-area: 2 / 2 / 3 / 3; } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child:nth-child(3) { grid-area: 4 / 1 / 5 / 2; } } @media screen and (min-width: 768px) and (max-width: 1024px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child:nth-child(3) { display: block; } } #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child:nth-child(4) { grid-area: 3 / 2 / 4 / 3; } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child:nth-child(4) { grid-area: 5 / 1 / 6 / 2; } } @media screen and (min-width: 768px) and (max-width: 1024px) { #block-views-block-news-block-1 .content > div > div .view-content .views-row:first-child:nth-child(4) { display: block; } } @media screen and (max-width: 576px) { #block-views-block-news-block-1 .content > div > div .view-content > .views-row:first-child .news-container .tags-mb { top: 215px; } } #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test { position: relative; } #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test .news-title a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test .news-title a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--bs-primary); } #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags { /*13*/ } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags { flex-wrap: nowrap; white-space: nowrap; width: 100%; overflow: hidden; } #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags .tag-text:last-child { width: auto; overflow: hidden; text-overflow: ellipsis; } } #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags .width-fit { font-size: 0.8125rem !important; } @media screen and (max-width: 767px) { #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags .width-fit { font-size: 11px !important; } } @media screen and (max-width: 989px) { #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags .tag-text { padding-right: 5px; } } @media screen and (max-width: 989px) { #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags { font-size: 0.75rem !important; /*12*/ } } #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); } @media screen and (max-width: 989px) { #block-views-block-news-block-1 .content > div > div .view-content > .views-row .custom-test { padding-top: 25px; padding-bottom: 28px; } } /*---LIDE TV----*/ #block-views-block-videos-block-2 { background-color: #221F1F; } #block-views-block-videos-block-2 .content .content.container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 65px; grid-row-gap: 10px; height: 100%; } @media screen and (max-width: 989px) { #block-views-block-videos-block-2 .content .content.container { grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr); grid-row-gap: 30px; } } @media screen and (max-width: 576px) { #block-views-block-videos-block-2 .content .content.container { grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr); grid-column-gap: 0px; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container { display: flex; position: relative; width: 100%; flex-direction: column; } @media screen and (max-width: 576px) { #block-views-block-videos-block-2 .content .content.container .news-tv-container { height: 100%; justify-content: space-evenly; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container img { width: 100%; height: auto; } #block-views-block-videos-block-2 .content .content.container .news-tv-container .tv-title { width: 100%; font-size: 1rem; } #block-views-block-videos-block-2 .content .content.container .news-tv-container .tv-title > a { text-decoration: none; } #block-views-block-videos-block-2 .content .content.container .news-tv-container .tv-title > a:hover { color: var(--bs-primary); } #block-views-block-videos-block-2 .content .content.container .news-tv-container .tv-date { width: 100%; bottom: 0px; font-size: 12px; color: var(--bs-secondary); } #block-views-block-videos-block-2 .content .content.container .news-tv-container:first-child { grid-area: 1 / 1 / 6 / 4; } @media screen and (max-width: 990px) { #block-views-block-videos-block-2 .content .content.container .news-tv-container:first-child { grid-area: 1 / 1 / 2 / 2; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container:first-child div.ratio { height: auto; } #block-views-block-videos-block-2 .content .content.container .news-tv-container:first-child img { display: none; } #block-views-block-videos-block-2 .content .content.container .news-tv-container:first-child .tv-title { font-size: 24px; font-weight: bold; } @media screen and (max-width: 990px) { #block-views-block-videos-block-2 .content .content.container .news-tv-container:first-child .tv-title { font-size: 1.25rem; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container:first-child .tv-date { width: auto; display: flex; } #block-views-block-videos-block-2 .content .content.container .news-tv-container:first-child .tv-date .text-date { color: #cacbcd; } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(2) { grid-area: 1 / 4 / 2 / 5; } @media screen and (max-width: 990px) { #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(2) div.ratio { display: none; } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(2) .tv-title { font-size: 14px; } @media screen and (max-width: 990px) { #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(2) .tv-title { font-size: 1rem; margin-bottom: 0; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(2) .tv-date { display: none; } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(3) { grid-area: 2 / 4 / 3 / 5; } @media screen and (max-width: 990px) { #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(3) { grid-area: 3 / 1 / 4 / 2; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(3) div.ratio { display: none; } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(3) .tv-title { font-size: 14px; } @media screen and (max-width: 990px) { #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(3) .tv-title { font-size: 1rem; margin-bottom: 0; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(3) .tv-date { display: none; } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(4) { grid-area: 3 / 4 / 4 / 5; } @media screen and (max-width: 990px) { #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(4) { grid-area: 4 / 1 / 5 / 2; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(4) div.ratio { display: none; } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(4) .tv-title { font-size: 14px; } @media screen and (max-width: 990px) { #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(4) .tv-title { font-size: 1rem; margin-bottom: 0; } } #block-views-block-videos-block-2 .content .content.container .news-tv-container:nth-child(4) .tv-date { display: none; } /*---Informes 2 noticias destacadas----*/ @media screen and (max-width: 576px) { div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 { overflow: hidden; } } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 .view-header { padding-bottom: 30px; } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } @media screen and (max-width: 1339px) { div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content { display: flex; grid-template-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 40px; padding-bottom: 20px; } } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content img { width: 100%; height: auto; margin-bottom: 1rem; } @media screen and (max-width: 575px) { div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content img { position: relative; height: auto; } } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-tags { width: auto; color: var(--bs-primary); flex-wrap: wrap; padding-right: 25px; position: relative; margin-top: 0; left: 0; margin-bottom: 0.75rem; } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-tags .tag-text { padding-right: 15px; margin-bottom: 0; } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-tags .tag-text a { text-decoration: none; } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-title { width: auto; font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; position: relative; left: 0; top: auto; } @media screen and (max-width: 576px) { div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-title { font-size: 1.25rem; } } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-title a { text-decoration: none; } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-title a:hover { color: var(--bs-primary); } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-body { color: var(--bs-secondary); } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-credits { width: auto; display: flex; position: relative; left: auto; } @media screen and (max-width: 576px) { div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-credits { font-size: 12px; } } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row:first-child { grid-area: 1 / 1 / 3 / 2; } @media screen and (max-width: 1339px) { div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row:first-child { grid-area: 1 / 1 / 2 / 2; } } div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row:nth-child(2) { grid-area: 1 / 2 / 3 / 3; } @media screen and (max-width: 1339px) { div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content .views-row:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } } @media screen and (max-width: 1399px) { div.view.view-reading-room.view-id-reading_room.view-display-id-page_2 > .view-content { height: 1400px; grid-row-gap: 70px; } } /*---Informes: acumulado----*/ #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 40px; height: auto; } @media screen and (max-width: 576px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper > :not(:last-child) { border-bottom: 1px solid #eae9e8; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-template-columns: 1fr; grid-row-gap: 90px; height: auto; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-row-gap: 40px; } } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-container { height: fit-content; } } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; } } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 0 !important; } } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 250px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 10px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 14px; } } @media screen and (min-width: 990px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 13px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; left: 0px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: 270px; width: calc(100% - 270px); margin-top: 0px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 0px; width: fit-content; display: flex; margin-bottom: 20px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 270px; width: fit-content; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 30px !important; width: fit-content; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.8rem; line-height: 15px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; line-height: normal; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { top: 20px; } } @media screen and (max-width: 990px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row:not(:last-child) .field-content .news-credits { padding-bottom: 10px; width: fit-content; bottom: -45px; } } #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 20px; } @media screen and (max-width: 576px) { #block-views-block-reading-room-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 0; } } /*---Entrevista: destacada ----*/ @media screen and (max-width: 990px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_3 { overflow: hidden; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 .view-header { padding-bottom: 30px; } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span { position: relative; display: inline-block; } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span img { position: relative; width: 105vw; height: auto; left: -20px; top: 0; margin-bottom: 1rem; } @media screen and (min-width: 576px) and (max-width: 1400px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span img { margin-bottom: 1rem; height: auto; position: relative; left: 0; width: 100%; } } @media screen and (min-width: 1401px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span img { margin-bottom: 1rem; position: relative; width: auto; left: 0; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container { position: absolute; left: 715px; top: 0px; height: fit-content; bottom: 0; margin: auto; width: 70%; } @media screen and (max-width: 1400px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container { position: relative; width: 100%; left: auto; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-tags { top: 0; color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-tags .tag-text { padding-right: 30px; } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-tags .tag-text a { text-decoration: none; } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-tags .tag-text a:hover { text-decoration: underline; } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-title { position: relative; font-size: 2rem; color: var(--bs-black); font-weight: bold; margin-bottom: 1rem; } @media screen and (max-width: 1400px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-title { width: auto; font-size: 1.25rem; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-title a { text-decoration: none; } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-title a:hover { color: var(--bs-primary); } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-body { position: relative; color: var(--bs-secondary); } @media screen and (max-width: 576px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-body { padding-right: 50px; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-credits { position: relative; display: flex; font-size: 14px; } .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-credits .text-date { color: var(--bs-secondary); } @media screen and (max-width: 1400px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_3 > .view-content > .views-row > .views-field span .news-container .news-credits { left: auto; width: 100%; bottom: -5px; font-size: 0.75rem; display: flex; } } /*---Entrevistas: acumulado----*/ @media screen and (max-width: 990px) { #block-views-block-reading-room-block-3 { background-color: #fbf9f8; } } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 40px; height: auto; } @media screen and (max-width: 576px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper > :not(:last-child) { border-bottom: 1px solid #eae9e8; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-template-columns: 1fr; grid-row-gap: 90px; height: auto; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-row-gap: 40px; } } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-container { height: fit-content; } } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; } } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 0 !important; } } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 250px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 10px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 14px; } } @media screen and (min-width: 990px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 13px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; left: 0px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: 270px; width: calc(100% - 270px); margin-top: 0px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 0px; width: fit-content; display: flex; margin-bottom: 20px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 270px; width: fit-content; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 30px !important; width: fit-content; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.8rem; line-height: 15px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; line-height: normal; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { top: 20px; } } @media screen and (max-width: 990px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row:not(:last-child) .field-content .news-credits { padding-bottom: 10px; width: fit-content; bottom: -45px; } } #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 20px; } @media screen and (max-width: 576px) { #block-views-block-reading-room-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 0; } } /*---Informes: 2 noticias destacadas----*/ @media screen and (max-width: 576px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_1 { overflow: hidden; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 .view-header { padding-bottom: 30px; } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } @media screen and (max-width: 1339px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content { display: flex; grid-template-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 40px; padding-bottom: 20px; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content img { width: 100%; height: auto; margin-bottom: 1rem; } @media screen and (max-width: 575px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content img { position: relative; height: auto; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-tags { width: auto; color: var(--bs-primary); flex-wrap: wrap; padding-right: 25px; position: relative; margin-top: 0; left: 0; margin-bottom: 0.75rem; } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-tags .tag-text { padding-right: 15px; margin-bottom: 0; } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-tags .tag-text a { text-decoration: none; } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-title { width: auto; font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; position: relative; left: 0; top: auto; } @media screen and (max-width: 576px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-title { font-size: 1.25rem; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-title a { text-decoration: none; } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-title a:hover { color: var(--bs-primary); } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-body { color: var(--bs-secondary); } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-credits { width: auto; display: flex; position: relative; left: auto; } @media screen and (max-width: 576px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-credits { font-size: 12px; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row:first-child { grid-area: 1 / 1 / 3 / 2; } @media screen and (max-width: 1339px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row:first-child { grid-area: 1 / 1 / 2 / 2; } } .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row:nth-child(2) { grid-area: 1 / 2 / 3 / 3; } @media screen and (max-width: 1339px) { .view.view-reading-room.view-id-reading_room.view-display-id-page_1 > .view-content .views-row:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } } /*---Informes: acumulado----*/ #block-views-block-reading-room-block-4 .content > div > div .view-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 40px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content { grid-template-columns: 1fr; grid-row-gap: 90px; height: auto; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-4 .content > div > div .view-content { grid-row-gap: 40px; } } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-container { height: fit-content; } } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content img { width: 100%; } } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags { margin-top: 0 !important; } } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-credits { bottom: 0 !important; } } #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content img { width: 250px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content img { width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags { font-size: 10px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags { font-size: 14px; } } @media screen and (min-width: 990px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags { font-size: 13px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags { margin-top: 0 !important; left: 0px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-tags { left: 270px; width: calc(100% - 270px); margin-top: 0px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-credits { left: 0px; width: fit-content; display: flex; margin-bottom: 20px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-credits { left: 270px; width: fit-content; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-credits { bottom: 30px !important; width: fit-content; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title { font-size: 0.8rem; line-height: 15px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title { font-size: 1.25rem; line-height: normal; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row .field-content .news-title { top: 20px; } } @media screen and (max-width: 990px) { #block-views-block-reading-room-block-4 .content > div > div .view-content .views-row:not(:last-child) .field-content .news-credits { padding-bottom: 10px; width: fit-content; bottom: -45px; } } /*---Entrevista: destacada ----*/ @media screen and (max-width: 576px) { #block-views-block-reading-room-block-1 { overflow: hidden; } } #block-views-block-reading-room-block-1 .view-header { padding-bottom: 30px; } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span { position: relative; } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span img { position: relative; width: 105vw; height: auto; left: -20px; top: 0; margin-bottom: 1rem; } @media screen and (min-width: 576px) and (max-width: 1400px) { #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span img { margin-bottom: 1rem; height: auto; position: relative; left: 0; width: 100%; } } @media screen and (min-width: 1401px) { #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span img { margin-bottom: 1rem; position: relative; width: auto; left: 0; } } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container { position: absolute; left: 715px; top: 0px; height: fit-content; bottom: 0; margin: auto; width: 70%; } @media screen and (max-width: 1400px) { #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container { position: relative; width: 100%; left: auto; } } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-tags { top: 0; color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-tags .tag-text { padding-right: 30px; } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-tags .tag-text a { text-decoration: none; } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-title { position: relative; font-size: 2rem; color: var(--bs-black); font-weight: bold; margin-bottom: 1rem; } @media screen and (max-width: 1400px) { #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-title { width: auto; font-size: 1.25rem; } } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-title a { text-decoration: none; } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-title a:hover { color: var(--bs-primary); } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-body { position: relative; color: var(--bs-secondary); } @media screen and (max-width: 576px) { #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-body { padding-right: 50px; } } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-credits { position: relative; display: flex; font-size: 14px; } #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-credits .text-date { color: var(--bs-secondary); } @media screen and (max-width: 1400px) { #block-views-block-reading-room-block-1 .view-content > .views-row > .views-field span .news-container .news-credits { left: auto; width: 100%; bottom: -5px; font-size: 0.75rem; display: flex; } } @media screen and (max-width: 576px) and (max-width: 576px) { #block-views-block-reading-room-block-1 .view-content .views-row .views-field .field-content .news-credits { border-bottom: 1px solid #eae9e8; padding-bottom: 25px; width: 95%; bottom: -45px; } } /*---Entrevistas: acumulado----*/ #block-views-block-reading-room-block-5 .content > div > div .view-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 40px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content { grid-template-columns: 1fr; grid-row-gap: 90px; height: auto; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-5 .content > div > div .view-content { grid-row-gap: 40px; } } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-container { height: fit-content; } } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content img { width: 100%; } } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags { margin-top: 0 !important; } } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-credits { bottom: 0 !important; } } #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content img { width: 250px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content img { width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags { font-size: 10px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags { font-size: 14px; } } @media screen and (min-width: 990px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags { font-size: 13px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags { margin-top: 0 !important; left: 0px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-tags { left: 270px; width: calc(100% - 270px); margin-top: 0px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-credits { left: 0px; width: fit-content; display: flex; margin-bottom: 20px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-credits { left: 270px; width: fit-content; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-credits { bottom: 30px !important; width: fit-content; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title { font-size: 0.8rem; line-height: 15px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title { font-size: 1.25rem; line-height: normal; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row .field-content .news-title { top: 20px; } } @media screen and (max-width: 990px) { #block-views-block-reading-room-block-5 .content > div > div .view-content .views-row:not(:last-child) .field-content .news-credits { padding-bottom: 10px; width: fit-content; bottom: -45px; } } /*---Bloque Reading Room----*/ #block-bloquereadingroom { background-color: #222222; } #block-bloquereadingroom .reading-room-block { width: 100%; } @media screen and (max-width: 576px) { #block-bloquereadingroom .reading-room-block { padding-right: 40px; padding-left: 40px; } } #block-bloquereadingroom .reading-room-block p { color: var(--bs-gray-500); } #block-bloquereadingroom .reading-room-block .btn-outline-white-lide { width: 25%; } @media screen and (max-width: 576px) { #block-bloquereadingroom .reading-room-block .btn-outline-white-lide { width: 100%; } } /*---Actualidad: imagen destacada principal----*/ /*---Pagina de etiquetas en /actualidad: imagen destacada principal----*/ @media screen and (max-width: 576px) { .view.view-news.view-id-news.view-display-id-page_1, .view.view-news.view-id-news.view-display-id-page_4 { overflow: hidden; } } .view.view-news.view-id-news.view-display-id-page_1 .view-header, .view.view-news.view-id-news.view-display-id-page_4 .view-header { padding-bottom: 30px; } .view.view-news.view-id-news.view-display-id-page_1 > .view-content, .view.view-news.view-id-news.view-display-id-page_4 > .view-content { margin-bottom: 20px; } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content img, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content img { width: 100%; height: auto; margin-bottom: 1rem; } @media screen and (max-width: 575px) { .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content img, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content img { position: relative; height: auto; } } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-tags, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-tags { width: auto; color: var(--bs-primary); flex-wrap: wrap; padding-right: 25px; position: relative; margin-top: 0; left: 0; margin-bottom: 0.75rem; } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-tags .tag-text, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-tags .tag-text { padding-right: 15px; margin-bottom: 0; } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-tags .tag-text a, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-tags .tag-text a { text-decoration: none; } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-tags .tag-text a:hover, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-tags .tag-text a:hover { text-decoration: underline; } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-title, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-title { width: auto; font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; position: relative; left: 0; top: auto; } @media screen and (max-width: 576px) { .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-title, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-title { font-size: 1.25rem; } } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-title a, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-title a { text-decoration: none; } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-title a:hover, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-title a:hover { color: var(--bs-primary); } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-body, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-body { color: var(--bs-secondary); } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-credits, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-credits { width: auto; display: flex; position: relative; left: auto; } @media screen and (max-width: 576px) { .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-credits, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-credits { font-size: 12px; } } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content .news-credits .text-date, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content .news-credits .text-date { color: var(--bs-secondary); } .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content img, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content img { width: 100%; } @media screen and (max-width: 576px) { .view.view-news.view-id-news.view-display-id-page_1 > .view-content .field-content img, .view.view-news.view-id-news.view-display-id-page_4 > .view-content .field-content img { height: auto; width: 150vw; left: -25%; position: relative; top: 0px; } } .container.py-5.view.view-news.view-id-news.view-display-id-block_5 { padding-top: 25px !important; overflow: hidden; } /*---Actualidad: 2 imagenes destacadas----*/ /*---Pagina de etiquetas en /actualidad: 2 imagenes destacadas----*/ #block-views-block-news-block-5 .content > div > div .view-content, #block-views-block-news-block-7 .content > div > div .view-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } @media screen and (max-width: 1339px) { #block-views-block-news-block-5 .content > div > div .view-content, #block-views-block-news-block-7 .content > div > div .view-content { display: flex; grid-template-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 40px; padding-bottom: 20px; } } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content img, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content img { width: 100%; height: auto; margin-bottom: 1rem; } @media screen and (max-width: 575px) { #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content img, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content img { position: relative; height: auto; } } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-tags, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-tags { width: auto; color: var(--bs-primary); flex-wrap: wrap; padding-right: 25px; position: relative; margin-top: 0; left: 0; margin-bottom: 0.75rem; } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-tags .tag-text, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-tags .tag-text { padding-right: 15px; margin-bottom: 0; } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a:hover, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-title, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-title { width: auto; font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; position: relative; left: 0; top: auto; } @media screen and (max-width: 576px) { #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-title, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-title a, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-title a:hover, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-body, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-body { color: var(--bs-secondary); } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-credits, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-credits { width: auto; display: flex; position: relative; left: auto; } @media screen and (max-width: 576px) { #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-credits, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-credits { font-size: 12px; } } #block-views-block-news-block-5 .content > div > div .view-content .views-row .field-content .news-credits .text-date, #block-views-block-news-block-7 .content > div > div .view-content .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); } #block-views-block-news-block-5 .content > div > div .view-content .views-row:first-child, #block-views-block-news-block-7 .content > div > div .view-content .views-row:first-child { grid-area: 1 / 1 / 3 / 2; } @media screen and (max-width: 1339px) { #block-views-block-news-block-5 .content > div > div .view-content .views-row:first-child, #block-views-block-news-block-7 .content > div > div .view-content .views-row:first-child { grid-area: 1 / 1 / 2 / 2; } } #block-views-block-news-block-5 .content > div > div .view-content .views-row:nth-child(2), #block-views-block-news-block-7 .content > div > div .view-content .views-row:nth-child(2) { grid-area: 1 / 2 / 3 / 3; } @media screen and (max-width: 1339px) { #block-views-block-news-block-5 .content > div > div .view-content .views-row:nth-child(2), #block-views-block-news-block-7 .content > div > div .view-content .views-row:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } } /*---Actualidad: acumulado----*/ /*---Pagina de etiquetas en /actualidad: acumulado----*/ #block-views-block-news-block-2, #block-views-block-news-block-8 { background-color: #fbf9f8; } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 40px; height: auto; } @media screen and (max-width: 576px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper > :not(:last-child), #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper > :not(:last-child) { border-bottom: 1px solid #eae9e8; } } @media screen and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-template-columns: 1fr; grid-row-gap: 90px; height: auto; } } @media screen and (max-width: 989px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-row-gap: 40px; } } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-container, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-container { height: fit-content; } } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; } } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a:hover, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a:hover, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-date, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-author, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 0 !important; } } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 250px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 10px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 14px; } } @media screen and (min-width: 990px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 13px; } } @media screen and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; left: 0px; } } @media screen and (min-width: 1400px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: 270px; width: calc(100% - 270px); margin-top: 0px; } } @media screen and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 0px; width: fit-content; display: flex; margin-bottom: 20px; } } @media screen and (min-width: 1400px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 270px; width: fit-content; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 30px !important; width: fit-content; } } @media screen and (max-width: 767px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.8rem; line-height: 15px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; line-height: normal; } } @media screen and (min-width: 1400px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { top: 20px; } } @media screen and (max-width: 990px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row:not(:last-child) .field-content .news-credits, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row:not(:last-child) .field-content .news-credits { padding-bottom: 10px; width: fit-content; bottom: -45px; } } #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 20px; } @media screen and (max-width: 576px) { #block-views-block-news-block-2 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row, #block-views-block-news-block-8 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 0; } } /*---Prensa 2 noticias destacadas----*/ /*---Pagina de etiquetas de /prensa: 2 noticias destacadas----*/ @media screen and (max-width: 576px) { div.view.view-news.view-id-news.view-display-id-page_2, div.view.view-news.view-id-news.view-display-id-page_3 { overflow: hidden; } } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } @media screen and (max-width: 1339px) { div.view.view-news.view-id-news.view-display-id-page_2 > .view-content, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content { display: flex; grid-template-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 40px; padding-bottom: 20px; } } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content img, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content img { width: 100%; height: auto; margin-bottom: 1rem; } @media screen and (max-width: 575px) { div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content img, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content img { position: relative; height: auto; } } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-tags, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-tags { width: auto; color: var(--bs-primary); flex-wrap: wrap; padding-right: 25px; position: relative; margin-top: 0; left: 0; margin-bottom: 0.75rem; } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-tags .tag-text, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-tags .tag-text { padding-right: 15px; margin-bottom: 0; } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-tags .tag-text a, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-tags .tag-text a { text-decoration: none; } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-tags .tag-text a:hover, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-title, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-title { width: auto; font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; position: relative; left: 0; top: auto; } @media screen and (max-width: 576px) { div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-title, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-title { font-size: 1.25rem; } } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-title a, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-title a { text-decoration: none; } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-title a:hover, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-title a:hover { color: var(--bs-primary); } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-body, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-body { color: var(--bs-secondary); } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-credits, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-credits { width: auto; display: flex; position: relative; left: auto; } @media screen and (max-width: 576px) { div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-credits, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-credits { font-size: 12px; } } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row .field-content .news-credits .text-date, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row:first-child, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row:first-child { grid-area: 1 / 1 / 3 / 2; } @media screen and (max-width: 1339px) { div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row:first-child, div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row:first-child { grid-area: 1 / 1 / 2 / 2; } } div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row:nth-child(2), div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row:nth-child(2) { grid-area: 1 / 2 / 3 / 3; } @media screen and (max-width: 1339px) { div.view.view-news.view-id-news.view-display-id-page_2 > .view-content .views-row:nth-child(2), div.view.view-news.view-id-news.view-display-id-page_3 > .view-content .views-row:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } } /*---Prensa: acumulado----*/ /*---Pagina de etiquetas de /prensa: acumulado----*/ #block-views-block-news-block-3, #block-views-block-news-block-6 { background-color: #fbf9f8; } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 40px; height: auto; } @media screen and (max-width: 576px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper > :not(:last-child), #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper > :not(:last-child) { border-bottom: 1px solid #eae9e8; } } @media screen and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-template-columns: 1fr; grid-row-gap: 90px; height: auto; } } @media screen and (max-width: 989px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-row-gap: 40px; } } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-container, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-container { height: fit-content; } } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; } } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a:hover, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a:hover, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-date, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-author, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 0 !important; } } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 250px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 10px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 14px; } } @media screen and (min-width: 990px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 13px; } } @media screen and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; left: 0px; } } @media screen and (min-width: 1400px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: 270px; width: calc(100% - 270px); margin-top: 0px; } } @media screen and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 0px; width: fit-content; display: flex; margin-bottom: 20px; } } @media screen and (min-width: 1400px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 270px; width: fit-content; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 30px !important; width: fit-content; } } @media screen and (max-width: 767px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.8rem; line-height: 15px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; line-height: normal; } } @media screen and (min-width: 1400px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { top: 20px; } } @media screen and (max-width: 990px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row:not(:last-child) .field-content .news-credits, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row:not(:last-child) .field-content .news-credits { padding-bottom: 10px; width: fit-content; bottom: -45px; } } #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 20px; } @media screen and (max-width: 576px) { #block-views-block-news-block-3 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row, #block-views-block-news-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 0; } } #block-views-block-news-block-3 .content > div > div .view-content .views-row .news-body, #block-views-block-news-block-6 .content > div > div .view-content .views-row .news-body { display: none; } /*Acumulado de noticias*/ .card-event { position: relative; box-shadow: -1px 3px 11px 0px rgba(0, 0, 0, 0.16); height: 100%; min-height: 410px; } .card-event > div:first-child { height: 130px !important; } .card-event img { height: intrinsic; } .card-event .flag.flag-evento-guardado { width: 65px; background-repeat: no-repeat; height: 65px; position: absolute; top: 10px; overflow: hidden; right: 10px; } .card-event .flag.flag-evento-guardado.action-unflag { background-image: url("/themes/contrib/lide/images/heart_full.svg"); } .card-event .flag.flag-evento-guardado.action-flag { background-image: url("/themes/contrib/lide/images/heart_empty.svg"); } .card-event .flag.flag-evento-guardado > a { text-indent: -70px; display: block; height: 100%; } .card-event .text-container { background-color: #fbf9f8; width: 100%; flex-grow: 1; display: flex; flex-direction: column; } .card-event .text-container > a { margin-top: auto !important; } @media screen and (max-width: 576px) { .card-event .text-container { margin-top: 10px; } } .card-event .text-container .event-title { height: 48px; width: 90%; max-width: 100%; height: auto; margin-bottom: 5px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; } @media screen and (max-width: 767px) { .card-event .text-container .event-title { font-size: 18px; } } @media screen and (max-width: 576px) { .card-event .text-container .event-title { -webkit-line-clamp: 2; } } @media screen and (min-width: 577px) and (max-width: 1440px) { .card-event .text-container .event-title { height: 75px; } } .card-event .text-container .event-body { font-size: 14px; color: var(--bs-gray); /*limita el texto a 3 lineas con elipsis en browsers webkit*/ -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; } @media screen and (max-width: 576px) { .card-event .text-container .event-body { -webkit-line-clamp: 1; } } .card-event .text-container .date-category-container .date-event-day { font-size: 56px; line-height: 35px; } @media screen and (max-width: 1025px) { .card-event .text-container .date-category-container .date-event-day { font-size: 40px; } } .card-event .text-container .date-category-container .category { font-size: 14px; } @media screen and (max-width: 576px) { .card-event .text-container a { position: absolute; bottom: 35px; width: 90%; max-width: 100%; right: 0; left: 0; margin: auto; } } .node.node--type-event.node--promoted.node--view-mode-full.clearfix { position: relative; } /* -- Destacado del header -- */ .node--type-activity .nav-link--actividades-exclusivas { color: var(--bs-primary) !important; text-decoration: underline; } .user-logged-in .bg-image-interna-actividad .btn-unite { display: none !important; } /*--- Hero interna Actividades Exclusivas o Actividades y Eventos || /actividades-exclusivas ---*/ @media screen and (min-width: 990px) { .view.view-activities.view-id-activities.view-display-id-page_1 { background-color: #fbf9f8; } } @media screen and (max-width: 576px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive .alpha { width: 100vw !important; left: -20px; border-radius: 0px !important; } } @media screen and (max-width: 990px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .text-container { align-items: center; } } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .text-container .event-misc { border-radius: 2rem !important; background-color: #2e2e3194; } @media screen and (max-width: 990px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .text-container .event-misc { font-size: 12px; } } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .text-container .event-title-container { align-items: center; } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .text-container .event-title-container .event-title { width: 100% !important; font-size: 3rem !important; } @media screen and (max-width: 990px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .text-container .event-title-container .event-title { font-size: 24px !important; text-align: center; } } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .text-container .event-title-container > p { letter-spacing: 3px; } @media screen and (max-width: 990px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .text-container .event-title-container > p { font-size: 12px; } } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay img { height: 100%; width: 100%; } @media screen and (max-width: 576px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay img { height: 314px; width: auto; } } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .content-below-container { align-items: center; margin-bottom: 3rem !important; } @media screen and (max-width: 576px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .content-below-container { margin-bottom: 1.5rem !important; } } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .content-below-container > a { width: 100%; display: flex; justify-content: center; } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .content-below-container > a > .card-exclusive-btn { width: 20%; } @media screen and (max-width: 576px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .content-below-container > a > .card-exclusive-btn { width: 100%; } } @media screen and (min-width: 577px) and (max-width: 990px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .content-below-container > a > .card-exclusive-btn { width: 50%; } } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .line-red { transform: rotate(90deg); } @media screen and (max-width: 990px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive > .card-image-overlay .line-red { display: none; } } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive .card-image-overlay .text-container .event-misc { letter-spacing: 3px; font-size: 12px; } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive .card-image-overlay .text-container .event-title-container .event-title { font-size: 22px; letter-spacing: 3px; } @media screen and (max-width: 989px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive .card-image-overlay .text-container .event-title-container .event-title { width: 100%; } } @media screen and (min-width: 1400px) { .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive .card-image-overlay .text-container .event-title-container .event-title { width: 70%; font-size: 28px; display: flex; align-items: center; margin-bottom: 15px; } } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive .card-image-overlay .text-container .event-title-container .line-red { height: 65px; background-color: #3357A2; width: 5px; } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive .alpha { box-shadow: 15px -230px 200px -150px #000000bf inset, 15px -230px 100px -40px #000000bf inset; height: 100%; width: 100%; position: absolute; } .view.view-activities.view-id-activities.view-display-id-page_1 .card-exclusive .beta { box-shadow: -15px 160px 200px -50px #000000bf inset; height: 100%; width: 100%; position: absolute; } /*--- Acumulado de Actividades Exclusivas || /actividades-exclusivas ---*/ #block-views-block-activities-block-3 .content .view-content.row { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 0.5rem; grid-row-gap: 2rem; } @media screen and (max-width: 576px) { #block-views-block-activities-block-3 .content .view-content.row { grid-template-columns: 1fr; grid-row-gap: 1.25rem; } } #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field { height: 100%; } @media screen and (max-width: 576px) { #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content > div.card-exclusive { height: auto; } } #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content > div.card-exclusive .card-image-overlay img { height: auto; width: 100%; } @media screen and (max-width: 990px) { #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content > div.card-exclusive .card-image-overlay img { height: 294px; } } @media screen and (max-width: 990px) { #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content > div.card-exclusive .card-image-overlay .text-container .event-misc { font-size: 10px; } } #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content > div.card-exclusive .card-image-overlay .text-container .content-below-container > a { width: 50%; } @media screen and (max-width: 990px) { #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content > div.card-exclusive .card-image-overlay .text-container .content-below-container > a { width: 100%; } } @media screen and (max-width: 990px) { #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content > div.card-exclusive .card-image-overlay .text-container .content-below-container .event-title-container .line-red { display: none; } } @media screen and (max-width: 990px) { #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content > div.card-exclusive .card-image-overlay .text-container .content-below-container .event-title-container .event-title { width: 100% !important; text-align: center; font-size: 24px !important; } } #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content .card-image-overlay .text-container .event-misc { letter-spacing: 3px; font-size: 12px; } #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content .card-image-overlay .text-container .event-title-container .event-title { font-size: 22px; letter-spacing: 3px; } @media screen and (max-width: 989px) { #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content .card-image-overlay .text-container .event-title-container .event-title { width: 100%; } } @media screen and (min-width: 1400px) { #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content .card-image-overlay .text-container .event-title-container .event-title { width: 70%; font-size: 28px; display: flex; align-items: center; margin-bottom: 15px; } } #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content .card-image-overlay .text-container .event-title-container .line-red { height: 65px; background-color: #3357A2; width: 5px; } #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content .alpha { box-shadow: 15px -230px 200px -150px #000000bf inset, 15px -230px 100px -40px #000000bf inset; height: 100%; width: 100%; position: absolute; } #block-views-block-activities-block-3 .content .view-content.row .views-row .views-field > .field-content .beta { box-shadow: -15px 160px 200px -50px #000000bf inset; height: 100%; width: 100%; position: absolute; } /*--- Slider/Tarjetas de Actividades Exclusivas, en interna de cada actividad. En desuso, pero podria volver a habilitarse desde el panel de Drupal -- */ @media screen and (max-width: 576px) { #block-views-block-activities-block-1 { background-color: #fbf9f8; } } #block-views-block-activities-block-1 .content .view-header { padding-bottom: 30px; } #block-views-block-activities-block-1 .content .view-content.row { display: flex; } #block-views-block-activities-block-1 .content .view-content.row .views-field .card-exclusive .card-image-overlay .text-container .event-misc { letter-spacing: 3px; font-size: 12px; } #block-views-block-activities-block-1 .content .view-content.row .views-field .card-exclusive .card-image-overlay .text-container .event-title-container .event-title { font-size: 22px; letter-spacing: 3px; } @media screen and (max-width: 989px) { #block-views-block-activities-block-1 .content .view-content.row .views-field .card-exclusive .card-image-overlay .text-container .event-title-container .event-title { width: 100%; } } @media screen and (min-width: 1400px) { #block-views-block-activities-block-1 .content .view-content.row .views-field .card-exclusive .card-image-overlay .text-container .event-title-container .event-title { width: 70%; font-size: 28px; display: flex; align-items: center; margin-bottom: 15px; } } #block-views-block-activities-block-1 .content .view-content.row .views-field .card-exclusive .card-image-overlay .text-container .event-title-container .line-red { height: 65px; background-color: #3357A2; width: 5px; } #block-views-block-activities-block-1 .content .view-content.row .views-field .card-exclusive .alpha { box-shadow: 15px -230px 200px -150px #000000bf inset, 15px -230px 100px -40px #000000bf inset; height: 100%; width: 100%; position: absolute; } #block-views-block-activities-block-1 .content .view-content.row .views-field .card-exclusive .beta { box-shadow: -15px 160px 200px -50px #000000bf inset; height: 100%; width: 100%; position: absolute; } @media screen and (max-width: 576px) { #block-views-block-activities-block-1 .content .view-content.row .views-field .card-exclusive { height: 440px; } } #block-views-block-activities-block-1 .content .view-content.row .views-field .card-exclusive .event-title { font-size: 1.40rem !important; } #slick-views-activities-block-block-1-2 .slick-list .slick-track .slick__slide { display: flex; align-items: center; padding-right: 10px; padding-left: 10px; } .view.view-activities.view-id-activities.view-display-id-block_1 .view-header { letter-spacing: 2px; font-weight: 400; } /*--Estilos para paginas de Eventos Proximos y Eventos Pasados Estilos para seccion Eventos Proximos de usuario Estilos para Eventos Proximos de interna de cada evento--*/ .path-eventos-pasados div div div header div div nav ul li .nav-link--eventos-proximos { color: var(--bs-primary) !important; text-decoration: underline !important; } .view.view-events.view-id-events.view-display-id-page_2 .view-header, .view.view-events.view-id-events.view-display-id-page_1 .view-header, #block-views-block-events-block-4 .view-header { padding-bottom: 30px; letter-spacing: 3px; width: 100%; } .view.view-events.view-id-events.view-display-id-page_2 .view-header div a h2, .view.view-events.view-id-events.view-display-id-page_1 .view-header div a h2, #block-views-block-events-block-4 .view-header div a h2 { font-size: 22px; } .view.view-events.view-id-events.view-display-id-page_2 .view-header div h2, .view.view-events.view-id-events.view-display-id-page_1 .view-header div h2, #block-views-block-events-block-4 .view-header div h2 { font-size: 22px; } .view.view-events.view-id-events.view-display-id-page_2 .view-header hr, .view.view-events.view-id-events.view-display-id-page_1 .view-header hr, #block-views-block-events-block-4 .view-header hr { width: 30%; } @media screen and (max-width: 576px) { .view.view-events.view-id-events.view-display-id-page_2 .view-header hr, .view.view-events.view-id-events.view-display-id-page_1 .view-header hr, #block-views-block-events-block-4 .view-header hr { width: 30%; } } .view.view-events.view-id-events.view-display-id-page_2 .view-content, .view.view-events.view-id-events.view-display-id-page_1 .view-content, #block-views-block-events-block-4 .view-content { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 0; grid-row-gap: 25px; margin-bottom: 1rem; } @media screen and (max-width: 767px) { .view.view-events.view-id-events.view-display-id-page_2 .view-content, .view.view-events.view-id-events.view-display-id-page_1 .view-content, #block-views-block-events-block-4 .view-content { grid-template-columns: 1fr; } } @media screen and (min-width: 768px) and (max-width: 990px) { .view.view-events.view-id-events.view-display-id-page_2 .view-content, .view.view-events.view-id-events.view-display-id-page_1 .view-content, #block-views-block-events-block-4 .view-content { grid-template-columns: repeat(2, 1fr); } } .view.view-events.view-id-events.view-display-id-page_2 .view-content .views-field, .view.view-events.view-id-events.view-display-id-page_1 .view-content .views-field, #block-views-block-events-block-4 .view-content .views-field { height: 100% !important; } .view.view-events.view-id-events.view-display-id-page_2 .more-link, .view.view-events.view-id-events.view-display-id-page_1 .more-link, #block-views-block-events-block-4 .more-link { color: var(--bs-primary); text-decoration: none; } #block-views-block-events-block-3 .content .contextual-region.view-id-events { padding-top: 0 !important; } .view.view-events.view-id-events.view-display-id-block_2 .view-footer { margin: 2rem 0 !important; width: 100%; } .view.view-events.view-id-events.view-display-id-block_2 .view-footer hr { border-top: 2px solid; opacity: 1; } .view.view-events.view-id-events.view-display-id-block_2 .more-link { width: 100%; margin-top: 2rem; display: flex; justify-content: center; } .view.view-events.view-id-events.view-display-id-block_2 .more-link a { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .view.view-events.view-id-events.view-display-id-block_2 .more-link a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #3357A2; background-color: transparent; border-color: #3357A2; } #slick-views-events-block-block-2-1, #slick-views-events-block-block-1-1 { max-width: 100vw; width: 100%; } #slick-views-events-block-block-2-1 .slick-list .slick-track, #slick-views-events-block-block-1-1 .slick-list .slick-track { height: 450px; } #slick-views-events-block-block-2-1 .slick-list .slick-track .slick__slide, #slick-views-events-block-block-1-1 .slick-list .slick-track .slick__slide { display: flex; align-items: center; padding-right: 10px; padding-left: 10px; } /*--Estilos para seccion Eventos Guardados de usuario--*/ .view.view-events.view-id-events.view-display-id-block_3 .view-header { padding-bottom: 30px; letter-spacing: 3px; width: 100%; } .view.view-events.view-id-events.view-display-id-block_3 .view-header hr { width: 10%; } @media screen and (max-width: 576px) { .view.view-events.view-id-events.view-display-id-block_3 .view-header hr { width: 30%; } } .view.view-events.view-id-events.view-display-id-block_3 .view-content .views-infinite-scroll-content-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 25px; padding: 0; margin-bottom: 1rem; } @media screen and (max-width: 767px) { .view.view-events.view-id-events.view-display-id-block_3 .view-content .views-infinite-scroll-content-wrapper { grid-template-columns: 1fr !important; } } .view.view-events.view-id-events.view-display-id-block_3 .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 10px; padding-left: 10px; } .view.view-events.view-id-events.view-display-id-block_3 .more-link { width: 100%; margin-top: 2rem; display: flex; justify-content: center; } .view.view-events.view-id-events.view-display-id-block_3 .more-link a { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .view.view-events.view-id-events.view-display-id-block_3 .more-link a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #3357A2; background-color: transparent; border-color: #3357A2; } #calendario-anual { padding-bottom: 63px; } #calendario-anual a { width: 100%; margin-left: 20px; margin-right: 20px; display: flex; align-items: center; justify-content: center; } #calendario-anual a:before { margin-right: 22px; height: 18px; width: 18px; content: ""; display: inline-block; background-image: url("/themes/contrib/lide/images/download-red.svg"); background-size: contain; } #calendario-anual a:hover:before { margin-right: 22px; height: 18px; width: 18px; content: ""; display: inline-block; background-image: url("/themes/contrib/lide/images/download.svg"); background-size: contain; } @media (min-width: 990px) { #calendario-anual a { width: auto; } } .node--type-video .block-lide-page-title > .content > h1 { display: none; } /*--Cinturon de tags en cada interna de videos LIDE TV---*/ #views-exposed-form-videos-block-1 .form-radios.form--inline { display: flex; width: 100%; overflow-y: unset; overflow-x: scroll; height: 50px; /* Track */ /* Handle */ /* Handle on hover */ } #views-exposed-form-videos-block-1 .form-radios.form--inline::-webkit-scrollbar { height: 5px; } #views-exposed-form-videos-block-1 .form-radios.form--inline::-webkit-scrollbar-track { background: transparent; } #views-exposed-form-videos-block-1 .form-radios.form--inline::-webkit-scrollbar-thumb { background: var(--bs-gray-500); } #views-exposed-form-videos-block-1 .form-radios.form--inline::-webkit-scrollbar-thumb:hover { background: var(--bs-primary); } #views-exposed-form-videos-block-1 .form-radios.form--inline .js-form-item.js-form-type-radio.radio.form-check.js-form-item-tid.form-item-tid { display: flex; justify-content: center; align-items: center; position: relative; font-family: 'Montserrat', sans-serif; font-weight: 600; white-space: nowrap; width: fit-content; text-transform: uppercase; padding-right: 30px; padding-left: 0; } #views-exposed-form-videos-block-1 .form-radios.form--inline .js-form-item.js-form-type-radio.radio.form-check.js-form-item-tid.form-item-tid input[type="radio"]:checked { box-shadow: inset 0 0 0 20px #E30023; background-color: #E30023; border-color: #E30023; } #views-exposed-form-videos-block-1 .form-radios.form--inline .js-form-item.js-form-type-radio.radio.form-check.js-form-item-tid.form-item-tid input[type="radio"]:checked + label { color: var(--bs-primary); text-decoration: underline; text-underline-offset: 8px; } #views-exposed-form-videos-block-1 .form-radios.form--inline .js-form-item.js-form-type-radio.radio.form-check.js-form-item-tid.form-item-tid input:focus { border-color: #E30023; box-shadow: none; } #views-exposed-form-videos-block-1 .form-radios.form--inline .js-form-item.js-form-type-radio.radio.form-check.js-form-item-tid.form-item-tid input { margin-right: 10px; transition: box-shadow .5s; height: 1.25em; width: 1.25em; display: none; } #views-exposed-form-videos-block-1 .form-radios.form--inline .js-form-item.js-form-type-radio.radio.form-check.js-form-item-tid.form-item-tid label:hover { cursor: pointer; } #views-exposed-form-videos-block-1 .form-radios.form--inline .js-form-item.js-form-type-radio.radio.form-check.js-form-item-tid.form-item-tid label:before { content: '#'; } /*---Acumulado en pagina LIDE TV y en interna de cada video ----*/ #block-views-block-videos-block-3 .view-content .views-infinite-scroll-content-wrapper, #block-views-block-videos-block-1 .view-content .views-infinite-scroll-content-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; } @media screen and (max-width: 576px) { #block-views-block-videos-block-3 .view-content .views-infinite-scroll-content-wrapper, #block-views-block-videos-block-1 .view-content .views-infinite-scroll-content-wrapper { grid-template-columns: 1fr; } } #block-views-block-videos-block-3 .view-content .views-infinite-scroll-content-wrapper .field-content, #block-views-block-videos-block-1 .view-content .views-infinite-scroll-content-wrapper .field-content { display: flex; position: relative; width: 100%; flex-direction: column; } @media screen and (max-width: 576px) { #block-views-block-videos-block-3 .view-content .views-infinite-scroll-content-wrapper .field-content, #block-views-block-videos-block-1 .view-content .views-infinite-scroll-content-wrapper .field-content { height: 100%; justify-content: space-evenly; } } #block-views-block-videos-block-3 .view-content .views-infinite-scroll-content-wrapper .field-content img, #block-views-block-videos-block-1 .view-content .views-infinite-scroll-content-wrapper .field-content img { width: 100%; height: auto; } #block-views-block-videos-block-3 .view-content .views-infinite-scroll-content-wrapper .field-content .tv-title, #block-views-block-videos-block-1 .view-content .views-infinite-scroll-content-wrapper .field-content .tv-title { width: 100%; font-size: 1rem; } #block-views-block-videos-block-3 .view-content .views-infinite-scroll-content-wrapper .field-content .tv-title > a, #block-views-block-videos-block-1 .view-content .views-infinite-scroll-content-wrapper .field-content .tv-title > a { text-decoration: none; } #block-views-block-videos-block-3 .view-content .views-infinite-scroll-content-wrapper .field-content .tv-title > a:hover, #block-views-block-videos-block-1 .view-content .views-infinite-scroll-content-wrapper .field-content .tv-title > a:hover { color: var(--bs-primary); } #block-views-block-videos-block-3 .view-content .views-infinite-scroll-content-wrapper .field-content .tv-date, #block-views-block-videos-block-1 .view-content .views-infinite-scroll-content-wrapper .field-content .tv-date { width: 100%; bottom: 0px; font-size: 12px; color: var(--bs-secondary); } .node--type-video .nav-link--lide-tv { color: var(--bs-primary) !important; text-decoration: underline; } /*------Colores-------*/ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #3357A2; /*azul LIDE*/ --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #222222; /*black LIDE*/ --bs-white: #fff; --bs-gray: #707070; /*gris LIDE*/ --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #D1D1D1; /*gris claro LIDE*/ --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 51, 87, 162; /*azul LIDE*/ --bs-secondary-rgb: 112, 112, 112; /*gris LIDE*/ --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 209, 209, 209; /*gris claro LIDE*/ --bs-dark-rgb: 34, 34, 34; /*black LIDE*/ --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } /*------Botones-------*/ .btn-primary-lide { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-primary-lide:hover { color: #3357A2; background-color: #fff; border-color: #fff; } .btn-outline-red { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; } .btn-outline-red:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-outline-white-lide, .btn-unite { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .btn-outline-white-lide:hover, .btn-unite:hover { color: #222222; background-color: #fff; border-color: #fff; } @media screen and (max-width: 990px) { .btn-outline-white-lide, .btn-unite { color: #222222; background-color: #fff; border-color: #fff; } } .card-event-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; max-width: 300px; margin: 0 auto; text-align: center; display: block; } .card-event-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-event-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .card-exclusive-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .card-exclusive-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-exclusive-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .download-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .download-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .download-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } /*Boton Cargar Mas en Acumulados*/ .js-pager__items.pager { display: flex; justify-content: center; width: 100%; padding: 0; } .js-pager__items.pager li { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; padding: 0; height: 46px; width: 160px; } .js-pager__items.pager li:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .js-pager__items.pager li a { display: inline-block; width: 100%; height: 100%; padding-top: 6%; font-size: 1rem; text-decoration: none; } /*---------Texto--------*/ .heading { font-family: 'Montserrat', sans-serif; font-weight: 500; } .heading.hero { -webkit-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); font-size: 48px; } @media screen and (max-width: 1399px) { .heading.hero { font-size: 28px; } } .heading.hover-red:hover { color: var(--bs-primary) !important; } .heading > a { text-decoration: none; } /*Medidas custom*/ @media (min-width: 1200px) { .h2-sm { font-size: 1.625rem; /*26*/ } } .h2-sm { font-size: 1.5rem; /*24*/ } .p { /*15*/ /*13*/ } .p-sm { font-size: 0.9375rem; } .p.small1 { font-size: 0.8125rem; } .h6-sm { font-size: 0.875rem; } /*14*/ p { font-family: 'Inter', sans-serif; } a { font-family: inherit; color: inherit; } a:hover { color: inherit; } /*------Divisores----*/ .divider-dark { color: var(--bs-dark); border-top: 2px solid; opacity: 1; } .divider-white { border-top: 1px solid; color: #fff; opacity: 1; } .divider-red { color: var(--bs-primary); border-top: 2px solid; opacity: 1; } .divider-secondary { color: var(--bs-secondary); border-top: 2px solid; opacity: 1; } /*------Otros----*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { /*agrega un poco mas de margin der. e izq. a los containers en mobile*/ --bs-gutter-x: 2.5rem; } .width-fit { width: fit-content; } .arrow-red { background-image: url("/themes/contrib/lide/images/home/arrow-red.svg"); width: 36px; height: 22px; background-position: center; background-size: contain; max-width: 25px !important; background-repeat: no-repeat; } .wave-white-home { background-image: url("/themes/contrib/lide/images/wavesv3.svg"); width: 109px; height: 27px; background-position: center; background-size: cover; } @media screen and (max-width: 990px) { .wave-white-home { width: 80px; height: 18px; } } .slick-next.slick-arrow { background-image: url("/themes/contrib/lide/images/slidernext_whitenew.png"); margin-right: 5px; background-repeat: no-repeat; background-size: contain; } .slick-prev.slick-arrow { background-image: url("/themes/contrib/lide/images/sliderprev_whitenew.png"); margin-left: 5px; background-repeat: no-repeat; background-size: contain; } .slick-arrow:before { content: '' !important; } #main > .row { /*ajusta margin hacia los costados que habilitaba un scroll horizontal*/ --bs-gutter-x: 0; } .node__content { margin-top: 0 !important; } #block-botondebusqueda { /*estandariza tamano barra de busqueda que hacia "glitchear" el ancho de la navbar entre secciones*/ max-width: 153px; width: 100%; } input:focus { outline: 0 !important; box-shadow: none !important; } .form-control:focus { border: 1px solid #ced4da; } .captcha.js-form-wrapper.form-wrapper { color: white; } .captcha.js-form-wrapper.form-wrapper .details-wrapper small.details-description { display: block; } .captcha.js-form-wrapper.form-wrapper .details-wrapper img { margin-bottom: 15px; } /*Acumulado de noticias*/ /*.sec-notas-acumulados{ .view-content{ .views-infinite-scroll-content-wrapper{ @media screen and (max-width: 1199px){ //grid-row-gap: 58px!important; } } .views-row{ &:not(:last-child) .field-content .news-credits{ // @media screen and (max-width: 1199px){ // border-bottom: 1px solid #eae9e8; // } } .custom-test{position: relative; @media screen and (max-width: 989px){ .news-title{ margin-top: 34px!important; } .news-tags{top: 10px !important;} } .news-title{ a{@include transition(all .4s ease-in-out); &:hover{@include transition(all .3s ease); color: var(--bs-primary);} } } .news-tags{ .width-fit{font-size: 0.8125rem!important;} @media screen and (max-width: 767px){ flex-wrap: nowrap!important;white-space: nowrap;width: 100%; overflow: hidden; .width-fit{font-size: 11px!important;} .tag-text{ &:last-child{width: auto;overflow: hidden;text-overflow: ellipsis;} } } .tag-text{ @media screen and (max-width: 989px){ padding-right: 5px; } } @media screen and (max-width: 989px){ font-size: 0.75rem!important; } } .news-credits{ @media screen and (max-width: 1199px){ padding-bottom: 10px!important; bottom: -38px!important; width: 95%; } } .news-body{display: none!important} img{@include transition(all .3s ease); @include box-shadow(0px 0px 1px rgba(0,0,0, .6));} @media screen and (max-width: 989px){ padding-top: 38px; padding-bottom: 38px; } } } } } */ #reset-pwd-container { height: 100%; min-height: 715px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } @media screen and (max-width: 990px) { #reset-pwd-container { display: block; } } #reset-pwd-container > .img-side { height: 100%; } @media screen and (max-width: 990px) { #reset-pwd-container > .img-side { height: 230px; } } #reset-pwd-container > .img-side > .img-bg { background-image: url("/themes/contrib/lide/images/form-background.jpg"); background-position: center; background-size: cover; } @media screen and (max-width: 990px) { #reset-pwd-container > .img-side > .img-bg { width: 100%; } } #reset-pwd-container > .content-side .reset-pwd-title { letter-spacing: 3px; } #reset-pwd-container > .content-side .user-pass label, #reset-pwd-container > .content-side .user-pass-reset label, #reset-pwd-container > .content-side .user-form label { margin-bottom: 0.5rem; } #reset-pwd-container > .content-side .user-pass input, #reset-pwd-container > .content-side .user-pass-reset input, #reset-pwd-container > .content-side .user-form input { border-radius: 30px; width: 60%; } @media screen and (max-width: 575px) { #reset-pwd-container > .content-side .user-pass input, #reset-pwd-container > .content-side .user-pass-reset input, #reset-pwd-container > .content-side .user-form input { width: 100%; } } @media screen and (min-width: 576px) and (max-width: 1199px) { #reset-pwd-container > .content-side .user-pass input, #reset-pwd-container > .content-side .user-pass-reset input, #reset-pwd-container > .content-side .user-form input { width: 50%; } } #reset-pwd-container > .content-side .user-pass button#edit-submit, #reset-pwd-container > .content-side .user-pass-reset button#edit-submit, #reset-pwd-container > .content-side .user-form button#edit-submit { width: 60%; margin-top: 1.5rem; padding-left: 50px !important; padding-right: 50px !important; --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; } #reset-pwd-container > .content-side .user-pass button#edit-submit:hover, #reset-pwd-container > .content-side .user-pass-reset button#edit-submit:hover, #reset-pwd-container > .content-side .user-form button#edit-submit:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } #reset-pwd-container > .content-side .user-pass button#edit-submit:focus, #reset-pwd-container > .content-side .user-pass-reset button#edit-submit:focus, #reset-pwd-container > .content-side .user-form button#edit-submit:focus { box-shadow: none; } @media screen and (max-width: 575px) { #reset-pwd-container > .content-side .user-pass button#edit-submit, #reset-pwd-container > .content-side .user-pass-reset button#edit-submit, #reset-pwd-container > .content-side .user-form button#edit-submit { color: #fff; background-color: #3357A2; border-color: #3357A2; width: 100%; } } @media screen and (min-width: 576px) and (max-width: 1199px) { #reset-pwd-container > .content-side .user-pass button#edit-submit, #reset-pwd-container > .content-side .user-pass-reset button#edit-submit, #reset-pwd-container > .content-side .user-form button#edit-submit { color: #fff; background-color: #3357A2; border-color: #3357A2; width: 50%; } } #user-login-container { height: 100%; min-height: 715px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } @media screen and (max-width: 990px) { #user-login-container { display: block; } } #user-login-container > .img-side { height: 100%; } @media screen and (max-width: 990px) { #user-login-container > .img-side { height: 230px; } } #user-login-container > .img-side > .img-bg { background-image: url("/themes/contrib/lide/images/form-background.jpg"); background-position: center; background-size: cover; } @media screen and (max-width: 990px) { #user-login-container > .img-side > .img-bg { width: 100%; } } #user-login-container > .content-side .reset-pwd-title { letter-spacing: 3px; } #user-login-container > .content-side .user-login-form { display: flex; flex-direction: column; align-items: center; } #user-login-container > .content-side .user-login-form .js-form-item { width: 80%; } @media screen and (max-width: 990px) { #user-login-container > .content-side .user-login-form .js-form-item { width: 100%; } } #user-login-container > .content-side .user-login-form .js-form-item label { margin-bottom: 0.5rem; } #user-login-container > .content-side .user-login-form .js-form-item input { border-radius: 30px; width: 100%; } #user-login-container > .content-side .user-login-form button#edit-submit { margin-top: 1.5rem; padding-left: 50px !important; padding-right: 50px !important; --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; } #user-login-container > .content-side .user-login-form button#edit-submit:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } #user-login-container > .content-side .user-login-form button#edit-submit:focus { box-shadow: none; } @media screen and (max-width: 1339px) { #user-login-container > .content-side .user-login-form button#edit-submit { color: #fff; background-color: #3357A2; border-color: #3357A2; width: 100%; } } #user-login-container small.forgot-pass { margin-top: -10px; margin-bottom: 1rem; width: 80%; } #reset-pwd-container #edit-field-user-name-lastname-wrapper, #reset-pwd-container #edit-field-user-phone-wrapper, #reset-pwd-container #edit-field-user-organization-wrapper { display: none; } /*------Colores-------*/ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #3357A2; /*azul LIDE*/ --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #222222; /*black LIDE*/ --bs-white: #fff; --bs-gray: #707070; /*gris LIDE*/ --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #D1D1D1; /*gris claro LIDE*/ --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 51, 87, 162; /*azul LIDE*/ --bs-secondary-rgb: 112, 112, 112; /*gris LIDE*/ --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 209, 209, 209; /*gris claro LIDE*/ --bs-dark-rgb: 34, 34, 34; /*black LIDE*/ --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } /*------Botones-------*/ .btn-primary-lide { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-primary-lide:hover { color: #3357A2; background-color: #fff; border-color: #fff; } .btn-outline-red { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; } .btn-outline-red:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-outline-white-lide, .btn-unite { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .btn-outline-white-lide:hover, .btn-unite:hover { color: #222222; background-color: #fff; border-color: #fff; } @media screen and (max-width: 990px) { .btn-outline-white-lide, .btn-unite { color: #222222; background-color: #fff; border-color: #fff; } } .card-event-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; max-width: 300px; margin: 0 auto; text-align: center; display: block; } .card-event-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-event-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .card-exclusive-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .card-exclusive-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-exclusive-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .download-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .download-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .download-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } /*Boton Cargar Mas en Acumulados*/ .js-pager__items.pager { display: flex; justify-content: center; width: 100%; padding: 0; } .js-pager__items.pager li { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; padding: 0; height: 46px; width: 160px; } .js-pager__items.pager li:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .js-pager__items.pager li a { display: inline-block; width: 100%; height: 100%; padding-top: 6%; font-size: 1rem; text-decoration: none; } /*---------Texto--------*/ .heading { font-family: 'Montserrat', sans-serif; font-weight: 500; } .heading.hero { -webkit-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); font-size: 48px; } @media screen and (max-width: 1399px) { .heading.hero { font-size: 28px; } } .heading.hover-red:hover { color: var(--bs-primary) !important; } .heading > a { text-decoration: none; } /*Medidas custom*/ @media (min-width: 1200px) { .h2-sm { font-size: 1.625rem; /*26*/ } } .h2-sm { font-size: 1.5rem; /*24*/ } .p { /*15*/ /*13*/ } .p-sm { font-size: 0.9375rem; } .p.small1 { font-size: 0.8125rem; } .h6-sm { font-size: 0.875rem; } /*14*/ p { font-family: 'Inter', sans-serif; } a { font-family: inherit; color: inherit; } a:hover { color: inherit; } /*------Divisores----*/ .divider-dark { color: var(--bs-dark); border-top: 2px solid; opacity: 1; } .divider-white { border-top: 1px solid; color: #fff; opacity: 1; } .divider-red { color: var(--bs-primary); border-top: 2px solid; opacity: 1; } .divider-secondary { color: var(--bs-secondary); border-top: 2px solid; opacity: 1; } /*------Otros----*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { /*agrega un poco mas de margin der. e izq. a los containers en mobile*/ --bs-gutter-x: 2.5rem; } .width-fit { width: fit-content; } .arrow-red { background-image: url("/themes/contrib/lide/images/home/arrow-red.svg"); width: 36px; height: 22px; background-position: center; background-size: contain; max-width: 25px !important; background-repeat: no-repeat; } .wave-white-home { background-image: url("/themes/contrib/lide/images/wavesv3.svg"); width: 109px; height: 27px; background-position: center; background-size: cover; } @media screen and (max-width: 990px) { .wave-white-home { width: 80px; height: 18px; } } .slick-next.slick-arrow { background-image: url("/themes/contrib/lide/images/slidernext_whitenew.png"); margin-right: 5px; background-repeat: no-repeat; background-size: contain; } .slick-prev.slick-arrow { background-image: url("/themes/contrib/lide/images/sliderprev_whitenew.png"); margin-left: 5px; background-repeat: no-repeat; background-size: contain; } .slick-arrow:before { content: '' !important; } #main > .row { /*ajusta margin hacia los costados que habilitaba un scroll horizontal*/ --bs-gutter-x: 0; } .node__content { margin-top: 0 !important; } #block-botondebusqueda { /*estandariza tamano barra de busqueda que hacia "glitchear" el ancho de la navbar entre secciones*/ max-width: 153px; width: 100%; } input:focus { outline: 0 !important; box-shadow: none !important; } .form-control:focus { border: 1px solid #ced4da; } .captcha.js-form-wrapper.form-wrapper { color: white; } .captcha.js-form-wrapper.form-wrapper .details-wrapper small.details-description { display: block; } .captcha.js-form-wrapper.form-wrapper .details-wrapper img { margin-bottom: 15px; } /*Acumulado de noticias*/ /*.sec-notas-acumulados{ .view-content{ .views-infinite-scroll-content-wrapper{ @media screen and (max-width: 1199px){ //grid-row-gap: 58px!important; } } .views-row{ &:not(:last-child) .field-content .news-credits{ // @media screen and (max-width: 1199px){ // border-bottom: 1px solid #eae9e8; // } } .custom-test{position: relative; @media screen and (max-width: 989px){ .news-title{ margin-top: 34px!important; } .news-tags{top: 10px !important;} } .news-title{ a{@include transition(all .4s ease-in-out); &:hover{@include transition(all .3s ease); color: var(--bs-primary);} } } .news-tags{ .width-fit{font-size: 0.8125rem!important;} @media screen and (max-width: 767px){ flex-wrap: nowrap!important;white-space: nowrap;width: 100%; overflow: hidden; .width-fit{font-size: 11px!important;} .tag-text{ &:last-child{width: auto;overflow: hidden;text-overflow: ellipsis;} } } .tag-text{ @media screen and (max-width: 989px){ padding-right: 5px; } } @media screen and (max-width: 989px){ font-size: 0.75rem!important; } } .news-credits{ @media screen and (max-width: 1199px){ padding-bottom: 10px!important; bottom: -38px!important; width: 95%; } } .news-body{display: none!important} img{@include transition(all .3s ease); @include box-shadow(0px 0px 1px rgba(0,0,0, .6));} @media screen and (max-width: 989px){ padding-top: 38px; padding-bottom: 38px; } } } } } */ /*--FORMULARIO POSTULACION DE MIEMBRO--*/ #main-user-register { background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/themes/contrib/lide/images/form-background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 576px) { #main-user-register { background-image: none; } } #main-user-register .user-register-container { max-width: 1320px; padding: 55px 0px; min-height: 790px; height: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 100px; grid-row-gap: 0px; } @media screen and (max-width: 1200px) { #main-user-register .user-register-container { display: block; padding: 0; min-height: auto; } } @media screen and (min-width: 1200px) and (max-width: 1399px) { #main-user-register .user-register-container { max-width: 1200px; } } @media screen and (max-width: 575px) { #main-user-register .user-register-container .text-intro { height: 320px; background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/themes/contrib/lide/images/form-background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } } @media screen and (max-width: 1200px) { #main-user-register .user-register-container .text-intro { height: 320px; padding-left: 2.5rem; padding-right: 2.5rem; } } #main-user-register .user-register-container .text-intro h1 { letter-spacing: 3px; } @media screen and (max-width: 1200px) { #main-user-register .user-register-container .text-intro h1 { font-size: 1.4rem; } } #main-user-register .user-register-container .layout-content { padding: 50px; background-color: rgba(34, 31, 31, 0.74); } @media screen and (max-width: 1200px) { #main-user-register .user-register-container .layout-content { background-color: #221F1F; padding-left: 2.5rem; padding-right: 2.5rem; } } #main-user-register .user-register-container .layout-content .form-header-register { font-size: 1.5rem; } .user-register-form.user-form label { margin-bottom: 0.5rem; color: white; } .user-register-form.user-form input { border-radius: 30px; width: 60%; background-color: rgba(34, 31, 31, 0.15) !important; color: white; border: 1px solid #716F6F; } @media screen and (max-width: 1200px) { .user-register-form.user-form input { width: 100%; } } .user-register-form.user-form button#edit-submit { margin-top: 1.5rem; --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; padding: 15px 40px; font-size: 16px !important; } .user-register-form.user-form button#edit-submit:hover { color: #fff; background-color: transparent; border-color: #fff; } .user-register-form.user-form button#edit-submit:focus { box-shadow: none; } @media screen and (max-width: 1200px) { .user-register-form.user-form button#edit-submit { color: var(--bs-light); background-color: #313033; border-color: var(--bs-secondary); width: 100%; } } #edit-account small { display: none; } /*--THANK YOU---*/ #main-user-register-thanks { background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/themes/contrib/lide/images/form-background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } #main-user-register-thanks .user-register-container { min-height: 790px; height: 100%; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 1339px) { #main-user-register-thanks .user-register-container { height: 100vh; min-height: auto; } } #main-user-register-thanks .user-register-container .layout-content { padding: 30px 50px; background-color: rgba(34, 31, 31, 0.74); width: 732px; } @media screen and (max-width: 1339px) { #main-user-register-thanks .user-register-container .layout-content { background-color: #221F1F; padding-left: 1rem; padding-right: 1rem; width: 90%; } } #main-user-register-thanks .user-register-container .layout-content .form-header-register { letter-spacing: 3px; } @media screen and (max-width: 1339px) { #main-user-register-thanks .user-register-container .layout-content .form-header-register { font-size: 22px; } } #main-user-register-thanks .user-register-container .layout-content > #block-lide-content { color: white; text-align: center; } /*---SER PARTE---*/ .page-node-69 #main > .field__item:not(:last-child), .page-node-69 .field.field--name-field-content.field--type-entity-reference-revisions.field--label-hidden.field__items > .field__item:not(:last-child) { --bs-gutter-x: 2.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } @media (min-width: 1400px) { .page-node-69 #main > .field__item:not(:last-child), .page-node-69 .field.field--name-field-content.field--type-entity-reference-revisions.field--label-hidden.field__items > .field__item:not(:last-child) { max-width: 1320px; } } .page-node-69 #main > .field__item:nth-child(2), .page-node-69 .field.field--name-field-content.field--type-entity-reference-revisions.field--label-hidden.field__items > .field__item:nth-child(2) { margin-top: -30px; } @media screen and (max-width: 576px) { .page-node-69 #main > .field__item:nth-child(2) .container, .page-node-69 .field.field--name-field-content.field--type-entity-reference-revisions.field--label-hidden.field__items > .field__item:nth-child(2) .container { --bs-gutter-x: 0; } } @media screen and (max-width: 576px) { .page-node-69 #main > .field__item:nth-child(2) .container .text-left-mod > p, .page-node-69 .field.field--name-field-content.field--type-entity-reference-revisions.field--label-hidden.field__items > .field__item:nth-child(2) .container .text-left-mod > p { font-size: 1rem; } } .page-node-69 #main > .field__item:nth-child(3), .page-node-69 .field.field--name-field-content.field--type-entity-reference-revisions.field--label-hidden.field__items > .field__item:nth-child(3) { margin-top: -50px; } @media screen and (max-width: 576px) { .page-node-69 #main > .field__item:nth-child(3) .container, .page-node-69 .field.field--name-field-content.field--type-entity-reference-revisions.field--label-hidden.field__items > .field__item:nth-child(3) .container { --bs-gutter-x: 0; } } .page-node-69 #main > .row.row-offcanvas.row-offcanvas-left.clearfix { --bs-gutter-x: 0; } .page-node-69 .paragraph.paragraph--type--heading.paragraph--view-mode--default > .text-formatted.field.field--name-field-p-richtext.field--type-text-long.field--label-hidden.field__item > p { /*Encabezado de pagina. "Forma parte de la comunidad de lideres..."*/ font-family: 'Montserrat', sans-serif; font-size: 2rem; letter-spacing: 3px; padding-top: 2rem; margin-bottom: 45px; width: 100%; font-weight: 500; } @media screen and (max-width: 576px) { .page-node-69 .paragraph.paragraph--type--heading.paragraph--view-mode--default > .text-formatted.field.field--name-field-p-richtext.field--type-text-long.field--label-hidden.field__item > p { font-size: 20px; } } @media screen and (min-width: 767px) and (max-width: 991px) { .page-node-69 .paragraph.paragraph--type--heading.paragraph--view-mode--default > .text-formatted.field.field--name-field-p-richtext.field--type-text-long.field--label-hidden.field__item > p { max-width: 720px; --bs-gutter-x: 2.5rem; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .page-node-69 .paragraph.paragraph--type--heading.paragraph--view-mode--default > .text-formatted.field.field--name-field-p-richtext.field--type-text-long.field--label-hidden.field__item > p { max-width: 960px; --bs-gutter-x: 2.5rem; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } } @media screen and (min-width: 1200px) and (max-width: 1399px) { .page-node-69 .paragraph.paragraph--type--heading.paragraph--view-mode--default > .text-formatted.field.field--name-field-p-richtext.field--type-text-long.field--label-hidden.field__item > p { max-width: 1140px; --bs-gutter-x: 2.5rem; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } } @media screen and (min-width: 1400px) { .page-node-69 .paragraph.paragraph--type--heading.paragraph--view-mode--default > .text-formatted.field.field--name-field-p-richtext.field--type-text-long.field--label-hidden.field__item > p { max-width: 1320px; --bs-gutter-x: 2.5rem; } } .page-node-69 .paragraph.paragraph--type--heading.paragraph--view-mode--default > .text-formatted.field.field--name-field-p-richtext.field--type-text-long.field--label-hidden.field__item > p > strong { color: var(--bs-primary); font-weight: 500; } .page-node-69 .paragraph.paragraph--type--text-left.paragraph--view-mode--default { /*Accede a*/ } .page-node-69 .paragraph.paragraph--type--text-left.paragraph--view-mode--default .container { --bs-gutter-x: 0 !important; } @media screen and (min-width: 568px) and (max-width: 766px) { .page-node-69 .paragraph.paragraph--type--text-left.paragraph--view-mode--default .container { max-width: 100%; } } .page-node-69 .paragraph.paragraph--type--text-left.paragraph--view-mode--default .container .text-left-mod { padding-left: 0px; height: 0px; margin-bottom: 4rem; } @media screen and (min-width: 568px) and (max-width: 766px) { .page-node-69 .paragraph.paragraph--type--text-left.paragraph--view-mode--default .container .text-left-mod { max-width: 100%; --bs-gutter-x: 2.5rem; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: 0; margin-left: 0; } } @media screen and (min-width: 767px) and (max-width: 991px) { .page-node-69 .paragraph.paragraph--type--text-left.paragraph--view-mode--default .container .text-left-mod { max-width: 720px; --bs-gutter-x: 2.5rem !important; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .page-node-69 .paragraph.paragraph--type--text-left.paragraph--view-mode--default .container .text-left-mod { max-width: 960px; --bs-gutter-x: 2.5rem !important; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } } @media screen and (min-width: 1200px) and (max-width: 1399px) { .page-node-69 .paragraph.paragraph--type--text-left.paragraph--view-mode--default .container .text-left-mod { max-width: 1140px; --bs-gutter-x: 2.5rem !important; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } } @media screen and (min-width: 1400px) { .page-node-69 .paragraph.paragraph--type--text-left.paragraph--view-mode--default .container .text-left-mod { max-width: 1320px; --bs-gutter-x: 0rem !important; } } @media screen and (max-width: 767px) { .page-node-69 .text-left-mod { height: 2.5rem; } } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default { background-color: var(--bs-gray-dark); } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container > .clearfix.text-formatted.field.field--name-field-p-richtext.field--type-text-long.field--label-hidden.field__item { /*texto encabezado "para ser miembro..."*/ width: 63%; font-size: 22px; margin-bottom: 3rem; align-self: flex-start; } @media screen and (max-width: 767px) { .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container > .clearfix.text-formatted.field.field--name-field-p-richtext.field--type-text-long.field--label-hidden.field__item { width: 100%; font-size: 18px; } } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-requirements.field--type-entity-reference-revisions { /*grilla de listado de requerimientos*/ display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 50px; grid-row-gap: 20px; width: 100%; height: 360px; margin-bottom: 2.5rem; } @media screen and (max-width: 767px) { .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-requirements.field--type-entity-reference-revisions { grid-template-columns: 1fr; grid-template-rows: 1fr; height: 100%; } } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-requirements.field--type-entity-reference-revisions > .field__item .field.field--name-field-p-text.field--type-string.field--label-hidden.field__item { font-size: 18px; } @media screen and (max-width: 767px) { .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-requirements.field--type-entity-reference-revisions > .field__item .field.field--name-field-p-text.field--type-string.field--label-hidden.field__item { margin-bottom: 1rem; } } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-requirements.field--type-entity-reference-revisions > .field__item .field.field--name-field-p-text { padding-left: 40px; background-image: url(/themes/contrib/lide/images/check-blue.svg); background-repeat: no-repeat; background-size: 20px auto; background-position: 0; } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-requirements.field--type-entity-reference-revisions > .field__item .field.field--name-field-p-richtext { padding-left: 40px; width: 100%; max-width: 520px; } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-cta.field--type-link.field--label-hidden.field__item { /*boton de "Postular para ser miembro"*/ padding: 15px 60px !important; font-size: 16px !important; --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-cta.field--type-link.field--label-hidden.field__item:hover { color: #fff; background-color: transparent; border-color: #fff; } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-cta.field--type-link.field--label-hidden.field__item:focus { box-shadow: none; } @media screen and (max-width: 576px) { .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-cta.field--type-link.field--label-hidden.field__item { margin-top: 1.5rem; color: #fff; background-color: #3357A2; border-color: #3357A2; width: 100%; } } .page-node-69 .paragraph.paragraph--type--requirements-panel.paragraph--view-mode--default > .container .field.field--name-field-p-cta.field--type-link.field--label-hidden.field__item > a { text-decoration: none; } /*------Colores-------*/ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #3357A2; /*azul LIDE*/ --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #222222; /*black LIDE*/ --bs-white: #fff; --bs-gray: #707070; /*gris LIDE*/ --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #D1D1D1; /*gris claro LIDE*/ --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 51, 87, 162; /*azul LIDE*/ --bs-secondary-rgb: 112, 112, 112; /*gris LIDE*/ --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 209, 209, 209; /*gris claro LIDE*/ --bs-dark-rgb: 34, 34, 34; /*black LIDE*/ --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } /*------Botones-------*/ .btn-primary-lide { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-primary-lide:hover { color: #3357A2; background-color: #fff; border-color: #fff; } .btn-outline-red { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; } .btn-outline-red:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-outline-white-lide, .btn-unite { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .btn-outline-white-lide:hover, .btn-unite:hover { color: #222222; background-color: #fff; border-color: #fff; } @media screen and (max-width: 990px) { .btn-outline-white-lide, .btn-unite { color: #222222; background-color: #fff; border-color: #fff; } } .card-event-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; max-width: 300px; margin: 0 auto; text-align: center; display: block; } .card-event-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-event-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .card-exclusive-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .card-exclusive-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-exclusive-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .download-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .download-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .download-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } /*Boton Cargar Mas en Acumulados*/ .js-pager__items.pager { display: flex; justify-content: center; width: 100%; padding: 0; } .js-pager__items.pager li { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; padding: 0; height: 46px; width: 160px; } .js-pager__items.pager li:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .js-pager__items.pager li a { display: inline-block; width: 100%; height: 100%; padding-top: 6%; font-size: 1rem; text-decoration: none; } /*---------Texto--------*/ .heading { font-family: 'Montserrat', sans-serif; font-weight: 500; } .heading.hero { -webkit-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); font-size: 48px; } @media screen and (max-width: 1399px) { .heading.hero { font-size: 28px; } } .heading.hover-red:hover { color: var(--bs-primary) !important; } .heading > a { text-decoration: none; } /*Medidas custom*/ @media (min-width: 1200px) { .h2-sm { font-size: 1.625rem; /*26*/ } } .h2-sm { font-size: 1.5rem; /*24*/ } .p { /*15*/ /*13*/ } .p-sm { font-size: 0.9375rem; } .p.small1 { font-size: 0.8125rem; } .h6-sm { font-size: 0.875rem; } /*14*/ p { font-family: 'Inter', sans-serif; } a { font-family: inherit; color: inherit; } a:hover { color: inherit; } /*------Divisores----*/ .divider-dark { color: var(--bs-dark); border-top: 2px solid; opacity: 1; } .divider-white { border-top: 1px solid; color: #fff; opacity: 1; } .divider-red { color: var(--bs-primary); border-top: 2px solid; opacity: 1; } .divider-secondary { color: var(--bs-secondary); border-top: 2px solid; opacity: 1; } /*------Otros----*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { /*agrega un poco mas de margin der. e izq. a los containers en mobile*/ --bs-gutter-x: 2.5rem; } .width-fit { width: fit-content; } .arrow-red { background-image: url("/themes/contrib/lide/images/home/arrow-red.svg"); width: 36px; height: 22px; background-position: center; background-size: contain; max-width: 25px !important; background-repeat: no-repeat; } .wave-white-home { background-image: url("/themes/contrib/lide/images/wavesv3.svg"); width: 109px; height: 27px; background-position: center; background-size: cover; } @media screen and (max-width: 990px) { .wave-white-home { width: 80px; height: 18px; } } .slick-next.slick-arrow { background-image: url("/themes/contrib/lide/images/slidernext_whitenew.png"); margin-right: 5px; background-repeat: no-repeat; background-size: contain; } .slick-prev.slick-arrow { background-image: url("/themes/contrib/lide/images/sliderprev_whitenew.png"); margin-left: 5px; background-repeat: no-repeat; background-size: contain; } .slick-arrow:before { content: '' !important; } #main > .row { /*ajusta margin hacia los costados que habilitaba un scroll horizontal*/ --bs-gutter-x: 0; } .node__content { margin-top: 0 !important; } #block-botondebusqueda { /*estandariza tamano barra de busqueda que hacia "glitchear" el ancho de la navbar entre secciones*/ max-width: 153px; width: 100%; } input:focus { outline: 0 !important; box-shadow: none !important; } .form-control:focus { border: 1px solid #ced4da; } .captcha.js-form-wrapper.form-wrapper { color: white; } .captcha.js-form-wrapper.form-wrapper .details-wrapper small.details-description { display: block; } .captcha.js-form-wrapper.form-wrapper .details-wrapper img { margin-bottom: 15px; } /*Acumulado de noticias*/ /*.sec-notas-acumulados{ .view-content{ .views-infinite-scroll-content-wrapper{ @media screen and (max-width: 1199px){ //grid-row-gap: 58px!important; } } .views-row{ &:not(:last-child) .field-content .news-credits{ // @media screen and (max-width: 1199px){ // border-bottom: 1px solid #eae9e8; // } } .custom-test{position: relative; @media screen and (max-width: 989px){ .news-title{ margin-top: 34px!important; } .news-tags{top: 10px !important;} } .news-title{ a{@include transition(all .4s ease-in-out); &:hover{@include transition(all .3s ease); color: var(--bs-primary);} } } .news-tags{ .width-fit{font-size: 0.8125rem!important;} @media screen and (max-width: 767px){ flex-wrap: nowrap!important;white-space: nowrap;width: 100%; overflow: hidden; .width-fit{font-size: 11px!important;} .tag-text{ &:last-child{width: auto;overflow: hidden;text-overflow: ellipsis;} } } .tag-text{ @media screen and (max-width: 989px){ padding-right: 5px; } } @media screen and (max-width: 989px){ font-size: 0.75rem!important; } } .news-credits{ @media screen and (max-width: 1199px){ padding-bottom: 10px!important; bottom: -38px!important; width: 95%; } } .news-body{display: none!important} img{@include transition(all .3s ease); @include box-shadow(0px 0px 1px rgba(0,0,0, .6));} @media screen and (max-width: 989px){ padding-top: 38px; padding-bottom: 38px; } } } } } */ /*---Dashboard para usuario logueado--*/ /*Encabezado con texto que da la bienvenida a usuario*/ body.user-logged-in #block-lide-content article.profile { color: white; background-color: var(--bs-gray-dark); padding: 1.5rem 0 1.5rem 0; display: flex; flex-direction: column; align-items: center; text-transform: uppercase; } body.user-logged-in #block-lide-content article.profile h1, body.user-logged-in #block-lide-content article.profile p { font-family: 'Montserrat', sans-serif; } body.user-logged-in #block-lide-content article.profile h1 { font-weight: 600; letter-spacing: 3px; } body.user-logged-in #block-lide-content article.profile p { margin-bottom: 0; } /*Acumulado de noticias "Lectura Recomendada"*/ #block-views-block-recommended-block-1 .content > div > div .view-header { padding-bottom: 30px; } #block-views-block-recommended-block-1 .content > div > div .view-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 25px; height: 650px; height: 100%; } @media screen and (max-width: 990px) { #block-views-block-recommended-block-1 .content > div > div .view-content { grid-template-columns: 1fr; grid-template-rows: 1fr; grid-row-gap: 30px; height: auto; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-container { height: fit-content; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content img { width: 100%; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-tags { margin-top: 0 !important; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row .field-content .news-credits { bottom: 0 !important; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child { grid-area: 1 / 1 / 4 / 2; } @media screen and (max-width: 990px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child { grid-area: 1 / 1 / 3 / 2; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child img { width: 100%; height: auto; margin-bottom: 1rem; } @media screen and (max-width: 575px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child img { position: relative; height: auto; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-tags { width: auto; color: var(--bs-primary); flex-wrap: wrap; padding-right: 25px; position: relative; margin-top: 0; left: 0; margin-bottom: 0.75rem; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-tags .tag-text { padding-right: 15px; margin-bottom: 0; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-tags .tag-text a { text-decoration: none; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-title { width: auto; font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; position: relative; left: 0; top: auto; } @media screen and (max-width: 576px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-title { font-size: 1.25rem; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-title a { text-decoration: none; } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-title a:hover { color: var(--bs-primary); } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-body { color: var(--bs-secondary); } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-credits { width: auto; display: flex; position: relative; left: auto; } @media screen and (max-width: 576px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-credits { font-size: 12px; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:first-child .news-credits .text-date { color: var(--bs-secondary); } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:nth-child(2) { grid-area: 1 / 2 / 2 / 3; } @media screen and (max-width: 990px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:nth-child(2) { grid-area: 3 / 1 / 4 / 2; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:nth-child(3) { grid-area: 2 / 2 / 3 / 3; } @media screen and (max-width: 990px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:nth-child(3) { grid-area: 4 / 1 / 5 / 2; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:nth-child(4) { grid-area: 3 / 2 / 4 / 3; } @media screen and (max-width: 990px) { #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:nth-child(4) { grid-area: 5 / 1 / 6 / 2; } } #block-views-block-recommended-block-1 .content > div > div .view-content .views-row:not(:first-child) p.news-body { display: none; } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row:first-child .custom-test { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 989px) { #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row:first-child .custom-test { padding-top: 0 !important; } } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row:first-child .custom-test:hover .news-title a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row:first-child .custom-test:hover .news-title a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row:first-child .custom-test img { box-shadow: none !important; } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test { position: relative; } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test .news-title a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test .news-title a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--bs-primary); } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags { /*13*/ } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags .width-fit { font-size: 0.8125rem !important; } @media screen and (max-width: 767px) { #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags .width-fit { font-size: 11px !important; } } @media screen and (max-width: 989px) { #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags .tag-text { padding-right: 5px; } } @media screen and (max-width: 989px) { #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test .news-tags { font-size: 0.75rem !important; /*12*/ } } #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); } @media screen and (max-width: 989px) { #block-views-block-recommended-block-1 .content > div > div .view-content > .views-row .custom-test { padding-top: 25px; padding-bottom: 28px; } } /*Eventos guardados*/ #block-views-block-events-block-3 .content .btn-no-results { display: flex; } #block-views-block-events-block-3 .content .btn-no-results > :first-child { padding-right: 10px; } #block-views-block-events-block-3 .content .btn-no-results > a { display: flex; } #block-views-block-events-block-3 .content .btn-no-results > a .arrow-red { max-width: 18px !important; } /*Bloque para descargar miembros*/ #members-list { background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/themes/contrib/lide/images/form-background.jpg); background-size: cover; background-position: top, 35%; } #members-list .download-btn .download-icon { background-image: url("/themes/contrib/lide/images/download.svg"); width: 20px; height: 20px; background-repeat: no-repeat; } /*Personaliza tu experiencia*/ #block-views-block-experience-block-1 { background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)), url(/themes/contrib/lide/images/form-background.jpg); background-size: cover; background-position: center; color: white; } #block-views-block-experience-block-1 .view.view-experience.view-id-experience.view-display-id-block_1 .view-content { padding-top: 20px; display: flex; } #block-views-block-experience-block-1 .view.view-experience.view-id-experience.view-display-id-block_1 .view-content .views-row { width: fit-content; margin-bottom: 0.5rem; } .interest-btn { height: 35px; width: 100%; align-items: center; padding: 1rem; background-color: rgba(151, 148, 148, 0.3); border-radius: 30px; margin-bottom: 0.5rem; } .interest-btn .flag.flag-interest { width: 20px; height: 20px; border-radius: 5px; position: relative; margin-left: 5px; } .interest-btn .flag.flag-interest > a { text-indent: -72px; display: block; height: 100%; overflow: hidden; width: 100%; position: relative; } .interest-btn .action-unflag { border: 1px solid #3357A2; } .interest-btn .action-unflag:before { content: '\2713'; display: inline-block; position: absolute; top: -3px; left: 3px; color: #3357A2; } .interest-btn .action-flag { border: 1px solid white; } /*Informacion Competitiva*/ @media screen and (max-width: 989px) { #btn-acceder { width: 100%; } } body.page-user-1 #block-userinformacioncompetitiva span.text-primary { color: #3C3C3C !important; } /*------Colores-------*/ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #3357A2; /*azul LIDE*/ --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #222222; /*black LIDE*/ --bs-white: #fff; --bs-gray: #707070; /*gris LIDE*/ --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #D1D1D1; /*gris claro LIDE*/ --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 51, 87, 162; /*azul LIDE*/ --bs-secondary-rgb: 112, 112, 112; /*gris LIDE*/ --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 209, 209, 209; /*gris claro LIDE*/ --bs-dark-rgb: 34, 34, 34; /*black LIDE*/ --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } /*------Botones-------*/ .btn-primary-lide { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-primary-lide:hover { color: #3357A2; background-color: #fff; border-color: #fff; } .btn-outline-red { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; } .btn-outline-red:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .btn-outline-white-lide, .btn-unite { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .btn-outline-white-lide:hover, .btn-unite:hover { color: #222222; background-color: #fff; border-color: #fff; } @media screen and (max-width: 990px) { .btn-outline-white-lide, .btn-unite { color: #222222; background-color: #fff; border-color: #fff; } } .card-event-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; max-width: 300px; margin: 0 auto; text-align: center; display: block; } .card-event-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-event-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .card-exclusive-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .card-exclusive-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .card-exclusive-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } .download-btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: transparent; border-color: #fff; } .download-btn:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } @media screen and (max-width: 990px) { .download-btn { color: #fff; background-color: #3357A2; border-color: #3357A2; } } /*Boton Cargar Mas en Acumulados*/ .js-pager__items.pager { display: flex; justify-content: center; width: 100%; padding: 0; } .js-pager__items.pager li { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #3357A2; background-color: transparent; border-color: #3357A2; padding: 0; height: 46px; width: 160px; } .js-pager__items.pager li:hover { color: #fff; background-color: #3357A2; border-color: #3357A2; } .js-pager__items.pager li a { display: inline-block; width: 100%; height: 100%; padding-top: 6%; font-size: 1rem; text-decoration: none; } /*---------Texto--------*/ .heading { font-family: 'Montserrat', sans-serif; font-weight: 500; } .heading.hero { -webkit-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); text-shadow: 0 0 20px rgba(0, 0, 0, 0.4); font-size: 48px; } @media screen and (max-width: 1399px) { .heading.hero { font-size: 28px; } } .heading.hover-red:hover { color: var(--bs-primary) !important; } .heading > a { text-decoration: none; } /*Medidas custom*/ @media (min-width: 1200px) { .h2-sm { font-size: 1.625rem; /*26*/ } } .h2-sm { font-size: 1.5rem; /*24*/ } .p { /*15*/ /*13*/ } .p-sm { font-size: 0.9375rem; } .p.small1 { font-size: 0.8125rem; } .h6-sm { font-size: 0.875rem; } /*14*/ p { font-family: 'Inter', sans-serif; } a { font-family: inherit; color: inherit; } a:hover { color: inherit; } /*------Divisores----*/ .divider-dark { color: var(--bs-dark); border-top: 2px solid; opacity: 1; } .divider-white { border-top: 1px solid; color: #fff; opacity: 1; } .divider-red { color: var(--bs-primary); border-top: 2px solid; opacity: 1; } .divider-secondary { color: var(--bs-secondary); border-top: 2px solid; opacity: 1; } /*------Otros----*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { /*agrega un poco mas de margin der. e izq. a los containers en mobile*/ --bs-gutter-x: 2.5rem; } .width-fit { width: fit-content; } .arrow-red { background-image: url("/themes/contrib/lide/images/home/arrow-red.svg"); width: 36px; height: 22px; background-position: center; background-size: contain; max-width: 25px !important; background-repeat: no-repeat; } .wave-white-home { background-image: url("/themes/contrib/lide/images/wavesv3.svg"); width: 109px; height: 27px; background-position: center; background-size: cover; } @media screen and (max-width: 990px) { .wave-white-home { width: 80px; height: 18px; } } .slick-next.slick-arrow { background-image: url("/themes/contrib/lide/images/slidernext_whitenew.png"); margin-right: 5px; background-repeat: no-repeat; background-size: contain; } .slick-prev.slick-arrow { background-image: url("/themes/contrib/lide/images/sliderprev_whitenew.png"); margin-left: 5px; background-repeat: no-repeat; background-size: contain; } .slick-arrow:before { content: '' !important; } #main > .row { /*ajusta margin hacia los costados que habilitaba un scroll horizontal*/ --bs-gutter-x: 0; } .node__content { margin-top: 0 !important; } #block-botondebusqueda { /*estandariza tamano barra de busqueda que hacia "glitchear" el ancho de la navbar entre secciones*/ max-width: 153px; width: 100%; } input:focus { outline: 0 !important; box-shadow: none !important; } .form-control:focus { border: 1px solid #ced4da; } .captcha.js-form-wrapper.form-wrapper { color: white; } .captcha.js-form-wrapper.form-wrapper .details-wrapper small.details-description { display: block; } .captcha.js-form-wrapper.form-wrapper .details-wrapper img { margin-bottom: 15px; } /*Acumulado de noticias*/ /*.sec-notas-acumulados{ .view-content{ .views-infinite-scroll-content-wrapper{ @media screen and (max-width: 1199px){ //grid-row-gap: 58px!important; } } .views-row{ &:not(:last-child) .field-content .news-credits{ // @media screen and (max-width: 1199px){ // border-bottom: 1px solid #eae9e8; // } } .custom-test{position: relative; @media screen and (max-width: 989px){ .news-title{ margin-top: 34px!important; } .news-tags{top: 10px !important;} } .news-title{ a{@include transition(all .4s ease-in-out); &:hover{@include transition(all .3s ease); color: var(--bs-primary);} } } .news-tags{ .width-fit{font-size: 0.8125rem!important;} @media screen and (max-width: 767px){ flex-wrap: nowrap!important;white-space: nowrap;width: 100%; overflow: hidden; .width-fit{font-size: 11px!important;} .tag-text{ &:last-child{width: auto;overflow: hidden;text-overflow: ellipsis;} } } .tag-text{ @media screen and (max-width: 989px){ padding-right: 5px; } } @media screen and (max-width: 989px){ font-size: 0.75rem!important; } } .news-credits{ @media screen and (max-width: 1199px){ padding-bottom: 10px!important; bottom: -38px!important; width: 95%; } } .news-body{display: none!important} img{@include transition(all .3s ease); @include box-shadow(0px 0px 1px rgba(0,0,0, .6));} @media screen and (max-width: 989px){ padding-top: 38px; padding-bottom: 38px; } } } } } */ /*---Informes: acumulado----*/ .view-search-results .view-filters { margin-top: 30px; } .view-search-results .view-filters .views-exposed-form { margin-bottom: 50px; } .view-search-results .view-filters .views-exposed-form .row .js-form-item label { margin-bottom: 10px; } .view-search-results .view-filters .views-exposed-form .row .js-form-item input { border-left: none; border-top: none; border-right: none; border-bottom: 1px solid #707070; border-radius: 0; padding-left: 0; } .view-search-results .view-filters .views-exposed-form .row .js-form-item input:focus { box-shadow: none; border-bottom: 1px solid var(--bs-primary); } .view-search-results .view-filters .views-exposed-form .row .form-actions button { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-family: 'Inter', sans-serif; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 30px; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: 14px; font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: 30px; background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 30px; color: #fff; background-color: #3357A2; border-color: #3357A2; } .view-search-results .view-filters .views-exposed-form .row .form-actions button:hover { color: #3357A2; background-color: #fff; border-color: #fff; } @media screen and (max-width: 1399px) { .view-search-results .view-content { grid-template-columns: 1fr; grid-row-gap: 90px; height: auto; } } @media screen and (max-width: 989px) { .view-search-results .view-content { grid-row-gap: 40px; } } .view-search-results .view-content .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content .news-container { height: fit-content; } } .view-search-results .view-content .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content img { width: 100%; } } .view-search-results .view-content .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { .view-search-results .view-content .views-row .field-content .news-tags { margin-top: 0 !important; } } .view-search-results .view-content .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } .view-search-results .view-content .views-row .field-content .news-tags .tag-text a { text-decoration: none; } .view-search-results .view-content .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } .view-search-results .view-content .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { .view-search-results .view-content .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content .news-title { font-size: 1.25rem; } } .view-search-results .view-content .views-row .field-content .news-title a { text-decoration: none; } .view-search-results .view-content .views-row .field-content .news-title a:hover { color: var(--bs-primary); } .view-search-results .view-content .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } .view-search-results .view-content .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } .view-search-results .view-content .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { .view-search-results .view-content .views-row .field-content .news-credits { bottom: 0 !important; } } .view-search-results .view-content .views-row .field-content img { width: 250px; height: auto; } @media screen and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content img { width: 100%; } } @media screen and (max-width: 767px) { .view-search-results .view-content .views-row .field-content .news-tags { font-size: 10px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content .news-tags { font-size: 14px; } } @media screen and (min-width: 990px) { .view-search-results .view-content .views-row .field-content .news-tags { font-size: 13px; } } @media screen and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content .news-tags { margin-top: 0 !important; left: 0px; } } @media screen and (min-width: 1400px) { .view-search-results .view-content .views-row .field-content .news-tags { left: 270px; width: calc(100% - 270px); margin-top: 0px; } } @media screen and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content .news-credits { left: 0px; width: fit-content; display: flex; margin-bottom: 20px; } } @media screen and (min-width: 1400px) { .view-search-results .view-content .views-row .field-content .news-credits { left: 270px; width: fit-content; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .view-search-results .view-content .views-row .field-content .news-credits { bottom: 30px !important; width: fit-content; } } @media screen and (max-width: 767px) { .view-search-results .view-content .views-row .field-content .news-title { font-size: 0.8rem; line-height: 15px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { .view-search-results .view-content .views-row .field-content .news-title { font-size: 1.25rem; line-height: normal; } } @media screen and (min-width: 1400px) { .view-search-results .view-content .views-row .field-content .news-title { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { .view-search-results .view-content .views-row .field-content .news-title { top: 20px; } } @media screen and (max-width: 990px) { .view-search-results .view-content .views-row:not(:last-child) .field-content .news-credits { padding-bottom: 10px; width: fit-content; bottom: -45px; } } .view-search-results .view-content .news-body { display: none; } .view-search-results .view-content .views-row { height: 225px; } .view-search-results .pager { margin-bottom: 30px; } @media (min-width: 576px) { .view-search-results .view-filters .views-exposed-form { margin-bottom: 0 !important; } .view-search-results .view-filters .views-exposed-form .row .js-form-item input { width: 35vw !important; } .view-search-results .view-content { margin-top: 0; margin-bottom: 30px; } .view-search-results .view-content .views-row { margin-top: 30px; } .view-search-results .view-content .news-body { display: block; position: absolute; left: 270px; top: 80px; width: calc(100% - 240px); font-size: 16px; } .view-search-results .pager { margin-top: 30px; } } .div-img-goals { background-position: center; background-repeat: no-repeat; background-size: cover; } .div-goals { margin-left: -25px; } .title-goals { font-size: 26px; text-transform: uppercase; letter-spacing: 2px; } @media only screen and (max-width: 767px) { .title-goals { font-size: 22px; } } .p-goals p { font-size: 19px; margin-bottom: 0px; font-weight: 400; } @media only screen and (max-width: 767px) { .div-goals { margin-left: 0; } .title-goals { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 990px) { .p-number-field_p_number .p-goals p { font-size: 18px; } .div-img-goals { width: 100%; min-height: 510px; } .title-goals { margin-left: 125px; } .p-goals { height: 65px; } } @media only screen and (min-width: 991px) { .div-img-goals { width: 50%; min-height: 510px; } .div-goals { position: absolute; width: 52%; right: 0; } .p-goals { height: 65px; } .title-goals { margin-left: 50px; } } .banner-red-lide { width: 100%; max-width: 550px; } .wave-white { width: 70px; } .p-hero-title { letter-spacing: 2px; font-size: 35px; } @media only screen and (max-width: 767px) { .p-hero-title { font-size: 25px; } } .p-hero-subtitle p { font-size: 1rem; font-weight: 400; line-height: 25px; } .hero-styles { width: 55%; } .div-wave-hero { width: 100%; height: inherit; background-position: center; background-repeat: no-repeat; background-size: cover; } .wave-hero { width: 100%; height: inherit; max-width: 60px; margin-left: -1px; } .field__item .paragraph--type--hero-about { background-color: var(--bs-primary); } .field__item .paragraph--type--texto-alineacion-derecha- .field--name-field-p-richtext p { font-size: 19px; width: 100%; max-width: 750px; margin-left: auto; margin-top: 30px; font-family: 'Inter', sans-serif; font-weight: 400; } .field__item .paragraph--type--youtube-embed { text-align: center; } .field__item .paragraph--type--youtube-embed div { width: 90%; } .field__item .paragraph--type--icons .field--name-field-p-text { text-align: center; font-size: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 500; letter-spacing: 2px; } @media only screen and (max-width: 567px) { .field__item .paragraph--type--icons .field--name-field-p-text { font-size: 20px; text-align: start; } } .field__item .paragraph--type--icons .field--name-field-p-icons { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } @media only screen and (min-width: 1400px) { .field__item .paragraph--type--icons .field--name-field-p-icons { gap: 30px; } } @media only screen and (max-width: 1399px) { .hero-styles { width: 80%; } } @media only screen and (max-width: 767px) { .bg-hero-lide { flex-direction: column-reverse !important; } .banner-red-lide { max-width: fit-content; } .div-wave-hero { height: 330px; display: flex; align-items: flex-end; } .wave-hero { width: 100%; height: auto; max-width: fit-content; margin-left: 0px; margin-bottom: -1px; } .wave-hero.mobile-wave { position: relative; top: 2px; max-width: 100vw; } .hero-styles { width: 100%; } } .paragraph--type--highlight .highlight-container { border-left: 3px solid var(--bs-primary); padding-left: 38px; } @media (min-width: 767px) { .paragraph--type--highlight .highlight-container { max-width: 720px; margin: auto; } } @media (min-width: 992px) { .paragraph--type--highlight .highlight-container { max-width: 960px; } } @media (min-width: 1200px) { .paragraph--type--highlight .highlight-container { max-width: 1140px; } } @media (min-width: 1400px) { .paragraph--type--highlight .highlight-container { max-width: 1320px; margin-left: auto; } } .paragraph--type--highlight .highlight-container p { font-family: 'Montserrat', sans-serif; font-weight: 400; letter-spacing: 1px; } .paragraph--type--highlight p { font-size: 26px; width: 100%; max-width: 800px; } .paragraph--type--highlight p strong { color: var(--bs-primary); font-weight: 500; } @media only screen and (max-width: 767px) { .field__item .paragraph--type--highlight .highlight-container { border-left: 0px; margin-top: 60px; --bs-gutter-x: 2.5rem; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .field__item .paragraph--type--highlight .highlight-container p { font-size: 22px; } } .icons-box-shadow { width: 270px; height: 250px; box-shadow: 0px 0px 20px -3px #0000001f; } .icons-box-shadow p { font-size: 19px; margin-bottom: 0px; font-weight: 400; width: 100%; max-width: 200px; } .icons-box-shadow p strong { font-weight: 600; } body.page-node-69 .field__item .paragraph--type--icons .field--name-field-p-icons { /*Ajuste viewports intermedios para iconos/tarjetas de seccion Ser Parte*/ } @media only screen and (min-width: 992px) and (max-width: 1199px) { body.page-node-69 .field__item .paragraph--type--icons .field--name-field-p-icons { width: 80%; margin: auto; } } @media only screen and (max-width: 1199px) { .field__item .paragraph--type--icons .field--name-field-p-icons { justify-content: space-around; align-items: center; } } @media only screen and (max-width: 767px) { .field__item { width: 100%; } .icons-box-shadow { width: 350px; height: 120px; } .icons-box-shadow p { font-size: 17px; line-height: 1.1; } } @media only screen and (max-width: 400px) { .icons-box-shadow { width: 100%; } } .bg-img-numbers { height: 100%; min-height: 320px; background-position: center; background-repeat: no-repeat; background-size: cover; } .title-numbers { font-size: 28px; } .div-numbers .field--name-field-p-numbers { display: flex; flex-direction: row; justify-content: space-between; align-items: start; } .div-numbers .field--name-field-p-numbers .field__item { position: relative; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(1) .paragraph--type--number::after { content: ''; position: absolute; height: 110px; width: 1px; background: #cccccc; right: -5rem; top: 0; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(2) .paragraph--type--number::after { content: ''; position: absolute; height: 110px; width: 1px; background: #cccccc; right: -3.5rem; top: 0; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(3) .paragraph--type--number::after { content: ''; position: absolute; height: 110px; width: 1px; background: #cccccc; right: -5rem; top: 0; } .div-numbers-texts { line-height: 1; } @media only screen and (min-width: 991px) { .div-numbers-texts { max-width: 240px; } } .p-number-field_p_number { font-size: 80px; } .p-number-field_p_text { font-size: 20px; text-transform: uppercase; letter-spacing: 3px; line-height: 30px; } @media only screen and (max-width: 1399px) { .div-numbers .field--name-field-p-numbers .field__item:nth-child(1) .paragraph--type--number::after { right: -3.5rem; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(2) .paragraph--type--number::after { right: -1rem; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(3) .paragraph--type--number::after { right: -2.5rem; } } @media only screen and (max-width: 1199px) { .div-numbers .field--name-field-p-numbers .field__item:nth-child(1) .paragraph--type--number::after { right: -3.5rem; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(2) .paragraph--type--number::after { right: -1rem; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(3) .paragraph--type--number::after { right: -2.5rem; } .p-number-field_p_number { font-size: 60px; } .p-number-field_p_text { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 990px) { .div-numbers .field--name-field-p-numbers .field__item:nth-child(1) .paragraph--type--number::after { right: -2.5rem; height: 80px; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(2) .paragraph--type--number::after { right: -1.5rem; height: 80px; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(3) .paragraph--type--number::after { right: -1.5rem; height: 80px; } .p-number-field_p_number { font-size: 45px; } .p-number-field_p_text { font-size: 15px; } .div-numbers-texts { max-width: 140px; } } @media only screen and (max-width: 767px) { .div-numbers .field--name-field-p-numbers { flex-direction: column; justify-content: center; align-items: center; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(1) .paragraph--type--number::after { height: 1px; left: 0px; top: 160px; right: 0; background-color: #808080; width: 100%; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(2) .paragraph--type--number::after { height: 1px; left: 0px; top: 160px; right: 0; background-color: #808080; width: 100%; } .div-numbers .field--name-field-p-numbers .field__item:nth-child(3) .paragraph--type--number::after { height: 1px; left: 0px; top: 160px; right: 0; background-color: #808080; width: 100%; } .p-number-field_p_number { font-size: 80px; } .p-number-field_p_text { font-size: 20px; } } #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item:first-child .paragraph--type--president { background-color: #FBF9F8; } #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item .paragraph--type--team { text-align: center; } #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item .paragraph--type--team:nth-child(2) { max-width: 1000px; } #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item .paragraph--type--team .field--name-field-p-text { font-size: 28px; margin-top: 25px; margin-bottom: 25px; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; } #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item .paragraph--type--team .field--name-field-p-richtext p { margin: 0px 10px; font-size: 16px; margin-bottom: 38px; font-family: 'Inter', sans-serif; font-weight: 400; } #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item .paragraph--type--team .field--name-field-p-persons { display: flex; flex-direction: row; justify-content: center; align-items: baseline; flex-wrap: wrap; } #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item .paragraph--type--team .field--name-field-p-persons .field__item { width: 165px; margin: 0px 15px; } .img-team-profile { width: 165px; height: 165px; border-radius: 999px; } .p-team-firstname { font-size: 16px; display: inline-block; color: #000; } .p-team-lastname { font-size: 16px; display: inline-block; color: #000; font-weight: 700; } .p-team-rich { text-transform: uppercase; font-size: 13px; } .p-team-organization { text-transform: uppercase; font-size: 13px; color: var(--bs-primary); } @media only screen and (max-width: 767px) { #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item .paragraph--type--team .field--name-field-p-text { font-size: 20px; } #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item .paragraph--type--team .field--name-field-p-persons { display: flex; flex-direction: row; justify-content: space-around; align-items: baseline; flex-wrap: wrap; } #block-lide-content .content .node--type-advanced-page .node__content .field--name-field-content .field__item .paragraph--type--team .field--name-field-p-persons .field__item { width: 135px; margin: 0px 10px; } .img-team-profile { width: 135px; height: 135px; } } .img-president-profile { width: 219px; height: 219px; border-radius: 999px; } .p-president-firstname { font-size: 20px; display: inline-block; } .p-president-lastname { font-size: 20px; display: inline-block; } .p-president-cargo { text-transform: uppercase; font-size: 18px; color: var(--bs-primary); } .p-president-cargo-modal { text-transform: uppercase; font-size: 16px; color: var(--bs-primary); } .p-president-descrp-modal { font-size: 17px; } .a-team-modal { cursor: pointer; text-decoration: none; } .img-modal-profile { width: 185px; height: 185px; border-radius: 99px; } .p-modal-firstname { font-size: 20px; display: inline-block; color: #000; } .p-modal-lastname { font-size: 20px; display: inline-block; color: #000; } .p-modal-rich { text-transform: uppercase; font-size: 16px; } .p-modal-organization { text-transform: uppercase; font-size: 16px; color: var(--bs-primary); } .modal-content { width: 100%; max-width: 1000px; } @media only screen and (min-width: 576px) { .modal-dialog { width: 100%; max-width: 1000px !important; } } .paragraph--type--testimonials { background-color: #FBF9F8; } .carousel-width { width: 100%; max-width: 905px; } .img-carousel { width: 275px; } .hr-carousel { border-top: 3px solid var(--bs-primary); opacity: 1; width: 45px; } .p-carousel-title { font-size: 26px; } .p-carousel-subtitle { font-size: 20px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .img-carousel { width: 230px; } .p-carousel-title { font-size: 22px; } .p-carousel-subtitle { font-size: 18px; } } .text-left-mod p { font-size: 19px; } @media screen and (max-width: 576px) { .text-left-mod p { font-size: 1rem; } } .bg-image-interna-actividad { width: 100%; height: 675px; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: 15px -230px 200px -50px #000000bf inset; } .bg-image-interna-actividad p { font-weight: 500; letter-spacing: 3px; } .title-ceo { font-size: 50px; letter-spacing: 3px; } @media only screen and (max-width: 767px) { .bg-image-interna-actividad { height: 500px; } } @media only screen and (max-width: 575px) { .bg-image-interna-actividad { height: 320px; } .bg-image-interna-actividad p { font-size: 12px; } .title-ceo { font-size: 35px; font-weight: 400; text-align: center; } } /*Cinturon de Tags en diferentes tipos de noticias y acumulados de noticias*/ .title-nota { font-size: 26px; } .title-nota img { margin-bottom: 5px; } .hr-nota-reading-room { border-top: 2px solid; margin: 25px 0 30px; opacity: 1; } .div-img-nota { width: 100%; height: auto; margin-bottom: 60px; max-width: 900px; margin-left: auto; } @media screen and (max-width: 990px) { .div-img-nota { margin-bottom: 30px; overflow: hidden; } } .div-img-nota img { width: 900px; height: auto; } @media screen and (max-width: 575px) { .div-img-nota img { left: -20px; position: relative; width: 105vw; margin-left: 0px; } } @media screen and (min-width: 576px) and (max-width: 1199px) { .div-img-nota img { margin-left: 0px; width: 100%; } } .p-hashtags-nota { font-size: 14px; } .body-nota p { font-size: 19px; } .date-nota { font-size: 14px; } .img-share { width: 40px !important; height: 40px !important; } .div-text-nota { width: 100%; max-width: 1000px; } .div-text-nota p { font-size: 19px; } @media screen and (max-width: 576px) { .div-text-nota p { font-size: 1rem; } } @media only screen and (max-width: 400px) { .body-nota p { font-size: 19px; } } @media screen and (max-width: 990px) { .reading-room-container { overflow: hidden; } } .reading-room-container article { padding-bottom: 90px; } @media screen and (max-width: 1024px) { .reading-room-container article { --bs-gutter-x: 2.5rem; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } } @media screen and (max-width: 1024px) { body.node--type-nota-reading-room- .highlight-container { padding-right: 0px !important; padding-left: 38px !important; } } @media screen and (max-width: 767px) { body.node--type-nota-reading-room- .highlight-container { padding-left: 0px !important; } body.node--type-nota-reading-room- .highlight-container p { font-weight: 500; } } /*---Acumulado en Reading Room y LIDE News----*/ #block-views-block-reading-room-block-6, #block-views-block-news-block-4 { background-color: #fbf9f8; } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 40px; height: auto; } @media screen and (max-width: 576px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper > :not(:last-child), #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper > :not(:last-child) { border-bottom: 1px solid #eae9e8; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-template-columns: 1fr; grid-row-gap: 90px; height: auto; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper { grid-row-gap: 40px; } } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content { display: block; position: relative; width: 100%; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-container, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-container { height: fit-content; } } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { position: relative; width: 250px; height: auto; left: 0; top: 0; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { position: absolute; left: 270px; top: 0px; width: calc(100% - 270px); color: var(--bs-primary); font-size: 13px; flex-wrap: wrap; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: auto; width: 100%; font-size: 12px; top: 10px; position: relative; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; } } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text { margin-bottom: 0; padding-right: 10px; } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a { text-decoration: none; } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a:hover, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags .tag-text a:hover { text-decoration: underline; } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: absolute; left: 270px; top: 40px; width: calc(100% - 270px); font-size: 1rem; color: var(--bs-black); font-weight: bold; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { position: relative; left: 0px; top: 10px; line-height: 24px; width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.9rem; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; } } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a { text-decoration: none; } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a:hover, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title a:hover { color: var(--bs-primary); } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: absolute; left: 270px; width: calc(100% - 270px); bottom: 0px; font-size: 14px; } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-date, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-date { color: var(--bs-secondary); font-size: 12px; } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-author, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits .text-author { font-size: 12px; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { position: relative; left: auto; width: 100%; bottom: 0px; font-size: 12px; display: flex; top: 15px; } } @media screen and (max-width: 989px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 0 !important; } } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 250px; height: auto; } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content img { width: 100%; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 10px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 14px; } } @media screen and (min-width: 990px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { font-size: 13px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { margin-top: 0 !important; left: 0px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-tags { left: 270px; width: calc(100% - 270px); margin-top: 0px; } } @media screen and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 0px; width: fit-content; display: flex; margin-bottom: 20px; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { left: 270px; width: fit-content; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-credits { bottom: 30px !important; width: fit-content; } } @media screen and (max-width: 767px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 0.8rem; line-height: 15px; } } @media screen and (min-width: 768px) and (max-width: 1399px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { font-size: 1.25rem; line-height: normal; } } @media screen and (min-width: 1400px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { left: 270px; width: calc(100% - 270px); } } @media screen and (min-width: 768px) and (max-width: 1199px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row .field-content .news-title { top: 20px; } } @media screen and (max-width: 990px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row:not(:last-child) .field-content .news-credits, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row:not(:last-child) .field-content .news-credits { padding-bottom: 10px; width: fit-content; bottom: -45px; } } #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 20px; } @media screen and (max-width: 576px) { #block-views-block-reading-room-block-6 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row, #block-views-block-news-block-4 .content > div > div .view-content .views-infinite-scroll-content-wrapper .views-row { padding-right: 0; } } /*--Cinturon de tags para notas de /lide-news y /node---*/ #block-views-block-tags-block-2, #block-views-block-tags-block-1 { padding-top: 1.25rem; padding-bottom: 1.25rem; } #block-views-block-tags-block-2 .content > div > div, #block-views-block-tags-block-1 .content > div > div { display: flex; width: 100%; overflow-y: unset; overflow-x: scroll; height: 45px; font-family: Montserrat; width: 100%; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; margin-bottom: -20px; /* Track */ /* Handle */ /* Handle on hover */ } #block-views-block-tags-block-2 .content > div > div::-webkit-scrollbar, #block-views-block-tags-block-1 .content > div > div::-webkit-scrollbar { height: 5px; } #block-views-block-tags-block-2 .content > div > div::-webkit-scrollbar-track, #block-views-block-tags-block-1 .content > div > div::-webkit-scrollbar-track { background: transparent; } #block-views-block-tags-block-2 .content > div > div::-webkit-scrollbar-thumb, #block-views-block-tags-block-1 .content > div > div::-webkit-scrollbar-thumb { background: var(--bs-gray-500); } #block-views-block-tags-block-2 .content > div > div::-webkit-scrollbar-thumb:hover, #block-views-block-tags-block-1 .content > div > div::-webkit-scrollbar-thumb:hover { background: var(--bs-primary); } @media screen and (max-width: 576px) { #block-views-block-tags-block-2 .content > div > div, #block-views-block-tags-block-1 .content > div > div { height: 37px; } } #block-views-block-tags-block-2 .content > div > div .view-content, #block-views-block-tags-block-1 .content > div > div .view-content { display: flex; /* overflow: scroll; */ flex-wrap: nowrap; } #block-views-block-tags-block-2 .content > div > div .view-content > .views-row, #block-views-block-tags-block-1 .content > div > div .view-content > .views-row { width: fit-content; display: flex; } #block-views-block-tags-block-2 .content > div > div .view-content > .views-row a, #block-views-block-tags-block-1 .content > div > div .view-content > .views-row a { text-decoration: none; } #block-views-block-tags-block-2 .content > div > div .view-content > .views-row a:hover, #block-views-block-tags-block-1 .content > div > div .view-content > .views-row a:hover { color: var(--bs-primary); text-decoration: underline; text-underline-offset: 8px; } #block-views-block-tags-block-2 .content > div > div .view-content > .views-row a:focus, #block-views-block-tags-block-1 .content > div > div .view-content > .views-row a:focus { color: #27427b; text-decoration: underline; text-underline-offset: 8px; } #block-views-block-tags-block-2 .content > div > div .view-content > .views-row a:before, #block-views-block-tags-block-1 .content > div > div .view-content > .views-row a:before { content: '#'; } .social-sharing-buttons__button { fill: var(--bs-primary); } .node--type-article-news .text-left-mod p { color: #272727; } @media screen and (min-width: 1025px) { .node--type-article-news .text-left-mod p { max-width: 1000px; } } .node--type-article-news article { padding-bottom: 90px; max-width: 900px; margin: auto; } @media screen and (max-width: 1024px) { .node--type-article-news article { --bs-gutter-x: 2.5rem; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } } @media screen and (max-width: 767px) { .social-sharing-buttons { margin-left: -14px !important; margin-top: 0.5em !important; margin-bottom: 0em !important; } } .social-sharing-buttons__button { fill: var(--bs-primary); } a.social-sharing-buttons__button.share-facebook { width: 30px !important; } .social-sharing-buttons__button.share-whatsapp { width: 36px; } .social-sharing-buttons__button.share-linkedin { width: 32px; } /*# sourceMappingURL=main.css.map */