/* ============================================================================
 * general.style.redesign.css — Superset tokenizado de general.style.css
 *
 * Origen: /tools/assets/css/general.style.css (1046 líneas).
 *
 * MODO: SUPERSET REEMPLAZO. Copia íntegra del original + tokenizations en
 * VALORES de propiedades existentes.
 *
 * REGLA ESTRICTA (rev 2026-05-06):
 *   No agregar propiedades nuevas. Solo cambiar VALORES de propiedades
 *   ya declaradas en el original.
 *
 * Carga: DIFERIDA. Este archivo NO se registra en class.mostrargeneral.php
 * ni en loadHead(). El dev decide manualmente en qué vistas montarlo
 * (reemplazo del path .css → .redesign.css en cada caso).
 *
 * Tokenizations aplicadas:
 *   white / #FFF / #ffffff / #fff    → var(--neutral-white)
 *   black                            → var(--neutral-900)
 *   #14477e                          → var(--brand-deep)
 *   #1AA5FC                          → var(--brand-primary)
 *   font-size: 12px                  → var(--font-caption)
 *   font-weight: bold                → var(--font-weight-bold)
 *   border-radius: 50px / 150px      → var(--radius-full)
 *
 * Preservados sin tokenizar (legacy / fuera de escala):
 *   #1976d2, #3498DB, #2980B9, #01579B, #0088cc, #2399F0  (azules secundarios)
 *   #49DA96, #8EFF8E                                       (verdes específicos)
 *   #f2f2f2, #f3f3f3, #f1f1f1, #EFF1F3, #BDCACA, #D3D3D3,
 *   #9F9F9F, #A7A7A7, #e6e6e6, #eaf1fa, #ECECEC, #909090,
 *   #343a40, #a3adb5, #455a64                              (grises legacy)
 *   red, gray, transparent                                 (literales semánticos)
 *   border-radius: 3px, 5px, 7px, .25rem                   (fuera de escala)
 *   font-size: 13px, 22px, 16px, 24px, 18px, 14px, 0.8rem  (este plan solo
 *                                                           tokenizó 12px)
 *   rgba(...) y box-shadow legacy
 *   url(...) y linear-gradient (más allá del brand gradient específico)
 *   @keyframes swing y animatedBackground
 * ============================================================================ */

