/* ==========================================================================
   ======================= SECTION 3: ZONA FAVORITA =========================
   ========================================================================== */

/* --- Título Elegante (Estilo Serif) --- */
.bohoo-zona-title {
    /* Usamos una fuente Serif para dar ese toque clásico de revista como en tu foto */
    font-family: "Playfair Display", "Times New Roman", Times, serif; 
    font-size: 3.2rem;
    font-weight: 400;
    color: #4a4a4a; /* Gris muy oscuro */
    letter-spacing: 2px;
    line-height: 1.1;
}

/* --- Subtítulo --- */
.bohoo-zona-subtitle {
    font-size: 1.1rem;
    color: #4a4a4a;
    letter-spacing: 0.5px;
}

/* --- Lista de Cicatrización --- */
.bohoo-zona-list {
    margin-bottom: 0;
}

.bohoo-zona-list li {
    font-size: 1.1rem;
    color: #666666; /* Gris más claro para los meses */
    margin-bottom: 0.8rem;
    font-weight: 300; /* Letra fina */
    letter-spacing: 0.5px;
}

.bohoo-zona-list .zona-label {
    color: #4a4a4a; /* Gris oscuro para el nombre de la zona */
    font-weight: 500;
    margin-right: 5px;
}

/* --- Imagen Gráfica --- */
.bohoo-zona-img {
    max-width: 500px; /* Evita que la imagen se vea gigantesca en pantallas grandes */
    margin: 0 auto;
}

/* ==========================================================
   ============== RESPONSIVE: ZONA FAVORITA =================
   ========================================================== */
@media (max-width: 991px) {
    .bohoo-zona-title {
        font-size: 2.5rem;
    }

    /* En celulares, centramos el texto para mejor armonía visual */
    .bohoo-zona-text {
        text-align: center;
        padding-right: 0 !important;
    }

    /* Centramos cada elemento de la lista en móviles */
    .bohoo-zona-list li {
        display: flex;
        justify-content: center;
        gap: 5px;
    }
}