/* Atualizado em 23/jun/2026 — esquema de cores migrado para o roxo do bmicalc.co (escala funcional de precisão preservada) */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,big,code,img,ins,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}::-moz-selection{background:#50b432;text-shadow:none}::selection{background:#50b432;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #0670A1;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}ul{margin:0 0 0 5px}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
* {
  scrollbar-color: #701c74 #ffffff;
  scrollbar-width: thin;
}
html{box-sizing:border-box;scroll-behavior:smooth;}

/* font-family:-apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', Arial, sans-serif, 'Helvetica Neue', Arial; */
body{width:100%;min-height:101%;margin:0;color:#333;font-family:Arial, Helvetica, sans-serif;font-size:1em;font-weight:400;line-height: 1.3;background-color:#5f4752;}

.title{line-height: 0.7em;margin-left:50px}
.bread{margin-top:5px!important;padding:0.1em}
input,select,select option,select optgroup,button,h1,h2,h3,h4 {font-family:'Arial Narrow',sans-serif;} 
/* input,select,select option,select optgroup,button,h1,h2,h3,h4 {font-family: 'Arial Narrow',Arial,sans-serif;letter-spacing:-1.5px;font-size:1.1em} */
a{text-decoration:none;margin:0 0 0 5px;color:#701c74}
p{margin:0 0 0.3em;}
h1,h2,h3,h4{color:#444;margin:0.5em 0 0.45em;font-weight:500;line-height:1.1em}
h1{font-size:1.9em;/*margin-bottom:0.4em*/}
h2{font-size:1.7em}
h3{font-size:1.5em}
h4{font-size:1.1em}
.title-image-container{height: 160px}
.title-image{/*border: 1px solid #90caf9;*/margin:5px 0 15px 0; width:100%;}
@media only screen and (max-width:560px) {
	.title-image-container{height: 115px}
	.title-image{margin:5px 0 5px 0;}
}
@media only screen and (max-width:480px) {
	.title-image-container{height: 100px}
}
@media only screen and (max-width:420px) {
	.title-image-container{height: 90px}
}
@media only screen and (max-width:360px) {
	.title-image-container{height: 70px}
}
sup,sub{font-size:0.7em}
.small-font, small, .small{font-size:0.85em;font-weight: 400;}
.normal-font,.normal-font-size{font-size:1em;font-weight: 400;}
.medium-font{font-size:1.1em;font-weight: 400;}
.big-font{font-size:1.3em;font-weight: 400;}
.bigger-font{font-size:1.5em;font-weight: 400;}
.bold{font-weight:600!important}
.no-bold{font-weight:400}
.centered{text-align:center}


li{padding-left:1em;margin-bottom:.9em;list-style-type:none;}
.bulletul{padding-left:0}
.bullet{list-style:none;padding:0}
.bullet a{color:unset}
.bullet:before{content:"• ";color:#77267a}
.inline-bulletul{padding-left:0}
.inline-bullet{list-style:none;padding:0}
.inline-bullet:before{content: " • ";color:#50b432;font-size: 1.5em}

#topRow {min-height: 70px;}
#conversionTable{min-height: 335px;}
#examples{min-height: 80px;}
.legend{font-size:0.85em!important}

/* Format fractions */
.green, .green2, .yellow, .orange, .red, .orange2, .gray, .black{padding:0.3em;border-radius:5px;font-size:1em}
/* .green{color:#333;background-color:#70ff70;} */
.green{color:#5f8a1e;background-color:#fff;}
.green2{color:#5f8a1e;background-color:#e1ffe1;}
.yellow{color:#5f8a1e;background-color:#ffff81;}
.orange{color:#5f8a1e;background-color:#ffdeaf;}
.orange2{color:#5f8a1e;background-color:#ffba8d;}
.red{color:#fff;background-color:#ff9e5e;}
.black{color:#fff;background-color:#777;}

.extlink{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='11' width='11' viewBox='0 0 11 11' stroke-width='1' stroke='%2300a300' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='m6 1h4v4' /%3E%3Cpath d='m10 1-5 5' /%3E%3Cpath d='m3 3h-2v7h7v-2' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 5px;margin:0 0 0 7px;padding:0 0 5px 15px;list-style:none;font-size:.87em}

table.lin1{border-spacing:0;max-width:768px;/*width:100%*/}
table.lin1 th{font-weight:600;padding:.4em;background:#77267a;color:#fff;text-align:left}
table.lin1 td{height:2em;font-size:1em;padding:0.3em 0.1em 0.2em 0.2em}
table.lin1 tr:nth-child(even){color:#701c74;background:#f9f2ff}
table.lin1 tr:nth-child(odd){color:#674e59;background:#fff}



/*Grid*/
.wrapper{margin:40px auto 0!important;min-height:100%;background:#fff;margin:0 auto;box-shadow:0 5px 16px 0 rgba(0,0,0,.1), 0 1px 14px 0 rgba(0,0,0,.2)}
@media (min-width:768px){.wrapper,#top-bar{width:768px}}
@media (max-width:1024px){.wrapper,#top-bar{width:100%}}

.section{clear:both;padding:0 5px 0 5px;margin:0}
.col{display:block;float:left;margin:1% 0 1% 1.6%}
.col:first-child{margin-left:0}
.group:before,.group:after{content:"";display:table}
.group:after{clear:both}
.group{zoom:1}
.span_2_of_2{width:100%}
.span_3_of_3{width:100%}
.span_4_of_4{width:100%}
.span_5_of_5{width:100%}
.span_1_of_2{width:49.2%}
.span_1_of_3{width:32.1%}
.span_1_of_4{width:23.5%}
.span_1_of_5{width:18.5%}
.col-right{width:49%}

footer,header{background-color:#701c74!important;color:#fff}
.header-container,.footer-container,.main aside,footer{background-color:#701c74;color:#fff}
.header-container{opacity:.95;z-index:10;margin-top:-40px;height:40px;position:fixed;width:inherit}
.header-container a{color:#fff}
header h2{    margin: 12px 50px;}
.footer-container,.main aside{height:45px;padding:0 5px 0 5px}
.footer-container a{color:#fff;padding:20px 0}

/*Tabbed Calculator*/
.calculator-tabbed {margin:39px 0 0 0}
.calculator-tab {margin:-36.4px 0 0 -2px}
.calculator-tab button{font-size: 14px;
  background-color:#701c74;
  color: #fff;
  border: 1px solid #701c74;
  outline: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 10px;
  cursor: pointer;
  padding: 7px 5px;
  transition: .3s;
  letter-spacing: -0.035em;}
.calculator-tab button.active{border:1px solid #eedff3;border-bottom: 4px solid #fff;font-weight:500;background-color:#fdfcff;cursor:default;color:#701c74;margin:0;}

/*Calculator or Forms*/
.calculator{background-color:#fdfcff;border:1px solid #eedff3;padding:5px;border-radius:5px;}
.HrHeader{font-weight:400;margin-bottom:10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-bottom:1px dotted #701c74;text-align:left;text-transform:uppercase;padding:.2em .2em .1em}
label{line-height:1.5}
.calcHeader{padding:0.2em 0.3em 0.35em;text-align:center;background:#77267a;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-weight:500;border-radius:5px;color:#fff}
.calculator table{width:100%}
.btn{border:none;color:#fff;background:#701c74;margin:5px 7px 5px 0;padding:0.6em!important;border-radius:5px!important;font-weight:normal;cursor:pointer}
.btn:active{position:relative;top:1px}

input{max-width:150px;height:2.14em;}

select{height:2.15em;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;cursor:pointer;}

select::-ms-expand{display:none} 
option:active,option:checked,option:focus,option:hover,option:visited{background-color:#fcf3ff;font-weight:bolder} 
select option{color:#701c74;font-size:14px} 
select optgroup{color:#5fa624;font-size:16px} 

input, select{background:#fcf3ff;font-family: 'Arial Narrow',sans-serif;letter-spacing:-1px;font-size:1.1em;font-weight:500;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #cfc3da;color:#701c74;margin:5px 0 5px;}
.inputfixed3{width:105px}
	
#formA, #formB, .property_form, .numbersonly{margin-top:0}
    
#propertyForm select{width:100%;max-width:240px;}
#formA select, #formB select{width:100%;max-width:150px;}
#formA input, #formB input{width:100%;max-width:150px;}

.equal{text-align:center;vertical-align:middle}
#propertyForm{margin-top:5px;}
    
/* Check boxes and radio buttons */
input[type=checkbox]:not(old),input[type=radio]:not(old){width:20px;opacity:0;font-size:5px}
input[type=checkbox]:not(old)+label,input[type=radio]:not(old)+label{margin-left:-2em;margin-right:1em;font-size:0.8em}
input[type=checkbox]:not(old)+label>span,input[type=radio]:not(old)+label>span{display:inline-block;margin:2px;border:1px solid #701c74;border-radius:5px;background:#fff;vertical-align:top;width:25px;height:23px;font-size:0.8em}
input[type=checkbox]:not(old):checked+label>span,input[type=radio]:not(old):checked+label>span{background:#fff}
input[type=checkbox]:not(old):checked+label>span:before{content:'✓';display:block;color:#701c74;font-size:16px;line-height:1;margin-top:1.5px;text-align:center;font-weight:bolder}
input[type=radio]:not(old):checked+label>span>span{display:block;height:15px;margin:2.8px 2.8px 5px 2.7px;border-radius:2px;background:#701c74}
    
    
.verbose,#verbose{min-height: 160px;background:#fdfcff;border:1px solid #cfc3da !important;overflow:auto;border-radius:5px;padding:0.35em 0.3em;margin-top:5px;font-size:15px}
    
#switch,.equal,.switch{color:#417111;font-size:1.4em;text-align:center;cursor:pointer;user-select: none;}
    
.fraction {display: inline-block;text-align: center;vertical-align: middle;font-size: 0.9em;margin: 0 0.1em;line-height: 1em;
}
.top{line-height:normal}
.bottom{border-top:1px solid;display:block;margin:0 0 .2em}

@media only screen and (max-width:417px){
    .block6,.block10{width:49%}
    #formA select, #formB select{max-width:150x;}
    #formA input, #formB input{max-width:150px;}
}
@media only screen and (max-width:360px){
    #formA select, #formB select{max-width:125px;}
    #formA input, #formB input{max-width:125px;}
    input{max-width:125px!important}
}
@media only screen and (max-width:320px){
    #formA select, #formB select{max-width:105px;}
    #formA input, #formB input{max-width:105px;}
    input{max-width:105px!important}
}
@media only screen and (max-width:300px){
    #converted,#from,#from_val,#fromval,#q,#to,#to_val,#toval,.from,.to{max-width:80px}
    #propertyForm select{max-width:205px;}
    .unitMenu{max-width:80px!important}
    input{max-width:77px!important}
}

/*Tooltip*/
.tooltip{position:relative;float:right;}
.tooltip .tooltiptext{visibility:hidden;width:240px;border:1px solid #eedff3;background-color:#fbf7ff;color:#444;text-align:left;padding:0 5px;border-radius:6px;position:absolute;z-index:1;font-size:14px;font-weight:400;left:-242px;top:0;line-height:1.2em;text-transform:none;font-family:arial,sans-serif;}
.tooltip:hover .tooltiptext{visibility:visible}
.hlp{padding:3px 7px 2px 7px;height:32px;width:32px;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;
margin-right:2px;text-align:center;color:#701c74;background-color:#eedff3;cursor:pointer;font-family:Arial;font-size:16px}

/*Personalizar o placeholder*/
::-webkit-input-placeholder {/* Chrome/Opera/Safari */color:#c7b1c7;font-size:0.85em;font-weight:300}
::-moz-placeholder {/* Firefox 19+ */color:#c7b1c7;font-size:0.85em;font-weight:300}
:-ms-input-placeholder {/* IE 10+ */color:#c7b1c7;font-size:0.85em;font-weight:300}
:-moz-placeholder {/* Firefox 18- */color:#c7b1c7;font-size:0.85em;font-weight:300}	
::-moz-placeholder{opacity:1;}

/*Lateral Nav*/
.nav{width:100%;font-family:inherit;font-size:1em;position:absolute;top:0;bottom:0;-webkit-transition:0.7s;transition:0.7s;visibility:hidden;width:20em;z-index:2}
.nav-button{height:40px;position:absolute;top:0;overflow:hidden;text-indent:100%;-webkit-transition:background-color 150ms,-webkit-transform .5s;transition:background-color 150ms,-webkit-transform .5s;transition:transform 0.5s,background-color 150ms;transition:transform 0.5s,background-color 150ms,-webkit-transform .5s;white-space:nowrap;width:50px;z-index:3;background-color:#701c74}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit}
.nav-button .nav-icon{background-color:#ffd72d;bottom:auto;height:5px;left:50%;position:absolute;right:auto;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:.5s;transition:.5s;width:22px}
.nav ul{padding-left:0;margin-bottom:16px}
.nav-button:focus{outline:0}
.nav-button:focus .nav-icon,.nav-button:hover .nav-icon{background-color:#ffd72d}
.nav--open .nav-button:focus .nav-icon,.nav--open .nav-button:hover .nav-icon{background-color:transparent}
.nav-button .nav-icon::before,.nav-button .nav-icon::after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:inherit;content:'';height:100%;right:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:width 0.5s,top 0.3s,-webkit-transform .5s;transition:width 0.5s,top 0.3s,-webkit-transform .5s;transition:transform 0.5s,width 0.5s,top .3s;transition:transform 0.5s,width 0.5s,top 0.3s,-webkit-transform .5s;width:100%}
.nav-button .nav-icon::before{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.nav-button .nav-icon::after{-webkit-transform:translateY(6px);transform:translateY(6px)}
.nav .logo{height:90px;display:inline-block;margin-bottom:60px;width:100%;text-align:center}
.nav a{color:#fff;letter-spacing:.75px}
.nav a.active,.nav a:hover,.nav a:focus{color:#fff}
.nav a.active{font-weight:700}
.nav li{list-style:none}
.nav ul:last-of-type{margin-bottom:20px}
.nav h2{color:#701c74;margin-bottom:20px;margin-top:0;font-size:1.4em}
.nav .nav-wrapper{background-color:#701c74;border:1px solid #94a9ac;overflow-y:auto;padding:35px 1em;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform 0.7s,-webkit-transform .7s}
.nav--open .nav .nav-wrapper{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform 0.5s,-webkit-transform .5s}
.nav--open .nav{-webkit-transition:0.7s;transition:0.7s;visibility:visible}
.nav--open .nav-icon{background-color:transparent}
.nav--open .nav-icon::after,.nav--open .nav-icon::before{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform 0.5s,-webkit-transform .5s;background-color:#ffd72d}
.nav--open .nav-icon::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav--open .nav-icon::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav h3{margin-bottom:10px;color:#fff;text-transform:uppercase}
.nav ul li:before{content:"• ";color:#ffd72d}

/*Other*/
.hidden{display:none!important;visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.tld{color:#fbf091}
.alert{color:red}
.logo{width:64px;height:64px;margin:-12px 15px 0 0}
.destacado{color:#36a73a;font-weight: 500;}
.logo{width:60px}
.texto{font-weight:400;border:0 none;background:none;color:#9d59a0;width:97%;}
.formula{width:auto;min-height:2.1em;color:#36a73a;background-color:#fcf3ff;border: 1px solid #cfc3da;border-radius: 5px;padding:5px;margin:5px 0;font-weight:bold}

/*feedback-button*/
.feedback-button{padding:0px;background:#eedff3;border-radius:5px;border:1px solid #eedff3;line-height:20px;text-align:center;font-weight:500;color:#912496;height:25px;width:80px;position:fixed;bottom:150px;right:-30px;overflow:hidden;-webkit-transition:background-color 150ms,-webkit-transform .5s;transition:background-color 150ms,-webkit-transform .5s;transition:transform 0.5s,background-color 150ms;transition:transform 0.5s,background-color 150ms,-webkit-transform .5s;white-space:nowrap;z-index:3;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);opacity:0.7;}
#feedback-main{display:none;float:left;padding-top:0}
#feedback-div{background-color:#fff;width:400px;right:25px;position:fixed;-moz-border-radius:7px;border-radius:5px;-webkit-border-radius:5px;top:57.7%;border:1px solid #eedff3;border-radius:4px;z-index:999;padding:5px 1.5em 15px;opacity:.9;color:#444}
	
@media only screen and (max-width:580px){
#feedback-div{left:5.5%;width:82%;padding-right:3%;top:95%;margin:-100% 3% 0 0}
}

/*media queries*/
@media only screen and (max-width:760px){
.col{margin:1% 0}
.span_1_of_2,.span_1_of_3,.span_1_of_4,.span_1_of_5{width:100%}
.bullet{padding:0.2em 0;margin:5px 0 5px 0}
.nav{width:95%}
}
    
    
    
/* Ad units */
/* 2560 x 1440 | 1920 x 1080 | 1600 x 900 | 1536 x 864 | 1440 x 900 | 1366 x 768 | 1280 x 720 */
ins{text-align:center!important}
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

#left-bar, #right-bar{visibility:hidden;display:none;position:absolute;min-height:600px!important; overflow:hidden; padding:0; vertical-align:top; min-width:336px}

@media only screen and (min-width:1400px) {
	#left-bar{margin:60px 0 0 -350px; min-width:336px;}
	#right-bar{margin:60px 0 0 780px; min-width:336px;}
}

@media only screen and (min-width:1300px) {
	#left-bar{display:block;visibility:visible;margin:60px 0 0 -350px;min-width:336px;}
	#right-bar{display:block;visibility:visible;margin:60px 0 0 786px;min-width:336px;}
}

@media only screen and (min-width:1270px) {
	#left-bar{display:block;visibility:visible;margin:60px 0 0 -255px;min-width:250px;}
	#right-bar{display:block;visibility:visible;margin:60px 0 0 775px;min-width:250px;}
}

/* Ad units */
/* Adsense Ad units */
/* 2560 x 1440 | 1920 x 1080 | 1600 x 900 | 1536 x 864 | 1440 x 900 | 1366 x 768 | 1280 x 720 */
ins{text-align:center!important}

#ad-1,#ad-2,#ad-3{text-align:center!important;min-width:240px}
/* #ad-1{height:90px;margin:15px 0 15px 0} */
#ad-1,#ad-2{margin:0 0 15px 0}
#ad-3{margin:15px 0 15px 0}

#ad-calc{margin:10px 0 10px 0;height:120px}

@media only screen and (max-width:600px) {/* big phones */
	#ad-2{margin-top:15px}
	#ad-1{min-height:350.2px}
}
@media only screen and (max-width:412px) {/* Galaxy s20 Ultra */
	#ad-1,#ad-2,#ad-3{min-height:350.2px}
}
@media only screen and (max-width:390px) {/* iphone 12 */
	#ad-1,#ad-2,#ad-3{min-height:332.198px}
}
@media only screen and (max-width:375px) {/* iphone se */
	#ad-1,#ad-2,#ad-3{min-height:319.198px}
}
@media only screen and (max-width:360px) {/* Galaxy note 3, S8 */
	#ad-1,#ad-2,#ad-3{min-height:307.198px}
}
@media only screen and (max-width:320px) {/* iphone 4 */
	#ad-1,#ad-2,#ad-3{min-height:273.198px}
}

.awesomplete [hidden]{display:none}
.awesomplete .visually-hidden{position:absolute;clip:rect(0,0,0,0)}
.awesomplete{display:inline-block;position:relative}
.awesomplete > input{min-width: 300px;Width:300px}
.awesomplete > ul{position:absolute;left:0;z-index:1;min-width:100%;box-sizing:border-box;list-style:none;padding:0;margin:0;background:#fff}
.awesomplete > ul:empty{display:none}
.awesomplete > ul{border-radius:.3em;margin:.1em 0 0;background:hsla(0,0%,100%,.9);background:linear-gradient(to bottom right,white,hsla(0,0%,100%,.8));border:1px solid rgba(0,0,0,.3);box-shadow:.05em .2em .6em rgba(0,0,0,.2);text-shadow:none;max-height:13.5em;overflow:auto}
.awesomplete > ul[hidden],.awesomplete > ul:empty{opacity:0;transform:scale(0);display:block;transition-timing-function:ease}
.awesomplete > ul:before{content:"";position:absolute;top:-.43em;left:1em;width:0;height:0;padding:.4em;background:#fff;border:inherit;border-right:0;border-bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.awesomplete > ul > li{position:relative;padding:.2em .5em;margin-bottom:0;cursor:pointer}
.awesomplete > ul > li:hover{background:#f9f2ff;color:inherit}
.awesomplete > ul > li[aria-selected="true"]{background:#f9f2ff;color:inherit}
.awesomplete mark{background:none;color:#228711;font-weight:700}
.awesomplete li:hover mark{background:#f9f2ff}
.awesomplete li[aria-selected="true"] mark{color:#228711}