El logo conserva siempre su proporción original.
width y height ya no pueden estirar la imagen.
Se fuerza object-fit: contain.
Se evita cualquier transform que pueda deformar el logo.
En celulares el logo queda limitado a un área segura.
“Logo + nombre comercial” ahora utiliza una estructura responsive de dos columnas.
El nombre comercial tiene su propio espacio flexible.
Los nombres largos pueden saltar de línea sin invadir el logo.
En pantallas extremadamente pequeñas, el diseño puede apilarse.
Se añadió una nueva capa public-guard.css.