/*
 * Purpose: CSS file for specific component styles (e.g. .hero-retametal, .card-servico).
 * Position: /assets/css/components.css
 */

.hero-retametal {
    position: relative;
    overflow: hidden;
}

.hero-retametal .container {
    position: relative;
    z-index: 2;
}

/* Make image placeholder look slightly better */
.bg-secondary.bg-opacity-10 {
    background-color: rgba(74, 80, 86, 0.1) !important;
}

/* Cards hover effect */
.border.rounded.shadow-sm {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.border.rounded.shadow-sm:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/* Active Nav Links */
.navbar-nav .nav-link.active {
    color: var(--primary) !important;
    font-weight: 600;
}