aplicacion de cambios

This commit is contained in:
2026-09-15 02:55:51 -06:00
parent d73a046a57
commit a809375946
36 changed files with 1181 additions and 398 deletions
+80 -30
View File
@@ -68,7 +68,6 @@
.btn-slide-circ.selected .circ_interno {
background: #006EAB;
background: linear-gradient(to right, #006EAB 0%, #00928E 100%);
}
.content-swiper {
@@ -119,10 +118,10 @@
margin-top: 6px;
}
#c1 b, #c1 strong {
#c1 b,
#c1 strong {
color: var(--bs-green-1);
}
</style>
<div class='page-sco py-2 py-md-4 back0'>
<div class='container'>
@@ -135,23 +134,37 @@
</div>
<div class="col-7 col-md-5 text-center animate__animated animate__zoomIn">
<!-- <img src="img/02.0.png" class="img-fluid"> -->
<img src="img/02.3.png" class="img-fluid">
<img
src="img/02.3.png"
class="img-fluid"
>
</div>
<div class="col-12 col-md-7" data-sal="zoom-in" id="c1">
<div
class="col-12 col-md-7"
data-sal="zoom-in"
id="c1"
>
<div class="position-relative d-inline-block">
<div class="animate__animated animate__lightSpeedInRight animate__delay-2s">
<p class="mb-2 ">Drossagyn<sup>®</sup> es una crema vaginal a base de <strong>estriol</strong>, diseñada para aliviar y restaurar el
tejido afectado por la deficiencia estrogénica.</p>
<p class="mb-2 ">Drossagyn<sup>®</sup> es una crema vaginal a base de
<strong>estriol</strong>, diseñada para aliviar y restaurar el
tejido afectado por la deficiencia estrogénica.
</p>
<p class=" ">Vía de administración: <b class="text-green-1">Vaginal</b></p>
<p class="animate__animated animate__zoomIn animate__delay-10s">Vía de administración: <b
class="text-green-1"
>Vaginal</b></p>
<!-- Título -->
<p class="fw-bold mb-2">Dosificación</p>
<p class=" mb-4">1 dosis = 1 gr de crema = 0.5 mg de Estriol</p>
<p class="fw-bold mb-2 animate__animated animate__zoomIn animate__delay-13s">Dosificación</p>
<p class="mb-4 animate__animated animate__zoomIn animate__delay-13s">1 dosis = 1 gr de crema =
0.5 mg de Estriol</p>
<!-- Semanas -->
<div class="row g-4">
<!-- Semana 1 -->
<div class="col-md-6 col-12 text-center">
<div
class="col-md-6 col-12 text-center animate__animated animate__zoomIn animate__delay-20s"
>
<div class="d-inline-block position-relative">
<i class="fa-solid fa-calendar-days calendar-icon"></i>
@@ -161,18 +174,21 @@
</div>
<!-- Semana 2 -->
<div class="col-md-6 col-12 text-center">
<div
class="col-md-6 col-12 text-center animate__animated animate__zoomIn animate__delay-24s"
>
<div class="d-inline-block position-relative">
<i class="fa-solid fa-calendar-days calendar-icon"></i>
</div>
<h5 class="fw-bold mt-2 mb-1">Semana 2</h5>
<p class=" small mb-0">1gr de crema 2 a 3 veces x semana, hasta que los síntomas desaparezcan.</p>
<h5 class="fw-bold mt-2 mb-1">Semana 2</h5>
<p class=" small mb-0">1gr de crema 2 a 3 veces x semana, hasta que los síntomas
desaparezcan.</p>
</div>
</div>
<!-- Nota final -->
<p class="text-center mt-4 small">
Esta dosificación puede mantenerse <strong>hasta un máximo de 3 meses.</strong>
<p class="text-center mt-4 small animate__animated animate__zoomIn animate__delay-31s">
La dosificación inicial de acuerdo a guías de <strong>tratamiento es de 3 meses</strong>.
</p>
</div>
</div>
@@ -184,19 +200,33 @@
</div>
</div>
</div>
<div class="position-relative w-100 bg-white apa0 pt-3" style="display: none;">
<div
class="position-relative w-100 bg-white apa0 pt-3"
style="display: none;"
>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite" data-sec="sec1" data-audio="audioh03">
<img src="img/nSec.png" class="img-fluid">
<div
class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite"
data-sec="sec1"
data-audio="audioh03"
>
<img
src="img/nSec.png"
class="img-fluid"
>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="sec1" class='page-sco py-2 py-md-4 back1' style="display: none;">
<div
id="sec1"
class='page-sco py-2 py-md-4 back1'
style="display: none;"
>
<div class='container'>
<div class='row justify-content-center align-items-center'>
<div class='col-12 anim1'>
@@ -209,7 +239,10 @@
<div class="swiper-slide">
<div class="row justify-content-center align-items-center h-100">
<div class="col-7 col-md-5 text-center mb-3 mb-md-0">
<img src="img/02.1.png" class="img-fluid">
<img
src="img/02.1.png"
class="img-fluid"
>
</div>
<div class="col-12 col-md-7">
<h4 class="fw-bold text-green-1">Forma Farmacéutica y formulación</h4>
@@ -230,12 +263,17 @@
<div class="swiper-slide">
<div class="row justify-content-center align-items-center h-100">
<div class="col-7 col-md-5 text-center mb-3 mb-md-0">
<img src="img/02.3.png" class="img-fluid">
<img
src="img/02.3.png"
class="img-fluid"
>
</div>
<div class="col-12 col-md-7">
<h4 class="fw-bold text-green-1">Presentación Comercial</h4>
<p class="mb-0">Caja de cartón con un <strong>tubo de 50g</strong>, equivalente a <strong>3 meses</strong> de tratamiento con
aplicador e instructivo anexo.</p>
<p class="mb-0">Caja de cartón con un <strong>tubo de 50g</strong>, equivalente a
<strong>3 meses</strong> de tratamiento con
aplicador e instructivo anexo.
</p>
</div>
</div>
</div>
@@ -243,7 +281,8 @@
<div class="row justify-content-center align-items-center h-100">
<div class="col-12 col-md-6 mb-2">
<h4 class="fw-bold text-green-1">Indicaciones</h4>
<p>En el tratamiento de <strong>alteraciones relacionadas con la deficiencia de estrógenos</strong>, tales como:</p>
<p>En el tratamiento de <strong>alteraciones relacionadas con la deficiencia de
estrógenos</strong>, tales como:</p>
<ul class="mb-0">
<li>Vaginitis</li>
<li>Vulvitis</li>
@@ -265,14 +304,25 @@
</div>
</div>
</div>
<div class="position-relative d-flex flex-lg-column justify-content-center align-items-center mx-auto gap-4 mt-3 mt-lg-0">
<div class="btn-slide-circ selected completed" data-slide="0">
<div
class="position-relative d-flex flex-lg-column justify-content-center align-items-center mx-auto gap-4 mt-3 mt-lg-0"
>
<div
class="btn-slide-circ selected completed"
data-slide="0"
>
<div class="circ_interno"></div>
</div>
<div class="btn-slide-circ animate__animated animate__pulse animate__infinite" data-slide="1">
<div
class="btn-slide-circ animate__animated animate__pulse animate__infinite"
data-slide="1"
>
<div class="circ_interno"></div>
</div>
<div class="btn-slide-circ animate__animated animate__pulse animate__infinite" data-slide="2">
<div
class="btn-slide-circ animate__animated animate__pulse animate__infinite"
data-slide="2"
>
<div class="circ_interno"></div>
</div>
</div>
@@ -357,4 +407,4 @@
}
});
});
</script>
</script>