:root {
  /* Cores do Bootstrap padrão */
  --bs-primary-color:      #0d6efd;
  --bs-secondary-color:    #6c757d;
  --bs-success-color:      #198754;
  --bs-danger-color:       #dc3545;
  --bs-warning-color:      #ffc107;
  --bs-info-color:         #0dcaf0;
  --bs-light-color:        #f8f9fa;
  --bs-dark-color:         #212529;

  /* Cores adicionais no mesmo padrão */
  --bs-blue-color:         #0d6efd;
  --bs-indigo-color:       #6610f2;
  --bs-purple-color:       #6f42c1;
  --bs-pink-color:         #d63384;
  --bs-red-color:          #dc3545;
  --bs-orange-color:       #fd7e14;
  --bs-yellow-color:       #ffc107;
  --bs-green-color:        #198754;
  --bs-teal-color:         #20c997;
  --bs-cyan-color:         #0dcaf0;
  --bs-white-color:        #ffffff;
  --bs-gray-color:         #6c757d;
  --bs-gray-dark-color:    #343a40;

  /* Tonalidades de cinza (usadas em componentes e bordas) */
  --bs-gray-100-color:     #f8f9fa;
  --bs-gray-200-color:     #e9ecef;
  --bs-gray-300-color:     #dee2e6;
  --bs-gray-400-color:     #ced4da;
  --bs-gray-500-color:     #adb5bd;
  --bs-gray-600-color:     #6c757d;
  --bs-gray-700-color:     #495057;
  --bs-gray-800-color:     #343a40;
  --bs-gray-900-color:     #212529;
}

/* Fill com base nas variáveis Bootstrap */
/* Cores do Bootstrap padrão */
.fill-primary       { fill: var(--bs-primary-color); }
.fill-secondary     { fill: var(--bs-secondary-color); }
.fill-success       { fill: var(--bs-success-color); }
.fill-danger        { fill: var(--bs-danger-color); }
.fill-warning       { fill: var(--bs-warning-color); }
.fill-info          { fill: var(--bs-info-color); }
.fill-light         { fill: var(--bs-light-color); }
.fill-dark          { fill: var(--bs-dark-color); }
/* Cores adicionais no mesmo padrão */
.fill-blue          { fill: var(--bs-blue-color); }
.fill-indigo        { fill: var(--bs-indigo-color); }
.fill-purple        { fill: var(--bs-purple-color); }
.fill-pink          { fill: var(--bs-pink-color); }
.fill-red           { fill: var(--bs-red-color); }
.fill-orange        { fill: var(--bs-orange-color); }
.fill-yellow        { fill: var(--bs-yellow-color); }
.fill-green         { fill: var(--bs-green-color); }
.fill-teal          { fill: var(--bs-teal-color); }
.fill-cyan          { fill: var(--bs-cyan-color); }
.fill-white         { fill: var(--bs-white-color); }
.fill-gray          { fill: var(--bs-gray-color); }
.fill-gray-dark     { fill: var(--bs-gray-dark-color); }
/* Tonalidades de cinza (usadas em componentes e bordas) */
.fill-gray-100      { fill: var(--bs-gray-100-color); }
.fill-gray-200      { fill: var(--bs-gray-200-color); }
.fill-gray-300      { fill: var(--bs-gray-300-color); }
.fill-gray-400      { fill: var(--bs-gray-400-color); }
.fill-gray-500      { fill: var(--bs-gray-500-color); }
.fill-gray-600      { fill: var(--bs-gray-600-color); }
.fill-gray-700      { fill: var(--bs-gray-700-color); }
.fill-gray-800      { fill: var(--bs-gray-800-color); }
.fill-gray-900      { fill: var(--bs-gray-900-color); }

a[title="TikTok"] svg      { color: #010101; }      /* Preto ou próximo do escuro */
a[title="TikTok"]:hover svg      { color: #1a1919; } 
a[title="Facebook"] svg    { color: #1877F2; }      /* Azul Facebook */
a[title="Facebook"]:hover svg    { color: #063c83; }
a[title="Instagram"] svg   { color: #E4405F; }      /* Rosa Instagram */
a[title="Instagram"]:hover svg   { color: #610919; }
a[title="LinkEdn"] svg     { color: #0A66C2; }      /* Azul LinkedIn */
a[title="LinkEdn"]:hover svg     { color: #08396b; } 
a[title="Youtube"] svg     { color: #f11616; }      /* Vermelho YouTube */
a[title="Youtube"]:hover svg     { color: #660707; }
a[title="WhatsApp"] svg    { color: #25D366; }      /* Verde oficial do WhatsApp */
a[title="WhatsApp"]:hover svg { color: #1ebe5d; }

/* Cor padrão do ícone */
a[href*="wa.me"] svg { color: #25D366;
}
/* Cor no hover */
a[href*="wa.me"]:hover svg { color: #1ebe5d; /* Tom um pouco mais escuro no hover */
}

.bg_color{
  Color: rgb(246, 247, 248);
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.bg_color:hover{
  background-color: rgb(246, 247, 248);
  Color: #000;
  transition: opacity 0.5s ease-in-out;
  opacity: 0.5;
}

.bg_text{
  Color: rgb(255, 255, 255);
  background-color: rgb(116, 17, 136);
  border-radius: 10px;
  margin-bottom: 8px;
  padding: 6px;
}
.bg_text:hover{
  background-color: rgb(5, 93, 46);
  Color: #fcfafa;
  transition: opacity 0.5s ease-in-out;
  border-radius: 10px;
  margin-bottom: 8px;
  padding: 6px;
}

/* class="icon1" - Cores */
.icon1 {Color: #e430bd;}
.icon2 {Color: #2d90e1;}
.icon3 {Color: #352309;}
.icon4 {Color: #e1c62d;}
.icon5 {Color: #0e7960;}
.icon6 {Color: #e6951b;}
.icon7 {Color: #d51be6;}
.icon8 {Color: #c1bcc2;}
.icon9_text{Color: #ffffff;}

/* Espaço */
.espaco2{
  margin-top: 5px;
}

.avatar-jose {
   max-width: 250px; 
    max-height: 250px; /* altura mínima para o avatar aparecer */
}

.position-align-right{
  background-position: right center;
}
  .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: #0000001a;
        border: solid rgba(0, 0, 0, 0.15);
        border-width: 1px 0;
        box-shadow: inset 0 0.5em 1.5em #0000001a, inset 0 0.125em 0.5em #00000026;
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -0.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }

      .bd-mode-toggle {
        z-index: 1500;
      }

      .bd-mode-toggle .bi {
        width: 1em;
        height: 1em;
      }

      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }

.border{
  border: 2px solid #1e075e;
  border-radius: 30px;
  padding: 20px;
  text-align: justify;
  margin: 5px;
}