/* input(1010,44): run-time error CSS1019: Unexpected token, found ' '
input(1010,44): run-time error CSS1019: Unexpected token, found ' '
input(1010,44): run-time error CSS1042: Expected function, found ' '
input(1010,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(1011,45): run-time error CSS1019: Unexpected token, found ' '
input(1011,45): run-time error CSS1019: Unexpected token, found ' '
input(1011,45): run-time error CSS1042: Expected function, found ' '
input(1011,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(1012,45): run-time error CSS1019: Unexpected token, found ' '
input(1012,45): run-time error CSS1019: Unexpected token, found ' '
input(1012,45): run-time error CSS1042: Expected function, found ' '
input(1012,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(1117,34): run-time error CSS1019: Unexpected token, found ' '
input(1117,34): run-time error CSS1019: Unexpected token, found ' '
input(1117,34): run-time error CSS1042: Expected function, found ' '
input(1117,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(1186,40): run-time error CSS1019: Unexpected token, found ' '
input(1186,40): run-time error CSS1019: Unexpected token, found ' '
input(1186,40): run-time error CSS1042: Expected function, found ' '
input(1186,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(1405,39): run-time error CSS1019: Unexpected token, found ' '
input(1405,39): run-time error CSS1019: Unexpected token, found ' '
input(1405,39): run-time error CSS1042: Expected function, found ' '
input(1405,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(1789,37): run-time error CSS1019: Unexpected token, found ' '
input(1789,37): run-time error CSS1019: Unexpected token, found ' '
input(1789,37): run-time error CSS1042: Expected function, found ' '
input(1789,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(1894,40): run-time error CSS1019: Unexpected token, found ' '
input(1894,40): run-time error CSS1019: Unexpected token, found ' '
input(1894,40): run-time error CSS1042: Expected function, found ' '
input(1894,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(1962,36): run-time error CSS1019: Unexpected token, found ' '
input(1962,36): run-time error CSS1019: Unexpected token, found ' '
input(1962,36): run-time error CSS1042: Expected function, found ' '
input(1962,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(2130,40): run-time error CSS1019: Unexpected token, found ' '
input(2130,40): run-time error CSS1019: Unexpected token, found ' '
input(2130,40): run-time error CSS1042: Expected function, found ' '
input(2130,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */
/*!
 * Bootstrap v4.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.875rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-label::after{border-color:#80bdff}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*!
 * Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
 * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear}.fa-pulse{-webkit-animation:a 1s infinite steps(8);animation:a 1s infinite steps(8)}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-braille:before{content:"\f2a1"}.fa-briefcase:before{content:"\f0b1"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-car:before{content:"\f1b9"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-clipboard:before{content:"\f328"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comments:before{content:"\f086"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crosshairs:before{content:"\f05b"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-deviantart:before{content:"\f1bd"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dot-circle:before{content:"\f192"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-excel:before{content:"\f1c3"}.fa-file-image:before{content:"\f1c5"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-order:before{content:"\f2b0"}.fa-firstdraft:before{content:"\f3a1"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frown:before{content:"\f119"}.fa-futbol:before{content:"\f1e3"}.fa-gamepad:before{content:"\f11b"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-handshake:before{content:"\f2b5"}.fa-hashtag:before{content:"\f292"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hospital:before{content:"\f0f8"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-male:before{content:"\f183"}.fa-map:before{content:"\f279"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-maxcdn:before{content:"\f136"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-meh:before{content:"\f11a"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-moon:before{content:"\f186"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-palfed:before{content:"\f3d8"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-paragraph:before{content:"\f1dd"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-percent:before{content:"\f295"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phone:before{content:"\f095"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-plane:before{content:"\f072"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-print:before{content:"\f02f"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-rebel:before{content:"\f1d0"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-road:before{content:"\f018"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-rupee-sign:before{content:"\f156"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-scribd:before{content:"\f28a"}.fa-search:before{content:"\f002"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shower:before{content:"\f2cc"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-spotify:before{content:"\f1bc"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-star:before{content:"\f005"}.fa-star-half:before{content:"\f089"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-strava:before{content:"\f428"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-trademark:before{content:"\f25c"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-circle:before{content:"\f2bd"}.fa-user-md:before{content:"\f0f0"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-weibo:before{content:"\f18a"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(font-awesome/webfonts/fa-brands-400.eot);src:url(font-awesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(font-awesome/webfonts/fa-brands-400.woff2) format("woff2"),url(font-awesome/webfonts/fa-brands-400.woff) format("woff"),url(font-awesome/webfonts/fa-brands-400.ttf) format("truetype"),url(font-awesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(font-awesome/webfonts/fa-regular-400.eot);src:url(font-awesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(font-awesome/webfonts/fa-regular-400.woff2) format("woff2"),url(font-awesome/webfonts/fa-regular-400.woff) format("woff"),url(font-awesome/webfonts/fa-regular-400.ttf) format("truetype"),url(font-awesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(font-awesome/webfonts/fa-solid-900.eot);src:url(font-awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(font-awesome/webfonts/fa-solid-900.woff2) format("woff2"),url(font-awesome/webfonts/fa-solid-900.woff) format("woff"),url(font-awesome/webfonts/fa-solid-900.ttf) format("truetype"),url(font-awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}
/* ============================================================================
   yelao-legacy.css — el residuo VIVO de style.min.css

   QUE ES
   style.min.css pesaba 115.2 KB y entraba render-blocking en el bundle de las
   13 paginas. Este archivo conserva solo lo que el sitio realmente usa, EN EL
   MISMO ORDEN en que estaba en el original. style.min.css sale del bundle pero
   NO se borro del disco: el rollback es volver a ponerlo en Program.cs.

   >>> EL ORDEN DE ESTE ARCHIVO NO SE TOCA <<<
   Las reglas van en el orden original de style.min.css a proposito. Una version
   anterior las agrupo por tema (flickity, botones, navbar...) y eso cambio quien
   gana la cascada: un elemento con .color_default y .color_total a la vez paso de
   azul #003366 a rojo #ea685b. Agrupar CSS por tema es reordenar la cascada.
   Si hay que agregar algo, va al final; si hay que reagrupar, hay que re-correr
   el test de regresion.

   COMO SE DETERMINO QUE SOBREVIVE — cuatro pasadas, porque ninguna sola alcanza
   1. Cobertura de reglas (CSS.startRuleUsageTracking) sobre 18 paginas x 4
      anchos, con modales abiertos, navbar desplegada y scroll al fondo.
   2. Overrides: todo selector que style.min compartia con bootstrap. style.min
      iba DESPUES en el bundle, asi que le estaba GANANDO la cascada. Omitirlos
      cambio la tipografia base del sitio entero (body de Raleway 15px a la del
      sistema en 16px) y el test marco 12.022 nodos distintos.
   3. Familias completas por prefijo (.ts-*, .color_*, decorativas). La cobertura
      indexaba solo el PRIMER selector de cada lista separada por comas, asi que
      reglas como `.algo-de-bootstrap, .ts-background {...}` se perdian: una capa
      decorativa de 122 px pasaba de position:absolute con z-index:-2 a static.
   4. Controles de formulario, por el mismo motivo: los <select> cambiaban de
      border-radius y line-height.

   LO QUE LA COBERTURA NUNCA VE — anotado para no repetir el error
   - NO ejercita :hover, :focus ni :active. Entre lo rescatado en la pasada 2
     estan .btn-verde:hover y .btn-verdeform, justamente las que el comentario
     de Program.cs documentaba como exclusivas del .min.
   - NO reporta @keyframes ni @font-face. .ts-fadeInUp habria sobrevivido con su
     @keyframes afuera y la animacion se rompe en silencio.
   - Un solo ancho no alcanza: a 412 px no aparecen las reglas de navbar que
     viven en media queries de escritorio.

   >>> UBICACION: este archivo TIENE que vivir en /assets/css/ <<<
   Las reglas de testimonios traen url("Imagenes/...") relativas. WebOptimizer
   REESCRIBE esas rutas al concatenar, tomando como base la carpeta del archivo
   fuente: desde assets/css/ convierte "../Imagenes/x.webp" en "Imagenes/x.webp",
   que servido en /assets/css resuelve a /assets/Imagenes/x.webp (verificado: 200).
   Hace lo mismo con FontAwesome: "../webfonts/" -> "font-awesome/webfonts/".
   Moverlo a otra carpeta cambia la base del reescrito y 404ea las imagenes.
   Ojo: /assets/webfonts/ NO existe (404); la ruta buena es
   /assets/font-awesome/webfonts/. Es el reescrito de WebOptimizer el que salva
   eso, no una resolucion relativa cruda.

   VERIFICACION: test de regresion comparando estilos computados de todos los
   nodos renderizados, 9 paginas x 2 anchos, con animaciones congeladas y una
   captura de control para medir el ruido (ruido medido: 0 nodos).

   DEUDA ORDENADA, no diseno nuevo
   - Flickity es CSS de terceros; deberia venir del paquete, no de un tema copiado.
   - Los .btn-*form y los .color_* replican por-paquete lo que la capa yl- ya
     resuelve con --yl-accent. Migrarlos a tokens es el siguiente paso.
   - Lo de .ts-* es lo ultimo que queda del tema comprado.
   ========================================================================= */

