/**
 * Estilos de AI Agents.
 *
 * Mismos colores y retícula que las herramientas de Index GEO, con prefijo propio para no
 * pisar nada del tema ni del otro plugin.
 */

.aiagents{
	--ia-acento:#B51E6C;
	--ia-tinta:#0F1319;
	--ia-suave:#4A5462;
	--ia-linea:#E4E7EC;
	--ia-panel:#F7F8FA;
	--ia-mag-suave:#FCF1F6;
	--ia-mag-linea:#F0D3E2;
	--ia-dim:#69727F;
	--ia-verde:#1f7a4d;
	--ia-azul:#2b5fb8;
	--ia-rojo:#c2334d;
	--ia-ambar:#b4690e;
	--ia-r-sm:8px;
	--ia-r-md:14px;
	color:var(--ia-tinta);
}

.aiagents *{box-sizing:border-box}

/* Retícula: menú a la izquierda, herramienta a la derecha. */
.ia-shell{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:start}

/*
 * El ancho del panel, y por qué está escrito así de bruto.
 *
 * Según la página, el contenido llega envuelto por el contenedor del tema o **a sangre**, y en
 * ese segundo caso el menú acaba pegado al borde de la ventana. En una pantalla de 1280 los dos
 * casos coinciden y no se nota; en una de 1512, una página queda centrada y la de al lado
 * pegada a la izquierda. Así se vio: comparando dos capturas del mismo sitio.
 *
 * Primero se intentó distinguir el caso por la clase `ast-normal-title-enabled` del `body`.
 * **No vale**: hay páginas sin esa clase donde la regla se aplica y otras donde no, con el mismo
 * CSS y el mismo marcado. Así que no se distingue nada: se fija el ancho **siempre**.
 *
 * Y va con `!important` porque sin él pierde — medido en producción, no supuesto. Hay CSS del
 * Personalizador del sitio, fuera de este plugin, que fija el ancho de este bloque y gana.
 * Es el mismo motivo por el que `.geo-cta` y compañía llevan `!important` en ese sitio.
 */
.aiagents .ia-shell{
	width:auto !important;max-width:1240px !important;margin-inline:auto !important;
}

/* Por debajo del tope, aire a los lados para que no toque los bordes. */
@media(max-width:1280px){
	.aiagents .ia-shell{width:calc(100% - 40px) !important}
}

/*
 * La raya que separa el menú de la herramienta. Sin ella el menú flota y no se lee como un
 * panel; con ella, la página tiene dos zonas y se entiende de un vistazo.
 */
.ia-main{border-left:1px solid var(--ia-linea);padding-left:18px;min-width:0}

.ia-nav{position:sticky;top:24px}
.aiagents .ia-marca{
	display:block;font-size:19px;font-weight:800;line-height:1.1;
	color:#1a1f2b;margin-bottom:8px;padding:12px 14px 10px;text-decoration:none;
}
.aiagents .ia-marca span{color:var(--ia-acento);margin-left:.06em}

/*
 * El tema subraya todo enlace del contenido —`.ast-single-post .entry-content a`— y esa regla
 * gana a `.ia-nav-item` por especificidad, así que el menú entero salía subrayado. Tres clases
 * ganan a dos clases más un elemento: por eso el selector va por `.ia-nav` y no hace falta
 * un `!important`.
 */
.aiagents .ia-nav a{text-decoration:none}

.ia-nav-item{
	display:flex;align-items:center;gap:11px;padding:11px 14px;margin:0 0 2px;
	border-radius:var(--ia-r-sm);font-size:14.5px;font-weight:600;
	color:var(--ia-tinta);text-decoration:none;
}
.aiagents a.ia-nav-item:hover{background:var(--ia-panel);color:var(--ia-tinta)}
.ia-nav-item.activo{background:var(--ia-mag-suave);color:var(--ia-acento);font-weight:800}

.ia-h1{
	font-size:clamp(34px,4.6vw,58px);font-weight:800;line-height:1.08;
	letter-spacing:-.04em;color:#1a1f2b;margin:2px 0 14px;max-width:20ch;
}
.ia-lede{font-size:17px;color:var(--ia-suave);margin:0 0 28px;max-width:60ch}

/* --- migas, titular y entradilla, como en las herramientas de Index GEO --- */
.ia-migas{font-size:13.5px;color:var(--ia-dim);margin:0 0 10px}
.aiagents .ia-migas a{color:var(--ia-dim);text-decoration:none}
.aiagents .ia-migas a:hover{color:var(--ia-acento)}
.ia-migas span{opacity:.5;margin:0 4px}

.ia-h1 em{font-style:normal;color:var(--ia-acento)}

.ia-intro{margin:0 0 22px}
.ia-intro-h{font-size:20px;font-weight:800;line-height:1.25;margin:0 0 8px;letter-spacing:-.01em}

.ia-credenciales{font-size:13px;color:var(--ia-dim);margin:0 0 30px}

