:root{--primary-blue:#003B8E;--primary-red:#E30613;--dark-bg:#0F172A;--light-bg:#F8FAFC;--text-dark:#1E293B;--text-light:#64748B;--white:#FFFFFF;--font-heading:'Exo 2', sans-serif;--font-body:'Inter', sans-serif;--transition-fast:0.3s ease;--transition-slow:0.6s cubic-bezier(0.16, 1, 0.3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);color:var(--text-dark);line-height:1.6;background-color:var(--white);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary-blue);font-weight:800;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0}.bg-light{background-color:var(--light-bg)}.section-title{font-size:2.5rem;text-align:center;margin-bottom:15px;color:var(--primary-blue);text-transform:uppercase;letter-spacing:1px}.section-line{width:80px;height:4px;background-color:var(--primary-red);margin:0 auto 30px;border-radius:2px}.section-subtitle{text-align:center;color:var(--text-light);max-width:600px;margin:0 auto 50px;font-size:1.1rem}.btn{display:inline-block;padding:14px 30px;font-weight:600;border-radius:4px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition-fast);border:none;text-align:center}.btn-primary{background-color:var(--primary-red);color:var(--white);box-shadow:0 4px 15px rgb(227 6 19 / .3)}.btn-primary:hover{background-color:#c00510;transform:translateY(-3px);box-shadow:0 6px 20px rgb(227 6 19 / .4)}.btn-outline{background-color:#fff0;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background-color:var(--white);color:var(--primary-blue);transform:translateY(-3px)}.w-100{width:100%}#header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:var(--transition-fast);background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgb(0 0 0 / .05)}.header-container{display:flex;justify-content:space-between;align-items:center}.logo img{height:40px}.nav-menu ul{display:flex;gap:30px}.nav-menu a{font-weight:600;color:var(--primary-blue);font-size:.95rem;position:relative}.nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-red);transition:var(--transition-fast)}.nav-menu a:hover::after,.nav-menu a.active::after{width:100%}.nav-cta{padding:10px 24px;font-size:.85rem}.mobile-toggle{display:none;font-size:1.5rem;color:var(--primary-blue);background:none;border:none;cursor:pointer}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;padding-top:80px;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-bg .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(0 59 142 / .85) 0%,rgb(15 23 42 / .7) 100%)}.hero-content{color:var(--white);max-width:800px}.hero-content h1{font-size:4.5rem;color:var(--white);margin-bottom:10px;text-shadow:0 4px 10px rgb(0 0 0 / .3)}.hero-content h2{font-size:2rem;color:var(--primary-red);margin-bottom:25px;font-weight:600}.hero-content p{font-size:1.2rem;margin-bottom:40px;opacity:.9;max-width:700px}.hero-buttons{display:flex;gap:20px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background:var(--white);padding:40px 30px;border-radius:8px;box-shadow:0 10px 30px rgb(0 0 0 / .05);transition:var(--transition-fast);border-bottom:4px solid #fff0}.service-card:hover{transform:translateY(-10px);border-bottom-color:var(--primary-red);box-shadow:0 15px 40px rgb(0 0 0 / .1)}.service-icon{width:60px;height:60px;background-color:rgb(0 59 142 / .05);color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:25px;transition:var(--transition-fast)}.service-card:hover .service-icon{background-color:var(--primary-red);color:var(--white)}.service-card h3{margin-bottom:15px;font-size:1.3rem}.service-card p{color:var(--text-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-item{display:flex;gap:20px}.feature-item i{font-size:2rem;color:var(--primary-red);margin-top:5px}.feature-item h4{font-size:1.2rem;margin-bottom:10px}.feature-item p{color:var(--text-light)}.domains-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:20px}.domain-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer}.domain-item:nth-child(1){grid-column:span 2;grid-row:span 2}.domain-item:nth-child(4){grid-column:span 2}.domain-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease}.domain-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgb(0 59 142 / .9),transparent);display:flex;align-items:flex-end;padding:30px;opacity:.8;transition:var(--transition-fast)}.domain-item:hover img{transform:scale(1.05)}.domain-item:hover .domain-overlay{opacity:1}.domain-overlay h3{color:var(--white);font-size:1.5rem;transform:translateY(10px);transition:var(--transition-fast)}.domain-item:hover .domain-overlay h3{transform:translateY(0)}.about-container{display:flex;align-items:center;gap:60px}.about-image{flex:1;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px rgb(0 0 0 / .1);position:relative}.about-image::before{content:'';position:absolute;top:-20px;left:-20px;width:100px;height:100px;background-color:var(--primary-red);z-index:-1;border-radius:4px}.about-content{flex:1}.about-content .section-title{text-align:left}.about-content .section-line{margin-left:0}.about-content p{margin-bottom:25px;font-size:1.1rem}.about-list li{margin-bottom:15px;display:flex;align-items:center;gap:15px;font-weight:500}.about-list i{color:var(--primary-red);font-size:1.2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.portfolio-item{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .05)}.portfolio-img{height:250px;overflow:hidden}.portfolio-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.portfolio-item:hover .portfolio-img img{transform:scale(1.1)}.portfolio-info{padding:30px}.portfolio-info .category{color:var(--primary-red);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:10px}.portfolio-info h4{font-size:1.3rem;margin-bottom:15px}.portfolio-info p{color:var(--text-light);font-size:.95rem}.contact-container{display:flex;gap:60px;margin-bottom:60px}.contact-info{flex:1}.contact-info .section-title{text-align:left}.contact-info .section-line{margin-left:0}.contact-details{margin-top:40px}.detail-item{display:flex;gap:20px;margin-bottom:30px}.detail-item i{width:50px;height:50px;background-color:rgb(0 59 142 / .05);color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.detail-item h4{font-size:1.1rem;margin-bottom:5px}.detail-item p{color:var(--text-light)}.contact-form-wrap{flex:1;background:var(--white);padding:40px;border-radius:8px;box-shadow:0 15px 40px rgb(0 0 0 / .08)}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:15px 20px;border:1px solid #E2E8F0;border-radius:4px;font-family:var(--font-body);font-size:1rem;transition:var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgb(0 59 142 / .1)}.map-container{border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .05)}footer{background-color:var(--primary-blue);color:var(--white);padding-top:80px}.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;margin-bottom:60px}.footer-logo{height:50px;margin-bottom:20px;filter:brightness(0) invert(1)}.footer-brand p{color:rgb(255 255 255 / .7);margin-bottom:25px;max-width:400px}.social-links{display:flex;gap:15px}.social-links a{width:40px;height:40px;background-color:rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.social-links a:hover{background-color:var(--primary-red);transform:translateY(-3px)}.footer-links h4,.footer-contact h4{color:var(--white);margin-bottom:25px;font-size:1.2rem;position:relative;display:inline-block}.footer-links h4::after,.footer-contact h4::after{content:'';position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:var(--primary-red)}.footer-links ul li{margin-bottom:12px}.footer-links ul a{color:rgb(255 255 255 / .7)}.footer-links ul a:hover{color:var(--primary-red);padding-left:5px}.footer-contact p{color:rgb(255 255 255 / .7);margin-bottom:15px;display:flex;align-items:center;gap:10px}.footer-contact i{color:var(--primary-red)}.footer-bottom{background-color:#002863;padding:20px 0;text-align:center}.footer-bottom p{color:rgb(255 255 255 / .5);font-size:.9rem}.whatsapp-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#25D366;color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 10px 20px rgb(37 211 102 / .3);z-index:1000;transition:var(--transition-fast)}.whatsapp-btn:hover{transform:scale(1.1);background-color:#1EBE5D}.animate-up{opacity:0;transform:translateY(30px);animation:fadeUp 0.8s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:0.2s}.delay-2{animation-delay:0.4s}.delay-3{animation-delay:0.6s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal.left{transform:translateX(-40px)}.reveal.left.active{transform:translateX(0)}.reveal.right{transform:translateX(40px)}.reveal.right.active{transform:translateX(0)}@media (max-width:992px){.domains-gallery{grid-template-columns:repeat(2,1fr)}.domain-item:nth-child(1){grid-column:span 2}.domain-item:nth-child(4){grid-column:span 1}.about-container,.contact-container{flex-direction:column}.footer-container{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-menu{position:absolute;top:100%;left:0;width:100%;background:var(--white);flex-direction:column;padding:20px;box-shadow:0 10px 20px rgb(0 0 0 / .1);display:none}.nav-menu.active{display:block}.nav-menu ul{flex-direction:column;gap:15px}.mobile-toggle{display:block}.nav-cta{display:none}.hero-content h1{font-size:3rem}.hero-content h2{font-size:1.5rem}.hero-buttons{flex-direction:column}.domains-gallery{grid-template-columns:1fr;grid-auto-rows:250px}.domain-item:nth-child(1){grid-column:span 1;grid-row:span 1}.footer-container{grid-template-columns:1fr;gap:30px}}