/* EMPRENDE · Interior phase 3 — Mi negocio + Herramientas
   Scoped only to explicit body phase classes. Home and approved Trabajo/Ingresos remain untouched. */

body.phase-business .legacy-content.interior-final,
body.phase-tools .legacy-content.interior-final{
  --p3-ink:#062743;
  --p3-muted:#4b687c;
  --p3-cyan:#15cddd;
  --p3-blue:#0065d8;
  --p3-navy:#002b45;
  --p3-soft:#f3fbfe;
  --p3-soft2:#eaf8fc;
  --p3-border:#d5e8f1;
  --p3-shadow:0 12px 30px rgba(0,43,69,.065);
  color:var(--p3-ink);
}

body.phase-business .legacy-content.interior-final main.container,
body.phase-tools .legacy-content.interior-final main.container{
  max-width:1180px;
  width:calc(100% - 56px);
  margin:22px auto 46px;
}

/* Orientation */
body.phase-business .legacy-content.interior-final main .breadcrumb,
body.phase-tools .legacy-content.interior-final main .breadcrumb{
  display:flex;align-items:center;flex-wrap:wrap;gap:7px;
  width:max-content;max-width:100%;min-height:36px;
  margin:0 0 15px;padding:7px 11px;
  border:1px solid var(--p3-border);border-radius:999px;
  background:#fff;color:var(--p3-muted);box-shadow:0 5px 18px rgba(0,43,69,.04)
}
body.phase-business .legacy-content.interior-final main .breadcrumb a,
body.phase-tools .legacy-content.interior-final main .breadcrumb a{color:var(--p3-blue);font-weight:700;text-decoration:none}

/* Hero — same family language, different accent purpose */
body.phase-business .legacy-content.interior-final main .hero.compact,
body.phase-tools .legacy-content.interior-final main .hero.compact{
  position:relative;overflow:hidden;isolation:isolate;
  margin-bottom:26px;padding:30px 34px 31px;
  border:1px solid var(--p3-border);border-radius:18px;box-shadow:var(--p3-shadow)
}
body.phase-business .legacy-content.interior-final main .hero.compact{
  background:radial-gradient(circle at 92% 12%,rgba(21,205,221,.22),transparent 24%),linear-gradient(135deg,#effbfe 0%,#fff 58%,#eaf8fc 100%)
}
body.phase-tools .legacy-content.interior-final main .hero.compact{
  background:radial-gradient(circle at 92% 12%,rgba(0,101,216,.13),transparent 24%),linear-gradient(135deg,#f3faff 0%,#fff 58%,#edf8fd 100%)
}
body.phase-business .legacy-content.interior-final main .hero.compact::before,
body.phase-tools .legacy-content.interior-final main .hero.compact::before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;z-index:-1;background:linear-gradient(180deg,var(--p3-cyan),var(--p3-blue))
}
body.phase-business .legacy-content.interior-final main .hero.compact h1,
body.phase-tools .legacy-content.interior-final main .hero.compact h1{
  max-width:780px;margin:4px 0 10px;font-size:clamp(32px,3vw,42px);line-height:1.06;letter-spacing:-1.2px
}
body.phase-business .legacy-content.interior-final main .hero.compact .lead,
body.phase-tools .legacy-content.interior-final main .hero.compact .lead{
  max-width:770px;color:var(--p3-muted);font-size:15px;line-height:1.62
}
body.phase-business .legacy-content.interior-final main .eyebrow,
body.phase-tools .legacy-content.interior-final main .eyebrow{color:var(--p3-blue);letter-spacing:1.2px}

/* Sections */
body.phase-business .legacy-content.interior-final main .section,
body.phase-tools .legacy-content.interior-final main .section{padding:26px 0}
body.phase-business .legacy-content.interior-final main .section>h2,
body.phase-tools .legacy-content.interior-final main .section>h2{font-size:24px;letter-spacing:-.5px;margin-bottom:14px}
body.phase-business .legacy-content.interior-final main .section>p,
body.phase-tools .legacy-content.interior-final main .section>p{max-width:850px;color:var(--p3-muted);line-height:1.65}

/* Business: turn the numbered list into a deliberate 3-step path. */
body.phase-business .legacy-content.interior-final main .steps{
  counter-reset:p3step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none
}
body.phase-business .legacy-content.interior-final main .steps li{
  counter-increment:p3step;position:relative;min-height:150px;padding:54px 20px 20px;
  border:1px solid var(--p3-border);border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(0,43,69,.045);
  color:var(--p3-muted);line-height:1.58
}
body.phase-business .legacy-content.interior-final main .steps li::before{
  content:counter(p3step);position:absolute;left:19px;top:17px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;
  background:linear-gradient(145deg,var(--p3-cyan),#42e1ea);color:var(--p3-navy);font-weight:900;font-size:13px
}
body.phase-business .legacy-content.interior-final main .steps li::after{
  content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--p3-cyan),var(--p3-blue))
}

