Besins/Ogestan_Drossagyn_Papilocare
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
David Martinez 2025-12-15 13:39:22 -06:00
parent 77fa734ee9
commit d3a577d128
12 changed files with 40 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
Drossagyn/audio/audioh07.mp3
View File

Binary file not shown.

11
Drossagyn/contenido/01.html
View File

@ -1,8 +1,8 @@
<style>
.back0 {
background-image: url(img/bg00.jpg);
background-image: url(img/bg00s.jpg);
background-size: cover;
background-position: 20% 100%;
background-position: center;
background-repeat: no-repeat;
}
@ -34,11 +34,11 @@
<div class="col-12 mb-3 text-center" data-sal="zoom-in">
<div class="d-inline-block position-relative">
<hr class="m-0 mb-2 opacity-100 border-top-2 text-white">
<h1 class="text-white fw-bolder">¡Bienvenido a <br> Drossagyn<sup>®</sup>!</h1>
<h1 class="text-primary fw-bolder">¡Bienvenido a <br> Drossagyn<sup>®</sup>!</h1>
<hr class="m-0 mt-2 opacity-100 border-top-2 text-white">
</div>
</div>
<div class="col-12 text-center" data-sal="flip-up">
<div class="col-12 text-center mb-3 mb-md-0" data-sal="flip-up">
<div class="w-100 position-relative">
<div id="wrap-comenzar"
data-sec="sec1"
@ -47,6 +47,9 @@
</div>
</div>
</div>
<div class="col-7 text-center d-block d-md-none">
<img src="img/01.1.png" class="img-fluid">
</div>
</div>
</div>
</div>

23
Drossagyn/contenido/02.html
View File

@ -75,6 +75,14 @@
min-width: 100%;
}
ul.li-sp li {
list-style-type: none;
}
ul.li-sp li>ul>li {
list-style-type: disc;
}
@media(min-width: 991px) {
.shadow-externo {
grid-template-columns: auto 50px;
@ -139,17 +147,20 @@
<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.3.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>
<p>Principio activo: <strong>Estriol</strong></p>
<p>Forma farmacéutica : <strong>Crema</strong></p>
<p>Forma farmacéutica: <strong>Crema</strong></p>
<p>Formulación:</p>
<p>Cada 100 gramos contienen:</p>
<ul class="mb-0">
<li><strong>Estriol</strong> 50mg</li>
<li>Excipiente cbp 100g</li>
<ul class="li-sp mb-0">
<li>Cada 100 gramos contienen:
<ul class="mb-0 mt-3">
<li><strong>Estriol</strong> 50mg</li>
<li>Excipiente cbp 100g</li>
</ul>
</li>
</ul>
</div>
</div>

4
Drossagyn/contenido/04.html
View File

@ -44,7 +44,7 @@
<div class="col-12 mb-3 text-center animate__animated animate__zoomIn">
<h2 class="fw-bold text-secondary mb-0">Dosis y vía de administración</h2>
</div>
<div class="col-12 col-md-6 col-lg-5 animate__animated animate__zoomIn">
<div class="col-12 col-md-4 col-lg-5 animate__animated animate__zoomIn">
<div class="row justify-content-center align-items-center">
<div class="col-3 col-md-5 text-center">
<img src="img/04.0.png" class="img-fluid">
@ -54,7 +54,7 @@
</div>
</div>
</div>
<div id="col-hide" class="col-12 col-md-6 col-lg-7 d-none d-md-block animate__animated animate__zoomIn">
<div id="col-hide" class="col-12 col-md-8 col-lg-7 d-none d-md-block animate__animated animate__zoomIn">
<div id="txt1" class="texts position-relative w-100">
<div class="row justify-content-center">
<div class="col-7 col-md-9 text-center mb-3">

21
Drossagyn/contenido/06.html
View File

@ -155,7 +155,7 @@
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12">
<div class="card bg-transparent border-0 rounded-0 shadow-none p-4 position-relative">
<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">Contraindicaciones</h3>
<ul class="text-start">
@ -170,7 +170,7 @@
</ul>
<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-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">
</div>
@ -184,7 +184,7 @@
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12">
<div class="card bg-transparent border-0 rounded-0 shadow-none p-4 position-relative">
<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">
<div class="row justify-content-center">
<div class="col-12 mb-3 text-md-start">
@ -220,7 +220,7 @@
</div>
</div>
</div>
<div class="position-absolute img-back h-100 top-0 d-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">
</div>
@ -240,7 +240,7 @@
<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-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">
</div>
@ -254,7 +254,7 @@
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12">
<div class="card bg-transparent border-0 rounded-0 shadow-none p-4 position-relative">
<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">Reacciones secundarias y adversas</h3>
<ul class="text-start">
@ -266,7 +266,7 @@
tienden a desaparecer a los pocos días.</em></p>
<p class="mb-0"><em>Frecuencia: (ocasional -&lt;1/100, ≥1/1000 )</em></p>
</div>
<div class="position-absolute img-back h-100 top-0 d-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">
</div>
@ -280,7 +280,7 @@
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12">
<div class="card bg-transparent border-0 rounded-0 shadow-none p-4 position-relative">
<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>
@ -290,10 +290,9 @@
<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 </em></p>
<p class="mb-0"><em>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-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">
</div>

8
Drossagyn/contenido/08.html
View File

@ -106,7 +106,7 @@
.bubble {
position: relative;
background: #DD3352;
background: #ff3983;
color: #FFFFFF;
box-shadow: 5px 7px 7px -1px rgba(221 51 82 / 30%);
text-align: center;
@ -121,7 +121,7 @@
width: 0;
z-index: 1;
border-style: solid;
border-color: #DD3352 transparent;
border-color: #ff3983 transparent;
border-width: 0 20px 20px;
top: -20px;
left: 50%;
@ -132,7 +132,7 @@
@media (min-width: 768px) {
.bubble:after {
/* Hacer el triángulo hacia la izquierda: color en el borde derecho */
border-color: transparent #DD3352 transparent transparent;
border-color: transparent #ff3983 transparent transparent;
/* top right bottom left */
border-width: 20px 20px 20px 0;
/* Colocar el triángulo centrado verticalmente y fuera a la izquierda */
@ -167,7 +167,7 @@
.option-btn:hover {
transform: scale(.9);
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset !important;
border: 5px solid #DD3352 !important;
border: 5px solid #ff3983 !important;
}
.bannerend{
width: 100%;

BIN
Drossagyn/img/01.1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
Drossagyn/img/02.3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
Drossagyn/img/actividad/atenciona.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Drossagyn/img/actividad/fondo-desarrollo.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Drossagyn/img/bg00s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

BIN
Drossagyn/img/bg05.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 14 KiB