/* =========================================================
   style.css — Estructura / layout (NO tema)
   Objetivo: no pelear con emx-theme.css
   Basado en tu style actual pero limpiado para Plan A
   ========================================================= */

   *,
   *::before,
   *::after { box-sizing: border-box; }
   
   html, body { margin: 0; padding: 0; }
   
   body{
     /* el fondo y tipografía final los define emx-theme.css */
     padding: 20px;
   }
   
   /* Contenedor: emx-theme.css define colores/sombras */
   .container{
     max-width: 700px;
     margin: 24px auto;
   }
   
   /* Card “interna” (tu emx-theme ya la deja transparente) */
   .card{
     margin-bottom: 20px;
   }
   
   /* Tipografía: no fijes colores aquí */
   h2{
     text-align: center;
     margin: 0 0 14px;
   }
   
   /* Inputs: QUITA margins agresivos que te deforman el layout */
   input,
   select,
   button,
   textarea{
     width: 100%;
     box-sizing: border-box;
   }
   
   /* Barra superior */
   .top-actions{
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     margin-bottom: 10px;
   }
   
   /* Botón PDF – NO ancho completo */
   .btn-pdf{
     width: auto !important;
     max-width: fit-content !important;
   
     display: inline-flex !important;
     align-items: center;
     gap: 6px;
   
     padding: 8px 12px;
     border-radius: 12px;
   
     font-size: 13px;
     font-weight: 700;
   
     cursor: pointer;
   }
   
   .btn-pdf__icon{ font-size: 14px; }
   .btn-pdf__text{ font-size: 13px; }
   
   .btn-file{
     display: inline-block;
     cursor: pointer;
   }
   
   @media print{
     .no-print{ display:none !important; }
   }

   /* =========================================================
   PATCH: evita que style.css pelee con emx-theme.css
   (pegar al FINAL de style.css)
   ========================================================= */
.card{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

input, select, button, textarea{
  margin-top: 0 !important;
  margin-bottom: 12px !important; /* más fino */
  border-radius: 12px !important;
}
h2{
  color: #0b1f3f !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em;
}