/* Fundación Campollano — estilo único del sitio */
:root { --oro: #e4b42b; --verde: #3d6b35; --texto: #333; --gris: #666; --fondo: #fff; --linea: #e3e3e3; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 "Segoe UI", Arial, sans-serif; color: var(--texto); background: var(--fondo); }
a { color: var(--verde); }
img, iframe { max-width: 100%; }
img { height: auto; }

.topbar { background: #f4f4f4; color: var(--gris); font-size: 13px; padding: 6px 16px; text-align: center; }
.topbar a { color: var(--gris); text-decoration: none; }

header { background: var(--oro); text-align: center; padding: 20px 16px 0; }
.logo { width: 320px; }
nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 24px; padding: 14px 0; margin-top: 12px;
  border-top: 1px solid rgba(0,0,0,.12); }
nav a { color: #222; text-decoration: none; font-weight: 600; font-size: 14px; text-transform: uppercase; }
nav a:hover, nav a[aria-current] { color: #fff; }

.banner { display: block; width: 100%; max-height: 350px; object-fit: cover; }

main { max-width: 960px; margin: 0 auto; padding: 24px 16px 48px; }
main h1 { font-weight: 400; font-size: 2em; text-align: center; margin: 0 0 24px; }
main h2, main h3 { color: var(--verde); line-height: 1.3; }
main iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; margin: 16px 0; }
main table { border-collapse: collapse; }
main td, main th { padding: 4px 8px; vertical-align: top; }
main p > a > img, main p > img { margin: 8px 0; }

footer { background: #2b2b2b; color: #bbb; font-size: 13px; text-align: center; padding: 20px 16px; }
footer a { color: #ddd; }
footer p { margin: 4px 0; }