/* Estilo de las propuestas de la agencia: titulares muy negros con una palabra en cursiva salmón,
   rótulos en mono, líneas finas en vez de cajas y portadas en azul noche. */
:root{--navy:#001F78;--noche:#030A2C;--tinta:#0A1442;--papel:#F2EBDA;--salmon:#FF7F7A;--salmon2:#E85F5A;--fondo:#FFFFFF;--texto:#0A1442;--suave:#5F6B8F;--linea:rgba(10,20,66,.14);--superficie:#F6F2E8;--mini:#F2EBDA;--error:#C2362F;--mono:"JetBrains Mono",ui-monospace,monospace;--serif:"Source Serif 4",Georgia,serif}
@media (prefers-color-scheme:dark){:root{--fondo:#030A2C;--texto:#F2F4FF;--suave:#A3ACCB;--linea:rgba(255,255,255,.14);--superficie:#0B1544;--mini:#0F1B52;--salmon2:#FF7F7A;--error:#FFB3AF}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.55;background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--salmon);outline-offset:3px}
em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--salmon2)}

/* Barra superior en azul noche */
.barra{position:sticky;top:0;z-index:20;background:rgba(3,10,44,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
.ancho{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,64px);height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}
/* Marca Gala: el logo de El Ciclo y cada letra en el color de un paso (Michroma) */
.marca{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#fff}
.marca-ico{width:28px;height:28px;flex:none}
.gala{font-family:Michroma,"Inter",sans-serif;font-size:19px;letter-spacing:.22em;line-height:1}
.gala b{font-weight:400}
.gala .b1{color:#5B7CF0}.gala .b2{color:#FF7F7A}.gala .b3{color:#00B8AA}.gala .b4{color:#E8AE2E}
.quien{display:flex;align-items:center;gap:20px;min-width:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.quien span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quien form{margin:0}
.quien button{font:inherit;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.35);padding:6px 12px;cursor:pointer;transition:border-color .2s,color .2s}
.quien button:hover{border-color:var(--salmon);color:var(--salmon)}

main{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,64px) clamp(96px,12vw,160px)}
h1{font-weight:900;font-size:clamp(44px,7vw,104px);line-height:.94;letter-spacing:-.045em;margin:clamp(40px,6vw,72px) 0 16px;max-width:15ch;overflow-wrap:anywhere}
h1::first-letter{text-transform:uppercase}
.intro{font-size:clamp(18px,1.9vw,22px);line-height:1.45;color:var(--suave);max-width:46ch;margin:0}
/* ==== Migas ==== Migas de pan bajo la barra, en todas las pantallas con sesión (src/migas.js y /_portal/migas.js).
   Rótulo en mono como las cabeceras de sección; el separador, en salmón; la página actual, en tinta. En el móvil no se
   parten: se ve el final y lo de la izquierda se recorta con un degradado (se puede deslizar). */
.mg{position:relative;border-bottom:1px solid var(--linea);background:var(--fondo)}
.mg-in{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.mg ol{list-style:none;margin:0 -4px;padding:13px 4px;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-family:var(--mono);font-size:11.5px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.mg ol::-webkit-scrollbar{display:none}
.mg li{display:flex;align-items:center;flex:none}
.mg li + li::before{content:"\203A";margin:0 11px;color:var(--salmon2);font-size:15px;line-height:1;letter-spacing:0}
.mg a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.mg a:hover{color:var(--salmon2);border-bottom-color:currentColor}
.mg a:focus-visible{outline-offset:2px}
.mg [aria-current="page"]{color:var(--texto);font-weight:600}
.mg.mg-corta ol{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px);mask-image:linear-gradient(90deg,transparent,#000 40px)}
.evo-pagina .mg-in{max-width:none;padding:0 clamp(20px,3.4vw,56px)}
/* ==== fin de Migas ==== */
/* ==== Rueda-navegación ==== La rueda de El Ciclo como navegación en cada sección (variante A · Pétalos; src/ciclo-nav.js y
   /_portal/ciclo-nav.js; maqueta en docs/maqueta-ciclo-nav/). El tramo de la fase arriba y adelantado, sus secciones en un
   arco por fuera, la carpeta en el centro. En el móvil, un botón redondo que abre la rueda en una hoja. */
.cn{position:relative;align-self:center;width:min(300px,100%);margin:0 auto;color:var(--texto);--cf:#00B8AA}
.lado-ciclo .cn{width:clamp(220px,22vw,300px);margin:0}
.cn-svg{display:block;width:100%;height:auto;overflow:visible}
.cn a{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.cn circle[pathLength],.cn .cn-n,.cn .cn-esc,.cn .cn-pulso,.cn .cn-halo{transform-box:fill-box;transform-origin:center}
.cn-halo{animation:ciclo-halo 40s linear infinite}
.cn-anillo{fill:none;stroke:currentColor;stroke-opacity:.22;stroke-width:2;stroke-dasharray:14 12}
.cn-toque{fill:none;stroke:transparent;stroke-width:72;pointer-events:stroke}
.cn-arco{fill:none;stroke:var(--c);stroke-width:50;opacity:.28;pointer-events:none;transition:opacity .3s,stroke-width .3s}
.cn-foco{fill:none;stroke:var(--texto);stroke-width:78;opacity:0;pointer-events:none;transition:opacity .15s}
.cn-tramo.on .cn-arco{opacity:1;stroke-width:62}
.cn-tramo:hover .cn-arco,.cn-tramo:focus-visible .cn-arco{opacity:.75}
.cn-tramo.on:hover .cn-arco,.cn-tramo.on:focus-visible .cn-arco{opacity:1;stroke-width:68}
.cn a:focus-visible .cn-foco{opacity:.9}
.cn-esc{transition:transform .45s cubic-bezier(.5,0,.2,1)}
.cn-tramo.on .cn-esc{transform:scale(1.07);animation:cn-adelanta .5s ease-out .15s backwards}
.cn-gl{stroke:#fff;stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.6;pointer-events:none}
.cn-gl .f{fill:#fff;stroke:none}
.cn-gl.osc{stroke:#06123A}.cn-gl.osc .f{fill:#06123A}
.cn-tramo.on .cn-gl,.cn-tramo:hover .cn-gl{opacity:1}
.cn-cen{fill:rgba(255,255,255,.9);stroke:var(--linea);stroke-width:2;transition:fill .2s,stroke .2s}
.cn-centro:hover .cn-cen{fill:#fff;stroke:var(--cf);stroke-width:4}
.cn-centro .cn-foco,.cn-n .cn-foco{stroke-width:3;stroke-dasharray:7 5}
.cn-t1{font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:30px;letter-spacing:-.03em;fill:#0A1442}
.cn-t2{font-family:var(--mono);font-size:15px;letter-spacing:.14em;text-transform:uppercase;fill:#5F6B8F}
.cn-centro:hover .cn-t2{fill:#E85F5A}
.cn-n{transform:translate(var(--x),var(--y)) scale(var(--s,1));transition:transform .45s cubic-bezier(.5,0,.2,1),opacity .3s;animation:cn-brota .6s cubic-bezier(.3,1.35,.5,1) var(--d,0ms) backwards}
.cn-nodo.on .cn-n{--s:1.2}
.cn-disco{fill:#fff;stroke:var(--cf);stroke-width:2.5;stroke-opacity:.45;transition:stroke-width .2s,stroke-opacity .2s}
.cn-nodo:hover .cn-disco,.cn-nodo:focus-visible .cn-disco{stroke-opacity:1;stroke-width:4}
.cn-nodo.on .cn-disco{stroke-opacity:1;stroke-width:6}
.cn-pulso{fill:var(--cf);opacity:0}
.cn-nodo.on .cn-pulso{animation:cn-pulso 2.6s ease-out 1.2s infinite}
.cn-guia{fill:none;stroke:var(--cf);stroke-width:2;opacity:.25;animation:cn-aparece .5s .3s backwards}
.cn-lin{stroke:var(--cf);stroke-width:2;stroke-dasharray:3 6;opacity:.45;animation:cn-aparece .4s calc(var(--d,0ms) + 200ms) backwards}
.cn-lin.on{opacity:1;stroke-dasharray:none;stroke-width:3.5}
.cn-sat{transition:opacity .3s}
.cn-et{display:none;font-family:var(--mono);font-size:17px;letter-spacing:.06em;text-transform:uppercase;fill:#5F6B8F}
.cn-nodo.on .cn-et{fill:#0A1442;font-weight:700}
.cn-info{margin:4px 0 0;min-height:2.8em;text-align:center;font-family:var(--mono);font-size:11.5px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.cn-info b{color:var(--texto)}
.cn-info span{color:var(--salmon2)}
.cn-lista{display:none}
/* Volver a la fase: los pétalos se recogen en su tramo. Al reabrir la hoja (cn-otra), vuelven a brotar. */
.cn.cerrando .cn-n{transform:translate(0px,-150px) scale(.2);opacity:0}
.cn.cerrando .cn-sat{opacity:0}
.cn.cerrando .cn-tramo.on .cn-esc{transform:scale(1)}
.cn.cn-otra .cn-n,.cn.cn-otra .cn-lin,.cn.cn-otra .cn-guia,.cn.cn-otra .cn-esc{animation:none}
/* Mientras hay un análisis en marcha (las páginas ponen «girando», como en .mr), giran los tramos. */
.cn-svg.girando .cn-tramos{transform-box:view-box;transform-origin:0 0;animation:ciclo-gira 7s linear infinite}
@keyframes cn-brota{from{transform:translate(0px,-150px) scale(.2);opacity:0}}
@keyframes cn-adelanta{from{transform:scale(1)}}
@keyframes cn-aparece{from{opacity:0}}
@keyframes cn-pulso{0%{transform:scale(1);opacity:.35}100%{transform:scale(1.75);opacity:0}}
/* La hoja del móvil: la rueda con los nombres encima de cada disco y la lista grande debajo. */
.cn-boton{display:none}
.cn-boton svg{display:block;width:100%;height:100%;overflow:visible}
.cn-boton .cn-ba{fill:none;stroke-width:56;opacity:.3}
.cn-boton .cn-ba.on{opacity:1;stroke-width:70}
.cn-hoja{position:fixed;inset:0;z-index:70}
.cn-hoja[hidden]{display:none}
.cn-velo{position:absolute;inset:0;background:rgba(3,10,44,.55);opacity:0;transition:opacity .25s}
.cn-panel{position:absolute;left:0;right:0;bottom:0;max-height:94vh;overflow:auto;background:var(--fondo);border-radius:22px 22px 0 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.cn-hoja.ver .cn-velo{opacity:1}
.cn-hoja.ver .cn-panel{transform:none}
.cn-cab{display:flex;justify-content:space-between;align-items:center;gap:12px}
#cn-hoja-t{margin:0;font-weight:800;font-size:19px;letter-spacing:-.02em}
#cn-hoja-t span{display:block;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.cn-cierra{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--linea);background:transparent;color:var(--texto);font-size:16px;cursor:pointer}
.cn-cierra:focus-visible,.cn-boton:focus-visible{outline:3px solid var(--salmon2);outline-offset:3px}
.cn.cn-grande{width:min(330px,100%)}
.cn-grande .cn-svg{margin-top:28px}
.cn-grande .cn-et{display:inline}
.cn-grande .cn-lista{display:grid;list-style:none;margin:6px 0 0;padding:0;gap:6px}
.cn-lista [hidden]{display:none}
.cn-lista a{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 12px;border:1px solid var(--linea);border-radius:12px;text-decoration:none;color:var(--texto);font-weight:650;font-size:16px}
.cn-lista a svg{flex:none}
.cn-lista small{margin-left:auto;font-family:var(--mono);font-size:10.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.cn-lista a.on{border-color:var(--cf);box-shadow:inset 4px 0 0 var(--cf)}
.cn-lista a.on small{color:var(--texto)}
.cn-lista .cn-vuelve{font-weight:500;color:var(--suave)}
.cn-lista .cn-vuelve i{font-style:normal;width:30px;text-align:center;color:var(--salmon2);font-size:18px}
.cn-lista a:focus-visible{outline:3px solid var(--salmon2);outline-offset:2px}
@media (max-width:900px){
  .cn.cn-con-boton{display:none}
  .cn-boton{display:block;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;width:66px;height:66px;padding:7px;border:0;border-radius:50%;background:#fff;box-shadow:0 10px 26px rgba(3,10,44,.3),0 0 0 1px var(--linea);cursor:pointer}
}
@media (prefers-reduced-motion:reduce){.cn *,.cn-panel,.cn-velo{transition:none!important;animation:none!important}}
/* ==== fin de Rueda-navegación ==== */
.sello{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--salmon);border:1.5px solid var(--salmon);padding:7px 12px;transform:rotate(-3deg)}

/* Portada de la carpeta de una empresa (ocupa todo el ancho) */
.portada{position:relative;overflow:hidden;margin:0 calc(50% - 50vw);background:var(--noche);color:#fff}
.portada::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 85% 15%,rgba(255,127,122,.26),transparent 70%),radial-gradient(50% 60% at 5% 100%,rgba(43,136,216,.28),transparent 70%)}
.portada::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 45%);mask-image:linear-gradient(180deg,transparent,#000 45%)}
.portada-in{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:clamp(80px,11vw,150px) clamp(20px,5vw,64px) clamp(48px,6vw,80px)}
.portada .sello{margin-bottom:34px}
.portada h1{color:#fff;margin:0;font-size:clamp(52px,9vw,140px);line-height:.9;letter-spacing:-.05em;max-width:13ch}
.portada h1 em{color:var(--salmon);letter-spacing:-.025em}
.entrada{font-size:clamp(18px,1.9vw,23px);line-height:1.45;max-width:46ch;margin:clamp(22px,3vw,34px) 0 0;opacity:.86}
.cifras{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(28px,5vw,80px);margin-top:clamp(44px,6vw,76px);padding-top:28px;border-top:1px solid rgba(255,255,255,.22)}
.cifras > *{display:flex;flex-direction:column;min-width:0}
.cifras b{font-weight:900;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.cifras span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-top:10px;line-height:1.5}
.cifras .ultimo{text-decoration:none;max-width:30ch}
.cifras .ultimo b{font-weight:800;font-size:clamp(22px,2.6vw,34px);line-height:1.1;letter-spacing:-.03em;overflow-wrap:anywhere}
.cifras .ultimo:hover span{opacity:1;color:var(--salmon)}

/* Secciones: sin cajas, abiertas con una línea fina, número y título en mono */
main > section{margin-top:clamp(72px,9vw,128px)}
main > section.portada{margin-top:0}
.cab{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;border-top:1px solid currentColor;padding-top:16px;margin-bottom:clamp(28px,4vw,48px)}
.cab h2{margin:0;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.cab .num{color:var(--salmon2);margin-right:4px}
.cab .obj{font-family:var(--mono);font-size:12px;letter-spacing:.06em;opacity:.65;max-width:54ch;text-align:right}

.flecha{display:inline-block;color:var(--salmon2);transition:transform .2s}

/* Informes en vivo (Worker 1) */
.vivos-generales{display:flex;flex-wrap:wrap;gap:14px 40px}
.vivo{font-weight:800;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.03em;line-height:1.1;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:4px;transition:border-color .2s}
.vivo:hover{border-color:var(--salmon2)}
.vivo:hover .flecha{transform:translateX(5px)}
.webs{margin-top:clamp(32px,4vw,48px);border-bottom:1px solid var(--linea)}
.web{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--linea)}
.web .nombre{font-weight:800;font-size:clamp(19px,1.8vw,24px);letter-spacing:-.02em;overflow-wrap:anywhere}
.web .botones{display:flex;flex-wrap:wrap;gap:8px 24px}
.web .quien-web{display:flex;flex-direction:column;gap:6px;min-width:0}
.web .actualizado{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--suave)}
.web .fresco{font-style:normal;font-weight:700;padding:2px 9px;border-radius:999px;letter-spacing:.04em}
.web .fresco.ok{background:rgba(22,138,90,.12);color:#11704A}
.web .fresco.warn{background:rgba(232,174,46,.18);color:#8A5A00}
.web .fresco.bad{background:rgba(194,54,47,.1);color:#B0302A}
@media (prefers-color-scheme:dark){.web .fresco.ok{background:rgba(127,224,180,.14);color:#7FE0B4}.web .fresco.warn{background:rgba(242,193,78,.16);color:#F2C14E}.web .fresco.bad{background:rgba(255,179,175,.14);color:#FFB3AF}}
/* KPI del último mes completo en cada web (opción B): columnas en el hueco, cabecera una vez, botones apilados.
   Con la caja estrecha (columna de la carpeta o móvil), cada web en pisos: nombre, cifras con su nombre y botones. */
.webs.con-kpis{container-type:inline-size}
.kcab{display:grid;grid-template-columns:210px minmax(0,1fr) 185px;gap:4px 22px;align-items:end;padding:0 0 12px}
.kcab .kcm{grid-column:1;grid-row:1/3;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8A5A00}
.kcab .kcm b{display:block;width:max-content;background:#FCF1D6;border-left:3px solid #E8AE2E;padding:2px 8px;margin-bottom:5px;font-weight:700}
.kcab .kcc,.web .kw{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:8px 14px}
.kcab .kcc span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);line-height:1.3}
.kcab .kcl{grid-column:2;font-family:var(--mono);font-size:10.5px;color:var(--suave)}
.webs.con-kpis .web{display:grid;grid-template-columns:210px minmax(0,1fr) 185px;align-items:center;gap:14px 22px}
.webs.con-kpis .web .nombre{overflow-wrap:normal;word-break:keep-all}
.webs.con-kpis .web .botones{flex-direction:column;align-items:stretch;gap:6px}
.webs.con-kpis .web .botones a{text-align:center;white-space:nowrap}
.webs.con-kpis .web .botones a.resumen,.webs.con-kpis .web .botones a.ia{padding:7px 10px}
.web .cargando{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--suave);animation:vivos-latido 1.4s ease-in-out infinite}
@keyframes vivos-latido{50%{opacity:.4}}
@media (prefers-reduced-motion:reduce){.web .cargando{animation:none}}
.web .kw-otro{font-family:var(--mono);font-size:11px;color:#8A5A00}
.web .kc{display:flex;flex-direction:column;gap:3px;min-width:0}
.web .kc-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.web .kc-n{font-weight:800;font-size:19px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}
.web .kc-0 .kc-n{color:var(--suave);font-weight:400}
.web .kc-ch{display:flex;flex-wrap:wrap;gap:4px}
.web .kc-v{font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:999px;white-space:nowrap}
.web .kc-v.up{background:rgba(22,138,90,.12);color:#11704A}
.web .kc-v.down{background:rgba(194,54,47,.1);color:#B0302A}
.web .kc-v.neu{background:rgba(10,20,66,.07);color:var(--suave)}
@container (max-width:780px){
  .kcab{display:block;padding-bottom:10px}
  .kcab .kcc{display:none}
  .kcab .kcl{display:block;margin-top:6px}
  .kcab .kcm b{display:inline-block;margin:0 8px 0 0}
  .webs.con-kpis .web{grid-template-columns:minmax(0,1fr)}
  .webs.con-kpis .web .kw-sin{display:none}
  .webs.con-kpis .web .botones{flex-direction:row;flex-wrap:wrap;align-items:center}
  .web .kc-l{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
}
@container (max-width:480px){.web .kw{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}}
@media (prefers-color-scheme:dark){.kcab .kcm,.web .kw-otro{color:#F2C14E}.kcab .kcm b{background:rgba(232,174,46,.16);color:#F2C14E}.web .kc-v.up{background:rgba(127,224,180,.14);color:#7FE0B4}.web .kc-v.down{background:rgba(255,179,175,.14);color:#FFB3AF}.web .kc-v.neu{background:rgba(255,255,255,.08)}}
.web .botones a{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);text-decoration:none;transition:color .2s}
.web .botones a::after{content:" ↗";color:var(--salmon2)}
.web .botones a:first-child{color:var(--texto);font-weight:600}
.web .botones a:hover{color:var(--salmon2)}
/* Colores propios del Worker 1: Auditoría dorada, Resumen salmón y Visibilidad IA violeta (en píldora, como en su barra) */
.vivo.auditoria{background:#F2C14E;color:#001F78;border:0;border-radius:999px;padding:8px 22px 10px;transition:background .2s}
.vivo.auditoria .flecha{color:#001F78}
.vivo.auditoria:hover{background:#E5AF2E}
.web .botones{align-items:center}
.web .botones a.resumen,.web .botones a.ia{font-weight:700;padding:7px 14px;border-radius:999px;transition:filter .2s}
.web .botones a.resumen{background:#FF7F7A;color:#001F78}
.web .botones a.ia{background:#7C4DFF;color:#fff}
.web .botones a.resumen::after,.web .botones a.ia::after{color:inherit}
.web .botones a.resumen:hover,.web .botones a.ia:hover{filter:brightness(1.08)}
.web .botones a.resumen:hover{color:#001F78}
.web .botones a.ia:hover{color:#fff}

/* Accesos directos */
.mini{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:var(--mini);overflow:hidden;flex:none}
.mini .tipo{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--texto);opacity:.7}
.mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:36px 28px}
.tarjeta{display:flex;flex-direction:column;gap:14px;text-decoration:none}
.tarjeta .mini{transition:transform .3s}
.tarjeta:hover .mini{transform:translateY(-4px)}
.tarjeta .nombre{font-weight:800;font-size:19px;letter-spacing:-.02em;overflow-wrap:anywhere}
.tarjeta:hover .flecha{transform:translateX(5px)}

/* Carpetas: filas grandes, sin cajas */
.carpetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));column-gap:clamp(32px,5vw,72px);border-bottom:1px solid var(--linea)}
.carpeta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:22px 0;border-top:1px solid var(--linea);text-decoration:none}
.carpeta > svg:not(.mini-ciclo){display:none}
.carpeta .nombre{font-weight:800;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.carpeta .nombre::first-letter{text-transform:uppercase}
.carpeta .cuenta{grid-column:1;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.carpeta::after{content:"→";grid-column:2;grid-row:1/3;align-self:center;color:var(--salmon2);font-size:22px;transition:transform .2s}
.carpeta:hover::after{transform:translateX(5px)}
.carpeta:hover .nombre{color:var(--salmon2)}

/* Documentos en filas */
.docs{border-bottom:1px solid var(--linea)}
.doc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto 20px;align-items:center;gap:22px;padding:16px 0;border-top:1px solid var(--linea)}
.doc .ir{display:flex;align-items:center;gap:20px;min-width:0;text-decoration:none}
.doc .ir::after{content:'';position:absolute;inset:0}
.doc .mini{width:72px}
.doc .mini .tipo{font-size:9px}
.doc .nombre{font-weight:700;font-size:18px;letter-spacing:-.01em;overflow-wrap:anywhere}
.doc:hover .nombre{color:var(--salmon2)}
.doc .meta{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--suave);white-space:nowrap}
.doc .compartir{position:relative;z-index:1;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:6px 12px;border:1px solid var(--linea);transition:border-color .2s,color .2s}
.doc .compartir:hover{border-color:var(--salmon2);color:var(--salmon2)}
.doc:hover .flecha{transform:translateX(5px)}

.vacio{font-size:clamp(18px,1.9vw,22px);color:var(--suave);margin-top:clamp(48px,6vw,72px)}

/* Login y ventana del nombre: página entera en azul noche */
body.oscuro{background:var(--noche);color:#fff;min-height:100vh}
body.oscuro::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(55% 50% at 85% 10%,rgba(255,127,122,.24),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(43,136,216,.26),transparent 70%)}
body.oscuro .barra{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.login{position:relative;max-width:520px;margin:clamp(48px,10vh,120px) auto 0}
.login .sello{margin-bottom:30px}
.login h1{color:#fff;margin:0 0 14px;font-size:clamp(46px,7vw,84px)}
.login h1 em{color:var(--salmon)}
.login .intro{color:rgba(255,255,255,.75);margin-bottom:36px}
.login form{display:flex;flex-direction:column;gap:20px}
.login label{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.login input{font:inherit;font-family:Inter,system-ui,sans-serif;font-size:17px;letter-spacing:0;text-transform:none;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);padding:14px 16px;transition:border-color .2s}
.login input:focus{outline:none;border-color:var(--salmon)}
.login button{font:inherit;font-weight:800;font-size:17px;letter-spacing:.01em;margin-top:8px;padding:16px;border:0;background:var(--salmon);color:var(--noche);cursor:pointer;transition:background .2s}
.login button:hover{background:var(--salmon2)}
.login .error{color:#FFB3AF;background:rgba(255,127,122,.12)}

/* Formularios y mensajes en páginas claras */
.formulario,.mensaje{max-width:700px}
.formulario h1,.mensaje h1{margin-top:clamp(40px,6vw,72px)}
.formulario .intro{margin-bottom:36px}
.formulario form{display:flex;flex-direction:column;gap:24px}
.formulario label,.formulario legend{display:flex;flex-direction:column;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.formulario input[type=text],.copiar input{font:inherit;font-family:Inter,system-ui,sans-serif;font-size:17px;letter-spacing:0;text-transform:none;color:var(--texto);background:var(--superficie);border:1px solid var(--linea);padding:14px 16px}
.formulario input[type=text]:focus,.copiar input:focus{outline:none;border-color:var(--salmon2)}
.formulario button,.copiar button{font:inherit;font-weight:800;font-size:17px;padding:16px 26px;border:0;background:var(--noche);color:#fff;cursor:pointer;align-self:flex-start;transition:background .2s}
.formulario button:hover,.copiar button:hover{background:var(--navy)}
.formulario fieldset{border:0;padding:0;margin:0}
.formulario legend{padding:0;margin-bottom:12px}
.opciones{display:flex;flex-wrap:wrap;gap:10px}
.formulario .opcion{flex-direction:row;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--linea);font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--texto);cursor:pointer}
.formulario .opcion:has(input:checked){background:var(--noche);border-color:var(--noche);color:#fff}
.formulario .opcion input{accent-color:var(--salmon);margin:0}
.opcional{text-transform:none;letter-spacing:0;opacity:.7}
.copiar{display:flex;gap:10px;align-items:stretch}
.copiar input{flex:1;min-width:0;font-family:var(--mono);font-size:14px}
.nota{font-size:16px;color:var(--suave);margin-top:24px;max-width:56ch}
.volver{margin-top:36px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.volver a{text-decoration:none;color:var(--suave)}
.volver a:hover{color:var(--salmon2)}
.error{color:var(--error);background:rgba(194,54,47,.08);padding:12px 16px;margin:0 0 24px}
.mensaje p{font-size:clamp(18px,1.9vw,22px);color:var(--suave);max-width:46ch}
.mensaje a{color:var(--texto);font-weight:700;text-decoration-color:var(--salmon2);text-underline-offset:5px}

@media (max-width:700px){
  .quien span{display:none}
  .cab .obj{text-align:left}
  .carpetas{grid-template-columns:minmax(0,1fr)}
  .web{flex-direction:column;align-items:flex-start;gap:10px}
  .doc{grid-template-columns:minmax(0,1fr) auto 16px;gap:4px 14px}
  .doc .ir{grid-column:1;grid-row:1;gap:14px}
  .doc .mini{width:56px}
  .doc .meta{grid-column:1;grid-row:2;padding-left:70px}
  .doc .compartir{grid-column:2;grid-row:1/3}
  .doc .flecha{grid-column:3;grid-row:1/3}
  .copiar{flex-direction:column}
  .formulario button,.copiar button{align-self:stretch}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ==== El Ciclo: concepto visual común ====
   Cada sección del portal se asocia a un paso (1 Auditoría, azul marino; 2 CRO, salmón; 3 Contenido,
   turquesa, que es Eco; 4 Informes, dorado). La sección lleva data-ciclo-paso y, de primer hijo, el fondo
   (src/ciclo.js fondoCiclo): el aro grande y tenue, fijo en pantalla mientras se recorre la sección, que
   gira con el desplazamiento (/_portal/ciclo.js). Con columna lateral, la rueda pequeña (ruedaCiclo) con su
   tramo encendido, el halo que gira despacio al revés y el icono de la herramienta en el centro.
   Copiado de la propuesta Aspasia 2027. */
.ciclo{position:relative}
.p-fondo{position:sticky;top:0;height:100vh;margin-bottom:-100vh;pointer-events:none;overflow:hidden;z-index:0}
.p-fondo .pf{position:absolute;left:50%;top:50%;width:max(112vw,112vh);height:max(112vw,112vh);transform:translate(-50%,-50%);color:var(--texto)}
.pf-g{transform:rotate(var(--r));transition:transform .35s ease-out}
.pf-o{fill:none;stroke:currentColor;stroke-opacity:.12;stroke-width:3;stroke-dasharray:4 22}
.pf-i{fill:none;stroke:currentColor;stroke-opacity:.08;stroke-width:2}
.pf-a{fill:none;stroke-width:150;opacity:.07}
.pf-a.s1{stroke:#001F78}.pf-a.s2{stroke:#FF7F7A}.pf-a.s3{stroke:#00B8AA}.pf-a.s4{stroke:#E8AE2E}
.mr{width:min(250px,70%);align-self:center;color:var(--texto);overflow:visible}
.mr .mr-g{transform:rotate(var(--g));transform-origin:250px 250px;transition:transform .35s ease-out}
.mr .mr-l{transform-box:view-box;transform:rotate(calc(var(--g) * -1));transition:transform .35s ease-out}
.mr2{--c1:#001F78;--c2:#FF7F7A;--c3:#00B8AA;--c4:#E8AE2E}
.mr2 .mr-a{fill:none;stroke-width:52;opacity:.28}
.mr2 .s1 .mr-a{stroke:var(--c1)}.mr2 .s2 .mr-a{stroke:var(--c2)}.mr2 .s3 .mr-a{stroke:var(--c3)}.mr2 .s4 .mr-a{stroke:var(--c4)}
.mr2[data-p="1"] .s1 .mr-a,.mr2[data-p="2"] .s2 .mr-a,.mr2[data-p="3"] .s3 .mr-a,.mr2[data-p="4"] .s4 .mr-a{opacity:1;stroke-width:62}
.mr2 .mr-ic{stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.55}
.mr2 .mr-ic .f{fill:#fff;stroke:none}
.mr2 .s2 .mr-ic,.mr2 .s4 .mr-ic{stroke:#06123A}.mr2 .s2 .mr-ic .f,.mr2 .s4 .mr-ic .f{fill:#06123A}
.mr2[data-p="1"] .s1 .mr-ic,.mr2[data-p="2"] .s2 .mr-ic,.mr2[data-p="3"] .s3 .mr-ic,.mr2[data-p="4"] .s4 .mr-ic{opacity:1}
.mr2 .mr-cen{fill:rgba(255,255,255,.7);stroke:var(--linea)}
.mr-anillo{fill:none;stroke:currentColor;stroke-opacity:.28;stroke-width:2;stroke-dasharray:14 12}
.mr-halo{animation:ciclo-halo 40s linear infinite;transform-origin:250px 250px}
@keyframes ciclo-halo{to{transform:rotate(-360deg)}}
/* La bobina de la marca D resuena. */
.eco-d .eco-onda{transform-box:view-box;transform-origin:298px 250px;animation:eco-resuena 2.8s ease-in-out infinite}
.eco-d .eco-onda.o2{animation-delay:.5s}
/* Mientras Eco analiza, la rueda del Ciclo gira (los iconos se quedan derechos) y la bobina resuena más deprisa */
.mr.girando .mr-g{animation:ciclo-gira 7s linear infinite}
.mr.girando .mr-l{animation:ciclo-gira-inv 7s linear infinite}
.mr.girando .eco-onda{animation-duration:1.1s}
@keyframes ciclo-gira{from{rotate:0deg}to{rotate:360deg}}
@keyframes ciclo-gira-inv{from{rotate:0deg}to{rotate:-360deg}}
@media (prefers-reduced-motion:reduce){.mr.girando .mr-g,.mr.girando .mr-l{animation:none}}
@keyframes eco-resuena{0%,100%{opacity:.45;transform:scale(.97)}50%{opacity:1;transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.mr-halo,.eco-d .eco-onda{animation:none}.pf-g,.mr .mr-g,.mr .mr-l{transition:none}}
@media (prefers-color-scheme:dark){.pf-a.s1{stroke:#3D63E0}.mr2 .mr-cen{fill:rgba(255,255,255,.92)}}

/* ==== El Ciclo en las demás secciones (17-10-2026, maqueta docs/maqueta-ciclo/) ====
   Cada página con paso lleva <main class="ciclo" data-ciclo-paso="N"> y el fondo de primer hijo: 1 las
   auditorías, 2 las propuestas de CRO y diseño, 4 los informes (la carpeta de la empresa) y «todos», el
   ciclo entero (la entrada y la lista de empresas), con los cuatro tramos encendidos. La rueda va en la
   portada o en la cabecera (.lado-ciclo) y los iconos pequeños (.mini-ciclo) en botones y carpetas. */
[data-ciclo-paso="1"]{--acc:#001F78;--acc2:#7F9CFF;--acc3:#001F78;--accbg:#E3E9FB}
[data-ciclo-paso="2"]{--acc:#FF7F7A;--acc2:#FFB3AF;--acc3:#E85F5A;--accbg:#FFE9E8}
[data-ciclo-paso="4"]{--acc:#E8AE2E;--acc2:#F2C14E;--acc3:#B7861C;--accbg:#FCF1D6}
[data-ciclo-paso="todos"]{--acc:#00B8AA;--acc2:#00E5D4;--acc3:#00968B;--accbg:#DDF8F5}
main.ciclo > .p-fondo{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
main.ciclo > :not(.p-fondo){position:relative;z-index:1}
.oscuro .p-fondo .pf{color:#fff}
.oscuro .pf-a{opacity:.12}
.oscuro .pf-a.s1{stroke:#3D63E0}
.mr2[data-p="todos"] .mr-a{opacity:1;stroke-width:62}
.mr2[data-p="todos"] .mr-ic{opacity:1}
.mr .ic-onda{animation:ciclo-pulso 2.8s ease-in-out infinite}
@keyframes ciclo-pulso{0%,100%{opacity:.5}50%{opacity:1}}
.lado-ciclo{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.lado-ciclo .mr{width:clamp(150px,17vw,240px)}
.lado-ciclo .eta-n{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--acc3);border:1.5px solid currentColor;padding:6px 10px;white-space:nowrap}
.ciclo-pasos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.ciclo-pasos li{display:flex;align-items:center;gap:7px}
.ciclo-pasos li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c)}
.cp1{--c:#001F78}.cp2{--c:#FF7F7A}.cp3{--c:#00B8AA}.cp4{--c:#E8AE2E}
/* Portada de la carpeta de la empresa (azul noche): la rueda a la derecha */
.portada-in.con-rueda{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,80px);align-items:center}
.portada .mr{color:#fff}
.portada .mr2 .mr-cen,.oscuro .mr2 .mr-cen{fill:rgba(255,255,255,.94);stroke:none}
.portada .lado-ciclo .eta-n,.oscuro .lado-ciclo .eta-n{color:var(--acc2)}
.oscuro .ciclo-pasos{color:rgba(255,255,255,.78)}
.oscuro .cp1{--c:#3D63E0}
.portada .mr2,.oscuro .mr2{--c1:#3D63E0}
/* Cabecera de una subcarpeta o de la lista de empresas: título a la izquierda, rueda a la derecha */
.cab-ciclo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:center}
.cab-ciclo .lado-ciclo{margin-top:clamp(28px,4vw,48px)}
.cab-ciclo .lado-ciclo .mr{width:clamp(120px,13vw,190px)}
/* Entrada y ventana del nombre: el formulario y la rueda del ciclo entero al lado */
.login-ciclo{display:grid;grid-template-columns:minmax(0,520px) minmax(0,400px);justify-content:center;align-items:center;column-gap:clamp(40px,8vw,120px)}
.login-ciclo .login{margin:clamp(48px,10vh,120px) 0 0}
.login-ciclo .lado-ciclo{margin-top:clamp(48px,10vh,120px)}
.login-ciclo .mr{width:min(280px,100%);color:#fff}
.login-ciclo .ciclo-pasos{gap:6px 12px;letter-spacing:.06em}
@media (min-width:1100px){.login-ciclo .ciclo-pasos{flex-wrap:nowrap}}
/* Iconos pequeños de cada paso: botones de los informes en vivo y filas de carpetas */
.mini-ciclo{flex:none;display:inline-block;vertical-align:middle}
.vivos-generales{align-items:center}
.vivos-generales .vivo{display:inline-flex;align-items:center;gap:10px}
.vivo.auditoria .mini-ciclo{background:#fff;border-radius:50%;margin:-2px 0 -2px -10px}
.carpeta[data-paso]{grid-template-columns:auto minmax(0,1fr) auto;column-gap:18px}
.carpeta[data-paso] .mini-ciclo{grid-column:1;grid-row:1/3;align-self:center}
.carpeta[data-paso] .nombre{grid-column:2;grid-row:1}
.carpeta[data-paso] .cuenta{grid-column:2;grid-row:2}
.carpeta[data-paso]::after{grid-column:3}
@media (max-width:900px){
  .portada-in.con-rueda{grid-template-columns:minmax(0,1fr)}
  .portada .lado-ciclo{order:-1;flex-direction:row;justify-self:start;gap:16px}
  .portada .lado-ciclo .mr{width:110px}
  .login-ciclo{grid-template-columns:minmax(0,1fr)}
  .login-ciclo .lado-ciclo{order:-1;margin-top:28px}
  .login-ciclo .mr{width:120px}
  .login-ciclo .login{margin-top:24px}
}
@media (max-width:700px){
  .cab-ciclo .lado-ciclo .mr{width:86px}
  .cab-ciclo .lado-ciclo .eta-n,.cab-ciclo .ciclo-pasos{display:none}
  .carpeta[data-paso] .mini-ciclo{width:32px;height:32px}
}
@media (prefers-color-scheme:dark){.lado-ciclo .eta-n{color:var(--acc2)}.cp1{--c:#3D63E0}.mr2{--c1:#3D63E0}.carpeta .ic-aud [stroke="#001F78"]{stroke:#9FB4FF}}
@media (prefers-reduced-motion:reduce){.mr .ic-onda{animation:none}}

/* ==== Eco: pantalla (paso 3 de El Ciclo, docs/maqueta-eco/) y resultados (e-…) ==== */
[data-ciclo-paso="3"]{--acc:#00B8AA;--acc2:#00E5D4;--acc3:#00968B;--accbg:#DDF8F5;--oro:#B7861C}
body.eco-pagina main{max-width:none;padding:0}
main > section.ciclo{margin-top:0}
.eco-pieza .vivo.eco{color:inherit;display:inline-flex;align-items:center;gap:12px}
.eco-pieza .eco-ico{width:34px;height:34px;flex:none}
.eco-quedan{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--suave);margin-top:12px}
.eco-quedan b{color:var(--salmon2)}
.eco .paso2c{position:relative;z-index:1;max-width:1680px;margin:0 auto;padding:clamp(28px,3vw,48px) clamp(20px,3.4vw,56px) 96px;display:grid;grid-template-columns:minmax(300px,.36fr) minmax(0,1fr);gap:clamp(32px,4vw,72px);align-items:start}
.eco .p-izq{position:sticky;top:76px;max-height:calc(100vh - 78px);overflow-y:auto;scrollbar-width:thin;padding:4px 6px;margin:-4px -6px 0}
.eco .p-fija{display:flex;flex-direction:column;gap:8px}
.eco .mr{width:min(168px,52%)}
.eco .eta-n{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--acc3);border:1.5px solid currentColor;padding:6px 10px;align-self:flex-start}
.eco h1.p-tit{font-weight:900;font-size:clamp(32px,3vw,46px);line-height:.95;letter-spacing:-.045em;margin:0;max-width:none}
.eco .p-tit em{letter-spacing:-.02em;color:var(--salmon2)}
.eco .p-obj{font-size:15.5px;line-height:1.4;font-weight:650;margin:0}
.eco .p-ent{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.35;margin:0}
.eco .p-obj b,.eco .p-ent b{display:block;font-family:var(--mono);font-style:normal;font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--salmon2);margin-bottom:5px}
.eco .cupo{display:flex;align-items:center;gap:14px;background:var(--noche);color:#fff;border-radius:14px;padding:12px 16px;min-height:64px}
.eco .cupo b{font-weight:900;font-size:44px;letter-spacing:-.05em;line-height:.9;color:var(--acc2)}
.eco .cupo span{font-size:13.5px;line-height:1.35;opacity:.85}
.eco .cupo .barra-c{flex:1;min-width:0}
.eco .cupo .barra-c i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.14);margin-top:8px;overflow:hidden}
.eco .cupo .barra-c i::before{content:"";display:block;height:100%;width:var(--w,0%);background:var(--acc2)}
.eco .p-sub-t{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:4px 0 0}
.eco .p-sub{list-style:none;display:flex;flex-direction:column;gap:5px;margin:0;padding:0}
.eco .p-sub a{display:flex;gap:10px;align-items:center;border:1px solid var(--linea);border-radius:10px;padding:6px 34px 6px 10px;position:relative;background:rgba(255,255,255,.55);text-decoration:none;color:inherit;font-size:14px;opacity:.8;transition:background .2s,border-color .2s}
.eco .p-sub a::after{content:"→";position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.4}
.eco .p-sub a span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;border-radius:11px;border:1.5px solid var(--salmon2);color:var(--salmon2);font-family:var(--mono);font-size:10.5px;font-weight:600}
.eco .p-sub a:hover{opacity:1;border-color:var(--acc)}
.eco .p-sub a.on{opacity:1;border-color:var(--acc);background:var(--accbg);font-weight:700}
.eco .p-sub a.on span{background:var(--acc2);border-color:var(--acc2);color:#06123A}
.eco .p-sig{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:2px solid currentColor;text-decoration:none;color:inherit;font-weight:800;font-size:15px;margin-top:0}
.eco .p-sig i{font-style:normal;font-size:22px;color:var(--acc);transition:transform .2s}
.eco .p-sig:hover i{transform:translateX(5px)}
.eco .p-der{min-width:0;display:flex;flex-direction:column;gap:clamp(40px,4vw,64px)}
.eco .sp{scroll-margin-top:76px}
.eco .sp-cab{display:flex;align-items:baseline;gap:16px}
.eco .sp-n{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--salmon2);white-space:nowrap}
.eco .sp-cab h2{margin:0;font-weight:900;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.04em;line-height:1}
.eco .sp-ent{font-size:17.5px;line-height:1.5;opacity:.86;max-width:64ch;margin:12px 0 0}
.eco .sp.oscuro{background:var(--noche);color:#fff;padding:clamp(26px,3vw,44px);border-radius:18px}
.eco .sp.oscuro .sp-n{color:var(--salmon)}
.eco .sp.claro{background:var(--papel);padding:clamp(26px,3vw,44px);border-radius:18px}
/* Tarjeta clara con borde y el trozo del aro del Ciclo asomando por la derecha (resultados de Eco) */
.eco .sp.claro.res{position:relative;overflow:hidden;background:#FCFEFD;border:1.5px solid rgba(0,184,170,.45);box-shadow:0 0 0 6px rgba(0,229,212,.08)}
.eco .sp.claro.res>*:not(.aro-ciclo){position:relative;z-index:1}
.aro-ciclo{position:absolute;width:760px;height:760px;right:-610px;top:calc(50% - 380px);max-height:none;pointer-events:none;color:var(--tinta);z-index:0}
.aro-ciclo .pf-o{fill:none;stroke:currentColor;stroke-opacity:.14;stroke-width:6;stroke-dasharray:6 26}
.aro-ciclo .pf-i{fill:none;stroke:currentColor;stroke-opacity:.1;stroke-width:4}
.aro-ciclo .pf-a{fill:none;stroke-width:150;opacity:.12}
.aro-ciclo .pf-a.s1{stroke:#001F78}.aro-ciclo .pf-a.s2{stroke:#FF7F7A}.aro-ciclo .pf-a.s3{stroke:#00B8AA}.aro-ciclo .pf-a.s4{stroke:#E8AE2E}
.aro-ciclo[data-p="1"] .s1,.aro-ciclo[data-p="2"] .s2,.aro-ciclo[data-p="3"] .s3,.aro-ciclo[data-p="4"] .s4{opacity:.26}
@media (max-width:700px){.aro-ciclo{width:520px;height:520px;right:-450px;top:calc(50% - 260px)}}
.eco .sp-gran{font-weight:900;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.04em;margin:22px 0 0;max-width:22ch}
.eco .sp-gran em{color:var(--salmon2)}
.eco .golpes{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px)}
.eco .golpes div{border-top:2px solid var(--salmon2);padding-top:18px}
.eco .golpes b{display:block;font-weight:900;font-size:clamp(40px,4.2vw,60px);letter-spacing:-.04em;line-height:1}
.eco .golpes p{margin:10px 0 0;font-size:15.5px;line-height:1.45;opacity:.82}
.eco .golpes .mal b{color:var(--salmon2)}.eco .golpes .bien b{color:var(--acc3)}.eco .golpes .med b{color:var(--oro)}
.eco .golpes div.neu{border-top-color:var(--linea)}.eco .golpes .neu b{color:var(--suave)}
/* formulario */
.eco .eco-form{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 22px}
.eco .entero{grid-column:1/-1}
.eco .eco-url{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 22px}
.eco .eco-url + .eco-url{border-top:1px solid var(--linea);padding-top:22px}
.eco .eco-form label{display:block;min-width:0}
.eco .eco-form .lab{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);display:block;margin-bottom:7px}
.eco .campo{display:block;width:100%;font:inherit;font-size:16px;line-height:1.4;color:var(--tinta);background:#fff;border:1.5px solid rgba(10,20,66,.16);border-radius:10px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}
.eco .campo:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px rgba(0,184,170,.15)}
.eco textarea.campo{min-height:92px;resize:vertical;line-height:1.45}
.eco textarea.eco-k{min-height:52px}
.eco select.campo{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;cursor:pointer}
.eco select.campo:disabled{opacity:.5;cursor:default}
.eco .ayuda{display:block;font-size:12.5px;color:var(--suave);margin:6px 0 0}
.eco .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.eco .chip{font:inherit;font-size:13px;border:1px solid rgba(0,150,139,.35);background:var(--accbg);color:#05524C;border-radius:999px;padding:5px 11px;cursor:pointer;transition:background .2s}
.eco .chip:hover{background:#C4F1EC}
.eco .chip:disabled{opacity:.45;cursor:default;text-decoration:line-through}
.eco .eco-sel{position:relative}
.eco .eco-sel .reco{position:absolute;right:42px;top:50%;transform:translateY(-50%);pointer-events:none}
.eco .reco{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:var(--acc2);color:#06123A;border-radius:999px;padding:3px 8px}
.eco .eco-sel select{padding-right:160px}
.eco .eco-quitar,.eco .eco-mas{justify-self:start;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:none;border:1px solid var(--linea);border-radius:999px;color:var(--suave);padding:8px 14px;cursor:pointer}
.eco .eco-quitar:hover,.eco .eco-mas:hover{border-color:var(--salmon2);color:var(--salmon2)}
.eco .avanzado{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:12px 0}
.eco .avanzado summary{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-weight:700;font-size:15px;cursor:pointer;list-style:none}
.eco .avanzado summary::-webkit-details-marker{display:none}
.eco .avanzado summary span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);font-weight:400}
.eco .avanzado summary span::after{content:" ▾"}
.eco .avanzado[open] summary span::after{content:" ▴"}
.eco .eco-opciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px 22px;padding:18px 0 6px}
.eco .eco-opciones .opcion{display:flex;align-items:center;gap:10px;align-self:end;padding:12px 0;font-size:15px;font-weight:600;cursor:pointer}
.eco .eco-opciones .opcion input{accent-color:var(--acc3);width:18px;height:18px;margin:0}
.eco .cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.eco .boton{font:inherit;background:var(--acc2);color:#06123A;font-weight:900;font-size:18px;letter-spacing:-.01em;border:0;border-radius:999px;padding:16px 28px;box-shadow:0 0 0 6px rgba(0,229,212,.18);cursor:pointer;transition:background .2s,box-shadow .2s}
.eco .boton:hover{background:#3BF0E2;box-shadow:0 0 0 8px rgba(0,229,212,.24)}
.eco .boton:disabled{opacity:.55;cursor:wait}
.eco .cta small{font-size:13.5px;color:var(--suave);line-height:1.4}
.eco .eco-form .error{margin:0}
/* progreso */
.eco .avance{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;margin-top:22px}
.eco .pct{font-weight:900;font-size:clamp(64px,7vw,110px);letter-spacing:-.06em;line-height:.85;color:var(--acc2);font-variant-numeric:tabular-nums}
.eco .pct small{font-size:clamp(18px,1.6vw,26px);letter-spacing:-.02em;color:#fff;opacity:.7;display:block;margin-top:10px;font-weight:600;line-height:1.2;max-width:22ch}
.eco .pista{height:10px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden}
.eco .pista i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width .6s ease-out}
.eco .estaciones{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.eco .estaciones li{font-size:13px;line-height:1.3;opacity:.55;border-top:3px solid rgba(255,255,255,.2);padding-top:10px}
.eco .estaciones li b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;margin-bottom:4px}
.eco .estaciones li.ok{opacity:1;border-color:var(--acc)}.eco .estaciones li.ok b{color:var(--acc2)}
.eco .estaciones li.ya{opacity:1;border-color:var(--salmon)}.eco .estaciones li.ya b{color:var(--salmon)}
.eco .eco-fase{margin:22px 0 0;font-size:14px;color:rgba(255,255,255,.7);overflow-wrap:anywhere}
.eco .consola{margin:10px 0 0;max-height:120px;overflow:auto;font-family:var(--mono);font-size:11.5px;line-height:1.7;color:#C9D2F5;background:rgba(255,255,255,.05);border-radius:10px;padding:10px 14px;white-space:pre-wrap;overflow-wrap:anywhere;opacity:.75}
.eco .consola:empty{display:none}
.eco-cola{list-style:none;padding:0;margin:18px 0 0;border-bottom:1px solid rgba(255,255,255,.14)}
.eco-cola li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid rgba(255,255,255,.14);font-size:14px;overflow-wrap:anywhere}
.eco-cola b{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.eco-cola .curso b{color:var(--salmon)}.eco-cola .hecho b{color:var(--acc2)}.eco-cola .error b{color:#FFB3AF}
/* anteriores */
#eco-salida > .e-res:first-child{border-top:0;padding-top:24px}
.eco .ant{margin-top:16px;border-top:1px solid var(--linea)}
.eco-abrir{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--linea);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.eco-abrir b{font-weight:800;font-size:18px;letter-spacing:-.02em;overflow-wrap:anywhere}
.eco-abrir .f{font-family:var(--mono);font-size:12px;color:var(--suave);white-space:nowrap}
.eco-abrir .tag{font-size:12.5px;border-radius:999px;padding:4px 10px;font-weight:600;background:var(--accbg);color:#05524C;white-space:nowrap}
.eco-abrir:hover b{color:var(--acc3)}
.eco .ant .vacio{margin-top:16px;font-size:17px}
@media (max-width:900px){
  .eco .paso2c{grid-template-columns:minmax(0,1fr);gap:40px}
  .eco .p-izq{position:static;max-height:none;overflow:visible}
  .eco .mr{width:min(130px,40%)}
}
@media (max-width:700px){
  .eco .eco-form,.eco .eco-url{grid-template-columns:minmax(0,1fr)}
  .eco .golpes{grid-template-columns:minmax(0,1fr);gap:22px}
  .eco .avance{grid-template-columns:minmax(0,1fr);gap:18px}
  .eco .estaciones{grid-template-columns:minmax(0,1fr);gap:6px}
  .eco .estaciones li{border-top:0;border-left:3px solid rgba(255,255,255,.2);padding:2px 0 2px 10px}
  .eco .estaciones li b{display:inline;margin-right:8px}
  .eco .eco-sel select{padding-right:44px}
  .eco .eco-sel .reco{position:static;display:inline-block;transform:none;margin-top:8px}
  .eco .boton{width:100%}
  .eco-abrir{grid-template-columns:minmax(0,1fr) auto}
  .eco-abrir .f{grid-column:1;grid-row:2}
  .eco-abrir .tag{grid-row:1/3;grid-column:2}
}
@media (prefers-color-scheme:dark){
  .eco .campo{background:var(--superficie);color:var(--texto);border-color:var(--linea)}
  .eco .p-sub a{background:rgba(255,255,255,.04)}
  .eco .p-sub a.on{background:rgba(0,184,170,.18);color:var(--texto)}
  .eco .sp.claro{background:#0B1544;border:1px solid var(--linea)}
  .eco .sp.claro.res{background:#0B1544;border-color:rgba(0,229,212,.4)}
  .aro-ciclo{color:#fff}
  .eco .sp.oscuro,.eco .cupo{border:1px solid var(--linea)}
  .eco .chip{background:rgba(0,184,170,.16);color:#9FF0E6}
  .eco-abrir .tag{background:rgba(0,184,170,.18);color:#9FF0E6}
  .eco .eta-n{color:var(--acc2)}
}
.e-res{padding:34px 0;border-top:1px solid var(--linea)}
.e-kick{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--salmon2)}
.e-t{font-weight:900;font-size:clamp(26px,3vw,40px);letter-spacing:-.03em;line-height:1.05;margin:10px 0 6px}
.e-url{font-family:var(--mono);font-size:12px;color:var(--suave);overflow-wrap:anywhere}
.e-tesis{margin:24px 0;padding:22px 26px;background:var(--noche);color:#fff;border-radius:14px}
.e-tesis .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--salmon)}
.e-tesis p{margin:8px 0 0;font-size:clamp(18px,1.8vw,22px);line-height:1.45}
.e-tesis b{color:var(--salmon)}
.e-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);margin:20px 0}
.e-cifras>div{padding:18px 16px 18px 0}
.e-cifras b{display:block;font-weight:900;font-size:clamp(30px,3vw,42px);letter-spacing:-.04em;line-height:1}
.e-cifras small{font-size:.5em;color:var(--suave);font-weight:600}
.e-cifras span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin-top:8px}
.e-cifras .malo b{color:var(--salmon2)}.e-cifras .bueno b{color:var(--acc3,#00968B)}.e-cifras .medio b{color:var(--oro,#B7861C)}
.e-nota{margin:12px 0;padding:12px 16px;border-left:3px solid #C98A3A;background:rgba(255,255,255,.6);font-size:15px}
.e-nota.serious{border-color:var(--salmon2)}.e-nota.critical{border-color:var(--error);font-weight:600}
.e-sub{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:34px 0 12px;font-weight:800;font-size:clamp(19px,1.8vw,23px);letter-spacing:-.02em}
.e-sub .n{font-family:var(--mono);font-size:12px;color:var(--salmon2)}
.e-sub .exp{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.06em;color:var(--suave)}
.e-resumen{display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;margin-bottom:8px}
.e-cov{padding:14px 0;border-top:1px solid var(--linea)}
.e-cov .top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.e-cov .q{font-weight:700}
.e-cov .num{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--suave)}
.e-st{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap}
.e-st.covered,.e-st.ganas{background:#DDF8F5;color:#05524C}
.e-st.weak,.e-st.empate,.e-st.sin_rivales{background:#FBF0DC;color:#8A5A00}
.e-st.gap,.e-st.pierdes{background:#FDE6E4;color:#B3261E}
.e-tag{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;padding:3px 8px;margin:1px 2px;background:rgba(255,255,255,.6);color:var(--suave);text-decoration:none}
.e-tag.rival,.e-tag.tuya{background:#FDE6E4;color:#B3261E}.e-tag.tuya{font-weight:800}.e-tag.propia{background:#DDF8F5;color:#05524C}
.e-track{height:4px;background:var(--linea);margin:10px 0}
.e-track i{display:block;height:100%;background:#C98A3A}.e-track i.covered{background:var(--acc,#00B8AA)}.e-track i.gap{background:var(--salmon2)}
.e-snip{font-size:14px;color:var(--suave);background:rgba(255,255,255,.6);padding:10px 14px;margin:8px 0 0;border-radius:8px}
.e-snip code{display:block;font-family:var(--mono);font-size:11px;margin-bottom:4px;overflow-wrap:anywhere}
.e-mas summary{cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.e-mas summary::after{content:"ver el pasaje"}
.e-tbl{overflow-x:auto;margin:12px 0}
.e-tbl table{width:100%;border-collapse:collapse;font-size:14px}
.e-tbl th{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--suave);padding:8px 10px;border-bottom:1px solid currentColor}
.e-tbl td{padding:9px 10px;border-bottom:1px solid var(--linea);vertical-align:top}
.e-tbl .n{text-align:right;font-family:var(--mono);white-space:nowrap}
.e-tbl .peor{color:var(--error)}
.e-tbl a{color:inherit}
.e-err{color:var(--error);font-size:12px}
.e-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}
.e-vs .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.e-fbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr) auto;gap:12px;align-items:center;padding:6px 0;font-size:14px}
.e-fbar .lab{overflow-wrap:anywhere}
.e-fbar .tr{height:6px;background:var(--linea)}
.e-fbar .tr i{display:block;height:100%;background:var(--acc3,#00968B)}
.e-fbar.mio .lab{font-weight:800;color:var(--salmon2)}.e-fbar.mio .tr i{background:var(--salmon2)}
.e-fbar .c{font-family:var(--mono);font-size:12px;color:var(--suave)}
.e-md{margin-top:14px;border-top:1px solid var(--linea);padding-top:12px}
.e-md summary{cursor:pointer;font-weight:700}
.e-md .cuerpo{font-size:15px;padding:8px 0}
.e-md mark{background:#FDE6E4;color:#B3261E;padding:0 2px}
.e-pie{margin-top:26px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--suave)}
.e-nada{color:var(--suave);font-size:14px}
@media (max-width:700px){.e-vs{grid-template-columns:1fr}.e-cov .num{margin-left:0}}
@media (prefers-color-scheme:dark){
  .e-st.covered,.e-st.ganas,.e-tag.propia{background:#0B3F3B;color:#9FF0E6}
  .e-st.weak,.e-st.empate,.e-st.sin_rivales{background:#4A3510;color:#F2C97A}
  .e-st.gap,.e-st.pierdes,.e-tag.rival,.e-tag.tuya,.e-md mark{background:#4A1A17;color:#FFB3AF}
  .e-fbar .tr i{background:#00B8AA}
  .e-tesis{background:var(--superficie);border:1px solid var(--linea)}
  .e-nota,.e-snip,.e-tag{background:rgba(255,255,255,.05)}
}

/* ==== Fase: pantalla (paso 3 de El Ciclo, docs/maqueta-galaccio/) ====
   La sección lleva class="ciclo eco fase": hereda todo el diseño de Eco (columnas, rueda, cupo, formulario,
   avance, tarjeta clara de resultados). Aquí solo lo propio de Fase: las casillas de los informes, los
   competidores escritos a mano, el resultado (competidores, cifras, pestañas e informes en Markdown) y los
   análisis anteriores. Todo bajo .fase para no pisar a Eco ni al resto del portal. */
.fase .fase-form .infs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.fase .fase-form .inf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1.5px solid var(--linea);border-radius:12px;padding:10px 14px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.fase .fase-form .inf:hover{border-color:rgba(0,184,170,.6)}
.fase .fase-form .inf.on{border-color:var(--acc);background:#F2FBFA}
.fase .fase-form .inf input{accent-color:var(--acc3);width:18px;height:18px;margin:0}
.fase .fase-form .inf b{display:block;font-size:15.5px;line-height:1.3}
.fase .fase-form .inf small{display:block;color:var(--suave);font-size:13.5px;line-height:1.35}
.fase .fase-form .inf em{font-family:var(--mono);font-style:normal;font-size:12px;letter-spacing:0;color:var(--suave);white-space:nowrap}
.fase .comps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:10px}
.fase .fase-modelo-caja .ayuda{margin-top:6px}
/* resultado */
.fase .sp-meta{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--salmon2);margin-top:14px;overflow-wrap:anywhere}
.fase .sp-url{font-weight:900;font-size:clamp(24px,2.4vw,30px);letter-spacing:-.03em;line-height:1.1;margin:8px 0 12px;overflow-wrap:anywhere}
.fase .rivales{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.fase .rivales>span:first-child{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.fase .chip.riv,.fase .chip.riv:hover{font-family:inherit;font-size:14px;font-weight:600;border:1px solid var(--linea);background:#fff;color:inherit;border-radius:999px;padding:4px 12px;text-decoration:none;cursor:default;overflow-wrap:anywhere}
.fase a.chip.riv{cursor:pointer}
.fase a.chip.riv:hover{border-color:var(--acc);color:var(--acc3)}
.fase .chip.riv.no{opacity:.6;cursor:help}
.fase .sp-gran .razon{display:block;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--suave);margin-top:12px}
.fase .golpe span{display:block;margin-top:10px;font-size:15.5px;line-height:1.45;opacity:.82}
.fase .pest{display:flex;flex-wrap:wrap;gap:6px;margin:34px 0 0;border-bottom:2px solid var(--linea)}
.fase .pest button{font:inherit;font-weight:700;font-size:14.5px;padding:10px 14px;border:0;border-radius:10px 10px 0 0;background:none;color:var(--suave);cursor:pointer;transition:background .2s,color .2s}
.fase .pest button:hover{color:var(--texto);background:var(--accbg)}
.fase .pest button.on{background:var(--navy);color:#fff}
.fase .md-inf{padding-top:6px;font-size:16px;line-height:1.55}
.fase .md-inf h3{font-weight:900;font-size:22px;letter-spacing:-.02em;line-height:1.2;margin:26px 0 8px}
.fase .md-inf h4{font-weight:800;font-size:19px;line-height:1.25;margin:22px 0 6px}
.fase .md-inf h5,.fase .md-inf h6{font-weight:800;font-size:16.5px;margin:18px 0 4px}
.fase .md-inf p{margin:8px 0 0;overflow-wrap:anywhere}
.fase .md-inf ul,.fase .md-inf ol{margin:8px 0 0;padding-left:1.4em}
.fase .md-inf li{margin:4px 0;overflow-wrap:anywhere}
.fase .md-inf code{font-family:var(--mono);font-size:.86em;background:var(--accbg);border-radius:4px;padding:1px 5px}
.fase .md-inf pre{font-family:var(--mono);font-size:12.5px;line-height:1.6;background:rgba(10,20,66,.04);border:1px solid var(--linea);border-radius:10px;padding:12px 14px;margin:10px 0 0;overflow:auto;max-height:420px;white-space:pre}
.fase .md-inf blockquote{margin:12px 0 0;padding:6px 16px 10px;border-left:3px solid var(--acc);background:rgba(0,184,170,.06)}
.fase .md-inf hr{border:0;border-top:1px solid var(--linea);margin:22px 0}
.fase .md-tabla{overflow-x:auto;margin:10px 0 0;-webkit-overflow-scrolling:touch}
.fase .md-tabla table{width:100%;min-width:520px;border-collapse:collapse;font-size:14.5px;background:#fff}
.fase .md-tabla th{text-align:left;vertical-align:bottom;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--navy);padding:8px}
.fase .md-tabla td{border-bottom:1px solid var(--linea);padding:9px 8px;vertical-align:top}
.fase .md-inf .chip,.fase .md-inf .chip:hover{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;line-height:1.4;text-transform:uppercase;border:0;border-radius:999px;padding:3px 9px;cursor:default}
.fase .md-inf .chip.bien{background:#DDF5F2;color:#006B62}
.fase .md-inf .chip.med{background:#FBF0D6;color:#8A5A00}
.fase .md-inf .chip.mal{background:#FFE5E3;color:#B4332E}
.fase .md-ext{margin-top:22px;border-top:1px solid var(--linea);padding-top:12px}
.fase .md-ext summary{cursor:pointer;font-weight:700}
.fase .avisos{margin:26px 0 0;padding:12px 16px 12px 34px;border-left:3px solid var(--oro);background:rgba(232,174,46,.08);font-size:14.5px}
.fase .avisos li{margin:4px 0;overflow-wrap:anywhere}
/* anteriores */
.fase .fase-abrir{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--linea);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.fase .fase-abrir b{font-weight:800;font-size:18px;letter-spacing:-.02em;overflow-wrap:anywhere}
.fase .fase-abrir .f{font-family:var(--mono);font-size:12px;color:var(--suave);white-space:nowrap}
.fase .fase-abrir .tag{font-size:12.5px;border-radius:999px;padding:4px 10px;font-weight:600;background:var(--accbg);color:#05524C;white-space:nowrap}
.fase .fase-abrir:hover b{color:var(--acc3)}
/* pieza de la carpeta de la empresa (también sin cupo): la frase de solo lectura y la lista de sus análisis */
.fase-pieza .fa-ent{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.4;margin:6px 0 0}
.fase-pieza .fa-ent img{width:26px;height:26px;flex:none}
.fase-pieza .fa-lista{margin-top:22px}
.fase-pieza .fa-t{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:8px}
.fase-pieza .fa-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'w c' 'i v';gap:4px 16px;align-items:center;border-top:1px solid var(--linea);padding:13px 4px;color:inherit;text-decoration:none;border-radius:6px}
.fase-pieza .fa-fila:hover{background:#F2FBFA}
.fase-pieza .fa-fila:focus-visible{outline:2px solid #00968B;outline-offset:2px}
.fase-pieza .fa-web{grid-area:w;font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fase-pieza .fa-inf{grid-area:i;font-size:14px;color:var(--suave)}
.fase-pieza .fa-cuando{grid-area:c;justify-self:end;font-family:var(--mono);font-size:12px;color:var(--suave);white-space:nowrap}
.fase-pieza .fa-ver{grid-area:v;justify-self:end;border:1px solid var(--linea);border-radius:999px;padding:4px 12px;font-weight:700;font-size:13px;white-space:nowrap}
.fase-pieza .fa-fila:hover .fa-ver{border-color:#00B8AA;color:#00968B}
.fase-pieza .fa-todos{display:inline-block;margin-top:12px;font-weight:700;font-size:14px;color:#00968B;text-decoration:none}
.fase-pieza .fa-todos:hover{text-decoration:underline}
@media (max-width:700px){
  .fase .fase-form .inf{grid-template-columns:auto minmax(0,1fr);gap:4px 12px}
  .fase .fase-form .inf em{grid-column:2}
  .fase .pest button{font-size:13.5px;padding:8px 10px}
  .fase .fase-abrir{grid-template-columns:minmax(0,1fr) auto}
  .fase .fase-abrir .f{grid-column:1;grid-row:2}
  .fase .fase-abrir .tag{grid-row:1/3;grid-column:2}
}
@media (prefers-color-scheme:dark){
  .fase .fase-form .inf{background:var(--superficie)}
  .fase .fase-form .inf.on{background:rgba(0,184,170,.16)}
  .fase .chip.riv,.fase .chip.riv:hover{background:rgba(255,255,255,.06)}
  .fase .pest button.on{background:#3D63E0}
  .fase .md-tabla table{background:transparent}
  .fase .md-tabla th{border-bottom-color:#7F9CFF}
  .fase .md-inf pre{background:rgba(255,255,255,.05)}
  .fase .md-inf .chip.bien{background:#0B3F3B;color:#9FF0E6}
  .fase .md-inf .chip.med{background:#4A3510;color:#F2C97A}
  .fase .md-inf .chip.mal{background:#4A1A17;color:#FFB3AF}
  .fase .fase-abrir .tag{background:rgba(0,184,170,.18);color:#9FF0E6}
  .fase-pieza .fa-fila:hover{background:rgba(0,184,170,.12)}
  .fase-pieza .fa-fila:hover .fa-ver,.fase-pieza .fa-todos{color:#9FF0E6}
}

/* Carpeta de la empresa a dos columnas, como los pasos de la propuesta Aspasia 2027: a la izquierda, fija al bajar, la
   rueda de El Ciclo, el saludo, las cifras y el índice de secciones (botones, el de la sección que se lee en dorado,
   el color del paso 4); a la derecha, las secciones. Arriba, una barra fina de avance con los cuatro colores. */
.progreso{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#3D63E0,#FF7F7A,#00B8AA,#E8AE2E);z-index:60;pointer-events:none}
main.ciclo > .progreso{position:fixed;z-index:60}
main:has(> .empresa2c){max-width:1680px}
.empresa2c{display:grid;grid-template-columns:minmax(300px,.36fr) minmax(0,1fr);gap:clamp(36px,4.5vw,80px);align-items:start;padding-top:clamp(28px,3vw,48px)}
.e-izq{position:sticky;top:76px;max-height:calc(100vh - 86px);overflow-y:auto;scrollbar-width:none;padding:4px 6px;margin:-4px -6px}
.e-izq::-webkit-scrollbar{display:none}
.e-fija{display:flex;flex-direction:column;gap:12px}
.e-izq .lado-ciclo{flex-direction:column;align-items:flex-start;gap:12px}
.e-izq .lado-ciclo .mr{width:clamp(110px,9vw,150px)}
.e-izq .sello{align-self:flex-start}
.e-izq h1{font-weight:900;font-size:clamp(40px,4vw,64px);letter-spacing:-.05em;line-height:.95;margin:6px 0 0}
.e-izq h1 em{color:var(--salmon2)}
.e-izq .entrada{margin:0;color:var(--suave);font-size:17px}
.e-izq .cifras{display:grid;grid-template-columns:auto auto;gap:14px 28px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:16px 0;margin:4px 0}
.e-izq .cifras > div{display:flex;flex-direction:column}
.e-izq .cifras b{font-weight:900;font-size:clamp(36px,3vw,48px);letter-spacing:-.05em;line-height:.9}
.e-izq .cifras span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin-top:6px}
.e-izq .cifras .ultimo{grid-column:1/-1;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.e-izq .cifras .ultimo b{font-size:20px;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}
.e-izq .cifras .ultimo:hover b{color:var(--salmon2)}
.e-izq .p-sub-t{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:6px 0 0}
.e-izq .p-sub{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}
.e-izq .p-sub a{display:flex;gap:10px;align-items:center;border:1px solid var(--linea);border-radius:10px;padding:8px 34px 8px 10px;position:relative;background:rgba(255,255,255,.6);text-decoration:none;color:inherit;font-size:15px;opacity:.85;transition:opacity .2s,border-color .2s,transform .2s,background .2s}
.e-izq .p-sub a::after{content:"→";position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.4}
.e-izq .p-sub a span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;border-radius:11px;border:1.5px solid var(--salmon2);color:var(--salmon2);font-family:var(--mono);font-size:10.5px;font-weight:600}
.e-izq .p-sub a:hover{opacity:1;border-color:#E8AE2E;transform:translateX(3px)}
.e-izq .p-sub a.on{opacity:1;border-color:#E8AE2E;background:#FBF0DC;font-weight:700}
.e-izq .p-sub a.on span{background:#E8AE2E;border-color:#E8AE2E;color:#06123A}
.e-der{min-width:0}
.e-der > section{margin-top:clamp(64px,7vw,104px);scroll-margin-top:100px}
.e-der > section:first-child{margin-top:0}
@media (max-width:1000px){.empresa2c{grid-template-columns:minmax(0,1fr);gap:40px}.e-izq{position:static;max-height:none;overflow:visible}}
@media (prefers-color-scheme:dark){.e-izq .p-sub a{background:rgba(255,255,255,.04)}.e-izq .p-sub a.on{background:rgba(232,174,46,.16);color:var(--texto)}}

/* Tramos de la rueda que llevan a su sección (carpeta de la empresa): se encienden al pasar o al enfocar */
.mr-ir{cursor:pointer;outline:none}
.mr-ir .mr-a{transition:opacity .2s,stroke-width .2s}
.mr-ir:hover .mr-a,.mr-ir:focus-visible .mr-a{opacity:1;stroke-width:66}
.mr-ir:hover .mr-ic,.mr-ir:focus-visible .mr-ic{opacity:1}
.mr-ir:focus-visible .mr-a{stroke-dasharray:none;filter:drop-shadow(0 0 6px rgba(0,229,212,.8))}
html:has(.empresa2c){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.empresa2c){scroll-behavior:auto}.mr-ir .mr-a{transition:none}}
/* ==== Carpeta por fases (spec 2026-10-18-carpeta-por-fases; maqueta B de docs/maqueta-fases/, elegida por Iván el 18-10-2026) ====
   La carpeta de la empresa en las cuatro fases de El Ciclo: a la izquierda la rueda (cada tramo, una fase), el saludo,
   las cifras y el índice por fases; a la derecha, la fase abierta; fijo al borde derecho, el anillo de la propuesta;
   en el móvil, la barra de las cuatro fases. /_portal/fase-carpeta.js esconde las fases cerradas y hace la transición. */
.fases{--fa1:#001F78;--fa2:#E85F5A;--fa3:#00968B;--fa4:#B7861C}
.f-zona{position:relative;min-width:0;overflow:clip;overflow-clip-margin:24px}
.f-panel{position:relative}
.f-panel[data-fase="1"]{--fa:var(--fa1)}.f-panel[data-fase="2"]{--fa:var(--fa2)}.f-panel[data-fase="3"]{--fa:var(--fa3)}.f-panel[data-fase="4"]{--fa:var(--fa4)}
.fases-js .f-panel{transition:transform .95s cubic-bezier(.72,0,.22,1),opacity .7s ease}
.fases-js .f-panel.sale{position:absolute;inset:0 0 auto 0;pointer-events:none}
.f-panel + .f-panel{margin-top:clamp(80px,9vw,140px)}
.fases-js .f-panel + .f-panel{margin-top:0}
.f-panel{scroll-margin-top:110px}
.f-panel > section{margin-top:clamp(56px,6vw,88px);scroll-margin-top:110px}
.f-panel > .f-cab + section,.f-panel > .f-cab + .f-vacia{margin-top:clamp(28px,3vw,40px)}
.f-panel .cab .num{color:var(--fa)}
.f-cab{display:flex;gap:clamp(16px,2vw,28px);align-items:flex-start;padding:clamp(18px,2vw,26px) 0 clamp(18px,2vw,24px);border-top:4px solid var(--fa);border-bottom:1px solid var(--linea);scroll-margin-top:100px}
.f-n{font-weight:900;font-size:clamp(64px,7vw,104px);letter-spacing:-.06em;line-height:.8;color:var(--fa)}
.f-eta{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--fa)}
.f-cab h2{margin:4px 0 0;font-weight:900;font-size:clamp(34px,3.4vw,52px);letter-spacing:-.045em;line-height:1}
.f-cab h2:focus{outline:none}
.f-cab h2:focus-visible{outline:2px solid var(--salmon);outline-offset:4px}
.f-cab p{margin:8px 0 0;color:var(--suave);font-size:17px}
.f-vacia{border:1.5px dashed var(--linea);border-radius:16px;padding:22px 28px;color:var(--suave)}
.f-vacia p{margin:6px 0}
.f-vacia b{color:var(--texto)}
.f-vacia a{color:var(--fa);font-weight:700}
/* «Tus auditorías» (fase 1) y Visibilidad IA (fase 3) */
.f-aud .vivos-generales{margin-bottom:22px}
.ia-webs{display:flex;flex-direction:column;border-top:1px solid var(--linea)}
.ia-fila{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--linea);text-decoration:none;color:inherit}
.ia-fila .w{font-weight:800;font-size:19px;letter-spacing:-.02em;overflow-wrap:anywhere}
.ia-fila small{display:block;font-weight:400;font-size:13.5px;color:var(--suave);letter-spacing:0}
.ia-fila:hover .w,.ia-fila:focus-visible .w{color:#7C4DFF}
.ia-fila .mini-ciclo,.ia-estrella{width:40px;height:40px;border-radius:50%;background:rgba(124,77,255,.1)}
.ia-estrella{display:inline-flex;align-items:center;justify-content:center;color:#7C4DFF;font-size:22px}
/* Rueda: el tramo y el icono de la fase abierta; el giro largo al cambiar de fase */
.mr .f-centro{display:none}
.mr[data-p="1"] .f-centro[data-fase="1"],.mr[data-p="2"] .f-centro[data-fase="2"],.mr[data-p="3"] .f-centro[data-fase="3"],.mr[data-p="4"] .f-centro[data-fase="4"]{display:inline}
.mr.f-giro .mr-g,.mr.f-giro .mr-l{transition:transform 1.1s cubic-bezier(.72,0,.22,1)}
.pf.f-giro .pf-g{transition:transform 1.1s cubic-bezier(.72,0,.22,1)}
main:has(.empresa2c.fases) .pf-a{transition:opacity .9s}
main:has(.empresa2c.fases) .pf[data-p="1"] .s1,main:has(.empresa2c.fases) .pf[data-p="2"] .s2,main:has(.empresa2c.fases) .pf[data-p="3"] .s3,main:has(.empresa2c.fases) .pf[data-p="4"] .s4{opacity:.2}
/* Índice por fases (columna izquierda) */
.f-indice > ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fi1{--c:#001F78;--cbg:#E3E9FB;--ct:#001F78}.fi2{--c:#FF7F7A;--cbg:#FFE9E8;--ct:#B03C37}.fi3{--c:#00B8AA;--cbg:#DDF8F5;--ct:#00786F}.fi4{--c:#E8AE2E;--cbg:#FCF1D6;--ct:#8A6412}
.f-ir{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--linea);border-radius:12px;padding:9px 12px;text-decoration:none;color:inherit;font-weight:650;font-size:15.5px;background:rgba(255,255,255,.6);transition:border-color .2s,background .2s,transform .2s}
.f-ir b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--c);color:#fff;font-family:var(--mono);font-size:13px}
.fi2 .f-ir b,.fi3 .f-ir b,.fi4 .f-ir b{color:#06123A}
.f-ir small{font-family:var(--mono);font-size:11px;color:var(--suave)}
.f-ir:hover{transform:translateX(3px);border-color:var(--c)}
.f-ir.on{border:2px solid var(--c);background:var(--cbg);font-weight:800}
.fi-sub{list-style:none;display:flex;flex-direction:column;gap:2px;margin:6px 0 4px 18px;padding:0 0 0 14px;border-left:2px solid var(--c)}
.fases-js .f-indice li:not(.abierta) .fi-sub{display:none}
.fi-sub a{display:flex;gap:10px;align-items:center;padding:5px 6px;border-radius:8px;text-decoration:none;color:inherit;font-size:14.5px;opacity:.85}
.fi-sub a:hover,.fi-sub a.on{opacity:1}
.fi-sub a.on{font-weight:700;background:var(--cbg)}
.fi-sub a span{font-family:var(--mono);font-size:11px;color:var(--ct);font-weight:600;min-width:26px}
.f-escribe{display:inline-block;margin-top:10px;font-size:14.5px;font-weight:650;color:var(--salmon2);text-decoration:none}
.f-escribe::before{content:"✉ "}
.f-sig{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:12px 16px;border-radius:14px;background:var(--noche);color:#fff;text-decoration:none;font-weight:800;font-size:15.5px}
.f-sig small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;opacity:.7}
.f-sig i{font-style:normal;font-size:20px}
.f-sig:hover{background:var(--navy)}
/* Anillo fijo a la derecha (el .lado de la propuesta) */
main.ciclo > .f-anillo{position:fixed;right:clamp(10px,1.3vw,20px);top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 10px;background:rgba(8,12,38,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:30px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.f-anillo > a{position:relative;display:flex;justify-content:center;align-items:center;width:48px;height:14px;color:#fff;text-decoration:none}
.f-anillo > a i{display:block;width:14px;height:2px;background:#fff;opacity:.45;border-radius:2px;transition:width .3s,opacity .3s}
.f-anillo > a:hover i,.f-anillo > a:focus-visible i{opacity:1;width:20px}
.f-anillo span{position:absolute;right:calc(100% + 22px);top:50%;transform:translate(6px,-50%);white-space:nowrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(8,12,38,.92);padding:5px 9px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.f-anillo a:hover span,.f-anillo a:focus-visible span{opacity:1;transform:translate(0,-50%)}
@media (min-width:1980px){.f-anillo a.on span{opacity:1;transform:translate(0,-50%)}}
.f-aro{position:relative;width:52px;height:52px;margin:12px 0;border:1.5px dashed rgba(255,255,255,.3);border-radius:50%}
.f-aro > b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;opacity:.55;font-size:13px}
.f-aro a.p{position:absolute;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}
.f-aro a.p i{display:block;width:10px;height:10px;border-radius:50%;opacity:.75;background:var(--c);transition:width .3s,height .3s,opacity .3s,box-shadow .3s}
.f-aro a.p:hover i,.f-aro a.p:focus-visible i{width:13px;height:13px;opacity:1}
.f-aro a.p.on i{width:15px;height:15px;opacity:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 35%,transparent)}
.f-aro .p1{--c:#5B7BEA;left:50%;top:0}.f-aro .p2{--c:#FF7F7A;left:100%;top:50%}.f-aro .p3{--c:#00E5D4;left:50%;top:100%}.f-aro .p4{--c:#E8AE2E;left:0;top:50%}
.f-aro .p1 span,.f-aro .p3 span{right:calc(100% + 30px)}.f-aro .p2 span{right:calc(100% + 56px)}.f-aro .p4 span{right:calc(100% + 4px)}
.fases .e-der{padding-right:clamp(0px,5vw,84px)}
/* Barra de fases: solo en el móvil */
.f-barra{display:none}
.fb1{--c:#001F78;--cbg:#E3E9FB}.fb2{--c:#FF7F7A;--cbg:#FFE9E8}.fb3{--c:#00B8AA;--cbg:#DDF8F5}.fb4{--c:#E8AE2E;--cbg:#FCF1D6}
.empresa2c.fases ~ .escribenos{max-width:1680px;margin:clamp(72px,8vw,120px) auto 0}
@media (max-width:1000px){
  main.ciclo > .f-anillo{display:none}
  .fases .e-der{padding-right:0}
  .f-barra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:sticky;top:60px;z-index:20;margin:0 -16px 24px;padding:8px 16px;background:color-mix(in srgb,var(--fondo) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
  .f-barra a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 2px 6px;border-radius:12px;border:1px solid var(--linea);text-decoration:none;color:inherit;font-size:12.5px;font-weight:650;min-height:44px;min-width:0}
  .f-barra a b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--c);color:#fff;font-family:var(--mono);font-size:11px}
  .f-barra .fb2 b,.f-barra .fb3 b,.f-barra .fb4 b{color:#06123A}
  .f-barra a.on{border:2px solid var(--c);background:var(--cbg);font-weight:800}
  .fases-js .f-panel{transition:opacity .45s ease,transform .45s ease}
  .f-n{font-size:56px}
  .f-panel,.f-panel > section{scroll-margin-top:150px}
}
@media (prefers-color-scheme:dark){
  .fases{--fa1:#7F9CFF;--fa2:#FF7F7A;--fa3:#00E5D4;--fa4:#F2C14E}
  .fi1,.fb1{--c:#3D63E0;--cbg:rgba(61,99,224,.22)}.fi2,.fb2{--cbg:rgba(255,127,122,.16)}.fi3,.fb3{--cbg:rgba(0,184,170,.18)}.fi4,.fb4{--cbg:rgba(232,174,46,.16)}
  .f-ir{background:rgba(255,255,255,.04)}
  .fi1{--ct:var(--fa1)}.fi2{--ct:var(--fa2)}.fi3{--ct:var(--fa3)}.fi4{--ct:var(--fa4)}
  main.ciclo > .f-anillo{border:1px solid rgba(255,255,255,.18)}
  .f-sig{background:#13215C}
  .f-sig:hover{background:#1E2C66}
}
@media (prefers-reduced-motion:reduce){.fases-js .f-panel,.mr.f-giro .mr-g,.mr.f-giro .mr-l,.pf.f-giro .pf-g{transition:none}}
/* fin de la carpeta por fases */

/* Panel de agencia (spec 2026-10-17-panel-agencia; maqueta docs/maqueta-panel/): misma rejilla que la carpeta de la
   empresa (.empresa2c), prefijo pa-. Verde = activa, dorado = pendiente, rojo = peligro o fallo, turquesa = Eco. */
.quien .ir-panel{color:#F2C14E;text-decoration:none;font-weight:600}
.quien .ir-panel:hover{color:#fff}
.pa{--ok:#0E8A5F;--okbg:#DDF5EA;--oro:#E8AE2E;--orobg:#FCF1D6;--gris:#8A93B2;--blanco:#fff}
.pa .e-izq .e-fija{gap:8px}
.pa .e-izq h1{font-size:clamp(38px,3.2vw,52px)}
.pa .e-izq .lado-ciclo .mr{width:clamp(96px,7.5vw,120px)}
.pa .e-izq .cifras{gap:10px 24px;padding:12px 0}
.pa .e-izq .cifras b{font-size:clamp(30px,2.4vw,40px)}
.pa .e-izq .cifras .alerta b{color:var(--error)}
.pa .e-izq .p-sub a{padding:6px 34px 6px 10px;font-size:14.5px}
.pa-filtro{display:flex;flex-direction:column;gap:6px;margin:2px 0 4px}
.pa-filtro span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.pa-sel{font:inherit;font-size:15px;font-weight:700;color:var(--tinta);background:var(--blanco);border:1.5px solid rgba(10,20,66,.16);border-radius:10px;padding:10px 12px}
.pa-aviso{position:sticky;top:72px;z-index:5;margin:0 0 16px;padding:12px 16px;border-radius:12px;background:var(--okbg);color:var(--ok);font-weight:650}
.pa-aviso.malo{background:#FCE4E2;color:var(--error)}
/* El aviso es el primer hijo de la columna: sin esto la primera sección pierde el margin-top:0 de :first-child y deja un hueco. */
.pa .e-der > .pa-aviso + section{margin-top:0}
.pa-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:28px 0 18px}
.pa-chips{display:flex;flex-wrap:wrap;gap:6px}
.pa-chip{font:inherit;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--linea);background:var(--blanco);border-radius:999px;padding:6px 12px;color:var(--suave);cursor:pointer}
.pa-chip.on{background:var(--noche);color:#fff;border-color:var(--noche)}
.pa-chip b{font-weight:600;color:var(--salmon2);margin-left:4px}
.pa-btn{font:inherit;font-weight:800;font-size:15px;border:0;border-radius:999px;padding:11px 20px;background:var(--navy);color:#fff;cursor:pointer;white-space:nowrap}
.pa-btn:disabled{opacity:.5;cursor:wait}
.pa-btn.sec{background:transparent;color:var(--texto);border:1.5px solid var(--linea);font-weight:700;font-size:13px;padding:7px 13px}
.pa-btn.sec:hover{border-color:var(--salmon2);color:var(--salmon2)}
.pa-btn.peligro{background:transparent;color:var(--error);border:1.5px solid rgba(194,54,47,.35);font-weight:700;font-size:13px;padding:7px 13px}
.pa-btn.peligro:hover{border-color:var(--error)}
.pa-tabla{border-bottom:1px solid var(--linea)}
.pa-nada{color:var(--suave);font-size:15px;margin:14px 0}
.pa-nota{font-size:14px;color:var(--suave);margin:14px 0 0}
.pa-nota b{color:var(--texto)}
.pa-sub{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin:30px 0 8px}
.pa-bar .pa-sub{margin:0}
.pa-fila{display:grid;grid-template-columns:minmax(0,1.7fr) 150px 150px auto;gap:18px;align-items:center;padding:15px 0;border-top:1px solid var(--linea)}
.pa-fila.apagada .pa-quien b{opacity:.5}
.pa-quien b{display:block;font-size:17px;font-weight:750;letter-spacing:-.01em;overflow-wrap:anywhere}
.pa-quien small{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:var(--suave)}
.pa-quien small i{font-style:normal;background:var(--accbg);color:#05524C;border-radius:4px;padding:1px 6px;margin-right:6px}
.pa-est{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 10px;justify-self:start;white-space:nowrap}
.pa-est.ok{background:var(--okbg);color:var(--ok)}
.pa-est.no{background:#ECEEF5;color:var(--gris)}
.pa-est.pend{background:var(--orobg);color:#8A5A00}
.pa-est.rev{background:#FCE4E2;color:var(--error)}
.pa-cupo{display:flex;align-items:center;gap:6px;font-size:14px}
.pa-cupo button{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--linea);background:var(--blanco);color:var(--texto);font:inherit;font-weight:700;cursor:pointer;line-height:1}
.pa-cupo button:disabled{opacity:.4;cursor:default}
.pa-cupo b{min-width:26px;text-align:center;font-weight:800;font-size:17px}
.pa-cupo .sin{color:var(--gris);font-size:13px}
.pa-eco{flex:none}
.pa-acc{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;align-items:center}
.pa-error{grid-column:1/-1;margin:0;color:var(--error);font-weight:650;font-size:14px}
.pa-ayuda{grid-column:1/-1;margin:0;font-size:13.5px;color:var(--suave)}
.pa-alta,.pa-clave-f,.pa-inf.edita,.pa-tar.edita{background:var(--superficie);border-radius:16px;padding:20px;display:grid;gap:14px;align-items:end}
.pa-alta{grid-template-columns:1.3fr 1fr 1.6fr 110px;margin-bottom:22px}
.pa-alta h3{grid-column:1/-1;margin:0;font-size:19px;font-weight:800;letter-spacing:-.02em}
.pa-alta > .pa-acc{grid-column:1/-1;justify-content:flex-start}
.pa-clave-f{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;margin-top:4px}
.pa-alta label > span:first-child,.pa-clave-f label > span:first-child,.pa-inf.edita label > span:first-child,.pa-tar.edita label > span:first-child{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:6px}
.pa-campo{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:15px;background:var(--blanco);border:1.5px solid rgba(10,20,66,.16);border-radius:10px;padding:10px 12px;color:var(--tinta)}
.pa-campo:focus{outline:none;border-color:#00B8AA;box-shadow:0 0 0 4px rgba(0,184,170,.15)}
.pa-clave{display:block;min-width:0}
.pa-clave-in{display:flex;gap:6px;align-items:center}
.pa-clave-in .pa-campo{flex:1;min-width:0}
.pa-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0}
.pa-kpi{border:1px solid var(--linea);border-radius:14px;padding:14px 16px;background:var(--blanco)}
.pa-kpi b{display:block;font-size:36px;font-weight:900;letter-spacing:-.05em;line-height:1}
.pa-kpi span{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.pa-kpi.tq b{color:#00968B}.pa-kpi.rj b{color:var(--error)}.pa-kpi.gr b{color:var(--gris)}
.pa-uso{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 90px;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--linea);font-size:15px}
.pa-uso span{overflow-wrap:anywhere}
.pa-uso small{display:block;font-family:var(--mono);font-size:11px;color:var(--suave)}
.pa-uso .tr{height:8px;border-radius:4px;background:#E7EAF3;overflow:hidden}
.pa-uso .tr i{display:block;height:100%;background:#00B8AA;border-radius:4px}
.pa-uso .tr i.lleno{background:var(--salmon)}
.pa-uso em{font-family:var(--mono);font-style:normal;font-size:13px;color:var(--texto);text-align:right}
.pa-ev{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:13px 0;border-top:1px solid var(--linea)}
.pa-ev .dot{width:10px;height:10px;border-radius:50%;margin-top:7px;background:var(--error)}
.pa-ev .dot.curso{background:#00B8AA;box-shadow:0 0 0 5px rgba(0,184,170,.18)}
.pa-ev .dot.dev{background:var(--oro)}
.pa-ev b{font-weight:750;overflow-wrap:anywhere}
.pa-ev p{margin:2px 0 0;font-size:14px;color:var(--suave)}
.pa-ev time,.pa-acc-fila time{font-family:var(--mono);font-size:11.5px;color:var(--suave);white-space:nowrap}
.pa-enl{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 150px auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--linea)}
.pa-enl b{display:block;font-weight:750;overflow-wrap:anywhere}
.pa-enl small{display:block;font-family:var(--mono);font-size:11px;color:var(--suave);overflow-wrap:anywhere}
.pa-enl .cad{font-family:var(--mono);font-size:12px}
.pa-enl .cad.pronto{color:#8A5A00;font-weight:600}
.pa-emps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:24px 0 8px}
.pa-emp{border:1px solid var(--linea);border-radius:14px;padding:14px 16px;background:var(--blanco);display:flex;flex-direction:column;gap:4px;min-width:0}
.pa-emp h4{margin:0;font-size:19px;font-weight:850;letter-spacing:-.02em}
.pa-emp p{margin:0;font-size:14px;color:var(--suave);overflow-wrap:anywhere}
.pa-emp p b{color:var(--texto)}
.pa-emp .mal{align-self:flex-start;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#FCE4E2;color:var(--error);border-radius:999px;padding:3px 9px;margin-top:4px}
.pa-emp .bien{align-self:flex-start;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);margin-top:4px}
.pa-acc-fila{display:grid;grid-template-columns:110px 96px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--linea);font-size:14.5px}
.pa-acc-fila small{display:block;font-family:var(--mono);font-size:11.5px;color:var(--suave);overflow-wrap:anywhere}
.pa-que{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 8px;justify-self:start;background:#ECEEF5;color:var(--gris)}
.pa-que.entrada{background:var(--okbg);color:var(--ok);margin:0;max-width:none;opacity:1;line-height:normal} /* anula el .entrada global (la frase de las portadas), que le daba margen y opacidad */
.pa-que.fallo,.pa-que.bloqueo{background:#FCE4E2;color:var(--error)}
.pa-que.enlace,.pa-que.compartir,.pa-que.panel{background:var(--orobg);color:#8A5A00}
.pa-tog2{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.pa-inf{display:grid;grid-template-columns:150px 150px minmax(0,1fr) 80px auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--linea)}
.pa-inf b{font-size:17px;font-weight:800}
.pa-inf .mono{font-family:var(--mono);font-size:12.5px;color:var(--suave)}
.pa-inf.edita{grid-template-columns:150px 1fr 1.6fr 1.4fr auto;margin:8px 0;border-top:0}
.pa-inf.edita > .pa-acc{grid-column:1/-1;justify-content:flex-start}
.pa-webs{display:flex;flex-wrap:wrap;gap:6px}
.pa-web{font-size:13px;font-weight:650;background:var(--orobg);color:#6B4A00;border-radius:999px;padding:4px 10px}
.pa-si{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.pa-tar{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--linea)}
.pa-tar b{display:block;font-weight:750}
.pa-tar small{display:block;font-family:var(--mono);font-size:11px;color:var(--suave);overflow-wrap:anywhere}
.pa-tar.edita{grid-template-columns:1fr 1.4fr 1.6fr 1fr;margin:8px 0;border-top:0}
.pa-tar.edita > .pa-acc{grid-column:1/-1;justify-content:flex-start}
.pa-mini{width:96px;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:var(--mini);display:flex;align-items:center;justify-content:center}
.pa-mini.vacia{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
@media (max-width:1100px){
  .pa-fila{grid-template-columns:minmax(0,1fr) auto}
  .pa-fila .pa-cupo{grid-column:1}
  .pa-fila .pa-acc{grid-column:1/-1;justify-content:flex-start}
  .pa-alta{grid-template-columns:1fr 1fr}
  .pa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pa-enl,.pa-inf{grid-template-columns:minmax(0,1fr) auto}
  .pa-inf.edita,.pa-tar.edita{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .pa-fila{grid-template-columns:minmax(0,1fr)}
  .pa-alta,.pa-inf.edita,.pa-tar.edita,.pa-clave-f{grid-template-columns:minmax(0,1fr)}
  .pa-clave-in{flex-wrap:wrap}
  .pa-uso{grid-template-columns:minmax(0,1fr) 80px}
  .pa-uso .tr{grid-column:1/-1;grid-row:2}
  .pa-acc-fila{grid-template-columns:auto minmax(0,1fr)}
  .pa-acc-fila > span:last-child{grid-column:1/-1}
  .pa-enl,.pa-inf,.pa-tar{grid-template-columns:minmax(0,1fr)}
  .pa-ev{grid-template-columns:auto minmax(0,1fr)}
  .pa-ev time{grid-column:2}
  .pa-tar .pa-mini{display:none}
}
@media (prefers-color-scheme:dark){
  .pa-sel,.pa-campo{background:var(--superficie);color:var(--texto);border-color:var(--linea)}
  .pa{--okbg:rgba(14,138,95,.22);--ok:#7FE0B5;--orobg:rgba(232,174,46,.18);--blanco:var(--superficie)}
  .pa-chip.on{background:#fff;color:var(--noche);border-color:#fff}
  .pa-btn{background:#3D63E0}
  .pa-est.no,.pa-que{background:rgba(255,255,255,.08);color:var(--suave)}
  .pa-est.pend,.pa-que.enlace,.pa-que.compartir,.pa-que.panel,.pa-web{color:#F2C97A}
  .pa-est.rev,.pa-que.fallo,.pa-que.bloqueo,.pa-emp .mal,.pa-aviso.malo{background:#4A1A17;color:#FFB3AF}
  .pa-quien small i{background:rgba(0,184,170,.18);color:#9FF0E6}
  .pa-uso .tr{background:rgba(255,255,255,.1)}
  .pa-alta,.pa-clave-f,.pa-inf.edita,.pa-tar.edita{background:rgba(255,255,255,.04);border:1px solid var(--linea)}
}

/* ==== Tareas de la auditoría (paso 1 de El Ciclo, docs/maqueta-tareas/) ==== */
.tareas .t-tws{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:22px}
.tareas .t-tw{display:flex;flex-direction:column;gap:12px;border:1px solid var(--linea);border-radius:16px;padding:18px;background:#fff;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}
.tareas .t-tw:hover{border-color:var(--acc)}
.tareas .t-tw.sel{border:2px solid var(--acc);box-shadow:0 10px 28px rgba(0,31,120,.12)}
.tareas .t-tw-c{display:flex;flex-direction:column;justify-content:space-between;align-items:baseline;gap:8px}
.tareas .t-tw-n{font-weight:900;font-size:22px;letter-spacing:-.03em}
.tareas .t-tw-f{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.tareas .t-tw-p{display:flex;align-items:baseline;gap:10px}
.tareas .t-tw-p b{font-weight:900;font-size:46px;letter-spacing:-.05em;line-height:.9;color:var(--acc)}
.tareas .t-tw-p b small{font-size:22px}
.tareas .t-tw-p span{font-size:14px;opacity:.75}
.tareas .t-tb{display:flex;height:10px;border-radius:5px;overflow:hidden;background:#EEF0F6;gap:2px}
.tareas .t-tb i{display:block;height:100%}
.tareas .pe{--c:#C9CFDF}
.tareas .ec{--c:#3D63E0}
.tareas .bl{--c:#FF7F7A}
.tareas .im{--c:#13A07B}
.tareas .ve{--c:#001F78}
.tareas .de{--c:#E4E6EE}
.tareas .cm{--c:#B7861C}
.tareas .t-tb i{background:var(--c)}
.tareas .t-pt{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}
.tareas .t-tw-pie{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;opacity:.85}
.tareas .t-tw-pie span{display:inline-flex;align-items:center;gap:6px}
.tareas .t-tw-pie .t-urg{color:var(--salmon2);font-weight:700}
.tareas .t-ley{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;opacity:.75}
.tareas .t-ley span{display:inline-flex;gap:6px;align-items:center}
.tareas .t-filtros{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:22px 0 8px;padding:14px 16px;border-radius:14px;background:var(--noche);color:#fff;position:sticky;top:66px;z-index:3}
.tareas .t-filtros .t-fw{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.tareas .t-filtros select{font:inherit;font-family:Inter;font-size:14px;font-weight:700;text-transform:none;letter-spacing:0;border-radius:8px;border:0;padding:5px 8px}
.tareas .t-fg{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.tareas .t-fl{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-right:4px}
.tareas .t-fc{white-space:nowrap;font:inherit;font-size:12.5px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:999px;padding:4px 10px;cursor:pointer}
.tareas .t-fc.on{background:var(--acc2);border-color:var(--acc2);color:#06123A;font-weight:700}
.tareas .t-fb{flex:1;min-width:180px;font:inherit;font-size:14px;border-radius:8px;border:0;padding:7px 10px}
.tareas .t-area{margin-top:26px}
.tareas .t-area-c{display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center;border-bottom:2px solid var(--tinta);padding-bottom:8px;margin-bottom:6px}
.tareas .t-area-c h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0}
.tareas .t-area-c span{font-family:var(--mono);font-size:11.5px;opacity:.7}
.tareas .t-area-c .t-tb{height:6px}
.tareas .t-tf{border-bottom:1px solid var(--linea)}
.tareas .t-tf summary{list-style:none;display:grid;grid-template-columns:64px 34px 1fr auto;gap:12px;align-items:start;padding:12px 4px;cursor:pointer}
.tareas .t-tf summary::-webkit-details-marker{display:none}
.tareas .t-tf[open] summary{background:var(--accbg);border-radius:10px 10px 0 0}
.tareas .t-id{font-family:var(--mono);font-size:12px;opacity:.6;padding-top:2px}
.tareas .t-t{font-size:15px;line-height:1.38;font-weight:550}
.tareas .t-tf.t-hecha .t-t{opacity:.55}
.tareas .t-tf.t-desc .t-t{text-decoration:line-through;opacity:.45}
.tareas .t-pr{font-family:var(--mono);font-size:10.5px;font-weight:700;border-radius:5px;padding:2px 5px;text-align:center}
.tareas .t-pr.P0{background:var(--salmon2);color:#fff}
.tareas .t-pr.P1{background:#FFE1DF;color:#A23A36}
.tareas .t-pr.P2{background:#EEF0F6;color:#5F6B8F}
.tareas .t-m{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:150px}
.tareas .t-resp{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.tareas .t-est{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;color:#fff;background:var(--c)}
.tareas .t-est.pe{color:#3A4466}
.tareas .t-est.de{color:#5F6B8F}
.tareas .t-hace{font-size:12px;opacity:.6}
.tareas .t-com{font-size:12px;color:var(--oro,#B7861C);font-weight:700}
.tareas .t-d{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;padding:16px 18px 20px;background:var(--accbg);border-radius:0 0 10px 10px;margin-bottom:8px}
.tareas .t-mini{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:0 0 8px}
.tareas .t-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tareas .t-hist li{display:grid;grid-template-columns:12px 1fr;gap:10px;font-size:14px;line-height:1.4}
.tareas .t-hist li .t-pt{margin-top:5px}
.tareas .t-hist li span{display:block;font-family:var(--mono);font-size:11px;opacity:.6}
.tareas .t-hist li.c{background:#fff;border-radius:10px;padding:8px 10px 8px 8px}
.tareas .t-be-g{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.tareas .t-be{font:inherit;font-size:13px;border:1.5px solid var(--c);color:var(--tinta);background:#fff;border-radius:999px;padding:5px 12px;cursor:pointer}
.tareas .t-be.on{background:var(--c);color:#fff;font-weight:700}
.tareas .t-be.pe.on{color:#3A4466}
.tareas .t-nota{font-size:12.5px;line-height:1.4;opacity:.7;margin:0 0 14px}
.tareas .t-acc textarea{width:100%;font:inherit;font-size:14px;border:1px solid var(--linea);border-radius:10px;padding:8px 10px;resize:vertical}
.tareas .t-btn{font:inherit;font-weight:700;font-size:13.5px;background:var(--acc);color:#fff;border:0;border-radius:999px;padding:7px 16px;margin-top:8px;cursor:pointer}
.tareas .t-ver{display:block;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--acc)}
.tareas .t-vmas{font:inherit;font-size:13px;font-weight:700;background:none;border:1px solid var(--linea);border-radius:999px;padding:6px 14px;margin-top:10px;cursor:pointer}
.tareas .t-sigue{margin-top:18px;font-size:14px;opacity:.65}
.tareas .t-act{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column}
.tareas .t-act li{display:grid;grid-template-columns:14px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--linea)}
.tareas .t-act li .t-pt{margin-top:6px}
.tareas .t-act p{margin:0;font-size:15px;line-height:1.4}
.tareas .t-act-t{font-weight:700}
.tareas .t-act-w{font-family:var(--mono);font-size:11px;opacity:.6}
@media (max-width:900px){.tareas .t-area-c{grid-template-columns:auto 1fr}.tareas .t-area-c .t-tb{grid-column:1 / -1;width:100%;height:6px}.tareas .t-tf summary{grid-template-columns:52px 30px 1fr}.tareas .t-m{grid-column:2/-1;flex-direction:row;flex-wrap:wrap;align-items:center;min-width:0}.tareas .t-d{grid-template-columns:1fr}.tareas .t-filtros{position:static}}
.tareas .t-emp{display:flex;flex-direction:column;gap:6px;max-width:360px;margin-top:16px}
.tareas .t-err{border:1px dashed var(--salmon2);border-radius:16px;padding:18px;font-size:14px}
.tareas .t-per{display:flex;gap:8px;margin-bottom:14px}.tareas .t-per .t-in{flex:1}
.tareas .t-in{width:100%;font:inherit;font-size:14px;border:1px solid var(--linea);border-radius:10px;padding:8px 10px;background:#fff;color:inherit}
.tareas .t-error{color:var(--salmon2);font-weight:700;font-size:13.5px;margin:8px 0 0}
.tareas .t-vacio{opacity:.65;margin-top:16px}
.tareas .t-act-t{color:inherit;font-weight:700;text-decoration:none}.tareas .t-act-t:hover{text-decoration:underline}
.tareas .t-fc:focus-visible,.tareas .t-be:focus-visible,.tareas .t-tw:focus-visible,.tareas summary:focus-visible{outline:3px solid var(--acc2);outline-offset:2px}
@media (prefers-color-scheme:dark){.tareas .t-tw,.tareas .t-in,.tareas .t-be,.tareas .t-hist li.c{background:#0B1440;color:#E8ECF8}.tareas .t-tf[open] summary,.tareas .t-d{background:#13215C}}
@media (prefers-reduced-motion:reduce){.tareas .t-tw{transition:none}}
/* Cómo avanza (docs/maqueta-tareas/evolucion.mjs) */
.tareas .t-ev-svg{width:100%;height:auto;max-width:760px;display:block;color:var(--tinta)}
.tareas .t-ev-r{stroke:currentColor;opacity:.1}.tareas .t-ev-ax{font-family:var(--mono);font-size:11px;fill:#5F6B8F}
.tareas .t-ev-lb{font-size:12.5px;fill:#5F6B8F}.tareas .t-ev-f{fill:currentColor;font-weight:800;font-size:13px}
.tareas .t-ev-tot{stroke:#001F78;stroke-width:1.5;stroke-dasharray:5 5;opacity:.55}
.tareas .t-ev-area{fill:#001F78;opacity:.09}.tareas .t-ev-linea{fill:none;stroke:#001F78;stroke-width:2.5;stroke-linejoin:round}
.tareas .t-ev-p{fill:#001F78;stroke:#fff;stroke-width:2}
.tareas .t-ev-c{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;margin-top:22px}
.tareas .t-ev-an{text-align:center}.tareas .t-ev-an p{margin:6px 0 0;font-size:14.5px}
.tareas .t-an-f{fill:none;stroke:#E3E9FB;stroke-width:16}.tareas .t-an-v{fill:none;stroke:#001F78;stroke-width:16;stroke-linecap:round}
.tareas .t-an-n{font-weight:900;font-size:30px;fill:#001F78;letter-spacing:-1px}.tareas .t-ev-mas{color:#13A07B;font-weight:800}
.tareas .t-ev-areas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.tareas .t-ev-areas li{display:grid;grid-template-columns:minmax(120px,200px) 1fr 52px 38px;gap:12px;align-items:center;font-size:14px}
.tareas .t-ev-areas .b{height:10px;border-radius:5px;background:#E3E9FB;overflow:hidden}.tareas .t-ev-areas .b i{display:block;height:100%;background:#001F78;border-radius:5px}
.tareas .t-ev-areas .c{font-family:var(--mono);font-size:12px;text-align:right;opacity:.75}.tareas .t-ev-areas .m{font-size:12px;font-weight:800;color:#13A07B}
@media (max-width:760px){.tareas .t-ev-c{grid-template-columns:1fr}.tareas .t-ev-areas li{grid-template-columns:1fr 70px 46px 30px}}
@media (prefers-color-scheme:dark){.tareas .t-ev-linea,.tareas .t-ev-tot{stroke:#7F9CFF}.tareas .t-ev-area,.tareas .t-ev-p,.tareas .t-an-n{fill:#7F9CFF}.tareas .t-an-v{stroke:#7F9CFF}.tareas .t-an-f{stroke:#1E2C66}.tareas .t-ev-areas .b{background:#1E2C66}.tareas .t-ev-areas .b i{background:#7F9CFF}.tareas .t-ev-p{stroke:#0B1440}.tareas .t-ev-svg{color:#E8ECF8}.tareas .t-ev-lb,.tareas .t-ev-ax{fill:#A9B3D6}.tareas .t-ev-f{fill:#E8ECF8}}

/* Pieza "Tareas de la auditoría" en la carpeta de la empresa */
.tareas-pieza .vivo.auditoria{display:inline-flex;align-items:center;gap:12px}
.tareas-pieza .t-mini-webs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:18px}
.tareas-pieza .t-mw{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--linea);border-radius:14px}
.tareas-pieza .t-mw .nombre{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tareas-pieza .t-mw b{font-size:34px;font-weight:900;letter-spacing:-1px;line-height:1.1;color:var(--navy)}
.tareas-pieza .t-mw b small{font-size:.5em;font-weight:800;margin-left:1px}
.tareas-pieza .t-mw-n{font-size:13px;color:var(--suave)}
.tareas-pieza .t-mw i{display:block;height:6px;border-radius:3px;background:rgba(10,20,66,.12);margin-top:6px;overflow:hidden}
.tareas-pieza .t-mw i::before{content:"";display:block;height:100%;width:var(--w,0%);background:var(--navy)}
@media (prefers-color-scheme:dark){.tareas-pieza .t-mw b{color:#7F9CFF}.tareas-pieza .t-mw i{background:#1E2C66}.tareas-pieza .t-mw i::before{background:#7F9CFF}}

/* Retoques tras las capturas (tareas): contraste en oscuro y rótulos legibles de la gráfica en móvil */
@media (prefers-color-scheme:dark){.tareas .t-tw-p b{color:#9FB4FF}.tareas .ve{--c:#A8B8FF}.tareas .t-est.ve,.tareas .t-be.ve.on{color:#001F78}}
@media (max-width:600px){.tareas .t-ev-svg{overflow:visible}.tareas .t-ev-ax{font-size:16px}.tareas .t-ev-lb,.tareas .t-ev-f{font-size:15px}}
/* ==== Escríbenos: recuadro para escribir a la agencia (carpetas de un cliente) ==== */
.escribenos .esc-form{display:flex;flex-direction:column;gap:14px;max-width:760px}
.escribenos .esc-tit{font-weight:900;font-size:clamp(30px,3.6vw,48px);line-height:1;letter-spacing:-.035em}
.escribenos .esc-sub{margin:0;color:var(--suave);max-width:58ch}
.escribenos .esc-sub b{color:var(--texto);font-weight:600}
.escribenos textarea{font:inherit;font-size:17px;line-height:1.5;color:var(--texto);background:var(--superficie);border:1px solid var(--linea);border-radius:14px;padding:16px 18px;min-height:150px;resize:vertical;transition:border-color .2s,box-shadow .2s}
.escribenos textarea:focus{outline:none;border-color:#E8AE2E;box-shadow:0 0 0 4px rgba(232,174,46,.18)}
.escribenos .esc-max{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--suave);margin-top:-6px}
.escribenos .esc-pie{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:4px}
.escribenos .esc-email{display:flex;flex-direction:column;gap:6px;flex:1;min-width:240px;max-width:420px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.escribenos .esc-email input{font:inherit;font-family:Inter,system-ui,sans-serif;font-size:16px;letter-spacing:0;text-transform:none;color:var(--texto);background:var(--superficie);border:1px solid var(--linea);border-radius:999px;padding:12px 18px;transition:border-color .2s,box-shadow .2s}
.escribenos .esc-email input:focus{outline:none;border-color:#E8AE2E;box-shadow:0 0 0 4px rgba(232,174,46,.18)}
.escribenos button{font:inherit;font-weight:800;font-size:17px;padding:14px 26px;border:0;border-radius:999px;background:var(--noche);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .2s,transform .2s}
.escribenos button:hover{background:var(--navy);transform:translateX(2px)}
.escribenos .esc-aviso{margin:0;padding:12px 16px;border-radius:12px;font-weight:600;font-size:16px}
.escribenos .esc-aviso.ok{background:#E3F6EA;color:#14532D;border:1px solid #9AD8B1}
.escribenos .esc-aviso.mal{background:#FDECEB;color:var(--error);border:1px solid #F3B7B3}
@media (max-width:700px){.escribenos button{justify-content:center}.escribenos .esc-pie{flex-direction:column;align-items:stretch}.escribenos .esc-email{max-width:none;min-width:0}}
@media (prefers-color-scheme:dark){.escribenos .esc-aviso.ok{background:rgba(34,197,94,.14);color:#BBF7D0;border-color:rgba(34,197,94,.35)}.escribenos .esc-aviso.mal{background:rgba(194,54,47,.18);border-color:rgba(255,179,175,.35)}.escribenos button{background:var(--salmon);color:var(--noche)}.escribenos button:hover{background:var(--salmon2)}}
.escribenos button .flecha{color:inherit}

/* ==== Evolución SEO (El Ciclo, paso 4, dorado; spec evolucion-nube §8 y maquetas evolucion-nube/docs/maqueta/:
   CSS_EVO y CSS_RES del resumen, CSS_CARPETA de la pieza de la carpeta y CSS_AG del panel de la agencia) ====
   El resumen y el informe completo usan la maquetación de Eco (.eco .paso2c, .p-izq, .p-der, .sp); el informe
   completo pinta además las tarjetas del Worker 1, bajo .evc (bloque de más abajo). */
.evo .p-tit em,.evo .sp-n,.evo .p-obj b,.evo .p-ent b{color:var(--acc3)}
.evo .p-sub a span{border-color:var(--acc3);color:var(--acc3)}
.evo .sp.oscuro .sp-n{color:var(--acc2)}
.evo .p-sub li[hidden]{display:none}
/* Los grupos de URLs dentro del índice, bajo «Grupos de URLs» (lo pinta indiceGrupos de evolucion.js) */
.evo .p-sub .p-sub2{list-style:none;margin:4px 0 2px 24px;padding:0 0 0 10px;border-left:2px solid var(--linea);display:flex;flex-direction:column;gap:2px}
.evo .p-sub .p-sub2 a{display:block;border:0;border-radius:8px;padding:4px 10px;background:none;font-size:12.5px;font-weight:500;letter-spacing:.01em;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evo .p-sub .p-sub2 a::after{content:none}
.evo .p-sub .p-sub2 a:hover{opacity:1;background:rgba(0,31,120,.05)}
.evo .p-sub .p-sub2 a.on{opacity:1;font-weight:750;background:var(--accbg);box-shadow:inset 3px 0 0 var(--acc2)}
.evo .p-sub a.en{opacity:1;border-color:var(--acc)}
/* Evolución a ancho completo (17-10-2026, Iván): sin el tope de 1680 px de .paso2c ni el de 1180 px (--mw) del informe completo. */
.evo .paso2c{max-width:none}
.evo .evc{--mw:none}
/* la barra de arriba, alineada con el contenido */
.evo-pagina .barra .ancho{max-width:none;padding:0 clamp(20px,3.4vw,56px)}
.evo .p-sig.atras{justify-content:flex-start;gap:12px}
.evo .p-sig.atras:hover i{transform:translateX(-5px)}
.evsel{display:grid;gap:8px}
.evsel label{display:grid;gap:4px;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.evo .evsel select.campo{font:650 15px Inter,sans-serif;letter-spacing:0;text-transform:none;padding:9px 40px 9px 12px;border:1px solid var(--linea);border-radius:10px;background-color:#fff;color:var(--tinta)}
.evo .cupo{flex-wrap:wrap}
.evo .cupo b{color:var(--acc2)}
.evo .cupo .evact{margin-left:auto;background:var(--acc2);color:#06123A;border:0;border-radius:10px;font:800 13px Inter,sans-serif;padding:10px 12px;white-space:nowrap;cursor:pointer}
.evo .cupo .evact:hover{background:#FFD86B}
.evo .cupo .evact:disabled{opacity:.45;cursor:not-allowed}
.evo .cupo.gen strong{display:block;font-weight:850;font-size:15px;color:var(--acc2)}
.evo .cupo.gen small{display:block;font-size:12.5px;opacity:.8;margin-top:2px}
.evo .cupo .everr{flex-basis:100%;margin:2px 0 0;font-size:13px;line-height:1.4;color:#FFB3AF}
.evgen{font-size:12.5px;color:var(--suave);margin:0}
.evgen:empty{display:none}
.evaviso{margin:0;padding:10px 14px;border-radius:10px;background:#FCF1D6;color:#8A5A00;font-size:14px;font-weight:600;line-height:1.4}
.evaviso.mal{background:#FDECEB;color:var(--error)}
.evcarga{margin:0;padding:28px;border:1px dashed var(--linea);border-radius:18px;font-size:17px;color:var(--suave)}
.evcarga.vacio{border-style:solid;background:var(--superficie);color:var(--texto)}
/* 4.1 · el mes en una frase (banda azul noche) */
.evband h3{font-weight:900;font-size:clamp(28px,2.6vw,42px);line-height:1.02;letter-spacing:-.04em;margin:18px 0 0;max-width:24ch}
.evband h3.largo{font-size:clamp(24px,2.1vw,34px);max-width:32ch}
.evband .rot{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc2);margin-top:14px;display:block}
.evdek{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px;max-width:70ch}
.evdek li{padding-left:18px;position:relative;line-height:1.45;opacity:.9}
.evdek li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;background:var(--acc2)}
.evdek b{color:#fff}
.evo b.n,.evo b.e,.evo b.u{font-weight:800}.evo .oscuro b.n,.evo .oscuro b.e,.evo .oscuro b.u{color:#fff}
.evten{margin:18px 0 0;padding:12px 16px;border-left:3px solid var(--acc2);background:rgba(255,255,255,.06);border-radius:0 10px 10px 0;line-height:1.45;font-size:15px}
.evten strong{display:block;font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc2);margin-bottom:4px}
.evten strong.up{color:#86EFAC}.evten strong.down{color:#FCA5A5}
.evnota{font:600 10.5px var(--mono);letter-spacing:.08em;opacity:.55;margin:14px 0 0}
.evcif{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.evcif>div{padding:16px 14px 4px;border-left:1px solid rgba(255,255,255,.14);min-width:0}
.evcif>div:first-child{border-left:0;padding-left:0}
.evcif .l{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.evcif b.v{display:block;font-weight:900;font-size:clamp(28px,2.4vw,40px);letter-spacing:-.04em;line-height:1;margin:6px 0 8px}
.evcif .ch{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.evlin{display:block;width:100%;height:34px;overflow:visible;color:var(--acc2)}
.evlin polyline{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.evlin circle{fill:currentColor}
.evchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.evchip{display:inline-block;font:700 11.5px var(--mono);padding:3px 7px;border-radius:999px;background:rgba(127,127,127,.15);white-space:nowrap}
.evchip.up{background:rgba(22,163,74,.16);color:#15803D}.evchip.down{background:rgba(220,38,38,.14);color:#B91C1C}
.evo .oscuro .evchip.up{background:rgba(74,222,128,.16);color:#86EFAC}.evo .oscuro .evchip.down{background:rgba(248,113,113,.16);color:#FCA5A5}
.evir{display:inline-block;margin-top:14px;font-weight:800;font-size:14px;color:var(--acc3);text-decoration:none;border-bottom:1.5px solid currentColor}
.evo .oscuro .evir{color:var(--acc2)}
.evir.evver{margin-top:18px}
.evdatos{font-size:12.5px;opacity:.6;margin:10px 0 0}
/* 4.2 · qué está pasando */
.evctl{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:18px}
.evseg{display:inline-flex;border:1px solid var(--linea);border-radius:12px;padding:3px;background:#fff}
.evseg button{border:0;background:transparent;font:700 13.5px Inter,sans-serif;color:var(--tinta);padding:8px 12px;border-radius:9px;opacity:.75;cursor:pointer}
.evseg button:hover{opacity:1}
.evseg button.on{background:#001F78;color:#fff;opacity:1}
.evseg button:disabled{opacity:.35;cursor:not-allowed}
.evseg.cmp button.on{background:var(--acc2);color:#06123A}
.evpanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:20px;margin-top:22px}
.evgraf{background:#fff;color:var(--tinta);border:1px solid var(--linea);border-radius:18px;padding:18px 18px 12px;min-width:0}
.evgraf h4,.evgrupos h4{margin:0;font-weight:800;font-size:17px;letter-spacing:-.01em}
.evpanh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;align-items:baseline}
.evpanh .res{font-size:13.5px;color:var(--suave)}
.evbars{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:250px;margin-top:22px;border-bottom:1px solid var(--linea);background:repeating-linear-gradient(to top,transparent 0 49px,rgba(10,20,66,.06) 49px 50px)}
.evbars .g{display:flex;gap:2px;align-items:end;height:100%;justify-content:center;border-radius:6px 6px 0 0;min-width:0}
.evbars .g.sel{background:rgba(232,174,46,.12)}
.evbars i{position:relative;display:block;width:30%;border-radius:3px 3px 0 0}
.evbars i.a0{background:#001F78}.evbars i.a1{background:#FF7F7A}.evbars i.a2{background:#C9D4EE}.evbars i.mc{background:#C98A3A}
/* barra cortada: una muesca blanca y su cifra encima, del color de su año */
.evbars i.cut::after{content:"";position:absolute;left:-2px;right:-2px;top:34%;height:7px;background:#fff;transform:skewY(-14deg)}
.evbars b.t{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);font:700 10.5px var(--mono);white-space:nowrap;color:var(--tinta)}
/* sin serie de años: los 13 últimos meses */
.evbars.ev13{grid-template-columns:repeat(13,1fr);height:auto;min-height:210px}
.ev13 .g{flex-direction:column;justify-content:flex-end;align-items:center}
.ev13 .g i{width:62%;background:#C9D4EE}
.ev13 .g b.t{position:static;transform:none;margin-bottom:3px;font-size:10px}
.ev13 .g.ult i{background:#001F78}.ev13 .g.ant i{background:#FF7F7A}.ev13 .g.prev i{background:#3D63E0}
.evmesx{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;font:600 10.5px var(--mono);text-align:center;color:var(--suave);margin-top:6px}
.evmesx.ev13{grid-template-columns:repeat(13,1fr);font-size:9.5px}
.evmesx .sel{color:var(--tinta);font-weight:800}
.evley{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;margin-top:12px;color:var(--suave)}
.evley span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;background:var(--c);vertical-align:-1px}
.evley b{color:var(--tinta)}
.evley .cut{font-style:italic}.evley .cut::before{display:none}
.evfrase{font-size:15px;line-height:1.45;margin:12px 0 0}
.evevl{font-size:12.5px;color:var(--suave);margin:6px 0 0}
.evgrupos{background:var(--superficie);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.evgrupos .ref{font-size:12.5px;color:var(--suave);margin:2px 0 4px}
.evgrupos .hint{font-size:12.5px;color:var(--suave);margin:0 0 4px}
.evgrupos .notag,.evgrupos .aviso{font-size:13px;line-height:1.45;margin:6px 0 0}
.evgrupos .aviso{color:var(--suave)}
.evtabs{display:flex;flex-direction:column;gap:8px}
.evtab{display:grid;grid-template-columns:minmax(0,1fr) 70px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#fff;border:1px solid rgba(10,20,66,.22);border-radius:12px;padding:9px 12px;min-height:56px;text-align:left;font:inherit;color:var(--tinta);box-shadow:0 1px 3px rgba(10,20,66,.08);cursor:pointer;transition:transform .15s,box-shadow .15s}
.evtab:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px rgba(10,20,66,.12)}
.evtab:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.evtab .n{grid-row:1/3;display:flex;flex-direction:column;min-width:0}.evtab .n b{font-weight:800;font-size:13.5px;line-height:1.15}.evtab .n em{font:normal 12px Inter,sans-serif;letter-spacing:0;color:inherit;opacity:.7;margin-top:2px}
.evtab .p{grid-column:2;grid-row:1;font:700 12px var(--mono);text-align:right}
.evtab .b{grid-column:2;grid-row:2;position:relative;height:8px;background:rgba(127,127,127,.12);border-radius:4px}
.evtab .b i{position:absolute;top:0;bottom:0;border-radius:4px}.evtab .b i.eje{left:50%;width:1px;top:-2px;bottom:-2px;background:rgba(10,20,66,.35);border-radius:0}
.evtab .b i.up{background:#16A34A}.evtab .b i.down{background:#DC2626}.evtab .b i.peq{background:#9AA9CF}
.evtab .p.up{color:#15803D}.evtab .p.down{color:#B91C1C}.evtab .p.peq,.evtab .p.neu{color:var(--suave)}
.evtab .ch{grid-column:3;grid-row:1/3;font-size:20px;opacity:.45}
.evtab.on{background:#001F78;color:#fff;border-color:#001F78}.evtab.on .p.up{color:#86EFAC}.evtab.on .p.down{color:#FCA5A5}.evtab.on .p.peq,.evtab.on .p.neu{color:rgba(255,255,255,.75)}.evtab.on .b{background:rgba(255,255,255,.18)}.evtab.on .b i.eje{background:rgba(255,255,255,.5)}.evtab.on .b i.up{background:#86EFAC}.evtab.on .b i.down{background:#FCA5A5}
.evmc{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:20px;background:var(--superficie);border:2px solid #C98A3A;border-radius:14px;padding:14px 18px}
.evmc .l{display:flex;flex-direction:column;margin-right:6px}.evmc .l b{color:#8A5A00;font-weight:850}.evmc .l em{font:normal 12px Inter,sans-serif;letter-spacing:0;color:var(--suave)}
.evmc .it{font-size:14px}.evmc .it b{font-weight:900;font-size:20px;letter-spacing:-.02em}.evmc .up{color:#15803D;font-weight:700}.evmc .down{color:#B91C1C;font-weight:700}
.evmas{margin-top:18px;border:1px solid var(--linea);border-radius:14px;padding:12px 16px;background:#fff;color:var(--tinta)}
.evmas summary{cursor:pointer}
.evkp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.evkp>div{background:var(--superficie);border-radius:10px;padding:10px 12px;min-width:0}
.evkp .l{display:block;font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--suave);overflow-wrap:anywhere}
.evkp b.v{display:block;font-weight:900;font-size:22px;letter-spacing:-.03em}
.evkp .ia b.v{color:#7C4DFF}
.evchips.d{align-items:center;gap:4px 6px}
.evchips .lbl{font:600 10px var(--mono);color:var(--suave)}
.evkt{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:16px 0 0;color:var(--acc3)}
/* 4.3 · el análisis del mes */
.evana{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}
.evana.solo{grid-template-columns:minmax(0,1fr)}
.evh{margin:0;font-weight:900;font-size:24px;letter-spacing:-.03em}
.evsubt{margin:4px 0 0;color:var(--suave);font-size:14.5px}
.evaia,.evgag{background:#fff;color:var(--tinta);border:1px solid var(--linea);border-radius:18px;padding:20px;min-width:0}
.evconc{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;counter-reset:c}
.evconc li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--superficie);border-radius:12px;padding:12px 14px;counter-increment:c}
.evconc li::before{content:counter(c);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--t,#9AA9CF);color:#fff;font-weight:800}
.evconc li.up{--t:#16A34A}.evconc li.down{--t:#DC2626}.evconc li.mix{--t:#C98A3A}
.evconc li p{margin:0;font-size:14.5px;line-height:1.45}
.evconc .fig{font-weight:900;font-size:20px;letter-spacing:-.03em;color:var(--t);white-space:nowrap}
.evvis{margin-top:22px;border-top:1px solid var(--linea);padding-top:16px}
.evvis h4{margin:0;font-weight:850;font-size:17px}
.evvsx{font-size:14px;margin:10px 0 0}.evvsx b{font-weight:900}
.evvif{display:grid;gap:6px;margin-top:10px;font-size:14px}.evvif b{font-weight:900;font-size:18px}.evvif em{font:normal 14px Inter,sans-serif;letter-spacing:0;color:var(--suave)}
.evvis p{font-size:14px;line-height:1.5;color:var(--suave);margin:10px 0 0}
.evgg{border-left:4px solid var(--c,#9AA9CF);padding:4px 0 16px 14px;margin-top:18px;border-bottom:1px solid var(--linea)}
.evgg.up{--c:#16A34A}.evgg.down{--c:#DC2626}
.evgg h4{display:flex;justify-content:space-between;gap:10px;margin:0;font-size:15.5px}
.evgg .nom{font-weight:850}.evgg .est{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c);white-space:nowrap}
.evgg .fig{display:flex;align-items:end;gap:12px;margin-top:8px}
.evgg .fv b{font-weight:900;font-size:28px;letter-spacing:-.04em}.evgg .fv em{display:block;font:normal 12px Inter,sans-serif;letter-spacing:0;color:var(--suave)}
.evgg .fv .var{font:700 12px var(--mono)}.evgg .var.up{color:#15803D}.evgg .var.down{color:#B91C1C}
.evgg .evlin{flex:1;height:30px;max-width:170px;color:#001F78}
.evgg .imp{font-size:14.5px;line-height:1.45;margin:10px 0 0}
.evgg .urls{margin-top:12px}.evgg .urls>b{font:700 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.evgg .urls ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.evgg .urls li{display:grid;grid-template-columns:24px minmax(0,1fr) 90px 52px;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:var(--superficie);border-radius:10px;padding:8px 10px;font-size:13px}
.evgg .urls .n{grid-row:1/3;width:22px;height:22px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}
.evgg .urls .u{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evgg .urls .u small{font-weight:500;color:var(--suave)}
.evgg .urls .br{display:grid;gap:2px}.evgg .urls .br i{display:block;height:5px;border-radius:3px}.evgg .urls .br i.r{background:#FF7F7A}.evgg .urls .br i.v{background:#001F78}
.evgg .urls .pct{font:700 12px var(--mono);text-align:right;color:var(--c)}
.evgg .urls em{grid-column:2/3;font:normal 12px Inter,sans-serif;letter-spacing:0;color:var(--suave)}
.evgg .urls .evo{grid-column:3/5;justify-self:end;font:700 12px Inter,sans-serif;color:var(--acc3);text-decoration:none}
.evgg .urls .evo:hover{text-decoration:underline}
.evgg details.pq{margin-top:10px;font-size:14px}.evgg details.pq summary{font-weight:800;cursor:pointer}.evgg details.pq p{color:var(--suave);line-height:1.5}
/* 4.4 · plan, avisos y cambios */
.evo .evfila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.evlat{background:var(--superficie);border-radius:16px;padding:18px;min-width:0}
.evlat h4{margin:0 0 8px;font-weight:850;font-size:17px}
.evlat p{margin:0;font-size:14.5px;line-height:1.5}.evlat p.up{color:#15803D;margin-top:8px}
.evlat .c{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--linea);font-size:13.5px}
.evlat .c .f{font:600 11.5px var(--mono);color:var(--suave)}.evlat .c .u{display:block;color:var(--suave);font-size:12.5px;word-break:break-all}
.evlat .mas{font-size:12.5px;color:var(--suave);padding-top:6px}
/* la pieza «Evolución SEO» de la carpeta de la empresa (y de /<empresa>/evolucion/) */
.evpieza{scroll-margin-top:100px}
.evpieza .cab h2 .mini-ciclo{margin:-4px 6px 0 2px}
.evlista{display:grid;gap:10px;margin-top:18px}
.evpieza .evfila{display:grid;grid-template-columns:44px minmax(0,1.3fr) minmax(0,1fr) auto auto;gap:16px;align-items:center;border:1px solid var(--linea);border-radius:14px;padding:12px 16px;background:rgba(255,255,255,.75);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.evpieza .evfila:hover{border-color:var(--acc,#E8AE2E);transform:translateX(3px)}
.evpieza .evfila .w{font-weight:850;font-size:18px;letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere}.evpieza .evfila .w small{display:block;font-weight:500;font-size:12.5px;color:var(--suave);letter-spacing:0}
.evpieza .evfila .c b{font-weight:900;font-size:22px;letter-spacing:-.03em}.evpieza .evfila .c small{display:block;font-size:12px;color:var(--suave)}
.evpieza .evfila .flecha{color:var(--salmon2)}
.evest{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:#DCFCE7;color:#15803D;white-space:nowrap}
.evest.gen{background:#FCF1D6;color:#8A5A00}
.evest.gen::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#E8AE2E;margin-right:6px;animation:evlat 1.2s infinite}
.evest.mal{background:#FDECEB;color:var(--error)}
@keyframes evlat{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.evest.gen::before{animation:none}}
.evgrupo{display:inline-flex;align-items:center;gap:12px;margin-top:16px;font-weight:800}
/* el panel de la agencia (/evolucion/) */
.evag{position:relative;z-index:1}
.evag .lado-ciclo .mr{width:clamp(120px,13vw,190px)}
.evag h1 em{color:var(--acc3);letter-spacing:-.025em}
.evag .evpieza{margin-top:clamp(40px,5vw,72px)}
.evgoogle{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#030A2C;color:#fff;border-radius:14px;padding:14px 18px;margin-top:28px}
.evgoogle .ok{width:10px;height:10px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 4px rgba(74,222,128,.2);flex:none}
.evgoogle.mal .ok{background:#F2C14E;box-shadow:0 0 0 4px rgba(242,193,78,.25)}
.evgoogle a{margin-left:auto;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:8px 12px;font:700 13px Inter,sans-serif;white-space:nowrap}
.evgoogle.mal a{background:#F2C14E;color:#06123A;border-color:#F2C14E}
.evgoogle a:hover{border-color:#F2C14E}
.evag .evaviso{margin-top:16px}
.evresu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.evresu>div{border:1px solid var(--linea);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.8);min-width:0}
.evresu b{display:block;font-weight:900;font-size:34px;letter-spacing:-.04em}.evresu span{font-size:13px;color:var(--suave)}
.evresu small{display:block;margin-top:6px;font:600 11px var(--mono);letter-spacing:.04em;color:var(--suave);overflow-wrap:anywhere}
.evbotones{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-top:18px}
.evbtn{background:var(--acc2,#F2C14E);color:#06123A;border:0;border-radius:12px;padding:12px 16px;font:800 14px Inter,sans-serif;cursor:pointer}
.evbtn.sec{background:transparent;border:1.5px solid var(--acc3,#B7861C);color:var(--texto)}
.evbtn:disabled{opacity:.5;cursor:wait}
.evpemp{display:flex;flex-direction:column;gap:4px;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.evpemp select{font:650 14px Inter,sans-serif;letter-spacing:0;text-transform:none;padding:10px 12px;border:1.5px solid var(--linea);border-radius:12px;background:#fff;color:var(--tinta)}
.evtodas{margin-top:44px}
.evtw{overflow-x:auto;margin-top:16px}
.evtabla{width:100%;border-collapse:collapse;font-size:14px}
.evtabla th{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--navy);padding:8px;white-space:nowrap}
.evtabla td{padding:8px;border-bottom:1px solid var(--linea);text-align:left;font-variant-numeric:tabular-nums}
.evtabla td.r{text-align:right;white-space:nowrap}
.evx{font:700 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 8px;border:1px solid var(--linea);color:var(--suave);margin-right:4px;white-space:nowrap;display:inline-block}
.evx.on{background:#FCF1D6;border-color:#E8AE2E;color:#8A5A00}
.evmini{border:1px solid var(--acc3,#B7861C);background:transparent;border-radius:8px;padding:5px 9px;font:700 12px Inter,sans-serif;color:var(--texto);cursor:pointer;white-space:nowrap}
.evmini:hover{background:#FCF1D6;color:#06123A}
.evbar{display:inline-block;width:90px;height:6px;border-radius:3px;background:rgba(10,20,66,.1);vertical-align:middle;margin-right:8px;overflow:hidden}
.evbar i{display:block;height:100%;background:#E8AE2E}
.evconsola{position:sticky;bottom:12px;z-index:5;margin-top:24px;background:#030A2C;color:#E8ECF8;border-radius:14px;padding:14px 16px;box-shadow:0 12px 30px rgba(3,10,44,.35)}
.evconsola[hidden]{display:none}
.evconcab{display:flex;justify-content:space-between;align-items:center;gap:12px}
.evconcab .evmini{color:#fff;border-color:rgba(255,255,255,.4)}
.evconfase{margin:6px 0 8px;font:600 12px var(--mono);color:#F2C14E}
.evconsola pre{margin:0;max-height:260px;overflow:auto;font:12px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:1250px){.evana{grid-template-columns:minmax(0,1fr)}.evo .evfila{grid-template-columns:minmax(0,1fr)}.evgg .urls li{grid-template-columns:24px minmax(0,1fr) 52px}.evgg .urls .br{display:none}}
@media (max-width:1100px){.evpanel{grid-template-columns:minmax(0,1fr)}.evgrupos{order:-1}.evcif{grid-template-columns:repeat(2,minmax(0,1fr))}.evcif>div:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:900px){.evresu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .evana{grid-template-columns:minmax(0,1fr);gap:18px}
  .evo .evfila{grid-template-columns:minmax(0,1fr)}
  .evkp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evcif b.v{font-size:26px}
  .evcif>div{padding:12px 10px 4px}
  .evband h3{font-size:24px}
  .evconc li{grid-template-columns:34px minmax(0,1fr)}.evconc .fig{grid-column:2}
  .evseg{flex-wrap:wrap}
  .evbars{gap:3px;height:200px}.evmesx{gap:3px;font-size:9px}
  .evbars.ev13{gap:2px}.ev13 .g b.t{font-size:8.5px}
  .evtab{grid-template-columns:minmax(0,1fr) 60px auto}
  .evgg .fig{flex-wrap:wrap}
  .evpieza .evfila{grid-template-columns:40px minmax(0,1fr);gap:6px 12px;padding:12px}
  .evpieza .evfila .mini-ciclo{grid-row:1/3}
  .evpieza .evfila .c,.evpieza .evfila .evest{grid-column:2;justify-self:start}
  .evpieza .evfila .flecha{display:none}
  .evresu b{font-size:28px}
  .evgoogle a{margin-left:0}
  .evag .lado-ciclo .mr{width:86px}
  .evag h1{font-size:40px;overflow-wrap:normal}
}
@media (prefers-color-scheme:dark){
  .evo .p-sub a.on{background:rgba(232,174,46,.16)}
  .evo .evsel select.campo,.evpemp select{background-color:var(--superficie);color:var(--texto);border-color:var(--linea)}
  .evseg,.evgraf,.evtab,.evmas,.evaia,.evgag{background:#0B1544;color:var(--texto);border-color:var(--linea)}
  .evseg button{color:var(--texto)}
  .evseg button.on,.evtab.on{background:#3D63E0;border-color:#3D63E0;color:#fff}
  .evgrupos,.evlat,.evconc li,.evkp>div,.evgg .urls li,.evmc{background:rgba(255,255,255,.05)}
  .evbars{background:repeating-linear-gradient(to top,transparent 0 49px,rgba(255,255,255,.07) 49px 50px)}
  .evbars i.a0,.ev13 .g.ult i,.evgg .urls .br i.v{background:#7F9CFF}
  .evbars i.a2,.ev13 .g i{background:#3A4A86}
  .evley span.a0{--c:#7F9CFF !important}.evley span.a2{--c:#3A4A86 !important}
  .evbars i.cut::after{background:#0B1544}
  .evbars b.t,.evley b,.evmesx .sel{color:var(--texto)}
  .evgg .evlin{color:#7F9CFF}
  .evtab .b i.eje{background:rgba(255,255,255,.35)}
  .evchip.up,.evtab .p.up,.evmc .up,.evgg .var.up,.evlat p.up{color:#86EFAC}
  .evchip.up{background:rgba(74,222,128,.16)}
  .evchip.down,.evtab .p.down,.evmc .down,.evgg .var.down{color:#FCA5A5}
  .evchip.down{background:rgba(248,113,113,.16)}
  .evmc .l b{color:#F2C14E}
  .evkp .ia b.v{color:#C9B6FF}
  .evir{color:var(--acc2)}
  .evaviso{background:rgba(242,193,78,.16);color:#F2C14E}
  .evpieza .evfila{background:rgba(255,255,255,.04)}
  .evest{background:rgba(34,197,94,.16);color:#86EFAC}.evest.gen{background:rgba(242,193,78,.16);color:#F2C14E}.evest.mal{background:rgba(194,54,47,.2);color:#FFB3AF}
  .evresu>div{background:rgba(255,255,255,.04)}
  .evgoogle,.evconsola{border:1px solid var(--linea)}
  .evx.on{background:rgba(242,193,78,.16);color:#F2C14E}
  .evbar{background:rgba(255,255,255,.14)}
  .evmini:hover{background:rgba(242,193,78,.16);color:var(--texto)}
  .mini-ciclo[data-p="evolucion"] .ic-aguja{stroke:#F2F4FF}
  .evtabla th{border-bottom-color:#7F9CFF}
}

/* ---- Informe completo (.evc): las tarjetas del informe v2 del Worker 1 con las que lo pinta evolucion-completo.js.
   Las reglas de en medio salen de informe-worker/docs/maqueta/v4.css (= CSS_V2 del Worker 1), solo las de las clases
   que usa el informe completo, y van todas bajo .evc para no tocar nada del portal; las de arriba quitan lo que el
   portal pone a esas mismas etiquetas y clases (em, .cab, .mini) y las de abajo las encajan en la columna del portal.
   En modo oscuro el informe va como una hoja clara: sus gráficas (Chart.js) llevan los colores del Worker sobre blanco. */
.evc.p-der{display:block}
.evc{font-size:15px;line-height:1.6;color:#3a4a7a}
.evc em{font-family:inherit;letter-spacing:normal;color:inherit}
.evc .rnota.cab{display:block;border-top:0;padding-top:0;margin-bottom:0;gap:0}
.evc .verurls.mini{position:static;display:inline;aspect-ratio:auto;background:none;overflow:visible;flex:initial}
.evc{--navy:#001F78;--salmon:#FF7F7A;--blue:#2B88D8;--ter:#7685AF;--sec:#3a4a7a; --surf:#F5F8FE;--bl:#DDEFFF;--bd:rgba(0,31,120,.10);--bde:rgba(0,31,120,.16);--r:14px;--mw:1180px; --chip:#EAF1FF;--ink:#0B1C4D;--mut:#7685AF;--ok:#137A48;--okbg:#E4F2EA;--bad:#c0392b;--badbg:#FFE9E8; --line:rgba(0,31,120,.12);--bg:#F5F8FE;--ia:#7C4DFF;--iabg:#F1ECFF;--aio:#6C3483;--aiobg:#F5ECFA; --amb:#9a6b00;--ambbg:#FFF6E5}
.evc *{box-sizing:border-box;margin:0}
.evc .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:var(--mw);margin:32px auto 0;padding:0 24px;transform:none}
.evc .kpi{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:15px 15px 14px;box-shadow:none}
.evc .kpi .v{font-size:25px;font-weight:800;color:var(--salmon);letter-spacing:-.02em;line-height:1}
.evc .kpi .l{font-size:11px;color:rgba(255,255,255,.68);margin-top:6px;line-height:1.35}
.evc .kpi.ia{background:rgba(124,77,255,.18);border-color:rgba(124,77,255,.35)}
.evc .kpi.ia .v{color:#C9B6FF}
.evc .kpi.ia .l{color:rgba(255,255,255,.72)}
.evc .kpi.aio{background:var(--aiobg)}
.evc .kpi.aio .v,.evc .kpi.aio .l{color:var(--aio)}
.evc .kpistit{max-width:var(--mw);margin:30px auto 0;padding:0 24px;font-size:11px;font-weight:700;color:var(--salmon);text-transform:uppercase;letter-spacing:.14em}
.evc .kpis.mes{margin-top:12px}
.evc .kpis.mes .kpi{border-left:3px solid var(--salmon)}
.evc .kpis.mes .kpi .v{font-size:23px;color:#fff}
.evc .kpis.mes .kpi .d{margin-top:8px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.evc .kpis.mes .kpi .d .pill{margin-left:0;min-width:0}
.evc .kpis.mes .kpi .d .lbl{font-size:10px;color:rgba(255,255,255,.6);margin-right:2px}
.evc .kpisBlock{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin:16px 0 6px;padding:0}
.evc .kpisBlock .kpi{padding:11px 13px;border-radius:10px;box-shadow:none;border:1px solid var(--bd);background:var(--surf)}
.evc .kpisBlock .kpi .v{font-size:19px;color:var(--navy)}
.evc .kpisBlock .kpi .l{font-size:10.5px;line-height:1.3;color:var(--ter)}
.evc .kpisBlock .kpi.ia{background:var(--iabg);border-color:var(--iabg)}
.evc .kpisBlock .kpi.ia .v,.evc .kpisBlock .kpi.ia .l{color:var(--ia)}
.evc .kpisBlock .kpi.aio{background:var(--aiobg);border-color:var(--aiobg)}
.evc .wrap{padding:0;max-width:none}
.evc section.act{scroll-margin-top:62px;padding:70px 0 8px;border-top:1px solid var(--bd)}
.evc section.act:first-of-type{border-top:none}
.evc section.act>.in{max-width:var(--mw);margin:0 auto;padding:0 24px}
.evc .kick{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.evc .kick .n{color:var(--ter)}
.evc h2.t{font-size:clamp(25px,3.4vw,36px);font-weight:800;color:var(--navy);letter-spacing:-.022em;line-height:1.12;margin-bottom:12px;max-width:900px}
.evc .dek{font-size:16.5px;color:var(--sec);max-width:840px;margin-bottom:20px}
.evc .dek b{color:var(--navy);font-weight:700}
.evc .idx{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--bd)}
.evc .idx a{background:var(--surf);border:1px solid var(--bd);color:var(--navy);font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;text-decoration:none;transition:.15s;cursor:pointer}
.evc .idx a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.evc .idx a.ej{border-color:#ffe0a6;background:var(--ambbg);color:var(--amb)}
.evc .sectit{display:none}
.evc .card{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:24px 26px;margin-top:26px;box-shadow:0 8px 26px rgba(0,31,120,.05);scroll-margin-top:66px}
.evc .card h2{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.014em;margin-bottom:6px;line-height:1.25}
.evc .card.ia{background:var(--aiobg);border-color:#e6d6f0}
.evc .card.ia h2{color:var(--aio)}
.evc .card .note{font-size:13px;color:var(--ter);margin-bottom:16px;line-height:1.6}
.evc .card .note b{color:var(--navy)}
.evc .card .ejemplo{float:right;background:var(--ambbg);color:var(--amb);border:1px solid #ffe0a6;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:20px;margin-left:10px}
.evc .chartbox{position:relative;height:280px}
.evc .grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:900px){.evc .grid2{grid-template-columns:1fr}}
.evc .badge{display:inline-block;background:var(--surf);border:1px solid var(--bd);color:var(--navy);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700;margin-right:6px;vertical-align:middle}
.evc .card h2 .badge{font-size:12px;margin-left:4px}
.evc .int{border-left:3px solid var(--salmon);padding-left:16px;margin-top:22px}
.evc .int h3{font-size:15px;color:var(--navy);word-break:break-all;font-weight:800}
.evc .int .meta{font-size:12.5px;color:var(--ter);margin:5px 0 12px}
.evc .stats{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}
.evc .stat{border-radius:11px;padding:11px 14px;font-size:11.5px;background:var(--surf);border:1px solid var(--bd);color:var(--ter)}
.evc .stat b{display:block;font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.1;margin-bottom:3px}
.evc .stat.ok{background:var(--okbg);border-color:var(--okbg);color:var(--ok)}
.evc .stat.ok b{color:var(--ok)}
.evc .stat.bad{background:var(--badbg);border-color:var(--badbg);color:var(--bad)}
.evc .stat.bad b{color:var(--bad)}
.evc .stat.ia{background:var(--iabg);border-color:var(--iabg);color:var(--ia);font-weight:600}
.evc ul.conc{padding-left:0;list-style:none;display:grid;gap:10px;font-size:14px;line-height:1.6}
.evc ul.conc li{background:var(--surf);border:1px solid var(--bd);border-left:3px solid var(--blue);border-radius:9px;padding:12px 16px;color:var(--sec)}
.evc .tema{border-radius:11px;padding:12px 15px;margin:8px 0;font-size:13.5px;line-height:1.55;background:var(--surf);border:1px solid var(--bd);color:var(--sec)}
.evc .tema b{color:var(--navy)}
.evc .tema.up{background:#fff;border-left:3px solid var(--ok)}
.evc .tema.down{background:#fff;border-left:3px solid var(--bad)}
.evc .card.ia .tema{background:#fff;border-color:#e6d6f0}
.evc .dgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
@media (max-width:900px){.evc .dgrid{grid-template-columns:1fr}}
.evc .accion{background:var(--surf);border:1px solid var(--bd);border-radius:var(--r);padding:18px 20px}
.evc .accion .num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:var(--navy);color:#fff;font-size:11.5px;font-weight:800;margin-right:9px;vertical-align:middle}
.evc .accion b{font-size:14.5px;color:var(--navy);line-height:1.35}
.evc .accion .det{font-size:13.5px;color:var(--sec);margin-top:9px;line-height:1.6}
.evc .accion .us{font-size:11.5px;color:var(--ter);margin-top:7px;word-break:break-all}
.evc .tagi{display:inline-block;font-size:10px;font-weight:800;border-radius:20px;padding:2px 9px;margin-left:5px;vertical-align:middle;letter-spacing:.03em}
.evc .tagi.g{background:var(--okbg);color:var(--ok)}
.evc .tagi.y{background:var(--ambbg);color:var(--amb)}
.evc .tagi.r{background:var(--badbg);color:var(--bad)}
.evc .tagi.n{background:var(--surf);color:var(--ter);border:1px solid var(--bd)}
.evc .recset{padding:2px 0}
.evc .recset+.recset{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}
.evc .rectit{font-size:21px;font-weight:800;color:#fff;margin:8px 0 8px;line-height:1.3;letter-spacing:-.015em}
.evc .accion.rec{border-left:4px solid var(--line);margin-bottom:10px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.evc .accion.rec b{color:#fff}
.evc .accion.rec .det{color:rgba(255,255,255,.85)}
.evc .accion.rec .det b{color:#fff}
.evc .accion.rec.g{border-left-color:#6fd3a1}
.evc .accion.rec.y{border-left-color:#F5A623}
.evc .accion.rec.n{border-left-color:rgba(255,255,255,.4)}
.evc .accion.rec .num{background:var(--salmon)}
.evc .recurl{display:block;width:fit-content;max-width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:#fff;background:rgba(255,255,255,.12);border-radius:6px;padding:2px 8px;margin-bottom:7px;word-break:break-all}
.evc .recmetric{font-size:11.5px;color:rgba(255,255,255,.7);font-weight:600;margin-top:5px}
.evc .recfecha{font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.evc .notalegacy{border-left:3px solid rgba(255,255,255,.3);padding:6px 14px;margin:10px 0}
.evc .notalegacytxt{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.92)}
.evc .card.notas{background:linear-gradient(160deg,#001a66,#001F78);border-color:transparent;box-shadow:0 16px 44px rgba(0,31,120,.18)}
.evc .card.notas h2{color:#fff}
.evc .card.notas .note{color:rgba(255,255,255,.7)}
.evc .card.notas .tagi.n{background:rgba(255,255,255,.12);color:#fff;border-color:transparent}
.evc .tblwrap{overflow-x:auto;margin-top:14px;border:1px solid var(--bd);border-radius:12px}
.evc table.urls{border-collapse:collapse;width:100%;font-size:12.5px;white-space:nowrap}
.evc table.urls th{background:var(--navy);color:#fff;padding:9px 10px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:left;position:sticky;top:0;cursor:pointer;user-select:none}
.evc table.urls th.mes{text-align:center;min-width:46px;cursor:default;font-weight:600;letter-spacing:.02em}
.evc table.urls th.mes.parcial{background:#7A4A12;cursor:help}
.evc table.urls td.pos.parcial{box-shadow:inset 2px 0 0 #C98A3A}
.evc table.urls td{padding:7px 10px;border-bottom:1px solid var(--bd);color:var(--ink)}
.evc table.urls tbody tr:hover td{filter:brightness(.985)}
.evc table.urls td.u{max-width:360px;overflow:hidden;text-overflow:ellipsis}
.evc table.urls td.u a{color:var(--navy);text-decoration:none;font-weight:600}
.evc table.urls td.u a:hover{text-decoration:underline}
.evc table.urls td.u .qs{font-size:10.5px;color:var(--ter);max-width:360px;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.evc table.urls td.u .qbtn{background:var(--surf);border:1px solid var(--bd);color:var(--blue);border-radius:5px;font:inherit;font-size:10px;font-weight:800;padding:1px 6px;margin-right:6px;cursor:pointer;vertical-align:middle}
.evc table.urls td.u .qbtn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.evc table.urls tr.qrow td{background:#F4F7FD}
.evc table.urls tr.qrow td.qname{font-size:11.5px;color:#3B4A72;padding-left:32px;box-shadow:inset 4px 0 0 var(--navy)}
.evc table.urls tr.qrow td.n{font-size:11.5px;color:#3B4A72}
.evc table.urls tr.qrow td.pos{background:none;font-size:11.5px}
.evc table.urls td.n{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--navy)}
.evc table.urls td.pos{text-align:center;font-weight:700;min-width:46px;font-variant-numeric:tabular-nums;border-left:1px solid rgba(255,255,255,.55)}
.evc table.urls td.pos.fb{font-style:italic;font-weight:400}
.evc table.urls td.pos.low{background:#fff;color:#8894B4;font-weight:400;font-style:italic}
.evc table.urls td.idx{font-size:10.5px;color:var(--ter)}
.evc table.urls td.idx.ok{color:var(--ok);font-weight:800}
.evc table.urls td.idx.bad{color:var(--bad)}
.evc table.resumen td{padding:11px 14px;font-size:13px}
.evc table.resumen th{padding:10px 14px}
.evc table.resumen td.n{white-space:nowrap}
.evc table.resumen td:first-child{font-weight:800;color:var(--navy)}
.evc table.urls tr.canq td{background:var(--surf);font-weight:700;color:var(--navy)}
.evc table.urls td.canu{padding-left:28px;font-weight:400;max-width:420px;overflow:hidden;text-overflow:ellipsis}
.evc table.urls td.canu a{color:var(--navy);text-decoration:none}
.evc .tbar{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
.evc .tbar input{font:inherit;font-size:13.5px;padding:9px 13px;border:1px solid var(--bd);border-radius:9px;min-width:260px;background:var(--surf);color:var(--ink)}
.evc .tbar input:focus{outline:2px solid var(--blue);outline-offset:1px;background:#fff}
.evc .tbar input.gsearch{width:100%;font-size:15px;padding:13px 16px;border:1px solid var(--bd);border-radius:11px}
.evc .tbar .cnt{font-size:12.5px;color:var(--ter);font-weight:600}
.evc .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.evc .chip{font:inherit;font-size:11.5px;font-weight:600;border:1px solid var(--bd);background:#fff;color:var(--sec);border-radius:20px;padding:5px 12px;cursor:pointer;transition:.15s}
.evc .chip:hover{background:var(--surf);border-color:var(--blue);color:var(--navy)}
.evc .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.evc .chip.down.on{background:var(--bad);border-color:var(--bad)}
.evc .chip.up.on{background:var(--ok);border-color:var(--ok)}
.evc .chip.ia.on{background:var(--ia);border-color:var(--ia)}
.evc .chip.aio.on{background:var(--aio);border-color:var(--aio)}
.evc .chip .n{opacity:.7;font-weight:700}
.evc .modes{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ter);flex-wrap:wrap}
.evc .mbt{border:1px solid var(--bd);background:#fff;color:var(--sec);border-radius:999px;padding:5px 12px;font:inherit;font-size:12px;letter-spacing:0;text-transform:none;cursor:pointer;font-weight:700;transition:background .15s,color .15s}
.evc .mbt.on{background:var(--navy);border-color:var(--navy);color:#fff}
.evc .mbt[data-m=pos]{--c:#137A48;--cbg:#E4F2EA}
.evc .mbt[data-m=clk]{--c:#001F78;--cbg:#EAF1FF}
.evc .mbt[data-m=conv]{--c:#E0564F;--cbg:#FFEDEC}
.evc .mbt[data-m=sia]{--c:#7C4DFF;--cbg:#F1ECFF}
.evc .mbt[data-m=aio]{--c:#6C3483;--cbg:#F5ECFA}
.evc .mbt[data-m=ses]{--c:#0F7B6C;--cbg:#E3F5F1}
.evc .mbt[data-m=eng]{--c:#B45309;--cbg:#FEF6E7}
.evc .mbt[data-m]{background:var(--cbg);border-color:var(--c);color:var(--c)}
.evc .mbt[data-m]:hover{background:var(--c);color:#fff}
.evc .mbt[data-m].on{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 2px 8px rgba(0,31,120,.18)}
.evc .modes .hint{color:var(--ter);font-size:11.5px;font-weight:500;letter-spacing:0;text-transform:none}
.evc .pill{display:inline-block;font-size:10.5px;font-weight:800;border-radius:20px;padding:2px 9px;margin-left:6px;min-width:52px;text-align:center;white-space:nowrap}
.evc .pill.up{background:var(--okbg);color:var(--ok)}
.evc .pill.down{background:var(--badbg);color:var(--bad)}
.evc .pill.neu{background:var(--surf);color:var(--ter)}
.evc .legend{display:flex;gap:6px;font-size:10.5px;margin-top:12px;flex-wrap:wrap;align-items:center;color:var(--ter)}
.evc .legend span{padding:2px 9px;border-radius:5px}
.evc .more{margin:12px 0 2px;background:var(--surf);color:var(--navy);border:1px solid var(--bd);border-radius:9px;padding:9px 16px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.evc .more:hover{border-color:var(--navy)}
.evc .more.toggle{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 6px 18px rgba(0,31,120,.2)}
.evc .more.toggle:hover{background:#00164f}
.evc .atipo{display:inline-block;font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 8px;white-space:nowrap;letter-spacing:.02em}
.evc .atipo.down{background:var(--badbg);color:var(--bad)}
.evc .atipo.up{background:var(--okbg);color:var(--ok)}
.evc .atipo.idx{background:var(--ambbg);color:var(--amb)}
.evc .atipo.zero{background:#3B4A72;color:#fff}
.evc td.n.ia{color:var(--ia)!important;font-weight:800}
.evc th.ia{color:#C9B6FF!important}
.evc td.n.aio{color:var(--aio)!important;font-weight:800}
.evc th.aio{color:#E2C8F3!important}
.evc .aiotxt{background:#fff;color:var(--aio);border:1px solid #e6d6f0;border-radius:5px;padding:2px 9px;font-size:11px;cursor:pointer;font-weight:700;margin-top:4px}
.evc .aiotxt:hover{background:var(--aio);color:#fff}
.evc footer{max-width:var(--mw);margin:70px auto 0;padding:30px 24px;border-top:1px solid var(--bd);color:var(--ter);font-size:12.5px;text-align:center}
.evc section.act>.in,.evc footer{padding-left:32px;padding-right:32px}
.evc .kpis,.evc .kpistit{padding-left:32px;padding-right:32px}
.evc .tagi{font-size:10.5px;padding:3px 10px;border:0}
.evc .tagi.g{background:var(--ok);color:#fff}
.evc .tagi.y{background:#E9A200;color:#fff}
.evc .tagi.r{background:var(--bad);color:#fff}
.evc .tagi.n{background:#8894B4;color:#fff}
.evc .card.notas .tagi.n{background:rgba(255,255,255,.22)}
.evc .tema.up{background:var(--okbg);border:1px solid #c9e8d6;border-left:4px solid var(--ok)}
.evc .tema.down{background:var(--badbg);border:1px solid #f4cfcc;border-left:4px solid var(--bad)}
.evc .tema.up b{color:var(--ok)}
.evc .tema.down b{color:var(--bad)}
.evc .tgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
@media (max-width:1000px){.evc .tgrid{grid-template-columns:1fr}}
.evc table.rmes th{cursor:default}
.evc table.rmes td{vertical-align:top;white-space:nowrap;padding:10px 14px}
.evc table.rmes td .v{font-weight:800;color:var(--navy);font-size:14px;font-variant-numeric:tabular-nums}
.evc table.rmes td .pp{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}
.evc table.rmes td .pp .pill{margin:0;min-width:0;font-size:10px;padding:1px 7px}
.evc table.rmes th.ia{color:#C9B6FF!important}
.evc .kpisBlock{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}
.evc .kpisBlock .kpi .d{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}
.evc .kpisBlock .kpi .d .pill{margin:0;min-width:0;font-size:10px;padding:1px 7px}
.evc .kpisBlock .kpi .m12{font-size:10.5px;color:var(--ter);margin-top:7px;border-top:1px solid var(--bd);padding-top:5px}
.evc .card.conclu{border-left:4px solid var(--salmon)}
.evc ol.conc2{list-style:none;padding:0;margin:6px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:c}
@media (max-width:1000px){.evc ol.conc2{grid-template-columns:1fr}}
.evc ol.conc2 li{counter-increment:c;background:var(--surf);border:1px solid var(--bd);border-radius:12px;padding:16px 18px 16px 58px;font-size:15px;line-height:1.6;color:var(--navy);font-weight:600;position:relative}
.evc ol.conc2 li::before{content:counter(c);position:absolute;left:16px;top:15px;width:28px;height:28px;border-radius:8px;background:var(--navy);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}
.evc details.sub{border:1px solid var(--bd);border-radius:12px;margin-top:12px;background:#fff}
.evc details.sub summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 18px;font-size:14.5px;color:var(--navy);user-select:none}
.evc details.sub summary::-webkit-details-marker{display:none}
.evc details.sub summary .cnt{color:var(--ter);font-size:12.5px;font-weight:600;flex:1}
.evc details.sub summary .chev{color:var(--ter);transition:.2s}
.evc details.sub summary:hover{background:var(--surf)}
.evc details.sub[open] summary{border-bottom:1px solid var(--bd)}
.evc details.sub[open] summary .chev{transform:rotate(180deg)}
.evc details.sub .subc{padding:8px 18px 16px}
.evc details.sub .subc .tema{margin:8px 0}
.evc table.urls td.u{max-width:300px}
.evc table.urls td.u .qs{max-width:300px}
.evc table.urls td{padding:7px 8px}
.evc table.urls th.mes,.evc table.urls td.pos{min-width:44px}
.evc table.urls td.pos{padding:7px 4px}
.evc table.urls td.idx{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evc table.urls td.u .qbtn{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--navy);color:#fff;border:0;border-radius:6px;font-size:11px;padding:0;margin-right:7px}
.evc table.urls td.u .qbtn:hover{background:var(--blue)}
.evc .more{display:inline-flex;align-items:center;gap:8px}
.evc .more::before{content:"▾";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;flex:none}
.evc .more.toggle{font-size:13.5px;padding:10px 18px}
.evc .more.toggle::before{content:none}
.evc details.sub summary .chev{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px}
.evc .aiotxt::before{content:"▾ "}
.evc .verurls{color:var(--blue);font-weight:700;text-decoration:none;cursor:pointer;border-bottom:1px dashed var(--blue)}
.evc .verurls:hover{color:var(--navy);border-bottom-style:solid}
.evc .verurls.mini{font-size:10.5px;margin-left:5px}
.evc table.rmes td:first-child .verurls{color:var(--navy);border-bottom-color:var(--bd)}
.evc table.rmes td:first-child .verurls:hover{color:var(--blue)}
.evc .kpi.ia{background:rgba(255,255,255,.07);border-color:rgba(201,182,255,.45)}
.evc .kpi.ia .v{color:#fff}
.evc .kpi.ia .l{color:#C9B6FF}
.evc .kpisBlock .kpi.ia{background:#fff;border:1px solid var(--bd);border-left:3px solid var(--ia)}
.evc .kpisBlock .kpi.ia .v{color:var(--navy)}
.evc .kpisBlock .kpi.ia .l{color:var(--ia)}
.evc .kpisBlock .kpi.aio{background:#fff;border:1px solid var(--bd);border-left:3px solid var(--aio)}
.evc .kpisBlock .kpi.aio .v{color:var(--navy)}
.evc .stat.ia{background:#fff;border:1px solid var(--bd);border-left:3px solid var(--ia);color:var(--navy)}
.evc .chip.ia.on,.evc .chip.aio.on{color:#fff}
.evc .legend span{border:1px solid rgba(0,31,120,.08)}
.evc .kpi{display:flex;flex-direction:column;align-items:flex-start}
.evc .kpi .l{order:-1;margin:0 0 7px;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:-.005em}
.evc .kpi .v{font-size:23px}
.evc .kpi .d,.evc .kpi .m12{margin-top:8px}
.evc .kpis.mes .kpi .v{font-size:22px}
.evc .kpis.mes .kpi .l{font-size:13px}
.evc .kpisBlock .kpi .l{font-size:12.5px;font-weight:700;color:var(--navy);line-height:1.3}
.evc .kpisBlock .kpi .v{font-size:18px}
.evc .kpisBlock .kpi.ia .l{color:var(--ia)}
.evc .kpisBlock .kpi.aio .l{color:var(--aio)}
.evc .stat{display:flex;flex-direction:column}
.evc .stat b{order:1;margin:4px 0 0;font-size:18px}
.evc .stat{font-size:12.5px;font-weight:700;color:var(--navy)}
.evc .kpis.mes .kpi .d{flex-direction:column;align-items:flex-start;gap:4px}
.evc .kpisBlock .kpi .d{flex-direction:column;align-items:flex-start;gap:4px}
.evc table.rmes td .pp{flex-direction:column;align-items:flex-end;gap:3px}
.evc .kpi .d .pill,.evc table.rmes td .pp .pill{min-width:0;text-align:left}
.evc table.rmes td .pp .pill{text-align:right}
.evc .kpis.mes .kpi .d{display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:6px;row-gap:4px;align-items:center}
.evc .kpis.mes .kpi .d .lbl{font-size:11px;color:rgba(255,255,255,.75);margin:0}
.evc .idx a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.evc table.urls th:not(.mes)+th.mes,.evc table.urls td:not(.pos)+td.pos{border-left:3px solid var(--salmon)}
.evc table.urls td.idx{max-width:44px;text-align:center;font-size:14px;font-weight:800;cursor:help}
.evc table.urls td.idx.ok{color:var(--ok)}
.evc table.urls td.idx.bad{color:var(--bad)}
.evc table.urls td.idx.nd{color:#B7C0D8}
.evc .accion{position:relative;padding-right:84px}
.evc .hecha-lab{position:absolute;top:14px;right:14px;font-size:11px;font-weight:800;color:var(--ter);display:inline-flex;gap:5px;align-items:center;cursor:pointer;letter-spacing:.04em;text-transform:uppercase}
.evc .hecha-lab input{accent-color:var(--ok);width:15px;height:15px;cursor:pointer;margin:0}
.evc .accion.hecha{background:var(--okbg);border-color:#c9e8d6}
.evc .accion.hecha b{text-decoration:line-through;color:var(--ok)}
.evc .accion.hecha .hecha-lab{color:var(--ok)}
.evc .chartbox.sm{height:200px}
.evc .card.ia .chartbox.sm{background:#fff;border:1px solid #e6d6f0;border-radius:10px;padding:10px;height:220px;margin-top:14px}
.evc .card.mc{border:0;padding:28px 26px 24px;color:#fff;box-shadow:0 14px 34px rgba(0,31,120,.16);background:radial-gradient(760px 320px at 4% 0,rgba(43,136,216,.30),transparent 62%),radial-gradient(520px 260px at 98% 0,rgba(255,127,122,.16),transparent 62%),linear-gradient(157deg,#03143f,#0a2a8f) 0 0/100% 640px no-repeat,#0a2a8f}
.evc .card.mc>h2{font-size:clamp(25px,3vw,32px);font-weight:800;letter-spacing:-.024em;line-height:1.1;color:#fff;margin:0 0 10px}
.evc .card.mc>h2::before{content:"Lo que va de mes";display:block;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--salmon);margin-bottom:10px}
.evc .card.mc>.note{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.78);max-width:860px;margin:0 0 22px}
.evc .card.mc .pill i{font-style:normal;font-weight:700;opacity:.72}
@media (max-width:560px){.evc .card.mc{padding:24px 18px 20px}}
.evc .kpi .mcrow{margin:10px -13px -11px;padding:8px 13px 9px;background:#FFFBF2;border-top:1px solid #F0D9A8;border-radius:0 0 10px 10px}
.evc .kpi .mcrow .t{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8A5A00}
.evc .kpi .mcrow .v{font-size:15px;font-weight:800;color:#8A5A00;margin:1px 0 3px}
.evc .kpi .mcrow .p{display:flex;gap:4px;flex-wrap:wrap}
.evc .interbox{margin-top:16px;border-top:1px solid var(--bd);padding-top:12px}
.evc .card .vacio{font-size:13.5px;color:var(--ter);background:var(--surf);border:1px dashed var(--bd);border-radius:10px;padding:12px 14px}
.evc table.rtab{width:100%;border-collapse:separate;border-spacing:0 3px;font-size:12.5px}
.evc table.rtab th{text-align:left;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ter);padding:6px 8px;border-bottom:1px solid var(--bd);background:#fff;position:static;cursor:default;font-weight:800}
.evc table.rtab th.n,.evc table.rtab td.n{text-align:right}
.evc table.rtab td{padding:8px;font-weight:600;transition:background .25s}
.evc table.rtab tbody td:first-child{border-radius:7px 0 0 7px}
.evc table.rtab tbody td:last-child{border-radius:0 7px 7px 0}
.evc .igrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:22px;align-items:start}
.evc .igrid .chartbox.sm{margin:0}
.evc .regcol .rnota.cab{margin:0 0 7px}
.evc .rnota{font-size:11px;color:var(--ter);font-weight:600;margin-top:7px}
.evc .regcol table.rtab td{padding:7px 8px}
@media (max-width:1100px){.evc .igrid{grid-template-columns:1fr}}
.evc .agrwrap{margin-top:4px}
.evc .agr{border:1px solid var(--bd);border-radius:12px;overflow:hidden;background:#fff}
.evc .agrcab{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:11px 16px;border-bottom:1px solid var(--bd)}
.evc .agrest{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:20px;white-space:nowrap}
.evc .agrmot{font-size:13px;line-height:1.5;color:var(--sec)}
.evc .agr.ok{border-color:#BFE3D0}
.evc .agr.ok .agrcab{background:var(--okbg);border-bottom-color:#BFE3D0}
.evc .agr.ok .agrest{background:var(--ok);color:#fff}
.evc .agr.bad{border-color:#F6C9C4}
.evc .agr.bad .agrcab{background:var(--badbg);border-bottom-color:#F6C9C4}
.evc .agr.bad .agrest{background:var(--bad);color:#fff}
.evc .agr.est .agrcab{background:var(--surf)}
.evc .agr.est .agrest{background:var(--navy);color:#fff}
.evc .agrbody{display:grid;grid-template-columns:1fr 1fr;gap:0}
.evc .agrcol{padding:16px 18px;display:flex;flex-direction:column}
.evc .agrcol+.agrcol{border-left:1px solid var(--bd)}
.evc .agrcol h5{margin:0 0 8px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ter)}
.evc ul.agrpts{margin:0 0 14px;padding:0;list-style:none}
.evc ul.agrpts li{position:relative;padding-left:16px;margin-bottom:11px}
.evc ul.agrpts li:last-child{margin-bottom:0}
.evc ul.agrpts li:before{content:'';position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--ter)}
.evc ul.agrpts li.bueno:before{background:var(--ok)}
.evc ul.agrpts li.malo:before{background:var(--bad)}
.evc ul.agrpts b{display:block;font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--navy);line-height:1.3}
.evc ul.agrpts li.bueno b{color:var(--ok)}
.evc ul.agrpts li.malo b{color:var(--bad)}
.evc ul.agrpts span{display:block;font-size:13.5px;line-height:1.6;color:var(--sec);margin-top:1px}
.evc .agrcon{margin-top:auto;padding:13px 16px;background:var(--chip);border-left:3px solid var(--navy);border-radius:0 10px 10px 0;font-size:16px;font-weight:600;line-height:1.5;color:var(--navy)}
.evc .agr.ok .agrcon{border-left-color:var(--ok)}
.evc .agr.bad .agrcon{border-left-color:var(--bad)}
.evc .agrcon b{display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ter);margin-bottom:5px}
.evc ol.agrrec{margin:0;padding-left:0;list-style:none;counter-reset:agr}
.evc ol.agrrec li{position:relative;padding-left:30px;margin-bottom:12px;counter-increment:agr}
.evc ol.agrrec li:last-child{margin-bottom:0}
.evc ol.agrrec li:before{content:counter(agr);position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.evc ol.agrrec b{display:block;font-size:13.5px;color:var(--navy);line-height:1.35}
.evc ol.agrrec .d{display:block;font-size:13px;line-height:1.55;color:var(--sec);margin-top:2px}
.evc ol.agrrec .u{display:inline-block;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--ter);background:var(--surf);border:1px solid var(--bd);border-radius:6px;padding:2px 7px;word-break:break-all}
.evc .agrplan{margin-top:14px;padding-top:12px;border-top:1px dashed var(--bd);display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.evc .agrplan b{width:100%;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ter);font-weight:800}
.evc .agrplan .chip{text-decoration:none}
@media (max-width:820px){.evc .agrbody{grid-template-columns:1fr}.evc .agrcol+.agrcol{border-left:0;border-top:1px solid var(--bd)}}
.evc .card.grupo{padding-top:0;margin-top:40px;scroll-margin-top:118px}
.evc .card.grupo>h2{position:sticky;top:56px;z-index:5;margin:0 -26px 16px;padding:15px 26px;background:var(--navy);color:#fff;font-size:24px;letter-spacing:-.02em;border-radius:13px 13px 0 0;box-shadow:0 6px 16px rgba(0,31,120,.14)}
.evc .card.grupo>.note{margin-top:-8px}
.evc .card.grupo h4{margin:22px 0 8px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ter)}
.evc .card.grupo .interbox h4{margin-top:0}
@media (max-width:700px){.evc .card.grupo>h2{font-size:19px;padding:12px 26px}}
.evc>:first-child{margin-top:0}
.evc .evcarga{font-size:17px}
.evc .card.evcifras{border:0;color:#fff;background-image:radial-gradient(ellipse at 10% 95%,rgba(43,136,216,.34),transparent 55%),radial-gradient(ellipse at 92% 6%,rgba(255,127,122,.22),transparent 52%),linear-gradient(160deg,#001a66,#001F78)}
.evc .card.evcifras h2{color:#fff}
.evc .card.evcifras .note{color:rgba(255,255,255,.72)}
.evc .evcifras .kpis{margin:16px 0 0;padding:0;max-width:none}
.evc .evcifras .kpistit{margin:22px 0 0;padding:0;max-width:none}
.evc section.act{padding-top:48px}
.evc section.act>.in{padding:0;max-width:none}
.evc canvas{max-width:100%}
@media (max-width:700px){.evc .card{padding:18px 14px}.evc .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.evc .kpi .v{font-size:21px}.evc h2.t{font-size:24px}}
@media (prefers-color-scheme:dark){.evc{background:#F5F8FE;border-radius:22px;padding:clamp(12px,2vw,26px);color-scheme:light}.evc .evcarga{color:#3a4a7a;border-color:rgba(0,31,120,.16);background:#fff}}
/* ---- fin del informe completo (.evc) ---- */
/* Estado de indexación (paso 1): una fila por web que se abre (spec 2026-10-17-indexacion-design.md §5). Prefijo ix- */
.ix{--ix-ok:#13A07B;--ix-vista:#E8AE2E;--ix-nueva:#7C8DB8;--ix-sobra:#FF7F7A;--ix-sin:#E4E6EE}
.ix-intro{display:flex;gap:14px;align-items:center;margin:20px 0 0;color:var(--suave);font-size:16px;max-width:62ch}
.ix-intro svg{flex:none}
.ix-intro p{margin:0}
.ix-ley{display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.ix-ley span,.ix-chips span{display:inline-flex;align-items:center;gap:7px}
.ix-ley i,.ix-chips i{width:10px;height:10px;border-radius:3px;display:inline-block}
.ix .ok i,.ix-barra i.ok{background:var(--ix-ok)}
.ix .vista i,.ix-barra i.vista{background:var(--ix-vista)}
.ix .nueva i,.ix-barra i.nueva{background:var(--ix-nueva)}
.ix .sobra i,.ix-barra i.sobra{background:var(--ix-sobra)}
.ix-webs{margin-top:18px;border-bottom:1px solid var(--linea)}
.ix-web{border-top:1px solid var(--linea)}
.ix-web summary{list-style:none;display:grid;grid-template-columns:minmax(150px,1fr) 190px minmax(240px,1.6fr) 20px;gap:24px;align-items:center;padding:20px 0;cursor:pointer}
.ix-web summary::-webkit-details-marker{display:none}
.ix-web summary:focus-visible{outline:2px solid var(--salmon);outline-offset:3px}
.ix-quien{display:flex;flex-direction:column;gap:4px;min-width:0}
.ix .nombre{font-weight:800;font-size:22px;letter-spacing:-.02em;overflow-wrap:anywhere}
.ix-fecha{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--suave)}
.ix-cifra{display:flex;flex-direction:column;gap:2px}
.ix-cifra b{font-size:38px;font-weight:900;letter-spacing:-.04em;line-height:1}
.ix-cifra b small{font-size:20px;margin-left:2px}
.ix-cifra > span:not(.ix-evo){font-size:13px;color:var(--suave)}
.ix-cifra.bien b{color:var(--ix-ok)}
.ix-cifra.ojo b{color:#B7861C}
.ix-cifra.mal b{color:var(--salmon2)}
.ix-evo{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;padding:2px 8px;border-radius:10px;align-self:flex-start;margin-top:4px}
.ix-evo.sube{background:rgba(19,160,123,.12);color:#0E7A5E}
.ix-evo.baja{background:rgba(255,127,122,.16);color:#B8423C}
.ix-evo.igual{background:rgba(10,20,66,.06);color:var(--suave)}
.ix-barra{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--ix-sin);gap:2px}
.ix-barra i{display:block;min-width:3px}
.ix-chips{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px}
.ix-chips .cero{opacity:.45}
.ix-abre{width:12px;height:12px;border-right:2px solid var(--suave);border-bottom:2px solid var(--suave);transform:rotate(45deg);transition:transform .2s}
.ix-web[open] .ix-abre{transform:rotate(-135deg)}
.ix-det{padding:0 0 26px min(30%,260px)}
.ix .mini-t{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin:14px 0 6px}
.ix-mot{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ix-mot li{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start;padding:10px 14px;background:var(--superficie);border-left:4px solid var(--ix-vista);border-radius:4px}
.ix-mot li.nueva{border-left-color:var(--ix-nueva)}
.ix-mot li.sobra{border-left-color:var(--ix-sobra)}
.ix-mot b{font-size:22px;font-weight:900;letter-spacing:-.03em;text-align:right}
.ix-mot .t{display:block;font-weight:700}
.ix-mot .d{display:block;font-size:14px;color:var(--suave)}
.ix-urls{margin:0;padding:0 0 0 18px;font-family:var(--mono);font-size:12.5px;overflow-wrap:anywhere}
.ix-urls a{color:var(--navy)}
.ix-pie{font-size:13px;color:var(--suave);margin:14px 0 0}
.ix-limpio{margin:6px 0;color:#0E7A5E;font-weight:600}
@media (max-width:1150px){.ix-web summary{grid-template-columns:minmax(0,1fr) 20px;gap:12px}.ix-cifra,.ix-graf{grid-column:1}.ix-abre{grid-row:1;grid-column:2}.ix-det{padding-left:0}}
@media (prefers-color-scheme:dark){.ix{--ix-sin:#2A3566}.ix-cifra.ojo b{color:#F2C14E}.ix-evo.sube{background:rgba(127,224,180,.14);color:#7FE0B4}.ix-evo.baja{background:rgba(255,179,175,.14);color:#FFB3AF}.ix-evo.igual{background:rgba(255,255,255,.08)}.ix-urls a{color:#9DB4FF}.ix-limpio{color:#7FE0B4}}
@media (prefers-reduced-motion:reduce){.ix-abre{transition:none}}

/* ==== Radar de contenidos (paso 3 de El Ciclo), prefijo rd- ==== */
.radar .rd-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:22px 0 18px;padding:10px 12px;background:var(--noche);border-radius:12px;color:#fff;position:sticky;top:66px;z-index:3}
.radar .rd-filtros .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:0 4px 0 10px}
.radar .rd-filtros .lab:first-child{margin-left:2px}
.radar .rd-filtros button{font:inherit;font-size:13px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 11px;cursor:pointer}
.radar .rd-filtros button.on{background:var(--acc2);border-color:var(--acc2);color:#06123A;font-weight:700}
.radar .rd-lista{display:flex;flex-direction:column;gap:18px}
.radar .rd-t{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:6px 26px;background:#fff;border:1px solid var(--linea);border-left:5px solid var(--acc);border-radius:16px;padding:22px 24px 16px;box-shadow:0 1px 0 rgba(10,20,66,.04)}
.radar .rd-t.est-descartada{opacity:.55;border-left-color:#9AA3BF}
.radar .rd-t.est-publicada{border-left-color:#1E9E5A}
.radar .rd-t.est-redaccion{border-left-color:var(--salmon)}
.radar .rd-t.est-aceptada{border-left-color:var(--navy)}
.radar .rd-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.radar .rd-web{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--accbg);color:#05514B;border-radius:6px;padding:3px 8px}
.radar .rd-tipo{font-size:12.5px;font-weight:700;border:1.5px solid var(--acc);color:var(--acc3);border-radius:999px;padding:2px 10px}
.radar .rd-tipo.act{border-color:var(--oro);color:#8A5A00}
.radar .rd-antes{font-size:12.5px;font-weight:700;background:#FFF1D6;color:#8A5A00;border-radius:999px;padding:3px 10px}
.radar .rd-est{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;margin-left:auto;font-style:normal}
.radar .e-nueva{background:#E9FBF9;color:#05514B}
.radar .e-aceptada{background:#E3E9FF;color:var(--navy)}
.radar .e-redaccion{background:#FFE7E5;color:#A3322D}
.radar .e-publicada{background:#DFF5E8;color:#14703F}
.radar .e-descartada{background:#EEF0F5;color:#5F6B8F}
.radar .rd-t h3{font-weight:850;font-size:clamp(20px,1.7vw,24px);line-height:1.15;letter-spacing:-.025em;margin:12px 0 8px}
.radar .rd-ev{margin:0;font-size:15.5px;line-height:1.5;opacity:.85}
.radar .rd-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;margin:12px 0 0;font-size:14px}
.radar .rd-dl div{display:contents}
.radar .rd-dl dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;padding-top:3px}
.radar .rd-dl dd{margin:0}
.radar .rd-nota{grid-column:2;grid-row:1 / span 2;align-self:start;background:var(--noche);color:#fff;border-radius:14px;padding:14px 14px 12px}
.radar .rd-nota b{display:block;font-weight:900;font-size:44px;line-height:.9;letter-spacing:-.05em;color:var(--acc2)}
.radar .rd-nota b small{font-size:15px;opacity:.6;letter-spacing:0;color:#fff;font-weight:600}
.radar .rd-nota ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.radar .rd-nota li span{display:block;font-size:11.5px;opacity:.75}
.radar .rd-nota li i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}
.radar .rd-nota li i::before{content:"";display:block;height:100%;width:var(--w);background:var(--acc2)}
.radar .rd-mas{grid-column:1 / -1;margin-top:10px;border-top:1px solid var(--linea);padding-top:10px}
.radar .rd-mas summary{cursor:pointer;font-weight:700;font-size:14.5px;color:var(--acc3)}
.radar .rd-brief{display:flex;flex-direction:column;gap:16px;margin-top:14px}
.radar .rd-brief h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--salmon2);margin:0 0 6px}
.radar .rd-brief p{margin:0;font-size:15px;line-height:1.55;max-width:80ch}
.radar .rd-h2{margin:0;padding-left:22px;font-size:15px;line-height:1.5;display:flex;flex-direction:column;gap:3px}
.radar .rd-h2 li::marker{font-family:var(--mono);font-size:12px;color:var(--acc3)}
.radar .rd-dos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.radar .rd-fu{margin:0;padding-left:18px;font-size:14.5px}
.radar .rd-brief a{color:var(--acc3);overflow-wrap:anywhere}
.radar .rd-ojo{background:#FFF7E6;border:1px solid #F2D49B;border-radius:12px;padding:14px 16px}
.radar .rd-ojo h4{color:#8A5A00}
.radar .rd-acc{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.radar .rd-b{font:inherit;font-size:14px;font-weight:700;border-radius:10px;padding:8px 14px;cursor:pointer;border:1.5px solid var(--linea);background:#fff;color:var(--texto)}
.radar .rd-b.si{background:var(--acc);border-color:var(--acc);color:#fff}
.radar .rd-b.no{color:#5F6B8F}
.radar .rd-b small{font-weight:500;opacity:.6}
.radar .rd-quien{font-size:13px;color:var(--suave);margin-left:auto}
.radar .rd-url{font-weight:700;color:#14703F;text-decoration:none}
/* 3.2 Plan de dos semanas en línea */
.radar .rd-linea{display:flex;flex-direction:column;margin-top:22px;border-left:3px solid var(--acc);padding-left:0}
.radar .rd-dia{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0 12px 18px;position:relative}
.radar .rd-dia::before{content:"";position:absolute;left:-8px;top:18px;width:13px;height:13px;border-radius:50%;background:var(--papel);border:3px solid var(--acc)}
.radar .rd-dia.pasado{opacity:.6}
.radar .rd-dia.pasado::before{background:var(--acc)}
.radar .rd-dia-f b{display:block;font-weight:900;font-size:22px;letter-spacing:-.03em;line-height:1}
.radar .rd-dia-f span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.65}
.radar .rd-dia-l{display:flex;flex-direction:column;gap:8px}
.radar .rd-pl{background:#fff;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--linea)}
.radar .rd-pl b{font-size:15.5px;line-height:1.3}
.radar .rd-pl .rd-web{align-self:flex-start}
.radar .rd-pl-m{font-size:12.5px;color:var(--suave)}
.radar .rd-pl-m .rd-est{margin-left:4px}
.radar .rd-sin{margin-top:18px;font-size:14.5px}
.radar .rd-sin summary{cursor:pointer;font-weight:700}
.radar .rd-sin ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;opacity:.85}
/* 3.3 Tablero */
.radar .rd-tab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.radar .rd-col h4{margin:0 0 10px;font-size:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid currentColor;padding-bottom:6px}
.radar .rd-col h4 span{font-weight:900;font-size:26px;letter-spacing:-.04em}
.radar .rd-col.e-aceptada{background:none;color:#B9C8FF}
.radar .rd-col.e-redaccion{background:none;color:var(--salmon)}
.radar .rd-col.e-publicada{background:none;color:#7FE0A8}
.radar .rd-mini{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;margin-bottom:8px;color:#fff;font-size:14px;line-height:1.35;display:flex;flex-direction:column;gap:6px}
.radar .rd-mini .rd-web{align-self:flex-start;background:rgba(0,229,212,.16);color:var(--acc2)}
.radar .rd-mini a{color:#7FE0A8;font-weight:700;text-decoration:none;font-size:13px}
/* 3.4 Día a día */
.radar .rd-hist{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column}
.radar .rd-hist li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;padding:10px 0;border-top:1px solid var(--linea);font-size:14.5px}
.radar .rd-hist li>b{width:130px;flex:none}
.radar .rd-h-p{background:#fff;border:1px solid var(--linea);border-radius:999px;padding:3px 12px 3px 4px}
.radar .rd-h-p i{font-style:normal;font-weight:800;font-size:12px;background:var(--noche);color:var(--acc2);border-radius:999px;padding:1px 7px;margin-right:6px}
.radar .rd-h-pl{background:var(--accbg);color:#05514B;border-radius:999px;padding:3px 12px;font-weight:600}
.radar .rd-h-0{color:var(--suave);font-style:italic}
.radar .rd-emp{display:flex;flex-direction:column;gap:4px;margin:18px 0 0;max-width:340px}
.radar .rd-nota-vieja{font-size:14.5px;color:var(--suave);margin:0 0 10px}
.radar .rd-plan-f{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:16px 0 0}
.radar button.rd-pl,.radar .rd-mini button,.radar button.rd-h-p{font:inherit;text-align:left;cursor:pointer;color:inherit}
.radar .rd-mini button{background:none;border:0;padding:0;color:#fff;font-size:14px;line-height:1.35}
.radar .rd-mini button:hover,.radar button.rd-pl:hover b{text-decoration:underline}
.radar .rd-com{grid-column:1 / -1;margin-top:8px;font-size:14.5px}
.radar .rd-com summary{cursor:pointer;color:var(--suave);font-weight:600}
.radar .rd-com ul{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:8px}
.radar .rd-com li{background:var(--superficie);border-radius:10px;padding:8px 12px}
.radar .rd-com li span{font-size:12.5px;color:var(--suave)}
.radar .rd-com li p{margin:4px 0 0}
.radar .rd-com textarea,.radar .rd-urlf input{width:100%;font:inherit;font-size:14.5px;border:1px solid var(--linea);border-radius:10px;padding:8px 10px;margin:8px 0 6px;background:var(--fondo);color:var(--texto)}
.radar .rd-urlf{display:flex;gap:8px;align-items:center}
.radar .rd-urlf input{margin:6px 0}
.radar .rd-acc .rd-urlf{flex:1 1 320px;min-width:0}
.radar .rd-acc .rd-urlf input{flex:1 1 auto;min-width:0;width:auto;margin:0}
.radar .rd-acc .rd-urlf .rd-b{flex:none}
.radar .rd-aviso{color:var(--error);font-size:14px;margin:6px 0 0}
.radar .rd-pieza-n,.rd-pieza .rd-pieza-n{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--suave);margin-top:12px}
.rd-pieza .rd-pieza-n b{color:var(--salmon2)}
.rd-pieza .vivo.rd-ir{color:inherit;display:inline-flex;align-items:center;gap:12px}
.rd-pieza .rd-ico{width:34px;height:34px;flex:none}
dialog.rd-ventana{border:0;border-radius:18px;padding:22px;max-width:min(920px,calc(100vw - 32px));width:100%;max-height:calc(100vh - 48px);background:var(--fondo);color:var(--texto);box-shadow:0 20px 60px rgba(3,10,44,.35)}
dialog.rd-ventana::backdrop{background:rgba(3,10,44,.55)}
dialog.rd-ventana .rd-cerrar{float:right;font:inherit;font-size:26px;line-height:1;background:none;border:0;cursor:pointer;color:var(--suave)}
dialog.rd-ventana .rd-t{border-left-width:5px}
@media (max-width:900px){
  .radar .rd-t{grid-template-columns:1fr;padding:18px}
  .radar .rd-nota{grid-column:1;grid-row:auto;display:flex;align-items:center;gap:16px}
  .radar .rd-nota ul{flex:1;display:grid;grid-template-columns:1fr 1fr;margin:0}
  .radar .rd-dos,.radar .rd-tab{grid-template-columns:1fr}
  .radar .rd-dia{grid-template-columns:1fr;gap:6px}
  .radar .rd-quien{margin-left:0;width:100%}
  .radar .rd-acc .rd-urlf{flex-basis:100%;flex-wrap:wrap}
  .radar .rd-acc .rd-urlf input{flex-basis:100%}
  .radar .rd-filtros{position:static;overflow-x:auto;flex-wrap:nowrap}
  .radar .rd-filtros button{flex:none}
  .radar .rd-hist li>b{width:100%}
}
@media (prefers-color-scheme:dark){
  .radar .rd-t,.radar .rd-pl,.radar .rd-h-p,.radar .rd-b{background:#0B1544;color:var(--texto)}
  .radar .rd-ojo{background:#2A220F;border-color:#6B5520}
  .radar .rd-ojo h4,.radar .rd-ojo p{color:#F5D99A}
}






/* ==== Visibilidad IA (paso 4 de El Ciclo, spec 2026-10-17-visibilidad-ia-design.md, docs/maqueta-ia/) ====
   Bloque propio: las reglas de dos columnas son copia de las de Eco con .via (las de Eco no se tocan). */
.via .paso2c{position:relative;z-index:1;max-width:1680px;margin:0 auto;padding:clamp(28px,3vw,48px) clamp(20px,3.4vw,56px) 96px;display:grid;grid-template-columns:minmax(300px,.36fr) minmax(0,1fr);gap:clamp(32px,4vw,72px);align-items:start}
.via .p-izq{position:sticky;top:76px;max-height:calc(100vh - 78px);overflow-y:auto;scrollbar-width:thin;padding:4px 6px;margin:-4px -6px 0}
.via .p-fija{display:flex;flex-direction:column;gap:8px}
.via .mr{width:min(168px,52%)}
.via .eta-n{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--acc3);border:1.5px solid currentColor;padding:6px 10px;align-self:flex-start}
.via h1.p-tit{font-weight:900;font-size:clamp(32px,3vw,46px);line-height:.95;letter-spacing:-.045em;margin:0;max-width:none}
.via .p-tit em{letter-spacing:-.02em;color:var(--salmon2)}
.via .p-obj{font-size:15.5px;line-height:1.4;font-weight:650;margin:0}
.via .p-ent{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.35;margin:0}
.via .p-obj b,.via .p-ent b{display:block;font-family:var(--mono);font-style:normal;font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--salmon2);margin-bottom:5px}
.via .p-sub-t{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:4px 0 0}
.via .p-sub{list-style:none;display:flex;flex-direction:column;gap:5px;margin:0;padding:0}
.via .p-sub a{display:flex;gap:10px;align-items:center;border:1px solid var(--linea);border-radius:10px;padding:6px 34px 6px 10px;position:relative;background:rgba(255,255,255,.55);text-decoration:none;color:inherit;font-size:14px;opacity:.8;transition:background .2s,border-color .2s}
.via .p-sub a::after{content:"→";position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.4}
.via .p-sub a span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;border-radius:11px;border:1.5px solid var(--salmon2);color:var(--salmon2);font-family:var(--mono);font-size:10.5px;font-weight:600}
.via .p-sub a:hover{opacity:1;border-color:var(--acc)}
.via .p-sub a.on{opacity:1;border-color:var(--acc);background:var(--accbg);font-weight:700}
.via .p-sub a.on span{background:var(--acc2);border-color:var(--acc2);color:#06123A}
.via .p-sig{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:2px solid currentColor;text-decoration:none;color:inherit;font-weight:800;font-size:15px;margin-top:0}
.via .p-sig i{font-style:normal;font-size:22px;color:var(--acc);transition:transform .2s}
.via .p-sig:hover i{transform:translateX(5px)}
.via .p-der{min-width:0;display:flex;flex-direction:column;gap:clamp(40px,4vw,64px)}
.via .sp{scroll-margin-top:76px}
.via .sp-cab{display:flex;align-items:baseline;gap:16px}
.via .sp-n{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--salmon2);white-space:nowrap}
.via .sp-cab h2{margin:0;font-weight:900;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.04em;line-height:1}
.via .sp-ent{font-size:17.5px;line-height:1.5;opacity:.86;max-width:64ch;margin:12px 0 0}
.via .sp.oscuro{background:var(--noche);color:#fff;padding:clamp(26px,3vw,44px);border-radius:18px}
.via .sp.oscuro .sp-n{color:var(--salmon)}
.via .sp.claro{background:var(--papel);padding:clamp(26px,3vw,44px);border-radius:18px}
.via .campo{display:block;width:100%;font:inherit;font-size:16px;line-height:1.4;color:var(--tinta);background:#fff;border:1.5px solid rgba(10,20,66,.16);border-radius:10px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}
.via .campo:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px rgba(0,184,170,.15)}
.via .boton{font:inherit;background:var(--acc2);color:#06123A;font-weight:900;font-size:18px;letter-spacing:-.01em;border:0;border-radius:999px;padding:16px 28px;box-shadow:0 0 0 6px rgba(0,229,212,.18);cursor:pointer;transition:background .2s,box-shadow .2s}
.via .boton:hover{background:#3BF0E2;box-shadow:0 0 0 8px rgba(0,229,212,.24)}
.via .boton:disabled{opacity:.55;cursor:wait}
.via .pista{height:10px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden}
.via .pista i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width .6s ease-out}
.via{--ia:#7C4DFF;--iabg:#F1ECFF;--ok:#137A48;--okbg:#E4F2EA;--bad:#c0392b;--badbg:#FFE9E8}
body.via-pagina main{max-width:none;padding:0}
.via .p-webs{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px}
.via .p-webs a{font-weight:700;font-size:14px;text-decoration:none;border:1.5px solid var(--linea);border-radius:999px;padding:5px 12px;background:rgba(255,255,255,.7)}
.via .p-webs a.on{background:var(--ia);border-color:var(--ia);color:#fff}
.via .p-webs a.sin{opacity:.5;font-weight:500}
.via .p-webs-t{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:6px 0 0}
.via .p-otros{display:flex;flex-direction:column;gap:0}
.via .p-otros a{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 0;border-top:1px solid var(--linea);text-decoration:none;font-weight:700;font-size:14.5px}
.via .p-otros a i{font-style:normal;color:var(--acc3)}
.via .p-otros svg{width:26px;height:26px;flex:none}
.via .sp{scroll-margin-top:84px}
.via .sp-ent{font-size:16px;color:var(--suave);margin:10px 0 18px;max-width:70ch}
.v-card{background:#fff;border:1.5px solid var(--linea);border-radius:18px;padding:clamp(20px,2.4vw,32px)}
.v-card h3{font-weight:850;font-size:clamp(20px,1.8vw,25px);letter-spacing:-.025em;line-height:1.18;margin:0 0 18px}
.v-kic{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ia);font-weight:600;margin:0 0 6px}
.v-pie{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--suave);margin:18px 0 0;line-height:1.5}
.vchip{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap;background:#EEF1F8;color:#5F6B8F}
.vchip.up{background:var(--okbg);color:var(--ok)}.vchip.down{background:var(--badbg);color:var(--bad)}
/* 4.1 banda */
.via .sp.v-banda{position:relative;overflow:hidden;background:var(--noche);color:#fff;border-radius:22px;padding:clamp(26px,3vw,44px)}
.via .sp.v-banda::before{content:"";position:absolute;inset:0;background:radial-gradient(42% 60% at 92% 8%,rgba(124,77,255,.55),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(124,77,255,.18),transparent 70%)}
.via .sp.v-banda>*{position:relative}
.via .sp.v-banda .sp-n{color:#B9A4FF}
.v-rot{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--salmon);margin:22px 0 10px}
.v-tit{font-weight:900;font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;line-height:1.04;margin:0;max-width:24ch}
.v-tit em{color:#C9B6FF}
.v-dek{opacity:.8;margin:12px 0 0}
.v-cifs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border-top:1px solid rgba(255,255,255,.18)}
.v-cif{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 22px 4px 0}
.v-cif+.v-cif{padding-left:22px;border-left:1px solid rgba(255,255,255,.18)}
.v-cif .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.v-cif b{font-weight:900;font-size:clamp(40px,4.4vw,64px);line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.v-cif .n{font-size:14px;opacity:.75}
.v-cif.sin b{opacity:.35}.v-cif.sin .n{font-size:13px}
.v-banda .vchip{background:rgba(255,255,255,.12);color:#fff}.v-banda .vchip.up{background:rgba(70,212,140,.2);color:#8DF0BC}.v-banda .vchip.down{background:rgba(255,127,122,.22);color:#FFB3AF}
.v-aviso{font-size:12.5px;background:rgba(242,193,78,.16);color:#F2C14E;border-radius:8px;padding:6px 10px}
.v-dat{font-family:var(--mono);font-size:11.5px;opacity:.55;margin:22px 0 0}
/* 4.2 modelos */
.v-fila{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:center;margin:0 0 10px}
.v-lab{font-weight:700;font-size:14px}
.v-b100{display:flex;height:30px;border-radius:8px;overflow:hidden;background:#EEF1F8}
.v-b100 i{font-style:normal;display:flex;align-items:center;min-width:0;overflow:hidden}
.v-b100 span{font-size:12px;font-weight:700;color:#fff;padding:0 9px;white-space:nowrap}
.v-fis5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}
.v-fi{display:flex;flex-direction:column;gap:4px;background:#F7F8FC;border-radius:12px;padding:14px}
.v-fin{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px}.v-fin i{width:10px;height:10px;border-radius:3px}
.v-fi b{font-weight:900;font-size:28px;letter-spacing:-.03em}
.v-fis{font-size:12px;color:var(--suave)}
.v-fim{font-size:14px;font-weight:700;color:var(--ia);border-top:1px solid var(--linea);padding-top:8px;margin-top:4px}.v-fim small{font-weight:400;color:var(--suave)}
/* 4.3 sentimiento */
.via .sp.v-sent{padding:0;overflow:hidden;border-radius:22px;border:1.5px solid var(--linea);background:#fff}
.v-senth{background:var(--noche);color:#fff;padding:clamp(26px,3vw,40px)}
.v-senth .sp-n{color:var(--salmon)}
.v-sh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:22px}
.v-spu{display:flex;flex-direction:column;gap:6px}
.v-spu b{font-weight:900;font-size:clamp(56px,6vw,84px);line-height:.9;letter-spacing:-.05em}
.v-spu b.up{color:#8DF0BC}.v-spu b.neu{color:#F2C14E}.v-spu b.down{color:#FFB3AF}
.v-spu span{font-weight:800;font-size:13px;background:#fff;color:var(--noche);border-radius:6px;padding:3px 9px;align-self:flex-start}
.v-spu em{font-family:inherit;font-style:normal;color:rgba(255,255,255,.7);font-size:13px}
.v-ejes{position:relative;height:44px}
.v-eje{position:absolute;left:0;right:0;top:19px;height:6px;border-radius:3px;background:linear-gradient(90deg,#FF7F7A,#5F6B8F 50%,#46D48C)}
.v-med{position:absolute;top:6px;bottom:0;border-left:2px dashed rgba(255,255,255,.6)}
.v-med span{position:absolute;top:44px;left:-40px;width:110px;font-size:11px;opacity:.7}
.v-tot{position:absolute;top:6px;transform:translateX(-50%);background:#fff;color:var(--noche);border-radius:9px;padding:5px 10px;font-weight:900;font-size:15px;box-shadow:0 4px 18px rgba(0,0,0,.3)}
.v-ejl{display:flex;justify-content:space-between;font-size:11.5px;opacity:.6;margin-top:22px}
.v-sley{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13px;align-items:center}
.v-sley .t{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.v-sa i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.v-sa em{font-style:normal;opacity:.6;font-size:12px}
.v-senz{padding:clamp(22px,3vw,36px)}
.v-lados{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.v-lado{border-radius:16px;padding:22px;background:#F7FBF8;border-top:4px solid #2FA36B}
.v-lado.down{background:#FFF7F6;border-top-color:var(--salmon2)}
.v-lrot{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#137A48;margin:0}
.v-lado.down .v-lrot{color:var(--salmon2)}
.v-lcif{display:flex;align-items:baseline;gap:10px;margin:8px 0 14px}.v-lcif b{font-weight:900;font-size:42px;letter-spacing:-.04em}.v-lcif span{color:var(--suave);font-size:13.5px}
.v-tms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.v-tms li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;font-weight:700;font-size:15px}
.v-tms li span::first-letter{text-transform:uppercase}
.v-tms li i{grid-column:1/-1;height:4px;border-radius:2px;background:#2FA36B}.v-lado.down .v-tms li i{background:var(--salmon)}
.v-lsub{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin:22px 0 10px}
.v-dq{margin:0;background:#fff;border-radius:12px;padding:16px 18px;border:1px solid var(--linea)}
.v-dq blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.4}
.v-dq figcaption,.v-mq em{display:block;font-size:12px;color:var(--suave);margin-top:6px;font-style:normal}
.v-mq{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:13.5px}
/* 4.4 evolución */
.v-tog{display:inline-flex;border:1.5px solid var(--linea);border-radius:999px;padding:3px;margin-bottom:12px}
.v-tog button{font:inherit;font-size:13px;font-weight:700;border:0;background:none;border-radius:999px;padding:5px 14px;cursor:pointer;color:inherit}
.v-tog button.on{background:var(--ia);color:#fff}
.v-leg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;margin-bottom:8px}
.v-leg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.v-graf{width:100%;height:auto;display:block}
.v-graf .v-rej line{stroke:rgba(10,20,66,.08)}
.v-graf text{font-size:11px;fill:#5F6B8F;font-family:Inter,sans-serif}
/* 4.5 grupos */
.v-grp{border-top:1px solid var(--linea)}
.v-grp summary{list-style:none;display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) 54px minmax(180px,250px) 18px;gap:14px;align-items:center;padding:14px 0;cursor:pointer}
.v-grp summary::-webkit-details-marker{display:none}
.gn{font-weight:800;font-size:15px}
.gb{height:10px;border-radius:5px;background:#EEF1F8;overflow:hidden}.gb i{display:block;height:100%;background:var(--ia);border-radius:5px}
.gp{font-weight:800;text-align:right}
.gc{font-size:12.5px;color:var(--suave)}.gc b{color:var(--texto)}.gc em{font-family:inherit;font-style:normal;color:inherit}
.gch{transition:transform .2s;color:var(--suave);font-size:20px}.v-grp[open] .gch{transform:rotate(90deg)}
.v-ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px}
.v-ul li{display:grid;grid-template-columns:26px minmax(0,1fr) auto 120px;gap:12px;align-items:center;background:#F7F8FC;border-radius:10px;padding:8px 12px;font-size:13.5px}
.v-ul li.oc{display:none}
.v-ul .n{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--ia);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.v-ul .u{text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-ul .u span{color:var(--suave)}
.v-ul em{font-style:normal;font-family:inherit;font-size:12px;color:var(--suave);white-space:nowrap}
.v-ul .b,.v-fl .b{height:6px;border-radius:3px;background:#E3E7F1;overflow:hidden}.v-ul .b i,.v-fl .b i{display:block;height:100%;background:#9AA9CF}
.v-mas{font:inherit;font-size:13px;font-weight:700;border:1.5px solid var(--linea);background:#fff;border-radius:999px;padding:6px 16px;margin:0 0 16px;cursor:pointer}
/* 4.6 fuentes */
.v-f2{display:grid;grid-template-columns:1fr 1fr;gap:6px 36px}
.v-fl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.v-fl li{display:grid;grid-template-columns:24px 170px minmax(0,1fr) 54px;gap:10px;align-items:center;font-size:14px;padding:5px 0;border-bottom:1px solid var(--linea)}
.v-fl .n{font-style:normal;color:var(--suave);font-size:12px}
.v-fl b{text-align:right}
.v-fl li.yo{color:var(--ia);font-weight:800}.v-fl li.yo .b i{background:var(--ia)}
/* 4.7 AI Overviews */
.v-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);margin:0 0 20px}
.v-kpis>div{padding:16px 16px 16px 0}.v-kpis>div+div{padding-left:16px;border-left:1px solid var(--linea)}
.v-kpis b{display:block;font-weight:900;font-size:34px;letter-spacing:-.03em}
.v-kpis span{font-size:13px;color:var(--suave)}
.v-tab{width:100%;border-collapse:collapse;font-size:13.5px}
.v-tab th{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);font-weight:600;text-align:right;padding:8px 6px;border-bottom:2px solid var(--noche)}
.v-tab th:first-child,.v-tab td:first-child{text-align:left}
.v-tab td{padding:9px 6px;border-bottom:1px solid var(--linea);text-align:right}
.v-eco{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;border:1.5px solid #00B8AA;color:#00756D;border-radius:999px;padding:4px 12px 4px 6px;white-space:nowrap}
.v-eco svg{width:22px;height:22px}
.v-vacio{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:#fff;border:1.5px dashed rgba(124,77,255,.45);border-radius:18px;padding:22px 26px}
.v-vacio p{margin:0;font-size:15.5px}
.v-vacio .v-eco{font-size:14px;padding:7px 16px 7px 8px}
@media (max-width:1100px){.v-fis5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.v-cifs{grid-template-columns:1fr}.v-cif+.v-cif{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}.v-fis5{grid-template-columns:1fr 1fr}.v-lados,.v-f2,.v-sh{grid-template-columns:1fr}.v-fila{grid-template-columns:1fr}
 .v-grp summary{grid-template-columns:minmax(0,1fr) 54px 18px}.v-grp .gb,.v-grp .gc{display:none}.v-ul li{grid-template-columns:26px minmax(0,1fr)}.v-ul em,.v-ul .b{display:none}.v-fl li{grid-template-columns:24px minmax(0,1fr) 54px}.v-fl .b{display:none}.v-kpis{grid-template-columns:1fr 1fr}.v-vacio{grid-template-columns:1fr}}
/* layout de la columna izquierda propio de Visibilidad IA */
.via .boton:hover{background:#F7D27A;box-shadow:0 0 0 8px rgba(232,174,46,.22)}
.via .campo:focus{box-shadow:0 0 0 4px rgba(232,174,46,.2)}
.via .p-emp{display:block}
.via .p-emp .campo{margin-top:6px}
.via .ia-act{display:flex;flex-direction:column;gap:8px;background:var(--noche);color:#fff;border-radius:14px;padding:14px 16px;margin:4px 0}
.via .ia-act p{margin:0;font-size:13.5px;line-height:1.4}
.via .ia-act .ia-cupo b{font-size:20px;color:var(--acc2)}
.via .ia-act .ia-gasto{opacity:.7;font-size:12.5px}
.via .ia-act .boton{font-size:16px;padding:10px 16px;align-self:flex-start}
.via .ia-act .pista{margin-top:4px}
.via .ia-act #ia-fase{font-family:var(--mono);font-size:11.5px;opacity:.8;overflow-wrap:anywhere}
.via .ia-act .error{color:#FFB3AF}
.via .vacio{font-size:18px}
.via .v-sep{height:22px}
.via .v-nota{font-size:13.5px;color:var(--suave);margin:-8px 0 16px;line-height:1.5}
.via .v-badge{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--iabg);color:#4B2BB0;white-space:nowrap}
.via .v-mut{color:var(--suave)}
.via .v-si{color:#6C3483;font-weight:800}
.via .v-err{color:var(--bad)}
/* AI Overviews: tabla de páginas desplegables (rejilla común a la cabecera y a las filas) */
.via .v-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.via .v-aqtab{min-width:820px}
.via .v-aqh,.via .v-aq>summary{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(96px,1fr) repeat(5,52px) 248px;gap:8px;align-items:center}
.via .v-aqh{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);padding:8px 0;border-bottom:2px solid var(--noche)}
.via .v-aq{border-bottom:1px solid var(--linea)}
.via .v-aq>summary{list-style:none;cursor:pointer;padding:10px 0;font-size:13.5px}
.via .v-aq>summary::-webkit-details-marker{display:none}
.via .v-aqu{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.via .v-aqu::before{content:"▸ ";color:var(--ia)}
.via .v-aq[open] .v-aqu::before{content:"▾ "}
.via .v-aqh .n,.via .v-aq .n{text-align:right}
.via .v-meses{display:grid;grid-template-columns:repeat(6,37px);gap:5px;justify-content:end}
.via .v-aqh .v-meses span{text-align:center}
.via .v-c{display:block;height:24px;border-radius:5px;font-size:11.5px;line-height:24px;text-align:center}
.via .v-c0{background:#F7F9FD}
.via .v-aqd{padding:4px 0 14px 18px}
.via .v-aqlink{margin:0 0 8px;font-size:12.5px;overflow-wrap:anywhere}
.via .v-q{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:8px;align-items:start;padding:8px 0;border-top:1px dashed var(--linea);font-size:13px}
.via .v-qs{font-size:12px;color:var(--suave);margin-top:4px;overflow-wrap:anywhere}
.via .v-resp{margin-top:6px}
.via .v-resp summary,.via .v-det summary{cursor:pointer;font-weight:700;font-size:12.5px;color:var(--ia)}
.via .v-aiotx{background:#FBFAFF;border:1px solid var(--linea);border-radius:10px;padding:12px 14px;margin-top:6px;font-size:13px;line-height:1.55}
.via .v-aiotit{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);margin:0 0 6px}
.via .v-ley{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;font-size:11.5px}
.via .v-ley span{border-radius:6px;padding:3px 8px;background:#F4F6FB}
.via .v-barras{width:100%;height:auto;display:block}
.via .v-barras text{font-size:11px;fill:#5F6B8F;font-family:Inter,sans-serif}
.via .v-barras .v-rej line{stroke:rgba(10,20,66,.08)}
.via .v-kpis .vchip{margin-top:6px}
.via .v-kpis>div{display:flex;flex-direction:column;align-items:flex-start}
/* AI Overviews: el análisis */
.via .v-aiot h3{font-size:clamp(19px,1.6vw,22px)}
.via .v-resumen{background:var(--iabg);border-radius:12px;padding:16px 18px;font-size:15.5px;line-height:1.55}
.via .v-tab th.n,.via .v-tab td.n{text-align:right}
.via .v-tab td{vertical-align:top;text-align:left}
.via .v-tab th{text-align:left}
.via .v-bar{height:5px;border-radius:3px;background:#E3E7F1;overflow:hidden;margin-top:5px;min-width:80px}
.via .v-bar i{display:block;height:100%;background:var(--ia)}
.via .v-ej{font-style:italic;color:var(--suave)}
.via .v-crit{padding:10px 0;border-top:1px solid var(--linea)}
.via .v-crith{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.via .v-crith span{color:var(--suave);font-size:12.5px;white-space:nowrap}
.via .v-cita{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--suave);margin-top:4px}
.via .v-tema{border-radius:10px;padding:10px 14px;margin:0 0 8px;font-size:14.5px;background:#F7F8FC}
.via .v-tema.up{background:var(--okbg);color:var(--ok)}.via .v-tema.down{background:var(--badbg);color:var(--bad)}.via .v-tema.ia{background:var(--iabg)}
.via .v-mat th.v-critth{writing-mode:vertical-rl;transform:rotate(180deg);text-align:left;white-space:nowrap;max-height:180px;font-size:10px}
.via .v-mat td.v-mok,.via .v-mat td.v-mko,.via .v-mat td.v-m0{text-align:center;font-weight:800}
.via .v-mok{background:var(--okbg);color:var(--ok)}.via .v-mko{background:var(--badbg);color:var(--bad)}.via .v-m0{color:#B4BCD3}
.via .v-matu{min-width:200px;font-weight:700;overflow-wrap:anywhere}
.via .v-matu .v-eco{display:flex;width:max-content;margin-top:8px;font-size:12px}
.via .v-qcambiar{min-width:340px}
.via .v-cambios{margin:0 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:5px;font-size:13.5px}
.via .v-det{margin-top:8px}
.via .v-hueco{border-top:1px dashed var(--linea);padding:8px 0;font-size:13px}
.via .v-donde{display:inline-block;margin-left:8px;font-size:11.5px;color:var(--suave)}
.via .v-rival{font-size:12.5px;color:var(--suave);margin:4px 0}
.via .v-prop{white-space:pre-wrap;font-family:var(--mono);font-size:12px;background:#F7F8FC;border:1px solid var(--linea);border-radius:8px;padding:10px;margin:6px 0 4px}
.via .cp{font:inherit;font-size:12px;font-weight:700;border:1.5px solid var(--linea);background:#fff;border-radius:999px;padding:3px 12px;cursor:pointer}
.via .v-estr{font-size:12.5px;color:var(--suave);margin-top:6px}
.via .v-ficha{border-collapse:collapse;font-size:13px;margin-top:6px}
.via .v-ficha td{border-top:1px solid var(--linea);padding:6px 8px 6px 0;vertical-align:top}
.via .v-est{font-weight:800;white-space:nowrap}.via .v-est.presente{color:var(--ok)}.via .v-est.parcial{color:#9A6A00}.via .v-est.ausente,.via .v-est.oculto{color:var(--bad)}
.via .v-fresc{font-size:12.5px;color:var(--suave);margin-top:6px}.via .v-fresc.aviso{color:#9A6A00}
.via .v-pres.ok{color:var(--ok);font-weight:800}.via .v-pres.ko{color:var(--bad);font-weight:800}.via .v-pres.nd{color:var(--suave)}
.via .v-lista{font-size:12px;color:var(--ok)}.via .v-lista.ko{color:var(--bad)}
.via .v-sugs{display:flex;flex-wrap:wrap;gap:8px}
.via .v-sug{border:1.5px solid rgba(124,77,255,.35);background:var(--iabg);border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:600}
@media (max-width:900px){
  .via .paso2c{grid-template-columns:minmax(0,1fr);gap:40px}
  .via .p-izq{position:static;max-height:none;overflow:visible}
  .via .mr{width:min(130px,40%)}
}
@media (max-width:700px){
  .via .boton{width:100%}
  .via .v-card{padding:18px}
  .via .v-kpis{grid-template-columns:1fr 1fr}
  .via .v-kpis>div:nth-child(3){padding-left:0;border-left:0}
}
@media (prefers-color-scheme:dark){
  .via .v-card,.via .sp.v-sent,.via .v-vacio{background:#0B1544;border-color:var(--linea)}
  .via .v-fi,.via .v-ul li,.via .v-aiotx,.via .v-prop,.via .v-tema,.via .v-ley span{background:rgba(255,255,255,.05)}
  .via .v-lado{background:rgba(70,212,140,.07)}
  .via .v-lado.down{background:rgba(255,127,122,.07)}
  .via .v-dq,.via .cp,.via .v-mas{background:#0F1B52;color:var(--texto)}
  .via .v-b100,.via .gb,.via .v-ul .b,.via .v-fl .b,.via .v-bar{background:rgba(255,255,255,.12)}
  .via .v-graf .v-rej line,.via .v-barras .v-rej line{stroke:rgba(255,255,255,.1)}
  .via .v-graf text,.via .v-barras text{fill:#A3ACCB}
  .via .v-resumen,.via .v-tema.ia,.via .v-sug,.via .v-badge{background:rgba(124,77,255,.18);color:#D9CCFF}
  .via .v-si{color:#C9B6FF}
  .via .p-webs a{background:rgba(255,255,255,.04)}
  .via .p-sub a{background:rgba(255,255,255,.04)}
  .via .p-sub a.on{background:rgba(232,174,46,.16);color:var(--texto)}
  .via .eta-n{color:var(--acc2)}
  .via .campo{background:var(--superficie);color:var(--texto);border-color:var(--linea)}
}
/* la píldora de la carpeta de la empresa y el enlace de Eco, con la paloma */
.web .botones a.ia .mini-ciclo{background:#fff;border-radius:50%;padding:1px;margin:-3px 7px -3px -6px;vertical-align:middle}
.eco .p-sig-ia span{display:inline-flex;align-items:center;gap:8px}
/* ==== fin de Visibilidad IA ==== */

/* ==== Rastreo: Screaming Frog en la nube (paso 1 de El Ciclo, docs/maqueta-rastreos/), prefijo ra- ====
   La sección lleva class="ciclo eco rastreos" y hereda el diseño de Eco (columnas, rueda, cupo, formulario, avance,
   tarjeta clara). Aquí, solo lo propio en azul marino: los límites, las tablas, parar, la cola y las descargas. */
.rastreos .boton{box-shadow:0 0 0 6px rgba(127,156,255,.22)}
.rastreos .boton:hover{background:#9DB3FF;box-shadow:0 0 0 8px rgba(127,156,255,.28)}
.rastreos .sp.claro.res{border-color:rgba(0,31,120,.35);box-shadow:0 0 0 6px rgba(127,156,255,.1)}
.rastreos .ra-lims{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:8px}
.rastreos .eco-form .ra-lim{position:relative;display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--linea);border-radius:12px;padding:10px 14px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.rastreos .ra-lim input{position:absolute;opacity:0;pointer-events:none}
.rastreos .ra-lim b{font-weight:900;font-size:22px;letter-spacing:-.02em;line-height:1.1}
.rastreos .ra-lim small{display:block;color:var(--suave);font-size:13px}
.rastreos .ra-lim:hover{border-color:rgba(0,31,120,.5)}
.rastreos .ra-lim.on{border-color:var(--navy);background:#F1F4FD;box-shadow:inset 0 0 0 1px var(--navy)}
.rastreos .ra-lim:has(input:focus-visible){outline:2px solid var(--salmon);outline-offset:3px}
.rastreos .ra-form .infs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:8px}
.rastreos .ra-form .inf{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1.5px solid var(--linea);border-radius:12px;padding:10px 14px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.rastreos .ra-form .inf:hover{border-color:rgba(0,31,120,.5)}
.rastreos .ra-form .inf.on{border-color:var(--navy);background:#F1F4FD}
.rastreos .ra-form .inf.fija{cursor:default}
.rastreos .ra-form .inf input{accent-color:var(--navy);width:18px;height:18px;margin:0}
.rastreos .ra-form .inf b{display:block;font-size:15px;line-height:1.3}
.rastreos .ra-form .inf small{display:block;color:var(--suave);font-size:13px;line-height:1.35}
.rastreos .ra-form .ra-sf{border-style:dashed}
.rastreos .ra-parar{margin-top:18px;font:inherit;font-weight:700;font-size:14px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:8px 16px;cursor:pointer}
.rastreos .ra-parar:hover{border-color:var(--salmon);color:var(--salmon)}
.rastreos .ra-parar:disabled{opacity:.5;cursor:default}
.rastreos .ra-cola{margin:18px 0 0;font-size:15px;color:rgba(255,255,255,.8)}
.rastreos .ra-cola:empty{display:none}
.rastreos #ra-s2 .pct small{font-size:16px;line-height:1.4}
.rastreos .sp-meta{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--salmon2);margin-top:14px;overflow-wrap:anywhere}
.rastreos .sp-url{font-weight:900;font-size:clamp(24px,2.4vw,30px);letter-spacing:-.03em;line-height:1.1;margin:8px 0 6px}
.rastreos .ra-desde{margin:0;color:var(--suave);font-size:14.5px;overflow-wrap:anywhere}
.rastreos .ra-desde span{font-family:var(--mono);font-size:13px}
.rastreos .ra-gratis{margin:8px 0 0;display:inline-block;font-size:13.5px;background:#FBF0D6;color:#6B4700;border-radius:8px;padding:5px 10px}
.rastreos .golpes .bien b{color:var(--navy)}
.rastreos .ra-ficheros{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.rastreos .ra-f{display:inline-flex;flex-direction:column;border:1.5px solid var(--navy);border-radius:14px;padding:7px 14px;font-weight:700;font-size:14px;background:#fff;color:var(--navy);text-decoration:none}
.rastreos .ra-f small{font-family:var(--mono);font-weight:400;font-size:11px;color:var(--suave)}
.rastreos .ra-f:hover{background:#F1F4FD}
.rastreos .ra-f.sf{border-style:dashed;color:var(--suave);border-color:var(--suave)}
.rastreos #ra-resultado:not([hidden])+.ant{margin-top:30px}
.rastreos .ra-ant-t{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin:16px 0 6px}
.rastreos .fila-ant{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;border-top:1px solid var(--linea);padding:12px 0;font-size:15px}
.rastreos .fila-ant b{overflow-wrap:anywhere}
.rastreos .fila-ant span{color:var(--suave);font-family:var(--mono);font-size:12px;margin-left:auto}
.rastreos .fila-ant button{font:inherit;font-weight:700;font-size:14px;border:1px solid var(--linea);border-radius:999px;padding:4px 14px;background:#fff;color:var(--navy);cursor:pointer}
.rastreos .fila-ant button:hover{border-color:var(--navy)}
.rastreos .fila-ant.on b{color:var(--navy)}.rastreos .fila-ant.on button{background:var(--navy);color:#fff;border-color:var(--navy)}
@media (prefers-color-scheme:dark){
  .rastreos .ra-lim,.rastreos .ra-form .inf,.rastreos .ra-f,.rastreos .fila-ant button{background:#0B1544;color:var(--texto)}
  .rastreos .ra-lim.on,.rastreos .ra-form .inf.on{background:#13205C;border-color:#7F9CFF;box-shadow:none}
  .rastreos .ra-f{border-color:#7F9CFF;color:#C9D4FF}
  .rastreos .golpes .bien b{color:#9DB3FF}
  .rastreos .sp.claro.res{border-color:rgba(127,156,255,.4)}
}
.rastreos .ra-otras{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:18px;padding-top:14px;border-top:1px solid var(--linea)}
.rastreos .ra-otras div{display:flex;align-items:baseline;gap:8px}
.rastreos .ra-otras b{font-weight:900;font-size:22px;letter-spacing:-.02em;color:var(--navy)}
.rastreos .ra-otras span{font-size:14px;color:var(--suave)}
.rastreos .ra-evo{margin-top:30px}
.rastreos .ra-evo h4{font-weight:900;font-size:20px;letter-spacing:-.02em;margin:0}
.rastreos .ra-evo-n{margin:4px 0 10px;font-size:14px;color:var(--suave)}
.rastreos .ra-evo-t{overflow-x:auto;border:1px solid var(--linea);border-radius:12px;background:#fff}
.rastreos .ra-evo table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.rastreos .ra-evo th,.rastreos .ra-evo td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--linea);white-space:nowrap;vertical-align:top}
.rastreos .ra-evo thead th{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);border-bottom:2px solid var(--navy)}
.rastreos .ra-evo th:first-child{text-align:left;position:sticky;left:0;background:#fff;font-family:var(--mono);font-size:12px;font-weight:600}
.rastreos .ra-evo tbody tr:last-child>*{border-bottom:0}
.rastreos .ra-evo td.nd{color:var(--suave)}
.rastreos .ra-d{display:block;font-family:var(--mono);font-size:11px;color:var(--suave)}
.rastreos .ra-d.up{color:#0F7B55}.rastreos .ra-d.down{color:var(--error)}
@media (prefers-color-scheme:dark){
  .rastreos .ra-evo-t,.rastreos .ra-evo th:first-child{background:#0B1544}
  .rastreos .ra-otras b{color:#9DB3FF}
  .rastreos .ra-d.up{color:#86EFAC}
}
/* ==== fin de Rastreo ==== */

/* ==== Redacción ==== */
/* Pantalla /redaccion/ (paso 3 de El Ciclo, spec 2026-10-18-redaccion-design.md §7, maqueta docs/maqueta-encargos/). La
   sección lleva class="ciclo eco fase re-pagina": hereda las columnas, la rueda, el formulario, las cifras, las pestañas y
   el Markdown de Eco y Fase. Aquí, lo propio (prefijo re-): lo que espera a la tarea, las webs, las plantillas con su tabla,
   las propuestas, los encargos con sus piezas, la lectura de una pieza, y la página de entrega que recibe el cliente. */
.re-pagina .re-espera{border:1.5px solid var(--salmon);border-radius:12px;padding:12px 14px;background:#FFF6F5;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:center}
.re-pagina .re-espera b{grid-row:1/3;font-weight:900;font-size:40px;line-height:1;letter-spacing:-.04em;color:var(--salmon2)}
.re-pagina .re-espera span{font-weight:700;font-size:15px;line-height:1.25}
.re-pagina .re-espera small{font-family:var(--mono);font-size:11px;color:var(--suave);line-height:1.4}
.re-pagina .re-espera .re-apagado{grid-column:1/-1;color:var(--error);font-weight:600;margin-top:4px}
.re-pagina .re-espera.cero{border-color:var(--linea);background:rgba(255,255,255,.6)}
.re-pagina .re-espera.cero b{color:var(--acc3)}
.re-nota{font-size:13.5px;color:var(--suave);margin:10px 16px 0;line-height:1.45}
.re-nota.re-sola{margin:10px 0 0}
.re-lnk2{font:inherit;font-weight:700;color:var(--acc3);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}
/* 3.1 La web */
.re-webs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:10px}
.re-web{font:inherit;color:inherit;text-align:left;cursor:pointer;border:1.5px solid var(--linea);border-radius:12px;padding:10px 14px;background:#fff;display:grid;gap:2px;align-content:start;transition:border-color .2s,background .2s,opacity .2s}
.re-web:hover{border-color:rgba(0,184,170,.6)}
.re-web b{font-size:16px;overflow-wrap:anywhere}
.re-web small{font-size:12.5px;color:var(--suave);line-height:1.35}
.re-web.on{border-color:var(--acc);background:#F2FBFA}
.re-web.off:not(.on){opacity:.55}
.re-web .re-enl{display:block;font-weight:700;color:var(--acc3);margin-top:2px}
.re-enlace{margin-top:14px;border:1.5px dashed var(--acc);border-radius:12px;padding:14px 16px;background:#FCFFFE}
.re-enlace p{margin:0 0 10px;font-size:15px;line-height:1.45}
.re-enlace-f{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.re-enlace-f .campo{flex:1 1 260px;width:auto}
/* botones */
.re-pagina .re-acc{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.re-pagina .re-acc .boton,.re-pagina .re-enlace .boton{font-size:14px;padding:10px 18px;text-decoration:none;display:inline-block}
.re-b2{font:inherit;font-weight:700;font-size:14px;color:inherit;border:1.5px solid var(--linea);border-radius:999px;padding:8px 16px;background:#fff;cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s}
.re-b2:hover{border-color:var(--salmon2);color:var(--salmon2)}
.re-b2:disabled,.re-pbtn:disabled{opacity:.5;cursor:wait}
/* 3.2 Sus plantillas */
.re-pls{display:grid;gap:10px;margin-top:20px}
.re-pl{border:1.5px solid var(--linea);border-radius:14px;background:#fff;overflow:hidden}
.re-pl-c{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 14px;align-items:center;width:100%;padding:12px 16px;font:inherit;color:inherit;text-align:left;background:none;border:0}
.re-pl-c[data-pl]{cursor:pointer}
.re-pl-c[data-pl]:hover b{color:var(--acc3)}
.re-pl-c b{font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.re-pl-c span{grid-column:1;font-size:13px;color:var(--suave);overflow-wrap:anywhere}
.re-pl-c em{grid-row:1/3;grid-column:2;font-style:normal;font-family:var(--mono);font-size:11.5px;letter-spacing:0;color:var(--suave);white-space:nowrap}
.re-pl-c i{grid-row:1/3;grid-column:3;font-style:normal;color:var(--acc3)}
.re-pl.abierta{border-color:var(--acc)}
.re-tabla{padding:0 16px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.re-tabla table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}
.re-tabla th{text-align:left;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--navy);padding:7px 8px;white-space:nowrap}
.re-tabla td{border-bottom:1px solid var(--linea);padding:8px;vertical-align:top;line-height:1.4}
.re-tabla td:first-child{font-family:var(--mono);font-size:12px;color:var(--acc3);font-weight:700}
.re-tabla td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.re-tabla .re-nota{margin:10px 0 0}
.re-meta-d{margin-top:8px;font-size:13.5px}
.re-meta-d summary{cursor:pointer;font-weight:700;color:var(--acc3)}
.re-meta-d dl{margin:8px 0 0;display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:6px 14px}
.re-meta-d dt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.re-meta-d dd{margin:0;overflow-wrap:anywhere}
.re-rev{border-color:var(--salmon);background:#FFFBFA}
.re-rev .re-acc{padding:0 16px 14px}
.re-rev .re-tabla{padding-top:12px}
.re-cambios{padding:0 16px 4px}
.re-cambios .lab{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);display:block;margin-bottom:7px}
.re-nueva{margin-top:16px;border:1.5px dashed var(--acc);border-radius:14px;padding:12px 16px 16px;background:#FCFFFE}
.re-nueva summary{font-weight:800;color:var(--acc3);cursor:pointer}
.re-nueva .eco-form{margin-top:14px}
/* 3.3 Pedir contenidos */
.re-pagina textarea.re-kw{font-family:var(--mono);font-size:13.5px;line-height:1.6}
.re-fichero{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px dashed var(--linea);border-radius:10px;padding:12px 14px;text-align:center;color:var(--acc3);font-weight:700;font-size:15px;background:#fff;cursor:pointer;transition:border-color .2s}
.re-fichero:hover{border-color:var(--acc)}
.re-fichero input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.re-fichero:focus-within{outline:2px solid var(--salmon);outline-offset:3px}
.re-fichas-l{list-style:none;margin:6px 0 0;padding:0;font-size:13px;color:var(--suave)}
.re-fichas-l li::before{content:"· "}
.re-pagina .re-opc{display:flex;gap:8px;align-items:center;font-size:14px;margin-top:8px;cursor:pointer}
.re-opc input{accent-color:var(--acc3);width:16px;height:16px;margin:0}
.re-pagina .re-aviso-ent{flex-basis:100%;margin:0;font-weight:700;font-size:14.5px;color:var(--acc3)}
.re-pagina .re-aviso-ent::before{content:"→ "}
/* 3.4 Encargos (banda oscura) */
.re-lista{display:grid;gap:12px;margin-top:20px}
.re-enc{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.04)}
.re-enc-c{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center}
.re-enc-c b{font-size:17px;color:#fff;overflow-wrap:anywhere}
.re-enc-c span{font-size:13px;color:rgba(255,255,255,.65)}
.re-enc-c .chip{grid-row:1/3;grid-column:2}
/* Modo de un contenido (Nuevo u Optimizar), encima del chip de estado */
.re-pagina .chip.re-cm{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff}
.re-pagina .chip.re-cm.opt{border-color:#FF7F7A;color:#FFB3AF}
.re-enc-c .re-cm{grid-row:1;justify-self:end}
.re-enc-c .re-cm+.chip{grid-row:2;justify-self:end}
.re-fase{margin:8px 0 0;font-size:13.5px;color:rgba(255,255,255,.75);overflow-wrap:anywhere}
.re-fase.re-det{color:#FFB3AF}
.re-sin{margin:8px 0 0;font-size:13.5px;color:#F2C97A}
.re-piezas{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.re-piezas li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);font-size:14.5px;color:#fff}
.re-piezas li.off{opacity:.6}
.re-piezas b{font-weight:700;overflow-wrap:anywhere}
.re-piezas small{grid-column:2;font-size:12.5px;color:rgba(255,255,255,.6)}
.re-pn{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.55)}
.re-pacc{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.re-lnk{font:inherit;font-weight:700;font-size:13.5px;color:#4FE0D3;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.re-lnk:hover{text-decoration:underline}
.re-ent{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9FF0E6}
.re-ent::before{content:"✓ "}
.re-pbtn{font:inherit;font-size:12.5px;font-weight:700;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 11px;cursor:pointer;transition:border-color .2s,color .2s}
.re-pbtn:hover{border-color:var(--salmon);color:var(--salmon)}
.re-pagina .re-b2.re-osc{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);font-size:13px;padding:6px 14px}
.re-pagina .re-b2.re-osc:hover{border-color:var(--salmon);color:var(--salmon)}
.re-vacio{margin:16px 0 0;font-size:16px;color:rgba(255,255,255,.75)}
/* chips de estado (sin el aspecto de botón de .eco .chip) */
.re-pagina .chip,.re-pagina .chip:hover{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.02em;border:0;border-radius:999px;padding:3px 9px;text-transform:uppercase;font-style:normal;white-space:nowrap;cursor:default}
.re-pagina .chip.mal{background:#FFE5E3;color:#B4332E}
.re-pagina .chip.med{background:#FBF0D6;color:#8A5A00}
.re-pagina .chip.bien{background:#DDF5F2;color:#006B62}
.re-pagina .chip.gris{background:#E4E8F2;color:#3D4766}
/* 3.5 Leer una pieza (cifras, pestañas y Markdown: los de Eco y Fase) */
.re-pagina .re-md{position:relative}
.re-pagina .re-md h1{font-weight:900;font-size:clamp(26px,2.6vw,32px);line-height:1.1;letter-spacing:-.03em;max-width:none;margin:24px 0 10px}
.re-pagina .re-md h2{font-weight:900;font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:26px 0 8px}
.re-pagina .re-md.corta{max-height:560px;overflow:hidden}
.re-pagina .re-md.corta::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(252,254,253,0),#FCFEFD)}
.re-entera{font:inherit;font-weight:700;font-size:15px;color:var(--acc3);background:none;border:0;padding:0;margin-top:16px;cursor:pointer}
/* Los seis informes (pestaña Informes y <slug>-informes.html): índice arriba y un section por informe */
.re-inf-ind{margin:18px 0 8px;padding:14px 18px;border:1px solid var(--linea);border-radius:12px;background:rgba(0,184,170,.05)}
.re-inf-ind ol{margin:0;padding-left:1.3em;columns:2;column-gap:28px}
.re-inf-ind li{margin:4px 0;break-inside:avoid}
.re-inf-ind a{font-weight:700;color:var(--acc3);text-decoration:none}
.re-inf-ind a:hover{text-decoration:underline}
.re-inf-sec{margin-top:34px;padding-top:6px;border-top:1px solid var(--linea);scroll-margin-top:20px}
.re-inf-sec h2{margin-top:18px}
.re-inf-sec pre{white-space:pre-wrap;overflow-wrap:anywhere}
.re-nota-c{margin:14px 0;border-left:4px solid #E8AE2E;background:#FBF0D6;padding:10px 14px;font-size:15px;border-radius:0 10px 10px 0}
/* Página de entrega (la que recibe el cliente en su carpeta: src/redaccion-html.js) */
.re-cab{max-width:72ch;margin:0 auto;padding:clamp(28px,5vw,56px) 20px 0}
.re-meta{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--salmon2);overflow-wrap:anywhere}
.re-entrega{max-width:72ch;margin:0 auto;padding:8px 20px 96px;font-size:17px;line-height:1.65}
.re-entrega h1{font-size:clamp(32px,5vw,48px);line-height:1.05;letter-spacing:-.04em;max-width:none;margin:14px 0 18px}
.re-entrega h2{font-weight:900;font-size:clamp(23px,3vw,28px);letter-spacing:-.025em;line-height:1.15;margin:36px 0 10px}
.re-entrega h3{font-weight:800;font-size:20px;line-height:1.25;margin:26px 0 8px}
.re-entrega h4{font-weight:800;font-size:17px;margin:20px 0 6px}
.re-entrega p{margin:12px 0 0;overflow-wrap:anywhere}
.re-entrega ul,.re-entrega ol{margin:10px 0 0;padding-left:1.4em}
.re-entrega li{margin:5px 0}
.re-entrega a{color:#00968B}
.re-entrega code{font-family:var(--mono);font-size:.86em;background:rgba(0,184,170,.1);border-radius:4px;padding:1px 5px}
.re-entrega pre{font-family:var(--mono);font-size:13px;line-height:1.6;background:rgba(10,20,66,.04);border:1px solid var(--linea);border-radius:10px;padding:12px 14px;overflow:auto;white-space:pre}
.re-entrega blockquote{margin:14px 0 0;padding:6px 16px 10px;border-left:3px solid #00B8AA;background:rgba(0,184,170,.06)}
.re-entrega hr{border:0;border-top:1px solid var(--linea);margin:28px 0}
.re-entrega .md-tabla{overflow-x:auto;margin:14px 0 0}
.re-entrega table{width:100%;border-collapse:collapse;font-size:15px}
.re-entrega th{text-align:left;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--navy);padding:8px}
.re-entrega td{border-bottom:1px solid var(--linea);padding:9px 8px;vertical-align:top}
.re-entrega .chip{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;text-transform:uppercase;background:#E4E8F2;color:#3D4766}
.re-entrega .chip.bien{background:#DDF5F2;color:#006B62}
.re-entrega .chip.med{background:#FBF0D6;color:#8A5A00}
.re-entrega .chip.mal{background:#FFE5E3;color:#B4332E}
@media (max-width:700px){
  .re-pagina .re-espera b{font-size:34px}
  .re-pl-c{grid-template-columns:minmax(0,1fr) auto}
  .re-pl-c em{grid-row:auto;grid-column:1}
  .re-pl-c i{grid-row:1/4;grid-column:2}
  .re-pl-c .chip{grid-row:auto;grid-column:1;justify-self:start}
  .re-enc-c{grid-template-columns:minmax(0,1fr)}
  .re-enc-c .chip{grid-row:auto;grid-column:1;justify-self:start}
  .re-pagina .chip{white-space:normal}
  .re-piezas li{grid-template-columns:auto minmax(0,1fr)}
  .re-piezas .chip{grid-column:2;justify-self:start}
  .re-piezas small,.re-pacc{grid-column:2}
  .re-meta-d dl{grid-template-columns:minmax(0,1fr)}
  .re-meta-d dd{margin-bottom:6px}
  .re-enc-c .re-cm,.re-enc-c .re-cm+.chip{grid-row:auto;justify-self:start}
  .re-inf-ind ol{columns:1}
}
@media (prefers-color-scheme:dark){
  .re-pagina .re-espera{background:rgba(255,127,122,.1)}
  .re-pagina .re-espera.cero{background:rgba(255,255,255,.04)}
  .re-web,.re-pl,.re-b2,.re-fichero{background:var(--superficie)}
  .re-web.on{background:rgba(0,184,170,.16)}
  .re-rev{background:rgba(255,127,122,.08)}
  .re-nueva,.re-enlace{background:rgba(0,184,170,.06)}
  .re-tabla th,.re-entrega th{border-bottom-color:#7F9CFF}
  .re-pagina .chip.mal,.re-entrega .chip.mal{background:#4A1A17;color:#FFB3AF}
  .re-pagina .chip.med,.re-entrega .chip.med{background:#4A3510;color:#F2C97A}
  .re-pagina .chip.bien,.re-entrega .chip.bien{background:#0B3F3B;color:#9FF0E6}
  .re-pagina .chip.gris,.re-entrega .chip{background:#252E55;color:#C9D2F5}
  .re-pagina .re-md.corta::after{background:linear-gradient(rgba(11,21,68,0),#0B1544)}
  .re-nota-c{background:rgba(232,174,46,.14)}
  .re-entrega a{color:#4FE0D3}
  .re-entrega pre{background:rgba(255,255,255,.05)}
  .re-inf-ind{background:rgba(0,184,170,.08)}
  .re-inf-ind a{color:#4FE0D3}
}
/* ==== fin de Redacción ==== */
/* ==== Estructura ==== */
/* Pantalla /estructura/ (paso 1 de El Ciclo, spec 2026-10-18-estructura-web-design.md §9, maqueta docs/maqueta-estructura/) y
   su pieza en la carpeta de la empresa (fase 1, tras Rastreo). La sección lleva class="ciclo eco estructura": hereda las
   columnas, la rueda, el formulario y las tarjetas de Eco. Aquí, lo propio (prefijo es-): el pedido, las cifras, las tablas de
   enlazado, las búsquedas sin cubrir, la evolución y las tarjetas de la pieza. Todo cuelga de .estructura o de .es-pieza. */
.estructura code{font-family:var(--mono);font-size:.84em;background:rgba(61,99,224,.12);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}
.estructura .cupo b{font-size:34px}
.estructura .es-emp{display:block;margin-bottom:18px}
/* 1.1 Pedir un análisis */
.estructura .es-pedir{display:grid;gap:16px;margin-top:18px}
.estructura .es-pedir label>.lab,.estructura .es-que>.lab{display:block}
.estructura .es-que{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.estructura .es-que>.lab{grid-column:1/-1}
.estructura .es-pedir .inf{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border:1.5px solid var(--linea);border-radius:12px;padding:10px 14px;background:#fff}
.estructura .es-pedir .inf.on{border-color:var(--acc3);background:#F1F4FD}
.estructura .es-pedir .inf input{accent-color:var(--acc3);width:18px;height:18px}
.estructura .es-pedir .inf b{display:block;font-size:15px}
.estructura .es-pedir .inf small{display:block;color:var(--suave);font-size:13px}
.estructura .es-pedir .cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.estructura .es-pedir .cta small{color:var(--suave);font-size:13.5px;max-width:42ch}
.estructura .es-cola{margin:0;font-size:14px;color:var(--suave)}
/* 1.2 Cómo se enlaza */
.estructura .es-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0 8px}
.estructura .es-c{border-top:3px solid var(--acc3);padding-top:10px}
.estructura .es-c.mal{border-color:var(--salmon)}
.estructura .es-c.med{border-color:#E8AE2E}
.estructura .es-c b{display:block;font-weight:900;font-size:48px;letter-spacing:-.05em;line-height:1;color:var(--acc3)}
.estructura .es-c.mal b{color:#E0524C}
.estructura .es-c.med b{color:#B07A0E}
.estructura .es-c p{margin:6px 0 0;font-size:14.5px;line-height:1.4;color:var(--suave)}
.estructura .es-dif{display:inline-block;margin-left:6px;vertical-align:middle;font-family:var(--mono);font-size:11.5px;font-weight:600;border-radius:999px;padding:1px 8px;background:#E4E8F2;color:#3D4766}
.estructura .es-dif.bien{background:#DDF3EA;color:#0B6B4F}
.estructura .es-dif.mal{background:#FFE5E3;color:#B4332E}
.estructura .es-h{font-weight:900;font-size:21px;letter-spacing:-.02em;margin:30px 0 4px}
.estructura .es-nota{font-size:14.5px;color:var(--suave);line-height:1.5;margin:10px 0 0;max-width:85ch}
.estructura .es-ej{font-style:italic}
.estructura .es-u{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--acc3);overflow-wrap:anywhere}
.estructura .es-tw{overflow-x:auto;border:1px solid var(--linea);border-radius:14px;background:#fff;margin-top:14px}
.estructura .es-t{border-collapse:collapse;width:100%;min-width:720px;font-size:14.5px}
.estructura .es-t th{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;text-align:left;color:var(--suave);border-bottom:2px solid var(--acc3);padding:10px 12px;font-weight:600}
.estructura .es-t td{padding:10px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
.estructura .es-t tr:last-child td{border-bottom:0}
.estructura .es-t td:first-child{font-weight:650}
.estructura .es-t .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.estructura .es-t td small{display:block;color:var(--suave);font-size:12.5px;font-weight:400;margin-top:2px}
.estructura .es-cero{color:#E0524C;font-weight:800}
.estructura .es-acc{font:inherit;font-size:13px;font-weight:700;border:1.5px solid var(--acc3);color:var(--acc3);background:#fff;border-radius:999px;padding:5px 12px;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-block}
.estructura .es-acc.sec{border-color:#00B8AA;color:#007A71}
.estructura .es-acc:disabled{opacity:.55;cursor:wait}
.estructura .es-sug{margin-top:12px;background:#F1F4FD;border-radius:12px;padding:12px 16px;font-size:14.5px;line-height:1.5}
.estructura .es-red{list-style:none;margin:12px 0 0;padding:0}
.estructura .es-red li{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;border-top:1px solid var(--linea);padding:10px 0;font-size:15px}
.estructura .es-red li span{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--suave)}
.estructura .es-fuga{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
.estructura .es-fuga>div{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;background:#FFF8F7;border-radius:12px;padding:14px 16px}
.estructura .es-fuga b{font-weight:900;font-size:34px;letter-spacing:-.04em;color:#E0524C;line-height:1}
.estructura .es-fuga p{margin:0;font-size:14.5px;line-height:1.45}
/* 1.3 Búsquedas sin cubrir */
.estructura .es-ley{display:flex;gap:18px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);margin:18px 0 6px}
.estructura .es-ley span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.estructura .es-ley .falta::before{background:var(--salmon)}
.estructura .es-ley .parcial::before{background:#E8AE2E}
.estructura .es-cob{border:1px solid var(--linea);border-radius:16px;background:#fff;padding:16px 18px;margin-top:14px}
.estructura .es-cob header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}
.estructura .es-cob header small{display:block;color:var(--suave);font-size:13px;margin-top:2px}
.estructura .es-cob-n{text-align:right;flex:none}
.estructura .es-cob-n b{display:block;font-weight:900;font-size:28px;letter-spacing:-.03em;color:#E0524C;line-height:1}
.estructura .es-cob-n span{font-size:12px;color:var(--suave)}
.estructura .es-qs{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.estructura .es-qs li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border-left:4px solid var(--salmon);background:#FFF8F7;border-radius:6px;padding:7px 12px;font-size:14.5px}
.estructura .es-qs li.parcial{border-color:#E8AE2E;background:#FDF7EA}
.estructura .es-q{font-weight:650;overflow-wrap:anywhere}
.estructura .es-i,.estructura .es-p{font-family:var(--mono);font-size:12px;color:var(--suave);white-space:nowrap}
.estructura .es-cob footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.estructura .es-mas{display:block;margin:16px auto 0}
/* Avisos, propuestas, detalle plegable, confirmar una tarea y lo arreglado (pintados por public/estructura-pinta.js) */
.estructura .es-aviso{margin:0;border-left:4px solid #E8AE2E;background:#FDF7EA;border-radius:6px;padding:10px 14px;font-size:14.5px;line-height:1.45}
.estructura .es-aviso a{color:var(--acc3);font-weight:700}
.estructura .es-marcha{margin:0;border-left:4px solid var(--acc3);background:#F1F4FD;border-radius:6px;padding:10px 14px;font-size:14.5px;line-height:1.45}
.estructura .es-props{display:grid;gap:10px}
.estructura .es-props>.lab{display:block}
.estructura .es-prop{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;border:1.5px solid var(--linea);border-radius:12px;padding:12px 16px;background:#fff}
.estructura .es-prop small{display:block;color:var(--suave);font-size:13px;margin-top:2px}
.estructura .es-prop p{margin:6px 0 0;font-size:14.5px;overflow-wrap:anywhere}
.estructura .es-prop-b{display:flex;gap:8px;flex-wrap:wrap}
.estructura .es-det{font-weight:400;margin-top:6px;font-size:13.5px}
.estructura .es-det summary{cursor:pointer;color:var(--acc3);font-weight:700;font-size:13px}
.estructura .es-det p{margin:8px 0 2px;color:var(--suave)}
.estructura .es-lst{margin:4px 0 0;padding-left:18px;font-size:13.5px;line-height:1.5}
.estructura .es-arr{margin-top:22px;border:1px solid var(--linea);border-radius:12px;padding:10px 16px}
.estructura .es-arr summary{cursor:pointer;font-weight:700}
.estructura .es-arr .es-lst{list-style:none;padding-left:0}
.estructura .es-arr-t{margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.estructura .es-fuentes{margin-top:22px;font-size:13px}
.estructura .es-red li .es-dif{margin-left:0}
.estructura .es-red li .es-acc{margin-left:6px}
.estructura .es-red li .es-conf,.estructura .es-fuga .es-conf{flex:1 1 100%}
.estructura .es-conf{margin-top:12px;border:2px solid var(--acc3);border-radius:12px;padding:12px 16px;background:#F1F4FD;font-weight:400}
.estructura .es-conf>b{display:block;font-size:14px}
.estructura .es-conf-t{margin:6px 0 4px;font-size:15px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}
.estructura .es-conf-m{margin:0;font-size:13px;color:var(--suave)}
.estructura .es-conf-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.estructura .es-conf-f>td{padding:0 12px 12px;border-bottom:1px solid var(--linea);font-weight:400}
.estructura .es-acc.no{border-color:var(--linea);color:var(--suave)}
.estructura .es-acc.ya{border-color:var(--linea);color:var(--suave);cursor:default;font-weight:600}
.estructura .es-pas{font:inherit;font-weight:650;white-space:nowrap;background:none;border:0;padding:0;color:var(--acc3);cursor:pointer;text-decoration:underline}
.estructura .es-ev tr.on td{background:#F1F4FD}
/* 1.4 Cómo evoluciona */
.estructura .es-ev em{display:block;font-style:normal;font-family:var(--mono);font-size:11.5px}
.estructura .es-ev em.bien{color:#0B7A5A}
.estructura .es-ev em.mal{color:#E0524C}
/* La pieza de la carpeta de la empresa (fase 1, tras Rastreo) */
.es-pieza .es-pz-webs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.es-pieza .es-pz{display:grid;gap:4px;align-content:start;border:1px solid var(--linea);border-radius:14px;padding:14px 16px;background:#FCFCFE;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.es-pieza .es-pz:hover{border-color:var(--navy);transform:translateY(-2px)}
.es-pieza .es-pz b{font-size:17px;overflow-wrap:anywhere}
.es-pieza .es-pz span{font-size:14px;color:var(--suave)}
.es-pieza .es-pz i{font-style:normal;font-weight:900;color:var(--navy);margin-right:4px}
.es-pieza .es-pz i.mal{color:#E0524C}
.es-pieza .es-pz small{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--suave)}
.es-pieza .es-pz em{font-style:normal;font-family:inherit;font-weight:700;color:var(--navy);margin-top:6px}
.es-pieza .es-pz.vacia{border-style:dashed}
@media (max-width:900px){
  .estructura .es-qs li{grid-template-columns:1fr auto}
  .estructura .es-p{display:none}
  .estructura .es-cob header{flex-direction:column}
  .estructura .es-cob-n{text-align:left}
  .estructura .es-cifras,.estructura .es-fuga,.estructura .es-que{grid-template-columns:1fr}
  .es-pieza .es-pz-webs{grid-template-columns:1fr}
}
@media (prefers-color-scheme:dark){
  .estructura .es-pedir .inf,.estructura .es-tw,.estructura .es-cob,.estructura .es-acc{background:var(--superficie);color:var(--texto)}
  .estructura .es-pedir .inf.on,.estructura .es-sug{background:rgba(127,156,255,.14)}
  .estructura .es-pedir .inf.on{border-color:var(--acc2)}
  .estructura .es-c{border-top-color:var(--acc2)}
  .estructura .es-c b,.estructura .es-u{color:var(--acc2)}
  .estructura .es-c.mal{border-top-color:var(--salmon)}
  .estructura .es-c.mal b,.estructura .es-cero,.estructura .es-fuga b,.estructura .es-cob-n b,.estructura .es-ev em.mal{color:#FFB3AF}
  .estructura .es-c.med b{color:#F2C97A}
  .estructura .es-t th{border-bottom-color:var(--acc2)}
  .estructura .es-acc{border-color:var(--acc2);color:var(--acc2)}
  .estructura .es-acc.sec{border-color:#4FE0D3;color:#4FE0D3}
  .estructura .es-fuga>div,.estructura .es-qs li{background:rgba(255,127,122,.1)}
  .estructura .es-qs li.parcial{background:rgba(232,174,46,.12)}
  .estructura .es-prop,.estructura .es-arr{background:var(--superficie);color:var(--texto)}
  .estructura .es-aviso{background:rgba(232,174,46,.12)}
  .estructura .es-marcha,.estructura .es-conf,.estructura .es-ev tr.on td{background:rgba(127,156,255,.14)}
  .estructura .es-conf{border-color:var(--acc2)}
  .estructura .es-aviso a,.estructura .es-det summary,.estructura .es-pas{color:var(--acc2)}
  .estructura .es-marcha{border-left-color:var(--acc2)}
  .estructura .es-dif{background:#252E55;color:#C9D2F5}
  .estructura .es-dif.bien{background:#0B3F3B;color:#9FF0E6}
  .estructura .es-dif.mal{background:#4A1A17;color:#FFB3AF}
  .estructura .es-ev em.bien{color:#86EFAC}
  .es-pieza .es-pz{background:var(--superficie)}
  .es-pieza .es-pz:hover{border-color:#9DB3FF}
  .es-pieza .es-pz i,.es-pieza .es-pz em{color:#9DB3FF}
  .es-pieza .es-pz i.mal{color:#FFB3AF}
}
/* ==== fin de Estructura ==== */

/* ==== Análisis CRO ==== */
/* Maqueta de la sección «Análisis CRO» (paso 2 de El Ciclo, salmón). Prefijo cr-. */
.cro .sp{margin-bottom:clamp(40px,5vw,72px)}
.cro .cr-tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#FFE9E8;color:#B23A35;vertical-align:middle}
.cro .cr-tag.op{background:#EEF1FB;color:#3D4C7E}

/* 2.1 Formulario */
.cro .cr-form{display:grid;gap:22px;margin-top:26px;max-width:860px}
.cro .cr-form .lab{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:8px}
.cro .cr-dos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cro .cr-que{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cro .cr-op{border:1.5px solid rgba(10,20,66,.16);border-radius:14px;padding:16px 18px;background:#fff;cursor:pointer;display:flex;gap:12px;align-items:flex-start}
.cro .cr-op.on{border-color:var(--salmon2);box-shadow:0 0 0 4px #FFE9E8}
.cro .cr-op i{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(10,20,66,.3);margin-top:3px}
.cro .cr-op.on i{border:5px solid var(--salmon2)}
.cro .cr-op b{display:block;font-size:16.5px}
.cro .cr-op span{font-size:14.5px;color:var(--suave);line-height:1.4}
.cro .cr-pasos{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.cro .cr-pasos .p{font-size:14px;font-weight:600;border:1.5px solid rgba(10,20,66,.16);border-radius:999px;padding:6px 12px;background:#fff}
.cro .cr-pasos .p.on{background:#FFE9E8;border-color:var(--salmon2);color:#B23A35}
.cro .cr-pasos .fl{color:var(--suave)}
.cro .cr-chips{display:flex;flex-wrap:wrap;gap:10px}
.cro .cr-chip{font:inherit;font-size:15px;font-weight:600;border:1.5px solid rgba(10,20,66,.16);border-radius:999px;padding:9px 16px;background:#fff;color:var(--tinta);cursor:pointer}
.cro .cr-chip.on{background:var(--tinta);border-color:var(--tinta);color:#fff}
.cro .cr-chip small{font-weight:500;opacity:.7;margin-left:4px}
.cro .cr-enviar{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.cro .cr-boton{font:inherit;font-weight:800;font-size:17px;border:0;border-radius:12px;padding:15px 24px;background:var(--salmon2);color:#fff;cursor:pointer}
.cro .cr-boton.sec{background:transparent;color:var(--tinta);border:1.5px solid rgba(10,20,66,.2)}
.cro .cr-nota{font-size:14.5px;color:var(--suave);max-width:52ch;margin:0}

/* 2.2 Los análisis */
.cro .cr-lista{display:grid;gap:14px;margin-top:24px}
.cro .cr-an{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-radius:16px;padding:18px 22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none}
.cro .cr-an.sel{background:#fff;color:var(--tinta);border-color:#fff}
.cro .cr-an .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(255,127,122,.16);font-family:var(--mono);font-size:12px;font-weight:600;color:var(--salmon);text-align:center;line-height:1.1;font-size:11px}
.cro .cr-an.sel .ico{background:#FFE9E8;color:#B23A35}
.cro .cr-an h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}
.cro .cr-an .u{font-family:var(--mono);font-size:12.5px;opacity:.7;word-break:break-all}
.cro .cr-an .m{font-size:14px;opacity:.8;margin-top:4px}
.cro .cr-an .der{text-align:right;min-width:190px}
.cro .cr-est{display:inline-block;font-size:13px;font-weight:700;padding:5px 11px;border-radius:999px}
.cro .cr-est.listo{background:#DDF6EF;color:#0B6B57}
.cro .cr-est.marcha{background:#E4EAFF;color:#2747B8}
.cro .cr-est.cola{background:#EEF1FB;color:#3D4C7E}
.cro .cr-est.aprobar{background:#FFF1D6;color:#8A5A00}
.cro .cr-est.rech{background:#F1F1F4;color:#6B7280}
.cro .cr-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:rgba(10,20,66,.08);margin-top:8px;min-width:190px}
.cro .cr-bar i{display:block}
.cro .cr-bar .pr{background:#C9D4EE}.cro .cr-bar .ac{background:#3D63E0}.cro .cr-bar .im{background:#17A589}.cro .cr-bar .de{background:#E5E7EB}
.cro .cr-an .bt{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.cro .cr-an .bt button{font:inherit;font-size:13.5px;font-weight:700;border-radius:9px;padding:8px 12px;border:0;cursor:pointer}
.cro .cr-an .bt .si{background:var(--salmon);color:var(--noche)}
.cro .cr-an .bt .no{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.cro .cr-cola{font-size:14px;opacity:.75;margin:18px 0 0}

/* 2.3 El análisis abierto */
.cro .cr-cabe{display:flex;flex-wrap:wrap;gap:22px 34px;align-items:flex-end;justify-content:space-between;margin-top:20px}
.cro .cr-cabe h3{margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:900;letter-spacing:-.04em;line-height:1.05}
.cro .cr-cabe .u{font-family:var(--mono);font-size:13px;color:var(--suave);word-break:break-all}
.cro .cr-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cro .cr-meta span{font-size:13.5px;font-weight:600;background:#fff;border:1px solid rgba(10,20,66,.12);border-radius:999px;padding:5px 11px}
.cro .cr-nota-g{display:flex;align-items:baseline;gap:6px}
.cro .cr-nota-g b{font-size:56px;font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--salmon2)}
.cro .cr-nota-g span{font-size:15px;color:var(--suave)}
.cro .cr-veredicto{margin:22px 0 0;padding:18px 22px;border-left:4px solid var(--salmon2);background:#fff;border-radius:0 14px 14px 0;font-size:17px;line-height:1.5;max-width:900px}
.cro .cr-veredicto b{font-weight:800}
.cro .cr-cuenta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:22px;font-size:14.5px}
.cro .cr-cuenta .pt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}
.cro .cr-cuenta .pt.pr{background:#C9D4EE}.cro .cr-cuenta .pt.ac{background:#3D63E0}.cro .cr-cuenta .pt.im{background:#17A589}.cro .cr-cuenta .pt.de{background:#C4C7CF}
.cro .cr-cuerpo{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:clamp(22px,3vw,44px);margin-top:28px;align-items:start}
.cro .cr-capt{position:sticky;top:90px}
.cro .cr-movil{position:relative;border-radius:30px;padding:12px;background:var(--noche);box-shadow:0 18px 50px rgba(3,10,44,.25)}
.cro .cr-movil img{display:block;width:100%;border-radius:20px}
.cro .cr-pin{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--salmon2);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.cro .cr-pin.ok{background:#17A589}
.cro .cr-pin.sel{transform:scale(1.25);box-shadow:0 0 0 6px rgba(232,95,90,.35)}
.cro .cr-capt p{font-size:13px;color:var(--suave);margin:12px 4px 0;text-align:center}
.cro .cr-recs{display:grid;gap:12px}
.cro .cr-rec{background:#fff;border:1px solid rgba(10,20,66,.12);border-radius:16px;overflow:hidden}
.cro .cr-rec>summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;cursor:pointer}
.cro .cr-rec>summary::-webkit-details-marker{display:none}
.cro .cr-num{width:32px;height:32px;border-radius:50%;background:var(--salmon2);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px}
.cro .cr-rec.hecha .cr-num{background:#17A589}
.cro .cr-rec.desc{opacity:.6}
.cro .cr-rec.desc .cr-num{background:#9CA3AF}
.cro .cr-rec .t{font-weight:750;font-size:16.5px;letter-spacing:-.01em;line-height:1.3}
.cro .cr-rec .z{font-size:13px;color:var(--suave);margin-top:3px}
.cro .cr-pr{font-family:var(--mono);font-size:11px;font-weight:600;padding:2px 7px;border-radius:6px;margin-right:6px;background:#FFE1DF;color:#A3302B}
.cro .cr-pr.P1{background:#FFF1D6;color:#8A5A00}.cro .cr-pr.P2{background:#EEF1FB;color:#3D4C7E}
.cro .cr-re{text-align:right}
.cro .cr-re small{display:block;font-size:12.5px;color:var(--suave);margin-top:4px}
.cro .cr-ee{display:inline-block;font-size:13px;font-weight:700;padding:5px 11px;border-radius:999px}
.cro .cr-ee.pr{background:#EEF1FB;color:#3D4C7E}.cro .cr-ee.ac{background:#E4EAFF;color:#2747B8}.cro .cr-ee.im{background:#DDF6EF;color:#0B6B57}.cro .cr-ee.de{background:#F1F1F4;color:#6B7280}
.cro .cr-det{border-top:1px solid rgba(10,20,66,.1);padding:18px 18px 20px 64px;display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}
.cro .cr-det h4{margin:0 0 4px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);font-weight:600}
.cro .cr-det p{margin:0;font-size:15px;line-height:1.5}
.cro .cr-det .cr-todo{grid-column:1/-1}
.cro .cr-bes{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.cro .cr-be{font:inherit;font-size:14px;font-weight:700;border-radius:999px;padding:7px 13px;border:1.5px solid rgba(10,20,66,.16);background:#fff;cursor:pointer;color:var(--tinta)}
.cro .cr-be.on.ac{background:#3D63E0;border-color:#3D63E0;color:#fff}
.cro .cr-be.on.im{background:#17A589;border-color:#17A589;color:#fff}
.cro .cr-impl{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:12px;background:#F2FBF8;border:1px solid #BFE9DD;font-size:14.5px}
.cro .cr-impl .campo{width:auto;padding:8px 10px;font-size:14.5px}
.cro .cr-hist{margin:0;padding:0;list-style:none;font-size:14px}
.cro .cr-hist li{padding:4px 0;color:var(--suave)}
.cro .cr-hist li b{color:var(--tinta)}
.cro .cr-bien{margin-top:22px;padding:18px 22px;border-radius:16px;background:#F2FBF8;border:1px solid #BFE9DD}
.cro .cr-bien h4{margin:0 0 8px;font-size:16px}
.cro .cr-bien ul{margin:0;padding-left:20px;font-size:15px;line-height:1.6}

/* 2.4 Seguimiento */
.cro .cr-seg{background:#fff;border:1px solid rgba(10,20,66,.12);border-radius:18px;padding:clamp(20px,2.4vw,32px);margin-top:22px}
.cro .cr-seg-c{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.cro .cr-seg-c h3{margin:0;font-size:21px;font-weight:850;letter-spacing:-.03em;line-height:1.2;max-width:40ch}
.cro .cr-seg-c .q{font-size:14px;color:var(--suave);margin-top:6px}
.cro .cr-metr{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 10px}
.cro .cr-graf{width:100%;height:auto;display:block}
.cro .cr-cif{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.cro .cr-cif div{border-radius:14px;padding:14px 16px;background:#F7F8FC}
.cro .cr-cif div.dest{background:#DDF6EF}
.cro .cr-cif small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.cro .cr-cif b{display:block;font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-top:4px}
.cro .cr-cif span{font-size:13.5px;color:var(--suave)}
.cro .cr-cif .up{color:#0B6B57}.cro .cr-cif .down{color:#B23A35}
.cro .cr-cuidado{display:flex;gap:14px;margin-top:18px;padding:16px 18px;border-radius:14px;background:#FFF8EA;border:1px solid #F3DDAE;font-size:15px;line-height:1.5}
.cro .cr-cuidado b{font-weight:800}
.cro .cr-cuidado .i{flex:none;width:28px;height:28px;border-radius:50%;background:#C98A3A;color:#fff;display:grid;place-items:center;font-weight:900}
.cro .cr-vel{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:18px;padding:14px 18px;border-radius:14px;border:1px dashed rgba(10,20,66,.2)}
.cro .cr-vel b{font-size:22px;font-weight:900;letter-spacing:-.03em}
.cro .cr-vel p{margin:0;font-size:14px;color:var(--suave)}
.cro .cr-otras{margin-top:16px;font-size:15px}
.cro .cr-otras li{margin:6px 0}

/* Pieza de la carpeta */
.cr-pieza .vivo.cr{color:inherit;display:inline-flex;align-items:center;gap:12px}
.cr-pieza .cr-ico{width:34px;height:34px;flex:none}
.cr-pieza .cr-pmini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.cr-pieza .cr-pmini div{border:1px solid rgba(10,20,66,.12);border-radius:14px;padding:14px 16px;background:#fff}
.cr-pieza .cr-pmini b{display:block;font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:1}
.cr-pieza .cr-pmini span{font-size:14px;color:var(--suave)}
.cr-pieza .cr-pult{margin-top:14px;font-size:15px}
.cr-pieza .cr-pult a{font-weight:700;color:var(--salmon2)}

@media (max-width:900px){
  .cro .cr-dos,.cro .cr-que{grid-template-columns:1fr}
  .cro .cr-cuerpo{grid-template-columns:1fr}
  .cro .cr-capt{position:static;max-width:320px;margin:0 auto}
  .cro .cr-det{grid-template-columns:1fr;padding-left:18px}
  .cro .cr-an{grid-template-columns:auto 1fr}
  .cro .cr-an .der{grid-column:1/-1;text-align:left}
  .cro .cr-an .bt{justify-content:flex-start}
  .cro .cr-cif{grid-template-columns:1fr 1fr}
  .cr-pieza .cr-pmini{grid-template-columns:1fr}
}

/* La gráfica de seguimiento se desplaza en horizontal en las pantallas estrechas */
.cro .cr-graf-w{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cro .cr-graf-w .cr-graf{min-width:560px}
/* La lista de análisis (2.2) la rellena el JS dentro de #cr-lista */
.cro #cr-lista{display:grid;gap:14px;margin-top:24px}
/* El selector de empresa de la agencia, sobre el formulario */
.cro .cr-emp{display:block;max-width:340px;margin-bottom:22px}
.cro .cr-emp .lab{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:8px}

/* Lo que pinta cro-pinta.js dentro de las piezas de arriba: formulario, controles de estado, miniaturas, avisos */
.cro fieldset.cr-fs{border:0;padding:0;margin:0;min-width:0;display:grid;gap:22px}
.cro fieldset.cr-fs:disabled{opacity:.65}
.cro .cr-aviso{margin:0;padding:12px 16px;border-radius:12px;background:#FFF1D6;color:#8A5A00;font-size:15px;font-weight:600}
.cro .cr-rec .cr-aviso{margin-top:12px}
.cro .cr-msg{margin:0;font-weight:700;color:#0B6B57}
.cro .cr-msg:empty{display:none}
.cro .cr-op{position:relative}
.cro .cr-op input{position:absolute;opacity:0;pointer-events:none}
.cro .cr-op:focus-within{outline:3px solid var(--salmon2);outline-offset:2px}
.cro .cr-pasos[hidden],.cro .cr-impl[hidden],.cro .cr-motivo[hidden]{display:none}
.cro .cr-form .cr-pasos .lab{margin:0 6px 0 0}
.cro .cr-pasos button.p{font-family:inherit;color:inherit;cursor:pointer}
.cro button.cr-pin{padding:0;cursor:pointer;font-family:inherit;line-height:1}
.cro button.cr-pin:focus-visible{outline:3px solid var(--noche);outline-offset:3px}
.cro .cr-minis{display:flex;gap:8px;justify-content:center;margin-top:12px}
.cro .cr-mini{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;width:54px;height:80px;background:#fff;cursor:pointer;opacity:.7}
.cro .cr-mini.on{border-color:var(--salmon2);opacity:1}
.cro .cr-mini img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.cro .cr-cuerpo.sin{grid-template-columns:1fr}
.cro .cr-be.on.pr{background:#3D4C7E;border-color:#3D4C7E;color:#fff}
.cro .cr-be.on.de{background:#6B7280;border-color:#6B7280;color:#fff}
.cro .cr-impl label{display:flex;gap:8px;align-items:center}
.cro .cr-impl .cr-impl-n{flex:1 1 100%;font-size:13px;color:var(--suave)}
.cro .cr-motivo{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-top:12px}
.cro .cr-motivo .campo{flex:1 1 240px}
.cro .cr-coment{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.cro .cr-coment .campo{flex:1 1 240px;padding:9px 12px;font-size:14.5px}
.cro .cr-impl .cr-boton,.cro .cr-motivo .cr-boton,.cro .cr-coment .cr-boton{font-size:14.5px;padding:9px 16px}
.cro .cr-an[data-c]{cursor:pointer}
.cro .cr-an h3 a{color:inherit;text-decoration:none}
.cro .cr-an h3 a:hover{text-decoration:underline}
.cro .cr-an .cr-motivo{grid-column:1/-1;margin-top:0}
.cro .cr-an .cr-motivo .si{font:inherit;font-size:13.5px;font-weight:700;border-radius:9px;padding:8px 12px;border:0;cursor:pointer;background:var(--salmon);color:var(--noche)}
.cro .cr-an.sel .bt .no{color:var(--tinta);border-color:rgba(10,20,66,.3)}
.cro .cr-confirma{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14.5px;font-weight:600}
.cro .cr-confirma[hidden]{display:none}
.cro .cr-confirma button{font:inherit;font-size:13.5px;font-weight:700;border-radius:9px;padding:8px 12px;cursor:pointer}
.cro .cr-confirma .si{border:0;background:var(--salmon);color:var(--noche)}
.cro .cr-confirma .no{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.cro .cr-an.sel .cr-confirma .no{color:var(--tinta);border-color:rgba(10,20,66,.3)}
.cro .cr-b:hover{opacity:.85}
.cro .cr-an .cr-det-m{margin-top:8px;font-size:13px;opacity:.75}
.cro .cr-est.fallo{background:#FDE3E1;color:#A3302B}
.cro #cr-lista .vacio{margin-top:0;font-size:17px;color:#fff;opacity:.8}
.cro #cr-s3 .vacio,.cro #cr-s4 .vacio{margin-top:8px;font-size:17px}
.cro .cr-sn{display:inline-grid;width:26px;height:26px;font-size:13px;background:#17A589;margin-right:8px;vertical-align:2px}
.cro .cr-comp{margin-top:16px;padding:18px 22px;border-radius:16px;background:#F7F8FC;border:1px solid rgba(10,20,66,.1)}
.cro .cr-comp h4{margin:0 0 10px;font-size:16px}
.cro .cr-comp ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.cro .cr-comp li{display:flex;gap:14px;align-items:flex-start}
.cro .cr-comp-img{width:64px;flex:none;border-radius:8px;border:1px solid rgba(10,20,66,.12)}
.cro .cr-comp .u{font-family:var(--mono);font-size:12.5px;color:var(--suave);word-break:break-all}
.cro .cr-comp a{color:inherit}
.cro .cr-comp p{margin:2px 0 0;font-size:15px;line-height:1.5}
/* Datos de GA4 y BigQuery (§14): «Lo que dicen los datos», «El dato», la casilla de la agencia y «Con BigQuery». Maqueta: docs/maqueta-cro-datos/bloque.css */
.cro .cr-datos{margin-top:26px;border-radius:20px;background:var(--noche);color:#fff;padding:clamp(22px,2.6vw,36px)}
.cro .cr-dkic{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--salmon)}
.cro .cr-datos h3{margin:8px 0 6px;font-size:clamp(22px,2vw,28px);font-weight:900;letter-spacing:-.035em;line-height:1.15;max-width:34ch}
.cro .cr-dper{margin:0;font-size:14px;opacity:.72}
.cro .cr-dk{display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:1px;margin-top:22px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.12)}
.cro .cr-dk div{background:var(--noche);padding:16px 16px 14px}
.cro .cr-dk small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.cro .cr-dk b{display:block;font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-top:6px}
.cro .cr-dk span{font-size:13px;opacity:.75;line-height:1.35;display:block;margin-top:2px}
.cro .cr-dg{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.cro .cr-dc{background:#fff;color:var(--tinta);border-radius:16px;padding:18px 20px}
.cro .cr-dc h4{margin:0 0 4px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);font-weight:600}
.cro .cr-dc .tit{margin:0 0 12px;font-size:16.5px;font-weight:800;letter-spacing:-.015em;line-height:1.3}
.cro .cr-df{display:grid;grid-template-columns:96px 1fr 58px 64px;gap:10px;align-items:center;font-size:14px;padding:5px 0}
.cro .cr-df .n{font-weight:650;overflow-wrap:anywhere}
.cro .cr-df .b{height:10px;border-radius:99px;background:#EEF1FB;overflow:hidden}
.cro .cr-df .b i{display:block;height:100%;background:var(--navy);border-radius:99px}
.cro .cr-df .p{text-align:right;color:var(--suave);font-variant-numeric:tabular-nums}
.cro .cr-df .c{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.cro .cr-df .c.up{color:#0B6B57}.cro .cr-df .c.down{color:#B23A35}
.cro .cr-dhd{display:grid;grid-template-columns:96px 1fr 58px 64px;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);padding-bottom:4px;border-bottom:1px solid rgba(10,20,66,.1);margin-bottom:4px}
.cro .cr-dhd span:nth-child(3),.cro .cr-dhd span:nth-child(4){text-align:right}
.cro .cr-dmini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.cro .cr-dmini div{background:#F7F8FC;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.35;overflow-wrap:anywhere}
.cro .cr-dmini b{display:block;font-size:19px;font-weight:900;letter-spacing:-.03em}
.cro .cr-dtag{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--suave)}
.cro .cr-flujo{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.cro .cr-flujo.uno{grid-template-columns:1fr}
.cro .cr-flujo ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cro .cr-flujo li{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;background:#F7F8FC;border-radius:10px;padding:7px 10px}
.cro .cr-flujo li b{font-variant-numeric:tabular-nums}
.cro .cr-flujo li.sal{background:#FFE9E8;color:#A3302B}
.cro .cr-flujo li.obj{background:#DDF6EF;color:#0B6B57}
.cro .cr-flujo .yo{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:var(--salmon2);color:#fff;border-radius:10px;padding:12px 7px}
.cro .cr-flujo .cab{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin-bottom:4px}
.cro .cr-dnota{margin:14px 0 0;font-size:13px;opacity:.7;line-height:1.5}
.cro .cr-dk>*,.cro .cr-dg>*,.cro .cr-flujo>*{min-width:0}
.cro .cr-flujo li b,.cro .cr-df .p,.cro .cr-df .c{white-space:nowrap}
.cro .cr-flujo li span{overflow-wrap:anywhere}
/* «El dato»: bajo el resumen de cada recomendación que lo trae, abierta o cerrada (va dentro del summary) */
.cro .cr-dato{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#EEF1FB;font-size:14px;line-height:1.45;font-weight:400}
.cro .cr-dato b{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);white-space:nowrap;padding-top:2px;font-weight:600}
.cro .cr-dato span{min-width:0;overflow-wrap:anywhere}
.cro .cr-rec>summary .cr-dato{grid-column:1/-1;margin:0 0 0 46px}
/* La casilla del gasto en BigQuery: en el formulario de la agencia y junto a «Aprobar y encargar» y «Volver a medir» */
.cro .cr-casilla{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1.5px dashed rgba(10,20,66,.22);background:#fff;font-size:15px;line-height:1.4;cursor:pointer}
.cro .cr-casilla input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--salmon2)}
.cro .cr-casilla small{display:block;color:var(--suave);font-size:13.5px;margin-top:3px}
.cro .cr-an .bt{flex-wrap:wrap;align-items:center}
.cro .cr-dbq{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;margin-right:2px;cursor:pointer}
.cro .cr-dbq input{width:16px;height:16px;margin:0;accent-color:var(--salmon2)}
.cro .cr-pista{font-size:12px;color:var(--suave);align-self:center}
/* Con BigQuery (2.4): cuatro cifras antes → después, dispositivos y la gráfica semanal */
.cro .cr-cifbq{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.cro .cr-cifbq>*{min-width:0}
.cro .cr-cifbq b{font-size:24px;overflow-wrap:anywhere}
.cro .cr-bqd{margin-top:14px;padding:14px 16px;border-radius:14px;background:#F7F8FC}
.cro .cr-bqd h4{margin:0 0 6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave);font-weight:600}
.cro .cr-bqf{display:grid;grid-template-columns:minmax(90px,1fr) auto auto auto;gap:6px 18px;align-items:baseline;padding:7px 0;font-size:14.5px;border-top:1px solid rgba(10,20,66,.08)}
.cro .cr-bqf .n{font-weight:650;overflow-wrap:anywhere}
.cro .cr-bqf .s{color:var(--suave);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cro .cr-bqf .c{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.cro .cr-bqf .v{font-size:13px;white-space:nowrap}
.cro .cr-bqf .v .up,.cro .cr-cifbq .up{color:#0B6B57}.cro .cr-bqf .v .down,.cro .cr-cifbq .down{color:#B23A35}
.cro .cr-grafbq{margin-top:14px}
.cro .cr-gt{fill:#5F6B8F}
.cro .cr-gl{stroke:#0A1442}
.cro .cr-gp{fill:#0A1442;stroke:#fff;stroke-width:2}
.cro .cr-gley{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:13px;color:var(--suave)}
.cro .cr-gley i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.cro .cr-gley i.a{background:#001F78}.cro .cr-gley i.d{background:#FF7F7A}.cro .cr-gley i.c{background:#C9D4EE}
.cro .cr-gley i.l{width:18px;height:3px;border-radius:2px;background:#0A1442;vertical-align:3px}
/* Datos de GA4 y BigQuery en pantallas pequeñas: va DESPUÉS de las reglas base de arriba (mismo peso, gana la última); antes quedaban tapadas */
@media (max-width:900px){
  .cro .cr-datos{padding:20px 16px}
  .cro .cr-dk{grid-template-columns:1fr 1fr}
  .cro .cr-dk>div:last-child:nth-child(odd){grid-column:1/-1}
  .cro .cr-dg{grid-template-columns:1fr}
  .cro .cr-df,.cro .cr-dhd{grid-template-columns:78px 1fr 40px 52px;gap:8px}
  .cro .cr-flujo{grid-template-columns:1fr}
  .cro .cr-flujo .yo{writing-mode:horizontal-tb;transform:none;text-align:center;padding:8px}
  .cro .cr-dmini{grid-template-columns:1fr}
  .cro .cr-rec>summary .cr-dato{margin-left:0}
  .cro .cr-cifbq{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .cro .cr-bqf{grid-template-columns:1fr auto auto}
  .cro .cr-bqf .s{grid-column:1/-1;order:4}
}
@media (max-width:520px){
  .cro .cr-cifbq{grid-template-columns:1fr}
}
/* Modo oscuro: las tarjetas blancas pasan a la superficie */
@media (prefers-color-scheme:dark){
  .cro .cr-rec,.cro .cr-seg,.cro .cr-op,.cro .cr-chip,.cro .cr-meta span,.cro .cr-veredicto,.cr-pieza .cr-pmini div{background:var(--superficie);border-color:var(--linea);color:var(--texto)}
  .cro .cr-veredicto{border-left-color:var(--salmon2)}
  .cro .cr-op.on{border-color:var(--salmon2);box-shadow:0 0 0 4px rgba(255,127,122,.22)}
  .cro .cr-op i{border-color:var(--suave)}
  .cro .cr-op.on i{border-color:var(--salmon2)}
  .cro .cr-chip.on{background:var(--salmon2);border-color:var(--salmon2);color:#030A2C}
  .cro .cr-boton,.cro .cr-num,.cro .cr-pin{color:#030A2C}
  .cro .cr-pasos .p,.cro .cr-be{background:var(--superficie);border-color:var(--linea);color:var(--texto)}
  .cro .cr-pasos .p.on{background:rgba(255,127,122,.18);border-color:var(--salmon2);color:#FFB3AF}
  .cro .cr-boton.sec{color:var(--texto);border-color:var(--linea)}
  .cro .cr-tag{background:rgba(255,127,122,.18);color:#FFB3AF}
  .cro .cr-tag.op{background:rgba(163,172,203,.18);color:#C9D4EE}
  .cro .cr-det{border-top-color:var(--linea)}
  .cro .cr-cif div{background:rgba(255,255,255,.05)}
  .cro .cr-cif div.dest{background:rgba(23,165,137,.2)}
  .cro .cr-cif .up{color:#4FE0B8}.cro .cr-cif .down{color:#FFB3AF}
  .cro .cr-cuidado{background:rgba(201,138,58,.14);border-color:rgba(201,138,58,.4)}
  .cro .cr-impl,.cro .cr-bien{background:rgba(23,165,137,.12);border-color:rgba(23,165,137,.4)}
  .cro .cr-vel{border-color:var(--linea)}
  .cro .cr-bar{background:rgba(255,255,255,.14)}
  .cro .cr-hist li b{color:var(--texto)}
  .cr-pieza .cr-pult a{color:var(--salmon2)}
  .cro .cr-comp,.cro .cr-mini{background:var(--superficie);border-color:var(--linea)}
  .cro .cr-aviso{background:rgba(201,138,58,.16);color:#F3DDAE}
  .cro .cr-msg{color:#4FE0B8}
  .cro .cr-est.fallo{background:rgba(255,127,122,.2);color:#FFB3AF}
  .cro .cr-be.on.pr,.cro .cr-be.on.de{color:#fff}
  .cro .cr-datos{background:var(--superficie);border:1px solid var(--linea);color:var(--texto)}
  .cro .cr-dk{background:var(--linea)}
  .cro .cr-dk div{background:var(--superficie)}
  .cro .cr-dc,.cro .cr-casilla,.cro .cr-bqd{background:var(--fondo);color:var(--texto);border-color:var(--linea)}
  .cro .cr-dhd,.cro .cr-bqf{border-color:var(--linea)}
  .cro .cr-df .b{background:rgba(255,255,255,.14)}
  .cro .cr-df .b i{background:#7F9CFF}
  .cro .cr-df .c.up,.cro .cr-bqf .v .up,.cro .cr-cifbq .up{color:#4FE0B8}
  .cro .cr-df .c.down,.cro .cr-bqf .v .down,.cro .cr-cifbq .down{color:#FFB3AF}
  .cro .cr-dmini div,.cro .cr-flujo li{background:rgba(255,255,255,.07)}
  .cro .cr-flujo li.sal{background:rgba(255,127,122,.18);color:#FFB3AF}
  .cro .cr-flujo li.obj{background:rgba(23,165,137,.2);color:#4FE0B8}
  .cro .cr-dato{background:rgba(255,255,255,.08)}
  .cro .cr-dato b{color:var(--texto)}
  .cro .cr-gt{fill:#A3ACCB}
  .cro .cr-gl{stroke:#fff}
  .cro .cr-gp{fill:#fff;stroke:var(--superficie)}
  .cro .cr-grafbq .cr-b[data-b="antes"]{fill:#7F9CFF}
  .cro .cr-gley i.a{background:#7F9CFF}.cro .cr-gley i.l{background:#fff}
}
/* ==== fin de Análisis CRO ==== */

/* ==== Encargos en el panel de agencia (18-10-2026), prefijo pa-enc ==== */
.pa-kpi small{display:block;margin-top:6px;font-size:12.5px;color:var(--suave);overflow-wrap:anywhere}
.pa-kpi small.mal{color:var(--error);font-weight:650}
.pa-kpi.or b{color:#B7861C}
.pa-encsels{display:flex;flex-wrap:wrap;gap:10px}
.pa-encsel{display:flex;flex-direction:column;gap:4px;min-width:170px}
.pa-encsel span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.pa-encsel .pa-campo{padding:7px 10px;font-size:14px}
.pa-enccab,.pa-encf{display:grid;grid-template-columns:104px minmax(0,1fr) 128px 150px 104px;gap:16px;align-items:start}
.pa-enccab{padding:0 0 8px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.pa-encf{padding:14px 0;border-top:1px solid var(--linea)}
.pa-encf.colgado{background:linear-gradient(90deg,rgba(232,174,46,.10),transparent 70%)}
.pa-encf time{font-family:var(--mono);font-size:12px;color:var(--suave);padding-top:3px;white-space:nowrap}
.pa-encq{min-width:0}
.pa-encq b{display:block;font-size:16px;font-weight:750;letter-spacing:-.01em;overflow-wrap:anywhere}
.pa-encq small{display:block;margin-top:3px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--suave);overflow-wrap:anywhere}
.pa-encq small i{font-style:normal;background:#DDF8F5;color:#05524C;border-radius:4px;padding:1px 6px;margin-right:6px}
.pa-encq p{margin:6px 0 0;font-size:13.5px;color:var(--suave);overflow-wrap:anywhere}
.pa-encq p.pa-enc-colg{color:#8A5A00;font-weight:650}
.pa-enc-colg{color:#8A5A00}
.pa-enc-tipo{justify-self:start;font-size:13px;font-weight:700;background:var(--superficie);color:var(--texto);border-radius:999px;padding:4px 10px;white-space:nowrap}
.pa-encest{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.pa-encest small{font-family:var(--mono);font-size:11px;color:var(--suave)}
.pa-est.curso{background:#DDF8F5;color:#00756C}
.pa-encacc{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.pa-encacc .pa-btn{text-align:center;text-decoration:none;font-size:13px;padding:7px 13px}
.pa-btn.ok{background:#00968B;color:#fff}
.pa-btn.ok:hover{background:#00756C}
.pa-encmas{display:flex;gap:14px;align-items:center;margin-top:14px}
.pa-encmas .pa-nota{margin:0}
@media (max-width:1100px){
  .pa-enccab{display:none}
  .pa-encf{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"q est" "q tipo" "t ir"}
  .pa-encf time{grid-area:t}
  .pa-encq{grid-area:q}
  .pa-enc-tipo{grid-area:tipo}
  .pa-encest{grid-area:est;align-items:flex-end}
  .pa-encacc{grid-area:ir;flex-direction:row;justify-content:flex-end}
}
@media (max-width:700px){
  .pa-encsels,.pa-encsel{width:100%}
  /* En móvil, lo que se pidió arriba y, debajo, en una sola línea: estado, tipo, fecha y «Abrir» a la derecha. */
  .pa-encf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
  .pa-encq{flex-basis:100%}
  .pa-encest{flex-direction:row;align-items:center;gap:8px}
  .pa-encest small{display:none}
  .pa-encacc{margin-left:auto;flex-direction:row}
}
@media (prefers-color-scheme:dark){
  .pa-kpi.or b{color:#F2C97A}
  .pa-encq small i{background:rgba(0,184,170,.18);color:#7FF0E6}
  .pa-est.curso{background:rgba(0,184,170,.2);color:#7FF0E6}
  .pa-encq p.pa-enc-colg,.pa-enc-colg{color:#F2C97A}
}
/* ==== fin de Encargos ==== */
/* ==== Vídeo de presentación (pantalla de entrada) ==== */
.vg{max-width:1040px;margin:clamp(56px,9vh,110px) auto 40px;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center}
.vg .sello{margin-bottom:18px}
.vg h2{color:#fff;margin:0 0 12px;font-size:clamp(28px,3.4vw,40px);line-height:1.08}
.vg h2 em{color:var(--salmon)}
.vg p{color:rgba(255,255,255,.72);margin:0}
.vg-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#030A2C;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
@media (max-width:860px){.vg{grid-template-columns:1fr;gap:20px}}
/* ==== fin del vídeo de presentación ==== */
/* ==== Competencia ==== */
/* Lo que publican los competidores (paso 1 de El Ciclo, spec 2026-10-18-competencia §8; maqueta docs/maqueta-competencia/),
   prefijo co-. La sección lleva class="ciclo eco competencia" y hereda el diseño de Eco (columnas, rueda, cupo, formulario, tarjetas
   oscura y clara). Aquí, lo propio en azul marino: competidores, qué aprender, tablas, ritmo, carpetas, huecos, enlaces,
   evolución y la pieza de la carpeta (.co-pieza). */
.competencia .co-web{display:block}
.competencia .co-web .lab{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);display:block;margin-bottom:6px}
.competencia .co-web .campo{font-size:15px;padding:10px 44px 10px 12px}
.competencia .co-web .campo:disabled{cursor:default;opacity:1}
.competencia .cupo b{font-size:34px}
.competencia .cupo .co-prev{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:#FCF1D6;color:#8A5A00;border-radius:999px;padding:3px 9px;margin-left:auto;white-space:nowrap}
.competencia .boton{background:#001F78;color:#fff;box-shadow:0 0 0 6px rgba(0,31,120,.12)}
.competencia .boton:hover{background:#13308F;box-shadow:0 0 0 8px rgba(0,31,120,.16)}
.competencia .boton:disabled{opacity:.45;cursor:not-allowed}
.competencia .sp.claro.res{border-color:rgba(0,31,120,.35);box-shadow:0 0 0 6px rgba(127,156,255,.1)}
.competencia .co-vacio{font-size:18px;line-height:1.5;border:1.5px dashed rgba(0,31,120,.35);border-radius:18px;padding:22px 24px;margin:0;color:var(--texto)}
.competencia .co-err{margin:16px 0 0}
.competencia .sp.oscuro .co-err{color:#FFB3AF}
.co-nota{font-size:14.5px;color:var(--suave);max-width:72ch;margin:18px 0 0;line-height:1.5}
.co-nota code,.co-org code,.co-acc code,.co-hu code,.co-nuevo code{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}
.co-cuerpo a{color:inherit}
.co-nd{color:var(--suave);font-size:13.5px;margin:4px 0}
/* 1.1 Tus competidores */
.co-comps{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.co-comp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;border:1.5px solid var(--linea);border-radius:12px;padding:12px 14px;background:#fff;min-width:0}
.co-comp b{font-size:17px;letter-spacing:-.01em;overflow-wrap:anywhere}
.co-comp span{grid-column:1;font-family:var(--mono);font-size:12px;color:var(--suave);overflow-wrap:anywhere}
.co-comp small{grid-column:1;font-size:12.5px;color:#001F78}
.co-comp>button,.co-comp .co-acc2{grid-column:2;grid-row:1/4}
.co-comp .co-acc2{display:flex;gap:6px;align-items:center}
.co-comp .co-quitar{font:inherit;font-size:18px;line-height:1;width:32px;height:32px;border-radius:50%;border:1px solid var(--linea);background:none;color:var(--suave);cursor:pointer}
.co-comp .co-quitar:hover{border-color:var(--salmon2);color:var(--salmon2)}
.co-comp.prop{border-style:dashed;border-color:#E8AE2E;background:#FFFBF1}
.co-comp.prop small{color:#8A5A00}
.co-comp .co-ok{font:inherit;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:#001F78;border:1px solid #001F78;background:#fff;cursor:pointer}
.co-comp .co-ok:hover{background:#001F78;color:#fff}
.co-comp button:disabled{opacity:.5;cursor:wait}
.competencia .co-form{margin-top:18px}
.competencia .co-form .co-fila{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.competencia .co-form .co-fila .ayuda{font-size:13px;color:var(--suave)}
.competencia .co-dom{border:1.5px dashed #E8AE2E;background:#FFFBF1;border-radius:14px;padding:16px 18px}
.competencia .co-dom .ayuda{display:block;font-size:13px;color:#8A5A00;margin-top:8px}
.co-sin{margin:18px 0 0}
/* La casilla «Con Sistrix» (fase 2): desactivada y solo para la agencia */
.competencia .co-form .co-sx .inf{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1.5px dashed var(--linea);border-radius:12px;padding:10px 14px;opacity:.7;cursor:not-allowed}
.competencia .co-sx b{display:block;font-size:15px}
.competencia .co-sx small{display:block;font-size:13px;color:var(--suave)}
/* Botones de acción: en la banda oscura (por defecto) y en las tarjetas claras (.co-hu, .co-b.n) */
.co-bot{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.co-b{display:inline-block;font:inherit;font-size:13.5px;font-weight:700;line-height:1.3;border-radius:999px;padding:7px 14px;cursor:pointer;border:1.5px solid #7F9CFF;background:transparent;color:#fff;text-decoration:none}
.co-b:hover{border-color:#fff}
.co-b.r{background:#00E5D4;border-color:#00E5D4;color:#06123A}
.co-b.r:hover{background:#3BF0E2;border-color:#3BF0E2}
.co-b.d{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.75);font-weight:600}
.co-b:disabled{opacity:.55;cursor:default}
.co-b.hecho{opacity:1;border-color:#7FE0B4;color:#7FE0B4}
.co-b.n,.co-hu .co-b{border-color:#001F78;color:#001F78}
.co-b.n:hover,.co-hu .co-b:hover{background:#F1F4FD}
.co-hu .co-b.r{background:#00B8AA;border-color:#00B8AA;color:#06123A}
.co-hu .co-b.d{border-color:var(--linea);color:var(--suave)}
.co-hu .co-b.hecho{border-color:#0F7B55;color:#0F7B55;background:none}
/* 1.2 Qué aprender (banda azul noche) */
.co-rev{border:1.5px dashed #E8AE2E;border-radius:14px;padding:14px 18px;margin:18px 0 0;background:rgba(232,174,46,.1)}
.co-rev p{margin:0;font-size:15.5px;line-height:1.45}
.co-rev p b{color:#F2C14E}
.co-aprs{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.co-apr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}
.co-cif b{display:block;font-weight:900;font-size:58px;letter-spacing:-.05em;line-height:.9;color:#7F9CFF;overflow-wrap:anywhere}
.co-cif span{display:block;font-size:13px;line-height:1.35;opacity:.75;margin-top:8px}
.co-txt h3{margin:0;font-size:21px;letter-spacing:-.02em;line-height:1.2}
.co-org{margin:8px 0 0;font-size:14.5px;line-height:1.5;opacity:.75}
.co-acc{margin:12px 0 0;font-size:16px;line-height:1.5}
.co-acc b{display:block;font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--salmon);margin-bottom:4px}
.competencia .sp.oscuro .co-pie{margin:22px 0 0;font-size:13.5px;opacity:.6}
/* Tablas (1.3, 1.5, 1.7 y 1.8): se desplazan dentro de su caja, nunca la página */
.co-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
/* Pista de desplazamiento: una sombra en el borde por el que queda tabla (se tapa con el color de la tarjeta al llegar al final) */
.competencia .sp{--co-fondo:var(--fondo)}
.competencia .sp.claro{--co-fondo:var(--papel)}
.competencia .sp.claro.res{--co-fondo:#FCFEFD}
.competencia .co-tbl{background:linear-gradient(to right,var(--co-fondo) 30%,transparent) left center/40px 100% no-repeat local,linear-gradient(to left,var(--co-fondo) 30%,transparent) right center/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,31,120,.2),transparent) left center/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,31,120,.2),transparent) right center/14px 100% no-repeat scroll}
.co-tbl th{white-space:nowrap}
.co-tbl td small{display:block;font-family:var(--mono);font-size:11px;color:var(--suave)}
.co-tbl td b{white-space:nowrap}
.co-tbl tr.yo td{background:#EEF2FD}
.co-tbl tr.yo td:first-child{box-shadow:inset 3px 0 0 #001F78}
.co-tbl tr.fuera td{color:var(--suave)}
.co-tbl td.co-motivo{font-size:13.5px;font-style:italic;color:#8A5A00}
.co-tbl em{font-style:normal;font-family:var(--mono);font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;margin-left:4px}
.co-tbl em.up{background:rgba(22,138,90,.12);color:#11704A}
.co-tbl em.dn{background:rgba(194,54,47,.1);color:#B0302A}
.co-ej{font-size:13.5px;min-width:26ch;max-width:40ch}
.co-ej small{font-family:inherit!important;font-size:12px!important;margin-top:2px}
/* 1.4 Qué publican */
.co-sms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.co-sm{border:1.5px solid var(--linea);border-radius:14px;padding:14px 16px;background:#fff;min-width:0}
.co-sm h3,.co-fu h3{margin:0 0 8px;font-size:17px;display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.co-sm h3 small,.co-fu h3 small{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--suave)}
.co-sm ul{list-style:none;margin:0;padding:0}
.co-sm li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:4px 0;border-top:1px solid var(--linea)}
.co-sm code{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere;min-width:0}
.co-sm li b{white-space:nowrap;font-variant-numeric:tabular-nums}
.co-sm .co-mas{margin:6px 0 0;font-size:12.5px;color:var(--suave)}
.co-h3{font-size:17px;margin:30px 0 12px;letter-spacing:-.01em}
.co-ritmo{display:flex;flex-direction:column;gap:14px}
.co-rit{display:grid;grid-template-columns:110px minmax(0,1fr) 64px;gap:12px;align-items:end}
.co-rn{font-weight:700;font-size:14px;align-self:center;overflow-wrap:anywhere}
.co-rt{font-family:var(--mono);font-size:12px;color:var(--suave);align-self:center;text-align:right}
.co-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;height:46px;align-items:end;border-bottom:1px solid var(--linea)}
.co-bars i{display:block;height:var(--h,0);background:#001F78;border-radius:3px 3px 0 0;position:relative}
.co-rit.yo .co-bars i{background:#FF7F7A}
.co-bars i.cut{background:repeating-linear-gradient(180deg,#001F78 0 8px,#fff 8px 11px)}
.co-rit.yo .co-bars i.cut{background:repeating-linear-gradient(180deg,#FF7F7A 0 8px,#fff 8px 11px)}
.co-bars i em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-style:normal;font-family:var(--mono);font-size:10px;color:var(--suave)}
.co-rit.sin{align-items:center}
.co-rit.eje .co-bars{height:auto;border:0}
.co-rit.eje i{height:auto;background:none}
.co-rit.eje s{text-decoration:none;font-family:var(--mono);font-size:10.5px;color:var(--suave);display:block;text-align:center}
/* 1.5 Cómo se organizan */
.co-carps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:22px}
.co-carp{min-width:0}
.co-carp h3{margin:0 0 8px;font-size:17px}
.co-cb{display:grid;grid-template-columns:150px minmax(0,1fr) 48px;gap:10px;align-items:center;font-size:13px;padding:3px 0}
.co-cb code{font-family:var(--mono);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-cb i{display:block;height:8px;width:var(--w);background:#001F78;border-radius:4px}
.co-cb b{text-align:right;font-variant-numeric:tabular-nums}
.co-carp.yo .co-cb i{background:#FF7F7A}
.co-carps+.co-tbl{margin-top:24px}
/* 1.6 Lo que publican ellos y vosotros no */
.co-hus{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column}
.co-hu{border-top:1px solid var(--linea);padding:18px 0}
.co-hut{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline}
.co-hut h3{margin:0;font-size:20px;letter-spacing:-.02em}
.co-huc{display:flex;gap:14px;flex-wrap:wrap}
.co-huc span{font-family:var(--mono);font-size:11.5px;color:var(--suave);display:flex;align-items:baseline;gap:5px}
.co-huc b{font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:900;color:#001F78;letter-spacing:-.03em}
.co-huc .yo b{color:#E85F5A}
.co-hu .co-org{opacity:1;color:var(--suave)}
.co-hu .co-acc b{color:#E85F5A}
/* 1.7 Cómo enlazan */
.co-fus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.co-fu{border:1.5px solid var(--linea);border-radius:14px;padding:14px 16px;background:#fff;min-width:0}
.co-fu.yo{border-color:rgba(255,127,122,.6)}
.co-fu h4{margin:12px 0 4px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.co-fu ol{margin:0;padding-left:18px;font-size:13.5px}
.co-fu li{padding:3px 0}
.co-fu li code{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}
.co-fu li b{float:right;font-family:var(--mono);font-size:11px;color:var(--suave);font-weight:400;margin-left:8px}
/* 1.8 Cómo evoluciona */
.co-nuevo{font-size:13.5px;min-width:24ch}
.co-evo td:first-child{white-space:nowrap}
.co-vc{text-align:right;white-space:nowrap}
.co-ver{font:inherit;font-weight:700;font-size:13px;border:1px solid var(--linea);border-radius:999px;padding:3px 12px;background:#fff;color:#001F78;cursor:pointer}
.co-ver:hover{border-color:#001F78}
.co-abierto{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--suave)}
.co-fase{margin:18px 0 0;font-weight:700}
.co-fase a{color:#001F78}
/* La pieza de la carpeta de la empresa (fase 1) */
.co-pieza .cab{margin-bottom:6px}
.co-pw{display:grid;grid-template-columns:minmax(0,1.3fr) auto auto auto;gap:16px 34px;align-items:center;border-top:1px solid var(--linea);padding:16px 0}
.co-pw.sin{grid-template-columns:minmax(0,1fr) auto}
.co-pw b{display:block;font-weight:800;font-size:20px;letter-spacing:-.02em;overflow-wrap:break-word}
.co-pw span{font-size:13.5px;color:var(--suave)}
.co-pn b{font-weight:900;font-size:30px;color:#001F78}
.co-pw .vivo{font-size:20px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
@media (max-width:700px){
  .co-comps,.co-sms,.co-carps,.co-fus{grid-template-columns:minmax(0,1fr)}
  .co-apr{grid-template-columns:minmax(0,1fr);gap:8px}
  .co-cif b{font-size:46px}
  .co-rit{grid-template-columns:70px minmax(0,1fr) 40px;gap:8px}
  .co-cb{grid-template-columns:110px minmax(0,1fr) 40px}
  /* La pieza en el móvil: el nombre de la web en su propia línea (entero), las dos cifras debajo, una al lado de otra, y «Ver» */
  .co-pw,.co-pw.sin{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px}
  .co-pw>div:first-child,.co-pw .vivo{grid-column:1/-1}
  .co-pw .vivo{justify-self:start}
  .co-pn b{font-size:24px}
  .co-pn span{display:block;line-height:1.3}
  .co-rit.eje s{font-size:9.5px}
  /* Las tablas se desplazan a lo ancho: el texto de ejemplo y lo más nuevo, con un ancho fijo (el min-width de una celda no cuenta) */
  .co-tbl table{width:max-content;min-width:100%}
  .co-tbl .co-ej{min-width:0;max-width:none;width:18em}
  .co-tbl .co-nuevo{min-width:0;width:20em}
  .co-tbl td.co-nd span{display:block;max-width:9em} /* «Sin artículos…» se lee sin desplazar */
  .co-rit.eje i:nth-child(even) s{visibility:hidden}
  .co-hut h3{font-size:18px}
  .competencia .co-vacio{font-size:16px;padding:18px}
}
@media (prefers-color-scheme:dark){
  .co-comp,.co-sm,.co-fu,.co-ver,.co-comp .co-ok{background:#0B1544;color:var(--texto)}
  .co-comp small,.co-comp .co-ok,.co-ver,.co-fase a{color:#9DB3FF}
  .co-comp .co-ok{border-color:#7F9CFF}
  .co-comp.prop,.competencia .co-dom{background:rgba(232,174,46,.1)}
  .co-comp.prop small,.competencia .co-dom .ayuda,.co-tbl td.co-motivo{color:#F2C14E}
  .co-b.n,.co-hu .co-b{border-color:#7F9CFF;color:#C9D4FF}
  .co-b.n:hover,.co-hu .co-b:hover{background:#13205C}
  .co-hu .co-b.d{color:var(--suave)}
  .co-tbl tr.yo td{background:#13205C}
  .co-tbl tr.yo td:first-child{box-shadow:inset 3px 0 0 #7F9CFF}
  .co-tbl em.up{background:rgba(127,224,180,.14);color:#7FE0B4}
  .co-tbl em.dn{background:rgba(255,179,175,.14);color:#FFB3AF}
  .co-bars i,.co-cb i{background:#7F9CFF}
  .co-bars i.cut{background:repeating-linear-gradient(180deg,#7F9CFF 0 8px,#030A2C 8px 11px)}
  .co-huc b,.co-pn b{color:#9DB3FF}
  .competencia .sp.claro.res{border-color:rgba(127,156,255,.4)}
  .competencia .sp.claro,.competencia .sp.claro.res{--co-fondo:#0B1544}
  .competencia .co-vacio{border-color:rgba(127,156,255,.4)}
}
/* ==== fin de Competencia ==== */