body { color: rgb(25, 25, 25); font-family: Raleway; font-size: 0.9375rem; margin: 0px; padding: 0px; }
html { font-size: 100%; }
h1, .ts-h1 { font-weight: 500; font-size: 2rem; }
h2, .ts-h2 { font-weight: 500; font-size: 2rem; }
h3, .ts-h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 1.5625rem; }
h4, .ts-h4 { font-weight: 500; margin-bottom: 1.875rem; }
h5, .ts-h5 { font-size: 0.99rem; font-weight: 600; }
h6, .ts-h6 { font-size: 0.9375rem; }
.color_basico { background-color: rgb(46, 143, 192); }
.color_total { background-color: rgb(234, 104, 91); }
.color_plus { background-color: rgb(150, 25, 20); }
.color_multi { background-color: rgb(83, 83, 83); }
.color_default { background-color: rgb(0, 51, 102); }
.texto_basico { color: rgb(46, 143, 192); font-weight: 800; }
.texto_total { color: rgb(234, 104, 91); font-weight: 800; }
.texto_plus { color: rgb(150, 25, 20); font-weight: 800; }
.texto_multi { color: rgb(83, 83, 83); font-weight: 800; }
.texto_default { color: rgb(0, 51, 102); font-weight: 800; }
.ts-fadeInUp { animation-name: ts-fadeInUp; }
.ts-fadeInDown { animation-name: ts-fadeInDown; }
.ts-fadeInLeft { animation-name: ts-fadeInLeft; }
.ts-fadeInRight { animation-name: ts-fadeInRight; }
.ts-zoomIn { animation-name: ts-zoomIn; }
.ts-zoomOutIn { animation-name: ts-zoomOutIn; }
.ts-zoomInShort { animation-name: ts-zoomInShort; }
.ts-border-radius__sm { border-radius: 0.125rem; overflow: hidden; }
.ts-border-radius__md { border-radius: 0.25rem; overflow: hidden; }
.ts-border-radius__lg { border-radius: 0.5rem; overflow: hidden; }
.ts-border-radius__xl { border-radius: 0.75rem; overflow: hidden; }
.ts-border-radius__pill { overflow: hidden; border-radius: 6.25rem !important; border: thin solid rgb(221, 221, 221) !important; }
.ts-border-radius__round-shape { border-radius: 187.5rem; overflow: hidden; }
.ts-border-none { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.ts-border-bottom { border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1); }
.ts-font-color__white { color: rgb(255, 255, 255); }
.ts-font-color__black { color: rgb(0, 0, 0); }
.ts-font-color__primary { color: rgb(58, 121, 249); }
.ts-background { bottom: 0px; left: 0px; height: 100%; overflow: hidden; position: absolute; width: 100%; z-index: -2; }
.ts-background .ts-background { height: 100%; width: 100%; }
.ts-background-repeat { background-repeat: repeat; background-size: inherit; }
.ts-background-repeat .ts-background-image { background-repeat: repeat; background-size: inherit; }
.ts-background-image, .ts-img-into-bg { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100%; overflow: hidden; width: 100%; }
.ts-background-image img, .ts-img-into-bg img { display: none; }
.ts-background-original-size { background-size: inherit; }
.ts-background-size-cover { background-size: cover; }
.ts-background-size-contain { background-size: contain; }
.ts-background-repeat-x { background-repeat: repeat-x; }
.ts-background-repeat-y { background-repeat: repeat-y; }
.ts-background-repeat-repeat { background-repeat: repeat; background-size: inherit; }
.ts-background-position-top { background-position: center top; }
.ts-background-position-center { background-position: center center; }
.ts-background-position-bottom { background-position: center bottom; }
.ts-background-position-left { background-position-x: left !important; }
.ts-background-position-right { background-position-x: right !important; }
.ts-background-particles { height: 120%; left: 0px; margin-left: -10%; margin-top: -10%; overflow: hidden; position: absolute; top: 0px; width: 120%; z-index: 1; }
.ts-background-is-dark { color: rgb(255, 255, 255); }
.ts-background-is-dark .form-control { box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 0.125rem; }
.ts-background-is-dark .form-control:focus { box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 0px 0.125rem; }
.ts-background-is-dark .ts-btn-border-muted { border-color: rgba(255, 255, 255, 0.1); }
.ts-video-bg { height: 100%; }
.ts-video-bg .fluid-width-video-wrapper { height: 100%; }
.ts-height__50px { height: 3.125rem; }
.ts-height__100px { height: 6.25rem; }
.ts-height__150px { height: 9.375rem; }
.ts-height__200px { height: 12.5rem; }
.ts-height__250px { height: 15.625rem; }
.ts-height__300px { height: 18.75rem; }
.ts-height__350px { height: 21.875rem; }
.ts-height__400px { height: 25rem; }
.ts-height__450px { height: 28.125rem; }
.ts-height__500px { height: 31.25rem; }
.ts-height__600px { height: 37.5rem; }
.ts-height__700px { height: 43.75rem; }
.ts-height__800px { height: 50rem; }
.ts-height__900px { height: 56.25rem; }
.ts-height__1000px { height: 62.5rem; }
.ts-mt__0 { margin-top: 0px !important; }
.ts-mr__0 { margin-right: 0px !important; }
.ts-mb__0 { margin-bottom: 0px !important; }
.ts-ml__0 { margin-left: 0px !important; }
.no-gutters { margin-right: 0px; margin-left: 0px; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; }
.ts-opacity__5 { opacity: 0.05; }
.ts-opacity__10 { opacity: 0.1; }
.ts-opacity__20 { opacity: 0.2; }
.ts-opacity__30 { opacity: 0.3; }
.ts-opacity__40 { opacity: 0.4; }
.ts-opacity__50 { opacity: 0.5; }
.ts-opacity__60 { opacity: 0.6; }
.ts-opacity__70 { opacity: 0.7; }
.ts-opacity__80 { opacity: 0.8; }
.ts-opacity__90 { opacity: 0.9; }
.ts-overflow__hidden { overflow: hidden; }
.ts-overflow__visible { overflow: visible; }
.ts-pt__0 { padding-top: 0px !important; }
.ts-pr__0 { padding-right: 0px !important; }
.ts-pb__0 { padding-bottom: 0px !important; }
.ts-pl__0 { padding-left: 0px !important; }
.ts-top__0 { top: 0%; }
.ts-top__50 { top: 50%; }
.ts-top__100 { top: 100%; }
.ts-right__0 { right: 0%; }
.ts-right__50 { right: 50%; }
.ts-right__100 { right: 100%; }
.ts-right__inherit { right: inherit; }
.ts-bottom__0 { bottom: 0%; }
.ts-bottom__50 { bottom: 50%; }
.ts-bottom__100 { bottom: 100%; }
.ts-left__0 { left: 0%; }
.ts-left__50 { left: 50%; }
.ts-left__100 { left: 100%; }
.ts-left__inherit { left: inherit; }
.ts-push-left__100 { transform: translateX(100%); }
.ts-shadow__sm { box-shadow: rgba(0, 0, 0, 0.1) 0px 0.125rem 0.3125rem; }
.ts-shadow__md { box-shadow: rgba(0, 0, 0, 0.15) 0.125rem 0.1875rem 0.9375rem; }
.ts-shadow__lg { box-shadow: rgba(0, 0, 0, 0.2) 0.375rem 0.3125rem 1.5625rem; }
.ts-shadow__none { box-shadow: none !important; }
a { color: rgb(58, 121, 249); transition: 0.3s; }
a:hover { color: rgb(7, 84, 237); text-decoration: none; }
p { line-height: 1.6875rem; margin-bottom: 1.875rem; color: rgb(37, 37, 37); font-family: Raleway; }
.ts-font-weight__normal { font-weight: normal; }
.ts-font-weight__light { font-weight: lighter; }
.ts-font-weight__bold { font-weight: bold; }
.ts-text-small { font-size: 0.8125rem !important; }
.ts-xs-text-center { }
.ts-title { }
.ts-title h5 { font-weight: normal; opacity: 0.5; }
.ts-element { position: relative; }
.ts-social-icons { font-size: 120%; }
.ts-social-icons a { padding: 0.125rem 0.25rem; color: rgb(158, 158, 158); }
.ts-has-overlay { position: relative; }
.ts-has-overlay::after { background-color: rgb(0, 0, 0); content: ""; height: 100%; left: 0px; opacity: 0.5; position: absolute; top: 0px; width: 100%; z-index: -1; }
.ts-flip-x { transform: scaleY(-1); }
.ts-flip-y { transform: scaleX(-1); }
.ts-video-bg iframe { border: 0px; height: 100%; width: 100%; }
.ts-width__10px { width: 0.625rem; }
.ts-width__20px { width: 1.25rem; }
.ts-width__30px { width: 1.875rem; }
.ts-width__40px { width: 2.5rem; }
.ts-width__50px { width: 3.125rem; }
.ts-width__100px { width: 6.25rem; }
.ts-width__200px { width: 12.5rem; }
.ts-width__300px { width: 18.75rem; }
.ts-width__400px { width: 25rem; }
.ts-width__500px { width: 31.25rem; }
.ts-width__inherit { width: inherit !important; }
.ts-width__auto { width: auto !important; }
.ts-z-index__-1 { z-index: -1 !important; }
.ts-z-index__0 { z-index: 0 !important; }
.ts-z-index__1 { z-index: 1 !important; }
.ts-z-index__2 { z-index: 2 !important; }
.ts-z-index__1000 { z-index: 1000 !important; }
.ts-block { padding-bottom: 4rem; padding-top: 4rem; }
.ts-block-2 { padding-bottom: 0rem; padding-top: 0rem; }
.ts-block-3 { padding-bottom: 0rem; padding-top: 4rem; }
.ts-block-4 { padding-bottom: 0rem; padding-top: 0rem; position: relative; }
section { position: relative; }
blockquote { font-size: 1.125rem; position: relative; padding-bottom: 2rem; }
blockquote [class*="ts-circle"] { box-shadow: rgba(0, 0, 0, 0.2) 0.375rem 0.3125rem 1.5625rem; position: relative; z-index: 2; margin-top: 1rem; }
.blockquote-footer { color: inherit; }
.blockquote-footer::before { display: none; }
.ts-carousel-blockquote .owl-item figure, .ts-carousel-blockquote .owl-item p, .ts-carousel-blockquote .owl-item .blockquote-footer { opacity: 0; transition: 0.6s; transform: translateY(0.625rem); }
.ts-carousel-blockquote .owl-item.active figure, .ts-carousel-blockquote .owl-item.active p, .ts-carousel-blockquote .owl-item.active .blockquote-footer { opacity: 1; transform: translateY(0px); }
.ts-carousel-blockquote .owl-item.active p { transition-delay: 0.1s; }
.ts-carousel-blockquote .owl-item.active .blockquote-footer { transition-delay: 0.2s; }
.ts-box { background-color: rgb(255, 255, 255); border-radius: 0.25rem; margin-bottom: 1.875rem; box-shadow: rgba(0, 0, 0, 0.15) 0.125rem 0.1875rem 0.9375rem; padding: 1.5625rem; }
.btn { border-radius: 6.25rem; border-width: 0.125rem; box-shadow: rgba(0, 0, 0, 0.15) 0.125rem 0.1875rem 0.9375rem; font-weight: 600; font-size: 0.9375rem; padding: 0.5rem 1.25rem; position: relative; outline: none !important; }
.btn span { transition: 0.3s; }
.btn.done .ts-spinner { opacity: 0; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: rgb(195, 123, 100); border-color: rgb(155, 76, 50); box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; }
.btn-primary { background-color: rgb(195, 123, 100); border-color: rgb(206, 123, 96); color: rgb(255, 255, 255); }
.btn-primaryform:hover, .btn-primaryform:focus, .btn-primaryform:active { border-color: rgb(195, 123, 100); background-color: rgb(247, 227, 223); opacity: 1; box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(0, 0, 0); }
.btn-primaryform { border-color: rgb(195, 123, 100); background-color: rgb(247, 227, 223); opacity: 0.75; color: rgb(0, 0, 0); }
.btn-azulfuerte:hover, .btn-azulfuerte:focus, .btn-azulfuerte:active { background-color: rgb(0, 33, 61); box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(255, 255, 255); }
.btn-azulfuerte { background-color: rgb(0, 51, 102); color: rgb(255, 255, 255); }
.btn-azulclaro:hover, .btn-azulclaro:focus, .btn-azulclaro:active { background-color: rgb(51, 102, 153); box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(255, 255, 255); }
.btn-azulclaro { background-color: rgb(51, 153, 204); color: rgb(255, 255, 255); }
.btn-azulclaroform:hover, .btn-azulclaroform:focus, .btn-azulclaroform:active { border-color: rgb(51, 102, 153); background-color: rgb(225, 241, 255); opacity: 1; box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(0, 0, 0); }
.btn-azulclaroform { border-color: rgb(51, 153, 204); background-color: rgb(225, 241, 255); opacity: 0.75; color: rgb(0, 0, 0); }
.btn-rosa:hover, .btn-rosa:focus, .btn-rosa:active { background-color: rgb(195, 123, 100); box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(255, 255, 255); }
.btn-rosa { background-color: rgb(216, 121, 101); color: rgb(255, 255, 255); }
.btn-rosaform:hover, .btn-rosaform:focus, .btn-rosaform:active { border-color: rgb(195, 123, 100); background-color: rgb(247, 227, 223); opacity: 1; box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(0, 0, 0); }
.btn-rosaform { border-color: rgb(216, 121, 101); background-color: rgb(247, 227, 223); opacity: 0.75; color: rgb(0, 0, 0); }
.btn-rojo:hover, .btn-rojo:focus, .btn-rojo:active { background-color: rgb(153, 51, 51); box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(255, 255, 255); }
.btn-rojo { background-color: rgb(153, 0, 0); color: rgb(255, 255, 255); }
.btn-rojoform:hover, .btn-rojoform:focus, .btn-rojoform:active { border-color: rgb(153, 51, 51); background-color: rgb(255, 213, 213); opacity: 1; box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(0, 0, 0); }
.btn-rojoform { border-color: rgb(153, 0, 0); background-color: rgb(255, 213, 213); opacity: 0.75; color: rgb(0, 0, 0); }
.btn-verde:hover, .btn-verde:focus, .btn-verde:active { background-color: rgb(0, 168, 142); box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(255, 255, 255); }
.btn-verde { background-color: rgb(0, 168, 142); color: rgb(255, 255, 255); }
.btn-verdeform:hover, .btn-verdeform:focus, .btn-verdeform:active { border-color: rgb(153, 51, 51); background-color: rgb(0, 168, 142); opacity: 1; box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(0, 0, 0); }
.btn-verdeform { border-color: rgb(153, 0, 0); background-color: rgb(0, 168, 142); opacity: 0.75; color: rgb(0, 0, 0); }
.btn-azul365:hover, .btn-azul365:focus, .btn-azul365:active { background-color: rgb(0, 103, 184); box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(255, 255, 255); }
.btn-azul365 { background-color: rgb(0, 103, 184); color: rgb(255, 255, 255); }
.btn-azul365form:hover, .btn-azul365form:focus, .btn-azul365form:active { border-color: rgb(153, 51, 51); background-color: rgb(0, 103, 184); opacity: 1; box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(0, 0, 0); }
.btn-azul365form { border-color: rgb(153, 0, 0); background-color: rgb(0, 103, 184); opacity: 0.75; color: rgb(0, 0, 0); }
.btn-gris:hover, .btn-gris:focus, .btn-gris:active { background-color: rgb(51, 51, 51); box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(255, 255, 255); }
.btn-gris { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); }
.btn-grisform:hover, .btn-grisform:focus, .btn-grisform:active { border-color: rgb(51, 51, 51); background-color: rgb(224, 224, 224); opacity: 1; box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.1875rem 0.9375rem; color: rgb(0, 0, 0); }
.btn-grisform { border-color: rgb(102, 102, 102); background-color: rgb(224, 224, 224); opacity: 0.75; color: rgb(0, 0, 0); }
.btn-primary.disabled, .btn-primary:disabled { background-color: rgb(7, 84, 237); border-color: rgb(7, 84, 237); }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { background-color: rgb(7, 84, 237); border-color: rgb(6, 74, 208); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.1875rem 0.9375rem; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: rgb(7, 84, 237); border-color: rgb(7, 84, 237); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.1875rem 0.9375rem; }
.btn-dark { background-color: rgb(25, 25, 25); border-color: rgb(25, 25, 25); }
.btn-outline-primary { border-color: rgb(58, 121, 249); color: rgb(58, 121, 249); }
.btn-outline-primary:hover { background-color: rgb(58, 121, 249); border-color: rgb(58, 121, 249); }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus { background-color: rgb(58, 121, 249); border-color: rgb(58, 121, 249); box-shadow: rgba(58, 121, 249, 0.5) 0px 0px 0px 0.2rem; }
.btn-lg { padding: 0.6rem 1rem; font-size: 0.9rem; }
.btn-sm { font-size: 0.8125rem; padding: 0.375rem 1rem; margin-bottom: 1em; }
[class*="btn-outline-"] { box-shadow: none; }
.ts-btn-border-muted { border-color: rgba(25, 25, 25, 0.1); }
.card { backface-visibility: hidden; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0.125rem 0.1875rem 0.9375rem; margin-bottom: 1.875rem; overflow: hidden; min-height: 457px; }
.card-columns .card { margin-bottom: 1.25rem; }
.card-body, .card-footer, .card-header { padding: 1.5625rem; }
.ts-cards-same-height > div[class*="col-"] { display: flex; }
.ts-cards-same-height > div[class*="col-"] .card { width: 100%; }
.ts-card__flat { border-radius: 0px; box-shadow: none; }
.ts-card__flat .card-footer { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.ts-card__image { }
.ts-circle__xs { border-radius: 50%; display: inline-block; height: 3rem; flex: 0 0 3rem; overflow: hidden; text-align: center; line-height: 3rem; width: 3rem; }
.ts-circle__sm { border-radius: 50%; display: inline-block; height: 4.375rem; flex: 0 0 4.375rem; overflow: hidden; text-align: center; line-height: 4.375rem; width: 4.375rem; }
.ts-circle__md { border-radius: 50%; display: inline-block; height: 6.25rem; flex: 0 0 6.25rem; overflow: hidden; text-align: center; line-height: 6.25rem; width: 6.25rem; }
.ts-circle__lg { border-radius: 50%; display: flex; height: 8.125rem; overflow: hidden; align-items: center; justify-content: center; width: 8.125rem; }
.ts-circle__xl { border-radius: 50%; display: inline-block; height: 10rem; flex: 0 0 10rem; overflow: hidden; text-align: center; line-height: 10rem; width: 10rem; }
.ts-circle__xxl { border-radius: 50%; display: inline-block; height: 15.625rem; flex: 0 0 15.625rem; overflow: hidden; text-align: center; line-height: 15.625rem; width: 15.625rem; }
form.ts-labels-inside-input .form-group, .ts-form.ts-labels-inside-input .form-group { position: relative; }
form.ts-labels-inside-input .form-group label, .ts-form.ts-labels-inside-input .form-group label { line-height: 2.625rem; left: 0.8125rem; opacity: 0.4; pointer-events: none; position: absolute; top: 0px; transition: 0.3s; }
form.ts-labels-inside-input .form-group label.focused, .ts-form.ts-labels-inside-input .form-group label.focused { top: -2.1875rem; left: 0px; font-size: 0.75rem; opacity: 1; }
.form-control { border: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0.125rem; border-radius: 0.125rem; padding: 0.5625rem 0.75rem; }
.form-control:focus { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 0.125rem; }
.form-group { margin-bottom: 1rem; }
.form-group label { font-size: 0.8125rem; }
.ts-gallery { position: relative; }
.ts-gallery .ts-gallery__image { background-image: url("img/bg-mountain.jpg"); background-size: cover; color: rgb(255, 255, 255); display: flex; height: 28rem; overflow: hidden; }
.ts-gallery .ts-gallery__image:hover .ts-img-into-bg { opacity: 0.3; transform: scale(1.1); }
.ts-gallery .ts-gallery__caption { padding: 3rem; bottom: 0px; left: 0px; position: absolute; z-index: 2; }
.ts-gallery .ts-img-into-bg { opacity: 0.6; transition: 1s cubic-bezier(0.23, 0.05, 0.17, 1.02); transform: scale(1.03); }
.ts-input__static { pointer-events: none; box-shadow: none; }
.ts-inputs__transparent input, .ts-inputs__transparent textarea { background-color: transparent; color: rgb(73, 80, 87) !important; }
.ts-inputs__transparent input:active, .ts-inputs__transparent input:focus, .ts-inputs__transparent textarea:active, .ts-inputs__transparent textarea:focus { background-color: transparent; color: rgb(255, 255, 255); }
.ts-item { height: 100%; padding-bottom: 1.875rem; }
.ts-item-content { display: flex; flex-direction: column; height: 100%; }
.ts-item-header { margin-bottom: 0rem; position: relative; }
.ts-item-header .icon { position: relative; display: inline-block; }
.ts-item-header .icon .step { background-color: rgb(195, 123, 99); top: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0.125rem 0.1875rem 0.9375rem; border-radius: 50%; color: rgb(255, 255, 255); font-weight: 600; line-height: 1.875rem; right: 0px; height: 1.875rem; position: absolute; text-align: center; width: 1.875rem; }
.ts-item-header .icon .step1 { top: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0.125rem 0.1875rem 0.9375rem; border-radius: 50%; color: rgb(255, 255, 255); font-weight: 600; line-height: 1.875rem; right: 0px; height: 1.875rem; position: absolute; text-align: center; width: 1.875rem; }
.ts-item-footer { margin-top: 1.5625rem; }
ul { line-height: 1.6rem; list-style: none; font-family: raleway; }
ul.ts-list-colored-bullets li::before { content: "•"; color: rgb(58, 121, 249); vertical-align: middle; font-size: 1.75rem; padding-right: 0.75rem; }
ul.ts-list-divided li { border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1); padding-bottom: 0.3125rem; padding-top: 0.3125rem; }
ul.ts-list-divided li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
#ts-hero { color: rgb(255, 255, 255); display: flex; position: relative; overflow: hidden; }
#ts-hero .ts-background-image { background-position: center top; }
.navbar { font-size: 0.875rem; font-weight: 500; padding-bottom: 1rem; padding-top: 1rem; transition: 0.3s; }
.navbar_gradient { background: linear-gradient(to right, rgb(209, 209, 209) 0%, rgb(209, 209, 209) 25%, rgb(0, 51, 102) 25%, rgb(0, 51, 102) 100%); }
.navbar_vacante { background-color: rgb(20, 26, 58); }
.navbar.in { padding-bottom: 0.8rem; padding-top: 0.8rem; }
.navbar.in .ts-background { opacity: 1 !important; }
.navbar .ts-background { transition: 1s; }
[class*="navbar-expand"] .navbar-nav .nav-link { padding-top: 0.3125rem; padding-bottom: 0.3125rem; }
.ts-page-wrapper { overflow: hidden; }
.ts-partners a { display: block; padding: 0.625rem 0.3125rem; }
.progress { background-color: transparent; border: 0.125rem solid rgb(58, 121, 249); border-radius: 0px; height: 0.625rem; }
.ts-promo-numbers h2 { font-weight: normal; }
.ts-promo-numbers h3 { font-weight: normal; }
.ts-promo-number { margin-top: 1rem; margin-bottom: 1rem; position: relative; }
.ts-promo-number .ts-promo-number-divider::after { content: ""; bottom: 0px; border: 0.125rem solid rgb(58, 121, 249); border-radius: 50%; height: 0.625rem; margin: auto; position: absolute; right: -0.3125rem; top: 0px; width: 0.625rem; }
select.form-control { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0.125rem; border-radius: 0.125rem; cursor: pointer; margin-top: 0px; padding: 0.5rem; appearance: none; text-indent: 0.0625rem; height: 2.6rem !important; }
select.form-control:focus, select.form-control:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0.125rem; }
.select-wrapper { position: relative; }
.select-wrapper::before { position: absolute; display: inline-block; font-weight: 900; text-rendering: auto; top: 0px; margin: auto; bottom: 0px; right: 0.9375rem; height: 1.875rem; }
.ts-slider { height: 100% !important; }
.ts-slider div { height: 100% !important; }
.nav-tabs { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.nav-tabs .nav-link { background-color: transparent; border-width: medium medium 0.1875rem; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; margin-left: 0.9375rem; margin-right: 0.9375rem; padding-right: 0px; padding-left: 0px; color: inherit; opacity: 0.5; }
.nav-tabs .nav-link.active { color: rgb(25, 25, 25); background-color: transparent; border-bottom: 0.1875rem solid rgb(58, 121, 249); opacity: 1; }
.ts-carousel-centered .slide { margin-bottom: 1rem; margin-top: 1rem; padding: 1rem; }
.ts-carousel-centered .owl-item { perspective: inherit; }
.ts-carousel-centered .owl-item .slide { opacity: 0.5; transition: 0.3s; transform: scale(0.95); }
.ts-carousel-centered .owl-item.active.center .slide { opacity: 1; transform: scale(1); }
.ts-carousel-centered .owl-nav .owl-prev, .ts-carousel-centered .owl-nav .owl-next { height: 3.75rem; width: 3.75rem; }
.ts-carousel-centered .owl-nav .owl-prev::after, .ts-carousel-centered .owl-nav .owl-next::after { font-size: 1.375rem; line-height: 3.75rem; }
.ts-carousel-centered .owl-nav .owl-prev:hover, .ts-carousel-centered .owl-nav .owl-next:hover { background-color: rgb(25, 25, 25); }
.ts-carousel-centered .owl-nav .owl-next { right: 1.25rem; }
.ts-carousel-centered .owl-nav .owl-prev { left: 1.25rem; }
.ts-price-box__promoted { box-shadow: rgba(0, 0, 0, 0.2) 0.375rem 0.3125rem 1.5625rem; margin-top: -1.25rem; margin-bottom: 0.625rem; z-index: 2; }
.ts-price-box__promoted .ts-title { transform: scale(1.2); }
.ts-time-line__horizontal { padding-bottom: 0.625rem; padding-top: 0.625rem; position: relative; }
.ts-time-line__horizontal ul { padding-left: 1.875rem; list-style: none; position: relative; }
.ts-time-line__horizontal::after { background-color: rgb(71, 71, 71); content: ""; bottom: 6.875rem; height: 0.1875rem; left: 0px; position: absolute; width: 100%; }
.ts-time-line__horizontal .ts-time-line__item { flex: 0 0 auto; margin-right: 1.875rem; position: relative; width: 18.75rem; }
.ts-time-line__horizontal .ts-time-line__item .ts-box { position: relative; }
.ts-time-line__horizontal .ts-time-line__item .ts-box::before { background-color: rgb(71, 71, 71); bottom: -4.375rem; border-radius: 100%; content: ""; left: 1.6875rem; height: 0.75rem; position: absolute; width: 0.75rem; }
.ts-time-line__horizontal .ts-time-line__item .ts-box { }
.ts-time-line__horizontal .ts-time-line__item .ts-box::after { border-color: rgb(255, 255, 255) transparent transparent; border-style: solid; border-width: 0.5rem 0.5rem 0px; bottom: -0.4375rem; content: ""; left: 1.5625rem; height: 0px; position: absolute; width: 0px; }
.ts-time-line__horizontal .ts-time-line__item.ts-time-line__milestone { width: 4.375rem; }
.ts-time-line__horizontal .ts-time-line__item.ts-time-line__milestone .ts-box { background-color: rgb(58, 121, 249); color: rgb(255, 255, 255); }
.ts-time-line__horizontal .ts-time-line__item.ts-time-line__milestone .ts-box::after { border-color: rgb(58, 121, 249) transparent transparent; }
.ts-time-line__horizontal .ts-time-line__item.ts-time-line__milestone h5 { writing-mode: vertical-lr; margin: 0px; }
.ts-time-line__horizontal .ts-time-line__item figure { margin-left: 1.875rem; margin-top: 4.6875rem; }
.ts-time-line__horizontal .ts-time-line__item figure small { text-transform: uppercase; opacity: 0.4; }
.ts-time-line__horizontal .ts-time-line__item figure small, .ts-time-line__horizontal .ts-time-line__item figure h6 { font-weight: 600; }
.ts-time-line__horizontal .owl-stage-outer { padding: 1rem 1rem 0px; }
.ts-time-line__horizontal .owl-stage { align-items: flex-end; display: flex; }
.ts-time-line__horizontal .ts-sly-frame.ts-loaded > ul { align-items: flex-end; display: flex; }
.ts-svg { background-repeat: no-repeat; background-position: center center; background-size: contain; top: 0px; z-index: -1; height: 100%; position: absolute; width: 100%; left: 0px; margin: auto; }
.ts-story:hover { color: rgb(255, 255, 255); }
.ts-story:hover p { color: rgb(255, 255, 255); }
.ts-story:hover .ts-background { background-color: rgb(0, 0, 0) !important; }
.ts-story:hover .ts-background-image { opacity: 0.4 !important; }
.ts-story { margin-bottom: 2rem; padding: 14rem 2rem 2rem; position: relative; }
.ts-story .ts-background, .ts-story .ts-background-image { transition: 0.3s; }
.ts-story figure { background-color: rgb(255, 255, 255); color: rgba(25, 25, 25, 0.2); font-weight: 500; position: absolute; top: -0.375rem; left: 3rem; padding: 1rem; transform: rotate(-90deg); transform-origin: center bottom; }
#ts-footer .ts-box { margin-top: -3.125rem; }
.ts-tabs-presentation .tab-pane img { opacity: 0; transition: 0.3s; transform: translateY(1.25rem); }
.ts-tabs-presentation .tab-pane.show.active img { opacity: 1; transform: translateY(0px); }
#ts-hero .owl-prev, #ts-hero .owl-next { background-color: transparent; border: 0.125rem solid rgba(255, 255, 255, 0.8); }
#ts-hero .owl-prev::after, #ts-hero .owl-next::after { line-height: 2.25rem; }
.ts-hero-slider { height: 100% !important; }
.ts-hero-slider div { height: 100% !important; }
@media (min-width: 36rem) and (max-width: 47.9375rem) {
    html { font-size: 85%; }
}
@media (min-width: 36rem) and (max-width: 47.9375rem) {
    h1, .ts-h1 { font-size: 2.5rem; }
}
@media (min-width: 36rem) and (max-width: 47.9375rem) {
    h2, .ts-h2 { font-size: 1.625rem; }
}
@media (min-width: 36rem) and (max-width: 47.9375rem) {
    h3, .ts-h3 { font-size: 1.25rem; }
}
@media (min-width: 36rem) and (max-width: 47.9375rem) {
    .ts-column-count-sm-1 { column-count: 1; }
}
@media (min-width: 36rem) and (max-width: 47.9375rem) {
    .ts-column-count-sm-2 { column-count: 2; }
}
@media (min-width: 36rem) and (max-width: 47.9375rem) {
    .ts-column-count-sm-3 { column-count: 3; }
}
@media (min-width: 36rem) and (max-width: 47.9375rem) {
    .ts-column-count-sm-4 { column-count: 4; }
}
@media (min-width: 36rem) and (max-width: 47.9375rem) {
    .ts-promo-numbers h2 { font-size: 2.375rem; }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
    html { font-size: 90%; }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
    h1, .ts-h1 { font-size: 3rem; }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
    h2, .ts-h2 { font-size: 1.875rem; }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
    h3, .ts-h3 { font-size: 1.375rem; }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
    .ts-column-count-md-1 { column-count: 1; }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
    .ts-column-count-md-2 { column-count: 2; }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
    .ts-column-count-md-3 { column-count: 3; }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
    .ts-column-count-md-4 { column-count: 4; }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
    .ts-promo-numbers h2 { font-size: 2.5rem; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    html { font-size: 95%; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    h1, .ts-h1 { font-size: 3.125rem; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    h2, .ts-h2 { font-size: 2rem; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    h3, .ts-h3 { font-size: 1.375rem; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    .ts-column-count-lg-1 { column-count: 1; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    .ts-column-count-lg-2 { column-count: 2; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    .ts-column-count-lg-3 { column-count: 3; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    .ts-column-count-lg-4 { column-count: 4; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    .ts-block { padding-bottom: 5rem; padding-top: 6.25rem; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    .ts-card__image { height: 12.5rem; }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
    .ts-promo-numbers h2 { font-size: 2.75rem; }
}
@media (min-width: 75rem) {
    html { font-size: 100%; }
}
@media (min-width: 75rem) {
    h1, .ts-h1 { font-size: 3.5rem; }
}
@media (min-width: 75rem) {
    h2, .ts-h2 { font-size: 2.25rem; }
}
@media (min-width: 75rem) {
    h3, .ts-h3 { font-size: 1.425rem; }
}
@media (min-width: 75rem) {
    .ts-column-count-xl-1 { column-count: 1; }
}
@media (min-width: 75rem) {
    .ts-column-count-xl-2 { column-count: 2; }
}
@media (min-width: 75rem) {
    .ts-column-count-xl-3 { column-count: 3; }
}
@media (min-width: 75rem) {
    .ts-column-count-xl-4 { column-count: 4; }
}
@media (min-width: 75rem) {
    .ts-block { padding-bottom: 5rem; padding-top: 5rem; }
}
.ts-block-2 { padding-bottom: 3rem; padding-top: 3rem; }
.ts-card__image { height: 15.625rem; }
.ts-card__image_2 { height: 5.625rem; }
.navbar.navbar-expand-xl .navbar-nav { align-items: center; }
.navbar.navbar-expand-xl .ts-background { opacity: 0; }
.ts-promo-numbers h2 { font-size: 3rem; }
.ts-carousel-centered .owl-nav .owl-next { right: 5rem; }
.ts-carousel-centered .owl-nav .owl-prev { left: 5rem; }
@media (max-width: 35.9375rem) {
    h1, .ts-h1 { margin-bottom: 1.25rem; }
}
@media (max-width: 35.9375rem) {
    [class*="ts-column-count-"] { column-count: 1; }
}
@media (max-width: 35.9375rem) {
    .ts-xs-text-center { text-align: center !important; height: auto; }
}
@media (max-width: 35.9375rem) {
    .ts-title { margin-bottom: 0rem; margin-top: 0rem; }
}
@media (max-width: 35.9375rem) {
    .ts-promo-numbers h2 { font-size: 2.25rem; }
}
@media (min-width: 36rem) and (max-width: 61.9375rem) {
    h1, .ts-h1 { margin-bottom: 1.875rem; }
}
@media (min-width: 36rem) and (max-width: 61.9375rem) {
    .ts-title { margin-bottom: 3.125rem; }
}
@media (min-width: 36rem) and (max-width: 61.9375rem) {
    .ts-block-inside { padding: 0rem; }
}
@media (min-width: 62rem) {
    h1, .ts-h1 { margin-bottom: 2.5rem; }
}
@media (min-width: 62rem) {
    .ts-title { margin-bottom: 4rem; }
}
@media (min-width: 62rem) {
    .ts-block-inside { padding: 0rem; }
}
@media (min-width: 62rem) {
    .navbar.navbar-expand-lg .navbar-nav { align-items: center; }
}
@media (min-width: 62rem) {
    .navbar.navbar-expand-lg .ts-background { opacity: 0; }
}
@media (max-width: 47.9375rem) {
    h4, .ts-h4 { font-size: 1.125rem; font-family: raleway; letter-spacing: 1px; font-weight: bold; }
}
@media (min-width: 48rem) {
    h4, .ts-h4 { font-size: 1rem; font-family: raleway; letter-spacing: 1px; font-weight: bold; }
}
@media (min-width: 48rem) {
    .navbar.navbar-expand-md .navbar-nav { align-items: center; }
}
@media (min-width: 48rem) {
    .navbar.navbar-expand-md .ts-background { opacity: 0; }
}
@media (max-width: 61.9375rem) {
    .ts-card__image { height: 15.625rem; }
}
@media (min-width: 36rem) {
    .navbar.navbar-expand-sm .navbar-nav { align-items: center; }
}
@media (min-width: 36rem) {
    .navbar.navbar-expand-sm .ts-background { opacity: 0; }
}
@media (min-width: 36rem) {
    .ts-carousel-centered .owl-nav .owl-next { right: 2.5rem; }
}
@media (min-width: 36rem) {
    .ts-carousel-centered .owl-nav .owl-prev { left: 2.5rem; }
}
@media (max-width: 991px) {
    .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: rgb(255, 255, 255); text-align: inherit; white-space: nowrap; background-color: rgb(20, 26, 58); border: 0px; font-size: 14px; line-height: 2rem; }
}
@media (max-width: 991px) {
    .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border-radius: 0.25rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
}
@media (max-width: 767px) {
    .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(0, 51, 102); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; margin-left: 15px; }
}
.navbar-dark .navbar-nav .nav-link { color: rgb(255, 255, 255) !important; font-family: Raleway; }
.color_1 { background-color: rgb(126, 52, 135); }
.color_1_a { background-color: rgb(197, 127, 205); }
.color_2 { background-color: rgb(0, 139, 218); }
.color_2_a { background-color: rgb(90, 150, 255); }
.color_3 { background-color: rgb(212, 44, 127); }
.color_3_a { background-color: rgb(228, 109, 172); }
.color_4 { background-color: rgb(0, 49, 110); }
.color_4_a { background-color: rgb(69, 62, 236); }
.color_5 { background-color: rgb(83, 97, 143); }
.color_5_a { background-color: rgb(137, 149, 187); }
@media (max-width: 890px) {
    .btn-sm { font-size: 0.9rem; padding: 0.4rem 0.8rem; margin-bottom: 1em; }
}
@media (max-width: 576px) {
    .modal-title { margin-bottom: 0px; color: white; background-color: rgb(0, 51, 102); height: 3em; padding-left: 1rem; line-height: 1.3 !important; font-size: 1.4rem !important; padding-top: 1rem !important; }
}
@media (max-width: 576px) {
    .btn-sm { font-size: 0.9rem; padding: 0.4rem 0.8rem; }
}
.modal-dialog { max-width: 900px !important; }
.modal-title { margin-bottom: 0px; line-height: 1.5; font-size: 2rem; color: white; height: 3em; background-color: rgb(0, 51, 102); padding-top: 1.5rem; padding-left: 1rem; }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: rgb(255, 255, 255); text-decoration: none; opacity: 0.75; }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; }
select.form-validacion { box-shadow: rgba(146, 169, 191, 0.6) 0px 0px 0px 0.125rem; border-radius: 5rem; cursor: pointer; margin-top: 0px; padding: 0.375rem 0.75rem; appearance: none; text-indent: 0.0625rem; display: block; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); padding: 0.12em 2em; border-radius: 60px; font-weight: 600; }
.nav-pills .nav-link { padding: 0.12em 2em; border-radius: 60px; font-weight: 300; color: rgb(20, 26, 58); }
.webp .fondo_primer { background-image: url("Imagenes/Y-Principal.webp"); background-repeat: no-repeat; background-position: right top; background-size: cover; }
.no-webp .fondo_primer { background-image: url("Imagenes/Y-Principal.jpg"); background-repeat: no-repeat; background-position: right top; background-size: cover; }
.webp .fondo_segundo { background-image: url("Imagenes/Y-PaqueteBasico.webp"); background-repeat: no-repeat; background-position: 10% top; background-size: cover; }
.no-webp .fondo_segundo { background-image: url("Imagenes/Y-PaqueteBasico.jpg"); background-repeat: no-repeat; background-position: 10% top; background-size: cover; }
.webp .fondo_tercer { background-image: url("Imagenes/Y-PaqueteControlTotal.webp"); background-repeat: no-repeat; background-position: 15% 20%; background-size: cover; }
.no-webp .fondo_tercer { background-image: url("Imagenes/Y-PaqueteControlTotal.jpg"); background-repeat: no-repeat; background-position: 15% 20%; background-size: cover; }
.webp .fondo_cuarto { background-image: url("Imagenes/Y-PaqueteControlTotalPlus.webp"); background-repeat: no-repeat; background-position: right 20%; background-size: cover; }
.no-webp .fondo_cuarto { background-image: url("Imagenes/Y-PaqueteControlTotalPlus.jpg"); background-repeat: no-repeat; background-position: right 20%; background-size: cover; }
.webp .fondo_cinco { background-image: url("Imagenes/Y-Paquetemultisucursal.webp"); background-repeat: no-repeat; background-position: 15% 20%; background-size: cover; }
.no-webp .fondo_cinco { background-image: url("Imagenes/Y-Paquetemultisucursal.jpg"); background-repeat: no-repeat; background-position: 15% 20%; background-size: cover; }
.webp .fondo_seis { background-image: url("Imagenes/Y-CartaPorte.webp"); background-position: center 35%; background-repeat: no-repeat; background-size: cover; }
.no-webp .fondo_seis { background-image: url("Imagenes/Y-CartaPorte.jpg"); background-position: center 35%; background-repeat: no-repeat; background-size: cover; }
.webp .fondo_test { background-image: url("Imagenes/Y-Test.webp"); background-position: 25% top; background-repeat: no-repeat; background-size: cover; }
.no-webp .fondo_test { background-image: url("Imagenes/Y-Test.jpg"); background-position: 25% top; background-repeat: no-repeat; background-size: cover; }
.webp .fondo_fingral { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-Final.webp"); height: auto; }
.no-webp .fondo_fingral { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-Final.jpg"); height: auto; }
.webp .fondo_finbasico { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-FinalB.webp"); height: auto; }
.no-webp .fondo_finbasico { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-FinalB.jpg"); height: auto; }
.webp .fondo_fintotal { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-FinalCT.webp"); height: auto; }
.no-webp .fondo_fintotal { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-FinalCT.jpg"); height: auto; }
.webp .fondo_finplus { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-FinalCTP.webp"); height: auto; }
.no-webp .fondo_finplus { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-FinalCTP.jpg"); height: auto; }
.webp .fondo_finmulti { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-FinalM.webp"); height: auto; }
.no-webp .fondo_finmulti { background-size: cover; background-position: 50% center; background-image: url("Imagenes/Y-FinalM.jpg"); height: auto; }
.webp .fondo_finkas { background-size: cover; background-position: 100% center; background-image: url("Imagenes/F-Imagen.webp"); height: auto; }
.no-webp .fondo_finkas { background-size: cover; background-position: 100% center; background-image: url("Imagenes/F-Imagen.jpg"); height: auto; }
.webp .fondo_fin365 { background-size: cover; background-position: 100% center; background-image: url("Imagenes/FormularioMicrosoft.webp"); height: auto; }
.no-webp .fondo_fin365 { background-size: cover; background-position: 100% center; background-image: url("Imagenes/FormularioMicrosoft.jpg"); height: auto; }
.webp .fondo_kaspersky { background-image: url("Imagenes/FondoKaspersky.webp"); background-repeat: no-repeat; background-position: right top; background-size: cover; }
.no-webp .fondo_kaspersky { background-image: url("Imagenes/FondoKaspersky.jpg"); background-repeat: no-repeat; background-position: right top; background-size: cover; }
.d-none { display: block !important; }
.align-items-center { align-items: center !important; }
.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; height: 100%; }
.flickity-slider { position: absolute; width: 100%; height: 100%; }
.flickity-slider_vacant { position: absolute; width: 60%; height: 100%; }
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport { cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; }
.flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(51, 51, 51); }
.flickity-button:hover { background: white; cursor: pointer; }
.flickity-button:focus { outline: none; box-shadow: rgb(17, 153, 255) 0px 0px 0px 5px; }
.flickity-button:active { opacity: 0.6; }
.flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; }
.flickity-button-icon { fill: currentcolor; }
.flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); }
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; }
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; }
.flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; }
.flickity-page-dots { position: absolute; width: 100%; bottom: 25px; padding: 0px; margin: 0px; list-style: none; text-align: center; line-height: 1; }
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0px 8px; background: rgb(255, 255, 255); border-radius: 50%; opacity: 0.25; cursor: pointer; }
.flickity-page-dots .dot.is-selected { opacity: 1; }
.flickity-enabled.is-fullscreen { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); padding-bottom: 35px; z-index: 1; }
.flickity-enabled.is-fullscreen .flickity-page-dots { bottom: 10px; }
.flickity-enabled.is-fullscreen .flickity-page-dots .dot { background: white; }
html.is-flickity-fullscreen { overflow: hidden; }
.flickity-fullscreen-button { display: block; right: 10px; top: 10px; width: 24px; height: 24px; border-radius: 4px; }
.flickity-rtl .flickity-fullscreen-button { right: auto; left: 10px; }
.flickity-fullscreen-button-exit { display: none; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }
.flickity-fullscreen-button .flickity-button-icon { position: absolute; width: 16px; height: 16px; left: 4px; top: 4px; }
.flickity-enabled.is-fade .flickity-slider > * { pointer-events: none; z-index: 0; }
.flickity-enabled.is-fade .flickity-slider > .is-selected { pointer-events: auto; z-index: 1; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
button, select { text-transform: none; }
button, input { overflow: visible; }
[type="reset"], [type="submit"], button, html [type="button"] { appearance: button; }
.button.is-checked, .button.is-selected { background-color: rgb(17, 153, 255); color: white; }
.button input[type="radio"] { display: none; }
.carousel-cell { width: 100%; height: auto; border-radius: 5px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-position: center center; z-index: -999; }
.webp .profile { height: 140px; width: 140px; padding-bottom: 20px; border-radius: 800px; background-image: url("Imagenes/Y-Cliente1.webp"); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 2rem; margin-top: 2rem; }
.no-webp .profile { height: 140px; width: 140px; padding-bottom: 20px; border-radius: 800px; background-image: url("Imagenes/Y-Cliente1.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 2rem; margin-top: 2rem; }
.webp .profile_2 { height: 140px; width: 140px; padding-bottom: 20px; border-radius: 800px; background-image: url("Imagenes/Y-Cliente2.webp"); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 2rem; margin-top: 2rem; }
.no-webp .profile_2 { height: 140px; width: 140px; padding-bottom: 20px; border-radius: 800px; background-image: url("Imagenes/Y-Cliente2.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 2rem; margin-top: 2rem; }
.webp .profile_3 { height: 140px; width: 140px; padding-bottom: 20px; border-radius: 800px; background-image: url("Imagenes/Y-Cliente3.webp"); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 2rem; margin-top: 2rem; }
.no-webp .profile_3 { height: 140px; width: 140px; padding-bottom: 20px; border-radius: 800px; background-image: url("Imagenes/Y-Cliente3.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 2rem; margin-top: 2rem; }
.comilla { font-size: 26px; font-family: Raleway, "serif"; color: rgb(182, 97, 70); }

/* ---- Keyframes del tema ---- */
@keyframes ts-fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 1.25rem, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes ts-fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -1.25rem, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes ts-fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-1.25rem, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes ts-fadeInRight { 
  0% { opacity: 0; transform: translate3d(1.25rem, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes ts-zoomIn { 
  0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes ts-zoomOutIn { 
  0% { opacity: 0; transform: scale(1.1); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes ts-zoomInShort { 
  0% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}

/* ---- Iconos del tema, rescatados al final (12 reglas) ----
   Ultimo hallazgo del test de regresion: en /home/paquete los <i> de
   FontAwesome pasaban de 24 px a 18.67 px de ancho. El tema les fijaba un
   ancho que fontawesome-all.min.css no da. Van AL FINAL para no alterar el
   orden de cascada del bloque de arriba. */
.btn:hover .fa-arrow-right { transform: translateX(0.5rem); }
.btn .fa-arrow-right { transition: 0.6s cubic-bezier(0.85, -0.37, 0.17, 1.45); transform: translateX(0px) rotate(0.02deg); }
.btn .status .status-icon { border-radius: 50%; left: 0px; opacity: 0; font-size: 0.625rem; padding: 0.25rem 0.4375rem; position: relative; transition: 0.3s; z-index: 1; transform: scale(0); }
.btn .status .status-icon.valid { background-color: var(--green); }
.btn .status .status-icon.invalid { background-color: var(--red); }
.btn.done .status-icon { transform: scale(1); opacity: 1; }
.icon-titletext { padding: 0rem 1.2rem; display: flex; height: 3.5rem; align-items: center; justify-content: center; text-align: center; }
.icon-bodytext { padding: 0rem 1.2rem 1rem; height: 7rem; text-align: justify; hyphens: auto; }
.tamaño-icono { border-radius: 20%; height: 6.625rem; overflow: hidden; text-align: center; }
@media (min-width: 992px) {
    .iconos365 { text-align: right; margin-right: 0.5rem; }
}
@media (max-width: 991px) {
    .iconos365 { text-align: center; }
}
@media (max-width: 576px) {
    .fa-arrow-display { display: none; }
}

/* ============================================================================
   yelao.css — Capa BASE del sistema de diseno propio de Yelao.

   Aca viven los tokens de marca y los componentes que estreno la home; los
   componentes exclusivos de las paginas interiores (acento por paquete, heroes
   interiores, tablas comparativas...) viven en yelao-pages.css, que se carga
   despues y consume estos tokens. .yl-home es la clase RAIZ del sistema y la
   llevan TODAS las paginas migradas, no solo la home.

   Se carga casi al final del bundle /assets/css, despues de style.min.css,
   para ganar por orden de cascada sin necesidad de !important.
   No editar style.css ni style.min.css: estan divorciados entre si (el .min
   tiene reglas que el fuente no) y tocarlos rompe el resto del sitio.
   Todo lo de aca vive bajo .yl-home o con prefijo .yl-.

   Direccion (ver .impeccable.md): azul marino de marca + cobre, tema claro,
   Archivo para titulos y Asap para cuerpo. Tarjeta SOLO para lo que se compara.
   ========================================================================= */

/* ---- Fuentes de respaldo con metricas ajustadas -------------------------
   El problema que resuelven: /home/about medía CLS 0.169 en movil, reproducido
   identico dos veces. El desglose de layout-shift mostraba un salto de 0.1692 a
   los ~2.392 ms donde una seccion entera subia 28 px y varios nodos de texto se
   corrian 1 px. Desplazamiento de texto puro, sin imagenes involucradas, justo
   cuando terminan de llegar las webfonts: es intercambio de fuente (FOUT).

   Es el precio del truco media="print" + onload de _Layout, que carga Google
   Fonts sin bloquear el render. Esa decision es CORRECTA — ahorra ~750 ms de
   primer render en movil — y NO se toca. Lo que faltaba era amortiguar el swap.

   La idea: si la fuente de respaldo ocupa exactamente el mismo espacio que la
   definitiva, el intercambio no mueve nada.

   ---- OJO: aca size-adjust NO se calcula por altura de x ----
   El metodo habitual (Fontaine, Next.js) saca size-adjust igualando la altura
   de x, y despues corrige la caja de linea con ascent/descent-override. Eso
   sirve cuando la altura de linea depende de las metricas de la fuente.

   En este sitio NO sirve, y se midio: los line-height son multiplicadores sin
   unidad (1.72 en el cuerpo), asi que la altura de cada linea es font-size x
   1.72 y las metricas verticales de la fuente no la tocan. Se probo el ajuste
   por altura de x y la caja media 117 px con respaldo contra 88 px con Asap:
   exactamente igual que sin ajustar nada. Los override no hacian NADA.

   El salto no era de altura de linea: era de CANTIDAD de lineas. Asap es mas
   angosta que las de respaldo, asi que el mismo parrafo entra en 3 lineas con
   Asap y en 4 con Segoe UI. Al llegar la webfont el texto se recompone, sobra
   una linea, y todo lo de abajo sube ~29 px. Ese es el CLS.

   Por eso size-adjust sale del ANCHO DE AVANCE real, medido renderizando un
   parrafo representativo en espanol a 100 px y comparando anchos:

     Asap 400      9594 px      Segoe UI 400  10668 px      Arial 400  10784 px
     Archivo 600  10140 px      Segoe UI 600  10948 px      Arial 600  11570 px
     Archivo 700  10140 px      Segoe UI 700  11311 px      Arial 700  11570 px

     size-adjust     = ancho objetivo / ancho respaldo
     ascent-override = (asc/upm objetivo) / size-adjust      (idem descent)

   El ajuste por altura de x daba 104.6% (mas ANCHO); el correcto es ~90% (mas
   angosto). Iba en la direccion opuesta al problema.

   Los *-override se conservan igual, recalculados sobre el size-adjust nuevo:
   no arreglan este caso, pero cubren cualquier elemento que use line-height
   normal, donde la fuente si define la caja.

   Metricas verticales de origen (tablas head/OS_2/hhea de los woff2 reales):
     Archivo  upm=1000 asc=878 desc=-210 gap=0
     Asap     upm=1000 asc=934 desc=-212 gap=0

   Por que DOS caras por familia y no una: src local() falla en silencio cuando
   la fuente no esta instalada, y el navegador sigue bajando por la pila. Windows
   resuelve la de Segoe UI; macOS no la tiene, cae en la de Arial. Android no
   tiene ninguna de las dos y termina en system-ui (Roboto, xHeight 0.5283) sin
   ajustar — queda algo de FOUT residual ahi, pero Roboto es lo bastante parecido
   a Asap como para que el salto sea chico. Meter dos @font-face con el MISMO
   nombre de familia seria ambiguo, por eso van con nombres distintos y el orden
   de la pila decide. */

@font-face {
    font-family: "Asap Respaldo Segoe";
    src: local("Segoe UI");
    size-adjust: 89.94%;
    ascent-override: 103.85%;
    descent-override: 23.57%;
    line-gap-override: 0%;
}
@font-face {
    font-family: "Asap Respaldo Arial";
    src: local("Arial");
    size-adjust: 88.97%;
    ascent-override: 104.98%;
    descent-override: 23.83%;
    line-gap-override: 0%;
}
/* Archivo: el avance no cambia entre 600 y 700, pero el de Segoe UI si (10948
   vs 11311 px), asi que una sola cifra no puede ser exacta para los dos pesos.
   Se toma el punto medio (91.13%); el error residual por peso queda por debajo
   del 2% y los titulos ocupan una o dos lineas, donde el redondeo rara vez
   cambia el conteo. Arial no tiene el problema: 600 y 700 miden igual. */
@font-face {
    font-family: "Archivo Respaldo Segoe";
    src: local("Segoe UI");
    size-adjust: 91.13%;
    ascent-override: 96.35%;
    descent-override: 23.04%;
    line-gap-override: 0%;
}
@font-face {
    font-family: "Archivo Respaldo Arial";
    src: local("Arial");
    size-adjust: 87.64%;
    ascent-override: 100.18%;
    descent-override: 23.96%;
    line-gap-override: 0%;
}

/* ---- Tokens ------------------------------------------------------------ */

:root {
    /* Marca. El #003b72 historico, reexpresado en OKLCH con una rampa real.
       Al aclarar se baja el chroma: chroma alto en luminosidad alta chilla. */
    --yl-navy-900: oklch(0.24 0.070 251);   /* fondo mas profundo del hero   */
    --yl-navy-800: oklch(0.31 0.088 251);
    --yl-navy:     oklch(0.38 0.105 251);   /* = #003b72, el azul de marca   */
    --yl-navy-600: oklch(0.50 0.100 251);
    --yl-navy-300: oklch(0.78 0.045 251);
    --yl-navy-100: oklch(0.93 0.018 251);
    --yl-navy-050: oklch(0.965 0.010 251);

    /* Acento: cobre. Aparece poco y por eso pesa. Tiene precedente en los
       terracota que ya vivian en el tema (#d87965 / #c37b64 / #CE7B60). */
    --yl-copper:     oklch(0.55 0.125 52);
    --yl-copper-700: oklch(0.47 0.115 52);
    --yl-copper-300: oklch(0.78 0.090 62);
    --yl-copper-100: oklch(0.94 0.035 62);

    /* Texto. Los neutros van teñidos hacia el azul de marca: un chroma de
       0.01 no se ve como color pero cohesiona todo el conjunto. */
    --yl-ink:         oklch(0.24 0.020 251);
    --yl-ink-muted:   oklch(0.48 0.018 251);
    --yl-on-dark:     oklch(0.99 0.004 251);
    --yl-on-dark-mut: oklch(0.83 0.022 251);

    /* Superficies. Ni blanco puro ni negro puro: no existen en la naturaleza. */
    --yl-surface:     oklch(0.995 0.002 251);
    --yl-surface-alt: oklch(0.972 0.006 251);
    --yl-border:      oklch(0.90 0.012 251);
    --yl-border-soft: oklch(0.945 0.008 251);

    /* Espaciado 4pt, con nombre semantico y no por pixeles. */
    --yl-space-2xs: 4px;
    --yl-space-xs:  8px;
    --yl-space-sm:  12px;
    --yl-space-md:  16px;
    --yl-space-lg:  24px;
    --yl-space-xl:  32px;
    --yl-space-2xl: 48px;
    --yl-space-3xl: 64px;
    --yl-space-4xl: 96px;

    /* Tipografia. Las caras "Respaldo" van ANTES de "Segoe UI" a proposito: son
       Segoe UI y Arial, pero con las metricas ajustadas para que el intercambio
       de fuente no mueva el layout. Se dejan las genericas al final por si el
       navegador no soporta size-adjust (Safari < 17): ahi degrada al
       comportamiento anterior en vez de quedarse sin fuente. */
    --yl-font-display: Archivo, "Archivo Respaldo Segoe", "Archivo Respaldo Arial", "Segoe UI", system-ui, sans-serif;
    --yl-font-body:    Asap, "Asap Respaldo Segoe", "Asap Respaldo Arial", "Segoe UI", system-ui, sans-serif;

    --yl-radius:    10px;
    --yl-radius-sm: 6px;

    /* Sombras teñidas hacia el azul, no gris neutro. */
    --yl-shadow:    0 1px 2px oklch(0.38 0.105 251 / .07), 0 8px 24px oklch(0.38 0.105 251 / .07);
    --yl-shadow-lg: 0 2px 4px oklch(0.38 0.105 251 / .09), 0 18px 44px oklch(0.38 0.105 251 / .13);

    /* ease-out-quart: desaceleracion natural, sin rebote. */
    --yl-ease: cubic-bezier(0.25, 1, 0.5, 1);
    --yl-dur:  200ms;

    /* Alto de la nav fija (_NavInicio): 1rem arriba y abajo de .navbar (legacy),
       0.3125rem arriba y abajo del brand (Bootstrap) y el logo de 80 px, que va
       en px y no escala con la raiz. Es la UNICA copia de esa medida: la usan el
       hero interior y el desplazamiento de las anclas. Si cambia el logo o el
       padding de la nav, se cambia aca. (2026-09-30) */
    --yl-nav-h: calc(2.625rem + 80px);
}

/* Anclas: al saltar a #comparativa, #sec-3, #preguntas... el navegador dejaba
   el destino DEBAJO de la nav fija (tapaba el titulo de la seccion). Con esto
   el salto se detiene el alto de la nav mas un respiro. Vale para todo el sitio
   y para el foco con teclado. Las legales tenian su propio scroll-margin de
   90 px, que se quito porque se sumaba a este. (2026-09-30) */
:root { scroll-padding-top: calc(var(--yl-nav-h) + 1rem); }

/* ---- Base -------------------------------------------------------------- */

.yl-home {
    font-family: var(--yl-font-body);
    /* Sirve solo de default heredado: todo lo de abajo usa rem, y rem se mide
       contra la raiz (16px), no contra este 17px. */
    font-size: 1.0625rem;
    color: var(--yl-ink);
    background: var(--yl-surface);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

/* El tema declara font-family sobre ELEMENTOS sueltos (`p`, `ul`, `.ts-*`...).
   Una regla directa le gana a la herencia sin importar lo baja que sea su
   especificidad, asi que el cuerpo salia en Raleway aunque .yl-home pidiera
   Asap. Enumerar etiquetas no alcanzo: se arreglaba `p` pero `ul` seguia en
   Raleway y sus `li` heredaban de ahi.
   `.yl-home :where(*)` pesa (0,1,0) — `:where()` aporta cero y el peso lo pone
   .yl-home — asi que le gana a cualquier selector de elemento del tema, y a la
   vez pierde por orden de fuente contra los .yl-* de mas abajo, que si quieren
   declarar su propia familia pueden. */
.yl-home :where(*) {
    font-family: inherit;
}

/* Los selectores base van con :where() para que pesen (0,1,0) en vez de
   (0,1,1). Sin esto le ganan por especificidad al color de cada componente y
   se comen, por ejemplo, el blanco de .yl-plan__head sobre su fondo de color:
   quedaba texto oscuro sobre rojo, en 2:1. Los componentes se declaran
   despues, asi que ganan el empate por orden de fuente. */
.yl-home :where(h1, h2, h3, h4, h5) {
    font-family: var(--yl-font-display);
    font-weight: 700;
    color: var(--yl-ink);
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.yl-home :where(p) {
    color: var(--yl-ink-muted);
    line-height: 1.65;
    text-wrap: pretty;
}

/* style.css:4437 declara .d-none{display:block!important} y anula la utilidad
   de Bootstrap en todo el sitio. Lo devuelvo a la normalidad SOLO aca dentro,
   para no cambiar el comportamiento del que puedan depender otras paginas. */
.yl-home .d-none { display: none !important; }

.yl-home *:focus-visible {
    outline: 2px solid var(--yl-copper);
    outline-offset: 3px;
    border-radius: var(--yl-radius-sm);
}

/* ---- Escala tipografica ------------------------------------------------
   Fluida con clamp porque esto es una pagina de marketing, no una app.
   Razon >= 1.25 entre pasos: pocos tamaños con mucho contraste jerarquizan
   mejor que muchos tamaños parecidos. */

.yl-h1 { font-size: clamp(2.1rem, 1.35rem + 3.3vw, 3.9rem); line-height: 1.04; }
.yl-h2 { font-size: clamp(1.65rem, 1.25rem + 1.8vw, 2.6rem); line-height: 1.12; }
.yl-h3 { font-size: clamp(1.15rem, 1.05rem + 0.4vw, 1.35rem); line-height: 1.25; }

/* ---- Secciones --------------------------------------------------------- */

.yl-section { padding: var(--yl-space-4xl) 0; }
.yl-section--tight { padding: var(--yl-space-3xl) 0; }
.yl-section--alt  { background: var(--yl-surface-alt); }
.yl-section--navy { background: var(--yl-navy-900); color: var(--yl-on-dark); }
.yl-section--navy :where(h2, h3) { color: var(--yl-on-dark); }
.yl-section--navy :where(p)      { color: var(--yl-on-dark-mut); }

.yl-container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 clamp(20px, 4vw, 40px);
}
.yl-container--narrow { max-width: 780px; }

/* Encabezado de seccion alineado a la izquierda: centrar todo hace que el
   conjunto se lea como plantilla. El ancho de medida se limita aparte. */
.yl-section-head { margin-bottom: var(--yl-space-2xl); max-width: 62ch; }
.yl-section-head h2 { margin: 0 0 var(--yl-space-md); }
.yl-section-head p  { font-size: 1.05rem; margin: 0; max-width: 58ch; }

/* Marca de seccion: el cobre en una linea corta. Aparece poco a proposito. */
.yl-eyebrow {
    display: flex;
    align-items: center;
    gap: var(--yl-space-sm);
    font-family: var(--yl-font-display);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--yl-copper-700);
    margin-bottom: var(--yl-space-md);
}
.yl-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--yl-copper);
    flex: none;
}
.yl-section--navy .yl-eyebrow { color: var(--yl-copper-300); }
.yl-section--navy .yl-eyebrow::before { background: var(--yl-copper-300); }

/* ---- Botones ----------------------------------------------------------- */

.yl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--yl-space-xs);
    min-height: 50px;
    padding: var(--yl-space-sm) var(--yl-space-lg);
    border: 1px solid transparent;
    border-radius: var(--yl-radius-sm);
    font-family: var(--yl-font-display);
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.005em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--yl-dur) var(--yl-ease),
                border-color var(--yl-dur) var(--yl-ease),
                color var(--yl-dur) var(--yl-ease),
                transform var(--yl-dur) var(--yl-ease);
}
.yl-btn:hover, .yl-btn:focus { text-decoration: none; }
.yl-btn:active { transform: translateY(1px); }

/* Accion principal: el cobre. Es el unico lugar donde aparece en masa. */
.yl-btn--primary { background: var(--yl-copper); color: oklch(0.99 0.004 60); border-color: var(--yl-copper); }
.yl-btn--primary:hover, .yl-btn--primary:focus { background: var(--yl-copper-700); border-color: var(--yl-copper-700); color: oklch(0.99 0.004 60); }

.yl-btn--outline { background: transparent; color: var(--yl-navy); border-color: var(--yl-border); }
.yl-btn--outline:hover, .yl-btn--outline:focus { background: var(--yl-navy-050); color: var(--yl-navy-900); border-color: var(--yl-navy-300); }

.yl-btn--on-dark { background: transparent; color: var(--yl-on-dark); border-color: oklch(1 0 0 / .38); }
.yl-btn--on-dark:hover, .yl-btn--on-dark:focus { background: oklch(1 0 0 / .10); border-color: oklch(1 0 0 / .70); color: var(--yl-on-dark); }

.yl-btn--block { width: 100%; }

.yl-link {
    display: inline-flex;
    align-items: center;
    gap: var(--yl-space-2xs);
    min-height: 44px;
    color: var(--yl-copper-700);
    font-weight: 600;
    text-decoration: none;
    text-underline-offset: 3px;
}
.yl-link:hover, .yl-link:focus { color: var(--yl-copper-700); text-decoration: underline; }

/* ---- Hero -------------------------------------------------------------- */

.yl-hero {
    position: relative;
    background: var(--yl-navy-900);
    color: var(--yl-on-dark);
    padding: clamp(7.5rem, 6rem + 6vw, 11rem) 0 clamp(3.5rem, 2rem + 5vw, 6rem);
    overflow: hidden;
}
.yl-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(120% 90% at 82% 6%, oklch(0.44 0.115 251 / .85) 0%, transparent 58%),
        linear-gradient(168deg, var(--yl-navy-900) 0%, var(--yl-navy-800) 62%, var(--yl-navy) 100%);
}
/* Una linea de cobre al pie del hero: la marca de la casa, no decoracion. */
.yl-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 3px;
    background: linear-gradient(90deg, var(--yl-copper) 0%, var(--yl-copper) 22%, transparent 22%);
    z-index: 1;
}
.yl-hero > .yl-container { position: relative; z-index: 1; }

/* El hero era una sola columna con el h1 topado a 17ch, asi que en escritorio
   quedaba media pantalla vacia a la derecha. Ahora son dos columnas y la foto
   ocupa ese lado. El trustbar sigue abajo, cruzando las dos. */
.yl-hero__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--yl-space-2xl);
    align-items: center;
}

/* La foto se INTEGRA al azul en vez de flotar encima como una estampilla:
   recorte apaisado, un velo del propio navy en multiply para unificar el color,
   y el borde inferior desvanecido hacia el fondo del hero. */
.yl-hero__media {
    position: relative;
    margin: 0;
    border-radius: var(--yl-radius);
    overflow: hidden;
    box-shadow: 0 0 0 1px oklch(1 0 0 / .10), 0 28px 64px oklch(0.15 0.05 251 / .5);
}
.yl-hero__media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    /* El duenio esta en el tercio derecho de la foto original. */
    object-position: 64% 32%;
}
.yl-hero__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(to top, var(--yl-navy-900) 0%, transparent 42%),
        linear-gradient(to right, oklch(0.24 0.070 251 / .45) 0%, transparent 45%);
}

.yl-hero h1 {
    color: var(--yl-on-dark);
    font-weight: 700;
    margin: 0 0 var(--yl-space-lg);
    max-width: 20ch;
}
.yl-hero__sub {
    color: var(--yl-on-dark-mut);
    font-size: clamp(1.02rem, 0.95rem + 0.35vw, 1.18rem);
    /* Texto claro sobre fondo oscuro lee mas fino: se le suma interlinea. */
    line-height: 1.72;
    max-width: 46ch;
    margin: 0 0 var(--yl-space-xl);
}
.yl-hero__cta { display: flex; flex-wrap: wrap; gap: var(--yl-space-sm); }

/* Franja de confianza. Sin caja: son hechos, no tarjetas. */
.yl-trustbar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--yl-space-sm) var(--yl-space-2xl);
    margin: var(--yl-space-2xl) 0 0;
    padding-top: var(--yl-space-lg);
    border-top: 1px solid oklch(1 0 0 / .14);
    list-style: none;
}
.yl-trustbar li {
    display: flex;
    align-items: center;
    gap: var(--yl-space-xs);
    color: var(--yl-on-dark-mut);
    font-size: 0.98rem;
    font-weight: 500;
}
.yl-trustbar svg { flex: none; width: 17px; height: 17px; color: var(--yl-copper-300); }

/* ---- Grids ------------------------------------------------------------- */

.yl-grid { display: grid; gap: var(--yl-space-lg); }
.yl-grid--3 { grid-template-columns: 1fr; }
.yl-grid--4 { grid-template-columns: 1fr; }

/* ---- Tarjeta de producto ----------------------------------------------
   Va en tarjeta porque el usuario COMPARA las tres entre si. Ese es el unico
   criterio para meter algo en una caja. */

.yl-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--yl-surface);
    border: 1px solid var(--yl-border);
    border-radius: var(--yl-radius);
    padding: var(--yl-space-xl);
    transition: box-shadow var(--yl-dur) var(--yl-ease),
                border-color var(--yl-dur) var(--yl-ease),
                transform var(--yl-dur) var(--yl-ease);
}
.yl-card:hover { box-shadow: var(--yl-shadow-lg); border-color: var(--yl-navy-300); transform: translateY(-3px); }

/* El realce va por box-shadow y no por un borde mas grueso: un borde de 2px
   corre el contenido 1px y desalinea los logos de las tres tarjetas. */
.yl-card--featured {
    border-color: var(--yl-navy);
    box-shadow: 0 0 0 1px var(--yl-navy), var(--yl-shadow);
}
.yl-card--featured:hover { box-shadow: 0 0 0 1px var(--yl-navy), var(--yl-shadow-lg); }

.yl-card__ribbon {
    align-self: flex-start;
    background: var(--yl-navy);
    color: var(--yl-on-dark);
    font-family: var(--yl-font-display);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: var(--yl-space-2xs) var(--yl-space-sm);
    border-radius: 999px;
    margin-bottom: var(--yl-space-md);
}
/* Reserva el hueco de la cinta en las tarjetas que no la traen, para que los
   tres logos queden en la misma linea sin depender de JS. */
.yl-card__ribbon--ghost { visibility: hidden; }

.yl-card__logo {
    display: flex;
    align-items: center;
    height: 52px;
    margin-bottom: var(--yl-space-lg);
}
.yl-card__logo img { max-height: 40px; max-width: 180px; width: auto; height: auto; }

.yl-card__title { font-size: 1.32rem; margin: 0 0 var(--yl-space-xs); }
.yl-card__lead  { font-size: 1rem; margin: 0 0 var(--yl-space-lg); }

.yl-card__list { list-style: none; padding: 0; margin: 0 0 var(--yl-space-lg); }
.yl-card__list li {
    display: flex;
    align-items: flex-start;
    gap: var(--yl-space-sm);
    padding: var(--yl-space-xs) 0;
    font-size: 1rem;
    color: var(--yl-ink);
    line-height: 1.5;
}
.yl-card__list svg { flex: none; width: 17px; height: 17px; margin-top: 3px; color: var(--yl-copper); }

.yl-card__seal {
    margin-top: auto;
    padding-top: var(--yl-space-md);
    border-top: 1px solid var(--yl-border-soft);
    margin-bottom: var(--yl-space-md);
}
.yl-card__price {
    display: block;
    font-family: var(--yl-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--yl-navy);
    line-height: 1.15;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}
.yl-card__note { display: block; font-size: 0.85rem; color: var(--yl-ink-muted); margin-top: var(--yl-space-2xs); line-height: 1.45; }
.yl-card__badge {
    display: inline-flex;
    align-items: center;
    gap: var(--yl-space-xs);
    font-family: var(--yl-font-display);
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--yl-navy);
}
.yl-card__badge svg { width: 17px; height: 17px; color: var(--yl-copper); flex: none; }

/* ---- Modulos del punto de venta ---------------------------------------
   SIN caja. El usuario no elige entre estos seis: los lee como una lista de
   lo que el sistema cubre. Meterlos en tarjetas era ruido. */

.yl-modules {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid var(--yl-border-soft);
}
.yl-module {
    display: flex;
    align-items: flex-start;
    gap: var(--yl-space-md);
    padding: var(--yl-space-lg) 0;
    border-bottom: 1px solid var(--yl-border-soft);
}
.yl-module__icon { flex: none; width: 30px; height: 30px; margin-top: 1px; opacity: .85; }
.yl-module__icon img { width: 100%; height: 100%; }
.yl-module h3 { font-size: 1.02rem; margin: 0 0 var(--yl-space-2xs); }
.yl-module p  { font-size: 1rem; margin: 0; line-height: 1.55; }

/* ---- Paquetes ---------------------------------------------------------- */

.yl-plan {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--yl-surface);
    border: 1px solid var(--yl-border);
    border-radius: var(--yl-radius);
    overflow: hidden;
    transition: box-shadow var(--yl-dur) var(--yl-ease), border-color var(--yl-dur) var(--yl-ease);
}
.yl-plan:hover { box-shadow: var(--yl-shadow); border-color: var(--yl-navy-300); }

/* La escala de gris marca el escalon del plan sin recurrir a cuatro colores
   sueltos que no se hablan entre si. El cobre queda libre para la accion. */
.yl-plan__head {
    padding: var(--yl-space-sm) var(--yl-space-md);
    font-family: var(--yl-font-display);
    font-size: 0.98rem;
    font-weight: 600;
    text-align: center;
    color: var(--yl-on-dark);
    background: var(--yl-navy);
}
.yl-plan--esencial .yl-plan__head { background: var(--yl-navy-600); }
.yl-plan--total    .yl-plan__head { background: var(--yl-navy); }
.yl-plan--plus     .yl-plan__head { background: var(--yl-navy-800); }
.yl-plan--multi    .yl-plan__head { background: var(--yl-navy-900); }

.yl-plan__body { display: flex; flex-direction: column; flex: 1; padding: var(--yl-space-lg) var(--yl-space-md); text-align: center; }
.yl-plan__for {
    font-size: 0.85rem;
    color: var(--yl-ink-muted);
    margin: 0 0 var(--yl-space-md);
    min-height: 3.4em;
    line-height: 1.4;
}
.yl-plan__price {
    display: block;
    font-family: var(--yl-font-display);
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--yl-ink);
    line-height: 1.1;
    letter-spacing: -0.025em;
    font-variant-numeric: tabular-nums;
}
.yl-plan__year { display: block; font-size: 0.86rem; color: var(--yl-ink-muted); margin-top: var(--yl-space-2xs); font-variant-numeric: tabular-nums; }
.yl-plan__iva  { display: block; font-size: 0.78rem; color: var(--yl-ink-muted); margin-top: var(--yl-space-2xs); }
.yl-plan__cta  { margin-top: auto; padding-top: var(--yl-space-lg); }

