/*
Theme Name: A+ Reus V21
Theme URI: https://amesacademia.com/
Author: A+ Acadèmia
Description: Tema propi trilingüe basat fidelment en el prototip V21.
Version: 0.9.4
Text Domain: aplus-reus
*/

:root {
  --navy: #10283f;
  --navy-2: #173b5b;
  --teal: #2ab8b0;
  --teal-dark: #158c87;
  --orange: #f27a3d;
  --cream: #f8f5ef;
  --white: #fff;
  --text: #1d2a34;
  --muted: #63717b;
  --line: rgba(16, 40, 63, .14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--cream);
  color: var(--text);
  font-family: "Barlow", "Avenir Next", "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { display: block; height: auto; max-width: 100%; }
.container { margin: auto; width: min(1180px, calc(100% - 40px)); }
.site-header { background: rgba(248, 245, 239, .97); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 50; }
.site-nav { align-items: center; display: flex; gap: 18px; min-height: 78px; }
.site-brand { color: var(--navy); font-weight: 800; margin-right: auto; }
.site-menu { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; }
.site-menu a:hover { color: var(--teal-dark); }
.site-main { min-height: 60vh; }
.page-hero { background: linear-gradient(135deg, #dff5f2, var(--cream), #f9e5d8); padding: 54px 0; }
.page-hero h1 { color: var(--navy); font-size: clamp(2.8rem, 5.6vw, 5.5rem); letter-spacing: -.06em; line-height: .96; margin: 0 0 20px; }
.content-section { padding: 62px 0; }
.article-heading { max-width: 940px; }
.article-back { color: var(--teal-dark); display: inline-block; font-weight: 800; margin-bottom: 24px; }
.article-layout { max-width: 940px; }
.article-cover { aspect-ratio: 16 / 9; border-radius: 28px; margin-bottom: 38px; object-fit: cover; width: 100%; }
.article-content { background: var(--white); border: 1px solid var(--line); border-radius: 28px; font-size: 1.08rem; padding: clamp(24px, 5vw, 56px); }
.article-content h2, .article-content h3 { color: var(--navy); line-height: 1.15; }
.article-content a { color: var(--teal-dark); font-weight: 700; text-decoration: underline; }
.article-cta { background: var(--navy); border-radius: 28px; color: var(--white); margin-top: 30px; padding: clamp(24px, 5vw, 46px); }
.article-cta h2 { margin-top: 0; }
.article-enrol { background: var(--orange); border-radius: 999px; display: inline-block; font-weight: 800; margin-top: 8px; padding: 13px 22px; }
.site-footer { background: #0b1c2b; color: var(--white); padding: 42px 0 24px; }
.site-footer a, .site-footer p { color: #b9c5ce; }

@media (max-width: 820px) {
  .site-menu { display: none; }
  .container { width: min(100% - 26px, 1180px); }
}