/* Conexiones y asistente académico: extensión de la identidad editorial. */
.connection-intro { display:flex; justify-content:space-between; gap:24px; align-items:center; margin:5px 0 22px; }
.connection-intro h2 { font:600 30px var(--font-display); margin:5px 0 8px; letter-spacing:-.8px; }
.connection-intro p { color:var(--muted); margin:0; }
.connection-lock { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--muted); white-space:nowrap; }
.connection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:14px; }
.connection-card { padding:24px; border:1px solid var(--line); border-radius:13px; background:white; display:flex; flex-direction:column; min-width:0; transition:border-color .18s; }
.connection-card:hover { border-color:#becbd5; }
.connection-title { display:flex; gap:15px; align-items:center; }
.connection-title h3 { font:600 19px var(--font-display); margin:0 0 5px; }
.provider-mark { display:grid; place-items:center; width:48px; height:48px; border-radius:12px; font:700 29px var(--font-display); flex:none; }
.provider-mark.stripe { background:#f0ecff; color:#635bff; }
.provider-mark.brevo { background:#e6f6ed; color:#147b4b; }
.provider-mark.whatsapp { background:#e7f8f0; color:#12894d; }
.provider-mark.ai { background:#e6f0fb; color:#2e638e; }
.connection-card>p { font-size:14px; margin:20px 0 8px; line-height:1.6; }
.connection-detail { font-size:12px; color:var(--muted); line-height:1.65; min-height:43px; margin-bottom:18px; }
.connection-actions { display:flex; gap:8px; align-items:center; margin-top:auto; }
.connection-actions .btn { display:flex; gap:7px; align-items:center; }
.connection-foot { font-size:12px; color:var(--muted); margin:14px 0 28px; line-height:1.7; }
.connection-form>p { line-height:1.7; }
.connection-webhook { background:#f6f8fa; padding:15px; margin-top:18px; border-radius:10px; }
.connection-webhook code { display:block; overflow-wrap:anywhere; font-size:12px; margin:8px 0 12px; }
.connection-warning { margin:8px 0; padding:8px 10px; border-left:3px solid #bd7b25; background:#fff8eb; color:#72501e; font-size:12px; line-height:1.55; }
.connection-error,.study-ai-error { font-size:13px; color:#a12b32; line-height:1.6; }
.study-ai { margin-top:22px; border-top:3px solid #638cba; }
.study-ai .card-heading { gap:10px; align-items:center; }
.study-ai h2 { display:flex; gap:8px; align-items:center; font-size:18px; }
.study-ai-form textarea { resize:vertical; min-height:95px; }
.study-ai-form select { width:auto; max-width:60%; font-size:12px; }
.study-ai-form .row { margin-top:10px; gap:8px; }
.study-ai-answer { margin:20px 0 8px; padding-top:18px; border-top:1px solid var(--line); overflow-wrap:anywhere; }
.ai-markdown { font-size:14px; line-height:1.8; }
.ai-markdown h1,.ai-markdown h2,.ai-markdown h3 { font:600 17px var(--font-display); margin:20px 0 10px; display:block; }
.ai-markdown ul,.ai-markdown ol { padding-left:20px; }
.ai-markdown pre { overflow:auto; background:#f6f8fa; padding:12px; border-radius:8px; font-size:12px; }
.ai-markdown blockquote { border-left:3px solid #bacbda; padding-left:15px; margin-left:0; color:var(--muted); }
.study-ai-note { font-size:11px; color:var(--muted); line-height:1.65; margin:16px 0 0; }
.study-ai-sources { display:flex; flex-wrap:wrap; gap:8px; font-size:12px; }
.study-ai-sources a { display:flex; align-items:center; gap:4px; padding:4px 8px; background:#edf3f8; border-radius:6px; }
.study-ai-form button { white-space:nowrap; }
.integration-api-heading { font:600 21px var(--font-display); margin:25px 0 18px; }
.integration-jobs { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:15px 18px; background:#f5f8fa; border:1px solid var(--line); border-radius:10px; margin-bottom:25px; font-size:13px; }
.integration-jobs .muted { font-size:12px; }
@media(max-width:720px) {
  .connection-grid { grid-template-columns:1fr; }
  .connection-intro { align-items:flex-start; flex-direction:column; gap:12px; }
  .connection-intro h2 { font-size:26px; }
  .connection-card { padding:20px; }
  .integration-jobs { align-items:flex-start; flex-direction:column; }
  .study-ai-form .row { flex-wrap:wrap; }
  .study-ai-form select { max-width:100%; flex:1; }
  .connection-form .row,.connection-actions { flex-wrap:wrap; }
}

.provider-mark.zoom { background: #edf3ff; color: #2467d1; }
.provider-mark.meet { background: #e9f5ef; color: #21714d; }
.connection-form textarea[data-private] { font-family: ui-monospace, monospace; font-size: 12px; }

.provider-quaderno .integration-provider-icon { background:#f3e9da; color:#775022; font-family:Georgia,serif; font-weight:700; }