/* ---- Metricas ---------------------------------------------------------- */

.yl-metrics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--yl-space-xl) var(--yl-space-lg);
    list-style: none;
    padding: 0;
    margin: 0;
}
.yl-metric { display: flex; flex-direction: column; gap: var(--yl-space-xs); }
.yl-metric__value {
    font-family: var(--yl-font-display);
    font-size: clamp(1.75rem, 1.3rem + 1.9vw, 2.6rem);
    font-weight: 700;
    color: var(--yl-copper-300);
    line-height: 1;
    letter-spacing: -0.03em;
    font-variant-numeric: tabular-nums;
}
.yl-metric__label { font-size: 0.98rem; color: var(--yl-on-dark-mut); line-height: 1.45; max-width: 24ch; }

/* ---- Consultoria ------------------------------------------------------- */

.yl-split { display: grid; grid-template-columns: 1fr; gap: var(--yl-space-2xl); align-items: center; }
.yl-split__media {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--yl-space-xl);
    padding: var(--yl-space-xl);
    background: var(--yl-surface);
    border: 1px solid var(--yl-border-soft);
    border-radius: var(--yl-radius);
}
.yl-split__media img { max-width: 155px; height: auto; }

/* ---- Contacto ---------------------------------------------------------
   SIN caja tambien: son tres datos, no tres opciones a elegir. */

