:root {
    --savema-bordo: #852248;
    --savema-light: #fcebf1;
}

.icon-box {
    width: 45px; height: 45px;
    background: var(--savema-bordo);
    color: white;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
    font-size: 1.2rem;
}

.video-card {
    transition: transform 0.3s ease;
    background: #000;
}
.video-card:hover { transform: translateY(-5px); }

.btn-action {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 8px;
    transition: 0.3s;
}
.btn-google { color: #198754; border-color: #198754; }
.btn-google:hover { background: #198754; color: white; }
.btn-onedrive { color: #0078d4; border-color: #0078d4; }
.btn-onedrive:hover { background: #0078d4; color: white; }

.img-wrapper { position: relative; height: 200px; }
.img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.gallery-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(133, 34, 72, 0.6);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: 0.3s; color: white; font-size: 1.5rem;
}
.gallery-card:hover .gallery-overlay { opacity: 1; }
.gallery-card:hover img { transform: scale(1.1); }

.info-card { background: white; border: 1px solid #f1f1f1 !important; }
.description-text { line-height: 1.8; text-align: justify; }

.btn-savema {
    background: var(--savema-bordo);
    color: white;
    border: none;
    transition: 0.3s;
}
.btn-savema:hover {
    background: #6a1b3a;
    color: white;
    box-shadow: 0 4px 15px rgba(133,34,72,0.3);
}

.breadcrumb-item a { color: var(--savema-bordo); font-size: 0.9rem; }

.sticky-top {
    z-index: 900;
    top: 100px !important;
}

@media (max-width: 991px) {
    .sticky-top { position: relative !important; top: 0 !important; }
}