.elementor-8980 .elementor-element.elementor-element-f52f651{--display:flex;--min-height:149px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-8980 .elementor-element.elementor-element-f52f651:not(.elementor-motion-effects-element-type-background), .elementor-8980 .elementor-element.elementor-element-f52f651 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7a2b396 );}.elementor-8980 .elementor-element.elementor-element-b84bc6e{--display:flex;}.elementor-8980 .elementor-element.elementor-element-357e47d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-8980 .elementor-element.elementor-element-3e7a6e6{--display:flex;}.elementor-8980 .elementor-element.elementor-element-140efec{--display:flex;}.elementor-8980 .elementor-element.elementor-element-140efec:not(.elementor-motion-effects-element-type-background), .elementor-8980 .elementor-element.elementor-element-140efec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-608bd65 );}.elementor-8980 .elementor-element.elementor-element-016eb83{--display:flex;}.elementor-8980 .elementor-element.elementor-element-016eb83:not(.elementor-motion-effects-element-type-background), .elementor-8980 .elementor-element.elementor-element-016eb83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-608bd65 );}.elementor-8980 .elementor-element.elementor-element-de2b11f{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-8980 .elementor-element.elementor-element-de2b11f:after{content:"0.66";}.elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail__link{width:100%;}.elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__meta-data span + span:before{content:"///";}.elementor-8980 .elementor-element.elementor-element-de2b11f.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-8980 .elementor-element.elementor-element-de2b11f.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-8980 .elementor-element.elementor-element-de2b11f.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-8980 .elementor-element.elementor-element-1342306{--display:flex;}.elementor-8980 .elementor-element.elementor-element-1342306:not(.elementor-motion-effects-element-type-background), .elementor-8980 .elementor-element.elementor-element-1342306 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-608bd65 );}.elementor-8980 .elementor-element.elementor-element-4584b34{--display:flex;}.elementor-8980 .elementor-element.elementor-element-4584b34:not(.elementor-motion-effects-element-type-background), .elementor-8980 .elementor-element.elementor-element-4584b34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-608bd65 );}.elementor-8980 .elementor-element.elementor-element-5bb1ce2{--display:flex;}.elementor-8980 .elementor-element.elementor-element-2bf9bc8{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-8980 .elementor-element.elementor-element-f52f651{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:68px;--padding-bottom:10px;--padding-left:32px;--padding-right:32px;}.elementor-8980 .elementor-element.elementor-element-2bf9bc8{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-8980 .elementor-element.elementor-element-f52f651{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:49px;--padding-bottom:6px;--padding-left:24px;--padding-right:24px;}.elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-8980 .elementor-element.elementor-element-de2b11f:after{content:"0.5";}.elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail__link{width:100%;}.elementor-8980 .elementor-element.elementor-element-2bf9bc8{--swiper-slides-to-display:1;}}/* Start custom CSS for theme-archive-title, class: .elementor-element-255cda2 *//* ========================================================= MöVIA Properties ARCHIVO DE CATEGORÍAS · H1 DINÁMICO DESKTOP: Actualidad del mercado en Madrid RESPONSIVE: PORTÁTIL + TABLET + MÓVIL ========================================================= */ /* ========================================================= 1. DESKTOP ========================================================= */ .elementor-8980 .elementor-element.elementor-element-255cda2 { display: block !important; width: 650px !important; max-width: 650px !important; flex: 0 0 auto !important; align-self: flex-start !important; margin: 24px 0 0 0 !important; padding: 0 !important; } /* ========================================================= 2. CONTENEDOR INTERNO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-widget-container { display: block !important; width: 650px !important; max-width: 650px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 3. H1 ========================================================= */ .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-heading-title { display: block !important; width: 650px !important; max-width: 650px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-family: inherit !important; font-size: clamp(50px, 3.55vw, 58px) !important; font-weight: 500 !important; line-height: 1.015 !important; letter-spacing: -1.55px !important; text-align: left !important; text-transform: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; text-wrap: wrap !important; } /* ========================================================= 4. PORTÁTIL ========================================================= */ @media (max-width: 1180px) { .elementor-8980 .elementor-element.elementor-element-255cda2, .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-widget-container, .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-heading-title { width: 620px !important; max-width: 620px !important; } .elementor-8980 .elementor-element.elementor-element-255cda2 { margin-top: 22px !important; } .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-heading-title { font-size: clamp(44px, 4.4vw, 54px) !important; line-height: 1.02 !important; letter-spacing: -1.30px !important; } } /* ========================================================= 5. TABLET ========================================================= */ @media (max-width: 900px) { .elementor-8980 .elementor-element.elementor-element-255cda2, .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-widget-container, .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-heading-title { width: 560px !important; max-width: 560px !important; } .elementor-8980 .elementor-element.elementor-element-255cda2 { margin-top: 20px !important; } .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-heading-title { font-size: clamp(40px, 5.8vw, 50px) !important; line-height: 1.02 !important; letter-spacing: -1.10px !important; } } /* ========================================================= 6. MÓVIL ========================================================= */ @media (max-width: 700px) { .elementor-8980 .elementor-element.elementor-element-255cda2, .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-widget-container, .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-heading-title { width: 100% !important; max-width: 100% !important; } .elementor-8980 .elementor-element.elementor-element-255cda2 { margin-top: 17px !important; } .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-heading-title { font-size: clamp(32px, 8.8vw, 39px) !important; line-height: 1.03 !important; letter-spacing: -0.85px !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; } } /* ========================================================= 7. MÓVIL PEQUEÑO ========================================================= */ @media (max-width: 380px) { .elementor-8980 .elementor-element.elementor-element-255cda2 .elementor-heading-title { font-size: 32px !important; line-height: 1.035 !important; letter-spacing: -0.70px !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2af9cf4 *//* ========================================================= MöVIA Properties ARCHIVO DE CATEGORÍAS · DESCRIPCIÓN DINÁMICA OBJETIVO: - BLOQUE MÁS ESTRECHO QUE EL H1 - APROX. 4 LÍNEAS EN DESKTOP - EN MÓVIL: MÁS ESTRECHO QUE EL TÍTULO Y APROX. UNA LÍNEA MÁS DE TEXTO - JERARQUÍA EDITORIAL CLARA - RESPONSIVE ========================================================= */ /* ========================================================= 1. DESKTOP ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2af9cf4 { display: block !important; width: 540px !important; max-width: 540px !important; flex: 0 0 auto !important; align-self: flex-start !important; margin: 26px 0 0 0 !important; padding: 0 !important; } /* ========================================================= 2. CONTENEDOR INTERNO DE ELEMENTOR ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2af9cf4 .elementor-widget-container { display: block !important; width: 540px !important; max-width: 540px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 3. TEXTO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2af9cf4, .elementor-8980 .elementor-element.elementor-element-2af9cf4 p { width: 540px !important; max-width: 540px !important; margin: 0 !important; padding: 0 !important; color: rgba(255,255,255,.76) !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.58 !important; letter-spacing: 0 !important; text-align: left !important; text-transform: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; text-wrap: pretty !important; } /* ========================================================= 4. PORTÁTIL ========================================================= */ @media (max-width: 1180px) { .elementor-8980 .elementor-element.elementor-element-2af9cf4, .elementor-8980 .elementor-element.elementor-element-2af9cf4 .elementor-widget-container, .elementor-8980 .elementor-element.elementor-element-2af9cf4 p { width: 520px !important; max-width: 520px !important; } .elementor-8980 .elementor-element.elementor-element-2af9cf4 { margin-top: 24px !important; } .elementor-8980 .elementor-element.elementor-element-2af9cf4, .elementor-8980 .elementor-element.elementor-element-2af9cf4 p { font-size: 14.5px !important; line-height: 1.56 !important; } } /* ========================================================= 5. TABLET ========================================================= */ @media (max-width: 900px) { .elementor-8980 .elementor-element.elementor-element-2af9cf4, .elementor-8980 .elementor-element.elementor-element-2af9cf4 .elementor-widget-container, .elementor-8980 .elementor-element.elementor-element-2af9cf4 p { width: 470px !important; max-width: 470px !important; } .elementor-8980 .elementor-element.elementor-element-2af9cf4 { margin-top: 22px !important; } .elementor-8980 .elementor-element.elementor-element-2af9cf4, .elementor-8980 .elementor-element.elementor-element-2af9cf4 p { font-size: 14px !important; line-height: 1.54 !important; } } /* ========================================================= 6. MÓVIL MÁS ESTRECHO QUE EL H1: - 84% DEL ANCHO DISPONIBLE - ALINEADO A LA IZQUIERDA - UNA LÍNEA MÁS APROXIMADAMENTE ========================================================= */ @media (max-width: 700px) { .elementor-8980 .elementor-element.elementor-element-2af9cf4, .elementor-8980 .elementor-element.elementor-element-2af9cf4 .elementor-widget-container, .elementor-8980 .elementor-element.elementor-element-2af9cf4 p { width: 84% !important; max-width: 84% !important; } .elementor-8980 .elementor-element.elementor-element-2af9cf4 { margin: 18px 0 0 0 !important; align-self: flex-start !important; } .elementor-8980 .elementor-element.elementor-element-2af9cf4 .elementor-widget-container { margin: 0 !important; } .elementor-8980 .elementor-element.elementor-element-2af9cf4, .elementor-8980 .elementor-element.elementor-element-2af9cf4 p { font-size: 13px !important; line-height: 1.50 !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; text-wrap: pretty !important; } } /* ========================================================= 7. MÓVIL PEQUEÑO ========================================================= */ @media (max-width: 380px) { .elementor-8980 .elementor-element.elementor-element-2af9cf4, .elementor-8980 .elementor-element.elementor-element-2af9cf4 .elementor-widget-container, .elementor-8980 .elementor-element.elementor-element-2af9cf4 p { width: 86% !important; max-width: 86% !important; } .elementor-8980 .elementor-element.elementor-element-2af9cf4, .elementor-8980 .elementor-element.elementor-element-2af9cf4 p { font-size: 12.5px !important; line-height: 1.50 !important; } }/* End custom CSS */ /* Start custom CSS for theme-archive-title, class: .elementor-element-4f949ca *//* ========================================================= MöVIA Properties ARCHIVO DE CATEGORÍAS · H2 DINÁMICO LÍNEA 2: NOMBRE DINÁMICO DE LA CATEGORÍA EJEMPLOS: Actualidad del mercado en Madrid Herencias y sucesiones en Madrid Inversión patrimonial en Madrid ========================================================= */ /* ========================================================= 1. WIDGET ========================================================= */ .elementor-8980 .elementor-element.elementor-element-4f949ca { display: block !important; width: 100% !important; max-width: 1100px !important; margin: 0 0 0 0 !important; padding: 0 !important; box-sizing: border-box; } /* ========================================================= 2. H2 ========================================================= */ .elementor-8980 .elementor-element.elementor-element-4f949ca .elementor-heading-title { display: block !important; width: 100% !important; max-width: 1100px !important; margin: 0 !important; padding: 0 !important; color: #000000 !important; font-family: inherit !important; font-size: clamp( 38px, 3.4vw, 54px ) !important; font-weight: 500 !important; line-height: 1.04 !important; letter-spacing: -1.25px !important; text-align: left !important; text-transform: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; text-wrap: balance; box-sizing: border-box; } /* ========================================================= 3. PORTÁTIL ========================================================= */ @media (max-width: 1180px) { .elementor-8980 .elementor-element.elementor-element-4f949ca, .elementor-8980 .elementor-element.elementor-element-4f949ca .elementor-heading-title { max-width: 900px !important; } .elementor-8980 .elementor-element.elementor-element-4f949ca .elementor-heading-title { font-size: clamp( 36px, 4vw, 48px ) !important; line-height: 1.045 !important; letter-spacing: -1.05px !important; } } /* ========================================================= 4. TABLET ========================================================= */ @media (max-width: 900px) { .elementor-8980 .elementor-element.elementor-element-4f949ca, .elementor-8980 .elementor-element.elementor-element-4f949ca .elementor-heading-title { width: 100% !important; max-width: 760px !important; } .elementor-8980 .elementor-element.elementor-element-4f949ca .elementor-heading-title { font-size: clamp( 34px, 5.2vw, 44px ) !important; line-height: 1.05 !important; letter-spacing: -.9px !important; } } /* ========================================================= 5. MÓVIL ========================================================= */ @media (max-width: 700px) { .elementor-8980 .elementor-element.elementor-element-4f949ca, .elementor-8980 .elementor-element.elementor-element-4f949ca .elementor-heading-title { width: 100% !important; max-width: 100% !important; } .elementor-8980 .elementor-element.elementor-element-4f949ca .elementor-heading-title { font-size: clamp( 30px, 8.5vw, 37px ) !important; line-height: 1.055 !important; letter-spacing: -.75px !important; text-wrap: pretty; } } /* ========================================================= 6. MÓVIL PEQUEÑO ========================================================= */ @media (max-width: 380px) { .elementor-8980 .elementor-element.elementor-element-4f949ca .elementor-heading-title { font-size: 29px !important; line-height: 1.06 !important; letter-spacing: -.65px !important; } }/* End custom CSS */ /* Start custom CSS for archive-posts, class: .elementor-element-de2b11f *//* ========================================================= MöVIA Properties ARCHIVO DE CATEGORÍAS · GRID DINÁMICO DE ARTÍCULOS DISEÑO EDITORIAL PREMIUM DESKTOP → 2 COLUMNAS TABLET → 2 COLUMNAS MÓVIL → 1 COLUMNA ACTUALIZACIÓN: · ELEMENTOR GENERA 100 PALABRAS · CSS MUESTRA SOLO 3 LÍNEAS · EL TEXTO TERMINA VISUALMENTE EN … · EL RESTO DEL DISEÑO SE MANTIENE INTACTO ========================================================= */ /* ========================================================= 1. WIDGET GENERAL ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f { width: 100% !important; max-width: 100% !important; margin: 46px 0 0 0 !important; padding: 0 !important; box-sizing: border-box; } /* ========================================================= 2. RESET INTERNO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f *, .elementor-8980 .elementor-element.elementor-element-de2b11f *::before, .elementor-8980 .elementor-element.elementor-element-de2b11f *::after { box-sizing: border-box; } /* ========================================================= 3. GRID PRINCIPAL ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-posts-container, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row !important; align-items: stretch !important; column-gap: 36px !important; row-gap: 54px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 4. CADA ARTÍCULO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f article.elementor-post { position: relative; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 0 34px 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(0,0,0,.12) !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } /* ========================================================= 5. ENLACE DE LA IMAGEN ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail__link { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 24px 0 !important; padding: 0 !important; overflow: hidden !important; background: #f2f2f2; border: 0 !important; border-radius: 18px !important; text-decoration: none !important; } /* ========================================================= 6. CONTENEDOR DE IMAGEN ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 10 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #eeeeee; transform: none !important; } /* ========================================================= 7. FOTO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border: 0 !important; transform: scale(1.001); transition: transform .65s cubic-bezier(.2,.7,.2,1) !important; } /* ========================================================= 8. HOVER DE IMAGEN ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f article.elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.028); } /* ========================================================= 9. BLOQUE DE TEXTO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__text { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 10. METADATOS · FECHA ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__meta-data { order: 1 !important; display: block !important; width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; color: rgba(0,0,0,.43) !important; font-family: inherit !important; font-size: 9px !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: 1.25px !important; text-align: left !important; text-transform: uppercase !important; } /* ========================================================= 11. RESET METADATOS ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__meta-data span { margin: 0 !important; padding: 0 !important; color: inherit !important; font: inherit !important; letter-spacing: inherit !important; } /* ========================================================= 12. TÍTULO H3 ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title { order: 2 !important; width: 100% !important; max-width: 100% !important; margin: 0 0 17px 0 !important; padding: 0 !important; color: #000000 !important; font-family: inherit !important; font-size: clamp( 25px, 1.75vw, 30px ) !important; font-weight: 500 !important; line-height: 1.09 !important; letter-spacing: -.6px !important; text-align: left !important; text-transform: none !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; text-wrap: pretty; } /* ========================================================= 13. ENLACE DEL TÍTULO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title a, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title a:link, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title a:visited { color: #000000 !important; font: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-decoration: none !important; transition: opacity .18s ease !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title a:hover, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title a:focus-visible { color: #000000 !important; opacity: .58; } /* ========================================================= 14. EXTRACTO ELEMENTOR GENERA 100 PALABRAS. CSS LO LIMITA VISUALMENTE A 3 LÍNEAS. ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__excerpt { order: 3 !important; display: block !important; width: 100% !important; max-width: 94% !important; margin: 0 0 27px 0 !important; padding: 0 !important; color: rgba(0,0,0,.60) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.58 !important; letter-spacing: 0 !important; text-align: left !important; overflow: hidden !important; } /* ========================================================= 15. EXTRACTO · 3 LÍNEAS + ELIPSIS ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__excerpt p { display: -webkit-box !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; color: inherit !important; font: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-overflow: ellipsis !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; line-clamp: 3 !important; } /* ========================================================= 16. CTA · VER ARTÍCULO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more:link, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more:visited { order: 4 !important; position: relative; display: inline-flex !important; align-items: center !important; justify-content: space-between !important; align-self: flex-start !important; width: 145px !important; min-height: 37px; margin: auto 0 0 0 !important; padding: 0 0 9px 0 !important; color: #000000 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(0,0,0,.48) !important; border-radius: 0 !important; font-family: inherit !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-align: left !important; text-decoration: none !important; box-shadow: none !important; transition: opacity .18s ease, border-color .18s ease, transform .18s ease !important; } /* ========================================================= 17. FLECHA DEL CTA ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more::after { content: "→"; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; margin: 0; padding: 0; color: inherit; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1; transition: transform .18s ease; } /* ========================================================= 18. HOVER CTA ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more:hover, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more:focus-visible { color: #000000 !important; opacity: .62; border-color: #000000 !important; transform: translateY(-1px); } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more:hover::after, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more:focus-visible::after { transform: translateX(3px); } /* ========================================================= 19. ÚLTIMO ELEMENTO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__text > *:last-child { margin-bottom: 0; } /* ========================================================= 20. PAGINACIÓN · CONTENEDOR ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; margin: 72px 0 0 0 !important; padding: 0 !important; text-align: center !important; } /* ========================================================= 21. PAGINACIÓN · NÚMEROS ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination .page-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; min-width: 38px !important; margin: 0 !important; padding: 0 !important; color: rgba(0,0,0,.72) !important; background: transparent !important; border: 1px solid rgba(0,0,0,.15) !important; border-radius: 50% !important; font-family: inherit !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; transition: color .18s ease, background .18s ease, border-color .18s ease !important; } /* ========================================================= 22. PAGINACIÓN · ACTIVA ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination .page-numbers.current { color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; } /* ========================================================= 23. PAGINACIÓN · HOVER ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination a.page-numbers:hover, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination a.page-numbers:focus-visible { color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; } /* ========================================================= 24. MENSAJE SIN RESULTADOS ========================================================= */ .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-posts-nothing-found { width: 100% !important; margin: 44px 0 0 0 !important; padding: 42px 0 !important; color: rgba(0,0,0,.55) !important; border-top: 1px solid rgba(0,0,0,.12); border-bottom: 1px solid rgba(0,0,0,.12); font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.55 !important; text-align: left !important; } /* ========================================================= 25. PORTÁTIL ========================================================= */ @media (max-width: 1180px) { .elementor-8980 .elementor-element.elementor-element-de2b11f { margin-top: 42px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-posts-container, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 28px !important; row-gap: 50px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail__link { margin-bottom: 22px !important; border-radius: 16px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title { font-size: clamp( 23px, 2.25vw, 27px ) !important; letter-spacing: -.5px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__excerpt { font-size: 13.5px !important; } } /* ========================================================= 26. TABLET ========================================================= */ @media (max-width: 900px) { .elementor-8980 .elementor-element.elementor-element-de2b11f { margin-top: 38px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-posts-container, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 22px !important; row-gap: 44px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f article.elementor-post { padding-bottom: 29px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail__link { margin-bottom: 20px !important; border-radius: 15px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail { aspect-ratio: 4 / 3 !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__meta-data { margin-bottom: 10px !important; font-size: 8px !important; letter-spacing: 1px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title { margin-bottom: 14px !important; font-size: 21px !important; line-height: 1.1 !important; letter-spacing: -.4px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__excerpt { max-width: 100% !important; margin-bottom: 22px !important; font-size: 13px !important; line-height: 1.54 !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more { width: 138px !important; } } /* ========================================================= 27. MÓVIL ========================================================= */ @media (max-width: 700px) { .elementor-8980 .elementor-element.elementor-element-de2b11f { margin-top: 32px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-posts-container, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-grid { grid-template-columns: minmax(0, 1fr) !important; column-gap: 0 !important; row-gap: 40px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f article.elementor-post { width: 100% !important; padding-bottom: 28px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail__link { margin-bottom: 19px !important; border-radius: 14px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail { aspect-ratio: 16 / 10 !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__meta-data { margin-bottom: 10px !important; font-size: 8px !important; letter-spacing: .95px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title { margin-bottom: 13px !important; font-size: clamp( 22px, 6vw, 25px ) !important; line-height: 1.1 !important; letter-spacing: -.4px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__excerpt { width: 100% !important; max-width: 92% !important; margin-bottom: 21px !important; font-size: 13px !important; line-height: 1.52 !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more { width: 136px !important; min-height: 35px; padding-bottom: 8px !important; font-size: 10.5px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more::after { font-size: 13px; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination { margin-top: 54px !important; gap: 7px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination .page-numbers { width: 36px !important; height: 36px !important; min-width: 36px !important; font-size: 10.5px !important; } } /* ========================================================= 28. MÓVIL PEQUEÑO ========================================================= */ @media (max-width: 380px) { .elementor-8980 .elementor-element.elementor-element-de2b11f { margin-top: 29px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-posts-container, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-grid { row-gap: 36px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail__link { border-radius: 12px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title { font-size: 21px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__excerpt { max-width: 95% !important; font-size: 12.5px !important; } .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more { width: 132px !important; font-size: 10px !important; } } /* ========================================================= 29. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__thumbnail img, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__title a, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-post__read-more::after, .elementor-8980 .elementor-element.elementor-element-de2b11f .elementor-pagination .page-numbers { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-2bf9bc8 *//* ========================================================= MöVIA Properties LOOP CAROUSEL · CARRUSEL PADRE VERSIÓN EDITORIAL PREMIUM CONFIGURACIÓN ELEMENTOR: · DESKTOP: 3 TARJETAS · TABLET: 2 TARJETAS · MÓVIL: 1 TARJETA · SCROLL: 1 · AUTOPLAY: NO · SCROLL INFINITO: SÍ · PAGINACIÓN: NO · FLECHAS: SÍ OBJETIVOS: · NO ALTERAR LA GEOMETRÍA DE SWIPER · 3 / 2 / 1 TARJETAS · DESKTOP: TÍTULO MÁXIMO 2 LÍNEAS · TABLET / MÓVIL: MÁXIMO 3 LÍNEAS · TRUNCADO REAL CON … · ALTURAS VISUALMENTE HOMOGÉNEAS · RESPONSIVE COMPLETO ========================================================= */ /* ========================================================= 1. WIDGET GENERAL ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 38px 0 0 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 2. VIEWPORT SWIPER ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 2px 10px 2px !important; overflow: hidden !important; box-sizing: border-box !important; touch-action: pan-y !important; cursor: grab; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper:active { cursor: grabbing; } /* ========================================================= 3. WRAPPER ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-wrapper { display: flex !important; align-items: stretch !important; box-sizing: border-box !important; transition-timing-function: cubic-bezier(.22,.61,.36,1) !important; } /* ========================================================= 4. SLIDE IMPORTANTE: NO TOCAMOS: · WIDTH · FLEX-BASIS · TRANSFORM SWIPER CONSERVA EL CONTROL DEL 3 / 2 / 1. ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide { position: relative; display: flex !important; flex-direction: column !important; align-items: stretch !important; height: auto !important; min-height: 100% !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 10px !important; box-sizing: border-box !important; } /* ========================================================= 5. CONTENIDO INTERNO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide > * { width: 100% !important; max-width: 100% !important; } /* ========================================================= 6. BORDES DEL VIEWPORT ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide:first-child { padding-left: 2px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide:last-child { padding-right: 2px !important; } /* ========================================================= 7. HEADING DEL TÍTULO NO HACEMOS CLAMP AQUÍ. SOLO NORMALIZAMOS EL CONTENEDOR. ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-heading-title, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-post__title, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h1, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h2, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h3, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h4 { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; } /* ========================================================= 8. TRUNCADO EDITORIAL · DESKTOP MÁXIMO 2 LÍNEAS. IMPORTANTE: EL CLAMP SE APLICA AL ENLACE INTERIOR, NO AL SLIDE NI AL WIDGET. ASÍ SWIPER NO CAMBIA DE GEOMETRÍA. ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-heading-title > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-post__title > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h1 > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h2 > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h3 > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h4 > a { display: -webkit-box !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2; text-overflow: ellipsis !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; color: inherit !important; font: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-decoration: none !important; } /* ========================================================= 9. RESPALDO · TÍTULO SIN ENLACE SI ELEMENTOR GENERA EL TÍTULO SIN , TAMBIÉN SE LIMITA A 2 LÍNEAS. ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-heading-title:not(:has(> a)), .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-post__title:not(:has(> a)) { display: -webkit-box !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2; text-overflow: ellipsis !important; white-space: normal !important; } /* ========================================================= 10. FLECHAS ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next { position: absolute !important; top: 28% !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; color: #000000 !important; background: rgba(255,255,255,.96) !important; border: 1px solid rgba(0,0,0,.14) !important; border-radius: 50% !important; box-shadow: 0 5px 18px rgba(0,0,0,.08) !important; opacity: 1 !important; transform: translateY(-50%) !important; z-index: 20 !important; cursor: pointer !important; transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } /* ========================================================= 11. FLECHA IZQUIERDA ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button-prev, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev { left: 8px !important; } /* ========================================================= 12. FLECHA DERECHA ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button-next, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next { right: 8px !important; } /* ========================================================= 13. SVG FLECHAS ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button svg, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev svg, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next svg { width: 15px !important; height: 15px !important; fill: currentColor !important; color: inherit !important; } /* ========================================================= 14. ICON FONT / TEXTO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button i, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button span { color: inherit !important; font-size: 17px !important; line-height: 1 !important; } /* ========================================================= 15. HOVER FLECHAS ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button:hover, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button:focus-visible, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev:hover, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev:focus-visible, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next:hover, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next:focus-visible { color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; box-shadow: 0 7px 22px rgba(0,0,0,.15) !important; transform: translateY(-50%) scale(1.04) !important; } /* ========================================================= 16. PAGINACIÓN ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-pagination, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-pagination { display: none !important; } /* ========================================================= 17. FLECHAS DESACTIVADAS ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-disabled, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button.swiper-button-disabled { opacity: .25 !important; pointer-events: none !important; } /* ========================================================= 18. EVITAR SELECCIÓN ACCIDENTAL AL ARRASTRAR ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide { -webkit-user-select: none; user-select: none; } /* ========================================================= 19. PERMITIR SELECCIÓN EN CONTENIDO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h1, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h2, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h3, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h4, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide p, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide a { -webkit-user-select: auto; user-select: auto; } /* ========================================================= 20. IMÁGENES · EVITAR DRAG NATIVO ========================================================= */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide img { -webkit-user-drag: none; user-drag: none; } /* ========================================================= 21. PORTÁTIL SIGUE EN 2 LÍNEAS. ========================================================= */ @media (max-width: 1180px) { .elementor-8980 .elementor-element.elementor-element-2bf9bc8 { margin-top: 34px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide { padding: 0 9px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next { width: 40px !important; height: 40px !important; top: 27% !important; } } /* ========================================================= 22. TABLET ELEMENTOR: 2 TARJETAS TÍTULOS: MÁXIMO 3 LÍNEAS. ========================================================= */ @media (max-width: 900px) { .elementor-8980 .elementor-element.elementor-element-2bf9bc8 { margin-top: 31px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper { padding-bottom: 8px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide { padding: 0 8px !important; } /* ----------------------------------------- TÍTULO · 3 LÍNEAS ----------------------------------------- */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-heading-title > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-post__title > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h1 > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h2 > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h3 > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h4 > a { -webkit-line-clamp: 3 !important; line-clamp: 3; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-heading-title:not(:has(> a)), .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-post__title:not(:has(> a)) { -webkit-line-clamp: 3 !important; line-clamp: 3; } /* ----------------------------------------- FLECHAS ----------------------------------------- */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next { width: 38px !important; height: 38px !important; top: 26% !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button-prev, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev { left: 6px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button-next, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next { right: 6px !important; } } /* ========================================================= 23. MÓVIL ELEMENTOR: 1 TARJETA TÍTULO: MÁXIMO 3 LÍNEAS. ========================================================= */ @media (max-width: 700px) { .elementor-8980 .elementor-element.elementor-element-2bf9bc8 { margin-top: 27px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper { padding: 0 0 6px 0 !important; touch-action: pan-y !important; -webkit-overflow-scrolling: touch; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide { padding: 0 5px !important; } /* ----------------------------------------- TÍTULO · 3 LÍNEAS ----------------------------------------- */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-heading-title > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-post__title > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h1 > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h2 > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h3 > a, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide h4 > a { -webkit-line-clamp: 3 !important; line-clamp: 3; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-heading-title:not(:has(> a)), .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide .elementor-post__title:not(:has(> a)) { -webkit-line-clamp: 3 !important; line-clamp: 3; } /* ----------------------------------------- FLECHAS ----------------------------------------- */ .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next { width: 36px !important; height: 36px !important; top: 24% !important; background: rgba(255,255,255,.94) !important; box-shadow: 0 4px 14px rgba(0,0,0,.08) !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button-prev, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev { left: 5px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button-next, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next { right: 5px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button svg, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev svg, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next svg { width: 13px !important; height: 13px !important; } } /* ========================================================= 24. MÓVIL PEQUEÑO ========================================================= */ @media (max-width: 380px) { .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-slide { padding: 0 3px !important; } .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next { width: 34px !important; height: 34px !important; top: 23% !important; } } /* ========================================================= 25. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-wrapper, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .elementor-swiper-button, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-prev, .elementor-8980 .elementor-element.elementor-element-2bf9bc8 .swiper-button-next { transition: none !important; } }/* End custom CSS */