/* ==========================================================
   KONECTA CRYPTOS
   OPERACIONES SPLIT V1

   IZQUIERDA 50% = GUIA / INSTRUCCIONES
   DERECHA   50% = SISTEMA DE OPERACION

   NO MODIFICA EL CONTENIDO INTERNO
   ========================================================== */


@media (min-width:1001px){


  /* ========================================================
     MITAD DERECHA
     SISTEMA REAL DE LA OPERACION
     ======================================================== */

  .kc-smart-drawer{

    left:auto !important;
    right:0 !important;

    top:0 !important;
    bottom:0 !important;

    width:50vw !important;
    max-width:none !important;
    min-width:0 !important;

    box-sizing:border-box !important;

    border-right:0 !important;

    border-left:
      1px solid
      rgba(88,169,229,.20) !important;

  }


  /* cerrado:
     se esconde completamente hacia la derecha */

  .kc-smart-drawer:not(.open){

    transform:
      translateX(103%) !important;

  }


  /* abierto:
     ocupa exactamente mitad derecha */

  .kc-smart-drawer.open{

    transform:
      translateX(0) !important;

  }



  /* ========================================================
     MITAD IZQUIERDA
     GUIA / INSTRUCCIONES / VIDEO / EXPLICACION
     ======================================================== */

  .kc-smart-screen-guide{

    position:fixed !important;

    left:0 !important;
    right:50vw !important;

    top:0 !important;
    bottom:0 !important;

    width:auto !important;
    max-width:none !important;

    box-sizing:border-box !important;

  }



  /* ========================================================
     ASEGURAR QUE LA GUIA NO INVADA LA MITAD DERECHA
     ======================================================== */

  .kc-smart-screen-guide.open{

    left:0 !important;
    right:50vw !important;

    width:auto !important;
    max-width:none !important;

  }



  /* ========================================================
     EL BACKDROP SIGUE DETRAS DE AMBAS MITADES
     NO SE CAMBIA SU FUNCIONAMIENTO
     ======================================================== */

  .kc-smart-backdrop{

    z-index:99970 !important;

  }


  .kc-smart-screen-guide{

    z-index:99975 !important;

  }


  .kc-smart-drawer{

    z-index:99980 !important;

  }

}



/* ==========================================================
   TABLET / MOVIL
   CONSERVAR COMPORTAMIENTO ACTUAL
   NO FORZAR 50 / 50
   ========================================================== */

@media (max-width:1000px){

  .kc-smart-drawer{

    width:100vw !important;
    max-width:none !important;

  }

}