.elementor-kit-609{--e-global-color-primary:#F68A0A;--e-global-color-secondary:#0A1119;--e-global-color-text:#4B535D;--e-global-color-accent:#F68A0A;--e-global-color-e3c373e:#000000;--e-global-color-702b1be:#FFFFFF;--e-global-color-93ca2ae:#FAF5ED;--e-global-color-b4d3fb6:#D8DDE1;--e-global-color-70e5e53:#FFA944;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:28px;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:27px;--e-global-typography-text-font-family:"Public Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:28px;--e-global-typography-9623087-font-family:"Plus Jakarta Sans";--e-global-typography-9623087-font-size:68px;--e-global-typography-9623087-font-weight:700;--e-global-typography-9623087-text-transform:none;--e-global-typography-9623087-font-style:normal;--e-global-typography-9623087-text-decoration:none;--e-global-typography-9623087-line-height:78px;--e-global-typography-0ee00cb-font-family:"Plus Jakarta Sans";--e-global-typography-0ee00cb-font-size:48px;--e-global-typography-0ee00cb-font-weight:700;--e-global-typography-0ee00cb-text-transform:none;--e-global-typography-0ee00cb-font-style:normal;--e-global-typography-0ee00cb-text-decoration:none;--e-global-typography-0ee00cb-line-height:58px;--e-global-typography-d9e4ffe-font-family:"Plus Jakarta Sans";--e-global-typography-d9e4ffe-font-size:32px;--e-global-typography-d9e4ffe-font-weight:600;--e-global-typography-d9e4ffe-text-transform:none;--e-global-typography-d9e4ffe-font-style:normal;--e-global-typography-d9e4ffe-text-decoration:none;--e-global-typography-d9e4ffe-line-height:42px;--e-global-typography-f8577d1-font-family:"Plus Jakarta Sans";--e-global-typography-f8577d1-font-size:24px;--e-global-typography-f8577d1-font-weight:600;--e-global-typography-f8577d1-text-transform:none;--e-global-typography-f8577d1-font-style:normal;--e-global-typography-f8577d1-text-decoration:none;--e-global-typography-f8577d1-line-height:34px;--e-global-typography-0ca7652-font-family:"Plus Jakarta Sans";--e-global-typography-0ca7652-font-size:20px;--e-global-typography-0ca7652-font-weight:600;--e-global-typography-0ca7652-text-transform:none;--e-global-typography-0ca7652-font-style:normal;--e-global-typography-0ca7652-text-decoration:none;--e-global-typography-0ca7652-line-height:30px;--e-global-typography-1ccbece-font-family:"Plus Jakarta Sans";--e-global-typography-1ccbece-font-size:16px;--e-global-typography-1ccbece-font-weight:400;--e-global-typography-1ccbece-text-transform:uppercase;--e-global-typography-1ccbece-font-style:normal;--e-global-typography-1ccbece-text-decoration:none;--e-global-typography-1ccbece-line-height:28px;--e-global-typography-9ee41b1-font-family:"Public Sans";--e-global-typography-9ee41b1-font-size:16px;--e-global-typography-9ee41b1-font-weight:400;--e-global-typography-9ee41b1-text-transform:none;--e-global-typography-9ee41b1-font-style:normal;--e-global-typography-9ee41b1-text-decoration:none;--e-global-typography-9ee41b1-line-height:26px;--e-global-typography-0cea56e-font-family:"Plus Jakarta Sans";--e-global-typography-0cea56e-font-size:16px;--e-global-typography-0cea56e-font-weight:600;--e-global-typography-0cea56e-text-transform:none;--e-global-typography-0cea56e-font-style:normal;--e-global-typography-0cea56e-text-decoration:none;--e-global-typography-0cea56e-line-height:20px;--e-global-typography-34d895c-font-family:"Plus Jakarta Sans";--e-global-typography-34d895c-font-size:16px;--e-global-typography-34d895c-font-weight:600;--e-global-typography-34d895c-text-transform:none;--e-global-typography-34d895c-font-style:normal;--e-global-typography-34d895c-text-decoration:none;--e-global-typography-34d895c-line-height:16px;--e-global-typography-182c079-font-family:"Plus Jakarta Sans";--e-global-typography-182c079-font-size:18px;--e-global-typography-182c079-font-weight:500;--e-global-typography-182c079-line-height:28px;color:var( --e-global-color-text );font-family:var( --e-global-typography-9ee41b1-font-family ), Sans-serif;font-size:var( --e-global-typography-9ee41b1-font-size );font-weight:var( --e-global-typography-9ee41b1-font-weight );text-transform:var( --e-global-typography-9ee41b1-text-transform );font-style:var( --e-global-typography-9ee41b1-font-style );text-decoration:var( --e-global-typography-9ee41b1-text-decoration );line-height:var( --e-global-typography-9ee41b1-line-height );}.elementor-kit-609 button,.elementor-kit-609 input[type="button"],.elementor-kit-609 input[type="submit"],.elementor-kit-609 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-34d895c-font-family ), Sans-serif;font-size:var( --e-global-typography-34d895c-font-size );font-weight:var( --e-global-typography-34d895c-font-weight );text-transform:var( --e-global-typography-34d895c-text-transform );font-style:var( --e-global-typography-34d895c-font-style );text-decoration:var( --e-global-typography-34d895c-text-decoration );line-height:var( --e-global-typography-34d895c-line-height );color:var( --e-global-color-702b1be );border-radius:25px 25px 25px 25px;padding:14px 30px 14px 30px;}.elementor-kit-609 button:hover,.elementor-kit-609 button:focus,.elementor-kit-609 input[type="button"]:hover,.elementor-kit-609 input[type="button"]:focus,.elementor-kit-609 input[type="submit"]:hover,.elementor-kit-609 input[type="submit"]:focus,.elementor-kit-609 .elementor-button:hover,.elementor-kit-609 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-702b1be );}.elementor-kit-609 e-page-transition{background-color:#FFBC7D;}.elementor-kit-609 a{color:var( --e-global-color-e3c373e );font-family:var( --e-global-typography-34d895c-font-family ), Sans-serif;font-size:var( --e-global-typography-34d895c-font-size );font-weight:var( --e-global-typography-34d895c-font-weight );text-transform:var( --e-global-typography-34d895c-text-transform );font-style:var( --e-global-typography-34d895c-font-style );text-decoration:var( --e-global-typography-34d895c-text-decoration );line-height:var( --e-global-typography-34d895c-line-height );}.elementor-kit-609 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-9623087-font-family ), Sans-serif;font-size:var( --e-global-typography-9623087-font-size );font-weight:var( --e-global-typography-9623087-font-weight );text-transform:var( --e-global-typography-9623087-text-transform );font-style:var( --e-global-typography-9623087-font-style );text-decoration:var( --e-global-typography-9623087-text-decoration );line-height:var( --e-global-typography-9623087-line-height );}.elementor-kit-609 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-0ee00cb-font-family ), Sans-serif;font-size:var( --e-global-typography-0ee00cb-font-size );font-weight:var( --e-global-typography-0ee00cb-font-weight );text-transform:var( --e-global-typography-0ee00cb-text-transform );font-style:var( --e-global-typography-0ee00cb-font-style );text-decoration:var( --e-global-typography-0ee00cb-text-decoration );line-height:var( --e-global-typography-0ee00cb-line-height );}.elementor-kit-609 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-d9e4ffe-font-family ), Sans-serif;font-size:var( --e-global-typography-d9e4ffe-font-size );font-weight:var( --e-global-typography-d9e4ffe-font-weight );text-transform:var( --e-global-typography-d9e4ffe-text-transform );font-style:var( --e-global-typography-d9e4ffe-font-style );text-decoration:var( --e-global-typography-d9e4ffe-text-decoration );line-height:var( --e-global-typography-d9e4ffe-line-height );}.elementor-kit-609 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-f8577d1-font-family ), Sans-serif;font-size:var( --e-global-typography-f8577d1-font-size );font-weight:var( --e-global-typography-f8577d1-font-weight );text-transform:var( --e-global-typography-f8577d1-text-transform );font-style:var( --e-global-typography-f8577d1-font-style );text-decoration:var( --e-global-typography-f8577d1-text-decoration );line-height:var( --e-global-typography-f8577d1-line-height );}.elementor-kit-609 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-0ca7652-font-family ), Sans-serif;font-size:var( --e-global-typography-0ca7652-font-size );font-weight:var( --e-global-typography-0ca7652-font-weight );text-transform:var( --e-global-typography-0ca7652-text-transform );font-style:var( --e-global-typography-0ca7652-font-style );text-decoration:var( --e-global-typography-0ca7652-text-decoration );line-height:var( --e-global-typography-0ca7652-line-height );}.elementor-kit-609 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-1ccbece-font-family ), Sans-serif;font-size:var( --e-global-typography-1ccbece-font-size );font-weight:var( --e-global-typography-1ccbece-font-weight );text-transform:var( --e-global-typography-1ccbece-text-transform );font-style:var( --e-global-typography-1ccbece-font-style );text-decoration:var( --e-global-typography-1ccbece-text-decoration );line-height:var( --e-global-typography-1ccbece-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.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-609{--e-global-typography-9623087-font-size:45px;--e-global-typography-9623087-line-height:55px;--e-global-typography-0ee00cb-font-size:38px;--e-global-typography-0ee00cb-line-height:48px;--e-global-typography-d9e4ffe-font-size:28px;--e-global-typography-d9e4ffe-line-height:38px;--e-global-typography-f8577d1-font-size:22px;--e-global-typography-f8577d1-line-height:32px;font-size:var( --e-global-typography-9ee41b1-font-size );line-height:var( --e-global-typography-9ee41b1-line-height );}.elementor-kit-609 a{font-size:var( --e-global-typography-34d895c-font-size );line-height:var( --e-global-typography-34d895c-line-height );}.elementor-kit-609 h1{font-size:var( --e-global-typography-9623087-font-size );line-height:var( --e-global-typography-9623087-line-height );}.elementor-kit-609 h2{font-size:var( --e-global-typography-0ee00cb-font-size );line-height:var( --e-global-typography-0ee00cb-line-height );}.elementor-kit-609 h3{font-size:var( --e-global-typography-d9e4ffe-font-size );line-height:var( --e-global-typography-d9e4ffe-line-height );}.elementor-kit-609 h4{font-size:var( --e-global-typography-f8577d1-font-size );line-height:var( --e-global-typography-f8577d1-line-height );}.elementor-kit-609 h5{font-size:var( --e-global-typography-0ca7652-font-size );line-height:var( --e-global-typography-0ca7652-line-height );}.elementor-kit-609 h6{font-size:var( --e-global-typography-1ccbece-font-size );line-height:var( --e-global-typography-1ccbece-line-height );}.elementor-kit-609 button,.elementor-kit-609 input[type="button"],.elementor-kit-609 input[type="submit"],.elementor-kit-609 .elementor-button{font-size:var( --e-global-typography-34d895c-font-size );line-height:var( --e-global-typography-34d895c-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-609{--e-global-typography-9623087-font-size:25px;--e-global-typography-9623087-line-height:35px;--e-global-typography-0ee00cb-font-size:25px;--e-global-typography-0ee00cb-line-height:35px;--e-global-typography-d9e4ffe-font-size:22px;--e-global-typography-d9e4ffe-line-height:32px;--e-global-typography-f8577d1-font-size:20px;--e-global-typography-f8577d1-line-height:30px;--e-global-typography-0ca7652-font-size:18px;--e-global-typography-0ca7652-line-height:28px;font-size:var( --e-global-typography-9ee41b1-font-size );line-height:var( --e-global-typography-9ee41b1-line-height );}.elementor-kit-609 a{font-size:var( --e-global-typography-34d895c-font-size );line-height:var( --e-global-typography-34d895c-line-height );}.elementor-kit-609 h1{font-size:var( --e-global-typography-9623087-font-size );line-height:var( --e-global-typography-9623087-line-height );}.elementor-kit-609 h2{font-size:var( --e-global-typography-0ee00cb-font-size );line-height:var( --e-global-typography-0ee00cb-line-height );}.elementor-kit-609 h3{font-size:var( --e-global-typography-d9e4ffe-font-size );line-height:var( --e-global-typography-d9e4ffe-line-height );}.elementor-kit-609 h4{font-size:var( --e-global-typography-f8577d1-font-size );line-height:var( --e-global-typography-f8577d1-line-height );}.elementor-kit-609 h5{font-size:var( --e-global-typography-0ca7652-font-size );line-height:var( --e-global-typography-0ca7652-line-height );}.elementor-kit-609 h6{font-size:var( --e-global-typography-1ccbece-font-size );line-height:var( --e-global-typography-1ccbece-line-height );}.elementor-kit-609 button,.elementor-kit-609 input[type="button"],.elementor-kit-609 input[type="submit"],.elementor-kit-609 .elementor-button{font-size:var( --e-global-typography-34d895c-font-size );line-height:var( --e-global-typography-34d895c-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================== SBG CONSTRUCTION — METALLIC GLOBAL EFFECTS ========================================== */ :root { --sbg-metal-dark: #555e68; --sbg-metal-mid: #aeb6bf; --sbg-metal-light: #f0f3f6; --sbg-blue-dark: #073777; --sbg-blue-mid: #1764b5; --sbg-blue-light: #80c6ff; --sbg-metal-radius: 22px; } /* ========================================== 1. CONTENEDORES METÁLICOS ========================================== */ .metal-container { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--sbg-metal-radius); /* Líneas muy finas + reflejos metálicos */ background: repeating-linear-gradient( 0deg, rgba(255, 255, 255, 0.045) 0px, rgba(255, 255, 255, 0.045) 1px, rgba(35, 43, 53, 0.035) 1px, rgba(35, 43, 53, 0.035) 3px ), linear-gradient( 125deg, #67717b 0%, #aeb6bf 18%, #e6eaee 34%, #949ea8 49%, #d6dde3 67%, #818b96 84%, #b8c1c9 100% ); border: 1px solid rgba(255, 255, 255, 0.55); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 -2px 4px rgba(30, 38, 48, 0.25), 0 10px 24px rgba(16, 25, 39, 0.18); } /* Barrido de luz: efecto de pulido */ .metal-container::after { content: ""; position: absolute; inset: -50% -100%; z-index: -1; pointer-events: none; background: linear-gradient( 110deg, transparent 40%, rgba(255, 255, 255, 0.04) 44%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.04) 56%, transparent 60% ); transform: translateX(-45%); animation: sbg-container-polish 8s ease-in-out infinite; } @keyframes sbg-container-polish { 0%, 15% { transform: translateX(-45%); opacity: 0; } 25% { opacity: 1; } 65% { transform: translateX(45%); opacity: 1; } 75%, 100% { transform: translateX(45%); opacity: 0; } } /* ========================================== 2. TEXTOS METÁLICOS CON EXTRUSIÓN 3D Aplica la clase al widget Heading o Text Editor. ========================================== */ .metal-text .elementor-heading-title, .metal-text .elementor-widget-container > p, .metal-text .elementor-widget-container > h1, .metal-text .elementor-widget-container > h2, .metal-text .elementor-widget-container > h3, .metal-text .elementor-widget-container > h4, .metal-text .elementor-widget-container > h5, .metal-text .elementor-widget-container > h6 { /* Color de respaldo */ color: #b7c0c9; } @supports ((-webkit-background-clip: text) or (background-clip: text)) { .metal-text .elementor-heading-title, .metal-text .elementor-widget-container > p, .metal-text .elementor-widget-container > h1, .metal-text .elementor-widget-container > h2, .metal-text .elementor-widget-container > h3, .metal-text .elementor-widget-container > h4, .metal-text .elementor-widget-container > h5, .metal-text .elementor-widget-container > h6 { background-image: linear-gradient( 115deg, #77818d 0%, #d5dde4 17%, #ffffff 25%, #929eaa 35%, #dce3e9 48%, #ffffff 53%, #8894a0 65%, #c8d1da 82%, #77818d 100% ); background-size: 250% 100%; background-position: 100% 50%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; /* Extrusión sutil sin tapar el degradado */ filter: drop-shadow(0 1px 0 #68727d) drop-shadow(0 1px 0 #505b67) drop-shadow(0 3px 3px rgba(0, 0, 0, 0.22)); animation: sbg-text-polish 7s ease-in-out infinite; } } @keyframes sbg-text-polish { 0%, 15% { background-position: 100% 50%; } 70%, 100% { background-position: 0% 50%; } } /* ========================================== 3. BOTONES AZULES METÁLICOS 3D Aplica la clase al widget Button. ========================================== */ .metal-button .elementor-button { position: relative; isolation: isolate; overflow: hidden; border-radius: 999px; border: 1px solid rgba(167, 216, 255, 0.7); background-color: var(--sbg-blue-mid); background-image: linear-gradient( 155deg, #80c6ff 0%, #357dc2 18%, #114c97 43%, #246ab1 63%, #073777 100% ); color: #ffffff; padding: 16px 32px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), inset 0 -2px 4px rgba(0, 18, 55, 0.35), 0 4px 0 #052b60, 0 9px 18px rgba(6, 48, 105, 0.25); transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } .metal-button .elementor-button-content-wrapper { position: relative; z-index: 1; } /* Los iconos heredan el color del botón */ .metal-button .elementor-button-icon, .metal-button .elementor-button-text { color: inherit; } .metal-button .elementor-button-icon svg { fill: currentColor; } /* Reflejo que cruza el botón */ .metal-button .elementor-button::after { content: ""; position: absolute; inset: -50% -75%; z-index: 0; pointer-events: none; background: linear-gradient( 110deg, transparent 42%, rgba(255, 255, 255, 0.85) 50%, transparent 58% ); opacity: 0; transform: translateX(-55%); } /* Hover y navegación con teclado */ .metal-button .elementor-button:hover, .metal-button .elementor-button:focus-visible { background-color: #ffffff; background-image: linear-gradient( 145deg, #ffffff 0%, #f5faff 45%, #e2edf8 72%, #ffffff 100% ); color: #073777; border-color: #ffffff; transform: translateY(-2px); box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 3px rgba(31, 78, 123, 0.15), 0 4px 0 #aabed2, 0 0 16px rgba(167, 216, 255, 0.7), 0 0 30px rgba(103, 179, 255, 0.4), 0 12px 22px rgba(6, 48, 105, 0.2); } .metal-button .elementor-button:hover::after, .metal-button .elementor-button:focus-visible::after { animation: sbg-button-shine 0.8s ease-out; } .metal-button .elementor-button:focus-visible { outline: 2px solid #80c6ff; outline-offset: 6px; } .metal-button .elementor-button:active { transform: translateY(2px); box-shadow: inset 0 2px 4px rgba(0, 25, 60, 0.15), 0 1px 0 #052b60, 0 4px 10px rgba(6, 48, 105, 0.2); } @keyframes sbg-button-shine { 0% { opacity: 0; transform: translateX(-55%); } 20% { opacity: 1; } 100% { opacity: 0; transform: translateX(55%); } } /* ========================================== 4. RESPETO A PREFERENCIAS DE MOVIMIENTO ========================================== */ @media (prefers-reduced-motion: reduce) { .metal-container::after, .metal-text .elementor-heading-title, .metal-text .elementor-widget-container > p, .metal-text .elementor-widget-container > h1, .metal-text .elementor-widget-container > h2, .metal-text .elementor-widget-container > h3, .metal-text .elementor-widget-container > h4, .metal-text .elementor-widget-container > h5, .metal-text .elementor-widget-container > h6, .metal-button .elementor-button::after { animation: none; } .metal-button .elementor-button { transition: none; } .metal-button .elementor-button:hover, .metal-button .elementor-button:focus-visible, .metal-button .elementor-button:active { transform: none; } }/* End custom CSS */