Descripción
<div class="ficha-biblia" style="font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #f5f5f5, #eeeeee); padding: 30px; border-radius: 20px; color: #424242; box-shadow: 0 0 25px rgba(0,0,0,0.1); border: 2px solid #bdbdbd; max-width: 900px; margin: auto;">
<h2 style="text-align: center; font-size: 2em; background: linear-gradient(to right, #616161, #9e9e9e); -webkit-background-clip: text; color: transparent; font-weight: bold;">? Biblia de Estudio del Diario Vivir &middot; NTV</h2>
<img style="display: block; margin-left: auto; margin-right: auto;" src="https://m.media-amazon.com/images/S/aplus-media-library-service-media/880ac7ed-2b33-46dc-b48a-31f0adcb9d54.__CR0,0,970,600_PT0_SX970_V1___.jpg" alt="" width="551" height="341" />
<p style="text-align: center; font-size: 1.2em; font-style: italic; color: #616161;"><span style="color: #169179;">De saber a vivir: una Biblia que transforma el conocimiento en prop&oacute;sito.</span></p>
<div class="solapas" style="margin-top: 25px; text-align: center;"><button class="solapa-activa" style="background: #cfd8dc; border: none; padding: 10px 20px; margin-right: 10px; border-radius: 8px; font-weight: bold; cursor: pointer;">Prop&oacute;sito</button> <button class="solapa" style="background: #eceff1; border: none; padding: 10px 20px; margin-right: 10px; border-radius: 8px; font-weight: bold; cursor: pointer;">Caracter&iacute;sticas</button> <button class="solapa" style="background: #f5f5f5; border: none; padding: 10px 20px; border-radius: 8px; font-weight: bold; cursor: pointer;">Ficha t&eacute;cnica</button></div>
<div class="contenido-solapa" style="margin-top: 20px;">
<div class="descripcion">
<p class="contenido-gris">? La Biblia de Estudio del Diario Vivir es mucho m&aacute;s que un recurso acad&eacute;mico: es una gu&iacute;a espiritual para aplicar la Palabra en cada rinc&oacute;n de la vida cotidiana. Con casi 10.000 notas actualizadas, m&aacute;s de 300 cuadros y 200 mapas, esta edici&oacute;n ofrece una comprensi&oacute;n profunda del contexto b&iacute;blico y su relevancia actual.<br /><br /><span style="color: #169179;">? Cada libro incluye introducciones, esquemas, cronolog&iacute;as y perfiles biogr&aacute;ficos que iluminan el prop&oacute;sito detr&aacute;s de cada pasaje. Las palabras de Cristo est&aacute;n destacadas en rojo, y el dise&ntilde;o inteligente facilita el estudio, la reflexi&oacute;n y la ense&ntilde;anza.</span><br /><br /><span style="color: #2dc26b;">? Ideal para l&iacute;deres, maestros, estudiantes y lectores comprometidos con una fe activa y transformadora.</span></p>
</div>
<div class="caracteristicas" style="display: none;">
<ul style="list-style: none; padding-left: 0;">
<li class="contenido-gris"><span style="color: #2dc26b;">? Texto claro y comprensible de la Nueva Traducci&oacute;n Viviente (NTV)</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Cerca de 10.000 notas de aplicaci&oacute;n y estudio</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? M&aacute;s de 300 cuadros tem&aacute;ticos y 200 mapas explicativos</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Referencias cruzadas y armon&iacute;a de los Evangelios</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Palabras de Cristo en rojo</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? P&aacute;gina de presentaci&oacute;n para regalo o dedicaci&oacute;n</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Introducci&oacute;n a cada libro con datos esenciales</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? M&aacute;s de 100 perfiles biogr&aacute;ficos de personajes clave</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Esquemas tem&aacute;ticos y cronolog&iacute;as</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Recursos para el obrero cristiano</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Concordancia, &iacute;ndice de contenido y 16 mapas a color</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Cinta marcadora y dise&ntilde;o de lectura optimizado</span></li>
</ul>
</div>
<div class="ficha-tecnica" style="display: none;">
<ul style="list-style: none; padding-left: 0;">
<li class="contenido-gris"><span style="color: #2dc26b;">? ISBN: 9781496435460</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Medidas: 24,5 &times; 18 &times; 5 cm</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? P&aacute;ginas: 2512</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Idioma: Espa&ntilde;ol</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Editorial: Tyndale House Publishers</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Publicaci&oacute;n: Octubre 2018</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Encuadernaci&oacute;n: Tapa dura de tela gris</span></li>
<li class="contenido-gris"><span style="color: #2dc26b;">? Letra texto b&iacute;blico: 9 puntos &middot; Letra comentario: 7 puntos</span></li>
</ul>
</div>
</div>
<p style="margin-top: 30px; text-align: center; font-size: 1.3em; font-weight: bold; background: linear-gradient(to right, #616161, #9e9e9e); -webkit-background-clip: text; color: transparent;"><span style="color: #14bc8c;">Una Biblia que no solo informa, sino transforma. Ideal para quienes buscan vivir la fe con <em>profundidad </em>??</span></p>
</div>
<script>
const solapas = document.querySelectorAll('.solapas button');
const contenidos = document.querySelectorAll('.contenido-solapa > div');
solapas.forEach((btn, i) => {
btn.addEventListener('click', () => {
solapas.forEach(b => b.classList.remove('solapa-activa'));
btn.classList.add('solapa-activa');
contenidos.forEach(c => c.style.display = 'none');
contenidos[i].style.display = 'block';
contenidos[i].style.animation = 'fadeIn 0.6s ease';
});
});
</script>