@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body, html {
  overflow-x: hidden;
}

.widapt__body button {
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-transform: none !important;
  color: #000000 !important;
  padding: inherit !important;
}

.widapt__body [type=button]:focus,
.widapt__body [type=button]:hover,
.widapt__body [type=submit]:focus,
.widapt__body [type=submit]:hover,
.widapt__body button:focus,
.widapt__body button:hover {
    background-color: #ffffff !important;
}

.widapt__body .hr_color{
  border: none !important;
  border-top: 1px solid rgba(180, 191, 208, 0.5) !important; /* 50% opacidade */
  height: 0 !important;
}

.widapt-main__widget h1,
.widapt-main__widget h2,
.widapt-main__widget h3,
.widapt-main__widget h4,
.widapt-main__widget h5,
.widapt-main__widget h6,
.widapt-main__widget p,
.widapt-main__widget button,
.widapt-main__widget input,
.widapt-main__widget select,
.widapt-main__widget textarea {
  font-family: "Montserrat", sans-serif !important;
}

/* Mantém proporções relativas 
#coloradd-wrapper h1,
#coloradd-wrapper h2,
#coloradd-wrapper h3,
#coloradd-wrapper h4,
#coloradd-wrapper h5,
#coloradd-wrapper h6,
#coloradd-wrapper p,
#coloradd-wrapper button,
#coloradd-wrapper input,
#coloradd-wrapper select,
#coloradd-wrapper textarea {
  font-size: 1em !important;
  font-family: "Montserrat", sans-serif !important;
}*/

#accessWidget {
  display: none;
}
#widgetToggleColorAdd {
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 99999;
  cursor: pointer;
  width: 60px;
  height: 60px;
  padding: 0;
  border: none;
  border-radius: 80%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  /*box-shadow: 0 4px 12px rgba(0,0,0,0.25);*/
}

#widgetToggleColorAdd img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.coloradd-icon {
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 20px !important;
  height: 20px !important;
  pointer-events: none !important;
}

/* WIDAPT CLOSE - RESET */
.btn_close, .btn_reset, .icon_mover__widapt_widget {
  box-sizing: content-box !important;
  width: 18px !important;
  height: 18px !important;
  padding: .4em .4em !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 0 !important;
  border-radius: 50px !important;
  opacity: 1 !important;
  line-height: 0 !important;
  cursor: pointer !important;
}





/****** IDIOMA SELECT ******/
.idioma_select{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 20px !important;
}
.idioma_select label{
  margin-bottom:0 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
}
.widapt__body .form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ffffff !important;
    color: #000 !important;
    padding: .475rem 2.25rem .475rem 1.75rem !important;
    border: 1px solid #ffffff !important;
    border-radius: 25rem !important;
    background: url(" data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' width='12' height='6'>\ <polyline points='1,1 5,5 9,1' stroke='black' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/>\ </svg>") no-repeat right 1rem center;
    background-size: 12px 6px;
    cursor: pointer !important;
    width: 100% !important;
    height: 45px !important;
    font-size: 16px !important;
}





/****** TAMANHO DA FONTE ******/
.widapt__body .tamanho_fontes{
  background: #fff;
  border-radius: 12px;
  padding: 0.3125rem 1.625rem !important;
  transition: border-color .15s ease !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin-bottom: 7px !important;
  font-family: "Montserrat", sans-serif !important;
}
.widapt__body .tamanho_fontes button{
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  padding: .375rem .75rem !important;
  cursor: pointer !important;
}
.widapt__body .tamanho_fontes button:hover{
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  padding: .375rem .75rem !important;
  cursor: pointer !important;
}





/* WIDAPT */
.widapt-features{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 15px !important;
  padding-bottom: 15px !important;
}
.widapt_item{
  position: relative !important;
}
.btn-widapt__item{
  position: relative !important;
  width: 100% !important;
  height: 114px !important;
  display: flex !important;
  flex-flow: column !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 0.3125rem 0.625rem !important;
  transition: border-color .15s ease !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
}
.btn-widapt__item span{
  font-size: 0.875rem !important;
  margin-top: 7px !important;
  line-height: 1.2em !important;
  white-space: normal !important;
  padding:0 10px !important;
}

.btn-widapt__item {
  border: 2px solid #fff !important; /* Mantém borda original */
}
/* Hover - Apenas muda a cor da borda */
.btn-widapt__item:not(.btn_close):not(.btn_reset):not([data-action^="move"]):hover {
  border-color: #0848ca !important;
}
/* Active - Mantém borda + sombra */
.btn-widapt__item.active-feature {
  border-color: #0848ca !important;
}

