:root{color-scheme:light;--ink:#153e42;--mint:#bdef72}*{box-sizing:border-box}body{margin:0;background:#f5f7f2;color:var(--ink);font:18px/1.55 system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #277ea7;outline-offset:3px}[hidden]{display:none!important}.ie-header{max-width:1080px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ie-brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-weight:800;line-height:1.2}.ie-brand small{display:block;font-size:12px;font-weight:500;margin-top:6px}.ie-gate{max-width:640px;margin:35px auto;padding:32px;background:white;border-radius:28px}.ie-gate h1{font-size:40px;line-height:1.12;letter-spacing:-1px}.ie-tag{font-size:12px;font-weight:800;letter-spacing:2px;color:#39716b}#app{max-width:980px;margin:auto;padding:24px 24px 125px}.ie-hero{background:#063e43;color:white;padding:32px;border-radius:28px;position:relative;overflow:hidden}.ie-hero h1{font-size:clamp(30px,5vw,47px);line-height:1.12;margin:14px 0}.ie-hero p{color:#e0eee3}.ie-hero .ie-tag{color:#bdef72}.ie-card{background:#fff;border:1px solid #dce5dd;padding:25px;border-radius:24px;margin:18px 0}.ie-card h2,.ie-card h3{margin-top:0;line-height:1.25}.ie-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ie-grid .ie-card{margin:0}.ie-primary,.ie-outline,.ie-soft{border-radius:14px;min-height:48px;padding:12px 18px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid transparent}.ie-primary{background:#bdef72;color:#153e42}.ie-outline{background:white;border-color:#a4bdb3;color:#153e42}.ie-soft{background:#e8f1e4;color:#153e42}.ie-link{background:none;border:none;text-decoration:underline;color:inherit;padding:8px}.ie-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ie-small{font-size:14px;color:#516a69}.ie-notice{border-left:4px solid #d6a853;background:#fff5dd;border-radius:10px;padding:14px 18px;margin:18px 0;font-size:16px}.ie-safe{background:#e7f3ed;border-color:#538f71}.ie-danger{border-color:#b45145;background:#fff0eb}.ie-sync{display:block;max-width:930px;margin:0 auto;border:none;background:#e5ede7;padding:9px 18px;border-radius:12px;font-size:14px;color:#244d48}.ie-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,700px);display:flex;background:#fff;border:1px solid #dce5dd;border-radius:22px 22px 0 0;padding:10px 6px max(12px,env(safe-area-inset-bottom));z-index:25;box-shadow:0 -5px 25px #153e4210}.ie-nav button{flex:1;border:0;background:none;min-height:54px;font-size:23px;color:#315450}.ie-nav span{display:block;font-size:12px;font-weight:700}.ie-nav button[aria-current]{background:#e9f2e4;border-radius:12px}.ie-footer{max-width:930px;margin:0 auto 100px;padding:20px;font-size:13px;color:#536967}label{display:block;margin:15px 0;font-weight:650}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #aac0b8;border-radius:10px;background:white;color:var(--ink);margin-top:7px}input[type=checkbox]{width:23px;height:23px;display:inline-block;vertical-align:middle;margin:0 10px 0 0}.ie-check{font-weight:500}.ie-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ie-checks label{margin:5px 0}.ie-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.ie-days button{padding:12px 4px;border:1px solid #cad9cc;border-radius:14px;background:white;min-height:60px;color:var(--ink)}.ie-days .done{background:#d9edbb}.ie-days .selected{outline:3px solid #477d63}.ie-stats{display:flex;gap:20px;flex-wrap:wrap}.ie-stats strong{display:block;font-size:32px}.ie-bar{height:8px;border-radius:8px;background:#dee7dd;overflow:hidden;margin:15px 0}.ie-bar i{display:block;height:100%;background:#9bce62}.ie-taskicon{font-size:36px}.ie-dialog{border:0;border-radius:24px;padding:25px;width:min(94vw,650px);max-height:90dvh;color:var(--ink)}.ie-dialog::backdrop{background:#092e35aa}.ie-dialog-close{float:right;border:0;border-radius:50%;background:#e9efe8;width:44px;height:44px;font-size:25px}.ie-toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);z-index:150;background:#153e42;color:white;padding:14px 22px;border-radius:14px;width:max-content;max-width:90%}fieldset{border:1px solid #dce5dd;border-radius:14px;padding:15px;margin:18px 0}legend{font-weight:700}details{margin:15px 0}summary{cursor:pointer;font-weight:700}.ie-table{width:100%;border-collapse:collapse;font-size:15px}.ie-table th,.ie-table td{text-align:left;padding:9px;border-bottom:1px solid #e1e9e1;overflow-wrap:anywhere}.ie-scroll{overflow:auto}.ie-badge{display:inline-block;padding:4px 10px;border-radius:20px;background:#e5f1d8;font-size:13px}.ie-empty{padding:28px;text-align:center}.ie-hero button{margin-top:8px}.ie-muted{color:#536967}.ie-print{display:none}@media(max-width:640px){.ie-header{padding:15px}.ie-brand{font-size:16px}.ie-brand small{max-width:175px}.ie-header button{font-size:14px;padding:10px}.ie-gate{margin:18px 14px;padding:24px}.ie-gate h1{font-size:34px}#app{padding:15px 15px 110px}.ie-hero{padding:26px 22px}.ie-card{padding:21px}.ie-grid,.ie-checks{grid-template-columns:1fr}.ie-actions>*{flex:1}.ie-days{gap:5px}.ie-footer{padding:18px}.ie-taskicon{font-size:30px}}@media print{.ie-header,.ie-nav,.ie-footer,.ie-sync,button,#gate{display:none!important}body{background:white}#app{padding:0}.ie-card{break-inside:avoid}.ie-print{display:block}}

/* Correspondencia exacta con la familia visual de Adiós Barriga 21. */
:root{--ink:#07151c;--ink-2:#38525a;--paper:#eef7f8;--mint:#c8f434}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 15% 0%,rgba(52,200,232,.2),transparent 30rem),#eef7f8;color:#07151c;font-size:18px}.topbar{width:min(100%,760px);margin:auto;z-index:30}.app-shell{width:min(100%,760px);padding-bottom:20px}#app{max-width:760px;padding:28px 20px 34px}.ie-hero{background:linear-gradient(155deg,#071318 0%,#0a2933 70%,#12404a 100%);padding:30px;border-radius:30px}.ie-hero h1{font-size:clamp(34px,9vw,52px);line-height:1.02;letter-spacing:-.045em}.ie-hero .ie-tag{color:#c8f434}.ie-hero p{color:#c5d7db}.ie-card{background:white;border:1px solid #d7e4e7;border-radius:25px;box-shadow:0 8px 28px rgba(3,27,35,.05);padding:24px;margin:22px 0}.ie-card h2{font-size:clamp(25px,6vw,34px);font-weight:900}.ie-primary{border:0;background:linear-gradient(90deg,#34c8e8,#c8f434);color:#071318;border-radius:16px;min-height:52px;font-weight:800}.ie-outline{border:1px solid #d7e4e7;background:white;color:#07151c;border-radius:16px;min-height:52px}.ie-soft{background:#edfff2;border:1px solid #9bd7b5;color:#173b35}.ie-tag{color:#0b88a2}.ie-sync{width:100%;max-width:760px;border-bottom:1px solid #cde4e8;background:#eef9fa;color:#245365;border-radius:0;padding:12px 16px;font-size:16px}.bottom-nav{grid-template-columns:repeat(5,1fr);max-width:700px}.mission-card{margin:18px 0}.mission-title{font-size:21px!important;margin:5px 0 10px!important}.mission-number{font-size:25px}.mission-kicker{font-size:11px;letter-spacing:.1em}.mission-card.primary .mission-title{color:white}.mission-card .check{padding:0;min-width:42px;min-height:42px}.ie-footer{max-width:760px}.ie-dialog{background:#fff;border-radius:28px;color:#07151c}.ie-days .selected{outline-color:#0b88a2}.ie-days .done{background:#f1ffd0}.ie-gate{background:linear-gradient(145deg,#fff,#f0fbfd);border:1px solid #d7e4e7}.ie-gate h1{font-weight:900}.ie-nav{display:none}.ie-dialog .ie-card{box-shadow:none}.lz-preferences{max-width:720px;margin:20px auto}.ie-grid{gap:14px}.skip-link{position:absolute;left:12px;top:-70px;z-index:200}.skip-link:focus{top:5px;background:white;padding:10px}@media(max-width:640px){#app{padding:18px 14px 28px}.ie-hero{padding:25px 21px}.ie-hero h1{font-size:36px}.ie-card{padding:22px 17px}.ie-card h2{font-size:28px}.ie-actions>*{flex:auto}.brand strong{font-size:17px}.bottom-nav{width:calc(100% - 20px)}.nav-item{font-size:10px}.mission-card{padding:18px 14px;gap:10px;grid-template-columns:40px minmax(0,1fr) auto}.mission-copy{font-size:16px}.mission-number{width:40px;height:40px}}
.ie-adherence{display:grid;grid-template-columns:repeat(21,minmax(0,1fr));gap:5px;align-items:end}.ie-adherence>div{text-align:center}.ie-adherence-track{height:95px;background:#e8f2f4;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.ie-adherence-track span{display:block;width:100%;background:linear-gradient(0deg,#34c8e8,#c8f434);min-height:0;border-radius:8px}.ie-adherence small{font-size:11px}.tool-grid{margin:20px 0}.ie-dialog .primary-button,.ie-dialog .secondary-button{margin-top:12px}.ie-dialog .food-family{margin-top:12px}.ie-dialog .food-photo-guide{max-width:100%;border-radius:20px}.ie-dialog .tool-output{margin-top:16px}.ie-hero .phase-progress{margin-bottom:0}.ie-hero .phase-progress strong{font-size:13px}.ie-hero .phase-progress small{font-size:13px}@media(max-width:400px){.ie-adherence{gap:3px}.ie-adherence small{font-size:9px}.phase-progress strong{font-size:12px!important}.tool-card{padding:18px 14px}}
.mission-card.is-done,.mission-card.primary.is-done{background:#edfff2;color:#07151c;border-color:#9bd7b5;box-shadow:0 8px 28px rgba(3,27,35,.06)}
.mission-card.is-done .mission-title,.mission-card.primary.is-done .mission-title{color:#07151c}
.mission-card.is-done .mission-copy,.mission-card.primary.is-done .mission-copy{color:#38525a}
.mission-card.is-done .mission-kicker,.mission-card.primary.is-done .mission-kicker{color:#08768b}
.mission-card.is-done .inline-guide{color:#07151c;background:#fff;border-color:#9bd7b5}