@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
:root{--ink:#193139;--muted:#647279;--pine:#2c726b;--dark:#205a55;--mist:#dcebed;--blue:#d7e8ee;--sand:#f6e7d8;--rose:#f4dddd;--paper:#fcfaf7;--line:#e7e1da;--shadow:0 18px 45px rgba(58,65,62,.1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#f9f5f0,#fdfbf8 50%,#f5efe7);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.shell{width:min(100%,540px);min-height:100vh;margin:auto;background:rgba(255,253,250,.82);position:relative;overflow:hidden;padding:env(safe-area-inset-top) 20px calc(100px + env(safe-area-inset-bottom))}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between}.brand{font:400 42px/.62 "Allura","Brush Script MT",cursive;color:var(--dark);letter-spacing:0;padding-top:13px}.brand small{display:block;color:var(--muted);font:600 7px/1.2 Inter,sans-serif;letter-spacing:4px;text-align:center;margin-top:3px}.quiet{color:var(--muted);font-size:13px}.back{border-radius:50%;width:38px;height:38px;color:var(--ink);background:transparent;font-size:25px}.progress{height:4px;border-radius:100px;background:#ebe7e1;margin:8px 0 28px;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:var(--pine);transition:width .35s ease}.screen{min-height:calc(100vh - 170px);display:flex;flex-direction:column;animation:appear .42s ease both}.eyebrow{color:var(--dark);letter-spacing:1.8px;font-size:10px;font-weight:750;text-transform:uppercase;margin:20px 0 12px}.hero{justify-content:center;text-align:center;padding-bottom:28px}.sun{width:142px;height:142px;margin:0 auto 35px;border-radius:50%;background:radial-gradient(circle at 47% 38%,#fff9d7 0 4%,#f9d8a5 8%,transparent 28%),linear-gradient(180deg,#a2cad1,#d3e5e4 44%,#f0bd84 46%,#759faf 49%,#dde8e3 67%,#9ab4b1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 18px 35px rgba(76,118,121,.17);position:relative;overflow:hidden}.sun:after{content:"";position:absolute;width:180%;height:30%;left:-40%;top:48%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.25) 0 1px,transparent 1px 8px);transform:skewY(-9deg)}.hero h1{margin:0;font:400 clamp(40px,11vw,60px)/.95 Georgia,serif;letter-spacing:-2px;color:var(--dark)}.tag{letter-spacing:5px;color:var(--muted);font-size:11px;margin:15px 0 42px}.big-copy{font:400 30px/1.15 Georgia,serif;max-width:300px;margin:0 auto 16px}.copy{color:var(--muted);font-size:15px;line-height:1.55;max-width:350px;margin:0 auto}.action{width:100%;border-radius:999px;padding:16px 20px;margin-top:auto;color:#fff;background:var(--pine);box-shadow:0 10px 22px rgba(41,109,103,.18);font-size:15px;font-weight:700;transition:.2s}.action:hover{background:var(--dark);transform:translateY(-1px)}.fine{text-align:center;color:var(--muted);font-size:11px;margin:13px 0 0}.question{padding-top:40px}.question h1{font-size:26px;line-height:1.16;text-align:center;max-width:340px;margin:0 auto 28px;letter-spacing:-.7px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.option{min-height:126px;padding:15px 10px;border-radius:20px;background:var(--paper);border:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;font-weight:700;font-size:13px;box-shadow:0 4px 12px rgba(64,59,51,.025);transition:.2s}.option small{font-size:10px;font-weight:500;color:var(--muted);line-height:1.25}.option:hover,.option.chosen{border-color:var(--pine);background:#f2f8f7}.emoji{border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:22px;background:var(--mist)}.option:nth-child(2) .emoji{background:#fbe4bf}.option:nth-child(3) .emoji{background:#e5e5f1}.option:nth-child(4) .emoji{background:#f8dada}.option:nth-child(5) .emoji{background:#ffdada}.option:nth-child(6) .emoji{background:#e0eaf1}.stack{display:grid;gap:10px}.row-option{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:14px 16px;border-radius:16px;display:flex;align-items:center;gap:13px;text-align:left;font-size:13px;font-weight:650;transition:.2s}.row-option:hover,.row-option.chosen{border-color:var(--pine);background:#f1f8f6}.round-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--mist);font-size:17px}.row-option:nth-child(2) .round-icon{background:var(--blue)}.row-option:nth-child(3) .round-icon{background:var(--rose)}.question .action{margin-top:26px}.textarea{width:100%;min-height:100px;resize:vertical;border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:14px;color:var(--ink);outline:none}.textarea:focus{border-color:var(--pine);box-shadow:0 0 0 3px rgba(44,114,107,.1)}.guide{justify-content:center;text-align:center}.guide .orb{width:140px;height:140px;margin:0 auto 35px;border-radius:50%;background:radial-gradient(circle at 40% 32%,#fdfefe,#d4e6e7 42%,#a7c5c7);box-shadow:inset -12px -17px 25px rgba(76,131,138,.14),0 19px 37px rgba(77,116,120,.13);position:relative}.orb:after{content:"•  •\A ︶";white-space:pre;position:absolute;top:45px;left:0;right:0;color:#276861;line-height:14px;letter-spacing:5px;font-size:14px}.guide h1{margin:0 0 18px;font-size:27px}.guide .copy{max-width:290px}.body-figure{height:230px;display:grid;place-items:center;position:relative;margin:8px 0 18px}.body-figure:before{content:"";width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#d7ebea,rgba(215,235,234,0) 68%);position:absolute}.person{font-size:150px;filter:grayscale(1) sepia(.2);opacity:.5;position:relative}.breath{justify-content:center;text-align:center}.breath h1{font-size:27px;margin:0 0 42px}.breath-wrap{height:280px;display:grid;place-items:center;position:relative}.breath-wrap:before,.breath-wrap:after{content:"";position:absolute;border-radius:50%;background:rgba(190,225,229,.28)}.breath-wrap:before{width:230px;height:230px}.breath-wrap:after{width:175px;height:175px;background:rgba(182,216,222,.4)}.breath-ball{width:122px;height:122px;position:relative;z-index:1;border-radius:50%;background:radial-gradient(circle at 42% 35%,#f9ffff,#b9d8dc 65%,#88adb4);box-shadow:0 0 0 25px rgba(199,229,232,.28),0 0 0 54px rgba(210,236,238,.25);animation:breathe 8s ease-in-out infinite}.breath-instruction{color:var(--muted);margin-top:26px;font-size:14px}.cycle{color:var(--muted);font-size:12px;margin:10px 0 0}.skip{color:var(--dark);background:none;margin:25px auto 0;font-weight:650}.summary{padding-top:45px}.summary h1{font-size:23px;text-align:center;max-width:310px;margin:0 auto 25px}.summary-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.summary-card p{line-height:1.55;font-size:14px;margin:0 0 18px}.insight{background:var(--sand);border-radius:15px;padding:15px!important;margin:0!important}.need{border:1px solid transparent;padding:17px 16px;border-radius:16px;background:var(--mist);display:flex;align-items:center;gap:14px;text-align:left;color:var(--ink)}.need+.need{margin-top:10px}.need:nth-of-type(2){background:var(--blue)}.need:nth-of-type(3){background:var(--rose)}.need strong{display:block;font-size:14px}.need small{color:var(--muted);display:block;margin-top:2px;font-size:11px}.need:hover{border-color:var(--pine)}.home{padding:14px 0 0}.home-hero{border-radius:26px;min-height:300px;padding:26px 22px;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(188,220,225,.85),rgba(255,244,223,.87) 55%,rgba(136,171,178,.6)),linear-gradient(120deg,#9dc5cf,#e9c595);box-shadow:var(--shadow)}.home-hero:after{content:"";position:absolute;left:-15%;right:-15%;height:125px;bottom:-45px;background:radial-gradient(ellipse at center,#5e9195 0 26%,transparent 27%),radial-gradient(ellipse at 26% 100%,#547477 0 22%,transparent 23%),radial-gradient(ellipse at 75% 100%,#66888a 0 30%,transparent 31%);opacity:.4}.greeting{font:400 25px/1.05 Georgia,serif;position:relative;z-index:1}.greeting span{font:600 12px Inter,sans-serif;display:block;margin-top:7px}.pause{position:relative;z-index:1;width:100%;color:#fff;background:var(--pine);padding:15px;margin-top:31px;border-radius:999px;font-weight:700}.home-actions{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-top:12px}.home-actions button{background:rgba(255,255,255,.85);color:var(--dark);padding:12px 9px;border-radius:999px;font-size:11px;font-weight:700}.section-title{font:400 23px/1.1 Georgia,serif;margin:29px 0 15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{border:1px solid var(--line);background:var(--paper);padding:14px 9px;text-align:center;border-radius:16px}.stat b{display:block;color:var(--dark);font:400 26px Georgia,serif}.stat span{color:var(--muted);font-size:10px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);height:75px;background:rgba(255,253,250,.93);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom)}.nav button{background:none;color:var(--muted);font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.nav .nav-icon{font-size:17px}.nav button.active{color:var(--dark);font-weight:750}.explore-card{border-radius:22px;padding:19px;margin-bottom:12px;background:var(--mist)}.explore-card:nth-child(3){background:var(--sand)}.explore-card h3{margin:0 0 6px;font-size:16px}.explore-card p{color:var(--muted);margin:0 0 14px;font-size:13px}.text-link{background:none;color:var(--dark);padding:0;font-weight:700}.path-head{background:var(--mist);padding:24px;border-radius:23px;margin-top:19px}.path-head h1{margin:0;font:400 30px Georgia,serif}.path-head p{color:var(--muted);font-size:13px;margin:8px 0 0}.path-list{margin-top:24px;display:grid;gap:12px}.path-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.path-row b{display:block;font-size:13px}.path-row span{color:var(--muted);font-size:11px}.completion{display:grid;place-items:center;text-align:center;padding-top:55px}.completion .check{width:75px;height:75px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--pine);font-size:35px;margin-bottom:22px;box-shadow:0 12px 28px rgba(44,114,107,.24)}.completion h1{font:400 32px Georgia,serif;margin:0 0 13px}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes breathe{0%,100%{transform:scale(.74)}45%,55%{transform:scale(1.18)}}@media(min-width:600px){body{padding:28px}.shell{min-height:calc(100vh - 56px);border:1px solid rgba(225,218,209,.8);border-radius:28px;box-shadow:0 24px 70px rgba(63,62,58,.12)}.nav{bottom:28px;border-radius:0 0 28px 28px}}

/* Mejora de interacción y accesibilidad */
.selection-note{color:var(--pine);font-size:12px;text-align:center;margin:12px 0 -6px;font-weight:700}.home-insight{margin:14px 2px 0;padding:14px 16px;background:#f5eee7;border-radius:15px;color:var(--muted);font-size:13px;line-height:1.45}.home-insight b{color:var(--dark)}.settings-card,.support-card{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:19px;background:var(--paper)}.settings-card h3,.support-card h3{margin:0 0 6px;font-size:15px}.settings-card p,.support-card p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}.prefs{display:grid;gap:10px;margin-top:16px}.pref{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;font-weight:650}.pref:first-child{border-top:0}.switch{appearance:none;width:42px;height:24px;border-radius:999px;background:#d8ddd9;position:relative;transition:.2s;cursor:pointer;flex:none}.switch:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.2s}.switch:checked{background:var(--pine)}.switch:checked:before{transform:translateX(18px)}.guide-choices{display:grid;gap:10px;margin:23px 0}.guide-choices .need{width:100%;background:var(--paper);border:1px solid var(--line)}.guide-choices .need:hover{background:#f2f8f7}.reduce-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.breath-ball{animation:calmBreath 20s ease-in-out infinite}@keyframes calmBreath{0%{transform:scale(.74)}30%,50%{transform:scale(1.18)}100%{transform:scale(.74)}}

/* Paleta: azul bruma + ciruela suave */
:root{--ink:#263640;--muted:#68737d;--pine:#536f86;--dark:#344d63;--mist:#dde8ed;--blue:#e5e2f0;--sand:#eedcc8;--rose:#d8b8c3;--paper:#fdfbf8;--line:#e7e1da}
.home-hero{background:linear-gradient(180deg,rgba(195,216,226,.9),rgba(255,246,231,.9) 55%,rgba(144,169,187,.65)),linear-gradient(120deg,#b9d0dd,#ebcfa9)}
.home-hero:after{background:radial-gradient(ellipse at center,#66869d 0 26%,transparent 27%),radial-gradient(ellipse at 26% 100%,#607888 0 22%,transparent 23%),radial-gradient(ellipse at 75% 100%,#7893a6 0 30%,transparent 31%)}
.orb:after{color:#536f86}.sun{box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 18px 35px rgba(83,111,134,.17)}

.reminder-card{margin-top:18px;padding:18px;border-radius:19px;background:var(--mist);border:1px solid rgba(83,111,134,.12)}.reminder-card h3{margin:0 0 6px;font-size:15px}.reminder-card p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}.reminder-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.reminder-field{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.reminder-field input,.reminder-field select{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:11px;padding:10px;font-size:13px;outline:0}.reminder-field input:focus,.reminder-field select:focus{border-color:var(--pine);box-shadow:0 0 0 3px rgba(83,111,134,.12)}.reminder-note{margin-top:12px!important;font-size:11px!important}.reminder-status{margin-top:11px;color:var(--dark);font-size:12px;font-weight:700}.hidden{display:none}


/* Observación sin jerarquías emocionales: todas las tarjetas conservan el mismo peso. */
.question-helper{color:var(--muted);font-size:14px;line-height:1.5;text-align:center;max-width:330px;margin:-14px auto 24px}
.observation-reflection .question-helper{margin-top:0}
.observation-reflection .action{margin-top:auto}
.option .emoji,.option:nth-child(2) .emoji,.option:nth-child(3) .emoji,.option:nth-child(4) .emoji,.option:nth-child(5) .emoji,.option:nth-child(6) .emoji,.option:nth-child(7) .emoji{background:#e4ebef}
.option:nth-child(2) .emoji{background:#eee6d9}
.option:nth-child(3) .emoji{background:#e9e6ef}
.option:nth-child(4) .emoji{background:#e3eaed}
.option:nth-child(5) .emoji{background:#eee7df}
.option:nth-child(6) .emoji{background:#e5e9ee}
.option:nth-child(7) .emoji{background:#e9e6ef}
.option:hover,.option.chosen{border-color:var(--pine);background:#f5f8fa}
/* Imagen de bienvenida: ritual de piedra y cristal. */
.sun{width:156px;height:156px;background:url('/assets/ritual-pause-stones.png') center/contain no-repeat;border-radius:0;overflow:visible;box-shadow:0 16px 30px rgba(83,111,134,.16)}
.sun:after{display:none}