/* ========================================================================== KLOVER — pages.css Secciones específicas de cada página, aisladas por clase de (.home / .people / .salud / .risk) para evitar colisiones entre unidades. ========================================================================== */ /* Tokens de acento por unidad */ .people{--u:var(--indigo);--ubg:#edeefe;--dark:var(--dark-navy);--dark2:var(--dark-navy-2)} .salud{--u:var(--salud);--ubg:#eaf6ea;--dark:var(--dark-green);--dark2:var(--dark-green-2)} .risk{--u:var(--risk);--ubg:#fbf1d8;--dark:var(--dark-navy);--dark2:var(--dark-navy-2)} .home{--u:var(--salud)} /* Eyebrow de acento ámbar en Risk (sin pisar el contacto) */ .risk .eyebrow{color:var(--risk)} .risk .contacto .eyebrow{color:#7ddc8f} /* Riesgo — bloque compartido por People / Salud / Risk */ .riesgo{padding:62px 0;background:var(--bg2)} .riesgo-h{font-weight:800;font-size:32px;letter-spacing:-.02em;margin-top:14px} .riesgo-grid{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .rv{font-family:var(--head);font-weight:800;font-size:30px;line-height:1.05;letter-spacing:-.02em} .rl{font-size:14px;color:var(--ink2);margin-top:12px;font-weight:500;line-height:1.5} @media(max-width:820px){.riesgo-grid{grid-template-columns:1fr}} /* ========================================================================== HOME ========================================================================== */ .home .hero{background:var(--dark-green);padding:86px 0 64px} .home .hero .wrap{grid-template-columns:1.45fr .85fr} .home .hero h1{font-size:58px;color:#fff} .home .hero p{font-size:18px;color:#c4d2c8;margin-top:24px;max-width:56ch;line-height:1.58} .home .hero .eyebrow{color:#7ddc8f} .home .hero .grad{background:var(--graddark);-webkit-background-clip:text;background-clip:text;color:transparent} .home .hero .btn-ghost{background:transparent;color:#fff;border-color:#2c3f33} @media(max-width:840px){.home .hero h1{font-size:42px}} .home .stats{border-top:.5px solid #1b2a20;border-bottom:.5px solid #1b2a20;background:var(--dark-green-2)} .home .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)} .home .stat{padding:30px 26px;border-right:.5px solid #1b2a20} .home .stat:last-child{border-right:none} .home .stat .v{font-family:var(--head);font-weight:800;font-size:20px;letter-spacing:-.01em;color:#fff} .home .stat .l{font-size:13.5px;color:#8fae9a;margin-top:5px;font-weight:500} @media(max-width:850px){.home .stats .wrap{grid-template-columns:1fr 1fr}.home .stat{border-bottom:.5px solid #1b2a20}} @media(max-width:520px){.home .stats .wrap{grid-template-columns:1fr}.home .stat{border-right:none}} .home .desafio{background:var(--bg2)} .home .dlist{margin-top:42px;border-top:1px solid var(--line2)} .home .drow{display:grid;grid-template-columns:255px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid var(--line2);align-items:center} .home .dlead{display:flex;align-items:baseline;gap:13px} .home .dn{font-family:var(--head);font-weight:800;font-size:16px;color:var(--c)} .home .darea{font-family:var(--head);font-weight:700;font-size:22px;color:var(--ink)} .home .dtxt{color:var(--ink2);font-size:15.5px;font-weight:500} .home .dclose{margin-top:36px;font-family:var(--head);font-weight:700;font-size:22px;color:var(--ink);max-width:68ch;line-height:1.35;letter-spacing:-.01em} @media(max-width:760px){.home .drow{grid-template-columns:1fr;gap:6px}} .home .unidades{background:#fff} .home .ugrid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .home .ucard{border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:360px;background:#fff} .home .ucard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(18,18,18,.26);border-color:var(--u)} .home .utag{display:flex;align-items:center;gap:8px;font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--u)} .home .utag i{width:11px;height:11px;border-radius:50%;background:var(--u)} .home .ucard h3{font-size:25px;font-weight:800;margin:14px 0 8px} .home .ucard .desc{font-size:15px;color:var(--ink2);font-weight:500;line-height:1.5} .home .ulink{margin-top:auto;font-family:var(--head);font-weight:700;font-size:14px;color:var(--u);display:inline-flex;gap:6px} @media(max-width:900px){.home .ugrid{grid-template-columns:1fr}.home .ucard{min-height:auto}} .home .sistema{background:var(--bg2)} .home .sgrid{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .home .sc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;transition:transform .2s,box-shadow .2s} .home .sc:hover{transform:translateY(-3px);box-shadow:0 20px 44px -24px rgba(18,18,18,.2)} .home .sc .sn{font-family:var(--head);font-weight:800;font-size:13px;color:var(--people);letter-spacing:.08em} .home .sc h3{font-size:20px;font-weight:700;margin:10px 0 8px} .home .sc p{font-size:14px;color:var(--ink2);font-weight:500;line-height:1.5} @media(max-width:900px){.home .sgrid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.home .sgrid{grid-template-columns:1fr}} .home .como .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center} .home .como h2{font-weight:800;font-size:40px;letter-spacing:-.03em} .home .como .l{color:var(--ink2);font-size:18px;margin-top:16px;font-weight:500} .home .checks{display:flex;flex-direction:column;gap:14px} .home .chk{display:flex;gap:12px;align-items:flex-start;font-size:15px;font-weight:500;color:var(--ink)} .home .chk .ck{width:24px;height:24px;border-radius:8px;background:var(--gradsoft);flex:none;display:flex;align-items:center;justify-content:center} @media(max-width:840px){.home .como .wrap{grid-template-columns:1fr}} .home .resultados{background:#fff} .home .rgrid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .home .rc h4{font-family:var(--head);font-weight:700;font-size:18px;display:flex;align-items:center;gap:10px} .home .rc h4 i{width:10px;height:10px;border-radius:3px;background:var(--grad);flex:none} .home .rc p{font-size:14px;color:var(--ink2);margin-top:10px;line-height:1.5;font-weight:500} @media(max-width:820px){.home .rgrid{grid-template-columns:1fr}} .home .modelo2{background:var(--bg2)} .home .mgrid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .home .mc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px} .home .mc .mn{font-family:var(--head);font-weight:800;font-size:13px;color:var(--salud);letter-spacing:.08em} .home .mc h3{font-size:22px;font-weight:700;margin:10px 0 8px} .home .mc p{font-size:14.5px;color:var(--ink2);font-weight:500;line-height:1.5} @media(max-width:820px){.home .mgrid{grid-template-columns:1fr}} /* ========================================================================== PEOPLE ========================================================================== */ .people .hero{padding:86px 0 66px} .people .hero .wrap{grid-template-columns:1.35fr .9fr;gap:36px} .people .hero h1{font-size:66px;letter-spacing:-.04em;max-width:10.8ch} .people .hero p{font-size:19px;color:var(--ink2);margin-top:24px;max-width:46ch;font-weight:500} .people .hero-note{margin-top:18px;font-size:14px;color:var(--ink3);font-weight:600} @media(max-width:820px){.people .hero h1{font-size:46px;max-width:12ch}} .people .hero-card{width:100%;max-width:370px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 30px 70px -44px rgba(18,18,18,.35)} .people .hero-card .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px} .people .hero-card .tag{font-family:var(--head);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green)} .people .hero-card .dot{width:10px;height:10px;border-radius:999px;background:var(--grad)} .people .metric{padding:18px 0;border-top:1px solid var(--line)} .people .metric:first-of-type{border-top:none} .people .metric .v{font-family:var(--head);font-weight:800;font-size:34px;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} .people .metric .l{font-size:13px;color:var(--ink3);font-weight:600;margin-top:6px} .people .bars{margin-top:18px;display:flex;flex-direction:column;gap:10px} .people .bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden} .people .bar span{display:block;height:100%;border-radius:inherit;background:var(--grad)} .people .riesgo-h{font-size:34px;letter-spacing:-.03em;max-width:18ch} .people .riesgo .rc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px} .people .sec-head h2{font-size:43px;margin-top:16px} .people .sec-head p{margin-top:18px} .people .practicas{background:#fff} .people .practice-grid{margin-top:46px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px} .people .practice{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden} .people .practice::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--c,#4848de)} .people .practice:hover{transform:translateY(-3px);box-shadow:0 22px 48px -28px rgba(18,18,18,.28);border-color:transparent} .people .p-head{display:flex;align-items:center;gap:14px;margin-bottom:18px} .people .p-num{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--cb,#eef0f5);color:var(--c,#4848de);font-family:var(--head);font-weight:800;font-size:16px} .people .practice h3{font-size:25px;font-weight:800} .people .practice .lead{font-size:16px;color:var(--ink2);font-weight:600;margin-top:10px;line-height:1.5} .people .practice .cols{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px} .people .practice h4{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);margin-bottom:10px} .people .practice ul{list-style:none;display:flex;flex-direction:column;gap:8px} .people .practice li{font-size:14px;color:var(--ink2);font-weight:500;position:relative;padding-left:18px} .people .practice li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--c,#4848de)} .people .impact{margin-top:22px;padding:16px 18px;border-radius:14px;background:var(--cb,#eef0f5);font-family:var(--head);font-size:14px;font-weight:700;color:var(--ink)} @media(max-width:860px){.people .practice-grid{grid-template-columns:1fr}} .people .plataforma{background:var(--bg2)} .people .plataforma .wrap{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center} .people .plataforma h2{font-size:42px;font-weight:800;letter-spacing:-.03em;margin-top:16px} .people .plataforma p{color:var(--ink2);font-size:18px;margin-top:18px;font-weight:500} @media(max-width:820px){.people .plataforma .wrap{grid-template-columns:1fr}} .people .metodo{background:#fff} .people .steps{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .people .step{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:26px} .people .step .n{font-family:var(--head);font-weight:800;font-size:13px;color:var(--green);letter-spacing:.15em;text-transform:uppercase} .people .step h3{font-size:20px;font-weight:800;margin-top:12px} .people .step p{font-size:14px;color:var(--ink2);font-weight:500;margin-top:10px;line-height:1.5} @media(max-width:900px){.people .steps{grid-template-columns:1fr 1fr}} @media(max-width:540px){.people .steps{grid-template-columns:1fr}} .people .final h2{font-size:44px} @media(max-width:620px){.people .sec-head h2,.people .plataforma h2{font-size:34px}} /* ========================================================================== SALUD ========================================================================== */ .salud .hero{padding:82px 0 58px} .salud .hero .wrap{grid-template-columns:1.36fr .9fr;gap:34px} .salud .hero h1{font-size:60px;max-width:12.5ch} .salud .hero p{font-size:18.5px;color:var(--ink2);margin-top:22px;max-width:48ch;font-weight:500} @media(max-width:840px){.salud .hero h1{font-size:42px;max-width:none}} .salud .riesgo{padding:64px 0} .salud .riesgo-h{max-width:24ch} .salud .sec-head h2{font-size:40px;margin-top:14px} .salud .solution{padding:90px 0 72px} .salud .cap-grid{margin-top:44px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px} .salud .cap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 20px;transition:transform .2s,box-shadow .2s,border-color .2s} .salud .cap:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(18,18,18,.22);border-color:var(--u)} .salud .cap .n{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--ubg);color:var(--u);font-family:var(--head);font-weight:800;font-size:18px} .salud .cap h3{font-size:18px;font-weight:800;margin-top:15px;line-height:1.08} .salud .cap p{font-size:13.5px;color:var(--ink2);margin-top:9px;line-height:1.45;font-weight:500} @media(max-width:980px){.salud .cap-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.salud .cap-grid{grid-template-columns:1fr}} .salud .stage{padding:62px 0} .salud .stage.alt{background:var(--bg2)} .salud .stage-head{display:flex;gap:20px;align-items:flex-start;max-width:78ch;margin-bottom:30px} .salud .snum{font-family:var(--head);font-weight:800;font-size:40px;line-height:.9;letter-spacing:-.02em} .salud .stage-head .eyebrow{display:block;margin-bottom:8px} .salud .stage-head h2{font-weight:800;font-size:30px;letter-spacing:-.03em} .salud .mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .salud .mod{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s} .salud .mod:hover{transform:translateY(-3px);box-shadow:0 20px 44px -24px rgba(18,18,18,.2);border-color:var(--u)} .salud .mod .ml{display:inline-block;background:var(--ubg);color:var(--u);padding:4px 11px;border-radius:7px;font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px} .salud .mod h4{font-family:var(--head);font-size:21px;font-weight:700;margin-bottom:0} .salud .modline{font-size:14px;color:var(--ink2);font-weight:500;line-height:1.5;margin-top:10px} .salud .mod .out{margin-top:16px;font-family:var(--head);font-size:13px;font-weight:700;color:var(--u)} @media(max-width:860px){.salud .mod-grid{grid-template-columns:1fr}.salud .stage-head{flex-direction:column;gap:6px}} .salud .value{background:var(--dark-green);color:#fff;text-align:center;padding:84px 0} .salud .value .eyebrow{color:#7ddc8f} .salud .value h2{color:#fff;font-size:36px;font-weight:800;letter-spacing:-.03em;margin-top:12px} .salud .value p{color:#c4d2c8;max-width:66ch;margin:16px auto 0;font-size:16px;font-weight:500} .salud .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px;text-align:left} .salud .value-card{background:rgba(255,255,255,.05);border:1px solid rgba(127,220,143,.18);border-radius:16px;padding:24px} .salud .value-card h3{color:#fff;font-size:19px;font-weight:800} .salud .value-card p{margin:10px 0 0;color:#c4d2c8;font-size:14px} @media(max-width:860px){.salud .value-grid{grid-template-columns:1fr}} .salud .recupero-sec{padding:90px 0} .salud .recupero-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start} .salud .rec-text h2{font-weight:800;font-size:34px;letter-spacing:-.03em} .salud .rec-text .lead{color:var(--ink2);font-size:16px;margin-top:16px;font-weight:500;line-height:1.6} .salud .recupero-visual{border-radius:24px;background:var(--dark-green);color:#fff;padding:34px;box-shadow:0 30px 70px -30px rgba(14,29,20,.6)} .salud .success-fee-card{padding:24px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(127,220,143,.25);margin-bottom:18px} .salud .success-fee-card .badge{display:inline-block;padding:.3rem .8rem;border-radius:100px;background:rgba(45,180,90,.18);color:#86efac;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(45,180,90,.35);margin-bottom:14px;font-weight:600} .salud .success-fee-card .big-stat{font-family:var(--head);font-size:3.4rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:#9fe1cb} .salud .success-fee-card .sub{margin-top:8px;color:rgba(255,255,255,.62);font-size:.9rem;font-weight:500} .salud .recupero-meter{padding:20px;background:rgba(0,0,0,.22);border-radius:16px;border:1px solid rgba(255,255,255,.07)} .salud .recupero-meter .row{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:.5rem;color:rgba(255,255,255,.85);font-weight:500;gap:14px} .salud .recupero-meter .pc{font-family:var(--mono);font-weight:600;color:#9fe1cb} .salud .recupero-meter .bar{height:8px;border-radius:100px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:16px} .salud .recupero-meter .bar div{height:100%;border-radius:100px;width:0;transition:width 1.4s cubic-bezier(.2,.7,.2,1);background:linear-gradient(90deg,#5b9655,#9fe1cb)} .salud .recupero-meter .bar.b2 div{background:linear-gradient(90deg,#4848de,#9b97ff)} .salud .recupero-meter .bar.b3 div{background:linear-gradient(90deg,#0d9488,#5fe0c8)} .salud .recupero-meter .bar.b4 div{background:linear-gradient(90deg,#b8924f,#e0c389)} .salud .hgrid{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .salud .hc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px} .salud .hc .ht{display:inline-block;background:var(--ubg);color:var(--u);padding:3px 9px;border-radius:6px;font-family:var(--head);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px} .salud .hc h4{font-family:var(--head);font-size:19px;font-weight:700;margin:8px 0 10px} @media(max-width:900px){.salud .recupero-wrap{grid-template-columns:1fr;gap:28px}.salud .hgrid{grid-template-columns:1fr}} .salud .plat{padding:90px 0;background:var(--bg2)} .salud .feat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:14px;margin:34px 0 46px} .salud .feat{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);transition:border-color .2s,transform .2s} .salud .feat:hover{border-color:var(--u);transform:translateX(3px)} .salud .feat .fn{font-family:var(--mono);font-size:.74rem;color:var(--u);font-weight:600;flex-shrink:0;width:24px;padding-top:.15rem} .salud .feat b{display:block;font-family:var(--head);font-weight:700;font-size:15px;margin-bottom:2px} .salud .feat span{font-size:13px;color:var(--ink2);font-weight:500;line-height:1.45} .salud .mock-caption{text-align:center;margin:40px auto 18px;max-width:600px;font-family:var(--mono);font-size:.72rem;color:var(--ink3);text-transform:uppercase;letter-spacing:.2em;display:flex;align-items:center;gap:1rem;justify-content:center;font-weight:600} .salud .mock-caption::before,.salud .mock-caption::after{content:'';flex:1;height:1px;background:var(--line2);max-width:90px} /* Mockup de navegador / dashboard */ .salud .browser{width:100%;max-width:100%;border-radius:20px;overflow:hidden;background:#f3f5fa;border:1px solid var(--line);box-shadow:0 40px 90px -40px rgba(15,23,42,.4);color:#0f172a;font-family:var(--body)} .salud .browser-bar{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;background:var(--dark-green)} .salud .browser-bar i{width:11px;height:11px;border-radius:50%;display:inline-block} .salud .browser-bar .url{margin-left:1rem;padding:.3rem .9rem;background:rgba(255,255,255,.06);border-radius:6px;font-family:var(--mono);font-size:.72rem;color:#cbd5e1} .salud .k-nav{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#5046e4,#4f3edc);padding:1rem 1.4rem;color:#fff} .salud .k-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--head);font-weight:800;font-size:1.05rem;letter-spacing:-.02em} .salud .k-logo .leaf{width:26px;height:26px;border-radius:7px;background:#fff;color:#5046e4;display:grid;place-items:center;font-size:.85rem;font-weight:800} .salud .k-logo .crm{font-size:.65rem;opacity:.85;font-family:var(--mono);letter-spacing:.18em;margin-left:.4rem;border-left:1px solid rgba(255,255,255,.3);padding-left:.7rem;font-weight:400} .salud .k-tabs{display:flex;gap:.4rem;font-size:.82rem} .salud .k-tab{padding:.45rem .9rem;border-radius:7px;color:rgba(255,255,255,.85);font-weight:500} .salud .k-tab.active{background:rgba(255,255,255,.18);color:#fff} .salud .k-user{font-family:var(--mono);font-size:.74rem;padding:.4rem .8rem;background:rgba(255,255,255,.08);border-radius:7px} .salud .k-body{padding:1.6rem;overflow:hidden} .salud .k-body-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.4rem} .salud .k-body-head .title{font-family:var(--head);font-size:1.3rem;font-weight:700;letter-spacing:-.02em} .salud .k-body-head .sub{font-size:.82rem;color:#64748b;margin-top:.3rem} .salud .k-live{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:100px;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;font-size:.7rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;font-weight:600} .salud .k-live .pip{width:6px;height:6px;border-radius:50%;background:#10b981;animation:kpulse 2s infinite} @keyframes kpulse{0%,100%{opacity:1}50%{opacity:.4}} .salud .k-kpis{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.3rem} .salud .k-kpi{background:#fff;border-radius:14px;padding:1.3rem 1.5rem;display:flex;align-items:center;gap:1.1rem;box-shadow:0 1px 2px rgba(0,0,0,.04)} .salud .k-kpi .ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:#5046e4;flex-shrink:0} .salud .k-kpi.green .ic{background:#ecfdf5;color:#10b981} .salud .k-kpi .v{font-family:var(--head);font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1} .salud .k-kpi .l{font-size:.68rem;color:#64748b;text-transform:uppercase;letter-spacing:.12em;margin-top:.3rem;font-family:var(--mono)} .salud .k-dist{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-width:0} .salud .k-card{background:#fff;border-radius:14px;padding:1.2rem 1.4rem;box-shadow:0 1px 2px rgba(0,0,0,.04);min-width:0;overflow:hidden} .salud .k-card .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem} .salud .k-card .head .t{font-size:.86rem;font-weight:600} .salud .k-card .head .m{font-size:.7rem;color:#94a3b8;font-family:var(--mono)} .salud .k-dbody{display:grid;grid-template-columns:120px 1fr;gap:1.6rem;align-items:center;min-width:0} .salud .k-donut{width:110px;height:110px} .salud .k-donut canvas{width:100%!important;height:100%!important} .salud .ktab{width:100%;border-collapse:collapse;font-size:.78rem;table-layout:auto} .salud .ktab th{font-size:.58rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono);font-weight:600;text-align:right;padding:.35rem .55rem;border-bottom:1px solid #eef0f5;white-space:nowrap} .salud .ktab th:first-child{text-align:left} .salud .ktab td{padding:.45rem .55rem;border-bottom:1px dashed #e5e7eb;font-family:var(--mono);color:#475569;text-align:right;white-space:nowrap} .salud .ktab td:first-child{text-align:left;color:#0f172a;font-family:var(--body);font-weight:600;white-space:normal} .salud .ktab tr:last-child td{border-bottom:none} .salud .ktab .cd{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.45rem;vertical-align:middle} .salud .ktab .pc{background:#eef2ff;color:#5046e4;border-radius:5px;padding:.12rem .45rem;font-weight:600} @media(max-width:820px){.salud .k-kpis,.salud .k-dist{grid-template-columns:1fr}.salud .k-tabs,.salud .k-user{display:none}.salud .k-dbody{grid-template-columns:1fr}.salud .k-donut{margin:auto}.salud .browser-bar .url{display:none}} .salud .honor{padding:90px 0} .salud .hon-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .salud .hon{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;min-width:0} .salud .hon.featured{box-shadow:inset 0 0 0 2px var(--u);border-color:transparent} .salud .hon .tag{font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--u)} .salud .hon h3{font-size:21px;font-weight:800;margin:10px 0 4px} .salud .hon .price{font-family:var(--head);font-weight:800;font-size:22px;color:var(--u);margin-bottom:16px} .salud .hon p{font-size:14px;color:var(--ink2);font-weight:500;line-height:1.5} @media(max-width:820px){.salud .hon-grid{grid-template-columns:minmax(0,1fr)}} /* ========================================================================== RISK ========================================================================== */ .risk .hero{padding:84px 0 60px} .risk .hero h1{font-size:64px;letter-spacing:-.03em} .risk .hero p{font-size:19px;color:var(--ink2);margin-top:24px;max-width:44ch;font-weight:500} @media(max-width:820px){.risk .hero h1{font-size:44px}} .risk .riesgo-h{font-size:32px} .risk .rv{font-size:33px} .risk .sec-head h2{font-size:42px} .risk .ciclo{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .risk .pil{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;transition:transform .2s,box-shadow .2s,border-color .2s} .risk .pil:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(18,18,18,.22);border-color:var(--u)} .risk .pil .n{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--ubg);color:var(--u);font-family:var(--head);font-weight:800;font-size:20px} .risk .pil h3{font-size:19px;font-weight:700;margin-top:16px} .risk .pil p{font-size:13.5px;color:var(--ink2);margin-top:8px;line-height:1.45} @media(max-width:900px){.risk .ciclo{grid-template-columns:repeat(2,1fr)}} @media(max-width:520px){.risk .ciclo{grid-template-columns:1fr}} .risk .servicios{background:var(--bg2)} .risk .pblock{margin-top:48px} .risk .pblock:first-of-type{margin-top:40px} .risk .ptag{display:flex;align-items:center;gap:14px;margin-bottom:24px} .risk .ptag .n{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--ubg);color:var(--u);font-family:var(--head);font-weight:800;font-size:15px} .risk .ptag h3{font-size:23px;font-weight:700} .risk .ptag .ln{flex:1;height:1px;background:var(--line2)} .risk .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .risk .svc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .2s,box-shadow .2s,border-color .2s} .risk .svc:hover{transform:translateY(-3px);box-shadow:0 20px 44px -24px rgba(18,18,18,.22);border-color:var(--u)} .risk .svc h4{font-family:var(--head);font-size:18px;font-weight:700;margin-bottom:10px} .risk .svc p{font-size:14px;color:var(--ink2);line-height:1.5} .risk .svc .gana{margin-top:16px;font-family:var(--head);font-size:13px;font-weight:700;display:flex;gap:8px;color:var(--u)} @media(max-width:860px){.risk .svc-grid{grid-template-columns:1fr}} .risk .legal{background:var(--dark-navy);color:#fff;text-align:center} .risk .legal h2{color:#fff;font-size:36px;font-weight:800;letter-spacing:-.02em} .risk .legal p{color:#c7cbd4;max-width:60ch;margin:18px auto 0;font-size:16px;font-weight:500} .risk .plat .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center} @media(max-width:820px){.risk .plat .wrap{grid-template-columns:1fr}}