.elementor-kit-2415{--e-global-color-secondary:#1C1C1C;--e-global-color-primary:#6D6D6D;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF2B;--e-global-color-d49ac81:#E66D34;--e-global-color-332724a:#FB9322;--e-global-color-4d462f5:#DCDCDE;--e-global-color-cfa1f76:#F3F3F4;--e-global-color-7fbea4f:#FAFAFA;--e-global-color-c94d9ab:#4A4854;--e-global-color-044b931:#1C1C20;--e-global-color-638d055:#17161A;--e-global-color-a2c0d56:#E66D34;--e-global-color-ec3c7a7:#FB9322;--e-global-color-5365f39:#327937;--e-global-color-d6ce5a2:#77AB49;--e-global-typography-primary-font-family:"Domine";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-family:"Domine";--e-global-typography-secondary-font-size:39px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.5px;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Domine";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:italic;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-b2ce6af-font-family:"Plus Jakarta Sans";--e-global-typography-b2ce6af-font-size:16px;--e-global-typography-b2ce6af-font-weight:400;--e-global-typography-b2ce6af-text-transform:none;--e-global-typography-b2ce6af-font-style:normal;--e-global-typography-b2ce6af-line-height:1.4em;--e-global-typography-69c152f-font-family:"Plus Jakarta Sans";--e-global-typography-69c152f-font-size:14px;--e-global-typography-69c152f-font-weight:400;--e-global-typography-69c152f-line-height:1.4em;--e-global-typography-520c191-font-family:"Domine";--e-global-typography-520c191-font-size:16px;--e-global-typography-520c191-font-weight:500;--e-global-typography-520c191-font-style:italic;--e-global-typography-520c191-line-height:1.5em;--e-global-typography-583e54c-font-family:"Domine";--e-global-typography-583e54c-font-size:48px;--e-global-typography-583e54c-font-weight:500;--e-global-typography-583e54c-line-height:1.2em;--e-global-typography-583e54c-letter-spacing:-1px;--e-global-typography-5d167aa-font-family:"Domine";--e-global-typography-5d167aa-font-size:39px;--e-global-typography-5d167aa-font-weight:500;--e-global-typography-5d167aa-line-height:1.2em;--e-global-typography-5d167aa-letter-spacing:-0.5px;--e-global-typography-d3dae9a-font-family:"Domine";--e-global-typography-d3dae9a-font-size:31px;--e-global-typography-d3dae9a-font-weight:500;--e-global-typography-d3dae9a-font-style:normal;--e-global-typography-d3dae9a-line-height:1.3em;--e-global-typography-83682a1-font-family:"Domine";--e-global-typography-83682a1-font-size:25px;--e-global-typography-83682a1-font-weight:400;--e-global-typography-83682a1-text-transform:none;--e-global-typography-83682a1-font-style:normal;--e-global-typography-83682a1-line-height:1.3em;--e-global-typography-7044a64-font-family:"Plus Jakarta Sans";--e-global-typography-7044a64-font-size:18px;--e-global-typography-7044a64-font-weight:600;--e-global-typography-7044a64-line-height:1.5em;--e-global-typography-84ca66e-font-family:"Domine";--e-global-typography-84ca66e-font-size:14px;--e-global-typography-84ca66e-font-weight:400;--e-global-typography-84ca66e-font-style:italic;--e-global-typography-112b6c4-font-family:"Plus Jakarta Sans";--e-global-typography-112b6c4-font-size:13px;--e-global-typography-112b6c4-font-weight:400;--e-global-typography-112b6c4-line-height:1.5em;--e-global-typography-a435f28-font-family:"Domine";--e-global-typography-a435f28-font-size:61px;--e-global-typography-a435f28-font-weight:600;--e-global-typography-a435f28-line-height:1em;--e-global-typography-a435f28-letter-spacing:-1px;color:var( --e-global-color-primary );font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-kit-2415 button,.elementor-kit-2415 input[type="button"],.elementor-kit-2415 input[type="submit"],.elementor-kit-2415 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );text-shadow:1px 1px 0px rgba(0, 0, 0, 0.3);color:var( --e-global-color-text );background-image:linear-gradient(180deg, var( --e-global-color-332724a ) 0%, var( --e-global-color-d49ac81 ) 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-d49ac81 );border-radius:30px 30px 30px 30px;}.elementor-kit-2415 button:hover,.elementor-kit-2415 button:focus,.elementor-kit-2415 input[type="button"]:hover,.elementor-kit-2415 input[type="button"]:focus,.elementor-kit-2415 input[type="submit"]:hover,.elementor-kit-2415 input[type="submit"]:focus,.elementor-kit-2415 .elementor-button:hover,.elementor-kit-2415 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-text );background-image:linear-gradient(180deg, var( --e-global-color-d49ac81 ) 0%, var( --e-global-color-332724a ) 100%);border-style:none;border-radius:30px 30px 30px 30px;}.elementor-kit-2415 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2415 a{color:var( --e-global-color-primary );}.elementor-kit-2415 a:hover{color:var( --e-global-color-d49ac81 );}.elementor-kit-2415 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-583e54c-font-family ), Sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-2415 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-kit-2415 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-d3dae9a-font-family ), Sans-serif;font-size:var( --e-global-typography-d3dae9a-font-size );font-weight:var( --e-global-typography-d3dae9a-font-weight );font-style:var( --e-global-typography-d3dae9a-font-style );line-height:var( --e-global-typography-d3dae9a-line-height );}.elementor-kit-2415 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-83682a1-font-family ), Sans-serif;font-size:var( --e-global-typography-83682a1-font-size );font-weight:var( --e-global-typography-83682a1-font-weight );text-transform:var( --e-global-typography-83682a1-text-transform );font-style:var( --e-global-typography-83682a1-font-style );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-kit-2415 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-7044a64-font-family ), Sans-serif;font-size:var( --e-global-typography-7044a64-font-size );font-weight:var( --e-global-typography-7044a64-font-weight );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-kit-2415 h6{color:var( --e-global-color-ec3c7a7 );font-family:var( --e-global-typography-84ca66e-font-family ), Sans-serif;font-size:var( --e-global-typography-84ca66e-font-size );font-weight:var( --e-global-typography-84ca66e-font-weight );font-style:var( --e-global-typography-84ca66e-font-style );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-kit-2415 label{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-520c191-font-family ), Sans-serif;font-size:var( --e-global-typography-520c191-font-size );font-weight:var( --e-global-typography-520c191-font-weight );font-style:var( --e-global-typography-520c191-font-style );line-height:var( --e-global-typography-520c191-line-height );}.elementor-kit-2415 input:not([type="button"]):not([type="submit"]),.elementor-kit-2415 textarea,.elementor-kit-2415 .elementor-field-textual{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );color:var( --e-global-color-secondary );background-color:var( --e-global-color-7fbea4f );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-cfa1f76 );border-radius:10px 10px 10px 10px;}.elementor-kit-2415 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-2415 textarea:focus,.elementor-kit-2415 .elementor-field-textual:focus{color:var( --e-global-color-primary );background-color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d49ac81 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-2415{--e-global-typography-primary-font-size:37px;--e-global-typography-secondary-font-size:31px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:12px;--e-global-typography-b2ce6af-font-size:15px;--e-global-typography-69c152f-font-size:13px;--e-global-typography-520c191-font-size:15px;--e-global-typography-583e54c-font-size:37px;--e-global-typography-5d167aa-font-size:31px;--e-global-typography-d3dae9a-font-size:25px;--e-global-typography-83682a1-font-size:21px;--e-global-typography-7044a64-font-size:17px;--e-global-typography-84ca66e-font-size:13px;--e-global-typography-112b6c4-font-size:12px;--e-global-typography-a435f28-font-size:44px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-kit-2415 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-2415 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-kit-2415 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );}.elementor-kit-2415 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-kit-2415 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-kit-2415 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-kit-2415 button,.elementor-kit-2415 input[type="button"],.elementor-kit-2415 input[type="submit"],.elementor-kit-2415 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-2415 label{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}.elementor-kit-2415 input:not([type="button"]):not([type="submit"]),.elementor-kit-2415 textarea,.elementor-kit-2415 .elementor-field-textual{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-2415{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:11px;--e-global-typography-b2ce6af-font-size:14px;--e-global-typography-69c152f-font-size:12px;--e-global-typography-520c191-font-size:14px;--e-global-typography-583e54c-font-size:30px;--e-global-typography-5d167aa-font-size:24px;--e-global-typography-d3dae9a-font-size:20px;--e-global-typography-83682a1-font-size:18px;--e-global-typography-7044a64-font-size:15px;--e-global-typography-84ca66e-font-size:12px;--e-global-typography-112b6c4-font-size:11px;--e-global-typography-a435f28-font-size:32px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-kit-2415 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-2415 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-kit-2415 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );}.elementor-kit-2415 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-kit-2415 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-kit-2415 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-kit-2415 button,.elementor-kit-2415 input[type="button"],.elementor-kit-2415 input[type="submit"],.elementor-kit-2415 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-2415 label{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}.elementor-kit-2415 input:not([type="button"]):not([type="submit"]),.elementor-kit-2415 textarea,.elementor-kit-2415 .elementor-field-textual{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================= TEXTOS CON DEGRADADO MULTICOLOR ANIMADO Clase: texto-colorido ========================================= */ /* Color de respaldo */ .texto-colorido .elementor-heading-title, .texto-colorido .elementor-widget-container p, .texto-colorido .elementor-widget-container li, span.texto-colorido { color: #e85428; } @supports ((background-clip: text) or (-webkit-background-clip: text)) { .texto-colorido .elementor-heading-title, .texto-colorido .elementor-widget-container p, .texto-colorido .elementor-widget-container li, span.texto-colorido { background-image: linear-gradient( 110deg, #e33d35 0%, #e87915 20%, #b87900 40%, #008985 60%, #4169df 80%, #e33d35 100% ); background-size: 300% 100%; background-repeat: no-repeat; -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; animation: pms-color-texto 9s ease-in-out infinite; } /* Conserva el degradado en textos con enlaces o negritas */ .texto-colorido .elementor-heading-title :where(a, span, strong, em), .texto-colorido .elementor-widget-container :where(p, li) :where(a, span, strong, em) { color: inherit !important; -webkit-text-fill-color: inherit; } } /* ========================================= CONTENEDORES CON FONDO MULTICOLOR ANIMADO Clase: contenedor-colorido ========================================= */ .contenedor-colorido { background-color: #182447 !important; background-image: linear-gradient( 125deg, #182447 0%, #243b78 25%, #54256d 50%, #793342 75%, #182447 100% ) !important; background-size: 300% 300% !important; background-repeat: no-repeat !important; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 22px; box-shadow: 0 12px 30px rgba(20, 25, 55, 0.22); animation: pms-color-fondo 14s ease-in-out infinite; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } /* Clase opcional para textos blancos dentro del contenedor */ .contenedor-texto-blanco .elementor-heading-title, .contenedor-texto-blanco .elementor-widget-text-editor, .contenedor-texto-blanco .elementor-widget-text-editor :where(p, li, strong, em), .contenedor-texto-blanco .elementor-icon-box-title, .contenedor-texto-blanco .elementor-icon-box-title a, .contenedor-texto-blanco .elementor-icon-box-description { color: #ffffff !important; } /* Hover en dispositivos con cursor */ @media (hover: hover) and (pointer: fine) { .contenedor-colorido:hover { transform: translateY(-5px); border-color: rgba(255, 255, 255, 0.48); box-shadow: 0 18px 38px rgba(20, 25, 55, 0.3), 0 0 20px rgba(110, 100, 230, 0.18); } } /* ========================================= ANIMACIONES ========================================= */ @keyframes pms-color-texto { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes pms-color-fondo { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } /* Respeta las preferencias de movimiento del visitante */ @media (prefers-reduced-motion: reduce) { .texto-colorido .elementor-heading-title, .texto-colorido .elementor-widget-container p, .texto-colorido .elementor-widget-container li, span.texto-colorido, .contenedor-colorido { animation: none !important; transition: none !important; background-position: 50% 50%; } .contenedor-colorido:hover { transform: none; } } /* ========================================= BOTONES CON DEGRADADO MULTICOLOR ANIMADO Clase: boton-colorido ========================================= */ .boton-colorido .elementor-button { background-color: #182447 !important; background-image: linear-gradient( 125deg, #182447 0%, #243b78 25%, #54256d 50%, #793342 75%, #182447 100% ) !important; background-size: 300% 300% !important; background-repeat: no-repeat !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 14px; box-shadow: 0 8px 22px rgba(20, 25, 55, 0.25); animation: pms-color-fondo 14s ease-in-out infinite; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } /* Texto e iconos */ .boton-colorido .elementor-button-text, .boton-colorido .elementor-button-icon { color: #ffffff !important; } .boton-colorido .elementor-button-icon svg { fill: currentColor; } /* Efecto al pasar el cursor */ @media (hover: hover) and (pointer: fine) { .boton-colorido .elementor-button:hover { transform: translateY(-3px); border-color: rgba(255, 255, 255, 0.65); box-shadow: 0 12px 28px rgba(20, 25, 55, 0.35), 0 0 18px rgba(110, 100, 230, 0.3); } } /* Foco visible al navegar con teclado */ .boton-colorido .elementor-button:focus-visible { outline: 3px solid #8578ed; outline-offset: 4px; } /* Respeta las preferencias de movimiento */ @media (prefers-reduced-motion: reduce) { .boton-colorido .elementor-button { animation Añade este bloque **al final del CSS anterior**. Los botones tendrán el mismo fondo multicolor animado de los contenedores, con texto blanco y efecto al pasar el cursor. ```css /* ========================================= BOTONES MULTICOLOR ANIMADOS Clase: boton-colorido ========================================= */ .boton-colorido .elementor-button { background-color: #182447 !important; background-image: linear-gradient( 125deg, #182447 0%, #243b78 25%, #54256d 50%, #793342 75%, #182447 100% ) !important; background-size: 300% 300% !important; background-repeat: no-repeat !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 12px; box-shadow: 0 8px 22px rgba(20, 25, 55, 0.25); animation: pms-color-fondo 14s ease-in-out infinite; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } /* Iconos */ .boton-colorido .elementor-button-icon { color: #ffffff !important; } .boton-colorido .elementor-button-icon svg { fill: currentColor; } /* Hover */ @media (hover: hover) and (pointer: fine) { .boton-colorido .elementor-button:hover { transform: translateY(-3px); border-color: rgba(255, 255, 255, 0.6); box-shadow: 0 12px 28px rgba(20, 25, 55, 0.35), 0 0 18px rgba(110, 100, 230, 0.25); } } /* Foco visible al navegar con teclado */ .boton-colorido .elementor-button:focus-visible { outline: 3px solid #4169df; outline-offset: 4px; } /* Respeta la preferencia de movimiento reducido */ @media (prefers-reduced-motion: reduce) { .boton-colorido .elementor-button { animation: none !important; transition: none !important; background-position: 50% 50%; } .boton-colorido .elementor-button:hover { transform: none; } }/* End custom CSS */