.elementor-9007 .elementor-element.elementor-element-4d5b18b{--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-9007 .elementor-element.elementor-element-4d5b18b:not(.elementor-motion-effects-element-type-background), .elementor-9007 .elementor-element.elementor-element-4d5b18b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7a2b396 );}.elementor-9007 .elementor-element.elementor-element-287a297{--display:flex;}.elementor-9007 .elementor-element.elementor-element-4129c9a{--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-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-icon{width:14px;}.elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-icon i{font-size:14px;}.elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-9007 .elementor-element.elementor-element-27a6d0f{--display:flex;}.elementor-9007 .elementor-element.elementor-element-938ad50{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9007 .elementor-element.elementor-element-938ad50:not(.elementor-motion-effects-element-type-background), .elementor-9007 .elementor-element.elementor-element-938ad50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-608bd65 );}.elementor-9007 .elementor-element.elementor-element-790284d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9007 .elementor-element.elementor-element-ee9b38d{--display:flex;}.elementor-9007 .elementor-element.elementor-element-ee9b38d:not(.elementor-motion-effects-element-type-background), .elementor-9007 .elementor-element.elementor-element-ee9b38d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-608bd65 );}.elementor-9007 .elementor-element.elementor-element-2719187{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;}.elementor-9007 .elementor-element.elementor-element-2719187:not(.elementor-motion-effects-element-type-background), .elementor-9007 .elementor-element.elementor-element-2719187 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-608bd65 );}.elementor-9007 .elementor-element.elementor-element-e8774d1 .elementor-icon-list-icon{width:14px;}.elementor-9007 .elementor-element.elementor-element-e8774d1 .elementor-icon-list-icon i{font-size:14px;}.elementor-9007 .elementor-element.elementor-element-e8774d1 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-9007 .elementor-element.elementor-element-d5aceba{--display:flex;}.elementor-9007 .elementor-element.elementor-element-d5aceba:not(.elementor-motion-effects-element-type-background), .elementor-9007 .elementor-element.elementor-element-d5aceba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-608bd65 );}.elementor-9007 .elementor-element.elementor-element-0f26ff7{--display:flex;}.elementor-9007 .elementor-element.elementor-element-0f26ff7:not(.elementor-motion-effects-element-type-background), .elementor-9007 .elementor-element.elementor-element-0f26ff7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-608bd65 );}.elementor-9007 .elementor-element.elementor-element-cedeac5{--display:flex;}.elementor-9007 .elementor-element.elementor-element-8490206{--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-9007 .elementor-element.elementor-element-8490206 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-9007 .elementor-element.elementor-element-4d5b18b{--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-9007 .elementor-element.elementor-element-8490206{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-9007 .elementor-element.elementor-element-4d5b18b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:49px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-9007 .elementor-element.elementor-element-8490206{--swiper-slides-to-display:1;}}/* Start custom CSS for theme-post-title, class: .elementor-element-28e4ed3 *//* ========================================================= MöVIA Properties ENTRADA INDIVIDUAL · H1 DINÁMICO MISMO DISEÑO QUE EL H1 DEL ARCHIVO DE CATEGORÍAS CONTENIDO: TÍTULO DINÁMICO DE LA ENTRADA RESPONSIVE: DESKTOP + PORTÁTIL + TABLET + MÓVIL ========================================================= */ /* ========================================================= 1. DESKTOP ========================================================= */ .elementor-9007 .elementor-element.elementor-element-28e4ed3 { 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-9007 .elementor-element.elementor-element-28e4ed3 .elementor-widget-container { display: block !important; width: 650px !important; max-width: 650px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 3. H1 ========================================================= */ .elementor-9007 .elementor-element.elementor-element-28e4ed3 .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-9007 .elementor-element.elementor-element-28e4ed3, .elementor-9007 .elementor-element.elementor-element-28e4ed3 .elementor-widget-container, .elementor-9007 .elementor-element.elementor-element-28e4ed3 .elementor-heading-title { width: 620px !important; max-width: 620px !important; } .elementor-9007 .elementor-element.elementor-element-28e4ed3 { margin-top: 22px !important; } .elementor-9007 .elementor-element.elementor-element-28e4ed3 .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-9007 .elementor-element.elementor-element-28e4ed3, .elementor-9007 .elementor-element.elementor-element-28e4ed3 .elementor-widget-container, .elementor-9007 .elementor-element.elementor-element-28e4ed3 .elementor-heading-title { width: 560px !important; max-width: 560px !important; } .elementor-9007 .elementor-element.elementor-element-28e4ed3 { margin-top: 20px !important; } .elementor-9007 .elementor-element.elementor-element-28e4ed3 .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-9007 .elementor-element.elementor-element-28e4ed3, .elementor-9007 .elementor-element.elementor-element-28e4ed3 .elementor-widget-container, .elementor-9007 .elementor-element.elementor-element-28e4ed3 .elementor-heading-title { width: 100% !important; max-width: 100% !important; } .elementor-9007 .elementor-element.elementor-element-28e4ed3 { margin-top: 17px !important; } .elementor-9007 .elementor-element.elementor-element-28e4ed3 .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-9007 .elementor-element.elementor-element-28e4ed3 .elementor-heading-title { font-size: 32px !important; line-height: 1.035 !important; letter-spacing: -0.70px !important; } }/* End custom CSS */ /* Start custom CSS for post-info, class: .elementor-element-df86fb1 *//* ========================================================= MöVIA Properties ENTRADA INDIVIDUAL · METADATOS HERO FORMATO VISUAL: CATEGORÍA · FECHA EJEMPLO: HIPOTECAS Y CANCELACIÓN REGISTRAL · 8 DE ABRIL DE 2026 ========================================================= */ /* ========================================================= 1. WIDGET ========================================================= */ .elementor-9007 .elementor-element.elementor-element-df86fb1 { display: block !important; width: 650px !important; max-width: 650px !important; margin: 28px 0 0 0 !important; padding: 0 !important; align-self: flex-start !important; } /* ========================================================= 2. CONTENEDOR INTERNO ========================================================= */ .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 3. LISTA DE METADATOS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-post-info, .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-items { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 4. CADA ELEMENTO ========================================================= */ .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-item { display: inline-flex !important; align-items: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: rgba(255,255,255,.58) !important; font-family: inherit !important; font-size: 9px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: 1.55px !important; text-align: left !important; text-transform: uppercase !important; white-space: nowrap !important; } /* ========================================================= 5. TEXTO / ENLACES ========================================================= */ .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-text, .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-item a, .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-post-info__item { color: inherit !important; font: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================= 6. ELIMINAR ICONOS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-icon, .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-post-info__item-prefix { display: none !important; } /* ========================================================= 7. SEPARADOR EDITORIAL ========================================================= */ .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-item + .elementor-icon-list-item::before { content: "·"; display: inline-block; margin: 0 11px; color: rgba(255,255,255,.42); font-size: 11px; font-weight: 500; line-height: 1; } /* ========================================================= 8. PORTÁTIL ========================================================= */ @media (max-width: 1180px) { .elementor-9007 .elementor-element.elementor-element-df86fb1 { width: 620px !important; max-width: 620px !important; margin-top: 26px !important; } } /* ========================================================= 9. TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9007 .elementor-element.elementor-element-df86fb1 { width: 560px !important; max-width: 560px !important; margin-top: 24px !important; } .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-item { font-size: 8.5px !important; letter-spacing: 1.4px !important; } } /* ========================================================= 10. MÓVIL ========================================================= */ @media (max-width: 700px) { .elementor-9007 .elementor-element.elementor-element-df86fb1 { width: 100% !important; max-width: 100% !important; margin-top: 21px !important; } .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-post-info, .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-items { row-gap: 7px !important; } .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-item { font-size: 8px !important; letter-spacing: 1.2px !important; white-space: normal !important; } .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-item + .elementor-icon-list-item::before { margin: 0 8px; font-size: 10px; } } /* ========================================================= 11. MÓVIL PEQUEÑO ========================================================= */ @media (max-width: 380px) { .elementor-9007 .elementor-element.elementor-element-df86fb1 .elementor-icon-list-item { font-size: 7.5px !important; letter-spacing: 1.05px !important; } }/* End custom CSS */ /* Start custom CSS for theme-post-featured-image, class: .elementor-element-790284d *//* ========================================================= MöVIA Properties ENTRADA INDIVIDUAL · IMAGEN DESTACADA VERSIÓN CORREGIDA · FOTO COMPLETA SIN RECORTAR · CENTRADA · 4 ESQUINAS REDONDEADAS · MENOS ESPACIO SUPERIOR · MENOS ESPACIO INFERIOR · SIN MÁRGENES NEGATIVOS · RESPONSIVE COMPLETO ========================================================= */ /* ========================================================= 1. WIDGET · DESKTOP ========================================================= */ .elementor-9007 .elementor-element.elementor-element-790284d { display: block !important; width: 100% !important; max-width: 1220px !important; margin: 26px auto 26px auto !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 2. CONTENEDOR INTERNO ========================================================= */ .elementor-9007 .elementor-element.elementor-element-790284d .elementor-widget-container { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 18px !important; box-sizing: border-box !important; } /* ========================================================= 3. IMAGEN IMPORTANTE: · NO HAY ASPECT-RATIO · NO HAY OBJECT-FIT · NO SE RECORTA · RESPETA LA PROPORCIÓN ORIGINAL ========================================================= */ .elementor-9007 .elementor-element.elementor-element-790284d img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 18px !important; box-shadow: none !important; } /* ========================================================= 4. PORTÁTIL ========================================================= */ @media (max-width: 1180px) { .elementor-9007 .elementor-element.elementor-element-790284d { width: calc(100% - 64px) !important; max-width: 1080px !important; margin: 24px auto 24px auto !important; } .elementor-9007 .elementor-element.elementor-element-790284d .elementor-widget-container, .elementor-9007 .elementor-element.elementor-element-790284d img { border-radius: 16px !important; } } /* ========================================================= 5. TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9007 .elementor-element.elementor-element-790284d { width: calc(100% - 48px) !important; max-width: 100% !important; margin: 22px auto 22px auto !important; } .elementor-9007 .elementor-element.elementor-element-790284d .elementor-widget-container, .elementor-9007 .elementor-element.elementor-element-790284d img { border-radius: 15px !important; } } /* ========================================================= 6. MÓVIL ========================================================= */ @media (max-width: 700px) { .elementor-9007 .elementor-element.elementor-element-790284d { width: calc(100% - 32px) !important; max-width: 100% !important; margin: 18px auto 18px auto !important; } .elementor-9007 .elementor-element.elementor-element-790284d .elementor-widget-container, .elementor-9007 .elementor-element.elementor-element-790284d img { border-radius: 13px !important; } } /* ========================================================= 7. MÓVIL PEQUEÑO ========================================================= */ @media (max-width: 380px) { .elementor-9007 .elementor-element.elementor-element-790284d { width: calc(100% - 28px) !important; margin: 16px auto 16px auto !important; } .elementor-9007 .elementor-element.elementor-element-790284d .elementor-widget-container, .elementor-9007 .elementor-element.elementor-element-790284d img { border-radius: 12px !important; } }/* End custom CSS */ /* Start custom CSS for theme-post-content, class: .elementor-element-7d37058 *//* ========================================================= MöVIA Properties ENTRADA INDIVIDUAL · CUERPO EDITORIAL VERSIÓN PREMIUM · RITMO VERTICAL OPTIMIZADO OBJETIVO: · MENOS ESPACIO ENTRE IMAGEN Y CONTENIDO · MENOS ESPACIO ENTRE FINAL DEL ARTÍCULO Y SIGUIENTE BLOQUE · MANTENER JERARQUÍA EDITORIAL · RESPONSIVE COMPLETO NO AFECTA: · HERO · IMAGEN DESTACADA · CONTENEDOR PADRE ========================================================= */ /* ========================================================= 1. WIDGET PRINCIPAL · DESKTOP ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 { display: block !important; width: 100% !important; max-width: 920px !important; margin: 12px auto 0 auto !important; padding: 0 0 16px 0 !important; box-sizing: border-box !important; color: #3f4056 !important; font-family: inherit !important; } /* ========================================================= 2. CONTENEDOR INTERNO ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 .elementor-widget-container { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 3. PRIMER ELEMENTO ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 .elementor-widget-container > :first-child { margin-top: 0 !important; } /* ========================================================= 4. PÁRRAFOS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 p { margin: 0 0 24px 0 !important; padding: 0 !important; color: #3f4056 !important; font-family: inherit !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.68 !important; letter-spacing: -0.08px !important; text-align: left !important; text-transform: none !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; } /* ========================================================= 5. H2 · BLOQUES EDITORIALES PRINCIPALES ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 h2 { display: block !important; width: 100% !important; margin: 62px 0 25px 0 !important; padding: 0 !important; color: #000000 !important; font-family: inherit !important; font-size: clamp( 39px, 2.9vw, 47px ) !important; font-weight: 500 !important; line-height: 1.085 !important; letter-spacing: -1.10px !important; text-align: left !important; text-transform: none !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; } /* ========================================================= 6. PRIMER H2 · CORRECCIÓN CRÍTICA first-of-type ES MÁS ROBUSTO QUE first-child CON LA ESTRUCTURA GENERADA POR ELEMENTOR. ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 h2:first-of-type, .elementor-9007 .elementor-element.elementor-element-7d37058 .elementor-widget-container h2:first-of-type { margin-top: 0 !important; } /* ========================================================= 7. H3 ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 h3 { margin: 44px 0 19px 0 !important; padding: 0 !important; color: #000000 !important; font-family: inherit !important; font-size: clamp( 26px, 2vw, 31px ) !important; font-weight: 500 !important; line-height: 1.14 !important; letter-spacing: -.60px !important; text-align: left !important; text-transform: none !important; } /* ========================================================= 8. H4 ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 h4 { margin: 34px 0 16px 0 !important; padding: 0 !important; color: #000000 !important; font-family: inherit !important; font-size: 22px !important; font-weight: 600 !important; line-height: 1.22 !important; letter-spacing: -.32px !important; text-transform: none !important; } /* ========================================================= 9. NEGRITAS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 strong, .elementor-9007 .elementor-element.elementor-element-7d37058 b { color: inherit !important; font-weight: 600 !important; } /* ========================================================= 10. ENLACES ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 a { color: #000000 !important; text-decoration-line: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; text-decoration-color: rgba(0,0,0,.30) !important; transition: text-decoration-color .18s ease, opacity .18s ease; } .elementor-9007 .elementor-element.elementor-element-7d37058 a:hover { text-decoration-color: #000000 !important; opacity: .72; } /* ========================================================= 11. LISTAS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 ul, .elementor-9007 .elementor-element.elementor-element-7d37058 ol { margin: 4px 0 28px 0 !important; padding-left: 25px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 li { margin: 0 0 10px 0 !important; padding-left: 3px !important; color: #3f4056 !important; font-family: inherit !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.64 !important; letter-spacing: -.06px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 li:last-child { margin-bottom: 0 !important; } /* ========================================================= 12. BLOCKQUOTE ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 blockquote { margin: 40px 0 !important; padding: 4px 0 4px 26px !important; border-left: 2px solid #000000 !important; background: transparent !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 blockquote p { margin: 0 !important; color: #111111 !important; font-size: 23px !important; font-weight: 500 !important; line-height: 1.40 !important; letter-spacing: -.38px !important; } /* ========================================================= 13. IMÁGENES INTERIORES ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 38px auto !important; padding: 0 !important; border-radius: 16px !important; box-shadow: none !important; } /* ========================================================= 14. FIGURE ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 figure { display: block !important; width: 100% !important; max-width: 100% !important; margin: 38px auto !important; padding: 0 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 figure img { margin: 0 !important; } /* ========================================================= 15. LEYENDAS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 figcaption { margin: 10px 0 0 0 !important; color: rgba(0,0,0,.50) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.45 !important; text-align: left !important; } /* ========================================================= 16. SEPARADORES ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 hr { width: 100% !important; margin: 50px 0 !important; border: 0 !important; border-top: 1px solid rgba(0,0,0,.11) !important; } /* ========================================================= 17. TABLAS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 table { width: 100% !important; margin: 38px 0 !important; border-collapse: collapse !important; font-family: inherit !important; font-size: 15px !important; line-height: 1.5 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 th, .elementor-9007 .elementor-element.elementor-element-7d37058 td { padding: 13px 15px !important; border-bottom: 1px solid rgba(0,0,0,.12) !important; text-align: left !important; vertical-align: top !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 th { color: #000000 !important; font-weight: 600 !important; } /* ========================================================= 18. FINAL DEL ARTÍCULO ELIMINA MÁRGENES RESIDUALES ANTES DEL BLOQUE "TODO EL BLOG". ========================================================= */ .elementor-9007 .elementor-element.elementor-element-7d37058 p:last-child, .elementor-9007 .elementor-element.elementor-element-7d37058 ul:last-child, .elementor-9007 .elementor-element.elementor-element-7d37058 ol:last-child, .elementor-9007 .elementor-element.elementor-element-7d37058 blockquote:last-child, .elementor-9007 .elementor-element.elementor-element-7d37058 figure:last-child, .elementor-9007 .elementor-element.elementor-element-7d37058 table:last-child, .elementor-9007 .elementor-element.elementor-element-7d37058 .elementor-widget-container > :last-child { margin-bottom: 0 !important; } /* ========================================================= 19. PORTÁTIL ========================================================= */ @media (max-width: 1180px) { .elementor-9007 .elementor-element.elementor-element-7d37058 { width: calc(100% - 96px) !important; max-width: 900px !important; margin-top: 10px !important; padding-bottom: 14px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h2 { margin-top: 56px !important; font-size: clamp( 37px, 3.8vw, 44px ) !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h2:first-of-type, .elementor-9007 .elementor-element.elementor-element-7d37058 .elementor-widget-container h2:first-of-type { margin-top: 0 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h3 { margin-top: 40px !important; } } /* ========================================================= 20. TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9007 .elementor-element.elementor-element-7d37058 { width: calc(100% - 64px) !important; max-width: 760px !important; margin-top: 8px !important; padding-bottom: 12px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 p, .elementor-9007 .elementor-element.elementor-element-7d37058 li { font-size: 17px !important; line-height: 1.66 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 p { margin-bottom: 22px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h2 { margin: 50px 0 22px 0 !important; font-size: clamp( 34px, 5vw, 40px ) !important; line-height: 1.09 !important; letter-spacing: -.88px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h2:first-of-type, .elementor-9007 .elementor-element.elementor-element-7d37058 .elementor-widget-container h2:first-of-type { margin-top: 0 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h3 { margin: 37px 0 18px 0 !important; font-size: clamp( 24px, 3.6vw, 29px ) !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h4 { margin-top: 30px !important; } } /* ========================================================= 21. MÓVIL ========================================================= */ @media (max-width: 700px) { .elementor-9007 .elementor-element.elementor-element-7d37058 { width: calc(100% - 40px) !important; max-width: 100% !important; margin-top: 6px !important; padding-bottom: 10px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 p { margin-bottom: 20px !important; font-size: 16px !important; line-height: 1.64 !important; letter-spacing: 0 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h2 { margin: 42px 0 19px 0 !important; font-size: clamp( 29px, 8vw, 34px ) !important; line-height: 1.10 !important; letter-spacing: -.68px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h2:first-of-type, .elementor-9007 .elementor-element.elementor-element-7d37058 .elementor-widget-container h2:first-of-type { margin-top: 0 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h3 { margin: 32px 0 16px 0 !important; font-size: 24px !important; line-height: 1.15 !important; letter-spacing: -.42px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h4 { margin: 27px 0 14px 0 !important; font-size: 20px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 ul, .elementor-9007 .elementor-element.elementor-element-7d37058 ol { margin-bottom: 23px !important; padding-left: 21px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 li { margin-bottom: 9px !important; font-size: 16px !important; line-height: 1.60 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 blockquote { margin: 30px 0 !important; padding-left: 18px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 blockquote p { font-size: 20px !important; line-height: 1.38 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 img, .elementor-9007 .elementor-element.elementor-element-7d37058 figure { margin: 30px auto !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 img { border-radius: 13px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 hr { margin: 40px 0 !important; } } /* ========================================================= 22. MÓVIL PEQUEÑO ========================================================= */ @media (max-width: 380px) { .elementor-9007 .elementor-element.elementor-element-7d37058 { width: calc(100% - 30px) !important; margin-top: 4px !important; padding-bottom: 8px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 p, .elementor-9007 .elementor-element.elementor-element-7d37058 li { font-size: 15.5px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h2 { margin-top: 38px !important; font-size: 28px !important; letter-spacing: -.58px !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h2:first-of-type, .elementor-9007 .elementor-element.elementor-element-7d37058 .elementor-widget-container h2:first-of-type { margin-top: 0 !important; } .elementor-9007 .elementor-element.elementor-element-7d37058 h3 { font-size: 22px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2719187 *//* ========================================================= MÖVIA PROPERTIES SINGLE POST · TAGS PREMIUM DESKTOP: CONSERVA EL DISEÑO ACTUAL MOBILE: COMPOSICIÓN CONSISTENTE EN TODOS LOS POSTS ========================================================= */ /* ========================================================= 1. VARIABLES + CONTENEDOR GENERAL ========================================================= */ .movia-post-tags-wrap { --movia-negro: #050505; --movia-blanco: #ffffff; --movia-tag-texto: rgba(5, 5, 5, 0.64); --movia-tag-borde: rgba(5, 5, 5, 0.14); display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: 10px; row-gap: 10px; width: 100%; margin: 0; padding: 0; box-sizing: border-box; } .movia-post-tags-wrap *, .movia-post-tags-wrap *::before, .movia-post-tags-wrap *::after { box-sizing: border-box; } /* ========================================================= 2. CÁPSULA TAGS DISEÑO ACTUAL · SIN CAMBIOS ========================================================= */ .movia-post-tags-label { display: inline-flex; align-items: center; justify-content: center; gap: 9px; flex: 0 0 auto; min-height: 38px; margin: 0 !important; padding: 0 16px !important; color: #ffffff !important; background: #050505; border: 1px solid #050505; border-radius: 999px; font-family: inherit !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 1.45px; text-transform: uppercase; white-space: nowrap; box-shadow: none; } /* ========================================================= 3. PUNTO BLANCO ========================================================= */ .movia-post-tags-dot { display: block; width: 7px; height: 7px; flex: 0 0 7px; background: #ffffff; border-radius: 50%; } /* ========================================================= 4. WIDGET DINÁMICO ========================================================= */ .movia-post-tags-terms { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 1 auto; width: auto !important; max-width: 100%; margin: 0 !important; padding: 0 !important; } .movia-post-tags-terms .elementor-widget-container { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; width: auto !important; max-width: 100%; margin: 0 !important; padding: 0 !important; } /* ========================================================= 5. RESET POST INFO ========================================================= */ .movia-post-tags-terms .elementor-post-info { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; width: auto !important; max-width: 100%; margin: 0 !important; padding: 0 !important; list-style: none !important; } .movia-post-tags-terms .elementor-post-info__item { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; width: auto !important; max-width: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; font-size: 0 !important; line-height: 1 !important; } /* ========================================================= 6. CONTENEDOR DE ETIQUETAS ========================================================= */ .movia-post-tags-terms .elementor-post-info__terms-list { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; column-gap: 9px !important; row-gap: 9px !important; width: auto !important; max-width: 100%; margin: 0 auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; font-size: 0 !important; line-height: 1 !important; } /* ========================================================= 7. CÁPSULA INDIVIDUAL ========================================================= */ .movia-post-tags-terms .movia-tag-pill { position: relative; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto; min-height: 36px; margin: 0 !important; padding: 0 17px !important; color: var(--movia-tag-texto) !important; background: rgba(255, 255, 255, 0.98) !important; border: 1px solid var(--movia-tag-borde) !important; border-radius: 999px !important; font-family: inherit !important; font-size: 10.5px !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 1.05px; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.70); transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease; } /* ========================================================= 8. HOVER ========================================================= */ .movia-post-tags-terms a.movia-tag-pill:hover, .movia-post-tags-terms a.movia-tag-pill:focus, .movia-post-tags-terms a.movia-tag-pill:focus-visible { color: #ffffff !important; background: #050505 !important; border-color: #050505 !important; text-decoration: none !important; transform: translateY(-1px); outline: none !important; } /* ========================================================= 9. ICONOS NATIVOS ========================================================= */ .movia-post-tags-terms .elementor-icon-list-icon, .movia-post-tags-terms .elementor-post-info__item-prefix { display: none !important; } /* ========================================================= 10. TABLET ========================================================= */ @media (max-width: 1024px) { .movia-post-tags-wrap { column-gap: 9px; row-gap: 9px; } .movia-post-tags-terms .elementor-post-info__terms-list { column-gap: 8px !important; row-gap: 8px !important; } } /* ========================================================= 11. MÓVIL CENTRADO FIJO PARA TODOS LOS ARTÍCULOS ========================================================= */ @media (max-width: 767px) { /* BLOQUE COMPLETO */ .movia-post-tags-wrap { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; width: 100% !important; column-gap: 0 !important; row-gap: 10px !important; margin: 0 auto !important; padding: 0 16px !important; } /* TAGS SIEMPRE CENTRADO */ .movia-post-tags-label { align-self: center !important; min-height: 35px; margin: 0 auto !important; padding: 0 14px !important; font-size: 10px !important; letter-spacing: 1.25px; } .movia-post-tags-dot { width: 6px; height: 6px; flex: 0 0 6px; } /* WIDGET A TODO EL ANCHO */ .movia-post-tags-terms { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } .movia-post-tags-terms .elementor-widget-container, .movia-post-tags-terms .elementor-post-info, .movia-post-tags-terms .elementor-post-info__item { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } /* RETÍCULA 2 × 2 */ .movia-post-tags-terms .elementor-post-info__terms-list { display: grid !important; grid-template-columns: repeat( 2, minmax(0, 1fr) ); align-items: stretch !important; justify-content: stretch !important; column-gap: 7px !important; row-gap: 7px !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } /* LAS 4 CÁPSULAS OCUPAN EXACTAMENTE SU COLUMNA */ .movia-post-tags-terms .movia-tag-pill { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 38px; margin: 0 !important; padding: 0 9px !important; font-size: 9px !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: .7px; text-align: center !important; white-space: normal; word-break: normal; overflow-wrap: normal; } } /* ========================================================= 12. MÓVIL MUY PEQUEÑO ========================================================= */ @media (max-width: 350px) { .movia-post-tags-wrap { padding-left: 12px !important; padding-right: 12px !important; } .movia-post-tags-terms .elementor-post-info__terms-list { grid-template-columns: 1fr; } .movia-post-tags-terms .movia-tag-pill { min-height: 36px; padding: 0 13px !important; font-size: 9px !important; letter-spacing: .75px; white-space: nowrap; } } /* ========================================================= 13. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .movia-post-tags-terms .movia-tag-pill { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-8490206 *//* ========================================================= 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-9007 .elementor-element.elementor-element-8490206 { 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-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 .swiper:active { cursor: grabbing; } /* ========================================================= 3. WRAPPER ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 .swiper-slide > * { width: 100% !important; max-width: 100% !important; } /* ========================================================= 6. BORDES DEL VIEWPORT ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide:first-child { padding-left: 2px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide:last-child { padding-right: 2px !important; } /* ========================================================= 7. HEADING DEL TÍTULO NO HACEMOS CLAMP AQUÍ. SOLO NORMALIZAMOS EL CONTENEDOR. ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-heading-title, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-post__title, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h1, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h2, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h3, .elementor-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-heading-title > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-post__title > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h1 > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h2 > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h3 > a, .elementor-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-heading-title:not(:has(> a)), .elementor-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev, .elementor-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button-prev, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev { left: 8px !important; } /* ========================================================= 12. FLECHA DERECHA ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button-next, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-next { right: 8px !important; } /* ========================================================= 13. SVG FLECHAS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button svg, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev svg, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-next svg { width: 15px !important; height: 15px !important; fill: currentColor !important; color: inherit !important; } /* ========================================================= 14. ICON FONT / TEXTO ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button i, .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button span { color: inherit !important; font-size: 17px !important; line-height: 1 !important; } /* ========================================================= 15. HOVER FLECHAS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button:hover, .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button:focus-visible, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev:hover, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev:focus-visible, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-next:hover, .elementor-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 .swiper-pagination, .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-pagination { display: none !important; } /* ========================================================= 17. FLECHAS DESACTIVADAS ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-disabled, .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button.swiper-button-disabled { opacity: .25 !important; pointer-events: none !important; } /* ========================================================= 18. EVITAR SELECCIÓN ACCIDENTAL AL ARRASTRAR ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .swiper, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide { -webkit-user-select: none; user-select: none; } /* ========================================================= 19. PERMITIR SELECCIÓN EN CONTENIDO ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h1, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h2, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h3, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h4, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide p, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide a { -webkit-user-select: auto; user-select: auto; } /* ========================================================= 20. IMÁGENES · EVITAR DRAG NATIVO ========================================================= */ .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide img { -webkit-user-drag: none; user-drag: none; } /* ========================================================= 21. PORTÁTIL SIGUE EN 2 LÍNEAS. ========================================================= */ @media (max-width: 1180px) { .elementor-9007 .elementor-element.elementor-element-8490206 { margin-top: 34px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide { padding: 0 9px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev, .elementor-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 { margin-top: 31px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .swiper { padding-bottom: 8px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide { padding: 0 8px !important; } /* ----------------------------------------- TÍTULO · 3 LÍNEAS ----------------------------------------- */ .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-heading-title > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-post__title > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h1 > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h2 > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h3 > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h4 > a { -webkit-line-clamp: 3 !important; line-clamp: 3; } .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-heading-title:not(:has(> a)), .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-post__title:not(:has(> a)) { -webkit-line-clamp: 3 !important; line-clamp: 3; } /* ----------------------------------------- FLECHAS ----------------------------------------- */ .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-next { width: 38px !important; height: 38px !important; top: 26% !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button-prev, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev { left: 6px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button-next, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-next { right: 6px !important; } } /* ========================================================= 23. MÓVIL ELEMENTOR: 1 TARJETA TÍTULO: MÁXIMO 3 LÍNEAS. ========================================================= */ @media (max-width: 700px) { .elementor-9007 .elementor-element.elementor-element-8490206 { margin-top: 27px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .swiper { padding: 0 0 6px 0 !important; touch-action: pan-y !important; -webkit-overflow-scrolling: touch; } .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide { padding: 0 5px !important; } /* ----------------------------------------- TÍTULO · 3 LÍNEAS ----------------------------------------- */ .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-heading-title > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-post__title > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h1 > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h2 > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h3 > a, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide h4 > a { -webkit-line-clamp: 3 !important; line-clamp: 3; } .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-heading-title:not(:has(> a)), .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide .elementor-post__title:not(:has(> a)) { -webkit-line-clamp: 3 !important; line-clamp: 3; } /* ----------------------------------------- FLECHAS ----------------------------------------- */ .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev, .elementor-9007 .elementor-element.elementor-element-8490206 .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-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button-prev, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev { left: 5px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button-next, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-next { right: 5px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button svg, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev svg, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-next svg { width: 13px !important; height: 13px !important; } } /* ========================================================= 24. MÓVIL PEQUEÑO ========================================================= */ @media (max-width: 380px) { .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-slide { padding: 0 3px !important; } .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-next { width: 34px !important; height: 34px !important; top: 23% !important; } } /* ========================================================= 25. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-wrapper, .elementor-9007 .elementor-element.elementor-element-8490206 .elementor-swiper-button, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-prev, .elementor-9007 .elementor-element.elementor-element-8490206 .swiper-button-next { transition: none !important; } }/* End custom CSS */