.widapt__iconCheck {
  display: none;
  position: absolute !important;
  z-index: 99 !important;
  top: 10px !important;
  left: 10px !important;
  line-height: 0 !important;
}

/* Estado ativo (quando clicado) */
.widapt_item.active-feature .btn-widapt__item {
  border-color: #0848ca !important;
}

/* Ícone de check */
.widapt_item.active-feature .widapt__iconCheck {
  display: block;
}

.widapt-main__widget {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  width: 520px; /* Ajuste conforme necessário */
  overflow-y: auto !important;
  display: none;
  background: linear-gradient(to right, rgb(0, 107, 230), rgb(2, 96, 221), rgb(5, 85, 212), rgb(7, 73, 203), rgb(9, 62, 194)) !important;
  z-index: 999999 !important;
  box-shadow: 0 22px 110px rgba(180, 191, 208, .56) !important;
}
.widapt-main__widget.active{  
  display:flex !important;
}






.widapt__app{
  min-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important; /* ocupa toda a altura do widget */
}
.widapt__header {
  user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  cursor: ew-resize !important;
  padding: 1.1875rem 1.1875rem 1.0625rem 1.75rem !important;
  height: auto !important;
  max-height: 3.9375rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  color: #ffffff !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background-color: rgb(0, 107, 230) !important; /* ou a cor do gradiente que estás a usar */
}

.widapt__body {
  background: #eff1f5 !important;
  border-radius: 16px 16px 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  z-index: 1 !important;
  scrollbar-width: thin !important; /* Firefox */
  scrollbar-color: #0848ca #ffffff !important; /* cor da barra e do fundo */
}
.widapt__body::-webkit-scrollbar {
  width: 7px !important;
}
.widapt__body::-webkit-scrollbar-button {
  display: none;
  height: 0 !important;
  width: 0 !important;
}
.widapt__body::-webkit-scrollbar-track {
  width: 7px !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  margin: 10px 2px !important; /* espaço no topo/fundo e lateral */
}
.widapt__body::-webkit-scrollbar-thumb {
  width: 7px !important;
  background-color: #0848ca !important;
  border-radius: 20px !important;
  border: 2px solid #ff0000 !important; /* espaço à volta do thumb */
}
.widapt__body::-webkit-scrollbar-thumb:hover {
  width: 7px !important;
  background-color: #0636a0 !important;
}



