aplicacion de cambios
This commit is contained in:
@@ -17,7 +17,6 @@
|
||||
filter: grayscale(1);
|
||||
}
|
||||
|
||||
|
||||
/* Marcadores personalizados para listas */
|
||||
ul.custom-li {
|
||||
list-style: none;
|
||||
@@ -45,7 +44,6 @@
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
/* Borde degradado para elementos con border-custom */
|
||||
.border-custom {
|
||||
border: 4px solid transparent;
|
||||
@@ -195,7 +193,6 @@
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
@@ -215,9 +212,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 576px) {
|
||||
|
||||
.customSwiper .swiper-slide {
|
||||
height: auto !important;
|
||||
}
|
||||
@@ -233,10 +228,12 @@
|
||||
.mySwiper .swiper-slide-active img {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
<div class="w-100 page-sco back0 h-100 pt-4 pt-md-0" id="sco15">
|
||||
<div
|
||||
class="w-100 page-sco back0 h-100 pt-4 pt-md-0"
|
||||
id="sco15"
|
||||
>
|
||||
<div class="container-fluid g-0">
|
||||
<div class="row justify-content-center align-items-center h-100">
|
||||
<div class="col-12">
|
||||
@@ -245,6 +242,12 @@
|
||||
<h2 class="fw-semibold text-blue-3">Componentes y beneficios</h2>
|
||||
<p class="text-blue-4">En infertilidad masculina</p>
|
||||
</div>
|
||||
<div class="col-12 text-center mt-3 img-sop animate__animated animate__zoomIn">
|
||||
<img
|
||||
src="img/02.6.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center wrap-sw text-white">
|
||||
<div class="container-fluid">
|
||||
@@ -310,10 +313,16 @@
|
||||
<!-- navegacion -->
|
||||
<div class="position-absolute mx-auto swiper-nav">
|
||||
<div class="swiper-custom-button-prev">
|
||||
<img src="img/prev.png" alt="" />
|
||||
<img
|
||||
src="img/prev.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="swiper-custom-button-next">
|
||||
<img src="img/next.png" alt="" />
|
||||
<img
|
||||
src="img/next.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -322,7 +331,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap-cards mt-md-0 mt-2" style="display: none">
|
||||
<div
|
||||
class="wrap-cards mt-md-0 mt-2"
|
||||
style="display: none"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-10 col-lg-8">
|
||||
@@ -332,13 +344,17 @@
|
||||
<div class="swiper customSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">Omega-3</h3>
|
||||
<h3 class="text-blue-4 fw-semibold">Omega-3
|
||||
</h3>
|
||||
<p>
|
||||
<b class="text-orange-1">Aumenta</b> el recuento
|
||||
total, la concentración y morfología de los
|
||||
<b class="text-orange-1">Aumenta</b> el
|
||||
recuento
|
||||
total, la concentración y morfología de
|
||||
los
|
||||
espermatozoides.
|
||||
</p>
|
||||
</div>
|
||||
@@ -346,14 +362,19 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">L-Carnitina</h3>
|
||||
<h3 class="text-blue-4 fw-semibold">
|
||||
L-Carnitina</h3>
|
||||
<ul class="custom-li text-start">
|
||||
<li>Mejora la <b class="text-orange-1">motilidad</b>
|
||||
<li>Mejora la <b
|
||||
class="text-orange-1">motilidad</b>
|
||||
de los espermatozoides.</li>
|
||||
<li><b class="text-orange-1">Incrementa</b> el
|
||||
<li><b
|
||||
class="text-orange-1">Incrementa</b>
|
||||
el
|
||||
número total de espermatozoides.
|
||||
</li>
|
||||
</ul>
|
||||
@@ -362,17 +383,23 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">Vitamina C</h3>
|
||||
<h3 class="text-blue-4 fw-semibold">Vitamina C
|
||||
</h3>
|
||||
<ul class="custom-li text-start">
|
||||
<li>Reduce el <b class="text-orange-1">estrés</b>
|
||||
<li>Reduce el <b
|
||||
class="text-orange-1">estrés</b>
|
||||
oxidativo.</li>
|
||||
<li><b class="text-orange-1">Incrementa</b> la
|
||||
<li><b
|
||||
class="text-orange-1">Incrementa</b>
|
||||
la
|
||||
motilidad de los espermatozoides.
|
||||
</li>
|
||||
<li>Mejora la <b class="text-orange-1">calidad</b>
|
||||
<li>Mejora la <b
|
||||
class="text-orange-1">calidad</b>
|
||||
del semen.</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -380,13 +407,17 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">Vitamina E</h3>
|
||||
<h3 class="text-blue-4 fw-semibold">Vitamina E
|
||||
</h3>
|
||||
<ul class="custom-li text-start">
|
||||
<li>Mejora la calidad de las mitocondrias.</li>
|
||||
<li><b class="text-orange-1">Disminuye</b> el daño a
|
||||
<li>Mejora la calidad de las mitocondrias.
|
||||
</li>
|
||||
<li><b class="text-orange-1">Disminuye</b>
|
||||
el daño a
|
||||
los espermatozoides.</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -394,15 +425,19 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">Licopeno</h3>
|
||||
<h3 class="text-blue-4 fw-semibold">Licopeno
|
||||
</h3>
|
||||
<ul class="custom-li text-start">
|
||||
<li>Mejora los <b class="text-orange-1">parámetros
|
||||
<li>Mejora los <b
|
||||
class="text-orange-1">parámetros
|
||||
del esperma</b>.</li>
|
||||
<li>Reduce el daño del ADN.</li>
|
||||
<li>Mejora la morfología de los espermatozoides.
|
||||
<li>Mejora la morfología de los
|
||||
espermatozoides.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -410,14 +445,17 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">Coenzima Q10 (Q10)
|
||||
<h3 class="text-blue-4 fw-semibold">Coenzima
|
||||
Q10 (Q10)
|
||||
</h3>
|
||||
<ul class="custom-li text-start">
|
||||
<li>Aumenta la <b
|
||||
class="text-orange-1">concentración de
|
||||
class="text-orange-1">concentración
|
||||
de
|
||||
esperma</b>.</li>
|
||||
<li>Mejora la motilidad.</li>
|
||||
</ul>
|
||||
@@ -426,15 +464,20 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">Zinc (Zn)</h3>
|
||||
<h3 class="text-blue-4 fw-semibold">Zinc (Zn)
|
||||
</h3>
|
||||
<ul class="custom-li text-start">
|
||||
<li><b class="text-orange-1">Antibacteriano</b> en
|
||||
<li><b
|
||||
class="text-orange-1">Antibacteriano</b>
|
||||
en
|
||||
el tracto reproductivo.</li>
|
||||
<li>Mejora la motilidad y la <b
|
||||
class="text-orange-1">fecundación</b> de los
|
||||
class="text-orange-1"
|
||||
>fecundación</b> de los
|
||||
espermatozoides.</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -442,40 +485,52 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">Selenio (Se)</h3>
|
||||
<h3 class="text-blue-4 fw-semibold">Selenio
|
||||
(Se)</h3>
|
||||
<p>Mejora la morfología y <b
|
||||
class="text-orange-1">aumenta</b> la motilidad
|
||||
class="text-orange-1"
|
||||
>aumenta</b> la motilidad
|
||||
de los espermatozoides.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">Vitamina D</h3>
|
||||
<p>Mejora la <b class="text-orange-1">calidad</b> del
|
||||
semen y la <b class="text-orange-1">fertilidad
|
||||
<h3 class="text-blue-4 fw-semibold">Vitamina D
|
||||
</h3>
|
||||
<p>Mejora la <b
|
||||
class="text-orange-1">calidad</b> del
|
||||
semen y la <b
|
||||
class="text-orange-1">fertilidad
|
||||
masculina</b>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center">
|
||||
<div class="card w-100 bg-white border-custom">
|
||||
<div class="card-body py-md-5 px-md-5">
|
||||
<h3 class="text-blue-4 fw-semibold">Vitaminas B9 y B12
|
||||
<h3 class="text-blue-4 fw-semibold">Vitaminas
|
||||
B9 y B12
|
||||
</h3>
|
||||
<ul class="custom-li text-start">
|
||||
<li>Incrementan el <b class="text-orange-1">recuento
|
||||
<li>Incrementan el <b
|
||||
class="text-orange-1"
|
||||
>recuento
|
||||
total</b> de
|
||||
espermatozoides.</li>
|
||||
<li>Aumentan la motilidad y mejoran la morfología.
|
||||
<li>Aumentan la motilidad y mejoran la
|
||||
morfología.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -505,6 +560,7 @@
|
||||
let swiperCards;
|
||||
|
||||
audioh06.on("end", function () {
|
||||
$(".img-sop").hide();
|
||||
|
||||
$(".wrap-sw").show();
|
||||
$(".wrap-cards").show();
|
||||
@@ -663,4 +719,4 @@
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user