/* ============================================================
   anxosanchez — page-proxectos.css
   Estilos da sección PROXECTOS/ANDAINAS (CPT `proxectos`):
   single + archive. Enqueue condicional en functions.php
   (is_singular('proxectos') || is_post_type_archive('proxectos')).

   COR: a mesma ca o resto do site — accent VERMELLO #940606/#940706.
   Houbo unha etapa (maio–xullo 2026) na que proxectos era a "sección
   verde" (#1F7A4D), para sinalar que non é traballo comercial.
   DESCARTADO o 2026-07-12: comparouse en vivo verde vs vermello nos
   heroes e o cliente quedou co vermello de marca en todo. Non queda
   verde nesta sección (nin luz, nin <em> do H1). O verde segue vivo,
   pero noutros contextos: nutricionistas (cor sectorial) e o estado
   "paso completado" do formulario de contacto.

   Demo de referencia: demos/proxecto-hero-propostas-v2.html
   (proposta E revisada: halo + poza + motas, SEN fenda de luz)
   ============================================================ */


/* ============================================================
   HERO "LUZ QUE ENTRA" — single de proxecto/andaina + arquivo

   Todo o hero (fondo, grella dos arquivos e a luz) vive en base.css:
   `.anxo-hero-navy`, `.anxo-hero-navy--grid` e `.anxo-hero-luz`,
   porque o comparten os arquivos de PORTFOLIO e RECURSOS.

   En Elementor:
   1. SECCIÓN: fondo navy (Primary #061A26) + Avanzado →
      CSS Classes:
        single:  `anxo-hero-navy anxo-proxecto-hero`
        arquivo: `anxo-hero-navy anxo-hero-navy--grid anxo-proxecto-hero`
      (`anxo-proxecto-hero` non ten hoxe ningunha regra: queda como
      gancho por se a sección precisa algo propio máis adiante.)
   2. WIDGET HTML coa decoración (markup en
      widgets-html/hero-proxecto-luz.txt) + Avanzado →
      CSS Classes: `anxo-hero-deco` (xenérico de base.css que
      absolutiza o wrapper a inset:0).
   3. O texto (selo/logo, H1, lead, CTAs) vai en widgets normais.
      A palabra destacada do H1 (<em>) sae en accent vermello pola
      regra global de base.css — non hai override.
   ============================================================ */


/* ---------- PILLS DE META DO HERO (categoría · rol) ----------
   Fila de "pílulas" etiqueta-valor baixo o logo/H1 do hero.

   En Elementor:
   1. CONTAINER que agrupa as pills → Avanzado → CSS Classes:
      `anxo-proxecto-pills`.
   2. Cada widget HEADING dentro → CSS Classes: `anxo-proxecto-pill`.
   3. No texto de cada Heading, envolve o VALOR nun <span>:
        Categoría: <span>Lingua</span>
        Rol: <span>Deseñador web e programador de aplicacións</span>
      A etiqueta ("Categoría:", "Rol:") sae en mono-maiúsculas
      atenuada; o <span> do valor sae lexible en Inter.
   Nota: un valor moi longo fai unha pill moi ancha (o "Rol" actual
   é longo). Se queda raro, acúrtao (ex. "Deseño e programación").
   ------------------------------------------------------------- */

.anxo-proxecto-pills {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
/* cada heading-widget ocupa só o seu contido, non a fila enteira */
.anxo-proxecto-pills > .elementor-widget {
  width: auto;
  max-width: 100%;
  flex: 0 0 auto;
}

/* o título do heading convértese na pill (= a etiqueta) */
.anxo-proxecto-pill .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.5rem 0.875rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 999px;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 0.6875rem !important;     /* ~11px */
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55) !important;
}

/* o valor (dentro do <span>): lexible, Inter, sen maiúsculas */
.anxo-proxecto-pill .elementor-heading-title span {
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 0.75rem !important;       /* 12px */
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none;
  color: rgba(255, 255, 255, 0.92) !important;
}


/* ---------- DECORACIÓN "LUZ QUE ENTRA" ----------
   Movida a base.css (`.anxo-hero-luz`) o 2026-07-12: compártena os
   arquivos de proxectos, recursos e portfolio. Vai en VERMELLO (a
   variante verde descartouse; ver cabeceira deste ficheiro).
   -------------------------------------------------------------- */