/* Creencias: estudios del Aula vinculados */
.belief-card { scroll-margin-top: calc(var(--nav-h, 76px) + 20px); }
.belief-content { flex: 1; min-width: 0; }
.belief-card.tiene-estudio { border-left-color: rgba(197,160,89,.55); }
.belief-card.tiene-estudio .belief-number { color: #241708; background: linear-gradient(135deg, #e8c97a, #c5a059); }
.belief-card.is-destacada { animation: creenciaDestacar 2.4s ease; }
@keyframes creenciaDestacar {
    0%, 55% { box-shadow: 0 0 0 3px rgba(232,201,122,.85), 0 18px 40px -18px rgba(197,160,89,.8); transform: translateX(4px); }
    100% { box-shadow: var(--shadow-card); transform: none; }
}

.creencia-estudios { display: grid; gap: 8px; margin-top: 14px; }
.creencia-estudio {
    position: relative; overflow: hidden; display: flex; align-items: center; gap: 12px;
    padding: 11px 14px 11px 11px; border-radius: 16px; text-decoration: none !important;
    color: #fff !important;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(232,201,122,.28), transparent 60%),
        linear-gradient(135deg, #2a1810, #3a2818 45%, #1a2a3a);
    box-shadow: 0 10px 24px -14px rgba(26,16,6,.8);
    transition: transform .25s cubic-bezier(.2,.8,.3,1), box-shadow .25s;
}
.creencia-estudio:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -14px rgba(26,16,6,.85); }
.creencia-estudio-ico {
    width: 40px; height: 40px; border-radius: 12px; flex-shrink: 0; display: grid; place-items: center;
    color: #241708; background: linear-gradient(135deg, #e8c97a, #c5a059); box-shadow: 0 6px 14px -6px rgba(232,201,122,.8);
}
.creencia-estudio-ico svg { width: 22px; height: 22px; }
.creencia-estudio-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.creencia-estudio-txt small { font-size: 10.5px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: #e8c97a; }
.creencia-estudio-txt b { font: 700 14.5px/1.3 var(--font-serif, Georgia, serif); color: #fff; }
.creencia-estudio-cta {
    flex-shrink: 0; padding: 7px 12px; border-radius: 100px; font-size: 12px; font-weight: 700;
    color: #241708; background: linear-gradient(135deg, #e8c97a, #c5a059); white-space: nowrap;
    transition: transform .25s;
}
.creencia-estudio:hover .creencia-estudio-cta { transform: translateX(2px); }
.creencia-estudio.is-visitante .creencia-estudio-cta { color: #e8c97a; background: rgba(232,201,122,.12); box-shadow: inset 0 0 0 1px rgba(232,201,122,.4); }

@media (max-width: 560px) {
    .creencia-estudio { flex-wrap: wrap; }
    .creencia-estudio-cta { width: 100%; text-align: center; padding: 9px; }
}