cc
This commit is contained in:
@@ -74,7 +74,7 @@
|
||||
<p class="my-0">Hoy conocerás de forma clara y práctica por qué <b class="">Papilocare<sup>®</sup></b> es
|
||||
una opción
|
||||
clave para <b>apoyar la
|
||||
reparación de la zona cervicovaginal en pacientes con VPH</b>, y cómo esta información fortalecerá tu
|
||||
reparación de la zona de transformación cervical en pacientes con VPH</b>, y cómo esta información fortalecerá tu
|
||||
comunicación con los profesionales de la salud.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -52,10 +52,9 @@
|
||||
<div class="d-inline-block position-relative">
|
||||
<hr class="m-0 mb-2 opacity-100 border-top-2 text-gray-2">
|
||||
<div class="text-card p-2 p-md-0">
|
||||
<h2 class="text-secondary fw-bold">¿Qué es Papilocare®?</h2>
|
||||
<p class="mb-0"><b>Papilocare<sup>®</sup></b> es una <b>solución diseñada para apoyar la reparación de
|
||||
la zona
|
||||
cervicovaginal</b> en mujeres con diagnóstico de VPH. Más adelante conocerás qué lo hace diferente
|
||||
<h2 class="text-secondary fw-bold">¿Qué es Papilocare<sup>®</sup>?</h2>
|
||||
<p class="mb-0"><b>Papilocare<sup>®</sup></b> es una <b>dispositivo diseñado para apoyar la reparación de la
|
||||
zona de transformación cervical</b> en mujeres con diagnóstico de VPH. Más adelante conocerás qué lo hace diferente
|
||||
y
|
||||
cómo actúa.</p>
|
||||
</div>
|
||||
@@ -83,7 +82,13 @@
|
||||
<h2 class="text-pink-1 text-center fw-bold">Presentación Comercial</h2>
|
||||
<div class="card border-0 bg-purple-3">
|
||||
<div class="card-body">
|
||||
<p class="my-0">Caja con <b>7</b> tubos monodosis de 5 ml cada uno, con aplicador.</p>
|
||||
<p class="my-0">Caja con <b>7</b> cánulas monodosis de 5 ml cada uno, con aplicador.</p>
|
||||
<p class="my-0">Caja con <b>21</b> cánulas monodosis de 5 ml cada uno, con aplicador.</p>
|
||||
<!-- <p class="my-0"><b>Recomendaciones de uso:</b></p>
|
||||
<ul class="text-start">
|
||||
<li>Dosis estándar 1 mes + 55 meses</li>
|
||||
<li>Dosis intensiva: 3 meses + 3 meses</li>
|
||||
</ul> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -154,9 +154,9 @@
|
||||
útil para:</p>
|
||||
<ul class="text-start">
|
||||
<li>Reducir las molestias y favorecer el proceso natural de
|
||||
<b>cicatrización de la zona cervicovaginal</b>.
|
||||
<b>cicatrización de la zona de transformación cervical</b>.
|
||||
</li>
|
||||
<li><b>Tratar</b> la sequedad de la mucosa cervicovaginal.</li>
|
||||
<li><b>Tratar</b> la sequedad de la mucosa de la zona de transformación cervical.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -190,14 +190,14 @@
|
||||
<div class="col-12">
|
||||
<div class="row justify-content-center align-items-center">
|
||||
<div class="col-12 col-md-12 col-xl-8 text-start mb-md-4 mb-2">
|
||||
<h3 class="fw-semibold text-pink-1 text-center">¿Para quién?</h3>
|
||||
<h3 class="fw-semibold text-pink-1 text-center">¿Para quién está diseñado?</h3>
|
||||
<div class="card border-0 rounded-15 bg-purple-3">
|
||||
<div class="card-body py-3 px-3">
|
||||
<p class="my-0"><b>Papilocare<sup>®</sup></b> está diseñado para acompañar a mujeres
|
||||
con
|
||||
diagnóstico de
|
||||
<b>VPH+</b>, brindando
|
||||
apoyo en la recuperación de la zona cervicovaginal.
|
||||
apoyo en la recuperación de la zona de transformación cervical.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -356,6 +356,9 @@
|
||||
$('[id*="xbtn"]').each(function () {
|
||||
$(this).addClass('btn-pop animate__animated animate__pulse animate__infinite disable');
|
||||
$(this).attr('data-popid', '#pop' + index);
|
||||
const h2Text = $('#pop' + index).find('h2').text();
|
||||
$(this).attr({'data-bs-toggle': 'tooltip', 'data-bs-placement': 'top', 'title': h2Text});
|
||||
new bootstrap.Tooltip(this, { trigger: 'hover' });
|
||||
index++;
|
||||
});
|
||||
pops();
|
||||
|
||||
@@ -110,9 +110,9 @@
|
||||
|
||||
.bubble {
|
||||
position: relative;
|
||||
background: var(--bs-coral);
|
||||
background: var(--bs-purple-3);
|
||||
color: #FFFFFF;
|
||||
box-shadow: 5px 7px 7px -1px rgb(239 186 146 / 44%);
|
||||
box-shadow: 5px 7px 7px -1px rgba(189, 146, 239, 0.44);
|
||||
text-align: center;
|
||||
border-radius: 15px;
|
||||
padding: 1em;
|
||||
@@ -125,7 +125,7 @@
|
||||
width: 0;
|
||||
z-index: 1;
|
||||
border-style: solid;
|
||||
border-color: var(--bs-coral) transparent;
|
||||
border-color: var(--bs-purple-3) transparent;
|
||||
border-width: 0 20px 20px;
|
||||
top: -20px;
|
||||
left: 50%;
|
||||
@@ -142,7 +142,7 @@
|
||||
@media (min-width: 768px) {
|
||||
.bubble:after {
|
||||
/* Hacer el triángulo hacia la izquierda: color en el borde derecho */
|
||||
border-color: transparent var(--bs-coral) transparent transparent;
|
||||
border-color: transparent var(--bs-purple-3) transparent transparent;
|
||||
/* top right bottom left */
|
||||
border-width: 20px 20px 20px 0;
|
||||
/* Colocar el triángulo centrado verticalmente y fuera a la izquierda */
|
||||
@@ -273,7 +273,7 @@
|
||||
<div class="col-12 col-sm-12 col-md-6 col-xl-6">
|
||||
<div class="card custom-card animate__animated animate__fadeInRightBig p-md-4 p-2">
|
||||
<div class="card-body text-center text-white">
|
||||
<h1 class="text-coral fw-bold">
|
||||
<h1 class="text-purple-4 fw-bold">
|
||||
¿Quién está diciendo la verdad?
|
||||
</h1>
|
||||
En esta actividad podrás practicar cómo responder <span class="fw-bold text-gray-1">objeciones</span> y
|
||||
@@ -305,8 +305,8 @@
|
||||
<h2 class="fw-medium text-secondary">¿Quién está diciendo la verdad?</h2>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 ins_act">
|
||||
<div class="text-center w-100 d-inline-block p-md-3 p-1 bg-coral rounded-3 shadow" style="color: #0e1c62;">
|
||||
<strong style="color: #0e1c62;">Instrucciones: </strong>Lee la respuesta de los dos representantes sobre
|
||||
<div class="text-center w-100 d-inline-block p-md-3 p-1 bg-purple-4 rounded-3 shadow">
|
||||
<strong>Instrucciones: </strong>Lee la respuesta de los dos representantes sobre
|
||||
una objeción. Analiza
|
||||
cuidadosamente sus argumentos y elige quién tiene la razón.
|
||||
</div>
|
||||
|
||||
@@ -113,7 +113,7 @@
|
||||
<div class='row justify-content-center align-items-center'>
|
||||
|
||||
<div class='col-12 text-center'>
|
||||
<h2 class='mb-4 fw-semibold text-center'>Manejo de Objeciones</h2>
|
||||
<h2 class='mb-4 fw-semibold text-center text-primary'>Manejo de Objeciones</h2>
|
||||
</div>
|
||||
|
||||
<!-- Avatar Médico -->
|
||||
|
||||
Reference in New Issue
Block a user