/* Competition · CTA. Portado v1. Scope .sr-cct. */
.sr-cct { padding: var(--sp-3xl) 0; background: #fff; }
.sr-cct * { box-sizing: border-box; }
.sr-cct .comp-cta-inner { background: linear-gradient(160deg, var(--c-ink-deep) 0%, var(--c-ink) 100%); border-radius: var(--r-xl); padding: var(--sp-2xl); color: #fff; position: relative; overflow: hidden; }
.sr-cct .comp-cta-inner::before { content: ""; position: absolute; right: -10%; top: -30%; width: 60%; height: 160%; background: radial-gradient(circle, rgba(34,211,238,.28), transparent 65%); pointer-events: none; }
.sr-cct .comp-cta-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) auto; gap: var(--sp-xl); align-items: center; position: relative; z-index: 1; }
.sr-cct .comp-cta-grid h2 { font-family: var(--font-display); font-weight: 600; font-size: clamp(1.7rem, 3vw, 2.2rem); color: #fff; line-height: 1.15; margin-bottom: var(--sp-sm); letter-spacing: -.02em; }
.sr-cct .comp-cta-grid p { color: rgba(255,255,255,.78); font-size: 1.05rem; line-height: 1.55; margin: 0; max-width: 34em; }
.sr-cct .btn { display: inline-flex; align-items: center; gap: .55em; font-family: var(--font-display); font-weight: 700; font-size: 1rem; padding: .85em 1.6em; border-radius: var(--r-btn); border: 1px solid transparent; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background var(--t-micro), transform var(--t-micro), box-shadow var(--t-micro); }
.sr-cct .btn-orange:hover { background: var(--c-accent-hov); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(249,115,22,.4); }
.sr-cct .cta-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #fff; flex: none; }
.sr-cct .btn .arr { transition: transform var(--t-micro); }
.sr-cct .btn-orange:hover .arr { transform: translateX(4px); }
@media (max-width: 720px) { .sr-cct .comp-cta-grid { grid-template-columns: 1fr; } }

/* ============================================================
   El color del boton, repetido en cada estado.
   El tema pinta `a:hover` y el kit de Elementor `.elementor-kit-N a:hover`
   con su cian; un boton que solo declara el color en reposo pierde la
   etiqueta en cuanto pasas por encima. Se repite estado por estado en vez de
   confiar en la herencia — es el mismo fallo que aparecio en el hero, en la
   tabla comparativa y en el CTA de competencia.
   ============================================================ */
.sr-cct .btn-orange:active,
.sr-cct .btn-orange:focus,
.sr-cct .btn-orange:hover,
.sr-cct a.btn-orange:active,
.sr-cct a.btn-orange:focus,
.sr-cct a.btn-orange:hover { color: #fff; }