.enertik-ec {
  --ec-borde: #d5d9d5;
  --ec-acento: #2e7d32;
  margin: 10px 0 4px;
  padding: 12px;
  border: 1px solid var(--ec-borde);
  border-left: 4px solid var(--ec-acento);
  border-radius: 4px;
  background: #fafcfa;
  text-align: left;
  font-size: 14px;
  line-height: 1.45;
}
.enertik-ec__titulo { margin: 0 0 8px; font-weight: 700; }
.enertik-ec__campo { display: block; margin: 0 0 8px; }
.enertik-ec__campo > span { display: block; margin-bottom: 3px; }
.enertik-ec__campo input,
.enertik-ec__campo textarea { width: 100%; box-sizing: border-box; }
.enertik-ec__acepta { display: flex; gap: 8px; align-items: flex-start; font-weight: 600; cursor: pointer; }
.enertik-ec__acepta input { margin-top: 3px; }
.enertik-ec__error { margin: 8px 0 0; color: #b32d2e; font-weight: 600; }
.enertik-ec--resumen { margin: 16px 0; }

.enertik-ec .enertik-ec__campo textarea { height: 4.8em !important; min-height: 0 !important; max-height: 4.8em !important; padding: 6px 8px; line-height: 1.4; overflow-y: auto; resize: none; }
.enertik-ec__resumen { margin: 8px 0; }
.enertik-ec__acepta { margin-top: 6px; }
.enertik-ec__dialog { width: min(560px, calc(100vw - 32px)); max-height: 80vh; overflow: auto; padding: 20px; border: 0; border-radius: 6px; box-shadow: 0 8px 30px rgba(0,0,0,.3); text-align: left; font-size: 14px; line-height: 1.5; }
.enertik-ec__dialog::backdrop { background: rgba(0,0,0,.5); }
.enertik-ec__dialog h3 { margin: 0 0 10px; }
.enertik-ec__dialog ul { margin: 0 0 14px 18px; padding: 0; }
.enertik-ec__dialog li { margin: 0 0 8px; }
.enertik-ec__cerrar { padding: 8px 18px; border: 0; border-radius: 4px; background: var(--ec-acento); color: #fff; font-weight: 600; cursor: pointer; }

/* El tema pisa el tamaño de letra y el estilo de los botones: se fuerza con !important a propósito. */
.enertik-ec :where(p, span, label, input, textarea, strong, abbr) { font-size: inherit !important; }
.enertik-ec .enertik-ec__titulo { font-size: 15px !important; }
.enertik-ec .enertik-ec__abrir {
  display: inline !important; width: auto !important; min-height: 0 !important; height: auto !important;
  margin: 4px 0 0 24px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: none !important; box-shadow: none !important; color: var(--ec-acento) !important;
  font: inherit !important; font-size: inherit !important; font-weight: 600 !important;
  letter-spacing: normal !important; text-transform: none !important; text-decoration: underline !important;
  text-align: left !important; white-space: normal !important; cursor: pointer;
}
.enertik-ec .enertik-ec__abrir:hover { text-decoration: none !important; }

.enertik-ec__recordar { display: flex; gap: 8px; align-items: flex-start; margin: 2px 0 8px; cursor: pointer; }
.enertik-ec__recordar input { margin-top: 3px; }
.enertik-ec--cuenta { max-width: 520px; border-left-width: 1px; padding: 0; border: 0; background: none; }

/* Retiro en local */
.enertik-ec--retiro { border-left-color: #2271b1; --ec-acento: #2271b1; }
.enertik-ec .enertik-ec__aviso { margin: 6px 0 8px; font-weight: 600; }
.enertik-ec__sede { margin: 0 0 8px; }
.enertik-ec__sede dt { margin: 6px 0 0; font-weight: 700; }
.enertik-ec__sede dd { margin: 0; }
.enertik-ec .enertik-ec__nota { margin: 8px 0; padding: 8px 10px; border-radius: 3px; background: #fff8e5; border: 1px solid #f0d98c; }

.enertik-ec .enertik-ec__subtitulo { margin-top: 12px; }
.enertik-ec .enertik-ec__ayuda { margin: 4px 0 8px; font-size: 12px !important; color: #666; }


/* Cuadro mínimo (1.10.0): sin título, sin fondo, sin bordes de caja; el detalle va en la ventana emergente. */
.enertik-ec.enertik-ec--min { margin: 6px 0 2px; padding: 2px 0 2px 10px; background: none; border: 0; border-left: 2px solid var(--ec-borde); border-radius: 0; font-size: 13px; }
.enertik-ec--min .enertik-ec__campo { margin: 0 0 6px; }
.enertik-ec--min .enertik-ec__acepta { margin-top: 4px; font-weight: 400; }
.enertik-ec--min .enertik-ec__recordar { margin: 2px 0 4px; font-size: 12px; color: #666; }
.enertik-ec--min .enertik-ec__fila { margin: 0 0 4px; }
.enertik-ec--min .enertik-ec__quien { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0 0 6px; }
.enertik-ec--min .enertik-ec__quien label { display: inline-flex; align-items: center; gap: 4px; margin: 0; cursor: pointer; }
.enertik-ec .enertik-ec__link,
.enertik-ec--min .enertik-ec__abrir { display: inline !important; width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--ec-acento) !important; font: inherit !important; font-size: inherit !important; font-weight: 600 !important; text-transform: none !important; text-decoration: underline !important; cursor: pointer; }
.enertik-ec .enertik-ec__link { display: block !important; margin: 0 0 6px !important; text-align: left !important; }
.enertik-ec--min .enertik-ec__abrir { margin-left: 4px !important; }
.enertik-ec--min [hidden] { display: none !important; }