/* Tema de bienestar Nubra — paleta funcional definida para la aplicación. */
:root{--soft-blue:#5B8DEF;--sky:#A7D8F0;--teal:#4DB6A6;--lavender:#B8A4D9;--warm-yellow:#F4C95D;--peach:#F4B49A;--ivory:#FAF8F3;--warm-gray:#E8E4DE;--alert-red:#D9534F;--ink:#29343d;--muted:#66747b;--line:#e0ddd7;--shadow:0 14px 34px rgba(54,74,86,.09)}body{background:linear-gradient(145deg,#f8fcff 0%,var(--ivory) 55%,#f7fbf9 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{background:rgba(250,248,243,.9);border-color:var(--line);backdrop-filter:blur(16px)}.brand,h1,h2,h3,.metric strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.brand{font-size:22px;font-weight:800;letter-spacing:-.8px}.brand i{width:8px;height:8px;background:var(--teal)}.links a:hover{color:var(--soft-blue)}.button{border-radius:10px;background:var(--soft-blue);box-shadow:0 8px 20px rgba(91,141,239,.24);font-weight:700}.button:hover{background:#487bdc;filter:none}.button.secondary{background:var(--sky);border:1px solid transparent;color:var(--ink);box-shadow:none}.button.outline{background:transparent;color:#387d72;border-color:var(--teal);box-shadow:none}.hero{padding:96px 0 76px;background:radial-gradient(800px 440px at 85% 0,rgba(167,216,240,.62),transparent 67%),linear-gradient(120deg,rgba(91,141,239,.1),transparent 62%)}.eyebrow,.label{color:#397e74;font-size:11px;font-weight:800;letter-spacing:1.4px}h1,h2,h3{font-weight:800;letter-spacing:-1.8px}.hero p,.intro p{color:var(--muted)}.support-card{background:linear-gradient(125deg,#f4ebff 0%,#fff4ef 100%);border:1px solid #e4d9ef;border-radius:20px;box-shadow:var(--shadow)}.support-card p{color:var(--muted)}.feature,.professional-card,.request-card,.metric,.detail-block,.form-wrap{background:rgba(250,248,243,.9);border-color:var(--line);box-shadow:0 6px 20px rgba(54,74,86,.045)}.feature p,.professional-card p{color:var(--muted)}.avatar{border-radius:12px;background:#e7f5f1;border:1px solid #c9e7df;color:#398c7e}.tag,.status{background:#e7f5f1;color:#397e74}.status.pending{background:#fff6d8;color:#8b6a10}.status.viewed{background:#e9f3fe;color:#3d6fb8}.status.accepted,.status.contacted{background:#e7f5f1;color:#397e74}.status.closed,.status.rejected{background:#fbe8e7;color:var(--alert-red)}.selected{background:#eef5ff;border:1px solid #cfdefb}input,select,textarea{background:#fffefd;border-color:#d9d8d2;color:var(--ink)}.choice span{border-color:#d9d8d2}.choice input:checked+span{background:#e7f5f1;border-color:var(--teal);color:#397e74}.notice{border-left-color:var(--soft-blue);background:#edf5fe;color:var(--ink)}.side-link.active,.side-link:hover{background:#eef5ff;color:var(--soft-blue)}.demo-note{background:#f1f4f3;border:1px solid var(--line)}.empty{background:#fffefd;border-color:#c8ddd8}footer{border-color:var(--line);color:var(--muted)}

/* Acentos visibles: cada color representa una parte del recorrido de bienestar. */
.feature{position:relative;overflow:hidden;border-top-width:4px}.feature::before{content:"";width:34px;height:34px;border-radius:50%;display:block;margin-bottom:15px}.feature:nth-child(1){background:#eef4ff;border-top-color:var(--soft-blue)}.feature:nth-child(1)::before{background:var(--soft-blue);box-shadow:0 8px 18px rgba(91,141,239,.28)}.feature:nth-child(2){background:#edf9f6;border-top-color:var(--teal)}.feature:nth-child(2)::before{background:var(--teal);box-shadow:0 8px 18px rgba(77,182,166,.26)}.feature:nth-child(3){background:#f5f0fc;border-top-color:var(--lavender)}.feature:nth-child(3)::before{background:var(--lavender);box-shadow:0 8px 18px rgba(184,164,217,.3)}.professional-card:nth-child(1){border-top:4px solid var(--soft-blue)}.professional-card:nth-child(2){border-top:4px solid var(--lavender)}.professional-card:nth-child(3){border-top:4px solid var(--teal)}.professional-card:nth-child(2) .avatar{background:#f2ecfb;border-color:#e2d7f1;color:#8065ae}.metric:nth-child(1){background:#eef4ff;border-top:3px solid var(--soft-blue)}.metric:nth-child(2){background:#edf9f6;border-top:3px solid var(--teal)}.metric:nth-child(3){background:#fff8df;border-top:3px solid var(--warm-yellow)}.metric:nth-child(4){background:#f5f0fc;border-top:3px solid var(--lavender)}.support-card .button{background:linear-gradient(135deg,var(--peach),var(--lavender));color:var(--ink);box-shadow:0 8px 20px rgba(184,164,217,.25)}
