/* Contenedor principal */
.eolquestion_block.RedFid {
    background-color: #e9e9e9; 
    border-radius: 16px;
    padding: 20px 20px 20px 70px;
    position: relative;
}

/* Círculo */
.eolquestion_block.RedFid .index {
    width: 60px;
    height: 60px;
    background-color: #f27663; 
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* Número dentro del círculo */
.eolquestion_block.RedFid .index .index-number {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

/* Ocultar separator  */
.eolquestion_block.RedFid .separator {
    display: none;
}

/* Texto */
.eolquestion_block.RedFid .text {
    margin-left: 0;
    font-size: 20px;
    font-weight: 600;
    color: #5a5a5a;
    text-align: left;
}

/* ---------- BOTONES ---------- */

 /* BOTÓN BASE */
 .rffcl-btn {
    display: inline-block;
    background-color: #f27663;
    color: white !important;;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px 40px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
  	min-width: 200px;
}

/* HOVER */
.rffcl-btn:hover {
    background-color: #e06452;
    color: #fff;
    text-decoration: none;
}

/* CENTRADO */
.rffcl-btn-center {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
/* BOTON PREGUNTA */

 /* CONTENEDOR GENERAL */
 .xmodule_display.xmodule_ProblemBlock .action,
 .xmodule_display.xmodule_ProblemBlock .submit-attempt-container,
 .xmodule_display.xmodule_ProblemBlock .problem-action-buttons-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     gap: 10px;
 }
 
 /* QUITAR FLOATS QUE ROMPEN TODO */
 .xmodule_display.xmodule_ProblemBlock .submit-attempt-container .submit {
     float: none !important;
     margin: 0 !important;
 }
 
 /* BOTÓN PRINCIPAL (ENVIAR / RESPONDER) */
 .xmodule_display.xmodule_ProblemBlock button.submit,
 .xmodule_display.xmodule_ProblemBlock button.check,
 .xmodule_display.xmodule_ProblemBlock button.btn-brand {
 
     background-color: #f27663;
     border: none;
     color: white;
     font-size: 18px;
     font-weight: bold;
     padding: 14px 40px;
     border-radius: 4px;
     text-transform: uppercase;
     box-shadow: none;
     display: block;
 }
 
 /* HOVER */
 .xmodule_display.xmodule_ProblemBlock button.submit:hover,
 .xmodule_display.xmodule_ProblemBlock button.check:hover,
 .xmodule_display.xmodule_ProblemBlock button.btn-brand:hover {
     background-color: #e06452 !important;
 }
 
 /* OPCIONAL: ancho tipo banner */
 .xmodule_display.xmodule_ProblemBlock .submit-attempt-container {
     width: 100%;
 }
 
 .xmodule_display.xmodule_ProblemBlock .submit-attempt-container button {
     min-width: 280px; /* ajusta según lo ancho que quieras */
 }

 /* BOTON FREETEXTRESPONSE */

/* CONTENEDOR */
.freetextresponse .action {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
}

/* BOTONES */
.freetextresponse .action button {
    float: none !important;
    min-width: 280px;
}

/* BOTÓN PRINCIPAL (ENVIAR) */
.freetextresponse .action .check.submit {
    background-color: #f27663 !important;
    border: none !important;
    color: white !important;
    font-size: 18px;
    font-weight: bold;
    padding: 14px 40px;
    border-radius: 4px;
    text-transform: uppercase;
    box-shadow: none;
    display: block;
}

/* HOVER */
.freetextresponse .action .check.submit:hover {
    background-color: #e06452 !important;
}

/* BOTÓN GUARDAR */
.freetextresponse .action .save {
    display: none; 
}

/* TEXTO DE INTENTOS */
.freetextresponse .action .used-attempts-feedback {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    color: #666;
}
  
.freetextresponse .user_input.unanswered .student_answer {
  border: 2px solid #cdcdcd;
  border-radius: 16px;}

/* Botón PDF */

/* CONTENEDOR */
.rffcl-docs {
    display: flex;
    justify-content: center;  
    flex-wrap: wrap;           
    gap: 60px;                
    margin: 40px 0;
}

/* CADA ITEM */
.rffcl-doc {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 220px;
}

/* ICONO */
.rffcl-doc img {
    width: 160px;
    height: auto;
}

/* TÍTULO */
.rffcl-doc-title {
    margin: 15px 0;
    font-size: 18px;
    font-weight: 600;
    color: #666;
}

/* BOTON */
.rffcl-btn {
    display: inline-block;
    background-color: #f27663;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 30px;
    border-radius: 4px;
    text-decoration: none;
}


/*---------- Cajas de texto ----------*/

.cajaTextoFacilitadores{
    display: flex;
   padding-top: 12px;
   padding-bottom: 12px;
   padding-inline: 12px;
   border-radius: 14px;
   background-color: #ffeeec;
 }
 
 .iconcaja{
     width: 10%;
   padding-left: 4px;
 }
 
 .textocaja{
   align-content: center;
   padding-left: 16px;
   font-size: 16px;
   color: #636363;
 }

 /*---------- Enunciados de las preguntas 
 
 /* Contenedor principal */
.rffcl-question {
    position: relative;
    display: flex;
    align-items: center;
    margin: 20px 0;
}

/* Fondo gris (ahora es el contenido) */
.rffcl-content {
background-color: #e9e9e9;
  border-radius: 16px;
  padding: 0px 0px 0px 40px;
  font-size: 16px;
  font-weight: 600;
  color: #5a5a5a;
  line-height: 1.3;
  min-height: 60px;
  display: flex;
  align-items: center;
  margin-left: 40px;
  width: 100%;
}

/* Círculo */
.rffcl-badge {
    position: absolute;
    left: 0;
    width: 70px;
    height: 70px;
    background-color: #f27663;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

/* Número */
.rffcl-badge span {
    color: white;
    font-size: 26px;
    font-weight: bold;
}