:root{--fore-color:#111;--secondary-fore-color:#444;--back-color:#f8f8f8;--secondary-back-color:#f0f0f0;--blockquote-color:#f57c00;--pre-color:#1565c0;--border-color:#aaa;--secondary-border-color:#ddd;--heading-ratio:1.19;--universal-margin:.5rem;--universal-padding:.5rem;--universal-border-radius:.125rem;--a-link-color:#0277bd;--a-visited-color:#01579b}html{font-size:16px}a,b,del,em,i,ins,q,span,strong,u{font-size:1em}html,*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1rem}body{margin:0;color:var(--fore-color);background:var(--back-color)}details{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline dotted}input{overflow:visible}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:calc(1.5 * var(--universal-margin)) var(--universal-margin);font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:var(--secondary-fore-color);display:block;margin-top:-.25rem}h1{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h2{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio))}h3{font-size:calc(1rem * var(--heading-ratio))}h4{font-size:calc(1rem * var(--heading-ratio))}h5{font-size:1rem}h6{font-size:calc(1rem / var(--heading-ratio))}p{margin:var(--universal-margin)}ol,ul{margin:var(--universal-margin);padding-left:calc(2 * var(--universal-margin))}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;line-height:1.25em;margin:var(--universal-margin);height:.0625rem;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}blockquote{display:block;position:relative;font-style:italic;color:var(--secondary-fore-color);margin:var(--universal-margin);padding:calc(3 * var(--universal-padding));border:.0625rem solid var(--secondary-border-color);border-left:.375rem solid var(--blockquote-color);border-radius:0 var(--universal-border-radius) var(--universal-border-radius) 0}blockquote:before{position:absolute;top:calc(0rem - var(--universal-padding));left:0;font-family:sans-serif;font-size:3rem;font-weight:700;content:"\201c";color:var(--blockquote-color)}blockquote[cite]:after{font-style:normal;font-size:.75em;font-weight:700;content:"\a— " attr(cite);white-space:pre}code,kbd,pre,samp{font-family:Menlo,Consolas,monospace;font-size:.85em}code{background:var(--secondary-back-color);border-radius:var(--universal-border-radius);padding:calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2)}kbd{background:var(--fore-color);color:var(--back-color);border-radius:var(--universal-border-radius);padding:calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2)}pre{overflow:auto;background:var(--secondary-back-color);padding:calc(1.5 * var(--universal-padding));margin:var(--universal-margin);border:.0625rem solid var(--secondary-border-color);border-left:.25rem solid var(--pre-color);border-radius:0 var(--universal-border-radius) var(--universal-border-radius) 0}sup,sub,code,kbd{line-height:0;position:relative;vertical-align:baseline}small,sup,sub,figcaption{font-size:.75em}sup{top:-.5em}sub{bottom:-.25em}figure{margin:var(--universal-margin)}figcaption{color:var(--secondary-fore-color)}a{text-decoration:none}a:link{color:var(--a-link-color)}a:visited{color:var(--a-visited-color)}a:hover,a:focus{text-decoration:underline}.container{margin:0 auto;padding:0 calc(1.5 * var(--universal-padding))}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-flow:row wrap}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-'],.row[class*='cols-sm-']>*{box-sizing:border-box;flex:0 0 auto;padding:0 calc(var(--universal-padding) / 2)}.col-sm,.row.cols-sm>*{max-width:100%;flex-grow:1;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;flex-basis:8.33333%}.col-sm-offset-0{margin-left:0}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;flex-basis:16.66667%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;flex-basis:25%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;flex-basis:33.33333%}.col-sm-offset-3{margin-left:25%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;flex-basis:41.66667%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;flex-basis:50%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;flex-basis:58.33333%}.col-sm-offset-6{margin-left:50%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;flex-basis:66.66667%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;flex-basis:75%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;flex-basis:83.33333%}.col-sm-offset-9{margin-left:75%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;flex-basis:91.66667%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;flex-basis:100%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{order:initial}.col-sm-first{order:-999}.col-sm-last{order:999}@media screen and (min-width:768px){.col-md,[class^='col-md-'],[class^='col-md-offset-'],.row[class*='cols-md-']>*{box-sizing:border-box;flex:0 0 auto;padding:0 calc(var(--universal-padding) / 2)}.col-md,.row.cols-md>*{max-width:100%;flex-grow:1;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;flex-basis:8.33333%}.col-md-offset-0{margin-left:0}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;flex-basis:16.66667%}.col-md-offset-1{margin-left:8.33333%}.col-md-3,.row.cols-md-3>*{max-width:25%;flex-basis:25%}.col-md-offset-2{margin-left:16.66667%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;flex-basis:33.33333%}.col-md-offset-3{margin-left:25%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;flex-basis:41.66667%}.col-md-offset-4{margin-left:33.33333%}.col-md-6,.row.cols-md-6>*{max-width:50%;flex-basis:50%}.col-md-offset-5{margin-left:41.66667%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;flex-basis:58.33333%}.col-md-offset-6{margin-left:50%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;flex-basis:66.66667%}.col-md-offset-7{margin-left:58.33333%}.col-md-9,.row.cols-md-9>*{max-width:75%;flex-basis:75%}.col-md-offset-8{margin-left:66.66667%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;flex-basis:83.33333%}.col-md-offset-9{margin-left:75%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;flex-basis:91.66667%}.col-md-offset-10{margin-left:83.33333%}.col-md-12,.row.cols-md-12>*{max-width:100%;flex-basis:100%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{order:initial}.col-md-first{order:-999}.col-md-last{order:999}}@media screen and (min-width:1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-'],.row[class*='cols-lg-']>*{box-sizing:border-box;flex:0 0 auto;padding:0 calc(var(--universal-padding) / 2)}.col-lg,.row.cols-lg>*{max-width:100%;flex-grow:1;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;flex-basis:8.33333%}.col-lg-offset-0{margin-left:0}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;flex-basis:16.66667%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;flex-basis:25%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;flex-basis:33.33333%}.col-lg-offset-3{margin-left:25%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;flex-basis:41.66667%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;flex-basis:50%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;flex-basis:58.33333%}.col-lg-offset-6{margin-left:50%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;flex-basis:66.66667%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;flex-basis:75%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;flex-basis:83.33333%}.col-lg-offset-9{margin-left:75%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;flex-basis:91.66667%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;flex-basis:100%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{order:initial}.col-lg-first{order:-999}.col-lg-last{order:999}}:root{--card-back-color:#f8f8f8;--card-fore-color:#111;--card-border-color:#ddd}.card{display:flex;flex-direction:column;justify-content:space-between;align-self:center;position:relative;width:100%;background:var(--card-back-color);color:var(--card-fore-color);border:.0625rem solid var(--card-border-color);border-radius:var(--universal-border-radius);margin:var(--universal-margin);overflow:hidden}@media screen and (min-width:320px){.card{max-width:320px}}.card>.section{background:var(--card-back-color);color:var(--card-fore-color);box-sizing:border-box;margin:0;border:0;border-radius:0;border-bottom:.0625rem solid var(--card-border-color);padding:var(--universal-padding);width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>.section:last-child{border-bottom:0}@media screen and (min-width:240px){.card.small{max-width:240px}}@media screen and (min-width:480px){.card.large{max-width:480px}}.card.fluid{max-width:100%;width:auto}.card.warning{--card-back-color:#ffca28;--card-border-color:#e8b825}.card.error{--card-back-color:#b71c1c;--card-fore-color:#f8f8f8;--card-border-color:#a71a1a}.card>.section.dark{--card-back-color:#e0e0e0}.card>.section.double-padded{padding:calc(1.5 * var(--universal-padding))}:root{--form-back-color:#f0f0f0;--form-fore-color:#111;--form-border-color:#ddd;--input-back-color:#f8f8f8;--input-fore-color:#111;--input-border-color:#ddd;--input-focus-color:#0288d1;--input-invalid-color:#d32f2f;--button-back-color:#e2e2e2;--button-hover-back-color:#dcdcdc;--button-fore-color:#212121;--button-border-color:rgba(0,0,0,0);--button-hover-border-color:rgba(0,0,0,0);--button-group-border-color:rgba(124,124,124,0.54)}form{background:var(--form-back-color);color:var(--form-fore-color);border:.0625rem solid var(--form-border-color);border-radius:var(--universal-border-radius);margin:var(--universal-margin);padding:calc(2 * var(--universal-padding)) var(--universal-padding)}fieldset{border:.0625rem solid var(--form-border-color);border-radius:var(--universal-border-radius);margin:calc(var(--universal-margin) / 4);padding:var(--universal-padding)}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;padding:calc(var(--universal-padding) / 2)}label{padding:calc(var(--universal-padding) / 2) var(--universal-padding)}.input-group{display:inline-block}.input-group.fluid{display:flex;align-items:center;justify-content:center}.input-group.fluid>input{max-width:100%;flex-grow:1;flex-basis:0px}@media screen and (max-width:767px){.input-group.fluid{align-items:stretch;flex-direction:column}}.input-group.vertical{display:flex;align-items:stretch;flex-direction:column}.input-group.vertical>input{max-width:100%;flex-grow:1;flex-basis:0px}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],[type="checkbox"],[type="radio"],textarea,select{box-sizing:border-box;background:var(--input-back-color);color:var(--input-fore-color);border:.0625rem solid var(--input-border-color);margin:calc(var(--universal-margin) / 2);padding:var(--universal-padding) calc(1.5 * var(--universal-padding))}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:var(--input-focus-color);box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:var(--input-invalid-color);box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:var(--secondary-back-color)}select{max-width:100%}option{overflow:hidden;text-overflow:ellipsis}[type="checkbox"],[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;height:calc(1rem + var(--universal-padding) / 2);width:calc(1rem + var(--universal-padding) / 2);vertical-align:text-bottom;padding:0;flex-basis:calc(1rem + var(--universal-padding) / 2) !important;flex-grow:0 !important}[type="checkbox"]:checked:before,[type="radio"]:checked:before{position:absolute}[type="checkbox"]:checked:before{content:'\2713';font-family:sans-serif;font-size:calc(1rem + var(--universal-padding) / 2);top:calc(0rem - var(--universal-padding));left:calc(var(--universal-padding) / 4)}[type="radio"]{border-radius:100%}[type="radio"]:checked:before{border-radius:100%;content:'';top:calc(.0625rem + var(--universal-padding) / 2);left:calc(.0625rem + var(--universal-padding) / 2);background:var(--input-fore-color);width:0.5rem;height:0.5rem}:placeholder-shown{color:var(--input-fore-color)}::-ms-placeholder{color:var(--input-fore-color);opacity:0.54}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:var(--button-back-color);color:var(--button-fore-color);border:.0625rem solid var(--button-border-color);border-radius:var(--universal-border-radius);padding:var(--universal-padding) calc(1.5 * var(--universal-padding));margin:var(--universal-margin);text-decoration:none;cursor:pointer;transition:background 0.3s}button:hover,button:focus,[type="button"]:hover,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:focus,a.button:hover,a.button:focus,label.button:hover,label.button:focus,.button:hover,.button:focus,a[role="button"]:hover,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:focus,[role="button"]:hover,[role="button"]:focus{background:var(--button-hover-back-color);border-color:var(--button-hover-border-color)}input:disabled,input[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled],button:disabled,button[disabled],.button:disabled,.button[disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.75}.button-group{display:flex;border:.0625rem solid var(--button-group-border-color);border-radius:var(--universal-border-radius);margin:var(--universal-margin)}.button-group>button,.button-group [type="button"],.button-group>[type="submit"],.button-group>[type="reset"],.button-group>.button,.button-group>[role="button"]{margin:0;max-width:100%;flex:1 1 auto;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group>:not(:first-child){border-left:.0625rem solid var(--button-group-border-color)}@media screen and (max-width:767px){.button-group{flex-direction:column}.button-group>:not(:first-child){border:0;border-top:.0625rem solid var(--button-group-border-color)}}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{--button-back-color:#1976d2;--button-fore-color:#f8f8f8}button.primary:hover,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:focus,.button.primary:hover,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:focus{--button-hover-back-color:#1565c0}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{--button-back-color:#d32f2f;--button-fore-color:#f8f8f8}button.secondary:hover,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:focus{--button-hover-back-color:#c62828}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{--button-back-color:#308732;--button-fore-color:#f8f8f8}button.tertiary:hover,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:focus{--button-hover-back-color:#277529}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{--button-back-color:#212121;--button-fore-color:#f8f8f8}button.inverse:hover,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:focus{--button-hover-back-color:#111}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{padding:calc(0.5 * var(--universal-padding)) calc(0.75 * var(--universal-padding));margin:var(--universal-margin)}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{padding:calc(1.5 * var(--universal-padding)) calc(2 * var(--universal-padding));margin:var(--universal-margin)}:root{--header-back-color:#f8f8f8;--header-hover-back-color:#f0f0f0;--header-fore-color:#444;--header-border-color:#ddd;--nav-back-color:#f8f8f8;--nav-hover-back-color:#f0f0f0;--nav-fore-color:#444;--nav-border-color:#ddd;--nav-link-color:#0277bd;--footer-fore-color:#444;--footer-back-color:#f8f8f8;--footer-border-color:#ddd;--footer-link-color:#0277bd;--drawer-back-color:#f8f8f8;--drawer-hover-back-color:#f0f0f0;--drawer-border-color:#ddd;--drawer-close-color:#444}header{height:3.1875rem;background:var(--header-back-color);color:var(--header-fore-color);border-bottom:.0625rem solid var(--header-border-color);padding:calc(var(--universal-padding) / 4) 0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}header.row{box-sizing:content-box}header .logo{color:var(--header-fore-color);font-size:1.75rem;padding:var(--universal-padding) calc(2 * var(--universal-padding));text-decoration:none}header button,header [type="button"],header .button,header [role="button"]{box-sizing:border-box;position:relative;top:calc(0rem - var(--universal-padding) / 4);height:calc(3.1875rem + var(--universal-padding) / 2);background:var(--header-back-color);line-height:calc(3.1875rem - var(--universal-padding) * 1.5);text-align:center;color:var(--header-fore-color);border:0;border-radius:0;margin:0;text-transform:uppercase}header button:hover,header button:focus,header [type="button"]:hover,header [type="button"]:focus,header .button:hover,header .button:focus,header [role="button"]:hover,header [role="button"]:focus{background:var(--header-hover-back-color)}nav{background:var(--nav-back-color);color:var(--nav-fore-color);border:.0625rem solid var(--nav-border-color);border-radius:var(--universal-border-radius);margin:var(--universal-margin)}nav *{padding:var(--universal-padding) calc(1.5 * var(--universal-padding))}nav a,nav a:visited{display:block;color:var(--nav-link-color);border-radius:var(--universal-border-radius);transition:background 0.3s}nav a:hover,nav a:focus,nav a:visited:hover,nav a:visited:focus{text-decoration:none;background:var(--nav-hover-back-color)}nav .sublink-1{position:relative;margin-left:calc(2 * var(--universal-padding))}nav .sublink-1:before{position:absolute;left:calc(var(--universal-padding) - 1 * var(--universal-padding));top:-.0625rem;content:'';height:100%;border:.0625rem solid var(--nav-border-color);border-left:0}nav .sublink-2{position:relative;margin-left:calc(4 * var(--universal-padding))}nav .sublink-2:before{position:absolute;left:calc(var(--universal-padding) - 3 * var(--universal-padding));top:-.0625rem;content:'';height:100%;border:.0625rem solid var(--nav-border-color);border-left:0}footer{background:var(--footer-back-color);color:var(--footer-fore-color);border-top:.0625rem solid var(--footer-border-color);padding:calc(2 * var(--universal-padding)) var(--universal-padding);font-size:.875rem}footer a,footer a:visited{color:var(--footer-link-color)}header.sticky{position:-webkit-sticky;position:sticky;z-index:1101;top:0}footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101;bottom:0}.drawer-toggle:before{display:inline-block;position:relative;vertical-align:bottom;content:'\00a0\2261\00a0';font-family:sans-serif;font-size:1.5em}@media screen and (min-width:768px){.drawer-toggle:not(.persistent){display:none}}[type="checkbox"].drawer{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}[type="checkbox"].drawer+*{display:block;box-sizing:border-box;position:fixed;top:0;width:320px;height:100vh;overflow-y:auto;background:var(--drawer-back-color);border:.0625rem solid var(--drawer-border-color);border-radius:0;margin:0;z-index:1110;right:-320px;transition:right 0.3s}[type="checkbox"].drawer+* .drawer-close{position:absolute;top:var(--universal-margin);right:var(--universal-margin);z-index:1111;width:2rem;height:2rem;border-radius:var(--universal-border-radius);padding:var(--universal-padding);margin:0;cursor:pointer;transition:background 0.3s}[type="checkbox"].drawer+* .drawer-close:before{display:block;content:'\00D7';color:var(--drawer-close-color);position:relative;font-family:sans-serif;font-size:2rem;line-height:1;text-align:center}[type="checkbox"].drawer+* .drawer-close:hover,[type="checkbox"].drawer+* .drawer-close:focus{background:var(--drawer-hover-back-color)}@media screen and (max-width:320px){[type="checkbox"].drawer+*{width:100%}}[type="checkbox"].drawer:checked+*{right:0}@media screen and (min-width:768px){[type="checkbox"].drawer:not(.persistent)+*{position:static;height:100%;z-index:1100}[type="checkbox"].drawer:not(.persistent)+* .drawer-close{display:none}}:root{--table-border-color:#aaa;--table-border-separator-color:#666;--table-head-back-color:#e6e6e6;--table-head-fore-color:#111;--table-body-back-color:#f8f8f8;--table-body-fore-color:#111;--table-body-alt-back-color:#eee}table{border-collapse:separate;border-spacing:0;margin:0;display:flex;flex:0 1 auto;flex-flow:row wrap;padding:var(--universal-padding);padding-top:0}table caption{font-size:1.5rem;margin:calc(2 * var(--universal-margin)) 0;max-width:100%;flex:0 0 100%}table thead,table tbody{display:flex;flex-flow:row wrap;border:.0625rem solid var(--table-border-color)}table thead{z-index:999;border-radius:var(--universal-border-radius) var(--universal-border-radius) 0 0;border-bottom:.0625rem solid var(--table-border-separator-color)}table tbody{border-top:0;margin-top:calc(0 - var(--universal-margin));border-radius:0 0 var(--universal-border-radius) var(--universal-border-radius)}table tr{display:flex;padding:0}table th,table td{padding:calc(2 * var(--universal-padding))}table th{text-align:left;background:var(--table-head-back-color);color:var(--table-head-fore-color)}table td{background:var(--table-body-back-color);color:var(--table-body-fore-color);border-top:.0625rem solid var(--table-border-color)}table:not(.horizontal){overflow:auto;max-height:400px}table:not(.horizontal) thead,table:not(.horizontal) tbody{max-width:100%;flex:0 0 100%}table:not(.horizontal) tr{flex-flow:row wrap;flex:0 0 100%}table:not(.horizontal) th,table:not(.horizontal) td{flex:1 0 0%;overflow:hidden;text-overflow:ellipsis}table:not(.horizontal) thead{position:sticky;top:0}table:not(.horizontal) tbody tr:first-child td{border-top:0}table.horizontal{border:0}table.horizontal thead,table.horizontal tbody{border:0;flex:.2 0 0;flex-flow:row nowrap}table.horizontal tbody{overflow:auto;justify-content:space-between;flex:.8 0 0;margin-left:0;padding-bottom:calc(var(--universal-padding) / 4)}table.horizontal tr{flex-direction:column;flex:1 0 auto}table.horizontal th,table.horizontal td{width:auto;border:0;border-bottom:.0625rem solid var(--table-border-color)}table.horizontal th:not(:first-child),table.horizontal td:not(:first-child){border-top:0}table.horizontal th{text-align:right;border-left:.0625rem solid var(--table-border-color);border-right:.0625rem solid var(--table-border-separator-color)}table.horizontal thead tr:first-child{padding-left:0}table.horizontal th:first-child,table.horizontal td:first-child{border-top:.0625rem solid var(--table-border-color)}table.horizontal tbody tr:last-child td{border-right:.0625rem solid var(--table-border-color)}table.horizontal tbody tr:last-child td:first-child{border-top-right-radius:0.25rem}table.horizontal tbody tr:last-child td:last-child{border-bottom-right-radius:0.25rem}table.horizontal thead tr:first-child th:first-child{border-top-left-radius:0.25rem}table.horizontal thead tr:first-child th:last-child{border-bottom-left-radius:0.25rem}@media screen and (max-width:767px){table,table.horizontal{border-collapse:collapse;border:0;width:100%;display:table}table thead,table th,table.horizontal thead,table.horizontal th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table tbody,table.horizontal tbody{border:0;display:table-row-group}table tr,table.horizontal tr{display:block;border:.0625rem solid var(--table-border-color);border-radius:var(--universal-border-radius);background:#fafafa;padding:var(--universal-padding);margin:var(--universal-margin);margin-bottom:calc(2 * var(--universal-margin))}table th,table td,table.horizontal th,table.horizontal td{width:auto}table td,table.horizontal td{display:block;border:0;text-align:right}table td:before,table.horizontal td:before{content:attr(data-label);float:left;font-weight:600}table th:first-child,table td:first-child,table.horizontal th:first-child,table.horizontal td:first-child{border-top:0}table tbody tr:last-child td,table.horizontal tbody tr:last-child td{border-right:0}}:root{--table-body-alt-back-color:#eee}table.striped tr:nth-of-type(2n)>td{background:var(--table-body-alt-back-color)}@media screen and (max-width:768px){table.striped tr:nth-of-type(2n){background:var(--table-body-alt-back-color)}}:root{--table-body-hover-back-color:#90caf9}table.hoverable tr:hover,table.hoverable tr:hover>td,table.hoverable tr:focus,table.hoverable tr:focus>td{background:var(--table-body-hover-back-color)}@media screen and (max-width:768px){table.hoverable tr:hover,table.hoverable tr:hover>td,table.hoverable tr:focus,table.hoverable tr:focus>td{background:var(--table-body-hover-back-color)}}:root{--mark-back-color:#0277bd;--mark-fore-color:#fafafa}mark{background:var(--mark-back-color);color:var(--mark-fore-color);font-size:.95em;line-height:1em;border-radius:var(--universal-border-radius);padding:calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2)}mark.inline-block{display:inline-block;font-size:1em;line-height:1.5;padding:calc(var(--universal-padding) / 2) var(--universal-padding)}:root{--toast-back-color:#424242;--toast-fore-color:#fafafa}.toast{position:fixed;bottom:calc(var(--universal-margin) * 3);left:50%;transform:translate(-50%,-50%);z-index:1111;color:var(--toast-fore-color);background:var(--toast-back-color);border-radius:calc(var(--universal-border-radius) * 16);padding:var(--universal-padding) calc(var(--universal-padding) * 3)}:root{--tooltip-back-color:#212121;--tooltip-fore-color:#fafafa}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);transition:all 0.3s;z-index:1010;left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:75%}.tooltip.bottom:before,.tooltip.bottom:after{top:75%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:var(--universal-margin) solid transparent;left:calc(50% - var(--universal-margin))}.tooltip:not(.bottom):before{border-top-color:#212121}.tooltip.bottom:before{border-bottom-color:#212121}.tooltip:after{content:attr(aria-label);color:var(--tooltip-fore-color);background:var(--tooltip-back-color);border-radius:var(--universal-border-radius);padding:var(--universal-padding);white-space:nowrap;transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:calc(2 * var(--universal-margin))}.tooltip.bottom:after{margin-top:calc(2 * var(--universal-margin))}:root{--modal-overlay-color:rgba(0,0,0,0.45);--modal-close-color:#444;--modal-close-hover-color:#f0f0f0}[type="checkbox"].modal{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}[type="checkbox"].modal+div{position:fixed;top:0;left:0;display:none;width:100vw;height:100vh;background:var(--modal-overlay-color)}[type="checkbox"].modal+div .card{margin:0 auto;max-height:50vh;overflow:auto}[type="checkbox"].modal+div .card .modal-close{position:absolute;top:0;right:0;width:1.75rem;height:1.75rem;border-radius:var(--universal-border-radius);padding:var(--universal-padding);margin:0;cursor:pointer;transition:background 0.3s}[type="checkbox"].modal+div .card .modal-close:before{display:block;content:'\00D7';color:var(--modal-close-color);position:relative;font-family:sans-serif;font-size:1.75rem;line-height:1;text-align:center}[type="checkbox"].modal+div .card .modal-close:hover,[type="checkbox"].modal+div .card .modal-close:focus{background:var(--modal-close-hover-color)}[type="checkbox"].modal:checked+div{display:flex;flex:0 1 auto;z-index:1200}[type="checkbox"].modal:checked+div .card .modal-close{z-index:1211}:root{--collapse-label-back-color:#e8e8e8;--collapse-label-fore-color:#212121;--collapse-label-hover-back-color:#f0f0f0;--collapse-selected-label-back-color:#ececec;--collapse-border-color:#ddd;--collapse-content-back-color:#fafafa;--collapse-selected-label-border-color:#0277bd}.collapse{width:calc(100% - 2 * var(--universal-margin));opacity:1;display:flex;flex-direction:column;margin:var(--universal-margin);border-radius:var(--universal-border-radius)}.collapse>[type="radio"],.collapse>[type="checkbox"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.collapse>label{flex-grow:1;display:inline-block;height:1.5rem;cursor:pointer;transition:background 0.3s;color:var(--collapse-label-fore-color);background:var(--collapse-label-back-color);border:.0625rem solid var(--collapse-border-color);padding:calc(1.5 * var(--universal-padding))}.collapse>label:hover,.collapse>label:focus{background:var(--collapse-label-hover-back-color)}.collapse>label+div{flex-basis:auto;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);transition:max-height 0.3s;max-height:1px}.collapse>:checked+label{background:var(--collapse-selected-label-back-color);border-bottom-color:var(--collapse-selected-label-border-color)}.collapse>:checked+label+div{box-sizing:border-box;position:relative;width:100%;height:auto;overflow:auto;margin:0;background:var(--collapse-content-back-color);border:.0625rem solid var(--collapse-border-color);border-top:0;padding:var(--universal-padding);clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%);max-height:400px}.collapse>label:not(:first-of-type){border-top:0}.collapse>label:first-of-type{border-radius:var(--universal-border-radius) var(--universal-border-radius) 0 0}.collapse>label:last-of-type:not(:first-of-type){border-radius:0 0 var(--universal-border-radius) var(--universal-border-radius)}.collapse>label:last-of-type:first-of-type{border-radius:var(--universal-border-radius)}.collapse>:checked:last-of-type:not(:first-of-type)+label{border-radius:0}.collapse>:checked:last-of-type+label+div{border-radius:0 0 var(--universal-border-radius) var(--universal-border-radius)}mark.secondary{--mark-back-color:#d32f2f}mark.tertiary{--mark-back-color:#308732}mark.tag{padding:calc(var(--universal-padding)/2) var(--universal-padding);border-radius:1em}:root{--progress-back-color:#ddd;--progress-fore-color:#555}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.75rem;width:calc(100% - 2 * var(--universal-margin));margin:var(--universal-margin);border:0;border-radius:calc(2 * var(--universal-border-radius));background:var(--progress-back-color);color:var(--progress-fore-color)}progress::-webkit-progress-value{background:var(--progress-fore-color);border-top-left-radius:calc(2 * var(--universal-border-radius));border-bottom-left-radius:calc(2 * var(--universal-border-radius))}progress::-webkit-progress-bar{background:var(--progress-back-color)}progress::-moz-progress-bar{background:var(--progress-fore-color);border-top-left-radius:calc(2 * var(--universal-border-radius));border-bottom-left-radius:calc(2 * var(--universal-border-radius))}progress[value="1000"]::-webkit-progress-value{border-radius:calc(2 * var(--universal-border-radius))}progress[value="1000"]::-moz-progress-bar{border-radius:calc(2 * var(--universal-border-radius))}progress.inline{display:inline-block;vertical-align:middle;width:60%}:root{--spinner-back-color:#ddd;--spinner-fore-color:#555}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner{display:inline-block;margin:var(--universal-margin);border:.25rem solid var(--spinner-back-color);border-left:.25rem solid var(--spinner-fore-color);border-radius:50%;width:1.25rem;height:1.25rem;animation:spinner-donut-anim 1.2s linear infinite}progress.primary{--progress-fore-color:#1976d2}progress.secondary{--progress-fore-color:#d32f2f}progress.tertiary{--progress-fore-color:#308732}.spinner.primary{--spinner-fore-color:#1976d2}.spinner.secondary{--spinner-fore-color:#d32f2f}.spinner.tertiary{--spinner-fore-color:#308732}span[class^='icon-']{display:inline-block;height:1em;width:1em;vertical-align:-0.125em;background-size:contain;margin:0 calc(var(--universal-margin) / 4)}span[class^='icon-'].secondary{-webkit-filter:invert(25%);filter:invert(25%)}span[class^='icon-'].inverse{-webkit-filter:invert(100%);filter:invert(100%)}span.icon-alert{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12' y2='16'%3E%3C/line%3E%3C/svg%3E")}span.icon-bookmark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E")}span.icon-calendar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}span.icon-credit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E")}span.icon-edit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34'%3E%3C/path%3E%3Cpolygon points='18 2 22 6 12 16 8 16 8 12 18 2'%3E%3C/polygon%3E%3C/svg%3E")}span.icon-link{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E")}span.icon-help{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='17' x2='12' y2='17'%3E%3C/line%3E%3C/svg%3E")}span.icon-home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E")}span.icon-info{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='8'%3E%3C/line%3E%3C/svg%3E")}span.icon-lock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E")}span.icon-mail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E")}span.icon-location{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E")}span.icon-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E")}span.icon-rss{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9'%3E%3C/path%3E%3Cpath d='M4 4a16 16 0 0 1 16 16'%3E%3C/path%3E%3Ccircle cx='5' cy='19' r='1'%3E%3C/circle%3E%3C/svg%3E")}span.icon-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")}span.icon-settings{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E")}span.icon-share{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'%3E%3C/circle%3E%3Ccircle cx='6' cy='12' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='19' r='3'%3E%3C/circle%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'%3E%3C/line%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'%3E%3C/line%3E%3C/svg%3E")}span.icon-cart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E")}span.icon-upload{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='17 8 12 3 7 8'%3E%3C/polyline%3E%3Cline x1='12' y1='3' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E")}span.icon-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E")}:root{--generic-border-color:rgba(0,0,0,0.3);--generic-box-shadow:0 .25rem .25rem 0 rgba(0,0,0,0.125),0 .125rem .125rem -.125rem rgba(0,0,0,0.25)}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}.bordered{border:.0625rem solid var(--generic-border-color) !important}.rounded{border-radius:var(--universal-border-radius) !important}.circular{border-radius:50% !important}.shadowed{box-shadow:var(--generic-box-shadow) !important}.responsive-margin{margin:calc(var(--universal-margin) / 4) !important}@media screen and (min-width:768px){.responsive-margin{margin:calc(var(--universal-margin) / 2) !important}}@media screen and (min-width:1280px){.responsive-margin{margin:var(--universal-margin) !important}}.responsive-padding{padding:calc(var(--universal-padding) / 4) !important}@media screen and (min-width:768px){.responsive-padding{padding:calc(var(--universal-padding) / 2) !important}}@media screen and (min-width:1280px){.responsive-padding{padding:var(--universal-padding) !important}}@media screen and (max-width:767px){.hidden-sm{display:none !important}}@media screen and (min-width:768px) and (max-width:1279px){.hidden-md{display:none !important}}@media screen and (min-width:1280px){.hidden-lg{display:none !important}}@media screen and (max-width:767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width:768px) and (max-width:1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width:1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}
.hide {
    display: none;
}
//- input[type="text"] {
//-     text-transform: lowercase;
//- }
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1200;
}
.container {
    max-width:1280px;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align:center;
}
.menu {
    padding-top:10px;
}
.menu a{
    margin-right:20px;
}
.menu a:hover {
    text-decoration: none;
}
header {
    padding: 10px 0 10px;
    border: none;
}
.menuHighlight {
    font-weight: bold;
    font-size: 1.2em;
}
a.menuHighlight2, .menuHighlight2 {
    font-size: 1em;
    color: #000;
}
nav {
    border: none;
    padding-top:25px;
}
input, select {
    width: 100%;
}
#section1 {
    //- background: rgb(47,111,120);
    //- background: linear-gradient(180deg, rgba(47,111,120,1) 0%, rgba(14,28,39,1) 95%);
    background-color: #23cddb;
    padding: 80px 0 40px 0;
}
#section1 h1 {
    color: #fff;
    font-size: 30px;
}
#section1 h2 {
    color: #fff;
    font-size: 20px;
}
#section1 .container {
    margin-top: -30px;
}
#section1 #destino,
#section1 #pais {
    -webkit-appearance: none; /* Remove a aparência padrão do Safari */
    -moz-appearance: none;
    appearance: none;
}
.padleft20 {
    padding-left: 20px;
}
.ajusteInputSection1 {
    position:relative;
}
.ajusteInputDesk {
    margin-top: 0;
}
.icon-home {
    position: relative;
    left: 20px;
    top: 20px;
    z-index: 10000;
    color: #808285;
}
#section1 a.hero-whatsapp-cta {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    min-width: 230px;
    max-width: 100%;
    min-height: 42px;
    margin: 14px auto 0;
    padding: 0 18px !important;
    box-sizing: border-box;
    color: #042633 !important;
    background: #63c83f !important;
    border: 1px solid rgba(4, 38, 51, .14) !important;
    border-radius: 7px;
    box-shadow: 0 8px 18px rgba(4, 38, 51, .13);
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
#section1 a.hero-whatsapp-cta:hover,
#section1 a.hero-whatsapp-cta:focus {
    color: #042633 !important;
    background: #74d64e !important;
    box-shadow: 0 10px 22px rgba(4, 38, 51, .18);
    transform: translateY(-1px);
}
#section1 a.hero-whatsapp-cta img {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 0;
    object-fit: contain;
}
#section1 a.hero-whatsapp-cta span {
    display: block;
    white-space: nowrap;
}
.box-whatsapp {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 25px;
    padding: 12px 18px !important;
    color: #042633;
    background-color: #6eb847;
    border-radius: 8px;
    text-decoration: none;
}
.box-whatsapp img {
    max-width: 24px;
    margin: 0 !important;
    border-right: 0;
}
.box-whatsapp p {
    margin: 0 !important;
    display: block;
    position: static;
}
#section2 {
    position: relative;
    z-index: 100;
    max-width: 100%;
    padding: 20px 0;
    background-color: #333;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#section2.lp  {
    position: relative;
    background-color: #042633;
    z-index: 200;
}
#section2 .centered {
    display: flex;
    align-items: center;
}
.content-seguradora img {
    width: 80%
}
#ParaTodos {
    background-color: #23cddb;
    padding: 80px 0 40px 0;
}
#ParaTodos .card_title {
    color: #042633;
    font-size: 22px;
    margin-top: -10px;
    margin-bottom: 40px;
}
#ParaTodos .card_escolher {
    color: #042633;
    padding: 0;
    margin-top: -15px;
    max-width: 95%;
}
#ParaTodos .col-md-3,
#ParaTodos .col-sm-12 {
    text-align: center;
}
/* Seção de diferenciais — visual alinhado à LP-B (fundo claro, cartões
   suaves, ícones de linha). Sem alterar textos nem metatags. */
