.container {    
    text-shadow: none !important; 
}

.breadcrumb_last {
    color: #4880ff !important;
    font-family: "MuseoSans-500";
}

#breadcrumbs a:hover {
    color: #1d2430 !important;
    text-decoration: none;
}

/* ==========================================================================
   SCOPE GLOBAL DEL PLUGIN
   ========================================================================== */

.dga-faqs-scope {
  --bg: #f6f7fb;
  --ink: #1d2430;
  --muted: #6b7280;
  --brand: #303845;
  --brand-ink: #f5f7fa;
  --accent: #ff7a45;
  --card: #ffffff;
  --ring: rgba(48, 56, 69, .35);
  --shadow: 0 10px 30px rgba(16, 24, 40, .08);
  --radius: 14px;
  --radius-sm: 10px;
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-family: var(--font);
  color: var(--ink);
  box-sizing: border-box;
}

/* Box-sizing consistente dentro del scope */
.dga-faqs-scope *,
.dga-faqs-scope *::before,
.dga-faqs-scope *::after {
  box-sizing: inherit;
}

/* Links dentro del scope */
.dga-faqs-scope a {
  color: var(--brand);
  text-decoration: none;
}

.dga-faqs-scope a:hover {
  color: var(--accent);
  text-decoration: none;
}

/* Texto genérico */
.dga-faqs-scope p {
  margin: .35rem 0 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

/* ========================================================================== */
/* WRAPPERS GENERALES */
/* ========================================================================== */

.dga-faqs-scope .dga-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.dga-faqs-scope .py-4 {
  padding-block: 2rem;
}

/* ========================================================================== */
/* HUB (PORTADA DE CATEGORÍAS) */
/* ========================================================================== */

/* Fondo claro para el HUB */
.dga-faqs-scope.dga-hub {
  /*background: #ffffff;*/
  color: var(--ink);
}

/* Hero opcional (si lo usas en otra parte) */
.dga-faqs-scope .dga-faqs-hero {
  background: linear-gradient(135deg, #0f172a, #1f2937);
  color: #e5e7eb;
}

.dga-faqs-scope .dga-faqs-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.3fr);
  gap: 2.5rem;
  align-items: center;
}

@media (max-width: 768px) {
  .dga-faqs-scope .dga-faqs-hero-inner {
    grid-template-columns: minmax(0, 1fr);
    text-align: left;
  }
}

.dga-faqs-scope .dga-faqs-title {
  font-size: clamp(1.8rem, 2.4vw, 2.3rem);
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #111827 !important; /* fuerza texto oscuro para títulos del hub */
  margin-bottom: 0.5rem;
}

.dga-faqs-scope .dga-faqs-subtitle {
  color: #4b5563;
  margin: 0.35rem 0 0.75rem;
  font-size: 0.96rem;
}

/* Chips dentro del hero */
.dga-faqs-scope .dga-faqs-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 1rem;
}

.dga-faqs-scope .dga-faqs-chip {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: 3px 10px;
  border-radius: 999px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #4b5563;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* ========================================================================== */
/* GRID Y TARJETAS DEL HUB */
/* ========================================================================== */

.dga-faqs-scope .grid {
  display: grid;
  gap: 24px; /* más espacio entre filas/columnas */
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* Cards con margen vertical para que no se vean pegadas */
.dga-faqs-scope .card {
  border-radius: var(--radius);
  background: var(--card);
  box-shadow: var(--shadow);
  padding: 16px;
  border: 1px solid #eef0f4;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
  position: relative;
  margin: 10px 0; /* espacio vertical entre filas del hub */
}

.dga-faqs-scope .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(16, 24, 40, .12);
  border-color: var(--accent);
  background-color: #ffffff;
}

.dga-faqs-scope .card .icon {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  color: #303845;
  margin-bottom: 1.5rem !important;
  font-size: 3.5rem;
}

/* títulos de las categorías principales en el hub */
.dga-faqs-scope .card h3 {
  font-size: 1.05rem;
  margin: 0;
  color: #111827 !important; /* asegurar que no queden claros */
}

.dga-faqs-scope .card .card-body p {
  margin-top: .35rem;
  font-size: .92rem;
  color: #4b5563;
}

.dga-faqs-scope .card .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .75rem;
}

