<section class="o-pdf-viewport"> <style> /* Móvil/columnas: mantiene proporción A4 */ .o-pdf-viewport{ position:relative; width:100%; aspect-ratio:210/297; /* A4 vertical */ max-height:100dvh; /* no exceder la pantalla */ background:#fff; } .o-pdf-viewport iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; } /* Desktop: altura a pantalla (experiencia inmersiva) */ @media (min-width: 992px){ .o-pdf-viewport{ aspect-ratio:auto; --pdf-header: 0px; /* si tienes header fijo, pon su altura (ej. 64px) */ --pdf-min: 480px; --pdf-max: 1200px; height: clamp(var(--pdf-min), 100dvh - var(--pdf-header), var(--pdf-max)); } } @supports not (height: 100dvh){ @media (min-width: 992px){ .o-pdf-viewport{ height: calc(100vh - var(--pdf-header)); } } } </style> <iframe src="https://issuu.com/servitrapo/docs/certificados_garcia_de_pou?fr=sM2QwMzg3MzgyNDA" allow="autoplay; fullscreen" allowfullscreen loading="lazy" title="Certificados García de Pou (Issuu)"> </iframe> </section> <p style="margin:.5rem 0 0"> <a href="https://issuu.com/servitrapo/docs/certificados_garcia_de_pou?fr=sM2QwMzg3MzgyNDA" target="_blank" rel="noopener"> Abrir en pestaña </a> </p>

<section class="o-pdf-viewport"> <style> /* Móvil/columnas: mantiene proporción A4 */ .o-pdf-viewport{ position:relative; width:100%; aspect-ratio:210/297; /* A4 vertical */ max-height:100dvh; /* no exceder la pantalla */ background:#fff; } .o-pdf-viewport iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; } /* Desktop: altura a pantalla (experiencia inmersiva) */ @media (min-width: 992px){ .o-pdf-viewport{ aspect-ratio:auto; --pdf-header: 0px; /* si tienes header fijo, pon su altura, ej. 64px */ --pdf-min: 480px; --pdf-max: 1200px; height: clamp(var(--pdf-min), 100dvh - var(--pdf-header), var(--pdf-max)); } } @supports not (height: 100dvh){ @media (min-width: 992px){ .o-pdf-viewport{ height: calc(100vh - var(--pdf-header)); } } } </style> <iframe src="https://issuu.com/servitrapo/docs/mesa_y_accesorios_profesional?fr=sOTU3Mjg3MzgyNDA" allow="autoplay; fullscreen" loading="lazy" title="Mesa y Accesorios · Profesional (Issuu)"> </iframe> </section> <p style="margin:.5rem 0 0"> <a href="https://issuu.com/servitrapo/docs/mesa_y_accesorios_profesional?fr=sOTU3Mjg3MzgyNDA" target="_blank" rel="noopener"> Abrir en pestaña </a> </p>

<section class="o-pdf-viewport o-pdf--spread"> <style> /* Móvil: proporción A3 horizontal (spread de dos páginas A4) */ .o-pdf-viewport{ position:relative; width:100%; aspect-ratio: 420/297; /* Spread A3 landscape: 420x297 */ max-height:100dvh; background:#fff; } .o-pdf-viewport iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; } /* Si el usuario gira el móvil a vertical y prefieres más altura, elimina este bloque */ @media (orientation: portrait){ .o-pdf--spread{ aspect-ratio: 420/297; } /* mantiene el ancho, evita scroll raro */ } /* Desktop: altura a pantalla (experiencia inmersiva) */ @media (min-width: 992px){ .o-pdf-viewport{ aspect-ratio:auto; --pdf-header: 0px; /* si tienes header fijo, pon su altura (p.ej. 64px) */ --pdf-min: 480px; --pdf-max: 1200px; height: clamp(var(--pdf-min), 100dvh - var(--pdf-header), var(--pdf-max)); } } @supports not (height: 100dvh){ @media (min-width: 992px){ .o-pdf-viewport{ height: calc(100vh - var(--pdf-header)); } } } </style> <!-- Odoo como fuente (pdf.js). Puedes fijar la página inicial/zoom --> <iframe src="https://o-servitrapo.odoo.com/web/content/ir.attachment/334355/datas?download=false#page=1&zoom=page-width&pagemode=none" loading="lazy" title="Catálogo general HORECA (doble página)"> </iframe> </section> <p style="margin:.5rem 0 0"> <a href="https://o-servitrapo.odoo.com/web/content/ir.attachment/334355/datas?download=false#zoom=page-width" target="_blank" rel="noopener">Abrir en pestaña</a> · <a href="https://o-servitrapo.odoo.com/web/content/ir.attachment/334355/datas?download=true">Descargar PDF</a> </p>