/**
* RN Sem Preconceito
* Main Style
* André Souza - arodriguesso@minsait.com
* 2025 May
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
}

body {
  color: #000;
  font-family: var(--font-primary);
  max-width: 888px;
}

a {
  color: var(--color-links);
  text-decoration: none;
}

a:hover {
  color: var(--color-links-hover);
  text-decoration: none;
}

::selection {
  background: var(--color-links);
  color: #fff;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header {
  font-size: 0.9rem;
  line-height: 1rem;
}

header p{
  margin: 0;
  padding: 0;
}

/* header .logo {
  width: 12rem;
} */

@media (max-width: 444px) {
  .header {
    font-size: 0.7rem;
  }
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/

.card-lgbt {
  font-size: 1.1rem;
  border-radius: 1.5rem;
  border-color: var(--color-secondary-dark);
}

.card-purple {
  background: #af68ff;
  border-radius: 1.1rem;
  border-color: transparent;
}

.card-pink {
  background: #fa49b3;
  border-radius: 1.1rem;
  border-color: transparent;
}

.card-orange {
  background: #ffab51;
  border-radius: 1.1rem;
  border-color: transparent;
}

.card-yellow {
  background: #ffde44;
  border-radius: 1.1rem;
  border-color: transparent;
}

.card-green {
  background: #61e8c0;
  border-radius: 1.1rem;
  border-color: transparent;
}

.card-blue {
  background: #3eb9ff;
  border-radius: 1.1rem;
  border-color: transparent;
}

.card-attention {
  background: #000;
  color: #fff;
  border-radius: 1.1rem;
  border-color: transparent;
}

.icon-attention {
  width: 5rem;
}

.btn-denuncie-agora {
  background: #f5374d;
  border-radius: 1.1rem;
  
}

.btn-denuncie-agora {
  --bs-btn-padding-x: 1rem;
  --bs-btn-color: #fff;
  --bs-btn-bg: #f5374d;
  --bs-btn-border-color: #f5374d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c43041;
  --bs-btn-hover-border-color: #c43041;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #bb192c;
  --bs-btn-active-border-color: #bb192c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #87ccf2;
  --bs-btn-disabled-border-color: #87ccf2;
  --bs-gradient: none;
  font-weight: 600;
  font-size: 1.5rem;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.text-logo {
  font-size: 0.7rem;
  padding-top: 0.85rem;
  line-height: 0.9rem;
}

@media (max-width: 444px) {
  .logo-footer {
    width: 7rem;
  }
  .logo-semjidh-footer {
    width: 12rem;
  }
  .text-logo {
  font-size: 0.55rem;
  }
}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/

.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 20px;
  bottom: 20px;
  z-index: 99999;
  background: var(--color-primary-dark);
  width: 50px;
  height: 50px;
  transition: all 0.4s;
  color: var(--color-white);
}

.scroll-top i {
  font-size: 24px;
  line-height: 0;
}

.scroll-top:hover {
  background: var(--color-govrn-blue);
  color: #fff;
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}