.dga-faqs-scope .card .card-footer .meta {
  font-size: .8rem;
  color: #9ca3af;
}

/* Badge genérico dentro del scope */
.dga-faqs-scope .badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475569;
  font-size: 12px;
}

/* Card de categoría específica */
.dga-faqs-scope .card.cat .badge {
  background: rgba(255, 122, 69, .08);
  color: #ea580c;
}

/* Estilos específicos de cat-tile del hub */
.dga-faqs-scope .dga-hub .cat-tile {
  border: 1px solid #eef0f4;
  transition: .15s transform, .15s box-shadow;
  background-color: #ffffff;
}

.title-faq{
    color: #FA9A39 !important; 
  }



.dga-faqs-scope .dga-hub .cat-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(16, 24, 40, .12);
}

.dga-faqs-scope .dga-hub .cat-tile .icon {
  font-size: 48px;
  line-height: 1;
  color: var(--charcoal, #303845);
}

/* Por si usas .container .card dentro del hub */
.dga-faqs-scope .dga-hub .container .card {
  background-color: transparent !important;
}

/* ========================================================================== */
/* EXPLORER (BUSCADOR + LISTA) */
/* ========================================================================== */

/* Fondo claro del explorer */
.dga-faqs-scope.faq-explorer {
  background: var(--bg);
}

/* Layout principal: sidebar + resultados */
.dga-faqs-scope .faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(0, 2.5fr);
  gap: 1.5rem;
}

@media (max-width: 960px) {
  .dga-faqs-scope .faq-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Sidebar: filtros, categorías, etc. */
.dga-faqs-scope .faq-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Buscador */
.dga-faqs-scope .faq-search {
  position: relative;
}

.dga-faqs-scope .faq-search-input {
  width: 100%;
  border-radius: 999px !important;
  border: 1px solid #d1d5db !important;
  padding: 0.55rem 2.2rem 0.55rem 0.9rem;
  font-size: 0.9rem;
  outline: none;
  background: #ffffff !important;
  color: var(--ink) !important;
  box-shadow: 0 1px 2px rgba(148, 163, 184, .25) !important;
}

.dga-faqs-scope .faq-search-input::placeholder {
  color: #9ca3af;
}

.dga-faqs-scope .faq-search-input:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 1.5px rgba(48, 56, 69, .35) !important;
}

.dga-faqs-scope .faq-search-icon {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: #9ca3af;
}

/* Estilo genérico para selects dentro del explorer (lista desplegable de categorías) */
.dga-faqs-scope select,
.dga-faqs-scope .faq-select {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  padding: 0.35rem 1.8rem 0.35rem 0.75rem;
  font-size: 0.85rem;
  background-color: #ffffff;
  color: #374151;
  box-shadow: 0 1px 2px rgba(148, 163, 184, .25);
  background-image: none;
}

/* Lista de categorías / chips */
.dga-faqs-scope .faq-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.dga-faqs-scope .faq-chip,
.dga-faqs-scope .faq-filter-btn {
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  padding: 0.25rem 0.7rem;
  font-size: 0.8rem;
  cursor: pointer;
  background: #ffffff;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  transition: all .15s ease;
}

.dga-faqs-scope .faq-chip:hover,
.dga-faqs-scope .faq-filter-btn:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: #f9fafb;
}

.dga-faqs-scope .faq-chip.is-active,
.dga-faqs-scope .faq-filter-btn.is-active {
  background: #111827;
  border-color: #111827;
  color: #f9fafb;
}

/* Píldoras de subcategorías */
.dga-faqs-scope .faq-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.dga-faqs-scope .faq-pill {
  border-radius: 999px;
  border: 1px dashed #e5e7eb;
  padding: 3px 9px;
  font-size: 0.76rem;
  color: #6b7280;
  cursor: pointer;
  background: #f9fafb;
  transition: all .15s ease;
}

.dga-faqs-scope .faq-pill:hover {
  border-style: solid;
  border-color: var(--accent);
  color: #ea580c;
  background: #fff7ed;
}

.dga-faqs-scope .faq-pill.is-active {
  border-style: solid;
  background: #111827;
  color: #f9fafb;
}

/* ========================================================================== */
/* LISTADO DE PREGUNTAS / RESULTADOS */
/* ========================================================================== */

