1console.log("JS - PROPE"); 2window.casaIcon = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ2IDQ2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NiA0NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDMuMywxOUw0MiwxOWMtMy40LDAtMy4zLDMuMy0zLjMsMy4zczAsMTUuNywwLDE4LjZjMCwyLjktMy4zLDMtMy4zLDNjLTEuNiwwLTEuNi0xLjctMS42LTEuN2wwLTExLjYKCWMwLTEuNy0xLjgtMS43LTEuOC0xLjdsLTYuNSwwYy0xLjcsMC4xLTEuNywxLjctMS43LDEuN2wwLjEsMTEuNGMwLDEuOC0xLjcsMS44LTEuNywxLjhIMTAuNWMtMy4yLDAtMy40LTMuNi0zLjQtMy42czAtMTUsMC0xOC4xCglTNCwxOSw0LDE5SDIuN2MwLDAtMy40LTAuMS0xLjctMS45TDIxLjksMi43YzAsMCwxLjEtMS4yLDIuMSwwbDIxLDE0LjVDNDUsMTcuMiw0Ni43LDE5LDQzLjMsMTl6IE01LjYsMTAuNVY1LjcKCWMwLTMuNSwzLjItMy40LDMuMi0zLjRjMy41LDAsMy40LDMuMiwzLjQsMy4ybDAsMS42bC01LjIsMy41QzUuNCwxMi4yLDUuNiwxMC41LDUuNiwxMC41eiIvPgo8L3N2Zz4K'; 3var _____WB$wombat$assign$function_____ = function(name) {return (self._wb_wombat && self._wb_wombat.local_init && self._wb_wombat.local_init(name)) || self[name]; }; 4if (!self.__WB_pmw) { self.__WB_pmw = function(obj) { this.__WB_source = obj; return this; } } 5{ 6 let window = _____WB$wombat$assign$function_____("window"); 7 let self = _____WB$wombat$assign$function_____("self"); 8 let document = _____WB$wombat$assign$function_____("document"); 9 let location = _____WB$wombat$assign$function_____("location"); 10 let top = _____WB$wombat$assign$function_____("top"); 11 let parent = _____WB$wombat$assign$function_____("parent"); 12 let frames = _____WB$wombat$assign$function_____("frames"); 13 let opener = _____WB$wombat$assign$function_____("opener"); 14 15window.getPropensionCX = function callPropensionCX(){ 16 17/* MÃTRICA LANZAMIENTO TEST */ 18ga('send', 'event', 'testing', 'AO53 - Modelo de Propension de Hogar - Gamificacion', 19 'AO53 - Modelo de Propension de Hogar - Gamificacion available-media', { 20 dimension21: 'production', 21 dimension22: '9r78a69t478cccr05ac668223aeer4429', 22 dimension37: window.location.href 23}); 24 25window.function_screen_resize = function() { 26 if((window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) >= 768){ 27 window.isDesktop = true; 28 29 if((window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight) <= 925){ 30 if((window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) < 1280 31 && (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) >= 768){ 32 jQuery("#mkdiv_home_game").css("height", 2806); 33 34 jQuery("#mkdiv_main_layer").css("height", 700); 35 jQuery("#mkdiv_main_layer").css("margin-top", 0); 36 jQuery(".mkdiv_main_layer_house").css("height", "70%"); 37 jQuery("#mkdiv_first_layer").css("height", 700); 38 jQuery("#mkdiv_second_layer").css("height", 700); 39 jQuery("#mkdiv_third_layer").css("height", 700); 40 } else { 41 jQuery("#mkdiv_home_game").css("height", 3600); 42 43 jQuery("#mkdiv_main_layer").css("height", 900); 44 jQuery("#mkdiv_main_layer").css("margin-top", 0); 45 jQuery(".mkdiv_main_layer_house").css("height", "70%"); 46 jQuery("#mkdiv_first_layer").css("height", 900); 47 jQuery("#mkdiv_second_layer").css("height", 900); 48 jQuery("#mkdiv_third_layer").css("height", 918); 49 } 50 } else { 51 if((window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) < 1280 52 && (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) >= 768){ 53 jQuery("#mkdiv_home_game").css("height", 2806); 54 55 jQuery("#mkdiv_main_layer").css("height", 700); 56 jQuery("#mkdiv_main_layer").css("margin-top", 0); 57 jQuery(".mkdiv_main_layer_house").css("height", "70%"); 58 jQuery("#mkdiv_first_layer").css("height", 700); 59 jQuery("#mkdiv_second_layer").css("height", 700); 60 jQuery("#mkdiv_third_layer").css("height", 700); 61 } else { 62 jQuery("#mkdiv_home_game").css("height", document.documentElement.clientHeight * 4); 63 64 jQuery("#mkdiv_main_layer").css("height", document.documentElement.clientHeight); 65 jQuery("#mkdiv_main_layer").css("margin-top", 0); 66 jQuery("#mkdiv_first_layer").css("height", document.documentElement.clientHeight); 67 jQuery("#mkdiv_second_layer").css("height", document.documentElement.clientHeight); 68 jQuery("#mkdiv_third_layer").css("height", document.documentElement.clientHeight); 69 } 70 } 71 } else { 72 window.isDesktop = false;
73 74 if((window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) < 768){ 75 jQuery("#mkdiv_home_game").css("height", "auto"); 76 77 jQuery("#mkdiv_main_layer").css("height", "calc(100vh - 190px)"); 78 jQuery("#mkdiv_main_layer").css("margin-top", 190); 79 jQuery(".mkdiv_main_layer_house").css("height", "70%"); 80 jQuery("#mkdiv_first_layer").css("height", "calc(100vh - 190px)"); 81 jQuery("#mkdiv_second_layer").css("height", "calc(100vh - 242px)"); 82 jQuery("#mkdiv_third_layer").css("height", "calc(100vh - 242px)"); 83 } /*else { 84 var alto_screen = window.innerHeight; 85 var alto_header = jQuery('.mkdiv_main_layer_header').innerHeight(); 86 window.alto_buscado = alto_screen - alto_header; 87 88 jQuery('#mkdiv_home_game').css('height', alto_header + (window.alto_buscado*4)); 89 jQuery("#wrapper").css("height", window.innerHeight); 90 91 jQuery("#mkdiv_main_layer").css("height", window.alto_buscado); 92 jQuery("#mkdiv_main_layer").css("margin-top", alto_header); 93 jQuery("#mkdiv_first_layer").css("height", window.alto_buscado); 94 jQuery("#mkdiv_second_layer").css("height", window.alto_buscado); 95 jQuery("#mkdiv_third_layer").css("height",window.alto_buscado); 96 }*/ 97 } 98} 99 100jQuery("head").append("<style type='text/css'>\ 101.modal-container{width: 100%;height: 100%; position:fixed; top: 0px; z-index: 10000000;}\ 102.overflow-hidden{overflow: hidden;}\ 103.modal-so-hidden{display: none;}\ 104 #mkdiv_home_game {\ 105 position: absolute;\ 106 overflow: hidden;\ 107 display: flex;\ 108 flex-direction: column;\ 109 background: white;\ 110 width: 100%;\ 111 height: 100%;\ 112 z-index: 99999999;\ 113 left: 100%;\ 114 display: none;\ 115 }\ 116 #mkdiv_main_layer {\ 117 width: 100%;\ 118 display: inline-block;\ 119 }\ 120 .mkdiv_main_layer_header {\ 121 position: fixed;\ 122 top: 0;\ 123 width: 100%;\ 124 height: 240px;\ 125 background-color: #D81E05;\ 126 z-index: 9999999999999;\ 127 text-align: initial!important;\ 128 }\ 129 .mkdiv_main_layer_main_copy_header {\ 130 position: absolute;\ 131 top: 95px;\ 132 width: 100%;\ 133 text-align: center;\ 134 height: 82px;\ 135 margin: 0 auto;\ 136 font-family: DM Sans;\ 137 font-size: 60px;\ 138 font-weight: 600;\ 139 text-transform: uppercase;\ 140 line-height: 82px;\ 141 color: #FFF;\ 142 margin-top: -20px;\ 143 }\ 144 .mkdiv_main_layer_logo {\ 145 position: absolute;\ 146 width: 100%;\ 147 text-align: center;\ 148 margin-top: 20px;\ 149 margin-left: -33px;\ 150 }\ 151 .mkdiv_main_layer_cta_container {\ 152 position: absolute;\ 153 top: 196px;\ 154 width: 100%;\ 155 text-align: center;\ 156 color: #FFF;\ 157 margin-top: -15px;\ 158 }\ 159 .mkdiv_main_layer_span_te_llamamos {\ 160 cursor: pointer;\ 161 text-transform: uppercase;\ 162 text-align: center;\ 163 border: 2px solid #FFF;\ 164 font-family: DM Sans;\ 165 font-size: 16px;\ 166 font-weight: 600;\ 167 line-height: 22px;\ 168 width: 260px;\ 169 height: 45px;\ 170 display: inline-block;\ 171 padding: 12px 39px 11px 40px;\ 172 margin-right: 24px;\ 173 }\ 174 .mkdiv_main_layer_span_calcula_tu_precio {\ 175 cursor: pointer;\ 176 text-transform: uppercase;\ 177 background-color: #A9CB02;\ 178 border: 2px solid #A9CB02;\ 179 font-family: DM Sans;\ 180 font-size: 16px;\ 181 font-weight: 600;\ 182 line-height: 22px;\ 183 width: 260px;\ 184 height: 45px;\ 185 display: inline-block;\ 186 padding: 12px 39px 11px 40px;\ 187 }\ 188 .mkdiv_main_layer_city {\ 189 position: relative;\ 190 background-repeat: no-repeat;\ 191 background-position: 0 125px;\ 192 background-size: 100% 100%;\ 193 background-image: url('https://www.mapfre.es/media/estaticos/dmp/slide-home/ciudad-fondo.svg');\ 194 }\ 195 .mkdiv_main_layer_house {\ 196 position: relative;\ 197 z-index: 1;\ 198 overflow: hidden;\ 199 width: 100%;\ 200 height: 70%;\ 201 background-repeat: no-repeat;\ 202 background-size: 100% 100%;\ 203 background-image: url('https://www.mapfre.es/media/estaticos/dmp/slide-home/casa.svg');\ 204 top: 265px;\ 205 }\ 206 .mkdiv_main_layer_button_1 {\ 207 position: absolute;\ 208 z-index: 2;\ 209 top: 57%;\ 210 left: 25%;\ 211 width: 22%;\ 212 height: 10%;\ 213 transform: translateX(-50%) translateY(-50%);\ 214 }\ 215 .mkdiv_main_layer_button_1 .bounce {\ 216 animation: bounce 0.6s;\ 217 animation-direction: alternate;\ 218 animation-iteration-count: infinite;\ 219 }\ 220 .mkdiv_main_layer_button_2 {\ 221 position: absolute;\ 222 z-index: 2;\ 223 top: 48%;\ 224 left: 80%;\ 225 width: 71%;\ 226 height: 30%;\ 227 transform: translateX(-50%) translateY(-50%);\ 228 }\ 229 .mkdiv_main_layer_button_2 .bounce {\ 230 animation: bounce 0.6s;\ 231 animation-direction: alternate;\ 232 animation-iteration-count: infinite;\ 233 }\ 234 .mkdiv_main_layer_button_3 {\ 235 position: absolute;\ 236 z-index: 3;\ 237 top: 54%;\ 238 left: 69%;\ 239 width: 28%;\ 240 height: 10%;\ 241 transform: translateX(-50%) translateY(-50%);\ 242 }\ 243 .mkdiv_main_layer_button_3 .bounce {\ 244 animation: bounce 0.6s;\ 245 animation-direction: alternate;\ 246 animation-iteration-count: infinite;\ 247 }\ 248 .parallax_effect {\ 249 background-attachment: fixed;\ 250 }\ 251 #button1_link, #button2_link, #button3_link, #button_first_layer_broken_lamp_link_mobile, #button_first_layer_broken_lamp_link, #button_second_layer_broken_fridge_link, #button_third_layer_lost_plane_link {\ 252 cursor: pointer;\ 253 }\ 254 @-webkit-keyframes bounce-home { \ 255 0% { transform: translateY(0) scale(1); }\ 256 100% { transform: translateX(-10px) scale(0.99); }\ 257 } \ 258 .bounce-home {\ 259 animation: bounce-home 0.6s;\ 260 animation-direction: alternate;\ 261 animation-iteration-count: infinite;\ 262 }\ 263 @-webkit-keyframes bounce { \ 264 0% { transform: translateY(0) scale(1); }\ 265 100% { transform: translateY(-7px) scale(0.99); }\ 266 } \ 267 .bounce {\ 268 animation: bounce 0.6s;\ 269 animation-direction: alternate;\ 270 animation-iteration-count: infinite;\ 271 }\ 272 @-webkit-keyframes bounce-big { \ 273 0% { transform: translateY(0) scale(1); }\ 274 100% { transform: translateY(-7px) scale(0.97); }\ 275 } \ 276 .bounce-bigger {\ 277 animation: bounce-big 0.6s;\ 278 animation-direction: alternate;\ 279 animation-iteration-count: infinite;\ 280 }\ 281 @media (min-width: 785px) and (max-width: 925px) {\ 282 .mkdiv_main_layer_main_copy_header {\ 283 font-size: 50px;\ 284 }\ 285 }\ 286 @media (max-width: 625px) {\ 287 .mkdiv_main_layer_main_copy_header {\ 288 font-size: 20px;\ 289 }\ 290 }\ 291 @media (max-width: 565px) {\ 292 .mkdiv_main_layer_span_te_llamamos {\ 293 margin-right: auto;\ 294 }\ 295 }\ 296 @media (min-width: 1315px) {\ 297 .mkdiv_main_layer_button_2 {\ 298 top: 36%;\ 299 }\ 300 .mkdiv_second_layer_fridge {\ 301 bottom: -24px;\ 302 }\ 303 .mkdiv_second_layer_kitchen {\ 304 bottom: -17px;\ 305 }\ 306 }\ 307 @media (max-height: 768px) {\ 308 #slides-counter > .slides-counter {\ 309 bottom: 23%;\ 310 }\ 311 #mkdiv_second_layer {\ 312 margin-bottom: -5px;\ 313 }\ 314 }\ 315 @media (max-width: 540px) {\ 316 .mkdiv_subheader {\ 317 height: 249px;\ 318 }\ 319 }\ 320 @media (min-width: 1600px) {\ 321 #mkdiv_main_layer, #mkdiv_first_layer, #mkdiv_second_layer, #mkdiv_third_layer {\ 322 background-color: rgb(255, 255, 255);\ 323 }\ 324 .mkdiv_main_layer_header {\ 325 text-align: initial!important;\ 326 }\ 327 #mkdiv_home_game {\ 328 text-align: center;\ 329 }\ 330 }\ 331 @media (max-width: 1280px) {\ 332 .mkdiv_main_layer_header {\ 333 height: 158px;\ 334 }\ 335 .mkdiv_main_layer_main_copy_header {\ 336 top: 55px;\ 337 font-size: 30px;\ 338 }\ 339 .mkdiv_main_layer_cta_container {\ 340 top: 112px;\ 341 }\ 342 .mkdiv_main_layer_house {\ 343 top: 248px;\ 344 }\ 345 }\ 346 @media (max-width: 768px) {\ 347 .mkdiv_subheader {\ 348 height: 184px;\ 349 }\ 350 .mkdiv_subheader .mkdiv_main_layer_logo {\ 351 margin-top: 0px;\ 352 }\ 353 .mkdiv_subheader .mkdiv_main_layer_main_copy_header {\ 354 font-size: 20px;\ 355 top: 34px;\ 356 }\ 357 .mkdiv_subheader .mkdiv_main_layer_cta_container {\ 358 top: 122px;\ 359 }\ 360 .mkdiv_main_layer_house {\ 361 top: 138px;\ 362 height: 72%;\ 363 }\ 364 #mkdiv_main_layer {\ 365 background-position: 0 30px;\ 366 }\ 367 .mkdiv_main_layer_header {\ 368 height: 175px;\ 369 }\ 370 .mkdiv_main_layer_cta_container {\ 371 top: 100px;\ 372 margin-top: 0;\ 373 }\ 374 .mkdiv_main_layer_button_2 {\ 375 top: 56%;\ 376 }\ 377 }\ 378 @media (max-width: 541px) {\ 379 #mkdiv_main_layer {\ 380 background-position: 0 -50px;\ 381 }\ 382 .mkdiv_main_layer_house {\ 383 top: 82px;\ 384 }\ 385 .mkdiv_main_layer_span_te_llamamos {\ 386 margin-right: auto;\ 387 margin-bottom: 10px;\ 388 }\ 389 .mkdiv_main_layer_header {\ 390 height: 190px;\ 391 }\ 392 .mkdiv_main_layer_logo {\ 393 margin-top: 0px;\ 394 }\ 395 .mkdiv_main_layer_logo > img{\ 396 width: 80%;\ 397 }\ 398 .mkdiv_main_layer_main_copy_header {\ 399 margin-top: 0px;\ 400 height: 51px;\ 401 top: 20px!important;\ 402 font-size: 17px;\ 403 }\ 404 .mkdiv_main_layer_cta_container {\ 405 top: 80px;\ 406 margin-top: 0px;\ 407 }\ 408 .mkdiv_main_layer_logo {\ 409 margin-left: -27px;\ 410 }\ 411 body #scrollToHome > .icon-home.soc-icon-home-em.gamificacion {\ 412 width: 50px!important;\ 413 height: 50px!important;\ 414 left: 22px!important;\ 415 top: 10px;\ 416 }\ 417 .mkdiv_main_layer_button_1 {\ 418 top: 57%;\ 419 left: 22%;\ 420 width: 35%;\ 421 height: 10%;\ 422 }\ 423 .mkdiv_main_layer_button_2 {\ 424 top: 43%;\ 425 left: 96%;\ 426 width: 107%;\ 427 height: 36%;\ 428 }\ 429 .mkdiv_main_layer_button_3 {\ 430 top: 61%;\ 431 left: 76%;\ 432 width: 41%;\ 433 height: 10%;\ 434 }\ 435 #scrollToHome {\ 436 right: 16px!important;\ 437 bottom: 2%!important; \ 438 }\ 439 #scrollToHome .red-container img {\ 440 width: 28px;\ 441 }\ 442 #slides-counter > .slides-counter {\ 443 right: 22px;\ 444 bottom: 12% !important;\ 445 }\ 446 #gamificacionHomeIcono .icon-home.soc-icon-home-em {\ 447 top: 6px;\ 448 }\ 449 }\ 450 </style>"); 451 452 453 // END SCRIPT 1 454 455 jQuery("head").append("<style type='text/css'>\ 456 #mkdiv_first_layer {\ 457 position: relative;\ 458 width: 100%;\ 459 background-color: #DFDFDF;\ 460 display: inline-block;\ 461 }\ 462 .mkdiv_first_layer_general_copy {\ 463 position: absolute;\ 464 top: 560px;\ 465 left: 143px;\ 466 width: 410px;\ 467 color: #d81e05;\ 468 font-family: 'DM Sans';\ 469 font-size: 48px;\ 470 font-weight: 600;\ 471 text-align: left;\ 472 transition: top 0.8s ease-in;\ 473 line-height: normal\ 474 }\ 475 .mkdiv_first_layer_sub_copy {\ 476 position: absolute;\ 477 bottom: 250px;\ 478 left: 143px;\ 479 width: 569px;\ 480 color: #4C4C4C;\ 481 font-family: 'DM Sans';\ 482 font-size: 29px;\ 483 line-height: 39px;\ 484 font-weight: 600;\ 485 text-align: left;\ 486 display: none;\ 487 transition: opacity 1.5s linear;\ 488 z-index: 2;\ 489 }\ 490 .mkdiv_first_layer_button_broken {\ 491 position: absolute;\ 492 z-index: 5;\ 493 top: 76%;\ 494 left: 54%;\ 495 width: 100%;\ 496 height: 100%;\ 497 transform: translateX(-50%) translateY(-50%);\ 498 background-repeat: no-repeat;\ 499 }\ 500 .mkdiv_first_layer_lamp {\ 501 position: absolute;\ 502 top: 52%;\ 503 z-index: 2;\ 504 transform: translateX(-50%) translateY(-50%);\ 505 left: 78%;\ 506 width: 46%;\ 507 height: 46%;\ 508 background-repeat: no-repeat;\ 509 background-size: 34%;\ 510 background-image: url('https://www.mapfre.es/media/estaticos/dmp/slide1/lampara-01-rota.png');\ 511 }\ 512 .mkdiv_first_layer_window {\ 513 position: absolute;\ 514 top: 77%;\ 515 z-index: 2;\ 516 transform: translateX(-50%) translateY(-50%);\ 517 left: 95%;\ 518 width: 100%;\ 519 height: 100%;\ 520 background-repeat: no-repeat;\
521 background-size: 67%;\ 522 background-image: url('https://www.mapfre.es/media/estaticos/dmp/slide1/ventana.svg');\ 523 }\ 524 .mkdiv_first_layer_landscape {\ 525 position: absolute;\ 526 top: 77.4%;\ 527 z-index: 1;\ 528 transform: translateX(-50%) translateY(-50%);\ 529 left: 100%;\ 530 width: 100%;\ 531 height: 100%;\ 532 background-repeat: no-repeat;\ 533 background-size: 51.6%;\ 534 background-image: url('https://www.mapfre.es/media/estaticos/dmp/slide1/fondo-ventana.png');\ 535 }\ 536 .mkdiv_first_layer_car {\ 537 position: absolute;\ 538 z-index: 1;\ 539 top: 39.5%;\ 540 width: 100%;\ 541 height: 40%;\ 542 transform: translateX(-50%) translateY(-50%);\ 543 background-repeat: no-repeat;\ 544 background-size: 84%;\ 545 background-image: url('https://www.mapfre.es/media/estaticos/dmp/slide1/coche.svg');\ 546 animation: car_animation 5s infinite;\ 547 }\ 548 @keyframes car_animation {\ 549 0% {left: 68%;}\ 550 100% {left: 150%;}\ 551 }\ 552 @media (max-width: 1280px) {\ 553 .mkdiv_first_layer_general_copy {\ 554 width: 250px;\ 555 font-size: 29px;\ 556 }\ 557 .mkdiv_first_layer_sub_copy {\ 558 width: 260px;\ 559 font-size: 17px;\ 560 }\ 561 }\ 562 @media (min-width: 768px) {\ 563 .mkdiv_first_layer_button_broken {\ 564 display: block;\ 565 }\ 566 .mkdiv_first_layer_button_broken_mobile {\ 567 display: none;\ 568 }\ 569 }\ 570 @media (max-width: 768px) {\ 571 .mkdiv_first_layer_car {\ 572 transform: translateX(-70%) translateY(-20%);\ 573 width: 100%;\ 574 background-size: 110%;\ 575 }\ 576 .mkdiv_first_layer_general_copy {\ 577 font-size: 18px;\ 578 top: 20%;\ 579 left: 0;\ 580 right: 0;\ 581 text-align: center;\ 582 width: 100%;\ 583 margin: 0 auto;\ 584 white-space: nowrap;\ 585 }\ 586 .mkdiv_first_layer_sub_copy {\ 587 font-size: 16px;\ 588 top: 25%;\ 589 left: 0;\ 590 right: 0;\ 591 text-align: center;\ 592 width: 70%;\ 593 margin: 0 auto;\ 594 }\ 595 .mkdiv_first_layer_button_broken {\ 596 display: none;\ 597 }\ 598 .mkdiv_first_layer_button_broken_mobile {\ 599 display: block;\ 600 position: absolute;\ 601 z-index: 3;\ 602 top: 86%;\ 603 left: 34%;\ 604 width: 148%;\ 605 height: 100%;\ 606 transform: translateX(-50%) translateY(-50%);\ 607 background-repeat: no-repeat;\ 608 }\ 609 .mkdiv_first_layer_lamp {\ 610 top: 63%;\ 611 left: 50%;\ 612 background-size: 31%;\ 613 }\ 614 .mkdiv_first_layer_window {\ 615 top: 87.5%;\ 616 left: 0;\ 617 right: 0;\ 618 transform: translateX(0%) translateY(-50%);\ 619 background-size: 100%;\ 620 }\ 621 .mkdiv_first_layer_landscape {\ 622 top: 88%;\ 623 left: 63%;\ 624 background-size: 69%;\ 625 }\ 626 @keyframes car_animation {\ 627 0% {left: 44%;}\ 628 100% {left: 105%;}\ 629 }\ 630 }\ 631 @media (max-width: 540px) {\ 632 .mkdiv_first_layer_general_copy {\ 633 top: 20%;\ 634 width: 100%;\ 635 }\ 636 .mkdiv_first_layer_sub_copy {\ 637 top: 25%;\ 638 line-height: 23px;\ 639 font-size: 14px;\ 640 width: 94%;\ 641 }\ 642 .mkdiv_first_layer_window {\ 643 top: 93.5%;\ 644 }\ 645 .mkdiv_first_layer_landscape {\ 646 top: 97%;\ 647 }\ 648 .mkdiv_first_layer_lamp {\ 649 top: 67%;\ 650 }\ 651 .mkdiv_first_layer_button_broken_mobile {\ 652 top: 100%;\ 653 }\ 654 }\ 655 @media (min-width: 1400px) {\ 656 .mkdiv_first_layer_car {\ 657 top: 70.6%;\ 658 }\ 659 }\ 660 @media (min-width: 1000px) and (max-width: 1400px) {\ 661 .mkdiv_first_layer_car {\ 662 top: 68.5%;\ 663 }\ 664 }\ 665 @media (min-width: 768px) and (max-width: 1000px) {\ 666 .mkdiv_first_layer_car {\ 667 top: 64%;\ 668 }\ 669 }\ 670 @media (min-width: 568px) and (max-width: 768px) {\ 671 .mkdiv_first_layer_car {\ 672 top: 74%;\ 673 }\ 674 }\ 675 @media (min-width: 540px) and (max-width: 568px) {\ 676 .mkdiv_first_layer_car {\ 677 top: 70%;\ 678 }\ 679 }\ 680 @media (min-width: 442px) and (max-width: 540px) {\ 681 .mkdiv_first_layer_car {\ 682 top: 74%;\ 683 }\ 684 }\ 685 @media (max-width: 442px) {\ 686 .mkdiv_first_layer_car {\ 687 top: 69%;\ 688 }\ 689 }\ 690 @media (max-width: 380px) {\ 691 .mkdiv_first_layer_car {\ 692 top: 70.5%;\ 693 }\ 694 }\ 695 @media (max-width: 540px) {\ 696 .mkdiv_first_layer_button_broken {\ 697 top: 115%;\ 698 left: 41%;\ 699 width: 167%;\ 700 }\ 701 }\ 702 </style>"); 703 704// END SCRIPT 2 705 706jQuery("head").append("<style type='text/css'>\ 707 #mkdiv_second_layer {\ 708 position: relative;\ 709 width: 100%;\ 710 background: url('https://www.mapfre.es/media/estaticos/dmp/slide2/azulejo.svg');\ 711 background-size: 84px 70px;\ 712 display: inline-block;\ 713 }\ 714 .mkdiv_second_layer_general_copy {\ 715 position: absolute;\ 716 right: 126px;\ 717 color: #d81e05;\ 718 font-family: 'DM Sans';\ 719 font-size: 48px;\ 720 font-weight: 600;\ 721 text-align: right;\ 722 bottom: 420px;\ 723 width: 665px;\ 724 transition: bottom 0.8s ease-in;\ 725 line-height: normal\ 726 }\ 727 .mkdiv_second_layer_sub_copy {\ 728 position: absolute;\ 729 bottom: 440px;\ 730 right: 126px;\ 731 width: 493px;\ 732 color: #4C4C4C;\ 733 font-family: 'DM Sans';\ 734 font-size: 25px;\ 735 line-height: 39px;\ 736 font-weight: 600;\ 737 text-align: right;\ 738 display: none;\ 739 transition: opacity 1.5s linear;\ 740 }\ 741 .mkdiv_second_layer_button_broken {\ 742 position: absolute;\ 743 z-index: 3;\ 744 top: 104%;\ 745 left: 39%;\ 746 width: 39%;\ 747 height: 100%;\ 748 transform: translateX(-50%) translateY(-50%);\ 749 background-repeat: no-repeat;\ 750 }\ 751 .mkdiv_second_layer_fridge {\ 752 position: absolute;\ 753 bottom: -23px;\ 754 z-index: 2;\ 755 transform: translateX(-50%);\ 756 left: 55.1%;\ 757 width: 100%;\ 758 height: 100%;\ 759 background: url('https://www.mapfre.es/media/estaticos/dmp/slide2/nevera-rota.svg');\ 760 background-repeat: no-repeat;\ 761 background-size: 30%;\ 762 background-position-y: bottom;\ 763 }\ 764 .mkdiv_second_layer_dashboard {\ 765 position: absolute;\ 766 top: 63%;\ 767 z-index: 2;\ 768 transform: translateX(-50%) translateY(-50%);\ 769 left: 84%;\ 770 width: 100%;\ 771 height: 57%;\ 772 background: url('https://www.mapfre.es/media/estaticos/dmp/slide2/pizarra.svg');\ 773 background-repeat: no-repeat;\ 774 background-size: 18%;\ 775 }\ 776 .mkdiv_second_layer_kitchen {\ 777 position: absolute;\ 778 bottom: -15px;\ 779 z-index: 2;\ 780 transform: translateX(-50%);\ 781 left: 82%;\ 782 width: 100%;\ 783 height: 40%;\ 784 background: url('https://www.mapfre.es/media/estaticos/dmp/slide2/cocina.svg');\ 785 background-repeat: no-repeat;\ 786 background-size: 67%;\ 787 background-position-y: bottom;\ 788 }\ 789 @media (min-width: 768px) and (max-width: 828px) {\ 790 .mkdiv_second_layer_fridge {\ 791 bottom: -12px;\ 792 }\ 793 .mkdiv_second_layer_kitchen{\ 794 bottom: -8px;\ 795 }\ 796 }\ 797 @media (min-width: 828px) and (max-width: 950px) {\ 798 .mkdiv_second_layer_fridge {\ 799 bottom: -14px;\ 800 }\ 801 .mkdiv_second_layer_kitchen{\ 802 bottom: -11px;\ 803 }\ 804 }\ 805 @media (min-width: 950px) and (max-width: 1125px) {\ 806 .mkdiv_second_layer_fridge {\ 807 bottom: -16px;\ 808 }\ 809 .mkdiv_second_layer_kitchen{\ 810 bottom: -11px;\ 811 }\ 812 }\ 813 @media (min-width: 768px) and (max-width: 1125px) {\ 814 .mkdiv_second_layer_dashboard {\ 815 top: 92.6%;\ 816 }\ 817 }\ 818 @media (max-width: 1280px) {\ 819 .mkdiv_second_layer_general_copy {\ 820 font-size: 29px;\ 821 text-align: left;\ 822 left: 140px;\ 823 right: 0;\ 824 margin: 0 auto;\ 825 top: 130px;\ 826 bottom: 0;\ 827 width: 420px;\ 828 }\ 829 .mkdiv_second_layer_sub_copy {\ 830 font-size: 17px;\ 831 text-align: left;\ 832 left: 173px;\ 833 right: 0;\ 834 margin: 0 auto;\ 835 top: 222px;\ 836 bottom: 0;\ 837 width: 448px;\ 838 }\ 839 }\ 840 @media (min-width: 1125px) and (max-width: 1329px) {\ 841 .mkdiv_second_layer_dashboard {\ 842 top: 82%;\ 843 }\ 844 }\ 845 @media (min-width: 1329px) and (max-width: 1610px) {\ 846 .mkdiv_second_layer_dashboard {\ 847 top: 75%;\ 848 }\ 849 }\ 850 @media (max-width: 768px) {\ 851 .mkdiv_second_layer_general_copy {\ 852 font-size: 18px;\ 853 text-align: left;\ 854 left: 0;\ 855 right: 0;\ 856 margin: 0 auto;\ 857 top: 26px;\ 858 bottom: 0;\ 859 width: 70%;\ 860 height: 80px;\ 861 }\ 862 .mkdiv_second_layer_sub_copy {\ 863 font-size: 13px;\ 864 text-align: left;\ 865 left: 0;\ 866 right: 0;\ 867 margin: 0 auto;\ 868 top: 56px;\ 869 bottom: 0;\ 870 width: 70%;\
871 height: 26px;\ 872 line-height: 2em;\ 873 }\ 874 .mkdiv_second_layer_dashboard {\ 875 left: 101%;\ 876 top: 53%;\ 877 background-size: 15%;\ 878 }\ 879 .mkdiv_second_layer_fridge {\ 880 bottom: -12px;\ 881 left: 70.6%;\ 882 width: 100%;\ 883 height: 100%;\ 884 background: url('https://www.mapfre.es/media/estaticos/dmp/mobile/slide2/nevera-rota.svg');\ 885 background-size: 30%;\ 886 background-repeat: no-repeat;\ 887 background-position-y: bottom;\ 888 }\ 889 .mkdiv_second_layer_kitchen {\ 890 bottom: -20px;\ 891 left: 98%;\ 892 width: 100%;\ 893 height: 40%;\ 894 background: url('https://www.mapfre.es/media/estaticos/dmp/mobile/slide2/horno.svg');\ 895 background-size: 18%;\ 896 background-repeat: no-repeat;\ 897 background-position-y: bottom;\ 898 }\ 899 .mkdiv_second_layer_button_broken {\ 900 top: 130%;\ 901 left: 55%;\ 902 }\ 903 }\ 904 @media (max-width: 668px) {\ 905 .mkdiv_second_layer_fridge {\ 906 bottom: -14px;\ 907 }\ 908 .mkdiv_second_layer_kitchen {\ 909 bottom: -17px;\ 910 }\ 911 }\ 912 @media (max-width: 568px) {\ 913 .mkdiv_second_layer_fridge {\ 914 bottom: -10px;\ 915 }\ 916 .mkdiv_second_layer_kitchen {\ 917 bottom: -15px;\ 918 }\ 919 }\ 920 @media (max-width: 468px) {\ 921 .mkdiv_second_layer_fridge {\ 922 bottom: 0px;\ 923 }\ 924 .mkdiv_second_layer_kitchen {\ 925 bottom: -4px;\ 926 }\ 927 }\ 928 @media (max-width: 640px) {\ 929 .mkdiv_second_layer_dashboard {\ 930 top: 85%;\ 931 }\ 932 }\ 933 @media (max-width: 502px) {\ 934 .mkdiv_second_layer_dashboard {\ 935 top: 90%;\ 936 }\ 937 }\ 938 @media (max-width: 540px) {\ 939 .mkdiv_second_layer_general_copy {\ 940 top: 100px;\ 941 }\ 942 .mkdiv_second_layer_sub_copy {\ 943 top: 143px;\ 944 }\ 945 .mkdiv_second_layer_button_broken {\ 946 top: 136%;\ 947 left: 55%;\ 948 width: 56%;\ 949 }\ 950 }\ 951 </style>"); 952 953// END SCRIPT 3 954 955jQuery("head").append("<style type='text/css'>\ 956 #mkdiv_third_layer {\ 957 position: relative;\ 958 width: 100%;\ 959 display: inline-block;\ 960 background-color: #DFDFDF;\ 961 }\ 962 .mkdiv_third_layer_general_copy {\ 963 position: absolute;\ 964 bottom: 300px;\ 965 left: 128px;\ 966 width: 590px;\ 967 color: #d81e05;\ 968 font-family: 'DM Sans';\ 969 font-size: 48px;\ 970 font-weight: 700;\ 971 text-align: left;\ 972 transition: bottom 0.8s ease-in;\ 973 line-height: normal\ 974 }\ 975 .mkdiv_third_layer_sub_copy {\ 976 position: absolute;\ 977 bottom: 308px;\ 978 left: 128px;\ 979 width: 460px;\ 980 color: #4C4C4C;\ 981 font-family: 'DM Sans';\ 982 font-size: 29px;\ 983 font-weight: 700;\ 984 line-height: 39px;\ 985 text-align: left;\ 986 display: none;\ 987 transition: opacity 1.5s linear;\ 988 }\ 989 .mkdiv_third_layer_button_broken {\ 990 position: absolute;\ 991 z-index: 4;\ 992 top: 129%;\ 993 left: 58%;\ 994 width: 39%;\ 995 height: 100%;\ 996 transform: translateX(-50%) translateY(-50%);\ 997 background-repeat: no-repeat;\ 998 }\ 999 .mkdiv_third_layer_window {\ 1000 position: absolute; \ 1001 top: 62%;\ 1002 z-index: 3;\ 1003 transform: translateX(-50%) translateY(-50%);\ 1004 left: 78%;\ 1005 width: 68%;\ 1006 height: 64%;\ 1007 background: url(https://www.mapfre.es/media/estaticos/dmp/slide3/marco-ventana.svg);\ 1008 background-repeat: no-repeat;\ 1009 background-size: 85%;\ 1010 }\ 1011 .mkdiv_third_layer_landscape {\ 1012 position: absolute;\ 1013 top: 63%;\ 1014 z-index: 0;\ 1015 transform: translateX(-50%) translateY(-50%);\ 1016 left: 90%;\ 1017 width: 60%;\ 1018 height: 66%;\ 1019 background: url('https://www.mapfre.es/media/estaticos/dmp/slide3/ventana-fondo.svg');\ 1020 background-repeat: no-repeat;\ 1021 background-size: 42%;\ 1022 }\ 1023 .mkdiv_third_layer_desk {\ 1024 position: absolute;\ 1025 bottom: -11px;\ 1026 z-index: 0;\ 1027 transform: translateX(-50%);\ 1028 left: 38%;\ 1029 width: 72%;\ 1030 height: 50%;\ 1031 background: url('https://www.mapfre.es/media/estaticos/dmp/slide3/mueble.svg');\ 1032 background-repeat: no-repeat;\ 1033 background-size: 65%;\ 1034 background-position-y: bottom;\ 1035 }\ 1036 .mkdiv_third_layer_door {\ 1037 position: absolute;\ 1038 bottom: -3px;\ 1039 z-index: 4;\ 1040 transform: translateX(-50%);\ 1041 left: 99.3%;\ 1042 width: 53%;\ 1043 height: 101.9%;\ 1044 background: url('https://www.mapfre.es/media/estaticos/dmp/slide3/puerta.svg');\ 1045 background-repeat: no-repeat;\ 1046 background-size: 55%;\ 1047 background-position-y: bottom;\ 1048 }\ 1049 .mkdiv_third_layer_plane {\ 1050 position: absolute;\ 1051 top: 26%;\ 1052 z-index: 1;\ 1053 transform: translateX(-50%);\ 1054 left: 91%;\ 1055 width: 72%;\ 1056 height: 50%;\ 1057 background: url('https://www.mapfre.es/media/estaticos/dmp/slide3/avion.svg');\ 1058 background-repeat: no-repeat;\ 1059 background-size: 21%;\ 1060 display: none;\ 1061 }\ 1062 .mkdiv_third_layer_arm_bag {\ 1063 position: absolute;\ 1064 bottom: -52px;\ 1065 z-index: 3;\ 1066 transform: translateX(-50%);\ 1067 left: 93%;\ 1068 width: 72%;\ 1069 height: 80%;\ 1070 background: url('https://www.mapfre.es/media/estaticos/dmp/slide3/maleta.svg');\ 1071 background-repeat: no-repeat;\ 1072 background-size: 30%;\ 1073 background-position-y: bottom;\ 1074 }\ 1075 @keyframes plane_animation {\ 1076 0% {top: 45%;left: 110%}\ 1077 100% {top: 38%;left: 83%;}\ 1078 }\ 1079 @media (min-width: 982px) and (max-width: 1300px) {\ 1080 .mkdiv_third_layer_window {\ 1081 top: 67%;\ 1082 }\ 1083 .mkdiv_third_layer_landscape {\ 1084 top: 68%;\ 1085 }\ 1086 @keyframes plane_animation {\ 1087 0% {top: 48%;left: 110%;}\ 1088 100% {top: 40%;left: 83%;}\ 1089 }\ 1090 }\ 1091 @media (max-width: 1280px) {\ 1092 .mkdiv_third_layer_general_copy {\ 1093 font-size: 29px;\ 1094 width: 420px;\ 1095 }\ 1096 }\ 1097 @media (min-width: 768px) and (max-width: 982px) {\ 1098 .mkdiv_third_layer_window {\ 1099 top: 83%;\ 1100 }\ 1101 .mkdiv_third_layer_landscape {\ 1102 top: 84%;\ 1103 }\ 1104 @keyframes plane_animation {\ 1105 0% {top: 68%;left: 99%;}\ 1106 40% {top: 65%;left: 95%;}\ 1107 100% {top: 60%;left: 88%;}\ 1108 }\ 1109 }\ 1110 @media (max-width: 768px) {\ 1111 .mkdiv_third_layer_arm_bag {\ 1112 bottom: -2px!important;\ 1113 }\ 1114 .mkdiv_third_layer_window {\ 1115 top: 80%;\ 1116 }\ 1117 .mkdiv_third_layer_landscape {\ 1118 top: 81%;\ 1119 }\ 1120 .mkdiv_third_layer_general_copy {\ 1121 top: 20%;\ 1122 left: 0;\ 1123 right: 0;\ 1124 width: 100%;\ 1125 font-size: 18px;\ 1126 line-height: 31px;\ 1127 margin: 0 auto;\ 1128 text-align: center;\ 1129 white-space: nowrap;\ 1130 }\ 1131 .mkdiv_third_layer_sub_copy {\ 1132 top: 26%;\ 1133 left: 0;\ 1134 right: 0;\ 1135 width: 70%;\ 1136 font-size: 13px;\ 1137 margin: 0 auto;\ 1138 line-height: 2em;\ 1139 text-align: center;\ 1140 }\ 1141 @keyframes plane_animation {\ 1142 0% {top: 63%;left: 107%;}\
1143 100% {top: 55%;left: 85%;}\ 1144 }\ 1145 .mkdiv_third_layer_button_broken {\ 1146 top: 114%;\ 1147 }\ 1148 }\ 1149 @media (min-width: 1215px) and (max-width: 1525px) {\ 1150 .mkdiv_third_layer_sub_copy {\ 1151 font-size: 22px;\ 1152 bottom: 330px;\ 1153 }\ 1154 }\ 1155 @media (min-width: 767px) and (max-width: 1215px) {\ 1156 .mkdiv_third_layer_general_copy {\ 1157 font-size: 37px;\ 1158 line-height: 60px;\ 1159 bottom: 525px;\ 1160 }\ 1161 .mkdiv_third_layer_sub_copy {\ 1162 font-size: 19px;\ 1163 bottom: 338px;\ 1164 width: 366px;\ 1165 }\ 1166 }\ 1167 @media (min-width: 370px) and (max-width: 570px) {\ 1168 .mkdiv_third_layer_window {\ 1169 top: 92%;\ 1170 background-size: 90%;\ 1171 left: 69%;\ 1172 }\ 1173 .mkdiv_third_layer_landscape {\ 1174 top: 94%;\ 1175 left: 83%;\ 1176 background-size: 42%;\ 1177 }\ 1178 @keyframes plane_animation {\ 1179 0% {top: 63%;left: 107%;}\ 1180 100% {top: 55%;left: 75%;}\ 1181 }\ 1182 }\ 1183 @media (max-width: 540px) {\ 1184 .mkdiv_third_layer_button_broken {\ 1185 top: 132%;\ 1186 left: 58%;\ 1187 width: 53%;\ 1188 }\ 1189 .mkdiv_third_layer_desk {\ 1190 bottom: -3px!important;\ 1191 }\ 1192 }\ 1193 </style>"); 1194 1195// END SCRIPT 4 1196 1197jQuery("body").prepend('<div id="mkdiv_home_game">\ 1198 <div id="mkdiv_main_layer" class="mkdiv_main_layer_city">' + html_main_layer() + '</div>\ 1199 <div id="mkdiv_first_layer" class="parallax_effect">' + html_first_layer() + '</div>\ 1200 <div id="mkdiv_second_layer" class="parallax_effect">' + html_second_layer() + '</div>\ 1201 <div id="mkdiv_third_layer" class="parallax_effect">' + html_third_layer() + '</div>\ 1202 </div>'); 1203 1204//Observador para ajustar la página cuando se abre el pop-up grande 1205var observer = new MutationObserver(function(mutations) { 1206 mutations.forEach(function(mutation) { 1207 if(mutation.attributeName === 'style'){ 1208 if(jQuery("#mkdiv_home_game")[0].style.display == "block" ){ 1209 jQuery("#page-container").addClass("modal-so-hidden"); 1210 }else{ 1211 jQuery("#page-container").removeClass("modal-so-hidden"); 1212 } 1213 if(jQuery("body")[0].classList.contains("overflow-hidden")){ 1214 jQuery("body").removeClass("overflow-hidden"); 1215 } 1216 } 1217 }); 1218 }); 1219 1220 // Notify me of style changes 1221 var observerConfig = { 1222 attributes: true, 1223 attributeFilter: ["style"] 1224 }; 1225 1226 var targetNode = document.getElementById('mkdiv_home_game'); 1227 1228 1229 observer.observe(targetNode, observerConfig); 1230 1231 function html_main_layer(){ 1232 var html = '\ 1233 <div class="mkdiv_main_layer_header">\ 1234 <span class="mkdiv_main_layer_logo">\ 1235 <img src="https://www.mapfre.es/media/estaticos/dmp/prop/logo-mapfre-tcm.png">\ 1236 </span>\ 1237 <span class="mkdiv_main_layer_main_copy_header">Estás en casa, estás seguro</span>\ 1238 <div class="mkdiv_main_layer_cta_container">\ 1239 <span class="mkdiv_main_layer_span_te_llamamos">Te llamamos gratis</span>\ 1240 <span class="mkdiv_main_layer_span_calcula_tu_precio">Calcula tu precio</span>\ 1241 </div>\ 1242 </div>\ 1243 <div class="mkdiv_main_layer_house">\ 1244 <div class="mkdiv_main_layer_button_1">\ 1245 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 808" >\ 1246 <image class="bounce" width="1200" height="308" xlink:href="https://www.mapfre.es/media/estaticos/dmp/slide-home/boton-1-rojo.svg">\ 1247 </image>\ 1248 <circle id="button1_link" cx="198" cy="145" r="118" fill="#fff" op
1248acity="0"></circle>\ 1249 </svg>\ 1250 </div>\ 1251 <div class="mkdiv_main_layer_button_2">\ 1252 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 808" >\ 1253 <image class="bounce" width="200" height="308" xlink:href="https://www.mapfre.es/media/estaticos/dmp/slide-home/boton-2-rojo.svg">\ 1254 </image>\ 1255 <circle id="button2_link" cx="110" cy="46" r="40" fill="#fff" opacity="0"></circle>\ 1256 </svg>\ 1257 </div>\ 1258 <div class="mkdiv_main_layer_button_3">\ 1259 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 808" >\ 1260 <image class="bounce" width="1200" height="308" xlink:href="https://www.mapfre.es/media/estaticos/dmp/slide-home/boton-3-rojo.svg">\ 1261 </image>\ 1262 <circle id="button3_link" cx="1082" cy="140" r="100" fill="#fff" opacity="0"></circle>\ 1263 </svg>\ 1264 </div>\ 1265 </div>\ 1266 '; 1267 return html; 1268 } 1269 function html_first_layer(){ 1270 var html = '\ 1271 <div class="mkdiv_first_layer_button_broken_mobile">\ 1272 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 808" >\ 1273 <image class="bounce" width="1200" height="308" xlink:href="https://www.mapfre.es/media/estaticos/dmp/mobile/slide1/boton-fix-rojo.svg">\ 1274 </image>\ 1275 <circle id="button_first_layer_broken_lamp_link_mobile" cx="607" cy="247" r="25" fill="#fff" opacity="0"></circle>\ 1276 </svg>\ 1277 </div>\ 1278 <div class="mkdiv_first_layer_button_broken">\ 1279 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 808" >\ 1280 <image class="bounce" width="1200" height="308" xlink:href="https://www.mapfre.es/media/estaticos/dmp/slide1/boton-fix-rojo.svg">\ 1281 </image>\ 1282 <circle id="button_first_layer_broken_lamp_link" cx="567" cy="228" r="25" fill="#fff" opacity="0"></circle>\ 1283 </svg>\ 1284 </div>\ 1285 <div class="mkdiv_first_layer_window"></div>\ 1286 <div class="mkdiv_first_layer_lamp"></div>\ 1287 <div class="mkdiv_first_layer_landscape"></div>\ 1288 <div class="mkdiv_first_layer_car"></div>\ 1289 <div class="mkdiv_first_layer_general_copy">UN MANITAS SIEMPRE A MANO</div>\ 1290 <div class="mkdiv_first_layer_sub_copy">Un servicio gratuito de bricolaje para tu hogar sin coste de desplazamiento de los profesionales</div>\ 1291 '; 1292 return html; 1293 } 1294 function html_second_layer(){ 1295 var html = '\ 1296 <div class="mkdiv_second_layer_button_broken">\ 1297 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 808" >\ 1298 <image class="bounce-bigger" width="1200" height="308" xlink:href="https://www.mapfre.es/media/estaticos/dmp/slide2/boton-fix-rojo.svg">\ 1299 </image>\ 1300 <circle id="button_second_layer_broken_fridge_link" cx="790" cy="109" r="81" fill="#fff" opacity="0"></circle>\ 1301 </svg>\ 1302 </div>\ 1303 <div class="mkdiv_second_layer_fridge"></div>\ 1304 <div class="mkdiv_second_layer_dashboard"></div>\ 1305 <div class="mkdiv_second_layer_kitchen"></div>\ 1306 <div class="mkdiv_second_layer_general_copy">TUS ELECTRODOMÃSTICOS A PUNTO</div>\ 1307 <div class="mkdiv_second_layer_sub_copy">Reparamos gratis tus electrodomésticos de gama blanca con desplazamiento y materiales incluidos</div>\ 1308 '; 1309 return html; 1310 } 1311 function html_third_layer(){ 1312 var html = '\ 1313 <div class="mkdiv_third_layer_button_broken">\ 1314 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
1314ox="0 0 1200 808" >\ 1315 <image class="bounce-bigger" width="1200" height="308" xlink:href="https://www.mapfre.es/media/estaticos/dmp/slide3/boton-fix-rojo.svg">\ 1316 </image>\ 1317 <circle id="button_third_layer_lost_plane_link" cx="471" cy="115" r="81" fill="#fff" opacity="0"></circle>\ 1318 </svg>\ 1319 </div>\ 1320 <div class="mkdiv_third_layer_window"></div>\ 1321 <div class="mkdiv_third_layer_landscape"></div>\ 1322 <div class="mkdiv_third_layer_desk"></div>\ 1323 <div class="mkdiv_third_layer_door"></div>\ 1324 <div class="mkdiv_third_layer_plane"></div>\ 1325 <div class="mkdiv_third_layer_arm_bag"></div>\ 1326 <div class="mkdiv_third_layer_general_copy">ESCÃPATE SIN PREOCUPACIONES</div>\ 1327 <div class="mkdiv_third_layer_sub_copy">Tendrás una completa asistencia en viaje para toda la familia</div>\ 1328 '; 1329 return html; } 1330 window.function_screen_resize(); 1331 window.onresize = function() { 1332 window.function_screen_resize(); 1333 } 1334 jQuery("#button1_link").click(function(){ 1335 ga('send', 'event', 'lower content', 'click icon', 1336 '1 - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1337 dimension21: 'production', 1338 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1339 dimension37: window.location.href 1340 }); 1341 animate_to_first_layer(); 1342 }); 1343 jQuery("#button2_link").click(function(){ 1344 ga('send', 'event', 'lower content', 'click icon', 1345 '2 - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1346 dimension21: 'production', 1347 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1348 dimension37: window.location.href 1349 }); 1350 animate_to_second_layer(); 1351 }); 1352 jQuery("#button3_link").click(function(){ 1353 ga('send', 'event', 'lower content', 'click icon', 1354 '3 - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1355 dimension21: 'production', 1356 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1357 dimension37: window.location.href 1358 }); 1359 animate_to_third_layer(); 1360 }); 1361 jQuery(document).on("mousedown", "#slides-counter > div > div.slide.slide1", function(){ 1362 ga('send', 'event', 'side content', 'click icon', 1363 'volver slide 1 - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1364 dimension21: 'production', 1365 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1366 dimension37: window.location.href 1367 }); 1368 animate_to_first_layer(); }); 1369 jQuery(document).on("mousedown", "#slides-counter > div > div.slide.slide2", function(){ 1370 ga('send', 'event', 'side content', 'click icon', 1371 'volver slide 2 - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1372 dimension21: 'production', 1373 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1374 dimension37: window.location.href 1375 }); 1376 animate_to_second_layer(); 1377 }); 1378 jQuery(document).on("mousedown", "#slides-counter > div > div.slide.slide3", function(){ 1379 ga('send', 'event', 'side content', 'click icon', 1380 'volver slide 3 - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1381 dimension21: 'production', 1382 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1383 dimension37: window.location.href 1384 }); 1385 animate_to_third_layer(); 1386 }); 1387 jQuery("#button_first_layer_broken_lamp_link, #button_first_layer_broken_lamp_link_mobile").click(function(){ 1388 ga('send', 'event', 'lower content', 'click icon', 1389 'repair 1 - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1390 dimension21: 'production', 1391 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1392 dimension37: window.location.href 1393 }); 1394 repair_lamp(); 1395 }); 1396 jQuery("#button_second_layer_broken_fridge_link").click(function(){ 1397 ga('send', 'event', 'lower content', 'click icon', 1398 'repair 2 - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1399 dimension21: 'production', 1400 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1401 dimension37: window.location.href 1402 }); 1403 repair_fridge(); 1404 }); 1405 jQuery("#button_third_layer_lost_plane_link").click(function(){ 1406 ga('send', 'event', 'lower content', 'click icon', 1407 'repair 3 - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1408 dimension21: 'production', 1409 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1410 dimension37: window.location.href 1411 }); 1412 get_plane(); 1413 }); 1414 jQuery(window).scroll(function(){ 1415 if((jQuery(window).scrollTop() > jQuery('#mkdiv_first_layer').offset().top - 200) && window.isOpened){ 1416 jQuery("#scrollToHome").show(); 1417 jQuery("#slides-counter").show(); 1418 } else { 1419 jQuery("#scrollToHome").hide(); 1420 jQuery("#slides-counter").hide(); 1421 } 1422 if((jQuery(window).scrollTop() > jQuery('#mkdiv_first_layer').offset().top - 200) && (jQuery(window).scrollTop() < (jQuery('#mkdiv_first_layer').offset().top - 300 + jQuery('#mkdiv_first_layer').innerHeight()))){ 1423 jQuery('.slide.slide1').css('border','2px solid #fff'); 1424 jQuery('.slide.slide1').css('background','#d81e05'); 1425 jQuery('.slide.slide1 > .num-container').css('color','#fff'); 1426 jQuery('.slide.slide2').css('border','2px solid #ca0303'); 1427 jQuery('.slide.slide2').css('background','#fff'); 1428 jQuery('.slide.slide2 > .num-container').css('color','#ca0303');
1429 jQuery('.slide.slide3').css('border','2px solid #ca0303'); 1430 jQuery('.slide.slide3').css('background','#fff'); 1431 jQuery('.slide.slide3 > .num-container').css('color','#ca0303'); 1432 } else if ((jQuery(window).scrollTop() > jQuery('#mkdiv_second_layer').offset().top - 300) && (jQuery(window).scrollTop() < (jQuery('#mkdiv_second_layer').offset().top - 300 + jQuery('#mkdiv_second_layer').innerHeight()))) { 1433 jQuery('.slide.slide2').css('border','2px solid #fff'); 1434 jQuery('.slide.slide2').css('background','#ca0303'); 1435 jQuery('.slide.slide2 > .num-container').css('color','#fff'); 1436 jQuery('.slide.slide1').css('border','2px solid #ca0303'); 1437 jQuery('.slide.slide1').css('background','#fff'); 1438 jQuery('.slide.slide1 > .num-container').css('color','#ca0303'); 1439 jQuery('.slide.slide3').css('border','2px solid #ca0303'); 1440 jQuery('.slide.slide3').css('background','#fff'); 1441 jQuery('.slide.slide3 > .num-container').css('color','#ca0303'); 1442 } 1443 else if ((jQuery(window).scrollTop() > jQuery('#mkdiv_third_layer').offset().top - 300) && (jQuery(window).scrollTop() < (jQuery('#mkdiv_third_layer').offset().top - 300 + jQuery('#mkdiv_third_layer').innerHeight()))){ 1444 jQuery('.slide.slide3').css('border','2px solid #fff'); 1445 jQuery('.slide.slide3').css('background','#d81e05'); 1446 jQuery('.slide.slide3 > .num-container').css('color','#fff'); 1447 jQuery('.slide.slide1').css('border','2px solid #ca0303'); 1448 jQuery('.slide.slide1').css('background','#fff'); 1449 jQuery('.slide.slide1 > .num-container').css('color','#ca0303'); 1450 jQuery('.slide.slide2').css('border','2px solid #ca0303'); 1451 jQuery('.slide.slide2').css('background','#fff'); 1452 jQuery('.slide.slide2 > .num-container').css('color','#ca0303'); 1453 } 1454 }); 1455 function animate_to_first_layer(){ 1456 if (window.isDesktop){ 1457 jQuery('html, body').animate({ 1458 scrollTop: jQuery('#mkdiv_first_layer').offset().top 1459 }, 'slow'); 1460 } 1461 else { 1462 jQuery('html, body').animate({ 1463 scrollTop: jQuery('#mkdiv_first_layer').offset().top - jQuery('.mkdiv_main_layer_header').height() 1464 }, 'slow'); 1465 } 1466 } 1467 function animate_to_second_layer(){ 1468 if (window.isDesktop) { 1469 jQuery('html, body').animate({ 1470 scrollTop: jQuery('#mkdiv_second_layer').offset().top 1471 }, 'slow'); 1472 } 1473 else { 1474 jQuery('html, body').animate({ 1475 scrollTop: jQuery('#mkdiv_second_layer').offset().top - jQuery('.mkdiv_main_layer_header').height() 1476 }, 'slow'); 1477 } 1478 } 1479 function animate_to_third_layer(){ 1480 if (window.isDesktop) { 1481 jQuery('html, body').animate({ 1482 scrollTop: jQuery('#mkdiv_third_layer').offset().top 1483 }, 'slow'); 1484 } 1485 else { 1486 jQuery('html, body').animate({ 1487 scrollTop: jQuery('#mkdiv_third_layer').offset().top - jQuery('.mkdiv_main_layer_header').height() 1488 }, 'slow'); 1489 } 1490 } 1491 function repair_lamp(){ 1492 jQuery('.mkdiv_first_layer_button_broken_mobile image').removeClass('bounce'); 1493 jQuery(".mkdiv_main_layer_button_1 > svg > image").attr("xlink:href" 1494 ,"https://www.mapfre.es/media/estaticos/dmp/slide-home/boton-1-verde.svg"); 1495 1496 jQuery(".mkdiv_first_layer_button_broken > svg > image").attr("xlink:href" 1497 ,"https://www.mapfre.es/media/estaticos/dmp/slide1/boton-fix-verde.svg"); 1498 1499 jQuery(".mkdiv_first_layer_button_broken_mobile > svg > image").attr("xlink:href" 1500 ,"https://www.mapfre.es/media/estaticos/dmp/mobile/slide1/boton-fix-verde.svg"); 1501 1502 jQuery(".mkdiv_first_layer_lamp").css("background-image" 1503 , "url('https://www.mapfre.es/media/estaticos/dmp/slide1/lampara-01-fix.png')"); 1504 1505 if(window.innerWidth > 768){ 1506 jQuery('.mkdiv_first_layer_general_copy').css('top','400px'); 1507 } 1508 1509 setTimeout(function(){ 1510 jQuery("body").append('<style type="text/css">\ 1511 .mkdiv_first_layer_sub_copy {\ 1512 display: block;\ 1513 }\ 1514 </style>'); 1515 jQuery('.mkdiv_first_layer_sub_copy').css('opacity','1'); 1516 }, 800); 1517 jQuery('.mkdiv_first_layer_button_broken image.bounce').css('animation-iteration-count','unset'); 1518 jQuery('.mkdiv_main_layer_button_1 image.bounce').css('animation-iteration-count','unset'); 1519 } 1520 function repair_fridge(){ 1521 jQuery(".mkdiv_main_layer_button_2 > svg > image").attr("xlink:href" 1522 ,"https://www.mapfre.es/media/estaticos/dmp/slide-home/boton-2-verde.svg"); 1523 1524 jQuery(".mkdiv_second_layer_button_broken > svg > image").attr("xlink:href" 1525 ,"https://www.mapfre.es/media/estaticos/dmp/slide2/boton-fix-verde.svg"); 1526 1527 jQuery("head").append('<style type="text/css">\ 1528 @media (min-width: 768px) {\ 1529 .mkdiv_second_layer_fridge {\ 1530 background-image: url("https://www.mapfre.es/media/estaticos/dmp/slide2/nevera-arreglada.svg");\ 1531 }\ 1532 }\ 1533 @media (max-width: 768px) {\ 1534 .mkdiv_second_layer_fridge {\ 1535 background-image: url("https://www.mapfre.es/media/estaticos/dmp/mobile/slide2/nevera-arreglada.svg");\ 1536 }\ 1537 }\ 1538 </style>'); 1539 jQuery('.mkdiv_second_layer_button_broken image.bounce-bigger').css('animation-iteration-count','unset'); 1540 jQuery('.mkdiv_second_layer_general_copy').css('bottom','550px'); 1541 setTimeout(function(){ 1542 jQuery("body").append('<style type="text/css">\ 1543 .mkdiv_second_layer_sub_copy {\ 1544 display: block;\ 1545 }\ 1546 </style>'); 1547 jQuery('.mkdiv_second_layer_sub_copy').css('opacity','1'); 1548 }, 800); 1549 jQuery('.mkdiv_main_layer_button_2 image.bounce').css('animation-iteration-count','unset'); 1550 } 1551 function get_plane(){ 1552 jQuery(".mkdiv_main_layer_button_3 > svg > image").attr("xlink:href" 1553 ,"https://www.mapfre.es/media/estaticos/dmp/slide-home/boton-3-verde.svg"); 1554 1555 jQuery(".mkdiv_third_layer_button_broken > svg > image").attr("xlink:href" 1556 ,"https://www.mapfre.es/media/estaticos/dmp/slide3/boton-fix-verde.svg"); 1557 1558 jQuery("head").append('<style type="text/css">\ 1559 @media (min-width: 768px) {\ 1560 .mkdiv_third_layer_arm_bag {\ 1561 bottom: -55px;\ 1562 transform: translateX(-50%) rotate(10deg);\ 1563 left: 96%;\ 1564 }\ 1565 }\ 1566 @media (max-width: 768px) {\ 1567 .mkdiv_third_layer_arm_bag {\ 1568 bottom: -20px;\ 1569 transform: translateX(-50%) rotate(10deg);\ 1570 left: 94.6%;\ 1571 }\ 1572 }\ 1573 @media (max-width: 540px) {\ 1574 .mkdiv_third_layer_arm_bag {\ 1575 left: 102.6%;\ 1576 }\ 1577 }\ 1578 @media (max-width: 406px) {\ 1579 .mkdiv_third_layer_arm_bag {\ 1580 left: 106.6%;\ 1581 }\ 1582 }\ 1583 </style>'); 1584 setTimeout(function(){ 1585 jQuery('.mkdiv_third_layer_arm_bag').animate({left: '-=-280px'}, 800, 'swing', function() { 1586 jQuery("body").append('<style type="text/css">\ 1587 .mkdiv_third_layer_plane {\ 1588 animation: plane_animation 5s linear;\ 1589 }\ 1590 </style>'); 1591 1592 jQuery(".mkdiv_third_layer_plane").bind('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', function(e) { jQuery(".mkdiv_third_layer_plane").hide(); }); 1593 1594 jQuery(".mkdiv_third_layer_plane").show(); 1595 }); 1596 }, 400); 1597 jQuery('.mkdiv_third_layer_button_broken image.bounce-bigger').css('animation-iteration-count','unset'); 1598 jQuery('.mkdiv_third_layer_general_copy').css('bottom','420px'); 1599 setTimeout(function(){ 1600 jQuery("body").append('<style type="text/css"> .mkdiv_third_layer_sub_copy { display: block;} </style>'); 1601 jQuery('.mkdiv_third_layer_sub_copy').css('opacity','1'); 1602 }, 800); 1603 jQuery('.mkdiv_main_layer_button_3 image.bounce').css('animation-iteration-count','unset'); 1604 } 1605 1606 //END SCRIPT 5 1607 1608 jQuery("head").append('<style type="text/css">\ 1609 #gamificacionChapaIcono, #ocultaGamificacionChapaIcono {\ 1610 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABeCAYAAABsFzfXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACbpJREFUeNrcnGtsFMcdwGdm9/YefmNjn20c+5zE2FzjuNBACATVSXiEJNi
1610FShVR2iY0Sful70/th34o/dBPjSq1UqSqqOqHf\ 1611 mmbRkFNmjZKhMBBFGgMaWWwsQmGGkz8Pp/vvdOdy96xNzezM3fci640mt292bv53f+x//nf/g+63W5wD21QNEC9hyYs9ZpaYZOHNsdQ5nq1zBCsCfN60bmSSUgWgt63e40LpZYBhDVxKDgPBaDp91VLDEJPCDEmiwTHtlBqEWFkvnFk6ZHNORmwggLlAoIYk7ZrLDgulFpAGJYaIAYIqylUT++zpMdUPWmgUCiUc\ 1612 WxEGDJSoSejMHpFcIxswLIklZeEGDAyEqEnrVIA9LEdGAsqPxviwEABiMKYvGqBYB3bQXGlpBYQhqdaCmOyDgqCPmaByUDJq5wEDK1arG/fYemtTaX20+N1Xa81epflvWjVU/KJFHgwPKmkYHgApGlUn2wY42qj1aaO3U6ntvfR7e1b/f52r9vT0BgKNzTE4/VaLO52QaQpCT2DAUquh6AEDG0jLABecxuSWGf0T\ 1613 jJ2m/9zzYd37/b3hmP3N3063xqfnFRD45MgvrgoDkskgEQumWXsPAintTckUWO0enLsbWys/cFXDm95BIOHqiemWlZOfggSKyvCCDXXBV6uMCyJOBnNY0ikidjGQE9P8/cODO3wz9zuD/zhz1psdhYsUcYhWj/ISoi+FknCsEBcZk9Uaz05bl/f3PCzr7846J+Y2rJ8/B0VGzdu+hsDll4Eko9T4EmIhqFBUq2G2\ 1614 AmCsOpHL7609QBGTwZe/617cX7BeCPI9MV2ILmqnJ2q8WxG44CkpFLV29nV/NoLXztY/Zfj3YsfjSZBFBOGF6BlTR7CzxrZML5z3txXc5SO9R6gcqSTBjFhWojNPL93X9+3O7u/HPj5L6qCa8E0COLEMFwpkIlbQSQkBCVunvRdn5ZOCsZLJPOTl4489sz8yv6FX72OFEwugmmDRzbr6nw2VVI6rNiM5QSsapaE+\ 1615 eV3vrt7y4dnBxdGTqelYo1fQAFhWECybtrOdghMM4H59fd/uK//g1O7Amf+mYSxhhKwwCCA8oqynk0R2Y7pADxHX351Z/+JkV2rJYThAeUSEWTcc8wYzPPK8HD/k9dnng6cPpMV5EGOAygGkF0AqkhIyG0A1W3p7Wv9RsP6Q4tv/RV+dgFkwhRrQwIvxwpAVVZEYKhao3HTdP/02ecOLhz7vSsFo5QQhgUEbe49r\ 1616 LVNCqqa2M/RV7650/Wnt7pANJphN6WCkbEhmbiNSKe2z+drGlwJPhW6fJm5tCwFzN1IKA1ElgAE6sdfOrRn8Y9vaFa7QSUEAZxgVnQzzYIygKoe2eT3+i5NPIzX1rLCGVBiKCQhHYXjFBxmiKN9a+/enUt/+ztiSadcEhKlpVjpJ5LAqGmsq6vqmZkdwKFwhljLtSGbKAHJqN3LQ8P9aydOZdgOLJN0WConkzTMy\ 1617 OgMeKr6ItemixrOFDr0YS7siLo5HZrWdnu+m/djTiUAQRtPl6V6B3Y93hW/POEEjKVzuSUkmxXNgPpCb1/n2vi4eRKWVTIiGwISUKpXB97EapD7i1c5NlVyLcQEq18LrQMV4gwAlWuTBcponmikBpRgjVOo5YPI60F3Qq8DFbYhCRgWXMVuuUQpssnLewaIzu7hSDwRqXQgLHGMbU9UoIR4EKzGvajSVA4Lmm60B\ 1618 AY4g0yvADDEmYMdSLrdaG66hBkguEIkRKsSF4Q0CGH8JoS3kMdjDsAVYU+I8aViEQxRN9LOXR675up5IOMFXKFejobBNAxpb4+MTKkbH4xgalA5JYUk7SdBtbihcsFwNBq91dQ0qacH4Yq1IZ66JWHMPkb2R8Or/3Z0bEieSA3AZZSSndtm2o0FirTob958c9S1Y3soNSA1uJJsiHnPoUBIixG1WwkGQ5Pt3o+w2\ 1619 2UOwmmwckhJZEPWL94KFTMbieUix95/72TdU08kdPPFcno8xAjJWPbDUrc01LmxsVtX7vedAx63OaB8UhK5bcxwCFaYqKF2AQL12tvH360dejZ6RyfLAyWjciwJpYFMqND49PT8qfrad50PPpAeQAPhCpZQ3ApktFWjhY7+7tiJ6NAzV7HDYQ7AaR+PSxTnKQ6HA9jk5ljpLGYWyJASwBirV5aXr+/fvWdz6MJFx\ 1620 52LIffJ8WIC2YHQMKwHyQ0mqNycm4viDW23t3b5BsKTU/DO5KHcoy9FAJKB4z0UTjRK+XjyypJv8IsxHwYbIzdvgVJC0UAyILZZVmMj9qacvDB6Y/PBYc0bivgis7ctbw7FRUBFAOLByUASKp3Y0z/On786cOigugGA7vB/ZywOAUqnlgoJBAWSY0ECC1TCgFLe+9f5T+7bsye0qaNjY/DSOMx04TDnB/zyAbLTB\ 1621 tGzrNSzekkodOrC6EzE13X9scHB3tDYmIZjcSpghAVL/omAoASk3ediAkVc+n+mphbPLi1cfOLIkQ3O5eV1xK6yI2HIXD7nAsgDkp00lEhMphaIcG5pKfzGmdMXOvbvC270b+qMTt9wxMPhjGhCN8Gsx8Am8ZEPkEz1IpCIOMgqN2F4CzBy8eL1Dz6dPf/5rz6vtbW0tIeuTaNEPM5MXpCPYeUBMCerYwckO/lc8\ 1622 nokW0RCJt1YR8XeOXt2/GMIRh964bCzraurJTI7i2LBtax4K3sfZgSY1v2yPllvNFLn4DQgnZ2trfWvPje0zR+NDbgmJr2rZ86BRCCQ9SQX4gSi6UkWqfaBVcRhV/vgIWAE1IBTt/n9rcM7Hn+4OxztqZuba4tPfaJGrl4D8aUlYUyYK5AISrY6RePsJ58dMqBI7yCxoVPTXPse3X7fQE9PR3t1dXN1INhQFQ7Xw\ 1623 bWwQzMkqwGs4UgURQ2vmayVyKFav5j1Qw7AKZQywNwEjEQegFOX11BTo23u7W1yqA4kDUSKCgtU4SVT3WUdzytdS3+Wqa4kjsytqNCAwhYo+lagU1JkZY8Us49bJh0D4ho8VrVkGipJkk8NngAKmx+iCxKWCXOCqRWwqErSFgbcTVGhBJROrY0wlfLWLdAJatJxSk1ZhbrCquO8K40JFOlNMGyBoNXQ+hqyACELF\ 1624 ALiSmNks3IGdw3EkBatfvS3Z5WQdXIJIF8PLixyL0hxO0NasmA64Be820Eg3so5lzpW2RiO5zDoD9ctE9UFyRiZP4sonIQ4kbYdGLBIi7eUR7ks+0ER//FCBowFR+/rNgkZbl+KP1nBVHSBBaqayzos61yp/wbHDo7l+nNOAZTzj4pwjmqLZVIAlfZXUljCe9qOhxhj8P+0/U+AAQALMdsLrd/AIAAAAABJRU5ErkJggg==");\ 1625 background-repeat: no-repeat;\ 1626 background-size: contain;\ 1627 }\ 1628 #gamificacionGlobalWidget{\ 1629 text-decoration: none;\ 1630 display: table;\ 1631 display: none;\ 1632 height: 120px;\ 1633 width: 265px;\ 1634 position: fixed;\ 1635 top: 270px;\ 1636 right: 0;\ 1637 background-position: left center;\ 1638 z-index: 999999;\ 1639 }\ 1640 #ocultaGamificacionGlobalWidget {\ 1641 display: none;\ 1642 height: 120px;\ 1643 width: 130px;\ 1644 position: fixed;\ 1645 top: 270px;\ 1646 right: 0;\ 1647 background-position: left center;\ 1648 z-index: 999999999;\ 1649 }\ 1650 #gamificacionChapaIcono {\ 1651 height: 85px;\ 1652 display: none;\ 1653 position: absolute;\ 1654 left: 188px;\ 1655 top: calc(50% - 56px);\ 1656 cursor: pointer;\ 1657 }\ 1658 #ocultaGamificacionChapaIcono {\ 1659 display: none;\ 1660 position: absolute;\ 1661 left: 86px;\ 1662 top: calc(50% - 56px);\ 1663 cursor: pointer;\ 1664 background-repeat: no-repeat;\ 1665 background-size: contain;\ 1666 -webkit-transform: scaleX(-1);\ 1667 transform: scaleX(-1);\ 1668 display: none;\ 1669 }\ 1670 #gamificacionChapaIcono span {\ 1671 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAA\
1672 Dw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2Mz\ 1673 Q5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiI\ 1674 geG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9z\ 1675 VHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODE4MEE2NkYyRDRCMTFFOUJEQzU5MUU2MzJDQkM4Q\ 1676 kIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODE4MEE2NzAyRDRCMTFFOUJEQzU5MUU2MzJDQkM4QkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MTgwQTY2RDJENEIxMUU5QkRDNT\ 1677 kxRTYzMkNCQzhCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MTgwQTY2RTJENEIxMUU5QkRDNTkxRTYzMkNCQzhCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGV\ 1678 uZD0iciI/Pq27VbsAAABuSURBVHjaYvj///8MII4AYgZsGERs/w8BHrgUgHA/VFEQLgUg3AVVZIRLAQi3QxVZ4lIAwkuhipxxKWCA+gwE/HEpAOFKkAomBkKAHCvwOhKvNzvxBRQsqIPxRZYnNgeDvPkQiCOBeDs2XwIEGAAeQGloQAMJAQAAAABJRU5ErkJggg==");\ 1679 position: relative;\ 1680 display: table-cell;\ 1681 width: 8px;\ 1682 height: 16px;\ 1683 top: 35px;\ 1684 left: 38px;\ 1685 color: #FFF;\ 1686 font-size: 21px;\ 1687 }\ 1688 #gamificacionHomeIcono {\ 1689 background-repeat: repeat-x;\ 1690 background-size: contain;\ 1691 position: relative;\ 1692 font-family: "klavika",Helvetica, sans-serif;\ 1693 box-sizing: content-box;\ 1694 color: #FFF;\ 1695 vertical-align: middle;\ 1696 display: table-cell;\ 1697 width: 70px;\ 1698 height:65px;\ 1699 top: 4px;\ 1700 left: 193px;\ 1701 padding-right: 15px;\ 1702 text-decoration: none !important;\ 1703 background-color: #d81e05;\ 1704 border-top-left-radius: 4em;\ 1705 border-bottom-left-radius: 4em;\ 1706 cursor: pointer;\ 1707 box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.51);\ 1708 }\ 1709 #ocultaGamificacionHomeIcono {\ 1710 background-repeat: repeat-x;\ 1711 background-size: contain;\ 1712 position: relative;\ 1713 font-family: "klavika",Helvetica, sans-serif;\ 1714 box-sizing: content-box;\ 1715 vertical-align: middle;\ 1716 display: table-cell;\ 1717 width: 120px;\ 1718 height: 65px;\ 1719 top: 4px;\ 1720 right: 0px;\ 1721 left: 0;\ 1722 margin: 0 auto;\ 1723 padding-left: 10px;\ 1724 text-align: center;\ 1725 text-decoration: none !important;\ 1726 background-color: #ca0303;\ 1727 border-top-right-radius: 4em;\ 1728 border-bottom-right-radius: 4em;\ 1729 cursor:pointer;\ 1730 box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.51);\ 1731 }\ 1732 #ocultaGamificacionHomeIcono a {color: #fff; font-weight: 700;}\ 1733 #gamificacionHomeIcono a {display:block;position:relative;}\ 1734 #gamificacionHomeIcono a:hover, #gamificacionHomeIcono a:focus {\ 1735 color: #d81e05;\ 1736 }\ 1737 .icon-home.soc-icon-home-em {\ 1738 top: 2px;\ 1739 left: 11px;\ 1740 width: 30px !important;\ 1741 height: 30px !important;\ 1742 }\ 1743 #gamificacionHomeIcono .icon-home.soc-icon-home-em {\ 1744 background: initial !important;\ 1745 }\ 1746 #gamificacionHomeIconoTexto{\ 1747 color: #FFF;\ 1748 position: relative;\ 1749 top: -4px;\ 1750 left: 14px;\ 1751 font-family: "DM Sans", Arial, Helvetica, sans-serif;\ 1752 font-weight: 500;\ 1753 font-size: 12px;\ 1754 }\ 1755 #scrollToHome {\ 1756 display: none;\ 1757 position: fixed;\ 1758 width: 72px;\ 1759 height: 60px;\ 1760 right: 60px;\ 1761 bottom: 11%;\ 1762 z-index: 9999999999;\ 1763 }\ 1764 #scrollToHome > .icon-home.soc-icon-home-em.gamificacion {\ 1765 cursor: pointer;\ 1766 border: 2px solid #ca0303;\ 1767 background: #fff;\ 1768 width: 100px!important;\ 1769 height: 100px!important;\ 1770 border-radius: 60px;\ 1771 box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.51);\ 1772 background: #ca0303;\ 1773 }\ 1774 .red-container{ position: relative}\ 1775 .red-container img{ width: 50px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}\ 1776 #scrollToHome > em[class="icon-home soc-icon-home-em gamificacion"]:before {\ 1777 top: 50%;\ 1778 left: 52%;\ 1779 color: #d81e05;\ 1780 font-size: 36px !important;\ 1781 }\ 1782 #slides-counter { display: none; }\ 1783 .slides-counter { position: fixed; width: 40px; height: 150px; right: 52px; bottom: 19%; z-index: 9999999999; display: flex; flex-wrap: wrap; }\ 1784 .slides-counter .slide { box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.51); background: #fff;display: flex; cursor: pointer; justify-content: center; align-items: center;width: 100%; border: 2px solid #ca0303; border-radius: 40px 40px 40px 40px; margin-top: 10px; text-align: center; }\ 1785 .slides-counter .slide .num-container { color: #ca0303; font-weight: bold; }\ 1786 @media (min-width:960px) and (max-width:1200px) {\ 1787 #scrollToHome > em[class="icon-home soc-icon-home-em"]:before {\ 1788 top: 60%;\ 1789 left: 60%;\ 1790 }\ 1791 }\ 1792 @media (max-width:768px) { /* IPAD HORIZONTAL */\ 1793 #gamificacionGlobalWidget {bottom:-10px;top:auto;background-position: top left;}\ 1794 #ocultaGamificacionHomeIcono {\ padding-left: 0px!important; width: 76px!important; }\ 1795 #ocultaGamificacionGlobalWidget { top: 31%; }\ 1796 }\ 1797 }\ 1798 @media (min-width:960px) and (max-width:1200px) { /* IPAD BORIZONTAL */\ 1799 em[class="icon-home soc-icon-home-em"]:before {\ 1800 top: 65%;\ 1801 left: 65%;\ 1802 font-size: 20px !important;\ 1803 }\ 1804 }\ 1805 @-moz-document url-prefix() {\ 1806 #ocultaGamificacionHomeIcono { padding-left: 31px;\ }\ 1807 #gamificacionChapaIcono { left: 187px; }\ 1808 }\ 1809 @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)\ 1810 {\ 1811 @media {\ 1812 #ocultaGamificacionHomeIcono { padding-left: 31px;\ }\ 1813 #gamificacionChapaIcono { left: 187px; }\ 1814 }\ 1815 }\ 1816</style>'); 1817 1818jQuery("body").append('\ 1819 <div id="slides-counter">\ 1820 <div class="slides-counter">\ 1821 <div class="slide slide1"><div class="num-container">1</div></div>\ 1822 <div class="slide slide2"><div class="num-container">
18222</div></div>\ 1823 <div class="slide slide3"><div class="num-container">3</div></div>\ 1824 </div>\ 1825 </div>\ 1826 <div id="scrollToHome">\ 1827 <div class="red-container icon-home soc-icon-home-em gamificacion">\ 1828 <img src="'+ window.casaIcon +'" class="" />\ 1829 </div>\ 1830 </div>\ 1831 <div id="ocultaGamificacionGlobalWidget" style="left: 0px;">\ 1832 <a href="#">\ 1833 <span id="ocultaGamificacionChapaIcono"></span>\ 1834 </a>\ 1835 <span id="ocultaGamificacionHomeIcono">\ 1836 <a href="#" class="icon-with-text" alt="Hogar" title="Calcula tu seguro de Hogar">VOLVER</a>\ 1837 </span>\ 1838 </div>\ 1839 <div id="gamificacionGlobalWidget" class="bounce-home" style="display: block;right: 0px;">\ 1840 <a href="#">\ 1841 <span id="gamificacionChapaIcono">\ 1842 </span>\ 1843 </a>\ 1844 <span id="gamificacionHomeIcono">\ 1845 <a href="#" class="icon-with-text" alt="Hogar" title="Calcula tu seguro de Hogar">\ 1846 <em class="icon-home soc-icon-home-em"></em>\ 1847 </a>\ 1848 </span>\ 1849 </div>\ 1850'); 1851 1852/* ANIMACIONES */ 1853jQuery("#gamificacionGlobalWidget").css({'display':'block','right':'-300px'}).animate({ 1854 right: "0" 1855}, 1000, function() { 1856 // Animation complete. 1857}); 1858window.isOpened = false; 1859jQuery("#gamificacionHomeIcono, #gamificacionChapaIcono").mousedown(function (){ 1860 // 1861 window.alto_wrapper = jQuery("#wrapper").height(); 1862 jQuery("#wrapper").css("height", jQuery("#mkdiv_home_game").height()); 1863 // 1864 jQuery("#mkdiv_home_game").css({'display':'block','left':'100%'}).animate({ 1865 left: "0" 1866 }, 1000, function() { 1867 // Animation complete. 1868 }); 1869 1870 window.isOpened = true; 1871 1872 /* MÃTRICA APERTURA CORTINILLA */ 1873 ga('send', 'event', 'side content', 'click icon', 1874 'ir - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1875 dimension21: 'production', 1876 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1877 dimension37: window.location.href 1878 }); 1879 1880 /* PAGEVIEW APERTURA CORTINILLA */ 1881 ga('set', 'title', 'es:mapfre:site comercial:particulares:AO53 - Modelo de Propension de Hogar - Gamificacion-media'); 1882 ga('send', 'pageview', { 1883 dimension21: 'production', 1884 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1885 dimension37: window.location.href 1886 }); 1887 1888 jQuery("#gamificacionGlobalWidget").css({'display':'block','right':'0'}).animate({ 1889 right: "100%" 1890 }, 1000, function() { 1891 // Animation complete. 1892 jQuery("#ocultaGamificacionGlobalWidget").show(); 1893 }); 1894}); 1895 1896jQuery("#ocultaGamificacionHomeIcono, #ocultaGamificacionChapaIcono").mousedown(function (){ 1897 jQuery('#wrapper').css('height', window.alto_wrapper); 1898 1899 jQuery("#ocultaGamificacionGlobalWidget").hide(); 1900 jQuery("#slides-counter").hide(); 1901 jQuery("#scrollToHome").hide(); 1902 1903 window.isOpened = false; 1904 1905 /* MÃTRICA CIERRE CORTINILLA */ 1906 ga('send', 'event', 'side content', 'click button', 1907 'volver - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1908 dimension21: 'production', 1909 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1910 dimension37: window.location.href 1911 }); 1912 1913 jQuery("#mkdiv_home_game").css({'display':'block','left':'0'}).animate({ 1914 left: "100%" 1915 }, 1000, function() { 1916 // Animation complete. 1917 jQuery("#mkdiv_home_game").hide(); 1918 }); 1919 1920 if (window.isFrecuencyCapping == true) { 1921 if (window.ispopUpTriggered == true) { 1922 window.ispopUpTriggered = false; 1923 window.triggerFAB(); 1924 } 1925 else { 1926 setTimeout(function(){ 1927 jQuery('.zoom').css('opacity','1'); 1928 }, 1300); 1929 } 1930 } 1931 else { 1932 jQuery("#gamificacionGlobalWidget").css({'display':'block','right':'100%'}).animate({ 1933 right: "0" 1934 }, 1000, function() { 1935 // Animation complete. 1936 }); 1937 } 1938}); 1939 1940jQuery("#scrollToHome >
1940 .icon-home.soc-icon-home-em").mousedown(function (){ 1941 /* MÃTRICA LINK BACK HOME */ 1942 ga('send', 'event', 'side content', 'click icon', 1943 'volver arriba - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 1944 dimension21: 'production', 1945 dimension22: '9r78a69t478cccr05ac668223aeer4429', 1946 dimension37: window.location.href 1947 }); 1948 1949 animate_to_main_layer(); 1950}); 1951 1952function animate_to_main_layer(){ 1953 if(window.innerWidth <= 768){ 1954 jQuery('html, body').animate({ 1955 scrollTop: jQuery('#mkdiv_main_layer').offset().top - 190 1956 }, 'slow'); 1957}else{ 1958 jQuery('html, body').animate({ 1959 scrollTop: jQuery('#mkdiv_main_layer').offset().top 1960 }, 'slow'); 1961} 1962} 1963 1964// END SCRIPT 6 1965 1966window.fn_valida_telef_widget = function valida_telef_widget(){ 1967 var retorno = true; 1968 var pattern_telef = new RegExp("^[1-9]{9}$"); 1969 1970 console.log("DV - phone number: " + jQuery("#DCS-phone").val()); 1971 1972 if(jQuery("#DCS-phone").val().length != 9 || isNaN(jQuery("#DCS-phone").val())){ 1973 retorno = false; 1974 } 1975 1976 return retorno; 1977} 1978 1979jQuery("body").append('<style type="text/css">\ 1980 .DCS-Form {\ 1981 border-radius: unset;\ 1982 }\ 1983 .DCS-bodyFormMessage {\ 1984 font-family: Bariol,Arial,Helvetica,sans-serif;\ 1985 font-size: 16px;\ 1986 line-height: 1.4375;\ 1987 }\ 1988 .DCS-bodyFormCheck > label {\ 1989 font-weight: unset;\ 1990 font-family: Bariol,Arial,Helvetica,sans-serif;\ 1991 }\ 1992 .DCS-Form .DCS-headerForm {\ 1993 border-bottom: 2px solid #d6d6d6;\ 1994 font-weight: bold;\ 1995 font-size: 20px;\ 1996 }\ 1997 .DCS-headerFormTitle {\ 1998 font-size: 20px;\ 1999 line-height: unset;\ 2000 text-align: unset;\ 2001 padding: unset;\ 2002 width: unset;\ 2003 }\ 2004 #dmv-overlay {\ 2005 z-index: 9999999999 !important;\ 2006 }\ 2007 #dmv-overlay #dmv-content .DCS-Form {\ 2008 padding: 15px;\ 2009 margin-top: 10%;\ 2010 }\ 2011 #dmv-close {display: none !important;}\ 2012 @media (max-width: 768px){\ 2013 .DCS-headerFormClose img {\ 2014 width: unset;\ 2015 }\ 2016 }\ 2017 </style>'); 2018 2019jQuery(document).on("mousedown", ".DCS-headerFormClose", function(){ 2020 jQuery("body").append('<style type="text/css">\ 2021 #dmv-overlay {\ 2022 display: none;\ 2023 }\ 2024 </style>'); 2025}); 2026 2027jQuery(document).on("mousedown", ".mkdiv_main_layer_span_te_llamamos", function(){ 2028 /* MÃTRICA CTA TE LLAMAMOS */ 2029 ga('send', 'event', 'remarked content', 'click link', 2030 'te llamamos gratis - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2031 dimension21: 'production', 2032 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2033 dimension37: window.location.href 2034 }); 2035 2036 jQuery("body").append('<style type="text/css">\ 2037 #dmv-overlay {\ 2038 display: block;\ 2039 }\ 2040 </style>'); 2041 2042 try{ 2043 D3P.Modal.open(); 2044 } catch (e) {} 2045 2046 var checkExist_c2c_button = setInterval(function() { 2047 if (jQuery("button.DCS-footerFormButton").length) { 2048 clearInterval(checkExist_c2c_button); 2049 2050 jQuery("button.DCS-footerFormButton").mousedown(function(){ 2051 if(window.fn_valida_telef_widget()){ 2052 try{ 2053 DFI.diviProducto(jQuery("#DCS-phone").val(), "hogar", "media"); 2054 } catch (e) {} 2055 2056 // MÃTRICA CTA TE LLAMAMOS - ENVÃO FORMULARIO CORRECTO 2057 ga('send', 'event', 'landing', 'call me', 2058 'end fin formulario - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2059 dimension21: 'production', 2060 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2061 dimension37: window.location.href 2062 }); 2063 2064 jQuery(".DCS-Form").html('\ 2065 <div class="DCS-headerForm">\ 2066 <div class="DCS-headerFormTitle"> Gracias </div>\ 2067 <div class="DCS-headerFormClose">\ 2068 <img src="https://t.womtp.com/slider/c/mapfre/es/click2call/dev/components/img/cross.png" alt="">\ 2069 </div>\ 2070 </div>\ 2071 <div class="DCS-bodyForm">\ 2072 <div class="DCS-bodyFormMessage">En un momento se pondrá un agente en contacto con usted.</div>\ 2073 </div>\ 2074 '); 2075 2076 jQuery(".DCS-headerFormClose").mousedown(function(){ 2077 jQuery("body").append('<style type="text/css">\ 2078 #dmv-overlay {\ 2079 display: none;\ 2080 }\ 2081 </style>'); 2082 }); 2083 } else { 2084 // MÃTRICA CTA TE LLAMAMOS - ENVÃO FORMULARIO ERROR 2085 ga('send', 'event', 'landing', 'call me', 2086 'error formulario - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2087 dimension21: 'production', 2088 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2089 dimension37: window.location.href 2090 }); 2091 2092 if(jQuery(".DCS-errorMsj").length == 0){ 2093 jQuery('\ 2094 <div style="">\
2095 <span class="DCS-errorMsj"> Debe ser un teléfono válido. </span>\ 2096 </div>\ 2097 ').insertAfter(jQuery("#DCS-c_var_4")); 2098 } 2099 } 2100 }); 2101 } 2102 }, 100); 2103}); 2104 2105jQuery(".mkdiv_main_layer_span_calcula_tu_precio").mousedown(function(){ 2106 window.open("https://www.mapfre.es/calcular-seguro-hogar/es/#/direccion?origen=MAPFRES&PPPO=MINTER&flujo=fq", '_blank'); 2107 2108 /* MÃTRICA CTA CALCULA */ 2109 ga('send', 'event', 'remarked content', 'click link - home', 2110 'calcula tu precio - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2111 dimension21: 'production', 2112 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2113 dimension37: window.location.href 2114 }); 2115}); 2116 2117// END SCRIPT 7 2118 2119document.getElementById('gamificacionHomeIcono').addEventListener('mousedown', mouseDown, false); 2120window.addEventListener('mouseup', mouseUp, false); 2121 2122 function mouseUp() { 2123 window.removeEventListener('mousemove', divMove, true); 2124 2125 var div_game = document.getElementById("mkdiv_home_game"); 2126 var div_chapa = document.getElementById("gamificacionGlobalWidget"); 2127 var div_chapa_volver = document.getElementById("ocultaGamificacionGlobalWidget"); 2128 2129 if((parseInt(div_game.style.left) > (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth))){ 2130 div_game.style.left = "100%"; 2131 2132 div_chapa_volver.style.left = "0px"; 2133 div_chapa_volver.style.display = "none"; 2134 2135 div_chapa.style.left = "unset"; 2136 div_chapa.style.right = "0px"; 2137 } else { 2138 div_game.style.left = "0px"; 2139 div_chapa_volver.style.left = "0px"; 2140 div_chapa.style.left = "unset"; 2141 } 2142 } 2143 2144 function mouseDown(e){ 2145 window.addEventListener('mousemove', divMove, true); 2146 } 2147 2148 function divMove(e){ 2149 var div_game = document.getElementById("mkdiv_home_game"); 2150 var div_chapa = document.getElementById("gamificacionGlobalWidget"); 2151 var div_chapa_volver = document.getElementById("ocultaGamificacionGlobalWidget"); 2152 2153 div_game.style.display = "block"; 2154 div_game.style.left = e.clientX + "px"; 2155 2156 div_chapa_volver.style.display = "block"; 2157 div_chapa_volver.style.left = (e.clientX + 0) + "px"; 2158 2159 div_chapa.style.left = (e.clientX - 270) + "px"; 2160 } 2161 2162 //END SCRIPT 8 2163 2164 var hoy = new Date(); 2165 var ejecuta_script = false; 2166 2167 if (hoy.getFullYear() == 2020){ 2168 if (hoy.getMonth() == 4){ 2169 if(hoy.getDate() == 21){ 2170 ejecuta_script = true; 2171 } 2172 } else if (hoy.getMonth() == 5){ 2173 ejecuta_script = true; 2174 } 2175 } 2176 2177 if(ejecuta_script) 2178 { 2179 jQuery('head').append('<style>\ 2180 #mainPromo {background-image:url("https://www.mapfre.es/media/estaticos/dmp/1009x323-fotograma-hogar.jpg")!important; background-position:center; background-repeat:no-repeat; background-size:cover;}\ 2181 #mainPromo #discountBottom { left: 127px!important; }\ 2182 </style>'); 2183 jQuery("#secondPromos #firstSecondPromo img").attr("src", "https://www.mapfre.es/media/estaticos/dmp/350x155-fotograma-coche.jpg"); 2184 jQuery("#secondPromos #firstSecondPromo a").attr("href", "https://www.mapfre.es/seguros/particulares/coche/seguros-de-coche/"); 2185 jQuery('#mainPromo ul.botonera #calculaTuPrecio #calculaTuPrecio') 2186 .attr('href','https://www.mapfre.es/calcular-seguro-hogar/es/#/direccion?origen=MAPFRES&PPPO=MINTER&flujo=fq'); 2187 jQuery('#mainPromo ul.botonera #calculaTuPrecio #calculaTuPrecio').attr('target','_blank'); 2188 jQuery('#mainPromo .botonera #teLlamamosGratis #teLlamamosGratis') 2189 .attr('href','https://segurosdehogar.mapfre.es/portal/?SeccionPortal=Carrusel&ModalidadPortal=SegurosDeHogar&Site=Portal'); 2190 jQuery('#mainPromo .botonera #teLlamamosGratis #teLlamamosGratis').attr('target','_blank'); 2191 jQuery('#mainPromo .botonera #masInformacion #masInformacion') 2192 .attr('href','https://www.mapfre.es/seguros/particulares/hogar/seguros-de-hogar/'); 2193 jQuery("h2.mainPromo_opacity").html("SEGUROS DE HOGAR"); 2194 jQuery("h3.mainPromo_opacity").html("Un seguro de Hogar lleno de Súper Ventajas"); 2195 jQuery("#calculaTuPrecio > a").html("Calcula tu precio"); 2196 jQuery("#discountRight > span:nth-child(1)").html("Hasta un"); 2197 jQuery("#discountRight > span:nth-child(2)").html("20%"); 2198 jQuery('#discountBottom.mainPromo_opacity').html("de descuento"); 2199 // MEDICION 2200 jQuery("#mainPromo ul.botonera li#calculaTuPrecio a").off("mousedown"); 2201 jQuery("#mainPromo ul.botonera li#teLlamamosGratis a").off("mousedown"); 2202 jQuery("#mainPromo ul.botonera li#masInformacion a").off("mousedown"); 2203 jQuery("#phoneLeft").off("mousedown"); 2204 jQuery("#secondPromos #firstSecondPromo a").off("mousedown"); 2205 window.fn_medicion_original = function medicion_original(medicion){ 2206 var category = medicion[0]; 2207 var action = medicion[1]; 2208 var label = medicion[2]; 2209 ga('send', 'event', category, action, label); 2210 } 2211 window.array_medicion_hogar = []; 2212 window.array_medicion_hogar.push("carousel,click button - home,seguros de hogar-calcula tu precio"); 2213 window.array_medicion_hogar.push("carousel,click button,seguros de hogar-te llamamos"); 2214 window.array_medicion_hogar.push("carousel,click link,seguros de hogar-mas informacion"); 2215 window.array_medicion_hogar.push("carousel,c2c,seguros de hogar-918 365 365"); 2216 window.array_medicion_hogar.push("carousel,click link,seguros de hogar-mas informacion-primary"); 2217 /* MEDICIÃN IMAGEN PRINCIPAL */ 2218 jQuery("#mainPromo ul.botonera li#calculaTuPrecio a").mousedown(function(){ 2219 var medicion = array_medicion_hogar[0].split(","); 2220 window.fn_medicion_original(medicion); 2221 }); 2222 jQuery("#mainPromo ul.botonera li#teLlamamosGratis a").mousedown(function(){ 2223 var medicion = array_medicion_hogar[1].split(","); 2224 window.fn_medicion_original(medicion); 2225 }); 2226 jQuery("#mainPromo ul.botonera li#masInformacion a").mousedown(function(){ 2227 var medicion = array_medicion_hogar[4].split(","); 2228 window.fn_medicion_original(medicion); 2229 }); 2230 jQuery("#phoneLeft").mousedown(function(){ 2231 var medicion = array_medicion_hogar[3].split(","); 2232 window.fn_medicion_original(medicion); 2233 }); 2234 jQuery("#secondPromos #firstSecondPromo a").mousedown(function(){ 2235 var medicion = "carousel,click link,seguros de coche-mas informacion-secondary".split(","); 2236 window.fn_medicion_original(medicion); 2237 }); 2238 } 2239 2240 jQuery("head").append("<style type='text/css'>\ 2241 .owl-nav [class*=owl-] {\ 2242 position: absolute;\ 2243 top: calc(50% - 20px);\ 2244 background: transparent!important;\ 2245 color: #d81e05!important;\ 2246 }\ 2247 .owl-prev.disabled i:before, .owl-next.disabled i:before {\ 2248 color: #dddddd!important;\ 2249 }\ 2250 .owl-nav .mgv-icon-angle-right:before, .owl-nav .mgv-icon-angle-left:before {\ 2251 font-size: 48px;\ 2252 }\ 2253 .item > i {\ 2254 display: block;\ 2255 }\ 2256 .item > i:before {\ 2257 font-size: 48px!important;\ 2258 }\ 2259 .item span.title {\ 2260 font-weight: bold;\ 2261 font-size: 16px;\ 2262 margin-bottom: 9px;\ 2263 }\ 2264 .item span.ad-text {\ 2265 font-size: 16px;\ 2266 clear: both;\ 2267 display: block;\ 2268 margin-bottom: 5px;\ 2269 }\ 2270 .owl-theme span {\ 2271 float: none;\ 2272 padding-left: 12px;\ 2273 padding-right: 12px;\ 2274 }\ 2275 .owl-carousel .owl-nav .owl-prev {\ 2276 left: -18px;\ 2277 }\ 2278 .owl-carousel .owl-nav .owl-next {\ 2279 right: -18px;\ 2280 }\ 2281 .mkdiv_carousel_copy {\ 2282 top: 0;\ 2283 left: 0;\ 2284 right: 0;\ 2285 bottom: 0px;\ 2286 width: 100%;\ 2287 text-align: center;\ 2288 height: 82px;\ 2289 font-family: DM Sans;\ 2290 font-size: 60px;\ 2291 font-weight: 600;\ 2292 text-transform: uppercase;\ 2293 line-height: 82px;\ 2294 color: #d81e05;\ 2295 margin: 0 auto;\ 2296 }\ 2297 .mkdiv_carousel_subcopy {\ 2298 position: relative;\ 2299 text-align: center;\ 2300 top: 0;\ 2301 left: 0;\ 2302 right: 0;\ 2303 bottom: 0;\ 2304 font-weight: bold;\ 2305 font-size: 24px;\ 2306 margin-bottom: 30px;\ 2307 text-transform: uppercase;\ 2308 }\ 2309 .mkdiv_carousel_botonera {\ 2310 position: relative;\ 2311 width: 53%;\ 2312 list-style-type: none;\ 2313 height: 50px;\ 2314 display: table;\ 2315 top: 0;\ 2316 left: 0;\ 2317 right: 0;\ 2318 bottom: 0;\ 2319 padding: 0;\ 2320 margin: 0 auto;\ 2321 text-align: center;\ 2322 margin-bottom: 10px;\ 2323 }\ 2324 #mkdiv_carousel_botonera_teLlamamosGratis {\ 2325 width: 48%;\ 2326 list-style-type: none;\ 2327 height: 50px;\ 2328 display: inline-table;\ 2329 }\ 2330 #mkdiv_carousel_botonera_calculaTuPrecio {\ 2331 width: 47%;\ 2332 list-style-type: none;\ 2333 height: 50px;\ 2334 display: inline-table;\ 2335 margin: 10px;\ 2336 }\ 2337 .mkdiv_carousel_botonera li a {\ 2338 cursor: pointer;\ 2339 font-size: 16px;\ 2340 color: #FFF;\ 2341 font-weight: bold;\ 2342 font-family: 'DM Sans',Arial,Helvetica,sans-serif;\ 2343 display: block;\ 2344 height: 100%;\ 2345 width: 100%;\ 2346 text-transform: uppercase;\ 2347 vertical-align: middle;\ 2348 display: table-cell;\ 2349 background: #d81e05;\ 2350 text-align: center;\ 2351 }\ 2352 .mkdiv_carousel_botonera li#mkdiv_carousel_botonera_teLlamamosGratis a {\ 2353 width: 100%;\ 2354 background: #a9cb02;\ 2355 text-align: center;\ 2356 }\ 2357 @media (max-width: 944px) {\ 2358 .mkdiv_carousel_copy {\ 2359 font-size: 26px;\ 2360 }\ 2361 }\ 2362 @media (max-width: 787px) {\ 2363 .mkdiv_carousel_botonera {\ 2364 display: none;\ 2365 }\ 2366 }\ 2367 </style>"); 2368 2369 var checkExist_carrusel = setInterval(function() { 2370 if (jQuery(".fixedWidth:eq(5)").length >= 1) { 2371 clearInterval(checkExist_carrusel); 2372 2373 insertaCarrusel(); 2374 } 2375 }, 100); 2376 2377 function insertaCarrusel(){ 2378 jQuery('\ 2379 <div class="fixedWidth">\ 2380 <div class="mkdiv_carousel_copy">Estás en casa, estás seguro</div>\ 2381 <div class="mkdiv_carousel_subcopy">seguros de hogar</div>\ 2382 <div class="contenedor">\ 2383 <div class="col-sm-12">\ 2384 <div class="distribuidorMGV row hole1Styles485991 ">\ 2385 <div class="col-sm-12">\ 2386 <div class="container-fluid VSInAll">\ 2387 <div class="row">\ 2388 <section class="MGAlignCenter">\ 2389 <div class="owl-carousel owl-theme">\
2390 <div class="item">\ 2391 <i class="icon-hands"></i>\ 2392 <span class="text">\ 2393 <span class="title">\ 2394 Declaración de la Renta\ 2395 </span>\ 2396 <span class="ad-text">Te ayudamos con tu Declaración de la Renta y te asesoramos gratuitamente.</span>\ 2397 </span>\ 2398 </div>\ 2399 <div class="item">\ 2400 <i class="icon-car-service-center"></i>\ 2401 <span class="text">\ 2402 <span class="title">\ 2403 Electrodomésticos\ 2404 </span>\ 2405 <span class="ad-text">Reparamos todos tus electrodomésticos de gama blanca.</span>\ 2406 </span>\ 2407 </div>\ 2408 <div class="item">\ 2409 <i class="icon-car-service"></i>\ 2410 <span class="text">\ 2411 <span class="title">\ 2412 Bricolaje\ 2413 </span>\ 2414 <span class="ad-text">Disfruta de nuestro servicio de bricolaje en el hogar.</span>\ 2415 </span>\ 2416 </div>\ 2417 <div class="item">\ 2418 <i class="icon-wireless"></i>\ 2419 <span class="text">\ 2420 <span class="title">\ 2421 Protección digital\ 2422 </span>\ 2423 <span class="ad-text">Disfruta de una absoluta protección digital para ti y para los tuyos.</span>\ 2424 </span>\ 2425 </div>\ 2426 <div class="item">\ 2427 <i class="icon-who-we-are"></i>\ 2428 <span class="text">\ 2429 <span class="title">\ 2430 Localización del dispositivo móvil\ 2431 </span>\ 2432 <span class="ad-text">En caso de pérdida, robo o hurto nos encargamos de localizarlo y bloquearlo.</span>\ 2433 </span>\ 2434 </div>\ 2435 <div class="item">\ 2436 <i class="icon-dividends2"></i>\ 2437 <span class="text">\ 2438 <span class="title">\ 2439 Facilidad de Pago\ 2440 </span>\ 2441 <span class="ad-text">Tus seguros en un solo recibo y elige el mejor dÃa del mes para pagar tu cuota mensual.</span>\ 2442 </span>\ 2443 </div>\ 2444 </div>\ 2445 </section>\ 2446 </div>\ 2447 </div>\ 2448 </div>\ 2449 </div>\ 2450 </div>\ 2451 </div>\ 2452 <ul class="mkdiv_carousel_botonera">\ 2453 <li id="mkdiv_carousel_botonera_teLlamamosGratis">\ 2454 <a>Te Llamamos Gratis</a>\ 2455 </li>\ 2456 <li id="mkdiv_carousel_botonera_calculaTuPrecio">\ 2457 <a>Calcula tu precio</a>\ 2458 </li>\ 2459 </ul>\ 2460 </div>\ 2461 ').insertBefore(jQuery(".fixedWidth:eq(5)")); 2462 2463 jQuery('.owl-carousel').owlCarousel({ 2464 loop:false, 2465 margin:0, 2466 nav:true, 2467 dots: false, 2468 navText: [ 2469 "<i class='mgv-icon-angle-left'></i>", 2470 "<i class='mgv-icon-angle-right'></i>" 2471 ], 2472 responsive:{ 2473 0:{ 2474 items:1 2475 }, 2476 600:{ 2477 items:3 2478 }, 2479 1000:{ 2480 items:4 2481 } 2482 } 2483 }); 2484 2485 /* MÃTRICAS */ 2486 jQuery(document).on("mousedown", "#mkdiv_carousel_botonera_teLlamamosGratis", function(){ 2487 /* MÃTRICA CTA TE LLAMAMOS */ 2488 ga('send', 'event', 'remarked content', 'click link', 2489 'te llamamos gratis - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2490 dimension21: 'production', 2491 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2492 dimension37: window.location.href 2493 }); 2494 2495 jQuery("body").append('<style type="text/css">\ 2496 #dmv-overlay {\ 2497 display: block;\ 2498 }\ 2499 </style>'); 2500 2501 try{ 2502 D3P.Modal.open(); 2503 } catch (e) {} 2504 2505 var checkExist_c2c_button = setInterval(function() { 2506 if (jQuery("button.DCS-footerFormButton").length) { 2507 clearInterval(checkExist_c2c_button); 2508 2509 jQuery("button.DCS-footerFormButton").mousedown(function(){ 2510 if(window.fn_valida_telef_widget()){ 2511 try{ 2512 DFI.diviProducto(jQuery("#DCS-phone").val(), "hogar", "media"); 2513 } catch (e) {} 2514 2515 // MÃTRICA CTA TE LLAMAMOS - ENVÃO FORMULARIO CORRECTO 2516 ga('send', 'event', 'landing', 'call me', 2517 'end fin formulario - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2518 dimension21: 'production', 2519 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2520 dimension37: window.location.href 2521 }); 2522 2523 jQuery(".DCS-Form").html('\ 2524 <div class="DCS-headerForm">\ 2525 <div class="DCS-headerFormTitle"> Gracias </div>\ 2526 <div class="DCS-headerFormClose">\ 2527 <img src="https://t.womtp.com/slider/c/mapfre/es/click2call/dev/components/img/cross.png" alt="">\ 2528 </div>\ 2529 </div>\ 2530 <div class="DCS-bodyForm">\ 2531 <div class="DCS-bodyFormMessage">En un momento se pondrá un agente en contacto con usted.</div>\ 2532 </div>\ 2533 '); 2534 2535 jQuery(".DCS-headerFormClose").mousedown(function(){ 2536 jQuery("body").append('<style type="text/css">\ 2537 #dmv-overlay {\ 2538 display: none;\ 2539 }\ 2540 </style>'); 2541 }); 2542 } else { 2543 // MÃTRICA CTA TE LLAMAMOS - ENVÃO FORMULARIO ERROR 2544 ga('send', 'event', 'landing', 'call me', 2545 'error formulario - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2546 dimension21: 'production', 2547 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2548 dimension37: window.location.href 2549 }); 2550 2551 if(jQuery(".DCS-errorMsj").length == 0){ 2552 jQuery('\ 2553 <div style="">\
2554 <span class="DCS-errorMsj"> Debe ser un teléfono válido. </span>\ 2555 </div>\ 2556 ').insertAfter(jQuery("#DCS-c_var_4")); 2557 } 2558 } 2559 }); 2560 } 2561 }, 100); 2562 }); 2563 2564 jQuery("#mkdiv_carousel_botonera_calculaTuPrecio").mousedown(function(){ 2565 window.open("https://www.mapfre.es/calcular-seguro-hogar/es/#/direccion?origen=MAPFRES&PPPO=MINTER&flujo=fq", '_blank'); 2566 2567 /* MÃTRICA CTA CALCULA */ 2568 ga('send', 'event', 'remarked content', 'click link - home', 2569 'calcula tu precio - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2570 dimension21: 'production', 2571 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2572 dimension37: window.location.href 2573 }); 2574 }); 2575 2576 jQuery(".owl-prev").mousedown(function(){ 2577 /* MÃTRICA CLICK ANTERIOR CARRUSEL */ 2578 ga('send', 'event', 'remarked content', 'click button', 2579 'carousel-prev - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2580 dimension21: 'production', 2581 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2582 dimension37: window.location.href 2583 }); 2584 }); 2585 2586 jQuery(".owl-next").mousedown(function(){ 2587 /* MÃTRICA CLICK SIGUIENTE CARRUSEL */ 2588 ga('send', 'event', 'remarked content', 'click button', 2589 'carousel-next - AO53 - Modelo de Propension de Hogar - Gamificacion-media', { 2590 dimension21: 'production', 2591 dimension22: '9r78a69t478cccr05ac668223aeer4429', 2592 dimension37: window.location.href 2593 }); 2594 }); 2595 } 2596 //END SCRIPT 9 2597 2598 jQuery("head").append("<style type='text/css'>\ 2599 .mkdiv_copy_chapa_medium_propension {\ 2600 display: none;\ 2601 position: absolute;\ 2602 top: 19px;\ 2603 left: 77px;\ 2604 font-size: 19px;\ 2605 font-weight: 600;\ 2606 text-transform: uppercase;\ 2607 }\ 2608</style>"); 2609 2610jQuery("#gamificacionHomeIcono").append("<div class='mkdiv_copy_chapa_medium_propension'>¡ENTRA!</div>"); 2611 2612window.chapa_propension_shown = false; 2613window.chapa_propension_hovered = false; 2614 2615jQuery("#gamificacionHomeIcono").hover(function(){ 2616 if(!window.chapa_propension_hovered){ 2617 jQuery("#gamificacionHomeIcono").css({'width':'70px','left':'193px'}).animate({ 2618 width: "170px", 2619 left: "100px" 2620 }, 800, function() { 2621 }); 2622 2623 jQuery(".icon-home.soc-icon-home-em").css({'left':'11px'}).animate({ 2624 left: "-44px" 2625 }, 800, function() { 2626 jQuery(".mkdiv_copy_chapa_medium_propension").show(); 2627 }); 2628 2629 window.chapa_propension_shown = true; 2630 } else { 2631 window.chapa_propension_hovered = false; 2632 } 2633 }, function(){ 2634 jQuery("#gamificacionHomeIcono").css({'width':'170px','left':'100px'}).animate({ 2635 width: "70px", 2636 left: "193px" 2637 }, 800, function() { 2638 }); 2639 2640 jQuery(".icon-home.soc-icon-home-em").css({'left':'-44px'}).animate({ 2641 left: "11px" 2642 }, 800, function() { 2643 jQuery(".mkdiv_copy_chapa_medium_propension").hide(); 2644 }); 2645 }); 2646 2647setTimeout(function(){ 2648 if(!window.chapa_propension_shown){ 2649 jQuery("#gamificacionHomeIcono").mouseenter(); 2650 2651 window.chapa_propension_hovered = true; 2652 } 2653}, 5000); 2654 2655// END SCRIPT 10 2656 2657} 2658 2659} 2660/* 2661 FILE ARCHIVED ON 07:52:54 Feb 26, 2022 AND RETRIEVED FROM THE 2662 INTERNET ARCHIVE ON 11:48:00 Apr 28, 2022. 2663 JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. 2664 2665 ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. 2666 SECTION 108(a)(3)). 2667*/ 2668/* 2669playback timings (ms): 2670 captures_list: 210.74 2671 exclusion.robots: 0.081 2672 exclusion.robots.policy: 0.074 2673 RedisCDXSource: 5.919 2674 esindex: 0.006 2675 LoadShardBlock: 185.348 (3) 2676 PetaboxLoader3.datanode: 212.928 (5) 2677 CDXLines.iter: 16.662 (3) 2678 load_resource: 160.834 (2) 2679 PetaboxLoader3.resolve: 71.18 (2) 2680*/
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.