/*
Theme Name: NeopsStudios Child Theme
Theme URI: https://neopsstudios.com
Template: hello-elementor
Author: NeopsStudios Team
Author URI: https://neopsstudios.com
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1713868653
Updated: 2024-04-23 12:37:33
/* ============================================================
   FERIA DIGITAL DE FUENLABRADA
   CSS para Directorist 8.9.5 (clases reales del sitio).
   Acerca la ficha de negocio + tarjetas del directorio a la maqueta.
   Pabellón Networking = AZUL.

   Dónde pegarlo:
   - Apariencia → Personalizar → CSS adicional  (toda la web), o
   - Elementor → Ajustes del sitio → CSS personalizado.
   ============================================================ */
/* ============================================================
   FERIA DIGITAL DE FUENLABRADA
   CSS para Directorist 8.9.5 (clases reales del sitio).
   Ficha de negocio + tarjetas del directorio → estilo maqueta.
   Pabellón Networking = AZUL.

   Pegar en: Apariencia → Personalizar → CSS adicional
   (o Elementor → Ajustes del sitio → CSS personalizado).

   NOTA sobre iconos: Directorist usa .directorist-icon-mask (icono
   recortado con mask). Para colorearlos se usa `color`, NO
   `background-color` (background-color pinta la caja entera).
   ============================================================ */

:root{
  --fd-azul:#2563EB;
  --fd-azul-soft:#EEF3FE;
  --fd-ink:#14161A;
  --fd-ink-soft:#4B5160;
  --fd-line:#E4E7EC;
  --fd-radius:16px;
  --fd-shadow:0 6px 24px rgba(20,22,26,.08);
  --fd-font:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}

/* ---------- Base ---------- */
.directorist-single,
.directorist-single *{ font-family:var(--fd-font); }
.directorist-single{ color:var(--fd-ink); }
.directorist-single p{ color:var(--fd-ink-soft); line-height:1.6; }

/* ---------- Título y tagline ---------- */
.directorist-listing-details__listing-title{
  font-weight:800; letter-spacing:-.02em; color:var(--fd-ink);
  font-size:clamp(1.9rem,3vw,2.5rem); margin:6px 0 2px;
}
.directorist-listing-details__tagline{
  color:var(--fd-ink-soft); font-size:1.08rem; margin:0 0 14px;
}

/* ---------- Botones (el icono hereda el color del texto del botón) ---------- */
.directorist-single .directorist-btn{
  border-radius:999px !important; font-weight:700; border:2px solid transparent;
  transition:transform .12s ease, box-shadow .2s ease; gap:.45em;
}
.directorist-single .directorist-btn:hover{ transform:translateY(-2px); }
.directorist-single .directorist-btn-default{
  background:var(--fd-azul) !important; color:#fff !important; box-shadow:var(--fd-shadow);
}
.directorist-single .directorist-btn-light{
  background:#fff !important; color:var(--fd-ink) !important; border-color:var(--fd-line) !important;
}
.directorist-single .directorist-btn-light:hover{ border-color:var(--fd-azul) !important; color:var(--fd-azul) !important; }

/* ---------- Categoría (píldora azul) — el icono hereda azul del texto ---------- */
.directorist-single .directorist-listing-category a{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--fd-azul-soft); color:var(--fd-azul);
  font-weight:700; font-size:.82rem; padding:5px 12px; border-radius:999px; text-decoration:none;
}

/* ---------- Badge "Nuevo / Destacado" en azul de marca ---------- */
.directorist-single .directorist-badge{
  --directorist-badge-bg:var(--fd-azul) !important;
  --directorist-badge-border:var(--fd-azul) !important;
  --directorist-badge-color:#fff !important;
  border-radius:999px !important; font-weight:700;
}

/* ---------- Galería / slider ---------- */
.directorist-single .directorist-single-listing-slider-wrap,
.directorist-single .directorist-single-listing-slider img,
.directorist-single .directorist-single-listing-slider-thumb img{ border-radius:var(--fd-radius); }
.directorist-single .directorist-single-listing-slider img{ object-fit:cover; }

/* miniaturas: redondeadas, atenuadas y borde azul la activa */
.directorist-single .directorist-single-listing-slider-thumb img{
  border-radius:10px; opacity:.6; transition:opacity .15s ease, outline .15s ease;
}
.directorist-single .directorist-single-listing-slider-thumb .swiper-slide-thumb-active img{
  opacity:1; outline:2px solid var(--fd-azul); outline-offset:2px;
}

/* flechas: dejar el estilo por defecto de Directorist (círculo azul).
   Solo ajustamos el punto activo de la paginación. */
.directorist-single .swiper-pagination-bullet-active{ background:var(--fd-azul); }

/* ---------- Secciones del cuerpo = TARJETAS ---------- */
.directorist-single .directorist-card-general-section,
.directorist-single .directorist-related-listing{
  background:#fff; border:1px solid var(--fd-line); border-radius:var(--fd-radius);
  padding:24px 28px; margin-bottom:24px; box-shadow:var(--fd-shadow);
}
.directorist-single .directorist-card__header{ margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid var(--fd-line); }
.directorist-single .directorist-card__header__title,
.directorist-single .directorist-related-listing-header__title{
  font-weight:800; font-size:1.2rem; color:var(--fd-ink); display:flex; align-items:center; gap:10px; margin:0;
}
/* icono de cabecera en azul (color, no background) */
.directorist-single .directorist-card__header-icon .directorist-icon-mask{ color:var(--fd-azul); }