.yl-contacts {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--yl-space-xl);
    list-style: none;
    padding: var(--yl-space-xl) 0 0;
    margin: 0;
    border-top: 1px solid var(--yl-border);
}
.yl-contact h3 {
    font-family: var(--yl-font-display);
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--yl-ink-muted);
    margin: 0 0 var(--yl-space-sm);
}
.yl-contact__row { margin-bottom: var(--yl-space-xs); }
.yl-contact__label { display: block; font-size: 0.8rem; color: var(--yl-ink-muted); }
.yl-contact__value {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-family: var(--yl-font-display);
    font-size: 1.14rem;
    font-weight: 600;
    color: var(--yl-navy);
    text-decoration: none;
    text-underline-offset: 3px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
}
.yl-contact__value:hover, .yl-contact__value:focus { color: var(--yl-copper-700); text-decoration: underline; }
.yl-contact__text { font-size: 1rem; margin: 0; }

/* ---- FAQ --------------------------------------------------------------- */

.yl-faq { list-style: none; padding: 0; margin: 0; }
.yl-faq > li { padding: var(--yl-space-lg) 0; border-bottom: 1px solid var(--yl-border-soft); }
.yl-faq > li:first-child { border-top: 1px solid var(--yl-border-soft); }
.yl-faq h3 { font-size: 1.05rem; margin: 0 0 var(--yl-space-xs); }
.yl-faq p  { margin: 0; font-size: 1rem; max-width: 68ch; }

