html {scroll-behavior: smooth;}
html :where(img) {height: auto; max-width: initial;}

.fundo-breadcrumb { background: url('../images/unica/banner-unica.png') no-repeat top center; background-size: 100%; }
.t-breadcrumbs, .t-breadcrumbs a, .t-breadcrumbs .breadcrumb_last { color: var(--t-white); }
.t-breadcrumbs a:hover { color: var(--t-white); opacity: 0.8; text-decoration: underline; }

/* Banner */
.bloco-banner a {display: block; width: 100%; height: auto;}
.bloco-banner a img {width: 100%; height: auto;}
.bloco-banner .img-banner-mobile {display: none;}

/* Tarja */
.bloco-tarja h2 {font-size: 2.2rem; font-weight: 100;}
.bloco-tarja h2 strong {font-weight: 900;}
.bloco-tarja {position: relative;}
.bloco-tarja img {position: absolute; right: 15px; top: -70px;}

/* Beneficíos */
.bloco-beneficios {background: #D205B2;}
.bloco-beneficios .beneficio-item {display: grid; grid-template-columns: 20px 1fr; gap: 45px; align-items: center;}
.bloco-beneficios .item-centro {border-left: 1px solid #fff}
.bloco-beneficios p {font-size: 1.3rem}

/* Formulário */
.bloco-formulario {background-image: url("../images/seguro-farma/bloco-formulario-bg.png"); background-position: bottom right; background-repeat: no-repeat;	background-size: cover;}
.bloco-formulario h2 {font-size: 3rem; font-weight: 900}
.bloco-formulario h3 {font-size: 1.5rem;}
.bloco-formulario input:not([type='checkbox']) { border-radius: 0; border: 1px solid #78909C; background: transparent; height: 56px; font-size: 14px; color: var(--t-white); }
.bloco-formulario select { border-radius: 0; border: 1px solid #78909C; background: transparent; height: 56px; color: var(--t-white); font-size: 14px; }
.bloco-formulario .select select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/icones/down.svg); background-repeat: no-repeat; background-position: right 15px center; background-repeat: no-repeat; }
.bloco-formulario .form-control option { color: #000; }
.bloco-formulario input::placeholder { color: #F5F7F8; font-size: 14px; }
.bloco-formulario p a {font-weight: bold;}
.bloco-formulario p a:hover {color: var(--t-white);}

/* Somos UNICA */
.bloco-somos-unica .cor-fundo-cinza {background: #4B5A68;}
.bloco-somos-unica h3 {font-size: 2.5rem; font-weight: 500}
.bloco-somos-unica .position-direita {width: 55%}

/* Maquininhas */
.bloco-maquinas {background-image: url(../images/unica/pattern-2.png); background-size: auto; background-repeat: no-repeat;}
.bloco-maquinas h2 strong {font-weight: 900;}
.bloco-maquinas h2{font-size: 2.5rem; font-weight: 500;}
.bloco-maquinas ul li button.nav-link {background: transparent; color: var(--t-blue); margin-right: 0.6rem; border-radius: 32px; border: 2px solid var(--t-blue); font-weight: bold;}
.bloco-maquinas ul li button.nav-link.active {background: var(--t-blue);}
.bloco-maquinas ul li button.nav-link img {margin-right: 6px;}
.bloco-maquinas ul li button.nav-link.active img {filter: invert(1);}
.bloco-maquinas .tab-pane > div {display: grid; grid-template-columns: 400px 1fr; gap: 5px; align-items: center;}
.bloco-maquinas .tab-pane > div p {font-size: 1.2rem; margin-bottom: 2rem;}
.bloco-maquinas .tab-pane > div p strong {color: var(--t-blue); font-weight: 900;}
.bloco-maquinas .tab-pane > div p.juridico {font-size: 12px;}

/* Vídeo */
.bloco-video {background: #F5F7F9}
.bloco-video h2 {font-size: 2.5rem; font-weight: 900;}
.bloco-video .video-container {border: 2rem solid #D7DEE5; width: 100%; height: 650px;}

/* Especialista */
.bloco-especialista h3 {font-size: 2.5rem; font-weight: 900}
.bloco-especialista p {font-size: 2rem;}
.bloco-especialista .position-direita {width: 55%;}

@media (max-width: 990px) {
	.bloco-banner .img-banner-desktop {display: none;}
	.bloco-banner .img-banner-mobile {display: block;}
	.bloco-tarja img {display: none;}
	.bloco-tarja h2 {font-size: 1.5rem;}
	.bloco-beneficios p {font-size: 1rem;}
	.bloco-beneficios .item-centro {border: none}
	.fundo-breadcrumb { background: url('../images/unica/banner-mobile.png') no-repeat top center; background-size: 100%; }
	.d-grid-form {grid-template-columns: 1fr;}
	.bloco-formulario h2 {font-size: 2rem;}
	.bloco-formulario h3 {font-size: 1.1rem;}
	.bloco-somos-unica h3 {font-size: 1.4rem;}
	.bloco-somos-unica .position-direita {width: 95%}
	.bloco-maquinas {background-image: none;}
	.bloco-maquinas h2{font-size: 1.5rem;}
	.bloco-maquinas ul li button.nav-link {font-size: 12px; margin-bottom: 12px;}
	.bloco-maquinas ul li button.nav-link img {display: none;}
	.bloco-maquinas .tab-pane > div {display: flex; flex-wrap: wrap;}
	.bloco-video h2 {font-size: 1.5rem;}
	.bloco-video .video-container {border: none; width: 100%; height: 250px;}
	.bloco-especialista h3 {font-size: 2rem;}
	.bloco-especialista p {font-size: 1.1rem;}
	.bloco-especialista .position-direita {width: 95%;}
}

@media only screen and (min-width: 1024px) and (max-width: 1440px){
	.bloco-especialista h3 {font-size: 1.5rem;}
	.bloco-especialista p {font-size: 1.1rem;}
	.bloco-formulario h2 {font-size: 1.5rem;}
	.bloco-formulario h3 {font-size: 1.1rem;}
	.bloco-somos-unica h3 {font-size: 1.5rem;}
}