/* Asegura espaciado uniforme en el formulario */

.page-title {
    padding-top: 110px;
  }

  /* Estilo general para selects y campos */
#prefijos-form .form-label {
    font-weight: 500;
  }
  
  #prefijos-form .form-select,
  #prefijos-form .form-control {
    border-radius: 0.5rem;
    min-height: 45px;
  }
  
  /* Botón de swap */
  #btnSwap {
    font-size: 1.5rem;
    height: 45px;
    width: 45px;
    padding: 0;
    line-height: 1;
  }
  
  /* Botones centrados */
  #prefijos-form .botones {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
  }
  
  /* Tabla de prefijos */
  .prefijos-tabla {
    font-size: 0.9rem;
    border-color: #dee2e6;
  }
  
  .prefijos-tabla td,
  .prefijos-tabla th {
    vertical-align: middle;
    padding: 0.4rem 0.6rem;
    text-align: center;
  }
  
  /* Color personalizado para prefijo */
  .prefijos-tabla td:first-child {
    font-family: monospace;
    font-weight: 600;
    color: #6c757d; /* gris Bootstrap por defecto */
  }
  
  /* Tarjeta lateral (tabla de prefijos) */
  .card-body {
    padding: 1rem;
  }
  
  .card-title {
    font-size: 1.1rem;
    font-weight: 600;
  }
  
  /* Espaciado en móviles */
  @media (max-width: 991.98px) {
    .card {
      margin-top: 1.5rem;
    }
  }