/*
Theme Name:  Pardavila Cultural
Theme URI:   https://www.acrdpardavila.org
Author:      ACRD Pardavila
Description: Tema a medida – Festa Galega. Cultura, tradición e comunidade en Pardavila. Deseño alegre, colorido e con movemento folclórico.
Version:     4.0.0
Text Domain: pardavila
*/

/* ══════════════════════════════════════════
   FONTES E VARIABLES — FESTA GALEGA
══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
    /* Paleta festiva */
    --rojo:    #e63946;
    --rojo-d:  #b71c2c;
    --azul:    #1d6fb8;
    --amaro:   #f4b400;
    --amaro-d: #c98f00;
    --verde:   #43aa8b;
    --rosa:    #e5679b;
    --menu:    #2e9e63;
    --menu-d:  #1f7a49;
    --menu-dd: #15613a;

    --crema:   #fff9ee;
    --crema2:  #fdf2dc;
    --tinta:   #2a1a12;
    --muted:   #8a7c6a;
    --castana: #b5651d;

    /* Cores por categoría de actividade */
    --c-fitness:  #1D9E75;
    --c-danza:    #7C3AED;
    --c-arte:     #E0A100;
    --c-deportes: #DC2626;
    --c-infantil: #EC4899;
    --c-cultural: #0F8A5F;
    --c-social:   #1d6fb8;

    --radius:    16px;
    --radius-lg: 22px;
    --shadow-sm: 0 7px 0 rgba(0,0,0,.05), 0 10px 22px rgba(0,0,0,.06);
    --shadow-md: 0 8px 0 rgba(0,0,0,.06), 0 14px 30px rgba(0,0,0,.08);

    --font-display: 'Baloo 2', cursive;
    --font-body:    'Inter', system-ui, sans-serif;
    --ease-out:    cubic-bezier(.22,1,.36,1);
    --ease-spring: cubic-bezier(.34,1.56,.64,1);

    /* ── Alias de compatibilidade (plantillas internas herdadas) ──
       Mapean a paleta antiga á nova Festa Galega. */
    --noite:      #15613a;
    --bosque:     #1f7a49;
    --verde-cl:   #6fd0ab;
    --ouro:       var(--amaro);
    --ouro-cl:    #f0c96a;
    --pedra:      var(--crema);
    --pedra-med:  #ece6da;
    --terra:      #5c3d1e;
    --shadow-lg:  0 16px 40px rgba(0,0,0,.18);
    --shadow-ouro:0 6px 0 var(--amaro-d);
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
    font-family: var(--font-display);
    color: var(--tinta);
    background: var(--crema);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--menu-d); text-decoration: none; transition: color .15s; }
a:hover { color: var(--rojo); }
a:focus-visible { outline: 3px solid var(--amaro); outline-offset: 2px; border-radius: 4px; }

/* O texto corrente (parágrafos, listas) usa Inter para boa lexibilidade */
p, li, dd, dt, figcaption, .entry-content { font-family: var(--font-body); }

/* ── Accesibilidade ── */
.screen-reader-text {
    border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
    height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
    position: absolute !important; word-wrap: normal !important;
}
.skip-link {
    position: absolute; left: -9999px; top: 0; z-index: 9999;
    background: var(--amaro); color: var(--tinta); font-weight: 700;
    padding: 12px 20px; border-radius: 0 0 12px 0; font-family: var(--font-body);
}
.skip-link:focus-visible { left: 0; }

/* ── Reveal ao scroll ── */
.pard-reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s var(--ease-out), transform .6s var(--ease-out); }
.pard-reveal.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .pard-reveal { opacity: 1; transform: none; transition: none; }
    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

/* ── Contido principal ── */
#main-content { min-height: 40vh; }

/* ── Páxinas estándar (page.php / single.php) ── */
.pard-entry {
    max-width: 800px;
    margin: 0 auto;
    padding: 56px 24px 80px;
}
.pard-entry__title {
    font-family: var(--font-display);
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 800;
    color: var(--tinta);
    line-height: 1.1;
    margin-bottom: 20px;
}
.pard-entry__content { font-family: var(--font-body); font-size: 17px; line-height: 1.8; color: #4a3f33; }
.pard-entry__content h2, .pard-entry__content h3 { font-family: var(--font-display); color: var(--tinta); margin: 28px 0 12px; }
.pard-entry__content p { margin-bottom: 18px; }
.pard-entry__content a { color: var(--rojo); font-weight: 600; text-decoration: underline; }
.pard-entry__content img { border-radius: var(--radius); margin: 16px 0; }

/* ── Botóns festivos reutilizables ── */
.pard-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 13px 28px; min-height: 48px;
    border-radius: 999px; border: none; cursor: pointer;
    font-family: var(--font-display); font-size: 16px; font-weight: 700;
    transition: transform .2s var(--ease-spring);
}
.pard-btn:hover { transform: translateY(-3px); }
.pard-btn--amaro { background: var(--amaro); color: var(--tinta); box-shadow: 0 6px 0 var(--amaro-d); }
.pard-btn--verde { background: var(--menu);  color: #fff;        box-shadow: 0 6px 0 var(--menu-d); }
.pard-btn--crema { background: #fff;          color: var(--tinta); box-shadow: 0 6px 0 #e0d5c0; }
.pard-btn:focus-visible { outline: 3px solid var(--amaro); outline-offset: 3px; }