/* ==========================================================================
   LISARA CALCULADORA AUTOMÁTICA MASTER - MOTOR TARJETAS V600
   ========================================================================== */

/* Contenedor Principal de la Calculadora */
.lisara-wrapper-calc-v210 {
  clear: both;
  margin: 20px 0;
  padding: 25px;
  border: 3px solid #000000;
  border-radius: 15px;
  background: #ffffff;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  font-family: 'Montserrat', sans-serif;
  color: #000000;
}

/* Título de la Configuración */
.lisara-wrapper-calc-v210 h4 {
  text-align: center;
  color: #e63946;
  font-weight: 900;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}

/* Fila de Campos (Flexbox de 2 columnas) */
.lisara-wrapper-calc-v210 .calc-row-flex {
  display: flex;
  gap: 12px;
  margin-bottom: 15px;
}

.lisara-wrapper-calc-v210 .calc-row-flex > div {
  flex: 1;
}

/* Contenedores de Margen Estándar */
.lisara-wrapper-calc-v210 .calc-field-group {
  margin-bottom: 15px;
}

/* Etiquetas (Labels) */
.lisara-wrapper-calc-v210 label {
  font-weight: bold;
  font-size: 12px;
  color: #666666;
  display: block;
  margin-bottom: 5px;
}

/* Etiquetas específicas para secciones más anchas */
.lisara-wrapper-calc-v210 .label-medium {
  font-size: 13px;
}

/* Inputs de Medidas (Ancho / Alto) */
.lisara-wrapper-calc-v210 input[type="number"].p-ancho,
.lisara-wrapper-calc-v210 input[type="number"].p-alto {
  width: 100% !important;
  height: 40px;
  text-align: center;
  border: 2px solid #dddddd;
  border-radius: 8px;
  font-weight: 600;
  background: #ffffff;
  transition: border-color 0.3s ease;
}

/* Inputs Generales y Selectores (Sustrato, Cantidad, Impresión, Laminado, Corte) */
.lisara-wrapper-calc-v210 select,
.lisara-wrapper-calc-v210 input[type="number"].p-qty {
  width: 100%;
  height: 45px;
  border: 2px solid #eeeeee;
  border-radius: 8px;
  font-weight: 600;
  color: #000000;
  background: #ffffff;
}

.lisara-wrapper-calc-v210 input[type="number"].p-qty {
  text-align: center;
  font-weight: bold;
}

/* Bloque de Acabados / Extras (Grid) */
.lisara-wrapper-calc-v210 .calc-extras-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 20px;
  padding: 15px;
  background: #f4f4f4;
  border-radius: 10px;
}

.lisara-wrapper-calc-v210 .calc-extras-grid label {
  font-weight: 600;
  font-size: 13px;
  color: #000000;
  cursor: pointer;
  margin-bottom: 0; /* Resetea margen por defecto en grid */
}

/* Bloque de Totalizador */
.lisara-wrapper-calc-v210 .calc-total-box {
  background: #000000;
  color: #ffffff;
  padding: 25px;
  text-align: center;
  border-radius: 12px;
}

/* Valor Unitario */
.lisara-wrapper-calc-v210 .p-unitario-html-val {
  font-size: 12px;
  color: #81d742;
  font-weight: bold;
  margin-bottom: 5px;
}

/* Gran Total */
.lisara-wrapper-calc-v210 .p-total-html-val {
  margin: 0;
  color: #ffffff !important;
  font-size: 45px;
  font-weight: 900;
}

/* Información Técnica Inferior (Pliegos, Extras, Errores) */
.lisara-wrapper-calc-v210 .p-info-html-val {
  font-size: 10px;
  margin-top: 10px;
  opacity: 0.7;
  text-transform: uppercase;
}

/* Asegura el color verde brillante para el precio unitario de las etiquetas */
.lisara-wrapper-calc-v210 .p-unitario-html-val, 
#stk-unitario-txt {
  font-size: 12px;
  color: #81d742;
  font-weight: bold;
  margin-bottom: 5px;
}

/* Asegura el estilo sutil para los pliegos físicos de las etiquetas */
.lisara-wrapper-calc-v210 .p-info-html-val, 
#stk-info-txt {
  font-size: 10px;
  margin-top: 10px;
  opacity: 0.7;
  text-transform: uppercase;
}

/* ==========================================================================
   SISTEMA DE DISEÑO DE CALCULADORAS LISARA / IMPRESIONACR
   ========================================================================== */

