/* ===== ESTILO MINIMALISTA PASTEL - GEOURBES ===== */

/* Fondo general */
body {
    background-color: #DDE3E8; /* gris azul pastel */
    font-family: Arial, sans-serif;
    color: #222;
    margin: 0;
}

/* ===================== */
/* MENÚ HORIZONTAL       */
/* ===================== */

.menu {
    width: 100%;
    background-color: #B8CBD0; /* pastel gris celeste */
    display: flex;
    justify-content: center;
    padding: 10px 0;
    border-bottom: 2px solid #A9BBC0;
}

.menu-btn {
    margin: 0 10px;
    padding: 10px 20px;
    background-color: #F2D7D9; /* rosa pastel suave */
    border: 2px solid #E7C4C7;
    border-radius: 6px;
    color: #222;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

.menu-btn:hover {
    background-color: #F7E6E8; /* rosa aún más suave */
}

/* ===================== */
/* TÍTULO Y SLOGAN       */
/* ===================== */

.titulo {
    font-size: 2.5rem;
    margin-top: 25px;
    color: #2E2E2E;
    text-align: center;
}

.slogan {
    font-size: 1.2rem;
    text-align: center;
    color: #555;
}

/* ===================== */
/* CONTENEDOR PRINCIPAL  */
/* ===================== */

.container {
    width: 80%;
    margin: 25px auto;
}

/* ===================== */
/* TARJETAS DE VICUS     */
/* ===================== */

.barrio {
    background-color: #EEF2F4; /* gris pastel clarito (NO blanco) */
    padding: 15px;
    margin: 20px 0;
    border-radius: 10px;
    border: 2px solid #C7D0D5;
    color: #333;
}

.barrio-btn {
    margin-top: 10px;
    padding: 10px 16px;
    background-color: #D7E8D1; /* verde pastel suave */
    border: 2px solid #C4D9BC;
    border-radius: 6px;
    color: #222;
    cursor: pointer;
    transition: 0.3s;
}

.barrio-btn:hover {
    background-color: #E6F3E2;
}