#section3 {
    background: #fff;
    padding: 72px 0 80px;
    overflow: hidden;
}
#section3 h1, #section3 h2 {
    color: #10212b;
}
#section3 .text-center {
    max-width: 760px;
    margin: 0 auto 46px;
}
#section3 .text-center h1 {
    max-width: 760px;
    margin: 0 auto 16px;
    font-size: clamp(28px, 3.4vw, 42px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.01em;
}
#section3 .text-center .diferenciais-intro {
    max-width: 720px;
    margin: 0 auto;
    color: #60717d;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
}
#section3 .features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 18px;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    align-items: stretch;
}
#section3 .features-grid:before,
#section3 .features-grid:after {
    display: none;
}
#section3 .features-grid > [class*="col-"] {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: stretch !important;
}
#section3 .feature-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    min-height: 210px;
    margin: 0;
    padding: 28px 26px;
    box-sizing: border-box;
    background: #f4f8fa;
    border: 1px solid #dfe7ec;
    border-radius: 10px;
    box-shadow: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#section3 .feature-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 107, 143, .35);
    box-shadow: 0 18px 44px rgba(11, 45, 59, .12);
}
/* primeiro cartão em destaque, como na LP-B */
#section3 .features-grid > [class*="col-"]:first-child .feature-card {
    background: #e8f4f7;
    border-color: rgba(0, 107, 143, .42);
    box-shadow: 0 18px 50px rgba(0, 107, 143, .12);
}
#section3 .feature-card-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 44px;
    height: 44px;
    margin: 0 0 20px;
    color: #006b8f;
}
#section3 .feature-card-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
#section3 .feature-card h3 {
    width: 100%;
    margin: 0 0 10px;
    color: #10212b;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
}
#section3 .feature-card .text-section {
    width: 100%;
    margin: 0;
    color: #60717d;
    font-size: 15.5px;
    line-height: 1.6;
    text-align: left;
}
@media (max-width: 991px) {
    #section3 .features-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    #section1 a.hero-whatsapp-cta {
        width: 100%;
        max-width: none;
        margin-left: 0;
    }
    #section3 {
        padding: 48px 0 56px;
    }
    #section3 .text-center {
        margin-bottom: 32px;
    }
    #section3 .text-center h1 {
        font-size: 26px;
    }
    #section3 .text-center .diferenciais-intro {
        font-size: 16px;
    }
    #section3 .features-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    #section3 .feature-card {
        min-height: auto;
        padding: 24px 22px;
    }
}
#MelhorEmpresa {
    padding: 40px 0;
    background-color: #042633;
    color: #fff;
}
#ComoContratar {
    /* respiro inferior maior p/ compensar o CTA removido (os passos têm
       padding-top:40px no topo; sem botão, o fim ficava curto). */
    padding: 40px 0 72px;
    background-color: #19daf0;
}
#ComoContratar .passo p {
    font-size: 1em;
    text-align: center;
    color: #042633;
}
#ComoContratar .passo p strong {
    color: #042633;
}
#ComoContratar .passo .bola {
    position: relative;
    background-color: #042633;
    color: #19daf0;
    font-size: 2em;
    line-height: 2.45em;
    text-align: center;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
}
#ComoContratar .linha_tracejada {
    position: relative;
    width: 85%;
    left: 7%;
    height: 3px;
    border-style: dashed;
    top: 50px;
    border-top: none;
    border-left: none;
    border-right: none;
    z-index: 9;
}
/* (CSS da solução antiga de depoimentos — owl carousel + .depoimento* —
    removido: o novo carrossel é o partial autossuficiente .cmp-depoimentos.) */

