/* 
    Created on : 29-nov-2019, 12:29:26
    Author     : jccabrera
*/
/* ====================== 
         Cuerpo 
======================= */
.k-body {
    color:black;
    background-color:#f2f2f2;
}

/*
 ====================== 
   Filas / Secciones
======================= */
.k-mod {
    margin: 40px 0px 0px 0px;
    padding: 0px;
}

/* ====================== 
       Columnas
======================= */
.k-col {
    color:black;
    background-color:white;
}

/*
 ====================== 
       Antetitulo
======================= 
.k-pre-title-color { color:lightgray; }

 ====================== 
       Titulares
======================= 
.k-title-color {color:inherit;}

.k-title-line-color {border-bottom-color:inherit !important;}
span.k-title-line-color {background-color:inherit !important;}
.k-title-line-color2 {border-bottom-color:inherit !important;}

 ====================== 
       Entradilla
======================= 
.k-standfist-color {color:inherit;}

 ====================== 
       Contenido
======================= 
.k-content-color {color:inherit;}

 ====================== 
       Botones
======================= 
.k-buttom-1-color {color:inherit;}
.k-buttom-1-bg-color {background-color:inherit;}
.k-buttom-2-color {color:inherit;}
.k-buttom-2-bg-color {background-color:inherit;}*/

/* ====================== 
   Margenes Verticales
======================= */
.k-m-0 {margin:0px;}
.k-mt-0 {margin-top:0px;}
.k-mb-0 {margin-bottom:0px;}
.k-mt-10 {margin-top:10px;}
.k-mb-10 {margin-bottom:10px;}
.k-mt-20 {margin-top:20px;}
.k-mb-20 {margin-bottom:20px;}
.k-mt-30 {margin-top:30px;}
.k-mb-30 {margin-bottom:30px;}
.k-mt-40 {margin-top:40px;}
.k-mb-40 {margin-bottom:40px;}
.k-mt-50 {margin-top:50px;}
.k-mb-50 {margin-bottom:50px;}
.k-mt-60 {margin-top:60px;}
.k-mb-60 {margin-bottom:60px;}
.k-mt-70 {margin-top:70px;}
.k-mb-70 {margin-bottom:70px;}
.k-mt-80 {margin-top:80px;}
.k-mb-80 {margin-bottom:80px;}

/* ====================== 
   Paddings Verticales
======================= */
.k-p-0 {padding:0px;}
.k-pt-0 {padding-top:0px;}
.k-pb-0 {padding-bottom:0px;}
.k-pt-10 {padding-top:10px;}
.k-pb-10 {padding-bottom:10px;}
.k-pt-20 {padding-top:20px;}
.k-pb-20 {padding-bottom:20px;}
.k-pt-30 {padding-top:30px;}
.k-pb-30 {padding-bottom:30px;}
.k-pt-40 {padding-top:40px;}
.k-pb-40 {padding-bottom:40px;}
.k-pt-50 {padding-top:50px;}
.k-pb-50 {padding-bottom:50px;}
.k-pt-60 {padding-top:60px;}
.k-pb-60 {padding-bottom:60px;}
.k-pt-70 {padding-top:70px;}
.k-pb-70 {padding-bottom:70px;}
.k-pt-80 {padding-top:80px;}
.k-pb-80 {padding-bottom:80px;}