/* REPOSICIONAMENTE WIDGET */
/* Transição para movimento */
.widapt-main__widget {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Estilo do novo botão */
.btn-move {
  background: rgba(255, 255, 255, 0.1) !important;
  padding: 8px !important;
  margin-right: 10px !important;
  border-radius: 50% !important;
}

.btn-move:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
.mover__widapt_widget{
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.iconText__mover_widapt_widget{
  display:flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 10px !important;
}
.title__mover_widapt_widget{
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  font-family: "Montserrat", sans-serif !important;
}
.tags__mover_widapt_widget{
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  font-family: "Montserrat", sans-serif !important;
}

/* Toggle Switch */
.switch_widapt {
  position: relative !important;
  display: inline-block !important;
  width: 48px !important;
  height: 24px !important;
  margin: 0 10px !important;
}
.switch_widapt input {
  opacity: 0;
  width: 0 !important;
  height: 0 !important;
}
.slider_widapt {
  position: absolute;
  cursor: pointer !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: #4a4a4a !important;
  transition: .3s !important;
  border-radius: 34px !important;
}
.slider_widapt:before {
  position: absolute;
  content: "";
  height: 20px !important;
  width: 20px !important;
  left: 2px !important;
  bottom: 2px !important;
  background-color: #ffffff !important;
  transition: .3s !important;
  border-radius: 50% !important;
}
input:checked + .slider_widapt {
  background-color: #0848ca !important;
}
input:checked + .slider_widapt:before {
  transform: translateX(24px) !important;
  background-color: #ffffff !important;
}
/* REPOSICIONAMENTE WIDGET */





/****** WIDGET FOOTER ******/
.widapt__footer {
    height: auto !important;
    background: #fff !important;
    border-top: 1px solid #eff1f5 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}
.widapt__footer .widapt_footer_content {
    display: flex !important;
    align-items: center !important;
    padding: 0.75rem 2.1rem 0.75rem 1.55rem !important;
    justify-content: space-between !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #cccccc !important;
    font-family: "Montserrat", sans-serif !important;
}





/****** LEGENDAS COLORADD *******/
#colorAddLegend {
  position: fixed !important;
  bottom: 20px !important;
  left: 20px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: white !important;
  padding: 12px !important;
  border-radius: 8px !important;
  z-index: 9999 !important;
  display: none; 
  max-width: 375px !important;
  word-wrap: break-word !important;
  font-family: "Montserrat", sans-serif !important;
}
.coloradd-legend-box {
  position: fixed !important;
  bottom: 20px !important;
  left: 20px !important;
  background: rgba(0, 0, 0, 0.8) !important;
  color: white !important;
  padding: 12px 18px !important;
  border-radius: 8px !important;
  z-index: 1000 !important;
  font-size: 14px !important;
}
.coloradd-legend-box h5 {
  margin-bottom: 10px !important;
  font-weight: bold !important;
}





/****** FUNCIONALIDADES WIDAPT *******/
.highlight-titles h1,
.highlight-titles h2,
.highlight-titles h3,
.highlight-titles h4,
.highlight-titles h5,
.highlight-titles h6 {
  background-color: yellow !important;
  color: black !important;
}
.font-size-display {
  font-weight: bold;
  min-width: 60px;
  text-align: center;
  font-size: 20px;
}
.highlight-links a {
  background-color: aqua !important;
}
.dyslexia-font,
.dyslexia-font *,
.dyslexia-font *::placeholder,
.dyslexia-font p,
.dyslexia-font a,
.dyslexia-font span,
.dyslexia-font li,
.dyslexia-font div,
.dyslexia-font h1,
.dyslexia-font h2,
.dyslexia-font h3,
.dyslexia-font h4,
.dyslexia-font h5,
.dyslexia-font h6,
.dyslexia-font strong,
.dyslexia-font em,
.dyslexia-font b,
.dyslexia-font i,
.dyslexia-font u,
.dyslexia-font small,
.dyslexia-font blockquote,
.dyslexia-font code,
.dyslexia-font pre,
.dyslexia-font input,
.dyslexia-font textarea,
.dyslexia-font select,
.dyslexia-font button,
.dyslexia-font label {
  font-family: 'OpenDyslexic', Arial, sans-serif !important;
}

#coloradd-wrapper.letter-spacing,
#coloradd-wrapper.letter-spacing *,
#coloradd-wrapper.letter-spacing *::placeholder,
#coloradd-wrapper.letter-spacing p,
#coloradd-wrapper.letter-spacing a,
#coloradd-wrapper.letter-spacing span,
#coloradd-wrapper.letter-spacing li,
#coloradd-wrapper.letter-spacing div,
#coloradd-wrapper.letter-spacing h1,
#coloradd-wrapper.letter-spacing h2,
#coloradd-wrapper.letter-spacing h3,
#coloradd-wrapper.letter-spacing h4,
#coloradd-wrapper.letter-spacing h5,
#coloradd-wrapper.letter-spacing h6,
#coloradd-wrapper.letter-spacing strong,
#coloradd-wrapper.letter-spacing em,
#coloradd-wrapper.letter-spacing b,
#coloradd-wrapper.letter-spacing i,
#coloradd-wrapper.letter-spacing u,
#coloradd-wrapper.letter-spacing small,
#coloradd-wrapper.letter-spacing blockquote,
#coloradd-wrapper.letter-spacing code,
#coloradd-wrapper.letter-spacing pre,
#coloradd-wrapper.letter-spacing input,
#coloradd-wrapper.letter-spacing textarea,
#coloradd-wrapper.letter-spacing select,
#coloradd-wrapper.letter-spacing button,
#coloradd-wrapper.letter-spacing label {
  letter-spacing: 3px !important;
}
#coloradd-wrapper.line-spacing,
#coloradd-wrapper.line-spacing *,
#coloradd-wrapper.line-spacing *::placeholder,
#coloradd-wrapper.line-spacing p,
#coloradd-wrapper.line-spacing a,
#coloradd-wrapper.line-spacing span,
#coloradd-wrapper.line-spacing li,
#coloradd-wrapper.line-spacing div,
#coloradd-wrapper.line-spacing h1,
#coloradd-wrapper.line-spacing h2,
#coloradd-wrapper.line-spacing h3,
#coloradd-wrapper.line-spacing h4,
#coloradd-wrapper.line-spacing h5,
#coloradd-wrapper.line-spacing h6,
#coloradd-wrapper.line-spacing strong,
#coloradd-wrapper.line-spacing em,
#coloradd-wrapper.line-spacing b,
#coloradd-wrapper.line-spacing i,
#coloradd-wrapper.line-spacing u,
#coloradd-wrapper.line-spacing small,
#coloradd-wrapper.line-spacing blockquote,
#coloradd-wrapper.line-spacing code,
#coloradd-wrapper.line-spacing pre,
#coloradd-wrapper.line-spacing input,
#coloradd-wrapper.line-spacing textarea,
#coloradd-wrapper.line-spacing select,
#coloradd-wrapper.line-spacing button,
#coloradd-wrapper.line-spacing label {
  line-height: 2.8 !important;
}
#coloradd-wrapper.bold-font,
#coloradd-wrapper.bold-font *,
#coloradd-wrapper.bold-font *::placeholder,
#coloradd-wrapper.bold-font p,
#coloradd-wrapper.bold-font a,
#coloradd-wrapper.bold-font span,
#coloradd-wrapper.bold-font li,
#coloradd-wrapper.bold-font div,
#coloradd-wrapper.bold-font h1,
#coloradd-wrapper.bold-font h2,
#coloradd-wrapper.bold-font h3,
#coloradd-wrapper.bold-font h4,
#coloradd-wrapper.bold-font h5,
#coloradd-wrapper.bold-font h6,
#coloradd-wrapper.bold-font strong,
#coloradd-wrapper.bold-font em,
#coloradd-wrapper.bold-font b,
#coloradd-wrapper.bold-font i,
#coloradd-wrapper.bold-font u,
#coloradd-wrapper.bold-font small,
#coloradd-wrapper.bold-font blockquote,
#coloradd-wrapper.bold-font code,
#coloradd-wrapper.bold-font pre,
#coloradd-wrapper.bold-font input,
#coloradd-wrapper.bold-font textarea,
#coloradd-wrapper.bold-font select,
#coloradd-wrapper.bold-font button,
#coloradd-wrapper.bold-font label {
  font-weight: bold !important;
}

