Consulta gratuita con abogado especialista.» /> /* Hero */ .hero{border:1px solid var(–border);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 30px rgba(0,0,0,.06)} .hero__top{padding:clamp(18px,3vw,26px) clamp(18px,3.4vw,32px);border-bottom:1px solid var(–border)} .hero h1{margin:0 0 8px;font-size:clamp(26px,4.8vw,38px);line-height:1.18;letter-spacing:-.2px} .lead{margin:0;color:var(–muted);font-size:clamp(16px,2.8vw,18px);line-height:1.68} .cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:14px;background:var(–white)} .cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;color:#fff;min-width:200px;transition:transform .15s,box-shadow .2s,opacity .2s;box-shadow:0 2px 0 rgba(0,0,0,.05)} .cta a:hover{transform:translateY(-2px);opacity:.97;box-shadow:0 12px 24px rgba(0,0,0,.12)} .btn-call{background:var(–brand)} .btn-wa{background:#25d366} .btn-form{background:var(–accent)} .btn-alt{background:var(–accent-2)} /* Cards / tipografía */ .card{background:var(–white);border:1px solid var(–border);border-radius:16px;padding:clamp(16px,2.6vw,24px);margin:18px 0;box-shadow:0 4px 18px rgba(0,0,0,.04)} … Leer más