/* F8 (26/09/2026, Claude Code en la nube): esta hoja sigue cargando SIEMPRE (es la base sobre el CSS del plugin). Con VL_VESTIR activo (inc/vestir-plugins.php) se quita el CSS del plugin en cada pantalla vestida y manda assets/css/vestir-*.css, que carga después de esta. Nada de aquí se borra: es la marcha atrás. */
/* VL 1.0 (24/09/2026) · versión del sistema de diseño total: todos los tamaños de letra son var(--vl-font-*) para que el panel de accesibilidad los escale; bordes de campo --vl-border-field (3:1). */
/* ============================================================
   plugins/directorist.css · viste Directorist 8.9.6 sin tocar el plugin
   Directorist define ~50 variables --directorist-* en :root (assets/other/style.php, en línea).
   Aquí se redefinen con MÁS especificidad (body.directorist-content-active) y se cargan después:
   gana el tema hijo sin !important. Clases leídas del plugin (01-ESTUDIO/03-plugins-clases/directorist.md).
   ============================================================ */
body.directorist-content-active {
  --directorist-color-primary: var(--vl-secondary);
  --directorist-color-primary-rgb: var(--vl-secondary-rgb);
  --directorist-color-secondary: var(--vl-bg-gray);
  --directorist-color-dark: var(--vl-text);
  --directorist-color-body: var(--vl-text-muted);
  --directorist-color-white: var(--vl-bg);
  --directorist-color-gray: var(--vl-text-light);
  --directorist-color-border: var(--vl-border);
  --directorist-color-border-light: var(--vl-border);
  --directorist-color-border-gray: var(--vl-border);
  --directorist-color-success: var(--vl-success);
  --directorist-color-info: var(--vl-secondary);
  --directorist-color-warning: var(--vl-warning);
  --directorist-color-danger: var(--vl-danger);
  --directorist-border-radius-xs: var(--vl-radius-sm);
  --directorist-border-radius-sm: var(--vl-radius-sm);
  --directorist-border-radius-md: var(--vl-radius-md);
  --directorist-border-radius-lg: var(--vl-radius-lg);
  --directorist-color-btn: var(--vl-secondary);
  --directorist-color-btn-hover: var(--vl-secondary-dark);
  --directorist-color-btn-border: var(--vl-secondary);
  --directorist-color-btn-primary: var(--vl-on-color);
  --directorist-color-btn-primary-bg: var(--vl-secondary);
  --directorist-color-btn-primary-border: var(--vl-secondary);
  --directorist-color-btn-secondary: var(--vl-secondary-dark);
  --directorist-color-btn-secondary-bg: var(--vl-bg);
  --directorist-color-btn-secondary-border: var(--vl-secondary);
  --directorist-color-star: var(--vl-primary-dark);
  --directorist-color-featured-badge: var(--vl-primary-dark);
  --directorist-color-popular-badge: var(--vl-secondary);
  --directorist-color-new-badge: var(--vl-success);
  --directorist-fw-regular: 400; --directorist-fw-medium: 500; --directorist-fw-semiBold: 600; --directorist-fw-bold: 700;
}
/* Tarjeta de listado = FichaCentro del sistema de diseño */
body.directorist-content-active .directorist-listing-single { border: 1px solid var(--vl-border-brand); border-radius: var(--vl-radius-lg); box-shadow: var(--vl-shadow-sm); transition: box-shadow var(--vl-transition-normal); }
body.directorist-content-active .directorist-listing-single:hover { box-shadow: var(--vl-shadow-md); }
body.directorist-content-active .directorist-listing-title, body.directorist-content-active .directorist-listing-single__content .directorist-listing-title a { font-family: var(--font-titulos); font-size: var(--vl-font-h3); font-weight: 600; color: var(--vl-text); }
body.directorist-content-active .directorist-listing-single__content { padding: var(--vl-space-lg); }
body.directorist-content-active .directorist-info-item, body.directorist-content-active .directorist-listing-single__meta { font-size: var(--vl-font-small); color: var(--vl-text-muted); }
body.directorist-content-active .directorist-listing-category a, body.directorist-content-active .directorist-listing-tag a { display: inline-flex; align-items: center; min-height: 32px; padding: 4px 12px; border-radius: var(--vl-radius-pill); background: var(--vl-primary-light); color: var(--vl-primary-dark); font-size: var(--vl-font-caption); font-weight: 500; }
/* Botones y campos del buscador y del formulario de alta: 48 px de alto */
body.directorist-content-active .directorist-btn, body.directorist-content-active .directorist-search-form .directorist-btn { min-height: var(--vl-touch); border-radius: var(--vl-radius-pill); font-weight: 600; font-size: var(--vl-font-boton); }
body.directorist-content-active .directorist-form-element, body.directorist-content-active .directorist-search-field input, body.directorist-content-active .directorist-search-field select { min-height: var(--vl-touch); border: 2px solid var(--vl-border-field); border-radius: var(--vl-radius-md); font-size: var(--vl-font-body); color: var(--vl-text); }
body.directorist-content-active .directorist-form-element:focus { border-color: var(--vl-secondary); box-shadow: 0 0 0 3px var(--vl-secondary-light); }
body.directorist-content-active .directorist-search-form { border-radius: var(--vl-radius-lg); box-shadow: var(--vl-shadow-sm); }
/* Ficha (single): título, insignia y botón de contacto */
body.directorist-content-active .directorist-single-listing-title, body.directorist-content-active .directorist-single-title { font-family: var(--font-titulos); font-size: var(--vl-font-h1); font-weight: 700; }
body.directorist-content-active .directorist-badge, body.directorist-content-active .directorist-badge-featured { border-radius: var(--vl-radius-pill); font-weight: 600; }
/* Listado vacío honesto (0 fichas hoy) */
body.directorist-content-active .directorist-not-found, body.directorist-content-active .directorist-listings-not-found { border: 1px dashed var(--vl-border); border-radius: var(--vl-radius-lg); padding: var(--vl-space-xl); text-align: center; color: var(--vl-text-muted); }

