/*
Theme Name: VOO Solutions
Theme URI: https://voo-solutions.com
Template: rgstudio-base-wp-tema
Author: VOO Solutions
Author URI: https://voo-solutions.com
Description: Child theme oficial de VOO Solutions (holding) sobre el tema padre rgstudio-base-wp-tema. Tokens de marca tomados del catalogo #07 Paleta_Color_VOO / #08 Tipografia_VOO (v1.0 validados), sin valores inventados.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: voo-solutions
*/

/* ==========================================================================
   DESIGN TOKENS -- sobreescribe los del padre (rgstudio-base-wp-tema) con
   los valores oficiales de VOO Solutions. Fuente de verdad:
   07_Paleta_Color_VOO.md / 08_Tipografia_VOO.md (catalogo #1-20, 14-sep-2026,
   validados por Jorge). Ningun valor de esta hoja se inventa.
   ========================================================================== */
:root{
  /* Paleta -- catalogo #07 */
  --ink:#16241D;            /* Tinta -- texto principal sobre fondo claro */
  --ink-soft:#7C8A80;       /* Muted, reutilizado: el catalogo no define un
                                tono intermedio propio distinto de Muted */
  --paper:#F6F4EE;          /* Papel -- fondo base de marca */
  --paper-raised:#FFFFFF;   /* Blanco -- negativo del isotipo, fondos elevados */
  --line:#D9D3C3;           /* Linea -- bordes y separadores */
  --primary:#1C3428;        /* Primario, verde bosque */
  --primary-ink:#FFFFFF;    /* Blanco sobre Primario -- 13.37:1, pasa AAA (#07) */
  --accent:#C9A566;         /* Dorado claro / accent-light -- CTA principal,
                                subtitulo, borde de boton secundario (#07) */
  --accent-hover:#A8863C;   /* Dorado / Acento del isotipo -- nunca mas del
                                30% de una composicion (#07) */
  --accent-ink:#16241D;     /* Tinta sobre Dorado/Dorado claro -- unico texto
                                que pasa AA sobre ambos tonos (ver tabla de
                                contraste, #07); Blanco sobre Dorado NO pasa */
  --muted:#7C8A80;          /* Muted -- reservar para texto >=14px/UI, no
                                pasa AA como cuerpo de parrafo (#07) */

  /* Tipografia -- catalogo #08, wordmark en Marcellus queda fuera (solo el
     logo, nunca la tipografia CSS del sitio, decision explicita de Jorge) */
  --font-heading:'Fraunces', Georgia, serif;
  --font-body:'Source Sans 3', Arial, sans-serif;
  --font-mono:'IBM Plex Mono', 'Courier New', monospace; /* datos/metadatos --
                                extension propia de este Child, el padre no
                                define este token */
}

/* ==========================================================================
   UTILIDADES DE CONTENIDO -- clases para usar desde el editor de bloques
   normal de WordPress (campo "Clases CSS adicionales" de cada bloque), no
   plantillas PHP: el padre carga el cuerpo via the_content(). Pensadas para
   Valores, Modelo del ecosistema y Resultados -- las 3 secciones nuevas que
   no tienen un plugin holding-wide que las resuelva (ver "Estructura
   tecnica por seccion" del brief de contenido). Marcas usa RGStudio_plugin_
   Showcase (.rgb-fichas), no estas clases.
   ========================================================================== */

/* Tarjetas -- Valores (5) y Modelo del ecosistema (7), mismo patron que
   .rgb-fichas del padre: grid auto-fill, sin breakpoints a mano. */
.voo-cards{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
	gap:24px;
	margin:32px 0;
}
.voo-card{
	background:var(--paper-raised);
	border:1px solid var(--line);
	border-radius:var(--radius);
	padding:28px;
	transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.voo-card:hover{
	transform:translateY(-4px) scale(1.01);
	box-shadow:var(--shadow-soft);
	border-color:var(--accent);
}
.voo-card__title{
	font-family:var(--font-heading);
	color:var(--primary);
	font-size:1.05rem;
	margin-bottom:8px;
}
.voo-card__role{
	font-family:var(--font-mono);
	font-size:.78rem;
	text-transform:uppercase;
	letter-spacing:.06em;
	color:var(--accent-hover);
	display:block;
	margin-bottom:10px;
}
.voo-card p{color:var(--ink-soft);font-size:.95rem;}

/* Fondo oscuro solido -- "Gobierno y tecnologia" (mismo peso visual que el
   Hero, ver Estructura tecnica por seccion). */
.voo-section--dark{
	background:var(--primary);
	color:var(--primary-ink);
	border-radius:var(--radius);
	padding:56px var(--gutter);
}
.voo-section--dark a{color:var(--accent);}

/* Resultados -- stat tiles + contador animado (assets/js/counters.js). */
.voo-stats{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
	gap:28px;
	margin:32px 0;
	text-align:center;
}
.voo-stat{padding:8px;}
.rgb-stat-counter{
	display:block;
	font-family:var(--font-heading);
	font-weight:700;
	font-size:clamp(2rem,4vw,2.75rem);
	color:var(--primary);
	line-height:1;
}
.voo-stat__label{
	display:block;
	margin-top:8px;
	font-size:.92rem;
	color:var(--ink-soft);
}