@import url("https://i.23robo.info/projects/bossfollowers/css/style.css");

:root {
  --brand: #ff0000;
  --brand-bright: #ff6666;
  --brand-ink: #cc0000;
  --brand-soft: rgba(255, 0, 0, .12);

  --bg: #1a1a1c;
  --bg-1: #202023;
  --bg-2: #28282c;
  --bg-3: #303034;

  --line: #383033;
  --line-2: rgba(255, 255, 255, .12);

  --text: #ffffff;
  --text-dim: rgba(255, 255, 255, .70);
  --text-mut: rgba(255, 255, 255, .70);

  --input-bg: #28282c;

  --box-border-gradient:
    linear-gradient(180deg, #ff0000 0%, transparent 100%);

  --box-border-gradientline:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 0, 0, 1) 50%,
      transparent 100%
    );
}

/* Fondo y resplandores */

.pf-ambient {
  background: var(--bg);
}

.pf-ambient::after {
  background: radial-gradient(
    closest-side,
    transparent 0%,
    rgba(255, 0, 0, .16) 50%,
    transparent 100%
  );
}

.db-body .pf-ambient {
  background: radial-gradient(
    closest-side,
    transparent 0%,
    rgba(255, 0, 0, .16) 50%,
    transparent 100%
  );
  background-color: var(--bg);
}

.db-body .pf-ambient::after {
  background: radial-gradient(
    closest-side,
    rgba(255, 0, 0, .09),
    rgba(255, 0, 0, .03) 55%,
    transparent 75%
  );
}

.pf-bento-card::after {
  background: radial-gradient(
    closest-side,
    rgba(255, 0, 0, .14),
    transparent
  );
}

.afx-prs {
  background:
    radial-gradient(
      500px 200px at 95% 120%,
      rgba(255, 0, 0, .12),
      transparent 60%
    ),
    rgba(255, 0, 0, .05);
}

/* Preguntas frecuentes */

.faq_nav .nav-item.active .nav-link {
  background: linear-gradient(
    180deg,
    #ff0000 0%,
    #b80000 100%
  );
  color: #ffffff;
}

.faq-row .panel.panel-default {
  background: #1a1a1c;
  border-color: #1a1a1c;
}

.faq-row .panel-title a {
  background: #202023;
  border-color: #383033;
}

.faq-row .panel.panel-default .panel-heading a span.faq-icon,
.faq-row .panel.panel-default .panel-heading a span.faq-caret {
  background: #28282c;
}

.faq-row .panel-body {
  background: #202023;
  border-color: #383033 !important;
}

.faq-row .panel-body::before {
  background: linear-gradient(
    180deg,
    #ff0000 0%,
    #a80000 100%
  );
}

/* Pie de página */

.footer_wrapper {
  background: #171719;
}

.footer_wrapper::before {
  background: #ff0000;
}

.footer_top_row {
  border-bottom-color: #383033;
}

.footer_title::before {
  background: linear-gradient(
    180deg,
    #ff0000 0%,
    rgba(255, 0, 0, 0) 100%
  );
}

.footer_uli li a {
  background: linear-gradient(
    180deg,
    #ff0000 0%,
    #a80000 100%
  );
}
:root {
  --bg: #100b0c;
  --bg-1: #160e10;
  --bg-2: #1e1215;
  --bg-3: #29181c;
  --input-bg: #1b1013;
  --line: #46232a;
}
.db-link.is-active {
  background: #181214;
  color: #ffffff;
  box-shadow: inset 3px 0 0 #ff0000;
}

.db-link.is-active:hover {
  background: #211518;
}

.db-link.is-active .db-link-ic {
  color: #ff0000;
}
.service-description-modal #createQuickOrder {
  color: #ffffff;
}

.service-description-modal #createQuickOrder:hover,
.service-description-modal #createQuickOrder:focus {
  background: #d90000;
  color: #ffffff;
}
/* Distribución del pie de página */
.footer_wrapper .footer_bottom_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.footer_wrapper .footer_bottom_row > .col-sm-8,
.footer_wrapper .footer_bottom_row > .col-sm-4 {
  width: 50%;
  min-width: 0;
}

/* Enlaces alineados y con espacio */
.footer_wrapper .quck_uls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 22px;
  padding: 0;
  margin: 0 0 24px;
  list-style: none;
}

.footer_wrapper .quck_uls li {
  width: auto;
  margin: 0;
  padding: 0;
}

.footer_wrapper .quck_uls a {
  display: inline-block;
  white-space: nowrap;
}

.footer_wrapper .ready_title {
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1.3;
}

.footer_wrapper .flex_btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
}

/* Celulares */
@media (max-width: 767px) {
  .footer_wrapper .footer_bottom_row > .col-sm-8,
  .footer_wrapper .footer_bottom_row > .col-sm-4 {
    width: 100%;
  }

  .footer_wrapper .footer_bottom_row > .col-sm-4 {
    margin-top: 30px;
  }
}
/* Colores de las preguntas frecuentes */
#faqsec .panel.panel-default {
  background: #180e11 !important;
  border-color: #46232a !important;
}

#faqsec .panel-heading,
#faqsec .panel-title,
#faqsec .panel-title > a {
  background: transparent !important;
  color: #fff !important;
}

#faqsec .panel-heading:hover {
  background: #281217 !important;
}

#faqsec .faq-icon,
#faqsec .faq-caret {
  background: #36151d !important;
}

#faqsec .panel-body {
  background: #140c0e !important;
  color: #e5dadd !important;
  border-top-color: #46232a !important;
}
/* Quita la sombra que cruza el botón del tutorial */
.no-updates::after {
  display: none !important;
}

/* Permite mostrar la tarjeta completa sin desplazamiento interno */
.no-updates .no-updates-body {
  max-height: none !important;
  overflow: visible !important;
}

/* Mantiene blanco el icono del tutorial */
.no-updates .no-updates-body a[href*="youtube.com"],
.no-updates .no-updates-body a[href*="youtube.com"] i {
  color: #fff !important;
}