/* ---- Footer ------------------------------------------------------------ */

.yl-footer { background: var(--yl-navy-900); color: var(--yl-on-dark-mut); padding: var(--yl-space-xl) 0; }
.yl-footer__inner { display: flex; flex-direction: column; align-items: center; gap: var(--yl-space-md); text-align: center; }
.yl-footer__links { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--yl-space-xs) var(--yl-space-lg); }
.yl-footer a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--yl-on-dark-mut);
    font-size: 0.89rem;
    text-decoration: none;
    text-underline-offset: 3px;
    transition: color var(--yl-dur) var(--yl-ease);
}
.yl-footer a:hover, .yl-footer a:focus { color: var(--yl-on-dark); text-decoration: underline; }
.yl-footer__social { display: flex; gap: var(--yl-space-sm); }
.yl-footer__social a {
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid oklch(1 0 0 / .20);
    transition: background-color var(--yl-dur) var(--yl-ease), border-color var(--yl-dur) var(--yl-ease);
}
.yl-footer__social a:hover, .yl-footer__social a:focus { background: oklch(1 0 0 / .10); border-color: oklch(1 0 0 / .45); }
.yl-footer__social svg { width: 19px; height: 19px; fill: currentColor; }
.yl-footer__copy { font-size: 0.84rem; margin: 0; color: var(--yl-on-dark-mut); }

/* ---- Nav corporativa --------------------------------------------------- */

.yl-nav { background: var(--yl-navy-900) !important; }
/* Bootstrap deja el toggler en 40px de alto; abajo del minimo tactil de 44. */
.yl-nav .navbar-toggler { min-width: 44px; min-height: 44px; }
.yl-nav .navbar-nav .nav-link {
    font-family: var(--yl-font-display);
    font-weight: 500;
    font-size: 0.94rem;
    color: var(--yl-on-dark-mut);
    transition: color var(--yl-dur) var(--yl-ease);
}
.yl-nav .navbar-nav .nav-link:hover { color: var(--yl-on-dark); }
/* Sobre [aria-current] y no sobre .active: el scroll-spy del tema borra .active. */
.yl-nav .navbar-nav .nav-link[aria-current="page"] {
    color: var(--yl-on-dark);
    box-shadow: inset 0 -2px 0 var(--yl-copper);
}
.yl-nav__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-left: var(--yl-space-md);
    padding: var(--yl-space-xs) var(--yl-space-lg);
    border: 1px solid var(--yl-copper);
    border-radius: var(--yl-radius-sm);
    font-family: var(--yl-font-display);
    font-size: 0.94rem;
    font-weight: 600;
    color: var(--yl-copper-300);
    text-decoration: none;
    transition: background-color var(--yl-dur) var(--yl-ease), color var(--yl-dur) var(--yl-ease);
}
.yl-nav__cta:hover, .yl-nav__cta:focus { background: var(--yl-copper); color: oklch(0.99 0.004 60); text-decoration: none; }

/* ---- Utilidades minimas ------------------------------------------------ */

.yl-mt-xl  { margin-top: var(--yl-space-xl); }
.yl-mt-3xl { margin-top: var(--yl-space-3xl); }
.yl-note   { font-size: 1rem; }

/* ---- Entrada escalonada ------------------------------------------------
   Un solo momento de movimiento bien orquestado en el hero. El resto de la
   pagina no se anima: el scroll no deberia sentirse como una feria. */

@keyframes yl-rise {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: none; }
}
.yl-rise {
    animation: yl-rise 620ms var(--yl-ease) backwards;
    animation-delay: calc(var(--yl-i, 0) * 70ms);
}

/* El hero es donde vive el elemento LCP de todas las paginas: en las 11 internas
   (.yl-hero--page) es de solo texto, asi que el h1 o el subtitulo; en la home
   (.yl-hero) es la imagen de la figura.

   Y ahi el fade cuesta caro. Un elemento en opacity:0 NO cuenta como pintado
   para el Largest Contentful Paint: con `backwards`, .yl-rise lo deja invisible
   durante todo su animation-delay y recien suma cuando la opacidad sube. El LCP
   se registra cuando termina la animacion, no cuando el navegador ya tenia el
   contenido listo para mostrar. Y si el hilo principal esta ocupado — en la home
   lo esta varios segundos por el JS — la animacion tampoco puede avanzar, asi que
   la espera se estira mucho mas que la duracion nominal del efecto.

   Medido el 31-ago-2026, home en movil: la imagen del hero TERMINABA DE BAJAR a
   los 1.359 ms y el LCP recien se registraba a los 7.592. Seis segundos con el
   byte ya en el navegador. La imagen no era el problema; la opacidad si.

   Una primera version de este arreglo cubrio solo .yl-hero--page, con el
   razonamiento de que en la home el LCP es una imagen y no texto. Estaba mal: al
   LCP le da igual el tipo de elemento, mira la opacidad. Por eso ahora cubre los
   dos heroes.

   El arreglo conserva el movimiento y descarta solo el fade: se anima unicamente
   el transform. El elemento esta pintado desde el primer frame (solo corrido 14px),
   asi que el LCP cuenta temprano y la entrada se sigue viendo. El desvanecido era
   la parte del efecto que menos se percibe y la unica que costaba la metrica.

   Fuera del hero .yl-rise conserva el fade: ahi ningun elemento compite por el LCP. */
/* :is() y no :where(): :where() tiene especificidad CERO, asi que este selector
   pesaria lo mismo que `.yl-rise` a secas y solo ganaria por venir despues en el
   archivo — se rompe si alguien reordena. Con :is() suma la clase del hero y gana
   por especificidad. El override de prefers-reduced-motion sigue por encima: usa
   !important. */
:is(.yl-hero, .yl-hero--page) .yl-rise {
    animation-name: yl-rise-sin-fade;
}

@keyframes yl-rise-sin-fade {
    from { transform: translateY(14px); }
    to   { transform: none; }
}

/* ---- Breakpoints ------------------------------------------------------- */

@media (min-width: 900px) {
    /* stretch y no center: la foto iguala la altura de la columna de texto en
       vez de quedar flotando 130px mas baja. object-fit:cover se encarga del
       recorte, asi que la proporcion fija sobra aca. */
    .yl-hero__grid { grid-template-columns: 1.05fr 0.95fr; gap: var(--yl-space-3xl); align-items: stretch; }
    .yl-hero__media { height: 100%; min-height: 400px; }
    .yl-hero__media img { height: 100%; aspect-ratio: auto; }
}

@media (min-width: 768px) {
    .yl-grid--3   { grid-template-columns: repeat(2, 1fr); }
    .yl-grid--4   { grid-template-columns: repeat(2, 1fr); }
    .yl-modules   { grid-template-columns: repeat(2, 1fr); column-gap: var(--yl-space-2xl); }
    .yl-metrics   { grid-template-columns: repeat(4, 1fr); }
    .yl-contacts  { grid-template-columns: repeat(3, 1fr); gap: var(--yl-space-2xl); }
    .yl-split     { grid-template-columns: 1.15fr 0.85fr; }
    .yl-footer__inner { flex-direction: row; justify-content: space-between; text-align: left; }
}

@media (min-width: 1024px) {
    .yl-grid--3 { grid-template-columns: repeat(3, 1fr); }
    .yl-grid--4 { grid-template-columns: repeat(4, 1fr); }
    .yl-modules { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 899.98px) {
    /* Debajo de dos columnas la foto queda como remate, no como protagonista. */
    .yl-hero__media img { aspect-ratio: 16 / 9; object-position: 66% 34%; }
}

@media (max-width: 767.98px) {
    .yl-section, .yl-section--tight { padding: var(--yl-space-3xl) 0; }
    .yl-hero__cta .yl-btn { width: 100%; }
    .yl-nav__cta { margin: var(--yl-space-sm) 0 var(--yl-space-xs); }
    .yl-plan__for { min-height: 0; }
}

/* ---- Movimiento reducido ----------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .yl-home *,
    .yl-home *::before,
    .yl-home *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
    /* scrolla.js deja los elementos con data-animate invisibles hasta que
       dispara la animacion; con movimiento reducido hay que forzarlos visibles
       o la seccion queda en blanco. */
    .yl-home [data-animate] { opacity: 1 !important; visibility: visible !important; }

    /* Lo mismo para la entrada del hero. .yl-rise arranca en opacity 0 con
       fill backwards, asi que durante su animation-delay (hasta 210ms) el hero
       esta INVISIBLE. Acortar la duracion no alcanza: hay que anular tambien el
       delay y fijar el estado final, o el hero parpadea en blanco y despues
       aparece de golpe, que es justo lo que el usuario pidio evitar. */
    .yl-home .yl-rise {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .yl-card:hover { transform: none; }
}

/* ============================================================================
   yelao-pages.css — Capa de componentes para las paginas INTERIORES.

   Se carga en el bundle /assets/css DESPUES de yelao.css. La base (tokens de
   marca, .yl-home, botones, tarjetas, secciones) vive en yelao.css y aca solo
   se CONSUME; este archivo agrega lo que las interiores necesitan y la home no:
   el acento por paquete, heroes interiores, tablas comparativas, precios,
   pasos, migas y el envoltorio visual de los formularios legados.

   Reglas de la casa (mismas que yelao.css):
   - Nada de tocar style.css / style.min.css.
   - Los ids y clases que consume Home.js/AltaCliente.js (#contact-*, #frm_quiz,
     btn-*, color_*, texto_*) NO se estilizan aca: son API del JS legado.
     Los formularios se visten SOLO por descendencia desde .yl-form-card.
   - Texto siempre sobre el acento FUERTE (--yl-accent-strong): los hex vivos
     de cada paquete no pasan 4.5:1 sobre blanco. El color vivo va en rellenos
     grandes con texto blanco encima, bandas y decoracion.
   ========================================================================= */

/* ---- Acento por pagina --------------------------------------------------
   Cada paquete conserva su color historico (el mismo de los botones btn-* del
   tema viejo), pero encauzado: el navy sigue siendo la estructura y el acento
   aparece en la banda del hero, el eyebrow, el precio, los checks y el CTA.

     --yl-accent        el color de identidad, para rellenos y decoracion
     --yl-accent-strong variante oscurecida, la UNICA valida para texto/enlaces
     --yl-accent-soft   tinte casi blanco para fondos suaves
     --yl-on-accent     texto encima de un relleno --yl-accent
   ------------------------------------------------------------------------- */

.yl-home {
    --yl-accent:        var(--yl-copper);
    --yl-accent-strong: var(--yl-copper-700);
    --yl-accent-soft:   var(--yl-copper-100);
    --yl-on-accent:     oklch(0.99 0.004 60);
}

/* Punto de venta y Consultoria hablan con la voz de la marca: navy + cobre.
   Kaspersky tambien, desde FASE15 (2026-10-09). Antes tenia el verde de la marca
   como acento y su negro editorial en el hero, pero la guia de marca de
   Kaspersky para partners pide que el sitio del partner use SU identidad y prohibe
   la paleta de Kaspersky como color de interfaz. Ver el bloque "Kaspersky" al final. */
.yl-page--pos,
.yl-page--consultoria,
.yl-page--kaspersky { /* heredan el default */ }

.yl-page--esencial {
    --yl-accent:        #2e8fc0;
    --yl-accent-strong: #0a3f66;
    --yl-accent-soft:   oklch(0.955 0.020 240);
}
.yl-page--total {
    --yl-accent:        #d87965;
    --yl-accent-strong: oklch(0.44 0.125 30);
    --yl-accent-soft:   oklch(0.955 0.022 35);
}
.yl-page--plus {
    --yl-accent:        #990000;
    --yl-accent-strong: #7a0000;
    --yl-accent-soft:   oklch(0.955 0.020 25);
}
.yl-page--multi {
    --yl-accent:        #666666;
    --yl-accent-strong: #4a4a4a;
    --yl-accent-soft:   oklch(0.955 0.004 251);
}
.yl-page--microsoft {
    --yl-accent:        #0067b8;
    --yl-accent-strong: #005494;
    --yl-accent-soft:   oklch(0.955 0.020 250);
    /* El naranja del logo: SOLO decoracion (los 4 cuadros, una linea).
       Nunca texto: 3.1:1 sobre blanco. */
    --yl-accent-2:      #f25022;
}

/* En las paginas con acento propio, el eyebrow y los checks de las tarjetas
   hablan en el color del paquete en vez del cobre. El cobre queda para lo
   transversal (nav y footer, que son de la casa). */
.yl-page--esencial  .yl-eyebrow, .yl-page--total .yl-eyebrow,
.yl-page--plus      .yl-eyebrow, .yl-page--multi .yl-eyebrow,
.yl-page--microsoft .yl-eyebrow { color: var(--yl-accent-strong); }
.yl-page--esencial  .yl-eyebrow::before, .yl-page--total .yl-eyebrow::before,
.yl-page--plus      .yl-eyebrow::before, .yl-page--multi .yl-eyebrow::before,
.yl-page--microsoft .yl-eyebrow::before { background: var(--yl-accent); }

/* ---- Boton y enlace en acento ------------------------------------------ */

.yl-btn--accent {
    background: var(--yl-accent-strong);
    color: var(--yl-on-accent);
    border-color: var(--yl-accent-strong);
}
.yl-btn--accent:hover, .yl-btn--accent:focus {
    background: color-mix(in oklch, var(--yl-accent-strong) 82%, black);
    border-color: color-mix(in oklch, var(--yl-accent-strong) 82%, black);
    color: var(--yl-on-accent);
}

.yl-link--accent { color: var(--yl-accent-strong); }
.yl-link--accent:hover, .yl-link--accent:focus { color: var(--yl-accent-strong); }

/* ---- Hero interior ------------------------------------------------------
   Mas bajo que el de la home: la interior no tiene que convencer de quedarse,
   tiene que ubicar y dejar pasar al contenido. La banda superior de 4px es la
   firma de color del paquete. */

/* El piso del padding superior era 6.5rem (104 px), pero la nav fija mide 122 px,
   asi que en telefono el primer renglon de la miga quedaba 18 px debajo del menu, y
   8 px en tableta (V-V1 de la auditoria #6). Desde el 2026-09-30 la miga de los giros
   lleva ahi el enlace al indice de giros.
   El piso nuevo es la altura de la nav (--yl-nav-h, en yelao.css) mas 14 px de aire.
   La nav no escala entera con la raiz: su padding si, el logo de 80 px no. Por eso
   el piso sale del token y no de un rem fijo. Medido en Chromium
   (_tools/fase12_prueba_hero_nav.py): 14 px de aire de 360 a 1200 px de ancho; en
   escritorio manda el valor fluido y no cambia nada. */
.yl-hero--page {
    position: relative;
    background: var(--yl-navy-900);
    color: var(--yl-on-dark);
    padding: clamp(var(--yl-nav-h) + 14px, 5.5rem + 4vw, 9rem) 0 clamp(2.5rem, 2rem + 3vw, 4rem);
    overflow: hidden;
}
.yl-hero--page::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: var(--yl-accent);
    z-index: 2;
}
.yl-hero--page .yl-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(110% 90% at 85% 0%, oklch(0.44 0.115 251 / .7) 0%, transparent 55%),
        linear-gradient(168deg, var(--yl-navy-900) 0%, var(--yl-navy-800) 70%, var(--yl-navy) 100%);
}
/* Aca vivia .yl-hero--brand-dark, el hero en el negro editorial de Kaspersky. Lo
   usaba solo /home/kaspersky y se quito en FASE15 (2026-10-09): la guia de marca de
   Kaspersky para partners no permite su paleta en el sitio del partner. */
