<!-- Contenedor principal de Bootstrap --> <div class="container my-5"><!-- Fila principal que contendrá los libros. - "g-4" añade espacio (gutter) entre las columnas, tanto horizontal como vertical. --> <div class="row g-4"><!-- Columna del Libro. - "col-12": Ocupa 12 de 12 columnas en pantallas pequeñas (móvil) -> 1 libro por fila. - "col-md-6": Ocupa 6 de 12 columnas en pantallas medianas o más grandes -> 2 libros por fila. --><!-- Libro 1 --> <div class="col-12 col-md-6"><!-- Tarjeta (Card) de Bootstrap. - "h-100" hace que todas las tarjetas de una fila tengan la misma altura. - "shadow-sm" añade una sombra sutil. - "position-relative" es necesario para que funcione "stretched-link". --> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 1" class="card-img-top" src="/images/justicia_ambiental_pers_nac_comp.jpg" style="width:60%" /> <div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=1">Justicia ambiental: perspectivas nacional y comparada</a></h5> </div> <!-- Este enlace "estirado" hace que toda la tarjeta sea clicable. Asegúrate de cambiar "detalle-libro-1.html" por tu enlace real. --></div> </div> <!-- Libro 2 --> <div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 2" class="card-img-top" src="/images/protec_dchos_humanos.jpg" style="width:60%" /> <div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=2">La protección de los Derechos Humanos en situaciones de emergencia constitucional. El papel de las Defensorías del Pueblo</a></h5> </div> </div> </div> <!-- Libro 3 --> <div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 3" class="card-img-top" src="/images/libro_tan_lejos_tan_cerca.jpg" style="width:60%" /> <div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=3">Tan lejos y tan cerca: Migraciones y Derechos Humanos en Europa y en Latinoamérica. Discusiones sobre derecho y política</a></h5> </div> </div> </div> <!-- Libro 4 --> <div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 4" class="card-img-top" src="/images/libro_estado_social_espana.jpg" style="width:60%" /> <div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=4">El Estado social en España: la larga marcha inacabada</a></h5> </div> </div> </div> <!-- Libro 5 --> <div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 5" class="card-img-top" src="/images/genero_dcho_tutela.png" style="width:60%" /> <div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=5">Género, derecho y tutela jurisdiccional: Visiones desde España y América Latina</a></h5> </div> </div> </div> <!-- Libro 6 --> <div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 6" class="card-img-top" src="/images/dcho_penal_garantias.png" style="width:60%" /> <div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=6">Derecho Penal y Garantías Constitucionales. Una Perspectiva Iberoamericana</a></h5> </div> </div> </div> <!-- Libro 7 --> <div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 7" class="card-img-top" src="/images/retos_impl_acuerdos_paz.png" style="width:60%" /> <div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=7">Retos en la Implementación de los Acuerdos de Paz en Colombia</a></h5> </div> </div> </div> <!-- Libro 8 --> <div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 8" class="card-img-top" src="/images/regeneracion_democratica_reforma_constitucional.jpg" style="width:60%" /> <div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=8">Regeneración democrática y reforma constitucional</a></h5> </div> </div> </div> <!-- Libro 9 --> <div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 9" class="card-img-top" src="/images/paisajes_humanos.jpg" style="max-width:300px; width:60%" /> <div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=9">Paisajes humanos</a></h5> </div> </div> </div> <!-- Puedes añadir más libros siguiendo la misma estructura de dos en dos --></div> <!-- Fin de .row --></div> <!-- Fin de .container --><!-- JS de Bootstrap (Bundle) -->

<!-- Contenedor principal de Bootstrap --><div class="container my-5"> <!-- Fila principal que contendrá los libros. - "g-4" añade espacio (gutter) entre las columnas, tanto horizontal como vertical. --><div class="row g-4"> <!-- Columna del Libro. - "col-12": Ocupa 12 de 12 columnas en pantallas pequeñas (móvil) -><p> 1 libro por fila.<br /> - "col-md-6": Ocupa 6 de 12 columnas en pantallas medianas o más grandes -> 2 libros por fila.<br /> --> <!-- Libro 1 --><div class="col-12 col-md-6"> <!-- Tarjeta (Card) de Bootstrap. - "h-100" hace que todas las tarjetas de una fila tengan la misma altura. - "shadow-sm" añade una sombra sutil. - "position-relative" es necesario para que funcione "stretched-link". --><div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 1" class="card-img-top" src="/images/justicia_ambiental_pers_nac_comp.jpg" style="width:60%" /><div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=1">Justicia ambiental: perspectivas nacional y comparada</a></h5> </div> <!-- Este enlace "estirado" hace que toda la tarjeta sea clicable. Asegúrate de cambiar "detalle-libro-1.html" por tu enlace real. --></div> </div> <!-- Libro 2 --><div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 2" class="card-img-top" src="/images/protec_dchos_humanos.jpg" style="width:60%" /><div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=2">La protección de los Derechos Humanos en situaciones de emergencia constitucional. El papel de las Defensorías del Pueblo</a></h5> </div> </div> </div> <!-- Libro 3 --><div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 3" class="card-img-top" src="/images/libro_tan_lejos_tan_cerca.jpg" style="width:60%" /><div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=3">Tan lejos y tan cerca: Migraciones y Derechos Humanos en Europa y en Latinoamérica. Discusiones sobre derecho y política</a></h5> </div> </div> </div> <!-- Libro 4 --><div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 4" class="card-img-top" src="/images/libro_estado_social_espana.jpg" style="width:60%" /><div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=4">El Estado social en España: la larga marcha inacabada</a></h5> </div> </div> </div> <!-- Libro 5 --><div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 5" class="card-img-top" src="/images/genero_dcho_tutela.png" style="width:60%" /><div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=5">Género, derecho y tutela jurisdiccional: Visiones desde España y América Latina</a></h5> </div> </div> </div> <!-- Libro 6 --><div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 6" class="card-img-top" src="/images/dcho_penal_garantias.png" style="width:60%" /><div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=6">Derecho Penal y Garantías Constitucionales. Una Perspectiva Iberoamericana</a></h5> </div> </div> </div> <!-- Libro 7 --><div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 7" class="card-img-top" src="/images/retos_impl_acuerdos_paz.png" style="width:60%" /><div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=7">Retos en la Implementación de los Acuerdos de Paz en Colombia</a></h5> </div> </div> </div> <!-- Libro 8 --><div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 8" class="card-img-top" src="/images/regeneracion_democratica_reforma_constitucional.jpg" style="width:60%" /><div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=8">Regeneración democrática y reforma constitucional</a></h5> </div> </div> </div> <!-- Libro 9 --><div class="col-12 col-md-6"> <div class="card h-100 shadow-sm book-card position-relative" style="text-align: center;"><img alt="Portada del Libro 9" class="card-img-top" src="/images/paisajes_humanos.jpg" style="max-width:300px; width:60%" /><div class="card-body text-center"> <h5><a class="stretched-link" href="/publicaciones/libros?page=9">Paisajes humanos</a></h5> </div> </div> </div> <!-- Puedes añadir más libros siguiendo la misma estructura de dos en dos --></div> <!-- Fin de .row --></div> <!-- Fin de .container --><!-- JS de Bootstrap (Bundle) -->