body {
  background-color: #000;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
.h6 {
  color: #fff;
}

.checkbox label,
.radio label,
.c-checkbox label,
.c-radio label {
  color: #fff;
}

input {
  color: #000;
}

a {
  color: #fff;
}

.c-layout-header .c-navbar .c-mega-menu>.nav.navbar-nav>li>.dropdown-menu,
.c-layout-header .c-navbar .c-mega-menu>.nav.navbar-nav>li>.dropdown-menu.c-pull-right {
  right: auto;
  left: auto;
}

@media (max-width: 991px) {
  .c-layout-header.c-layout-header-dark-mobile.c-header-transparent-dark {
    background: #000;
  }

  .c-layout-header.c-layout-header-dark-mobile.c-header-transparent-dark.c-mega-menu-shown {
    background: #0000;
  }
}

/* ----------------------------
   Ocultar logos duplicados
   ---------------------------- */
.c-layout-header .c-navbar .c-logo img:nth-child(n+2) {
  display: none !important;
}

/* ----------------------------
   Ajuste del primer logo
   ---------------------------- */
.c-layout-header .c-navbar .c-logo img:first-child {
  max-height: 110px;
  /* tamaño normal en escritorio */
  width: auto;
  display: block;
  margin: 0 auto;
}

/* ----------------------------
   Ajuste para pantallas pequeñas
   ---------------------------- */
@media (max-width: 991px) {
  .c-layout-header .c-navbar .c-logo img:first-child {
    max-height: 70px;
    /* tamaño en móviles */
    width: auto;
    margin: 0 auto;
    display: block;
  }

  .c-layout-header .c-navbar .c-logo {
    overflow: visible;
    /* evita que se corte */
    text-align: center;
    /* centra el contenedor si hace falta */
  }
}



.c-page-on-scroll .c-layout-header .c-navbar .c-logo img {
  max-height: 30px;
  margin-top: 20px;
}

.container-fluid .c-layout-header .c-navbar .c-mega-menu>.nav.navbar-nav>li>.dropdown-menu {
  width: auto !important;
}

.formulario {
  background: #4d4c4c;
}

form .archivo {
  background: #fff;
  padding: 10px;
}

.user-login-form .panel-body {
  background: #4d4c4c;
}

.form-item-field-antes-de-marcar-su-aceptac label {
  display: block
}


.form-item-field-antes-de-marcar-su-aceptac .has-feedback {
  float: left;
  margin-right: 5px;
}

.webform-container-inline div,
.webform-container-inline div.form-item {
  display: block;
}

form .error {
  border: 1px solid #f00;
  background: #ffecec;
}

form .form-item--error-message {
  color: #f00;
}


.c-checkbox input[type=checkbox] {
  visibility: initial;
  z-index: -10;
}



@media (min-width: 992px) {
  .c-layout-header .c-navbar .c-mega-menu>ul.nav.navbar-nav {
    text-align: center;
  }


  .c-layout-header .c-navbar .c-mega-menu>.nav.navbar-nav>li {
    max-width: 150px;
    text-align: cemter;
  }


  .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase>.nav.navbar-nav>li>.c-link {
    font-size: 13px;
  }
}


.node-inscripcion-form .form-actions {
  text-align: center;
}

.subgrupo {
  padding: 20px;
  background-color: #dbdbdb;
}



.table-hover>tbody>tr:hover {
  background-color: #4d4c4c;
}

/*FORMULARIO DE INSCRIPCION*/
/*fondo grupo de campos*/
.fondo_gris {
  padding: 10px;
  background: #727272;
}

.fondo_gris_oscuro {
  padding: 10px;
  background: #3f3f3f;
}



.node-form fieldset>legend {
  display: contents;
  color: #fff;
}



/* Ocultamos los radios */
#edit-field-selecciona-una-de-estas-do input[type="radio"] {
  display: none;
}

/* Contenedor de los botones */
#edit-field-selecciona-una-de-estas-do {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}

/* Cada opción ocupa el 50 % */
#edit-field-selecciona-una-de-estas-do > div {
  flex: 1 1 50%;
  box-sizing: border-box;
}

/* Estilos base del label */
#edit-field-selecciona-una-de-estas-do label.option {
  display: flex;
  align-items: center;      /* Centra verticalmente */
  justify-content: center;  /* Centra horizontalmente */
  width: 100%;
  height: 100%;             /* Ocupa toda la altura del contenedor */
  padding: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #555;
  background-color: #f8f9fa;
  border: 2px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

/* Hover */
#edit-field-selecciona-una-de-estas-do label.option:hover {
  background-color: #e9ecef;
  border-color: #999;
}

/* Estado seleccionado */
#edit-field-selecciona-una-de-estas-do input[type="radio"]:checked + label.option {
  background-color: #363a3e;
  color: #fff;
  border-color: #e1f1ff;
  box-shadow: 0 0 8px rgba(225, 228, 189, 0.6);
}

/* Responsive: los botones uno debajo del otro */
@media (max-width: 768px) {
  #edit-field-selecciona-una-de-estas-do {
    flex-direction: column;
  }

  #edit-field-selecciona-una-de-estas-do > div {
    flex: 1 1 100%;
  }
}




/* ---- Estilo general del asterisco ---- */
label.form-required::after {
  content: " *";
  color: #d9534f;
  /* rojo Bootstrap */
  font-weight: bold;
  font-size: 18px;
  vertical-align: middle;
}

/* ---- Para mejorar la visibilidad del label ---- */
label.form-required {
  position: relative;
  font-weight: 600;
}

/* ---- Si quieres un pequeño punto decorativo en lugar del asterisco ---- */
/*
label.form-required::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 6px;
  background-color: #d9534f;
  border-radius: 50%;
  vertical-align: middle;
}
*/


/* ---- O un tooltip al pasar el ratón ---- */
label.form-required:hover::before {
  content: "Campo obligatorio";
  position: absolute;
  top: -25px;
  left: 0;
  background: #d9534f;
  color: #fff;
  font-size: 11px;
  padding: 3px 6px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0.9;
}

.views-field {
  color: #ffffff !important;
  font-weight: bold ;
}

.fa-edit {
  color: #8AD4FF
}
.fa-trash {
color:red
}