/*body {background-color: #fff;}*/
.mauto {margin: auto;}
.m100 {max-width: 100px; height: auto !important;}
.m150 {max-width: 150px; height: auto !important;}
.m200 {max-width: 200px; height: auto !important;}
.m250 {max-width: 250px; height: auto !important;}
.m300 {max-width: 300px; height: auto !important;}
.m350 {max-width: 350px; height: auto !important;}
.m400 {max-width: 400px; height: auto !important;}
.m450 {max-width: 450px; height: auto !important;}
.m500 {max-width: 500px; height: auto !important;}
.box-registro {max-width: 340px !important;}
.w20 {width: 20px;}
.container {height: 100vh;}
.cabeca {margin-top: -7px; padding-left: 1.5rem !important;}
#corpo {padding: 0 3rem 3rem 3rem;}
.footer {width: 100%; padding-bottom: 3rem;}
.container {height: 100%;}

figcaption {font-size: 0.8rem; color: darkolivegreen; margin-bottom: 1rem;}

.marcadores li {list-style-type: square; margin-left: 2rem;}

.text-contrast {color: #2e333d; mix-blend-mode: difference;}

.image.is-150x150 {height: 150px; width: 150px;}
.image.is-250x250 {height: 250px; width: 250px;}

.banner-rodape {width: 700px; max-width: 100%; height: auto; max-height: 200px;}

.ohs-switch {position: relative; display: inline-block; vertical-align: text-top; } .ohs-switch-input {display: none; } .ohs-switch-label {display: block; width: 40px; height: 12px; text-indent: -150%; clip: rect(0 0 0 0); color: transparent; user-select: none; } .ohs-switch-label::before, .ohs-switch-label::after {content: ''; display: block; position: absolute; cursor: pointer; } .ohs-switch-label::before {width: 36px; height: 18px; background-color: #dedede; border-radius: 9999em; -webkit-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .ohs-switch-label::after {top: 0; left: 0; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); -webkit-transition: left 0.25s ease; transition: left 0.25s ease; } .ohs-switch-input:checked + .ohs-switch-label::before {background-color: #89c12d; } .ohs-switch-input:checked + .ohs-switch-label::after {left: 18px; }


/* conserta a altura do ultimo elemento do grid do bulma 
https://github.com/jgthms/bulma/issues/3783 */
.grid .cell:last-child{margin-bottom: var(--bulma-block-spacing);}

@media (min-width: 501px) {
	.navbar-brand {margin-left: 0 !important;}
	.navbar-end {margin-right: 25px !important;}
}

@media (max-width: 500px) {
	.planos .section {padding-left: 0.15rem !important;padding-right: 0.15rem !important;}
	.banner-rodape {max-width: 100%; height: auto;}
	#corpo {padding: 0 1.5rem 1.5rem 1.5rem;}
}

.hero-img {
	background-image: url('/ohs/data/images/2/pexels-cottonbro-4101143-1920px_topo.webp?d=Cz0HSV');
	background-size: cover;
	background-position-y: center;
	min-height: 235px;
}
/*
.hero-index-img {
	background-image: url('/ohs/data/images/2/pexels-cottonbro-4101143-1920px_topo.webp?d=Cz0HSV');
	background-size: cover;
	background-position-y: center;
	min-height: 350px;
	filter: blur(5px);
}
*/

figure.image-fit img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}
.fs48px {font-size: 48px;}
.f08 {font-size: 0.8rem;}
.mauto {margin: auto !important;}

#nav li{display: inline-block;}

/* planos */
html {background: #E6E6E6;}
body {background: #E6E6E6; /*height: 100vh;*/}
.is-one-third{padding: 2rem 2rem; }
.spacer{height: 40px; }
.plan_title{margin-bottom: 0 !important; }
.plan_subtitle{color: #90A4AE; }
.price{margin-top: 40px; }
.price h2{color: #00C4A7; }
.price span{font-size: 20px; }
.unavailable{text-decoration:line-through; color: #90A4AE; }
.best_selling{background: #003049; }
.best_selling h2{color: #F77F00; }
.best_selling_btn{background: #f77f00 !important; }
.hero.best_selling {color: #fff;}
/* fim planos */


/* ribbon*/