/* ========================================================= */
/* 1. VARIABLES GLOBALES (El ADN de Fluently)                */
/* ========================================================= */
:root {
    --color-fluently: #008f80;       /* Tu verde principal correcto */
    --color-fluently-hover: #007569; /* Tu verde oscuro para cuando pasas el ratón */
    --color-fluently-texto: #ffffff; /* Texto blanco */
}

/* ========================================================= */
/* 2. BOTÓN GLOBAL Y COMPONENTES MAESTROS                    */
/* ========================================================= */

/* Úsala en cualquier botón que quieras que sea de tu marca */
.btn-fluently {
    background-color: var(--color-fluently) !important;
    border-color: var(--color-fluently) !important;
    color: var(--color-fluently-texto) !important;
    font-weight: 600;
    border-radius: 50px; /* Bordes redondeados modernos */
    padding: 10px 25px;
    transition: all 0.3s ease;
}

.btn-fluently:hover {
    background-color: var(--color-fluently-hover) !important;
    border-color: var(--color-fluently-hover) !important;
    transform: translateY(-2px); /* Pequeño salto flotante */
    box-shadow: 0 4px 15px rgba(64, 224, 208, 0.35); /* Sombra turquesa */
}

.btn-fluently:active {
    transform: scale(0.95);
    box-shadow: none;
}

/* Unificamos los interruptores (switches) de toda la web */
.form-check-input:checked {
    background-color: var(--color-fluently) !important;
    border-color: var(--color-fluently) !important;
}

/* ========================================================= */
/* 3. ADAPTACIÓN DE TUS CLASES ANTERIORES                    */
/* ========================================================= */

.bg-pastel-turquesa {
    /* Fondo translúcido basado en tu nuevo color */
    background-color: rgba(64, 224, 208, 0.15) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Botón personalizado de navegación (Limpio y minimalista) */
.btn-nav-custom {
    background-color: transparent;
    color: #333;
    border: 2px solid transparent;
    font-weight: 600;
    border-radius: 50px;
    padding: 8px 25px;
    transition: all 0.3s ease;
}

.btn-