/* ── Academy Callout — frontend + Gutenberg ── */
.academy-callout {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 18px;
    border-radius: 8px;
    border-left: 4px solid transparent;
    margin: 1.25em 0;
    font-size: 15px;
    line-height: 1.6;
}

.academy-callout__icon {
    font-size: 20px;
    line-height: 1.4;
    flex-shrink: 0;
    user-select: none;
}

.academy-callout__body {
    flex: 1;
    min-width: 0;
}

.academy-callout__body p:first-child { margin-top: 0; }
.academy-callout__body p:last-child  { margin-bottom: 0; }

/* Schemes */
.academy-callout--yellow {
    background: #FFFBEB;
    border-color: #F59E0B;
    color: #78350F;
}
.academy-callout--blue {
    background: #EFF6FF;
    border-color: #3B82F6;
    color: #1E3A5F;
}
.academy-callout--green {
    background: #F0FDF4;
    border-color: #22C55E;
    color: #14532D;
}
.academy-callout--red {
    background: #FEF2F2;
    border-color: #EF4444;
    color: #7F1D1D;
}
.academy-callout--purple {
    background: #F5F3FF;
    border-color: #8B5CF6;
    color: #3B0764;
}
.academy-callout--gray {
    background: #F9FAFB;
    border-color: #9CA3AF;
    color: #1F2937;
}

/* Neutralizar border-left de headings heredados del tema dentro del callout */
.academy-callout h1,
.academy-callout h2,
.academy-callout h3,
.academy-callout h4,
.academy-callout h5,
.academy-callout h6 {
    border-left: none !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

/* Links dentro del callout: permitir wrap para evitar overflow */
.academy-callout a {
    overflow-wrap: break-word;
    word-break: break-word;
}