@charset "UTF-8";

.text-pink{ color: var(--abc-pink); }
.text-hot-pink{ color: var(--abc-hot-pink); }
.text-deep-pink{ color: var(--abc-deep-pink) !important; }
.text-purple{ color: var(--abc-purple) !important;}
.text-brend{ color: var( --abc-text-brend);}
.text-neon-blue{ color: var(--abc-neon-blue);}
.text-gray{color: var(--bs-gray-500);}
.text-azul{--html-btn-caption-color: var(--ic-azul);}

.text-3D{
  text-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.1), 0 5px 5px rgba(0,0,0,1), 0 20px 20px rgba(0,0,0,0.35);
}

.text-3D-bold {
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

.text-outline{
  color: #fff;
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

.text-groove{
  text-shadow: 0px 3px 3px rgba(255,255,255,0.4),0px -2px 2px rgba(0,0,0,0.25);
}

.text-resize {
  font-size:  calc(1.25em + 1vw);
  line-height: 1.55;
}

.text-adjust {
  font-size-adjust: 0.53;
}

.text-justify {
  text-align: justify !important;
}

.text-right{
  text-align: right;
  justify-content: right;
}

.text-start{
  text-align: left;
  justify-content: left;
}

.text-overflow{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-blink { animation: blinker 1.5s linear infinite; }

.text-bold{
  font-family: var(--font-primary);
  font-weight: bold;
}
.text-shadow{ text-shadow: 0px 2px 2px var( --ic-negro);}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media (max-width:900px) {
  .text-dinamic {
    display: block;
    margin-left: -7px;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
  }
}

.txtResponsive:before{
  content: attr(data-base);
  font-weight: bolder;
}

@media (max-width:900px) {
  .txtResponsive:before {
      content: attr(data-1);
  }
}

.font-mastoc { font-family: 'mastoc';}


.label-azul {
  --html-btn-caption-color: var(--ic-azul);
}