/* =========================================================
   CítameIA - Panel de administración
   Rediseño con la paleta y tipografía de marca.
   ========================================================= */

.geo-radar-wrap{
	--navy:#0B1F26; --navy-soft:#12303B; --ink:#16232B; --body-text:#4A5560;
	--muted:#818B92; --line:#E3E7EA; --bg:#FFFFFF; --bg-alt:#F5F7F8;
	--blue:#2C6E8F; --amber:#E8A33D; --amber-dim:#8A6529;
	max-width: 1180px;
}
.geo-radar-wrap h1{ display:none; } /* el h1 default de WordPress se reemplaza por el encabezado de marca */

/* ---------- encabezado de marca ---------- */
.citameia-admin-header{
	background:linear-gradient(135deg,var(--navy-soft),var(--navy));
	padding:22px 32px 0;
	margin:0 0 24px;
	border-radius:12px 12px 0 0;
}
.citameia-admin-header-top{
	display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
	margin-bottom:18px;
}
.citameia-brand{
	display:flex;align-items:center;gap:2px;
	font-family:'Poppins',sans-serif;font-weight:700;font-size:21px;
}
.citameia-brand .c{ color:#F3EFE4; }
.citameia-brand .ia{ color:var(--amber); }
.citameia-support-link{
	font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;
	color:#CFE3E8;text-decoration:none;
	background:rgba(243,239,228,0.08);border:1px solid rgba(243,239,228,0.25);
	border-radius:8px;padding:8px 14px;
}
.citameia-support-link:hover{ background:var(--amber);color:var(--navy);border-color:var(--amber); }
.citameia-tabs{ display:flex;gap:4px;flex-wrap:wrap; }
.citameia-tab{
	display:inline-block;padding:11px 16px;font-family:'Poppins',sans-serif;
	font-size:13px;font-weight:600;color:#9BB0B6;text-decoration:none;
	border-bottom:3px solid transparent;
}
.citameia-tab:hover{ color:#fff; }
.citameia-tab.active{ color:#fff;border-bottom-color:var(--amber); }
.citameia-tabs-sub{ margin:4px 0 20px;border-bottom:1px solid rgba(255,255,255,0.08); }
.citameia-tabs-sub .citameia-tab{ padding:8px 14px;font-size:12px; }

.citameia-citabilidad-modos{ display:flex;gap:8px;margin:0 0 18px; }
.citameia-modo-btn{
	padding:9px 18px;border:1px solid var(--line);border-radius:6px;background:#fff;
	font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:var(--body-text);
	cursor:pointer;
}
.citameia-modo-btn:hover{ border-color:var(--amber); }
.citameia-modo-btn.active{ background:var(--amber);border-color:var(--amber);color:#fff; }

.citameia-tipo-cards{ margin:0 0 18px;max-width:600px; }
.citameia-tipo-card{
	display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);
	border-radius:8px;padding:12px 14px;margin-bottom:8px;cursor:pointer;
}
.citameia-tipo-card:hover{ border-color:var(--amber); }
.citameia-tipo-card input[type="radio"]{ margin-top:3px;flex-shrink:0; }
.citameia-tipo-card:has(input:checked){ border-color:var(--amber);background:#FFF8EE; }
.citameia-tipo-card-title{ display:block;font-weight:600;color:var(--ink);font-size:13px; }
.citameia-tipo-card-desc{ display:block;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.5; }

.citameia-sugerencias-list{ display:flex;flex-direction:column;gap:10px;max-width:700px; }
.citameia-sugerencia-card{
	border:1px solid var(--line);border-radius:8px;padding:14px 16px;background:#fff;
}
.citameia-sugerencia-titulo{ font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;color:var(--ink); }
.citameia-sugerencia-texto{ color:var(--body-text);font-size:13px;line-height:1.6;margin-top:6px; }
.citameia-sugerencia-expandible > summary{
	display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;
}
.citameia-sugerencia-expandible > summary::-webkit-details-marker{ display:none; }
.citameia-sugerencia-chev{ color:var(--muted);transition:transform 0.15s ease;flex-shrink:0;margin-left:12px; }
.citameia-sugerencia-expandible[open] .citameia-sugerencia-chev{ transform:rotate(180deg); }
.citameia-sugerencia-expandible[open]{ border-color:var(--amber); }
.citameia-sugerencia-como{ margin:14px 0 4px;font-size:13px;color:var(--ink); }
.citameia-sugerencia-expandible ol{ margin:0 0 0 20px;padding:0;font-size:13px;color:var(--body-text);line-height:1.7; }

.citameia-page-intro{
	color:var(--body-text);font-size:14px;line-height:1.6;margin:0 0 20px;
}
.citameia-section-title{
	font-family:'Poppins',sans-serif;font-weight:700;font-size:17px;color:var(--ink);
	margin:30px 0 14px;
}

/* ---------- score principal ---------- */
.score-section{
	background:#fff;border:1px solid var(--line);border-radius:14px;
	padding:28px 32px;display:flex;gap:32px;align-items:center;margin-bottom:24px;
	box-shadow:0 1px 3px rgba(16,35,45,0.05);flex-wrap:wrap;
}
.score-dial{
	position:relative;width:130px;height:130px;border-radius:50%;flex-shrink:0;
	display:flex;align-items:center;justify-content:center;
}
.score-dial::before{ content:'';position:absolute;width:102px;height:102px;border-radius:50%;background:#fff; }
.score-dial span{
	position:relative;font-family:'JetBrains Mono','Liberation Mono',monospace;
	font-size:30px;font-weight:700;
}
.score-dial small{
	position:relative;top:20px;font-family:'JetBrains Mono','Liberation Mono',monospace;
	font-size:11px;color:var(--muted);
}
.score-copy h2{
	font-family:'Poppins',sans-serif;font-size:19px;font-weight:700;color:var(--ink);
	margin:0 0 8px;
}
.score-copy p{ color:var(--body-text);font-size:14px;margin:0;max-width:560px;line-height:1.55; }

/* ---------- tarjetas KPI (mismas clases de siempre, con la nueva vestimenta) ---------- */
.geo-radar-kpi-grid{
	display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 26px;
}
@media (max-width:900px){ .geo-radar-kpi-grid{ grid-template-columns:repeat(2,1fr); } }
.geo-radar-kpi-card{
	background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;
	box-shadow:0 1px 3px rgba(16,35,45,0.05);
}
.geo-radar-kpi-num{
	font-family:'JetBrains Mono','Liberation Mono',monospace;font-size:24px;font-weight:700;
	color:var(--amber-dim);line-height:1.2;
}
.geo-radar-kpi-num .unit{ font-size:13px;font-weight:400;color:var(--muted);margin-left:2px; }
.geo-radar-kpi-label{ font-size:12.5px;color:var(--body-text);margin-top:4px;font-family:'Poppins',sans-serif; }

/* ---------- gráfica de tendencia ---------- */
.geo-radar-history{
	background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:0 0 26px;
	box-shadow:0 1px 3px rgba(16,35,45,0.05);
}
.geo-radar-history-summary{ margin:10px 0 0;font-size:13px;color:var(--body-text);font-family:'Poppins',sans-serif; }

/* ---------- barra de progreso del checklist ---------- */
.progress-row{ display:flex;align-items:center;gap:12px;margin:0 0 14px; }
.progress-track{ flex:1;max-width:360px;height:9px;background:var(--bg-alt);border-radius:6px;overflow:hidden; }
.progress-fill{
	height:100%;background:linear-gradient(90deg,var(--amber),var(--blue));border-radius:6px;
	transition:width .3s ease;
}
.progress-label{ font-size:12.5px;color:var(--muted);white-space:nowrap;font-family:'Poppins',sans-serif; }

/* ---------- checklist como lista de tarjetas ---------- */
.task-list{
	background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0 0 26px;
	box-shadow:0 1px 3px rgba(16,35,45,0.05);
}
.task-row{ display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line); }
.task-row:last-child{ border-bottom:none; }
.task-row.warn{ background:rgba(232,163,61,0.05); }
.task-icon{
	width:24px;height:24px;border-radius:50%;flex-shrink:0;margin-top:2px;
	display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;
}
.task-icon.ok{ background:rgba(30,122,76,0.12);color:#1E7A4C; }
.task-icon.warn{ background:rgba(232,163,61,0.18);color:var(--amber-dim); }
.task-body{ flex:1; }
.task-title{ font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px; }
.task-desc{ font-size:13px;color:var(--body-text);line-height:1.55; }
.task-desc em{ color:var(--muted);font-style:normal; }

.citameia-howto-toggle{
	display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--blue);
	background:none;border:none;cursor:pointer;padding:2px 0;margin-top:6px;font-family:inherit;
}
.citameia-howto-toggle .citameia-howto-chev{ transition:transform 0.15s;font-size:10px; }
.citameia-howto-toggle.is-open .citameia-howto-chev{ transform:rotate(180deg); }
.citameia-howto-body{
	display:none;margin:10px 0 4px 30px;background:var(--bg-alt);border-radius:8px;
	padding:14px 16px;border-left:3px solid var(--amber);
}
.citameia-howto-body.is-open{ display:block; }
.citameia-howto-body ol{ margin:0;padding-left:18px; }
.citameia-howto-body li{ font-size:12.5px;color:var(--ink);line-height:1.6;margin-bottom:6px; }
.citameia-howto-body li:last-child{ margin-bottom:0; }
.citameia-howto-cta{
	display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:#fff !important;
	background:var(--blue);padding:6px 14px;border-radius:6px;text-decoration:none !important;
}

/* ---------- botones de marca ---------- */
.btn-row{ display:flex;gap:10px;flex-wrap:wrap;margin-top:8px; }
.btn-primary, .btn-secondary{
	display:inline-block;font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:600;
	padding:11px 18px;border-radius:9px;text-decoration:none;cursor:pointer;
}
.btn-primary{ background:var(--amber);color:var(--navy);border:none; }
.btn-primary:hover{ background:var(--amber-dim);color:#fff; }
.btn-secondary{ background:#fff;color:var(--blue);border:1.5px solid var(--blue); }
.btn-secondary:hover{ background:var(--blue);color:#fff; }

/* Botones genéricos de WordPress dentro de nuestras pantallas (páginas que
   todavía no se rediseñaron por completo): les damos el mismo tono de marca
   sin tener que tocar el PHP de esas pantallas. */
.geo-radar-wrap .button-primary{
	background:var(--amber) !important;border-color:var(--amber) !important;color:var(--navy) !important;
	box-shadow:none !important;text-shadow:none !important;font-weight:600;
}
.geo-radar-wrap .button-primary:hover{ background:var(--amber-dim) !important;border-color:var(--amber-dim) !important;color:#fff !important; }
.geo-radar-wrap .button:not(.button-primary){
	color:var(--blue) !important;border-color:var(--blue) !important;box-shadow:none !important;
}
.geo-radar-wrap .button:not(.button-primary):hover{ background:var(--blue) !important;color:#fff !important; }
.geo-radar-wrap h2{ font-family:'Poppins',sans-serif;color:var(--ink); }

/* ---------- formularios (Datos del negocio y otras pantallas con form-table) ---------- */
.geo-radar-wrap .form-table{
	background:#fff;border:1px solid var(--line);border-radius:14px;
	box-shadow:0 1px 3px rgba(16,35,45,0.05);border-collapse:collapse;
}
.geo-radar-wrap .form-table th{
	font-family:'Poppins',sans-serif;font-weight:600;font-size:13.5px;color:var(--ink);
	padding:18px 16px 18px 24px;border-bottom:1px solid var(--line);vertical-align:top;
}
.geo-radar-wrap .form-table td{
	padding:14px 24px 14px 0;border-bottom:1px solid var(--line);
}
.geo-radar-wrap .form-table tr:last-child th,
.geo-radar-wrap .form-table tr:last-child td{ border-bottom:none; }
.geo-radar-wrap .form-table input[type="text"],
.geo-radar-wrap .form-table input[type="email"],
.geo-radar-wrap .form-table input[type="url"],
.geo-radar-wrap .form-table input[type="number"],
.geo-radar-wrap .form-table select,
.geo-radar-wrap .form-table textarea{
	border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13.5px;
	font-family:'Poppins',sans-serif;color:var(--ink);
}
.geo-radar-wrap .form-table input:focus,
.geo-radar-wrap .form-table select:focus,
.geo-radar-wrap .form-table textarea:focus{
	border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);outline:none;
}
.geo-radar-wrap .form-table .description{ color:var(--muted);font-size:12.5px;margin-top:6px; }
.geo-radar-wrap p.submit{ margin-top:20px; }

/* ---------- avisos (notice) con el mismo tono de marca ---------- */
.geo-radar-wrap .notice{ border-radius:10px;border-left-width:4px; }
.geo-radar-wrap .notice-info{ border-left-color:var(--blue); }
.geo-radar-wrap .notice-warning{ border-left-color:var(--amber); }
.geo-radar-wrap .notice-success{ border-left-color:#1E7A4C; }
.geo-radar-wrap .notice-error{ border-left-color:#B3261E; }
.geo-radar-wrap .notice p{ font-family:'Poppins',sans-serif;font-size:13.5px;color:var(--body-text); }
/* ---------- tabla genérica (todavía en uso en FAQ y Schema, Pruebas en IA) ---------- */
.geo-radar-table{
	width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);
	border-radius:12px;overflow:hidden;
}
.geo-radar-table th{
	background:var(--bg-alt);font-family:'Poppins',sans-serif;font-size:12px;text-transform:uppercase;
	letter-spacing:0.04em;color:var(--body-text);padding:10px 12px;text-align:left;
}
.geo-radar-table td{
	padding:12px;border-top:1px solid var(--line);vertical-align:top;font-size:13.5px;color:var(--ink);
}
.geo-radar-table tr.geo-fail{ background:rgba(232,163,61,0.05); }
.geo-radar-table tr.geo-pass{ background:rgba(30,122,76,0.03); }

/* ---------- barra de progreso genérica (todavía en uso en Pruebas en IA) ---------- */
.geo-radar-progress-track{ height:9px;background:var(--bg-alt);border-radius:6px;overflow:hidden; }
.geo-radar-progress-fill{ height:100%;background:linear-gradient(90deg,var(--amber),var(--blue));border-radius:6px; }
.geo-radar-progress-wrap{ display:flex;align-items:center;gap:12px;margin:14px 0 10px; }
.geo-radar-progress-label{ font-size:12.5px;color:var(--muted);white-space:nowrap;font-family:'Poppins',sans-serif; }

.geo-radar-code{
	background:var(--navy);color:#F3EFE4;padding:16px;border-radius:10px;overflow-x:auto;
	white-space:pre-wrap;font-size:13px;line-height:1.6;font-family:'JetBrains Mono','Liberation Mono',monospace;
}

.geo-radar-tips li{ margin-bottom:8px; }

/* ---------- FAQ: tarjetas de grupos ---------- */
.geo-radar-faq-groups-list{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:16px 0 30px;
}
.geo-radar-faq-group-card{
	background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;
	box-shadow:0 1px 3px rgba(16,35,45,0.05);
}
.geo-radar-faq-group-head{ display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px; }
.geo-radar-faq-group-count{ font-size:12px;color:var(--muted); white-space:nowrap; }
.geo-radar-faq-group-shortcode{
	display:block;background:var(--bg-alt);padding:6px 8px;border-radius:6px;
	font-size:12px;word-break:break-all;margin-bottom:8px;font-family:'JetBrains Mono','Liberation Mono',monospace;
}
.geo-radar-editable-query{
	width:100%;margin-bottom:8px;font-size:13px;font-family:'Poppins',sans-serif;
	resize:vertical;line-height:1.5;border:1px solid var(--line);border-radius:8px;padding:8px 10px;
}
.geo-radar-editable-query:focus{ border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);outline:none; }
.geo-radar-faq-row{
	background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 18px 4px;margin-bottom:14px;
}
.geo-radar-faq-row hr{ display:none; }

/* ---------- asistente de bienvenida ---------- */
.citameia-welcome-steps{ display:flex;flex-direction:column;gap:14px;margin-top:20px;max-width:780px; }
.citameia-welcome-step{
	display:flex;align-items:flex-start;gap:18px;background:#fff;border:1px solid var(--line);
	border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px rgba(16,35,45,0.05);
}
.citameia-welcome-step.is-done{ background:rgba(30,122,76,0.04);border-color:rgba(30,122,76,0.25); }
.citameia-welcome-step-badge{
	flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--bg-alt);
	display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--body-text);
}
.citameia-welcome-step.is-done .citameia-welcome-step-badge{ background:transparent;color:#1E7A4C;font-size:19px; }
.citameia-welcome-step-body h3{ margin:0 0 4px;font-size:15px;font-family:'Poppins',sans-serif;color:var(--ink); }
.citameia-welcome-step-body p{ margin:0 0 12px;color:var(--body-text);font-size:13px; }

/* ---------- tarjetas de paso (Validar schema, y cualquier otra pantalla con flujo numerado) ---------- */
.citameia-step-card{
	background:#fff;border:1px solid var(--line);border-radius:14px;
	padding:24px 28px;margin-bottom:20px;box-shadow:0 1px 3px rgba(16,35,45,0.05);
}
.citameia-step-head{ display:flex;align-items:center;gap:14px;margin-bottom:14px; }
.citameia-step-num{
	width:30px;height:30px;border-radius:50%;background:var(--bg-alt);color:var(--body-text);
	display:flex;align-items:center;justify-content:center;flex-shrink:0;
	font-family:'JetBrains Mono','Liberation Mono',monospace;font-weight:700;font-size:14px;
}
.citameia-step-head h2{ margin:0 !important;font-size:17px !important;font-weight:700; }
.citameia-step-card > p, .citameia-step-card > p.description{ color:var(--body-text);font-size:13.5px;line-height:1.6; }
.citameia-step-card code{ background:var(--bg-alt);padding:2px 6px;border-radius:4px;font-size:12.5px; }

.citameia-url-row{ display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 16px; }
.citameia-shortcuts{ display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.citameia-shortcuts-label{ font-size:12.5px;color:var(--muted);font-weight:600;margin-right:2px; }
.citameia-shortcut-pill{
	display:inline-block;font-size:12.5px;font-weight:600;color:var(--blue);
	background:var(--bg-alt);border:1px solid var(--line);border-radius:20px;
	padding:6px 14px;text-decoration:none;
}
.citameia-shortcut-pill:hover{ background:var(--blue);color:#fff;border-color:var(--blue); }

/* ---------- avisos (notice) con color según el tipo, no el gris de WordPress ---------- */
.geo-radar-wrap .notice{
	border-left-width:4px;border-radius:8px;font-family:'Poppins',sans-serif;
	box-shadow:none;margin:0 0 14px;
}
.geo-radar-wrap .notice p{ font-size:13.5px;color:var(--body-text);line-height:1.6; }
.geo-radar-wrap .notice-success{ border-left-color:#1E7A4C;background:rgba(30,122,76,0.06); }
.geo-radar-wrap .notice-warning{ border-left-color:var(--amber);background:rgba(232,163,61,0.07); }
.geo-radar-wrap .notice-error{ border-left-color:#B3261E;background:rgba(179,38,30,0.06); }
.geo-radar-wrap .notice-info{ border-left-color:var(--blue);background:rgba(44,110,143,0.06); }

/* ---------- cuadrícula de preguntas fijas (Pruebas en IA) ----------
   Antes reusaba la cuadrícula de tarjetas de FAQ (columnas de 240px),
   demasiado angostas para una pregunta completa en un input de una
   sola línea, el texto se veía cortado. Esta es más ancha. */
.citameia-prompts-grid{
	display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0 20px;
}
@media (max-width:820px){ .citameia-prompts-grid{ grid-template-columns:1fr; } }

/* ---------- FAQ: numeración de preguntas, dónde se usa, vista previa ---------- */
.citameia-faq-row-num{
	font-family:'JetBrains Mono','Liberation Mono',monospace;font-size:12px;font-weight:700;
	color:var(--amber-dim);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:6px;
}
.citameia-faq-usage{ font-size:12.5px;margin:10px 0;padding-top:10px;border-top:1px solid var(--line); }
.citameia-faq-usage-label{ color:var(--muted);font-weight:600;margin-right:6px; }
.citameia-faq-usage-empty{ color:var(--muted);font-style:italic; }
.citameia-faq-usage-link{ color:var(--blue);text-decoration:none;margin-right:10px; }
.citameia-faq-usage-link:hover{ text-decoration:underline; }

.citameia-faq-preview-toggle{ margin:12px 0; }
.citameia-faq-preview-toggle summary{
	cursor:pointer;font-size:12.5px;font-weight:600;color:var(--blue);
	list-style:none;
}
.citameia-faq-preview-toggle summary::-webkit-details-marker{ display:none; }
.citameia-faq-preview-toggle summary::before{ content:'▸ '; }
.citameia-faq-preview-toggle[open] summary::before{ content:'▾ '; }
.citameia-faq-preview-frame{
	background:var(--bg-alt);border-radius:10px;padding:14px;margin-top:10px;
}

/* ---------- etiquetas de esfuerzo en el checklist ---------- */
.citameia-effort-badge{
	display:inline-block;font-family:'JetBrains Mono','Liberation Mono',monospace;
	font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;
	padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle;
}
.citameia-effort-bajo{ background:rgba(30,122,76,0.12);color:#1E7A4C; }
.citameia-effort-medio{ background:rgba(232,163,61,0.18);color:var(--amber-dim); }
.citameia-effort-alto{ background:rgba(179,38,30,0.12);color:#B3261E; }

/* ---------- bloqueo de features Pro ---------- */
.citameia-pro-lock{
	background:linear-gradient(135deg,var(--navy-soft),var(--navy));
	border-radius:14px;
	padding:48px 32px;
	text-align:center;
	max-width:520px;
	margin:24px auto;
	color:#F3EFE4;
}
.citameia-pro-lock-icon{
	font-size:34px;line-height:1;margin-bottom:14px;
	filter:grayscale(1) brightness(1.4);
}
.citameia-pro-lock-title{
	color:#F3EFE4;font-size:20px;margin:0 0 6px;
}
.citameia-pro-lock-sub{
	color:var(--amber);font-size:12.5px;font-weight:700;
	text-transform:uppercase;letter-spacing:0.06em;margin:0 0 20px;
}
.citameia-pro-lock-beneficios{
	list-style:none;margin:0 0 24px;padding:0;
	text-align:left;display:inline-block;
}
.citameia-pro-lock-beneficios li{
	color:#C7D1CF;font-size:13.5px;line-height:1.7;
	padding-left:22px;position:relative;
}
.citameia-pro-lock-beneficios li::before{
	content:'✓';position:absolute;left:0;color:var(--amber);font-weight:700;
}
.citameia-pro-lock-cta{
	background:var(--amber) !important;border-color:var(--amber) !important;
	color:var(--navy) !important;font-weight:700 !important;
	padding:6px 20px !important;height:auto !important;
}
.citameia-pro-lock-cta:hover{
	background:#F0B25C !important;border-color:#F0B25C !important;
}
.citameia-pro-lock-inline{
	display:flex;align-items:center;gap:16px;
	background:var(--bg-alt);border:1px solid var(--line);border-radius:10px;
	padding:16px 20px;margin-bottom:26px;
}
.citameia-pro-lock-inline-icon{ font-size:20px;opacity:0.55; }
.citameia-pro-lock-inline-body{ flex:1; }
.citameia-pro-lock-inline-body strong{ display:block;color:var(--ink);font-size:14px;margin-bottom:2px; }
.citameia-pro-lock-inline-body p{ margin:0;color:var(--muted);font-size:12.5px; }

/* ---------- pantalla de planes (CítameIA Pro) ---------- */
.citameia-pro-hero{
	text-align:center;max-width:720px;margin:8px auto 32px;
}
.citameia-pro-hero-eyebrow{
	color:var(--amber-dim);font-size:12px;font-weight:700;
	letter-spacing:0.12em;text-transform:uppercase;margin-bottom:10px;
}
.citameia-pro-hero-title{
	font-size:24px;line-height:1.35;color:var(--ink);margin:0 0 10px;
}
.citameia-pro-hero-sub{
	color:var(--muted);font-size:13.5px;margin:0;
}

.citameia-pricing-grid{
	display:grid;grid-template-columns:1fr 1fr;gap:22px;
	max-width:820px;margin:0 auto 20px;align-items:start;
}
@media (max-width:782px){
	.citameia-pricing-grid{ grid-template-columns:1fr; }
}
.citameia-pricing-card{
	background:var(--bg);border:1px solid var(--line);border-radius:14px;
	padding:28px 26px;position:relative;
}
.citameia-pricing-card-pro{
	background:linear-gradient(160deg,var(--navy-soft),var(--navy));
	border-color:transparent;color:#F3EFE4;
}
.citameia-pricing-card-badge{
	position:absolute;top:-12px;right:24px;
	background:var(--amber);color:var(--navy);
	font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;
	padding:4px 12px;border-radius:20px;
}
.citameia-pricing-card-name{
	font-size:13px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
	color:var(--muted);margin-bottom:14px;
}
.citameia-pricing-card-pro .citameia-pricing-card-name{ color:var(--amber); }
.citameia-pricing-card-price{ margin-bottom:6px;line-height:1; }
.citameia-pricing-card-price.is-hidden{ display:none; }
.citameia-pricing-card-price .amount{ font-size:38px;font-weight:800;color:var(--ink); }
.citameia-pricing-card-pro .citameia-pricing-card-price .amount{ color:#F3EFE4; }
.citameia-pricing-card-price .period{ font-size:14px;color:var(--muted);margin-left:4px; }
.citameia-pricing-card-pro .citameia-pricing-card-price .period{ color:#9BB0B6; }
.citameia-pricing-card-price-sub{ font-size:12px;color:#9BB0B6;margin-top:4px; }
.citameia-pricing-card-desc{
	font-size:13px;color:var(--muted);margin:0 0 18px;min-height:36px;
}
.citameia-pricing-card-pro .citameia-pricing-card-desc{ color:#C7D1CF; }

.citameia-pricing-toggle{
	display:inline-flex;background:rgba(255,255,255,0.08);border-radius:8px;
	padding:3px;margin-bottom:18px;
}
.citameia-pricing-toggle-btn{
	background:transparent;border:none;color:#C7D1CF;font-size:12.5px;font-weight:600;
	padding:6px 14px;border-radius:6px;cursor:pointer;
}
.citameia-pricing-toggle-btn.is-active{ background:var(--amber);color:var(--navy); }
.citameia-pricing-toggle-save{
	font-size:10.5px;font-weight:700;
}

.citameia-pricing-features{
	list-style:none;margin:0;padding:0;
}
.citameia-pricing-features li{
	font-size:13px;line-height:1.6;padding:6px 0 6px 24px;position:relative;
	border-top:1px solid var(--line);
}
.citameia-pricing-features li:first-child{ border-top:none; }
.citameia-pricing-card-pro .citameia-pricing-features li{ border-top-color:rgba(255,255,255,0.1); color:#E5EAE8; }
.citameia-pricing-features li::before{
	content:'✓';position:absolute;left:0;color:#1E7A4C;font-weight:700;
}
.citameia-pricing-card-pro .citameia-pricing-features li::before{ color:var(--amber); }

.citameia-pricing-cta{
	display:block !important;width:100%;text-align:center;
	background:var(--amber) !important;border-color:var(--amber) !important;
	color:var(--navy) !important;font-weight:700 !important;font-size:14px !important;
	padding:10px 0 !important;height:auto !important;margin-bottom:20px !important;
}
.citameia-pricing-cta:hover{ background:#F0B25C !important;border-color:#F0B25C !important; }

.citameia-pro-footnote{
	text-align:center;color:var(--muted);font-size:12px;max-width:720px;margin:0 auto;
}
