/* Global interactive utilities for all COBAEH pages */
html {
    scroll-behavior: smooth;
}

.interactive-card,
.card,
.card-box,
.card-bachillerato,
.info-card,
.materia-card,
.highlight-box,
.tab-content,
.nav-tabs .nav-link,
.button,
.btn-regresar,
.card-header {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.interactive-card,
.card,
.card-box,
.card-bachillerato,
.info-card,
.materia-card,
.highlight-box {
    cursor: pointer;
}

.interactive-card:hover,
.card:hover,
.card-box:hover,
.card-bachillerato:hover,
.info-card:hover,
.materia-card:hover,
.highlight-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(52, 174, 66, 0.14);
    border-color: rgba(52, 174, 66, 0.25);
}

.interactive-card:focus-visible,
.card:focus-visible,
.card-box:focus-visible,
.card-bachillerato:focus-visible,
.info-card:focus-visible,
.materia-card:focus-visible,
.highlight-box:focus-visible,
.button:focus-visible,
.btn-regresar:focus-visible {
    outline: 3px solid rgba(52, 174, 66, 0.35);
    outline-offset: 4px;
}

.interactive-card a,
.card-box a,
.card-bachillerato a,
.info-card a,
.materia-card a {
    color: inherit;
    text-decoration: none;
}

.interactive-card .card-title a,
.card-box .card-title a,
.card-bachillerato .card-img a,
.info-card a,
.materia-card a {
    display: inline-block;
}

.interactive-card .card-title a:hover,
.card-box .card-title a:hover {
    opacity: 0.85;
}

.interactive-card .action-icon,
.card-box .card-title,
.card-bachillerato .card-img,
.info-card,
.materia-card,
.highlight-box {
    will-change: transform;
}

..interactive-overlay {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 10;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.72;
    cursor: not-allowed;
}
.disabled-link:hover,
.disabled-link:focus {
    text-decoration: none;
}