/* ====================== 
   Paddings Laterales
======================= */
.k-pt-0 {padding-top:0px;}
.k-pb-0 {padding-bottom:0px;}
.k-pl-0 {padding-left:0px;}
.k-pr-0 {padding-right:0px;}
.k-pt-1 {padding-top:1%;}
.k-pb-1 {padding-bottom:1%;}
.k-pl-1 {padding-left:1%;}
.k-pr-1 {padding-right:1%;}
.k-pt-2 {padding-top:2%;}
.k-pb-2 {padding-bottom:2%;}
.k-pl-2 {padding-left:2%;}
.k-pr-2 {padding-right:2%;}
.k-pt-3 {padding-top:3%;}
.k-pb-3 {padding-bottom:3%;}
.k-pl-3 {padding-left:3%;}
.k-pr-3 {padding-right:3%;}
.k-pt-4 {padding-top:4%;}
.k-pb-4 {padding-bottom:4%;}
.k-pl-4 {padding-left:4%;}
.k-pr-4 {padding-right:4%;}
.k-pt-5 {padding-top:5%;}
.k-pb-5 {padding-bottom:5%;}
.k-pl-5 {padding-left:5%;}
.k-pr-5 {padding-right:5%;}
.k-pt-6 {padding-top:6%;}
.k-pb-6 {padding-bottom:6%;}
.k-pl-6 {padding-left:6%;}
.k-pr-6 {padding-right:6%;}
.k-pt-7 {padding-top:7%;}
.k-pb-7 {padding-bottom:7%;}
.k-pl-7 {padding-left:7%;}
.k-pr-7 {padding-right:7%;}
.k-pl-8 {padding-left:8%;}
.k-pr-8 {padding-right:8%;}
.k-pt-8 {padding-top:8%;}
.k-pb-8 {padding-bottom:8%;}
.k-pt-9 {padding-top:9%;}
.k-pb-9 {padding-bottom:9%;}
.k-pl-9 {padding-left:9%;}
.k-pr-9 {padding-right:9%;}
.k-pt-10 {padding-top:10%;}
.k-pb-10 {padding-bottom:10%;}
.k-pl-10 {padding-left:10%;}
.k-pr-10 {padding-right:10%;}

/* ====================== 
   ALINEACION VERTICAL
======================= */
.k-va-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ========================
    COLUMNAS EN CONTENIDO
=========================== */
.k-columns-1 {
  -webkit-column-count: 1; 
  -moz-column-count: 1; 
  column-count: 1;
}
.k-columns-2 {
  -webkit-column-count: 2; 
  -moz-column-count: 2; 
  column-count: 2;
}

.k-columns-3 {
  -webkit-column-count: 3; 
  -moz-column-count: 3; 
  column-count: 3;
}

.k-columns-4 {
  -webkit-column-count: 4; 
  -moz-column-count: 4; 
  column-count: 4;
}

@media screen and (max-width: 768px) {
    .k-columns-t-1 {
      -webkit-column-count: 1; 
      -moz-column-count: 1; 
      column-count: 1;
    }  
    .k-columns-t-2 {
      -webkit-column-count: 2; 
      -moz-column-count: 2; 
      column-count: 2;
    }
    .k-columns-t-3 {
      -webkit-column-count: 3; 
      -moz-column-count: 3; 
      column-count: 3;
    }
    .k-columns-t-4 {
      -webkit-column-count: 4; 
      -moz-column-count: 4; 
      column-count: 4;
    }
}
    
@media screen and (max-width: 480px) {
    .k-columns-m-1 {
      -webkit-column-count: 1; 
      -moz-column-count: 1; 
      column-count: 1;
    }    
    .k-columns-m-2 {
      -webkit-column-count: 2; 
      -moz-column-count: 2; 
      column-count: 2;
    }
    .k-columns-m-3 {
      -webkit-column-count: 3; 
      -moz-column-count: 3; 
      column-count: 3;
    }

    .k-columns-m-4 {
      -webkit-column-count: 4; 
      -moz-column-count: 4; 
      column-count: 4;
    }
}
/* ============================
   TAMAÑOS DE LETRA RESPONSIVE
   ============================ */
.k-size-1{
  font-size: 50px !important;
  line-height:1.6 !important;
}
.k-size-2{
  font-size:40px !important;
  line-height:1.6 !important;
}
.k-size-3{
  font-size:32px !important;
  line-height:1.6 !important;
}
.k-size-4{
  font-size:28px !important;
  line-height:1.6 !important;
}
.k-size-5{
  font-size:24px !important;
  line-height:1.6 !important;
}
.k-size-6{
  font-size:20px !important;
  line-height:1.6 !important;
}
.k-size-7{
  font-size:18px !important;
  line-height:1.6 !important;
}
.k-size-8{
  font-size:16px !important;
  line-height:1.6 !important;
}
.k-size-9{
  font-size:14px !important;
  line-height:1.6 !important; 
}
.k-size-10{
  font-size:12px !important;
  line-height:1.6 !important;  
}

