Presiona F12 o Ctrl+Shift+I (en Linux/Windows) / Cmd+Option+I (en macOS).
Abre el menú de tres puntos en DevTools
En la esquina superior derecha de las DevTools, haz clic en los tres puntos verticales (⋯).
Activa el modo de impresión (emulación de medios)
Selecciona “More tools” > “Rendering”.
En el panel que se abre (normalmente a la derecha o como pestaña inferior), busca la opción “Emulate CSS media type”.
Cámbiala de “screen” a “print”.
A partir de este momento, la página se mostrará tal como se vería al imprimir, y cualquier regla CSS dentro de @media print { … } estará activa.
Inspecciona los elementos
Usa el inspector de elementos (Ctrl+Shift+C o el icono de la flecha en DevTools) para seleccionar elementos y ver qué estilos de impresión se están aplicando.
Puedes modificar los estilos en tiempo real para probar ajustes visuales antes de imprimir o exportar a PDF.
(Opcional) Previsualiza la impresión real
Presiona Ctrl+P (o Cmd+P en macOS) para abrir el cuadro de diálogo de impresión.
En Brave, puedes elegir “Guardar como PDF” para ver exactamente cómo se verá el documento impreso.