<section class="o-pdf-viewport"> <style> .o-pdf-viewport{position:relative;width:100%;aspect-ratio:210/297;max-height:100dvh;background:#fff;} .o-pdf-viewport iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} @media (min-width: 992px){.o-pdf-viewport{aspect-ratio:auto;--pdf-header:0px;--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://drive.google.com/file/d/1MVXhoBcFzm8lfvniYlP5GwkA3P5esZG0/preview" allow="autoplay; fullscreen" loading="lazy" title="PDF 435.83"></iframe> </section> <p style="margin:.5rem 0 0"> <a href="https://drive.google.com/file/d/1MVXhoBcFzm8lfvniYlP5GwkA3P5esZG0/view?usp=sharing" target="_blank" rel="noopener">Abrir en pestaña</a> · <a href="https://drive.google.com/uc?export=download&id=1MVXhoBcFzm8lfvniYlP5GwkA3P5esZG0">Descargar PDF</a> </p>

<section class="o-pdf-viewport"> <style> /* Visor híbrido: A4 proporcional en móvil, altura de pantalla en desktop */ .o-pdf-viewport{ position:relative;width:100%; aspect-ratio:210/297; /* móvil: A4 vertical */ max-height:100dvh;background:#fff; } .o-pdf-viewport iframe{ position:absolute;inset:0;width:100%;height:100%;border:0;display:block; } @media (min-width: 992px){ .o-pdf-viewport{ aspect-ratio:auto; --pdf-header:0px; --pdf-min:480px; --pdf-max:1200px; height:clamp(var(--pdf-min), 100dvh - var(--pdf-header), var(--pdf-max)); } } </style> <!-- Visor (solo iframe) --> <iframe src="https://drive.google.com/file/d/1SSBZ45MG2VV4szlCtFukZTTBm0QDEjNx/preview" loading="lazy" title="Ficha técnica"> </iframe> </section>

<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/limpieza_e_higiene_profesional?fr=sMzBiNzg3MzgyNDA" allow="autoplay; fullscreen" loading="lazy" title="Limpieza e higiene (Issuu)"> </iframe> </section> <p style="margin:.5rem 0 0"> <a href="https://issuu.com/servitrapo/docs/limpieza_e_higiene_profesional?fr=sMzBiNzg3MzgyNDA" 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>