:root {
      --bg: #eeeee0;
      --surface: #f8f7f0;
      --surface-2: #ffffff;
      --surface-3: #e7e7d8;
      --text: #222831;
      --muted: #5e6673;
      --line: #d7d4c4;
      --primary: #4f8a8b;
      --accent: #fbd46d;
      --accent-text: #2b2100;
      --shadow: 0 18px 50px rgba(34,40,49,.12);
      --shadow-sm: 0 4px 14px rgba(34,40,49,.08);
      --radius: 18px;
      --radius-sm: 12px;
      --content: 1140px;
      --body: 'Inter', sans-serif;
      --display: 'Merriweather', serif;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:84px} body{margin:0;font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.7} a{color:inherit;text-decoration:none} button,input{font:inherit} img,svg{max-width:100%;display:block}
    .container{width:min(calc(100% - 2rem),var(--content));margin:auto}
    .skip{position:absolute;left:-999px;top:0}.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--accent);color:var(--accent-text);padding:.75rem 1rem;border-radius:999px}
    .topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--text) 10%, transparent)}
    .topbar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
    .brand{display:flex;align-items:center;line-height:0}
    .nav{display:flex;gap:1.25rem;align-items:center}.nav a{font-size:.95rem;color:var(--muted);font-weight:600}.nav a:hover{color:var(--primary)}
    .actions{display:flex;gap:.75rem;align-items:center}.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm)}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.15rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:700;transition:.2s ease;cursor:pointer}
    .btn-primary{background:var(--accent);color:var(--accent-text);box-shadow:0 8px 24px rgba(251,212,109,.28)}.btn-primary:hover{transform:translateY(-1px);background:#f7c73f}
    .btn-secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-teal{background:var(--primary);color:#fff}.btn-teal:hover{background:#3e7374}
    h1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-.02em;margin:0} h1{font-size:clamp(1.85rem,3.8vw,3rem);max-width:22ch;line-height:1.12} h2{font-size:clamp(1.8rem,3vw,2.8rem)} h3{font-size:1.2rem}
    p{margin:0} .eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:999px;background:rgba(79,138,139,.12);color:var(--primary);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
    .hero{padding:4.75rem 0 4rem}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:2.5rem;align-items:center}.hero p{margin-top:.85rem;max-width:54ch;color:var(--muted);font-size:1rem;line-height:1.8}
    .hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
    .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.hero-stats > div{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}.hero-stats strong{display:block;color:var(--primary);font-size:1.2rem}.hero-stats span{color:var(--muted);font-size:.82rem}
    .hero-card{background:linear-gradient(180deg,var(--surface-2),var(--surface-3));border:1px solid color-mix(in srgb,var(--primary) 18%, var(--line));border-radius:24px;padding:1.25rem;box-shadow:var(--shadow)}
    .hero-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.hero-card-top p{color:var(--muted);font-size:.95rem;line-height:1.6}
    .card-value{font-family:var(--display);font-size:2.4rem;color:var(--text);line-height:1}
    .chart{display:flex;align-items:flex-end;gap:8px;height:168px;padding:1rem;background:var(--bg);border:1px solid var(--line);border-radius:16px}.bar{flex:1;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--primary),#79b2b3)}.bar:nth-child(1){height:35%}.bar:nth-child(2){height:50%}.bar:nth-child(3){height:63%}.bar:nth-child(4){height:76%}.bar:nth-child(5){height:90%}.bar:nth-child(6){height:98%;background:linear-gradient(180deg,var(--accent),var(--primary))}
    .quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.quick div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:.85rem}.quick strong{display:block;font-size:.92rem;color:var(--primary)}.quick span{font-size:.78rem;color:var(--muted)}
    .section{padding:4rem 0}.section.alt{background:var(--surface)}.section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:end;margin-bottom:2rem}.section-head p{color:var(--muted);max-width:62ch;line-height:1.8}
    .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
    .card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm);transition:.2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
    .card .tag{display:inline-flex;padding:.3rem .7rem;border-radius:999px;background:rgba(79,138,139,.12);color:var(--primary);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:.9rem}.card h3{margin-bottom:.55rem}.card p{color:var(--muted);font-size:.96rem;line-height:1.76}.list{list-style:none;padding:0;margin:.9rem 0 0;display:grid;gap:.6rem}.list li{display:flex;gap:.55rem;align-items:flex-start;color:var(--text);font-size:.96rem;line-height:1.6}.list li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;margin-top:.55rem}
    .method{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem}.steps{display:grid;gap:.75rem}.step{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}.num{width:34px;height:34px;border-radius:50%;background:var(--text);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.82rem}.step strong{display:block;margin-bottom:.15rem}.step p{color:var(--muted);font-size:.95rem;line-height:1.7}
    .who{background:linear-gradient(180deg,var(--surface-2),var(--surface-3));border:1px solid color-mix(in srgb,var(--primary) 18%, var(--line));border-radius:24px;padding:1.25rem;box-shadow:var(--shadow-md)}.who .item{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--line)}.who .item:last-child{border-bottom:none}.badge{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-weight:800}.who strong{display:block;margin-bottom:.12rem}.who p{color:var(--muted);font-size:.94rem;line-height:1.65}
    .calc{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.calc .panel{background:var(--surface-2);border:1px solid var(--line);border-radius:24px;padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;margin-top:1rem}.field{display:grid;gap:.35rem}.field label{font-weight:700;font-size:.92rem}.field small{color:var(--muted);font-size:.78rem}.field input{height:48px;min-height:48px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);padding:0 1rem;color:var(--text);width:100%;font-size:.95rem}.field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,138,139,.16)}.full{grid-column:1/-1}.results{background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border-radius:24px;border:1px solid color-mix(in srgb,var(--primary) 16%, var(--line));padding:1.25rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.results .box{background:var(--text);color:#fff;border-radius:18px;padding:1rem 1.1rem;margin-top:1rem}.results .box strong{display:block;font-family:var(--display);font-size:1.45rem;color:var(--accent);margin:.35rem 0}.results .box p{color:rgba(255,255,255,.84);font-size:.96rem;line-height:1.72}.results .box .cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
    .audience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.audience .card{padding:1.1rem}.audience h3{margin-bottom:.5rem}.audience p{color:var(--muted);font-size:.95rem;line-height:1.72}
    .cta{padding:1.9rem;border-radius:28px;background:linear-gradient(135deg,var(--text),#2e353e);color:#fff;display:grid;grid-template-columns:1.35fr .65fr;gap:1.5rem;align-items:center;box-shadow:var(--shadow)}.cta h2{font-size:clamp(1.9rem,3vw,3rem)}.cta p{color:rgba(255,255,255,.8);margin-top:.8rem;line-height:1.8}.cta .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.cta .btn-primary{background:var(--accent);color:var(--accent-text)}.cta .btn-secondary{color:#fff;border-color:rgba(255,255,255,.26);background:transparent}
    footer{padding:2.5rem 0 3rem;color:var(--muted)}.footer{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding-top:1.2rem;border-top:1px solid var(--line)}

    /* === CALCULADORA REFINADA === */

    .desp-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}
    .desp-label-row label{margin:0;font-weight:700;font-size:.92rem}
    .field label{display:block;font-weight:700;font-size:.92rem;margin-bottom:.35rem}
    .field small{display:block;margin-top:.3rem;color:var(--muted);font-size:.78rem;line-height:1.5}
    .toggle-desp{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:var(--bg)}
    .desp-btn{padding:.25rem .75rem;font-size:.82rem;font-weight:700;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:.15s}
    .desp-btn.active{background:var(--primary);color:#fff}
    .res-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem .9rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}
    .res-row span{color:var(--muted);font-size:.93rem}
    .res-row strong{font-size:1rem;font-weight:800}
    .res-row--highlight{border-color:color-mix(in srgb,var(--primary) 30%, var(--line));background:color-mix(in srgb,var(--primary) 7%, var(--surface-2))}
    .res-row--highlight strong{color:var(--primary);font-size:1.05rem}
    .menu{display:none}
    @media (max-width: 980px){.hero-grid,.section-head,.method,.calc,.cta,.footer{grid-template-columns:1fr}.grid-2,.audience,.hero-stats,.quick{grid-template-columns:1fr}.nav{display:none;position:absolute;top:100%;left:1rem;right:1rem;flex-direction:column;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}.nav.open{display:flex}.menu{display:grid}.cta .actions{justify-content:flex-start}}
    @media (max-width: 680px){h1{max-width:12ch;font-size:clamp(2.5rem,11vw,3.6rem)}.container{width:min(calc(100% - 1rem),var(--content))}.hero{padding-top:3.5rem}.form{grid-template-columns:1fr}.topbar-in{padding:.9rem 0}}
  
    .site-logo { display:block; transition: filter 0.2s; }