.elementor-kit-156{--e-global-color-secondary:#1E293B;--e-global-color-primary:#859CC1;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF2B;--e-global-color-d49ac81:#3B82F6;--e-global-color-332724a:#60A5FA;--e-global-color-4d462f5:#88BCFB;--e-global-color-91807f0:#E2E8F0;--e-global-color-cfa1f76:#C9D4E3;--e-global-color-291baba:#E2E8F0;--e-global-color-044b931:#1E293B;--e-global-color-638d055:#0E131B;--e-global-color-a2c0d56:#3B82F6;--e-global-color-4ca25af:#60A5FA;--e-global-color-ec3c7a7:#2563EB;--e-global-color-9782a37:#00223A;--e-global-color-b8b41cd:#071A35;--e-global-color-c841509:#F3E1A3;--e-global-typography-primary-font-family:"Mulish";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-1.5px;--e-global-typography-secondary-font-family:"Mulish";--e-global-typography-secondary-font-size:39px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.5px;--e-global-typography-text-font-family:"Inter";--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:"Inter";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:2px;--e-global-typography-b2ce6af-font-family:"Inter";--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:"Inter";--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:"Inter";--e-global-typography-520c191-font-size:15px;--e-global-typography-520c191-font-weight:600;--e-global-typography-520c191-line-height:1.5em;--e-global-typography-583e54c-font-family:"Mulish";--e-global-typography-583e54c-font-size:48px;--e-global-typography-583e54c-font-weight:700;--e-global-typography-583e54c-line-height:1.2em;--e-global-typography-583e54c-letter-spacing:-1.5px;--e-global-typography-5d167aa-font-family:"Mulish";--e-global-typography-5d167aa-font-size:39px;--e-global-typography-5d167aa-font-weight:700;--e-global-typography-5d167aa-line-height:1.2em;--e-global-typography-5d167aa-letter-spacing:-0.5px;--e-global-typography-d3dae9a-font-family:"Mulish";--e-global-typography-d3dae9a-font-size:31px;--e-global-typography-d3dae9a-font-weight:700;--e-global-typography-d3dae9a-font-style:normal;--e-global-typography-d3dae9a-line-height:1.3em;--e-global-typography-d3dae9a-letter-spacing:-0.5px;--e-global-typography-83682a1-font-family:"Mulish";--e-global-typography-83682a1-font-size:25px;--e-global-typography-83682a1-font-weight:500;--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:"Mulish";--e-global-typography-7044a64-font-size:20px;--e-global-typography-7044a64-font-weight:700;--e-global-typography-7044a64-line-height:1.4em;--e-global-typography-84ca66e-font-family:"Mulish";--e-global-typography-84ca66e-font-size:14px;--e-global-typography-84ca66e-font-weight:700;--e-global-typography-84ca66e-text-transform:uppercase;--e-global-typography-84ca66e-letter-spacing:1px;--e-global-typography-112b6c4-font-family:"Inter";--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:"Mulish";--e-global-typography-a435f28-font-size:61px;--e-global-typography-a435f28-font-weight:700;--e-global-typography-a435f28-line-height:1em;--e-global-typography-a435f28-letter-spacing:-2px;--e-global-typography-bd00f50-font-family:"Outfit";--e-global-typography-bd00f50-font-size:55px;--e-global-typography-bd00f50-font-weight:800;--e-global-typography-bd00f50-line-height:1.2em;--e-global-typography-bd00f50-letter-spacing:-1.5px;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-156 button,.elementor-kit-156 input[type="button"],.elementor-kit-156 input[type="submit"],.elementor-kit-156 .elementor-button{background-color:#FFFFFF00;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-a2c0d56 );border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-d49ac81 );border-radius:0px 0px 0px 0px;}.elementor-kit-156 button:hover,.elementor-kit-156 button:focus,.elementor-kit-156 input[type="button"]:hover,.elementor-kit-156 input[type="button"]:focus,.elementor-kit-156 input[type="submit"]:hover,.elementor-kit-156 input[type="submit"]:focus,.elementor-kit-156 .elementor-button:hover,.elementor-kit-156 .elementor-button:focus{background-color:var( --e-global-color-332724a );color:var( --e-global-color-text );border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-4ca25af );}.elementor-kit-156 e-page-transition{background-color:#FFBC7D;}.elementor-kit-156 a{color:var( --e-global-color-primary );}.elementor-kit-156 a:hover{color:var( --e-global-color-ec3c7a7 );}.elementor-kit-156 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-156 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-156 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 );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );}.elementor-kit-156 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-156 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-156 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 );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 );}.elementor-kit-156 label{color:#676C75;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 );line-height:var( --e-global-typography-520c191-line-height );}.elementor-kit-156 input:not([type="button"]):not([type="submit"]),.elementor-kit-156 textarea,.elementor-kit-156 .elementor-field-textual{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );color:var( --e-global-color-secondary );background-color:var( --e-global-color-cfa1f76 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-cfa1f76 );border-radius:0px 0px 0px 0px;}.elementor-kit-156 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-156 textarea:focus,.elementor-kit-156 .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-4d462f5 );border-radius:0px 0px 0px 0px;}.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-156{--e-global-typography-primary-font-size:31px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:11px;--e-global-typography-b2ce6af-font-size:15px;--e-global-typography-69c152f-font-size:13px;--e-global-typography-520c191-font-size:14px;--e-global-typography-583e54c-font-size:31px;--e-global-typography-5d167aa-font-size:25px;--e-global-typography-d3dae9a-font-size:21px;--e-global-typography-83682a1-font-size:18px;--e-global-typography-7044a64-font-size:18px;--e-global-typography-84ca66e-font-size:13px;--e-global-typography-112b6c4-font-size:12px;--e-global-typography-a435f28-font-size:37px;--e-global-typography-bd00f50-font-size:31px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-kit-156 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-156 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-156 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 );}.elementor-kit-156 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-kit-156 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-kit-156 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 );}.elementor-kit-156 button,.elementor-kit-156 input[type="button"],.elementor-kit-156 input[type="submit"],.elementor-kit-156 .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-156 label{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}.elementor-kit-156 input:not([type="button"]):not([type="submit"]),.elementor-kit-156 textarea,.elementor-kit-156 .elementor-field-textual{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-156{--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:16px;--e-global-typography-84ca66e-font-size:12px;--e-global-typography-112b6c4-font-size:11px;--e-global-typography-a435f28-font-size:32px;--e-global-typography-bd00f50-font-size:30px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-kit-156 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-156 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-156 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 );}.elementor-kit-156 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-kit-156 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-kit-156 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 );}.elementor-kit-156 button,.elementor-kit-156 input[type="button"],.elementor-kit-156 input[type="submit"],.elementor-kit-156 .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-156 label{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}.elementor-kit-156 input:not([type="button"]):not([type="submit"]),.elementor-kit-156 textarea,.elementor-kit-156 .elementor-field-textual{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================== CASAS BUILDERS & SERVICE GLOBAL METALLIC CSS Deep Navy + Luxury Gold ================================================== */ :root{ --navy-1:#071A35; --navy-2:#0B2C56; --navy-3:#1D3E69; --navy-4:#4F6D95; --gold-1:#A88448; --gold-2:#C8A56A; --gold-3:#D6BB89; --gold-4:#FFF4D7; --white:#ffffff; } /* ================================================== METALLIC ANIMATIONS ================================================== */ @keyframes polish-shine{ 0%{ transform:translateX(-350%) skewX(-25deg); } 100%{ transform:translateX(350%) skewX(-25deg); } } @keyframes metallic-glow{ 0%,100%{ filter:brightness(1); } 50%{ filter:brightness(1.18); } } @keyframes gold-pulse{ 0%,100%{ box-shadow: 0 0 0 rgba(200,165,106,0); } 50%{ box-shadow: 0 0 25px rgba(200,165,106,.35); } } /* ================================================== GLOBAL CONTAINERS ================================================== */ .metal-container, .elementor-widget-wrap, .elementor-icon-box, .elementor-image-box, .elementor-counter, .elementor-price-table{ position:relative; overflow:hidden; background: linear-gradient( 135deg, var(--navy-1) 0%, var(--navy-2) 15%, var(--navy-4) 30%, var(--navy-3) 50%, var(--navy-2) 70%, var(--navy-4) 85%, var(--navy-1) 100% ); border-radius:20px; border:1px solid rgba(255,255,255,.08); animation: metallic-glow 6s ease-in-out infinite; box-shadow: inset 0 2px 4px rgba(255,255,255,.08), inset 0 -4px 12px rgba(0,0,0,.35), 0 15px 40px rgba(0,0,0,.25); } /* POLISH REFLECTION */ .metal-container::before, .elementor-widget-wrap::before, .elementor-icon-box::before, .elementor-image-box::before{ content:""; position:absolute; top:-150%; left:-50%; width:35%; height:400%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.75), rgba(255,255,255,.15), transparent ); animation: polish-shine 6s linear infinite; pointer-events:none; } /* ================================================== GOLD PREMIUM BOXES ================================================== */ .gold-box{ position:relative; overflow:hidden; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-3) 20%, var(--gold-2) 35%, var(--gold-4) 50%, var(--gold-2) 65%, var(--gold-3) 80%, var(--gold-1) 100% ); border-radius:20px; animation: metallic-glow 4s ease-in-out infinite, gold-pulse 4s ease infinite; box-shadow: inset 0 2px 4px rgba(255,255,255,.35), inset 0 -3px 8px rgba(0,0,0,.15), 0 20px 40px rgba(168,132,72,.25); } .gold-box::before{ content:""; position:absolute; top:-150%; left:-50%; width:35%; height:400%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.95), rgba(255,255,255,.3), transparent ); animation: polish-shine 4s linear infinite; pointer-events:none; } /* ================================================== BUTTONS ================================================== */ .elementor-button, button, input[type="submit"]{ position:relative; overflow:hidden; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-3) 20%, var(--gold-2) 35%, var(--gold-4) 50%, var(--gold-2) 65%, var(--gold-3) 80%, var(--gold-1) 100% ) !important; color:var(--navy-1) !important; border:none; border-radius:12px; font-weight:700; letter-spacing:.5px; transition:.45s ease; animation: metallic-glow 3s ease-in-out infinite, gold-pulse 3s ease infinite; } /* BUTTON POLISH */ .elementor-button::before, button::before, input[type="submit"]::before{ content:""; position:absolute; top:-150%; left:-50%; width:35%; height:400%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,1), rgba(255,255,255,.25), transparent ); animation: polish-shine 2.8s linear infinite; } /* BUTTON HOVER */ .elementor-button:hover, button:hover, input[type="submit"]:hover{ background: linear-gradient( 135deg, var(--navy-1) 0%, var(--navy-4) 20%, var(--navy-2) 50%, var(--navy-4) 80%, var(--navy-1) 100% ) !important; color:white !important; transform: translateY(-4px) scale(1.03); box-shadow: 0 20px 45px rgba(7,26,53,.45); } /* ================================================== METALLIC TITLES ================================================== */ h1, h2 .highlight, .metal-title{ background: linear-gradient( 135deg, var(--gold-1), var(--gold-4), var(--gold-2), var(--gold-1) ); background-size:300% 300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation: metallic-glow 4s ease infinite; } /* ================================================== HOVER EFFECT FOR ALL BOXES ================================================== */ .metal-container:hover, .gold-box:hover, .elementor-icon-box:hover, .elementor-image-box:hover{ transform:translateY(-5px); transition:.4s ease; box-shadow: 0 25px 50px rgba(0,0,0,.35); } .no-metal, .no-metal *{ animation:none !important; filter:none !important; } .no-metal::before, .no-metal::after, .no-metal *::before, .no-metal *::after{ display:none !important; } .no-metal{ background:inherit !important; box-shadow:none !important; }/* End custom CSS */