/* Cuidapp Empresas (cuidapp.io/empresas): estilos propios de la landing B2B, con los tokens del sitio (--lav, --lavt, --ink…) y, scoped a .emp-*,
   algunos tonos lavanda extra del mockup aprobado. Nada de verde. Archivo aparte (la CSP no admite <style> ni scripts inline nuevos; /web/* es inmutable). */
.emp{--emp-lavsoft:#EEEAFB;--emp-tile:#F5F3FD;--emp-indigo:#2A1F66;--emp-border:#ECEAF3}
.emp .wrap{max-width:1120px}

/* hero con foto real */
.emp-hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:72px 0 44px}
.emp-hero .lbl{font-size:13px;font-weight:600;color:var(--ink3);margin-bottom:14px}
.emp-hero .lbl a{color:inherit;text-decoration:none}
.emp-hero h1{font-size:clamp(30px,3.6vw,43px);font-weight:700;line-height:1.08;letter-spacing:-.8px;color:var(--ink)}
.emp-hero h1 b{color:var(--lavt);font-weight:700}
.emp-hero .sub{font-size:17px;color:var(--ink2);line-height:1.5;margin-top:18px;max-width:30em}
.emp-hero .acts{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.emp-trust{display:flex;gap:18px;margin-top:24px;flex-wrap:wrap}
.emp-trust span{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);font-weight:600}
.emp-trust img{width:22px;height:22px;object-fit:contain}
.emp-foto{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 60px rgba(42,31,102,.16);background:var(--g)}
.emp-foto img{width:100%;height:100%;object-fit:cover}
.emp-flot{position:absolute;left:16px;bottom:16px;right:16px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:11px}
.emp-flot img{width:34px;height:34px}
.emp-flot b{font-size:13.5px;font-weight:650}.emp-flot small{font-size:12px;color:var(--ink3);display:block}

/* secciones */
.emp-sect{padding:54px 0;border-top:1px solid var(--emp-border)}
.emp-sect h2{font-size:clamp(24px,2.6vw,30px);font-weight:650;letter-spacing:-.4px;text-align:center;color:var(--ink)}
.emp-sect .ssub{text-align:center;color:var(--ink2);font-size:16px;margin-top:10px}
.emp-ico3d{width:56px;height:56px;border-radius:15px;background:var(--emp-tile);display:grid;place-items:center;flex:none}
.emp-ico3d img{width:34px;height:34px;object-fit:contain}
.emp-et{font-size:12px;font-weight:700;color:var(--lavt);background:var(--emp-lavsoft);border-radius:999px;padding:4px 11px}

.emp-modos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}
.emp-modo{border:1px solid var(--emp-border);border-radius:20px;padding:26px}
.emp-modo .mhd{display:flex;align-items:center;gap:13px}
.emp-modo h3{font-size:20px;font-weight:650;margin:16px 0 4px}
.emp-modo .dsc{font-size:13.5px;color:var(--ink3);margin-bottom:16px}
.emp-step{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--g)}
.emp-step .n{width:26px;height:26px;border-radius:999px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12.5px;flex:none;margin-top:1px}
.emp-step b{font-size:14.5px;font-weight:650}.emp-step small{font-size:13px;color:var(--ink2);display:block;line-height:1.4;margin-top:2px}

.emp-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.emp-pk{border:1px solid var(--emp-border);border-radius:18px;padding:18px}
.emp-pk h3{font-size:17px;font-weight:650;margin:13px 0 5px}
.emp-pk p{font-size:13px;color:var(--ink2);line-height:1.45}
.emp-pk .pr{margin-top:14px;font-size:13px;color:var(--ink3)}.emp-pk .pr b{font-size:18px;color:var(--ink);font-weight:700;display:block}

.emp-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.emp-panel h2{text-align:left}.emp-panel .ssub{text-align:left}
.emp-panel .et{display:inline-block;margin-bottom:12px}
.emp-panel ul{list-style:none;margin:20px 0 0;padding:0}
.emp-panel li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink2);line-height:1.4;margin-bottom:13px}
.emp-panel li img{width:22px;height:22px;flex:none;object-fit:contain}
.emp-card{background:linear-gradient(160deg,#F6F4FD,#EEEAFB);border-radius:22px;padding:20px;box-shadow:0 20px 50px rgba(42,31,102,.1)}
.emp-card .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}
.emp-card .hd b{font-size:14px;font-weight:700}.emp-card .hd span.lnk{font-size:12px;color:var(--lavt);font-weight:700}
.emp-mini{background:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:9px}
.emp-mini .av{width:34px;height:34px;border-radius:999px;background:var(--lav);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.emp-mini b{font-size:13.5px;font-weight:650}.emp-mini small{font-size:11.5px;color:var(--ink3);display:block}
.emp-mini .pill{margin-left:auto;font-size:11px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--emp-lavsoft);color:var(--lavt);white-space:nowrap}
.emp-mini .pill.ok{background:#EDEAFB;color:#4447C2}

.emp-bens{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
.emp-ben h3{font-size:15.5px;font-weight:650;margin:12px 0 5px}
.emp-ben p{font-size:13px;color:var(--ink2);line-height:1.45}
.emp-ben .emp-ico3d{width:50px;height:50px;border-radius:13px}

/* cotizar: CTA índigo con el formulario */
.emp-cta{background:var(--emp-indigo);color:#fff;border-radius:26px;padding:48px;text-align:center;margin:40px 0 0}
.emp-cta h2{font-size:clamp(24px,2.6vw,30px);font-weight:650;color:#fff}
.emp-cta p{color:rgba(255,255,255,.82);font-size:16px;margin-top:12px}
.emp-sello{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}
.emp-sello img{width:18px;height:18px}
.emp-form{max-width:520px;margin:26px auto 0;text-align:left;display:flex;flex-direction:column;gap:6px;background:#fff;color:var(--ink);border-radius:20px;padding:24px}
.emp-form label{font-size:14px;font-weight:500;margin-top:10px;color:var(--ink)}
.emp-form .opc{font-weight:400;color:var(--ink2)}
.emp-form input,.emp-form textarea{height:48px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#fff;color:var(--ink);font:inherit;font-size:16px;width:100%}
.emp-form textarea{height:auto;padding:12px 14px;resize:vertical}
.emp-form .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin-top:12px;font-size:14px;color:var(--ink2)}
.emp-form .chk input{width:20px;height:20px;height:20px;margin-top:2px;flex:none}
.emp-form .tel{display:flex;align-items:center;gap:8px}.emp-form .tel span{font-weight:600}
.emp-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.emp-form .btn{margin-top:16px}
.emp-msg{margin-top:12px;padding:12px 14px;border-radius:14px;font-size:15px}
.emp-msg.ok{background:#EDEAFB;color:#4447C2}.emp-msg.err{background:#FDECEC;color:#7F1D1D}
.emp-fine{font-size:13px;color:var(--ink3);margin-top:4px}

@media (max-width:860px){
  .emp-hero{grid-template-columns:1fr;gap:28px;padding:40px 0 24px}
  .emp-modos{grid-template-columns:1fr}
  .emp-packs{grid-template-columns:1fr}
  .emp-panel{grid-template-columns:1fr;gap:28px}
  .emp-bens{grid-template-columns:1fr 1fr}
  .emp-cta{padding:32px 20px}
}
@media (max-width:520px){.emp-bens{grid-template-columns:1fr}}