Sinopsis
<b><p>UN NUEVO VOLUMEN DEL MANGA QUE ARRASA EN TODO EL MUNDO>/title></b></p> <p>Hay algo aún más aterrador que un supertitán, y es un titán con inteligencia, un humano que, como <b>Eren</b>, se puede transformar en gigante… pero cuyo objetivo es destruir a la raza humana. Y por lo tanto, ¡hay que capturarlo!</p></div>
</div>
<div class="flex flex-col gap-4">
<div data-camus-module="nd-book-list"
data-camus-id="" data-camus-module-type="list" class="font-poppins">
<h2 class="py-3 text-xl font-semibold border-dotted border-y-2 border-neutral-900 lg:border-gray-300 empty:hidden" data-camus-title>Otros libros de HAJIME ISAYAMA HAJIME ISAYAMA</h2>
<ul data-camus-modules>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2026/04/02/guia-ataque-a-los-titanes-ed-coleccionista-guia-answers.jpeg" alt="GUIA ATAQUE A LOS TITANES. ED. COLECCIONISTA. GUIA ANSWERS" type="image/jpeg" width="246" height="350" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>GUIA ATAQUE A LOS TITANES. ED. COLECCIONISTA. GUIA ANSWERS</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/guia-ataque-a-los-titanes-ed-coleccionista-guia-answers" target rel title="GUIA ATAQUE A LOS TITANES. ED. COLECCIONISTA. GUIA ANSWERS" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2025/11/07/ataque-a-los-titanes-ed-integral-12.jpeg" alt="ATAQUE A LOS TITANES ED. INTEGRAL 12" type="image/jpeg" width="249" height="350" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 12</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-12" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 12" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2025/09/05/ataque-a-los-titanes-ed-integral-11.jpeg" alt="ATAQUE A LOS TITANES ED. INTEGRAL 11" type="image/jpeg" width="247" height="350" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 11</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-11" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 11" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2025/08/13/guia-ataque-a-los-titanes-edicion-coleccionista-inside-y-outside.jpeg" alt="GUIA ATAQUE A LOS TITANES. EDICION COLECCIONISTA: INSIDE Y OUTSIDE" type="image/jpeg" width="245" height="350" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES GUÍA: INSIDE & OUTSIDE</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-guia-inside-outside" target rel title="ATAQUE A LOS TITANES GUÍA: INSIDE & OUTSIDE" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2025/05/09/ataque-a-los-titanes-ed-integral-09.jpeg" alt="ATAQUE A LOS TITANES ED. INTEGRAL 09" type="image/jpeg" width="250" height="350" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 09</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-09" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 09" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2025/01/17/ataque-a-los-titanes-ed-integral-07.jpeg" alt="ATAQUE A LOS TITANES ED. INTEGRAL 07" type="image/jpeg" width="250" height="350" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 07</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-07" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 07" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/11/08/ataque-a-los-titanes-ed-integral-06.jpeg" alt="ATAQUE A LOS TITANES ED. INTEGRAL 06" type="image/jpeg" width="857" height="1200" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 06</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-06" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 06" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/09/06/ataque-a-los-titanes-ed-integral-05.jpeg" alt="ATAQUE A LOS TITANES ED. INTEGRAL 05" type="image/jpeg" width="248" height="350" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 05</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-05" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 05" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/07/05/ataque-a-los-titanes-ed-integral-04.jpeg" alt="ATAQUE A LOS TITANES ED. INTEGRAL 04" type="image/jpeg" width="250" height="350" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 04</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-04" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 04" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/07/05/atac-als-titans-ed-integral-04.jpeg" alt="ATAC ALS TITANS ED. INTEGRAL 04" type="image/jpeg" width="249" height="350" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAC ALS TITANS ED. INTEGRAL 04</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/atac-als-titans-ed-integral-04" target rel title="ATAC ALS TITANS ED. INTEGRAL 04" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/04/12/ataque-a-los-titanes-ed-integral-03.jpeg" alt="ATAQUE A LOS TITANES ED. INTEGRAL 03" type="image/jpeg" width="858" height="1200" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 03</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-03" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 03" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/03/01/ataque-a-los-titanes-ed-integral-02.jpeg" alt="ATAQUE A LOS TITANES ED. INTEGRAL 02" type="image/jpeg" width="855" height="1200" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 02</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-02" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 02" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES ED. INTEGRAL 01</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-ed-integral-01" target rel title="ATAQUE A LOS TITANES ED. INTEGRAL 01" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="https://images.librotea.com/uploads/media/2021/10/28/ataque-a-los-titanes-34.jpg" alt="ATAQUE A LOS TITANES 34" type="image/jpg" width="126" height="126" onerror="this.onerror=null;this.src=`/bundles/libroteacore/PH-Librotea.jpg`;" data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES 34</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-34" target rel title="ATAQUE A LOS TITANES 34" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes 31</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-31" target rel title="Ataque a los titanes 31" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes 30</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-30" target rel title="Ataque a los titanes 30" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes 29</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-29" target rel title="Ataque a los titanes 29" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes antes de la caída 16</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-antes-de-la-caida-16" target rel title="Ataque a los titanes antes de la caída 16" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes 28</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-28" target rel title="Ataque a los titanes 28" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes 27</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-27" target rel title="Ataque a los titanes 27" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes. No regrets 2</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-no-regrets-2" target rel title="Ataque a los titanes. No regrets 2" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes. No regrets 1</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-no-regrets-1" target rel title="Ataque a los titanes. No regrets 1" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes 26</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-26" target rel title="Ataque a los titanes 26" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes: antes de la caída. Novela</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-antes-de-la-caida-novela" target rel title="Ataque a los titanes: antes de la caída. Novela" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes 24</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-24" target rel title="Ataque a los titanes 24" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes: antes de la caída 10</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-antes-de-la-caida-10" target rel title="Ataque a los titanes: antes de la caída 10" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes 23</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-23" target rel title="Ataque a los titanes 23" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes. Lost girls (novela)</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-lost-girls_3" target rel title="Ataque a los titanes. Lost girls (novela)" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los Titanes 22</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-22" target rel title="Ataque a los Titanes 22" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los Titanes. Lost girls 2</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-lost-girls-2" target rel title="Ataque a los Titanes. Lost girls 2" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes. Antes de la caída 8</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-antes-de-la-caida-8" target rel title="Ataque a los titanes. Antes de la caída 8" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Aristocracia campesina 4</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/aristocracia-campesina-4" target rel title="Aristocracia campesina 4" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los titanes 20</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-20" target rel title="Ataque a los titanes 20" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES 19</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-19" target rel title="ATAQUE A LOS TITANES 19" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes_17" target rel title="ATAQUE A LOS TITANES" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES 18</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-18" target rel title="ATAQUE A LOS TITANES 18" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES 17</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes_17" target rel title="ATAQUE A LOS TITANES 17" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES OUTSIDE</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-outside" target rel title="ATAQUE A LOS TITANES OUTSIDE" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES 16</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-16" target rel title="ATAQUE A LOS TITANES 16" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES 15</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-15" target rel title="ATAQUE A LOS TITANES 15" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los Titanes INSIDE</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-inside" target rel title="Ataque a los Titanes INSIDE" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los Titanes 14</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-14" target rel title="Ataque a los Titanes 14" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Aristocracia campesina 3</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/aristocracia-campesina-3" target rel title="Aristocracia campesina 3" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los Titanes 13</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-13" target rel title="Ataque a los Titanes 13" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los Titanes Antes de la caída 2</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-antes-de-la-caida-2" target rel title="Ataque a los Titanes Antes de la caída 2" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>Ataque a los Titanes 12</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-12" target rel title="Ataque a los Titanes 12" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>PACK INICIACIÓN ATAQUE A LOS TITANES VOLS. 1 Y 2</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/pack-iniciacion-ataque-a-los-titanes-vols-1-y-2" target rel title="PACK INICIACIÓN ATAQUE A LOS TITANES VOLS. 1 Y 2" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES 06</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-06" target rel title="ATAQUE A LOS TITANES 06" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
<li data-camus-module="nd-list-item-book" data-camus-layout="base"
class="relative flex py-6 border-t-2 border-dotted border-neutral-900 lg:border-gray-200 first:border-none">
<div class="overflow-hidden flex-none w-[119px] h-[194px] drop-shadow-lg lg:w-[126px] lg:h-[205px]">
<picture >
<img src="/bundles/libroteacore/PH-Librotea.jpg" alt="" type="image/png" width="126" height="205" onerror data-camus-image />
</picture>
</div>
<div class="ml-4 font-poppins">
<h3 class="block mb-1 text-lg font-semibold lg:text-xl" data-camus-title>ATAQUE A LOS TITANES 05</h3>
<div class="text-sm line-clamp-2" data-camus-author>HAJIME ISAYAMA HAJIME ISAYAMA</div>
<div class="text-sm line-clamp-4" data-camus-editorial>NORMA EDITORIAL, S.A.</div>
<div class="lg:mt-2 flex gap-4">
<a href="https://librotea.eldiario.es/libros/ataque-a-los-titanes-05" target rel title="ATAQUE A LOS TITANES 05" class="flex w-[109px] h-[45px] bg-gray-100 rounded-full after:absolute after:inset-0"><span class="m-auto text-sm font-semibold lg:text-xs">Ver ficha</span>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<aside class="group" data-controller="comments">
<button data-action="click->comments#loadComments"
class="h-15 w-72 cursor-pointer overflow-hidden rounded-xl border-x-4 border-librotea bg-librotea p-3 font-sans font-bold md:justify-center">
Ver Comentarios (<span class="fb-comments-count" style="display:inline-block;max-width: 30px;width: auto;" data-href="http://librotea.eldiario.es/libros/ataque-a-los-titanes-8">...</span>)
</button>
<div class="hidden group-data-[state=visible]:block">
<div class="fb-comments" data-href="http://librotea.eldiario.es/libros/ataque-a-los-titanes-8" data-width="100%" data-numposts="5" data-auto-xfbml="true"></div>
</div>
</aside>
</div>
<aside class="space-y-4 empty:hidden">
<div class="w-[300px]">
<div data-gtm-ad="{"elementId":"div-gpt-ad-medium-rectangle-1672451631","targets":[],"unitPath":"/123333327/Librotea/noticia_right1","sizes":[{"viewport":[0,0],"slot":[[300,250],[300,600]]},{"viewport":[1024,0],"slot":[[300,250],[300,600]]}],"outOfPage":false}"
class=""
></div>
</div>
<div class="mt-5 border-t-[2px] border-librotea font-poppins" data-mrf-recirculation="Las Mas Vistas">
<p class="mt-3 mb-3 text-lg font-semibold text-center text-librotea"> LAS MÁS VISTAS </p>
<div>
<div class="flex relative -left-3 top-12 z-10 justify-center items-center size-6 text-xs font-bold rounded-full bg-librotea">
<p>1</p>
</div>
<div class="relative -top-6 grid h-24 grid-cols-[30%_70%] border-t-2 border-neutral-100 pt-3.5">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/02/12/cesar-perez-gellida-habla-para-librotea-de-bajo-tierra-seca_0_0_153_153.jpg" alt="César Pérez Gellida y varios buenos libros para leer novela negra y thriller" type width="300" height="300" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/100.png`;" />
</picture>
<div class="ml-3">
<p class="font-semibold leading-tight">
<a href="/estanterias/cesar-perez-gellida-libros-leer-novela-negra-thriller" class="after:absolute after:inset-0">César Pérez Gellida y varios buenos libros para leer novela negra y thriller</a>
</p>
<p class="text-xs text-color-[#777777] font-medium mt-1">Librotea</p>
</div>
</div>
</div>
<div>
<div class="flex relative -left-3 top-12 z-10 justify-center items-center size-6 text-xs font-bold rounded-full bg-librotea">
<p>2</p>
</div>
<div class="relative -top-6 grid h-24 grid-cols-[30%_70%] border-t-2 border-neutral-100 pt-3.5">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/02/08/luis-landero_0_0_153_153.jpg" alt="Luis Landero y los libros que hay que leer al menos una vez en la vida" type width="300" height="300" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/100.png`;" />
</picture>
<div class="ml-3">
<p class="font-semibold leading-tight">
<a href="/estanterias/luis-landero-y-los-libros-que-hay-que-leer-al-menos-una-vez-en-la-vida" class="after:absolute after:inset-0">Luis Landero y los libros que hay que leer al menos una vez en la vida</a>
</p>
<p class="text-xs text-color-[#777777] font-medium mt-1">Librotea</p>
</div>
</div>
</div>
<div>
<div class="flex relative -left-3 top-12 z-10 justify-center items-center size-6 text-xs font-bold rounded-full bg-librotea">
<p>3</p>
</div>
<div class="relative -top-6 grid h-24 grid-cols-[30%_70%] border-t-2 border-neutral-100 pt-3.5">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/02/13/los-mejores-libros-para-leer-poesia-por-primera-vez_0_0_153_153.jpg" alt="Los mejores libros para leer poesía por primera vez" type width="300" height="300" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/100.png`;" />
</picture>
<div class="ml-3">
<p class="font-semibold leading-tight">
<a href="/estanterias/los-mejores-libros-para-leer-poesia-por-primera-vez" class="after:absolute after:inset-0">Los mejores libros para leer poesía por primera vez</a>
</p>
<p class="text-xs text-color-[#777777] font-medium mt-1">Librotea</p>
</div>
</div>
</div>
<div>
<div class="flex relative -left-3 top-12 z-10 justify-center items-center size-6 text-xs font-bold rounded-full bg-librotea">
<p>4</p>
</div>
<div class="relative -top-6 grid h-24 grid-cols-[30%_70%] border-t-2 border-neutral-100 pt-3.5">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/02/12/6-libros-de-cuentos-eroticos-para-el-dia-del-amor_0_0_153_153.jpg" alt="Los mejores libros de cuentos eróticos para el Día del Amor" type width="300" height="300" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/100.png`;" />
</picture>
<div class="ml-3">
<p class="font-semibold leading-tight">
<a href="/estanterias/los-mejores-libros-de-cuentos-eroticos" class="after:absolute after:inset-0">Los mejores libros de cuentos eróticos para el Día del Amor</a>
</p>
<p class="text-xs text-color-[#777777] font-medium mt-1">Librotea</p>
</div>
</div>
</div>
<div>
<div class="flex relative -left-3 top-12 z-10 justify-center items-center size-6 text-xs font-bold rounded-full bg-librotea">
<p>5</p>
</div>
<div class="relative -top-6 grid h-24 grid-cols-[30%_70%] border-t-2 border-neutral-100 pt-3.5">
<picture >
<img src="https://images.librotea.com/uploads/media/2023/12/07/las-mejores-novelas-negras-y-thrillers-de-2023_0_0_153_153.jpg" alt="Las mejores novelas negras y thrillers de 2023" type width="300" height="300" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/100.png`;" />
</picture>
<div class="ml-3">
<p class="font-semibold leading-tight">
<a href="/estanterias/las-mejores-novelas-negras-y-thrillers-de-2023" class="after:absolute after:inset-0">Las mejores novelas negras y thrillers de 2023</a>
</p>
<p class="text-xs text-color-[#777777] font-medium mt-1">Librotea</p>
</div>
</div>
</div>
</div>
<div class="w-[300px]">
<div data-gtm-ad="{"elementId":"div-gpt-ad-medium-rectangle-1368315764","targets":[],"unitPath":"/123333327/Librotea/noticia_right2","sizes":[{"viewport":[0,0],"slot":[[300,250],[300,600]]},{"viewport":[1024,0],"slot":[[300,250],[300,600]]}],"outOfPage":false}"
class=""
></div>
</div>
</aside>
</div>
</article>
</main>
<footer data-controller="footer" class="z-20 bg-white text-center font-source-sans-3 text-sm text-[#555555] lg:text-left lg:text-[#777777]">
<div class="w-full h-[60px] -mb-[60px] bg-librotea lg:h-[70px] lg:-mb-[70px]" />
<div class="mx-auto px-[10px] max-w-[1300px] lg:px-5">
<div class="flex flex-col lg:flex-row lg:justify-between">
<div class="flex items-center mx-auto h-[60px] lg:mx-0 lg:h-[70px]">
<img src="/images/logo_librotea/libroteamultimedios_10.svg" alt="Logo de Librotea y Multimedios" width="300" height="45" class="h-[30px] lg:h-9" loading="lazy"/>
</div>
<div class="flex">
<ul class="flex grow justify-around mt-5 mb-4 lg:justify-end lg:my-auto lg:gap-[10px]">
<li>
<a href="https://www.facebook.com/librotea" target="_blank" rel="nofollow" class="overflow-hidden aspect-square" aria-label="Facebook Librotea">
<picture >
<source srcset="https://images.librotea.com/uploads/media/2023/09/20/rrss-desktop-facebook.png" media="(min-width: 1024px)" width="40" height="40"/>
<img src="https://images.librotea.com/uploads/media/2023/09/20/rrss-mobile-facebook.png" alt="RRSS Mobile Facebook" type="image/png" width="40" height="40" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/45.png`;" class="w-auto max-h-[35px] lg:max-h-[40px]" />
</picture>
</a>
</li>
<li>
<a href="https://twitter.com/librotea" target="_blank" rel="nofollow" class="overflow-hidden aspect-square" aria-label="Twitter Librotea">
<picture >
<source srcset="https://images.librotea.com/uploads/media/2023/09/20/rrss-desktop-x.png" media="(min-width: 1024px)" width="40" height="40"/>
<img src="https://images.librotea.com/uploads/media/2023/09/20/rrss-mobile-x.png" alt="RRSS Mobile X" type="image/png" width="40" height="40" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/45.png`;" class="w-auto max-h-[35px] lg:max-h-[40px]" />
</picture>
</a>
</li>
<li>
<a href="https://www.youtube.com/@Librotea2021" target="_blank" rel="nofollow" class="overflow-hidden aspect-square" aria-label="Youtube Librotea">
<picture >
<source srcset="https://images.librotea.com/uploads/media/2023/09/20/rrss-desktop-yt.png" media="(min-width: 1024px)" width="40" height="40"/>
<img src="https://images.librotea.com/uploads/media/2023/09/20/rrss-mobile-yt.png" alt="RRSS Mobile YT" type="image/png" width="40" height="40" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/45.png`;" class="w-auto max-h-[35px] lg:max-h-[40px]" />
</picture>
</a>
</li>
<li>
<a href="https://www.instagram.com/librotea/" target="_blank" rel="nofollow" class="overflow-hidden aspect-square" aria-label="Instagram Librotea">
<picture >
<source srcset="https://images.librotea.com/uploads/media/2023/09/20/rrss-desktop-instagram.png" media="(min-width: 1024px)" width="40" height="40"/>
<img src="https://images.librotea.com/uploads/media/2023/09/20/rrss-mobile-instagram.png" alt="RRSS Mobile Instagram" type="image/png" width="40" height="40" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/45.png`;" class="w-auto max-h-[35px] lg:max-h-[40px]" />
</picture>
</a>
</li>
</ul>
<button type="button" data-action="click->footer#top" class="ml-5 w-5 cursor-pointer" aria-label="Volver al inicio de la página" >
<img src="/images/icons/arrow-white.svg" alt="Flecha blanca" class="w-[25px] h-[25px] lg:hidden" loading="lazy"/>
<img src="/images/icons/arrow-blue.svg" alt="Flecha azul" class="hidden w-[25px] h-[25px] lg:block"/>
</button>
</div>
</div>
<div class="flex flex-col">
<div class="lg:flex lg:justify-between lg:mt-5 lg:mb-4">
<div class="pt-5 pb-3 border-t-2 border-gray-300 border-dotted lg:p-0 lg:border-none lg:max-w-[220px]">
<p>© DERECHOS RESERVADOS</p>
<p>GRUPO MILENIO / MULTIMEDIOS 2026</p>
<p class="mt-[5px]">Prohibida la reproducción total o parcial, incluyendo cualquier medio electrónico o magnético</p>
</div>
<ul class="flex flex-col gap-2 pt-5 pb-3 uppercase border-t-2 border-gray-300 border-dotted text-[15px] lg:p-0 lg:w-60 lg:border-none"
data-mrf-recirculation="Menu Footer">
<li>
<a href="/quienes-somos" target rel class="p-2">Quiénes somos</a>
</li>
<li>
<a href="/aviso-de-privacidad" target rel class="p-2">Aviso de Privacidad</a>
</li>
<li>
<a href="/aviso-legal" target rel class="p-2">Aviso Legal</a>
</li>
</ul>
</div>
<div class="pt-5 pb-3 border-t-2 border-gray-300 border-dotted lg:pt-4 lg:pb-6">
<div class="flex flex-wrap gap-10 justify-center items-center lg:justify-between">
<a href="https://www.eldiario.es/" target="_blank" rel="nofollow noreferrer" aria-label="Sitio elDiarioes">
<picture >
<img src="https://images.librotea.com/uploads/media/2024/04/01/el-diarioes-marcas.png" alt="El Diarioes MArcas" type="image/png" width="160" height="31" onerror="this.onerror=null;this.src=`/bundles/libroteacore/fallback-image/100/40.png`;" class="w-auto" />
</picture>
</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/dist/assets/app-D7GOW6St.js" ></script>
<script id="client-settings" type="application/json">{"PIANO_AID":"bQJ54forpu","PIANO_SANDBOX":false,"FACEBOOK_APP_ID":"545299974464973","ELIBRERO_AUTH_TOKEN":""}</script>
</body>
</html>
