/* ===========================================================
   Growlead — Estilos compartidos de las páginas por sector
   =========================================================== */
:root {
  --bg:#070A07; --bg-2:#0A0F0A; --bg-3:#0E160F;
  --bg-card:rgba(255,255,255,0.025); --border:rgba(255,255,255,0.08); --border-2:rgba(255,255,255,0.14);
  --blue:#00E676; --blue-bright:#5CFFA8; --blue-deep:#00A85A; --green:#0AFFC3; --green-dim:#06D9A6;
  --orange:#FF6B2C; --red:#FF4D4D; --text:#F4F7FB; --text-muted:#9AA7B8; --text-dim:#5E6B7D; --radius:16px;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Inter',system-ui,-apple-system,sans-serif; background:var(--bg); color:var(--text); overflow-x:hidden; line-height:1.6; -webkit-font-smoothing:antialiased; }
::selection { background:var(--blue); color:#000; }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
button { font-family:inherit; cursor:pointer; }
h1,h2,h3,h4 { letter-spacing:-0.02em; }
.text-blue { color:var(--blue-bright); }
.text-green { color:var(--green); }

.ambient { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:radial-gradient(circle at 18% 8%, rgba(0,230,118,0.10), transparent 42%), radial-gradient(circle at 85% 65%, rgba(10,255,195,0.06), transparent 50%), var(--bg); }
.ambient::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse at center, black 0%, transparent 72%); }
.scroll-progress { position:fixed; top:0; left:0; height:2px; width:0%; z-index:9999; background:linear-gradient(90deg, var(--blue), var(--blue-bright)); box-shadow:0 0 12px var(--blue); transition:width .05s linear; }

