/* Colores principales */
:root {
  --cassiopeia-color-primary: rgb(8, 138, 45);
  --cassiopeia-color-primary-dark: rgb(6, 110, 36);
  --cassiopeia-color-primary-light: rgb(10, 166, 54);
}

/* Botones principales */
.btn-primary {
  background-color: rgb(8, 138, 45) !important;
  border-color: rgb(8, 138, 45) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: rgb(6, 110, 36) !important;
  border-color: rgb(6, 110, 36) !important;
}

/* Enlaces */
a {
  color: rgb(8, 138, 45);
}

a:hover {
  color: rgb(6, 110, 36);
}

/* Menú activo */
.navbar-nav .nav-link.active {
  color: rgb(8, 138, 45) !important;
}

/* Elementos de formulario activos */
.form-control:focus {
  border-color: rgb(8, 138, 45);
  box-shadow: 0 0 0 0.2rem rgba(8, 138, 45, 0.25);
}
/* --- Tamaño estándar para todas las imágenes de introducción --- */
figure.item-image img {
    width: 600px !important;
    height: 400px !important; /* Altura fija */
    object-fit: cover !important; /* Recorta la imagen para que encaje sin deformarse */
}
/* Clase corregida para que afecte al campo de texto real */
/* Forzar el tamaño del textarea por su tipo y clase contenedora */
.cb-prueba-textarea-large textarea, 
div.cb-prueba-textarea-large textarea.form-control {
    min-height: 250px !important;
    height: 250px !important;
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
}

/* Estética para que destaque */
textarea#cb_pregunta_acceso, 
.cb-prueba-textarea-large textarea {
    border: 2px solid #28a745 !important;
    background-color: #f9f9f9 !important;
    padding: 15px !important;
}