actualizacion de videos y textos

This commit is contained in:
2026-10-20 18:23:53 -06:00
parent 0c139eb0cd
commit 86db95d526
6 changed files with 105 additions and 32 deletions
+43 -14
View File
@@ -75,7 +75,6 @@
/* .text-yellow {
color: #ffc306 !important;
} */
@media (max-width: 767.98px) {
.foco-wrap {
width: 100%;
@@ -105,49 +104,79 @@
<!-- <div class="container-fluid">
</div> -->
<div class="container-fluid px-0 my-md-5 my-xl-3 d-none" id="container3">
<div
class="container-fluid px-0 my-md-5 my-xl-3 d-none"
id="container3"
>
<div class="row justify-content-center">
<div class="col-11 col-md-10 text-white animate__animated animate__fadeInDown">
<h2 class="fw-semibold text-center text-blue-6">Beneficios Generales </h2>
<p>Conoce los beneficios generales de <b class="text-blue-6">OGestan<sup class="text-blue-6">®</sup> Andractiv</b>. Descubre cómo mejora
parámetros esenciales del semen y fortalece la fertilidad masculina.</p>
<!-- <p>Conoce los beneficios generales de <b class="text-blue-6">OGestan<sup
class="text-blue-6">®</sup> Andractiv</b>. Descubre cómo mejora
parámetros esenciales del semen y fortalece la fertilidad masculina.</p> -->
<p class="text-center">Conoce los beneficios generales de OGestan® Andractiv y descubre cómo
fortalece la
fertilidad masculina al optimizar los parámetros clave del semen.</p>
</div>
</div>
<div class="row align-items-center mb-md-2 animate__animated animate__fadeInLeft">
<!-- Foco izquierda -->
<div class="col-6 col-md-3 col-xl-2 d-flex justify-content-center mb-3 mb-md-0">
<div class="foco-wrap">
<img src="img/foco1.png" data-on="img/foco1.png" data-off="img/foco1off.png" alt="Foco encendido"
class="foco-img" id="focoIzquierda" />
<img
src="img/foco1.png"
data-on="img/foco1.png"
data-off="img/foco1off.png"
alt="Foco encendido"
class="foco-img"
id="focoIzquierda"
/>
</div>
</div>
<!-- Texto derecha -->
<div class="col-12 col-md-8 col-xl-6">
<div class="foco-bubble">
Esta combinación de <b class="text-yellow">Antioxidantes, Vitaminas, Minerales y Omega–3</b> está
<!-- Esta combinación de <b class="text-yellow">Antioxidantes, Vitaminas, Minerales y
Omega–3</b> está
diseñada para la mejora en la
cantidad, calidad y motilidad espermática.
cantidad, calidad y motilidad espermática. -->
Esta combinación de <b class="text-yellow">Antioxidantes, Vitaminas, Minerales y
Omega-3</b> está diseñada para optimizar la calidad, cantidad y motilidad espermática.
</div>
</div>
</div>
<div class="row align-items-center justify-content-start flex-row-reverse animate__animated animate__fadeInRight d-none"
id="focoDerecha">
<div
class="row align-items-center justify-content-start flex-row-reverse animate__animated animate__fadeInRight d-none"
id="focoDerecha"
>
<!-- Foco derecha -->
<div class="col-6 col-md-3 col-xl-2 d-flex justify-content-center mb-3 mb-md-0">
<div class="foco-wrap">
<img src="img/foco2.png" data-on="img/foco2on.png" data-off="img/foco2.png" alt="Foco apagado"
class="foco-img foco-apagado" id="focoDerechaImg" />
<img
src="img/foco2.png"
data-on="img/foco2on.png"
data-off="img/foco2.png"
alt="Foco apagado"
class="foco-img foco-apagado"
id="focoDerechaImg"
/>
</div>
</div>
<!-- Texto izquierda -->
<div class="col-12 col-md-8 col-xl-6">
<div class="foco-bubble">
<ul class="my-0">
<!-- <ul class="my-0">
<li>Mejora la <b class="text-yellow">motilidad</b> de los espermatozoides.</li>
<li>Mejora la <b class="text-yellow">morfología</b> del espermatozoide.</li>
<li>Mejora el <b class="text-yellow">recuento</b> de espermatozoides.</li>
<li>Mejora el <b class="text-yellow">volumen</b> del semen.</li>
</ul> -->
<ul class="my-0">
<li><b class="text-yellow">Motilidad</b> espermática</li>
<li><b class="text-yellow">Morfología</b> del espermatozoide</li>
<li><b class="text-yellow">Recuento</b> de espermatozoides</li>
<li><b class="text-yellow">Volumen</b> del semen</li>
</ul>
</div>
</div>
@@ -241,4 +270,4 @@
CourseNav.audioController.stopAllSoundsAndPlay(audioh17);
});
</script>
</script>