:root{--blue:rgba(0,50,255, 1);--blue-bright:rgba(0,200,255, 1);--blue-light:rgb(0, 153, 255);--blue-dark:rgba(0,10,100, 0.9);--bg-color:rgba(0, 0, 255, 0.7);--text-family:system-ui, sans-serif;--black:#150c24;--white:rgba(255,255,255,0.97);--off-white:rgba(255, 255, 255, 0.9);--gray:#d1d5db;--muted-footer:rgba(140, 140, 160, 1);--muted:rgba(0,0,0,0.65);--white-smoke:whitesmoke;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,0.12);--whatsapp:#25D366;--text-fontsize:1rem;--h1-fontsize:1.8rem;--h2-fontsize:1.3rem;--h3-fontsize:1.02rem;--h2-footer:1.2rem;--h1-fontsize-mobile:1.4rem;--h2-fontsize-mobile:1rem;--h3-fontsize-monile:0.6rem}html{scroll-behavior:smooth;font-size:calc(15px + 0.39vw)}html,body{overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--text-family)}a{text-decoration:none;cursor:pointer;color:inherit}.header{width:100%;height:3.5rem;background:rgb(255 255 255 / .1)}.logo{height:3.5rem;width:auto;padding:.1rem .5rem 0;background:#fff0}.logo__photo{height:3.5rem;width:auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.logo__photo img{height:85%;width:auto;display:block;margin-inline:auto;background:#fff0}@media screen and (max-width:1150px){.logo{height:3.3rem;padding-block:.05rem}.logo__photo{height:100%}.logo__photo img{height:100%;background:#fff0}}.social__links{display:flex;justify-content:center;align-items:center;gap:3.5rem;width:80vw;font-size:1.3rem;margin:0 auto}.fab{transition:transform 0.4s ease-in-out}.fab:hover{transform:scale(1.2);cursor:pointer}.fa-facebook{color:#1877F2}.fa-instagram{color:#E4405F}.fa-x-twitter{color:#000}.nav__menu ul{list-style:none;display:flex;column-gap:3rem}.nav__menu{display:flex;height:5%;justify-content:flex-end;padding:0 5% 0 0}.nav__menu ul li a{display:inline-block;transition:0.4s ease-in-out;color:var(--blue-dark);font-weight:600;font-size:.9rem}.nav__menu ul li a:hover{transform:scale(1.1);color:var(--blue-light)}.navbar{display:flex;justify-content:space-between;align-items:center}main{background-color:var(--blue-dark)}@media screen and (min-width:1150px){.nav__menu i,.nav__toggle i{display:none}.nav__menu ul li a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:var(--blue-bright);transition:width 0.2s ease-in-out}.nav__menu ul li a:hover{transform:scale(1.1);color:var(--blue-bright)}.nav__menu ul li a:hover::after{width:100%}}@media screen and (max-width:1150px){.nav__menu{height:100vh;height:100dvh;width:100%;position:fixed;top:-50vh;right:0;z-index:3000;padding:0;justify-content:center;align-items:center;transition:top 0.5s,opacity 0.5s;background:rgb(10 0 150 / .9);opacity:0;pointer-events:none}.header{position:fixed;height:3.3rem;z-index:3000;left:0;top:0;display:flex;align-items:center;background-color:var(--white);box-shadow:0 10px 20px rgb(0 0 255 / .5)}.social__links{position:absolute;inset:0;gap:1.3rem;font-size:1.3rem}.nav__menu ul{list-style:none;display:flex;column-gap:3rem;flex-direction:column}main{padding-top:6rem}.nav__menu.open{top:0;opacity:1;pointer-events:auto}.nav__menu ul li{padding-block:20%;text-align:center}.nav__menu ul li a{font-size:120%;font-weight:400;color:#fff;font-family:Arial,Helvetica,sans-serif}.nav__toggle i{font-weight:bolder;font-size:130%;color:var(--off-white)}.nav__close i{font-weight:bolder;font-size:130%;color:var(--blue)}#toggle-menu{color:var(--white)}.nav__toggle{border-radius:50%;width:2.9rem;height:2.9rem;position:fixed;top:.2rem;right:.5rem;background-color:var(--blue);display:grid;place-content:center;place-items:center}.nav__close{border-radius:50%;width:2.9rem;height:2.9rem;position:fixed;top:.2rem;right:.5rem;background-color:var(--off-white);display:grid;place-content:center;place-items:center}.nav__close:hover,.nav__toggle:hover{background-color:var(--blue-bright)}}.wa-btn{position:fixed;right:24px;bottom:24px;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 12px rgb(0 0 0 / .3);z-index:2500}.wa-btn i{font-size:2.7rem;color:var(--off-white)}.wa-chat-box{width:30%;height:auto;max-height:70vh;background:#fff;position:fixed;bottom:0;right:0;border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0 / .25);display:none;flex-direction:column;overflow:hidden;z-index:2500}.wa-chat-box.open{animation:slideUp 0.8s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.wa-header{background:#075E54;color:#fff;padding:12px;display:flex;align-items:center;gap:10px;position:relative}.agent-img{width:45px;height:45px;border-radius:50%}.agent-name{font-weight:700}.agent-status{font-size:12px;opacity:.8}.wa-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;background:#077354;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.5rem;font-weight:400;color:#fff;line-height:0;padding:1%}.wa-body{flex:1;padding:12px;background:#ECE5DD;overflow-y:auto}.msg{max-width:80%;padding:10px;margin-bottom:10px;border-radius:8px;font-size:14px;line-height:1.3}.agent{background:#fff;align-self:flex-start}.user{background:#DCF8C6;align-self:flex-end}.typing{background:#fff;padding:8px 12px;width:50px;border-radius:20px;gap:4px;display:none}.typing span{width:6px;height:6px;background:#999;border-radius:50%;animation:blink 1.4s infinite both}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}100%{opacity:.2}}.wa-footer{position:sticky;bottom:0;background:#f0f0f0;z-index:5;display:flex;padding:10px}.wa-footer input{flex:1;padding:8px;border-radius:20px;border:1px solid #ccc}.wa-footer button{background:#25D366;border:none;color:#fff;padding:8px 14px;border-radius:50%;margin-left:8px;cursor:pointer;width:40px;height:40px}@media (max-width:1150px){.wa-chat-box{//inset:0;width:75%}.wa-btn{right:40px;bottom:40px}}.about__sec h1{font-size:var(--h1-fontsize);color:whitesmoke;text-align:center;padding-bottom:3rem}.about__sec{padding-block:5% 2%}.about__box{width:95%;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:0 auto;display:flex;justify-content:center;padding:5%;column-gap:3rem}.about__text{flex:1;width:50%;display:flex;justify-content:center;flex-direction:column}.about__text p{color:var(--muted);text-align:left;hyphens:auto;line-height:1.5;font-size:var(--text-fontsize);font-family:var(--text-family);margin-bottom:.5rem}.about__text .about__p2{margin-bottom:1rem}.about__images{display:flex;flex:1;width:50%}.img__box{aspect-ratio:2 / 1.5;width:100%;overflow:hidden;border-radius:var(--radius)}.img__box img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:0.5s ease;filter:drop-shadow(0 5px 8px rgb(0 0 0 / .35))}.img__box img:hover{transform:scale(1.05)}.about__text ul{padding-left:1.5rem;padding-bottom:.5rem;color:var(--muted);line-height:1.5;font-size:var(--text-fontsize);font-family:var(--text-family);list-style-type:square}.about__text h2{padding-bottom:1rem;color:var(--blue-dark);font-weight:800;font-size:var(--h2-fontsize)}@media (max-width:1150px){.about__sec{padding:2.5%}.about__box{flex-direction:column;width:100%;padding:7%}.about__sec h1{padding-bottom:10%;font-size:var(--h1-fontsize-mobile)}.about__images{justify-content:center;width:100%;padding:0}.about__text{width:100%;padding:0}.about__text h2{font-size:var(--h2-fontsize-mobile)}.about__text .about__p5{margin-bottom:1.5rem}}.services__sec h1{font-size:var(--h1-fontsize);color:whitesmoke;text-align:center;padding-bottom:3rem}.services__sec{padding-block:5% 2%}.services__delivery{width:95%;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:0 auto;display:flex;justify-content:center;padding:5%;column-gap:3rem}.services__text{flex:1;width:50%;display:flex;justify-content:center;flex-direction:column}.services__text h2{font-size:var(--h2-fontsize);color:var(--blue-dark);margin-bottom:1rem;font-weight:800}.services__text p{color:var(--muted);text-align:left;hyphens:auto;line-height:1.5;font-size:var(--text-fontsize);font-family:var(--text-family);margin-bottom:1rem}.span__delivery{font-weight:600}.services__images{display:flex;flex:1;width:50%}.img__box{aspect-ratio:2 / 1.5;width:100%;overflow:hidden;border-radius:var(--radius)}.img__box img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:0.5s ease;filter:drop-shadow(0 5px 8px rgb(0 0 0 / .35))}.img__box img:hover{transform:scale(1.05)}@media (max-width:1150px){.services__sec{padding:2.5%}.services__delivery{flex-direction:column;width:100%;padding:7%}.services__sec h1{padding-bottom:10%;font-size:var(--h1-fontsize-mobile)}.services__images{justify-content:center;width:100%;padding:0}.services__text{width:100%;padding:0}.services__text h2{font-size:var(--h2-fontsize-mobile)}.services__text p{margin-bottom:2rem}}.contact__us{padding-block:5% 2%}.contact__us h1{font-size:var(--h1-fontsize);color:whitesmoke;text-align:center;padding-bottom:3rem}.contact__container{width:95%;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:0 auto;display:flex;justify-content:center}.left__side{display:flex;flex-direction:column;border-right:1px solid var(--gray);width:50%;padding:7%}.contact__info{border-bottom:1px solid var(--gray)}.contact__info p{color:var(--muted);font-size:var(--text-fontsize);margin-bottom:1.5rem;text-align:left;hyphens:auto;line-height:1.5;font-family:var(--text-family)}:root{--primary-bg:rgba(0, 90, 230, 0.85);--text-light:#ffffff;--shadow-sm:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-md:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--radius-md:12px;--transition-fast:0.2s ease;--color-phone:aqua;--color-email:RGB(224, 176, 255);--color-whatsapp:lightgreen;--color-time:orange;--color-office:red}.contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.infobox{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.7rem;background-color:var(--primary-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.8rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.infobox--phone{padding:.45rem .45rem .45rem 1rem}.infobox:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.infobox i{font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.infobox--phone i{color:var(--color-phone)}.infobox--email i{color:var(--color-email)}.infobox--whatsapp i{color:var(--color-whatsapp)}.infobox--time i{color:var(--color-time)}.infobox--office i{color:var(--color-office)}.infobox__link{text-decoration:none;color:inherit;display:inline-flex}.infobox__text{color:var(--text-light);font-weight:600}.infobox__badge{display:none;align-items:center;gap:.25rem;margin-left:auto;background:purple;color:var(--text-light);padding:.25rem .4rem;border-radius:10px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.infobox__badge i{font-size:.8rem;color:var(--text-light)!important}.map__wrapper{border:1.5px solid grey;border-radius:10px;margin-top:1.5rem;position:relative;width:100%;height:300px;overflow:hidden;filter:brightness(.9) contrast(1.2) saturation(1.4)}iframe{border-radius:10px;width:100%;height:100%}.map__wrapper::after{content:'';position:absolute;inset:0;width:100%;height:100%;background-color:navy;mix-blend-mode:soft-light;pointer-events:none}.right__side{display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%;padding:7%;row-gap:1.5rem}.right__side p{color:var(--muted);font-size:var(--text-fontsize);text-align:left;hyphens:auto;line-height:1.5;font-family:var(--text-family)}.contactform{width:100%;background:#fff0}.form{display:flex;flex-direction:column;gap:22px}.field{position:relative}.field input,.field textarea{width:100%;padding:16px 14px;border-radius:8px;border:2px solid #ddd;border:2px solid rgb(0 0 0 / .3);background:#fff0;font-size:16px;outline:none;transition:0.3s ease}.field label{position:absolute;left:14px;top:16px;color:#b4b4b4;background:#fff0;padding:0 6px;font-size:16px;pointer-events:none;transition:0.25s ease}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:-10px;font-size:13px;color:#3b82f6;background:#fafafa}.field input:focus,.field textarea:focus{border-color:#3b82f6}.field textarea{resize:vertical;min-height:120px}button{width:100%;padding:18px 14px;background:rgb(0 90 230 / .85);color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:0.3s;font-weight:600}button:hover{background:blue}@media (max-width:1150px){.contact__us{padding:2.5%}.contact__us h1{padding-bottom:10%;font-size:var(--h1-fontsize-mobile)}.contact__container{width:100%;flex-direction:column;background-color:#fff0}.left__side{border-right:none;width:100%;margin-bottom:3%;border-radius:var(--radius);background:var(--white)}.infobox__badge{display:inline-flex}.map__wrapper{border:.1px solid grey}.right__side{border-right:none;width:100%;border-radius:var(--radius);background:var(--white)}}.gallery__container{padding-block:5% 2%}.gallery__container h1{font-size:var(--h1-fontsize-mobile);color:whitesmoke;text-align:center;padding-bottom:3rem}.gallery__sub{background:var(--white,#ffffff);border-radius:var(--radius,8px);box-shadow:var(--shadow,0 4px 6px rgb(0 0 0 / .1));width:95%;padding:7%;margin:0 auto}.gallery__sub p{color:var(--muted,#666);text-align:left;hyphens:auto;line-height:1.5;font-size:var(--text-fontsize,1rem);font-family:var(--text-family,sans-serif);margin-bottom:1.5rem}.gallery__sub .phonemail{font-weight:600;color:var(--blue-dark,#003366);white-space:nowrap}.gallery-tabs{display:flex;gap:10px;margin-bottom:2rem}.tab-btn{padding:10px 20px;cursor:pointer;border:1px solid #ccc;background:#f0f0f0;border-radius:4px;color:navy;font-weight:600;transition:background 0.3s,color 0.3s,border-color 0.3s}.tab-btn:hover{color:#fff}.tab-btn.active{background:#036;color:#fff;border-color:#036}.gallery-section{display:none}.gallery-section.active{display:block}.masonry{column-count:3;column-gap:1rem;margin:0 auto}.item{break-inside:avoid;margin-bottom:1rem;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius,8px);border:.1px solid lightgrey;background-color:darkgrey;box-shadow:8px 8px 8px rgb(0 0 0 / .2)}.item a img{width:100%;height:auto;display:block;cursor:zoom-in;filter:brightness(.85) contrast(1.1) saturate(1.3) drop-shadow(8px 8px 8px rgb(0 0 0 / .2));transition:transform 0.4s ease}.item:hover img{transform:scale(1.05)}.return-focus{outline:3px solid #fc0;outline-offset:4px;transition:outline 0.5s ease-out}@media screen and (max-width:1150px){.gallery__container{padding:2.5%}.masonry{touch-action:pan-x pan-y;column-count:2}.gallery__sub{width:100%}.gallery__sub p{margin-top:3%}.gallery-tabs{flex-direction:column;row-gap:.5rem}}.products__container{padding-block:5% 2%}.products__container h1{font-size:var(--h1-fontsize);color:whitesmoke;text-align:center;padding-bottom:3rem}.products__box{width:95%;overflow:hidden;margin:0 auto;border-radius:var(--radius);box-shadow:var(--shadow)}.products__box .main__image{background:var(--white);border-radius:var(--radius);overflow:hidden;margin-bottom:2.5%;box-shadow:var(--shadow)}.main__image img{display:block;width:100%;height:auto;object-fit:cover;object-position:center;filter:brightness(.85) contrast(1.2) saturate(1.3) drop-shadow(0 5px 8px rgb(0 0 0 / .35));transition:transform 0.4s ease}.main__image img:hover{transform:scale(1.05)}.products__tiles{margin-bottom:2.5%}.products__tiles,.products__installation{background:var(--white);border-radius:var(--radius);padding:7%;box-shadow:var(--shadow)}.products__tiles h2,.products__installation h2{font-size:var(--h2-fontsize);color:var(--blue-dark);text-align:left;margin-bottom:1rem;font-weight:800}.products__box .main__text{font-size:var(--text-fontsize);color:var(--muted);text-align:left;hyphens:auto;line-height:1.5;font-family:var(--text-family);width:100%;height:auto;margin:0 auto}.products__section{display:flex;justify-content:center;align-items:center;border-top:1px solid lightgrey;padding-block:1rem}.main__text p{margin-bottom:1rem}.products__textbox{flex:1;width:50%;height:auto;display:flex;margin:0 auto;justify-content:center;flex-direction:column;row-gap:1.5rem}.products__textbox p{color:var(--muted);text-align:left;hyphens:auto;line-height:1.5;font-family:var(--text-family)}.products__textbox h3{font-size:var(--h3-fontsize);text-align:center;color:var(--blue-dark)}.products__imagebox,.products__tilebox{flex:1;width:50%;height:auto;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--radius);background:#fff0}.products__imagebox{padding:5%}.products__tilebox{margin:5%;box-shadow:var(--shadow)}.products__tilebox img{width:100%;height:auto;object-fit:cover;display:block;filter:brightness(.85) contrast(1.2) saturate(1.3) drop-shadow(0 5px 8px rgb(0 0 0 / .35));transition:transform 0.4s ease}.products__imagebox img{width:60%;height:auto;border-radius:var(--radius);object-fit:cover;display:block;filter:brightness(.85) contrast(1.2) saturate(1.3) drop-shadow(0 5px 8px rgb(0 0 0 / .35));transition:transform 0.4s ease}.products__imagebox:hover img,.products__tilebox:hover img{transform:scale(1.05)}@media (max-width:1150px){.products__section{flex-direction:column;row-gap:1.5rem;padding-block:1.5rem}.products__container{padding:2.5%}.products__container h1{padding-bottom:10%;font-size:var(--h1-fontsize-mobile)}.products__tiles,.main__image{margin-bottom:3%}.products__tilebox{margin:0}.products__box{width:100%}.products__box .main__text{width:100%}.products__textbox,.products__tilebox,.products__imagebox{width:100%}.products__textbox h3{font-size:var(--h3-fontsize-mobile)}.products__tiles,.products__installation{width:100%}.products__tiles h2,.products__installation h2{font-size:var(--h2-fontsize-mobile)}.products__tilebox img{width:100%}.products__imagebox img{width:80%}}.footer{background:var(--black);color:var(--white);padding:60px 0 25px;border-top:3px solid var(--blue)}.footer-wrapper{width:90%;max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:40px}.footer-col h2,.footer-col h3{margin-bottom:18px;color:var(--blue-bright)}.footer-col h2{font-size:var(--h2-footer)}.footer-col h3{font-size:var(--h3-fontsize)}.footer-col p{color:var(--muted-footer);line-height:1.6;font-size:.9rem}.footer-col ul{list-style:none;padding:0;font-size:.9rem}.footer-col ul li{margin-bottom:10px;display:flex;align-items:center;gap:8px;color:var(--gray);font-size:.9rem}.footer-col ul li i{color:var(--blue-bright)}.ri-phone-fill,.ri-mail-fill{padding-right:5px}.footer-col a{color:var(--gray);text-decoration:none;transition:0.2s}.footer-col a:hover{color:var(--blue-bright)}.social a{margin-right:12px;color:var(--white);transition:0.2s;font-size:1.2rem}.social a:hover{color:var(--blue-bright)}.footer-bottom{text-align:center;margin-top:40px;padding-top:15px;border-top:1px solid #1f2937}.footer-bottom p{color:var(--muted-footer);font-size:.9rem}@media (max-width:600px){.footer-bottom small{display:block;line-height:1.4;font-size:.85rem}.footer-bottom .reserved{display:block}}