:root{
    --ink:#1a1512; --ink-2:#2c241d; --paper:#f4ede2; --paper-2:#ece0cd;
    --sun:#f4861f; --sun-deep:#d9680a; --ember:#c23616; --leaf:#3f5f2e;
    --line:rgba(26,21,18,.14); --brand:#134a29; --brand-2:#0e3a20; --display:"Barlow Condensed",Impact,sans-serif;
    --body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{font-family:var(--display);line-height:.95;text-transform:uppercase;letter-spacing:-.01em}

  .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
  .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-size:1.1rem;text-transform:uppercase;letter-spacing:.03em;padding:.85rem 1.6rem;border-radius:2px;transition:transform .15s ease,box-shadow .15s ease}
  .btn:hover{transform:translateY(-2px)}
  .btn-sun{background:var(--sun);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
  .btn-sun:hover{box-shadow:6px 6px 0 var(--ink)}
  .btn-ghost{border:2px solid var(--ink);color:var(--ink)}

  /* HEADER */
  header{position:sticky;top:0;z-index:50;background:var(--brand);color:var(--paper);box-shadow:0 2px 0 rgba(0,0,0,.25)}
  .bar{display:flex;align-items:center;justify-content:space-between;height:68px}
  .logo{display:flex;align-items:center}
  .logo img{height:42px;width:auto}
  nav a{font-family:var(--display);text-transform:uppercase;font-size:1rem;letter-spacing:.04em;margin-left:1.4rem;opacity:.85;transition:opacity .2s}
  nav a:hover{opacity:1;color:var(--sun)}
  .hdr-cta{background:var(--sun);color:var(--ink);padding:.45rem 1rem;border-radius:2px;font-weight:800}
  @media(max-width:820px){nav{display:none}}

  /* HERO */
  .hero{position:relative;background:var(--ink) url("https://images.unsplash.com/photo-1770172343755-adeb277401fc?q=70&w=1600&auto=format&fit=crop") center/cover no-repeat;color:var(--paper);padding:72px 0 96px;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(18,14,11,.92) 0%,rgba(18,14,11,.72) 45%,rgba(18,14,11,.35) 100%),
    radial-gradient(900px 500px at 78% -10%,rgba(244,134,31,.34),transparent 60%);}
  .hero .wrap{position:relative;z-index:2}
  .eyebrow{display:inline-block;font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--sun);font-size:.95rem;margin-bottom:14px;border-left:3px solid var(--sun);padding-left:10px}
  .hero h1{font-size:clamp(3rem,9vw,6.5rem);font-weight:800}
  .hero h1 span{color:var(--sun);display:block}
  .hero p.lead{max-width:560px;margin:20px 0 8px;font-size:1.15rem;opacity:.92}
  .services{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px}
  .pill{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:1rem;padding:.35rem .9rem;border:1.5px solid rgba(244,237,226,.4);border-radius:40px}
  .pill b{color:var(--sun)}
  .hero-actions{display:flex;flex-wrap:wrap;gap:14px}
  .parcela{margin-top:26px;font-size:.95rem;opacity:.8}
  .parcela b{color:var(--sun)}

  /* strip */
  .strip{background:var(--sun);color:var(--ink);overflow:hidden;white-space:nowrap;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
  .strip ul{display:inline-flex;gap:2.5rem;padding:.6rem 0;font-family:var(--display);text-transform:uppercase;font-size:1.1rem;letter-spacing:.05em;animation:marq 28s linear infinite;list-style:none}
  .strip:hover ul{animation-play-state:paused}
  @keyframes marq{to{transform:translateX(-50%)}}

  /* SECTION */
  section{padding:84px 0}
  .sec-head{margin-bottom:40px;max-width:720px}
  .sec-head .k{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--sun-deep);font-size:.9rem}
  .sec-head h2{font-size:clamp(2.2rem,5vw,3.6rem);margin-top:8px}

  /* PRODUCT GRID */
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
  .card{position:relative;background:var(--ink);color:var(--paper);border-radius:4px;padding:26px 22px 24px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s}
  .card:hover{transform:translateY(-4px)}
  .card .num{font-family:var(--display);font-size:3rem;color:rgba(244,134,31,.25);line-height:1}
  .card h3{font-size:1.7rem;margin:6px 0}
  .card p{font-size:.92rem;opacity:.8}
  .card.sun{background:var(--sun);color:var(--ink)}
  .card.sun .num{color:rgba(26,21,18,.2)}

  /* MODELOS */
  .modelos{background:var(--ink-2);color:var(--paper)}
  .mod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
  .mod{border:1.5px solid rgba(244,237,226,.22);border-radius:4px;padding:28px 22px;transition:border-color .2s,background .2s}
  .mod:hover{border-color:var(--sun);background:rgba(244,134,31,.07)}
  .mod h3{color:var(--sun);font-size:1.6rem}
  .mod p{opacity:.82;font-size:.95rem;margin-top:6px}
  .tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
  .tag{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;background:var(--sun);color:var(--ink);padding:.3rem .8rem;border-radius:2px;font-size:.95rem}

  /* USOS */
  .usos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
  .uso{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--paper-2);border-left:4px solid var(--sun);border-radius:2px;font-weight:600}
  .uso svg{flex:0 0 22px}

  /* PUBLICO */
  .publico{background:var(--leaf);color:var(--paper)}
  .pub-list{columns:2;column-gap:40px;max-width:760px;font-family:var(--display);text-transform:uppercase;font-size:1.4rem;letter-spacing:.01em}
  .pub-list li{list-style:none;padding:10px 0;border-bottom:1px solid rgba(244,237,226,.2)}
  .pub-list li::before{content:"▶ ";color:var(--sun);font-size:.8em}
  @media(max-width:560px){.pub-list{columns:1}}

  /* CTA FINAL */
  .final{background:var(--ink);color:var(--paper);text-align:center;position:relative;overflow:hidden}
  .final::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 50% -20%,rgba(244,134,31,.35),transparent 60%)}
  .final .wrap{position:relative;z-index:2}
  .final h2{font-size:clamp(2.4rem,6vw,4.5rem)}
  .final p{opacity:.88;margin:14px auto 30px;max-width:540px}

  /* FOOTER */
  footer{background:#120e0b;color:rgba(244,237,226,.7);padding:48px 0 34px;font-size:.92rem}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;margin-bottom:30px}
  footer h4{font-family:var(--display);color:var(--sun);text-transform:uppercase;font-size:1.1rem;margin-bottom:12px;letter-spacing:.05em}
  footer a:hover{color:var(--sun)}
  .foot-bottom{border-top:1px solid rgba(244,237,226,.15);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.82rem;opacity:.65}
  @media(max-width:700px){.foot-grid{grid-template-columns:1fr}}

  /* WhatsApp float */
  .wa{position:fixed;right:20px;bottom:20px;z-index:60;background:#25d366;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .2s}
  .wa:hover{transform:scale(1.08)}

  .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}

  /* ===== INNER PAGES ===== */
  .crumbs{background:var(--paper-2);border-bottom:1px solid var(--line);font-size:.9rem}
  .crumbs .wrap{padding-top:12px;padding-bottom:12px}
  .crumbs a{color:var(--sun-deep);font-weight:600}
  .crumbs a:hover{color:var(--ember)}
  .crumbs i{color:var(--line);font-style:normal;margin:0 4px}
  .crumbs span[aria-current]{opacity:.7}
  .phero{position:relative;background:var(--ink);color:var(--paper);padding:60px 0 66px;overflow:hidden}
  .phero::before{content:"";position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(18,14,11,.94) 0%,rgba(18,14,11,.7) 55%,rgba(18,14,11,.4) 100%),
    radial-gradient(800px 460px at 82% -10%,rgba(244,134,31,.4),transparent 60%)}
  .phero .wrap{position:relative;z-index:2}
  .phero h1{font-size:clamp(2.4rem,6.5vw,4.6rem);font-weight:800;max-width:18ch}
  .phero h1 span{color:var(--sun)}
  .phero p.lead{max-width:60ch;margin:18px 0 26px;font-size:1.12rem;opacity:.92}
  .phero .hero-actions{display:flex;flex-wrap:wrap;gap:14px}
  .prose{max-width:70ch}
  .prose p{font-size:1.05rem;margin-bottom:16px}
  .prose strong{color:var(--ink)}
  .section-alt{background:var(--paper-2)}
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
  .step{background:var(--ink);color:var(--paper);border-radius:4px;padding:24px 22px}
  .step h3{color:var(--sun);font-size:1.4rem;margin-bottom:6px}
  .step p{opacity:.85;font-size:.95rem}
  .rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
  .rel-grid a{display:flex;align-items:center;gap:10px;background:var(--paper);border:1.5px solid var(--line);border-left:4px solid var(--sun);border-radius:2px;padding:15px 18px;font-weight:600;font-size:.98rem;transition:transform .15s,box-shadow .15s}
  .rel-grid a:hover{transform:translateX(3px);box-shadow:4px 4px 0 var(--ink)}
  .rel-grid a b{color:var(--sun-deep)}
  .faq{max-width:820px}
  .faq details{border:1.5px solid var(--line);border-radius:4px;padding:2px 20px;margin-bottom:12px;background:var(--paper)}
  .faq summary{cursor:pointer;font-family:var(--display);text-transform:uppercase;font-size:1.15rem;padding:16px 0;list-style:none;position:relative;padding-right:30px}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";position:absolute;right:2px;top:12px;color:var(--sun-deep);font-size:1.6rem}
  .faq details[open] summary::after{content:"–"}
  .faq details p{padding:0 0 16px;opacity:.85}
  section{padding:60px 0}