/*
Theme Name: Congreso Chile 2026
Theme URI: https://asincut.org
Author: ASINCUT / COFOLA / Agrupación Cultural Loncomilla
Author URI: https://asincut.org
Description: Tema oficial del IV Congreso Internacional de Cultura Tradicional – Chile 2026. Compatible con Elementor Free, 100% responsive, sin plugins de pago. Colores y tipografías conforme al Manual Gráfico del proyecto.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: congreso-chile-2026
Tags: custom-colors, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks, editor-style, responsive-layout

Este tema NO requiere Elementor para funcionar: todas las páginas se ven correctamente
solo con WordPress. Elementor Free se puede activar en cualquier página para editarla
visualmente ("Edit with Elementor") gracias a add_theme_support('elementor').
*/

/* ==========================================================================
   Design tokens — Manual Gráfico IV Congreso Internacional de Cultura Tradicional
   ========================================================================== */

:root{
  --cg-navy:        #173B63; /* institucional principal */
  --cg-navy-dark:   #102845;
  --cg-burgundy:    #7C1F2D; /* acento cálido / CTA */
  --cg-burgundy-dark:#5f1622;
  --cg-gold:        #B88A3B; /* acento textil / detalle */
  --cg-gold-light:  #d3ab5f;
  --cg-offwhite:    #F7F7F5; /* fondo general */
  --cg-dark:        #2F343A; /* texto principal */
  --cg-white:       #FFFFFF;
  --cg-line:        rgba(23,59,99,0.12);

  --cg-font-display: 'Cormorant Garamond', 'Georgia', serif;
  --cg-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --cg-radius: 2px;
  --cg-container: 1180px;
  --cg-gutter: clamp(20px, 4vw, 56px);
}

/* ===== Países participantes ===== */

.cg-grid--countries{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
    margin-top:40px;
}

.cg-country{
    text-align:center;
}

.cg-country img{
    width:120px;
    height:auto;
    display:block;
    margin:0 auto 15px;
}