/* ── RESET & VARIABLES ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --black:#0d0d0d;--dark:#151515;--card:#1c1c1c;
  --teal:#2ec4a0;--orange:#ff6b1a;--white:#f5f5f5;
  --muted:#888;--border:rgba(255,255,255,0.08);
}
html{scroll-behavior:smooth;}
body{font-family:'Barlow',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;}
main{flex:1;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--black);}
::-webkit-scrollbar-thumb{background:var(--teal);}

/* ── HEADER / NAV ── */
header{position:fixed;top:0;width:100%;z-index:200;background:rgba(13,13,13,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:box-shadow 0.3s;}
header.scrolled{box-shadow:0 4px 40px rgba(0,0,0,0.5);}
.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:0.9rem 5%;}
.nav-logo img{height:52px;width:auto;display:block;}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center;}
.nav-links a{font-size:0.78rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color 0.2s;position:relative;padding-bottom:4px;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--teal);transition:width 0.3s;}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-links a.active{color:var(--teal);}
.nav-cta-btn{background:var(--orange)!important;color:var(--white)!important;padding:0.5rem 1.4rem;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);font-weight:700!important;}
.nav-cta-btn:hover{background:var(--teal)!important;color:var(--black)!important;}
.nav-cta-btn::after{display:none!important;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;}
.hamburger span{width:24px;height:2px;background:var(--white);display:block;transition:all 0.3s;}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* ── FOOTER ── */
footer{background:var(--dark);border-top:1px solid var(--border);}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:3rem;padding:4rem 5% 3rem;}
.footer-brand img{height:50px;margin-bottom:1rem;}
.footer-brand p{font-size:0.82rem;font-weight:300;color:var(--muted);line-height:1.8;max-width:240px;margin-bottom:1.2rem;}
.footer-social{display:flex;gap:0.75rem;}
.social-btn{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;font-size:0.9rem;transition:all 0.2s;}
.social-btn:hover{border-color:var(--teal);color:var(--teal);}
.footer-col h4{font-family:'Barlow Condensed',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--white);margin-bottom:1.25rem;padding-bottom:0.6rem;border-bottom:1px solid var(--border);}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:0.6rem;}
.footer-col ul li a{font-size:0.82rem;font-weight:300;color:var(--muted);text-decoration:none;transition:color 0.2s;display:flex;align-items:center;gap:0.4rem;}
.footer-col ul li a::before{content:'›';color:var(--teal);}
.footer-col ul li a:hover{color:var(--teal);}
.footer-contact-item{display:flex;gap:0.75rem;align-items:flex-start;margin-bottom:0.9rem;}
.footer-contact-item span:first-child{color:var(--teal);font-size:0.85rem;flex-shrink:0;margin-top:2px;}
.footer-contact-item a,.footer-contact-item p{font-size:0.82rem;font-weight:300;color:var(--muted);text-decoration:none;line-height:1.5;}
.footer-contact-item a:hover{color:var(--teal);}
.footer-bottom{border-top:1px solid var(--border);padding:1.25rem 5%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.footer-bottom p{font-size:0.72rem;color:var(--muted);}
.footer-bottom-links{display:flex;gap:1.5rem;}
.footer-bottom-links a{font-size:0.72rem;color:var(--muted);text-decoration:none;transition:color 0.2s;}
.footer-bottom-links a:hover{color:var(--teal);}

/* ── WHATSAPP FLOAT ── */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:999;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:transform 0.2s,box-shadow 0.2s;}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,0.6);}
.wa-float svg{width:28px;height:28px;fill:white;}

/* ── TICKER ── */
.ticker{background:var(--teal);color:var(--black);padding:0.6rem 0;overflow:hidden;white-space:nowrap;}
.ticker-inner{display:inline-block;animation:ticker 35s linear infinite;font-family:'Barlow Condensed',sans-serif;font-size:0.85rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;}
@keyframes ticker{from{transform:translateX(100vw);}to{transform:translateX(-100%);}}

/* ── PAGE BANNER ── */
.page-banner{padding:9rem 5% 4.5rem;background:var(--dark);position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.page-banner::after{content:'';position:absolute;right:0;top:0;width:40%;height:100%;background:radial-gradient(ellipse at right,rgba(46,196,160,0.06),transparent 70%);pointer-events:none;}
.page-banner-tag{font-size:0.68rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.6rem;}
.page-banner-tag::before{content:'';width:20px;height:2px;background:var(--teal);}
.page-banner h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3rem,7vw,6rem);font-weight:800;text-transform:uppercase;line-height:0.95;letter-spacing:-0.01em;}
.page-banner h1 span{color:var(--teal);}
.page-banner-line{width:40px;height:3px;background:var(--orange);margin-top:1.2rem;}

/* ── SECTION COMMONS ── */
section{padding:5.5rem 5%;}
.section-tag{font-size:0.68rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.6rem;}
.section-tag::before{content:'';width:20px;height:2px;background:var(--teal);}
h2.section-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:800;text-transform:uppercase;line-height:1;margin-bottom:0.75rem;letter-spacing:-0.01em;}
h2.section-title span{color:var(--teal);}
.section-line{width:40px;height:3px;background:var(--orange);margin-bottom:2rem;}

/* ── BUTTONS ── */
.btn{display:inline-block;padding:0.85rem 2rem;font-size:0.78rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;transition:all 0.25s;cursor:pointer;border:none;font-family:'Barlow',sans-serif;}
.btn-teal{background:var(--teal);color:var(--black);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);}
.btn-teal:hover{background:var(--orange);}
.btn-outline{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.3);}
.btn-outline:hover{border-color:var(--teal);color:var(--teal);}
.btn-orange{background:var(--orange);color:var(--white);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);}
.btn-orange:hover{background:var(--teal);color:var(--black);}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity 0.65s ease,transform 0.65s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ── MOBILE ── */
@media(max-width:900px){
  .nav-links{display:none;position:fixed;top:70px;left:0;width:100%;background:var(--dark);flex-direction:column;padding:2rem;gap:1.5rem;border-bottom:1px solid var(--border);z-index:199;}
  .nav-links.open{display:flex;}
  .hamburger{display:flex;}
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .footer-bottom-links{justify-content:center;}
}
@media(max-width:600px){
  .footer-top{grid-template-columns:1fr;}
}