Files
Maphre-PLD-2026/contenido/33.html
T

140 lines
5.5 KiB
HTML
Raw Normal View History

2026-07-02 17:02:25 -06:00
<!doctype html>
2026-06-04 12:20:40 -06:00
<html>
2026-07-02 17:02:25 -06:00
<head>
<style>
.sec0 {
background-image: url(img/fondos/bg13.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.bubble {
width: 100%;
height: auto;
background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5, #f1f1f1, #ededed, #e9e9e9);
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.paper {
position: relative;
margin: auto;
}
.txt_paper {
position: absolute;
top: 78px;
left: 15px;
padding: 0 1rem;
}
.anim {
opacity: 0;
}
</style>
</head>
<body>
2026-06-04 12:20:40 -06:00
<div class="section_charge bg w-100 h-100">
2026-07-02 17:02:25 -06:00
<div class="d-none">
<img src="img/fondos/bg7.jpg" alt="" />
</div>
<section id="sec0" class="sec0 w-100 h-100">
<div class="container h-100">
<div class="row justify-content-center align-items-center h-100">
<div class="col-3 align-self-end">
<div class="personaje_m_8 mx-auto anim anim2"></div>
</div>
<div class="col-8">
<div class="bubble p-2">
<p class="m-0">
Antes de terminar con nuestro curso, es tiempo de recordar lo más importante en relación con las
<b>nuevas disposiciones</b>
para la prevención y detección de operaciones con recursos de procedencia ilícita:
</p>
</div>
<div class="paper mt-3 anim anim1">
<img src="img/64.png" alt="" />
<div class="txt_paper">
<ol type="1" start="1" class="list_paper">
<li class="my-2 anim anim3">
Estas disposiciones establecen las medidas y procedimientos mínimos para prevenir y detectar
actos, omisiones u operaciones que pudieran favorecer delitos de operaciones con recursos de
procedencia ilícita y financiamiento al terrorismo.
</li>
<li class="my-2 anim anim4">Estas disposiciones entraron en vigencia a partir de 2021.</li>
<li class="my-2 anim anim5">
Existen una serie de conceptos previstos que debes recordar como lo son: Cliente, Beneficiario,
Grado de Riesgo, entre otros.
</li>
<li class="my-2 anim anim6">
El Manual de Cumplimiento para estas disposiciones está conformado por tres aspectos centrales: la
identificación del cliente, el enfoque basado en riesgos, el conocimiento del cliente.
</li>
</ol>
2026-06-04 12:20:40 -06:00
</div>
2026-07-02 17:02:25 -06:00
</div>
2026-06-04 12:20:40 -06:00
</div>
2026-07-02 17:02:25 -06:00
</div>
</div>
</section>
2026-06-04 12:20:40 -06:00
</div>
2026-07-02 17:02:25 -06:00
</body>
2026-06-04 12:20:40 -06:00
</html>
<script>
2026-07-02 17:02:25 -06:00
jQuery(document).ready(function ($) {
2026-06-04 12:20:40 -06:00
instruccion(0);
2026-07-02 17:02:25 -06:00
var Audio_23 = newSound('audio/Audio_23_Marcos.mp3');
var txt2 =
"<ol type='1' start='5' class='list_paper'><li class='anim anim7 my-2'>Existen tres tipos de Operaciones que pueden ser reportadas: inusuales, relevantes e internas preocupantes.</li><li class='anim anim8 my-2'>En caso de detectar alguna irregularidad, puedes acudir al Comité de Comunicación y Control, así como al Oficial de Cumplimiento.</li><li class='anim anim9 my-2'>Toda la información que sea compartida debe mantener una absoluta confidencialidad.</li></ol>";
2026-06-04 12:20:40 -06:00
2026-07-02 17:02:25 -06:00
Audio_23.on('play', function () {
var tl2 = new TimelineMax();
tl2.fromTo('.anim3', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 10.8);
tl2.fromTo('.anim4', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 26);
tl2.fromTo('.anim5', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 31);
tl2.fromTo('.anim6', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 42);
setTimeout(fn_list, 56000);
2026-06-04 12:20:40 -06:00
});
2026-07-02 17:02:25 -06:00
Audio_23.on('end', function () {
$('.personaje_m_8').removeClass('play');
fn_end();
2026-06-04 12:20:40 -06:00
});
2026-07-02 17:02:25 -06:00
$('.layer-load').show();
2026-06-04 12:20:40 -06:00
$('.section_charge').waitForImages({
2026-07-02 17:02:25 -06:00
finished: function () {
$('.section_charge').css('visibility', 'visible');
$('.wloader').hide();
fn_animate();
},
each: function (loaded, count, success) {
var total = Math.floor((loaded * 100) / count);
$('.wloader').show();
},
waitForAll: true
2026-06-04 12:20:40 -06:00
});
2026-07-02 17:02:25 -06:00
function fn_animate() {
var tl = new TimelineMax();
tl.fromTo('.anim2', 1, { opacity: 0, x: -150 }, { opacity: 1, x: 0, ease: Expo.easeInOut });
tl.fromTo('.anim1', 0.7, { opacity: 0, y: -250 }, { opacity: 1, y: 0, ease: Expo.easeInOut });
tl.call(fn_firstAudio);
2026-06-04 12:20:40 -06:00
}
2026-07-02 17:02:25 -06:00
function fn_firstAudio() {
stopAllSoundsAndPlay(Audio_23);
$('.personaje_m_8').addClass('play');
2026-06-04 12:20:40 -06:00
}
2026-07-02 17:02:25 -06:00
function fn_list() {
$('.txt_paper').html(txt2);
var tl3 = new TimelineMax();
tl3.fromTo('.anim7', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut });
tl3.fromTo('.anim8', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 10);
tl3.fromTo('.anim9', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 19);
2026-06-04 12:20:40 -06:00
}
2026-07-02 17:02:25 -06:00
function fn_end() {
instruccion(1);
2026-06-04 12:20:40 -06:00
}
2026-07-02 17:02:25 -06:00
});
</script>