/* ============================================================
   soluciones.css — Página Soluciones. Requiere base.css.
============================================================ */

/* HERO */
.hero{position:relative;padding:clamp(2.6rem,7vw,4.5rem) 0 clamp(2rem,5vw,3rem)}
.orb-1{width:520px;height:520px;background:radial-gradient(circle,#084453,transparent 70%);top:-180px;right:-140px}
.orb-2{width:460px;height:460px;background:radial-gradient(circle,#18222e,transparent 70%);bottom:-220px;left:-160px}
.hero-watermark{position:absolute;right:-120px;top:20%;width:min(560px,48vw);opacity:.05;pointer-events:none}
.hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.05;font-size:clamp(2.1rem,5vw,3.4rem);margin:1rem 0;max-width:16ch}
.hero h1 .hl{color:var(--accent)}
.hero .sub{color:var(--text-soft);font-size:clamp(1.02rem,1.7vw,1.2rem);max-width:60ch}
.hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
#sols{scroll-margin-top:80px}

/* SECTIONS */
.block{padding:clamp(2.2rem,5vw,3.4rem) 0;position:relative}
.head{max-width:60ch;margin-bottom:1.6rem}
.head h2{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.1rem);margin:.5rem 0}
.head p{color:var(--text-soft)}

/* SOLUTION ROWS */
.sols{display:flex;flex-direction:column;gap:1rem}
.sol{background:var(--panel-2);border:1px solid var(--line);border-radius:18px;padding:clamp(1.3rem,3vw,1.9rem);transition:border-color .2s,transform .2s}
.sol:hover{border-color:var(--line-2);transform:translateY(-2px)}
.sol-top{display:flex;align-items:center;gap:.9rem;margin-bottom:.7rem}
.sol .idx{font-family:var(--mono);font-size:.72rem;color:var(--text-mute)}
.sol .ico{width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--line-2);background:rgba(0,229,255,.06);display:grid;place-items:center}
.sol .ico svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sol h3{font-family:var(--display);font-size:1.2rem;font-weight:600}
.sol .tagline{color:var(--accent-2-text);font-size:.82rem;font-family:var(--mono)}
.sol .desc{color:var(--text-soft);margin:.2rem 0 1rem;max-width:70ch}
.sol-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:640px){.sol-cols{grid-template-columns:1fr}}
.sol-cols h4{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-mute);margin-bottom:.5rem}
.sol-cols ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}
.sol-cols li{font-size:.9rem;color:var(--text-soft);display:flex;gap:.5rem;align-items:flex-start}
.sol-cols li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:.5rem;flex:none}
.sol-cols .get li::before{background:var(--accent)}
.sol .tools{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.4rem}
.sol .tools span{font-family:var(--mono);font-size:.7rem;color:var(--text-mute);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem}
.sol .out{margin-top:.95rem;font-size:.86rem;color:var(--text-mute)}
.sol .out a{color:var(--accent);font-weight:500}
.sol .out a:hover{text-decoration:underline}

.crosslink{margin-top:1.8rem}

/* DIFERENCIAL */
.diff{background:var(--panel-2);border:1px solid var(--line-2);border-radius:20px;padding:clamp(1.6rem,4vw,2.6rem);text-align:center}
.diff h2{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3.4vw,2.2rem);letter-spacing:-.02em;max-width:22ch;margin:0 auto .8rem}
.diff h2 .hl{color:var(--accent)}
.diff p{color:var(--text-soft);max-width:62ch;margin:0 auto}

/* PROOF chips */
.proof{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.proof .chip{font-family:var(--mono);font-size:.74rem;color:var(--text-soft);border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem}
.proof .chip b{color:var(--accent)}