/* ==============================================
   OH WOW! — Overrides de compatibilidad con Elementor

   hello-elementor-theme-style (theme.css) esta DESREGISTRADO en
   functions.php. Ya no inyecta el accent rosa (#cc3366).
   Estos overrides cubren solo Elementor core (frontend.min.css)
   y el reset de Hello Elementor (reset.css).
   ============================================== */

:root {
  --font-display: 'Space Grotesk', sans-serif;
}

/* ---- Layout overrides ---- */

.elementor .nav-logo-img {
  height: 28px;
  width: auto;
  max-width: none;
}
.elementor .nav.scrolled .nav-logo-img {
  height: 22px;
}
.elementor .footer-logo {
  max-width: none;
  height: auto;
}
.elementor .pillar-card img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.elementor .form-select {
  appearance: none;
  -webkit-appearance: none;
}

/* ---- Filter buttons (Elementor reset puede pisar border/bg) ---- */

.elementor .filter-btn,
.elementor .team-filter-btn {
  background: transparent;
  color: var(--black, #252525);
  border: 1px solid rgba(37, 37, 37, 0.2);
  cursor: pointer;
}
.elementor .filter-btn:hover,
.elementor .filter-btn:focus,
.elementor .team-filter-btn:hover,
.elementor .team-filter-btn:focus {
  border-color: var(--black, #252525);
  background: transparent;
  color: var(--black, #252525);
}
.elementor .filter-btn.active,
.elementor .team-filter-btn.active {
  background: var(--black, #252525);
  color: #fff;
  border-color: var(--black, #252525);
}

/* ---- Links: quitar text-decoration que Elementor core puede inyectar ---- */

.elementor a.contact-card,
.elementor a.contact-card:hover {
  color: inherit;
  text-decoration: none;
}
.elementor a.servicios-hero-cta {
  color: #fff;
  text-decoration: none;
}


/* ============================================================
   Etiquetas de proyecto y filtros, con el color de su linea de negocio
   Acuerdo de la Reunion General del 18 de agosto de 2026.
   Aplicado el 25 de agosto de 2026.

   El color va como punto y como filete fino, y el fondo es un tinte muy
   suave del mismo color. El texto se queda en tinta a proposito: si se
   rellenara la pastilla con el color de marca, el magenta de EdLab y el
   azul de Expres se quedarian por debajo del contraste minimo legible.
   ============================================================ */

.proyecto-card .proyecto-tag,
.filter-btn {
  position: relative;
}

.proyecto-card[data-vertical] .proyecto-tag::before,
.filter-btn[data-filter]:not([data-filter="all"])::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  margin-right: 7px;
  vertical-align: middle;
  background: var(--ohwow-linea, #252525);
}

.proyecto-card[data-vertical] .proyecto-tag {
  background: var(--ohwow-linea-suave, transparent) !important;
  border: 1px solid var(--ohwow-linea-filete, transparent);
  border-radius: 9999px;
  padding: 3px 10px;
  color: #252525 !important;
}

.filter-btn[data-filter]:not([data-filter="all"]):hover,
.filter-btn[data-filter]:not([data-filter="all"]).active {
  border-color: var(--ohwow-linea, #252525);
}

/* Un color por linea de negocio, con los codigos del libro de marca. */
.proyecto-card[data-vertical="agencia-digital"],
.filter-btn[data-filter="agencia-digital"] {
  --ohwow-linea: #C1FE1A;
  --ohwow-linea-suave: rgba(193, 254, 26, .18);
  --ohwow-linea-filete: rgba(193, 254, 26, .55);
}
.proyecto-card[data-vertical="edlab"],
.filter-btn[data-filter="edlab"] {
  --ohwow-linea: #FE01AC;
  --ohwow-linea-suave: rgba(254, 1, 172, .10);
  --ohwow-linea-filete: rgba(254, 1, 172, .40);
}
.proyecto-card[data-vertical="editorial"],
.filter-btn[data-filter="editorial"] {
  --ohwow-linea: #CE9AED;
  --ohwow-linea-suave: rgba(206, 154, 237, .18);
  --ohwow-linea-filete: rgba(206, 154, 237, .55);
}
.proyecto-card[data-vertical="express"],
.filter-btn[data-filter="express"] {
  --ohwow-linea: #0070FF;
  --ohwow-linea-suave: rgba(0, 112, 255, .10);
  --ohwow-linea-filete: rgba(0, 112, 255, .40);
}

/* La segunda etiqueta de cada tarjeta es el sector, no la linea de negocio:
   se queda neutra para que el color no pierda significado. */
.proyecto-card .proyecto-tag:not(:first-child) {
  background: transparent !important;
  border-color: transparent;
}
.proyecto-card .proyecto-tag:not(:first-child)::before {
  display: none;
}