/* Nav */
.nav { position:fixed; top:0; left:0; right:0; z-index:1000; padding:1rem 2rem; display:flex; align-items:center; justify-content:space-between; transition:all .4s ease; background:transparent; }
.nav.scrolled { background:rgba(7,10,15,0.78); backdrop-filter:blur(20px) saturate(180%); -webkit-backdrop-filter:blur(20px) saturate(180%); border-bottom:1px solid var(--border); padding:.7rem 2rem; }
.nav-logo-img { height:84px; width:auto; transition:height .3s ease; }
.nav.scrolled .nav-logo-img { height:64px; }
.nav-links { display:flex; gap:.4rem; align-items:center; }
.nav-links a { color:var(--text-muted); font-size:.9rem; font-weight:500; padding:.5rem .9rem; border-radius:8px; transition:all .2s; }
.nav-links a:hover { color:var(--text); background:var(--bg-card); }
.nav-cta { background:var(--blue) !important; color:#062a16 !important; padding:.6rem 1.3rem !important; border-radius:10px !important; font-weight:700 !important; box-shadow:0 0 0 1px rgba(0,230,118,0.3), 0 8px 24px rgba(0,230,118,0.22); transition:all .3s !important; }
.nav-cta:hover { transform:translateY(-1px); box-shadow:0 0 0 1px rgba(0,230,118,0.55), 0 12px 32px rgba(0,230,118,0.4); }
@media(max-width:820px){ .nav-links a.nav-hide{ display:none; } }

/* Buttons */
.btn { display:inline-flex; align-items:center; gap:.5rem; padding:1rem 1.9rem; border-radius:12px; font-weight:700; font-size:.98rem; border:none; cursor:pointer; transition:all .3s cubic-bezier(.4,0,.2,1); font-family:inherit; }
.btn-primary { background:var(--blue); color:#062a16; box-shadow:0 0 0 1px rgba(0,230,118,0.3), 0 12px 32px rgba(0,230,118,0.28); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 0 0 1px rgba(0,230,118,0.55), 0 20px 48px rgba(0,230,118,0.45); }
.btn-green { background:var(--green); color:#013026; box-shadow:0 0 0 1px rgba(10,255,195,0.3), 0 12px 32px rgba(10,255,195,0.22); }
.btn-green:hover { transform:translateY(-2px); box-shadow:0 0 0 1px rgba(10,255,195,0.55), 0 20px 48px rgba(10,255,195,0.4); }
.btn-ghost { background:rgba(255,255,255,0.04); color:var(--text); border:1px solid var(--border-2); backdrop-filter:blur(10px); }
.btn-ghost:hover { background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.25); transform:translateY(-2px); }
.btn-lg { padding:1.2rem 2.4rem; font-size:1.08rem; }
.btn-arrow { transition:transform .3s; display:inline-block; }
.btn:hover .btn-arrow { transform:translateX(4px); }

/* Layout */
section { padding:90px 2rem; position:relative; }
.container { max-width:1180px; margin:0 auto; }
.section-head { text-align:center; max-width:780px; margin:0 auto 3.2rem; }
.section-eyebrow { display:inline-block; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.18em; color:var(--blue-bright); margin-bottom:1rem; }
.section-head h2 { font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,5vw,3.6rem); line-height:.98; margin-bottom:1.1rem; letter-spacing:.01em; }
.section-head p { color:var(--text-muted); font-size:1.05rem; line-height:1.7; }
.alt { background:var(--bg-2); }

/* Breadcrumb */
.crumb { max-width:1180px; margin:0 auto; padding:96px 2rem 0; font-size:.82rem; color:var(--text-dim); }
.crumb a { color:var(--text-muted); } .crumb a:hover { color:var(--blue-bright); }

/* Hero */
.hero { padding:30px 2rem 60px; overflow:hidden; }
.hero-inner { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.1fr .9fr; gap:3rem; align-items:center; }
.hero-eyebrow { display:inline-flex; align-items:center; gap:.5rem; padding:.45rem 1rem; background:rgba(0,230,118,0.08); border:1px solid rgba(0,230,118,0.28); border-radius:100px; font-size:.8rem; font-weight:600; color:var(--blue-bright); margin-bottom:1.4rem; }
.hero h1 { font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2.4rem,5.5vw,4.6rem); line-height:.93; letter-spacing:.01em; margin-bottom:1.3rem; }
.hero h1 .hl { color:var(--green); }
.hero-sub { font-size:clamp(1.05rem,1.6vw,1.25rem); color:var(--text-muted); margin-bottom:1.8rem; max-width:600px; }
.hero-ctas { display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.hero-trust { display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; font-size:.9rem; color:var(--text-muted); }
.hero-trust span { display:inline-flex; align-items:center; gap:.4rem; }
.hero-trust .check { color:var(--green); font-weight:800; }
.hero-visual { display:flex; align-items:center; justify-content:center; }
.hero-emoji { font-size:clamp(7rem,16vw,12rem); filter:drop-shadow(0 20px 50px rgba(0,230,118,0.25)); animation:floaty 4s ease-in-out infinite; }
@keyframes floaty { 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }

/* "Te suena" — dolores */
.pain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.pain-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); padding:1.8rem; transition:all .3s; }
.pain-card:hover { border-color:rgba(255,77,77,0.3); background:rgba(255,77,77,0.03); transform:translateY(-3px); }
.pain-icon { font-size:1.7rem; margin-bottom:1rem; }
.pain-card h3 { font-size:1.08rem; font-weight:700; margin-bottom:.55rem; }
.pain-card p { color:var(--text-muted); font-size:.92rem; line-height:1.6; }

/* Solución / servicios */
.sol-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.sol-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); padding:2rem; position:relative; overflow:hidden; transition:all .4s cubic-bezier(.4,0,.2,1); }
.sol-card::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, var(--blue), transparent); opacity:0; transition:opacity .4s; }
.sol-card:hover { transform:translateY(-4px); border-color:rgba(0,230,118,0.28); }
.sol-card:hover::before { opacity:1; }
.sol-ic { width:46px; height:46px; border-radius:11px; background:rgba(0,230,118,0.1); border:1px solid rgba(0,230,118,0.22); display:flex; align-items:center; justify-content:center; font-size:1.25rem; margin-bottom:1.2rem; }
.sol-card h3 { font-size:1.1rem; font-weight:700; margin-bottom:.6rem; }
.sol-card p { color:var(--text-muted); font-size:.92rem; line-height:1.65; }

