@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');
.question-panel-section,
.question-editor label{
    display:none;
}



textarea{
     font-family: "Handlee", cursive;
    font-size:1.5em!important;
  font-weight: 400;
  font-style: normal;
    color:rgba(23,68,62,1)!important;
}

/*CORRECCIONES*/
/* ==========================================================================
   Capa de Corrección de Contraste y Jerarquía Visual
   ========================================================================== */

:root {
    /* 1. Oscurecer la paleta de textos para mayor legibilidad */
    --lc-text: #141718;          /* Casi negro, en lugar del gris oscuro anterior */
    --lc-muted: #545b5e;         /* Gris medio con mejor contraste contra fondos claros */
    
    /* 2. Fortalecer bordes y sombras para separar los planos (Z-index visual) */
    --lc-border: rgba(40, 70, 60, 0.22); 
    --lc-shadow-card: 0 12px 24px rgba(40, 70, 60, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);
}

/* --- TARJETAS PRINCIPALES ---
   Forzamos blanco puro sin transparencia para que no se mezclen con el fondo */
.card,
.modal-content {
    background: #ffffff !important;
    border: 1px solid var(--lc-border) !important;
}

/* --- TIPOGRAFÍA ---
   Aumentamos el peso visual de los encabezados para anclar la mirada */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--lc-text);
}

.text-secondary {
    color: var(--lc-muted) !important;
    font-weight: 500;
}

/* --- NAVEGACIÓN (TABS) ---
   Hacemos que el tab activo realmente destaque */
.completion-tabs .nav-link {
    border: 1px solid var(--lc-border);
    font-weight: 600;
}

.completion-tabs .nav-link.active {
    background: var(--lc-primary-deep);
    border-color: var(--lc-primary-deep);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(31, 89, 82, 0.25);
}

/* --- SECCIÓN DE PREGUNTA Y RESPUESTAS --- */

/* La caja donde el usuario ve su propia respuesta */
.review-answer-card {
    background: #fdfaf5;
    border: 1px solid rgba(64, 92, 86, 0.25);
    border-left: 4px solid var(--lc-muted); /* Acento visual a la izquierda */
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}

/* --- HILO DE COMENTARIOS (FEEDBACK) ---
   Aquí estaba el mayor problema de contraste */
.feedback-thread-card {
    background: #ffffff;
    border: 1px solid var(--lc-border);
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

/* Mensajes individuales: les damos más estructura */
.feedback-thread-message {
    border: 1px solid rgba(64, 92, 86, 0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

/* Mensaje de Lucy (Coach) */
.feedback-thread-message--lucy {
    background: rgba(218, 240, 232, 0.85);
    border-left: 4px solid var(--lc-primary); /* Distinción clara de rol */
}

/* Mensaje del Contacto/Cliente */
.feedback-thread-message--client {
    background: rgba(227, 240, 247, 0.85);
    border-left: 4px solid #457297; /* Distinción clara de rol */
}

/* Nombres en los mensajes */
.feedback-thread-message__meta .fw-semibold {
    color: var(--lc-text);
    font-weight: 700 !important;
}

/* Caja de exploración inferior */
.question-exploration-card {
    background: #eef7f5;
    border: 1px solid rgba(77, 138, 107, 0.35);
}
/* Corrección para badges deformados o muy altos */
.badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    white-space: nowrap;  /* Ignora los saltos de línea y espacios extra del HTML */
    line-height: 1;       /* Evita que herede interlineados altos del padre */
    padding: 0.45em 0.85em; /* Proporción ideal para píldoras */
    height: max-content;  /* Fuerza a que el alto se adapte solo a su contenido */
}

button[data-wizard-prev=""],
button[data-wizard-next=""]{
    text-align:right!important;
    justify-content:center;
}

button[data-wizard-prev=""]{
    border-radius:20px 5px 5px 20px;
}

button[data-wizard-next=""]{
    border-radius:5px 50px 50px 5px;
}

button[data-wizard-save=""]{
    color:blue;
    border-radius:5px;
    opacity:0;
}

.exercise-shell__header-inner{
    display:none;
}