/* Business route cards */
body.phase-business .legacy-content.interior-final main .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.phase-business .legacy-content.interior-final main .card.route{
  min-height:166px;padding:21px 20px 48px;border-radius:14px;border-color:var(--p3-border);box-shadow:0 8px 24px rgba(0,43,69,.045)
}
body.phase-business .legacy-content.interior-final main .card.route h3{font-size:18px;line-height:1.3}
body.phase-business .legacy-content.interior-final main .card.route p{color:var(--p3-muted);line-height:1.55}
body.phase-business .legacy-content.interior-final main .card.route .arrow{background:#e9faff;color:var(--p3-blue)}

/* Tools: forms become clear workspaces, results become the visual destination. */
body.phase-tools .legacy-content.interior-final main .section.split{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;align-items:start
}
body.phase-tools .legacy-content.interior-final main .panel{
  border:1px solid var(--p3-border);border-radius:16px;background:#fff;box-shadow:var(--p3-shadow);padding:24px
}
body.phase-tools .legacy-content.interior-final main form.panel{border-top:4px solid var(--p3-cyan)}
body.phase-tools .legacy-content.interior-final main .result-panel,
body.phase-tools .legacy-content.interior-final main #verifier-result{
  position:sticky;top:150px;border-top:4px solid var(--p3-blue);background:linear-gradient(180deg,#fff,#f6fbfe)
}
body.phase-tools .legacy-content.interior-final main .panel h2{font-size:21px;letter-spacing:-.35px}
body.phase-tools .legacy-content.interior-final main form.panel>p{color:var(--p3-muted);line-height:1.55}
body.phase-tools .legacy-content.interior-final main form.panel label:not(.inline-choices label){display:block;margin-top:13px;margin-bottom:5px;font-weight:800;color:var(--p3-ink)}
body.phase-tools .legacy-content.interior-final main form.panel :is(input[type="number"],select){
  width:100%;min-height:44px;border:1px solid #bfd7e4;border-radius:10px;background:#fbfdfe;color:var(--p3-ink);padding:9px 11px;font:inherit
}
body.phase-tools .legacy-content.interior-final main form.panel :is(input[type="number"],select):focus{
  outline:3px solid rgba(21,205,221,.22);outline-offset:1px;border-color:var(--p3-cyan)
}
body.phase-tools .legacy-content.interior-final main form.panel .button{margin-top:18px}
body.phase-tools .legacy-content.interior-final main form.panel .button.secondary{margin-left:7px}

/* Verifier choices */
body.phase-tools .legacy-content.interior-final main #verifier fieldset{
  margin:16px 0 0;padding:15px;border:1px solid var(--p3-border);border-radius:12px;background:#fbfdfe
}
body.phase-tools .legacy-content.interior-final main #verifier legend{padding:0 5px;font-weight:800;line-height:1.45;color:var(--p3-ink)}
body.phase-tools .legacy-content.interior-final main #verifier .inline-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
body.phase-tools .legacy-content.interior-final main #verifier .inline-choices label{
  display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--p3-border);border-radius:999px;background:#fff;cursor:pointer
}
body.phase-tools .legacy-content.interior-final main #verifier .inline-choices label:has(input:checked){border-color:var(--p3-cyan);background:#eafbfd;box-shadow:0 0 0 2px rgba(21,205,221,.12)}

/* Calculator result hierarchy */
body.phase-tools.pilot-calculator .legacy-content.interior-final main #calculation{display:grid;gap:8px;margin-top:14px}
body.phase-tools.pilot-calculator .legacy-content.interior-final main #calculation>*{border-radius:10px}