/* ---------- VL 1.0: rejilla de resultados y ficha ---------- */
body.directorist-content-active .directorist-archive-grid, body.directorist-content-active .directorist-container-fluid .directorist-row { gap: var(--vl-space-lg); }
body.directorist-content-active .directorist-listing-single__thumb img { border-radius: var(--vl-radius-lg) var(--vl-radius-lg) 0 0; aspect-ratio: 16 / 9; object-fit: cover; }
/* Los seis campos que fichas.php reordena (website, social, url) se respetan: aquí solo color y tamaño */
body.directorist-content-active .directorist-single-listing .directorist-info-item a { color: var(--vl-secondary); font-weight: 500; min-height: var(--vl-touch); display: inline-flex; align-items: center; }
body.directorist-content-active .directorist-single-listing .directorist-single-listing-title { font-size: var(--vl-font-h1); }
body.directorist-content-active .directorist-single-listing .directorist-single-contents__section { margin-bottom: var(--vl-space-xl); }
/* Paginación 48 px */
body.directorist-content-active .directorist-pagination a, body.directorist-content-active .directorist-pagination span { min-width: var(--vl-touch); min-height: var(--vl-touch); border-radius: var(--vl-radius-pill); font-weight: 600; }
/* «Ver como» del directorio (rejilla/lista/mapa) y ordenación: 48 px, mismo color */
body.directorist-content-active .directorist-viewas .directorist-viewas__item, body.directorist-content-active .directorist-dropdown-toggle { min-height: var(--vl-touch); border-radius: var(--vl-radius-md); }
/* Formulario de alta de centro (add listing): secciones como tarjetas del sistema */
body.directorist-content-active .directorist-add-listing-form .directorist-content-module { border: 1px solid var(--vl-border-brand); border-radius: var(--vl-radius-lg); box-shadow: var(--vl-shadow-sm); margin-bottom: var(--vl-space-lg); }
body.directorist-content-active .directorist-add-listing-form .directorist-content-module__title h2 { font-family: var(--font-titulos); font-size: var(--vl-font-h3); }
body.directorist-content-active .directorist-add-listing-form label { font-size: var(--vl-font-body); font-weight: 600; color: var(--vl-text); }