.info-box {
    padding: 1.5rem;               /* Spacing inside the box */
    text-align: center;             /* Centers both h6 and paragraph text */
    max-width: 600px;               /* Optional: constrain width */
    margin: 0 auto;                 /* Center box horizontally in parent */
}

.info-box h6 {
    /* Space between title and paragraph -------------> margin-bottom: 1rem; */
    font-size: clamp(1rem, 2.5vw, 1.25rem); /* Responsive font size */
    font-weight: 600;
}

.info-box p {
    text-align: justify;    /* Justify the paragraph text */
    margin: 0;              /* No extra margin, keeps height consistent */
}

.alojamientos-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Intro text */
.alojamientos-intro {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #6b7280; /* subtle gray */
}

/* Section title */
.alojamientos-subtitle {
    font-family: "Playfair Display", serif; /* keep your serif style */
    font-size: 1.1rem;
    font-weight: 600;
    color: #3f3f46;
    margin-top: 0.5rem;
}

/* Hotel list container */
.hotel-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Each hotel link */
.hotel-item {
    display: block;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 12px;
    text-decoration: none;
    color: #374151;
    font-size: 0.95rem;
    background-color: #ffffff;
    transition: all 0.3s ease;
}

/* Hover effect */
.hotel-item:hover {
    background-color: rgba(120, 140, 120, 0.05); /* soft sage */
    transform: translateX(4px);
}

/* Important box */
.alojamientos-warning {
    background-color: rgba(255, 235, 205, 0.3);
    border-left: 3px solid #c9a227; /* gold tone */
    padding: 1rem;
    border-radius: 10px;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #444;
}

.hotel-link {
    background-color: #f5f5f56e; /* soft champagne tone */
    transition: all 0.35s cubic-bezier(0.22,1,0.36,1);
}


.hotel-link:hover {
    background-color: #e7efe9; /* soft sage */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.hotel-link.active {
    background-color: #dbdbdb; /* stronger sage */
    border-color: #9bbfae;
    color: #2f4f44;
    box-shadow: 0 8px 18px rgba(0,0,0,0.08);
}