#Vantagens {
    padding: 40px 0;
    background-color: #042633;
}
#Vantagens p {
    font-size: 1.3em;
    color: #fff;
    text-align: center;
}
#Vantagens p strong {
    color: #19daf0;
}
#Vantagens .icon_vantagens {
    background-color: #19daf0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}
#section5 {
    padding: 40px 0;
    border-bottom:1px solid gray;
}
#section5 h2 {
    font-size: 40px;
    margin-bottom:40px;
}
#section5 img {
    max-width:96px;
}
#footer-lp {
    padding: 40px 0;
    background-color: #e6e6e6;
}
#footer-lp a {
    color: #004a87;
    border-bottom: 1px dashed #004a87;
    text-decoration: none;
}
#footer-lp .footer-title {
    font-size: 1.3em;
    color: #0a6c78;
}
#footer-lp a.footer-link-list {
    color: #574a4e;
    border-bottom: none;
    font-weight: normal;
}
#footer-lp a.footer-link-list:hover {
    border-bottom: 1px dashed #75666a;
}
#footer-lp .input-inscrever {
    border-radius: 5px;
    width: 50%;
}
#footer-lp .btn-inscrever {
    border-radius: 5px;
    background-color: #000;
    color: #fff;
    padding: 12px 30px;
}
footer {
    background-color: #08c0d3;
    padding: 60px 0;
    margin-top: -60px;
}
footer a, footer p {
    color: white;
}
#award img {
    max-width: 20px;
    display: inline;
    margin-bottom: -3px;
}
#award {
    margin-top:20px;
}
#award p {
    color: white;
    display: inline;
}
#submit {
    position: relative;
    background-color: #333;
    font-size: 20px;
    font-weight: bold;
    color: white;
    width: 90%;
    z-index: 20;
}

