.elementor-kit-602{--e-global-color-primary:#272727;--e-global-color-secondary:#1A090D;--e-global-color-text:#737373;--e-global-color-accent:#E5B769;--e-global-color-308e809:#FFFFFF;--e-global-color-9eaa092:#FFFFFF00;--e-global-color-a954db2:#E2E2E7;--e-global-color-651faef:#F4F4F6;--e-global-color-2db06a9:#895737;--e-global-color-2d69694:#A53F2B;--e-global-color-67b7d0c:#CBCBCB;--e-global-color-379507c:#E2E2E7;--e-global-color-3c9d569:#84849E;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-size:clamp(2.1875rem, 1.7228rem + 2.0652vw, 3.375rem);--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-1.3px;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-size:clamp(1.875rem, 1.5571rem + 1.413vw, 2.6875rem);--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-secondary-letter-spacing:-1.2px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:clamp(0.875rem, 0.8261rem + 0.2174vw, 1rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.62em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Rufina";--e-global-typography-accent-font-size:clamp(0.875rem, 0.8261rem + 0.2174vw, 1rem);--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-b2ce6af-font-family:"Inter";--e-global-typography-b2ce6af-font-size:clamp(1rem, 0.9511rem + 0.2174vw, 1.125rem);--e-global-typography-b2ce6af-font-weight:500;--e-global-typography-b2ce6af-line-height:1.5em;--e-global-typography-b2ce6af-letter-spacing:0px;--e-global-typography-69c152f-font-family:"Inter";--e-global-typography-69c152f-font-size:clamp(0.75rem, 0.7011rem + 0.2174vw, 0.875rem);--e-global-typography-69c152f-font-weight:400;--e-global-typography-69c152f-line-height:1.6em;--e-global-typography-69c152f-letter-spacing:0px;--e-global-typography-520c191-font-family:"Inter";--e-global-typography-520c191-font-size:clamp(0.875rem, 0.8261rem + 0.2174vw, 1rem);--e-global-typography-520c191-font-weight:500;--e-global-typography-520c191-text-transform:none;--e-global-typography-520c191-line-height:1.3em;--e-global-typography-520c191-letter-spacing:0px;--e-global-typography-583e54c-font-family:"Bricolage Grotesque";--e-global-typography-583e54c-font-size:clamp(2.1875rem, 1.7228rem + 2.0652vw, 3.375rem);--e-global-typography-583e54c-font-weight:600;--e-global-typography-583e54c-text-transform:capitalize;--e-global-typography-583e54c-line-height:1.2em;--e-global-typography-583e54c-letter-spacing:-1.3px;--e-global-typography-5d167aa-font-family:"Bricolage Grotesque";--e-global-typography-5d167aa-font-size:clamp(1.875rem, 1.5571rem + 1.413vw, 2.6875rem);--e-global-typography-5d167aa-font-weight:600;--e-global-typography-5d167aa-line-height:1.15em;--e-global-typography-5d167aa-letter-spacing:-1.2px;--e-global-typography-d3dae9a-font-family:"Bricolage Grotesque";--e-global-typography-d3dae9a-font-size:clamp(1.625rem, 1.4049rem + 0.9783vw, 2.1875rem);--e-global-typography-d3dae9a-font-weight:600;--e-global-typography-d3dae9a-line-height:1.15em;--e-global-typography-d3dae9a-letter-spacing:-0.8px;--e-global-typography-83682a1-font-family:"Bricolage Grotesque";--e-global-typography-83682a1-font-size:clamp(1.375rem, 1.2283rem + 0.6522vw, 1.75rem);--e-global-typography-83682a1-font-weight:600;--e-global-typography-83682a1-line-height:1.2em;--e-global-typography-83682a1-letter-spacing:-0.5px;--e-global-typography-7044a64-font-family:"Bricolage Grotesque";--e-global-typography-7044a64-font-size:clamp(1.1875rem, 1.1141rem + 0.3261vw, 1.375rem);--e-global-typography-7044a64-font-weight:600;--e-global-typography-7044a64-line-height:1.25em;--e-global-typography-7044a64-letter-spacing:-0.5px;--e-global-typography-84ca66e-font-family:"Inter";--e-global-typography-84ca66e-font-size:clamp(0.75rem, 0.7011rem + 0.2174vw, 0.875rem);--e-global-typography-84ca66e-font-weight:600;--e-global-typography-84ca66e-text-transform:uppercase;--e-global-typography-84ca66e-line-height:1em;--e-global-typography-84ca66e-letter-spacing:1.2px;--e-global-typography-112b6c4-font-family:"Inter";--e-global-typography-112b6c4-font-size:clamp(0.6875rem, 0.6386rem + 0.2174vw, 0.8125rem);--e-global-typography-112b6c4-font-weight:400;--e-global-typography-112b6c4-line-height:1.5em;--e-global-typography-112b6c4-letter-spacing:0px;--e-global-typography-3715edf-font-family:"Rufina";--e-global-typography-3715edf-font-size:clamp(2.5625rem, 1.9266rem + 2.8261vw, 4.1875rem);--e-global-typography-3715edf-font-weight:600;--e-global-typography-3715edf-text-transform:capitalize;--e-global-typography-3715edf-line-height:1.12em;--e-global-typography-3715edf-letter-spacing:-2.2px;--e-global-typography-f8733ea-font-family:"Rufina";--e-global-typography-f8733ea-font-size:clamp(3.5625rem, 2.3886rem + 5.2174vw, 6.5625rem);--e-global-typography-f8733ea-font-weight:700;--e-global-typography-f8733ea-text-transform:capitalize;--e-global-typography-f8733ea-line-height:1em;--e-global-typography-f8733ea-letter-spacing:-2px;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-602 a{color:var( --e-global-color-secondary );}.elementor-kit-602 a:hover{color:var( --e-global-color-accent );}.elementor-kit-602 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 );text-transform:var( --e-global-typography-583e54c-text-transform );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );word-spacing:var( --e-global-typography-583e54c-word-spacing );}.elementor-kit-602 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 );word-spacing:var( --e-global-typography-5d167aa-word-spacing );}.elementor-kit-602 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 );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );word-spacing:var( --e-global-typography-d3dae9a-word-spacing );}.elementor-kit-602 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 );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );word-spacing:var( --e-global-typography-83682a1-word-spacing );}.elementor-kit-602 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 );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );word-spacing:var( --e-global-typography-7044a64-word-spacing );}.elementor-kit-602 h6{color:var( --e-global-color-secondary );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 );text-transform:var( --e-global-typography-84ca66e-text-transform );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );word-spacing:var( --e-global-typography-84ca66e-word-spacing );}.elementor-kit-602 button,.elementor-kit-602 input[type="button"],.elementor-kit-602 input[type="submit"],.elementor-kit-602 .elementor-button{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 );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );background-color:var( --e-global-color-accent );border-style:none;border-radius:30px 30px 30px 30px;}.elementor-kit-602 button:hover,.elementor-kit-602 button:focus,.elementor-kit-602 input[type="button"]:hover,.elementor-kit-602 input[type="button"]:focus,.elementor-kit-602 input[type="submit"]:hover,.elementor-kit-602 input[type="submit"]:focus,.elementor-kit-602 .elementor-button:hover,.elementor-kit-602 .elementor-button:focus{color:var( --e-global-color-308e809 );background-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}.elementor-kit-602 label{color:var( --e-global-color-primary );font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;line-height:1em;}.elementor-kit-602 input:not([type="button"]):not([type="submit"]),.elementor-kit-602 textarea,.elementor-kit-602 .elementor-field-textual{font-family:"Inter", Sans-serif;font-size:16px;line-height:1.3em;color:var( --e-global-color-text );background-color:var( --e-global-color-651faef );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a954db2 );border-radius:30px 30px 30px 30px;padding:10px 20px 10px 20px;}.elementor-kit-602 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-602 textarea:focus,.elementor-kit-602 .elementor-field-textual:focus{color:var( --e-global-color-text );background-color:var( --e-global-color-308e809 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a954db2 );}.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);}.elementor-kit-602 e-page-transition{background-color:var( --e-global-color-651faef );}.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-602{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-602 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 );word-spacing:var( --e-global-typography-583e54c-word-spacing );}.elementor-kit-602 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 );word-spacing:var( --e-global-typography-5d167aa-word-spacing );}.elementor-kit-602 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );word-spacing:var( --e-global-typography-d3dae9a-word-spacing );}.elementor-kit-602 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );word-spacing:var( --e-global-typography-83682a1-word-spacing );}.elementor-kit-602 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );word-spacing:var( --e-global-typography-7044a64-word-spacing );}.elementor-kit-602 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );word-spacing:var( --e-global-typography-84ca66e-word-spacing );}.elementor-kit-602 button,.elementor-kit-602 input[type="button"],.elementor-kit-602 input[type="submit"],.elementor-kit-602 .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-602 label{font-size:15px;}.elementor-kit-602 input:not([type="button"]):not([type="submit"]),.elementor-kit-602 textarea,.elementor-kit-602 .elementor-field-textual{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-602{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-602 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 );word-spacing:var( --e-global-typography-583e54c-word-spacing );}.elementor-kit-602 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 );word-spacing:var( --e-global-typography-5d167aa-word-spacing );}.elementor-kit-602 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );word-spacing:var( --e-global-typography-d3dae9a-word-spacing );}.elementor-kit-602 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );word-spacing:var( --e-global-typography-83682a1-word-spacing );}.elementor-kit-602 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );word-spacing:var( --e-global-typography-7044a64-word-spacing );}.elementor-kit-602 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );word-spacing:var( --e-global-typography-84ca66e-word-spacing );}.elementor-kit-602 button,.elementor-kit-602 input[type="button"],.elementor-kit-602 input[type="submit"],.elementor-kit-602 .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-602 label{font-size:14px;}.elementor-kit-602 input:not([type="button"]):not([type="submit"]),.elementor-kit-602 textarea,.elementor-kit-602 .elementor-field-textual{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================= METALLIC BLUE GLOBAL EFFECTS Elementor Pro ========================================================= */ /* ========================================================= METALLIC BLUE BUTTON — NO BORDER Class: .metal-blue-btn ========================================================= */ .metal-blue-btn { position: relative; display: inline-block; overflow: hidden; color: #ffffff !important; background: linear-gradient( 120deg, #061a33 0%, #0b3d78 20%, #1687d9 40%, #8fd8ff 50%, #1687d9 60%, #0b3d78 80%, #061a33 100% ); background-size: 250% 100%; /* SIN BORDER */ border: none !important; border-radius: 8px; /* Extrusión 3D */ box-shadow: 0 6px 0 #031426, 0 10px 18px rgba(0, 0, 0, 0.45), inset 0 2px 2px rgba(255, 255, 255, 0.55), inset 0 -4px 8px rgba(0, 0, 0, 0.35); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); animation: metalBluePolish 4s linear infinite; transition: background 0.5s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* Brillo que recorre el botón */ .metal-blue-btn::before { content: ""; position: absolute; top: -100%; left: -60%; width: 45%; height: 300%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.15), rgba(255,255,255,0.8), rgba(255,255,255,0.15), transparent ); transform: rotate(25deg); animation: blueMetalSweep 3.5s ease-in-out infinite; pointer-events: none; } /* Hover → metal gris brillante */ .metal-blue-btn:hover { color: #ffffff !important; background: linear-gradient( 120deg, #333333 0%, #777777 20%, #eeeeee 40%, #ffffff 50%, #c8c8c8 60%, #666666 80%, #222222 100% ); background-size: 250% 100%; box-shadow: 0 7px 0 #1a1a1a, 0 12px 25px rgba(0, 0, 0, 0.5), inset 0 2px 3px rgba(255,255,255,0.9), inset 0 -5px 10px rgba(0,0,0,0.35); transform: translateY(-3px); animation: metalGrayPolish 2.5s linear infinite; } /* Efecto al presionar */ .metal-blue-btn:active { transform: translateY(3px); box-shadow: 0 2px 0 #031426, 0 5px 10px rgba(0,0,0,0.4), inset 0 3px 7px rgba(0,0,0,0.4); } /* ========================================================= 2. METALLIC BLUE TEXT Class: .metal-blue-text ========================================================= */ .metal-blue-text { color: transparent !important; background: linear-gradient( 120deg, #04172c 0%, #0a4380 20%, #1599e8 38%, #c5efff 50%, #1599e8 62%, #0a4380 80%, #04172c 100% ); background-size: 250% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: metalBlueText 4s linear infinite; text-shadow: 0 1px 1px rgba(255,255,255,0.2), 0 3px 6px rgba(0,0,0,0.25); } /* ========================================================= 3. METALLIC BLUE CONTAINER Class: .metal-blue-container ========================================================= */ .metal-blue-container { position: relative; overflow: hidden; background: linear-gradient( 135deg, #031426 0%, #0a3f78 25%, #1593df 45%, #79cfff 50%, #1593df 55%, #0a3f78 75%, #031426 100% ); background-size: 250% 250%; border: 4px solid #0d477f; border-radius: 12px; box-shadow: 0 8px 0 #02101f, 0 15px 30px rgba(0,0,0,0.4), inset 0 2px 3px rgba(255,255,255,0.55), inset 0 -8px 15px rgba(0,0,0,0.3); animation: metalContainerPolish 6s linear infinite; transition: background 0.5s ease, border-color 0.4s ease, transform 0.3s ease, box-shadow 0.4s ease; } /* Moving shine inside container */ .metal-blue-container::before { content: ""; position: absolute; top: -100%; left: -70%; width: 45%; height: 300%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.1), rgba(255,255,255,0.65), rgba(255,255,255,0.1), transparent ); transform: rotate(25deg); animation: containerSweep 5s ease-in-out infinite; pointer-events: none; } /* Container hover → metallic gray */ .metal-blue-container:hover { background: linear-gradient( 135deg, #1c1c1c 0%, #555555 25%, #bdbdbd 45%, #ffffff 50%, #bdbdbd 55%, #555555 75%, #181818 100% ); background-size: 250% 250%; border-color: #777777; transform: translateY(-4px); box-shadow: 0 10px 0 #151515, 0 20px 35px rgba(0,0,0,0.5), inset 0 2px 4px rgba(255,255,255,0.9), inset 0 -8px 15px rgba(0,0,0,0.35); animation: metalGrayPolish 3s linear infinite; } /* ========================================================= 4. ANIMATIONS ========================================================= */ /* Blue button polish */ @keyframes metalBluePolish { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Blue text polish */ @keyframes metalBlueText { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Container polish */ @keyframes metalContainerPolish { 0% { background-position: 200% 200%; } 100% { background-position: -200% -200%; } } /* Moving light on buttons */ @keyframes blueMetalSweep { 0% { left: -70%; } 45% { left: 130%; } 100% { left: 130%; } } /* Moving light on containers */ @keyframes containerSweep { 0% { left: -70%; } 45% { left: 130%; } 100% { left: 130%; } } /* Gray metallic polish */ @keyframes metalGrayPolish { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* ========================================================= 5. OPTIONAL — BLUE METALLIC ICON Class: .metal-blue-icon ========================================================= */ .metal-blue-icon { color: transparent !important; background: linear-gradient( 120deg, #061a33, #138fe0, #d8f5ff, #138fe0, #061a33 ); background-size: 250% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: metalBlueText 3s linear infinite; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.4)); } /* ========================================================= 6. MOBILE OPTIMIZATION ========================================================= */ @media (max-width: 767px) { .metal-blue-btn { border-width: 10px !important; box-shadow: 0 4px 0 #031426, 0 8px 15px rgba(0,0,0,0.4); } .metal-blue-container { border-width: 3px; box-shadow: 0 6px 0 #02101f, 0 12px 22px rgba(0,0,0,0.35); } }/* End custom CSS */