/* Comparativa antes/después */
.compare { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; max-width:980px; margin:0 auto; }
.compare-col { border-radius:18px; padding:2rem; border:1px solid var(--border); }
.compare-col.before { background:rgba(255,77,77,0.04); border-color:rgba(255,77,77,0.2); }
.compare-col.after { background:rgba(0,230,118,0.05); border-color:rgba(0,230,118,0.28); }
.compare-col h3 { font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; font-size:1.4rem; margin-bottom:1.2rem; }
.compare-col ul { list-style:none; display:flex; flex-direction:column; gap:.8rem; }
.compare-col li { font-size:.94rem; color:var(--text-muted); display:flex; gap:.6rem; align-items:flex-start; line-height:1.5; }
.compare-col.before li::before { content:'✕'; color:var(--red); font-weight:800; }
.compare-col.after li::before { content:'✓'; color:var(--green); font-weight:800; }
.compare-col.after li { color:var(--text); }

/* Calculadora mini */
.calc { background:linear-gradient(135deg, var(--bg-2) 0%, rgba(0,230,118,0.05) 100%); border:1px solid var(--border-2); border-radius:24px; padding:2.6rem; display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:center; max-width:1000px; margin:0 auto; }
.calc-left h3 { font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; font-size:1.6rem; margin-bottom:.4rem; }
.calc-left > p { color:var(--text-muted); font-size:.92rem; margin-bottom:1.4rem; }
.calc-field { margin-bottom:1.1rem; }
.calc-field label { display:flex; justify-content:space-between; align-items:baseline; font-size:.84rem; color:var(--text-muted); margin-bottom:.4rem; }
.calc-field label b { color:var(--text); font-weight:700; }
.calc-field input[type=range] { width:100%; -webkit-appearance:none; appearance:none; height:6px; border-radius:100px; background:var(--bg-3); }
.calc-field input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:var(--blue); cursor:pointer; box-shadow:0 0 0 4px rgba(0,230,118,0.2), 0 0 12px var(--blue); }
.calc-field input[type=range]::-moz-range-thumb { width:20px; height:20px; border:none; border-radius:50%; background:var(--blue); cursor:pointer; }
.calc-note { font-size:.84rem; color:var(--text-muted); }
.calc-note b { color:var(--green); }
.calc-result { background:var(--bg); border:1px solid rgba(0,230,118,0.3); border-radius:20px; padding:2rem; text-align:center; }
.calc-result .m-label { font-size:.8rem; color:var(--text-muted); margin-bottom:.4rem; }
.calc-result .m-val { font-family:'Anton',sans-serif; font-size:clamp(2.4rem,5vw,3.4rem); line-height:1; color:var(--green); }
.calc-result .m-sub { font-size:.84rem; color:var(--text-muted); margin:.4rem 0 1.3rem; }
.calc-vs { display:flex; justify-content:space-around; align-items:center; gap:.5rem; margin-bottom:1.3rem; }
.calc-vs .vs-col { display:flex; flex-direction:column; gap:.1rem; }
.calc-vs .vs-col span { font-size:.72rem; color:var(--text-dim); }
.calc-vs .vs-col b { font-family:'Space Grotesk',sans-serif; font-size:1.15rem; }
.calc-vs .vs-arrow { color:var(--blue-bright); font-size:1.3rem; }
.calc-disclaimer { font-size:.72rem; color:var(--text-dim); margin-top:.9rem; }