.wc_whatsapp_app {
position: fixed;
bottom: 30px;
z-index: 9999; /*Força o widget ficar acima de qualquer elemento*/
display: flex;
align-items: center;
}

.wc_whatsapp_app.left {
left: 15px;
}

.wc_whatsapp_app.right {
right: 15px;
}

.wc_whatsapp {
width: 50px;
height: 50px;
display: block;
border-radius: 50%;
background: #25d366;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}

.wc_whatsapp:hover,
.wc_whatsapp:focus {
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.wc_whatsapp::before {
content: "";
display: block;
background: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' focusable='false' data-prefix='icon' data-icon='whatsapp' class='svg-inline' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3e%3c/path%3e%3c/svg%3e") top center no-repeat;
height: 35px;
margin-top: 6px;
}

.wc_whatsapp p {
font-family: 'Arial', sans-serif;
}

.wc_whatsapp_secondary,
.wc_whatsapp_primary {
display: none;
}

.wc_whatsapp_secondary {
max-width: 300px;
}

.wc_whatsapp_secondary p {
margin-left: 15px;
border: 1px solid #e2e2e2;
padding: 5px 10px;
border-radius: 5px;
position: relative;
color: #000;
font-size: 14px;
background: #fff;
}

.wc_whatsapp_secondary p::before {
top: 20px;
left: -9px;
content: '';
position: absolute;
background: white;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
left: -5px;
top: 50%;
margin-top: -4px;
width: 8px;
height: 8px;
z-index: 1;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.wc_whatsapp_primary {
border-radius: 5px;
border: 1px solid #eaeaea;
background: #fff;
padding: 10px;
bottom: 70px;
align-items: center;
max-width: 350px;
box-shadow: 7px 7px 15px 8px rgba(0, 0, 0, 0.17);
position: absolute;
width: 350px;
}

.wc_whatsapp_primary img {
width: 50px;
border-radius: 5px;
margin-left: 10px;
}

.wc_whatsapp_primary p {
margin: 20px;
border: 1px solid #e2e2e2;
padding: 10px;
border-radius: 5px;
position: relative;
color: #000;
font-size: 14px;
}

.wc_whatsapp_primary p::before {
top: 20px;
left: -9px;
content: '';
position: absolute;
background: white;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
left: -5px;
top: 50%;
margin-top: -4px;
width: 8px;
height: 8px;
z-index: 1;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.wc_whatsapp_primary .close {
position: absolute;
right: 10px;
top: 10px;
font-size: 14px;
color: #000;
opacity: .5;
}

.wc_whatsapp_primary .close:hover,
.wc_whatsapp_primary .close:focus {
color: #f00;
opacity: 1;
}

#section1 .indexSearch h1 {
    color: #000;
    font-size: 2.4em;
}
#section1 .indexSearch h2 {
    color: #000;
    font-size: 1.4em;
}
#section1.lp .indexSearch h1 {
    color: #042633;
    font-size: 2.4em;
    position: relative;
    z-index: 1000;
}
#section1.lp .indexSearch h2 {
    color: #042633;
    font-size: 1.4em;
    position: relative;
    z-index: 1000;
}

