#tablaFarmacias_wrapper .dt-buttons,
#tablaVendedores_wrapper .dt-buttons {
  margin-bottom: .5rem;
}
.modal .form-label { font-weight: 600; }

/* ==========
   Gestor Farmacias – Bootstrap 4.5
   Todo scoped a .gf-wrap para no afectar el tema.
========== */

.gf-wrap{
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:.5rem;
  padding:1.25rem 1.25rem 2rem;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
}

/* Título y secciones */
.gf-wrap h1{ font-size:1.75rem; font-weight:700; margin-bottom:.75rem; }
.gf-wrap h4{ font-size:1.125rem; font-weight:700; }

/* Tabs */
.gf-wrap .nav-tabs{
  border-bottom:1px solid #e9ecef;
  margin-bottom:1rem !important;
}
.gf-wrap .nav-tabs .nav-link{
  border:1px solid transparent;
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem;
  color:#495057;
  padding:.5rem .9rem;
  font-weight:600;
}
.gf-wrap .nav-tabs .nav-link:hover{
  border-color:transparent transparent #dee2e6;
}
.gf-wrap .nav-tabs .nav-link.active{
  color:#0d6efd;
  background-color:#fff;
  border-color:#dee2e6 #dee2e6 #fff;
}

/* Barra superior de cada tabla */
.gf-wrap .d-flex .btn{
  padding:.375rem .75rem;
  border-radius:.35rem;
}

/* DataTables: botones de exportación */
.gf-wrap .dt-buttons{
  margin: .25rem 0 .75rem 0;
}
.gf-wrap .dt-button{
  border:1px solid #dee2e6 !important;
  background:#fff !important;
  color:#212529 !important;
  padding:.375rem .75rem !important;
  border-radius:.35rem !important;
  font-size:.875rem !important;
  line-height:1.2 !important;
  box-shadow:none !important;
}
.gf-wrap .dt-button:hover{
  background:#f8f9fa !important;
}

/* DataTables: tabla */
.gf-wrap table.dataTable{
  width:100% !important;
  background:#fff;
  border-collapse:separate !important;
  border-spacing:0;
}
.gf-wrap table.dataTable thead th{
  background:#f8f9fa;
  position:sticky;
  top:0;
  z-index:2;
  border-bottom:1px solid #dee2e6 !important;
  white-space:nowrap;
}
.gf-wrap table.dataTable tbody td{
  vertical-align:middle;
}
.gf-wrap table.dataTable tbody tr:hover{
  background:#fcfcfd;
}

/* DataTables: buscador y paginación */
.gf-wrap .dataTables_filter{
  margin-bottom:.5rem;
}
.gf-wrap .dataTables_filter input{
  border:1px solid #ced4da;
  border-radius:.35rem;
  padding:.25rem .5rem;
}
.gf-wrap .dataTables_paginate .paginate_button{
  border:1px solid #dee2e6 !important;
  background:#fff !important;
  border-radius:.35rem !important;
  margin:0 .15rem !important;
}
.gf-wrap .dataTables_paginate .paginate_button.current{
  background:#0d6efd !important;
  color:#fff !important;
  border-color:#0d6efd !important;
}

/* Botones de acciones en filas */
.gf-wrap .btn-group .btn{
  padding:.25rem .5rem;
  font-size:.8125rem;
  border-radius:.35rem;
}
.gf-wrap .btn-outline-primary{
  color:#0d6efd;
  border-color:#bcd0ff;
}
.gf-wrap .btn-outline-primary:hover{
  background:#e9f2ff;
  border-color:#8fb4ff;
}
.gf-wrap .btn-outline-danger{
  color:#dc3545;
  border-color:#f3c2c7;
}
.gf-wrap .btn-outline-danger:hover{
  background:#fff5f6;
  border-color:#e79aa3;
}

/* Formularios del modal */
.gf-wrap .modal .form-label{
  font-weight:600;
  margin-bottom:.25rem;
}
.gf-wrap .modal .form-control,
.gf-wrap .modal .form-check-input,
.gf-wrap .modal .form-control:focus{
  box-shadow:none;
  border-color:#ced4da;
}
.gf-wrap .modal .form-check-input{
  margin-top:.35rem;
}

/* Modales */
.gf-wrap .modal-header{
  border-bottom:1px solid #eef2f6;
}
.gf-wrap .modal-footer{
  border-top:1px solid #eef2f6;
}

/* Compactar un poco la tabla en desktop */
@media (min-width: 992px){
  .gf-wrap table.dataTable td, 
  .gf-wrap table.dataTable th{
    padding:.55rem .6rem;
    font-size:.92rem;
  }
}

/* Separación extra para que los widgets del tema no se "peguen" */
.gf-wrap{ margin-bottom:2rem; }

/* (Opcional) si el tema impone un fondo gris al contenido, forzamos blanco detrás del wrapper */
.gf-wrap:before{
  content:'';
  position:absolute;
  left:0; right:0; top:0; bottom:0;
  background:#fff;
  z-index:-1;
}


/* ===== Fondo 100% blanco en la página del gestor ===== */
body.gf-fullwhite,
body.gf-fullwhite html,
body.gf-fullwhite .site,
body.gf-fullwhite .site-content,
body.gf-fullwhite #wrapper,
body.gf-fullwhite #page,
body.gf-fullwhite #content,
body.gf-fullwhite .wrapper,
body.gf-fullwhite .hentry,
body.gf-fullwhite .entry-content {
  background:#fff !important;
  background-image:none !important;
}

/* Quita bordes/sombras/gris de themes tipo Twenty Ten */
body.gf-fullwhite #wrapper,
body.gf-fullwhite .site {
  box-shadow:none !important;
  border:none !important;
}

/* Opcional: estira el blanco a toda la altura de la ventana */
body.gf-fullwhite,
body.gf-fullwhite #wrapper,
body.gf-fullwhite .site,
body.gf-fullwhite .site-content {
  min-height:100vh;
}

/* Opcional: compacta un poco el espacio superior si el tema deja una franja */
body.gf-fullwhite .site-content,
body.gf-fullwhite #content {
  padding-top: 0 !important;
}

/* Nuestro contenedor interno ya es blanco, pero lo dejamos por si el tema injerta colores */
body.gf-fullwhite .gf-wrap{
  background:#fff !important;
  border-color:#e9ecef !important;
}


/* Oculta todos los títulos con la clase del theme */
h1.entry-title { 
  display: none !important; 
}

/* Solo entradas y páginas */
.single h1.entry-title,
.page h1.entry-title {
  display: none !important;
}