/* Chat preview estático */
.chat-demo { max-width:440px; margin:0 auto; background:linear-gradient(135deg, var(--bg-2), var(--bg-3)); border:1px solid var(--border-2); border-radius:22px; padding:1.6rem; position:relative; overflow:hidden; }
.chat-demo::before { content:''; position:absolute; inset:-1px; border-radius:22px; padding:1px; background:linear-gradient(135deg, rgba(0,230,118,0.5), transparent 55%); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.chat-demo-head { display:flex; align-items:center; gap:.7rem; padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid var(--border); }
.chat-demo-av { width:38px; height:38px; border-radius:50%; background:var(--blue); display:flex; align-items:center; justify-content:center; font-size:1.1rem; }
.chat-demo-head .t { font-weight:700; font-size:.92rem; }
.chat-demo-head .s { font-size:.72rem; color:var(--text-muted); display:flex; align-items:center; gap:.35rem; }
.chat-demo-head .s::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); }
.chat-demo-body { display:flex; flex-direction:column; gap:.6rem; }
.cd-bubble { max-width:82%; padding:.7rem .95rem; border-radius:14px; font-size:.9rem; line-height:1.5; }
.cd-bot { background:var(--bg); border:1px solid var(--border); border-bottom-left-radius:4px; align-self:flex-start; }
.cd-user { background:var(--blue); color:#062a16; align-self:flex-end; border-bottom-right-radius:4px; font-weight:500; }

/* CTA final */
.cta-final { background:linear-gradient(135deg, var(--bg-2) 0%, rgba(0,230,118,0.07) 100%); border:1px solid var(--border-2); border-radius:24px; padding:4rem 3rem; text-align:center; position:relative; overflow:hidden; max-width:1000px; margin:0 auto; }
.cta-final::before { content:''; position:absolute; top:-50%; left:-20%; right:-20%; height:200%; background:radial-gradient(ellipse at center, rgba(0,230,118,0.12), transparent 50%); pointer-events:none; }
.cta-final h2 { font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,5vw,3.6rem); line-height:.97; margin-bottom:1rem; position:relative; }
.cta-final p { color:var(--text-muted); font-size:1.08rem; max-width:560px; margin:0 auto 2rem; position:relative; }
.cta-final .scarcity { display:inline-flex; align-items:center; gap:.5rem; padding:.6rem 1.1rem; background:rgba(255,107,44,0.1); border:1px solid rgba(255,107,44,0.3); border-radius:100px; font-size:.85rem; font-weight:600; color:var(--orange); margin-top:1.6rem; }

/* Footer */
footer { background:var(--bg-2); border-top:1px solid var(--border); padding:3rem 2rem 2rem; text-align:center; }
footer img { height:48px; margin:0 auto 1rem; }
footer p { color:var(--text-muted); font-size:.9rem; }
.foot-links { display:flex; gap:1.2rem; justify-content:center; flex-wrap:wrap; margin:1.2rem 0; }
.foot-links a { color:var(--text-muted); font-size:.9rem; transition:color .2s; }
.foot-links a:hover { color:var(--blue-bright); }
.foot-bottom { color:var(--text-dim); font-size:.84rem; margin-top:1rem; }

/* Páginas legales */
.legal-page { max-width:820px; margin:0 auto; padding:130px 1.5rem 70px; }
.legal-page h1 { font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,5vw,3rem); line-height:1; margin-bottom:.4rem; }
.legal-updated { color:var(--text-dim); font-size:.85rem; margin-bottom:2.2rem; }
.legal-body h3 { font-size:1.4rem; margin:0 0 1rem; }
.legal-body h4 { font-size:1.05rem; margin:1.6rem 0 .5rem; color:var(--blue-bright); }
.legal-body p { color:var(--text-muted); margin-bottom:.8rem; line-height:1.7; }
.legal-body ul { color:var(--text-muted); margin:0 0 .8rem 1.3rem; line-height:1.7; }
.legal-body a { color:var(--blue-bright); }
.legal-placeholder { color:var(--orange); font-weight:600; }
.legal-disclaimer { margin-top:1.8rem; padding:1rem 1.1rem; background:rgba(255,107,44,0.08); border:1px solid rgba(255,107,44,0.25); border-radius:11px; color:var(--text-muted); font-size:.86rem; }
.legal-back { display:inline-block; margin-top:2rem; color:var(--blue-bright); font-weight:600; }

