/* --- 1. FUENTES Y BASE --- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800&display=swap');

body, .trafft-app, .el-container {
    font-family: 'Montserrat', sans-serif !important;
    background-color: #FFFFFF !important; /* Fondo Blanco Puro */
    color: #1E293B !important; /* Texto Gris Oscuro (No negro) */
}

/* --- 2. BOTONES DE ACCIÓN (CTA) - EFECTO ELÉCTRICO --- */
/* Esto hace que los botones "Reservar" se vean poderosos */
.el-button--primary, button[type="submit"], .btn-primary {
    background-color: #0284C7 !important; /* Azul Eléctrico */
    border-color: #0284C7 !important;
    color: #FFFFFF !important;
    border-radius: 50px !important; /* Redondos y modernos */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.4) !important; /* Sombra brillante */
    transition: all 0.3s ease !important;
}

.el-button--primary:hover, button[type="submit"]:hover {
    background-color: #0369A1 !important; /* Más oscuro al pasar el mouse */
    transform: translateY(-2px) !important; /* Efecto de "levantarse" */
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.6) !important;
}

/* --- 3. TARJETAS DE SERVICIO (LAS CAJAS) --- */
/* Les da un borde sutil y elegante */
.service-card, .el-card {
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.2s ease !important;
}

.service-card:hover, .el-card:hover {
    border-color: #0284C7 !important; /* Borde azul al pasar el mouse */
    transform: translateY(-3px) !important;
}

/* --- 4. PRECIOS QUE RESALTAN --- */
.service-price, .price {
    color: #0284C7 !important;
    font-weight: 800 !important;
    font-size: 1.3em !important;
}

/* --- 5. TÍTULOS Y TEXTOS --- */
h1, h2, h3, .service-name {
    color: #0F172A !important; /* Títulos casi negros para contraste */
    font-weight: 800 !important;
}

p, .service-description {
    line-height: 1.6 !important;
    font-weight: 500 !important;
}

/* --- 6. TRUCO: OCULTAR "SIN RESEÑAS" (Intento) --- */
/* Nota: Esto intenta ocultar las estrellas vacías si la plataforma usa estas clases */
.el-rate__text {
    display: none !important; 
}