#coloradd-wrapper,
#coloradd-wrapper * {
  transition: filter 0.3s ease-in-out !important;
}


#coloradd-wrapper.monochrome {
  filter: grayscale(1) !important;
}

/* Inversão de cores */
#coloradd-wrapper.invert-colors {
  filter: invert(1) hue-rotate(180deg) !important;
}

/* Exceções (opcional) */
#coloradd-wrapper.invert-colors img,
#coloradd-wrapper.invert-colors video,
#coloradd-wrapper.invert-colors iframe {
  filter: invert(1) hue-rotate(180deg) !important; /* Reverte inversão nestes elementos */
}

/* Contraste Escuro */
#coloradd-wrapper.high-contrast {
  background-color: rgb(0, 0, 0) !important;
  color: rgb(80, 208, 160) !important;
}
#coloradd-wrapper.high-contrast * {
  transition: all;
  background-color: rgb(0, 0, 0) !important;
  border-color: rgb(255, 255, 255) !important;
  color: rgb(80, 208, 160) !important;
}
#coloradd-wrapper.high-contrast input,
#coloradd-wrapper.high-contrast button,
#coloradd-wrapper.high-contrast textarea,
#coloradd-wrapper.high-contrast select {
  background-color: #000 !important;
  color: #50d0a0 !important;
  border: 2px solid #50d0a0 !important;
}

/* Contraste Claro-Luz */
#coloradd-wrapper.low-contrast {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
}
#coloradd-wrapper.low-contrast * {
  transition: all;
  background-color: rgb(255, 255, 255) !important;
  border-color: rgb(0, 0, 0) !important;
  color: rgb(0, 0, 0) !important;
}
#coloradd-wrapper.low-contrast input,
#coloradd-wrapper.low-contrast button,
#coloradd-wrapper.low-contrast textarea,
#coloradd-wrapper.low-contrast select {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
  border: 2px solid #000 !important;
}


/* Cursor Aumentado */
#coloradd-wrapper.big-cursor,
#coloradd-wrapper.big-cursor * {
  cursor: url('https://isqe.pt/clientes/coloradd/coloradd-widget/icons/cursor-big.svg'), auto !important;
}

/* Baixa Saturação */
#coloradd-wrapper.low-saturation {
  filter: saturate(0.3) !important;
}

/* Alta Saturação */
#coloradd-wrapper.high-saturation {
  filter: saturate(3) !important;
}

.bgpurple{
  background-color: #A020F0 !important;
}



/****** MEDIA QUERIES *******/
@media (max-width: 320px) {

}

@media (min-width: 321px) 
  and (max-width: 480px) {

}
	
@media (min-width: 481px) 
  and (max-width: 768px) {

}

@media (min-width: 769px) 
  and (max-width: 1024px) {

}

@media (min-width: 1025px) 
  and (max-width: 1280px) {

}

@media (min-width: 1281px) 
  and (max-width: 1440px) {

}

@media (min-width: 1441px) 
  and (max-width: 1600px) {

}

@media (min-width: 1601px) 
  and (max-width: 1900px) {

}

@media (min-width: 1901px) {
	
}

/* MOBILE LANDSCAPE */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: landscape) {
	 
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}