/* Alcanzando Metas — presentation only. Shared by diagnosis and CRM. */
:root{--ink:#173e35;--paper:#f7f6f1;--accent:#F695C5;--muted:#606963;--charcoal:#303835;--line:#dce2dd;--soft:#edf2ee;--white:#fff;--radius:16px}
body{font-family:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--charcoal);-webkit-font-smoothing:antialiased}
header{padding-top:26px;padding-bottom:26px;border-color:var(--line);gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:0;color:var(--ink);flex-shrink:0}
.brand .brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b6c5bd;border-radius:12px;font-size:14px;font-weight:700;letter-spacing:-1px;background:#fff}
.brand .brand-wordmark{font-size:18px;font-weight:650;letter-spacing:-.6px;line-height:1.3}
.brand small{display:block;font-size:8px;letter-spacing:1.9px;font-weight:600;margin-top:5px}
.nav,header>a:not(.brand){font-size:13px;font-weight:600;text-decoration:none;color:var(--ink)}
h1,h2,h3,.question-card legend{font-family:inherit;color:var(--ink);font-weight:550;letter-spacing:-.045em;line-height:1.13}
h1{font-size:clamp(42px,5.8vw,70px);margin:26px 0;letter-spacing:-.055em}h1 em{font-style:normal;color:#627f70}h2{font-size:clamp(32px,4vw,44px)}h3{letter-spacing:-.03em}
p{line-height:1.75}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#506c5e}.hero .eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:1px}
.button{border-radius:9px;font-size:14px;font-weight:600;gap:24px;min-height:50px;padding:15px 23px;transition:background .15s ease,box-shadow .15s ease}.button:hover{background:#28574a;box-shadow:0 4px 12px #173e3515}.button:disabled{box-shadow:none}
.hero-note{color:var(--muted);font-size:11px;letter-spacing:.3px}.art{border-radius:24px;background:#e9eee6;border:1px solid #d7e0d5;min-height:430px}.art-label{color:var(--ink);font-size:9px;font-weight:600;letter-spacing:2px}
.intro{border-color:var(--line);padding:55px 0}.steps{gap:18px}.step{background:white;border:1px solid var(--line);padding:26px;border-radius:var(--radius)}.step h3{font-size:23px}.step p{font-size:14px;margin-bottom:0}.step b{color:#617b6d;font-size:10px;letter-spacing:1.2px}
footer{border-color:var(--line);color:var(--muted);font-size:11px;flex-wrap:wrap;padding-top:28px;padding-bottom:28px}
.diagnostic{max-width:820px;margin-top:42px}.flow-top{font-size:12px;font-weight:550}.question-card,.result-card,.gift,.crm-detail{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 28px #173e3504}
.question-card legend{font-size:clamp(25px,3.4vw,34px);line-height:1.25}.question-card .eyebrow{margin-bottom:14px}.option{border-color:var(--line);border-radius:10px;padding:16px 18px;transition:background .15s ease;border-width:1px;font-size:15px}.option:hover{background:#f6f8f5}.option:has(input:checked){background:var(--soft);border-color:var(--ink)}
input,select,textarea{border:1px solid #ccd5ce;background:#fff;border-radius:8px;font-size:15px;color:var(--charcoal);min-height:46px}input:focus,textarea:focus,select:focus{outline:2px solid #4c7864;outline-offset:2px}.text-button{font-size:13px;color:var(--ink);text-underline-offset:4px}.text-button:disabled{opacity:.45;cursor:default}label{font-size:12px;font-weight:600}
progress{appearance:none;border-radius:10px;overflow:hidden;background:#e6ece6;height:5px}progress::-webkit-progress-bar{background:#e6ece6;border-radius:10px}progress::-webkit-progress-value{background:#35604d;border-radius:10px}progress::-moz-progress-bar{background:#35604d;border-radius:10px}
.score-header{padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:30px;gap:28px}.score-header p{font-size:13px;margin:0}.score-header h2{margin:8px 0}.score-number{line-height:1;font-family:inherit;font-size:76px;font-weight:550;letter-spacing:-5px;color:var(--ink);font-variant-numeric:tabular-nums}.score-number small{font-family:inherit;font-size:18px;letter-spacing:0}.bars progress{height:7px}.bar-label{font-size:13px}.result-columns{gap:18px}.result-columns>div{background:#f6f8f5;padding:22px;border-radius:12px}.result-columns h3{font-size:23px}.pill,.status-badge{display:inline-block;background:#eaf0eb;border:1px solid #d9e4da;color:#365648;border-radius:7px;font-size:11px;font-weight:550;padding:5px 9px;margin:0 5px 7px 0}.note{font-size:12px}
.gift{background:#f0f3ed;position:relative;margin:24px 0}.gift:before{content:"";position:absolute;top:30px;right:30px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.gift h3{font-size:clamp(25px,3.4vw,32px);max-width:570px}.gift .eyebrow{padding-right:20px}.next-step{border-radius:var(--radius);padding:clamp(24px,4vw,40px);background:var(--ink)}.next-step h3{color:white;font-size:30px;max-width:540px}.next-step .eyebrow{color:#bacebf}.next-step p{color:#e2e9e0}.next-step .button{background:#f5f6ef;color:var(--ink)}
.crm-page header,.crm-page main,.crm-page footer{max-width:1440px}.crm-page main{padding-top:46px}.crm-page h1{font-size:clamp(34px,4vw,48px);margin:15px 0 8px}.crm-page main>p{margin-top:12px;font-size:14px}.summary-grid{gap:16px;margin:32px 0}.summary-grid div{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;font-size:12px;color:var(--muted);position:relative}.summary-grid strong{line-height:1.3;font-family:inherit;font-size:36px;font-weight:550;letter-spacing:-1.5px;color:var(--ink);margin-bottom:7px;font-variant-numeric:tabular-nums}.summary-grid div:first-child{background:var(--ink);color:#d1e0d5;border-color:var(--ink)}.summary-grid div:first-child strong{color:white}.summary-grid div:first-child:after{content:"";position:absolute;right:21px;top:23px;width:7px;height:7px;background:var(--accent);border-radius:50%}
.crm-tools{padding:22px;background:white;border:1px solid var(--line);border-radius:14px;gap:14px}.crm-tools input,.crm-tools select{margin-top:8px}.crm-tools label:first-child{flex:2}.crm-tools .text-button{padding:10px 4px;white-space:nowrap}.table-wrap{border:1px solid var(--line);border-radius:14px;background:white;margin:22px 0 0}table{font-size:13px}th{background:#f0f3ee;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:650;white-space:nowrap;padding:17px 18px}td{padding:22px 18px;border-color:#e7ece7;line-height:1.65}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf8}td>div,td small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}td .text-button{font-size:14px;text-decoration:none;margin-bottom:6px}td .text-button:hover{text-decoration:underline}.status-badge{white-space:nowrap;margin-bottom:7px}.crm-detail{padding:28px;margin-top:22px}.crm-detail h2{font-size:28px!important;letter-spacing:-1px}.crm-detail form{display:grid;gap:15px}.crm-detail p{font-size:13px}.crm-detail .note{background:#f4f6f1;padding:18px;border-radius:10px;font-size:11px}.crm-contact a{font-size:13px;text-underline-offset:3px}.settings{border:1px solid var(--line);padding:24px;border-radius:14px;background:white;margin:32px 0}.settings summary{font-size:15px;font-weight:600;color:var(--ink)}.settings p{font-size:13px;max-width:780px}.settings form{display:grid;gap:18px;max-width:780px}.settings .button{justify-self:start}.crm-grid .flow-actions{font-size:12px;align-items:center}.empty{background:white;border:1px dashed #cbd6ca;border-radius:14px;margin-top:24px;color:var(--muted)}
@media(min-width:1000px){.crm-grid.has-detail{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.hero{gap:65px}}
@media(max-width:799px){header,main,footer{padding-left:20px;padding-right:20px}.brand .brand-wordmark{font-size:15px}.brand .brand-mark{width:34px;height:34px;font-size:11px}.brand{gap:8px}.brand small{font-size:6px;letter-spacing:1.3px}.nav{font-size:11px;max-width:104px;text-align:right}.hero{padding:40px 0;gap:30px}.art{min-height:310px}.art svg{max-width:310px}.hero h1{font-size:clamp(39px,7vw,58px)}.crm-tools{padding:18px}.summary-grid{gap:10px}.summary-grid div{padding:20px 15px}.crm-page main{padding-top:30px}.crm-grid.has-detail{grid-template-columns:1fr}.crm-detail{margin-top:0}.result-columns h3{font-size:23px}.flow-actions{gap:10px}.flow-actions .button{gap:10px;padding:14px 16px}.score-number{font-size:64px}.question-card{padding:24px 20px}.gift:before{right:20px}.next-step h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.button,.option{transition:none}}

.option input,.consent input{min-height:0}
/* Launch additions retain the approved identity. */
.conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.conversion-grid>div{background:white;padding:22px;border:1px solid var(--line);border-radius:14px}.conversion-grid span,.conversion-grid strong,.conversion-grid small{display:block}.conversion-grid strong{font-size:30px;color:var(--ink);font-weight:550}.conversion-grid small{color:var(--muted);font-size:11px}.conversion-grid>p{grid-column:1/-1;max-width:none;margin:0}.analytics{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:24px}.analytics summary{cursor:pointer;font-weight:600;color:var(--ink)}.breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.breakdown-grid h3{font-size:18px}.breakdown-grid ul{padding:0;list-style:none}.breakdown-grid li{display:flex;justify-content:space-between;gap:20px;font-size:13px;border-bottom:1px solid var(--line);padding:9px 0}.wa-link{display:block;font-size:12px;padding:12px 0;color:var(--ink);min-height:44px}.crm-contact .button{display:inline-flex;font-size:13px;text-decoration:none}.crm-tools label{min-width:150px}.privacy-page{max-width:900px}.privacy-page h1{font-size:clamp(36px,5vw,54px)}.privacy-page h2{font-size:24px;letter-spacing:-.02em;margin-top:32px}.privacy-page p{max-width:none;overflow-wrap:anywhere}.privacy-pending{padding:20px;border:1px solid #dbceb7;border-radius:12px;background:#f7f0e4}.consent a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1100px){.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.crm-tools label:first-child{min-width:250px}}
@media(max-width:799px){.conversion-grid,.breakdown-grid{grid-template-columns:1fr}.crm-tools label{flex:1 1 100%;min-width:0}.crm-tools .button{width:100%}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap thead{display:none}.table-wrap tr{padding:18px;border-bottom:1px solid var(--line)}.table-wrap td{padding:7px 0;border:0;overflow-wrap:anywhere}.table-wrap td:nth-child(2):before{content:'Resultado';}.table-wrap td:nth-child(3):before{content:'Fuente / temperatura';}.table-wrap td:nth-child(4):before{content:'Próxima acción';}.table-wrap td:nth-child(5):before{content:'Plantilla descargada';}.table-wrap td:nth-child(6):before{content:'Estatus / fecha';}.table-wrap td:before{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.table-wrap{overflow:visible}.status-badge{white-space:normal}.summary-grid div{min-width:0}.privacy-page .question-card{padding:22px}.crm-detail{padding:22px}.crm-detail input,.crm-detail select{max-width:100%;min-width:0}}