#ImgHomeMobile {
    background-color: #23cddb;
    padding: 40px 0;
}

#PqEscolher {
    background-color: #fff;
    padding: 40px 0;
}
#PqEscolher .card_title {
    position: relative;
    text-align: center;
    background-color: #19daf0;
    border-radius: 30px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    padding: 15px;
    margin: 5px 0 0 40px;
    max-width: 65%;
    font-size: 22px;
    z-index: 100;
}
#PqEscolher .card_escolher {
    position: relative;
    text-align: center;
    background-color: #fff;
    color: #000;
    padding: 40px 15px 15px 15px;
    margin: -30px 0 40px 12%;
    justify-content: start;
    min-height: 180px;
    max-width: 60%;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.3);
    border-radius: 30px;
    z-index: 99;
}

#DescubraBeneficios {
    background-color: #19daf0;
    padding: 40px 0;
}
#DescubraBeneficios .card_title {
    color: #042633;
    font-size: 22px;
}
#DescubraBeneficios .card_escolher {
    color: #042633;
    padding: 0 10px;
    min-height: 180px;
    max-width: 90%;
}
#DescubraBeneficios .col-md-4,
#DescubraBeneficios .col-sm-12 {
    text-align: center;
}

h2.lp {
    font-size: 38px;
}
h2.lp,
h2.lp b {
    color: #042633;
}
h3.lp {
    font-size: 22px;
}
h3.lp,
h3.lp b {
    color: #042633;
}

.seloCupomDesc {
    float: left;
    background-color: #042633; //-#feb902;
    padding: 4px 12px;
    //-border-style: dashed;
    border-radius: 10px;
    color: #fff;
}

.indexForm {
    clear: both;
    position: relative;
    z-index: 1050;
}

.formObj {
    border-radius: 30px;
    padding-left: 20px;
    //- line-height: 2.2em;
    height: 56px;
}
.btnObj {
    border-radius: 50px;
    padding-left: 20px;
}

select.formObj {
    height: 56px;
}

#img_desktop {
    position: absolute;
    right: -60px;
    z-index: 10;
}