.dga-faqs-scope .faq-main {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Encabezado del listado */
.dga-faqs-scope .faq-list-header {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.35rem;
}

.dga-faqs-scope .faq-list-header h2 {
  font-size: 1rem;
  margin: 0;
  color: var(--ink);
}

.dga-faqs-scope .faq-count {
  font-size: 0.8rem;
  color: #9ca3af;
}

/* Select de ordenamiento */
.dga-faqs-scope .faq-sort {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  font-size: 0.8rem;
  color: #6b7280;
}

.dga-faqs-scope .faq-sort select {
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  padding: 0.2rem 0.6rem;
  background: #ffffff;
  font-size: 0.8rem;
  color: #374151;
}

/* Lista */
.dga-faqs-scope .faq-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* Cada FAQ (más separación vertical y padding para la flecha) */
.dga-faqs-scope .faq-item {
  border-radius: var(--radius-sm);
  background: #ffffff;
  border: 1px solid #eef0f4;
  padding: 0.9rem 1rem;
  padding-right: 2.4rem; /* deja espacio para la flecha a la derecha */
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
  box-shadow: var(--shadow);
  position: relative;
  margin-bottom: 0.75rem; /* espacio entre resultados */
}

.dga-faqs-scope .faq-item:hover {
  border-color: rgba(37, 99, 235, .65);
  box-shadow: 0 8px 20px rgba(15, 23, 42, .12);
}

/* Pregunta (fila superior) */
.dga-faqs-scope .faq-question-row {
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
  cursor: pointer;
}

.dga-faqs-scope .faq-bullet {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: #6b7280;
  flex-shrink: 0;
  background: #f9fafb;
}

.dga-faqs-scope .faq-question {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
}

/* Meta de la FAQ */
.dga-faqs-scope .faq-meta {
  margin-top: .25rem;
  display: flex;
  flex-wrap: wrap;
  gap: .3rem .5rem;
  font-size: 0.75rem;
  color: #9ca3af;
}

.dga-faqs-scope .faq-meta .faq-meta-tag {
  padding: 2px 7px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #4b5563;
}

/* Respuesta */
.dga-faqs-scope .faq-answer {
  margin-top: 0.6rem;
  font-size: 0.9rem;
  color: var(--muted);
  display: none;
}

.dga-faqs-scope .faq-item.is-open .faq-answer {
  display: block;
}

/* Flecha de toggle: esquina superior derecha fija */
.dga-faqs-scope .faq-toggle {
  position: absolute;
  top: 0.9rem;
  right: 1rem;
  font-size: 0.9rem;
  color: #9ca3af;
  flex-shrink: 0;
}

/* Destacadas */
.dga-faqs-scope .faq-item.is-featured {
  border-color: rgba(250, 204, 21, .8);
  background: linear-gradient(135deg, #fefce8, #fffbeb);
}

.dga-faqs-scope .faq-item.is-featured .faq-bullet {
  border-color: #fbbf24;
  background: #fef9c3;
  color: #b45309;
}

/* ========================================================================== */
/* PAGINACIÓN */
/* ========================================================================== */

.dga-faqs-scope .faq-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.9rem;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.dga-faqs-scope .faq-pagination .pages {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.dga-faqs-scope .faq-page-btn {
  min-width: 28px;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  font-size: 0.8rem;
  cursor: pointer;
  color: #4b5563;
  text-align: center;
}

.dga-faqs-scope .faq-page-btn:hover {
  border-color: var(--brand);
}

.dga-faqs-scope .faq-page-btn.is-current {
  background: var(--brand);
  color: var(--brand-ink);
  border-color: var(--brand);
}

/* ========================================================================== */
/* SKELETONS / LOADING */
/* ========================================================================== */

.dga-faqs-scope .dga-skeleton-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.dga-faqs-scope .dga-skeleton {
  border-radius: var(--radius-sm);
  border: 1px solid #e5e7eb;
  padding: 0.9rem 1rem;
  background: #ffffff;
}

.dga-faqs-scope .dga-skel-line {
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    #e5e7eb 0%,
    #f3f4f6 25%,
    #e5e7eb 50%,
    #f3f4f6 75%
  );
  background-size: 200% 100%;
  animation: dga-skel-pulse 1.2s ease-in-out infinite;
  margin-bottom: 6px;
}

.dga-faqs-scope .dga-skel-title {
  width: 60%;
  height: 11px;
}

@keyframes dga-skel-pulse {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Loader pequeño */
.dga-faqs-scope .dga-loader.dga-loader--dropdown {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  color: #6b7280;
}

.dga-faqs-scope .dga-spinner {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid #e5e7eb;
  border-top-color: var(--brand);
  animation: dga-spin 0.7s linear infinite;
}

@keyframes dga-spin {
  to {
    transform: rotate(360deg);
  }
}

.dga-faqs-scope .dga-visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
}

/* ========================================================================== */
/* VISTA DE CATEGORÍA */
/* ========================================================================== */

.dga-faqs-scope .faq-category-header {
  margin-bottom: 1.2rem;
}

.dga-faqs-scope .faq-category-title {
  font-size: 1.4rem;
  margin: 0 0 .25rem;
  color: var(--ink);
}

.dga-faqs-scope .faq-category-description {
  font-size: 0.94rem;
  color: var(--muted);
}

.dga-faqs-scope .faq-breadcrumbs {
  font-size: 0.8rem;
  margin-bottom: .75rem;
  color: #9ca3af;
}

.dga-faqs-scope .faq-breadcrumbs a {
  color: #6b7280;
}

.dga-faqs-scope .faq-breadcrumbs a:hover {
  color: var(--brand);
}

/* ========================================================================== */
/* RESPONSIVE */
/* ========================================================================== */

@media (max-width: 640px) {
  .dga-faqs-scope .card {
    padding: 14px;
  }

  .dga-faqs-scope .faq-item {
    padding: 0.75rem 0.8rem;
    padding-right: 2rem;
  }

  .dga-faqs-scope .faq-question {
    font-size: 0.92rem;
  }

  .dga-faqs-scope .faq-list-header {
    align-items: flex-start;
  }
}

/* === AJUSTES FINOS: COLORES DE TÍTULOS === */

.dga-faqs-scope h1,
.dga-faqs-scope h2,
.dga-faqs-scope h3 {
  color: #111827 !important;
}

/* Títulos de las tarjetas de categoría en el hub */
.dga-faqs-scope .dga-hub .card h3,
.dga-faqs-scope .dga-hub .cat-tile h3 {
  color: #111827 !important;
}

/* === ESPACIO ENTRE FILAS DE CATEGORÍAS EN EL HUB === */

.dga-faqs-scope .dga-hub .row > [class*="col-"] {
  margin-bottom: 1.25rem;
}

/* === AJUSTE DE ESTILO PARA EL BUSCADOR === */

.dga-faqs-scope .faq-search input,
.dga-faqs-scope .faq-search input[type="search"],
.dga-faqs-scope .faq-search input[type="text"],
.dga-faqs-scope .faq-search input.form-control {
  border-radius: 999px !important;
  border: 1px solid #d1d5db !important;
  padding: 0.55rem 2.2rem 0.55rem 0.9rem !important;
  font-size: 0.9rem !important;
  background: #ffffff !important;
  color: #1f2937 !important;
  box-shadow: 0 1px 2px rgba(148, 163, 184, .25) !important;
}

.dga-faqs-scope .faq-search input::placeholder {
  color: #9ca3af !important;
}

/* === ESPACIO ENTRE RESULTADOS Y POSICIÓN DEL TOGGLE === */

.dga-faqs-scope .faq-item {
  position: relative;              /* asegurar que el toggle use este contenedor */
  padding-right: 2.6rem;          /* espacio para la flecha */
  margin-bottom: 0.9rem;          /* espacio vertical entre FAQs */
}

/* Flecha (ícono) que abre/cierra la respuesta */
.dga-faqs-scope .faq-item .faq-toggle {
  position: absolute !important;
  top: 0.8rem;
  right: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 0.9rem;
  color: #9ca3af;
  cursor: pointer;
}

/* === AJUSTE ESPECÍFICO: TÍTULO DE LA PÁGINA EN PÁGINAS DE FAQS === */

/* Títulos típicos de temas: entry-title, page-title, etc. */
.title-main-faqs {
  color: #111827 !important;        /* texto oscuro */
}

h1, .h1 {
  margin-bottom: 0em !important;
}

.dga-faqs-scope.dga-hub .row.g-3 > div[class*="col-"],
.dga-faqs-scope .dga-hub .row.g-3 > div[class*="col-"] {
  margin-bottom: 1.25rem !important; /* similar a mb-3 */
}

.dga-faqs-scope .h1, .dga-faqs-scope .h2, .dga-faqs-scope .h3, .dga-faqs-scope  .h4, .dga-faqs-scope .h5, .dga-faqs-scope .h6 {
	margin-bottom: 0rem !important;
	padding: 0px !important;
}

/* === TOGGLE CUSTOM EN DETAILS/SUMMARY DEL EXPLORER === */

/* Aseguramos que el artículo tenga espacio a la derecha para la flecha */
.dga-faqs-scope .faq-item {
  position: relative;
  padding-right: 2.4rem;
  margin-bottom: 0.9rem;
}

/* Estructura base de details dentro del explorer */
.dga-faqs-scope .faq-item details {
  margin: 0;
  padding: 0;
}

/* Estilo del summary (pregunta) */
.dga-faqs-scope .faq-item summary {
  list-style: none;       /* quita viñetas */
  cursor: pointer;
  margin: 0;
  padding: 0.1rem 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: #111827;
  position: relative;
}

/* Ocultar el marker nativo del navegador */
.dga-faqs-scope .faq-item summary::-webkit-details-marker {
  display: none;
}
.dga-faqs-scope .faq-item summary::marker {
  content: '';
}

/* Nuestro icono de toggle en la esquina sup. derecha */
.dga-faqs-scope .faq-item summary::after {
  content: "\25BC"; /* ▼ */
  position: absolute;
  top: 0;
  right: -1.2rem;  /* ajusta un poco si hace falta */
  font-size: 0.8rem;
  color: #9ca3af;
  transition: transform .15s ease;
}

/* Cuando el details está abierto, rotamos la flecha */
.dga-faqs-scope .faq-item details[open] summary::after {
  transform: rotate(180deg); /* ▲ */
}

/* Estilo del contenido de la respuesta */
.dga-faqs-scope .faq-item .answer {
  margin-top: 0.45rem;
  font-size: 0.9rem;
  color: #4b5563;
}

/* === CONTROLES DEL EXPLORER: SELECT + BUSCADOR ============================ */

/* Contenedor de controles */
.dga-faqs-scope .dga-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: stretch;
  margin-bottom: 1rem;
}

/* Por defecto (móvil): cada control ocupa todo el ancho */
.dga-faqs-scope .dga-controls select,
.dga-faqs-scope .dga-controls input {
  width: 100%;
}

/* En pantallas medianas/grandes: una sola fila */
@media (min-width: 768px) {
  .dga-faqs-scope .dga-controls {
    flex-wrap: nowrap; /* fuerza una fila */
  }

  .dga-faqs-scope .dga-controls select,
  .dga-faqs-scope .dga-controls input {
    width: auto; /* quitamos el 100% */
  }

  .dga-faqs-scope .dga-controls select {
    flex: 0 0 220px;   /* ancho fijo para el select */
  }

  .dga-faqs-scope .dga-controls input {
    flex: 1 1 auto;    /* el buscador ocupa el resto */
  }
}

/* Estilo base para SELECT e INPUT dentro de los controles */
.dga-faqs-scope .dga-controls select,
.dga-faqs-scope .dga-controls input[type="search"],
.dga-faqs-scope .dga-controls input[type="text"],
.dga-faqs-scope .dga-controls input.form-control {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 999px !important;
  border: 1px solid #d1d5db !important;
  padding: 0.5rem 0.9rem !important;
  font-size: 0.9rem !important;
  background-color: #ffffff !important;
  color: #1f2937 !important;
  box-shadow: 0 1px 2px rgba(148, 163, 184, .25) !important;
  outline: none;
}

/* Placeholder del buscador */
.dga-faqs-scope .dga-controls input::placeholder {
  color: #9ca3af !important;
}

/* Hover / focus */
.dga-faqs-scope .dga-controls select:focus,
.dga-faqs-scope .dga-controls input:focus {
  border-color: #303845 !important;
  box-shadow: 0 0 0 1.5px rgba(48, 56, 69, .35) !important;
}