/* ==========================================================
   INSCRIPCIONES - Rebuild V6 (minimal + vertical)
   Objetivo:
   - Quitar el look “muchas cajas”
   - Layout 100% vertical (PC / iPad / móvil)
   - Formulario blanco + contorno negro, compacto
   ========================================================== */

#inscripciones.inscripciones-section{
  padding: 5.25rem 0 !important;
  background: #000 !important;
}

#inscripciones .inscripciones-grid{
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 1rem;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
}

/* Panel único (form) */
#inscripciones .ins-panel--form{
  background: #FFF !important;
  border: 2px solid rgba(0,0,0,0.18) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.22) !important;
}

/* Tipografía y labels */
#inscripciones .ins-panel--form h3,
#inscripciones .ins-panel--form p,
#inscripciones .ins-panel--form label,
#inscripciones .ins-panel--form span{
  color: #0A0A0A !important;
}

#inscripciones .ins-panel--form p{
  color: rgba(0,0,0,0.62) !important;
}

/* Inputs */
#inscripciones .ins-panel--form input,
#inscripciones .ins-panel--form select{
  width: 100%;
  background: #FFF !important;
  border: 2px solid rgba(0,0,0,0.14) !important;
  border-radius: 10px !important;
  padding: 0.65rem 0.85rem !important;
  font-size: 0.95rem;
}

#inscripciones .ins-panel--form input:focus,
#inscripciones .ins-panel--form select:focus{
  outline: none !important;
  border-color: rgba(0,0,0,0.38) !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.10) !important;
}

/* Botón */
#inscripciones .ins-panel--form button[type="submit"]{
  background: #0A0A0A !important;
  color: #FFF !important;
  border: 2px solid #0A0A0A !important;
  padding: 1rem !important;
  border-radius: 12px !important;
}

#inscripciones .ins-panel--form button[type="submit"]:hover{
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 820px){
  #inscripciones.inscripciones-section{ padding: 4.5rem 0 !important; }
  #inscripciones .inscripciones-grid{ max-width: 760px !important; }
}

@media (max-width: 520px){
  #inscripciones.inscripciones-section{ padding: 4rem 0 !important; }
  #inscripciones .inscripciones-grid{ padding: 0 0.85rem; }
}