:root{--primary-color:#f7941d;--primary-hover:#d35400;--dark-bg:#111;--darker-bg:#0a0a0a;--card-bg:#1a1a1a;--text-color:#eee;--text-muted:#ccc;--white:#fff;--border-color:#333;--transition:all 0.3s ease} *{margin:0;padding:0;box-sizing:border-box} html{overflow-x:hidden;scroll-behavior:smooth;width:100%} body{font-family:'Inter',sans-serif;background-color:var(--dark-bg);color:var(--text-color);line-height:1.6;overflow-x:hidden;width:100%;max-width:100%;position:relative} a{text-decoration:none;color:inherit;transition:var(--transition)} ul{list-style:none} .container{max-width:1200px;margin:0 auto;padding:0 20px} img{max-width:100%;height:auto;display:block} img[loading="lazy"]{opacity:0;transition:opacity 0.4s ease-in-out} img[loading="lazy"].loaded,img[loading="lazy"]:not([data-src]){opacity:1} .img-container{position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)} .img-container::before{content:'';display:block;padding-top:75%} .img-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center} @keyframes shimmer{0%{background-position:-1000px 0} 100%{background-position:1000px 0} } .img-skeleton{background:linear-gradient( 90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75% );background-size:1000px 100%;animation:shimmer 2s infinite linear} @keyframes fadeIn{from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} } .fade-in{animation:fadeIn 0.8s ease forwards} header{background-color:rgba(17,17,17,0.95);backdrop-filter:blur(10px);position:fixed;top:0;left:0;width:100%;max-width:100vw;z-index:1000;padding:15px 0;border-bottom:1px solid var(--border-color);transition:var(--transition)} header.scrolled{padding:10px 0;background-color:rgba(10,10,10,0.98);box-shadow:0 5px 20px rgba(0,0,0,0.5)} header .container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px} .logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;color:var(--white)} .logo i,.logo img{color:var(--primary-color);height:60px;width:auto;object-fit:contain} .logo span{color:var(--primary-color)} nav ul{display:flex;align-items:center;gap:25px} nav a{font-size:0.95rem;font-weight:500;color:var(--text-muted);position:relative;padding:5px 0;display:flex;align-items:center} nav a:hover,nav a.active{color:var(--primary-color)} nav a::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--primary-color);transition:var(--transition)} nav a:hover::after,nav a.active::after{width:100%} .dropdown{position:relative} .dropdown-toggle{display:flex;align-items:center;gap:5px;cursor:pointer} .dropdown-toggle i{font-size:0.7rem;transition:transform 0.3s ease} .dropdown:hover .dropdown-toggle i{transform:rotate(180deg)} .dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background-color:rgba(26,26,26,0.98);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-top:3px solid var(--primary-color);padding:20px;min-width:450px;opacity:0;visibility:hidden;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(0,0,0,0.5);margin-top:15px;z-index:2000;border-radius:12px} .dropdown-menu::before{content:'';position:absolute;top:-15px;left:0;width:100%;height:15px;background:transparent} .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)} .mega-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .mega-menu-item{display:flex;align-items:center;gap:12px;padding:10px !important;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid transparent !important;transition:var(--transition)} .mega-menu-item:hover{background:rgba(247,148,29,0.1);border-color:rgba(247,148,29,0.3) !important} .mega-menu-item::after{display:none !important} .mega-menu-item .icon{width:36px;height:36px;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1rem;flex-shrink:0;overflow:hidden} .mega-menu-item .icon img{width:100%;height:100%;object-fit:contain;padding:2px} .mega-menu-item .content{display:flex;flex-direction:column;line-height:1.2} .mega-menu-item .title{font-weight:600;color:var(--white);font-size:0.85rem;margin-bottom:2px} .mega-menu-item .desc{font-size:0.7rem;color:var(--text-muted)} .menu-toggle{display:none;font-size:1.5rem;color:var(--white);cursor:pointer} .hero{height:100vh;width:100%;max-width:100%;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px;overflow:hidden} .hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.7))} .hero-content{position:relative;z-index:1;max-width:800px;padding:0 20px} .hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:20px;color:var(--white);text-shadow:2px 2px 10px rgba(0,0,0,0.5);line-height:1.2} .hero p{font-size:1.2rem;margin-bottom:30px;color:#ddd} .btn{display:inline-block;padding:15px 35px;background-color:var(--primary-color);color:#111;font-weight:700;border-radius:5px;transition:var(--transition);border:none;cursor:pointer;text-transform:uppercase;letter-spacing:1px} .btn:hover{background-color:var(--primary-hover);transform:translateY(-3px);box-shadow:0 10px 20px rgba(230,126,34,0.3)} .features{padding:80px 0;background-color:var(--darker-bg)} .section-title{text-align:center;margin-bottom:60px} .section-title span{color:var(--primary-color);text-transform:uppercase;font-size:0.9rem;font-weight:700;letter-spacing:2px;display:block;margin-bottom:10px} .section-title h2{font-size:2.5rem;color:var(--white);font-weight:700} .grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px} .card{background-color:var(--card-bg);border-radius:10px;overflow:hidden;transition:var(--transition);border:1px solid var(--border-color);display:flex;flex-direction:column} .card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 10px 30px rgba(0,0,0,0.3)} .card-image{height:200px;overflow:hidden;position:relative;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)} .card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.5s ease,opacity 0.3s ease;aspect-ratio:4/3} .card:hover .card-image img{transform:scale(1.1)} .card-content{padding:25px;flex-grow:1;display:flex;flex-direction:column} .card-content h3{font-size:1.4rem;margin-bottom:15px;color:var(--white)} .card-content p{color:var(--text-muted);font-size:0.95rem;margin-bottom:20px;flex-grow:1} .card-link{color:var(--primary-color);font-weight:600;font-size:0.9rem;display:inline-flex;align-items:center;gap:5px} .card-link:hover{gap:10px} .about{padding:100px 0;background-color:var(--dark-bg)} .about .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} .about-content h2{font-size:2.5rem;margin-bottom:25px;color:var(--white)} .about-content p{color:var(--text-muted);margin-bottom:20px} .about-check-list{margin:30px 0} .about-check-list li{display:flex;align-items:center;gap:15px;margin-bottom:15px;color:#ddd} .about-check-list li i{color:var(--primary-color);background:rgba(230,126,34,0.1);padding:10px;border-radius:50%} .about-images{display:grid;grid-template-columns:repeat(2,1fr);gap:15px} .about-images img{width:100%;height:250px;object-fit:cover;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.3)} .about-images img:nth-child(2){transform:translateY(30px)} .service-areas{padding:80px 0;background-color:var(--darker-bg)} .area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:center} .area-item{background:var(--card-bg);padding:40px 20px;border-radius:10px;border:1px solid var(--border-color);transition:var(--transition)} .area-item:hover{background:#222;transform:translateY(-5px);border-color:var(--primary-color)} .area-item i{font-size:2.5rem;color:var(--primary-color);margin-bottom:20px} .area-item h3{font-size:1.2rem;margin-bottom:10px;color:var(--white)} .area-item p{color:var(--text-muted);font-size:0.9rem} footer{background-color:#080808;color:#ddd;padding:80px 0 30px;border-top:1px solid #1a1a1a;position:relative} footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)} .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:60px} .footer-col h3{color:var(--white);margin-bottom:30px;font-size:1.25rem;font-weight:700;position:relative;padding-bottom:12px} .footer-col h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--primary-color)} .footer-col p{line-height:1.8;font-size:0.95rem;margin-bottom:25px} .footer-contact li{display:flex;align-items:center;gap:15px;margin-bottom:18px;font-size:0.95rem;transition:var(--transition)} .footer-contact li:hover{color:var(--white)} .footer-contact i{width:35px;height:35px;background:rgba(247,148,29,0.1);color:var(--primary-color);display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:0.9rem;transition:var(--transition)} .footer-contact li:hover i{background:var(--primary-color);color:var(--white);transform:rotateY(360deg)} .footer-links li{margin-bottom:14px} .footer-links a{display:flex;align-items:center;gap:10px;font-size:0.95rem;transition:var(--transition)} .footer-links a::before{content:'\f105';font-family:'Font Awesome 6 Free';font-weight:900;font-size:0.8rem;color:var(--primary-color)} .footer-links a:hover{color:var(--primary-color);transform:translateX(8px)} .social-links{display:flex;gap:12px} .social-links a{width:42px;height:42px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--white);font-size:1.1rem;transition:var(--transition);border:1px solid #222} .social-links a:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 5px 15px rgba(247,148,29,0.3)} .footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #1a1a1a} .footer-bottom p{font-size:0.9rem;color:#bbb} .footer-bottom strong{color:var(--primary-color);font-weight:600} @media (max-width:992px){.footer-top{grid-template-columns:repeat(2,1fr)} } @media (max-width:576px){.footer-top{grid-template-columns:1fr} } @media (max-width:992px){.about .container{grid-template-columns:1fr;gap:40px} .about-images{order:-1} .section-title h2{font-size:2rem} header .container{padding:0 15px} .logo{font-size:1.3rem} nav ul{gap:15px} nav a{font-size:0.9rem} .dropdown-menu{min-width:350px} .mega-menu-item .icon{width:32px;height:32px;font-size:0.9rem} .mega-menu-item .title{font-size:0.8rem} .mega-menu-item .desc{font-size:0.65rem} .grid-cards{grid-template-columns:repeat(2,1fr)} } @media (max-width:768px){header{padding:12px 0;width:100%;max-width:100vw} header .container{padding:0 15px;display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:nowrap} .logo{font-size:1.2rem;gap:8px;flex-shrink:0;order:1} .logo i{font-size:1.3rem} .logo-text{font-size:1rem} .logo img{height:50px} nav{order:3;position:static} .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;z-index:1001;background:rgba(255,255,255,0.05);border-radius:8px;transition:var(--transition);margin-left:auto;order:2} .menu-toggle:hover{background:rgba(247,148,29,0.2)} .menu-toggle i{font-size:1.3rem} nav ul{position:fixed;top:0;right:-100%;width:85%;max-width:320px;height:100vh;background-color:var(--darker-bg);flex-direction:column;gap:0;padding:80px 25px 40px;text-align:left;transition:0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:-10px 0 30px rgba(0,0,0,0.5);z-index:1000;overflow-y:auto} nav ul.active{right:0} .menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);z-index:999;display:none;opacity:0;transition:opacity 0.3s ease} .menu-overlay.active{display:block;opacity:1} nav ul li{width:100%;border-bottom:1px solid rgba(255,255,255,0.05);padding:12px 0} nav ul li:last-child{border-bottom:none} nav a{font-size:1rem;display:flex;align-items:center;padding:5px 0} .dropdown-menu{position:static;transform:none !important;opacity:1 !important;visibility:visible !important;background-color:rgba(255,255,255,0.03);margin-top:10px;max-height:0;overflow:hidden;transition:max-height 0.3s ease;min-width:100%;padding:0 !important;border:none !important;border-radius:8px;box-shadow:none} .dropdown.active .dropdown-menu{max-height:1000px;padding:10px !important} .mega-menu-grid{grid-template-columns:1fr;gap:8px} .mega-menu-item{background:rgba(255,255,255,0.05);margin-bottom:0;padding:12px !important} .mega-menu-item .icon{width:36px;height:36px} .mega-menu-item .title{font-size:0.9rem} .mega-menu-item .desc{font-size:0.75rem} .dropdown-toggle{display:flex;width:100%;justify-content:space-between} .dropdown-toggle i{margin-left:auto;transition:transform 0.3s ease} .dropdown.active .dropdown-toggle i{transform:rotate(180deg)} .hero h1{font-size:2.2rem} .hero p{font-size:1rem} .about-images img{height:200px} .about-images img:nth-child(2){transform:none} .cta-buttons{flex-direction:column;align-items:stretch} .btn{width:100%;text-align:center} } @media (max-width:480px){header{padding:10px 0} header .container{padding:0 12px} .logo{font-size:1rem;gap:6px} .logo i{font-size:1.1rem} .logo-text{font-size:0.9rem} .logo img{height:40px} .menu-toggle{width:40px;height:40px;margin-left:auto} .menu-toggle i{font-size:1.2rem} nav ul{width:90%;max-width:none;padding:70px 20px 30px} nav ul li{padding:10px 0} nav a{font-size:0.95rem} .mega-menu-item{padding:10px !important} .mega-menu-item .icon{width:32px;height:32px;font-size:0.9rem} .mega-menu-item .title{font-size:0.85rem} .mega-menu-item .desc{font-size:0.7rem} .hero h1{font-size:1.8rem} .section-title h2{font-size:1.6rem} .grid-cards{grid-template-columns:1fr} .area-grid{grid-template-columns:1fr} .about-images{grid-template-columns:1fr} } .cta-section{padding:80px 0;background:linear-gradient(135deg,var(--darker-bg) 0%,#2a2a2a 100%);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:center;position:relative;overflow:hidden} .cta-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--primary-color)} .cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:20px;color:var(--white)} .cta-content p{font-size:1.1rem;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;color:#eee} .cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap} .btn-light{background-color:var(--white);color:var(--dark-bg);font-weight:700} .btn-light:hover{background-color:#ddd;box-shadow:0 5px 15px rgba(255,255,255,0.2)} .btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)} .btn-outline:hover{background-color:var(--primary-color);color:var(--white);box-shadow:0 5px 15px rgba(230,126,34,0.3)} @media (max-width:768px){.cta-content h2{font-size:2rem} } .page-hero,.page-header{height:400px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:80px;background-color:#333} .page-hero::before,.page-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6)} .page-hero .container,.page-header .container{position:relative;z-index:1} .page-hero h1,.page-header h1{font-size:3.5rem;color:var(--white);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)} .breadcrumb{font-size:1.1rem;color:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;gap:10px} .breadcrumb a{color:var(--white);transition:var(--transition)} .breadcrumb a:hover{color:var(--primary-color)} .breadcrumb i{font-size:0.9rem;color:var(--primary-color)} .content-section{padding:80px 0;background-color:var(--dark-bg)} .content-section h2{font-size:2.2rem;margin-bottom:30px;color:var(--white);border-left:5px solid var(--primary-color);padding-left:15px} .content-section p{margin-bottom:20px;color:var(--text-muted);font-size:1.05rem} .content-section strong{color:var(--white);font-weight:600} .gallery-filters{padding:50px 0 30px;background-color:var(--dark-bg)} .filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px} .filter-btn{padding:10px 25px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);border-radius:30px;cursor:pointer;transition:var(--transition);font-size:0.95rem;display:flex;align-items:center;gap:8px} .filter-btn:hover,.filter-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)} .gallery-section{padding:20px 0 80px;background-color:var(--dark-bg)} .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px} .gallery-item{transition:var(--transition)} .gallery-img{position:relative;border-radius:10px;overflow:hidden;height:250px;cursor:pointer} .gallery-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease} .gallery-item:hover .gallery-img img{transform:scale(1.1)} .gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:var(--transition);padding:20px;text-align:center} .gallery-item:hover .gallery-overlay{opacity:1} .gallery-overlay h3{color:var(--white);font-size:1.3rem;margin-bottom:10px;transform:translateY(20px);transition:transform 0.3s ease} .gallery-overlay p{color:#ccc;font-size:0.9rem;margin-bottom:20px;transform:translateY(20px);transition:transform 0.3s ease 0.1s} .view-btn{padding:8px 20px;background:var(--primary-color);color:var(--white);border:none;border-radius:5px;cursor:pointer;transform:translateY(20px);transition:transform 0.3s ease 0.2s,background 0.3s} .view-btn:hover{background:var(--primary-hover)} .gallery-item:hover .gallery-overlay h3,.gallery-item:hover .gallery-overlay p,.gallery-item:hover .view-btn{transform:translateY(0)} .lightbox{position:fixed;z-index:2000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);display:none;align-items:center;justify-content:center;flex-direction:column} .lightbox-content{max-width:90%;max-height:80vh;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,0.5)} .lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:bold;cursor:pointer;transition:0.3s} .lightbox-close:hover{color:var(--primary-color)} .lightbox-caption{margin-top:20px;text-align:center;color:#fff} .lightbox-caption h3{margin-bottom:5px;color:var(--primary-color)} .whatsapp-float{position:fixed;bottom:30px;right:30px;background-color:#075e54;color:#fff;padding:12px 24px;border-radius:50px;display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,0.3);z-index:2000;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)} .whatsapp-float i{font-size:1.6rem} .whatsapp-float:hover{transform:translateY(-5px) scale(1.05);background-color:#054c44;color:#fff;box-shadow:0 15px 30px rgba(7,94,84,0.4)} @media (max-width:768px){.whatsapp-float span{display:none} .whatsapp-float{padding:0;bottom:max(25px,env(safe-area-inset-bottom));right:max(25px,env(safe-area-inset-right));border-radius:50%;width:60px;height:60px;justify-content:center} .whatsapp-float i{margin:0;font-size:1.8rem} } @media (max-width:480px){.whatsapp-float{width:56px;height:56px;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right))} .whatsapp-float i{font-size:1.6rem} } @media (max-width:360px){.whatsapp-float{width:52px;height:52px;bottom:max(15px,env(safe-area-inset-bottom));right:max(15px,env(safe-area-inset-right))} .whatsapp-float i{font-size:1.5rem} } .mobile-call-bar{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:auto;min-width:220px;background:linear-gradient(135deg,var(--primary-color),#d35400);color:#111;text-align:center;padding:10px 24px;border-radius:50px;font-weight:600;font-size:1rem;z-index:2001;box-shadow:0 8px 20px rgba(247,148,29,0.3);align-items:center;justify-content:center;gap:8px;text-decoration:none;letter-spacing:0.5px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease} .mobile-call-bar:active{transform:translateX(-50%) scale(0.95)} .mobile-call-bar i{font-size:1.1rem;animation:phonePulse 2s infinite} @keyframes phonePulse{0%{transform:scale(1)} 50%{transform:scale(1.2)} 100%{transform:scale(1)} } @media (max-width:768px){.mobile-call-bar{display:flex;bottom:max(20px,env(safe-area-inset-bottom));left:15px;right:85px;transform:none;width:auto;min-width:unset;font-size:0.95rem;padding:10px 15px} .whatsapp-float{bottom:max(20px,env(safe-area-inset-bottom)) !important;right:15px !important;width:50px !important;height:50px !important} .whatsapp-float i{font-size:1.5rem !important} } @media (max-width:480px){.mobile-call-bar{font-size:0.85rem;padding:8px 12px;gap:5px;right:75px;left:10px} .whatsapp-float{right:10px !important;width:45px !important;height:45px !important} } @media (max-width:992px){.page-hero,.page-header{height:300px;margin-top:70px} .page-hero h1,.page-header h1{font-size:2.5rem} .content-section{padding:60px 0} .content-section h2{font-size:1.8rem} .cta-section{padding:70px 0} .cta-content h2{font-size:2rem} .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))} .gallery-img{height:280px} } @media (max-width:768px){.page-hero,.page-header{height:250px;margin-top:65px} .page-hero h1,.page-header h1{font-size:2rem;padding:0 15px} .breadcrumb{font-size:0.9rem;flex-wrap:wrap;gap:8px} .breadcrumb i{font-size:0.75rem} .content-section{padding:40px 0} .content-section h2{font-size:1.5rem;padding-left:12px;border-left-width:4px;margin-bottom:20px} .content-section p{font-size:1rem;margin-bottom:15px} .cta-section{padding:60px 0} .cta-content h2{font-size:1.8rem} .cta-content p{font-size:1rem;margin-bottom:30px} .contact-info-sidebar{grid-template-columns:1fr} .info-box{padding:25px} .info-box:hover{transform:none} .map-container{height:350px;margin-top:50px;border-radius:15px} .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px} .gallery-img{height:260px} .filter-buttons{gap:10px} .filter-btn{padding:10px 18px;font-size:0.9rem} .lightbox-content{max-width:95%;max-height:70vh} .lightbox-close{top:15px;right:15px;width:40px;height:40px;font-size:24px} .lightbox-caption{padding:12px 20px;font-size:0.9rem;max-width:90%} .btn{padding:14px 28px;font-size:0.9rem} .social-links a{width:48px;height:48px;font-size:1.2rem} .social-btns{gap:15px} .social-btn{width:55px;height:55px} .features{padding:60px 0} .service-areas{padding:60px 0} } @media (max-width:480px){body{font-size:15px} p{line-height:1.7} .page-hero,.page-header{height:200px;margin-top:60px} .page-hero h1,.page-header h1{font-size:1.6rem;line-height:1.3} .breadcrumb{font-size:0.85rem} .content-section{padding:30px 0} .content-section h2{font-size:1.3rem} .cta-section{padding:50px 0} .cta-content h2{font-size:1.5rem;line-height:1.3} .cta-content p{font-size:0.95rem} .info-box{flex-direction:column;text-align:center;padding:20px} .info-icon{width:50px;height:50px;font-size:1.3rem} .info-content h3{font-size:1.1rem} .info-content p,.info-content a{font-size:0.9rem} .map-container{height:280px;margin-top:30px;border-radius:12px} .gallery-grid{grid-template-columns:1fr;gap:12px} .gallery-img{height:220px} .filter-btn{padding:8px 14px;font-size:0.85rem} .view-btn{padding:8px 18px;font-size:0.75rem} .lightbox-close{top:10px;right:10px;width:36px;height:36px;font-size:20px} .lightbox-caption{padding:10px 15px;font-size:0.85rem;border-radius:30px} .lightbox-caption h3{font-size:1rem} .lightbox-caption p{font-size:0.8rem} .card-content{padding:20px} .card-content h3{font-size:1.2rem;margin-bottom:10px} .card-content p{font-size:0.9rem;margin-bottom:15px} .card-image{height:180px} .btn{padding:12px 24px;font-size:0.85rem;letter-spacing:0.5px} .features{padding:50px 0} .service-areas{padding:50px 0} .section-title{margin-bottom:40px} .section-title span{font-size:0.8rem;letter-spacing:1.5px} .area-item{padding:30px 15px} .area-item i{font-size:2rem;margin-bottom:15px} .area-item h3{font-size:1.1rem} .area-item p{font-size:0.85rem} .footer-col h3{font-size:1.15rem;margin-bottom:20px} .footer-col p{font-size:0.9rem} .footer-links a{font-size:0.9rem} .footer-contact li{font-size:0.9rem} .social-links{gap:10px} .social-links a{width:44px;height:44px} .about{padding:60px 0} .about-content h2{font-size:1.8rem} .about-check-list li{font-size:0.95rem;gap:12px} .about-check-list li i{padding:8px} } @media (max-width:360px){.container{padding:0 15px} .page-hero h1,.page-header h1{font-size:1.4rem} .section-title h2{font-size:1.4rem} .cta-content h2{font-size:1.3rem} .logo{font-size:0.9rem;gap:5px} .logo i{font-size:1rem} .menu-toggle{width:38px;height:38px} } @media (max-height:500px) and (orientation:landscape){.hero{height:auto;min-height:100vh;padding:100px 0 60px} .page-hero,.page-header{height:auto;padding:100px 0 40px} } @media print{header,footer,.whatsapp-float,.menu-toggle,.menu-overlay{display:none !important} .page-hero,.page-header{margin-top:0;height:auto;padding:20px 0} body{background:white;color:black} } .references-section{padding:60px 0;background-color:var(--darker-bg);overflow:hidden} .carousel-container{width:100%;overflow:hidden;position:relative} .carousel-container::before,.carousel-container::after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none} .carousel-container::before{left:0;background:linear-gradient(to right,var(--darker-bg),transparent)} .carousel-container::after{right:0;background:linear-gradient(to left,var(--darker-bg),transparent)} .carousel-track{display:flex;width:calc(200px * 20);animation:scroll 40s linear infinite} .slide{width:200px;padding:0 20px;display:flex;align-items:center;justify-content:center} .slide img{max-width:100%;max-height:80px;filter:grayscale(100%) brightness(0.8);transition:var(--transition);opacity:0.7} .slide img:hover{filter:grayscale(0%) brightness(1);opacity:1;transform:scale(1.1)} @keyframes scroll{0%{transform:translateX(0)} 100%{transform:translateX(calc(-200px * 10))} } @media (max-width:768px){.slide{width:150px} .carousel-track{width:calc(150px * 20)} @keyframes scroll{0%{transform:translateX(0)} 100%{transform:translateX(calc(-150px * 10))} } }