:root {
  /* Paleta de Colores de Marca */
  --lisara-primary: #e63946;        /* Color de acento / títulos destacados */
  --lisara-secondary: #000000;      /* Color principal de textos u oscuridad */
  --lisara-success: #81d742;        /* Color verde brillante para precios unitarios */
  --lisara-bg-light: #f4f4f4;       /* Fondo sutil para grids de extras/acabados */
  --lisara-border-color: #dddddd;   /* Bordes por defecto de inputs */
  --lisara-border-focus: #e63946;   /* Borde cuando hay error o foco */
  
  /* Tipografía y Estructura */
  --lisara-font: 'Montserrat', sans-serif;
  --lisara-radius-main: 15px;       /* Redondeado del contenedor principal */
  --lisara-radius-input: 8px;       /* Redondeado de campos y botones */
  --lisara-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Contenedor Principal Unificado */
.lisara-wrapper-calc-v210 {
  clear: both;
  margin: 20px 0;
  padding: 25px;
  border: 3px solid var(--lisara-secondary);
  border-radius: var(--lisara-radius-main);
  background: #ffffff;
  width: 100%;
  box-sizing: border-box;
  box-shadow: var(--lisara-shadow);
  font-family: var(--lisara-font);
  color: var(--lisara-secondary);
}

/* Títulos de las Secciones */
.lisara-wrapper-calc-v210 h4 {
  text-align: center;
  color: var(--lisara-primary);
  font-weight: 900;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}

/* Layouts de Filas Flexbox */
.lisara-wrapper-calc-v210 .calc-row-flex {
  display: flex;
  gap: 12px;
  margin-bottom: 15px;
}

.lisara-wrapper-calc-v210 .calc-row-flex > div {
  flex: 1;
}

/* Bloques individuales de control */
.lisara-wrapper-calc-v210 .calc-field-group {
  margin-bottom: 15px;
}

/* Labels Estándar */
.lisara-wrapper-calc-v210 label {
  font-weight: bold;
  font-size: 12px;
  color: #666666;
  display: block;
  margin-bottom: 5px;
}

.lisara-wrapper-calc-v210 .label-medium {
  font-size: 13px;
}

/* Estilos de Inputs de Número y Selectores */
.lisara-wrapper-calc-v210 input[type="number"],
.lisara-wrapper-calc-v210 select {
  width: 100% !important;
  border: 2px solid var(--lisara-border-color);
  border-radius: var(--lisara-radius-input);
  font-weight: 600;
  color: var(--lisara-secondary);
  background: #ffffff;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

.lisara-wrapper-calc-v210 input[type="number"] {
  height: 40px;
  text-align: center;
}

.lisara-wrapper-calc-v210 select {
  height: 45px;
}

.lisara-wrapper-calc-v210 input[type="number"].p-qty {
  font-weight: bold;
  height: 45px;
}

/* Bloque Grid para Acabados / Checkboxes */
.lisara-wrapper-calc-v210 .calc-extras-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 20px;
  padding: 15px;
  background: var(--lisara-bg-light);
  border-radius: 10px;
}

.lisara-wrapper-calc-v210 .calc-extras-grid label {
  font-weight: 600;
  font-size: 13px;
  color: var(--lisara-secondary);
  cursor: pointer;
  margin-bottom: 0;
}

/* Caja de Totales e Información de Impresión */
.lisara-wrapper-calc-v210 .calc-total-box {
  background: var(--lisara-secondary);
  color: #ffffff;
  padding: 25px;
  text-align: center;
  border-radius: 12px;
}

/* Valor Unitario Dinámico */
.lisara-wrapper-calc-v210 .p-unitario-html-val {
  font-size: 12px;
  color: var(--lisara-success);
  font-weight: bold;
  margin-bottom: 5px;
}

/* Despliegue de Precio Total */
.lisara-wrapper-calc-v210 .p-total-html-val {
  margin: 0;
  color: #ffffff !important;
  font-size: 45px;
  font-weight: 900;
}

/* Datos Técnicos de Pliegos e Información Técnica */
.lisara-wrapper-calc-v210 .p-info-html-val {
  font-size: 10px;
  margin-top: 10px;
  opacity: 0.7;
  text-transform: uppercase;
}

/* Botón de WhatsApp Integrado en Calculadoras */
.lisara-wrapper-calc-v210 .btn-calc-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #25d366; /* Verde oficial de WhatsApp */
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 12px 20px;
  margin-top: 15px;
  border-radius: var(--lisara-radius-input);
  transition: background-color 0.3s ease, transform 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}

.lisara-wrapper-calc-v210 .btn-calc-whatsapp:hover {
  background-color: #20ba59;
  transform: translateY(-2px);
}

.lisara-wrapper-calc-v210 .btn-calc-whatsapp svg {
  fill: #ffffff;
  width: 18px;
  height: 18px;
}