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

/* Banner */
.hero { height: auto; overflow: hidden; background-image: url("../images/seguro-farma/pattern-2.png"); background-position: 70% 50%; background-repeat: no-repeat;	background-size: 800px; 	position: relative; }
.hero__image { width: 55%; height: 100%; position: absolute; top: 0; right: 0; background: url("../images/seguro-transporte/banner-img.png"); background-size: contain; background-position: top right; background-repeat: no-repeat;}
@media only screen and (min-width: 1024px) and (max-width: 1440px){ .hero__image { width: 55%;}}
@media (max-width: 990px) { .hero__image {display: none;}}
.hero__description .t-breadcrumbs, .hero__description .t-breadcrumbs a, .hero__description .t-breadcrumbs .breadcrumb_last { color: var(--t-blue); }
.hero__description .t-breadcrumbs a:hover { color: var(--t-blue); opacity: 0.8; text-decoration: underline; }.hero__description { padding-bottom: 70px; width: 50%; }
@media (max-width: 990px) {.hero__description {width: 100%; padding-left: 15px; padding-right: 15px;}}
.hero__description h1 { font-size: 3rem; font-weight: 900; line-height: 1}
.hero__description h2 { font-size: 1.125rem}
.hero__description h1::after {content: ''; display: block; width: 80%; height: 3px; background: var(--t-yellow); margin: 25px 0 40px;}
@media (max-width: 990px) {.hero__description h1 {font-size: 2rem;} .hero__description h2 br {display: none;}}
@media only screen and (min-width: 1024px) and (max-width: 1440px){.hero__description h1 { font-size: 2rem;} .hero__description {padding-bottom: 0;} .hero__description h1::after {margin: 12px 0 0;}}

/* Tarja */
.bloco-tarja h2{font-size: 1.9375rem;}
@media only screen and (min-width: 1024px) and (max-width: 1440px){.bloco-tarja h2{font-size: 1.5rem;}}

/* Sobre */
.bloco-sobre h2 {font-size: 2.25rem;}
.bloco-sobre .position-direita {width: 55%;}
@media (max-width: 990px) {.bloco-sobre h2 {font-size: 1.5rem;} .bloco-sobre .position-direita{width: 95%}}
@media only screen and (min-width: 1024px) and (max-width: 1440px){.bloco-sobre h2 {font-size: 1.5rem;}}

/* Seguro */
.bloco-seguro {height: 700px; overflow: hidden; background-image: url("../images/seguro-transporte/bloco-vantagem-image.png"), url("../images/seguro-farma/bloco-seguro-fundo.png"); background-position: right center, left center; background-repeat: no-repeat; background-size: 50%, cover; position: relative;}
.bloco-seguro .grid-lista {display: grid; grid-template-columns: 45px 1fr; gap: 15px;}
.bloco-seguro h2 {font-size: 2.5rem; font-weight: 900;}
.bloco-seguro p {font-size: 1.125rem;}
@media (max-width: 990px) {.bloco-seguro {height: auto; background-image: url("../images/seguro-farma/bloco-seguro-fundo.png"); background-size: cover;} .bloco-seguro h2 br {display: none} .bloco-seguro h2 {font-size: 2rem; }}
@media only screen and (min-width: 1024px) and (max-width: 1440px){.bloco-seguro h2 {font-size: 1.8rem;} .bloco-seguro p {font-size: 1rem;} .bloco-seguro {background-position: 170% center, left center; background-size: 80%, cover;}}

/* Medida */
.bloco-medida h3 {font-size: 2.5rem; font-weight: 900;}
.bloco-medida p {font-size: 2rem;}
.bloco-medida .position-direita {width: 55%;}
@media (max-width: 990px) {.bloco-medida h3 {font-size: 2rem;} .bloco-medida p {font-size: 1.1rem;} .bloco-medida .position-direita {width: 95%;}}
@media only screen and (min-width: 1024px) and (max-width: 1440px){.bloco-medida h3 {font-size: 1.5rem;} .bloco-medida p {font-size: 1.2rem;}}

/* 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);}
@media (max-width: 990px) {.d-grid-form {grid-template-columns: 1fr;} .bloco-formulario h2 {font-size: 2rem;} .bloco-formulario h3 {font-size: 1.1rem;}}
@media only screen and (min-width: 1024px) and (max-width: 1440px){.bloco-formulario h2 {font-size: 1.5rem;} .bloco-formulario h3 {font-size: 1.1rem;}}

/* 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-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;}}