/* Estilos del bloque AI (fichas) y del centro de soporte. Usa las variables de main_style.css. */
.migas{font-size:.9rem;color:var(--color-text-soft);margin:0 0 1rem}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.migas li{margin:0 !important}
.migas li+li::before{content:"›";margin-right:.35rem;color:var(--color-border)}
#wsite-content .migas a{font-weight:500 !important;text-decoration:none !important}
#wsite-content .migas a:hover{text-decoration:underline !important}
.migas [aria-current]{color:var(--color-heading)}

.ai-ficha{border-bottom:1px solid var(--color-border);padding-bottom:1.8rem}
.ai-ficha>*+*{margin-top:1.2rem}
.respuesta-directa{font-size:1.12rem;line-height:1.7;color:var(--color-heading) !important}
#wsite-content .respuesta-directa{color:var(--color-heading) !important}
.revision{font-size:.85rem;color:var(--color-text-soft);margin:0}
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-sm)}
.tabla-specs{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:520px}
.tabla-specs caption{text-align:left;padding:.75rem 1rem;font-weight:700;color:var(--color-heading)}
.tabla-specs th,.tabla-specs td{padding:.7rem 1rem;border-top:1px solid var(--color-border);text-align:left;vertical-align:top;font-size:.95rem}
.tabla-specs thead th{background:var(--color-surface-muted);color:var(--color-heading);font-weight:700}
.tabla-specs tbody th{font-weight:600;color:var(--color-heading);width:30%}
.nota-fuente{font-size:.85rem;color:var(--color-text-soft)}
.lista-usos li{margin-top:.4rem}
.faq-ficha h3{font-size:1.08rem;margin:1.2rem 0 .35rem}
.faq-ficha p{margin:0}
.enlaces-rapidos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;list-style:none;margin:0 !important;padding:0}
.enlaces-rapidos li{margin:0 !important}
#wsite-content a.tarjeta,#wsite-content .tarjeta a{text-decoration:none !important}
.tarjeta{display:block;height:100%;padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
a.tarjeta:hover,a.tarjeta:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-soft)}
.tarjeta-titulo{display:block;font-weight:700;color:var(--color-heading)}
.tarjeta-texto{display:block;margin-top:.25rem;font-size:.92rem;color:var(--color-text-soft)}
#wsite-content .tarjeta-titulo{color:var(--color-heading) !important}
#wsite-content .tarjeta-texto{color:var(--color-text-soft) !important;font-weight:400 !important}
.soporte-relacionado h2{font-size:1.3rem}
.soporte-relacionado ul{margin-top:.5rem}

/* Hub */
.buscador-soporte{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem;border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-border)}
.buscador-soporte label{font-weight:700;color:var(--color-heading)}
.buscador-soporte input[type="search"]{width:100%;min-height:3rem;border:1px solid var(--color-border);border-radius:12px;padding:.8rem .95rem;font-size:1rem}
.resultados-busqueda{list-style:none;margin:.5rem 0 0 !important;padding:0}
.resultados-busqueda li{margin:0 !important;padding:.55rem 0;border-bottom:1px solid var(--color-border)}
.resultados-busqueda small{display:block;color:var(--color-text-soft)}
.contador{font-size:.85rem;color:var(--color-text-soft);font-weight:600}
.lista-preguntas{margin-top:.6rem}

/* Categoría */
details.pregunta{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.2rem 1rem;background:#fff}
details.pregunta+details.pregunta{margin-top:.6rem}
details.pregunta summary{cursor:pointer;padding:.7rem 0;font-weight:700;color:var(--color-heading);list-style-position:outside}
details.pregunta[open] summary{border-bottom:1px solid var(--color-border);margin-bottom:.7rem}
details.pregunta p{margin:0 0 .8rem}

/* Respuesta */
.respuesta-soporte>*+*{margin-top:1.1rem}
.respuesta-soporte h2{margin-top:1.8rem}
.respuesta-soporte .revision+h2{margin-top:1.6rem}
.buscador-soporte .resultados-busqueda:empty{display:none}
.pasos{counter-reset:paso;list-style:none;margin-left:0 !important;padding:0}
.pasos li{counter-increment:paso;position:relative;padding-left:2.4rem;margin-top:.7rem}
.pasos li::before{content:counter(paso);position:absolute;left:0;top:.05rem;width:1.7rem;height:1.7rem;border-radius:999px;background:var(--color-primary);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center}
.aviso-seguridad{border-left:4px solid #b54708;background:#fffaeb;padding:.9rem 1.1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#7a2e0e}
#wsite-content .aviso-seguridad,#wsite-content .aviso-seguridad strong{color:#7a2e0e !important}
.cta-contacto{padding:1.1rem;border-radius:var(--radius-md);background:rgba(0,89,179,.06);border:1px solid rgba(0,89,179,.18)}
.form-estado{margin-top:1rem;padding:.9rem 1.1rem;border-radius:var(--radius-sm);font-weight:600}
.form-estado[data-tipo="ok"]{background:#ecfdf3;color:#05603a;border:1px solid #abefc6}
.form-estado[data-tipo="error"]{background:#fef3f2;color:#912018;border:1px solid #fecdca}
.form-estado[data-tipo="enviando"]{background:var(--color-surface-muted);color:var(--color-heading)}
@media (max-width:640px){.respuesta-directa{font-size:1.02rem}.tabla-specs tbody th{width:auto}}