.btn-cadastrar {
    color: #212529;
}
.btn-cadastrar:hover {
    color: #ffffff;
}
.hero-section {
    background: url('../../../../backend/img/bgPrincipal.webp') no-repeat center center;
    background-size: cover;
    color: white;
    text-align: center;
    padding: 100px 0;
}
.search-form {
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 10px;
}


/* buscar carona*/
.trip-card {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex; /* Adicionado para alinhar os elementos */
    align-items: center; /* Alinha os itens verticalmente */
}
.trip-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.trip-details {
    flex: 1; /* Permite que os detalhes ocupem o espaço restante */
    margin-left: 20px; /* Adiciona espaço entre a foto e os detalhes */
}
.driver-photo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}
.price {
    font-size: 1.5rem;
    font-weight: bold;
    color: #28a745; /* Cor verde do Bootstrap success */
}
.driver-info {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.driver-info img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

.webview-container {
    width: 100%;
    height: 600px; /* Defina a altura para 600px */
    overflow: hidden;
}

.webview-container iframe {
    width: 100%;
    height: 600px; /* Ajuste fixo de 600px */
    border: none;
}