/*
 * 08-cta.css - Tarjeta CTA de contacto, titulo y botones de accion.
 * Origen: index.html, <style> #1 (lineas 51-54). Contenido identico al original.
 */
.cta{padding:0 0 100px}.cta-card{border-radius:34px;padding:70px 74px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(100,131,255,.16),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}
.cta-card:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 180deg,transparent,rgba(149,120,255,.12),transparent 30%);animation:spin 12s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}
.cta-card>*{position:relative;z-index:1}.cta-title{font-family:"Bodoni Moda",serif;font-size:clamp(42px,5.4vw,76px);line-height:.93;letter-spacing:-.06em;margin:15px 0}.cta-title em{font-style:italic;color:#aaa0ff}.cta-copy{color:var(--muted);font-size:13px;line-height:1.8;max-width:480px}
.actions{display:flex;flex-direction:column;gap:10px}.action{min-height:58px;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;transition:.35s}.action.primary{background:linear-gradient(100deg,rgba(145,111,255,.8),rgba(75,151,255,.72));border-color:rgba(255,255,255,.2);box-shadow:0 15px 40px rgba(101,92,255,.18)}.action:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.22)}