@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--plum:#b47d98;--plum2:#cf7195;--rose:#f3cbd7;--blush:#f9e8e8;--cream:#fff9ef;--ink:#49383b;--muted:#897b7d;--line:#ead9dc;--green:#6f967e;--honey:#eabf72;--mint:#cfe3d4;--sky:#d7e8f3;--lavender:#d8cbe8;--shadow:0 14px 40px #7a3c2a10}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f1ee;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6}.app-shell{max-width:1120px;margin:0 auto;min-height:100vh;background:var(--cream);box-shadow:0 0 70px #38232b0a}.topbar{height:78px;padding:0 clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between;background:#fffaf5eF;border-bottom:1px solid #f1e6e6;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--rose),var(--lavender));color:#75546a;font-size:24px}.brand strong{display:block;font:600 21px 'Playfair Display',serif;letter-spacing:-.4px}.brand em,.about-hero em{font-style:normal;color:var(--plum2)}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.7px;margin-top:-2px}.install-btn{border:1px solid var(--plum2);background:var(--plum2);color:white;border-radius:99px;padding:10px 16px;font:600 12px 'DM Sans';cursor:pointer}.hidden{display:none!important}main{padding:0 clamp(18px,5vw,64px) 44px}.view{display:none;animation:fade .22s ease}.view.active{display:block}@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{position:relative;overflow:hidden;min-height:280px;margin:30px 0 40px;border-radius:25px;background:linear-gradient(115deg,#f4e4e4 0%,#f8efeb 60%,#ead3dc 100%);display:flex;align-items:center;padding:clamp(26px,5vw,54px)}.hero-copy{position:relative;z-index:2;max-width:520px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--plum2)}h1,h2,h3,h4,p{margin-top:0}.hero h1{font:600 clamp(36px,5vw,57px)/1.08 'Playfair Display',serif;letter-spacing:-1.4px;margin:12px 0 13px}.hero h1 i{font-weight:500;color:var(--plum);}.hero-copy>p{color:#71636a;max-width:390px;font-size:14px;margin-bottom:17px}.date-chip{display:inline-block;background:#fff9f4a8;border:1px solid #fff9f4;padding:6px 12px;border-radius:99px;color:#765c67;font-size:11px}.hero-orb{position:absolute;border-radius:50%;border:1px solid #fff9f4a3}.orb-one{width:310px;height:310px;right:-25px;top:-95px;box-shadow:0 0 0 25px #fff9f42a,0 0 0 50px #fff9f41e}.orb-two{width:190px;height:190px;right:70px;bottom:-115px;background:#fff9f43b}.hero-flower{position:absolute;right:9%;top:15%;font-size:clamp(100px,17vw,180px);color:#ad748b38;transform:rotate(-17deg)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 17px}.section-heading h2,.subheading{font:600 27px 'Playfair Display',serif;margin:3px 0 0}.read-time{font-size:11px;color:var(--muted);padding-bottom:5px}.devotional-card{max-width:800px;margin:0 auto 24px;background:#fff;border:1px solid #efe5e4;border-radius:23px;padding:clamp(22px,4vw,40px);box-shadow:var(--shadow)}.card-topline{display:flex;justify-content:space-between;align-items:center}.pill{font-size:9px;font-weight:700;letter-spacing:1.5px;padding:7px 10px;border-radius:6px;background:#f7e9eb;color:var(--plum)}.icon-button{border:1px solid var(--line);background:white;border-radius:50%;width:39px;height:39px;font-size:23px;color:var(--plum);cursor:pointer}.icon-button.saved{background:var(--plum2);color:white}.devotional-card h3{font:600 clamp(26px,4vw,37px)/1.2 'Playfair Display',serif;margin:18px 0 17px}.devotional-card blockquote{margin:0;border-left:3px solid #d6a4b7;padding:3px 0 3px 19px;color:#5f4d55;font:italic 18px/1.65 'Playfair Display',serif}.verse-ref{margin:12px 0 24px 22px;color:var(--plum);font-size:11px;font-weight:700;letter-spacing:.6px}.soft-divider{height:1px;background:var(--line);margin:24px 0}.devotional-part{display:flex;gap:15px;margin:22px 0}.part-icon{width:35px;height:35px;flex:0 0 35px;border-radius:12px;background:#f8eded;color:var(--plum2);display:grid;place-items:center;font-size:19px}.devotional-part h4{font-size:14px;margin:2px 0 5px}.devotional-part p,.prayer-box p{font-size:13px;color:#75686e;margin-bottom:0;line-height:1.8}.prayer-box{background:#f9f1ef;border-radius:16px;padding:21px;margin-top:25px}.prayer-box p{color:#594850;margin:9px 0 12px}.text-button{border:0;background:none;padding:0;color:var(--plum);font:700 11px 'DM Sans';cursor:pointer}.text-button span{font-size:15px;margin-left:4px}.card-footer{border-top:1px solid var(--line);margin-top:23px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;color:#9b8c92;font-size:10px;letter-spacing:.7px}.prompt-card{display:flex;align-items:center;gap:15px;max-width:800px;margin:0 auto;background:#f3eee6;padding:18px 20px;border-radius:17px}.prompt-sparkle{font-size:25px;color:#ad8c56}.prompt-card strong{font:600 17px 'Playfair Display',serif}.prompt-card p{font-size:12px;color:var(--muted);margin:3px 0 0}.round-arrow{margin-left:auto;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:0;background:white;color:var(--plum);font-size:20px;cursor:pointer}.page-heading{padding:45px 0 25px}.page-heading h1{font:600 clamp(33px,5vw,46px) 'Playfair Display',serif;margin:7px 0}.page-heading p{color:var(--muted);font-size:14px}.searchbox{height:49px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 15px;max-width:650px}.searchbox span{font-size:23px;color:var(--plum2)}.searchbox input{border:0;outline:0;background:transparent;width:100%;font:13px 'DM Sans';color:var(--ink)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 23px}.filter{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font:500 11px 'DM Sans';color:#6c5b63;cursor:pointer}.filter.active{background:var(--plum2);border-color:var(--plum);color:white}.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.archive-item{border:1px solid var(--line);border-radius:16px;padding:19px;background:#fff;display:flex;flex-direction:column;min-height:175px}.archive-item .item-meta{font-size:9px;letter-spacing:1px;color:var(--plum2);font-weight:700;text-transform:uppercase}.archive-item h3{font:600 21px 'Playfair Display',serif;margin:10px 0 5px}.archive-item p{font-size:12px;color:var(--muted);margin:0 0 14px;flex:1}.archive-item .item-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--plum)}.archive-item button{border:0;background:none;color:var(--plum);cursor:pointer;font:700 11px 'DM Sans'}.empty-state{padding:35px 20px;border:1px dashed #dfcbd1;border-radius:16px;color:var(--muted);text-align:center;grid-column:1/-1;font-size:13px}.note-editor{max-width:700px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:9px}.note-editor label{font-size:11px;font-weight:700;color:#6e5c64;margin-top:8px}.note-editor input,.note-editor textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 13px;font:13px 'DM Sans';background:#fffcfa;color:var(--ink);outline-color:#b77d94}.note-editor textarea{resize:vertical;line-height:1.7}.primary-btn,.secondary-btn{border:0;border-radius:10px;background:var(--plum2);color:white;padding:13px 16px;font:700 12px 'DM Sans';cursor:pointer;margin-top:7px}.primary-btn span{float:right}.privacy-note{font-size:10px;color:var(--muted);margin:4px 0 0}.subheading{font-size:22px;margin:30px 0 13px}.saved-notes{max-width:700px;display:grid;gap:10px}.saved-note{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;gap:12px;align-items:start}.saved-note h3{font:600 17px 'Playfair Display',serif;margin:0 0 3px}.saved-note p{font-size:12px;color:var(--muted);white-space:pre-wrap;margin:0}.saved-note small{font-size:10px;color:var(--plum2)}.saved-note .delete-note{margin-left:auto;border:0;background:none;color:#9b637a;cursor:pointer;font-size:17px}.about-hero{margin-top:30px;border-radius:23px;padding:45px 24px;text-align:center;background:linear-gradient(140deg,#f5e6e6,#f7f0e7)}.about-mark{font-size:43px;color:var(--plum)}.about-hero h1{font:600 42px 'Playfair Display',serif;margin:9px 0}.about-hero>p{max-width:480px;margin:0 auto;color:#76666e;font-size:13px}.about-content{max-width:680px;margin:30px auto}.about-content h2{font:600 25px 'Playfair Display',serif}.routine-step{display:flex;gap:17px;border-bottom:1px solid var(--line);padding:15px 0}.routine-step>b{font:600 19px 'Playfair Display',serif;color:#b17a90}.routine-step strong{font-size:13px}.routine-step p{font-size:12px;color:var(--muted);margin:3px 0 0}.disclaimer{margin-top:24px;font-size:11px;color:var(--muted);line-height:1.7}.secondary-btn{background:#fff;color:var(--plum);border:1px solid var(--plum)}.bottom-nav{position:sticky;bottom:0;z-index:9;display:flex;justify-content:center;gap:clamp(9px,4vw,50px);padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #eee3e3;background:#fffaf5f2;backdrop-filter:blur(14px)}.nav-item{display:flex;align-items:center;flex-direction:column;gap:2px;border:0;background:none;color:#9a8b91;min-width:53px;cursor:pointer}.nav-item span{font-size:22px;line-height:1.2}.nav-item small{font:500 9px 'DM Sans'}.nav-item.active{color:var(--plum)}.nav-item.active span{transform:translateY(-1px)}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#392a32;color:white;border-radius:99px;padding:10px 18px;font-size:12px;z-index:30;transition:.25s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:800px){.bottom-nav{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(650px,90vw);border:1px solid #eee3e3;border-radius:99px;box-shadow:0 8px 35px #4a26320f;padding:11px 24px}.app-shell{padding-bottom:30px}.hero{min-height:310px}.devotional-card{padding:42px}.bottom-nav .nav-item{min-width:75px}.page-heading{padding-top:55px}}@media(max-width:580px){.topbar{height:68px}.brand strong{font-size:19px}.hero{margin-top:18px;min-height:270px;padding:25px 22px;border-radius:20px}.hero-flower{right:-6px;top:20%;font-size:115px}.hero-copy{max-width:80%}.hero h1{font-size:39px}.hero-copy>p{font-size:12px}.archive-list{grid-template-columns:1fr}.archive-item{min-height:155px}.bottom-nav{gap:0;justify-content:space-around}.nav-item{min-width:0;flex:1}.nav-item small{font-size:9px}.devotional-card{border-radius:18px}.section-heading h2{font-size:24px}.prompt-card{padding:15px;gap:10px}.prompt-card p{font-size:11px}.page-heading{padding-top:32px}}

