/* ==================== VARIABLES ==================== */:root{--primary-blue:#1a6baf;--light-blue:#e6f2ff;--accent-teal:#2ec4b6;--accent-orange:#ff9f1c;--white:#ffffff;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#495057;--black:#212529;--soft-shadow:0 4px 20px rgba(0,0,0,0.08);--hard-shadow:0 8px 30px rgba(0,0,0,0.12);}/* ==================== RESET Y ESTILOS BASE ==================== */ *{margin:0;padding:0;box-sizing:border-box;}body{font-family:"Poppins",sans-serif;line-height:1.6;color:var(--dark-gray);background-color:var(--light-gray);overflow-x:hidden;}a{text-decoration:none;color:inherit;}ul{list-style:none;}img{max-width:100%;height:auto;}/* ==================== NAVBAR ==================== */ .navbar{background-color:var(--white);box-shadow:var(--soft-shadow);position:fixed;width:100%;top:0;z-index:1000;}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;}.navbar-brand{display:flex;align-items:center;}.logo{height:50px;margin-right:1rem;}.brand-text h1{font-size:1.5rem;color:var(--primary-blue);}.brand-text span{display:block;font-size:0.9rem;color:var(--dark-gray);}.nav-links{display:flex;align-items:center;}.nav-links li{margin-left:1.5rem;position:relative;}.nav-links a{font-weight:500;color:var(--primary-blue);transition:color 0.3s;}.nav-links a:hover{color:var(--accent-teal);}/* Dropdown Menu */ .dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--white);min-width:200px;box-shadow:var(--hard-shadow);border-radius:4px;padding:0.5rem 0;z-index:100;}.dropdown:hover .dropdown-menu{display:block;}.dropdown-menu li{margin:0;padding:0.5rem 1rem;}.dropdown-menu a{display:block;padding:0.5rem 0;color:var(--dark-gray);}.dropdown-menu a:hover{color:var(--accent-teal);}/* Hamburger Menu (Mobile) */ .hamburger{display:none;cursor:pointer;}.hamburger span{display:block;width:25px;height:3px;background-color:var(--primary-blue);margin:5px 0;transition:all 0.3s;}/* ==================== HERO SECTION ==================== */ .service-hero{padding:8rem 2rem 4rem;background:linear-gradient( 135deg,var(--light-blue) 0%,rgba(255,255,255,0.9) 100% );color:var(--primary-blue);text-align:center;}.service-content{max-width:1200px;margin:0 auto;}.service-title{font-size:2.5rem;margin-bottom:1.5rem;color:var(--primary-blue);}.service-title span{color:var(--accent-teal);}.service-intro{font-size:1.2rem;max-width:800px;margin:0 auto 2rem;color:var(--dark-gray);}.hero-img{margin-top:2rem;border-radius:8px;overflow:hidden;box-shadow:var(--hard-shadow);}/* ==================== BENEFITS SECTION ==================== */ .benefits-section{padding:4rem 2rem;background-color:var(--white);}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;}.benefit-card{background-color:var(--light-gray);padding:2rem;border-radius:8px;transition:transform 0.3s,box-shadow 0.3s;border-left:4px solid var(--accent-teal);}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--hard-shadow);border-left-color:var(--accent-orange);}.benefit-icon{font-size:2.5rem;color:var(--primary-blue);margin-bottom:1rem;}.benefit-title{font-size:1.3rem;margin-bottom:1rem;color:var(--primary-blue);}/* ==================== GALLERY SECTION ==================== */ .gallery-section{padding:4rem 2rem;background-color:var(--light-gray);}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;}.gallery-item{border-radius:8px;overflow:hidden;box-shadow:var(--soft-shadow);transition:transform 0.3s;}.gallery-item:hover{transform:scale(1.03);}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;}/* ==================== CTA SECTION ==================== */ .cta-section{padding:4rem 2rem;background:linear-gradient(135deg,var(--primary-blue) 0%,#144b8a 100%);color:var(--white);text-align:center;}.cta-title{font-size:2rem;margin-bottom:1rem;}.cta-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem;}.cta-btn{display:inline-flex;align-items:center;padding:0.8rem 1.5rem;border-radius:50px;font-weight:600;transition:all 0.3s;}.btn-whatsapp{background-color:#25d366;color:var(--white);}.btn-whatsapp:hover{background-color:#0d8d3c;color:var(--white);}.btn-call{background-color:var(--white);color:var(--primary-blue);}.cta-btn i{margin-right:0.5rem;font-size:1.2rem;}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.2);}/* ==================== FOOTER ==================== */ .footer{background:linear-gradient(135deg,var(--primary-blue) 0%,#144b8a 100%);color:var(--white);padding:4rem 2rem 2rem;position:relative;}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;}.footer-logo{height:60px;width:60px;margin-bottom:1rem;}.footer-links h3{font-size:1.2rem;margin-bottom:1.5rem;color:var(--white);}.footer-links li{margin-bottom:0.8rem;}.footer-links a:hover{color:var(--accent-orange);}.footer-social{display:flex;gap:1rem;margin-top:1.5rem;}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(255,255,255,0.1);border-radius:50%;transition:all 0.3s;}.footer-social a:hover{background-color:var(--accent-orange);transform:translateY(-3px);}.newsletter-form{display:flex;margin-top:1rem;}.newsletter-form input{flex:1;padding:0.8rem;border:none;border-radius:4px 0 0 4px;}.newsletter-form button{padding:0 1.5rem;background-color:var(--accent-teal);color:var(--white);border:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color 0.3s;}.newsletter-form button:hover{background-color:var(--primary-blue);}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;}.legal-links{display:flex;gap:1.5rem;}.legal-links a:hover{color:var(--accent-orange);}/* ==================== WHATSAPP FLOAT ==================== */ .whatsapp-float{position:fixed;bottom:2rem;right:2rem;background-color:#25d366;color:var(--white);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 5px 15px rgba(0,0,0,0.2);transition:all 0.3s;z-index:999;animation:pulse 2s infinite;}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,0.3);}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.7);}70%{box-shadow:0 0 0 15px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}/* ==================== RESPONSIVE DESIGN ==================== */ @media (max-width:992px){.navbar-container{padding:1rem;}.nav-links{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background-color:var(--white);flex-direction:column;align-items:center;padding:2rem 0;transition:left 0.3s;}.nav-links.active{left:0;}.nav-links li{margin:1rem 0;}.dropdown-menu{position:static;box-shadow:none;display:none;width:100%;padding-left:1rem;}.dropdown:hover .dropdown-menu{display:none;}.dropdown.active .dropdown-menu{display:block;}.hamburger{display:block;}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.hamburger.active span:nth-child(2){opacity:0;}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);}}@media (max-width:768px){.service-title{font-size:2rem;}.cta-buttons{flex-direction:column;align-items:center;}.cta-btn{width:100%;justify-content:center;}.footer-bottom{flex-direction:column;text-align:center;gap:1rem;}.legal-links{flex-direction:column;gap:0.5rem;}}