/*! ---------------------------- fd_components v1.20.20210707 Componente para control del proceso de rastreo de paquetes. by Iván E. Mendoza ---------------------------- */.trackingBox{display:inline-block;vertical-align:middle;margin:1em .5em;width:100%}.trackingBox.delivered .theBeginning{display:none}.tb_header .titleArea{font-size:1em}.tb_header .titleArea>.title,.tb_header .titleArea>.guide{text-transform:uppercase;line-height:.9;font-weight:600;text-align:center}.tb_header .titleArea>.title{font-size:.875em;color:#f25720;display:block}.tb_header .titleArea>.manifest{text-align:center}.tb_header .titleArea>.manifest .content{display:inline-block;font-size:.925em;background:#eee;padding:1px;margin:.25em;border-radius:.25em;line-height:1;vertical-align:middle}.tb_header .titleArea>.manifest .content .description{color:white;background-color:#f25720;background-image:linear-gradient(to bottom, #f25720 0%, #eb480e 100%);display:inline-block;text-transform:uppercase;font-size:.75em;margin:2px .5em 2px 2px;padding:4px 4px;box-shadow:0 0 .25em rgba(0,0,0,0.2);border-radius:.25em;font-weight:bold;line-height:1.1;vertical-align:middle}.tb_header .titleArea>.manifest .content .serie,.tb_header .titleArea>.manifest .content .number{vertical-align:middle;line-height:1.1;display:inline-block}.tb_header .titleArea>.manifest .content .serie{font-weight:bold}.tb_header .titleArea>.manifest .content .number{margin-right:.5em}.tb_header .titleArea>.guide{font-size:2.25em;color:#787b7e;display:block}.tb_header .titleArea .theBeginning{color:#333;font-size:.78em;text-align:center}.tb_header .customerArea{border:solid 1px #e5e5e5;margin-top:1em;padding:.5em;border-radius:.25em;box-shadow:0 .125em .75em 0 rgba(0,0,0,0.0625),0 0 .125em 0 rgba(0,0,0,0.125)}.tb_header .customerArea>.title{text-align:center;font-size:1.125em}.tb_header .customerArea>.title .fullname{color:#555}.tb_header .customerArea>.title .orderId{font-weight:bold}.tb_header .customerArea .locationsArea{margin-top:.5em;margin-left:.25em;font-size:1em}.tb_header .customerArea .locationsArea .origin,.tb_header .customerArea .locationsArea .destiny{margin-top:.25em}.tb_header .customerArea .locationsArea .origin .icon,.tb_header .customerArea .locationsArea .destiny .icon{display:inline-block;width:1.5em;height:1.5em;border-radius:1.5em;background-color:#e5e5e5;overflow:hidden;position:relative;vertical-align:middle;margin-right:.25em}.tb_header .customerArea .locationsArea .origin .icon:after,.tb_header .customerArea .locationsArea .destiny .icon:after{display:inline-block;position:absolute;content:"";width:.9375em;height:.9375em;top:50%;margin-top:-0.46875em;left:50%;margin-left:-0.46875em;background-image:url("images/trackingBox-sprite.png");background-repeat:no-repeat;background-size:4.6875em auto;background-position:0 0}.tb_header .customerArea .locationsArea .origin .address,.tb_header .customerArea .locationsArea .destiny .address{font-size:.875em}.tb_header .customerArea .locationsArea .origin .icon{background-color:#76b500}.tb_header .customerArea .locationsArea .origin .icon:after{background-position:-1.875em 0}.tb_header .customerArea .locationsArea .destiny .icon{background-color:#ff5100}.tb_header .customerArea .locationsArea .destiny .icon:after{background-position:-2.8125em 0}.tb_header .customerArea .theEnd{margin-top:.5em;font-size:.925em;text-align:center}.tb_header .customerArea .theEnd .label{border-radius:.25em;padding:.125em .375em;font-size:.75em;background:#787b7e;color:white;margin-right:.25em}.tb_header .customerArea .theEnd .date{font-size:.875em;font-weight:600;color:#ff5100;font-style:italic}.tb_header .customerArea .theEnd .date::first-letter{text-transform:uppercase}@media only screen and (min-width:481px){.trackingBox:not(.tiny)>.tb_header{display:flex;flex-direction:row nowrap;align-content:flex-start;align-items:flex-start}.trackingBox:not(.tiny)>.tb_header .titleArea{flex:1 40%;font-size:1em}.trackingBox:not(.tiny)>.tb_header .titleArea>.title,.trackingBox:not(.tiny)>.tb_header .titleArea>.guide{text-align:left}.trackingBox:not(.tiny)>.tb_header .titleArea>.title{font-size:.875em;margin-top:.5em}.trackingBox:not(.tiny)>.tb_header .titleArea>.guide{font-size:2.625em}.trackingBox:not(.tiny)>.tb_header .titleArea>.manifest{text-align:left}.trackingBox:not(.tiny)>.tb_header .titleArea .theBeginning{text-align:left;font-weight:normal;color:#787b7e;font-size:.875em}.trackingBox:not(.tiny)>.tb_header .customerArea{flex:3 60%;font-size:.875em;box-shadow:none;border:none;border-radius:0;margin-top:0}.trackingBox:not(.tiny)>.tb_header .customerArea>.title{text-align:left;margin-top:0;line-height:1}.trackingBox:not(.tiny)>.tb_header .customerArea .locationsArea{font-size:1em;margin-top:0}.trackingBox:not(.tiny)>.tb_header .customerArea .theEnd{text-align:left;font-size:1em;margin-top:0}}@media only screen and (min-width:640px){.trackingBox:not(.compact):not(.tiny)>.tb_header .titleArea{flex:1 30%;font-size:1.125em}.trackingBox:not(.compact):not(.tiny)>.tb_header .titleArea>.title{font-size:.875em}.trackingBox:not(.compact):not(.tiny)>.tb_header .titleArea>.manifest{text-align:left}.trackingBox:not(.compact):not(.tiny)>.tb_header .titleArea>.manifest .content{margin-left:0;margin-right:0}.trackingBox:not(.compact):not(.tiny)>.tb_header .customerArea{flex:3 70%;font-size:1em}}.tb_timeline{margin-top:1em;margin-bottom:.5em}.tb_event{position:relative;min-height:3.5em;display:flex;width:100%;flex-direction:row nowrap;align-items:flex-start;justify-content:flex-start}.tb_event[data-action]>.text .title,.tb_event[data-action] .iconArea{transition:all .5s;cursor:pointer}.tb_event[data-action]:hover>.text .title{text-decoration:underline}.tb_event[data-action]:hover .time{font-weight:bold}.tb_event[data-action]:hover .iconArea{transform:scale(1.5)}.tb_event .dayTitle{position:absolute;font-size:.75em;color:#979a9c;z-index:100;margin-left:0;margin-top:-0.125em;left:-0.5em;width:7.25em;text-align:right;overflow:hidden;text-overflow:ellipsis}.tb_event .dayTitle::first-letter{text-transform:uppercase}.tb_event .time,.tb_event .iconArea,.tb_event .text{display:inline-block;vertical-align:middle;white-space:normal;flex-grow:1}.tb_event>.time{font-weight:600;color:#333;font-size:.75em;text-align:right;min-width:80px;max-width:80px;margin-right:4px;margin-top:15px}.tb_event>.iconArea{z-index:104;min-width:40px;max-width:40px;height:40px;margin:0 4px;position:relative}.tb_event>.iconArea>.icon{box-sizing:content-box;position:absolute;display:inline-block;width:20px;height:20px;top:50%;left:50%;border-radius:50%;margin-top:-13px;margin-left:-13px;background:#fff;border:solid 3px #ff5100}.tb_event>.text{font-size:1em;margin-top:.25em;margin-left:.5em;margin-right:.5em}.tb_event>.text .title{font-weight:bold;font-size:.875em;margin:0}.tb_event>.text>.description{color:#787b7e;font-size:.875em;line-height:1.5}.tb_event>.text>.description .source{display:inline-block;border:solid 1px #e5e5e5;border-radius:1em;text-transform:uppercase;font-size:.75em;padding:.125em .375em 0 .25em;vertical-align:middle}.tb_event>.text>.description .source .source_icon{float:left;display:block;width:16px;height:16px;background:url('images/trackingBox-sprite.png') no-repeat;background-size:80px auto;margin-top:.0625em;margin-right:.5em}.tb_event>.text>.description .source .source_label{line-height:1.75}.tb_event>.text>.description .source.app.android .source_icon{background-position:0 -16px}.tb_event>.text>.description .source.app.ios .source_icon{background-position:-16px -16px}.tb_event>.text>.description .source.app .source_label:before{content:'Aplicación'}.tb_event>.text>.description .source.email .source_icon{background-position:-32px -16px}.tb_event>.text>.description .source.email .source_label:before{content:'Email'}.tb_event>.text>.description .source.web .source_icon{background-position:-48px -16px}.tb_event>.text>.description .source.web .source_label:before{content:'Web'}.tb_event>.text>.description .place,.tb_event>.text>.description .person{position:relative;margin-left:1.5em}.tb_event>.text>.description .place:before,.tb_event>.text>.description .person:before{position:absolute;font-size:.75em;top:.125em;left:-1.625em}.tb_event>.text>.description .place:before{content:'📍 '}.tb_event>.text>.description .person:before{content:'👤 '}.tb_event>.text>.description .tb_attachments{margin-top:.5em;margin-bottom:.5em;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.tb_event>.text>.description .tb_attachments .tb_attachment{display:flex;flex-direction:column;flex:1 12%;margin-bottom:.5em;margin-right:1em;align-items:center;transition:all .5s;width:12%;max-width:116px}.tb_event>.text>.description .tb_attachments .tb_attachment .description{display:inline-block;font-size:.75em;margin:0;text-align:center;color:#555;transition:all .5s;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.tb_event>.text>.description .tb_attachments .tb_attachment .icon,.tb_event>.text>.description .tb_attachments .tb_attachment .preview{border:solid 2px #ffb999;border-radius:.125em;width:auto;height:54px;max-width:96px;max-height:54px;box-shadow:0 1em 1em 0 rgba(0,0,0,0.05),0 .25em .25em 0 rgba(0,0,0,0.1);transition:all .5s}.tb_event>.text>.description .tb_attachments .tb_attachment[data-action]:hover,.tb_event>.text>.description .tb_attachments .tb_attachment[data-action]:active{cursor:pointer;border-radius:.5em;transform:scale(1.125)}.tb_event>.text>.description .tb_attachments .tb_attachment[data-action]:hover .description,.tb_event>.text>.description .tb_attachments .tb_attachment[data-action]:active .description{color:#ff5100;text-overflow:normal;max-width:100%;overflow:visible;text-shadow:0 0 .125em white}.tb_event>.text>.description .tb_attachments .tb_attachment[data-action]:hover .icon,.tb_event>.text>.description .tb_attachments .tb_attachment[data-action]:active .icon,.tb_event>.text>.description .tb_attachments .tb_attachment[data-action]:hover .preview,.tb_event>.text>.description .tb_attachments .tb_attachment[data-action]:active .preview{border-color:#ff5100;box-shadow:0 1em 1em 0 rgba(0,0,0,0.1),0 .25em .25em 0 rgba(0,0,0,0.25)}.tb_event>.text>.description .tb_attachments .tb_map .icon{width:72px;background-image:url('images/trackingBox-map.png');background-position:center;background-repeat:no-repeat;background-size:cover;padding:0}.tb_event>.text .actions{display:none}.tb_event:before,.tb_event:after{content:'';z-index:0;top:0;position:absolute;display:block;width:6px;left:105px;background:#e5e5e5}.tb_event:before{height:0;z-index:1}.tb_event:after{bottom:0}.tb_event.first.last:after,.tb_event.first.last:before{display:none}.tb_event.first:after{top:20px;bottom:0;border-start-start-radius:6px;border-start-end-radius:6px}.tb_event.first:before{top:20px}.tb_event.last:after{top:0;height:20px;bottom:inherit;border-end-start-radius:6px;border-end-end-radius:6px}.tb_event.current>.iconArea{margin:0 4px;position:relative}.tb_event.current>.iconArea .icon{content:'';position:absolute;display:inline-block;width:40px;height:40px;top:50%;left:50%;border-radius:50%;margin-top:-23px;margin-left:-23px;background:#ff5100;border:solid 3px #ff5100}.tb_event.current>.iconArea .icon:after{position:absolute;content:' ';display:block;left:50%;top:50%;z-index:5;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background:url('images/trackingBox-sprite.png') no-repeat;background-size:150px auto;background-position:0 0}.tb_event.done:after,.tb_event.issue:after{background:#ff5100}.tb_event.done.last:before,.tb_event.issue.last:before{height:0}.tb_event.done>.iconArea .icon,.tb_event.issue>.iconArea .icon{position:relative}.tb_event.done>.iconArea .icon:after,.tb_event.issue>.iconArea .icon:after{position:absolute;content:' ';display:block;left:50%;top:50%;z-index:5;background:url('images/trackingBox-sprite.png') no-repeat;width:22.5px;height:22.5px;margin-top:-11.25px;margin-left:-11.25px;background-size:112.5px auto;background-position:-22.5px 0}.tb_event.done>.text .title,.tb_event.issue>.text .title{color:#76b500}.tb_event.done.with_map>.iconArea .icon,.tb_event.issue.with_map>.iconArea .icon{transition:all 1s}.tb_event.done.with_map .text,.tb_event.issue.with_map .text{cursor:pointer}.tb_event.done.with_map .text .title:after,.tb_event.issue.with_map .text .title:after{text-decoration:none;transition:all .8s;font-size:.75em;display:block;height:18px;line-height:2;max-width:64px;overflow:hidden;text-overflow:ellipsis;text-align:center;margin:.5em 0;border-radius:.5em;padding:.125em .5em .5em;box-shadow:0 .25em 1em rgba(0,0,0,0.1);content:"Ver mapa"}@media all and (min-width:1024px){.tb_event.done.with_map .text>.description,.tb_event.issue.with_map .text>.description{margin-top:.25em}.tb_event.done.with_map .text .title,.tb_event.issue.with_map .text .title{margin-top:.25em;position:relative}.tb_event.done.with_map .text .title:after,.tb_event.issue.with_map .text .title:after{position:absolute;display:block;top:-0.5em;right:0;margin:0}}.tb_event.done+.tb_event:not(.done):before,.tb_event.done+.tb_event:not(.issue):before{background:#ff5100}.tb_event.done>.iconArea .icon:after{margin-top:-13.5px;margin-left:-6.75px;background-position:-22.5px 0}.tb_event.done.with_map>.iconArea .icon{border-color:#76b500}.tb_event.done.with_map .text .title:after{background:#fff;border:solid 1px #76b500}.tb_event.done.with_map:hover>.iconArea .icon,.tb_event.done.with_map:active>.iconArea .icon{background:#fff;border-color:#76b500}.tb_event.done.with_map:hover .text .title:after,.tb_event.done.with_map:active .text .title:after{background:#76b500;color:#fff}.tb_event.issue+.tb_event:not(.done):before,.tb_event.issue+.tb_event:not(.issue):before{height:50%;background:#ff5100}.tb_event.issue>.iconArea .icon{border-color:#ffdc66;background:#ffc400}.tb_event.issue>.iconArea .icon:after{background-position:-90px 0}.tb_event.issue>.text .title{color:#c40000}.tb_event.issue.with_map .text .title:after{background:#fff;border:solid 1px #c40000}.tb_event.issue.with_map:hover .text .title:after,.tb_event.issue.with_map:active .text .title:after{border-color:#834d08}.tb_event.issue.with_map:hover>.iconArea .icon,.tb_event.issue.with_map:active>.iconArea .icon{background:#ffc400;border-color:#ffc400}.tb_event.issue.with_map:hover .text .title:after,.tb_event.issue.with_map:active .text .title:after{background:#ffc400;color:#834d08}