/* ---------- Bloque de Contacto ---------- */
.directorist-single .directorist-single-info{ margin-bottom:14px; }
.directorist-single .directorist-single-info__label{ display:flex; align-items:center; gap:8px; margin-bottom:3px; }
.directorist-single .directorist-single-info__label__text{
  font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--fd-ink-soft);
}
.directorist-single .directorist-single-info__label-icon .directorist-icon-mask{ color:var(--fd-azul); }
.directorist-single .directorist-single-info__value{ color:var(--fd-ink); font-size:1rem; }
.directorist-single .directorist-single-info__value a{ color:var(--fd-azul); font-weight:600; text-decoration:none; }
.directorist-single .directorist-single-info__value a:hover{ text-decoration:underline; }

/* ---------- Mapa ---------- */
.directorist-single .directorist-single-map{ border-radius:var(--fd-radius); overflow:hidden; }
.directorist-single .directorist-single-map__direction a{ color:var(--fd-azul); font-weight:600; text-decoration:none; }

/* ============================================================
   CABECERA EN DOS COLUMNAS · info izquierda / galería derecha (escritorio)
   ============================================================ */
@media (min-width:1025px){
  .directorist-single .directorist-single-listing-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    column-gap:44px; row-gap:8px; align-items:start;
  }
  .directorist-single .directorist-single-listing-header > .directorist-single-listing-top{ grid-column:1 / -1; }
  .directorist-single .directorist-single-listing-header > .directorist-listing-details__listing-title,
  .directorist-single .directorist-single-listing-header > .directorist-listing-details__tagline,
  .directorist-single .directorist-single-listing-header > .directorist-listing-details,
  .directorist-single .directorist-single-listing-header > .directorist-listing-actions{ grid-column:1; }
  .directorist-single .directorist-single-listing-header > .directorist-single-listing-slider-wrap{
    grid-column:2; grid-row:2 / span 8; align-self:start; margin:0;
  }
  .directorist-single .directorist-single-listing-slider-wrap,
  .directorist-single .directorist-single-listing-slider,
  .directorist-single .directorist-single-listing-slider .swiper-wrapper,
  .directorist-single .directorist-single-listing-slider .swiper-slide,
  .directorist-single .directorist-single-listing-slider-thumb,
  .directorist-single .directorist-single-listing-slider-thumb .swiper-wrapper{
    width:100% !important; max-width:100% !important;
  }
  .directorist-single .directorist-single-listing-slider .swiper-slide{ margin-right:0 !important; }
  .directorist-single .directorist-single-listing-slider{ height:auto !important; }
  .directorist-single .directorist-single-listing-slider .swiper-slide img{
    width:100% !important; height:auto !important; aspect-ratio:4/3; object-fit:cover;
  }
}

/* ---------- Acciones: Phone azul / Email fantasma ---------- */
.directorist-single .directorist-listing-single-quickinfo{ margin:6px 0 16px; }
.directorist-single .directorist-listing-actions{ display:flex; gap:12px; flex-wrap:wrap; margin:0 0 28px; }
.directorist-single .directorist-listing-actions a:first-child{
  background:var(--fd-azul) !important; color:#fff !important; border-color:var(--fd-azul) !important;
}
.directorist-single .directorist-listing-actions a:not(:first-child){
  background:#fff !important; color:var(--fd-ink) !important; border-color:var(--fd-line) !important;
}

/* ============================================================
   TARJETAS (directorio + related): mismas clases en ambos sitios
   ============================================================ */
.directorist-listing-card,
.directorist-related-listing .directorist-listing-single{
  border:1px solid var(--fd-line); border-radius:var(--fd-radius); overflow:hidden;
  background:#fff; transition:transform .15s ease, box-shadow .2s ease;
}
.directorist-listing-card:hover{ transform:translateY(-4px); box-shadow:var(--fd-shadow); }
.directorist-listing-card .directorist-listing-single__thumb img{ object-fit:cover; width:100%; }
.directorist-listing-card .directorist-listing-single__content{ padding:16px 18px 18px; }
.directorist-listing-card .directorist-listing-title a{ color:var(--fd-ink); font-weight:800; font-size:1.1rem; text-decoration:none; }
.directorist-listing-card .directorist-listing-tagline{ color:var(--fd-ink-soft); font-size:.92rem; margin:4px 0 10px; }
.directorist-listing-card .directorist-listing-single__info__list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.directorist-listing-card .directorist-listing-single__info__list li{ color:var(--fd-ink-soft); font-size:.86rem; display:flex; align-items:center; gap:8px; }
.directorist-listing-card .directorist-listing-single__meta{ margin-top:12px; }

/* Directorio: ocultar el sidebar de filtros y usar todo el ancho */
.directorist-archive-contents .listing-with-sidebar__contents{ display:block !important; }
.directorist-archive-contents .listing-with-sidebar__sidebar{ display:none !important; }
.directorist-archive-contents .listing-with-sidebar__listing{
  width:100% !important; max-width:100% !important; flex:1 1 100% !important;
}
/* Ocultar el botón "Filtrar" que abría ese sidebar */
.directorist-archive-contents .directorist-archive-sidebar-toggle{ display:none !important; }
