/*
Theme Name: RCC 2026
Theme URI: https://rccguatemala.org
Author: Renovación Carismática Católica de Guatemala
Description: Tema oficial de la Renovación Carismática Católica de Guatemala
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Privado
Text Domain: rcc2026
*/

/* === RESET Y BASE === */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    /* ── Paleta RCC Guatemala ─────────────────────────────────── */
    --color-primary:       #003087;   /* azul marino — navbar, hero, secciones oscuras */
    --color-primary-dark:  #001f5c;   /* azul muy oscuro — hover sobre fondos primarios */
    --color-accent:        #CC0000;   /* rojo RCC — CTAs, acentos, nav activo */
    --color-accent-hover:  #a80000;   /* rojo oscuro — hover sobre botones accent */
    --color-light:         #F5F0E8;   /* crema — fondos de sección alternos */
    --color-blanco:        #ffffff;
    --color-negro:         #1a1a2e;   /* azul muy oscuro — texto principal */
    --color-gris-claro:    #F5F0E8;   /* crema (alias de --color-light) */

    /* ── Aliases de compatibilidad con archon.css ─────────────── */
    --color-verde-oscuro:  var(--color-primary);        /* navbar bg, secciones oscuras */
    --color-verde-medio:   var(--color-primary-dark);   /* hover sobre oscuro */
    --color-dorado:        var(--color-accent);         /* botones, acentos */
    --color-dorado-claro:  var(--color-accent-hover);   /* hover accent */

    /* ── Tipografía y efectos ─────────────────────────────────── */
    --fuente-serif: 'Montserrat', Arial, sans-serif;
    --fuente-sans:  'Montserrat', Arial, sans-serif;
    --transicion:   all 0.3s ease;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--fuente-sans);
    color: var(--color-negro);
    background-color: var(--color-blanco);
    line-height: 1.6;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--transicion);
}

ul {
    list-style: none;
}

/* Formularios heredan fuente del documento (no ocurre por defecto en navegadores) */
input, button, textarea, select {
    font-family: inherit;
    font-size: inherit;
}