/* Paleta adjunta aprobada por Fede · 31/10/2026. Los tonos claros y oscuros auxiliares aseguran legibilidad. */
:root{--emerald:#284139;--wasabi:#808f73;--khaki:#f8d794;--earth:#b86830;--noir:#111419;--paper:#faf5e9;--ink:var(--noir);--green:var(--emerald);--muted:#515d50;--gold:#895022;--line:#c9cbb7;--surface:#fffaf0;--sage-light:#e8ecdf}
body{background:var(--paper);color:var(--ink)}header{background:var(--emerald);color:var(--khaki);border-color:var(--wasabi)}header .btn.light{color:var(--khaki);border-color:var(--wasabi)}.demo{color:var(--emerald);background:#f4e7c9}.hero h1{color:var(--emerald)}em{color:#596c4d}.eyebrow,.number,.step-title{color:var(--gold)}.btn{background:var(--emerald);border-color:var(--emerald);color:var(--paper)}.btn.light{color:var(--emerald);border-color:var(--wasabi);background:transparent}.btn:hover{filter:none;background:var(--noir);border-color:var(--noir);color:var(--khaki)}.btn.light:hover{background:var(--sage-light);color:var(--emerald);border-color:var(--emerald)}header .btn.light:hover{background:var(--khaki);color:var(--emerald)}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--earth);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--emerald);outline-offset:3px}.art{background:var(--wasabi)}.art-note{background:#f8d794f2;color:var(--emerald)}.art-note small{color:var(--emerald)}.photo-caption{background:#111419d9;color:var(--paper)}.clear-card,.card,.box,.document-item,.flow-grid details{background:var(--surface);border-color:var(--line)}.clear-card:hover,.card:hover{background:#f4e7c9;border-color:var(--earth);box-shadow:0 14px 30px #28413914}.card-index{background:var(--khaki);color:var(--emerald)}.card-content>b{color:var(--emerald)}.trust b{color:var(--earth)}.workspace{background:var(--sage-light)}.workspace-menu .tab{color:var(--emerald)}.workspace-menu .tab.active{background:var(--emerald);color:var(--khaki)}.workspace-menu .tab:hover:not(.active){background:#d8dfcc}.menu-group,.menu-note{color:var(--muted)}.workspace-menu .menu-note,.tool-intro,.technical-detail{border-color:var(--line)}input,select,textarea{background:#fffdf7;border-color:var(--wasabi);color:var(--noir)}.assist-bar,.assisted-entry,.form-result{background:#f3f0df;border-color:var(--wasabi)}.notice{background:#f7e7c7;border-left-color:var(--earth);color:var(--emerald)}.drop{background:#f4f5e9;border-color:var(--wasabi)}.drop.over{background:var(--khaki)}.pill,.status,.badge-legal,.stepper-nav span{background:#dce3d1;color:var(--emerald)}.stepper-nav span.current{background:var(--emerald);color:var(--khaki)}.progress{background:#cbd5be}.stage{border-color:var(--wasabi)}.result{background:var(--emerald);color:var(--khaki)}.result p,.result .note,.result .micro{color:var(--paper)}.result .btn{background:var(--khaki);color:var(--emerald);border-color:var(--khaki)}.result .btn:hover{background:var(--paper)}.simple-journey article{border-top-color:var(--earth)}.simple-journey article>span{color:var(--gold)}.clear-services button{border-top-color:var(--wasabi)}.clear-services button:hover{background:var(--sage-light)}.lawyer-entry{background:#f4e7c9;border-color:var(--wasabi)}.cta{background:var(--emerald);color:var(--khaki)}.cta .btn{background:var(--khaki);border-color:var(--khaki);color:var(--emerald)}.cta .btn:hover{background:var(--paper)}footer{background:var(--noir);color:var(--paper)}footer a,footer .textbtn{color:var(--khaki)}.toast{background:var(--noir);color:var(--khaki)}.motion-controls{background:var(--paper);border-color:var(--line)}.motion-controls span{color:var(--muted)}.subnav{background:var(--surface)}
@media(max-width:899px){.workspace-menu{background:#f4f5e9;border-color:var(--line)}}
@media print{header,footer{background:white;color:black}.result{background:white;color:black}.result p,.result .note,.result .micro{color:black}}

/* Corrección de legibilidad solicitada: texto oscuro, mayor cuerpo y serif con peso real. */
:root{--muted:#354238;--gold:#754019}
body{font-size:17px;line-height:1.7;font-weight:500}
p{color:var(--muted);line-height:1.75}
h1,h2,h3{font-weight:600;letter-spacing:normal}
em,.hero h1 em{font-weight:600;color:var(--emerald)}
.hero h1{line-height:1.12}.hero p{font-size:19px;max-width:620px}
.brand{font-size:30px;font-weight:600}.brand small{font-size:14px;letter-spacing:normal;line-height:1.4}
nav,nav .btn,.btn,.hero .actions .btn{font-size:16px;font-weight:700}
header{height:auto;min-height:94px;padding-top:16px;padding-bottom:16px}
header,header .btn.light{color:#fff5de}header .btn.light:hover{color:var(--emerald)}
.demo,.demo a{font-size:14px}.eyebrow,.step-title,.number{font-size:15px;font-weight:700}
.micro,.note,.source-links,.legal-list,.project-scope p,.reference-detail p,.technical-detail p,.motion-controls span{font-size:16px;line-height:1.7}
.hero .micro{font-size:16px}.trust{font-size:16px}.art-note span{font-size:26px;font-weight:600}.art-note small,.photo-caption{font-size:14px;font-weight:600}.photo-caption{background:var(--noir)}
.card-content>strong{font-size:22px}.card-content>span,.card-content>b,.card-index,.clear-services button span{font-size:16px}.clear-card{min-height:235px}.clear-services strong{font-size:18px}
.cost-short p,.section-head p,.assist-bar p,.consultation-export p,.tool-intro p,.form-result p{font-size:17px}
.workspace-menu .tab,.other-tools summary{font-size:16px;font-weight:600}.workspace-menu .menu-note,.menu-group{font-size:14px;line-height:1.7}
label,.check,.check label{font-size:16px}.check small{font-size:15px}input,select,textarea{font-size:17px;font-weight:500;line-height:1.5;min-height:50px}
input::placeholder,textarea::placeholder{color:#59624f;opacity:1}.stepper-nav span{font-size:15px;font-weight:600}
.notice,.technical-detail summary,.row,table,th,.textbtn,.download-link{font-size:16px}.pill,.status,.badge-legal{font-size:14px;font-weight:600}
.result p,.result .micro,.result .note{font-size:16px;color:#fffaf0}.result .row{font-size:17px}.stage{font-size:15px}.total{font-weight:600}
.simple-journey p,.flow-grid details p,details p,.faq details p{font-size:17px}.flow-grid summary,details summary{font-size:18px;font-weight:600}
.simple-journey article>span{font-weight:600}.cta h2{color:#fff5de}footer,footer .textbtn,#reset{font-size:15px}.motion-controls .btn{font-size:15px}
@media(max-width:760px){.brand{font-size:26px}.brand small{font-size:12px}header{gap:12px;padding-left:5vw;padding-right:5vw}nav .btn{font-size:14px;padding:10px}.hero h1{font-size:clamp(38px,10vw,54px)}.hero p{font-size:18px}.hero .micro{font-size:16px}.trust{font-size:15px}.clear-card{min-height:200px}.fieldgrid{grid-template-columns:1fr}.stepper-nav{flex-wrap:wrap}.stepper-nav span{flex:1 1 130px;font-size:14px}.workspace-menu .tab{font-size:16px}.art-note{left:14px;right:14px;padding:16px}.art-note span{font-size:24px}.art-note small{font-size:14px}.demo{font-size:13px;flex-wrap:wrap;gap:6px}.demo a{font-size:13px}}

/* Cierre verde: la cursiva debe contrastar sobre el fondo oscuro. */
.cta h2,.cta h2 em{color:#fff5de;font-weight:600}.cta p,.cta .micro{color:#fff5de}.cta .btn,.cta .btn span{color:#284139}.cta .btn{background:#f8d794;border-color:#f8d794}
.cta .eyebrow{color:#f8d794}