/* Prospección — sitio público (landing, registro, legal) con la paleta del módulo */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#17231f;--muted:#5f6b65;--line:#e7ebe8;--paper:#f6f8f6;--white:#fff;--deep:#10251f;--green:#176b50;--green2:#e9f4ef;--lime:#d6f36a;--orange:#dd7a39;--red:#bc4a45;--shadow:0 10px 32px #17231f0f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}
a{color:var(--green)}
h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.035em;line-height:1.1;margin:0}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 18px;border-radius:10px;font:600 14px 'DM Sans';text-decoration:none;cursor:pointer}
.btn:hover{border-color:#a7b7ac}
.btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.btn.primary:hover{background:#125b43}
.btn.lime{background:var(--lime);border-color:var(--lime);color:var(--deep)}
.btn.ghost{background:transparent;color:#fff;border-color:#ffffff40}
.btn[disabled]{opacity:.6;cursor:wait}
/* Header */
.nav{position:sticky;top:0;z-index:10;background:#10251fee;backdrop-filter:blur(8px);color:#fff}
.nav .wrap{display:flex;align-items:center;gap:22px;height:66px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 16px Manrope}
.logo i{width:34px;height:34px;border-radius:10px;background:var(--lime);color:var(--deep);display:grid;place-items:center;font-style:normal}
.logo small{display:block;font:500 11px 'DM Sans';color:#aabbb1}
.nav-links{display:flex;gap:20px;margin-left:auto}
.nav-links a{color:#c5d2cb;text-decoration:none;font-size:14px}
.nav-links a:hover{color:#fff}
.nav .btn{padding:9px 14px}
/* Hero */
.hero{background:var(--deep);color:#edf5f0;padding:80px 0 90px;position:relative;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#176b5066,transparent 45%),radial-gradient(circle at 10% 90%,#d6f36a1f,transparent 40%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.eyebrow{color:var(--lime);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.hero h1{font-size:54px;font-weight:800;color:#fff}
.hero h1 em{font-style:normal;color:var(--lime)}
.hero p{font-size:18px;color:#c5d2cb;max-width:540px;margin:22px 0 30px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-note{font-size:13px;color:#8ea59a;margin-top:16px}
.mock{background:#fff;border-radius:16px;box-shadow:0 30px 80px #0006;padding:18px;color:var(--ink);transform:rotate(1deg)}
.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.mock-stat{border:1px solid var(--line);border-radius:10px;padding:10px}
.mock-stat small{font-size:10px;color:var(--muted)}
.mock-stat b{display:block;font:800 22px Manrope;letter-spacing:-.04em}
.mock-row{display:grid;grid-template-columns:90px 1fr 26px;gap:8px;align-items:center;font-size:11px;margin:8px 0}
.mock-bar{height:8px;background:#f0f3f1;border-radius:9px;overflow:hidden}
.mock-bar i{display:block;height:100%;background:var(--green);border-radius:9px}
.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.mock-card{background:#edf1ed;border-radius:8px;padding:8px;font-size:10px}
.mock-card div{background:#fff;border-radius:6px;padding:7px;margin-top:6px;border:1px solid var(--line)}
/* Sections */
section{padding:84px 0}
.section-head{max-width:700px;margin-bottom:40px}
.section-head .eyebrow{color:var(--green)}
.section-head h2{font-size:38px;font-weight:800}
.section-head p{color:var(--muted);font-size:17px;margin:14px 0 0}
.logos{padding:26px 0;border-bottom:1px solid var(--line);background:#fff}
.logos .wrap{display:flex;gap:34px;flex-wrap:wrap;justify-content:center;color:#8a958f;font-size:14px}
.problems{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow)}
.card .ico{width:40px;height:40px;border-radius:11px;background:var(--green2);color:var(--green);display:grid;place-items:center;font-size:18px;margin-bottom:14px}
.card h3{font-size:18px;margin-bottom:8px}
.card p{color:var(--muted);font-size:14.5px;margin:0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}
.step{position:relative;padding-top:46px}
.step:before{counter-increment:step;content:counter(step);position:absolute;top:0;left:0;width:34px;height:34px;border-radius:50%;background:var(--deep);color:var(--lime);display:grid;place-items:center;font:800 15px Manrope}
.step h3{font-size:17px;margin-bottom:6px}
.step p{color:var(--muted);font-size:14.5px;margin:0}
.security{background:var(--deep);color:#edf5f0}
.security .section-head .eyebrow{color:var(--lime)}
.security .section-head p{color:#aabbb1}
.security .card{background:#ffffff0d;border-color:#ffffff1f;box-shadow:none}
.security .card .ico{background:#d6f36a1f;color:var(--lime)}
.security .card p{color:#aabbb1}
/* Pricing */
.toggle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:26px}
.toggle button{border:0;background:transparent;padding:8px 14px;border-radius:7px;font:600 13px 'DM Sans';color:var(--muted);cursor:pointer}
.toggle button.active{background:var(--deep);color:#fff}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.plan.featured{border:2px solid var(--green);position:relative}
.plan.featured:before{content:'Más elegido';position:absolute;top:-12px;left:28px;background:var(--lime);color:var(--deep);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}
.plan h3{font-size:20px}
.plan .desc{color:var(--muted);font-size:14px;margin:6px 0 18px;min-height:44px}
.price{font:800 38px Manrope;letter-spacing:-.04em}
.price small{font:500 14px 'DM Sans';color:var(--muted);letter-spacing:0}
.price-note{font-size:12px;color:var(--muted);margin-bottom:20px}
.plan ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:9px;font-size:14px}
.plan li:before{content:'✓';color:var(--green);font-weight:800;margin-right:8px}
.plan .btn{margin-top:auto;justify-content:center}
.pricing-foot{color:var(--muted);font-size:13px;margin-top:20px;text-align:center}
/* FAQ */
.faq{max-width:820px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:10px}
.faq summary{font:700 16px Manrope;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';float:right;color:var(--green)}
.faq details[open] summary:after{content:'–'}
.faq p{color:var(--muted);margin:10px 0 0;font-size:15px}
.cta{background:var(--green);color:#fff;border-radius:20px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta h2{font-size:32px}
.cta p{color:#d7ebe1;margin:8px 0 0}
footer{background:var(--deep);color:#8ea59a;padding:40px 0;font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:#c5d2cb;text-decoration:none;margin-left:18px}
/* Auth-like public forms */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth-side{background:var(--deep);color:#edf5f0;padding:56px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.auth-side:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#176b5066,transparent 45%)}
.auth-side>*{position:relative}
.auth-side h1{font-size:40px;color:#fff;margin:26px 0 14px}
.auth-side h1 em{font-style:normal;color:var(--lime)}
.auth-side ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;color:#c5d2cb;font-size:15px}
.auth-side li:before{content:'✓';color:var(--lime);font-weight:800;margin-right:10px}
.auth-main{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.auth-box{width:100%;max-width:440px}
.auth-box h2{font-size:28px;margin-bottom:6px}
.auth-box .sub{color:var(--muted);margin:0 0 24px}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label{font-size:12px;font-weight:700;color:#4c5852}
.field input{border:1px solid #d9e1db;border-radius:9px;padding:12px 13px;font:15px 'DM Sans';background:#fff;color:var(--ink);outline:none;width:100%}
.field input:focus{border-color:#78a890;box-shadow:0 0 0 3px #176b5014}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hint{font-size:12px;color:var(--muted)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:6px 0 18px}
.check input{margin-top:3px}
.msg{border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:16px;display:none}
.msg.show{display:block}
.msg.error{background:#faeceb;color:#8c3935;border:1px solid #f0cfcd}
.msg.ok{background:var(--green2);color:#1d5a44;border:1px solid #cfe6da}
.full{width:100%;justify-content:center}
.legal{max-width:820px;margin:0 auto;padding:60px 24px}
.legal h1{font-size:36px;margin-bottom:8px}
.legal h2{font-size:20px;margin:32px 0 8px}
.legal p,.legal li{color:#3d4943;font-size:15px}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr}.mock{display:none}.problems,.features,.plans{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.nav-links{display:none}.hero h1{font-size:40px}.cta{flex-direction:column;align-items:flex-start;padding:34px}.auth{grid-template-columns:1fr}.auth-side{display:none}}
@media(max-width:560px){.wrap{padding:0 16px}.steps{grid-template-columns:1fr}.section-head h2{font-size:30px}.row2{grid-template-columns:1fr}.nav .btn.ghost{display:none}}