.elementor-12516 .elementor-element.elementor-element-6bdadb6{--display:flex;--min-height:0px;--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;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12516 .elementor-element.elementor-element-6bdadb6:not(.elementor-motion-effects-element-type-background), .elementor-12516 .elementor-element.elementor-element-6bdadb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18224A;}.elementor-12516 .elementor-element.elementor-element-6bdadb6.e-con{--align-self:flex-end;}.elementor-12516 .elementor-element.elementor-element-4617d64{width:var( --container-widget-width, 99.808% );max-width:99.808%;--container-widget-width:99.808%;--container-widget-flex-grow:0;}.elementor-12516 .elementor-element.elementor-element-4617d64 > .elementor-widget-container{margin:-20px 0px -10px 0px;}.elementor-12516 .elementor-element.elementor-element-4617d64.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-4617d64 *//********************************************************* * 1) STICKY FOOTER GLOBAL (que el footer quede a abajo) *********************************************************/ /* Que el documento ocupe toda la altura de la ventana */ html, body { height: 100%; margin: 0; } /* El actúa como contenedor flex vertical */ body { min-height: 100vh; display: flex; flex-direction: column; } /* Header de Elementor (no crece) */ .elementor-location-header { flex: 0 0 auto; } /* Contenido principal: ocupa el espacio disponible (site-main y las localizaciones single/archive de Elementor) */ .site-main, #content, .elementor-location-single, .elementor-location-archive { flex: 1 0 auto; } /* Footer de Elementor: se queda al final de la columna */ .elementor-location-footer { flex: 0 0 auto; margin-top: auto; } /********************************************************* * 2) ESTILOS DEL FOOTER PLECO * (no ponemos background aquí, lo da el contenedor de Elementor) *********************************************************/ .pleco-footer { /* El fondo lo da el contenedor de Elementor */ color: #f5f7ff; font-size: 14px; } .pleco-footer a { color: inherit; text-decoration: none; } .pleco-footer a:hover, .pleco-footer a:focus { text-decoration: underline; } /* Contenedor interno alineado al layout principal */ .pleco-footer__inner { max-width: 1200px; /* adapta al ancho que uses en el resto del sitio */ margin: 0 auto; padding: 32px 24px 20px; } /* Zona superior: columnas */ .pleco-footer__top { display: flex; flex-wrap: wrap; gap: 32px 48px; align-items: flex-start; } .pleco-footer__col { flex: 1 1 180px; min-width: 180px; } .pleco-footer__col--brand { flex: 1.5 1 260px; max-width: 340px; } /* Logo */ .pleco-footer__logo { display: inline-flex; align-items: center; justify-content: flex-start; margin-bottom: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .pleco-footer__logo-mark { display: inline-flex; align-items: center; justify-content: center; padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.04); font-size: 13px; } .pleco-footer__text { margin: 0; line-height: 1.6; color: rgba(245, 247, 255, 0.8); } /* Títulos y listas */ .pleco-footer__title { margin: 0 0 10px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(245, 247, 255, 0.86); } .pleco-footer__list { list-style: none; padding: 0; margin: 0; } .pleco-footer__link { display: inline-flex; align-items: center; padding: 3px 0; line-height: 1.45; color: rgba(245, 247, 255, 0.82); } .pleco-footer__link:hover, .pleco-footer__link:focus { color: #ffffff; } /* Divisor */ .pleco-footer__divider { border: 0; border-top: 1px solid rgba(255, 255, 255, 0.09); margin: 26px 0 16px; } /* Zona inferior */ .pleco-footer__bottom { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; justify-content: space-between; font-size: 12px; color: rgba(245, 247, 255, 0.75); } .pleco-footer__copy { margin: 0; } .pleco-footer__meta { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; } .pleco-footer__meta-link { text-decoration: none; opacity: 0.9; } .pleco-footer__meta-link:hover, .pleco-footer__meta-link:focus { opacity: 1; text-decoration: underline; } .pleco-footer__meta-separator { opacity: 0.5; } /* Responsivo */ @media (max-width: 768px) { .pleco-footer__inner { padding: 24px 16px 16px; } .pleco-footer__top { flex-direction: column; gap: 24px; } .pleco-footer__col { min-width: 100%; } .pleco-footer__bottom { flex-direction: column; align-items: flex-start; } }/* End custom CSS */