/* Estilos compartidos de las páginas interiores */
.btn-sm{min-height:36px;padding:8px 14px;font-size:14px}
.chip-alert{background:#FDE3E6;color:var(--cpa-red)}
.lnk{text-decoration:underline;text-underline-offset:3px}

/* Hero interior (lienzo bajo) */
.page-hero{padding:16px}
.page-canvas{position:relative;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(170deg,#D6EFCB 0%,var(--mint) 60%,#A9D896 100%);box-shadow:var(--shadow);padding:128px 24px 56px;text-align:center}
@media(min-width:900px){.page-canvas{padding:150px 64px 72px}}
.page-canvas h1{font-size:clamp(40px,6vw,72px);max-width:900px;margin:12px auto 0}
.page-canvas .lead{margin:18px auto 0}
.page-canvas .big{font:400 clamp(64px,10vw,120px)/1 var(--serif);letter-spacing:-.05em;color:var(--cpa-blue)}
.page-canvas .seals{justify-content:center;margin-top:28px}
.page-canvas .deco{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.page-canvas > *:not(.deco):not(.grain):not([aria-hidden="true"]){position:relative;z-index:1}

.page-canvas.butter{background:linear-gradient(170deg,#FFF3C4 0%,var(--butter) 60%,#F7DC7A 100%)}
.page-canvas.sky{background:linear-gradient(170deg,#E6F2FE 0%,var(--sky) 55%,var(--sky-2) 100%)}
.page-canvas.cream{background:linear-gradient(170deg,#FBF4E8 0%,var(--cream) 100%)}