@media screen and (max-width: 768px) {
    .k-size-t-1{
      font-size: 50px !important;
      line-height:1.6 !important;
    }
    .k-size-t-2{
      font-size:40px !important;
      line-height:1.6 !important;
    }
    .k-size-t-3{
      font-size:32px !important;
      line-height:1.6 !important;
    }
    .k-size-t-4{
      font-size:28px !important;
      line-height:1.6 !important;
    }
    .k-size-t-5{
      font-size:24px !important;
      line-height:1.6 !important;
    }
    .k-size-t-6{
      font-size:20px !important;
      line-height:1.6 !important;
    }
    .k-size-t-7{
      font-size:18px !important;
      line-height:1.6 !important;
    }
    .k-size-t-8{
      font-size:16px !important;
      line-height:1.6 !important;
    }
    .k-size-t-9{
      font-size:14px !important;
      line-height:1.6 !important; 
    }
    .k-size-t-10{
      font-size:12px !important;
      line-height:1.6 !important;  
    }
}

@media screen and (max-width: 480px) {
    .k-size-m-1{
      font-size: 50px !important;
      line-height:1.6 !important;
    }
    .k-size-m-2{
      font-size:40px !important;
      line-height:1.6 !important;
    }
    .k-size-m-3{
      font-size:32px !important;
      line-height:1.6 !important;
    }
    .k-size-m-4{
      font-size:28px !important;
      line-height:1.6 !important;
    }
    .k-size-m-5{
      font-size:24px !important;
      line-height:1.6 !important;
    }
    .k-size-m-6{
      font-size:20px !important;
      line-height:1.6 !important;
    }
    .k-size-m-7{
      font-size:18px !important;
      line-height:1.6 !important;
    }
    .k-size-m-8{
      font-size:16px !important;
      line-height:1.6 !important;
    }
    .k-size-m-9{
      font-size:14px !important;
      line-height:1.6 !important; 
    }
    .k-size-m-10{
      font-size:12px !important;
      line-height:1.6 !important;  
    }
}

/* ============================
   TAMAÑOS DE ICONOS RESPONSIVE
   ============================ */
.k-isize-1{
  font-size: 80px !important;
}
.k-isize-2{
  font-size:70px !important;
}
.k-isize-3{
  font-size:60px !important;
}
.k-isize-4{
  font-size:50px !important;
}
.k-isize-5{
  font-size:40px !important;
}
.k-isize-6{
  font-size:36px !important;
}
.k-isize-7{
  font-size:30px !important;
}
.k-isize-8{
  font-size:24px !important;
}
.k-isize-9{
  font-size:20px !important;
}
.k-isize-10{
  font-size:16px !important;
}

@media screen and (max-width: 768px) {
    .k-isize-t-1{
      font-size:80px !important;
    }
    .k-isize-t-2{
      font-size:70px !important;
    }
    .k-isize-t-3{
      font-size:60px !important;
    }
    .k-isize-t-4{
      font-size:50px !important;
    }
    .k-isize-t-5{
      font-size:40px !important;
    }
    .k-isize-t-6{
      font-size:36px !important;
    }
    .k-isize-t-7{
      font-size:30px !important;
    }
    .k-isize-t-8{
      font-size:24px !important;
    }
    .k-isize-t-9{
      font-size:20px !important;
    }
    .k-isize-t-10{
      font-size:16px !important;
    }
}

@media screen and (max-width: 480px) {
    .k-isize-m-1{
      font-size: 80px !important;
    }
    .k-isize-m-2{
      font-size:70px !important;
    }
    .k-isize-m-3{
      font-size:60px !important;
    }
    .k-isize-m-4{
      font-size:50px !important;
    }
    .k-isize-m-5{
      font-size:40px !important;
    }
    .k-isize-m-6{
      font-size:36px !important;
    }
    .k-isize-m-7{
      font-size:30px !important;
    }
    .k-isize-m-8{
      font-size:24px !important;
    }
    .k-isize-m-9{
      font-size:20px !important;
    }
    .k-isize-m-10{
      font-size:16px !important;  
    }
}

/** GLOBALES **/
.k-body-bg-color {
    background-color:#f2f2f2;    
}