/* Otros sectores */
.other-sectors { display:flex; flex-wrap:wrap; gap:.7rem; justify-content:center; }
.other-chip { display:inline-flex; align-items:center; gap:.5rem; padding:.7rem 1.3rem; background:var(--bg-card); border:1px solid var(--border-2); border-radius:100px; font-size:.9rem; font-weight:600; color:var(--text-muted); transition:all .3s; }
.other-chip:hover { color:#fff; border-color:rgba(0,230,118,0.5); transform:translateY(-3px); }

/* Reveal */
.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-l { opacity:0; transform:translateX(-30px); transition:opacity .8s ease, transform .8s ease; }
.reveal-l.visible { opacity:1; transform:translateX(0); }
.reveal-r { opacity:0; transform:translateX(30px); transition:opacity .8s ease, transform .8s ease; }
.reveal-r.visible { opacity:1; transform:translateX(0); }
.delay-1 { transition-delay:.1s; } .delay-2 { transition-delay:.2s; } .delay-3 { transition-delay:.3s; } .delay-4 { transition-delay:.4s; }

/* WhatsApp flotante */
.wa-float { position:fixed; bottom:1.5rem; left:1.5rem; z-index:1001; width:56px; height:56px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(37,211,102,0.4); transition:transform .3s; }
.wa-float:hover { transform:scale(1.08); }
.wa-float svg { width:30px; height:30px; fill:#fff; }

@media (max-width:900px){
  .hero-inner { grid-template-columns:1fr; gap:1.5rem; text-align:center; }
  .hero-sub { margin-left:auto; margin-right:auto; }
  .hero-ctas, .hero-trust { justify-content:center; }
  .hero-visual { order:-1; }
  .hero-emoji { font-size:7rem; }
  .pain-grid, .sol-grid, .compare, .calc { grid-template-columns:1fr; }
  .calc { max-width:480px; }
}
@media (max-width:768px){
  section { padding:64px 1.25rem; }
  .nav { padding:.8rem 1.25rem; }
}
@media (prefers-reduced-motion: reduce){
  * { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
  .reveal, .reveal-l, .reveal-r { opacity:1 !important; transform:none !important; }
  .hero-emoji { animation:none; }
}

/* ===== i18n: Instagram, selector de idioma y aviso ===== */
.nav-brand{margin-right:auto;}
.nav-side{display:flex;align-items:center;gap:.7rem;margin-left:1.1rem;}
.nav-ig{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s,transform .2s;}
.nav-ig:hover{color:var(--blue);transform:translateY(-1px);}
.nav-ig svg{width:23px;height:23px;}
.lang-switch{display:flex;align-items:center;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:9px;padding:3px;}
.lang-opt{font-size:.78rem;font-weight:700;color:var(--text-muted);padding:.28rem .55rem;border-radius:6px;transition:all .2s;letter-spacing:.02em;text-decoration:none;}
.lang-opt:hover{color:var(--text);}
.lang-opt.active{background:var(--blue);color:#062a16;}
.foot-social{display:flex;justify-content:center;margin:1.1rem 0 .3rem;}
.foot-social a{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem;font-weight:600;padding:.45rem .9rem;border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:all .2s;}
.foot-social a:hover{color:var(--blue);border-color:var(--blue);}
.foot-social svg{width:19px;height:19px;}
.lang-banner{position:fixed;top:84px;left:50%;transform:translateX(-50%) translateY(-14px);z-index:1500;display:none;align-items:center;gap:.85rem;background:rgba(10,14,10,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(0,230,118,.35);border-radius:12px;padding:.65rem .8rem .65rem 1.1rem;box-shadow:0 14px 40px rgba(0,0,0,.5);max-width:calc(100% - 1.5rem);opacity:0;transition:opacity .35s ease,transform .35s ease;}
.lang-banner.show{display:flex;opacity:1;transform:translateX(-50%) translateY(0);}
.lang-banner-txt{color:#eafff4;font-size:.9rem;}
.lang-banner-cta{color:var(--blue);font-weight:700;font-size:.9rem;white-space:nowrap;text-decoration:none;}
.lang-banner-cta:hover{text-decoration:underline;}
.lang-banner-close{background:none;border:none;color:#9fb3a8;font-size:1rem;line-height:1;cursor:pointer;padding:.2rem .35rem;}
.lang-banner-close:hover{color:#fff;}
@media(max-width:600px){.lang-banner{top:72px;flex-wrap:wrap;gap:.5rem;}}