.yl-hero--page > .yl-container { position: relative; z-index: 1; }

.yl-hero--page h1 { color: var(--yl-on-dark); margin: 0 0 var(--yl-space-md); max-width: 24ch; }
.yl-hero--page .yl-hero__sub { margin-bottom: var(--yl-space-lg); }

/* ---- Vida en el hero (mismo gesto en TODAS las paginas) -----------------
   Dos capas sobre .yl-hero__bg, que existe igual en la home (.yl-hero) y en
   las interiores (.yl-hero--page), asi que el gesto es identico en todo el
   sitio sin repetir markup.

   1. Trama de puntos con deriva. Un patron tecnico que insinua datos y red,
      no confeti. Se mueve UN periodo completo del patron (34px) en 90s: al
      terminar el ciclo el fotograma es identico al inicial, asi que el loop
      no tiene salto. Va enmascarada para que se apague antes de llegar al
      texto: los puntos acompanian, no compiten.
   2. Halo que respira. El mismo resplandor que ya tenia el hero, ahora con
      una oscilacion de 16s. Es lo que hace que la pagina "este viva" sin que
      el ojo pueda senalar que se movio.

   Las dos animan SOLO transform y opacity (compositor, sin repintado) y usan
   duraciones larguisimas a proposito: el movimiento tiene que percibirse como
   ambiente, no como interfaz. Ver .impeccable.md > "Se ve caro en los
   detalles". Ambas se anulan con prefers-reduced-motion (al final del archivo). */

.yl-hero__bg::before,
.yl-hero__bg::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.yl-hero__bg::before {
    /* Se desborda para que la deriva nunca descubra un borde vacio. */
    inset: -40px;
    background-image: radial-gradient(circle, oklch(1 0 0 / .16) 1px, transparent 1.6px);
    background-size: 34px 34px;
    /* La mascara nace arriba y se apaga hacia abajo y a la izquierda. Cubre
       todo el ancho a proposito: en la home la mitad derecha la tapa la foto y
       una mascara chica ahi habria dejado el hero sin trama. Al desvanecerse
       antes del pie, los puntos nunca llegan a la zona del CTA. */
    -webkit-mask-image: radial-gradient(125% 95% at 72% 0%, #000 8%, transparent 78%);
    mask-image: radial-gradient(125% 95% at 72% 0%, #000 8%, transparent 78%);
    animation: yl-drift 90s linear infinite;
}

.yl-hero__bg::after {
    inset: 0;
    background: radial-gradient(58% 48% at 80% 10%, var(--yl-accent, var(--yl-copper)) 0%, transparent 62%);
    opacity: .10;
    animation: yl-breathe 16s ease-in-out infinite alternate;
}

@keyframes yl-drift {
    from { transform: translate3d(0, 0, 0); }
    /* Exactamente un mosaico: el final calza con el inicio. */
    to   { transform: translate3d(34px, 34px, 0); }
}

@keyframes yl-breathe {
    from { opacity: .07; transform: scale(1); }
    to   { opacity: .16; transform: scale(1.06); }
}

/* ---- Cola descriptiva dentro del h1 -------------------------------------
   Las paginas de paquete tenian como h1 el puro nombre interno: "Esencial",
   "Control Total", "Multisucursales". Buen gancho de marca, cero valor de
   busqueda: el usuario que llega desde Google con "punto de venta multisucursal"
   aterriza en un encabezado que no le confirma que llego bien, y se pierde la
   senal on-page mas fuerte despues del title.

   En vez de reemplazar el nombre, se le cuelga una frase descriptiva DENTRO del
   mismo h1. Google lee el h1 completo; el ojo sigue anclando en el nombre.

   Sobre el tamaño: la escala del sitio pide razon >= 1.25 entre pasos y pocos
   tamaños con mucho contraste. Ni .yl-h2 (2.6rem) ni .yl-h3 (1.35rem) servian:
   el primero compite con el h1 y ademas empuja el pricebox fuera del primer
   pantallazo; el segundo queda pegado al .yl-hero__sub (1.18rem) y los dos se
   leerian como el mismo nivel. Asi que la cola toma un paso propio de 1.6rem
   —razon 2.44 contra el h1, bien por encima del minimo— y se separa del sub por
   dos ejes mas: familia display en vez de body, y peso 500 en vez de regular. */
.yl-h1__tail {
    display: block;
    font-family: var(--yl-font-display);
    font-size: clamp(1.15rem, 0.92rem + 1vw, 1.6rem);
    font-weight: 500;
    line-height: 1.28;
    /* El h1 viene con letter-spacing negativo para apretar el titular grande;
       a este tamaño eso ensucia, asi que se neutraliza. */
    letter-spacing: normal;
    color: var(--yl-on-dark-mut);
    margin-top: var(--yl-space-sm);
    max-width: 28ch;
}

/* Etiqueta de paquete/marca arriba del h1: pequeña, en el color vivo sobre
   navy (ahi si contrasta) y con aire de sello, no de boton. */
.yl-hero__kicker {
    display: inline-flex;
    align-items: center;
    gap: var(--yl-space-xs);
    font-family: var(--yl-font-display);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--yl-on-dark);
    background: color-mix(in oklch, var(--yl-accent) 30%, transparent);
    border: 1px solid color-mix(in oklch, var(--yl-accent) 55%, transparent);
    border-radius: 999px;
    padding: var(--yl-space-2xs) var(--yl-space-sm);
    margin-bottom: var(--yl-space-lg);
}

/* ---- Migas de pan visibles ---------------------------------------------- */

.yl-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--yl-space-2xs);
    list-style: none;
    padding: 0;
    margin: 0 0 var(--yl-space-lg);
    font-size: 0.86rem;
}
.yl-breadcrumb li { display: flex; align-items: center; gap: var(--yl-space-2xs); color: var(--yl-on-dark-mut); }
.yl-breadcrumb li + li::before { content: "/"; opacity: .5; margin-right: var(--yl-space-2xs); }
.yl-breadcrumb a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--yl-on-dark-mut);
    text-decoration: none;
    text-underline-offset: 3px;
}
.yl-breadcrumb a:hover, .yl-breadcrumb a:focus { color: var(--yl-on-dark); text-decoration: underline; }
.yl-breadcrumb [aria-current="page"] { color: var(--yl-on-dark); font-weight: 500; }

/* ---- Bloque de precio ---------------------------------------------------
   El precio del paquete como HECHO, no como tarjeta de pricing: cifra grande
   tabular, condiciones abajo, sin caja. Sobre el hero navy. */

.yl-pricebox {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--yl-space-xs) var(--yl-space-md);
    margin: 0 0 var(--yl-space-xl);
}
.yl-pricebox__amount {
    font-family: var(--yl-font-display);
    font-size: clamp(2rem, 1.5rem + 2.2vw, 3rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--yl-on-dark);
    font-variant-numeric: tabular-nums;
}
.yl-pricebox__period { font-size: 1.05rem; color: var(--yl-on-dark-mut); font-weight: 500; }
.yl-pricebox__terms {
    flex-basis: 100%;
    font-size: 0.92rem;
    color: var(--yl-on-dark-mut);
    font-variant-numeric: tabular-nums;
}

/* ---- Lista de funciones con check --------------------------------------
   Reemplaza las parrillas de imagenes del tema viejo. Sin caja: el usuario no
   elige entre estas funciones, lee lo que el paquete cubre. */

.yl-check-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 var(--yl-space-2xl);
    list-style: none;
    padding: 0;
    margin: 0;
}
.yl-check-list li {
    display: flex;
    align-items: flex-start;
    gap: var(--yl-space-sm);
    padding: var(--yl-space-sm) 0;
    border-bottom: 1px solid var(--yl-border-soft);
    font-size: 1rem;
    color: var(--yl-ink);
    line-height: 1.55;
}
.yl-check-list svg { flex: none; width: 18px; height: 18px; margin-top: 3px; color: var(--yl-accent-strong); }
.yl-check-list strong { font-weight: 600; }

/* Grupo con titulo (Catalogos / Almacen / Compras...) para partir la lista
   larga de un paquete en bloques legibles. */
.yl-check-group { margin-bottom: var(--yl-space-xl); }
.yl-check-group > h3 {
    font-size: 1.05rem;
    margin: 0 0 var(--yl-space-xs);
    padding-bottom: var(--yl-space-xs);
    border-bottom: 2px solid var(--yl-accent);
    display: inline-block;
}

/* ---- Tarjetas de plan con color de paquete -------------------------------
   Variante para Puntodeventa: la home pinta los 4 planes con la rampa navy
   (decision documentada en yelao.css), pero en la pagina de la linea POS cada
   paquete recupera su color historico en la cabecera.
   El azul del Esencial (#2e8fc0) da 3.06:1 con texto blanco y no alcanza:
   la cabecera usa #26759e (mismo tono, un paso mas oscuro) y el #2e8fc0 vivo
   queda para bandas y decoracion. Los otros tres ya pasan. */

.yl-plan--brand.yl-plan--esencial .yl-plan__head { background: #26759e; }
.yl-plan--brand.yl-plan--total    .yl-plan__head { background: #c1453d; }
.yl-plan--brand.yl-plan--plus     .yl-plan__head { background: #961914; }
.yl-plan--brand.yl-plan--multi    .yl-plan__head { background: #535353; }

/* Aca vivian las cabeceras verdes de los dos planes Kaspersky y la seccion oscura en
   el negro de la marca. Se quitaron en FASE15 (2026-10-09), con el resto de la paleta
   de Kaspersky: ver el bloque "Kaspersky" al final del archivo. */

/* Planes Microsoft 365: azul de marca oscurecido para contraste. */
.yl-plan--brand.yl-plan--m365 .yl-plan__head { background: #005494; }

/* Grilla compacta de iconos de aplicaciones (planes M365). */
.yl-apps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--yl-space-sm);
    list-style: none;
    padding: 0;
    margin: var(--yl-space-sm) 0 var(--yl-space-md);
}
.yl-apps li { display: flex; flex-direction: column; align-items: center; gap: var(--yl-space-2xs); font-size: 0.78rem; color: var(--yl-ink-muted); text-align: center; }
.yl-apps img { width: 34px; height: 34px; object-fit: contain; }
.yl-apps-label {
    font-family: var(--yl-font-display);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--yl-ink-muted);
    margin: var(--yl-space-md) 0 0;
}

/* Item NO incluido en una lista de tarjeta: atenuado, con guion. */
.yl-card__list .yl-item-no { color: var(--yl-ink-muted); opacity: .75; }
.yl-card__list .yl-item-no .yl-dash { flex: none; width: 17px; text-align: center; margin-top: 1px; }

/* ---- Tabla comparativa de paquetes -------------------------------------- */

.yl-feature-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.yl-feature-table {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    font-size: 0.96rem;
}
.yl-feature-table th,
.yl-feature-table td {
    padding: var(--yl-space-sm) var(--yl-space-md);
    border-bottom: 1px solid var(--yl-border-soft);
    text-align: center;
    vertical-align: middle;
}
.yl-feature-table th[scope="row"],
.yl-feature-table td:first-child {
    text-align: left;
    font-weight: 500;
    color: var(--yl-ink);
}
.yl-feature-table thead th {
    font-family: var(--yl-font-display);
    font-weight: 600;
    color: var(--yl-on-dark);
    background: var(--yl-navy);
    border-bottom: none;
}
.yl-feature-table thead th:first-child { background: transparent; color: var(--yl-ink-muted); }
/* Columna por paquete: la cabecera lleva el color historico de cada uno,
   en los mismos tonos ajustados por contraste que .yl-plan--brand. */
.yl-feature-table thead .yl-col--esencial { background: #26759e; }
.yl-feature-table thead .yl-col--total    { background: #c1453d; }
.yl-feature-table thead .yl-col--plus     { background: #961914; }
.yl-feature-table thead .yl-col--multi    { background: #535353; }
.yl-feature-table tbody tr:nth-child(even) td { background: var(--yl-surface-alt); }
.yl-feature-table svg { width: 18px; height: 18px; vertical-align: middle; }
.yl-feature-table .yl-si  { color: var(--yl-navy); }
.yl-feature-table .yl-no  { color: var(--yl-border); }
.yl-feature-table tfoot td { border-bottom: none; padding-top: var(--yl-space-md); }

/* ---- Titulares de beneficio ---------------------------------------------
   Lo primero que ve el dueño en la pagina de un paquete: TRES frases sobre lo
   que cambia en su negocio, no sobre lo que hace el software. El detalle
   funcion-por-funcion viene despues y plegado (.yl-acc).

   Sin caja, siguiendo .impeccable.md: el usuario no elige entre estos tres,
   los lee. El peso lo dan el numero grande en cobre y el aire, no un borde. */

.yl-highlights {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--yl-space-2xl);
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: yl-hl;
}
.yl-highlight { counter-increment: yl-hl; }
.yl-highlight::before {
    content: counter(yl-hl, decimal-leading-zero);
    display: block;
    font-family: var(--yl-font-display);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--yl-accent-strong);
    margin-bottom: var(--yl-space-sm);
    font-variant-numeric: tabular-nums;
}
.yl-highlight h3 {
    font-size: clamp(1.18rem, 1.05rem + 0.6vw, 1.42rem);
    line-height: 1.25;
    margin: 0 0 var(--yl-space-xs);
    max-width: 20ch;
}
.yl-highlight p { font-size: 1rem; margin: 0; line-height: 1.6; max-width: 34ch; }

/* ---- Acordeon de funciones ----------------------------------------------
   El detalle completo de un paquete son 30-40 funciones. Desplegadas se leen
   como un manual y el visitante se va; plegadas por modulo, ve OCHO titulos en
   una pantalla, elige el que le importa y lo abre. La informacion sigue toda
   ahi —no se quito una sola linea— pero deja de ser un muro.

   <details>/<summary> nativos: cero JavaScript, accesible por teclado de
   fabrica y el buscador igual indexa el contenido plegado. */

.yl-acc {
    border-bottom: 1px solid var(--yl-border-soft);
}
.yl-acc:first-of-type { border-top: 1px solid var(--yl-border-soft); }

.yl-acc > summary {
    display: flex;
    align-items: center;
    gap: var(--yl-space-md);
    min-height: 60px;
    padding: var(--yl-space-md) 0;
    cursor: pointer;
    font-family: var(--yl-font-display);
    font-size: 1.06rem;
    font-weight: 600;
    color: var(--yl-ink);
    list-style: none;
    transition: color var(--yl-dur) var(--yl-ease);
}
/* El triangulito por omision se quita en los dos motores. */
.yl-acc > summary::-webkit-details-marker { display: none; }
.yl-acc > summary::marker { content: ""; }
.yl-acc > summary:hover { color: var(--yl-accent-strong); }

.yl-acc__icon { flex: none; width: 26px; height: 26px; opacity: .85; }
.yl-acc__icon img { width: 100%; height: 100%; }

.yl-acc__count {
    margin-left: auto;
    font-family: var(--yl-font-body);
    font-size: 0.86rem;
    font-weight: 500;
    color: var(--yl-ink-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.yl-acc__chevron {
    flex: none;
    width: 18px;
    height: 18px;
    color: var(--yl-accent-strong);
    transition: transform var(--yl-dur) var(--yl-ease);
}
.yl-acc[open] > summary .yl-acc__chevron { transform: rotate(180deg); }

/* El contenido entra con un desplazamiento corto: es la senal de que se
   abrio. <details> no anima su altura, asi que se anima lo de adentro. */
.yl-acc__body { padding: 0 0 var(--yl-space-lg); }
.yl-acc[open] > .yl-acc__body { animation: yl-acc-open 260ms var(--yl-ease) both; }

@keyframes yl-acc-open {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: none; }
}

/* Dentro del acordeon la lista respira menos: ya esta acotada por el modulo. */
.yl-acc__body .yl-check-list li { border-bottom: none; padding: var(--yl-space-2xs) 0; }

/* ---- Pasos (como trabajamos / como contratar) --------------------------- */

.yl-steps {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--yl-space-xl);
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: yl-paso;
}
.yl-step { counter-increment: yl-paso; }
.yl-step::before {
    content: counter(yl-paso, decimal-leading-zero);
    display: block;
    font-family: var(--yl-font-display);
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1;
    color: var(--yl-accent-strong);
    letter-spacing: -0.02em;
    margin-bottom: var(--yl-space-sm);
    font-variant-numeric: tabular-nums;
}
.yl-step h3 { font-size: 1.08rem; margin: 0 0 var(--yl-space-xs); }
.yl-step p  { font-size: 1rem; margin: 0; line-height: 1.6; }
/* En seccion navy los numeros van al tinte claro del acento. */
.yl-section--navy .yl-step::before { color: color-mix(in oklch, var(--yl-accent) 65%, white); }
.yl-section--navy .yl-step h3 { color: var(--yl-on-dark); }
.yl-section--navy .yl-step p  { color: var(--yl-on-dark-mut); }

/* ---- Franja de logos / sellos ------------------------------------------- */

.yl-logo-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--yl-space-xl) var(--yl-space-2xl);
    list-style: none;
    padding: var(--yl-space-lg) 0;
    margin: 0;
    border-top: 1px solid var(--yl-border-soft);
    border-bottom: 1px solid var(--yl-border-soft);
}
.yl-logo-strip img { max-height: 44px; width: auto; opacity: .85; }

/* ---- Envoltorio de formularios legados ----------------------------------
   Viste los formularios existentes (#contact-tab, #contact-MS,
   #contact-Kaspersky, .js-alta-cliente) SIN tocar su markup: todo por
   descendencia. Los ids/names/clases internos son API de Home.js y
   AltaCliente.js. */

.yl-form-card {
    background: var(--yl-surface);
    border: 1px solid var(--yl-border);
    border-top: 4px solid var(--yl-accent);
    border-radius: var(--yl-radius);
    box-shadow: var(--yl-shadow);
    padding: clamp(var(--yl-space-lg), 3vw, var(--yl-space-2xl));
}
.yl-form-card :where(label) { font-weight: 500; color: var(--yl-ink); }
.yl-form-card :where(input.form-control, select.form-control, textarea.form-control) {
    min-height: 46px;
    font-size: 1rem;
    font-family: var(--yl-font-body);
    color: var(--yl-ink);
    background: var(--yl-surface);
    border: 1px solid var(--yl-border);
    border-radius: var(--yl-radius-sm);
    transition: border-color var(--yl-dur) var(--yl-ease), box-shadow var(--yl-dur) var(--yl-ease);
}
.yl-form-card :where(input.form-control, select.form-control, textarea.form-control):focus {
    border-color: var(--yl-accent-strong);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--yl-accent) 25%, transparent);
    outline: none;
}
.yl-form-card :where(input.form-control, textarea.form-control)::placeholder { color: var(--yl-ink-muted); opacity: .8; }
/* El boton de submit del form legado conserva su clase btn-* (la lee el JS
   para nada, pero el color viejo desentona): se re-viste por descendencia,
   que le gana por orden de cascada a style.min.css sin tocar la clase. */
