/* /static/css/main.css */

:root {
    --trasla-green: #2D5A27;
    --trasla-light: #76BA1B;
}

/* Navbar */
.navbar { 
    background-color: var(--trasla-green); 
}

/* Carrusel y Hero */
.hero-section { 
    position: relative; 
}

.hero-img { 
    height: 550px; 
    object-fit: cover; 
}

.search-card {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    width: 350px;
    border: none;
    border-radius: 15px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}

.btn-trasla { 
    background-color: var(--trasla-light); 
    color: white; 
    border: none; 
}

.btn-trasla:hover { 
    background-color: var(--trasla-green); 
    color: white; 
}

.text-trasla {
    color: var(--trasla-green);
}