/* === Contacto — acento AZUL INSTITUCIONAL ===
   Encolado por el plugin FUNAJIT Páginas solo donde hay shortcodes [contacto_...]. */

.ct-hero { --fjx-accent: #1D4ED8; }
.fjx-hero.ct-hero { padding-top:180px !important; padding-bottom:44px !important; min-height:0 !important; }
.ct-hero .fjx-eyebrow { color: #1D4ED8 !important; }
.ct-hero .fjx-btn { background:#1D4ED8 !important; }
.ct-hero .fjx-btn:hover { background:#1E3A8A !important; }
@media (max-width:760px){ .fjx-hero.ct-hero { padding-top:120px !important; } }

.ct-visual{position:relative;width:min(420px,78vw);aspect-ratio:1;margin:0 auto}
.ct-ring{position:absolute;inset:8%;border-radius:50%;border:1.5px dashed rgba(29,78,216,.35);animation:ct-spin 50s linear infinite}
.ct-core{position:absolute;top:50%;left:50%;width:56%;height:56%;transform:translate(-50%,-50%);display:grid;place-items:center;animation:ct-float 5.5s ease-in-out infinite}
.ct-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(30,58,138,.25))}
@keyframes ct-spin{to{transform:rotate(360deg)}}
@keyframes ct-float{0%,100%{margin-top:0}50%{margin-top:-10px}}

/* tarjetas de canales */
.ct-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px; }
.ct-card { display:flex; flex-direction:column; gap:6px; padding:24px 22px; border-radius:18px; background:#f6f8fc; border:1px solid rgba(16,42,67,.08); text-decoration:none !important; transition:transform .15s ease, box-shadow .15s ease, background .15s ease; }
.ct-card:hover { transform:translateY(-4px); background:#fff; box-shadow:0 16px 38px rgba(30,58,138,.14); }
.ct-ico { font-size:26px; line-height:1; }
.ct-card-label { font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; color:#1D4ED8; margin-top:4px; }
.ct-card-val { font-family:"Outfit",sans-serif; font-weight:700; font-size:15.5px; line-height:1.35; color:#0a1628; overflow-wrap:anywhere; }
@media (max-width:900px){ .ct-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .ct-grid { grid-template-columns:1fr; } }

/* formulario opcional (si se pega un shortcode en Ajustes) */
.ct-form { max-width:720px; margin-top:20px; padding:28px; border-radius:20px; background:#f6f8fc; border:1px solid rgba(16,42,67,.08); }
.ct-form input[type="text"], .ct-form input[type="email"], .ct-form input[type="tel"], .ct-form textarea {
  width:100%; padding:12px 14px; border-radius:12px; border:1px solid rgba(16,42,67,.16); background:#fff; font:inherit; margin:6px 0 14px;
}
.ct-form input[type="submit"], .ct-form button[type="submit"] {
  display:inline-block; padding:13px 26px; border:0; border-radius:999px; background:#1D4ED8; color:#fff; font-weight:800; cursor:pointer;
}
.ct-form input[type="submit"]:hover, .ct-form button[type="submit"]:hover { background:#1E3A8A; }

/* fila CTA — degradado azul institucional */
.fjx-cta-row { background:linear-gradient(135deg,#1E3A8A 0%, #2563EB 100%) !important; }
.fjx-cta-row .fjx-title { max-width:none !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; color:#fff !important; }
.fjx-cta-row .fjx-lead { margin-left:auto !important; margin-right:auto !important; text-align:center !important; max-width:62ch; }
.fjx-cta-row .fjx-btn-light { color:#1E3A8A !important; }
.fjx-cta-row .fjx-btn-outline { color:#fff !important; border:2px solid rgba(255,255,255,.75) !important; background:transparent !important; }
.fjx-cta-row .fjx-btn-outline:hover { background:rgba(255,255,255,.16) !important; border-color:#fff !important; color:#fff !important; }