/**
 * CUSTOM STYLES - MISTIEMPOS
 * Estilos personalizados SOLO para la página de inscripción individual
 */

/* ============================================
   FORMULARIO DE INSCRIPCIÓN INDIVIDUAL - CHECKBOXES
   ============================================ */

/* SOLO APLICAR EN LA PÁGINA DE INSCRIPCIÓN INDIVIDUAL */
.path-inscribir-individual-en-evento .form-item-terminos,
.path-inscribir-individual-en-evento .form-item-privacidad,
.path-inscribir-individual-en-evento .form-item-reglamento,
.path-inscribir-individual-en-evento .form-item-imagen {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

/* Checkbox alineado arriba */
.path-inscribir-individual-en-evento .form-item-terminos input[type="checkbox"],
.path-inscribir-individual-en-evento .form-item-privacidad input[type="checkbox"],
.path-inscribir-individual-en-evento .form-item-reglamento input[type="checkbox"],
.path-inscribir-individual-en-evento .form-item-imagen input[type="checkbox"] {
  margin: 0 !important;
  margin-top: 4px !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
}

/* Label en NEGRO - Todo el texto en la misma línea */
.path-inscribir-individual-en-evento .form-item-terminos label,
.path-inscribir-individual-en-evento .form-item-privacidad label,
.path-inscribir-individual-en-evento .form-item-reglamento label,
.path-inscribir-individual-en-evento .form-item-imagen label {
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
  line-height: 1.6 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  cursor: pointer !important;
}

/* Enlaces en AMARILLO con subrayado amarillo - SELECTORES AMPLIOS */
.path-inscribir-individual-en-evento .form-item-terminos label a,
.path-inscribir-individual-en-evento .form-item-privacidad label a,
.path-inscribir-individual-en-evento .form-item-reglamento label a,
.path-inscribir-individual-en-evento .form-item-imagen label a,
.path-inscribir-individual-en-evento .form-type-checkbox a,
.path-inscribir-individual-en-evento .form-checkboxes a,
body.path-inscribir-individual-en-evento a[href*="politica"],
body.path-inscribir-individual-en-evento a[href*="condiciones"],
body.path-inscribir-individual-en-evento a[href*="reglamento"],
body.path-inscribir-individual-en-evento a[href*="privacidad"] {
  color: #F7C221 !important;
  text-decoration: underline !important;
  text-decoration-color: #F7C221 !important;
  text-underline-offset: 2px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.path-inscribir-individual-en-evento .form-item-terminos label a:hover,
.path-inscribir-individual-en-evento .form-item-privacidad label a:hover,
.path-inscribir-individual-en-evento .form-item-reglamento label a:hover,
.path-inscribir-individual-en-evento .form-item-imagen label a:hover,
.path-inscribir-individual-en-evento .form-type-checkbox a:hover,
.path-inscribir-individual-en-evento .form-checkboxes a:hover,
body.path-inscribir-individual-en-evento a[href*="politica"]:hover,
body.path-inscribir-individual-en-evento a[href*="condiciones"]:hover,
body.path-inscribir-individual-en-evento a[href*="reglamento"]:hover,
body.path-inscribir-individual-en-evento a[href*="privacidad"]:hover {
  color: #D9A91A !important;
  text-decoration-color: #D9A91A !important;
  text-decoration-thickness: 2px !important;
}

/* Asterisco required en rojo */
.path-inscribir-individual-en-evento .form-item-terminos .form-required,
.path-inscribir-individual-en-evento .form-item-privacidad .form-required,
.path-inscribir-individual-en-evento .form-item-reglamento .form-required,
.path-inscribir-individual-en-evento .form-item-imagen .form-required {
  color: #EF4444 !important;
  margin-left: 2px !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
  .path-inscribir-individual-en-evento .form-item-terminos,
  .path-inscribir-individual-en-evento .form-item-privacidad,
  .path-inscribir-individual-en-evento .form-item-reglamento,
  .path-inscribir-individual-en-evento .form-item-imagen {
    gap: 10px !important;
  }

  .path-inscribir-individual-en-evento .form-item-terminos input[type="checkbox"],
  .path-inscribir-individual-en-evento .form-item-privacidad input[type="checkbox"],
  .path-inscribir-individual-en-evento .form-item-reglamento input[type="checkbox"],
  .path-inscribir-individual-en-evento .form-item-imagen input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
  }

  .path-inscribir-individual-en-evento .form-item-terminos label,
  .path-inscribir-individual-en-evento .form-item-privacidad label,
  .path-inscribir-individual-en-evento .form-item-reglamento label,
  .path-inscribir-individual-en-evento .form-item-imagen label {
    font-size: 13px !important;
  }
}

/* ============================================
   FIX: Formulario de búsqueda de eventos en HOME
   ============================================ */

/* Asegurar que el formulario de eventos sea visible en la home */
.frontpage #views-exposed-form-even-page-1 {
  opacity: 1 !important;
  animation: none !important;
  display: block !important;
  visibility: visible !important;
}