.evc {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 16px;
  margin: 18px 0;
  background: #fff;
}

/* Forzar color negro en TODO el contenido textual de la calculadora */
.evc,
.evc h1,
.evc h2,
.evc h3,
.evc h4,
.evc p,
.evc span,
.evc label,
.evc pre,
.evc input,
.evc button {
  color: #000 !important;
}

/* Cabecera */
.evc-head { margin-bottom: 10px; }

.evc-title {
  margin: 0 0 6px 0;
  font-size: 18px;
  color: #000 !important;
}

.evc-notes {
  margin: 0;
  font-size: 13px;
  opacity: .75;
  color: #000 !important;
}

/* Grid */
.evc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0;
}

/* Campos */
.evc-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.evc-label {
  font-size: 13px;
  opacity: .8;
  color: #000 !important;
}

/* Inputs */
.evc-input {
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 10px;
  background-color: #fff !important;
  color: #000 !important;
}

/* Acciones */
.evc-actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.evc-btn {
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 10px;
  padding: 10px 12px;
  cursor: pointer;
  background: #f7f7f7;
  color: #000 !important;
}

.evc-btn-secondary { opacity: .85; }

/* Output */
.evc-out {
  margin-top: 12px;
  padding: 12px;
  border-radius: 10px;
  background: rgba(0,0,0,.04);
  white-space: pre-wrap;
  color: #000 !important;
}

/* Responsive */
@media (max-width: 640px) {
  .evc-grid { grid-template-columns: 1fr; }
}