.yl-form-card :where(button[type="submit"], .btn) {
    min-height: 48px;
    font-family: var(--yl-font-display);
    font-weight: 600;
    border-radius: var(--yl-radius-sm);
    transition: background-color var(--yl-dur) var(--yl-ease), color var(--yl-dur) var(--yl-ease);
}
.yl-form-card :where(button[type="submit"]) {
    background: var(--yl-accent-strong);
    border: 1px solid var(--yl-accent-strong);
    color: var(--yl-on-accent);
}
.yl-form-card :where(button[type="submit"]):hover,
.yl-form-card :where(button[type="submit"]):focus {
    background: color-mix(in oklch, var(--yl-accent-strong) 82%, black);
    color: var(--yl-on-accent);
}

/* Variante sobre fondo navy (seccion de cierre): la tarjeta sigue blanca,
   solo ajusta la sombra para no verse gris sobre oscuro. */
.yl-section--navy .yl-form-card { box-shadow: 0 24px 56px oklch(0.1 0.04 251 / .45); }

/* ---- Quiz (test de paquete) ---------------------------------------------
   SOLO contenedores. Nada de tocar #pregunta, #Respuesta1/2, #result-modal ni
   las clases color_ y btn- que inyecta Home.js. (Hasta el 2026-09-30 aca decia
   "color_" + asterisco + barra: eso cerraba el comentario antes de tiempo y el
   parser tiraba la regla de abajo, la del ancho de la tarjeta del quiz.) */

.yl-quiz .yl-form-card { max-width: 720px; margin: 0 auto; }
.yl-quiz legend, .yl-quiz h2 { font-family: var(--yl-font-display); }

/* ---- Modales del tema (resultado del quiz y formularios legados) --------
   OJO: nada de escribir "asterisco-slash" dentro de este comentario (cierra
   el bloque antes de tiempo y el parser se traga la regla siguiente).
   Home.js pinta el modal del resultado inyectando color_ / texto_ / btn- de
   style.min.css. Esta capa carga DESPUES, asi que:
   1. Las clases texto_* se re-declaran aca con (0,2,0) para ganarle a la base
      tipografica de .yl-home (que las pisaba y el titulo salia sin color).
   2. El estado PRE-inyeccion (o si el JS falla) era ilegible: header blanco
      con titulo blanco y boton text-white sin fondo. Se le da un default navy
      con guardas :not(...) que se apagan solas cuando el JS inyecta su clase.
   3. El boton "Beneficios del paquete" NUNCA recibe color: hay tres id="next"
      duplicados (herencia del tema) y jQuery solo pinta el primero. Su clase
      btn-outline ni existe en Bootstrap 4 — se viste aca como boton outline
      real; el JS no lo toca, asi que no hay conflicto. */

.yl-home .texto_basico  { color: #2e8fc0; }
.yl-home .texto_total   { color: #ea685b; }
.yl-home .texto_plus    { color: #961914; }
.yl-home .texto_multi   { color: #535353; }
.yl-home .texto_default { color: #003366; }

.yl-home #result-modal .modal-content { border: none; border-radius: var(--yl-radius); overflow: hidden; box-shadow: var(--yl-shadow-lg); }
.yl-home #result-modal .modal-header:not(.color_basico):not(.color_total):not(.color_plus):not(.color_multi):not(.color_default) {
    background: var(--yl-navy);
}
.yl-home #result-modal a.text-white:not(.btn-azulclaro):not(.btn-rosa):not(.btn-rojo):not(.btn-gris):not(.btn-azulfuerte) {
    background: var(--yl-navy);
    border-color: var(--yl-navy);
}
.yl-home #result-modal a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    font-family: var(--yl-font-display);
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: var(--yl-radius-sm);
    white-space: normal;
    text-align: center;
}
.yl-home #result-modal a.btn-outline {
    color: var(--yl-navy);
    background: var(--yl-surface);
    border: 1px solid var(--yl-navy-300);
}
.yl-home #result-modal a.btn-outline:hover,
.yl-home #result-modal a.btn-outline:focus {
    background: var(--yl-navy-050);
    color: var(--yl-navy-900);
    border-color: var(--yl-navy);
    text-decoration: none;
}

/* ---- Crosslinks ("tambien te puede interesar") -------------------------- */

.yl-crosslinks {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--yl-space-md);
    list-style: none;
    padding: 0;
    margin: 0;
}
.yl-crosslink {
    display: flex;
    flex-direction: column;
    gap: var(--yl-space-2xs);
    padding: var(--yl-space-lg);
    background: var(--yl-surface);
    border: 1px solid var(--yl-border);
    border-radius: var(--yl-radius);
    text-decoration: none;
    transition: border-color var(--yl-dur) var(--yl-ease), box-shadow var(--yl-dur) var(--yl-ease);
}
.yl-crosslink:hover, .yl-crosslink:focus { border-color: var(--yl-navy-300); box-shadow: var(--yl-shadow); text-decoration: none; }
.yl-crosslink__kicker {
    font-family: var(--yl-font-display);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--yl-ink-muted);
}
.yl-crosslink__title { font-family: var(--yl-font-display); font-size: 1.05rem; font-weight: 600; color: var(--yl-navy); }
.yl-crosslink__note { font-size: 0.92rem; color: var(--yl-ink-muted); line-height: 1.5; }

/* ---- Entrada de secciones al hacer scroll -------------------------------
   El mismo gesto que el hero, aplicado al resto de la pagina: cada encabezado
   de seccion sube unos pixeles al entrar en cuadro. Una vez, muy corto, y solo
   el encabezado — animar cada tarjeta convertiria el scroll en una feria.

   Va con animation-timeline: view(), que es una animacion manejada por el
   scroll del compositor: cero JavaScript y cero listeners. Todo el bloque vive
   dentro de un @@supports por una razon de seguridad, no de estilo: si el
   navegador NO entiende scroll-driven animations (Safari hoy, Firefox sin
   flag) ignora el bloque entero y el contenido se ve normal desde el arranque.
   Nunca puede pasar lo de scrolla.js —dejar algo en opacity:0 para siempre—
   porque en esos navegadores la regla que pone opacity:0 tampoco existe.

   OJO con la duracion: en una animacion de scroll el progreso lo marca el
   timeline, asi que animation-duration tiene que quedar en `auto` (su valor
   por omision). Si se le pone una duracion en milisegundos —aunque sea 1ms—
   la animacion se completa por TIEMPO apenas se crea y el elemento aparece
   siempre en su estado final: el efecto se pierde sin que nada falle.
   Por eso las propiedades van sueltas y NO por el atajo `animation`.

   El rango `entry 20% entry 70%` corre el movimiento mientras el elemento
   asoma por el borde inferior; a los dos tercios de entrar ya termino. */

/* Y OJO CON ESTO, que costo encontrarlo: yelao.css le pone
   `overflow-x: hidden` a .yl-home para atajar desbordes horizontales, y
   `overflow: hidden` convierte al elemento en SCROLL CONTAINER. Como view()
   mide contra el scroller mas cercano y no contra la ventana, todas las
   secciones quedaban "siempre visibles" dentro de ese contenedor y la
   animacion nacia terminada.
   `overflow-x: clip` recorta exactamente igual pero NO crea un scroller, asi
   que el timeline vuelve a ser el viewport. Va en su propio @@supports para
   que un navegador sin `clip` conserve el `hidden` de yelao.css. */
@supports (overflow: clip) {
    .yl-home { overflow-x: clip; }
}

@supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
        .yl-home .yl-section-head,
        .yl-home .yl-check-group > h3 {
            animation-name: yl-enter;
            animation-fill-mode: both;
            animation-timing-function: var(--yl-ease);
            animation-timeline: view();
            animation-range: entry 20% entry 70%;
        }
    }
}

@keyframes yl-enter {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: none; }
}

/* ---- Nav: dropdown de Punto de venta ------------------------------------
   Markup Bootstrap 4 estandar (data-toggle="dropdown"); aca solo la piel. */

/* El toggle es un <button> (ver comentario en _NavInicio): se le quita la
   piel de boton del navegador para que se vea como los demas nav-link. */
.yl-nav button.nav-link {
    background: none;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.yl-nav .dropdown-menu {
    background: var(--yl-navy-900);
    border: 1px solid oklch(1 0 0 / .14);
    border-radius: var(--yl-radius-sm);
    box-shadow: 0 18px 44px oklch(0.1 0.04 251 / .5);
    padding: var(--yl-space-xs) 0;
    margin-top: 0;
}
.yl-nav .dropdown-item {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: var(--yl-space-xs) var(--yl-space-lg);
    font-family: var(--yl-font-display);
    font-size: 0.92rem;
    font-weight: 500;
    color: var(--yl-on-dark-mut);
    transition: color var(--yl-dur) var(--yl-ease), background-color var(--yl-dur) var(--yl-ease);
}
.yl-nav .dropdown-item:hover, .yl-nav .dropdown-item:focus { color: var(--yl-on-dark); background: oklch(1 0 0 / .08); }
.yl-nav .dropdown-item[aria-current="page"] { color: var(--yl-on-dark); box-shadow: inset 2px 0 0 var(--yl-copper); }
.yl-nav .dropdown-divider { border-color: oklch(1 0 0 / .14); }
.yl-nav .dropdown-toggle::after { vertical-align: 0.12em; }

/* ---- Footer completo -----------------------------------------------------
   Extiende .yl-footer (yelao.css) con el mapa del sitio arriba de la fila
   legal existente. */

.yl-footer__map {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--yl-space-xl);
    padding-bottom: var(--yl-space-xl);
    margin-bottom: var(--yl-space-xl);
    border-bottom: 1px solid oklch(1 0 0 / .14);
}
.yl-footer__brand p { font-size: 0.94rem; color: var(--yl-on-dark-mut); line-height: 1.6; margin: var(--yl-space-sm) 0 0; max-width: 34ch; }
.yl-footer__brand img { height: 56px; width: auto; }
.yl-footer__col h3 {
    font-family: var(--yl-font-display);
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--yl-on-dark);
    margin: 0 0 var(--yl-space-sm);
}
.yl-footer__col ul { list-style: none; padding: 0; margin: 0; }
.yl-footer__col a { min-height: 36px; font-size: 0.92rem; }
.yl-footer__col .yl-footer__dato { display: block; font-size: 0.92rem; color: var(--yl-on-dark-mut); padding: var(--yl-space-2xs) 0; }

/* ---- Breakpoints --------------------------------------------------------- */

@media (min-width: 768px) {
    .yl-check-list--2col { grid-template-columns: repeat(2, 1fr); }
    .yl-highlights { grid-template-columns: repeat(3, 1fr); gap: var(--yl-space-xl); }
    .yl-steps { grid-template-columns: repeat(3, 1fr); }
    .yl-crosslinks { grid-template-columns: repeat(2, 1fr); }
    .yl-footer__map { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: var(--yl-space-2xl); }
}

@media (min-width: 1024px) {
    .yl-crosslinks--3 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 991.98px) {
    /* En el collapse movil el dropdown abre en flujo, sin flotar. */
    .yl-nav .dropdown-menu { border: none; box-shadow: none; padding-left: var(--yl-space-md); background: transparent; }
}

/* ---- Vida del contenido -------------------------------------------------
   El hero ya respiraba (trama + halo) pero el CUERPO de las paginas entraba
   muerto: los titulares de beneficio, los planes y los modulos aparecian de
   golpe y ningun elemento respondia al cursor. Una pagina de venta que no
   reacciona se lee como un folleto escaneado.

   Dos frentes, los dos al servicio de vender y no de decorar:

   A. ENTRADA ESCALONADA. Lo que el visitante tiene que leer si o si —los tres
      titulares, los planes, los modulos, los pasos— sube al entrar en cuadro.
      El escalonamiento va por :nth-child y no por una variable en el markup:
      asi ninguna vista tuvo que tocarse y el efecto es identico en las seis.
      Con animation-timeline el progreso lo marca el scroll, de modo que el
      "retraso" se expresa corriendo el animation-range, no con un delay.

   B. RESPUESTA AL CURSOR CON SENTIDO. Cada hover de aca abajo informa algo:
      la fila de la tabla comparativa se resalta para no perder el renglon
      entre cinco columnas; el crosslink adelanta su flecha porque lleva a otra
      pagina; el check se satura al pasar por encima del beneficio. Ninguno es
      brillo porque si. Ver .impeccable.md > "Se ve caro en los detalles". */

@supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
        .yl-home .yl-highlight,
        .yl-home .yl-plan,
        .yl-home .yl-module,
        .yl-home .yl-crosslink,
        .yl-home .yl-step,
        .yl-home .yl-metric,
        .yl-home .yl-acc,
        .yl-home .yl-pricebox,
        .yl-home .yl-feature-table-wrap,
        .yl-home .yl-logo-strip {
            animation-name: yl-enter;
            animation-fill-mode: both;
            animation-timing-function: var(--yl-ease);
            animation-timeline: view();
            animation-range: entry 18% entry 68%;
        }

        /* El escalon: cada hermano termina de entrar un poco despues que el
           anterior. 6% de rango por posicion es suficiente para que el ojo lea
           una secuencia y no un parpadeo colectivo. */
        .yl-home :where(.yl-highlight, .yl-plan, .yl-module, .yl-crosslink, .yl-step, .yl-metric):nth-child(2) { animation-range: entry 24% entry 74%; }
        .yl-home :where(.yl-highlight, .yl-plan, .yl-module, .yl-crosslink, .yl-step, .yl-metric):nth-child(3) { animation-range: entry 30% entry 80%; }
        .yl-home :where(.yl-highlight, .yl-plan, .yl-module, .yl-crosslink, .yl-step, .yl-metric):nth-child(4) { animation-range: entry 36% entry 86%; }
        .yl-home :where(.yl-module, .yl-metric):nth-child(5) { animation-range: entry 42% entry 92%; }
        .yl-home :where(.yl-module, .yl-metric):nth-child(6) { animation-range: entry 48% entry 98%; }

        /* NADA de lo que vive DENTRO de un hero se anima por scroll. Sus hijos
           ya entran con .yl-rise al cargar la pagina, y un elemento que ya
           esta en pantalla al abrir nunca ejecuta su fase de "entrada": se
           quedaria clavado en el primer fotograma, es decir invisible.
           Le paso en los tres pasos del hero de Test. La exclusion va por
           ancestro y no por lista de casos, asi cubre tambien lo que se
           agregue manana a cualquier hero. */
        .yl-home :where(.yl-hero, .yl-hero--page) :where(
            .yl-highlight, .yl-plan, .yl-module, .yl-crosslink, .yl-step,
            .yl-metric, .yl-acc, .yl-pricebox, .yl-feature-table-wrap,
            .yl-logo-strip, .yl-section-head
        ) { animation: none; }
    }
}

/* ---- Respuesta al cursor ------------------------------------------------- */

/* Tabla comparativa: resaltar el renglon es ayuda de lectura pura. Con cinco
   columnas es facil saltar de fila al buscar una funcion. */
.yl-feature-table tbody tr {
    transition: background-color var(--yl-dur) var(--yl-ease);
}
.yl-feature-table tbody tr:hover td,
.yl-feature-table tbody tr:hover th[scope="row"] {
    background: var(--yl-accent-soft);
}

/* Modulo: el titulo toma el acento y el icono despierta. Marca que la lista
   es contenido y no adorno. */
.yl-module h3 { transition: color var(--yl-dur) var(--yl-ease); }
.yl-module__icon { transition: opacity var(--yl-dur) var(--yl-ease), transform var(--yl-dur) var(--yl-ease); }
.yl-module:hover h3 { color: var(--yl-accent-strong); }
.yl-module:hover .yl-module__icon { opacity: 1; transform: translateY(-2px); }
.yl-section--navy .yl-module:hover h3 { color: var(--yl-copper-300); }

/* Plan: se levanta y su cabecera gana cuerpo. El plan es lo que se compara,
   asi que merece el gesto mas marcado de la pagina. */
.yl-plan {
    transition: box-shadow var(--yl-dur) var(--yl-ease),
                border-color var(--yl-dur) var(--yl-ease),
                transform var(--yl-dur) var(--yl-ease);
}
.yl-plan:hover { transform: translateY(-4px); box-shadow: var(--yl-shadow-lg); }
.yl-plan__head { transition: filter var(--yl-dur) var(--yl-ease); }
.yl-plan:hover .yl-plan__head { filter: brightness(1.08); }

/* Check de beneficio: se satura al pasar por encima. Micro-confirmacion. */
.yl-check-list li { transition: color var(--yl-dur) var(--yl-ease); }
.yl-check-list svg { transition: transform var(--yl-dur) var(--yl-ease); }
.yl-check-list li:hover svg { transform: scale(1.18); }

/* Crosslink: la flecha adelanta porque el bloque LLEVA a otro lado. */
.yl-crosslink { position: relative; }
.yl-crosslink__title { transition: color var(--yl-dur) var(--yl-ease); }
.yl-crosslink::after {
    content: "→";
    position: absolute;
    right: var(--yl-space-lg);
    bottom: var(--yl-space-lg);
    font-size: 1.1rem;
    line-height: 1;
    color: var(--yl-accent-strong);
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity var(--yl-dur) var(--yl-ease), transform var(--yl-dur) var(--yl-ease);
}
.yl-crosslink:hover::after, .yl-crosslink:focus-visible::after { opacity: 1; transform: none; }
.yl-crosslink:hover .yl-crosslink__title { color: var(--yl-accent-strong); }

/* Titular de beneficio: el numero se enciende. Es el unico lugar del cuerpo
   donde el acento aparece solo, y por eso pesa. */
.yl-highlight::before { transition: color var(--yl-dur) var(--yl-ease), transform var(--yl-dur) var(--yl-ease); }
.yl-highlight:hover::before { transform: translateX(2px); }

/* Boton: un empujon vertical apenas perceptible. Los .yl-btn ya transicionan
   color; esto agrega la sensacion fisica sin recurrir a rebotes. */
.yl-btn--primary:hover, .yl-btn--accent:hover { transform: translateY(-1px); }

/* Dato de contacto: el telefono y el correo son acciones, que se note. */
.yl-contact__value { transition: color var(--yl-dur) var(--yl-ease), transform var(--yl-dur) var(--yl-ease); }
.yl-contact__value:hover { transform: translateX(2px); }

/* ---- Movimiento reducido ------------------------------------------------
   yelao.css ya neutraliza duraciones de animacion y transicion bajo esta
   consulta, pero las dos capas del hero son animaciones INFINITAS: con una
   duracion de 0.001ms igual siguen corriendo (y el halo quedaria congelado en
   su fotograma inicial, que es el mas apagado). Se apagan explicitamente y se
   fija el estado final, que es el que mejor se ve quieto. */

@media (prefers-reduced-motion: reduce) {
    .yl-hero__bg::before {
        animation: none !important;
        transform: none !important;
    }
    .yl-hero__bg::after {
        animation: none !important;
        opacity: .12 !important;
        transform: none !important;
    }
}

