/* Entre Líneas V11 · bienestar, móvil primero, sin dependencias externas. */
:root{--el-lilac:#a984aa;--el-rose:#eedbe9;--el-sky:#e3f0f2;--el-ink:#453c51;--el-muted:#817487;--el-line:#ecdfeb;--el-curve:cubic-bezier(.22,1,.36,1)}
.el-wellbeing{padding-top:24px!important;color:var(--el-ink)}
.el-wb-hero{border-radius:34px;padding:clamp(22px,4vw,38px);background:radial-gradient(circle at 94% 12%,#deeff0,transparent 40%),linear-gradient(135deg,#f6e9f1,#fdfbf9);border:1px solid #ecdce7;display:flex;gap:22px;align-items:center;justify-content:space-between;box-shadow:0 24px 50px rgba(93,63,92,.07)}
.el-kicker{text-transform:uppercase;letter-spacing:.13em;font-weight:850;font-size:10px;color:#9b7899}
.el-wb-hero h1{font:500 clamp(34px,6vw,54px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:12px 0 10px;color:#57435c}
.el-wb-hero h1 span{font-size:.8em}
.el-wb-hero p{max-width:690px;line-height:1.7;margin:0;color:#786b7f}
.el-quiet-link{display:inline-flex;gap:5px;align-items:center;text-decoration:none;font-weight:800;color:#735371;border:1px solid #e7cfe0;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.58);cursor:pointer;font-size:13px;white-space:normal}
.el-quiet-link:hover,.el-quiet-link:focus-visible{background:white;transform:translateY(-2px)}
.el-wb-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,1fr);gap:18px;margin-top:20px}
.el-wb-card{padding:clamp(20px,3vw,30px);background:linear-gradient(150deg,#fffefd,#fcf8fb);border-radius:28px;border:1px solid var(--el-line);box-shadow:0 13px 38px rgba(82,62,83,.045);min-width:0;position:relative;overflow:hidden}
.el-wb-card h2{font:500 clamp(26px,3.5vw,35px)/1.16 Georgia,'Times New Roman',serif;color:#5b4760;letter-spacing:-.026em;margin:10px 0 12px}
.el-wb-card h3{color:#645068;margin:0 0 9px}
.el-wb-card p{font-size:14px;line-height:1.7;color:#7c6d7b}
.el-wb-card label{margin-top:14px;color:#69536a}
.el-wb-card input,.el-wb-card select,.el-wb-card textarea{border-color:#eadde5;background:#fffdfd;border-radius:16px}
.el-wb-card select{max-width:100%}
.el-wb-full{grid-column:1/-1}.el-wb-wide{grid-column:1/2}.el-wb-narrow{grid-column:2/3}
.el-section-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.el-soft-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;font-size:28px;background:#f5e8f0;border-radius:18px;color:#ac82a1}
.el-notice{background:#f1f8f6;border-radius:14px;padding:11px 14px;border:1px solid #dfebe6}
.el-need-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:9px 0}
.el-need-choice{display:block!important;margin:0!important;cursor:pointer;position:relative}
.el-need-choice input{position:absolute;left:15px;top:13px;opacity:0;width:1px;height:1px}
.el-need-choice span{display:block;border:1px solid #e9dce4;border-radius:17px;background:#fff;padding:14px;min-height:79px;transition:border-color .2s,transform .24s var(--el-curve),background .2s}
.el-need-choice b{display:block;font-size:13px;font-weight:800;color:#644d67}.el-need-choice small{display:block;margin-top:5px;color:#928090;line-height:1.35;font-size:11px}
.el-need-choice:has(input:checked) span{background:#f9f0f6;border-color:#cda7c1;box-shadow:inset 0 0 0 1px #cda7c1}
.el-need-choice:focus-within span{outline:3px solid rgba(152,121,153,.16)}
.el-checkin-form input[type=range]{padding:0;accent-color:#b28aaa;max-width:100%;border:0;cursor:pointer}
.el-scale-labels{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#9c8a99;font-size:12px;margin-top:3px}.el-scale-labels strong{color:#715573;font-size:17px}
.el-checkin-form>.btn{margin-top:17px;width:100%}
.el-help-panel{display:flex;flex-direction:column;gap:5px;background:linear-gradient(145deg,#e5f0ef,#f4f9f6);border:1px solid #d4e8e5;border-radius:18px;padding:18px;margin:15px 0}
.el-help-panel strong{font-size:12px;color:#597c76}.el-help-panel a{font-size:clamp(23px,2.8vw,30px);font-weight:900;color:#315c57;text-decoration:none}.el-help-panel small{color:#718c86}
.el-exercises{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px;align-items:start}
.el-exercise{padding:17px;background:linear-gradient(145deg,#fff,#fbf5f9);border:1px solid #eddfeb;border-radius:20px;min-width:0;transition:transform .25s var(--el-curve),box-shadow .25s}
.el-exercise:hover{transform:translateY(-3px);box-shadow:0 18px 26px rgba(92,69,99,.07)}
.el-exercise-emoji{width:47px;height:47px;background:#f2e8f3;border-radius:16px;display:grid;place-items:center;font-size:24px;margin-bottom:15px}
.el-exercise h3{font-size:17px;letter-spacing:-.02em}.el-exercise p{font-size:12px;line-height:1.65;min-height:128px}
.el-exercise .el-quiet-link{padding:9px 10px;font-size:12px}
.el-exercise-work{margin-top:13px;padding:13px;border-radius:17px;background:#f6edf3;border:1px solid #e9d7e5}
.el-exercise-work[hidden]{display:none!important}
.el-exercise-work p{min-height:0;margin:10px 0;font-weight:700;color:#66536c}
.el-exercise-actions{display:flex;gap:7px;flex-wrap:wrap}
.el-exercise-actions .btn{font-size:12px!important}
.el-breathe-orb{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#bd94b4);box-shadow:0 0 0 10px #f0deed;margin:17px auto}
.el-exercise[data-el-active=breathing] .el-breathe-orb{animation:el-breathe 10s ease-in-out infinite}
@keyframes el-breathe{0%,100%{transform:scale(.75)}40%{transform:scale(1.45)}65%{transform:scale(1.45)}}
.el-complete-form{padding-top:10px;border-top:1px solid #e7d6e3;margin-top:14px}.el-complete-form .btn{margin-top:12px}
.el-subtitle{margin:15px 0 0;color:#9b8b9a;font-size:12px}
.el-mood-row{display:grid;grid-template-columns:150px 1fr 25px;gap:12px;align-items:center;font-size:13px;margin:15px 0;color:#645064}
.el-mood-meter{height:11px;background:#f5eaf1;border-radius:999px;overflow:hidden}.el-mood-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d5a4c7,#92bec0)}
.el-timeline{max-height:230px;overflow:auto}.el-timeline-item{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid #f0e8ed;font-size:13px}.el-timeline-item span{color:#aa92a6;min-width:35px}.el-timeline-item strong{flex:1;color:#66516a}.el-timeline-item small{color:#9d8b99}
.el-letter-form textarea{min-height:140px}.el-letter-form .btn{margin-top:15px}.el-letter-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ede3e9;padding:12px 0;flex-wrap:wrap}.el-letter-item>div{flex:1;min-width:130px}.el-letter-item strong{display:block;color:#69526a;font-size:13px}.el-letter-item small{display:block;margin-top:5px;color:#998796;font-size:11px}.el-letter-item form{margin:0}
.el-tiny-delete{border:0;background:transparent;color:#9c7c8d;font-size:11px;cursor:pointer;text-decoration:underline;padding:5px}.el-letter-open{background:#fcf1f7;border:1px solid #e9d4e2;border-radius:17px;padding:16px;margin-top:17px}.el-letter-open p{white-space:normal;word-break:break-word}
.el-pref-form{max-width:650px}.el-pref-form .el-check{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#796b7d}.el-pref-form .el-check input{width:auto;margin:3px 0 0;flex-shrink:0}.el-pref-form .btn{margin-top:16px}
.el-feedback-form{display:flex;gap:9px;flex-wrap:wrap}
.el-empty{padding:18px;border:1px dashed #e5cedf;border-radius:15px;color:#998396;background:#fcf6fa;font-size:13px}
.el-disclaimer{text-align:center;font-size:12px;line-height:1.6;max-width:740px;margin:24px auto;color:#968998}
.el-home-welcome{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(130deg,#f8e9f2,#edf8f5);border-radius:26px;border:1px solid #ebdae5;padding:22px 25px;margin-bottom:18px}
.el-home-welcome h2{font:500 clamp(24px,3.5vw,31px)/1.15 Georgia,serif;color:#664b66;margin:9px 0}.el-home-welcome p{color:#7c7180;font-size:13px;line-height:1.65;margin-bottom:0;max-width:630px}
.el-quick-sharing,.el-full-sharing{border:1px solid #e9dce3;border-radius:16px;padding:12px;margin:10px 0;background:#fffbfd}.el-quick-sharing label,.el-full-sharing label{margin:0 0 8px;font-weight:800;font-size:12px;color:#79657d}.el-quick-sharing select,.el-full-sharing select{background:#fff!important;border-radius:13px!important}.el-quick-sharing small,.el-full-sharing small{font-size:11px;color:#988696;line-height:1.5;display:block;margin-top:6px}
.el-entry-sharing{margin:15px 0 8px;padding:12px;border-radius:14px;background:#faf4f8;display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.el-entry-sharing span{font-size:12px;font-weight:800;color:#896985}.el-entry-sharing form{display:flex;gap:6px;max-width:100%;flex-wrap:wrap}.el-entry-sharing select{width:auto;max-width:225px;padding:8px;font-size:12px}.el-readonly-label{margin:14px 0 0;color:#987d92;font-size:12px;border:1px solid #e9dce5;border-radius:12px;padding:9px 12px;background:#faf6f9}
.el-profile-shortcut{margin:12px auto}.el-profile-shortcut a{display:block;border:1px solid #eeddea;border-radius:18px;padding:15px 18px;background:#fbf3f8;font-weight:800;font-size:13px;color:#715571;text-decoration:none}
.el-admin-wellbeing{margin:24px auto;padding:20px;border-radius:22px;border:1px solid #e9dce7;background:#fcf7fb}.el-admin-wellbeing h2{color:#624c65}.el-admin-wellbeing p{color:#8d7d8d;font-size:12px}.el-admin-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.el-admin-metrics>div{border-radius:15px;background:white;padding:12px}.el-admin-metrics strong{font-size:23px;color:#68506b;display:block}.el-admin-metrics span{color:#918193;font-size:11px}
@media(max-width:1020px){.el-exercises{grid-template-columns:repeat(2,minmax(0,1fr))}.el-exercise p{min-height:0}}
@media(max-width:780px){.el-wb-grid{grid-template-columns:1fr}.el-wb-wide,.el-wb-narrow,.el-wb-full{grid-column:1}.el-wb-hero{display:block}.el-wb-hero .el-quiet-link{margin-top:18px}.el-home-welcome{display:block}.el-home-welcome .btn{margin-top:14px}.el-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.el-wb-card{border-radius:24px}}
@media(max-width:420px){.el-need-grid{grid-template-columns:1fr}.el-exercises{grid-template-columns:1fr}.el-mood-row{grid-template-columns:110px 1fr 18px;gap:8px;font-size:11px}.el-wb-hero{border-radius:24px}.el-exercise{padding:15px}.el-exercise p{min-height:0}.el-wb-card{padding:18px}.el-wb-hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.el-exercise,.el-quiet-link,.el-need-choice span{transition:none!important}.el-breathe-orb{animation:none!important}}

.el-entry-feedback{margin-top:14px;padding:10px 0;border-top:1px dashed #eddde8}
.el-entry-feedback summary{color:#97778b;font-size:12px;font-weight:800;cursor:pointer}
.el-entry-feedback form{margin-top:10px}
.el-exercise:has(.el-exercise-work:not([hidden])){grid-column:span 2}
@media(max-width:420px){.el-exercise:has(.el-exercise-work:not([hidden])){grid-column:1/-1}}