--pb-*/--ib-*. ============================================ */ .ra-block{scroll-margin-top:150px;}
.ra-block + .ra-block{margin-top:72px;}
.ra-block > p,
.ra-block > blockquote{max-width:54rem;}
.prose .ra-lead{font-size:1.06rem; line-height:1.75; color:var(--ink);}
.ra-hero p{max-width:720px;}
.ra-criteria,
.ra-cert{
  position:relative; overflow:hidden; border-radius:18px; color:#fff;
  background-color:var(--brand-navy);
  background-image:var(--ph-gradient);
}
.ra-criteria::before,
.ra-cert::before{
  content:''; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:repeating-linear-gradient(120deg, rgba(255,255,255,.035) 0 2px, transparent 2px 30px);
}
.ra-criteria{
  margin:32px 0 10px; padding:26px clamp(18px,3vw,30px) 28px;
}
.ra-criteria > :not(.ra-particles),
.ra-cert > :not(.ra-particles){position:relative; z-index:1;}
.ra-criteria-eyebrow{
  display:block; font-family:'Poppins',sans-serif; font-size:.7rem; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--brand-lime); margin-bottom:16px;
}
.ra-criteria-list{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.ra-criterion{
  display:flex; gap:13px; align-items:flex-start; padding:16px;
  border-radius:14px; background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16); transition:.25s ease;
}
.ra-criterion:hover{
  background:rgba(255,255,255,.12); border-color:rgba(53,154,204,.6); transform:translateY(-2px);
}
.ra-criterion-ico{
  width:38px; height:38px; min-width:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(53,154,204,.2); border:1px solid rgba(53,154,204,.55); color:var(--brand-sky);
}
.ra-criterion-ico svg{width:18px; height:18px;}
.ra-criterion h4{font-size:.98rem; color:#fff; margin-bottom:4px;}
.ra-criterion p{font-size:.82rem; line-height:1.5; color:#c9d8e4; margin:0;}
.ra-criteria .ra-particles .particle{--rise:280px;}
.ra-plans{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:26px 0 8px;}
.ra-plan{
  --c:var(--brand-petrol); --c-ink:var(--brand-petrol);
  position:relative; overflow:hidden; display:flex; flex-direction:column;
  padding:24px 20px; background:#fff; border:1px solid var(--line);
  border-radius:16px; transition:.25s ease;
}
.ra-plan::before{content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--c);}
.ra-plan:hover{border-color:var(--c-ink); transform:translateY(-3px); box-shadow:var(--shadow-soft);}
.ra-plan--manejo{--c:var(--brand-navy); --c-ink:var(--brand-navy);}
.ra-plan--monitoreo{--c:var(--brand-sky); --c-ink:var(--brand-petrol);}
.ra-plan--contingencia{--c:var(--brand-lime); --c-ink:var(--brand-green);}
.ra-plan--licencia{--c:var(--brand-petrol); --c-ink:var(--brand-petrol);}
.ra-plan-ico{
  width:42px; height:42px; border-radius:12px; background:var(--c-ink); color:#fff;
  display:flex; align-items:center; justify-content:center; margin-bottom:14px;
}
.ra-plan-ico svg{width:19px; height:19px;}
.ra-plan-tag{
  font-family:'Poppins',sans-serif; font-size:.64rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--c-ink); margin-bottom:7px;
}
.ra-plan h3{font-size:1rem; line-height:1.3; color:var(--navy); margin-bottom:8px;}
.ra-plan p{font-size:.84rem; line-height:1.55; color:var(--steel); margin:0;}
.ra-cert{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:24px 30px; margin:24px 0 0; padding:28px clamp(20px,3vw,32px);
}
.ra-cert-seal{
  flex-shrink:0; background:#fff; border-radius:12px; padding:12px 14px;
  box-shadow:0 10px 26px rgba(4,6,32,.35);
}
.ra-cert-seal img{height:64px; width:auto;}
.ra-cert-body{flex:1; min-width:260px;}
.ra-cert-body p{color:#d7e3ec; font-size:.95rem; line-height:1.65; margin:0 0 14px; max-width:540px;}
.prose .ra-cert-link{
  display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:.9rem;
  color:var(--brand-lime); transition:gap .2s ease, color .2s ease;
}
.prose .ra-cert-link:hover{gap:12px; color:#fff;}
.ra-cert-link svg{width:15px; height:15px;}
.ra-cert .ra-particles .particle{--rise:320px;}
@media (max-width:1080px){
  .ra-plans{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:820px){
  .ra-criteria-list{grid-template-columns:1fr;}
  .ra-block + .ra-block{margin-top:56px;}
}
@media (max-width:620px){
  .ra-plans{grid-template-columns:1fr;}
  .ra-cert{flex-direction:column; align-items:flex-start;}
}
@media (prefers-reduced-motion:reduce){
  .ra-particles{display:none;}
}
