/* ==========================================================
   KONECTA CRYPTOS
   OPERACIONES SPLIT V2

   MANTIENE:
   IZQUIERDA 50%
   DERECHA   50%

   SOLO:
   - EVITA CONTENIDO DEMASIADO ESTIRADO
   - CENTRA BLOQUES
   - AUMENTA TIPOGRAFIA
   ========================================================== */


@media (min-width:1001px){


  /* ========================================================
     DERECHA - SISTEMA DE OPERACION
     ======================================================== */

  .kc-smart-drawer{
    width:50vw !important;
  }


  .kc-smart-drawer-head{
    padding:
      30px
      clamp(28px,3vw,50px)
      26px !important;
  }


  .kc-smart-drawer-head-content{
    max-width:430px !important;
  }


  .kc-smart-drawer h2{
    font-size:
      clamp(31px,2.2vw,42px) !important;

    line-height:1.08 !important;
  }


  .kc-smart-drawer-head p{
    font-size:
      clamp(13px,.9vw,16px) !important;

    line-height:1.55 !important;
  }


  /* cuerpo derecho:
     sigue teniendo media pantalla,
     pero el contenido ya no se estira infinito */

  .kc-smart-drawer-body,
  #kcSmartBody{

    width:100% !important;

    max-width:680px !important;

    margin-left:auto !important;
    margin-right:auto !important;

    padding-left:
      clamp(24px,3vw,46px) !important;

    padding-right:
      clamp(24px,3vw,46px) !important;

    box-sizing:border-box !important;
  }



  /* ========================================================
     BLOQUES DEL SISTEMA
     ======================================================== */

  #kcSmartBody .kc-smart-tool,
  #kcSmartBody .kc-smart-insight,
  #kcSmartBody .kc-smart-metrics,
  #kcSmartBody .kc-smart-steps,
  #kcSmartBody .kc-smart-drawer-live,
  #kcSmartBody .kc-drawer-context-compact{

    width:100% !important;

    max-width:100% !important;

    box-sizing:border-box !important;
  }


  /* títulos */

  #kcSmartBody h3,
  #kcSmartBody h4{

    font-size:
      clamp(18px,1.25vw,24px) !important;

    line-height:1.25 !important;
  }


  /* texto normal */

  #kcSmartBody p{

    font-size:
      clamp(13px,.92vw,16px) !important;

    line-height:1.6 !important;
  }


  #kcSmartBody label,
  #kcSmartBody .kc-smart-label{

    font-size:
      clamp(12px,.82vw,14px) !important;

    line-height:1.4 !important;
  }


  /* inputs */

  #kcSmartBody input,
  #kcSmartBody select,
  #kcSmartBody textarea{

    min-height:46px !important;

    font-size:
      clamp(13px,.9vw,16px) !important;

    padding:
      11px 14px !important;
  }


  /* botones */

  #kcSmartBody button,
  #kcSmartBody .btn{

    min-height:44px !important;

    font-size:
      clamp(13px,.9vw,16px) !important;
  }



  /* ========================================================
     MINI PANEL EN VIVO
     ======================================================== */

  #kcSmartBody .kc-smart-drawer-live{

    grid-template-columns:
      105px
      minmax(0,1fr) !important;

    gap:18px !important;

    padding:18px !important;
  }


  #kcSmartBody
  .kc-smart-drawer-live-visual{

    width:105px !important;
    height:82px !important;
  }


  #kcSmartBody
  .kc-smart-drawer-live-copy small{

    font-size:10px !important;
  }


  #kcSmartBody
  .kc-smart-drawer-live-copy strong{

    font-size:
      clamp(15px,1vw,18px) !important;
  }


  #kcSmartBody
  .kc-smart-drawer-live-copy p{

    font-size:
      clamp(12px,.82vw,14px) !important;
  }



  /* ========================================================
     IZQUIERDA - GUIA / INSTRUCCIONES
     ======================================================== */

  .kc-smart-screen-guide{

    width:50vw !important;

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

    padding:
      clamp(28px,4vw,60px) !important;

    box-sizing:border-box !important;
  }


  .kc-smart-screen-guide
  .kc-smart-guide-content{

    width:100% !important;

    max-width:680px !important;

    margin-left:auto !important;
    margin-right:auto !important;

    box-sizing:border-box !important;
  }



  /* ========================================================
     TITULOS IZQUIERDA
     ======================================================== */

  .kc-smart-screen-guide h2{

    font-size:
      clamp(34px,2.5vw,48px) !important;

    line-height:1.08 !important;
  }


  .kc-smart-screen-guide h3{

    font-size:
      clamp(19px,1.35vw,25px) !important;

    line-height:1.25 !important;
  }


  .kc-smart-screen-guide p{

    font-size:
      clamp(13px,.95vw,16px) !important;

    line-height:1.6 !important;
  }



  /* ========================================================
     TARJETAS DE INSTRUCCIONES
     NO TAN LARGAS / MAS COMODAS
     ======================================================== */

  .kc-smart-guide-grid{

    width:100% !important;

    max-width:650px !important;

    margin-left:auto !important;
    margin-right:auto !important;

    gap:16px !important;
  }


  .kc-smart-guide-card{

    min-height:145px !important;

    padding:20px !important;

    box-sizing:border-box !important;
  }


  .kc-smart-guide-card small{

    font-size:10px !important;
  }


  .kc-smart-guide-card strong{

    font-size:
      clamp(15px,1.05vw,19px) !important;

    line-height:1.3 !important;
  }


  .kc-smart-guide-card p{

    font-size:
      clamp(12px,.85vw,14px) !important;

    line-height:1.55 !important;
  }



  /* ========================================================
     DIVISION CENTRAL SUAVE
     ======================================================== */

  .kc-smart-drawer{

    border-left:
      1px solid
      rgba(74,166,235,.24) !important;

    box-shadow:
      -18px 0 45px
      rgba(0,0,0,.18) !important;
  }

}



/* ==========================================================
   MOVIL
   NO TOCAR EL COMPORTAMIENTO
   ========================================================== */

@media (max-width:1000px){

  .kc-smart-drawer{
    width:100vw !important;
  }

}