/* REASCYL — página Carta de Principios. Usa los tokens --rc-* */

#rc-carta .rc-wrap{ max-width:1080px; margin:0 auto; padding:0 24px; }
#rc-carta h1,#rc-carta h2{ font-family:var(--rc-display); }
#rc-carta .rc-kicker{ font-family:var(--rc-mono); font-size:.78rem; letter-spacing:.13em; text-transform:uppercase; color:var(--rc-earth-deep); margin:0 0 12px; }
.rc-h1{ font-size:clamp(2rem,5vw,3rem); color:var(--rc-ink); margin:0 0 16px; line-height:1.06; letter-spacing:-.01em; }
#rc-carta .rc-lead{ color:var(--rc-ink-soft); max-width:64ch; font-size:1.1rem; }

.rc-carta-hero{ padding:74px 0 30px; background:radial-gradient(120% 90% at 88% -10%,var(--rc-green-wash),transparent 55%),var(--rc-cream); }
.rc-carta-grid-wrap{ padding:36px 0 66px; background:var(--rc-cream); }
.rc-carta-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }

.rc-pcard{ background:var(--rc-white); border:1px solid var(--rc-line); border-radius:18px; padding:28px 30px;
  transition:transform .3s var(--rc-ease),box-shadow .3s var(--rc-ease); }
.rc-pcard:hover{ transform:translateY(-3px); box-shadow:0 24px 48px -36px rgba(33,80,58,.5); }
.rc-pcard-n{ font-family:var(--rc-mono); color:var(--rc-earth-deep); font-size:.85rem; }
.rc-pcard-t{ font-size:1.5rem; color:var(--rc-green-deep); margin:6px 0 8px; line-height:1.15; }
.rc-pcard-claim{ color:var(--rc-ink); font-weight:600; margin:0 0 10px; }
.rc-pcard-desc{ color:var(--rc-ink-soft); margin:0 0 16px; font-size:.98rem; }
.rc-pcard-caso{ background:var(--rc-green-wash); border-radius:12px; padding:14px 16px; color:var(--rc-green-deep); font-size:.95rem; margin:0; }
.rc-pcard-caso span{ display:block; font-family:var(--rc-mono); font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; color:var(--rc-earth-deep); margin-bottom:5px; }

.rc-carta-foot{ display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; align-items:center; }
.rc-btn{ display:inline-block; font-weight:600; font-size:.95rem; padding:.72rem 1.3rem; border-radius:10px; text-decoration:none; font-family:var(--rc-body); transition:background .2s,transform .2s var(--rc-ease); }
.rc-btn--primary{ background:var(--rc-green); color:#fff; }
.rc-btn--primary:hover{ background:var(--rc-green-deep); transform:translateY(-2px); color:#fff; }
.rc-btn--ghost{ background:transparent; color:var(--rc-green-deep); border:1.5px solid var(--rc-green); }
.rc-btn--ghost:hover{ background:var(--rc-green-wash); }

@media (max-width:760px){ .rc-carta-grid{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce){ .rc-pcard,.rc-btn{ transition:none; } }