/* RC8.1H · UX + PRICING + RELATIONSHIPS */
.cfg-option.selected{cursor:pointer}.cfg-option.selected:after{content:"✓";float:right;font-weight:900}.cfg-option.selected:hover{outline:2px solid rgba(51,170,25,.22)}
.rc81h-choice-note{font-size:11px;color:#667386;margin-top:6px}.rc81h-free{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.rc81h-free .cfg-input{min-width:0}.rc81h-mini{padding:10px 13px;border-radius:12px;border:1px solid #cfd9e6;background:white;font-weight:800;cursor:pointer}
.rc81h-rel{margin-top:14px;padding:14px;border:1px solid #d8e2ec;border-radius:14px;background:#f8fbfd}.rc81h-rel b{display:block;margin-bottom:4px}.rc81h-rel p{margin:0 0 10px;color:#667386;font-size:12px}.rc81h-rel-buttons{display:flex;flex-wrap:wrap;gap:7px}.rc81h-rel-buttons button{border:1px solid #d8e2ec;background:#fff;border-radius:999px;padding:8px 10px;font-weight:800;cursor:pointer;font-size:11px}.rc81h-rel-buttons button:hover{border-color:#33aa19}
.rc81h-route{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rc81h-route .cfg-option{min-height:58px;text-align:left}.rc81h-route .cfg-option span{display:block;color:#667386;font-size:10px;margin-top:3px;font-weight:600}.rc81h-route .cfg-option.selected{border-color:#33aa19;background:#eef9e9}
.rc81h-price-rule{margin:10px 0;padding:11px 12px;border-radius:12px;background:#eef7ff;border:1px solid #d0e4f5;font-size:11px;line-height:1.4}.rc81h-price-rule b{display:block;margin-bottom:3px}
.rc81h-partial-tag{font-weight:900;color:#8a5710}.rc81h-side-state.partial{color:#8a5710}.rc81h-side-state.reference{color:#46627f}
@media(max-width:700px){.rc81h-route{grid-template-columns:1fr}.rc81h-free{grid-template-columns:1fr}.rc81h-free .rc81h-mini{width:100%}}


/* NEMI · BRAND VISUAL REFRESH · 2026-08-28
   Visual-only layer. No pricing, selection, Graph, Scheduler or proposal logic changed. */
:root{
  --brand-cyan:#00AEEF;
  --brand-magenta:#E6007E;
  --brand-yellow:#FFD100;
  --brand-black:#0A0A0A;
  --brand-white:#FFFFFF;
  --brand-ink:#111111;
  --brand-paper:#FFFFFF;
  --brand-soft:#F5F5F3;
  --brand-line:#E7E7E4;
  --surface:#F4F4F1;
  --ink:#111111;
  --muted:#686868;
  --line:#E5E5E1;
  --navy:#0A0A0A;
  --navy2:#151515;
  --blue:#00AEEF;
  --violet:#E6007E;
  --lime:#FFD100;
  --shadow:0 18px 52px rgba(0,0,0,.08);
}
body{background:var(--surface);color:var(--brand-ink)}
.trustbar{height:30px;background:var(--brand-black);color:#fff;gap:0;justify-content:center;overflow:hidden;border-bottom:1px solid #202020}
.trustbar span{padding:0 26px;position:relative;font-weight:750;letter-spacing:.015em}
.trustbar span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:var(--brand-cyan)}
.trustbar span:nth-child(2):before{background:var(--brand-magenta)}
.trustbar span:nth-child(3):before{background:var(--brand-yellow)}
.trustbar span:nth-child(4):before{background:#fff}
.top{height:78px;background:rgba(10,10,10,.97);border-bottom:1px solid #272727;padding:0 36px;box-shadow:0 8px 30px rgba(0,0,0,.14);backdrop-filter:blur(14px)}
.brand{gap:12px;color:#fff}.brandword{width:56px;height:56px;display:block;overflow:hidden;border-radius:7px;background:#000;box-shadow:0 0 0 1px #2b2b2b}
.brandword img{width:100%;height:100%;object-fit:cover;display:block}.brandcopy b{font-size:12px;color:#fff;letter-spacing:-.02em}.brandcopy span{font-size:9px;color:#cfcfcf}
.badge-test{font-size:0!important;background:#171717!important;color:#fff!important;border:1px solid #343434;padding:5px 8px}
.badge-test:after{content:"REFRESH VISUAL";font-size:8px;letter-spacing:.08em;color:var(--brand-yellow)}
.top nav{gap:28px;color:#e6e6e6;font-weight:780}.top nav a{position:relative;color:#e8e8e8}.top nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:3px;background:var(--brand-magenta);transition:.2s}.top nav a:hover{color:#fff}.top nav a:hover:after{right:0}
.top .ghost{background:#151515;color:#fff;border:1px solid #3a3a3a}.top .ghost:hover{border-color:var(--brand-cyan)}
.top .primary{background:var(--brand-magenta);color:#fff;border:1px solid var(--brand-magenta);box-shadow:0 8px 22px rgba(230,0,126,.22)}
.top .primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.shell{max-width:1580px;padding:0 32px 38px}.stepper{margin:14px 0 12px;gap:8px}.step{background:#fff;border-color:var(--brand-line);color:#777}.step b{background:#ededeb;color:#555}.step.active{border-color:#161616;box-shadow:inset 0 -3px 0 var(--brand-cyan)}.step.active b{background:var(--brand-black);color:#fff}
.hero{position:relative;margin:0 -32px;padding:0 32px;border:0;border-radius:0;background:var(--brand-black);color:#fff;overflow:hidden;box-shadow:none}
.hero:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--brand-cyan) 0 33.333%,var(--brand-magenta) 33.333% 66.666%,var(--brand-yellow) 66.666%)}
.hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:38px;right:35%;top:48px;background:linear-gradient(135deg,rgba(0,174,239,.13),rgba(230,0,126,.07) 54%,rgba(255,209,0,.08));transform:rotate(18deg);pointer-events:none;filter:blur(.2px)}
.hero-grid{position:relative;z-index:1;min-height:490px;grid-template-columns:1.05fr .95fr}.hero-copy{padding:58px 30px 38px}.hero .eyebrow{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--brand-yellow);font-weight:900}.hero h1{font-size:clamp(50px,5.7vw,82px);line-height:.88;color:#fff;text-transform:none;letter-spacing:-.065em;max-width:720px;margin:13px 0 18px}.hero h1:after{content:"";display:block;width:112px;height:8px;margin-top:19px;background:linear-gradient(90deg,var(--brand-cyan) 0 34%,var(--brand-magenta) 34% 67%,var(--brand-yellow) 67%);border-radius:999px}.hero p{font-size:16px;line-height:1.6;color:#c9c9c9;max-width:630px}.hero-checks{color:#e9e9e9;gap:18px}.hero-checks span{display:flex;align-items:center;gap:6px}.hero-checks span:nth-child(1){color:#dff7ff}.hero-checks span:nth-child(2){color:#ffe2f1}.hero-checks span:nth-child(3){color:#fff6b8}
.starts{gap:10px;margin-top:22px}.start{min-height:122px;background:#131313;border:1px solid #2f2f2f;border-radius:10px;color:#fff;box-shadow:none;padding:15px 15px 48px;overflow:hidden}.start:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--brand-cyan)}.start:nth-child(2):before{background:var(--brand-magenta)}.start:nth-child(3):before{background:var(--brand-yellow)}.start b{color:#fff;font-size:14px}.start span{color:#aaa}.start:hover,.start.active{transform:translateY(-2px);border-color:#555;background:#191919;box-shadow:0 16px 35px rgba(0,0,0,.22)}.start:after{content:'Comenzar  →';background:#202020!important;color:#fff!important;border:1px solid #333;left:15px;right:15px}.start:nth-child(1):after{box-shadow:inset 0 -2px 0 var(--brand-cyan)}.start:nth-child(2):after{box-shadow:inset 0 -2px 0 var(--brand-magenta)}.start:nth-child(3):after{box-shadow:inset 0 -2px 0 var(--brand-yellow)}
.route-chip{background:#171717;border-color:#343434;color:#fff}.route-chip:hover{border-color:var(--brand-cyan)}
.composer{background:#fff;border:2px solid #fff;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.composer textarea{color:#111}.composer textarea::placeholder{color:#8a8a8a}.composer button,.composer .primary{background:var(--brand-magenta)!important;border-radius:8px}.hint{color:#969696}
.hero-mosaic{min-height:490px;background:#050505;gap:7px;padding:7px}.hero-tile{border-radius:5px;background:#151515}.hero-tile:after{background:linear-gradient(0deg,rgba(5,5,5,.92),rgba(5,5,5,.05) 62%)}.hero-tile:first-child{box-shadow:inset 0 5px 0 var(--brand-cyan)}.hero-tile:nth-child(2){box-shadow:inset 0 5px 0 var(--brand-magenta)}.hero-tile:nth-child(3){box-shadow:inset 0 5px 0 var(--brand-yellow)}.hero-tile small{color:var(--brand-yellow);letter-spacing:.14em}.hero-tile:nth-child(1) small{color:var(--brand-cyan)}.hero-tile:nth-child(2) small{color:#ff55ad}.hero-tile b{font-size:15px}
.popular{border:0;border-radius:0;margin:20px 0 0;padding:24px;background:#fff;box-shadow:0 14px 42px rgba(0,0,0,.06);position:relative}.popular:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand-cyan) 0 33.333%,var(--brand-magenta) 33.333% 66.666%,var(--brand-yellow) 66.666%)}.popular-head span{color:#777}.popular-head h2{font-size:26px;letter-spacing:-.035em}.popular-card{border-radius:9px;border-color:#ecece8;box-shadow:none}.popular-card:hover{transform:translateY(-4px);border-color:#111;box-shadow:0 14px 28px rgba(0,0,0,.1)}.popular-card div{border-top:3px solid var(--brand-cyan)}.popular-card:nth-child(3n+2) div{border-top-color:var(--brand-magenta)}.popular-card:nth-child(3n) div{border-top-color:var(--brand-yellow)}.popular-card b{color:#111;font-size:11px}.popular-card span{color:#777}
.journey-panel{border-radius:10px;border-color:#ecece8;box-shadow:0 14px 42px rgba(0,0,0,.05)}.journey-tab.active{background:var(--brand-black)}.journey-stage.active{border-color:var(--brand-magenta);box-shadow:inset 0 0 0 1px var(--brand-magenta)}.process-wrap{background:var(--brand-black)}.process-step i{background:var(--brand-yellow)}
.visual-discovery{background:#0b0b0b;border-radius:10px;border-top:5px solid var(--brand-magenta)}.visual-discovery .eyebrow{color:var(--brand-cyan)}.visual-card{border-radius:8px}.visual-card small{color:var(--brand-yellow)}
/* Work / configurator visual refresh */
.work-mode .workspace-toolbar{border-radius:10px;border:0;border-top:4px solid var(--brand-cyan);box-shadow:0 10px 30px rgba(0,0,0,.05)}.workspace-toolbar h1{letter-spacing:-.035em}.decision-card{border-radius:10px!important;border-color:#e6e6e2!important}.decision-kicker{background:var(--brand-black);border-left:5px solid var(--brand-magenta);text-transform:uppercase;letter-spacing:.08em}.focus-identity{border-radius:10px;border-color:#e6e6e2;box-shadow:0 12px 34px rgba(0,0,0,.06)}.focus-visual{background:#f0f0ed}.focus-copy h2{letter-spacing:-.04em}.focus-status{background:#fff6bf!important;color:#4b4100!important}.focus-price strong{color:#111!important}.spec-chip{border-radius:7px;background:#f7f7f4}.spec-chip:nth-child(4n+1){border-top:3px solid var(--brand-cyan)}.spec-chip:nth-child(4n+2){border-top:3px solid var(--brand-magenta)}.spec-chip:nth-child(4n+3){border-top:3px solid var(--brand-yellow)}.spec-chip:nth-child(4n){border-top:3px solid #111}.side{border-radius:10px;border-color:#e5e5e1;box-shadow:0 18px 48px rgba(0,0,0,.08)}.side h2{letter-spacing:-.035em}.total{background:#fff!important;color:#111!important;border:2px solid #111!important;border-left:8px solid var(--brand-yellow)!important}.total b,.rc81-price-known{color:#111!important}.quote-actions .primary{background:var(--brand-magenta)!important}.quote-actions .ghost{border-color:#111;color:#111}.log-item.active-item{background:#f7f7f3;box-shadow:inset 4px 0 0 var(--brand-cyan)}
.cfg-label{color:#111}.cfg-input{border-radius:7px}.cfg-input:focus{outline:0;border-color:var(--brand-cyan);box-shadow:0 0 0 3px rgba(0,174,239,.12)}.cfg-option{border-radius:7px;transition:.14s}.cfg-option:hover{border-color:var(--brand-cyan);background:#f7fcff}.cfg-option.selected{border-color:var(--brand-cyan)!important;background:#eaf9ff!important;color:#07151a!important;box-shadow:inset 0 0 0 1px var(--brand-cyan)!important}.cfg-option.selected:after{background:var(--brand-magenta)!important}.cfg-submit,.cfg-save{background:var(--brand-magenta)!important;color:#fff}.cfg-secondary{border-color:#111;color:#111}.cfg-live{background:#fff9d9;border-color:#efd96c;color:#584b00}.cfg-live.pending{background:#fff1f7;border-color:#f0b0d2;color:#7c174d}.cfg-helper{background:#eefbff;border-color:#bfeaf8;color:#245466}.process-guide{background:#fff8d6;border-color:#eedc77;color:#5a4c00}.process-guide b{color:#111}
.response{border-radius:10px}.decision-mode .response-grid{border-radius:10px}.decision-mode .question{letter-spacing:-.04em}.answer-options button:hover,.decision-mode .answer-options button:hover{border-color:var(--brand-magenta)}
.review-total{background:var(--brand-black);border-left:7px solid var(--brand-yellow)}
.primary{background:var(--brand-magenta);color:#fff}.softbtn{background:#f0f0ed}.ghost{border-color:#d6d6d2}.danger{background:#fff1f6;color:#a60059}
button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}button:active{transform:translateY(1px)}
@media(max-width:900px){
  .top{padding:0 14px;height:70px}.brandword{width:48px;height:48px}.brandcopy b{font-size:11px}.brandcopy span{font-size:8px}.hero{margin:0 -14px;padding:0 14px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:38px 12px 26px}.hero h1{font-size:48px}.hero-mosaic{min-height:250px}.popular{padding:18px}.trustbar span{padding:0 12px}
}
@media(max-width:720px){
  .top{height:64px}.brandword{width:44px;height:44px}.brandcopy{display:flex!important}.badge-test{display:none}.top .right .primary{padding:9px 11px;font-size:10px}.hero h1{font-size:43px}.hero:after{display:none}.hero-copy{padding:30px 8px 20px}.hero p{font-size:14px}.hero-mosaic{min-height:230px;padding:4px;gap:4px}.popular-grid{grid-template-columns:repeat(2,1fr)}.side{border-radius:8px}.decision-card,.focus-identity,.workspace-toolbar{border-radius:8px!important}
}