/* Contenedor principal */
.contenedor-barrio {
    width: 95%;
    max-width: 1000px;
    margin: 30px auto;
    font-family: sans-serif;
}

/* La caja con el borde difuminado original */
.caja-informacion {
    border: 1px solid #e0e0e0;
    /* Borde gris suave original */
    padding: 25px;
    border-radius: 8px;
    transition: border 0.3s ease;
    /* Efecto de transición suave */
    background-color: #ffffff;
}

/* Cambio de borde a azul marino solo al pasar el mouse (hover) */
.caja-informacion:hover {
    border: 1px solid #000080;
    /* Azul marino de 1px */
}

/* Título principal: Grande, Azul Marino y con Sombra */
.titulo-barrio {
    font-size: 28px;
    /* Tamaño grande */
    text-align: center;
    color: #000080;
    /* Azul Marino (Navy) */
    margin-bottom: 25px;
    font-weight: bold;
    text-transform: capitalize;
    /* Asegura Mayúscula al inicio de cada palabra */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    /* Sombra para dar profundidad */
}

/* Títulos internos en azul */
.subtitulo-azul {
    color: #0000FF;
    font-weight: bold;
}

/* Texto de la información */
.texto-info {
    text-align: justify;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #444;
}

/* Estilo para los enlaces dentro del texto */
.texto-info a {
    color: #0000FF;
    text-decoration: none;
}

.texto-info a:hover {
    text-decoration: underline;
}