#view-bienestar .page-title{margin-top:12px}
.wellbeing-hero{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;padding:22px 24px;margin:0 0 16px;border:1px solid #d8e79b;border-left:7px solid #b8dc3f;border-radius:18px;background:radial-gradient(circle at 94% 10%,#f0f7c8 0,transparent 34%),linear-gradient(115deg,#20341f,#304921 62%,#405b2a);color:#fff;box-shadow:0 12px 28px #26351d20}
.wellbeing-hero-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#d8f36a;color:#26351d;font-size:27px}
.wellbeing-kicker{display:block;color:#78932e;font-size:9px;font-weight:900;letter-spacing:.14em}
.wellbeing-hero .wellbeing-kicker{color:#ddf47b}
.wellbeing-hero h3{margin:5px 0 6px;font-size:clamp(18px,2vw,24px);line-height:1.2;letter-spacing:-.02em}
.wellbeing-hero p{margin:0;color:#e1e8d7;font-size:12px;line-height:1.55;max-width:760px}
.wellbeing-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:15px;align-items:stretch}
.wellbeing-checkin,.wellbeing-promise{border-top:4px solid #b8d743}
.wellbeing-checkin .card-head{align-items:flex-start}
.wellbeing-spark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#f0f7d6;color:#647f20;font-size:19px}
.wellbeing-options{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.wellbeing-options button{min-height:40px;padding:9px 12px;border:1px solid #dfe6d4;border-radius:11px;background:#fbfcf8;color:#38442c;font-weight:700;font-size:11px;transition:background .15s,border-color .15s,transform .15s}
.wellbeing-options button:hover,.wellbeing-options button[aria-pressed="true"]{border-color:#a9ca39;background:#f0f8d3;color:#30451d;transform:translateY(-1px)}
.wellbeing-response{min-height:92px;padding:14px;border:1px solid #dce9b8;border-radius:13px;background:linear-gradient(120deg,#f5fae7,#fff 80%);color:#37452b}
.wellbeing-response strong{display:block;font-size:13px;line-height:1.4}
.wellbeing-response p{margin:6px 0 0;color:#606958;font-size:12px;line-height:1.55}
.wellbeing-response a{display:inline-flex;margin-top:9px;color:#4d6f18;font-size:11px;font-weight:800;text-decoration:underline;cursor:pointer}
.wellbeing-privacy{margin:9px 0 0;color:#7a8073;font-size:10px;line-height:1.45}
.wellbeing-promise{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0,#f1eaff 0,transparent 45%),#fff}
.wellbeing-promise h3{margin:8px 0;color:#2b3823;font-size:19px;line-height:1.3}
.wellbeing-promise p{color:#656d5d;font-size:12px;line-height:1.6}
.wellbeing-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}
.wellbeing-actions .action{font-size:11px}
.wellbeing-pillars{margin-top:18px;padding:21px;border:1px solid #e0e7d3;border-radius:17px;background:linear-gradient(130deg,#fafcf6,#fff 65%,#f8f6ff)}
.wellbeing-section-title{max-width:760px;margin-bottom:14px}
.wellbeing-section-title h3{margin:6px 0;font-size:19px;line-height:1.3;color:#26351d}
.wellbeing-section-title p{margin:0;color:#6b7164;font-size:12px;line-height:1.55}
.wellbeing-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.wellbeing-pillar{padding:15px;border:1px solid #e1e7d7;border-radius:14px;background:#fff}
.wellbeing-pillar>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#eff6d7;font-size:21px}
.wellbeing-pillar h4{margin:10px 0 6px;color:#293a20;font-size:13px}
.wellbeing-pillar p{margin:0;color:#62695c;font-size:11px;line-height:1.55}
.wellbeing-pillar.movement>span{background:#e8f5f0}
.wellbeing-pillar.mind>span{background:#f1eaff}
.wellbeing-disclaimer{margin-top:13px;padding:12px 14px;border:1px solid #d9dff1;border-left:4px solid #8e81c5;border-radius:11px;background:#f8f7ff;color:#5f5c75;font-size:10px;line-height:1.55}
.wellbeing-disclaimer strong{color:#464164}
@media(max-width:850px){.wellbeing-layout{grid-template-columns:1fr}.wellbeing-pillar-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wellbeing-hero{grid-template-columns:43px minmax(0,1fr);gap:11px;padding:16px}.wellbeing-hero-icon{width:43px;height:43px;font-size:22px;border-radius:13px}.wellbeing-hero h3{font-size:18px}.wellbeing-options button{flex:1 1 calc(50% - 8px);text-align:left}.wellbeing-checkin,.wellbeing-promise,.wellbeing-pillars{padding:15px}.wellbeing-section-title h3{font-size:17px}.wellbeing-actions .action{flex:1 1 auto;justify-content:center}}