2026-06-05 16:56:04 -06:00
|
|
|
<!doctype html>
|
2026-06-04 12:20:40 -06:00
|
|
|
<html>
|
2026-06-05 16:56:04 -06:00
|
|
|
<head>
|
|
|
|
|
<style>
|
|
|
|
|
.sec0 {
|
|
|
|
|
background-image: url(img/fondos/bg2.jpg);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
background-position: center;
|
|
|
|
|
}
|
|
|
|
|
.cuadro_navegacion {
|
|
|
|
|
background-color: #00263a !important;
|
|
|
|
|
border-radius: 25px;
|
|
|
|
|
}
|
|
|
|
|
.cuadro_navegacion .card-header {
|
|
|
|
|
border: 1px solid #657380;
|
|
|
|
|
}
|
|
|
|
|
.btn_ponter {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
.buttonss0 {
|
|
|
|
|
left: -69px;
|
|
|
|
|
top: 50%;
|
|
|
|
|
-webkit-transform: translateY(-50%);
|
|
|
|
|
-ms-transform: translateY(-50%);
|
|
|
|
|
-o-transform: translateY(-50%);
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
}
|
|
|
|
|
.buttonss1 {
|
|
|
|
|
right: -69px;
|
|
|
|
|
top: 50%;
|
|
|
|
|
-webkit-transform: translateY(-50%);
|
|
|
|
|
-ms-transform: translateY(-50%);
|
|
|
|
|
-o-transform: translateY(-50%);
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
}
|
|
|
|
|
.obj {
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
.obj1 {
|
|
|
|
|
top: 3%;
|
|
|
|
|
left: 11%;
|
|
|
|
|
}
|
|
|
|
|
.btn-comenzar {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
.anim {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2026-06-04 12:20:40 -06:00
|
|
|
<div class="section_charge w-100 h-100">
|
2026-06-05 16:56:04 -06:00
|
|
|
<div class="d-none"></div>
|
|
|
|
|
<section id="sec0" class="sec0 w-100 h-100">
|
|
|
|
|
<div class="container pl-0 h-100">
|
|
|
|
|
<div class="row justify-content-center h-100">
|
|
|
|
|
<div class="col-5 align-self-end">
|
|
|
|
|
<img src="img/1.png" class="anim anim1" alt="" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-6 text-center align-self-center">
|
|
|
|
|
<div class="main-txt pt-4 anim anim3">
|
|
|
|
|
<h2>Prevención y Detección de Operaciones con Recursos de Procedencia Ilícita</h2>
|
|
|
|
|
<div class="btn-comenzar mt-3">
|
|
|
|
|
<img src="img/template/btn-comenzar.svg" class="d-block mx-auto" width="268" height="64" />
|
2026-06-04 12:20:40 -06:00
|
|
|
</div>
|
2026-06-05 16:56:04 -06:00
|
|
|
</div>
|
|
|
|
|
<div class="position-absolute anim3" style="right: 0; top: 328px; font-size: 16px; text-align: left">
|
|
|
|
|
<p>
|
|
|
|
|
<em>
|
|
|
|
|
Mapfre México S.A. / Mapfre Fianzas S.A., emite el presente certificado en cumplimiento a las
|
|
|
|
|
Disposiciones Quincuagésima Segunda, en relación con la Quincuagésima Primera,
|
|
|
|
|
del acuerdo por el que se emiten las disposiciones de Carácter General a que se refiere el
|
|
|
|
|
Art. 492 de la Ley de Instituciones de Seguros y de Fianzas aplicables a instituciones y sociedades
|
|
|
|
|
mutualistas de seguros, publicado en el Diario Oficial de la Federación el 19 de Noviembre
|
|
|
|
|
del 2020.
|
|
|
|
|
</em>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
2026-06-04 12:20:40 -06:00
|
|
|
</div>
|
2026-06-05 16:56:04 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
2026-06-04 12:20:40 -06:00
|
|
|
</div>
|
2026-06-05 16:56:04 -06:00
|
|
|
</body>
|
2026-06-04 12:20:40 -06:00
|
|
|
</html>
|
|
|
|
|
<script>
|
2026-06-05 16:56:04 -06:00
|
|
|
jQuery(document).ready(function ($) {
|
2026-06-04 12:20:40 -06:00
|
|
|
instruccion(0);
|
2026-06-05 16:56:04 -06:00
|
|
|
$('.layer-load').show();
|
2026-06-04 12:20:40 -06:00
|
|
|
$('.section_charge').waitForImages({
|
2026-06-05 16:56:04 -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-06-05 16:56:04 -06:00
|
|
|
function fn_animate() {
|
|
|
|
|
var tl = new TimelineMax();
|
|
|
|
|
tl.fromTo('.anim1', 0.7, { opacity: 0, x: -250 }, { opacity: 1, x: 0, ease: Expo.easeInOut });
|
|
|
|
|
tl.fromTo(
|
|
|
|
|
'.anim3',
|
|
|
|
|
1,
|
|
|
|
|
{ opacity: 0, y: -300, rotationX: -180, rotationY: 180 },
|
|
|
|
|
{ opacity: 1, y: 0, rotationX: 0, rotationY: 0 }
|
|
|
|
|
);
|
|
|
|
|
tl.call(fn_end);
|
2026-06-04 12:20:40 -06:00
|
|
|
}
|
|
|
|
|
|
2026-06-05 16:56:04 -06:00
|
|
|
function fn_end() {
|
|
|
|
|
instruccion(2);
|
|
|
|
|
$('.btn-comenzar').addClass('animated infinite pulse');
|
2026-06-04 12:20:40 -06:00
|
|
|
}
|
|
|
|
|
|
2026-06-05 16:56:04 -06:00
|
|
|
$('.btn-comenzar').click(function (event) {
|
|
|
|
|
/* Act on the event */
|
|
|
|
|
instruccion(1);
|
|
|
|
|
__siguiente();
|
2026-06-04 12:20:40 -06:00
|
|
|
});
|
2026-06-05 16:56:04 -06:00
|
|
|
});
|
|
|
|
|
</script>
|