/* ---- Cita de cliente -----------------------------------------------------
   Nace con las paginas por giro (31-ago-2026). El sitio no tenia un estilo
   de cita: los testimonios de la home viven en el carrusel legacy de Flickity,
   con markup de Bootstrap.

   Aca la cita es contenido de peso, no decoracion: en una pagina de giro el
   testimonio de un negocio DE ESE GIRO es la prueba que ningun competidor
   generico puede poner. Por eso lleva su propio bloque y no una tarjeta mas.

   Se usa en las paginas de giro y sirve para las que vengan. */
.yl-quote {
    margin: 0;
    padding: var(--yl-space-xl);
    background: var(--yl-surface);
    border: 1px solid var(--yl-border-soft);
    border-left: 4px solid var(--yl-copper);
    border-radius: var(--yl-radius);
}

.yl-quote p {
    margin: 0 0 var(--yl-space-md);
    font-size: 1.08rem;
    line-height: 1.7;
    color: var(--yl-ink);
}

.yl-quote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    color: var(--yl-navy);
}

.yl-quote cite span {
    display: block;
    font-weight: 400;
    font-size: 0.92rem;
    color: var(--yl-ink-muted);
    margin-top: 2px;
}

/* ---- Carrusel de testimonios (_Clientes.cshtml) -------------------------
   Va con la clase .yl-testimonios y no con el id #Clientes: /home/paquete
   (legacy) tiene otra seccion con ese mismo id.

   1. La foto de cada tarjeta es un fondo por CSS, y la hoja legacy solo le da
      tamano bajo .webp / .no-webp (yelao-legacy.css:680-685), clases que
      Modernizr pone con una prueba asincrona. Con el bundle en defer, Flickity
      mide el alto del carrusel ANTES: media tarjetas sin foto, el visor quedaba
      unos 200 px corto y la firma y el final de cada cita no se veian (asi en
      produccion desde el 2026-08-26). El tamano va aca, sin depender de esas
      clases; la imagen de fondo la siguen poniendo ellas. Ademas custom.js
      vuelve a medir cuando terminan de cargar las fuentes.
   2. Desde el 2026-09-30 cada testimonio es figure > blockquote + figcaption
      (auditoria #6, C2). El reboot de Bootstrap le pone 1rem abajo a figure (el
      div no tenia margen; el izquierdo lo pone .offset-lg-3) y la hoja legacy le
      da 1.125rem y 2rem de padding abajo a todo blockquote. Se anulan para que
      el cambio de etiquetas no mueva la tarjeta. Medido en Chromium, antes y
      despues: _tools/fase12_prueba_testimonios.py.
   3. Los dos <br> que separaban el H2 eran una linea vacia cada uno. Pasan a
      1lh de padding (la linea del propio contenedor) arriba del H2 y arriba del
      carrusel. El rem de la declaracion anterior es el respaldo para
      navegadores sin la unidad lh: la misma linea, 1.0625rem x 1.5 de .yl-home. */
.yl-testimonios { padding-top: 1.59375rem; padding-top: 1lh; }
.yl-testimonios > .container { padding-top: 1.59375rem; padding-top: 1lh; }
.yl-testimonios .profile,
.yl-testimonios .profile_2,
.yl-testimonios .profile_3 {
    width: 140px;
    height: 140px;
    padding-bottom: 20px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.yl-testimonios .carousel-cell { margin-bottom: 0; }
.yl-testimonios blockquote { margin: 0; padding-bottom: 0; font-size: inherit; }

/* ---- Kaspersky (FASE15, 2026-10-09) --------------------------------------
   Tres paginas: el indice /home/kaspersky y las dos de producto,
   /kaspersky-small-office-security y /kaspersky-next-edr-foundations.

   Siguen la identidad de Yelao (navy + cobre, Archivo y Asap) porque asi lo pide la
   guia de marca de Kaspersky para partners (Brand Visual Identity 2025, "Affiliate
   partner guide > Partner websites"): el sitio del partner usa SU identidad. La misma
   guia prohibe el verde y la paleta de Kaspersky como color de interfaz, el hexagono
   como forma, sus patrones y degradados y la tipografia Kaspersky Sans.

   De Kaspersky aparece SOLO lo que la guia permite, y sin alterarlo:
   - El sello de partner (ppa-sello), junto al H1, a 160 px de ancho. La guia pide
     150 px como minimo, nunca mas grande que el logo del partner (el de la nav mide
     200x80) y aire de 1/10 de su ancho alrededor: los 16 px de padding de la placa.
   - Los iconos oficiales de producto, a 64 px o mas, sin recolorear ni tocar el
     trazo. Traen trazos negros, asi que van siempre sobre superficie clara.
   - El logotipo oscuro (#1D1D1B), a 120 px o mas y solo para nombrar la linea de
     productos que se vende. Nunca como ilustracion.
   Los tres van sobre una placa lisa, nunca sobre la trama de puntos del hero.

   Los iconos de modulo son de Font Awesome 5.0.6 (ya va en el bundle), en navy. */

/* Hero. El sello va al lado del H1: en escritorio la grilla pone el titulo y el
   sello en la primera fila, y el texto y el panel de producto en la segunda. En
   movil queda una sola columna en el orden del HTML, con el sello justo debajo del
   H1. No se usa .yl-hero__media: su velo navy en multiply teñiria el panel. */
.yl-kas-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--yl-space-lg);
    align-items: start;
}
.yl-kas-hero__head .yl-hero__kicker { margin-bottom: var(--yl-space-md); }
.yl-kas-hero__head h1 { margin-bottom: 0; }
.yl-kas-hero__copy .yl-hero__sub { margin-bottom: var(--yl-space-lg); }

.yl-kas-sello {
    justify-self: start;
    display: block;
    width: max-content;
    padding: 16px;
    background: var(--yl-surface);
    border-radius: var(--yl-radius-sm);
    line-height: 0;
}
.yl-kas-sello img { display: block; width: 160px; height: auto; }

/* Panel claro del hero: los iconos de producto necesitan fondo liso y claro. */
.yl-kas-panel {
    background: var(--yl-surface);
    color: var(--yl-ink);
    border-radius: var(--yl-radius);
    padding: var(--yl-space-lg);
    box-shadow: 0 0 0 1px oklch(1 0 0 / .10), 0 28px 64px oklch(0.15 0.05 251 / .45);
}
.yl-kas-panel__label {
    font-family: var(--yl-font-display);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--yl-ink-muted);
    margin: 0 0 var(--yl-space-xs);
}
.yl-kas-panel__list { list-style: none; padding: 0; margin: 0; }
.yl-kas-panel__list li + li { border-top: 1px solid var(--yl-border-soft); }
.yl-kas-panel__item {
    display: flex;
    align-items: center;
    gap: var(--yl-space-md);
    padding: var(--yl-space-sm) 0;
    text-decoration: none;
}
.yl-kas-panel__item img { flex: none; width: 64px; height: 64px; }
.yl-kas-panel__name {
    display: block;
    font-family: var(--yl-font-display);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--yl-navy);
}
.yl-kas-panel__note { display: block; font-size: 0.9rem; line-height: 1.45; color: var(--yl-ink-muted); margin-top: 2px; }
a.yl-kas-panel__item:hover, a.yl-kas-panel__item:focus { text-decoration: none; }
a.yl-kas-panel__item:hover .yl-kas-panel__name,
a.yl-kas-panel__item:focus .yl-kas-panel__name { color: var(--yl-copper-700); text-decoration: underline; }

/* Variante de pagina de producto: un solo icono grande y tres datos. */
.yl-kas-panel__icon { display: block; width: 160px; height: 160px; margin: 0 auto var(--yl-space-md); }
.yl-kas-panel--producto .yl-kas-panel__name { text-align: center; font-size: 1.08rem; margin-bottom: var(--yl-space-sm); }
.yl-kas-panel--producto .yl-card__list { margin: 0; }
.yl-kas-panel--producto .yl-card__list li { font-size: 0.95rem; padding: var(--yl-space-2xs) 0; }

/* Logotipo de Kaspersky como titulo visual del bloque de productos. El viewBox del
   SVG ya trae margen; el margin de abajo completa el aire que pide la guia. */
.yl-kas-wordmark { display: block; width: 160px; height: auto; margin: 0 0 var(--yl-space-lg); }
/* En la tarjeta de la home: .yl-card__logo img topa a 40 px de alto, que con la
   proporcion del logotipo (363.81:137.49) da 106 px de ancho, debajo del minimo de
   120. A 128 px mide 48 de alto y cabe en la caja de 52. */
.yl-card__logo .yl-kas-wordmark--card { width: 128px; height: auto; max-width: none; max-height: none; }

/* Tarjetas de producto del indice: se comparan entre si, por eso van en caja. */
.yl-kas-products {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--yl-space-lg);
    max-width: 980px;
}
.yl-kas-product__icon { display: block; width: 96px; height: 96px; margin-bottom: var(--yl-space-md); }
.yl-kas-product__for { font-size: 0.98rem; margin: 0 0 var(--yl-space-md); }
.yl-kas-product__for strong { color: var(--yl-ink); font-weight: 600; }
.yl-kas-product__actions {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--yl-space-2xs);
}

/* Icono de modulo con Font Awesome: circulo navy claro, glifo navy. */
.yl-module__icon--fa {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-top: 0;
    border-radius: 50%;
    background: var(--yl-navy-050);
    color: var(--yl-navy);
    font-size: 1.05rem;
    opacity: 1;
}

/* Font Awesome necesita su propia familia, y .yl-home :where(*) { font-family:
   inherit } de yelao.css se la pisa: pesa lo mismo que .fas (0,1,0) y carga despues,
   asi que el glifo salia en Asap, o sea en blanco. Se devuelve con un selector mas
   pesado, solo en las paginas Kaspersky y en su modal (que vive bajo <body>). */
.yl-page--kaspersky :is(.fas, .far),
.yl-kas-modal :is(.fas, .far) { font-family: "Font Awesome 5 Free"; }
.yl-page--kaspersky .fab,
.yl-kas-modal .fab { font-family: "Font Awesome 5 Brands"; }

/* Comparativa del indice: celdas de texto, no de check, asi que van a la izquierda. */
.yl-kas-compare thead th { text-align: left; }
.yl-kas-compare th[scope="row"] { width: 28%; text-align: left; font-weight: 600; color: var(--yl-ink); }
.yl-kas-compare td { text-align: left; color: var(--yl-ink); line-height: 1.5; }

/* Cuatro pasos (como es la compra): dos y dos en tableta, en fila en escritorio. */
@media (min-width: 768px) {
    .yl-steps--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
    .yl-steps--4 { grid-template-columns: repeat(4, 1fr); }
}

/* Nota de marcas al pie de cada pagina Kaspersky. */
.yl-kas-legal {
    padding: var(--yl-space-lg) 0;
    border-top: 1px solid var(--yl-border-soft);
    background: var(--yl-surface);
}
.yl-kas-legal p { margin: 0; font-size: 0.84rem; line-height: 1.55; color: var(--yl-ink-muted); max-width: 90ch; }

/* Selector de producto (_KasperskyProductos), franja justo debajo del hero de las dos
   paginas de producto. El actual va marcado (borde y fondo navy claro, etiqueta
   "Estas aqui") y no es enlace; el otro es enlace con hover y foco visibles. Una
   columna en movil, dos desde tableta; minmax(0, 1fr) y min-width: 0 en el texto
   evitan que un nombre largo empuje la pagina a scroll horizontal. */
.yl-kas-switch {
    background: var(--yl-surface-alt);
    border-bottom: 1px solid var(--yl-border-soft);
    padding: var(--yl-space-lg) 0;
}
.yl-kas-switch__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--yl-space-sm);
    list-style: none;
    padding: 0;
    margin: 0;
}
.yl-kas-switch__item {
    display: flex;
    align-items: center;
    gap: var(--yl-space-md);
    height: 100%;
    padding: var(--yl-space-sm) var(--yl-space-md);
    background: var(--yl-surface);
    border: 1px solid var(--yl-border);
    border-radius: var(--yl-radius);
    color: var(--yl-ink);
    text-decoration: none;
    transition: border-color var(--yl-dur) var(--yl-ease), box-shadow var(--yl-dur) var(--yl-ease);
}
.yl-kas-switch__item img { flex: none; width: 64px; height: 64px; }
.yl-kas-switch__text { display: flex; flex-direction: column; min-width: 0; }
.yl-kas-switch__name {
    font-family: var(--yl-font-display);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--yl-navy);
}
.yl-kas-switch__hint { font-size: 0.9rem; line-height: 1.4; color: var(--yl-ink-muted); margin-top: 2px; }
.yl-kas-switch__tag {
    align-self: flex-start;
    margin-top: var(--yl-space-2xs);
    padding: 2px var(--yl-space-xs);
    border-radius: 999px;
    background: var(--yl-navy);
    color: var(--yl-on-dark);
    font-family: var(--yl-font-display);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.yl-kas-switch__item--actual {
    background: var(--yl-navy-050);
    border-color: var(--yl-navy);
    box-shadow: inset 0 0 0 1px var(--yl-navy);
}
a.yl-kas-switch__item:hover,
a.yl-kas-switch__item:focus { border-color: var(--yl-navy-300); box-shadow: var(--yl-shadow); text-decoration: none; }
a.yl-kas-switch__item:hover .yl-kas-switch__name,
a.yl-kas-switch__item:focus .yl-kas-switch__name { color: var(--yl-copper-700); text-decoration: underline; }
a.yl-kas-switch__item:focus-visible { outline: 2px solid var(--yl-copper); outline-offset: 3px; }
.yl-kas-switch__compara { margin: var(--yl-space-sm) 0 0; font-size: 0.95rem; }

@media (min-width: 768px) {
    .yl-kas-switch__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--yl-space-md); }
}

/* Formulario de cotizacion (_FormKaspersky). Solo por descendencia de
   .yl-form-card y con clases propias: los ids y names son API de Home.js. */
.yl-kas-form__subtitle {
    font-family: var(--yl-font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--yl-ink);
    margin: var(--yl-space-lg) 0 var(--yl-space-xs);
}
.yl-kas-qty {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--yl-space-sm) var(--yl-space-md);
    padding: var(--yl-space-sm) 0;
    border-bottom: 1px solid var(--yl-border-soft);
}
.yl-kas-qty img { flex: none; width: 64px; height: 64px; }
.yl-kas-qty label { flex: 1 1 14rem; margin: 0; line-height: 1.35; }
.yl-kas-qty__name { display: block; font-family: var(--yl-font-display); font-weight: 600; color: var(--yl-ink); }
.yl-kas-qty__hint { display: block; font-size: 0.88rem; font-weight: 400; color: var(--yl-ink-muted); margin-top: 2px; }
.yl-form-card .yl-kas-qty input.form-control { flex: none; width: 6.5rem; }
.yl-kas-aviso {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--yl-space-xs);
    margin: var(--yl-space-lg) 0;
}
.yl-kas-aviso input { flex: none; width: 1.1rem; height: 1.1rem; margin: 0; }
.yl-kas-aviso label { margin: 0; }
.yl-kas-enviar { display: flex; justify-content: center; }

/* Home.js reescribe el boton de envio con la clase legada btn-verde, que es el
   verde de Kaspersky (rgb(0, 168, 142) en yelao-legacy.css), y el estado
   "Enviando..." ni siquiera lleva type="submit". Se re-viste por descendencia, como
   pide la cabecera de este archivo, para que ningun estado del boton salga verde. */
.yl-page--kaspersky .yl-form-card :where(button.btn) {
    background: var(--yl-accent-strong);
    border: 1px solid var(--yl-accent-strong);
    color: var(--yl-on-accent);
}
.yl-page--kaspersky .yl-form-card :where(button.btn):hover,
.yl-page--kaspersky .yl-form-card :where(button.btn):focus {
    background: color-mix(in oklch, var(--yl-accent-strong) 82%, black);
    color: var(--yl-on-accent);
}

/* Modal de exito (#modal-kas-exito, lo abre Home.js). Clases propias y no
   .modal-header/.modal-title: la hoja legada les pone fondo, alto fijo y 2rem de
   letra. El !important del ancho es porque yelao-legacy.css fija
   .modal-dialog { max-width: 900px !important } y no hay otra forma de ganarle. */
.yl-kas-modal .modal-dialog { max-width: 520px !important; }

/* AltaCliente.js mueve todo .modal al <body> al abrirlo (show.bs.modal), asi que el
   modal ya no hereda nada de .yl-home: ni los tokens de acento (declarados en
   .yl-home, al principio de este archivo) ni el reseteo de fuente de yelao.css. Sin
   esto el boton "Seguir explorando" (.yl-btn--accent) quedaba sin relleno y el texto
   en la fuente del tema viejo. Valores de Yelao, los mismos que el default de .yl-home. */
.yl-kas-modal {
    --yl-accent:        var(--yl-copper);
    --yl-accent-strong: var(--yl-copper-700);
    --yl-accent-soft:   var(--yl-copper-100);
    --yl-on-accent:     oklch(0.99 0.004 60);
    font-family: var(--yl-font-body);
    color: var(--yl-ink);
}
/* Mismo reseteo que .yl-home :where(*): el tema declara font-family sobre elementos
   sueltos (p, a, button...). Va ANTES de las clases del modal para que estas, y
   .yl-btn, ganen por orden o por especificidad. */
.yl-kas-modal :where(p, a, b, span, div, button) { font-family: inherit; }
.yl-kas-modal :where(h1, h2, h3, h4, h5) { font-family: var(--yl-font-display); }
.yl-kas-modal :where(p) { color: var(--yl-ink-muted); line-height: 1.65; }
.yl-kas-modal .yl-btn { font-family: var(--yl-font-display); }

.yl-kas-modal__content {
    border: none;
    border-radius: var(--yl-radius);
    overflow: hidden;
    background: var(--yl-surface);
    box-shadow: var(--yl-shadow-lg);
    margin-left: 0;
}
.yl-kas-modal__head {
    display: flex;
    align-items: center;
    gap: var(--yl-space-sm);
    padding: var(--yl-space-sm) var(--yl-space-sm) var(--yl-space-sm) var(--yl-space-lg);
    background: var(--yl-navy);
}
.yl-kas-modal__title {
    margin: 0;
    font-family: var(--yl-font-display);
    font-size: 1.02rem;
    font-weight: 600;
    color: var(--yl-on-dark);
}
.yl-kas-modal__close {
    margin-left: auto;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    background: none;
    border: 0;
    font-size: 1.6rem;
    line-height: 1;
    color: var(--yl-on-dark);
    cursor: pointer;
}
.yl-kas-modal__body { padding: var(--yl-space-xl) var(--yl-space-lg) var(--yl-space-lg); text-align: center; }
.yl-kas-modal__check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto var(--yl-space-md);
    border-radius: 50%;
    background: var(--yl-navy-050);
    color: var(--yl-navy);
    font-size: 1.8rem;
}
.yl-kas-modal__lead {
    font-family: var(--yl-font-display);
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--yl-navy);
    margin: 0 0 var(--yl-space-sm);
}
.yl-kas-modal__horario {
    text-align: left;
    background: var(--yl-navy-050);
    border-left: 4px solid var(--yl-navy);
    border-radius: var(--yl-radius-sm);
    padding: var(--yl-space-sm) var(--yl-space-md);
    margin: var(--yl-space-lg) 0;
    font-size: 0.92rem;
    line-height: 1.6;
    color: var(--yl-ink);
}
.yl-kas-modal__horario i { width: 1.1em; margin-right: var(--yl-space-2xs); color: var(--yl-navy); }
.yl-kas-modal__actions { display: grid; grid-template-columns: 1fr; gap: var(--yl-space-sm); }

@media (min-width: 576px) {
    .yl-kas-modal__actions { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 768px) {
    .yl-kas-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 900px) {
    .yl-kas-hero {
        grid-template-columns: minmax(0, 1fr) 340px;
        column-gap: var(--yl-space-3xl);
        row-gap: var(--yl-space-xl);
    }
    /* El sello se apoya en el pie del H1, a la derecha. */
    .yl-kas-sello { align-self: end; }
}