.hero-action-row {
    align-items: center;
    margin-top: 0;
}
.hero-award {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
}
.hero-award p {
    margin: 0;
    line-height: 1.35;
}
.hero-submit-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
}
.btn-pesquisar {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 340px;
    min-height: 56px;
    margin: 0 auto !important;
    padding: 0 44px !important;
    box-sizing: border-box;
    background-color: #ff6100 !important;
    background-image: linear-gradient(180deg, #ff8226 0%, #ff6100 100%) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 26px rgba(255, 97, 0, .30);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: .02em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, filter .15s ease;
    position: relative !important;
    right: auto !important;
}
.btn-pesquisar:hover,
.btn-pesquisar:focus {
    background-color: #e95700 !important;
    color: #fff !important;
    box-shadow: 0 18px 38px rgba(255, 97, 0, .42);
    text-decoration: none !important;
    transform: translateY(-2px);
    filter: brightness(1.03);
}
#section1 a.btn-pesquisar::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    transition: transform .15s ease;
    pointer-events: none;
}
#section1 a.btn-pesquisar:hover::after {
    transform: translateY(-50%) translateX(4px);
}
.btn-pesquisar.lp {
    font-size: 16px;
    text-align: center;
    border-radius: 30px;
}
/* --- Botão flutuante "Fazer cotação grátis" (aparece quando #submit sai da tela) --- */
.home-floating-cta {
    position: fixed;
    left: 50%;
    bottom: 22px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 32px;
    background-color: #ff6100;
    background-image: linear-gradient(180deg, #ff8226 0%, #ff6100 100%);
    color: #fff !important;
    border: 0;
    border-radius: 999px;
    box-shadow: 0 14px 34px rgba(255, 97, 0, .42);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .02em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    transition: opacity .25s ease, transform .25s ease, box-shadow .15s ease;
}
.home-floating-cta:hover,
.home-floating-cta:focus {
    color: #fff !important;
    background-color: #e95700;
    box-shadow: 0 18px 42px rgba(255, 97, 0, .5);
    transform: translateX(-50%) translateY(-2px);
    text-decoration: none !important;
}
.home-floating-cta.is-hidden {
    opacity: 0;
    transform: translateX(-50%) translateY(24px);
    pointer-events: none;
    visibility: hidden;
}
@media (max-width: 640px) {
    .home-floating-cta {
        left: 14px;
        right: 14px;
        min-height: 52px;
        padding: 0 18px;
        font-size: 15px;
        transform: translateY(0);
    }
    .home-floating-cta:hover,
    .home-floating-cta:focus {
        transform: translateY(-2px);
    }
    .home-floating-cta.is-hidden {
        transform: translateY(24px);
    }
}
/* --- Estrelas da prova social (hero) --- */
#section1 .hero-award {
    flex-direction: column;
    gap: 6px;
}
/* Desktop/tablet: zera margem para o bloco centralizar com o botão */
@media only screen and (min-width: 768px) {
    #section1 .hero-award {
        margin-top: 0 !important;
    }
}
.award-stars {
    display: block;
    color: #ffc107;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 1;
}
#section1 .hero-award p a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}
#section1 .hero-award p a:hover,
#section1 .hero-award p a:focus {
    color: #fff;
    opacity: .85;
}
/* LPs de fundo claro (ciano #23cddb): texto do selo em escuro para contraste.
   Home e lp2 são .hero (azul escuro) e black-november é #000 — esses mantêm branco. */
#section1.hero-light .hero-award p,
#section1.hero-light .hero-award p a {
    color: #042633 !important;
}
/* --- Campos do formulário da hero (visual moderno e consistente) --- */
#section1 .form input,
#section1 .form select {
    height: 54px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid #d7dee3;
    border-radius: 10px;
    background-color: #fff;
    color: #1c2b33;
    font-size: 16px;
    line-height: 1.2;
    box-shadow: 0 1px 2px rgba(4, 38, 51, .06);
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
#section1 .form input::placeholder {
    color: #8794a0;
    opacity: 1;
}
#section1 .form input:focus,
#section1 .form select:focus {
    outline: none;
    border-color: #ff6100;
    box-shadow: 0 0 0 3px rgba(255, 97, 0, .15);
}
#section1 .form select {
    /* "América do Norte" estourava ~13px no campo estreito. Aqui sobra
       espaço: padding lateral menor + seta mais perto da borda (libera a
       folga grande que havia à direita), sem mexer no grid. */
    padding-left: 12px;
    padding-right: 28px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238794a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 8px;
}
#section1 .form .col-md-3,
#section1 .form .col-md-6 {
    margin-bottom: 14px;
}
#section1 .form .form-group {
    margin-bottom: 0;
}
/* Tablet: 2 campos por linha para não cortar os textos */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #section1 .form .col-md-3 {
        max-width: 50%;
        flex-basis: 50%;
    }
    #section1 .form .col-md-6 {
        max-width: 100%;
        flex-basis: 100%;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-action-row {
        flex-direction: column;
        margin-top: 0;
    }
    .hero-submit-wrap {
        order: 1;
        width: 100%;
        justify-content: stretch;
        padding-top: 0;
    }
    .hero-submit-wrap .btn-pesquisar {
        width: 100% !important;
        min-width: 100%;
        max-width: none;
        flex: 1 1 100%;
        min-height: 52px;
        margin: 0 !important;
    }
    /* Respiro esq = dir: zera o padding-left do bloco do hero no mobile */
    .padleft20 {
        padding-left: 0;
    }
    /* Botão acompanha a largura dos campos no mobile (mesmo respiro esq/dir) */
    #section1 .form .btn-pesquisar {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        right: 0 !important;
    }
    /* Herói das LPs: esconde a imagem do modelo no mobile (sobrepunha o texto/form).
       Cobre as duas estruturas: .hero-img (estática) e #img_desktop/#img_mobile (via JS). */
    #section1.lp .hero-img,
    #section1.lp #img_desktop,
    #section1.lp #img_mobile {
        display: none !important;
    }
    #section1 .hero-award {
        order: 2;
        min-height: auto;
        margin-top: 14px !important;
    }
    /* Cards "Por que escolher": no desktop ficam escalonados (margin-left
       40px / 12%). No mobile (full-width) precisam ser centrados — respiro
       esquerdo = direito. Antes isso só valia em ≤490px, então entre
       491–767px caía no estilo desktop e ficava torto. */
    #PqEscolher .card_title {
        margin: auto;
    }
    #PqEscolher .card_escolher {
        margin: -30px auto 40px auto;
    }
}
.btn-quero {
    background-color: #feb902 !important;
    color: #000 !important;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    padding: 10px 60px;
}
.texto-rodape {
    width: 220px;
}

@media only screen and (max-width: 780px) {
    #ComoContratar .linha_tracejada {
        display: none;
    }
}


@media only screen and (max-width: 490px) {
    .logo {
        padding: 0;
    }
    .logo-center {
        text-align: center;
    }
    #section1 .banner-mobile {
        display: block;
    }
    #section1 h1 {
        font-size: 22px;
        text-align: center;
    }
    #section1 h2 {
        text-align: center;
    }
    .formObj,
    select.formObj {
        font-size: 22px;
    }
    .btnObj {
        font-size: 22px;
        padding: 10px 80px;
    }
    .padleft20 {
        padding-left: 0;
    }
    .ajusteInputSection1 {
        position:relative;
    }
    .ajusteInputMobile {
        margin-top: 0;
    }
    .ajusteInputDesk {
        margin-top: 0;
    }
    .img_banner {
        width: 100%;
        height: auto;
        margin: -120px 0;
    }
    .btn-pesquisar {
        right: 0;
    }
    .hero-action-row {
        margin-top: 0;
    }
    .hero-submit-wrap {
        width: 100%;
        justify-content: stretch;
        padding-top: 0;
    }
    .hero-submit-wrap .btn-pesquisar {
        max-width: none;
        width: 100% !important;
        min-width: 100%;
        flex: 1 1 100%;
        min-height: 52px;
        margin: 0 !important;
    }
    .btn-pesquisar.lp {
        margin-top: 30px;
    }
    .hideMobile {
        display: none;
    }
    #section2 {
        display: inline-table;
        width: 100%; /* largura final desde o 1o frame: sem ela a faixa nascia estreita e crescia quando os logos (lazy) chegavam = CLS */
        text-align: center;
    }
    #section2 .centered {
        display: inline-block;
        width: 100%;
    }
    #section2 .content-seguradora {
        width: 30%;
        float: left;
        padding: 0 1.5%;
        height: 80px;
    }
    #section3 {
        clear: both;
    }
    #ComoContratar .passo {
        width: 100%;
        padding-bottom: 30px;
    }
    #ComoContratar .passo p {
        font-size: 1.5em;
    }
    .texto-rodape {
        width: auto;
    }
    #footer-lp .input-inscrever,
    #footer-lp .btn-inscrever {
        width: 100%;
        box-sizing: border-box;
    }
    #footer-lp .btn-inscrever {
        margin: 10px 0;
    }
}

/* 6 passos (Como Contratar): alinha no tablet e mobile.
   No mini-default cada .passo encolhia pro tamanho do texto (largura variável),
   fazendo as bolas caírem em posições diferentes. Aqui cada passo ocupa a linha
   toda e centraliza bola + texto. */
@media only screen and (max-width: 991px) {
    #ComoContratar .passo {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        text-align: center;
        padding-bottom: 24px;
    }
    #ComoContratar .passo .bola {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 491px) {
    #section1 .banner-desktop {
        display: block;
        position: relative;
    }
    #section1.lp .banner-desktop {
        display: block;
        position: relative;
        left: 50%;
    }
    .btn-pesquisar {
        position: static;
        right: auto;
    }
    .hideDesktop {
        display: none;
    }
}

@media only screen and (min-width: 1280px) {
    #img_desktop {
        right: 5%;
    }
}

@media only screen and (min-width: 1500px) {
    #img_desktop {
        right: 10%;
    }
}
#MelhorEmpresaTop {
    background-color: #042633;
    color: #fff;
}

#MelhorEmpresaTop p {
    font-size: .7em;
}

.hero-text {
    /* era width:60% + margin-left:8px, medida feita para conter o PNG de 893px.
       Com texto dentro, 60% quebrava a frase em 5-6 linhas e esticava a dobra. */
    width: auto;
    margin-left: 0;
}

