@import url('/assets/css/partials/header.css');
@import url('/assets/css/partials/fly-out-menu.css');
@import url('/assets/css/partials/footer.css');
@import url('/assets/css/destinos/partials/motor.css');
@import url('/assets/css/destinos-hoteis/partials/banner.css');
@import url('/assets/css/destinos-hoteis/partials/hotel-content.css');

body *,
body {
    margin: 0;
    padding: 0;

    box-sizing: border-box;

    font-family: "Poppins", sans-serif;
}




/* Atrações próximas */
.hotel-nearby {
    margin-top: 3rem;
    padding: 2rem;
    border-radius: 12px;
}

.hotel-nearby h2 {
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
}

.hotel-nearby .yellow-line {
    margin: 0 auto 2rem;
    width: 80px;
    height: 4px;
    background: #FFC600;
    border-radius: 2px;
}

.nearby-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.nearby-column {
    background: white;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.nearby-column.atracoes {
    border-left: 4px solid #FF6A14;
}

.nearby-column.restaurantes {
    border-left: 4px solid #97D700;
}

.nearby-column.aeroportos {
    border-left: 4px solid #0072CE;
}

.nearby-column h3 {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nearby-column h3.atracoes {
    color: #e74c3c;
}

.nearby-column h3.restaurantes {
    color: #27ae60;
}

.nearby-column h3.aeroportos {
    color: #3498db;
}

.nearby-column h3 ion-icon {
    font-size: 1.3rem;
}

.nearby-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nearby-column li {
    padding: 0.75rem 0;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nearby-column li span.name {
    color: #2c3e50;
    font-weight: 500;
    width: 70%;
}

.nearby-column li span.distance {
    color: #7f8c8d;
    font-size: 0.9rem;
    background: #ecf0f1;
    padding: 0.3rem 0.6rem;
    border-radius: 15px;
}