.flex-container,
.row-to-col {
  display: flex;
  justify-content: center;
}

.f-wrap {
  flex-wrap: wrap;
}

.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
}

/* Tooltip START */
/* Fuente: https://codepen.io/krunal5281/pen/LYJWYJL */
/* ------BEGIN : tooltip ------------ */

.tp-label-text{
  color: var(--theme-color);
  transition: 300ms;
  text-decoration: underline;
}
.tp-label-text:hover {
  color:#03232e;
  text-decoration: none;
}
.tp-wrapper{
  --tp-width: 250px;
--tp-bottom-space: 10px;
  display: inline;
  position: relative;
  
}
.tp-wrapper:hover .app-tp,
.tp-wrapper:focus .app-tp{
  display: block;
}
.tp-wrapper:focus{
  outline: none;
}
.tp-wrapper:focus .tp-label-text{
  box-shadow: 0 0 10px 0px rgba(0,0,0,0.65) inset;
}

.app-tp{
  display: none;
  position: absolute;
  width: var(--tp-width);
  left: calc(50% - var(--tp-width)/2 );
  padding-bottom: var(--tp-bottom-space);
  font-size: 12px;
  line-height: 22px;
  bottom: calc(100% - 1px);
  transform-origin: bottom center; 
  animation: visibleTooltipAnim 800ms ease;
  -webkit-animation: visibleTooltipAnim 800ms ease;
}
@keyframes visibleTooltipAnim {
  0%{
      opacity: 0;
      transform: scale(0.1) rotate(30deg) translateY(50px) rotateX(90deg);
  }
          
  50%{
      transform: rotate(-10deg) rotateX(-2deg);
      opacity: 1;
  }
  70%{
      transform: rotate(3deg);
  }
          
  100%{
      transform: scale(1);
  }
  
}
@-webkit- keyframes visibleTooltipAnim {
  0%{
      opacity: 0;
      transform: scale(0.1) rotate(30deg) translateY(50px) rotateX(90deg);
  }
          
  50%{
      transform: rotate(-10deg) rotateX(-2deg);
      opacity: 1;
  }
  70%{
      transform: rotate(3deg);
  }
          
  100%{
      transform: scale(1);
  }
}
.app-tp:before{
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: var(--tp-bottom-space) var(--tp-bottom-space) var(--tp-bottom-space) var(--tp-bottom-space);
  border-color: #073b4c transparent transparent transparent;
  position: absolute;
  top: calc(100% - var(--tp-bottom-space));
  left: 50%;
  transform: translateX(-50%);
}
.app-tp-inner-wrapper{
  background: #EEE;
  color: #000;
  border-radius: 10px;
  overflow: hidden;
  box-shadow:
  2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
  6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
  12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
  22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
  41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
  100px 100px 80px rgba(0, 0, 0, 0.07);
;
}
.app-tp-header{
  display: flex;
  align-items: center;
  padding: 5px 10px;  
  background-color: var(--theme-color);
  color:#fff;
  font-size: medium;
  font-weight: 600;
}
.app-tp-prono-btn{
  height: 10px;
  width: 10px;
  background: transparent;
  border: none;
  margin: 2px 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m403.966 426.944-33.285-26.629c74.193-81.076 74.193-205.016-.001-286.091l33.285-26.628c86.612 96.713 86.61 242.636.001 339.348ZM319.58 155.105l-33.325 26.66c39.796 42.567 39.795 108.443.002 151.01l33.324 26.66c52.204-58.222 52.204-146.11-.001-204.33Zm-85.163-69.772-110.855 87.23H42.667v170.666h81.02l110.73 85.459V85.333Z'/%3E%3C/svg%3E");
  background-position: center;
  padding: 7px;
  transition: 150ms;
  cursor: pointer;
}
.app-tp-prono-btn:hover,
.app-tp-prono-btn:focus{
  opacity: 0.7;
}
.app-tp-text{
  padding: 10px 10px;
}
.app-tp-text li {
  font-size: medium;
}

/* ------END : tooltip ------------ */
/* Tooltip END */


/* Breakpoints */
@media (max-width: 480px) {
  
}

@media (max-width: 728px) {
  .row-to-col {
    flex-direction: column;
  }
  .tab-table {
    justify-content: center;
  }
}

@media (max-width: 992px) {
  
}

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