/* fase03.css: estilos propios de esta parte. Usa los tokens de temas.css (var(--…)); los componentes comunes están en componentes.css. */

/* /h/firma-correo — la vista previa es un iframe aislado (sandbox vacío, sin scripts) con la firma
   sobre blanco, que es como la verá casi todo el mundo en su cliente de correo. */
.vista-firma {
  display: block;
  width: 100%;
  min-height: 240px;
  border: 1px solid var(--borde-fuerte);
  border-radius: var(--radio-xs);
  background: #ffffff;
  color-scheme: light;
}

/* /h/ascii — la insignia se ve a su tamaño real, sin que el diseño la estire. */
.panel img[src^='data:image/svg+xml'] {
  max-width: 100%;
  height: 20px;
  width: auto;
}