/* --- la caja de entrada --- */
.ia-caja{
	background:#fff;border:1px solid var(--ia-linea);border-radius:var(--ia-r-md);
	padding:22px 24px;margin:0 0 14px;
}
.aiagents [hidden]{display:none}
.ia-cupo{
	display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;
	color:var(--ia-acento);background:var(--ia-mag-suave);border:1px solid var(--ia-mag-linea);
	border-radius:999px;padding:8px 14px;white-space:nowrap;
}
.ia-ej{font-size:13.5px;color:var(--ia-dim);margin:12px 0 0}
.aiagents .ia-ej-b{
	background:none;border:0;padding:0 2px;margin:0 4px;cursor:pointer;
	font:inherit;color:var(--ia-acento);text-decoration:underline;text-underline-offset:2px;
}
.ia-aviso{
	margin:12px 0 0;padding:10px 12px;border-radius:var(--ia-r-sm);
	background:var(--ia-mag-suave);color:var(--ia-acento);font-size:14px;
}
.ia-hint{font-size:13.5px;line-height:1.6;color:var(--ia-dim);margin:0 0 26px}
.ia-compara{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.ia-compara-lado{
	flex:1 1 160px;background:#fff;border:1px solid var(--ia-linea);
	border-radius:var(--ia-r-sm);padding:14px 16px;
}
.ia-compara-lbl{font-size:12.5px;font-weight:700;color:var(--ia-dim);text-transform:uppercase;letter-spacing:.04em}
.ia-compara-val{font-size:26px;font-weight:800;margin:4px 0 2px}
.ia-compara-nota{font-size:13px;color:var(--ia-dim)}
.ia-sin-pc{font-size:13.5px;line-height:1.6;color:var(--ia-dim);margin:0 0 18px}
/* --- el informe del agente de conversión --- */
.ia-pregunta{
	background:var(--ia-mag-suave);border:1px solid var(--ia-mag-linea);
	border-radius:var(--ia-r-md);padding:18px 20px;margin:14px 0 0;
}
.ia-pregunta-tit{font-size:16px;font-weight:800;margin-bottom:4px}
.ia-pregunta-sub{font-size:13.5px;line-height:1.6;color:var(--ia-dim);margin:0 0 14px}
.ia-opciones{display:flex;gap:8px;flex-wrap:wrap}
.aiagents .ia-opcion{
	font:inherit;font-size:14px;font-weight:600;cursor:pointer;
	background:#fff;color:var(--ia-tinta);border:1px solid var(--ia-linea);
	border-radius:999px;padding:9px 16px;
}
.aiagents .ia-opcion:hover{border-color:var(--ia-acento);color:var(--ia-acento)}
.aiagents .ia-opcion.elegida{background:var(--ia-acento);color:#fff;border-color:var(--ia-acento)}
/* La sentencia de una frase del agente de conversión. Se llama distinto a propósito:
   «.ia-veredicto» ya era del informe de velocidad y le estaba pisando el estilo. */
.ia-paseo{margin:0 0 22px}
.ia-paso{
	position:relative;padding:0 0 18px 26px;
	border-left:2px solid var(--ia-mag-linea);
}
.ia-paso:last-child{border-left-color:transparent;padding-bottom:4px}
.ia-paso::before{
	content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;
	border-radius:50%;background:var(--ia-acento);
}
.ia-paso-donde{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ia-acento)}
.ia-paso-que{font-size:16px;line-height:1.7;margin:4px 0 0;color:var(--ia-tinta)}
.ia-miradas{
	margin:0 0 22px;padding-left:20px;font-size:15px;line-height:1.7;
}
.ia-miradas li{margin-bottom:6px}
.ia-tesis{
	font-size:16.5px;line-height:1.65;margin:0 0 24px;padding:16px 18px;
	background:var(--ia-mag-suave);border-radius:var(--ia-r-md);font-weight:600;
}
.aiagents .ia-mas{margin:26px 0 0;border-top:1px solid var(--ia-linea);padding-top:16px}
.aiagents .ia-mas > summary{
	cursor:pointer;font-size:14px;font-weight:700;color:var(--ia-acento);list-style:none;
}
.aiagents .ia-mas > summary::-webkit-details-marker{display:none}
.aiagents .ia-mas > summary::before{content:"▸ "}
.aiagents .ia-mas[open] > summary::before{content:"▾ "}
.aiagents .ia-mas > *:not(summary){margin-top:14px}
.ia-sentencia{
	font-size:19px;line-height:1.5;font-weight:700;color:var(--ia-tinta);
	margin:0 0 20px;padding-left:14px;border-left:4px solid var(--ia-acento);
}
.ia-top3{margin:0 0 22px;padding-left:22px}
.ia-top3-item{margin:0 0 14px}
.ia-top3-tit{display:block;font-size:16.5px;font-weight:800}
.ia-top3-rec{font-size:14.5px;line-height:1.6;color:var(--ia-dim);margin-top:2px}
.ia-alcance{margin:0 0 18px;font-size:13.5px;color:var(--ia-dim);line-height:1.7}
.ia-alcance-obj{font-weight:700;color:var(--ia-tinta);margin-bottom:4px}
.ia-alcance-pag{word-break:break-all}
.ia-hallazgo{
	background:#fff;border:1px solid var(--ia-linea);border-left:4px solid var(--ia-linea);
	border-radius:var(--ia-r-sm);padding:14px 16px;margin:0 0 10px;
}
.ia-hallazgo.ia-g-critical,.ia-hallazgo.ia-g-high{border-left-color:var(--ia-acento)}
.ia-hallazgo.ia-g-positive{border-left-color:#2e7d32}
.ia-hallazgo-cab{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}
.ia-hallazgo-tit{font-weight:800;font-size:15.5px}
.ia-sello{
	font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
	padding:3px 9px;border-radius:999px;background:var(--ia-mag-suave);color:var(--ia-acento);white-space:nowrap;
}
.ia-sello.ia-s-positive{background:#e8f5e9;color:#2e7d32}
.ia-sello.ia-s-low{background:#f1f1f4;color:var(--ia-dim)}
.ia-hallazgo p{font-size:14px;line-height:1.65;margin:0 0 6px}
.ia-hallazgo-obs{color:var(--ia-tinta)}
.ia-hallazgo-cons,.ia-hallazgo-ev,.ia-hallazgo-rev{color:var(--ia-dim);font-size:13.5px}
.ia-hallazgo-ev{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;word-break:break-word}
.aiagents .ia-prueba{margin:8px 0 0}
.aiagents .ia-prueba > summary{
	cursor:pointer;font-size:12.5px;font-weight:700;color:var(--ia-dim);
	text-transform:uppercase;letter-spacing:.04em;list-style:none;
}
.aiagents .ia-prueba > summary::-webkit-details-marker{display:none}
.aiagents .ia-prueba > summary::before{content:"▸ ";color:var(--ia-acento)}
.aiagents .ia-prueba[open] > summary::before{content:"▾ "}
.aiagents .ia-prueba > summary:hover{color:var(--ia-acento)}
.aiagents .ia-prueba > *:not(summary){margin-top:8px}
.ia-alcance-det{
	background:#fff;border:1px solid var(--ia-linea);border-radius:var(--ia-r-sm);
	padding:12px 16px;margin:22px 0 0;
}
.ia-revision-pie{
	font-size:13.5px;line-height:1.6;color:var(--ia-dim);
	margin:18px 0 0;padding:12px 14px;background:var(--ia-mag-suave);border-radius:var(--ia-r-sm);
}
.ia-hallazgo-rev{border-left:2px solid var(--ia-mag-linea);padding-left:10px;font-style:italic}
.ia-hallazgo-arreglado{color:#2e7d32;font-weight:600;font-size:13px}
.ia-bien,.ia-nose,.ia-limites{margin:0 0 18px;padding-left:20px;font-size:14px;line-height:1.7;color:var(--ia-dim)}
.ia-bien li{color:#2e7d32}
.aiagents .ia-otra{
	display:inline-block;margin:26px 0 0;padding:12px 22px;cursor:pointer;
	font:inherit;font-size:15px;font-weight:700;color:var(--ia-acento);
	background:var(--ia-mag-suave);border:1px solid var(--ia-mag-linea);border-radius:999px;
}
.aiagents .ia-otra:hover{background:var(--ia-acento);color:#fff;border-color:var(--ia-acento)}

/* --- metodología, al final y en tono menor --- */
.ia-metodo{margin-top:34px;padding-top:22px;border-top:1px solid var(--ia-linea)}
.ia-metodo h2{font-size:15px;font-weight:800;margin:0 0 6px}
.ia-metodo p{font-size:13.5px;line-height:1.7;color:var(--ia-dim);margin:0 0 8px}
.ia-upd{font-size:12.5px;opacity:.85}

/* --- presentación: las tarjetas de cada agente --- */
.ia-agentes{display:grid;gap:12px;margin:0 0 34px}
.aiagents a.ia-agente{
	display:grid;grid-template-columns:44px 1fr;gap:4px 14px;align-items:start;
	background:#fff;border:1px solid var(--ia-linea);border-radius:var(--ia-r-md);
	padding:20px 22px;text-decoration:none;color:var(--ia-tinta);
}
.aiagents a.ia-agente:hover{border-color:var(--ia-mag-linea);background:var(--ia-mag-suave)}
.ia-agente-icono{grid-row:1 / span 3;font-size:26px;line-height:1}
.ia-agente-nombre{font-size:18px;font-weight:800;letter-spacing:-.01em}
.ia-agente-texto{font-size:14.5px;line-height:1.6;color:var(--ia-suave)}
.ia-agente-ir{font-size:13.5px;font-weight:700;color:var(--ia-acento);margin-top:6px}

/* --- cifras de la presentación --- */
.ia-cifras{margin-top:30px;padding-top:22px;border-top:1px solid var(--ia-linea)}
.ia-cifras-lbl{
	font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	color:var(--ia-dim);margin:0 0 14px;
}
.ia-cifras-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px}
.ia-cifra-val{font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ia-cifra-lbl{font-size:13px;color:var(--ia-dim);line-height:1.4}

.ia-etiqueta{display:block;font-weight:600;margin-bottom:6px;font-size:15px}
.ia-fila{display:flex;gap:8px;flex-wrap:wrap}
.ia-nota{font-size:14px;color:var(--ia-dim);margin:10px 0 0}

@media(max-width:900px){
	.ia-shell{grid-template-columns:1fr;gap:24px}
	/* Apilado, la raya de la izquierda ya no separa nada: separa el aire de arriba. */
	.ia-main{border-left:0;padding-left:0}
	.aiagents .ia-marca{padding-left:0}
	.ia-nav{position:static}
	.ia-nav nav{display:flex;flex-wrap:wrap;gap:6px}
}

.aiagents .aiagents-url{
	flex:1 1 260px;min-height:48px;padding:12px 14px;font-size:16px;
	border:1px solid var(--ia-linea);border-radius:8px;background:#fff;
}
.aiagents .aiagents-url:focus{outline:2px solid var(--ia-acento);outline-offset:1px}

.aiagents .aiagents-boton{
	min-height:48px;padding:12px 26px;font-size:16px;font-weight:600;cursor:pointer;
	border:0;border-radius:8px;background:var(--ia-acento);color:#fff;
}
.aiagents .aiagents-boton:hover{filter:brightness(1.08)}
.aiagents .aiagents-boton[disabled]{opacity:.5;cursor:not-allowed}

.aiagents-nota{font-size:14px;color:var(--ia-suave);margin:10px 0 0}

.aiagents-progreso{margin-top:26px}
.aiagents-barra{height:6px;background:var(--ia-linea);border-radius:99px;overflow:hidden}
.aiagents-barra span{display:block;height:100%;width:0;background:var(--ia-acento);transition:width .5s ease}
.aiagents-paso{margin:12px 0 0;font-weight:600}
.aiagents-acciones{margin:8px 0 0;padding-left:18px;color:var(--ia-suave);font-size:14px}
.aiagents-acciones li{margin:4px 0}

.aiagents-error{
	margin-top:20px;padding:14px 18px;border-radius:10px;
	background:#fdeaee;color:var(--ia-rojo);font-size:15px;
}

.aiagents-informe{margin-top:30px}
.aiagents-titular{font-size:27px;line-height:1.25;margin:0 0 10px;letter-spacing:-.02em}
.aiagents-resumen{font-size:17px;color:var(--ia-suave);margin:0 0 26px}

/* La tarjeta sí pinta su fondo, así que aquí el color del texto vuelve a ser nuestro. */
.aiagents-tarjeta{
	background:#fff;color:var(--ia-tinta);
	border:1px solid var(--ia-linea);border-left:4px solid var(--ia-linea);
	border-radius:12px;padding:18px 20px;margin-bottom:12px;
}
.aiagents-tarjeta h3{margin:0 0 8px;font-size:18px;line-height:1.35}
.aiagents-tarjeta p{margin:0 0 10px;font-size:15px;line-height:1.6}
.aiagents-tarjeta p:last-child{margin-bottom:0}

.aiagents-fabricar{border-left-color:var(--ia-verde)}
.aiagents-plugin{border-left-color:var(--ia-azul)}
.aiagents-persona{border-left-color:var(--ia-rojo)}
.aiagents-ignorar{border-left-color:var(--ia-linea);background:var(--ia-panel)}

.aiagents-tipo{
	display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;
	text-transform:uppercase;padding:3px 9px;border-radius:99px;margin-bottom:10px;
	background:var(--ia-panel);color:var(--ia-suave);
}
.aiagents-fabricar .aiagents-tipo{background:#e6f4ec;color:var(--ia-verde)}
.aiagents-plugin .aiagents-tipo{background:#e8f0fd;color:var(--ia-azul)}
.aiagents-persona .aiagents-tipo{background:#fdeaee;color:var(--ia-rojo)}

.aiagents-herramienta{background:var(--ia-panel);border-radius:8px;padding:10px 12px;font-size:14px}
.aiagents-ganancia{font-size:13px;color:var(--ia-suave);font-variant-numeric:tabular-nums}
.aiagents-riesgo{font-size:13px;color:var(--ia-ambar)}

.aiagents .aiagents-descarga{
	display:inline-block;margin:6px 0 10px;padding:11px 18px;border-radius:8px;
	background:var(--ia-verde);color:#fff;font-weight:600;font-size:15px;text-decoration:none;
}
.aiagents .aiagents-descarga:hover{filter:brightness(1.08);color:#fff}

.aiagents-sindatos{
	margin-top:22px;padding:14px 18px;border:1px dashed var(--ia-linea);
	border-radius:10px;font-size:14px;color:var(--ia-suave);
}
.aiagents-sindatos h3{margin:0 0 8px;font-size:15px;color:var(--ia-tinta)}
.aiagents-sindatos ul{margin:0;padding-left:18px}

/*
 * Sin bloque de modo oscuro a propósito: el fondo lo pone el tema y aquí no se sabe cuál
 * es. Cambiar solo el color del texto por lo que prefiera el navegador dejaba el titular
 * en gris claro sobre fondo blanco. Comprobado, y por eso ya no está.
 */

/* --- las cifras, lo primero que se ve del informe --- */
.ia-datos{margin:0 0 26px}
.ia-datos-lbl{
	font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	color:var(--ia-dim);margin:0 0 12px;
}
.ia-datos-lbl + .ia-fases{margin-top:0}

.ia-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:0 0 24px}
.ia-metrica{
	background:#fff;border:1px solid var(--ia-linea);border-left:3px solid var(--ia-linea);
	border-radius:var(--ia-r-sm);padding:14px 16px;
}
.ia-metrica-lbl{font-size:12px;color:var(--ia-dim);margin-bottom:4px}
.ia-metrica-val{font-size:25px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.ia-metrica-ok{font-size:11.5px;color:var(--ia-dim);margin-top:3px}
.ia-metrica-ayuda{font-size:11.5px;color:var(--ia-dim);margin-top:7px;line-height:1.45;opacity:.9}

.ia-bien{border-left-color:var(--ia-verde)}
.ia-bien .ia-metrica-val{color:var(--ia-verde)}
.ia-regular{border-left-color:var(--ia-ambar)}
.ia-regular .ia-metrica-val{color:var(--ia-ambar)}
.ia-mal{border-left-color:var(--ia-rojo)}
.ia-mal .ia-metrica-val{color:var(--ia-rojo)}
.ia-sin-datos .ia-metrica-val{color:var(--ia-dim);font-size:18px}

/* --- reparto del tiempo, una barra por fase --- */
.ia-fases{display:grid;gap:8px;margin:0 0 18px}
.ia-fase{display:grid;grid-template-columns:150px 1fr 74px;gap:12px;align-items:center}
.ia-fase-lbl{font-size:13.5px;color:var(--ia-suave)}
.ia-fase-pista{background:var(--ia-panel);border-radius:999px;height:10px;overflow:hidden}
.ia-fase-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8E1755,#C9327E)}
.ia-fase-val{font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}

.ia-lab{font-size:12.5px;line-height:1.6;color:var(--ia-dim);margin:0}

/* --- lo que se lleva el cliente --- */
.ia-carta{
	background:var(--ia-mag-suave);border:1px solid var(--ia-mag-linea);
	border-radius:var(--ia-r-md);padding:20px 22px;margin:0 0 24px;
}
.ia-carta p{font-size:15.5px;line-height:1.65;margin:0 0 12px}
.ia-carta p:last-child{margin-bottom:0}
.ia-veredicto{
	font-size:14.5px;padding-top:12px;margin-top:4px;
	border-top:1px solid var(--ia-mag-linea);color:var(--ia-suave);
}
.ia-veredicto b{color:var(--ia-tinta)}
.ia-v-mal b,.ia-v-mejorable b{color:var(--ia-acento)}

.ia-otro{
	margin:20px 0 0;padding:14px 18px;border:1px dashed var(--ia-mag-linea);
	border-radius:var(--ia-r-sm);font-size:14.5px;line-height:1.6;
}

@media(max-width:600px){
	.ia-fase{grid-template-columns:1fr 60px;gap:6px}
	.ia-fase-pista{grid-column:1 / -1;order:3}
}

/* --- «¿Has visto algo raro?»: plegado y al final, para no competir con el informe --- */
/* Sin caja: el formato lo pone .ia-metodo-mas, igual que el método. */
.aiagents .ia-buzon{border:0;background:none;margin:0;padding:0}
.ia-buzon-cuerpo{padding:14px 0 0}
.ia-buzon-intro{font-size:14.5px;color:var(--ia-suave);margin:0 0 14px}
.ia-buzon-lbl{display:block;font-size:13px;color:var(--ia-dim);margin:0 0 5px}
.aiagents .ia-buzon-txt,
.aiagents .ia-buzon-mail{
	width:100%;box-sizing:border-box;font:inherit;font-size:15px;
	border:1px solid var(--ia-linea);border-radius:var(--ia-r-sm);
	padding:10px 12px;margin:0 0 14px;background:#fff;color:inherit;
}
.aiagents .ia-buzon-txt{resize:vertical;min-height:90px}
.aiagents .ia-buzon-txt:focus,
.aiagents .ia-buzon-mail:focus{outline:2px solid var(--ia-acento);outline-offset:1px}
.ia-buzon-pie{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ia-buzon-dice{font-size:14px;color:var(--ia-suave)}

/* --- el veredicto conjunto de los dos agentes, arriba del todo --- */
.aiagents .ia-duo{
	border:2px solid var(--ia-acento);border-radius:var(--ia-r-md);
	padding:22px 24px;margin:0 0 30px;background:#fff;
}
.ia-duo-lbl{
	font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
	color:var(--ia-acento);margin:0 0 10px;
}
.ia-duo-frase{font-size:21px;font-weight:700;line-height:1.32;margin:0;letter-spacing:-.01em}
.ia-duo-cadena{font-size:16px;color:var(--ia-suave);margin:12px 0 0;line-height:1.5}
.ia-duo-primero{font-size:16px;margin:14px 0 0;line-height:1.5}
.aiagents .ia-duo-sep{
	font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
	color:var(--ia-dim);margin:38px 0 16px;padding-top:16px;
	border-top:1px solid var(--ia-linea);
}

/* Lo que contestó la API cuando algo falla. Solo lo ve quien administra el sitio. */
.aiagents .ia-detalle{
	font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
	color:var(--ia-dim);margin:8px 0 0;word-break:break-word;
}

/* Lo que el agente ha dado por supuesto. Va antes de los informes, no escondido. */
.aiagents .ia-supuesto{
	font-size:14.5px;color:var(--ia-suave);line-height:1.5;
	background:#faf7f9;border-left:3px solid var(--ia-linea);
	padding:12px 16px;margin:0 0 26px;border-radius:0 var(--ia-r-sm) var(--ia-r-sm) 0;
}

/* --- los tipos declarados, en crudo: es la prueba de los pisotones --- */
.aiagents .ia-tipos{
	list-style:none;margin:0 0 26px;padding:0;
	display:flex;flex-wrap:wrap;gap:8px;
}
.aiagents .ia-tipos li{
	font-size:13.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
	background:#faf7f9;border:1px solid var(--ia-linea);border-radius:999px;
	padding:5px 12px;color:var(--ia-suave);
}
.aiagents .ia-limites{margin:0 0 10px;padding-left:18px}
.aiagents .ia-limites li{font-size:14px;color:var(--ia-dim);line-height:1.55;margin:0 0 6px}
.aiagents .ia-no-evaluado{margin:0 0 22px;padding-left:18px}
.aiagents .ia-no-evaluado li{font-size:14.5px;color:var(--ia-suave);line-height:1.55;margin:0 0 6px}

/* --- el mapa que propone el agente de navegación: es lo que se lleva puesto --- */
.aiagents .ia-mapa{margin:0 0 28px;padding-left:22px}
.aiagents .ia-mapa li{margin:0 0 14px;line-height:1.5}
.aiagents .ia-mapa li b{font-size:16px}
.ia-mapa-por{font-size:14.5px;color:var(--ia-suave);margin:4px 0 0;line-height:1.55}

/* El recorrido, con los clics contados: es la prueba de lo de arriba. */
.aiagents .ia-recorrido{list-style:none;margin:0 0 26px;padding:0}
.aiagents .ia-recorrido li{
	display:flex;align-items:baseline;gap:10px;font-size:14.5px;
	padding:7px 0;border-bottom:1px solid var(--ia-linea);color:var(--ia-suave);
}
.aiagents .ia-recorrido li:last-child{border-bottom:0}
.ia-clics{
	flex:0 0 auto;min-width:26px;text-align:center;font-weight:700;font-size:12.5px;
	background:#faf7f9;border:1px solid var(--ia-linea);border-radius:999px;padding:2px 8px;
	color:var(--ia-acento);
}
.aiagents .ia-recorrido .ia-rota{color:var(--ia-dim)}
.aiagents .ia-recorrido .ia-rota .ia-clics{color:var(--ia-dim)}

/* --- el encargo para llevárselo a una IA: cierra todos los informes --- */
.aiagents .ia-encargo{
	border:2px solid var(--ia-acento);border-radius:var(--ia-r-md);
	background:#fff;padding:22px 24px;margin:34px 0 0;
}
.ia-encargo-lbl{
	font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
	color:var(--ia-acento);margin:0 0 10px;
}
.ia-encargo-sub{font-size:15px;color:var(--ia-suave);line-height:1.55;margin:0 0 18px;max-width:64ch}
.ia-encargo-pie{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ia-encargo-dice{font-size:14px;color:var(--ia-suave)}
.aiagents .ia-encargo-ver{margin:16px 0 0}
.aiagents .ia-encargo-ver summary{
	cursor:pointer;font-size:14px;color:var(--ia-dim);list-style:none;
}
.aiagents .ia-encargo-ver summary::-webkit-details-marker{display:none}
.aiagents .ia-encargo-ver summary::after{content:' +';opacity:.6}
.aiagents .ia-encargo-ver[open] summary::after{content:' –'}
.aiagents .ia-encargo-ver summary:hover{color:var(--ia-acento)}
.ia-encargo-texto{
	margin:12px 0 0;padding:16px;max-height:340px;overflow:auto;
	background:#faf7f9;border:1px solid var(--ia-linea);border-radius:var(--ia-r-sm);
	font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;
	white-space:pre-wrap;word-break:break-word;color:var(--ia-suave);
}

/* --- el agente de reseñas --- */
.aiagents .aiagents-resena{
	display:block;width:100%;box-sizing:border-box;margin:0 0 12px;padding:14px 16px;
	border:1px solid var(--ia-linea);border-radius:var(--ia-r-sm);background:#fff;
	font:inherit;font-size:16px;line-height:1.6;resize:vertical;min-height:120px;
}
.aiagents .aiagents-resena:focus{outline:2px solid var(--ia-acento);outline-offset:1px}
.aiagents .aiagents-resena::placeholder{color:var(--ia-dim)}

/* La reseña tal cual la pegó, arriba del informe. */
.aiagents .ia-resena-suya{
	margin:0 0 26px;padding:14px 16px;background:#faf7f9;
	border:1px solid var(--ia-linea);border-radius:var(--ia-r-sm);
	font:inherit;font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:break-word;
	color:var(--ia-suave);
}

/* Cada caso juzgado. El borde dice de un vistazo si hay algo que hacer. */
.aiagents .ia-caso{
	border:1px solid var(--ia-linea);border-left:4px solid var(--ia-linea);
	border-radius:var(--ia-r-sm);padding:16px 18px;margin:0 0 16px;background:#fff;
}
.aiagents .ia-caso-si{border-left-color:var(--ia-acento)}
.ia-caso-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.ia-caso-quien{font-size:14px;color:var(--ia-dim)}
.ia-caso-res{font-size:16px;font-weight:600;margin:0 0 8px;line-height:1.45}
.ia-caso-por{font-size:14.5px;color:var(--ia-suave);margin:0 0 12px;line-height:1.55}
.ia-caso-texto{
	margin:8px 0 12px;padding:14px;background:#faf7f9;
	border:1px solid var(--ia-linea);border-radius:var(--ia-r-sm);
	font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;
	font-family:inherit;
}
.ia-caso-aparte{font-size:14px;color:var(--ia-suave);margin:12px 0 0;line-height:1.55}
.ia-caso-donde{font-size:13.5px;color:var(--ia-dim);margin:12px 0 0;line-height:1.55}

/*
 * El ritmo del panel, y por qué hay que repetirlo aquí.
 *
 * El tema declara `.ast-single-post .entry-content a` y su equivalente para los párrafos, y
 * eso son **dos clases más un elemento**: le gana a cualquier `.ia-loquesea` de una sola
 * clase. Resultado medido en producción: bajo el titular había **92,8 px** de aire —58 px de
 * fuente por el 1,6em del tema— donde este CSS pedía 14. Lo mismo en cada párrafo del panel,
 * y por eso «había mucho espacio entre los elementos».
 *
 * Aquí se repiten esos mismos márgenes con `.aiagents .ia-main` delante, que son tres clases
 * y ganan. No es un diseño nuevo: es el que ya estaba escrito, ahora efectivo. Está generado
 * a partir de las reglas de arriba para que no se escape ninguna —eran 64—, así que si se
 * añade una clase con margen conviene volver a generarlo.
 */
.aiagents .ia-main .ia-h1{margin:2px 0 20px}
.aiagents .ia-main .ia-lede{margin:0 0 20px;max-width:76ch}
.aiagents .ia-main .ia-migas{margin:0 0 12px}
.aiagents .ia-main .ia-intro{margin:0 0 22px}
.aiagents .ia-main .ia-intro-h{margin:0 0 10px}
.aiagents .ia-main .ia-credenciales{margin:0 0 22px}
.aiagents .ia-main .ia-caja{margin:0 0 14px}
.aiagents .ia-main .ia-ej{margin:12px 0 0}
.aiagents .ia-main .ia-aviso{margin:12px 0 0}
.aiagents .ia-main .ia-buzon-bloque{margin-top:34px}
.aiagents .ia-main .ia-hint{margin:0 0 22px}
.aiagents .ia-main .ia-compara{margin:0 0 18px}
.aiagents .ia-main .ia-compara-val{margin:4px 0 2px}
.aiagents .ia-main .ia-sin-pc{margin:0 0 18px}
.aiagents .ia-main .ia-pregunta{margin:14px 0 0}
.aiagents .ia-main .ia-pregunta-tit{margin-bottom:4px}
.aiagents .ia-main .ia-pregunta-sub{margin:0 0 14px}
.aiagents .ia-main .ia-paseo{margin:0 0 22px}
.aiagents .ia-main .ia-paso-que{margin:4px 0 0}
.aiagents .ia-main .ia-miradas{margin:0 0 22px}
.aiagents .ia-main .ia-tesis{margin:0 0 24px}
.aiagents .ia-main .ia-sentencia{margin:0 0 20px}
.aiagents .ia-main .ia-top3{margin:0 0 22px}
.aiagents .ia-main .ia-top3-item{margin:0 0 14px}
.aiagents .ia-main .ia-top3-rec{margin-top:2px}
.aiagents .ia-main .ia-alcance{margin:0 0 18px}
.aiagents .ia-main .ia-alcance-obj{margin-bottom:4px}
.aiagents .ia-main .ia-hallazgo{margin:0 0 10px}
.aiagents .ia-main .ia-hallazgo-cab{margin-bottom:6px}
.aiagents .ia-main .ia-alcance-det{margin:22px 0 0}
.aiagents .ia-main .ia-revision-pie{margin:18px 0 0}
.aiagents .ia-main .ia-metodo{margin-top:34px}
.aiagents .ia-main .ia-agentes{margin:0 0 34px}
.aiagents .ia-main .ia-agente-ir{margin-top:6px}
.aiagents .ia-main .ia-cifras{margin-top:30px}
.aiagents .ia-main .ia-cifras-lbl{margin:0 0 14px}
.aiagents .ia-main .ia-etiqueta{margin-bottom:6px}
.aiagents .ia-main .ia-nota{margin:10px 0 0}
.aiagents .ia-main .ia-datos{margin:0 0 26px}
.aiagents .ia-main .ia-datos-lbl{margin:0 0 12px}
.aiagents .ia-main .ia-metricas{margin:0 0 24px}
.aiagents .ia-main .ia-metrica-lbl{margin-bottom:4px}
.aiagents .ia-main .ia-metrica-ok{margin-top:3px}
.aiagents .ia-main .ia-metrica-ayuda{margin-top:7px}
.aiagents .ia-main .ia-fases{margin:0 0 18px}
.aiagents .ia-main .ia-lab{margin:0}
.aiagents .ia-main .ia-carta{margin:0 0 24px}
.aiagents .ia-main .ia-veredicto{margin-top:4px}
.aiagents .ia-main .ia-otro{margin:20px 0 0}
.aiagents .ia-main .ia-buzon-intro{margin:0 0 14px}
.aiagents .ia-main .ia-buzon-lbl{margin:0 0 5px}
.aiagents .ia-main .ia-duo-lbl{margin:0 0 10px}
.aiagents .ia-main .ia-duo-frase{margin:0}
.aiagents .ia-main .ia-duo-cadena{margin:12px 0 0}
.aiagents .ia-main .ia-duo-primero{margin:14px 0 0}
.aiagents .ia-main .ia-mapa-por{margin:4px 0 0}
.aiagents .ia-main .ia-encargo-lbl{margin:0 0 10px}
.aiagents .ia-main .ia-encargo-sub{margin:0 0 18px}
.aiagents .ia-main .ia-encargo-texto{margin:12px 0 0}
.aiagents .ia-main .ia-caso-cab{margin:0 0 8px}
.aiagents .ia-main .ia-caso-res{margin:0 0 8px}
.aiagents .ia-main .ia-caso-por{margin:0 0 12px}
.aiagents .ia-main .ia-caso-texto{margin:8px 0 12px}
.aiagents .ia-main .ia-caso-aparte{margin:12px 0 0}
.aiagents .ia-main .ia-caso-donde{margin:12px 0 0}

/*
 * Y la medida de línea. El párrafo de entrada iba a 60ch —642 px sobre una columna de 947—,
 * o sea cortado a dos tercios con un tercio de hueco a la derecha. El panel de Index GEO usa
 * el 87 % de su columna; 76ch deja 814 y se le parece. El texto de metodología, que es más
 * pequeño, llegaba a llenar 947 px: son 120 caracteres por línea y cuesta seguirlo.
 */
.aiagents .ia-main .ia-metodo p{margin:0 0 8px}

/* --- la derivación: a dónde manda este agente lo que ha visto y no es suyo --- */
.aiagents .ia-deriva{
	margin:26px 0 0;padding:18px 20px;background:#faf7f9;
	border:1px solid var(--ia-linea);border-left:4px solid var(--ia-acento);
	border-radius:var(--ia-r-sm);
}
.ia-deriva-por{font-size:15.5px;line-height:1.6;color:var(--ia-suave);max-width:70ch}
.aiagents .ia-main .ia-deriva-por{margin:0 0 14px}
.aiagents a.ia-deriva-ir{display:inline-block;text-decoration:none}

/* --- «Cómo se mide esto»: la frase fuera, el detalle dentro --- */
.ia-metodo-corto{font-size:15px;line-height:1.65;color:var(--ia-suave)}
.aiagents .ia-main .ia-metodo-corto{margin:0 0 12px}
.aiagents .ia-metodo-mas{margin:0 0 14px}
.aiagents .ia-metodo-mas > summary{
	cursor:pointer;list-style:none;font-size:13.5px;font-weight:600;
	color:var(--ia-acento);padding:2px 0;
}
.aiagents .ia-metodo-mas > summary::-webkit-details-marker{display:none}
.aiagents .ia-metodo-mas > summary::before{content:'+ '}
.aiagents .ia-metodo-mas[open] > summary::before{content:'– '}
.aiagents .ia-metodo-mas > summary:hover{text-decoration:underline}
.aiagents .ia-main .ia-metodo-mas p{margin:10px 0 0}

/* --- «Cómo funcionan»: la documentación que escribe el propio plugin --- */
.aiagents .ia-main .ia-ayuda-agente h2{font-size:17px}
.ia-ayuda-hasta{font-weight:650}
.aiagents .ia-main .ia-ayuda-limites{margin:6px 0 10px;padding-left:20px;list-style:disc}
.aiagents .ia-main .ia-ayuda-limites li{font-size:13.5px;line-height:1.7;color:var(--ia-dim);margin:0 0 4px}
.aiagents .ia-ayuda-ir{font-weight:650;text-decoration:none}
.aiagents .ia-ayuda-ir:hover{text-decoration:underline}
.aiagents .ia-nav-ayuda{margin-top:6px}

/*
 * En la herramienta el método es una nota al pie y va pequeño. Aquí el método ES el
 * contenido, así que se lee al mismo tamaño que todo lo demás: mezclar 13,5 y 17 en la misma
 * página se ve desigual, que es justo lo que pasaba.
 */
.aiagents .ia-main-ayuda .ia-metodo p,
.aiagents .ia-main-ayuda .ia-metodo-corto,
.aiagents .ia-main-ayuda .ia-ayuda-limites li{
	font-size:15px;line-height:1.75;color:var(--ia-suave);
}
.aiagents .ia-main-ayuda .ia-metodo p{margin:0 0 12px}
.aiagents .ia-main-ayuda .ia-ayuda-limites li{margin:0 0 8px}
.aiagents .ia-main-ayuda .ia-ayuda-hasta{font-size:15px;margin:16px 0 6px}
.aiagents .ia-main-ayuda .ia-upd{font-size:13px;margin:14px 0 0}
.aiagents .ia-main-ayuda .ia-ayuda-ir{font-size:15px}

/* La línea que ordena: para quién es este agente, antes de contar qué hace. */
.aiagents .ia-agente-cuando{
	display:block;font-size:13.5px;font-weight:650;color:var(--ia-acento);margin:0 0 6px;
}

/*
 * El texto de la tarjeta, en una sola celda. Contar filas a mano se rompe en cuanto se añade
 * una línea, y así pasó: el botón acabó en la columna del icono, partido por la mitad.
 */
.aiagents a.ia-agente{grid-template-columns:44px 1fr}
.aiagents .ia-agente-icono{grid-row:auto}
.aiagents .ia-agente-cuerpo{display:flex;flex-direction:column;gap:4px;min-width:0}
.aiagents .ia-agente-cuerpo .ia-agente-ir{margin-top:6px}

/* --- «Llévatelo a tu WordPress»: la captación, arriba del todo --- */
.aiagents .ia-llevatelo{
	border:1px solid var(--ia-mag-linea);border-radius:var(--ia-r-md);
	background:var(--ia-mag-suave);padding:22px 24px;margin:0 0 28px;
}
.aiagents .ia-llevatelo-h{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0 0 10px}
.aiagents .ia-main .ia-llevatelo-txt{font-size:15px;line-height:1.7;color:var(--ia-suave);margin:0 0 12px}
.aiagents .ia-llevatelo-pie{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0 0}
.aiagents .ia-llevatelo-lbl{font-size:13px;color:var(--ia-dim);width:100%;margin:0 0 -4px}
.aiagents .ia-plugin-email{
	flex:1 1 260px;min-width:0;font:inherit;font-size:15px;background:#fff;color:inherit;
	border:1px solid var(--ia-linea);border-radius:var(--ia-r-sm);padding:11px 13px;
}
.aiagents .ia-plugin-email:focus{outline:2px solid var(--ia-acento);outline-offset:1px}
.aiagents .ia-main .ia-plugin-dice{font-size:14px;color:var(--ia-suave);margin:10px 0 0;min-height:1px}

/* El análisis de los dos a la vez, ahora al final y con su título. */
.aiagents .ia-duo{margin:0 0 10px;padding-top:22px;border-top:1px solid var(--ia-linea)}
.aiagents .ia-duo h2{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0 0 14px}