:root{--primary: #1a1a2e;--secondary: #16213e;--accent: #ffc107;--accent-dark: #e0a800;--danger: #e63946;--success: #2a9d8f;--light: #f8f9fa;--dark: #0f0f1e;--text: #333;--text-light: #6c757d;--gradient-1: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--gradient-2: linear-gradient(135deg, #ffc107 0%, #ff8c00 100%);--gradient-3: linear-gradient(135deg, #e63946 0%, #c1121f 100%);--shadow: 0 10px 30px rgba(0,0,0,.1);--shadow-hover: 0 15px 40px rgba(0,0,0,.15)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;color:var(--text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--primary)}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-1);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease}#preloader.loaded{opacity:0;pointer-events:none}.loader{text-align:center;color:#fff}.loader i{font-size:4rem;color:var(--accent);animation:pulse 1.5s infinite}.loader p{margin-top:1rem;font-size:1.5rem;font-weight:700;letter-spacing:3px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.top-bar{background:var(--dark);color:#fff;padding:10px 0;font-size:.85rem}.top-bar a{color:#fff;margin-left:15px;transition:color .3s}.top-bar a:hover{color:var(--accent)}.navbar{background:var(--gradient-1);padding:15px 0;box-shadow:var(--shadow);transition:all .3s ease}.navbar.scrolled{padding:10px 0;background:#1a1a2ef2;backdrop-filter:blur(10px)}.logo-box{display:flex;align-items:center;gap:10px}.logo-box i{font-size:2rem;color:var(--accent)}.brand-name{font-size:1.5rem;font-weight:800;display:block;line-height:1}.brand-sub{font-size:.7rem;letter-spacing:2px;color:#ccc}.nav-link{color:#fff!important;font-weight:500;margin:0 5px;position:relative;transition:color .3s}.nav-link:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:var(--accent);transition:all .3s;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link:hover,.nav-link.active{color:var(--accent)!important}.hero-section{position:relative;background:var(--gradient-1);color:#fff;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,193,7,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(230,57,70,.1) 0%,transparent 50%);z-index:1}.hero-section .carousel,.hero-section .carousel-inner,.hero-section .carousel-item{height:100%}.hero-section .container{position:relative;z-index:2}.badge-hero{display:inline-block;background:#ffc10733;color:var(--accent);padding:8px 20px;border-radius:30px;font-weight:600;margin-bottom:20px;border:1px solid rgba(255,193,7,.3)}.hero-section h1{color:#fff;line-height:1.2}.hero-section .lead{color:#e0e0e0;font-size:1.1rem}.hero-icon-box{width:300px;height:300px;background:var(--gradient-2);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto;box-shadow:0 20px 60px #ffc1074d;animation:float 3s ease-in-out infinite}.hero-icon-box i{font-size:8rem;color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;animation:bounce 2s infinite}.scroll-indicator a{color:#fff;font-size:2rem}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.section-badge{display:inline-block;background:#ffc1071a;color:var(--accent-dark);padding:6px 18px;border-radius:20px;font-weight:600;font-size:.9rem;margin-bottom:15px;border:1px solid rgba(255,193,7,.3)}.section-title{font-size:2.5rem;margin-bottom:15px;position:relative}.stats-section{background:var(--gradient-1);padding:60px 0;margin-top:-100px;position:relative;z-index:10;border-radius:20px;max-width:1200px;margin-left:auto;margin-right:auto;box-shadow:var(--shadow)}.stat-box{text-align:center;color:#fff;padding:20px}.stat-box i{font-size:3rem;color:var(--accent);margin-bottom:15px}.stat-box h2{font-size:3rem;color:#fff;font-weight:800;margin-bottom:5px}.stat-box p{color:#ccc;margin:0;font-size:.95rem}.about-img-wrapper{position:relative}.about-img-box{width:100%;height:450px;background:var(--gradient-1);border-radius:20px;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.about-img-box:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,193,7,.2) 0%,transparent 70%);animation:rotate 20s linear infinite}.about-img-box i{font-size:10rem;color:var(--accent);position:relative;z-index:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.experience-badge{position:absolute;bottom:-30px;right:30px;background:var(--gradient-2);color:#fff;padding:20px 30px;border-radius:15px;text-align:center;box-shadow:var(--shadow)}.experience-badge h3{color:#fff;font-size:2rem;margin:0}.experience-badge p{margin:0;font-size:.9rem}.about-feature{display:flex;gap:15px;align-items:flex-start;padding:15px;background:var(--light);border-radius:10px;transition:all .3s}.about-feature:hover{transform:translate(5px);box-shadow:var(--shadow)}.about-feature i{font-size:1.5rem;flex-shrink:0}.about-feature h6{margin:0 0 3px;font-size:.95rem}.why-card{background:#fff;padding:30px;border-radius:15px;text-align:center;box-shadow:var(--shadow);transition:all .3s;height:100%;border-top:4px solid transparent}.why-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover);border-top-color:var(--accent)}.why-icon{width:70px;height:70px;background:var(--gradient-2);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;color:#fff;font-size:1.8rem}.service-card{background:#fff;padding:35px 30px;border-radius:15px;box-shadow:var(--shadow);transition:all .3s;height:100%;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-2);transform:scaleX(0);transition:transform .3s;transform-origin:left}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}.service-card.featured{background:var(--gradient-1);color:#fff}.service-card.featured h4,.service-card.featured p,.service-card.featured li{color:#fff}.featured-badge{position:absolute;top:15px;right:15px;background:var(--accent);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.service-icon{width:80px;height:80px;background:#ffc1071a;border-radius:20px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-size:2.5rem;color:var(--accent);transition:all .3s}.service-card:hover .service-icon{background:var(--gradient-2);color:#fff;transform:rotate(10deg)}.service-card ul{list-style:none;padding:0;margin-top:15px}.service-card li{padding:5px 0;color:var(--text-light)}.service-card li i{color:var(--success);margin-right:8px}.products-section{background:var(--light)}#productTabs .nav-link{color:var(--primary)!important;background:#fff;border-radius:30px;padding:10px 25px;margin:0 5px;font-weight:600;box-shadow:var(--shadow);transition:all .3s}#productTabs .nav-link.active{background:var(--gradient-2);color:#fff!important}.product-image-box{width:100%;height:400px;border-radius:20px;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:var(--shadow)}.product-image-box.essence{background:var(--gradient-3)}.product-image-box.gazole{background:var(--gradient-1)}.product-image-box i{font-size:10rem;color:#fff;opacity:.9}.product-tag{position:absolute;top:20px;right:20px;background:var(--accent);color:var(--primary);padding:8px 20px;border-radius:20px;font-weight:700}.product-features{margin-top:25px}.feature-item{display:flex;gap:15px;margin-bottom:20px;align-items:flex-start}.feature-item i{font-size:1.8rem;color:var(--accent);flex-shrink:0;background:#ffc1071a;width:50px;height:50px;border-radius:12px;display:flex;justify-content:center;align-items:center}.feature-item h6{margin:0 0 3px}.feature-item p{margin:0;color:var(--text-light);font-size:.9rem}.mini-product-card{background:#fff;padding:30px;border-radius:15px;text-align:center;box-shadow:var(--shadow);transition:all .3s;height:100%}.mini-product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}.mini-product-card i{font-size:3rem;color:var(--accent);margin-bottom:15px}.coverage-section{background:#fff}.region-card{background:#fff;padding:25px;border-radius:15px;box-shadow:var(--shadow);transition:all .3s;text-align:center;border:2px solid transparent;height:100%}.region-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:var(--shadow-hover)}.region-card i{font-size:2.5rem;color:var(--accent);margin-bottom:15px}.region-card h5{margin-bottom:5px}.region-card p{color:var(--text-light);font-size:.9rem;margin-bottom:10px}.region-status{font-size:.85rem;font-weight:600;color:var(--success)}.process-card{background:#fff;padding:30px 20px;border-radius:15px;text-align:center;box-shadow:var(--shadow);position:relative;transition:all .3s;height:100%}.process-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}.process-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--gradient-2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;box-shadow:var(--shadow)}.process-card i{font-size:3rem;color:var(--accent);margin:20px 0 15px}.testimonials-section{background:var(--gradient-1);color:#fff}.testimonials-section .section-title{color:#fff}.testimonials-section .text-muted{color:#ccc!important}.testimonial-card{background:#fff;padding:30px;border-radius:15px;color:var(--text);position:relative;transition:all .3s;height:100%}.testimonial-card:hover{transform:translateY(-10px)}.testimonial-card.featured{background:var(--gradient-2);color:#fff}.testimonial-card.featured p,.testimonial-card.featured small{color:#fff}.quote-icon{font-size:3rem;color:var(--accent);line-height:1;margin-bottom:10px}.stars{color:var(--accent);margin-bottom:15px}.testimonial-author{display:flex;align-items:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.testimonial-card.featured .testimonial-author{border-top-color:#ffffff4d}.author-avatar i{font-size:3rem;color:var(--accent)}.testimonial-author h6{margin:0;font-size:1rem}.testimonial-card.featured h6{color:#fff}.accordion-item{border:none;margin-bottom:15px;border-radius:10px!important;overflow:hidden;box-shadow:var(--shadow)}.accordion-button{background:#fff;color:var(--primary);font-weight:600;padding:20px}.accordion-button:not(.collapsed){background:var(--gradient-1);color:#fff;box-shadow:none}.accordion-button:focus{box-shadow:none;border-color:transparent}.accordion-button:after{filter:brightness(0) invert(0)}.accordion-button:not(.collapsed):after{filter:brightness(1) invert(1)}.cta-section{background:var(--gradient-2);padding:60px 0;color:#fff}.cta-section h2{color:#fff}.contact-section{background:var(--light)}.contact-info-card,.contact-form-card{background:#fff;padding:35px;border-radius:15px;box-shadow:var(--shadow);height:100%}.contact-item{display:flex;gap:15px;margin-bottom:25px;align-items:flex-start}.contact-icon{width:50px;height:50px;background:var(--gradient-2);border-radius:12px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.3rem;flex-shrink:0}.contact-item h6{margin:0 0 5px}.contact-item p{margin:0;color:var(--text-light)}.social-box{display:flex;gap:10px;margin-top:25px;padding-top:25px;border-top:1px solid #eee}.social-box a{width:40px;height:40px;background:var(--light);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--primary);transition:all .3s}.social-box a:hover{background:var(--gradient-2);color:#fff;transform:translateY(-3px)}.form-control,.form-select{padding:12px 15px;border:2px solid #eee;border-radius:10px;transition:all .3s}.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem #ffc10740}.btn{border-radius:30px;padding:10px 25px;font-weight:600;transition:all .3s}.btn-warning{background:var(--gradient-2);border:none;color:#fff}.btn-warning:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffc10766;color:#fff}.btn-outline-light{border-width:2px}.footer{background:var(--dark);color:#fff;padding:60px 0 20px}.footer h5{color:#fff;margin-bottom:20px;font-size:1.1rem;position:relative;padding-bottom:10px}.footer h5:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--accent)}.footer-logo{display:flex;align-items:center;gap:15px}.footer-logo i{font-size:2.5rem;color:var(--accent)}.footer-logo h4{color:#fff;margin:0}.footer-logo small{color:#aaa;font-size:.8rem}.footer ul{list-style:none;padding:0}.footer ul li{margin-bottom:10px}.footer ul li a{color:#ccc;text-decoration:none;transition:all .3s}.footer ul li a:hover{color:var(--accent);padding-left:5px}.footer-contact li{display:flex;align-items:center;gap:10px;color:#ccc}.footer-contact i{color:var(--accent)}.footer-social{display:flex;gap:10px;margin-top:20px}.footer-social a{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;transition:all .3s}.footer-social a:hover{background:var(--accent);color:var(--primary);transform:translateY(-3px)}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem;box-shadow:0 5px 20px #25d36666;z-index:999;animation:pulse-green 2s infinite;text-decoration:none}@keyframes pulse-green{0%,to{box-shadow:0 5px 20px #25d36666}50%{box-shadow:0 5px 30px #25d366cc}}.back-to-top{position:fixed;bottom:30px;left:30px;width:50px;height:50px;background:var(--gradient-2);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;box-shadow:var(--shadow);z-index:999;opacity:0;visibility:hidden;transition:all .3s;text-decoration:none}.back-to-top.show{opacity:1;visibility:visible}@media (max-width: 991px){.section-title{font-size:2rem}.hero-section h1{font-size:2.5rem}.hero-icon-box{width:200px;height:200px;margin-top:30px}.hero-icon-box i{font-size:5rem}.stats-section{margin-top:0;border-radius:0}}@media (max-width: 768px){.top-bar{display:none}.section-title{font-size:1.7rem}.hero-section h1,.stat-box h2{font-size:2rem}.about-img-box{height:300px}.about-img-box i{font-size:6rem}}