.footer {
    z-index: 999 !important;
  }

  .marginTop10{
      margin-top: 10px;
  }

  .no-padding {
    padding: 0px !important;
  }

  .nice-select .list {
      max-height: 300px;
      overflow: auto !important;
  }

  #usuarioNameTitle{
      color:white;
      margin: auto;
      float: right;
      margin-left: 10px;
  }

  .page-wrapper {
      padding-bottom: 0px !important;
  }

  .form-padding {
      padding: 25px;
  }

  @media (min-width: 992px) {
      .modal-xlg {
          max-width: 1200px !important;
      }
  }

  @media (min-width: 576px) {
      .modal-xlg {
          max-width: 1200px !important;
      }
  }

  @media (min-width: 992px) {
      .modal-xxlg {
          max-width: 1600px !important;
      }
  }

  @media (min-width: 576px) {
      .modal-xxlg {
          max-width: 1600px !important;
      }
  }

  /*@media (min-width: 769px) {
      #usuarioNameTitle{
          visibility:visible !important;
      }
  }

  @media (max-width: 768px) {
      #usuarioNameTitle{
          visibility:hidden !important;
      }
  }*/

  .resaltado-gris {
      background-color: #f2f2f2;
      color: #909090;
  }

  .resaltado-azul {
      background-color: #1976d2;
      color: var(--neutral-white);
  }

  .page-description {
      font-size: var(--font-caption) !important;
      padding: 0px !important;
      border-radius: 3px;
  }

  textarea.form-control {
      background-color: #EFF1F3 !important;
  }

  .form-control:focus {
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12),0 2px 4px 0 rgba(0,0,0,0.08);
  }

  /*------------ESTILOS ENVIO POR AGENDAS, EVIO SIN AGENDAS Y SEGMENTADO---------------------*/

  .closebtn {
      margin-left: 15px;
      color: var(--neutral-white);
      font-weight: var(--font-weight-bold);
      float: right;
      font-size: 22px;
      line-height: 20px;
      cursor: pointer;
      transition: 0.3s;
  }

  .closebtn:hover {
      color: var(--neutral-900);
  }

  .swing {
      -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
      transform-origin: top center;
      -webkit-animation-name: swing;
      animation-name: swing;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
  }

  @-webkit-keyframes swing {
      20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg);
      }
      40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg);
      }
      60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg);
      }
      80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg);
      }
      100% {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg);
      }
  }

  @keyframes swing {
      20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg);
      }
      40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg);
      }
      60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg);
      }
      80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg);
      }
      100% {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg);
      }
  }

  .dropbtn {
      background-color: #3498DB;
      color: var(--neutral-white);
      padding: 16px;
      font-size: 16px;
      border: none;
      cursor: pointer;
  }

  .dropbtn:hover,
  .dropbtn:focus {
      background-color: #2980B9;
  }

  .dropdown {
      position: relative;
      display: inline-block;
  }

  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      min-width: 160px;
      overflow: auto;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
  }

  .dropdown-content a {
      color: var(--neutral-900);
      padding: 12px 16px;
      text-decoration: none;
      display: block;
  }

  .show {
      display: block;
  }

  .marinBottom1 {
      margin-bottom: 1%;
  }

  .marginLeft1 {
      margin-left: 1%;
  }

  .marginTop1 {
      margin-top: 3%;
  }

  .marginTop3 {
      margin-top: 3%;
  }

  .marginBottomColor {
      margin-bottom: 1%;
      background-color: transparent;
  }

  .marginBottomTop5 {
      margin-bottom: 5%;
  }

  .zindex1 {
      z-index: 1;
  }

  .floatRight {
      float: right;
  }

  .floatLeft {
      float: left;
  }

  .floatCenter {
      float: center;
  }

  .width100 {
      width: 100%;
  }

  .marginLeft5 {
      margin-left: 5px;
  }

  .marginTop5 {
      margin-top: 5px;
  }

  .maxWidth55 {
      max-width: 55px;
  }

  #textLimitCaracters {
      background-color: #01579B;
      color: var(--neutral-white);
      max-width: 45px;
  }

  #divMsjProgramado {
      background-color: #f3f3f3;
      padding-top: 1%;
      padding-bottom: 1%;
  }

  #modalVistaPrevia {
      display: none;
      padding-top: 10%;
  }

  .floatPaddingLeft {
      float: right;
      padding-left: 10px;
  }

  #textSearch2 {
      width: 100%;
  }

  #txtPaisModal {
      width: 100%;
      height: 36px;
  }

  .guardarMSG {
      border-radius: 5px;
  }

  #modalAcortarURL {
      display: none;
      padding-top: 10%;
  }

  #agregarGrupoModal {
      display: none;
  }

  #textPhone2 {
      float: left;
      border-radius: 5px;
      border-width: 1px;
      border-bottom-color: #9F9F9F;
  }

  #btnLimpiar2 {
      float: left;
  }

  #textCurrentCaracters {
      max-width: 45px;
  }

  #textCurrentCaracters2 {
      max-width: 45px;
  }

  #textLimitCaracters2 {
      background-color: #01579B;
      color: var(--neutral-white);
      max-width: 45px;
  }

  .transparent {
      background: transparent;
  }

  #btnEnviar2 {
      width: 100px;
  }

  #btnCerrar2 {
      width: 100px;
  }

  a.noclick {
      pointer-events: none;
  }

  #headMensajes {
      background: linear-gradient(to left, var(--brand-deep), var(--brand-primary));
      color: var(--neutral-white);
  }

  .paddigTop {
      padding-top: 0px;
  }

  .div_hover {
      padding-top: 1px;
      font-size: 13px;
      cursor: pointer;
  }

  .icon_social_newtwork_link:hover {
      background-color: #D3D3D3;
  }

  .div_hover:hover {
      background-color: #D3D3D3;
      border-radius: 3px;
  }

  .dropdown-item {
      padding: 0px;
  }

  button.btn.btn-sm.dropdown-toggle:hover{
      background-color: #D3D3D3;
      border-radius: 3px;
  }

  .cursorPointer {
      cursor: pointer;
  }

  .paddigRight1 {
      padding-right: 1%;
  }

  .paddigRight2px {
      padding-right: 2px;
  }

  .height90 {
      height: 90%;
  }

  .paddingLR0 {
      padding-right: 0px;
      padding-left: 0px;
  }

  #divAgenda {
      padding-right: 0px;
      padding-left: 0px;
      padding-top: 5px;
      padding-bottom: 5px;
  }

  #campos {
      padding-right: 0px;
      padding-left: 0px;
  }

  .verticalCenter {
      transform: translateY(-50%);
  }

  .paddingTB5 {
      padding-top: 5px;
      padding-bottom: 5px;
  }

  .borderRigtLine {
      border-right: #D3D3D3 1px solid;
  }

  .borderLeftLine {
      border-left: #D3D3D3 1px solid;
  }

  .backgroundTransparent {
      background-color: transparent;
  }

  #landingsTable {
      font-size: var(--font-caption);
  }

  #landingsTable_previous {
      font-size: var(--font-caption);
  }

  #landingsTable_next {
      font-size: var(--font-caption);
  }

  #landingsTable_filter {
      font-size: var(--font-caption);
  }

  #landingsTableSegmentado {
      font-size: var(--font-caption);
  }

  #landingsTableSegmentado_previous {
      font-size: var(--font-caption);
  }

  #landingsTableSegmentado_next {
      font-size: var(--font-caption);
  }

  #landingsTableSegmentado_filter {
      font-size: var(--font-caption);
  }

  #encuestasTable {
      font-size: var(--font-caption);
  }

  #encuestasTable_previous {
      font-size: var(--font-caption);
  }

  #encuestasTable_next {
      font-size: var(--font-caption);
  }

  #encuestasTable_filter {
      font-size: var(--font-caption);
  }

  #solicitudPagoTable {
      font-size: var(--font-caption);
  }

  #solicitudPagoTable_previous {
      font-size: var(--font-caption);
  }

  #solicitudPagoTable_next {
      font-size: var(--font-caption);
  }

  #solicitudPagoTable_filter {
      font-size: var(--font-caption);
  }

  #encuestasTableSegmentado {
      font-size: var(--font-caption);
  }

  #encuestasTableSegmentado_previous {
      font-size: var(--font-caption);
  }

  #encuestasTableSegmentado_next {
      font-size: var(--font-caption);
  }

  #encuestasTableSegmentado_filter {
      font-size: var(--font-caption);
  }

  #tblMovimientos {
      font-size: var(--font-caption);
  }

  #tblMovimientos_previous {
      font-size: var(--font-caption);
  }

  #tblMovimientos_next {
      font-size: var(--font-caption);
  }

  #tblMovimientos_filter {
      font-size: var(--font-caption);
  }

  .mini-container {
      width: 80px !important;
      height: 120px;
      /* border: 2px solid #B7B7B8; */
      display: inline-block;
      overflow: hidden;
      margin-bottom: 10px;
      -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
      background: var(--neutral-white) !important;
  }

  .mini-container>.template-content.l {
      max-width: 230px !important;
      pointer-events: none;
      transform: scale(.14, .14);
      -moz-transform-origin: top left;
      -webkit-transform: scale(.14, .14);
      -webkit-transform-origin: top left;
  }

  .width100HeightAuto {
      width: 100%;
      height: auto;
  }

  .displayTable {
      /*display: table;*/
      height: 100%;
      width: 100%;
  }

  .disPla {
      display: table;
  }

  .width70 {
      width: 70%;
  }

  .tableCell {
      display: table-cell;
      vertical-align: middle;
  }

  .mini-container2 {
      width: 100% !important;
      height: 500PX;
      /* border: 2px solid #B7B7B8; */
      display: inline-block;
      overflow: hidden;
      margin-bottom: 10px;
      -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
      background: var(--neutral-white) !important;
  }

  .mini-container2>.template-content2.l {
      max-width: 100% !important;
      pointer-events: none;
      transform: scale(.34, .34);
      -moz-transform-origin: top left;
      -webkit-transform: scale(.42, .42);
      -webkit-transform-origin: top left;
  }

  /*------------ESTILOS ENVIO POR AGENDAS, EVIO SIN AGENDAS Y SEGMENTADO---------------------*/

  /*------------ESTILOS REPORTES---------------------*/

  .paddingTop5 {
      padding: 5px;
  }

  .borderRadiusLR5 {
      border-top-right-radius: 3px;
      border-top-left-radius: 3px;
  }

  .white {
      color: var(--neutral-white);
  }

  .round-successDegra {
      background-color: #8EFF8E;
  }

  .lineHeight {
      line-height: 100px;
  }

  .marginTop30 {
      margin-top: 20px;
  }

  #xls {
      max-height: 40px;
  }

  #csv {
      max-height: 40px;
  }

  .backgroundGray {
      background-color: #BDCACA
  }

  #cmbFiltro {
      background-color: transparent;
      border-width: 2px;
      border-color: var(--brand-deep);
  }

  #dateStart {
      background-color: transparent;
      border-width: 2px;
      border-color: var(--brand-deep);
  }

  #dateEnd {
      background-color: transparent;
      border-width: 2px;
      border-color: var(--brand-deep);
  }

  .colorReferencia {
      border-bottom: dashed 1px #0088cc;
      ;
      color: #0088cc;
  }

  #tblMensajes {
      font-size: var(--font-caption);
  }

  #tblMensajesReportes {
      font-size: var(--font-caption);
  }

  #tblMensajesGeneral {
      font-size: var(--font-caption);
  }

  .width650 {
      width: calc(50%) !important
  }

  /*------------ESTILOS MOSTRAR GENERAL---------------------*/

  #tabla_campanias {
      padding-left: 5px !important;
      padding-right: 5px !important;
  }

  #rowTable {
      box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.05);
  }

  #h1InWhite {
      color: var(--neutral-white) !important;
      margin-top: 1% !important;
      font-size: 24px;
  }

  .without-border {
      border: none !important;
  }

  #animated-area {
      width: 100%;
      height: 100px;
      background-size: auto auto !important;
      background-image: url(/assets/images/background_blue.png) !important;
      background-repeat: repeat-x !important;
      animation: animatedBackground 10s linear infinite !important;
      -webkit-animation: animatedBackground 10s linear infinite !important;
      -moz-animation: animatedBackground 10s linear infinite !important;
  }


  #animated-area-encuestas {
      width: 100%;
      height: 100px;
      background-size: auto auto !important;
      background-image: url(/assets/images/background_green.png?v=2) !important;
      background-repeat: repeat-x !important;
      animation: animatedBackground 15s linear infinite !important;
      -webkit-animation: animatedBackground 15s linear infinite !important;
      -moz-animation: animatedBackground 15s linear infinite !important;
  }


  @keyframes animatedBackground {
      from {
          background-position: 100% 0;
      }
      to {
          background-position: 0 0;
      }
  }

  @-moz-keyframes animatedBackground {
      from {
          margin-left: 100%;
          width: 100%
      }
      to {
          margin-left: 0%;
          width: 100%;
      }
  }

  /*------------ API -------------*/

  .degrandaint-fromblue-towhite {
      background: linear-gradient(to left, var(--brand-deep), var(--brand-primary)) !important;
  }

  .menu-huge {
      width: 100%;
      height: auto;
  }



  /*----------------------SOPORTE-------------------*/
  .vtabs2 {
      display: table;
  }

  .vtabs2 .tabs-vertical {
      width: 150px;
      border-bottom: 0px;
      border-right: 1px solid rgba(120, 130, 140, 0.13);
      display: table-cell;
      vertical-align: top;
  }

  .vtabs2 .tabs-vertical li .nav-link {
      color: #455a64;
      margin-bottom: 10px;
      border: 0px;
      border-radius: 4px 0 0 4px;
  }

  .vtabs2 .tab-content {
      display: table-cell;
      padding: 20px;
      vertical-align: top;
  }

  .vtabs2 .tabs-vertical {
    width: auto;
  }

  .vtabs2 > .tabs-vertical li .nav-link.active,
  .vtabs2 > .tabs-vertical li .nav-link.active:focus,
  .vtabs2 > .tabs-vertical li .nav-link:hover {
      background: var(--brand-deep);
      border: 0px;
      color: var(--neutral-white);
  }

  .colorPrimary{
    color: var(--brand-deep);
  }

  .width80{
      width: 80%;
  }

  .margenesCardBody{
      border-style: solid;
      border-width: 1px;
      border-color:#ECECEC;
  }

  .displayNone{
      display:none;
  }

  .colorPrimary{
      color: var(--brand-deep);
  }

  .colorRed{
      color:red;
  }

  .has-danger .form-control-danger {
      background-image: url(/assets/images/icon/danger.svg) !important;
  }
  /*----------------------SOPORTE-------------------*/

  .disabledLink {
      pointer-events: none;
      cursor: default;
      text-decoration: none;
      color: var(--neutral-900);
  }



  @media (max-width: 750px) {
      #imgErrorCreditos{
          display: none;
      }

      #btnErrorCreditos{
          margin-left: -15px !important;
      }

      #textMdlErrorCreditos{
          padding: 0px;
          margin-top: 0px !important;
      }

      #bodyErrorCreditos{
          padding-top: 10px !important;
          padding-bottom: 10px !important;
      }
  }

  @media (max-height: 660px) {
      #imgErrorCreditos{
          width: 30% !important;
      }
  }

  .dVGOuN.dVGOuN.dVGOuN {

      pointer-events: none;
      z-index: 1 !important;

  }


  /*================SOLICITUD DE PAGO================*/
  .imgSPPreviewDefault {
      width:40px;
      height:40px;
      border-radius: var(--radius-full);
  }

  #contentSolicitudPago > tr.selected > td > .imgSPPreviewDefault{
      width:50px;
      height:50px;
      border-radius: var(--radius-full);
  }

  .height100{
      height: 100%;
  }

  .banner-warning-general {
      font-size: 18px;
      height: auto;
      padding: 30px 0px;
  }

  /*================MENU================*/
  .nav-small-cap{
      color: var(--brand-deep) !important;
      font-weight: var(--font-weight-bold) !important;
      font-family: sans-serif !important;
      text-transform: uppercase !important;
  }

  .border-top-light {
      border-top: 1px solid #eaf1fa !important;
  }

  .border-bottom-light {
      border-bottom: 1px solid #eaf1fa !important;
  }

  .icon_social_newtwork_link{
      font-size: 14px;
      background-color: #A7A7A7;
      border-radius: var(--radius-full);
      color: var(--neutral-white);
      width: 25px;
      height: 25px;
      margin: 0 1px;
      text-align: center;
      cursor: pointer;
      line-height: 1.8;
  }

  #map_location_link {
      width: 100%;
      height: 480px;
  }
  #custom_search_map {
      position: absolute;
      border-radius: .25rem;
      right: 25px;
      top: 25px;
      width: 250px;
      z-index: 1;
  }
  #info_search_map {
      position: absolute;
      border-radius: .25rem;
      right: 25px;
      top: 75px;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 1.6;
      z-index: 1;
  }
  .shadow-box-search {
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4) !important;
  }

  #table_coupon_mobile.dataTable tbody tr.selected {
      background-color: transparent !important;
  }

  #table_coupon_mobile.dataTable tbody th, table.dataTable tbody td {
      padding: 5px 10px;
  }

  #table_unique_code.dataTable tbody tr.selected {
      background-color: transparent !important;
  }

  #table_unique_code.dataTable tbody th, table.dataTable tbody td {
      padding: 5px 10px;
  }

  .btn-option {
      color: gray;
      display: block;
  }

  .btn-option:hover {
      background-color:#e6e6e6 !important;
  }

  /* Ver tutorial */
  .speech {
      position: relative;
      color: #49DA96;
      background: var(--neutral-white);
      border-radius: 7px;
      padding-right: 10px;
      padding-left: 10px;
      max-width: 400px;
      box-shadow: 3px 4px 6px 3px rgba(0, 0, 0, 0.1);
      /* box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.12); */
      font-weight: var(--font-weight-bold);
      line-height: 1.8;
    }

    .half::after {
      content: '';
      border: 8px solid transparent;
      border-right: 14px solid var(--neutral-white);
      position: absolute;
      bottom: -8px;
      left: 72px;
    }


    #txt_new_url_image{
        display: none;
    }

    .indicador_custom_url_image{
        background-color: #2399F0 !important;
        border-color: #2399F0 !important;
    }

    .div_content_url_image .nice-select.niceselect{
        width: 100%;
    }

    .m_t_7{
        margin-top: 7px;
    }

    .cell-date {
        font-size: 0.8rem;
    }

    .text-dark {
        color: #343a40!important;
    }

    html body .text-gray {
        color: #a3adb5 !important;
    }
    .font-small {
        font-size: var(--font-caption) !important;
    }

    .titleModalConvertBox {
        color: var(--brand-deep);
        font-family: sans-serif;
    }

    .nice-select .list {
        max-height: 300px;
        overflow: auto !important;
    }

.alert {
    position: relative;
}