aplicacion de cambios
This commit is contained in:
+137
-42
@@ -68,29 +68,53 @@
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="grid-custom">
|
||||
<div class="col-span" data-popid="#pop0">
|
||||
<div
|
||||
class="col-span"
|
||||
data-popid="#pop0"
|
||||
>
|
||||
<div class="d-flex flex-column justify-content-center align-items-center w-100">
|
||||
<div class="header-span">
|
||||
<div class="div-text d-inline-block position-relative">
|
||||
<img src="img/06.0.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.0.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
<div class="info">
|
||||
<h4 class="fw-medium text-center text-secondary">¿Cuándo NO debe usarse?</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-span" style="z-index: 1;">
|
||||
<img src="img/06.1.png" class="img-fluid">
|
||||
<div
|
||||
class="footer-span"
|
||||
style="z-index: 1;"
|
||||
>
|
||||
<img
|
||||
src="img/06.1.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span" data-popid="#pop1">
|
||||
<div
|
||||
class="col-span"
|
||||
data-popid="#pop1"
|
||||
>
|
||||
<div class="d-flex flex-column justify-content-center align-items-center w-100">
|
||||
<div class="header-span" style="z-index: 1;">
|
||||
<img src="img/06.2.png" class="img-fluid">
|
||||
<div
|
||||
class="header-span"
|
||||
style="z-index: 1;"
|
||||
>
|
||||
<img
|
||||
src="img/06.2.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
<div class="footer-span">
|
||||
<div class="div-text d-inline-block position-relative">
|
||||
<img src="img/06.11.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.11.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
<div class="info">
|
||||
<h4 class="fw-medium text-center text-secondary">Usar con precaución en…</h4>
|
||||
</div>
|
||||
@@ -98,29 +122,53 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span" data-popid="#pop2">
|
||||
<div
|
||||
class="col-span"
|
||||
data-popid="#pop2"
|
||||
>
|
||||
<div class="d-flex flex-column justify-content-center align-items-center w-100">
|
||||
<div class="header-span">
|
||||
<div class="div-text d-inline-block position-relative">
|
||||
<img src="img/06.0.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.0.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
<div class="info">
|
||||
<h4 class="fw-medium text-center text-secondary">Restricciones importantes</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-span" style="z-index: 1;">
|
||||
<img src="img/06.3.png" class="img-fluid">
|
||||
<div
|
||||
class="footer-span"
|
||||
style="z-index: 1;"
|
||||
>
|
||||
<img
|
||||
src="img/06.3.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span" data-popid="#pop3">
|
||||
<div
|
||||
class="col-span"
|
||||
data-popid="#pop3"
|
||||
>
|
||||
<div class="d-flex flex-column justify-content-center align-items-center w-100">
|
||||
<div class="header-span" style="z-index: 1;">
|
||||
<img src="img/06.4.png" class="img-fluid">
|
||||
<div
|
||||
class="header-span"
|
||||
style="z-index: 1;"
|
||||
>
|
||||
<img
|
||||
src="img/06.4.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
<div class="footer-span">
|
||||
<div class="div-text d-inline-block position-relative">
|
||||
<img src="img/06.11.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.11.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
<div class="info">
|
||||
<h4 class="fw-medium text-center text-secondary">Reacciones que pueden aparecer</h4>
|
||||
</div>
|
||||
@@ -128,18 +176,31 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span" data-popid="#pop4">
|
||||
<div
|
||||
class="col-span"
|
||||
data-popid="#pop4"
|
||||
>
|
||||
<div class="d-flex flex-column justify-content-center align-items-center w-100">
|
||||
<div class="header-span">
|
||||
<div class="div-text d-inline-block position-relative">
|
||||
<img src="img/06.0.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.0.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
<div class="info">
|
||||
<h4 class="fw-medium text-center text-secondary">Medicamentos que pueden interactuar</h4>
|
||||
<h4 class="fw-medium text-center text-secondary">Medicamentos que pueden interactuar
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-span" style="z-index: 1;">
|
||||
<img src="img/06.5.png" class="img-fluid">
|
||||
<div
|
||||
class="footer-span"
|
||||
style="z-index: 1;"
|
||||
>
|
||||
<img
|
||||
src="img/06.5.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -159,20 +220,29 @@
|
||||
<div class="position-relative w-100 z-1">
|
||||
<h3 class="fw-medium text-md-start text-green-1">Contraindicaciones</h3>
|
||||
<ul class="text-start">
|
||||
<li><strong>Hiper sensibilidad al estriol</strong>, o a cualquier componente de la fórmula.</li>
|
||||
<li><strong>Hiper sensibilidad al estriol</strong>, o a cualquier componente de la fórmula.
|
||||
</li>
|
||||
<li>Embarazo y lactancia.</li>
|
||||
<li>Posterior al <strong>tratamiento de sangrado vaginal</strong> por causas desconocidas.</li>
|
||||
<li>Posterior al <strong>tratamiento de sangrado vaginal</strong> por causas desconocidas.
|
||||
</li>
|
||||
<li>Hiperplasia endometrial.</li>
|
||||
<li>Endometriosis (incluyendo sospecha).</li>
|
||||
<li>Hiperplasia endometrial.</li>
|
||||
<li>En caso de<strong> tumor estrógenos-dependiente</strong> existente, anterior o ante la sospecha de su existencia,
|
||||
<li>En caso de<strong> tumor estrógenos-dependiente</strong> existente, anterior o ante la
|
||||
sospecha de su existencia,
|
||||
tanto en endometrio como en glándula mamaria.</li>
|
||||
</ul>
|
||||
<p class="mb-0"><em>En cualquiera de estos escenarios, el producto debe evitarse por completo.</em></p>
|
||||
<p class="mb-0"><em>En cualquiera de estos escenarios, el producto debe evitarse por
|
||||
completo.</em></p>
|
||||
</div>
|
||||
<div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
|
||||
<div
|
||||
class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center"
|
||||
>
|
||||
<div class="position-relative w-100 text-center">
|
||||
<img src="img/06.6.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.6.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -220,9 +290,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
|
||||
<div
|
||||
class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center"
|
||||
>
|
||||
<div class="position-relative w-100 text-center">
|
||||
<img src="img/06.7.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.7.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -237,12 +312,19 @@
|
||||
<div class="card bg-transparent border-0 rounded-0 shadow-none p-4 py-5 position-relative">
|
||||
<div class="position-relative w-100 z-1 py-5">
|
||||
<h3 class="fw-medium text-md-start text-green-1">Restricciones de uso</h3>
|
||||
<p class="text-md-start">No debe administrarse en el <strong>embarazo</strong>, ni durante el período de <strong>lactancia.</strong></p>
|
||||
<p class="mb-0"><em>Estas restricciones están claramente establecidas para evitar riesgos innecesarios.</em></p>
|
||||
<p class="text-md-start">No debe administrarse en el <strong>embarazo</strong>, ni durante el
|
||||
período de <strong>lactancia.</strong></p>
|
||||
<p class="mb-0"><em>Estas restricciones están claramente establecidas para evitar riesgos
|
||||
innecesarios.</em></p>
|
||||
</div>
|
||||
<div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
|
||||
<div
|
||||
class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center"
|
||||
>
|
||||
<div class="position-relative w-100 text-center">
|
||||
<img src="img/06.8.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.8.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -262,13 +344,19 @@
|
||||
<li>Nausea y/o vómito.</li>
|
||||
<li>Ligera mastalgia.</li>
|
||||
</ul>
|
||||
<p><em>Todas las posibles reacciones adversas mencionadas, pueden llegar a suceder en los primeros días de tratamiento y
|
||||
<p><em>Todas las posibles reacciones adversas mencionadas, pueden llegar a suceder en los
|
||||
primeros días de tratamiento y
|
||||
tienden a desaparecer a los pocos días.</em></p>
|
||||
<p class="mb-0"><em>Frecuencia: (ocasional -<1/100, ≥1/1000 )</em></p>
|
||||
</div>
|
||||
<div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
|
||||
<div
|
||||
class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center"
|
||||
>
|
||||
<div class="position-relative w-100 text-center">
|
||||
<img src="img/06.9.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.9.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -283,18 +371,25 @@
|
||||
<div class="card bg-transparent border-0 rounded-0 shadow-none py-5 p-4 py-md-4 position-relative">
|
||||
<div class="position-relative w-100 z-1">
|
||||
<h3 class="fw-medium text-md-start text-green-1">Interacciones medicamentosas</h3>
|
||||
<p class="text-md-start">Algunos medicamentos pueden aumentar la acción de los estrógenos, como:</p>
|
||||
<p class="text-md-start">Algunos medicamentos pueden aumentar la acción de los estrógenos, como:
|
||||
</p>
|
||||
<ul class="text-start">
|
||||
<li>Barbitúricos</li>
|
||||
<li>Hidantoínas</li>
|
||||
<li>Carbamazepinas</li>
|
||||
<li>Rifampicina</li>
|
||||
</ul>
|
||||
<p><em>La existencia de interacción por vía cutánea es muy poco probable, debido a su acción local = SEGURIDAD</em></p>
|
||||
<p><em>La existencia de interacción por vía cutánea es muy poco probable, debido a su acción
|
||||
local = SEGURIDAD</em></p>
|
||||
</div>
|
||||
<div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
|
||||
<div
|
||||
class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center"
|
||||
>
|
||||
<div class="position-relative w-100 text-center">
|
||||
<img src="img/06.10.png" class="img-fluid">
|
||||
<img
|
||||
src="img/06.10.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -325,7 +420,7 @@
|
||||
|
||||
CourseNav.audioController.stopAllSoundsAndPlay(audioh10);
|
||||
|
||||
audioh10.on('play',function(){
|
||||
audioh10.on('play', function () {
|
||||
$('.anim0').show();
|
||||
gsap.fromTo('.col-span',
|
||||
{ opacity: 0, rotationY: -90 },
|
||||
@@ -333,7 +428,7 @@
|
||||
);
|
||||
});
|
||||
|
||||
audioh10.on('end',function(){
|
||||
audioh10.on('end', function () {
|
||||
$('.col-span').addClass('animate__animated animate__pulse animate__infinite').removeClass('disabled');
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user