.feedback {
  text-align: left;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--e1) var(--e3);
  padding: var(--e4);
  margin-top: var(--e4);
  border-radius: var(--radio);
  border: 2px solid var(--borde);
  background: var(--superficie);
}

.feedback__icono {
  grid-row: span 3;
  display: inline-grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.2rem;
}

.feedback__titulo { margin: 0; font-size: 1.2rem; }
.feedback__detalle { margin: 0; }
.feedback__avisos { margin: var(--e2) 0 0; padding-left: 1.1rem; font-size: 1rem; color: var(--texto-suave); }
.feedback__acciones { grid-column: 1 / -1; margin-top: var(--e3); }

.feedback--exito { border-color: var(--exito); background: var(--exito-fondo); }
.feedback--exito .feedback__icono { background: var(--exito); color: var(--exito-fondo); }
.feedback--exito .feedback__titulo { color: var(--exito); }

.feedback--parcial { border-color: var(--aviso); background: var(--aviso-fondo); }
.feedback--parcial .feedback__icono { background: var(--aviso); color: var(--aviso-fondo); }
.feedback--parcial .feedback__titulo { color: var(--aviso); }

.feedback--error { border-color: var(--error); background: var(--error-fondo); }
.feedback--error .feedback__icono { background: var(--error); color: var(--error-fondo); }
.feedback--error .feedback__titulo { color: var(--error); }