:root{--page-title-display:none;}/* Start custom CSS */<!-- ============================================= -->
<!-- WIDGET 0 — ESTILOS GLOBALES (pegar UNA sola vez, primer widget de la página) -->
<!-- ============================================= -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<style>
  .font-heading { font-family: 'Poppins', sans-serif; letter-spacing: -0.02em; }
  .font-body { font-family: 'Roboto', sans-serif; }
  html { scroll-behavior: smooth; }
</style>

<!-- Botón flotante de WhatsApp — global, visible en toda la página -->
<a href="https://wa.me/5492255601775?text=Hola%2C%20quiero%20saber%20m%C3%A1s%20sobre%20los%20ebooks" target="_blank"
   class="fixed bottom-6 right-6 z-50 flex items-center justify-center w-14 h-14 rounded-full bg-[#25D366] text-white shadow-xl shadow-[#25D366]/40 hover:scale-110 transition-transform duration-200">
  <svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.556-4.03 8.25-9 8.25a9.76 9.76 0 0 1-4.5-1.09L3 21l1.84-3.5A8.17 8.17 0 0 1 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z"/></svg>
</a>/* End custom CSS */