.hero-headline {
    /* Altura calibrada contra o PNG antigo (893x100 exibido a 60% da coluna
       = 57px para as duas linhas, leading incluso). Texto real precisa de
       mais entrelinha que imagem, entao o casamento exato e impossivel:
       este ajuste fecha em ~69px contra os 96px da primeira versao —
       sobra ~12px de diferenca na dobra, menos de 3% da altura. */
    margin: 0 0 8px;
    font-family: Montserrat, sans-serif;
    font-size: clamp(20px, 1.9vw, 24px);
    font-weight: 900;
    line-height: 1.05;
    text-transform: uppercase;
    color: #fff;
}
/* quebra garantida no dois-pontos: linha 1 = termo, linha 2 = o resto */
.hero-headline em {
    display: block;
    font-style: normal;
    color: #ffe500;
}

/* Selo do Reclame Aqui na dobra (desktop). A chapa clara existe porque a
   arte do selo tem texto preto e sumiria no azul. */
/* Com o selo, a linha de prova social vira [selo][estrelas + texto]. */
/* ARMADILHA: `#section1 .hero-award { flex-direction: column }` (front/partial/css.jade)
   empilha a linha de prova social e tem a MESMA especificidade (1,1,0) que
   `#award.com-selo` — quem ganha vira ordem de arquivo. O seletor abaixo usa
   os dois ids (2,1,0) para não depender disso. */
#section1 #award.com-selo,
#award.com-selo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}
/* flex-basis 0, nao auto: com `auto` a base e o max-content do paragrafo
   (~400px) e, somado ao selo, estoura a coluna em qualquer largura de
   notebook — o texto caia para a linha de baixo e a dobra crescia. */
#award.com-selo .award-texto { flex: 1 1 0; min-width: 0; }

.hero-selo-ra {
    display: inline-flex;
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}
/* ARMADILHA: `#award img { max-width: 20px }` (front/partial/css.jade) existe
   para os ícones pequenos da linha de estrelas e, sendo id+elemento (1,0,1),
   vence `.hero-selo-ra img` (0,1,1) — o selo saía com 20px de largura.
   O seletor com #award devolve a especificidade sem precisar de !important. */
.hero-selo-ra img,
#award .hero-selo-ra img {
    display: block;
    width: 124px;
    max-width: none;
    height: auto;
}

/* Mobile */
.hero-mobile,
.hero-mobile-headline,
.hero-mobile-selo {
    display: none;
}
/* O corte era em 1200px porque o titulo era um PNG de 893px que nao cabia.
   Com texto ele cabe em qualquer largura, entao o corte desce para 767px:
   so no mobile de verdade a dobra fica so com o formulario (regra do produto).
   De 768px pra cima — tablet e notebook — o headline aparece.
   ARMADILHA: o corte e 767.98px, NAO 767px. Com zoom no navegador a largura
   fica fracionada (ex.: 767.5px) e caia na brecha entre o antigo corte em 767px e
   o `min-width:768px` do Bootstrap: coluna unica SEM as regras de mobile, e
   a .img-home (absoluta) cobria o formulario. Nao use (width < 768px): iOS
   anterior ao 16.4 ignora a sintaxe de intervalo e perderia o mobile todo. */
