/*
Theme Name: Flash Child
Template: flash
Author: Tu Nombre
Description: Tema hijo para personalizaciones CSS
Version: 1.0
*/

/* Aquí empieza tu CSS personalizado */
.cliente-fieldset {
    margin-bottom: 18px !important;
    padding: 12px 18px 10px 18px !important;
    border-radius: 10px !important;
    border: 1.5px solid #e4e9f0 !important;
    background: #fafcff !important;
}
.cliente-fieldset legend {
    color: #007cba !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 0 8px 2px 8px !important;
}
.ver-cliente-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 14px 24px !important;
}
.ver-cliente-grid label {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
    padding: 10px 13px 8px 13px !important;
    border: 1px solid #e7ecf4 !important;
    min-height: 60px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1b2937 !important;
}
.ver-cliente-grid input,
.ver-cliente-grid select,
.ver-cliente-grid textarea {
    font-size: 15px !important;
    margin-top: 2px !important;
    padding: 6px 10px !important;
    border: 1px solid #b8c6e2 !important;
    border-radius: 5px !important;
    background: #f9fbfd !important;
    font-weight: 400 !important;
}
.ver-cliente-grid input:focus,
.ver-cliente-grid select:focus,
.ver-cliente-grid textarea:focus {
    outline: 2px solid #4fa2e9 !important;
    background: #fff !important;
    border-color: #7cb3f8 !important;
}
.tarjeta-campo {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
    padding: 10px 13px 8px 13px !important;
    border: 1px solid #e7ecf4 !important;
    min-height: 60px !important;
    margin-bottom: 0 !important;
}
.etiqueta-campo {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #428cca !important;
    letter-spacing: .3px !important;
    margin-bottom: 2px !important;
}
.tarjeta-campo input,
.tarjeta-campo select,
.tarjeta-campo textarea {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1b2937 !important;
    background: #f9fbfd !important;
    border: 1px solid #b8c6e2 !important;
    border-radius: 5px !important;
    padding: 6px 10px !important;
    margin-top: 2px !important;
}
/* resumen-estilos.css */

body {
    font-family: Arial, sans-serif;
}
.tabla-resumen, .tabla-fact-total, .tabla-fact-clientes {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.tabla-resumen th, .tabla-resumen td,
.tabla-fact-total th, .tabla-fact-total td,
.tabla-fact-clientes th, .tabla-fact-clientes td {
    border: 1px solid #ccc;
    padding: 6px 10px;
    text-align: center;
    vertical-align: middle;
}
.tabla-resumen th, .tabla-fact-total th, .tabla-fact-clientes th {
    background-color: #

/* Contenedor grid */
#rail-section-graficos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 350px); /* altura fija o ajustable */
  gap: 25px;
}

/* Cada tarjeta gráfica */
.grafico-box {
  background: #fff;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
}

.grafico-box canvas {
  flex-grow: 1; /* que el canvas ocupe todo el espacio vertical posible */
}