@import url('../fonts/fonts.css');
:root{--navy:#132E25;--slate:#5b6b62;--line:#e3ddd0;--bg:#f6f5f0;--white:#fff;--blue:#132E25;--blue-dark:#0c2019;--green:#15803d;--amber:#b45309;--red:#b91c1c;--gold:#BA9A5D;--gold-light:#C9AD7A;--gold-lighter:#D8C9A3;--gold-pale:#E5DCC4;--ivory:#EAE1D0;--sage:#607A60;--sage-mid:#4f7a63;--sage-light:#7d9a80;--deep-alt:#1f4a3a;--shadow:0 14px 35px rgba(19,46,37,.1);--radius-control:14px;--radius-card:22px}
/* v0.16 rediseno visual: --navy/--blue pasan a la paleta de marca (verde profundo var(--navy));
   --gold/--ivory/--sage y sus variantes derivadas (-light/-lighter/-pale/-mid/-alt) son los
   tokens nuevos. --green/--amber/--red siguen siendo los colores de ESTADO (pagado/pendiente/
   vencido) y se mantienen a proposito visualmente distintos del verde de marca (mas claros/
   saturados que var(--navy)) para no confundir un boton primario con un estado "pagado". El acento
   morado de "IA" (#6d28d9 y derivados) y los grises neutros de estado "anulado" (#e2e8f0/
   #475569) se dejan intactos a proposito: son sistemas de color propios, distintos del azul
   viejo que este cambio reemplaza. */
/* v0.16 UX unificada: campos de texto/select compartidos (antes duplicados en ~8 reglas distintas desde v0.9) */
.form-stack input,.form-stack textarea,.message-card textarea,.period-filter input,.form-grid input,.form-grid select,.form-grid textarea,.message-style-form select,.public-form input,.question-card input,.question-card select,.question-card textarea,.inline-method-form input,.review-actions input,.rule-form input,.rule-form select,.friendly-rule-form input,.friendly-rule-form select,.signup-card input,.admin-filter select,.admin-status-form select,.admin-add-user input,.admin-add-user select,.ai-settings-box textarea,.ai-compose-form input{width:100%;border:1px solid #c9c0ac;border-radius:var(--radius-control);padding:10px 12px;background:#fff;font:inherit;color:var(--navy)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font-family:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none;font-size:18px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--navy),var(--sage-light));color:#fff;font-weight:800}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a,.link-button{color:var(--slate);text-decoration:none;font:inherit;border:0;background:none;padding:0;cursor:pointer}.topbar nav a:hover,.link-button:hover{color:var(--blue)}.desktop-nav a.active{color:var(--navy);font-weight:800}.desktop-new-charge{margin-left:4px}.topbar form{margin:0}.container{width:min(1180px,calc(100% - 32px));margin:42px auto 70px;min-height:calc(100vh - 190px)}footer{text-align:center;color:var(--slate);padding:24px;border-top:1px solid var(--line);background:#fff}.card{background:var(--white);border:1px solid rgba(227,221,208,.9);border-radius:var(--radius-card);box-shadow:var(--shadow)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.page-heading.split{align-items:center}
.page-heading-actions{display:flex;align-items:center;gap:10px}.page-heading-title-row{display:flex;align-items:center;gap:8px}.theme-toggle-ghost{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--slate);font-size:16px;line-height:1;cursor:pointer}.theme-toggle-ghost:hover{background:var(--ivory)}.page-heading h1{margin:5px 0 5px;font-size:34px;letter-spacing:-.035em}.eyebrow{display:block;color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.muted{color:var(--slate);margin-top:4px}.back-link{display:block;color:var(--slate);text-decoration:none;margin-bottom:14px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stats-grid.four{grid-template-columns:repeat(4,1fr)}.stat{padding:22px}.stat span,.customer-total span{display:block;color:var(--slate);font-size:14px}.stat strong{display:block;margin-top:8px;font-size:29px;letter-spacing:-.035em}.stat.accent{background:linear-gradient(135deg,var(--blue-dark),var(--sage-mid));border:0;color:#fff}.stat.accent span{color:var(--gold-pale)}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;font:inherit}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-dark)}.button.secondary{background:#fff;border-color:var(--line);color:var(--navy)}.button.whatsapp{background:#16a34a;color:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.section-heading h2{margin:0;font-size:19px}.section-heading p{margin-bottom:0}.table-card{margin-top:22px;overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 24px;border-top:1px solid var(--line);white-space:nowrap}th{color:var(--slate);font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc}td a{color:var(--blue);font-weight:700;text-decoration:none}.amount{font-weight:800}.empty{text-align:center;color:var(--slate);padding:36px}.cards-list{display:grid;gap:16px}.customer-card{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.customer-card h2{margin:10px 0 0}.customer-total{text-align:right}.customer-total strong{display:block;font-size:27px;margin:2px 0 12px}.status{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:#f1f5f9;color:#475569}.status.pending,.status.overdue{background:#fff7ed;color:var(--amber)}.status.partial{background:var(--ivory);color:var(--blue)}.status.paid{background:#f0fdf4;color:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.8fr);gap:22px;align-items:start}.content-grid .table-card{margin-top:0}.payment-card{padding:24px;position:sticky;top:94px}.payment-card h2{margin:6px 0}.form-stack{display:grid;gap:15px;margin-top:20px}.form-stack label{display:grid;gap:6px;font-weight:700;font-size:14px}.form-stack input:focus,.form-stack textarea:focus,.message-card textarea:focus{outline:3px solid var(--gold-pale);border-color:var(--blue)}.check-row{display:flex!important;align-items:center;gap:8px!important;font-weight:500!important}.check-row input{width:auto}.login-card{width:min(460px,100%);margin:70px auto;padding:34px}.login-card h1{margin:6px 0;font-size:29px}.alert{padding:14px 17px;border-radius:11px;margin-bottom:20px}.alert.success{background:#f0fdf4;color:var(--green);border:1px solid #bbf7d0}.alert.error{background:#fef2f2;color:var(--red);border:1px solid #fecaca}.message-card{padding:24px}.message-card textarea{background:#f7f5ef;resize:vertical;line-height:1.6}.message-actions{display:flex;align-items:center;gap:12px;margin-top:16px}
.message-actions{flex-wrap:wrap}.message-actions form{margin:0}.period-filter{display:flex;align-items:flex-end;gap:10px;margin:-8px 0 24px}.period-filter label{display:grid;gap:5px;color:var(--slate);font-size:13px;font-weight:700}.settings-card{padding:26px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label{display:grid;gap:6px;font-weight:700;font-size:14px}.form-actions{display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.heading-actions{display:flex;gap:10px;align-items:center}.form-grid .wide{grid-column:1/-1}
.message-style-form{display:flex;align-items:flex-end;gap:14px;padding:18px 20px;margin-bottom:18px}.message-style-form label{display:grid;gap:5px;font-size:13px;font-weight:700}.message-style-form .muted{margin:0 0 10px}.flow-notice{display:grid;gap:3px;margin-top:16px;padding:14px 16px;border-radius:11px;background:#f0fdf4;color:#166534}.flow-notice span{font-size:14px}
@media(max-width:850px){.stats-grid,.stats-grid.four{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.payment-card{position:static}.page-heading{align-items:flex-start;flex-direction:column}.customer-card{align-items:flex-start;flex-direction:column}.customer-total{text-align:left}}
@media(max-width:540px){.container{width:min(100% - 22px,1180px);margin-top:24px}.stats-grid,.stats-grid.four{grid-template-columns:1fr}.topbar{padding:0 14px}.page-heading h1{font-size:29px}th,td{padding:13px 16px}.message-actions{align-items:stretch;flex-direction:column}.button{width:100%}}
@media(max-width:540px){.form-grid{grid-template-columns:1fr}.period-filter,.message-style-form{align-items:stretch;flex-direction:column}}
.public-body{background:#f6f5f0}.public-topbar{min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#fff;border-bottom:1px solid var(--line);color:var(--slate);font-size:14px}.public-topbar .brand-mark{width:30px;height:30px;border-radius:9px}.public-container{width:min(680px,calc(100% - 28px));margin:34px auto 64px}.public-heading{text-align:center;margin-bottom:22px}.public-heading h1{margin:4px 0;font-size:30px}.public-heading p{margin:4px 0;color:var(--slate)}.public-total{display:grid;gap:10px;text-align:center;padding:28px;background:linear-gradient(135deg,var(--blue-dark),var(--sage-mid));color:#fff}.public-total>span{color:var(--gold-pale)}.public-total>strong{font-size:42px}.public-total .button{justify-self:center}.public-total.settled{background:var(--green)}.public-total.settled>span{color:#fff}.public-section{padding:24px;margin-top:18px}.public-section h2{margin:0 0 8px;font-size:20px}.public-periods{display:grid;margin-top:16px}.public-periods>div,.bank-box>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid var(--line)}.payment-choice-list{display:grid;gap:12px;margin-top:18px}.payment-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--gold-light);border-radius:12px;background:var(--ivory);color:var(--navy);text-decoration:none}.payment-choice strong{color:var(--blue)}.bank-box{padding:6px 16px 16px;border:1px solid var(--line);border-radius:12px}.bank-box span{color:var(--slate)}.public-form{display:grid;gap:15px;margin-top:18px}.public-form label,.question-card label{display:grid;gap:6px;font-size:14px;font-weight:700}.public-form small{color:var(--slate);font-weight:400}.quick-charge-form{display:grid;gap:16px;max-width:720px}.question-card{position:relative;display:grid;gap:17px;padding:24px}.question-number{position:absolute;right:18px;top:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--ivory);color:var(--blue);font-weight:800}.new-customer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.money-input{display:flex;align-items:center;border:1px solid #c9c0ac;border-radius:var(--radius-control);overflow:hidden;background:#fff}.money-input span{padding:0 0 0 12px;color:var(--slate);font-weight:800}.money-input input{border:0}.question-card fieldset{display:grid;gap:10px;border:0;padding:0;margin:0}.question-card legend{margin-bottom:10px;font-weight:800}.choice-card{display:flex!important;align-items:center;gap:12px!important;padding:14px;border:1px solid var(--line);border-radius:12px}.choice-card input{width:auto}.choice-card span{display:grid}.choice-card small{color:var(--slate);font-weight:400}.mobile-submit{position:sticky;bottom:0;padding:12px;background:rgba(247,248,252,.94);backdrop-filter:blur(8px);z-index:5}.mobile-submit .button{width:100%;padding:14px}.settings-section{margin-top:22px}.settings-advanced{grid-column:1/-1;margin-top:8px;padding-top:16px;border-top:1px dashed var(--line)}.settings-advanced summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;font-weight:800;font-size:14px;color:var(--navy)}.settings-advanced summary::-webkit-details-marker{display:none}.settings-advanced summary::before{content:'▸';font-size:11px;color:var(--slate)}.settings-advanced[open] summary::before{content:'▾'}.settings-advanced summary+*{margin-top:16px}.settings-advanced-integrations{display:block}.settings-advanced-integrations .settings-section:first-of-type{margin-top:16px}.section-heading.compact{padding:0 0 18px}.configured-methods{display:grid}.configured-methods>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.configured-methods span{display:grid}.configured-methods small{max-width:600px;overflow:hidden;text-overflow:ellipsis;color:var(--slate)}.link-button.danger{color:var(--red)}.inline-method-form{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:end;margin-top:18px}.inline-method-form label{display:grid;gap:5px;font-size:13px;font-weight:700}.conversion-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 22px;overflow:hidden}.conversion-strip>div{padding:18px;border-right:1px solid var(--line)}.conversion-strip>div:last-child{border:0}.conversion-strip span{display:block;color:var(--slate);font-size:13px}.conversion-strip strong{font-size:24px}.review-actions{display:flex;gap:8px}.review-actions form{display:flex;gap:6px}.button.small{padding:7px 10px;font-size:13px}
@media(max-width:850px){.conversion-strip{grid-template-columns:repeat(2,1fr)}.conversion-strip>div:nth-child(2){border-right:0}.inline-method-form{grid-template-columns:1fr}}
@media(max-width:540px){.public-container{margin-top:22px}.public-section{padding:19px}.public-total>strong{font-size:36px}.new-customer-fields{grid-template-columns:1fr}.question-card{padding:20px}.mobile-heading{margin-bottom:16px}.conversion-strip{grid-template-columns:1fr}.conversion-strip>div{border-right:0;border-bottom:1px solid var(--line)}.review-actions{min-width:260px;flex-direction:column}.review-actions form{width:100%}.review-actions .button{width:auto}.configured-methods>div{align-items:flex-start;flex-direction:column}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.wizard-step-heading{display:grid;gap:4px;padding-right:42px}.wizard-step-label{color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.wizard-step-heading strong{font-size:19px}.wizard-instruction textarea{min-height:116px;resize:vertical}.instruction-examples{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.instruction-examples>span{width:100%;color:var(--slate);font-size:13px}.example-chip{border:1px solid var(--gold-lighter);border-radius:999px;padding:7px 11px;background:var(--ivory);color:var(--blue-dark);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.example-chip:hover{background:var(--gold-pale)}.instruction-help{margin:0}.wizard-continue{justify-self:start}.interpretation-status{padding:12px 14px;border-radius:11px;background:#f7f5ef;color:var(--slate);font-size:14px}.interpretation-status.success{background:#f0fdf4;color:#166534}.interpretation-status.error{background:#fef2f2;color:var(--red)}.wizard-details{display:grid;gap:16px;scroll-margin-top:92px}.wizard-enhanced .wizard-details[hidden]{display:none}.wizard-review{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;border-color:var(--gold-lighter);background:#faf6ec}.wizard-review h2{margin:4px 0 2px;font-size:21px}.wizard-review p{margin-bottom:0}.question-card small{color:var(--slate);font-weight:400}.label-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.label-title em{color:#94a3b8;font-size:11px;font-style:normal;font-weight:600}.field-identified{border-color:#86efac!important;background:#f0fdf4!important;box-shadow:0 0 0 2px rgba(34,197,94,.08)}.subscription-note{margin:0;padding:11px 13px;border-radius:var(--radius-control);background:var(--ivory);color:var(--deep-alt);font-size:13px}.button:disabled{opacity:.65;cursor:wait}
@media(max-width:540px){.wizard-review{align-items:flex-start;flex-direction:column}.wizard-review .button{width:auto}.wizard-continue{width:100%}.instruction-examples{gap:7px}.example-chip{padding:7px 10px}.wizard-instruction{padding-bottom:22px}}
.preview-banner{display:flex;justify-content:center;gap:8px;margin-bottom:16px;padding:10px 14px;border:1px solid #fde68a;border-radius:11px;background:#fffbeb;color:#92400e;font-size:13px}.preview-banner span{color:#a16207}
@media(max-width:540px){.preview-banner{align-items:center;flex-direction:column;text-align:center}}
.button.danger{background:#fff;border-color:#fecaca;color:var(--red)}.button.danger:hover{background:#fef2f2}.subscription-projection{margin-top:22px;overflow:hidden}.projection-heading{align-items:flex-end}.period-filter.compact{margin:0}.status-detail{display:block;max-width:300px;margin-top:5px;color:var(--slate);white-space:normal}.generation-confirmation{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:18px 24px;border-top:1px solid var(--line);background:#f7f5ef}.generation-confirmation .check-row{margin-right:auto}.generation-confirmation .check-row input{width:auto}.subscription-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:24px}.subscription-actions h2{margin:0 0 4px;font-size:20px}.subscription-actions p{margin-bottom:0}.optional-inline{color:#94a3b8;font-size:11px;font-weight:600}.subscription-actions form{margin:0}
@media(max-width:850px){.projection-heading,.subscription-actions,.generation-confirmation{align-items:stretch;flex-direction:column}.generation-confirmation .check-row{margin-right:0}.subscription-actions .message-actions{width:100%}}
.alert.warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.reminder-rules{padding:24px}.reminder-rules .section-heading{padding:0 0 18px}.configured-rules{display:grid}.configured-rules>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.configured-rules span{display:grid}.configured-rules small{color:var(--slate)}.rule-form{display:grid;grid-template-columns:1.4fr .8fr 1fr 1.3fr auto;gap:12px;align-items:end;margin-top:18px}.rule-form label{display:grid;gap:5px;font-size:13px;font-weight:700}.rule-form .automatic-rule{display:flex;margin-bottom:10px}.rule-form .automatic-rule input{width:auto}.safety-note{margin:14px 0 0}.reminder-day{margin-top:22px;overflow:hidden}.prepare-reminders{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid var(--line);background:#f7f5ef}.prepare-reminders p{display:grid;margin:0}.prepare-reminders span{color:var(--slate);font-size:13px}.reminder-day td form{margin:0}
@media(max-width:1050px){.rule-form{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-form .button{align-self:end}}
@media(max-width:650px){.rule-form{grid-template-columns:1fr}.prepare-reminders{align-items:stretch;flex-direction:column}.configured-rules>div{align-items:flex-start;flex-direction:column}.rule-form .automatic-rule{margin:0}.prepare-reminders .button{width:100%}}
.subscription-customer-card{margin-bottom:22px;overflow:hidden}.subscription-customer-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px}.subscription-customer-heading h2{margin:5px 0 2px;font-size:24px}.subscription-customer-heading p{margin-bottom:0}.subscription-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfc}.subscription-contact-grid>div{display:grid;gap:4px;min-width:0;padding:18px 24px;border-right:1px solid var(--line)}.subscription-contact-grid>div:last-child{border-right:0}.subscription-contact-grid span{color:var(--slate);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.subscription-contact-grid strong{overflow-wrap:anywhere}.subscription-contact-grid small{color:var(--slate)}.subscription-contact-grid .readiness.ready{color:var(--green)}.subscription-contact-grid .readiness.missing{color:var(--amber)}.subscription-customer-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 24px}.subscription-customer-footer p{max-width:680px;margin:0;color:var(--slate);font-size:14px}.form-grid label>small{color:var(--slate);font-weight:400}
@media(max-width:850px){.subscription-contact-grid{grid-template-columns:1fr}.subscription-contact-grid>div{border-right:0;border-bottom:1px solid var(--line)}.subscription-contact-grid>div:last-child{border-bottom:0}.subscription-customer-footer{align-items:stretch;flex-direction:column}.subscription-customer-footer .heading-actions{align-self:flex-start}}
@media(max-width:540px){.subscription-customer-heading{align-items:flex-start;flex-direction:column}.subscription-customer-footer .heading-actions{width:100%;flex-direction:column}.subscription-customer-footer .button{width:100%}}
.ai-settings-box{display:grid;gap:16px;margin-top:8px;padding:20px;border:1px solid #c4b5fd;border-radius:14px;background:#faf8ff}.ai-settings-heading,.ai-compose-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ai-settings-heading h2,.ai-compose-heading h2{margin:4px 0;font-size:20px}.ai-settings-heading p,.ai-compose-heading p{margin-bottom:0}.ai-settings-box label{display:grid;gap:6px}.ai-settings-box .check-row{display:flex}.ai-settings-box small{color:var(--slate);font-weight:400}.ai-config-note,.ai-privacy-note{margin:0;padding:11px 13px;border-radius:var(--radius-control);font-size:13px}.ai-config-note{background:#fff7ed;color:#9a3412}.ai-config-note code{font-weight:800}.ai-privacy-note{background:var(--ivory);color:var(--deep-alt)}.ai-compose-card{display:grid;gap:18px;margin-bottom:18px;padding:22px 24px;border-color:#c4b5fd;background:linear-gradient(135deg,#fff,#faf8ff)}.ai-compose-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.ai-compose-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.ai-compose-form small{color:var(--slate);font-weight:400}.button.ai{background:#6d28d9;color:#fff}.button.ai:hover{background:#5b21b6}.ai-unavailable{margin:0;color:var(--slate)}.ai-unavailable a{color:var(--blue);font-weight:700}.ai-draft-banner,.deterministic-draft-banner{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;border-radius:11px}.ai-draft-banner{flex-wrap:wrap;background:#f5f3ff;color:#5b21b6}.ai-draft-banner>span{font-weight:800}.ai-draft-banner>strong{padding:3px 8px;border-radius:999px;background:#ede9fe;font-size:12px}.ai-draft-banner>small{width:100%;color:#6d28d9}.deterministic-draft-banner{background:#f7f5ef;color:var(--slate);font-size:13px}.deterministic-draft-banner strong{color:var(--navy)}
@media(max-width:650px){.ai-settings-heading,.ai-compose-heading{flex-direction:column}.ai-compose-form{grid-template-columns:1fr}.ai-compose-form .button{width:100%}}

/* v0.9 · Agenda y Cobrador */
.mobile-more-menu[hidden],.mobile-more-backdrop[hidden]{display:none!important}
.mobile-nav,.mobile-more-menu,.mobile-more-backdrop{display:none}.automation-banner{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding:15px 18px;border-radius:14px}.automation-banner>div:nth-child(2){display:grid;flex:1}.automation-banner span{color:inherit;font-size:13px}.automation-banner a{color:inherit;font-weight:800;text-decoration:none}.automation-banner.paused{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.automation-banner.enabled{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.automation-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-control);background:rgba(255,255,255,.7);font-weight:900}.advisor-card,.today-command{display:flex;align-items:center;gap:16px;padding:20px 22px;margin-bottom:20px;background:linear-gradient(135deg,#fff,#f6f5f0)}.advisor-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue-dark),var(--sage-light));color:#fff;font-weight:900}.advisor-card h2,.today-command h2{margin:2px 0 3px;font-size:19px}.advisor-card p,.today-command p{margin:0;color:var(--slate)}.advisor-card>.status{margin-left:auto}.today-command-copy{flex:1}.upcoming-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}.upcoming-strip a{display:grid;gap:3px;min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--navy);text-decoration:none}.upcoming-strip span,.upcoming-strip small{color:var(--slate);font-size:12px}.upcoming-strip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:24px;margin:8px 0 14px}.calendar-toolbar>div{display:grid;min-width:190px;text-align:center}.calendar-toolbar strong{font-size:20px}.calendar-toolbar span{color:var(--slate);font-size:13px}.calendar-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);text-decoration:none;font-size:20px}.billing-calendar{overflow:hidden}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{padding:11px;text-align:center;color:var(--slate);font-size:12px;font-weight:800;text-transform:uppercase}.calendar-day{min-height:118px;padding:9px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff;color:var(--navy);text-decoration:none}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#fafbfc;color:#94a3b8}.calendar-day.selected{box-shadow:inset 0 0 0 2px var(--blue)}.calendar-day.today .day-number{background:var(--blue);color:#fff}.day-number{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;font-weight:800}.day-events{display:grid;gap:4px;margin-top:5px}.calendar-event{overflow:hidden;padding:3px 6px;border-radius:6px;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.calendar-event.due{background:#fff7ed;color:#9a3412}.calendar-event.reminder{background:var(--ivory);color:var(--blue-dark)}.calendar-event.sent,.calendar-event.paid{background:#f0fdf4;color:#166534}.day-events small{color:var(--slate)}.selected-day-card{margin-top:20px;overflow:hidden}.agenda-event-list{display:grid}.agenda-event-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 22px;border-top:1px solid var(--line)}.event-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ivory);color:var(--blue);font-weight:900}.event-symbol.due{background:#fff7ed;color:#9a3412}.event-main,.event-value{display:grid;gap:2px}.event-main span,.event-main small{color:var(--slate)}.event-main small{font-size:12px}.event-value{text-align:right}.event-link{color:var(--blue);font-weight:800;text-decoration:none}.mobile-month-agenda{display:none}.calendar-legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:16px 0;color:var(--slate);font-size:12px}.calendar-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;border-radius:50%;background:#f59e0b}.legend-dot.reminder{background:var(--sage-mid)}.legend-dot.automatic{background:#22c55e}.section-heading.plain{padding-left:0;padding-right:0}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.strategy-card{display:grid;gap:10px;padding:20px}.strategy-card.selected{border-color:var(--gold-light);box-shadow:0 0 0 2px var(--gold-pale)}.strategy-card h3,.strategy-card p{margin:0}.strategy-card p{min-height:64px;color:var(--slate)}.strategy-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ivory);color:var(--blue);font-size:20px}.strategy-timeline{margin-top:20px;overflow:hidden}.timeline-steps{display:grid;padding:0 22px}.timeline-steps article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.timeline-marker{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ivory);color:var(--blue);font-weight:900}.timeline-marker.whatsapp{background:#f0fdf4;color:var(--green)}.timeline-steps article>div{display:grid}.timeline-steps small,.timeline-steps article>div>span{color:var(--slate)}.custom-rule-box{padding:18px 22px;border-top:1px solid var(--line)}.custom-rule-box summary{cursor:pointer;color:var(--blue);font-weight:800}.friendly-rule-form{display:grid;grid-template-columns:1.3fr .7fr 1fr 1.2fr auto;gap:11px;align-items:end;margin-top:16px}.friendly-rule-form label{display:grid;gap:5px;font-size:13px;font-weight:700}.friendly-rule-form .check-row{display:flex;margin-bottom:10px}.friendly-rule-form .check-row input{width:auto}.automation-settings-box{display:grid;gap:10px;padding:18px;border:1px solid var(--gold-lighter);border-radius:14px;background:#faf6ec}.automation-settings-box h2{margin:3px 0}.automation-settings-box p{margin:0}.automation-master-toggle{padding:12px;border-radius:var(--radius-control);background:#fff}
@media(max-width:1050px){.upcoming-strip{grid-template-columns:repeat(2,1fr)}.friendly-rule-form{grid-template-columns:repeat(2,1fr)}.friendly-rule-form .button{align-self:end}}
@media(max-width:1000px){body{padding-bottom:78px}.topbar .desktop-nav{display:none}.topbar{height:62px}.container{margin-top:26px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);height:68px;padding:7px max(6px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.97);box-shadow:0 -10px 30px rgba(15,23,42,.08);backdrop-filter:blur(12px)}.mobile-nav a,.mobile-nav button{display:flex;min-width:0;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:var(--slate);text-decoration:none;font:inherit;font-size:11px}.mobile-nav span{font-size:18px;line-height:1}.mobile-nav .active{color:var(--blue);font-weight:800}.mobile-new-charge strong{display:grid;place-items:center;width:38px;height:38px;margin-top:-20px;border-radius:50%;background:var(--blue);color:#fff;font-size:25px;box-shadow:0 7px 18px rgba(19,46,37,.3)}.mobile-more-backdrop{position:fixed;inset:0;z-index:45;display:block;background:rgba(15,23,42,.35)}.mobile-more-menu{position:fixed;left:10px;right:10px;bottom:76px;z-index:50;display:grid;align-content:start;max-height:min(70vh,560px);overflow-y:auto;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(15,23,42,.2)}.mobile-more-menu .group-label{padding:12px 10px 4px}.mobile-more-menu .group-label:first-of-type{padding-top:2px}.mobile-more-heading{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 10px}.mobile-more-heading button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:none;font-size:26px}.mobile-more-menu>a,.mobile-more-menu form button{display:flex;width:100%;align-items:center;gap:13px;padding:13px 10px;border:0;border-top:1px solid var(--line);background:none;color:var(--navy);text-align:left;text-decoration:none;font:inherit}.mobile-more-menu>a>span,.mobile-more-menu form button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-control);background:var(--ivory);color:var(--blue)}.mobile-more-menu a>div,.mobile-more-menu button>div{display:grid}.mobile-more-menu small{color:var(--slate)}.mobile-menu-open{overflow:hidden}.strategy-grid{grid-template-columns:1fr}.billing-calendar,.selected-day-card{display:none}.mobile-month-agenda{display:grid;gap:10px}.mobile-agenda-day{display:grid;grid-template-columns:48px 1fr;gap:10px}.mobile-agenda-date{display:grid;align-content:start;justify-items:center;padding-top:9px}.mobile-agenda-date strong{font-size:22px}.mobile-agenda-date span{color:var(--slate);font-size:12px;text-transform:uppercase}.mobile-agenda-events{display:grid;gap:7px}.mobile-agenda-events a{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);text-decoration:none}.mobile-agenda-events span{color:var(--slate);font-size:12px}.advisor-card,.today-command{align-items:flex-start;flex-wrap:wrap}.advisor-card>.status{margin-left:0}.today-command .button{width:100%}.agenda-heading .button{display:none}}
@media(max-width:650px){.upcoming-strip{grid-template-columns:1fr}.friendly-rule-form{grid-template-columns:1fr}.friendly-rule-form .check-row{margin:0}.automation-banner{align-items:flex-start;flex-wrap:wrap}.automation-banner a{margin-left:48px}.strategy-card p{min-height:0}.calendar-toolbar{justify-content:space-between}.calendar-toolbar>div{min-width:0}.timeline-steps article{grid-template-columns:auto 1fr}.timeline-steps article form{grid-column:2}.today-command-copy{min-width:calc(100% - 62px)}footer{display:none}}

/* v0.10 · Sitio público, registro y administración */
.admin-nav-link{color:#6d28d9!important;font-weight:800}.onboarding-prompt{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:19px 22px;border-color:var(--gold-lighter);background:linear-gradient(135deg,#fff,var(--ivory))}.onboarding-prompt>div{display:grid;gap:3px}.onboarding-prompt strong{font-size:18px}.onboarding-prompt p{margin:0;color:var(--slate)}
.marketing-body{min-height:100vh;background:#fff}.marketing-body .button{width:auto}.marketing-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(226,232,240,.8);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.marketing-header nav{display:flex;align-items:center;gap:24px}.marketing-header nav>a:not(.button){color:var(--slate);text-decoration:none;font-size:14px}.marketing-header nav>a:hover{color:var(--blue)}.marketing-alert{width:min(720px,calc(100% - 32px));margin:22px auto}.marketing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);align-items:center;gap:72px;width:min(1180px,calc(100% - 40px));min-height:660px;margin:auto;padding:80px 0}.hero-copy h1{max-width:680px;margin:18px 0;font-size:clamp(46px,5.4vw,72px);line-height:1.02;letter-spacing:-.055em}.hero-copy>p{max-width:650px;color:var(--slate);font-size:20px}.marketing-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:var(--ivory);color:var(--navy);font-size:13px;font-weight:800}.hero-actions{display:flex;gap:12px;margin:28px 0 14px}.hero-copy>small{color:var(--slate)}.hero-product{padding:18px;border:1px solid var(--gold-pale);border-radius:26px;background:linear-gradient(145deg,#fff,#f6f5f0);box-shadow:0 30px 80px rgba(19,46,37,.15);transform:rotate(1deg)}.product-top{display:flex;align-items:center;gap:11px;padding:3px 4px 17px}.product-top .status{margin-left:auto}.collector-message{display:flex;gap:13px;padding:17px;border-radius:16px;background:var(--navy);color:#fff}.collector-message i{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:var(--sage-mid);font-style:normal;font-weight:900}.collector-message div{display:grid}.collector-message small{color:var(--gold-lighter)}.collector-message p{margin:4px 0 0;color:var(--gold-pale);font-size:13px}.product-agenda{display:grid;margin-top:12px}.product-agenda article{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:15px 6px;border-top:1px solid var(--line)}.product-agenda time,.product-agenda span{color:var(--slate);font-size:12px}.product-agenda article>div{display:grid}.product-agenda b{padding:4px 8px;border-radius:999px;background:var(--ivory);color:var(--blue);font-size:11px}.marketing-proof{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;padding:22px 20px;border-block:1px solid var(--line);background:#f7f5ef;color:var(--slate);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.marketing-section{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:100px 0}.marketing-heading{max-width:720px;margin-bottom:36px}.marketing-heading h2,.split-story h2,.pricing-copy h2,.marketing-cta h2{margin:9px 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.04em}.marketing-heading p,.split-story p,.pricing-copy p{color:var(--slate);font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05)}.feature-grid article>span{color:var(--gold-light);font-size:13px;font-weight:900}.feature-grid h3{margin:18px 0 8px;font-size:21px}.feature-grid p{margin:0;color:var(--slate)}.split-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-story ul,.pricing-card ul,.signup-intro ul{display:grid;gap:10px;padding-left:21px;color:var(--slate)}.tone-stack{display:grid;gap:13px}.tone-stack blockquote{margin:0;padding:21px;border:1px solid var(--line);border-radius:16px;background:#f7f5ef;font-size:15px}.tone-stack span{display:block;margin-bottom:7px;color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase}.pricing-section{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center}.pricing-card{display:grid;gap:14px;padding:32px;border:1px solid var(--gold-lighter);border-radius:24px;background:linear-gradient(145deg,#fff,var(--ivory));box-shadow:0 22px 60px rgba(19,46,37,.12)}.pricing-card>span{color:var(--blue);font-weight:800}.pricing-card>div{display:flex;align-items:baseline;gap:8px}.pricing-card>div strong{font-size:52px;letter-spacing:-.05em}.pricing-card>small{text-align:center;color:var(--slate)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.faq-grid details{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.faq-grid summary{cursor:pointer;font-weight:800}.faq-grid p{margin-bottom:0;color:var(--slate)}.marketing-cta{display:grid;justify-items:center;padding:88px 24px;background:var(--navy);color:#fff;text-align:center}.marketing-cta .eyebrow{color:var(--gold-light)}.marketing-cta h2{max-width:760px}.marketing-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:32px max(24px,calc((100vw - 1180px)/2));text-align:left}.marketing-footer p{margin:0}.marketing-footer>div{display:flex;gap:18px}.marketing-footer a{color:var(--slate);text-decoration:none}.signup-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1fr);gap:70px;align-items:center;width:min(1050px,calc(100% - 40px));min-height:calc(100vh - 72px);margin:auto;padding:60px 0}.signup-intro h1{margin:16px 0;font-size:48px;line-height:1.05;letter-spacing:-.045em}.signup-intro>p{color:var(--slate);font-size:18px}.signup-card{display:grid;gap:15px;padding:32px}.signup-card h2{margin:0 0 5px;font-size:28px}.signup-card>label,.signup-passwords label{display:grid;gap:6px;font-size:14px;font-weight:700}.signup-card input:focus{outline:3px solid var(--gold-pale);border-color:var(--blue)}.signup-passwords{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup-card small{color:var(--slate);font-weight:400}.signup-card .check-row{display:flex;font-size:13px}.signup-card .check-row a{color:var(--blue)}.honeypot{position:absolute!important;left:-9999px!important}.signup-login{text-align:center;color:var(--slate)}.signup-login a{color:var(--blue);font-weight:800}.legal-page{width:min(760px,calc(100% - 36px));margin:70px auto;padding-bottom:80px}.legal-page h1{margin:6px 0;font-size:42px}.legal-page h2{margin:32px 0 7px;font-size:21px}.legal-page p{color:var(--slate)}.legal-updated{font-size:13px}.legal-note{margin-top:38px;padding:16px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e}.onboarding-shell{width:min(820px,100%);margin:auto}.onboarding-progress{display:grid;grid-template-columns:34px 1fr 34px 1fr 34px;align-items:center;width:min(340px,100%);margin:0 auto 30px}.onboarding-progress span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--slate);font-weight:800}.onboarding-progress span.active,.onboarding-progress span.done{border-color:var(--blue);background:var(--blue);color:#fff}.onboarding-progress i{height:2px;background:var(--line)}.onboarding-progress .done+i{background:var(--blue)}.onboarding-actions{display:flex;justify-content:flex-end;margin-top:24px}.skip-onboarding{text-align:center;margin-top:14px}.account-unavailable{width:min(620px,100%);margin:70px auto;padding:36px;text-align:center}.account-unavailable h1{font-size:32px}.account-unavailable p{color:var(--slate)}
.admin-filter{margin:0 0 18px}.admin-account-list{display:grid;gap:18px}.admin-account-card{overflow:hidden}.admin-account-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px}.admin-account-card h2{margin:5px 0 2px}.admin-account-card header p{margin:0;color:var(--slate);font-size:13px}.admin-account-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:#f7f5ef}.admin-account-metrics>div{display:grid;gap:3px;padding:15px 24px;border-right:1px solid var(--line)}.admin-account-metrics>div:last-child{border:0}.admin-account-metrics span{color:var(--slate);font-size:12px}.admin-account-users{display:grid;padding:0 24px}.admin-account-users>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.admin-account-users span{display:grid}.admin-account-users small{color:var(--slate)}.admin-account-card>footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 24px;border-top:0;text-align:left;background:#fff}.admin-status-form{display:flex;align-items:flex-end;gap:9px}.admin-status-form label,.admin-add-user label{display:grid;gap:5px;font-size:12px;font-weight:800}.admin-add-user{min-width:520px}.admin-add-user summary{cursor:pointer;color:var(--blue);font-weight:800;text-align:right}.admin-add-user form{display:grid;grid-template-columns:1fr 1.2fr 1fr .7fr auto;gap:8px;align-items:end;margin-top:14px}.simple-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.social-login-divider{position:relative;display:flex;justify-content:center;margin:22px 0 16px;color:var(--slate);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.social-login-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line)}.social-login-divider span{position:relative;padding:0 12px;background:var(--white)}.social-login-options{display:grid;gap:10px}.social-login-button{width:100%}.social-login-note{margin-top:10px;font-size:12px;text-align:center}
@media(max-width:950px){.marketing-hero{grid-template-columns:1fr;gap:45px;padding:65px 0}.hero-product{max-width:680px}.feature-grid{grid-template-columns:1fr}.split-story,.pricing-section{grid-template-columns:1fr;gap:40px}.pricing-card{max-width:520px}.signup-shell{grid-template-columns:1fr;gap:32px}.signup-intro{max-width:680px}.admin-account-metrics{grid-template-columns:repeat(2,1fr)}.admin-account-metrics>div:nth-child(2){border-right:0}.admin-account-card>footer{flex-direction:column}.admin-add-user{min-width:0;width:100%}.admin-add-user summary{text-align:left}.admin-add-user form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.marketing-header{padding:0 14px}.marketing-header nav{gap:10px}.marketing-header nav>a:not(.button){display:none}.marketing-header nav .button{padding:9px 11px}.marketing-hero{min-height:0;padding:48px 0}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-product{padding:13px;transform:none}.collector-message{padding:14px}.product-agenda article{grid-template-columns:45px 1fr}.product-agenda b{display:none}.marketing-proof{gap:18px 30px}.marketing-section{padding:70px 0}.feature-grid article{padding:22px}.faq-grid{grid-template-columns:1fr}.marketing-footer{display:flex;align-items:flex-start;flex-direction:column}.marketing-footer>div{flex-wrap:wrap}.signup-shell{padding:38px 0}.signup-intro h1{font-size:38px}.signup-card{padding:23px}.signup-passwords{grid-template-columns:1fr}.onboarding-prompt{align-items:flex-start;flex-direction:column}.onboarding-prompt .button{width:100%}.admin-account-card>header{flex-direction:column}.admin-account-metrics{grid-template-columns:1fr}.admin-account-metrics>div{border-right:0;border-bottom:1px solid var(--line)}.admin-account-users>div{align-items:flex-start;flex-direction:column}.admin-account-card>footer{display:flex}.admin-status-form{width:100%}.admin-status-form label{flex:1}.admin-add-user form{grid-template-columns:1fr}.simple-pagination{flex-wrap:wrap}.marketing-body{padding-bottom:0}.marketing-body .marketing-footer{display:flex}}
.verification-shell{width:min(520px,calc(100% - 32px));margin:72px auto;padding:34px;text-align:center}.verification-shell h1{margin:9px 0 12px;font-size:34px}.verification-shell>form{margin-top:18px}.verification-shell>.muted{margin:8px 0}.invitation-shell{min-height:calc(100vh - 72px)}.forgot-link{justify-self:center;color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}.admin-user-actions{display:flex!important;align-items:center;gap:14px}.admin-user-actions form{margin:0}.admin-add-user form{grid-template-columns:1fr 1.2fr .7fr auto}.admin-add-user form .wide{grid-column:1/-1;margin:0}.marketing-alert.alert.success{background:#f0fdf4;color:var(--green);border:1px solid #bbf7d0}@media(max-width:700px){.verification-shell{margin:38px auto;padding:25px}.admin-user-actions{align-items:flex-start!important;flex-direction:column;gap:8px}}

/* v0.10.1 · Formularios públicos robustos en móvil */
.signup-shell,.signup-intro,.signup-card,.signup-card>label,.signup-passwords,.signup-passwords label,.auth-card,.verification-shell{min-width:0}.signup-card .legal-consent,.auth-checkbox{display:flex!important;align-items:flex-start;gap:10px!important;max-width:100%}.signup-card .legal-consent input[type=checkbox],.auth-checkbox input[type=checkbox]{width:18px!important;height:18px;min-width:18px;flex:0 0 18px;margin:2px 0 0;padding:0}.legal-consent span,.auth-checkbox span{min-width:0;overflow-wrap:anywhere}.legal-consent a{overflow-wrap:anywhere}.auth-card{width:min(460px,calc(100% - 32px))}.marketing-body main{min-width:0;overflow-x:clip}
@media(max-width:700px){.signup-shell{width:min(100% - 24px,1050px);padding:30px 0}.signup-card{width:100%;padding:21px 18px}.signup-intro h1{font-size:34px}.auth-card{width:min(100% - 24px,460px);margin:32px auto;padding:24px 19px}.verification-shell{width:min(100% - 24px,520px);padding:24px 19px}.signup-card input,.form-stack input{max-width:100%;font-size:16px}.signup-card>.button,.auth-card .button,.verification-shell .button{width:100%;min-height:44px}.signup-card .legal-consent,.auth-checkbox{font-size:14px;line-height:1.45}}

/* v0.11 · Casos y próxima mejor acción */
.collection-stage-filter{display:flex;gap:8px;overflow-x:auto;margin:-4px 0 18px;padding:4px 0}.collection-stage-filter a{flex:0 0 auto;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--slate);font-size:13px;font-weight:800;text-decoration:none}.collection-stage-filter a.active{border-color:var(--gold-light);background:var(--ivory);color:var(--blue)}.case-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.case-summary-grid article{display:grid;gap:4px;padding:17px 19px}.case-summary-grid span{color:var(--slate);font-size:12px}.case-summary-grid strong{font-size:25px}.case-list{display:grid;gap:14px}.case-card{overflow:hidden;border-left:4px solid #c9c0ac}.case-card.priority-3,.case-card.priority-4{border-left-color:#f59e0b}.case-card.priority-5,.case-hero.priority-5,.customer-case-strip.priority-5{border-left-color:#ef4444}.case-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px}.case-card h2{margin:8px 0 2px;font-size:21px}.case-card header p{margin:0;color:var(--slate);font-size:13px}.case-balance{font-size:24px}.case-stage{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.stage-due,.stage-grace{background:#fff7ed;color:#9a3412}.stage-overdue,.stage-dispute{background:#fef2f2;color:#b91c1c}.stage-promise_requested,.stage-promised{background:var(--ivory);color:var(--blue-dark)}.stage-paused{background:#f7f5ef;color:var(--slate)}.stage-resolved{background:#f0fdf4;color:#166534}.case-next-action{display:grid;gap:3px;padding:15px 22px;border-block:1px solid var(--line);background:#f7f5ef}.case-next-action span,.case-next-action small{color:var(--slate);font-size:12px}.case-next-action p{margin:0;color:var(--slate);font-size:13px}.case-card>footer{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:13px 22px}.case-card>footer>a:first-child{color:var(--blue);font-weight:800;text-decoration:none}.case-hero{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center;margin-bottom:18px;padding:24px;border-left:4px solid #c9c0ac}.case-hero>div{display:grid;gap:4px}.case-hero>div:first-child{padding-right:25px;border-right:1px solid var(--line)}.case-hero>div:first-child>strong{font-size:35px}.case-hero h2{margin:4px 0 0}.case-hero p{margin:0;color:var(--slate)}.case-hero small{color:var(--slate)}.case-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin:20px 0}.case-controls,.case-preferences{overflow:hidden;padding-bottom:20px}.case-controls details{padding:15px 22px;border-top:1px solid var(--line)}.case-controls summary,.public-help-grid summary{cursor:pointer;color:var(--navy);font-weight:800}.case-controls details .form-stack{margin-top:16px}.case-request-note{padding:12px;border-radius:var(--radius-control);background:var(--ivory);color:var(--blue-dark)}.resume-case{padding:20px 22px;border-top:1px solid var(--line)}.case-preferences>.form-stack{padding:0 22px}.contact-window{display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-history{overflow:hidden}.case-history-list{display:grid;padding:0 22px}.case-history-list article{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:15px 0;border-top:1px solid var(--line)}.case-history-list article>span,.case-history-list small{color:var(--slate);font-size:12px}.case-history-list p{margin:3px 0;color:var(--slate)}.customer-case-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:17px 20px;border-left:4px solid #c9c0ac}.customer-case-strip>div{display:grid;gap:3px}.customer-case-strip p{margin:0;color:var(--slate);font-size:13px}.public-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.public-help-grid details{padding:15px;border:1px solid var(--line);border-radius:13px;background:#f7f5ef}.public-help-grid .public-form{margin-top:14px}.public-form textarea{width:100%;padding:11px 12px;border:1px solid #c9c0ac;border-radius:var(--radius-control);background:#fff;color:var(--navy);font:inherit;resize:vertical}
@media(max-width:900px){.case-summary-grid{grid-template-columns:repeat(2,1fr)}.case-workspace{grid-template-columns:1fr}.case-hero{grid-template-columns:1fr}.case-hero>div:first-child{padding:0 0 18px;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:650px){.case-summary-grid{grid-template-columns:1fr 1fr}.case-summary-grid article{padding:14px}.case-card>header{flex-direction:column}.case-balance{align-self:flex-end;margin-top:-45px}.case-card>footer{justify-content:space-between}.customer-case-strip{align-items:flex-start;flex-direction:column}.customer-case-strip .button{width:100%}.public-help-grid{grid-template-columns:1fr}.contact-window{grid-template-columns:1fr}.case-history-list article{grid-template-columns:1fr;gap:4px}.case-hero>div:first-child>strong{font-size:30px}}
.compliance-note{display:grid;gap:4px;margin:0;background:var(--ivory);color:var(--blue-dark);border:1px solid var(--gold-lighter)}.compliance-note span{font-size:13px}.preference-origin{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#f7f5ef;font-size:13px}.preference-origin span,.preference-origin small{color:var(--slate)}.preference-origin small{grid-column:2}.contact-advanced{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#f7f5ef}.contact-advanced summary{cursor:pointer;font-weight:800}.contact-advanced .contact-window{margin-top:12px}.public-topbar a{color:var(--blue);font-weight:800;text-decoration:none}.code-access-card{max-width:520px;margin-inline:auto}.code-input{text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:20px!important;font-weight:900}.code-access-card .button{width:100%;min-height:46px}@media(max-width:540px){.public-topbar{flex-wrap:wrap}.public-topbar a{flex-basis:100%;text-align:center}.code-input{letter-spacing:.08em}}

/* v0.12 · Demo, planes y novedades */
.demo-invitation{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:70px}.demo-invitation h2{margin:9px 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.04em}.demo-invitation p{color:var(--slate);font-size:18px}.demo-safety-card{padding:28px;border:1px solid var(--gold-lighter);border-radius:22px;background:linear-gradient(145deg,var(--ivory),#fff);box-shadow:0 18px 45px rgba(19,46,37,.1)}.demo-safety-card>strong{font-size:20px}.demo-safety-card ul{display:grid;gap:10px;padding-left:20px;color:var(--slate)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.plan-card.featured{border-color:var(--gold-light);box-shadow:0 20px 50px rgba(19,46,37,.12)}.plan-highlight{position:absolute;top:-12px;right:18px;padding:6px 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:11px;font-weight:900}.plan-card h3{margin:12px 0 5px;font-size:28px}.plan-card p{min-height:72px;color:var(--slate)}.plan-availability{display:block;margin:5px 0 10px;color:var(--blue)}.plan-card ul{display:grid;gap:9px;flex:1;padding-left:20px;color:var(--slate)}.plan-card .button{width:100%;margin-top:18px}.release-preview{padding-top:70px}.release-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.release-preview-grid article{padding:22px;border-left:3px solid var(--gold-light);border-radius:0 15px 15px 0;background:#f7f5ef}.release-preview-grid span{color:var(--blue);font-size:12px;font-weight:900}.release-preview-grid h3{margin:9px 0 5px}.release-preview-grid p{margin:0;color:var(--slate)}.text-link{display:inline-flex;margin-top:22px;color:var(--blue);font-weight:800;text-decoration:none}.marketing-cta .button.secondary.light{border-color:#94a3b8;background:transparent;color:#fff}.demo-entry-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);align-items:center;gap:70px;width:min(1050px,calc(100% - 40px));min-height:calc(100vh - 72px);margin:auto;padding:70px 0}.demo-entry-copy h1{margin:16px 0;font-size:clamp(40px,5vw,58px);line-height:1.05;letter-spacing:-.045em}.demo-entry-copy>p{color:var(--slate);font-size:18px}.demo-entry-copy ul{display:grid;gap:10px;padding-left:22px;color:var(--slate)}.demo-entry-card{display:grid;gap:15px;padding:30px}.demo-entry-card h2{margin:0;font-size:29px}.demo-entry-card p,.demo-entry-card small{color:var(--slate)}.demo-entry-card form,.demo-entry-card .button{width:100%}.demo-route-list{display:flex;gap:8px;flex-wrap:wrap}.demo-route-list span{padding:7px 10px;border-radius:999px;background:var(--ivory);color:var(--blue-dark);font-size:12px;font-weight:800}.access-request-shell textarea,.access-request-shell select{width:100%;padding:11px 12px;border:1px solid #c9c0ac;border-radius:var(--radius-control);background:#fff;color:var(--navy);font:inherit}.access-request-shell textarea{resize:vertical}.releases-hero{width:min(850px,calc(100% - 40px));margin:80px auto 40px;text-align:center}.releases-hero h1{margin:15px 0;font-size:clamp(42px,5vw,64px);letter-spacing:-.05em}.releases-hero p{color:var(--slate);font-size:19px}.release-timeline{display:grid;gap:22px;width:min(950px,calc(100% - 40px));margin:0 auto 100px}.release-entry{display:grid;grid-template-columns:120px 1fr;gap:25px}.release-version{display:flex;align-items:flex-end;flex-direction:column;padding-top:22px}.release-version strong{font-size:21px}.release-version span{color:var(--slate);font-size:12px}.release-version small{margin-top:6px;padding:4px 7px;border-radius:999px;background:var(--ivory);color:var(--blue);font-weight:900}.release-entry>.card{padding:25px}.release-entry h2{margin:8px 0 13px;font-size:22px}.release-entry ul{display:grid;gap:7px;margin:0;padding-left:20px;color:var(--slate)}.release-entry.latest>.card{border-color:var(--gold-light);box-shadow:0 15px 40px rgba(19,46,37,.1)}.demo-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:14px 18px;border:1px solid #fcd34d;border-radius:14px;background:#fffbeb;color:#854d0e}.demo-mode-banner>div{display:grid;gap:2px}.demo-mode-banner span{font-size:13px}.demo-mode-banner form{margin:0}.demo-mode .topbar{border-bottom-color:#fcd34d}.access-request-list{display:grid;gap:15px}.access-request-card{overflow:hidden}.access-request-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px}.access-request-card h2{margin:5px 0}.access-request-card header p{margin:0;color:var(--slate)}.access-use-case{margin:0;padding:15px 22px;border-top:1px solid var(--line);background:#f7f5ef;color:var(--slate);white-space:pre-line}.access-request-card footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border-top:1px solid var(--line)}.access-request-card footer small{color:var(--slate)}.access-request-card footer form{display:flex;gap:8px}.access-request-card select{padding:9px 10px;border:1px solid #c9c0ac;border-radius:var(--radius-control);background:#fff}
@media(max-width:900px){.demo-invitation,.demo-entry-shell{grid-template-columns:1fr;gap:35px}.plans-grid{grid-template-columns:1fr}.plan-card p{min-height:0}.release-preview-grid{grid-template-columns:1fr}.demo-entry-shell{padding:45px 0}.demo-entry-card{max-width:620px}}
@media(max-width:700px){.demo-mode-banner{align-items:stretch;flex-direction:column}.demo-mode-banner .button{width:100%}.release-entry{grid-template-columns:1fr;gap:8px}.release-version{align-items:flex-start;flex-direction:row;gap:9px;padding:0}.release-version small{margin:0}.access-request-card header,.access-request-card footer{align-items:flex-start;flex-direction:column}.access-request-card footer form{width:100%;flex-direction:column}.access-request-card footer select,.access-request-card footer .button{width:100%}.access-request-shell textarea,.access-request-shell select{font-size:16px}.marketing-header nav>a[href*="novedades"]{display:none}}

/* v0.12.1 · Acceso demo, UX de contacto y landing orientada a conversión */
.form-stack select{width:100%;max-width:100%;border:1px solid #c9c0ac;border-radius:var(--radius-control);padding:11px 38px 11px 12px;background:#fff;color:var(--navy);font:inherit}
.form-stack select:focus{outline:3px solid var(--gold-pale);border-color:var(--blue)}
.demo-login-form{display:grid;gap:13px;margin-top:2px}
.demo-login-form label{display:grid;gap:6px;color:var(--navy);font-size:13px;font-weight:800}
.demo-login-form input{width:100%;border:1px solid #c9c0ac;border-radius:var(--radius-control);padding:12px 13px;background:#f7f5ef;color:var(--navy);font:inherit}
.demo-login-form input[readonly]{cursor:default}
.demo-login-form .button{min-height:48px;margin-top:3px}
.demo-mode main form[aria-disabled=true] button[type=submit],.demo-mode main form[aria-disabled=true] input[type=submit]{cursor:not-allowed;filter:grayscale(.35);opacity:.55}
.preference-fieldset{min-width:0;margin:0;padding:0;border:0}
.preference-fieldset legend{margin-bottom:2px;padding:0;color:var(--navy);font-size:14px;font-weight:900}
.preference-fieldset>p{margin:0 0 9px;color:var(--slate);font-size:12px;line-height:1.45}
.preference-options{display:grid;gap:8px}
.preference-options.frequency{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-stack .preference-option{position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;padding:11px 12px;border:1px solid #e3ddd0;border-radius:12px;background:#fff;cursor:pointer;font-size:13px;font-weight:400;transition:border-color .15s,background .15s,box-shadow .15s}
.form-stack .preference-option:hover{border-color:var(--gold-light);background:#faf6ec}
.form-stack .preference-option:has(input:checked){border-color:var(--sage-light);background:var(--ivory);box-shadow:0 0 0 1px var(--gold-lighter)}
.form-stack .preference-option.danger:has(input:checked){border-color:#fca5a5;background:#fef2f2;box-shadow:0 0 0 1px #fecaca}
.form-stack .preference-option:focus-within{outline:3px solid var(--gold-pale);outline-offset:1px}
.form-stack .preference-option input{width:17px;height:17px;min-width:17px;margin:2px 0 0;padding:0;accent-color:var(--blue)}
.preference-option span{display:grid;min-width:0;gap:2px}
.preference-option strong{color:var(--navy);line-height:1.25}
.preference-option small{color:var(--slate);font-size:11px;font-weight:500;line-height:1.35}
.conversion-hero .hero-copy h1{max-width:720px;font-size:clamp(44px,5.6vw,76px)}
.problem-section{padding-bottom:55px}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.problem-grid article{padding:25px;border:1px solid var(--line);border-radius:19px;background:#fff}
.problem-grid article>span{display:inline-flex;margin-bottom:18px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.08em}
.problem-grid h3{margin:0 0 8px;font-size:22px}
.problem-grid p{margin:0;color:var(--slate);line-height:1.6}
.outcome-section{padding-top:55px}
.outcome-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.outcome-flow article{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:flex-start;padding:19px;border-radius:17px;background:#f7f5ef}
.outcome-flow b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--gold-pale);color:var(--blue-dark)}
.outcome-flow h3{margin:1px 0 5px}
.outcome-flow p{margin:0;color:var(--slate);font-size:14px;line-height:1.5}
.conversational-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:75px}
.conversational-story h2,.payment-story h2{margin:9px 0 12px;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.04em}
.conversational-story>div:first-child>p,.payment-story>div:first-child>p{color:var(--slate);font-size:18px;line-height:1.6}
.conversational-story ul{display:grid;gap:9px;padding-left:21px;color:var(--slate)}
.conversation-preview{display:grid;gap:13px;padding:24px;border:1px solid var(--gold-lighter);border-radius:24px;background:linear-gradient(145deg,var(--ivory),#fff);box-shadow:0 24px 55px rgba(19,46,37,.12)}
.conversation-prompt{display:flex;align-items:flex-start;justify-self:end;gap:9px;max-width:85%}
.conversation-prompt span,.conversation-answer>span{display:grid;place-items:center;width:30px;height:30px;min-width:30px;border-radius:var(--radius-control);background:#e2e8f0;color:#475569;font-size:11px;font-weight:900}
.conversation-prompt p{margin:0;padding:11px 14px;border-radius:15px 4px 15px 15px;background:var(--navy);color:#fff;line-height:1.45}
.conversation-answer{display:flex;align-items:flex-start;gap:9px;max-width:92%}
.conversation-answer>span{background:var(--blue);color:#fff}
.conversation-answer>div{display:grid;gap:5px;padding:15px;border:1px solid var(--line);border-radius:4px 16px 16px;background:#fff}
.conversation-answer small{color:var(--blue);font-weight:800}
.conversation-answer p{margin:0;color:var(--slate);font-size:13px;line-height:1.45}
.conversation-answer div div{display:flex;gap:7px;margin-top:5px}
.conversation-answer button{border:1px solid var(--gold-lighter);border-radius:8px;padding:7px 10px;background:var(--ivory);color:var(--blue-dark);font:inherit;font-size:12px;font-weight:800}
.payment-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);align-items:center;gap:65px}
.payment-journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}
.payment-journey article{display:grid;gap:5px;min-height:145px;padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.payment-journey article span{color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.payment-journey article strong{font-size:20px;line-height:1.2}
.payment-journey article small{align-self:end;color:var(--slate);line-height:1.35}
.payment-journey>i{color:var(--gold-light);font-size:25px;font-style:normal;font-weight:900}
@media(max-width:1000px){.outcome-flow{grid-template-columns:repeat(2,1fr)}.conversational-story,.payment-story{grid-template-columns:1fr;gap:35px}.conversation-preview{max-width:720px}.payment-journey{max-width:720px}}
@media(max-width:760px){.problem-grid{grid-template-columns:1fr}.conversion-hero .hero-copy h1{font-size:clamp(40px,12vw,58px)}.preference-options.frequency{grid-template-columns:1fr}.conversation-preview{padding:17px}.conversation-prompt{max-width:92%}.payment-journey{grid-template-columns:1fr}.payment-journey>i{transform:rotate(90deg);justify-self:center}.payment-journey article{min-height:0}.demo-login-form input,.form-stack select{font-size:16px}}
@media(max-width:520px){.outcome-flow{grid-template-columns:1fr}.conversational-story h2,.payment-story h2{font-size:34px}.conversation-answer{max-width:100%}.conversation-prompt{max-width:96%}.demo-entry-card{padding:22px}.demo-entry-shell{width:min(100% - 28px,1050px)}}

/* v0.13 — experiencia conversacional, onboarding e informes */
.desktop-nav{gap:18px!important;font-size:14px}.desktop-more{position:relative}.desktop-more summary{cursor:pointer;list-style:none;color:var(--slate)}.desktop-more summary::-webkit-details-marker{display:none}.desktop-more summary::after{content:'⌄';margin-left:5px}.desktop-more[open] summary{color:var(--blue)}.desktop-more>div{position:absolute;right:0;top:32px;display:grid;min-width:210px;padding:9px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.desktop-more>div a,.desktop-more>div button{display:block!important;width:100%;padding:10px 11px!important;border-radius:8px;text-align:left;white-space:nowrap}.desktop-more>div a:hover,.desktop-more>div button:hover{background:var(--ivory)}.group-label{padding:10px 11px 4px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--slate)}.desktop-more>div .group-label:first-child{padding-top:4px}
.collector-today{padding:22px;margin-bottom:22px;overflow:hidden}
.collector-today-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px}
.collector-today-heading h2{margin:4px 0;font-size:23px}.collector-today-heading p{margin:0;color:var(--slate)}
.collector-action{display:grid;grid-template-columns:65px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 8px;border-top:1px solid var(--line);color:var(--navy);text-decoration:none}
.collector-action>span{color:var(--slate);font-size:12px}.collector-action>div{display:grid;gap:2px}.collector-action>div small{color:var(--slate);white-space:normal}.collector-action>em{border-radius:999px;padding:4px 8px;background:var(--ivory);color:var(--blue);font-size:11px;font-style:normal;font-weight:800}
.collector-action.featured{margin:0 -8px;padding:17px 16px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--navy),var(--blue-dark));color:#fff}
.collector-action.featured>span,.collector-action.featured small{color:var(--gold-pale)}.collector-action.featured>em{background:rgba(255,255,255,.12);color:#fff}
.collector-empty{padding:20px 0;border-top:1px solid var(--line)}.collector-empty p{margin:3px 0 0;color:var(--slate)}
.collector-today-footer{display:flex;justify-content:flex-end;gap:18px;padding-top:15px;border-top:1px solid var(--line)}.collector-today-footer a{color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}
.insight-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:18px 0}.insight-card{display:grid;gap:5px;padding:20px}.insight-card span,.insight-card small{color:var(--slate)}.insight-card strong{font-size:25px}.insight-card.overdue{border-color:#fed7aa;background:#fffaf5}
.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.analytics-card{padding:22px}.analytics-card .section-heading a{color:var(--blue);font-weight:800;text-decoration:none}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid var(--line)}.metric-row span{color:var(--slate)}.metric-note{margin:18px 0 0;padding:13px;border-radius:11px;background:var(--ivory);color:var(--deep-alt)}
.assistant-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.assistant-page-heading h1{margin:5px 0;font-size:34px}.assistant-page-heading p{max-width:760px}
.assistant-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.assistant-chat{overflow:hidden}.assistant-trust-bar{display:flex;align-items:center;gap:11px;padding:15px 20px;border-bottom:1px solid var(--line);background:#f7f5ef}.assistant-trust-bar>div{display:grid}.assistant-trust-bar small{color:var(--slate)}
.assistant-thread{display:grid;gap:16px;max-height:520px;min-height:320px;padding:22px;overflow-y:auto}.assistant-message{display:flex;align-items:flex-start;gap:9px;max-width:88%}.assistant-message>span{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border-radius:var(--radius-control);background:var(--blue);color:#fff;font-size:11px;font-weight:900}.assistant-message>div{display:grid;gap:8px;padding:13px 15px;border:1px solid var(--line);border-radius:5px 16px 16px;background:#fff}.assistant-message p{margin:0;white-space:pre-wrap}.assistant-message.user{justify-self:end;flex-direction:row-reverse}.assistant-message.user>span{background:#e2e8f0;color:#475569}.assistant-message.user>div{border:0;border-radius:16px 5px 16px 16px;background:var(--navy);color:#fff}.assistant-tool{justify-self:start;border-radius:999px;padding:3px 8px;background:var(--ivory);color:var(--blue-dark);font-size:10px;font-weight:800;text-transform:uppercase}
.assistant-results{display:grid;gap:8px}.assistant-results a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:11px;border:1px solid var(--gold-lighter);border-radius:var(--radius-control);background:#faf6ec;color:var(--navy);text-decoration:none}.assistant-results a small{color:var(--slate)}.assistant-results a em{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--blue);font-size:12px;font-style:normal;font-weight:800}
.assistant-confirmation{margin:0 20px 18px;padding:18px;border:1px solid var(--gold-light);border-radius:15px;background:#faf6ec}.assistant-confirmation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.assistant-confirmation h2{margin:3px 0}.assistant-confirmation dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.assistant-confirmation dl>div{padding:10px;border-radius:var(--radius-control);background:#fff}.assistant-confirmation dt{color:var(--slate);font-size:11px}.assistant-confirmation dd{margin:2px 0 0;font-weight:800}.assistant-safety-note{font-size:13px;color:var(--deep-alt)}.assistant-confirmation-actions{display:flex;align-items:center;gap:9px}.assistant-confirmation-actions form{margin:0}
.assistant-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:17px 20px;border-top:1px solid var(--line);background:#fff}.assistant-composer textarea{width:100%;resize:none;border:1px solid #c9c0ac;border-radius:12px;padding:12px;font:inherit;font-size:16px;color:var(--navy)}.assistant-composer textarea:focus{outline:3px solid var(--gold-pale);border-color:var(--blue)}
.assistant-suggestions{display:grid;gap:15px}.assistant-suggestions>.card{display:grid;gap:10px;padding:18px}.assistant-suggestions button{padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:#fff;color:var(--navy);font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.assistant-suggestions button:hover{border-color:var(--gold-light);background:var(--ivory)}.assistant-boundaries ul{display:grid;gap:7px;margin:5px 0 0;padding-left:19px;color:var(--slate);font-size:13px}
.onboarding-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.onboarding-choice{display:grid;align-content:start;gap:14px;padding:24px}.onboarding-choice.featured{border-color:var(--gold-light);background:linear-gradient(145deg,var(--ivory),#fff)}.onboarding-choice h2,.onboarding-choice p{margin:0}.onboarding-choice p{color:var(--slate)}.compact-options{display:grid;gap:9px;margin:0 0 15px;padding:0;border:0}.compact-options legend{margin-bottom:8px;font-weight:800}.compact-options label{display:flex;align-items:center;gap:8px}.scenario-card{padding:25px}.scenario-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.scenario-heading h2{margin:4px 0}.scenario-heading p{margin:0;color:var(--slate)}.scenario-heading>strong{font-size:32px}.scenario-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.scenario-steps article{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:13px;border:1px solid var(--line);border-radius:12px;opacity:.55}.scenario-steps article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-control);background:#e2e8f0;font-weight:800}.scenario-steps article>div{display:grid}.scenario-steps small{color:var(--slate)}.scenario-steps article.done{border-color:var(--gold-light);background:var(--ivory);opacity:1}.scenario-steps article.done>span{background:var(--blue);color:#fff}.scenario-complete{padding:17px;border-radius:13px;background:#f0fdf4;color:#166534}.scenario-complete p{margin:5px 0 13px}.scenario-complete>div{display:flex;gap:9px}
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.report-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:20px;padding:22px}.report-card h2{margin:9px 0 5px}.report-card p{margin:0;color:var(--slate)}.report-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-control);background:var(--ivory);color:var(--blue);font-weight:900}.report-card form{display:grid;align-content:start;gap:12px}.report-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.report-filters label{display:grid;gap:4px;color:var(--slate);font-size:12px;font-weight:700}.report-filters label.wide{grid-column:1 / -1}.report-filters input,.report-filters select{min-width:0;width:100%;border:1px solid #c9c0ac;border-radius:var(--radius-control);padding:9px;background:#fff;color:var(--navy);font:inherit;font-size:13px}
@media(max-width:1100px){.desktop-nav{gap:11px!important;font-size:12px}.insight-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:1fr}.assistant-layout{grid-template-columns:1fr}.assistant-suggestions{grid-template-columns:repeat(2,1fr)}.report-card{grid-template-columns:1fr}}
@media(max-width:850px){.insight-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.assistant-page-heading{align-items:flex-start;flex-direction:column}.onboarding-choice-grid,.report-grid{grid-template-columns:1fr}.scenario-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.collector-today{padding:16px}.collector-today-heading{align-items:flex-start;flex-direction:column}.collector-action{grid-template-columns:48px minmax(0,1fr)}.collector-action>em{grid-column:2;justify-self:start}.collector-today-footer{align-items:flex-start;flex-direction:column;gap:8px}.insight-grid{grid-template-columns:1fr}.assistant-thread{min-height:280px;padding:15px}.assistant-message{max-width:96%}.assistant-confirmation{margin:0 12px 12px;padding:14px}.assistant-confirmation dl{grid-template-columns:1fr}.assistant-confirmation-actions{align-items:stretch;flex-direction:column}.assistant-confirmation-actions form,.assistant-confirmation-actions .button{width:100%}.assistant-composer{grid-template-columns:1fr;padding:13px}.assistant-suggestions{grid-template-columns:1fr}.scenario-heading{flex-direction:column}.scenario-steps{grid-template-columns:1fr}.scenario-complete>div{flex-direction:column}.report-card{padding:18px}.report-filters{grid-template-columns:1fr}.report-filters label.wide{grid-column:auto}}

/* v0.14 — Mercado Pago confirmado, trazable e idempotente */
.payment-provider-card{display:grid;gap:18px;border-color:var(--gold-light);background:linear-gradient(145deg,#fff,#faf6ec)}
.payment-provider-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.payment-provider-heading h2{margin:5px 0 7px}.payment-provider-heading p{max-width:760px;margin:0}
.provider-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.provider-facts>div{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}.provider-facts span{color:var(--slate);font-size:11px}.provider-facts strong{overflow-wrap:anywhere}
.provider-safety-note{display:grid;gap:3px;padding:14px;border-radius:12px;background:var(--ivory);color:var(--deep-alt)}.provider-safety-note span{font-size:13px}.provider-unavailable,.provider-boundary,.provider-error{margin:0;padding:13px;border-radius:11px}.provider-unavailable{background:#f7f5ef;color:var(--slate)}.provider-boundary{background:#fff7ed;color:#9a3412;font-size:13px}.provider-error{background:#fef2f2;color:#991b1b}
.integrated-payment-form{margin:0}.payment-choice.integrated{width:100%;cursor:pointer;border-color:var(--gold-light);background:linear-gradient(135deg,var(--ivory),#fff);color:var(--navy);font:inherit;text-align:left}.payment-choice.integrated span{display:grid;gap:2px}.payment-choice.integrated b{font-size:16px}.payment-choice.integrated small{color:var(--slate);font-size:12px}.integrated-payment-note{margin:-4px 2px 3px;color:var(--slate);font-size:12px}
.payment-choice.integrated.webpay{border-color:#b8e3c6;background:linear-gradient(135deg,#f0fdf4,#fff)}.webpay-provider-card{border-color:#86efac;background:linear-gradient(145deg,#fff,#f6fff8)}.webpay-credentials-form{display:grid;gap:14px}.webpay-production-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.webpay-production-fields .check-row{grid-column:1/-1}.provider-transition-card{max-width:620px;margin:70px auto;text-align:center;display:grid;gap:16px}.provider-transition-card h1,.provider-transition-card p{margin:0}.provider-transition-card form{margin-top:8px}
@media(max-width:720px){.payment-provider-heading{flex-direction:column}.provider-facts{grid-template-columns:1fr}.payment-provider-card form .button{width:100%}.payment-choice.integrated{align-items:center}.webpay-production-fields{grid-template-columns:1fr}.webpay-production-fields .check-row{grid-column:auto}.provider-transition-card{margin:28px auto}}

/* v0.14.2 · Acciones guiadas y envíos conversacionales resistentes */
.case-action-guide{gap:6px!important}.case-action-cta{display:flex;align-items:center;gap:14px;margin-top:12px}.case-action-cta .button{flex:0 0 auto}.case-action-cta>small{max-width:520px;line-height:1.4}.assistant-composer[aria-busy=true],.assistant-confirmation form[aria-busy=true]{opacity:.75}.assistant-composer button:disabled,.assistant-confirmation button:disabled{cursor:wait}
@media(max-width:650px){.case-action-cta{align-items:stretch;flex-direction:column}.case-action-cta .button{width:100%;text-align:center}}

/* v0.14.3.1: account access stays visible on mobile */
.marketing-header{gap:20px}.marketing-header .marketing-account-actions{gap:10px;flex-shrink:0}.marketing-account-actions .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:1050px){.marketing-header .marketing-sections{display:none}}
@media(max-width:600px){.marketing-header{position:relative;flex-wrap:wrap;padding:14px;gap:12px}.marketing-header .marketing-account-actions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);width:100%;gap:8px}.marketing-header .marketing-account-actions .button{width:100%;min-width:0;padding:10px 8px;font-size:14px;white-space:normal}}
/* v0.15 · Pilot process and access experience */
.pilot-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.pilot-kpis>a{padding:22px;display:grid;gap:10px;color:var(--navy);text-decoration:none;min-width:0}.pilot-kpis strong{font-size:clamp(24px,3vw,34px);overflow-wrap:anywhere}.pilot-kpis small{color:#526459}.pilot-kpis>a:hover,.pilot-kpis>a:focus-visible{outline:2px solid #607a60}.process-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0}.process-stages a{display:flex;align-items:center;gap:9px;border:1px solid #cad6d0;border-radius:12px;padding:14px;background:#fff;color:var(--navy);text-decoration:none}.process-stages a[aria-current]{border:2px solid var(--navy)}.process-stages span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eae1d0;flex-shrink:0}.process-stages b{margin-left:auto}.process-list{display:grid;gap:14px}.process-charge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:24px;padding:24px;align-items:center}.process-charge h2{font-size:22px;margin:12px 0 6px}.process-charge p{margin:6px 0;overflow-wrap:anywhere}.process-charge small{display:block;color:#526459}.process-amount{font-size:26px}.health{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;padding:6px 10px;border-radius:999px;line-height:1.4}.health i{width:9px;height:9px;border-radius:50%;background:currentColor;flex-shrink:0}.health-green{color:#14532d;background:#dcfce7}.health-yellow{color:#713f12;background:#fef3c7}.health-red{color:#991b1b;background:#fee2e2}.health-gray{color:#475569;background:#e2e8f0}.pilot-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:24px}.pilot-entry strong{display:block;font-size:21px}.request-count{display:inline-block;min-width:22px;padding:2px 6px;border-radius:99px;background:#fef3c7;color:#713f12;font-weight:bold;font-size:14px;text-align:center}.pilot-access-state{margin-top:20px;padding:20px;border:1px solid #c9c0ac;border-radius:12px;background:#f7f5ef}.pilot-access-state p{overflow-wrap:anywhere}.access-request-list .form-stack{margin:22px 0}.marketing-body{background:#fff;color:var(--navy)}.marketing-body .button.primary{background:var(--navy);color:white;border-color:var(--navy)}.marketing-body .button.secondary{background:white;color:var(--navy);border-color:#a7b8ad}.marketing-body .brand-mark{background:var(--navy)}.pilot-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;max-width:1180px;margin:auto;padding:80px 24px}.pilot-kicker{font-size:13px;letter-spacing:.12em;font-weight:800;color:#526b58}.pilot-hero h1{font-size:clamp(44px,5.4vw,72px);line-height:1.04;letter-spacing:-.045em;margin:22px 0}.pilot-hero h1 em{font-style:normal;color:#607a60}.pilot-hero-copy>p{font-size:20px;max-width:500px;line-height:1.6}.pilot-hero-copy>small{font-size:14px}.pilot-story{align-self:center;background:#f6f8f5;border:1px solid #d4dfd7;border-radius:24px;box-shadow:0 28px 60px rgba(19,46,37,.08);overflow:hidden}.pilot-story-top{display:flex;justify-content:space-between;gap:12px;background:var(--navy);color:#fff;padding:20px}.pilot-story-top small{font-size:12px}.pilot-story-person{display:flex;gap:14px;align-items:center;padding:24px}.pilot-story-person>span:first-child{background:#eae1d0;padding:15px;border-radius:16px;font-weight:bold}.pilot-story-person>div{flex:1}.pilot-story-person small,.pilot-story-person strong{display:block}.pilot-story-person strong{font-size:28px}.pilot-story-person .health{font-size:12px}.pilot-timeline{list-style:none;padding:0 24px 20px;margin:0}.pilot-timeline li{display:flex;gap:16px;padding:15px 0;border-top:1px solid #dae4dd}.pilot-timeline li>span{width:30px;height:30px;display:grid;place-items:center;background:#eae1d0;border-radius:50%;flex-shrink:0}.pilot-timeline p{margin:4px 0 0;font-size:14px}.pilot-audiences{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:26px;background:#eae1d0;color:var(--navy);font-size:14px;font-weight:700}.pilot-section{max-width:1180px;margin:auto;padding:80px 24px}.pilot-section-heading{max-width:740px;margin-bottom:36px}.pilot-section h2,.pilot-demo-section h2,.pilot-last h2{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-.03em;margin:14px 0 20px}.pilot-section-heading p{font-size:18px;color:#526459}.pilot-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pilot-benefits article{border-top:2px solid #607a60;padding:26px 0}.pilot-benefits h3{font-size:24px;line-height:1.25}.pilot-benefits p{font-size:16px;line-height:1.7;color:#526459}.pilot-demo-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:64px max(24px,calc((100vw - 1132px)/2));background:var(--navy);color:#fff}.pilot-demo-section .pilot-kicker{color:#eae1d0}.pilot-demo-section p{font-size:17px;color:#d8e5da}.pilot-demo-list article{display:flex;gap:22px;padding:16px 0;border-bottom:1px solid #ffffff30}.pilot-demo-list b{color:#d5bb86}.pilot-demo-list h3{margin:0;font-size:21px}.pilot-faq{padding-top:20px}.pilot-faq details{border-bottom:1px solid #cad6d0;padding:20px 0}.pilot-faq summary{cursor:pointer;font-size:18px;font-weight:700}.pilot-faq p{max-width:800px}.pilot-last{padding:60px 24px;text-align:center;background:#eae1d0}.pilot-last a:not(.button){color:var(--navy);text-decoration:underline}.marketing-header nav>a:not(.button){color:var(--navy)}.marketing-body .signup-card,.marketing-body .verification-shell{overflow-wrap:anywhere}.marketing-body .signup-card input,.marketing-body .signup-card select{min-width:0}.marketing-body .legal-consent{display:flex;align-items:flex-start;gap:10px}.marketing-body .legal-consent input{width:18px;flex:0 0 18px;margin-top:5px}.marketing-body .legal-consent span{min-width:0;overflow-wrap:anywhere}.pilot-entry .button{flex-shrink:0}
@media(max-width:900px){.pilot-hero{gap:32px;padding:48px 24px}.pilot-story-person{flex-wrap:wrap}.pilot-demo-section{gap:28px}.process-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.process-charge{grid-template-columns:1fr 1fr}.process-charge>.button{grid-column:1/-1}}
@media(max-width:640px){.pilot-hero,.pilot-demo-section{grid-template-columns:1fr}.pilot-hero{padding:36px 20px}.pilot-hero h1{font-size:46px}.pilot-section{padding:44px 20px}.pilot-benefits{grid-template-columns:1fr;gap:10px}.pilot-audiences{gap:12px}.pilot-audiences>span{display:none}.pilot-story-top{flex-direction:column}.pilot-story-person{padding:20px}.pilot-kpis>a{padding:15px}.pilot-kpis strong{font-size:25px}.process-charge{grid-template-columns:1fr;gap:16px;padding:20px}.process-stages a{flex-wrap:wrap;padding:10px;font-size:14px}.pilot-entry{flex-direction:column;align-items:stretch}.pilot-hero .hero-actions{flex-direction:column}.pilot-hero .button,.pilot-last .button{min-height:48px;text-align:center}.pilot-demo-section{padding:40px 20px}.period-filter select{max-width:100%;font-size:16px}.process-list,.pilot-story{min-width:0}}

/* Consistent, touch-friendly pilot filters. */
.pilot-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.pilot-filter label{display:grid;gap:6px;min-width:150px;flex:1;font-size:14px;font-weight:600}.pilot-filter select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #c9c0ac;border-radius:var(--radius-control);background:#fff;color:var(--navy);font:inherit;font-size:16px}.pilot-filter select:focus-visible{outline:3px solid var(--gold-light);outline-offset:2px}.pilot-filter>a{padding:12px}.pilot-admin-stats .stat{min-height:110px}@media(max-width:640px){.pilot-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-admin-stats .stat{padding:18px}.pilot-filter label{flex-basis:100%}}
@media(max-width:640px){.pilot-filter{align-items:stretch}.pilot-filter label{width:100%;min-width:0;flex:initial}.pilot-filter>a{align-self:flex-start}}

/* v0.17 · PLAN-TEMA-OSCURO: modo oscuro con alcance real, solo dentro de .theme-surface (nunca
   :root/body global — ver hallazgo DT-03: el archivo es compartido por ~20 vistas y el portal
   público; tokens globales oscurecían tarjetas ahí sin ajustar su texto, dejando texto oscuro
   sobre fondo oscuro fuera de las vistas en alcance). Variables NUEVAS y propias (--surf-*), no
   reutilizan --navy/--white/--ivory: esas siguen significando "tema claro de siempre" en el resto
   del archivo. Aplicado hoy en dashboard.blade.php y reminders/index.blade.php únicamente. */
/* PLAN-REDISENO-MENU-CONFIG (Bloque A): extiende el alcance oscuro más allá de .theme-surface —
   body/.topbar/footer/menú "Más"/barra móvil también oscurecen, pero solo mediante la clase
   body.theme-surface-page (agregada en layouts/app.blade.php SOLO en /panel y /recordatorios,
   igual criterio que DT-03: nunca :root/body global). Corrección de revisión (hallazgos DT-001 a
   DT-003): oscurecer solo el background no alcanza — se cubre también primer plano (marca, links,
   activo), el footer, el desplegable "Más" (escritorio y móvil, que tenían background:#fff fijo)
   y la barra de navegación inferior fija, todos dentro de los mismos dos bloques de guardas. Usa
   valores literales (no las variables --surf-* de .theme-surface) porque body/.topbar no son
   descendientes de .theme-surface. Corrección de revisión (hallazgo DARK-004, Fase 4 ronda 3):
   ".topbar nav a{color:#B7C6BC}" tiene más especificidad que ".button.primary{color:#fff}"
   (2 clases + 3 elementos vs. 2 clases + 0 elementos — con la misma cantidad de clases, gana quien
   tiene más elementos en el selector), así que el botón "Nuevo cobro" (un <a class="button
   primary">) perdía su blanco y quedaba gris apagado sobre su fondo azul. Se agrega
   ".topbar .button.primary{color:#fff}" con más clases para ganarle siempre. */
.theme-surface{
  --surf-bg:#fff;--surf-card:#F4F7F4;--surf-text:#132E25;--surf-text-soft:#5b6b62;--surf-line:#e7ece8;--surf-danger:var(--red);
  background:var(--surf-bg);color:var(--surf-text)
}
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]) .theme-surface{
    --surf-bg:#0F1A14;--surf-card:#17271E;--surf-text:#EEF8F1;--surf-text-soft:#B7C6BC;--surf-line:#2B3D33;--surf-danger:#f87171
  }
  html:not([data-theme="light"]) body.theme-surface-page{background:#0F1A14}
  html:not([data-theme="light"]) body.theme-surface-page .topbar{background:#0F1A14;border-bottom-color:#2B3D33}
  html:not([data-theme="light"]) body.theme-surface-page .brand{color:#EEF8F1}
  html:not([data-theme="light"]) body.theme-surface-page .topbar nav a,html:not([data-theme="light"]) body.theme-surface-page .link-button{color:#B7C6BC}
  html:not([data-theme="light"]) body.theme-surface-page .topbar nav a:hover,html:not([data-theme="light"]) body.theme-surface-page .link-button:hover{color:#EEF8F1}
  html:not([data-theme="light"]) body.theme-surface-page .topbar .button.primary{color:#fff}
  html:not([data-theme="light"]) body.theme-surface-page .desktop-nav a.active{color:#EEF8F1}
  html:not([data-theme="light"]) body.theme-surface-page .desktop-more summary{color:#B7C6BC}
  html:not([data-theme="light"]) body.theme-surface-page .desktop-more[open] summary{color:#EEF8F1}
  html:not([data-theme="light"]) body.theme-surface-page .desktop-more>div{background:#17271E;border-color:#2B3D33;box-shadow:0 14px 35px rgba(0,0,0,.4)}
  html:not([data-theme="light"]) body.theme-surface-page .desktop-more>div a,html:not([data-theme="light"]) body.theme-surface-page .desktop-more>div button{color:#EEF8F1}
  html:not([data-theme="light"]) body.theme-surface-page .desktop-more>div a:hover,html:not([data-theme="light"]) body.theme-surface-page .desktop-more>div button:hover{background:#2B3D33}
  html:not([data-theme="light"]) body.theme-surface-page .group-label{color:#B7C6BC}
  html:not([data-theme="light"]) body.theme-surface-page .theme-toggle-ghost{color:#B7C6BC}
  html:not([data-theme="light"]) body.theme-surface-page .theme-toggle-ghost:hover{background:#2B3D33}
  html:not([data-theme="light"]) body.theme-surface-page footer{background:#0F1A14;color:#B7C6BC;border-top-color:#2B3D33}
  html:not([data-theme="light"]) body.theme-surface-page .mobile-more-menu{background:#17271E;color:#EEF8F1;border-color:#2B3D33;box-shadow:0 20px 50px rgba(0,0,0,.5)}
  html:not([data-theme="light"]) body.theme-surface-page .mobile-more-menu small{color:#B7C6BC}
  html:not([data-theme="light"]) body.theme-surface-page .mobile-more-menu>a,html:not([data-theme="light"]) body.theme-surface-page .mobile-more-menu form button{color:#EEF8F1;border-top-color:#2B3D33}
  html:not([data-theme="light"]) body.theme-surface-page .mobile-more-heading button{color:#EEF8F1}
  html:not([data-theme="light"]) body.theme-surface-page .mobile-more-heading button:hover,html:not([data-theme="light"]) body.theme-surface-page .mobile-more-heading button:focus-visible{color:#fff}
  html:not([data-theme="light"]) body.theme-surface-page .mobile-nav{background:#17271E;border-top-color:#2B3D33;box-shadow:0 -10px 30px rgba(0,0,0,.4)}
  html:not([data-theme="light"]) body.theme-surface-page .mobile-nav a,html:not([data-theme="light"]) body.theme-surface-page .mobile-nav button{color:#B7C6BC}
  html:not([data-theme="light"]) body.theme-surface-page .mobile-nav .active{color:#EEF8F1}
  /* PLAN-REDISENO-SITIO-PUBLICO (Bloque D): layout de marketing (.marketing-header/.marketing-footer)
     no es descendiente de .theme-surface, así que usa valores literales igual que .topbar/footer
     arriba, no las variables --surf-*. Corrección de revisión (hallazgos D-002/D-003): los links de
     header y footer fijan su color directo sobre el propio <a>, un override del contenedor no
     alcanza. Corrección de revisión (hallazgos D-005/D-006): .button.primary (fondo var(--blue),
     #132E25) casi se funde con el fondo oscuro nuevo (#0F1A14, contraste ~1.3:1, bajo el 3:1
     no-textual exigido) — se usa var(--sage-mid) (#4f7a63, ~3.9:1 contra el fondo y ~4.9:1 con texto
     blanco) como fondo. El selector debe ser "body.marketing-body.theme-surface-page" en una sola
     cadena (ambas clases van en la MISMA etiqueta <body>, no anidadas) — un selector con espacio
     entre ellas no matchea ningún botón (hallazgo D-006). Corrección de revisión (hallazgo D-007,
     inspección post-construcción): el primer intento de :hover oscurecía a #456a56, que da ~3.1:1
     contra el fondo de página (#0F1A14) pero solo ~2.8:1 contra el fondo de tarjeta más claro
     (--surf-card, #17271E, usado por .pilot-story/.pilot-last) — bajo 3:1 en ese segundo caso. En
     vez de perseguir un tono intermedio que sirva contra ambos fondos, :hover reutiliza el mismo
     var(--sage-mid) del estado normal (ya verificado ≥3:1 contra los dos fondos posibles) y señala
     el hover solo con un borde más claro. */
  html:not([data-theme="light"]) body.marketing-body.theme-surface-page .marketing-header{background:rgba(10,19,15,.92);border-bottom-color:#2B3D33}
  html:not([data-theme="light"]) body.marketing-body.theme-surface-page .marketing-header nav>a:not(.button){color:#B7C6BC}
  html:not([data-theme="light"]) body.marketing-body.theme-surface-page .marketing-header nav>a:hover{color:#EEF8F1}
  html:not([data-theme="light"]) body.marketing-body.theme-surface-page .marketing-footer a{color:#B7C6BC}
  html:not([data-theme="light"]) body.marketing-body.theme-surface-page .marketing-footer a:hover,html:not([data-theme="light"]) body.marketing-body.theme-surface-page .marketing-footer a:focus-visible{color:#EEF8F1}
  html:not([data-theme="light"]) body.marketing-body.theme-surface-page .button.primary{background:var(--sage-mid);border-color:var(--sage-mid)}
  html:not([data-theme="light"]) body.marketing-body.theme-surface-page .button.primary:hover{background:var(--sage-mid);border-color:#EEF8F1}
  html:not([data-theme="light"]) body.marketing-body.theme-surface-page .button.primary:focus-visible{outline:2px solid #EEF8F1;outline-offset:2px}
}
html[data-theme="dark"] .theme-surface{
  --surf-bg:#0F1A14;--surf-card:#17271E;--surf-text:#EEF8F1;--surf-text-soft:#B7C6BC;--surf-line:#2B3D33;--surf-danger:#f87171
}
html[data-theme="dark"] body.theme-surface-page{background:#0F1A14}
html[data-theme="dark"] body.theme-surface-page .topbar{background:#0F1A14;border-bottom-color:#2B3D33}
html[data-theme="dark"] body.theme-surface-page .brand{color:#EEF8F1}
html[data-theme="dark"] body.theme-surface-page .topbar nav a,html[data-theme="dark"] body.theme-surface-page .link-button{color:#B7C6BC}
html[data-theme="dark"] body.theme-surface-page .topbar nav a:hover,html[data-theme="dark"] body.theme-surface-page .link-button:hover{color:#EEF8F1}
html[data-theme="dark"] body.theme-surface-page .topbar .button.primary{color:#fff}
html[data-theme="dark"] body.theme-surface-page .desktop-nav a.active{color:#EEF8F1}
html[data-theme="dark"] body.theme-surface-page .desktop-more summary{color:#B7C6BC}
html[data-theme="dark"] body.theme-surface-page .desktop-more[open] summary{color:#EEF8F1}
html[data-theme="dark"] body.theme-surface-page .desktop-more>div{background:#17271E;border-color:#2B3D33;box-shadow:0 14px 35px rgba(0,0,0,.4)}
html[data-theme="dark"] body.theme-surface-page .desktop-more>div a,html[data-theme="dark"] body.theme-surface-page .desktop-more>div button{color:#EEF8F1}
html[data-theme="dark"] body.theme-surface-page .desktop-more>div a:hover,html[data-theme="dark"] body.theme-surface-page .desktop-more>div button:hover{background:#2B3D33}
html[data-theme="dark"] body.theme-surface-page .group-label{color:#B7C6BC}
html[data-theme="dark"] body.theme-surface-page .theme-toggle-ghost{color:#B7C6BC}
html[data-theme="dark"] body.theme-surface-page .theme-toggle-ghost:hover{background:#2B3D33}
html[data-theme="dark"] body.theme-surface-page footer{background:#0F1A14;color:#B7C6BC;border-top-color:#2B3D33}
html[data-theme="dark"] body.theme-surface-page .mobile-more-menu{background:#17271E;color:#EEF8F1;border-color:#2B3D33;box-shadow:0 20px 50px rgba(0,0,0,.5)}
html[data-theme="dark"] body.theme-surface-page .mobile-more-menu small{color:#B7C6BC}
html[data-theme="dark"] body.theme-surface-page .mobile-more-menu>a,html[data-theme="dark"] body.theme-surface-page .mobile-more-menu form button{color:#EEF8F1;border-top-color:#2B3D33}
html[data-theme="dark"] body.theme-surface-page .mobile-more-heading button{color:#EEF8F1}
html[data-theme="dark"] body.theme-surface-page .mobile-more-heading button:hover,html[data-theme="dark"] body.theme-surface-page .mobile-more-heading button:focus-visible{color:#fff}
html[data-theme="dark"] body.theme-surface-page .mobile-nav{background:#17271E;border-top-color:#2B3D33;box-shadow:0 -10px 30px rgba(0,0,0,.4)}
html[data-theme="dark"] body.theme-surface-page .mobile-nav a,html[data-theme="dark"] body.theme-surface-page .mobile-nav button{color:#B7C6BC}
html[data-theme="dark"] body.theme-surface-page .mobile-nav .active{color:#EEF8F1}
html[data-theme="dark"] body.marketing-body.theme-surface-page .marketing-header{background:rgba(10,19,15,.92);border-bottom-color:#2B3D33}
html[data-theme="dark"] body.marketing-body.theme-surface-page .marketing-header nav>a:not(.button){color:#B7C6BC}
html[data-theme="dark"] body.marketing-body.theme-surface-page .marketing-header nav>a:hover{color:#EEF8F1}
html[data-theme="dark"] body.marketing-body.theme-surface-page .marketing-footer a{color:#B7C6BC}
html[data-theme="dark"] body.marketing-body.theme-surface-page .marketing-footer a:hover,html[data-theme="dark"] body.marketing-body.theme-surface-page .marketing-footer a:focus-visible{color:#EEF8F1}
html[data-theme="dark"] body.marketing-body.theme-surface-page .button.primary{background:var(--sage-mid);border-color:var(--sage-mid)}
html[data-theme="dark"] body.marketing-body.theme-surface-page .button.primary:hover{background:var(--sage-mid);border-color:#EEF8F1}
html[data-theme="dark"] body.marketing-body.theme-surface-page .button.primary:focus-visible{outline:2px solid #EEF8F1;outline-offset:2px}
.theme-surface .card{background:var(--surf-card);border-color:var(--surf-line)}
.theme-surface .muted,.theme-surface .eyebrow{color:var(--surf-text-soft)}
.theme-surface th,.theme-surface td{border-color:var(--surf-line)}
.theme-surface th{background:transparent;color:var(--surf-text-soft)}
.theme-surface .collector-action{color:var(--surf-text)}
.theme-surface .collector-action>span,.theme-surface .collector-action>div small{color:var(--surf-text-soft)}
.theme-surface .upcoming-strip a{background:var(--surf-card);border-color:var(--surf-line);color:var(--surf-text)}
/* Corrección de revisión (hallazgo DT-04, PLAN-TEMA-OSCURO ronda 1): una clase utilitaria
   separada (.accent-gradient) no ganaba la cascada frente a .stat.accent/.collector-action.featured
   (misma o menor especificidad) — se edita el fondo de esas reglas directamente, con el ancestro
   .theme-surface aportando la especificidad extra necesaria para ganar siempre. Corrección de
   revisión (hallazgo DT-05): ambos extremos del degradado se mantienen oscuros (contraste con
   blanco verificado, ver PLAN-TEMA-OSCURO-LOG.md) — nunca el extremo claro original (~2.1:1). */
.theme-surface .stat.accent{background:linear-gradient(120deg,#2c6b4c,#163b2c);border:0;color:#fff}
.theme-surface .stat.accent span,.theme-surface .stat.accent strong{color:#fff}
.theme-surface .collector-action.featured{background:linear-gradient(120deg,#2c6b4c,#163b2c)}
.theme-surface .collector-action.featured>span,.theme-surface .collector-action.featured small,
.theme-surface .collector-action.featured>em,.theme-surface .collector-action.featured strong{color:#fff}
/* Corrección de revisión (hallazgo DT-06): .status.paid es compartida por clientes, configuración
   de pagos, confirmación de WhatsApp y el portal público — el degradado usa una clase dedicada,
   agregada solo en reminders/index.blade.php, para no afectar esos otros lugares. Corrección de
   revisión (hallazgo DT-07): .status.paid fija color:var(--green) explícito — esta regla fija su
   propio color con especificidad suficiente para ganarle, o el texto quedaría verde oscuro sobre
   el degradado oscuro nuevo (casi invisible). */
.theme-surface .status.reminder-status-sent{background:linear-gradient(120deg,#2c6b4c,#163b2c);color:#fff}
/* Corrección de revisión (hallazgo DT-08, inspección Codex post-construcción): muchos elementos
   dentro de las dos vistas en alcance fijan su texto con los tokens globales --slate/--blue/--navy
   (pensados para fondos claros) sin que nada los reescriba dentro de .theme-surface — quedaban
   casi invisibles sobre las tarjetas oscuras nuevas (contraste medido ~1.2:1–3.0:1, bajo el mínimo
   AA). Se reescribe cada selector afectado, dentro del alcance de .theme-surface, con los tokens
   --surf-text/--surf-text-soft ya existentes (nunca los tokens globales, ver DT-03). No se toca la
   variable global --slate/--blue: eso afectaría también insignias con su propio par fondo+texto
   (ej. .status.partial, .strategy-icon) que ya son legibles en cualquier tema y no deben cambiar. */
.theme-surface .stat span,
.theme-surface .insight-card span,.theme-surface .insight-card small,
.theme-surface .metric-row span,
.theme-surface .conversion-strip span,
.theme-surface .onboarding-prompt p,
.theme-surface .collector-empty p,
.theme-surface .collector-today-heading p,
.theme-surface .strategy-card p,
.theme-surface .timeline-steps small,.theme-surface .timeline-steps article>div>span,
.theme-surface .period-filter label,
.theme-surface .upcoming-strip span,.theme-surface .upcoming-strip small,
.theme-surface .status-detail,
.theme-surface .empty{color:var(--surf-text-soft)}
.theme-surface .collector-today-footer a,
.theme-surface .analytics-card .section-heading a,
.theme-surface td a,
.theme-surface .custom-rule-box summary{color:var(--surf-text)}
/* Corrección de revisión (hallazgo DT-12): la primera versión fijaba color:#f87171 sin condición,
   aplicando el rojo claro también en modo claro (sobre la tarjeta clara #F4F7F4, ese rojo pálido
   no cumple AA). --surf-danger resuelve a var(--red) en claro y a #f87171 solo en los dos bloques
   oscuros — mismo patrón que --surf-text/--surf-text-soft, nunca toca var(--red) global (usada en
   alertas de error fuera de alcance). */
.theme-surface .link-button.danger{color:var(--surf-danger)}
/* Corrección de revisión (hallazgo DT-09): .prepare-reminders fija background:#f7f5ef (claro) sin
   condicionar al tema — con el texto de .theme-surface ya vuelto claro, la fecha quedaba casi
   blanca sobre un fondo casi blanco (~1.1:1). Se le da el mismo tratamiento que .card. */
.theme-surface .prepare-reminders{background:var(--surf-card);border-color:var(--surf-line)}
.theme-surface .prepare-reminders p{color:var(--surf-text)}
.theme-surface .prepare-reminders span{color:var(--surf-text-soft)}
/* PLAN-REDISENO-SITIO-PUBLICO (Bloque D): landing.blade.php envuelve su @section('content') en
   .theme-surface (Decisión D2) — estas reglas usan las mismas variables --surf-* ya definidas
   arriba, sin guardas propias, porque .theme-surface ya resuelve el valor correcto por tema.
   Decisión D4 (hallazgo D-001): .eyebrow/.muted ya quedan cubiertos por la regla existente de la
   línea 264 (.theme-surface .muted,.theme-surface .eyebrow{color:var(--surf-text-soft)}) — cambio
   de tono aceptado también en claro, no se agrega override propio acá. .health-* (Decisión D3) y
   .pilot-story-top/.pilot-demo-section (ya autocontenidos con fondo var(--navy) fijo y texto
   blanco) tampoco se tocan. */
.theme-surface .pilot-kicker{color:var(--surf-text-soft)}
.theme-surface .pilot-story{background:var(--surf-card);border-color:var(--surf-line)}
.theme-surface .pilot-timeline li{border-top-color:var(--surf-line)}
.theme-surface .pilot-audiences{background:var(--surf-card);color:var(--surf-text)}
.theme-surface .pilot-benefits article{border-top-color:var(--surf-line)}
.theme-surface .pilot-faq details{border-bottom-color:var(--surf-line)}
.theme-surface .pilot-last{background:var(--surf-card)}
.theme-surface .pilot-section-heading p,.theme-surface .pilot-benefits p{color:var(--surf-text-soft)}
.theme-surface .pilot-last a:not(.button){color:var(--surf-text)}
/* (Corrección de revisión, hallazgo D-004) .pilot-story-person>span:first-child tiene fondo
   #eae1d0 fijo (claro) sin color propio — hereda el texto casi blanco de .theme-surface en oscuro,
   quedando texto claro sobre fondo claro. Se fija su color siempre oscuro, el mismo caso aplica al
   número dentro de .pilot-timeline li>span (mismo fondo #eae1d0 fijo, detectado durante la
   construcción al aplicar el mismo criterio que D-004 — se corrige acá por consistencia, sujeto a
   confirmación con la auditoría de contraste del punto 5 antes de dar el bloque por construido). */
.theme-surface .pilot-story-person>span:first-child,.theme-surface .pilot-timeline li>span{color:var(--navy)}
.theme-toggle-button{padding:9px 13px;font-size:16px;line-height:1}

/* Corrección de revisión (hallazgo RB-05): este bloque debe ir DESPUÉS de las reglas base de
   .mobile-submit/.marketing-header/.mobile-nav (misma especificidad → gana el orden de
   aparición). Puesto antes, como en el primer intento, quedaba anulado por esas reglas
   posteriores y el respaldo opaco nunca se aplicaba en navegadores sin backdrop-filter. */
@supports not (backdrop-filter: blur(1px)) {
    .mobile-submit{background:#f7f5ef}
    .marketing-header{background:#fff}
    @media(max-width:1000px){.mobile-nav{background:#fff}}
}
@media (prefers-reduced-motion: reduce) {
    *{transition-duration:.001ms!important;animation-duration:.001ms!important;scroll-behavior:auto!important}
}

/* Ondion Cobranza (K2, 18-10-2026): paleta, tipografía y marca de Ondion sobre el sistema existente. */
:root{--navy:#0F1A14;--blue:#0F1A14;--blue-dark:#0C3B27;--slate:#44564C;--line:#DCEBE1;--bg:#FFFFFF;
--gold:#1F8F4E;--gold-light:#3CE37F;--gold-lighter:#BFF3D2;--gold-pale:#DCF7E6;--ivory:#EEF8F1;
--sage:#44564C;--sage-mid:#44564C;--sage-light:#7A8D82;--deep-alt:#0C3B27;--shadow:none;--volt:#3CE37F;--forest:#0C3B27;--dew:#EEF8F1}
.theme-surface{--surf-bg:#FFFFFF;--surf-card:#EEF8F1;--surf-text:#0F1A14;--surf-text-soft:#44564C;--surf-line:#DCEBE1}
h1,h2,h3,.brand{font-family:'Unbounded',ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0}
.brand-mark svg{width:28px;height:28px;fill:currentColor}
.brand-mark svg .ring-dot{fill:#3CE37F}
.public-body{background:#FFFFFF}
.brand-mark{color:#0F1A14!important}
@media (prefers-color-scheme: dark){html:not([data-theme="light"]) .brand-mark{color:#EEF8F1!important}}
html[data-theme="dark"] .brand-mark{color:#EEF8F1!important}