@media (max-width: 767.98px) {
    .hero-text {
        display: none;
    }
}
@media (max-width: 767.98px) {
    /* A frase vem ACIMA do bloco da imagem, em elemento proprio — nao
       dentro dele (decisao do produto, 20/09/2026; ver o mixin heroMobile
       em heroDobra.jade). Repete o degrade do .hero-mobile de proposito:
       a faixa toda varia de #038CF6 a #0591F8 (3/255), entao na pratica e
       azul chapado e a emenda entre os dois blocos nao aparece. */
    .hero-mobile-headline {
        /* o padrao la em cima e display:none (desktop nao mostra o bloco);
           aqui precisa voltar explicitamente, igual ao .hero-mobile. */
        display: block;
        margin: 0;
        padding: 26px 20px 22px;
        font-family: Montserrat, sans-serif;
        /* 5vw mantem a frase em 4 linhas a partir de 360px de largura;
           6.2vw quebrava em 6 e esticava demais o bloco. */
        font-size: clamp(18px, 5vw, 26px);
        font-weight: 900;
        line-height: 1.18;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        background-color: #048EF7;
        background-image:
            radial-gradient(ellipse 60% 90% at 100% 100%, #05AFF8 0%, rgba(5, 175, 248, 0) 100%),
            linear-gradient(160deg, #038CF6 0%, #0591F8 100%);
    }
    .hero-mobile-headline em {
        display: block;
        font-style: normal;
        color: #ffe500;
    }
    /* Selo entre a frase e o criativo: mesma faixa azul, chapa clara para o
       selo e uma linha de texto com a posicao/nota que vem do painel. */
    .hero-mobile-selo {
        display: none;
        flex-direction: column;
        align-items: center;
        gap: 9px;
        margin: 0;
        padding: 0 20px 24px;
        text-align: center;
        background-color: #048EF7;
        background-image:
            radial-gradient(ellipse 60% 90% at 100% 100%, #05AFF8 0%, rgba(5, 175, 248, 0) 100%),
            linear-gradient(160deg, #038CF6 0%, #0591F8 100%);
    }
    .hero-mobile-selo a { display: block; line-height: 0; }
    .hero-mobile-selo img {
        display: block;
        width: 132px;
        height: auto;
        padding: 7px 10px;
        border-radius: 8px;
        background: #fff;
    }
    .hero-mobile-selo span {
        font-family: Montserrat, sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
        color: #fff;
    }
    /* Recorte perene (04-2026) de pe na base da faixa azul, centralizado.
       Sem padding embaixo de proposito: a figura "encosta" na borda da
       faixa, como na dobra do desktop. A frase e o selo do RA ficam
       acima, cada um no proprio bloco com o mesmo degrade. */
    .hero-mobile {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        padding: 4px 20px 0;
        background-color: #048EF7;
        background-image:
            radial-gradient(ellipse 60% 90% at 100% 100%, #05AFF8 0%, rgba(5, 175, 248, 0) 100%),
            linear-gradient(160deg, #038CF6 0%, #0591F8 100%);
    }
    /* <picture> e inline por padrao; em bloco ele vira o item do flex e
       centraliza pelo align-items do .hero-mobile. */
    .hero-mobile picture {
        display: block;
    }
    .hero-mobile-img {
        display: block;
        width: auto;
        height: auto;
        /* 300px = 1,42x de densidade com o recorte de 425px naturais. */
        max-width: 300px;
        max-height: 58vh;
        /* width:auto (e nao 100%) e o que deixa os DOIS limites valerem sem
           distorcer: com width em %, o max-height encolhe a altura e a
           largura nao acompanha. Para um criativo de campanha que ocupa o
           bloco inteiro, troque por width:100% e tire os dois max-*. */
    }

    .hero .container div.row {
        padding-top: 0 !important;
    }

    .img-home {
        display: none;
    }

    #MelhorEmpresaTop {
        display: none;
    }
}

.hero {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    height: auto;
    /* Degrade em CSS no lugar da imagem de fundo (era a imagem do LCP no mobile).
       Use rgba(...,0), nunca `transparent`: transparent e preto com alfa 0 e escurece o meio. */
    background-color: #048EF7;
    background-image:
        radial-gradient(ellipse 30% 120% at 100% 90%, #05AFF8 0%, rgba(5, 175, 248, 0) 100%),
        linear-gradient(100deg, #038CF6 0%, #0591F8 100%);
    position: relative;
    color: #fff;
    margin: 0;
    padding: 0;
}

/* O selo so entra no bloco de baixo ATE 490px. De 491px pra cima a linha de
   estrelas da dobra reaparece (.hideMobile) trazendo o MESMO selo, e os dois
   ficavam na mesma tela. */
@media (max-width: 490px) {
    .hero-mobile-selo {
        display: flex;
    }
    /* ARMADILHA: `#award.com-selo { display:flex }` (acima) tem especificidade
       maior que `.hideMobile { display:none }` e, com o selo ligado, fazia a
       linha de prova social REAPARECER no celular — o selo saía duas vezes na
       mesma tela. Aqui a regra é desfeita com a mesma especificidade. */
    #section1 #award.com-selo,
    #award.com-selo {
        display: none;
    }
}

/* Notebook */
@media (min-width: 1200px) {
    .hero-img {
        display: block;
    }
}

/* Nessa faixa nao havia regra de `right`, entao a foto ficava na posicao
   estatica da coluna e vazava para fora da viewport (587px de largura indo
   ate 1099px numa tela de 768 — sobrava so a metade esquerda da modelo).
   Ancorar em right:0 mantem a figura inteira dentro da tela. */
@media (768px <= width <= 1200px) {
    .img-home {
        bottom: 0;
        right: 0;
    }
}

/* Tablet (768-991px): o formulario ocupa ~65% da largura e sobra ~35% a
   direita. Com 340px a modelo cobria o Telefone e o FAZER COTACAO (de 768 a
   950px). A campanha do Mes do Cliente escondia isso porque a arte dela era
   larga e baixa. 32vw cabe na sobra em toda a faixa. O !important vence o
   max-width:340px que esta inline no img (heroDobra.jade). */
@media (min-width: 768px) and (max-width: 991.98px) {
    .img-home {
        max-width: 32vw !important;
    }
}

@media (1201px <= width <= 1300px) {
    .img-home {
        right: 5%;
        bottom: 0;
    }
}

@media (1301px <= width <= 1921px) {
    .img-home {
        right: 12%;
        bottom: 0;
    }
}

/* Mostrar apenas o selo */
//- @media (max-width: 1700px) {
//-     .img-home {
//-         display: none;
//-     }
//-     .selo-home {
//-         height: 86% !important;
//-     }
//- }

/* Ultrawide */
@media (min-width: 2500px) {
    .img-home {
        right: 17% !important;
    }
}
/* Cabeçalho sem menu: usado por página de formulário que não é conteúdo de
   navegação (o cadastro público de afiliado). Some o menu e a Central de
   Atendimento, fica só o logo — quem está preenchendo um cadastro não
   precisa de saída para o site, e cada saída é um cadastro a menos. */
header.sticky.sem-menu .col-md-7,
header.sticky.sem-menu .col-md-3.text-right.menu {
    display: none !important;
}

header {
    overflow: visible;
}
nav.topnav-container {
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
}

/* Seletor "header button.topnav-toggle" (nao so ".topnav-toggle"): o
   mini.css tem uma regra propria "header [type=\"button\"]" para o
   botao do SEU navbar (position:relative, height:55px, background
   solido...). Como esse toggle e um <button type="button"> dentro de
   um <header>, ele casa com a regra do framework tambem — e o
   seletor de atributo [type="button"] do mini.css tem especificidade
   MAIOR que uma classe sozinha (0,1,1 contra 0,1,0), entao ganhava da
   nossa. O sintoma: o hamburger ficava com position:relative em vez
   de absolute (nao ancorava em top:0;right:0) e um fundo solido que
   vazava abaixo do header (overflow:visible) sobre o hero — parecia
   "deslocado pra esquerda/baixo". Precisa ficar pelo menos tao
   especifico quanto "header [type=\"button\"]" pra vencer sempre,
   nao so por ordem de declaracao. */
header button.topnav-toggle {
    display: none;
    font-size: 1.5rem;
    cursor: pointer;
    /* reset de <button>: sem isso, o botão herda borda/fundo/padding do
       navegador e o hamburger para de ficar idêntico ao <span> antigo */
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: inherit;
    line-height: 1;
    color: inherit;
}

.topnav-menu {
    display: flex;
    align-items: center;
    margin-top: -29px;
}

.topnav-menu a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
}

.topnav-item {
    position: static;
}

.topnav-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 24px 30px 26px;
    max-height: calc(100vh - 140px);
    width: min(1210px, calc(100vw - 32px));
    min-width: min(920px, calc(100vw - 32px));
    overflow-y: auto;
    z-index: 9999;
    border: 1px solid #e7eef2;
    border-top: none;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 26px 64px rgba(4, 38, 51, .17);
}

/* Abre por INTENÇÃO de hover: a classe .hover-open é posta via JS só depois
   de ~180ms com o mouse parado sobre o item (e removida com leve atraso ao
   sair). Antes era ":hover" puro e o painel abria só de passar o mouse pela
   tela — disparo acidental. Ver JS em indexNovoFooter.jade. */
.topnav-item.hover-open .topnav-dropdown {
    display: block;
}

/* (Removida a "ponte invisível" de 80px que ficava abaixo do gatilho: ela
   estendia a zona de hover para dentro do banner e abria o menu ao passar
   o mouse bem abaixo da palavra. O vão até o painel agora é coberto pelo
   ATRASO de fechamento do JS — ver hover-intent em indexNovoFooter.jade —,
   então a abertura acontece só sobre a própria palavra "Seguro Viagem". */
.seguro-viagem-topnav {
    position: relative;
}

/* Dropdown "Seguradoras": lista curta, não usa a largura do mega menu */
.topnav-segs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 28px;
}
.topnav-segs-grid a {
    padding: 7px 0;
    font-size: 15px;
}
.topnav-dropdown a.topnav-segs-all {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e7eef2;
    color: #006b8f;
    font-size: 14px;
}
@media (min-width: 861px) {
    .topnav-dropdown.topnav-segs {
        width: auto;
        min-width: 0;
        max-width: calc(100vw - 32px);
    }
    .topnav-segs-grid {
        grid-template-columns: repeat(3, minmax(170px, 1fr));
    }
}

.topnav-menu a.topnav-title,
.topnav-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 9px;
    padding: 0 0 9px;
    color: #006b8f;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .07em;
    text-transform: uppercase;
    border-bottom: 1px solid #e7eef2;
}
.topnav-menu a.topnav-title:hover,
.topnav-title:hover {
    color: #00536e;
}

.topnav-dropdown a {
    display: block;
    font-weight: bold;
    margin-bottom: 0;
    color: #15202d;
    border-bottom: none;
}

.topnav-dropdown a:hover {
    color: #00a1bd;
    border-bottom: none;
}

.topnav-mega {
    display: grid;
    grid-template-columns: 1.08fr 1fr 1.06fr 1.02fr;
    gap: 0;
}

.topnav-mega-col {
    padding: 0 28px;
}
.topnav-mega-col:first-child {
    padding-left: 0;
}
.topnav-mega-col:last-child {
    padding-right: 0;
}
.topnav-mega-col + .topnav-mega-col {
    border-left: 1px solid #edf1f4;
}

.topnav-section + .topnav-section {
    margin-top: 20px;
}

.topnav-country {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 0;
    height: auto !important;
    margin: 1px 0;
    padding: 6px 10px !important;
    color: #1f2d37 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: background-color .15s ease, color .15s ease;
}

.topnav-country.has-children {
    cursor: pointer;
}

.topnav-country:hover {
    color: #006b8f !important;
    background: #eef7fa !important;
}

.topnav-country.has-children::after {
    content: "";
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    border-right: 1.6px solid #9aa9b2;
    border-bottom: 1.6px solid #9aa9b2;
    transform: rotate(45deg) translateY(-1px);
    transition: transform .18s ease, border-color .18s ease;
}

.topnav-country.has-children:hover::after {
    border-color: #006b8f;
}

.topnav-country.has-children.is-open::after {
    transform: rotate(-135deg) translateY(2px);
}

.topnav-sub {
    display: none;
    flex-direction: column;
    gap: 1px;
    margin: 3px 0 9px 10px;
    padding: 7px 8px 7px 14px;
    background: #f3fafb;
    border-left: 2px solid #bfe0ea;
    border-radius: 0 8px 8px 0;
}

.topnav-country.is-open + .topnav-sub {
    display: flex;
}

.topnav-sub a {
    display: block;
    color: #8a97a1 !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    padding: 3px 8px;
    border-radius: 6px;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: background-color .15s ease, color .15s ease;
}

.topnav-sub a:hover {
    color: #006b8f !important;
    background: #e6f2f6;
}

.topnav-sub a.topnav-view-all {
    color: #006b8f !important;
    font-weight: 600;
}

.topnav-specials a {
    padding: 6px 10px;
    margin: 1px 0;
    border-radius: 8px;
    color: #1f2d37;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: background-color .15s ease, color .15s ease;
}

.topnav-specials a:hover {
    color: #006b8f;
    background: #eef7fa;
}

.btnCentralAtendimento,
.btnCentralAtendimentoMobile {
    background-color: #038434; /* branco sobre ele = 4,8:1 (WCAG AA); o #06ae42 dava 2,9:1 */
    padding: 12px 30px;
    border-radius: 10px;    
}

a.btnCentralAtendimento,
a.btnCentralAtendimentoMobile {
    color: #fff;
}

#MelhorEmpresaTop {
    background-color: #042633;
    color: #fff;
}

#MelhorEmpresaTop p {
    font-size: .7em;
}

/* MOBILE */
@media (max-width: 860px) {
    #topnavMenu.topnav-menu {
        position: absolute;
        top: 50px;
        right: 0;
        background: #fff;
    }
    /* right:20px em vez de right:0: pequeno respiro da borda da tela
       (nao usar margin/padding aqui — o botao ja e position:absolute,
       entao o offset certo e no proprio `right`). */
    header button.topnav-toggle {
        position: absolute;
        top: 0;
        right: 20px;
    }
    .topnav-menu {
        flex-direction: column;
        align-items: flex-start;
        display: none;
        width: 100%;
        margin-top: 1rem;
    }
    .topnav-menu a {
        margin-left: 12px;
    }
    .topnav-menu .topnav-item a {
        margin-left: 0;
    }

    .topnav-menu.show {
        display: flex;
    }

    header button.topnav-toggle {
        display: block;
    }

    .topnav-dropdown {
        left: 0;
        transform: none;
        /* border-box: sem isso o padding somava à largura e o painel
           passava ~22px da tela (rolagem lateral com o menu aberto) */
        box-sizing: border-box;
        width: calc(100vw - 24px);
        min-width: 300px;
        padding: 18px 16px;
        max-height: calc(100vh - 88px);
        border-radius: 0 0 8px 8px;
    }

    .topnav-mega {
        display: block;
    }

    .topnav-mega-col {
        padding: 0;
    }

    .topnav-mega-col + .topnav-mega-col {
        margin-top: 22px;
        border-left: 0;
    }

    .topnav-title {
        margin-top: 2px;
    }

    .topnav-country {
        min-height: 40px;
        padding: 10px 12px !important;
    }

    .topnav-item.hover-open .topnav-dropdown {
        display: none;
    }

    .topnav-item.open .topnav-dropdown {
        display: block;
        position: relative;
    }

    .btnCentralAtendimento {
        display: none;
    }

    .btnCentralAtendimentoMobile {
        display: block;
    }

    #MelhorEmpresaTop {
        display: none;
    }
}