/* Diagnostic: two-column orientation with a focused interactive card. */
body.phase-tools .legacy-content.interior-final main .quiz-shell{
  display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:18px;align-items:start
}
body.phase-tools .legacy-content.interior-final main .quiz-intro{
  padding:24px;border-radius:16px;background:linear-gradient(145deg,var(--p3-navy),#073f61);color:#fff;box-shadow:0 14px 30px rgba(0,43,69,.14)
}
body.phase-tools .legacy-content.interior-final main .quiz-intro .eyebrow{color:var(--p3-cyan)}
body.phase-tools .legacy-content.interior-final main .quiz-intro h2{color:#fff;font-size:26px;line-height:1.1;letter-spacing:-.55px}
body.phase-tools .legacy-content.interior-final main .quiz-intro p{color:#d8e9f1;line-height:1.58}
body.phase-tools .legacy-content.interior-final main .quiz-shell>.panel{border-top:4px solid var(--p3-cyan)}
body.phase-tools .legacy-content.interior-final main progress{width:100%;height:9px;border:0;border-radius:999px;overflow:hidden;background:#e6f1f6}
body.phase-tools .legacy-content.interior-final main progress::-webkit-progress-bar{background:#e6f1f6}
body.phase-tools .legacy-content.interior-final main progress::-webkit-progress-value{background:linear-gradient(90deg,var(--p3-cyan),var(--p3-blue))}
body.phase-tools .legacy-content.interior-final main progress::-moz-progress-bar{background:linear-gradient(90deg,var(--p3-cyan),var(--p3-blue))}

/* Guidance alert */
body.phase-tools .legacy-content.interior-final main .alert.info{
  margin-top:18px;padding:16px 18px;border:1px solid #b9dbea;border-left:4px solid var(--p3-blue);border-radius:12px;background:#f1f9fd;color:var(--p3-ink)
}
body.phase-tools .legacy-content.interior-final main .alert.info p{color:var(--p3-muted)}

/* Closing stays compact and recognizable across the family. */
body.phase-business .legacy-content.interior-final main .closing,
body.phase-tools .legacy-content.interior-final main .closing{
  margin-top:28px;padding:22px 25px;border-radius:16px;background:linear-gradient(115deg,var(--p3-navy),#073f61);box-shadow:0 14px 30px rgba(0,43,69,.13)
}
body.phase-business .legacy-content.interior-final main .closing .button,
body.phase-tools .legacy-content.interior-final main .closing .button{background:var(--p3-cyan);border-color:var(--p3-cyan);color:var(--p3-navy)}

@media (max-width:1024px){
  body.phase-business .legacy-content.interior-final main.container,
  body.phase-tools .legacy-content.interior-final main.container{width:calc(100% - 36px)}
  body.phase-business .legacy-content.interior-final main .steps{grid-template-columns:1fr}
  body.phase-business .legacy-content.interior-final main .steps li{min-height:0}
  body.phase-business .legacy-content.interior-final main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.phase-tools .legacy-content.interior-final main .section.split{grid-template-columns:1fr 1fr}
  body.phase-tools .legacy-content.interior-final main .quiz-shell{grid-template-columns:.8fr 1.2fr}
}

@media (max-width:760px){
  body.phase-business .legacy-content.interior-final main.container,
  body.phase-tools .legacy-content.interior-final main.container{width:calc(100% - 24px);margin-top:14px}
  body.phase-business .legacy-content.interior-final main .breadcrumb,
  body.phase-tools .legacy-content.interior-final main .breadcrumb{width:100%;border-radius:12px;padding:8px 10px;margin-bottom:12px}
  body.phase-business .legacy-content.interior-final main .hero.compact,
  body.phase-tools .legacy-content.interior-final main .hero.compact{padding:21px 18px;border-radius:14px}
  body.phase-business .legacy-content.interior-final main .hero.compact h1,
  body.phase-tools .legacy-content.interior-final main .hero.compact h1{font-size:29px;letter-spacing:-.8px}
  body.phase-business .legacy-content.interior-final main .grid,
  body.phase-tools .legacy-content.interior-final main .section.split,
  body.phase-tools .legacy-content.interior-final main .quiz-shell{grid-template-columns:1fr}
  body.phase-tools .legacy-content.interior-final main .result-panel,
  body.phase-tools .legacy-content.interior-final main #verifier-result{position:static}
  body.phase-tools .legacy-content.interior-final main .panel{padding:19px 17px;border-radius:14px}
  body.phase-tools .legacy-content.interior-final main form.panel .button.secondary{margin-left:0;margin-top:8px}
  body.phase-tools .legacy-content.interior-final main #verifier .inline-choices{display:grid;grid-template-columns:1fr 1fr 1fr}
  body.phase-tools .legacy-content.interior-final main #verifier .inline-choices label{justify-content:center;padding:8px}
  body.phase-business .legacy-content.interior-final main .section,
  body.phase-tools .legacy-content.interior-final main .section{padding:21px 0}
}

@media (max-width:390px){
  body.phase-tools .legacy-content.interior-final main #verifier .inline-choices{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  body.phase-business .legacy-content.interior-final *,
  body.phase-tools .legacy-content.interior-final *{transition:none!important}
}