columns:1fr;gap:16px} @media (min-width:768px){.card-grid{grid-template-columns:repeat(3,1fr)}} /*— Secciones suaves y CTA —*/ .soft{background:var(–kodabe-soft)} .soft-red{background:linear-gradient(180deg,#fff, var(–kodabe-salmon))} .footer-cta{ background:var(–kodabe-red);color:#fff;padding:2rem 0;margin-top:2rem } .footer-cta h2{color:#fff;margin:.2rem 0 1rem} .footer-cta .btn{box-shadow:none} .footer-cta .btn.btn-outline{background:#fff;color:var(–kodabe-red)} /*— Footer oscuro (Astra + bloque personalizado) —*/ .site-footer, .footer-dark{background:var(–kodabe-dark);color:#e9eef3} .site-footer a, .footer-dark a{color:#e9eef3;text-decoration:none}