/* IDAORA · estilos de las páginas internas (se suman a styles.css). Generado junto con scripts/generar-sitio.mjs. */

.skip{position:absolute;left:-999px;top:8px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--g);color:#0B1F3A;font-weight:600}
.skip:focus{left:12px}
.nav__links a[aria-current]:not(.btn){color:#fff}
.nav__links a[aria-current]:not(.btn)::after{width:100%}

/* ---------- Encabezado de página ---------- */
.phead{padding:124px 0 44px;position:relative}
.phead h1{font-size:clamp(28px,4.4vw,46px);max-width:24ch}
.phead .lead{max-width:62ch}
.phead .cta{margin-top:28px}
.crumbs{margin-bottom:22px;font-size:14px;color:var(--mut)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px 0}
.crumbs li+li::before{content:"/";margin:0 10px;color:rgba(255,255,255,.25)}
.crumbs a{color:var(--mut);transition:color .2s}
.crumbs a:hover{color:#fff}
.crumbs [aria-current]{color:#dbe6ee}
.meta-up{margin-top:16px;font-size:13.5px;color:#7b8c9b}

/* Respuesta directa (primero lo que la persona o la IA necesita citar) */
.answer{margin-top:26px;padding:20px 24px;border-radius:16px;border:1px solid rgba(242,177,52,.28);background:linear-gradient(135deg,rgba(242,177,52,.07),rgba(26,58,102,.18));max-width:840px}
.answer .lab{display:block;font:600 12px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin-bottom:10px}
.answer p{color:#e3ecf2;font-size:17.5px}
.answer p+p{margin-top:10px}

/* Navegación entre servicios */
.subnav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.subnav a{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:14px;color:var(--mut);transition:border-color .2s,color .2s}
.subnav a:hover{border-color:var(--c);color:#fff}
.subnav a[aria-current]{border-color:rgba(242,177,52,.5);color:var(--g);background:rgba(242,177,52,.08)}

.sec--t{padding:68px 0}
.sec--alt{background:linear-gradient(180deg,rgba(8,22,42,.0),rgba(8,22,42,.6),rgba(8,22,42,.0))}
.sec__head h2+.sub{margin-top:14px}
.prose{max-width:70ch}
.prose p{margin-top:16px;color:#c3cfda}
.prose p:first-child{margin-top:0}
.prose strong{color:#fff}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.pill .num{display:inline-block;margin-bottom:6px;font:800 14px/1 var(--f-d);letter-spacing:.1em;color:var(--c)}
.pill h3:first-child,.card h3:first-child{margin-top:0}
.pill .ticks{margin-top:12px}
.pill a.link{margin-top:16px}

/* Escalera de valor */
.rungs{display:grid;gap:18px;counter-reset:rung}
.rung{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:28px 30px;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:border-color .3s,background .3s}
.rung::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(242,177,52,.13),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.rung:hover{border-color:rgba(242,177,52,.4);background:rgba(255,255,255,.055)}
.rung:hover::before{opacity:1}
.rung__n{font:800 clamp(34px,4.4vw,52px)/1 var(--f-d);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;min-width:2ch}
.rung h3{font:700 clamp(19px,2.2vw,24px)/1.25 var(--f-d);margin:10px 0 8px}
.rung h3 a:hover{color:var(--c)}
.rung p{color:var(--mut);max-width:64ch;font-size:16px}
.rung .btn{white-space:nowrap}

/* Tabla de decisión */
.tbl{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card)}
.tbl__row{display:grid;grid-template-columns:1.25fr 1fr;align-items:center}
.tbl__row+.tbl__row{border-top:1px solid var(--line)}
.tbl__row>*{padding:18px 22px}
.tbl__row p{color:#c3cfda;font-size:16px}
.tbl__row a{font-weight:600;color:var(--c)}
.tbl__row a:hover{text-decoration:underline}
.tbl__row--h{background:rgba(255,255,255,.04);font:600 12.5px/1 var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}

/* Dos metas (inicio) */
.goal{padding:28px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.goal b{display:block;font:700 22px/1.2 var(--f-d);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.goal p{margin-top:10px;color:#c3cfda}

/* Fases resumidas (inicio) */
.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:ph}
.phase{position:relative;padding:24px 22px;border-radius:18px;border:1px solid var(--line);background:var(--card)}
.phase em{display:block;font:600 12px/1 var(--f-d);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--g);margin-bottom:12px}
.phase h3{font-size:18px;margin-bottom:8px}
.phase p{font-size:15px;color:var(--mut)}

/* Lista de entregables */
.deliv{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin-top:6px}
.deliv li{position:relative;padding:14px 16px 14px 46px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:#d5dfe7;font-size:15.5px}
.deliv li::before{content:"";position:absolute;left:18px;top:19px;width:12px;height:7px;border-left:2px solid var(--g);border-bottom:2px solid var(--g);transform:rotate(-45deg)}
.deliv b{color:#fff}

/* Banda de llamado intermedio */
.band{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px 32px;border-radius:22px;border:1px solid rgba(242,177,52,.3);background:linear-gradient(135deg,rgba(242,177,52,.08),rgba(26,58,102,.22))}
.band h2{font-size:clamp(20px,2.6vw,28px)}
.band p{color:#c3cfda;margin-top:8px;max-width:60ch}

/* Casos: maquetas nuevas */
.mk-pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;min-height:200px;align-items:start}
.pc{display:grid;gap:7px}
.pc b{height:8px;border-radius:4px;background:rgba(255,255,255,.2)}
.pc i{height:26px;border-radius:7px;background:rgba(255,255,255,.08);border:1px solid var(--line)}
.pc i.on{border-color:var(--c);background:rgba(242,177,52,.12)}
.pc i.win{border-color:var(--g);background:rgba(242,177,52,.18);box-shadow:0 0 12px rgba(242,177,52,.4)}
.mk-quiz{display:grid;gap:9px;align-content:start}
.qz-q{height:62px;border-radius:14px;background:linear-gradient(135deg,rgba(26,58,102,.7),rgba(242,177,52,.2));margin-bottom:6px}
.qz-a{height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.qz-a.ok{border-color:var(--g);background:rgba(242,177,52,.14);box-shadow:0 0 14px -4px rgba(242,177,52,.6)}
.case-b{display:grid;gap:10px;margin-top:16px}
.case-b p{font-size:15.5px;color:#c3cfda}
.case-b b{color:#fff}
.mk-web{display:grid;gap:8px;padding:14px;min-height:200px;align-content:start}
.mk-web .hb{height:58px;border-radius:9px;background:linear-gradient(135deg,rgba(26,58,102,.7),rgba(242,177,52,.25))}
.mk-web span{height:8px;border-radius:4px;background:rgba(255,255,255,.14)}
.mk-web span:nth-child(3){width:70%}.mk-web span:nth-child(4){width:46%}

/* Soberanía dentro de Método */
.sec--sob .sob{margin-bottom:56px}

/* Página 404 */
.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:140px 0 80px}
.nf b{display:block;font:800 clamp(64px,14vw,130px)/1 var(--f-d);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

.foot__col .foot__small{font-size:13.5px;color:#7b8c9b;margin-top:8px}

@media (max-width:1060px){
  .phases{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .phead{padding:100px 0 30px}
  .cols2,.deliv,.grid--2{grid-template-columns:1fr}
  .rung{grid-template-columns:auto 1fr;gap:16px 18px;padding:22px 20px}
  .rung .btn{grid-column:1/-1;width:100%}
  .tbl__row{grid-template-columns:1fr}
  .tbl__row>*{padding:14px 18px}
  .tbl__row>p{padding-bottom:4px}
  .tbl__row--h{display:none}
  .band{flex-direction:column;align-items:stretch;padding:24px 20px}
  .band .btn{width:100%}
  .sec--t{padding:52px 0}
}
@media (max-width:600px){
  .phases{grid-template-columns:1fr}
  .answer{padding:18px 18px}
  .answer p{font-size:16.5px}
}

/* ---------- IDAORA: pasos del camino, valores y lema ---------- */
.paso{display:inline-block;font:600 12.5px/1 var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:var(--g);margin-bottom:12px}
.lema{font:500 20px/1.3 var(--f-d);color:var(--ink)}
.lema::before{content:"";display:inline-block;width:10px;height:10px;margin-right:12px;border-radius:50%;background:var(--g);vertical-align:baseline}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.mv .pill p+p{margin-top:10px}
.valores{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px}
.valores li{padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.valores b{display:block;font:600 16px/1.2 var(--f-d);color:var(--g);margin-bottom:8px}
.valores span{font-size:14.5px;color:var(--mut);line-height:1.5}
.ida{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.ida li{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.ida b{display:block;font:700 26px/1 var(--f-d);color:var(--g);margin-bottom:6px}
.ida span{font-size:15px;color:var(--mut)}
@media (max-width:900px){.valores{grid-template-columns:1fr 1fr}.mv{grid-template-columns:1fr}}
@media (max-width:600px){.valores,.ida{grid-template-columns:1fr}}