/* Nuevos módulos: planificador y guía visual de Apocalipsis */
.pro-tag{display:inline-block;vertical-align:middle;background:#eadcf2;color:#704c7a;border-radius:999px;padding:4px 9px;font:700 10px 'DM Sans';letter-spacing:1px}
.planner-summary{position:relative;overflow:hidden;max-width:700px;background:linear-gradient(120deg,#f8e6ec,#fff6e8);border:1px solid #f0dfe4;border-radius:18px;padding:22px 24px;margin:0 0 18px}.planner-summary strong{display:block;font:600 21px 'Playfair Display',serif;margin:5px 0 12px}.progress-track{height:8px;background:#ffffffb8;border-radius:99px;overflow:hidden;max-width:420px}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#d58ba7,#8b5877);border-radius:99px;transition:width .25s}.planner-flower{position:absolute;right:25px;top:-25px;font-size:110px;color:#a45f7b22}.planner-form{margin-bottom:20px}.planner-form h2{font:600 23px 'Playfair Display',serif;margin:0 0 4px}.planner-list{max-width:800px;display:grid;gap:11px}.plan-item{display:flex;align-items:flex-start;gap:12px;background:white;border:1px solid var(--line);border-radius:15px;padding:16px}.plan-item.completed{background:#fbf7f8;opacity:.83}.plan-item input[type=checkbox]{margin-top:5px;accent-color:var(--plum);width:17px;height:17px}.plan-item-main{flex:1;min-width:0}.plan-item-date{display:block;color:var(--plum2);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.plan-item h3{font:600 18px 'Playfair Display',serif;margin:3px 0}.plan-item.completed h3{text-decoration:line-through;color:var(--muted)}.plan-item p{font-size:12px;color:var(--muted);margin:3px 0 0;white-space:pre-wrap}.plan-item .delete-plan{border:0;background:#f9edf0;color:var(--plum);border-radius:9px;width:30px;height:30px;font-size:17px;cursor:pointer}.revelation-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(125deg,#f9e7ec,#f8efda 70%,#eee7f6);border:1px solid #f0dfe3;border-radius:22px;padding:clamp(20px,4vw,35px);margin-bottom:16px}.revelation-symbol{flex:0 0 68px;height:68px;border-radius:22px;display:grid;place-items:center;background:#ffffffb8;color:#9b5673;font-size:43px}.revelation-hero h2{font:600 clamp(24px,4vw,34px) 'Playfair Display',serif;margin:4px 0}.revelation-hero p{font-size:13px;color:#75646b;margin:0;max-width:540px}.info-note{max-width:900px;background:#fff;border-left:4px solid #d6a0b5;border-radius:0 13px 13px 0;padding:17px 20px;margin:17px 0 21px}.info-note strong{font-size:13px}.info-note p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.8}.infographic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.revelation-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px 18px 18px;min-height:280px}.revelation-card:nth-child(3n+1){background:linear-gradient(155deg,#fff,#fff6f7)}.revelation-card:nth-child(3n+2){background:linear-gradient(155deg,#fff,#fff9ed)}.revelation-card:nth-child(3n){background:linear-gradient(155deg,#fff,#f7f5ff)}.chapter-bubble{position:absolute;right:14px;top:13px;width:31px;height:31px;border-radius:50%;background:#f3dce5;color:#8c4c68;display:grid;place-items:center;font-size:11px;font-weight:700}.revelation-icon{font-size:29px;margin:2px 0 11px}.chapter-range{display:block;font-size:9px;letter-spacing:1.1px;font-weight:700;color:var(--plum2)}.revelation-card h3{font:600 20px/1.25 'Playfair Display',serif;margin:7px 0}.revelation-card>p{font-size:12px;line-height:1.75;color:#776970;margin:0 0 15px}.takeaway{border-top:1px solid #eadfe1;padding-top:12px;font-size:11px;line-height:1.7;color:#6e5862}.takeaway b{color:var(--plum)}.reflection-prompt{display:flex;gap:15px;align-items:flex-start;margin:22px 0;padding:20px;border-radius:17px;background:#f7eee9}.reflection-prompt>span{font-size:30px;color:#b16f8b}.reflection-prompt h3{font:600 20px 'Playfair Display',serif;margin:0 0 5px}.reflection-prompt p{font-size:12px;color:var(--muted);margin:0 0 8px}.reflection-prompt .secondary-btn{margin-top:4px}
.bottom-nav{overflow-x:auto;justify-content:flex-start;gap:clamp(7px,1.8vw,22px)}.bottom-nav .nav-item{flex:0 0 auto;min-width:60px}.bottom-nav::-webkit-scrollbar{height:0}
@media(max-width:760px){.infographic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.revelation-card{min-height:260px}.bottom-nav{gap:4px;padding-left:8px;padding-right:8px}.bottom-nav .nav-item{min-width:50px}.bottom-nav .nav-item small{font-size:8px}}
@media(max-width:460px){.infographic-grid{grid-template-columns:1fr}.revelation-card{min-height:0}.revelation-hero{align-items:flex-start;gap:12px}.revelation-symbol{flex-basis:50px;height:50px;border-radius:15px;font-size:30px}.bottom-nav .nav-item{min-width:45px}.bottom-nav .nav-item span{font-size:19px}.bottom-nav .nav-item small{font-size:7px}}

/* Identidad kawaii floral: miel, rosa, crema, menta y cielo; sin personajes humanos ni iconografía devocional ajena al proyecto. */
body{background:linear-gradient(135deg,#fff2d9,#fff0f3 48%,#eaf7f1)}
.app-shell{background:var(--cream)}
.brand-mark{background:linear-gradient(145deg,#f7ad18,#f46b91);border:2px solid #fff;box-shadow:0 3px 0 #f5d4b6;color:#fff}
.brand strong{font-family:'Playfair Display',serif;color:#8a3f54}
.hero{background:linear-gradient(120deg,#fff0c9 0%,#ffe0e8 52%,#e0f3e8 100%);border:2px solid #fff;box-shadow:inset 0 0 0 1px #f5d5c5,0 10px 25px #b96a5810}
.hero h1 i{color:#d84e78}
.hero-flower{color:#5c9a5838}
.pill,.part-icon{background:#ffe4eb;color:#b54169}
.primary-btn,.install-btn{background:linear-gradient(120deg,#f35d88,#c83f71);border:1px solid #fff;color:#fff;box-shadow:0 3px 0 #f2c4c9}
.secondary-btn{border-color:#eaa1b4;color:#a63c63;background:#fff8f4}
.filter.active,.icon-button.saved{background:#df527c;border-color:#df527c}
.planner-summary{background:linear-gradient(120deg,#ffe5ed,#fff0c8 55%,#e1f3e6);border-color:#f4d2d5}
.progress-track span{background:linear-gradient(90deg,#f4ad20,#ee6590,#92c8a0)}
.revelation-hero{background:linear-gradient(125deg,#fff0cc,#ffe2eb 55%,#e1f3f5);border-color:#f2d7c7}
.revelation-card:nth-child(3n+1){background:linear-gradient(155deg,#fff,#fff0f3)}.revelation-card:nth-child(3n+2){background:linear-gradient(155deg,#fff,#fff6df)}.revelation-card:nth-child(3n){background:linear-gradient(155deg,#fff,#edf8f1)}
.chapter-bubble{background:#ffe1e9;color:#a43c61}.takeaway{border-color:#f0d8ce}.takeaway b{color:#a43c61}
.bottom-nav{background:#fff9edf2;border-color:#f1d9cf}.nav-item.active{color:#d34c77}
.phrase-card{position:relative;max-width:760px;overflow:hidden;border:1px solid #f1d5cb;border-radius:24px;padding:20px;background:linear-gradient(135deg,#fff0d0,#fff0f4 55%,#eaf7ee)}
.phrase-decoration{position:absolute;right:18px;top:8px;display:flex;gap:12px;color:#d95a7d;font-size:25px;opacity:.7}
.phrase-form{position:relative;z-index:1;background:#ffffffd9}
.phrase-result{margin-top:18px;padding:25px;border:2px dashed #eea0b2;border-radius:22px;background:#fffaf3;text-align:center;box-shadow:0 7px 0 #f5d9cf}
.phrase-result p{font:600 clamp(23px,4vw,34px)/1.35 'Playfair Display',serif;color:#8a3f54;margin:14px auto;max-width:600px}
.phrase-result small{display:block;color:#9a6a65;font-weight:700;font-size:11px;letter-spacing:.5px}
.phrase-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.phrase-actions button{margin-top:0}
@media(max-width:580px){.phrase-card{padding:12px}.phrase-actions{flex-direction:column}.phrase-actions button{width:100%}}

/* Identidad visual renovada: iconos distintos y alineación uniforme */
.brand-mark,.about-mark{display:grid;place-items:center}
.brand-mark{border:1px solid #fff8f5;box-shadow:0 3px 0 #ead7df}
.about-mark{color:var(--plum2)}
.nav-item{min-width:0;gap:3px}
.nav-item span{display:grid;place-items:center;min-height:25px;font-size:22px;line-height:1}
.nav-item.active span{color:var(--plum2)}


/* Ajustes finales de identidad visual · paquete actualizado 11-10-2026 */
:root{--plum:#8d4261;--plum2:#d84f7b;--rose:#f6c8d7;--blush:#ffe8ee;--cream:#fffaf0;--ink:#4b2f2c;--muted:#827276;--line:#efd8dc;--green:#7eaa87;--honey:#f3bd38;--mint:#dff0e4;--sky:#dcecf6;--lavender:#e6daf3;--shadow:0 14px 38px #8d426111}
.build-label{font-size:7px!important;letter-spacing:1.1px!important;color:#bd6684!important;margin-top:3px!important}
.brand-mark{background:linear-gradient(145deg,#f6bb35 0%,#f58c91 56%,#d84f7b 100%);color:white;font-size:25px;border-radius:15px;box-shadow:0 3px 0 #f3d8c6}
.hero{background:linear-gradient(120deg,#fff0c8 0%,#ffe1eb 50%,#e0f2e4 100%);border:2px solid #fff;box-shadow:inset 0 0 0 1px #f3d6c9,0 12px 28px #9c617f12}
.hero:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff9c;border-radius:19px;pointer-events:none}
.hero-flower{color:#75a97a45;text-shadow:0 2px 0 #fff6}
.devotional-card{border:1px solid #f0dfe0;box-shadow:0 12px 32px #98627d0d}
.pill{border-radius:10px;background:#ffe3ec;color:#b63f68}
.prayer-box{background:linear-gradient(135deg,#fff0f2,#fff8e9 70%,#edf7ee)}
.part-icon{border-radius:13px;background:linear-gradient(145deg,#ffe6ec,#f1e5f7);color:#c14b74}
.nav-item.active span{color:#d84f7b}
.nav-item.active small{font-weight:700}
.pro-tag{background:#f0e4f8;color:#80548e;border:1px solid #e4d2ee}
@media(max-width:460px){.build-label{display:none!important}}


/* Redes oficiales: tarjetas táctiles con la identidad floral de 5 Minutos + */
.social-section{margin:28px 0 24px;padding:22px 18px;border:1px solid #f0d8d4;border-radius:22px;background:linear-gradient(135deg,#fff8ec,#fff0f4 58%,#eef8ef);max-width:720px}
.social-section h2{font:600 25px 'Playfair Display',serif;color:#67384a;margin:5px 0 7px}
.social-section>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.social-links{display:grid;gap:10px}
.social-link{display:flex;align-items:center;gap:13px;min-width:0;padding:13px 14px;border:1px solid #f0e0df;border-radius:15px;background:#ffffffd9;color:#533845;text-decoration:none;transition:transform .18s,border-color .18s}
.social-link:focus-visible{outline:3px solid #e6a2b6;outline-offset:3px}
.social-link:hover{transform:translateY(-1px);border-color:#e4b0be}
.social-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#f8e7ec;color:#a63c63}
.social-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-icon .social-dot{fill:currentColor;stroke:none}
.social-whatsapp .social-icon{background:#e6f5e8;color:#27834a}.social-instagram .social-icon{background:#fbe5ed;color:#c04479}.social-threads-mark{background:#eee8f1;color:#6d4b70;font-size:24px;font-weight:700}
.social-link>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}.social-link strong{font-size:13px}.social-link small{font-size:11px;color:#8a737e;overflow-wrap:anywhere}.social-arrow{font-size:19px;color:#b45d7c}


/* Corrección integral de paleta y navegación · 11 oct 2026 */
:root{--plum:#9b7bb5;--plum2:#c77da1;--rose:#f6dce6;--blush:#F9E8E8;--cream:#FFF9EF;--ink:#51434a;--muted:#897f84;--line:#eadfe6;--green:#88aa91;--honey:#e7c982;--mint:#CFE3D4;--sky:#dcecf6;--lavender:#D8CBE8;--shadow:0 14px 38px #88728b12}
body{background:linear-gradient(135deg,#FFF9EF,#F9E8E8 52%,#eef5ef)}
.app-shell{background:#FFF9EF}
.topbar{background:#fff9efed;border-bottom-color:#eee3e8}
.brand strong{color:#6f6173}
.brand em,.about-hero em{color:#b77fa1}
.brand-mark{background:linear-gradient(145deg,#f7e4eb,#D8CBE8);color:#8d7199;border-color:#fff;box-shadow:0 3px 0 #eadde9}
.install-btn,.primary-btn{background:linear-gradient(120deg,#d58eae,#b99bcf);border-color:#fff;color:#fff;box-shadow:0 3px 0 #ead9e6}
.hero{background:linear-gradient(120deg,#fff3d8 0%,#F9E8E8 50%,#CFE3D4 100%);border-color:#fff;box-shadow:inset 0 0 0 1px #f1e2e4,0 12px 28px #9c819612}
.hero h1 i{color:#bd7fa2}.eyebrow{color:#b77fa1}.hero-flower{color:#86aa8d55}
.pill,.part-icon{background:#f9e3ec;color:#a66f91}.icon-button.saved,.filter.active{background:#D8CBE8;border-color:#c6b4d9;color:#655274}
.secondary-btn{border-color:#d8cbe8;color:#79638e;background:#fffaf5}
.nav-item.active,.nav-item.active span{color:#b77fa1}.bottom-nav{background:#fff9efed;border-color:#eadfe6}
.planner-summary{background:linear-gradient(120deg,#F9E8E8,#FFF9EF 55%,#CFE3D4);border-color:#eadfe6}.progress-track span{background:linear-gradient(90deg,#D8CBE8,#e7b8ce,#CFE3D4)}
.revelation-hero{background:linear-gradient(125deg,#FFF9EF,#F9E8E8 55%,#D8CBE8);border-color:#eadfe6}.chapter-bubble{background:#F9E8E8;color:#8e709b}.takeaway b{color:#9b7bb5}
.phrase-card{background:linear-gradient(135deg,#FFF9EF,#F9E8E8 55%,#CFE3D4);border-color:#eadfe6}.phrase-result{border-color:#d8cbe8;background:#fffaf5}.phrase-result p{color:#6f6173}
.build-label{color:#9b7bb5!important}


/* Ajustes de legibilidad y navegación lateral — octubre 2026 */
:root{--ink:#35252b;--muted:#62545a;--plum:#8e5d79;--plum2:#a94370;--line:#dfcbd2}
html{font-size:18px}
body{font-size:17px;line-height:1.7;color:#35252b}
p,li,.hero-copy>p,.date-chip,.verse-ref,.devotional-part p,.prayer-box p,.about-hero p{color:#51434a}
.eyebrow{font-size:12px;color:#914766;letter-spacing:1.7px}
.brand strong{font-size:23px;color:#49303d}
.brand small{font-size:10px;color:#65535d;letter-spacing:1.2px}
.install-btn{font-size:14px}
.hero-copy>p{font-size:16px;line-height:1.7}
.date-chip{font-size:13px}
.section-heading h2{font-size:clamp(26px,3vw,34px)}
.section-heading .read-time{font-size:14px;color:#5b4a52}
.devotional-card h3{font-size:clamp(26px,3vw,34px)}
.devotional-card blockquote{font-size:clamp(19px,2.2vw,24px);line-height:1.7;color:#514048}
.devotional-part h4,.prayer-box .eyebrow{font-size:15px;color:#49303d}
.devotional-part p,.prayer-box p{font-size:16px;color:#51434a}
.pill{font-size:12px;color:#8e3d61}
.bottom-nav{position:fixed!important;left:7px!important;top:96px!important;bottom:10px!important;right:auto!important;transform:none!important;width:92px!important;max-width:92px!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:space-evenly!important;align-items:stretch!important;gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 5px!important;border:1px solid #dfcbd2!important;border-radius:22px!important;background:#fff8f0f7!important;box-shadow:0 8px 24px #49303d18!important;backdrop-filter:blur(14px);z-index:20!important}
.bottom-nav .nav-item{width:100%!important;min-width:0!important;flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:9px 2px!important;border-radius:14px!important;color:#594850!important}
.bottom-nav .nav-item span{font-size:26px!important;min-height:30px!important;line-height:1!important;color:#705064!important}
.bottom-nav .nav-item small{font-size:11px!important;line-height:1.2!important;text-align:center!important;color:#594850!important;white-space:normal!important;overflow-wrap:anywhere;font-weight:600!important}
.bottom-nav .nav-item.active{background:#f4e3ec!important;color:#632f4c!important}
.bottom-nav .nav-item.active span,.bottom-nav .nav-item.active small{color:#632f4c!important}
.app-shell{margin-left:108px!important;max-width:calc(1120px - 108px)!important}
.topbar{padding-left:clamp(12px,2.5vw,32px);padding-right:clamp(12px,2.5vw,32px)}
main{padding-left:clamp(14px,3vw,38px);padding-right:clamp(14px,3vw,38px)}
.toast{bottom:18px!important}
@media(max-width:580px){
 .bottom-nav{left:5px!important;top:88px!important;bottom:8px!important;width:78px!important;max-width:78px!important;padding:7px 4px!important;gap:3px!important;border-radius:18px!important}
 .bottom-nav .nav-item{padding:8px 1px!important;gap:3px!important}
 .bottom-nav .nav-item span{font-size:24px!important;min-height:27px!important}
 .bottom-nav .nav-item small{font-size:10px!important}
 .app-shell{margin-left:91px!important;max-width:calc(100% - 91px)!important;width:auto!important}
 .topbar{height:68px;padding-left:10px;padding-right:8px;gap:7px}
 .brand{gap:7px}.brand-mark{width:35px;height:35px;font-size:21px;border-radius:12px}
 .brand strong{font-size:18px}.brand small{font-size:8px;letter-spacing:.6px}
 .install-btn{font-size:11px;padding:8px 9px}
 main{padding:0 12px 30px}
 .hero{padding:20px 15px;min-height:250px;margin-top:14px}
 .hero h1{font-size:clamp(30px,7vw,38px)}
 .hero-copy>p{font-size:14px}
 .date-chip{font-size:11px}
 .section-heading h2{font-size:25px}
 .devotional-card{padding:20px 16px}
 .devotional-card blockquote{font-size:18px}
 .devotional-part p,.prayer-box p{font-size:15px}
}

/* Ajuste final: mayor legibilidad en móvil y símbolos distintos */
@media(max-width:580px){.bottom-nav{width:84px!important;max-width:84px!important}.app-shell{margin-left:97px!important;max-width:calc(100% - 97px)!important}.bottom-nav .nav-item small{font-size:11px!important;color:#49383b!important}.bottom-nav .nav-item span{font-size:25px!important}.topbar{padding-left:12px!important}.brand small{font-size:9px!important}}

/* Cuenta Supabase */
.auth-section{max-width:720px;margin:30px 0;padding:22px 18px;border:1px solid #ead9dc;border-radius:20px;background:linear-gradient(135deg,#fff8ec,#fff0f4 58%,#eef8ef)}.auth-section h2{font:600 25px 'Playfair Display',serif;margin:5px 0 7px}.auth-section>p{font-size:13px;color:var(--muted);line-height:1.7}.auth-status{padding:12px 14px;margin:14px 0;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--ink);overflow-wrap:anywhere}.auth-form{max-width:none}.auth-actions{display:flex;flex-wrap:wrap;gap:10px}.auth-actions button{flex:1;min-width:145px}.auth-form .hidden{display:none!important}@media(max-width:600px){.auth-section{padding:18px 14px}.auth-actions{flex-direction:column}.auth-actions button{width:100%}}