@media (min-width: 768px) and (max-width: 1023px) {
  /*-- Fuentes --*/
  @font-face {
    font-family: 'ClioHeavy';
    src: url(../font/LeType_ClioHeavy_Heavy.otf);
  }
  @font-face {
    font-family: 'ClioLigth';
    src: url(../font/LeType_ClioLight_Light.otf);
  }
  @font-face {
    font-family: 'Nexa-Bold';
    src: url(../font/nexa/Nexa-Slab-Bold.otf);
  }
  @font-face {
    font-family: 'Nexa-Black';
    src: url(../font/nexa/Nexa-SlabBlack.otf);
  }
  :root{
    --ClioHeavy: ClioHeavy;
    --ClioLigth: ClioLigth;
    --NexaBold:  'Nexa-bold';
    --NexaBlack: 'Nexa-Black';
  }
  /*--  Slideshow --*/
  h3{
    font-family: var(--NexaBlack);
    font-size: 2rem;
  }
  h4{
    font-family: var(--NexaBlack);
    font-size: 2.2rem;
  }
  .nav_primary{
    display: none;
  }
  .site-header-white{
    width: 100%;
    height: 70px;
    position: fixed;
    z-index: 999;
    background-color: #ffff;
    border-bottom: solid #cdcd 1px;
  }
  .cont_video{
    display: none;
  }
  .cont_video p{
    width: 230px;
    padding-top: 15px;
    font-size: .9rem;
  }
  .btn_video{
    width:  80px;
    height: 80px;
    margin-right: 20px;
    margin-left: 20px;
    transform: scale(.8);
    filter:  opacity(40%);
    background-image: url(../assets/icon/player_video.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_video:hover{
    transform: scale(1);
    filter:  opacity(100%);
    transition: all 1s ease;
  }
  .btnClose_video{
    position: absolute;
    z-index: 3;
    margin-top: 10px;
    margin-left: 97%;
  }
  .btnClose_video p{
    font-weight: lighter;
    font-family: Helvetica
  }
  .text_center{
    text-align: center;
  }
  .slide_01{
    width: 100%;
    height: 71vh;
    background-color: #4e4e4e;
    background-image: url(../assets/slider/slideshow_main_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .slide_02{
    width: 100%;
    height: 71vh;
    background-color: #4e4e4e;
    background-image: url(../assets/slider/slideshow_main_02.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .slide_03{
    width: 100%;
    height: 71vh;
    background-color: #4e4e4e;
    background-image: url(../assets/slider/slideshow_main_03.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .slide_04{
    width: 100%;
    height: 71vh;
    background-color: #4e4e4e;
    background-image: url(../assets/slider/slideshow_main_04.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .header_main_movil{
    width: 100%;
    height: 70px;
    background-color: #fff;
    position: fixed;
    z-index: 99;
  }
  .transparent{
    background-color: transparent !important;
  }
  .transparent .logo{
    display: none;
  }
  .cont_log_slideshow{
    width: 100%;
    height: 200px;
    position: fixed;
    z-index: 3;
  }
  .logo_slideshow{
    width: 100%;
    height: 200px;
    background-image: url(../assets/logo_bicolor.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .nav_container{
    width: 100%;
    height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    z-index: 2;
  }
  .container_grid{
    width: 70%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    transition: all 1s ease;
  }
  .container_grid .nav-index a:hover{
    color: #C0AD71;
    transition: all 1s ease;
  }
  .nav-index{
  display: none;
  }
  .nav-index a{
    color: #ffff;
    font-size: .9rem;
    font-family: var(--ClioLigth);
    text-decoration: none;
  }
  .carousel-indicators li{
    width:  10px;
    height: 10px;
    margin-right: 15px;
    border-radius: 100px;
    background-color: #BBAE75;
  }
  .carousel-indicators .active{
    border: solid #BBAE75 2px;
    background-color: transparent !important;
  }
  #slideshow{
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  }
  #slideshow img{
    display: none;
  }
  #slideshow img.active{
  opacity: 1;
  }

  #slideshow div{
  }
  #slideshow span{
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin: 0 10px;
  background: white;
  }
  #slideshow span.active{
  background: #C0AD71;
  }
  #slideshow p{
  width: 30px;
  line-height: 80px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  color: white;
  background: rgba(0,0,0,0.2);
  font-size: 16px;
  text-align: center;
  cursor: pointer;

  -ms-user-select:none;
  -webkit-user-select:none;
  user-select:none;
  }
  #slideshow p.left{
    display: none;
  }
  #slideshow p.right{
    display: none;
  }
  #slideshow:hover p{
  display: block;
  }
  #slideshow p:hover{
  background: rgba(0,0,0,0.6);
  }
  #dot_first{
  margin-left: 140px !important;
  }
  .cont_dots{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  }
  .cont_dots h3{
  color: #fff;
  }
  .desc_desarrollo{
    width: 100%;
    height: 430px;
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20pX;
    margin-top: 50px;
    background-color: #2F0000;
    text-align: center;
  }
  .control_dots{
    display: none;
  }
.slide_info{
  width:  100%;
  color: #fff;
  }
  .slide_info h3{
  font-size: 1.5rem;
  margin-top: 50px;
  color: #c0ad71;
  }
  .slide_info h5{
  color: #fff;
  font-size: 1.2rem;
  line-height: 30px;
  text-align: center;
  font-family: var(--ClioLigth);
  }
  /*-- Nosotros --*/
  .parallax_nosotros{
    width: 100%;
    height: 500px;
    background-image: url(../assets/parallax_nosotros.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed;
    background-size: cover;
  }
  .secc_somos{
    width: 100%;
    height: 600px;
    padding-top: 50px;
    background-image: url(../assets/FONDO_parallax.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .secc_somos h3{
    color: #fff;
    text-align: center;
  }
  .logo_somos{
    width: 100%;
    height: 170px;
    background-image: url(../assets/logos/logo_blanco.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .parrafo_somos{
    text-align: center;
    font-family: var(--ClioLigth);
    font-size: 1.1rem;
    color: #fff;
  }
  .icon_hand{
    display: none;
  }
  .target_front{
  width:  100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  }
  .target_front h3{
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: lighter;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'Maven Pro', sans-serif;

  }
  .target_back{
  width:  100%;
  padding: 20px;
  text-align: center;
  color: #fff;
  font-family: 'Maven Pro', sans-serif;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  }
  .target_back p{
    font-size: 1.2rem !important;
    line-height: 25px !important;
  }
  .target_back h4{
    display: none;
  }
  .target_back h3{
  font-size: 2rem;
  font-weight: 200;
  letter-spacing: 2px;
  }
  .secc_slider{
    width: 100%;
  }

  .slide_img{
  width: 100%;
  }
  .slide_nos_01{
  width: 100%;
  height: 700px;
  background-image: url(../assets/slider/provedores/1.png);
  background-position: center;
  background-size: cover;
  transition: all 1s ease;
  }
  .slide_nos_02{
  width: 100%;
  height: 700px;
  background-image: url(../assets/slider/provedores/2.png);
  background-position: center;
  background-size: cover;
  transition: all 1s ease;
  }
  .slide_nos_03{
  width: 100%;
  height: 700px;
  background-image: url(../assets/slider/provedores/3.png);
  background-position: center;
  background-size: cover;
  transition: all 1s ease;
  }
  .slide_nos_04{
  width: 100%;
  height: 700px;
  background-image: url(../assets/slider/provedores/4.png);
  background-position: center;
  background-size: cover;
  transition: all 1s ease;
  }
  /* Nosotros */
  .secc_nosotros{
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #340706;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .card_body{
    width:  100%;
    height: 400px;
    margin-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #5C1E1E;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .card_body h4{
    color: #fff;
  }
  .desc_nosotros h4{
    display: none;
  }
  .desc_nosotros p{
    font-size: 1.2rem !important;
    line-height: 30px !important;
  }
  .group_icon_nos{
    color: #C0AD71;
    font-family: ClioHeavy;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .secc_nosotros p{
    color: #fff;
    font-family: ClioLigth;
    text-align: center;
    font-size: .9rem;
    line-height: 10px;
  }
  .icon-mision{
    width: 100%;
    height: 100px;
    background-image: url(../assets/icon/icon_mision.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
  }
  .icon-vision{
    width: 100%;
    height: 100px;
    background-image: url(../assets/icon/icon_vision.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
  }
  .border_somos{
    border:  solid 1px #C0AD71;
  }
  /*-- Secc proceso --*/
  .secc_proceso{
    width: 100%;
    padding-top: 50px;
    background-color: #fff;
    background-image: url(../assets/bg_proceso.png);
    background-repeat: no-repeat;
    background-position: right top;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .secc_proceso h3{
    width: 200px;
    text-align: center;
    padding-bottom: 30px;
    color: #330000;
  }
  .layout_cont_01{
    width: 100%;
  }
  .layout_cont_02{
    display: none;
  }
  .proceso{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 60px;
    text-align: center;
  }
  .proceso h5{
    font-family: var(--NexaBold);
    color: #C0AD71;
    letter-spacing: 2px;
  }
  .proceso p{
    font-size: 1.3rem;
    font-family: var(--ClioLigth);
  }
  .contenedor_proceso{
    background-position: center;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /*-- Botones procesos --*/
  .btn_proc_norm_01{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_01{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_01.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .btn_proc_norm_01:hover{
    background-image: url(../assets/botones/btn_proc_act_01.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_02{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_02.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_02{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_02.png);
    background-size: contain;
  }
  .btn_proc_norm_02:hover{
    background-image: url(../assets/botones/btn_proc_act_02.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_03{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_03.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_03{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_03.png);
    background-size: contain;
  }
  .btn_proc_norm_03:hover{
    background-image: url(../assets/botones/btn_proc_act_03.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_04{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_04.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_04{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_04.png);
    background-size: contain;
  }
  .btn_proc_norm_04:hover{
    background-image: url(../assets/botones/btn_proc_act_04.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_05{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_05.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_05{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_05.png);
    background-size: contain;
  }
  .btn_proc_norm_05:hover{
    background-image: url(../assets/botones/btn_proc_act_05.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_06{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_06.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_06{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_06.png);
    background-size: contain;
  }
  .btn_proc_norm_06:hover{
    background-image: url(../assets/botones/btn_proc_act_06.png);
    transition: all 1s ease;
  }
  .vertical_cont_superior{
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .vertical_cont_superior h3{
    width: 300px;
    margin-left: -310px;
  }
  .vertical_cont_inferior{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .horizontal_cont_superior{
    width: 570px;
    height: 170px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .horizontal_cont_inferior{
    width: 570px;
    height: 170px;
    display: flex;
    margin-top: 40px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .proc_desc{
    text-align: center;
  }
  .proc_desc h4{
    color: #f6f6f6;
    font-family: ClioHeavy;
  }
  .proc_desc p{
    width: 350px;
    color: #f6f6f6;
    font-size: .8rem;
    font-family: ClioLigth;
  }
  .contBtn_proceso{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .bg_proc{
    width: 100%;
    height: 500px;
    margin-top: 200px;
    background-color: #cdcdcd;
  }
  .container_proceso{
    width: 400px;
    height: 400px;
    background-image: url(../assets/bg_cont_proceso.png);
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: center;
  }
  .secc_clientes{
    width: 100%;
  }
  .secc_clientes h4{
    color: #330000;
  }
  .cliente_01{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_soriana.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_02{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_Global.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_03{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_comercial.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_04{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_PMI.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_05{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_mega.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_06{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_Walmart.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .row_clientes{
    margin-top: 30px;
  }
  .secc_alianzas{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(../assets/Alianzas_CIASA.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .bg_trnasparencia{
    width: 100%;
    margin-top: 7vh;
    background: rgba(0,0,0,0.5);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(99%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  }
  .cont_alianzas{
    color: #f6f6f6;
    text-align: center;
  }
  .cont_alianzas h3{
    padding-left: 30px;
    padding-top: 100px;
  }
  .cont_alianzas p{
    padding-left: 30px;
    padding-right: 30px;
    font-family: ClioLigth;
  }
  /* Incons alianzas */
  .icon_alianza_01{
    width: 100%;
    height: 140px;
    margin-bottom: 10px;
    background-image: url(../assets/icon/icon-alianzas/icon_alainza_norm_01.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .icon_alianza_01:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-02.png);
    transition: all 1s ease;
  }
  .icon_alianza_02{
    width: 100%;
    height: 70px;
    margin-bottom: 20px;
    background-image: url(../assets/icon/icon-alianzas/icon_alianza_norm_02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    transition: all 1s ease;
  }
  .icon_alianza_02:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-01.png);
    transition: all 1s ease;
  }
  .icon_alianza_03{
    width: 100%;
    height: 120px;
    background-image: url(../assets/icon/icon-alianzas/icon_alianza_norm_03.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .icon_alianza_03:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-03.png);
    transition: all 1s ease;
  }
  .icon_alianza_04{
    width: 100%;
    height: 150px;
    background-image: url(../assets/icon/icon-alianzas/icon_alianza_norm_04.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .icon_alianza_04:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-04.png);
    transition: all 1s ease;
  }
  .icon_alianza_05{
    width: 100%;
    height: 150px;
    background-image: url(../assets/icon/icon-alianzas/icon_alianza_norm_05.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .icon_alianza_05:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-05.png);
    transition: all 1s ease;
  }
  /* Secc contacto */
  .secc_dir{
    width: 100%;
    height: 650px;
    background-image: url(../assets/bg_contacto.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .secc_form{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #330000;
    background-image: url(../assets/Vaca_contacto.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .secc_form h3{
    margin-bottom: 30px;
  }
  .alert{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #68A172;
  }
  .color-send{
    background-color: #26A69A;
  }
  .color-error{
    background-color: #D84315;
  }
  .color-btn-error{
    background-color: #BF360C;
  }
  .color-btn-send{
    background-color: #26A69A;
  }
  .alert_msg{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .alert_msg p{
    padding-left: 20px;
    margin: 0;
    color: #fff;
  }
  .btn_close_alert{
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 1s ease;
  }
  .btn_close_alert p:hover{
    cursor: auto;
  }
  .btn_close_alert p{
    padding: 0;
    margin: 0;
  }
  .view-alert{
    filter: opacity(100%);
    transition: all 1s ease;
  }
  .hide-alert{
    filter: opacity(0%);
    transition: all 1s ease;
  }
  .secc_form h3{
    color: #fff;
  }
  .label_form{
    color: #fff;
  }
  .btn_send{
    width: 100%;
    height: 30px;
    border: none;
    padding-top: 5px;
    border-radius: 5px;
    background-color: #C0AD71;
    color: #fff;
    font-family: var(--ClioLigth);
    transition: all 1s ease;
  }
  .btn_send:hover{
    background-color: #8C7B47;
    transition: all 1s ease;
  }
  .group_icon_contacto{
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .group_icon_contacto h3{
    color: #c0ad71;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1rem;
  }
  .group_icon_contacto p{
    line-height: 0px;
    font-family: ClioLigth;
    font-size: .9rem;
  }
  .icon_contacto_01{
    width: 100px;
    height: 100px;
    background-image: url(../assets/icon/ICON_OFICINA.svg);
  }
  .icon_contacto_02{
    width: 100px;
    height: 100px;
    background-image: url(../assets/icon/ICON_RANCHO.svg);
  }
  .secc_mail{
    margin-top: 70px;
  }
  /* Secc productos */
  .secc_productos{
    width: 100%;
  }
  .slide_secc_01{
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .slide_secc_02{
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .group-title{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .box_text{
    border: solid #C0AD71 thin;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .box_text h4{
    color: #fff;
    font-size: 1.5rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
  }
  .box_text p{
    margin-top: 10px;
    color: #fff;
    text-align: justify;
    font-size: .9rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: lighter;
  }
  .cont_desc_box{
    padding: 10px;
    height: auto;
  }
  .icon_corte{
    width: 100px;
    height: 30px;
    background-image: url(../assets/icon/icon_corte.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
  }
  .img_product_01{
    width: 100%;
    height: 200px;
    background-image: url(../assets/slider/productos/Diezmillo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_02{
    width: 100%;
    height: 200px;
    background-image: url(../assets/slider/productos/Cowboy.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_03{
    width: 100%;
    height: 200px;
    background-image: url(../assets/slider/productos/RibEye.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_04{
    width: 100%;
    height: 200px;
    background-image: url(../assets/slider/productos/T-BONE.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_05{
    width: 100%;
    height: 200px;
    background-image: url(../assets/slider/productos/NewYork.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_06{
    width: 100%;
    height: 200px;
    background-image: url(../assets/slider/productos/Sirloin.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_07{
    width: 100%;
    height: 200px;
    background-image: url(../assets/slider/productos/PulpaNegra.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_08{
    width: 100%;
    height: 200px;
    background-image: url(../assets/slider/productos/PulpaBola.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .bg_slide_product{
    width:  100%;
    height: 50vh;
    background-image: url(../assets/bg_productos.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .slide_product{
    width: 100%;
  }
  .slide_produc_02{
    width: 100%;
    background-color: #AB47BC;
  }
  .slide_produc_03{
    width: 100%;
    background-color: #4DB6AC;
  }
  .secc_descarga{
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .btn_catologo{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .cont-text-catalogo{
    height: 70px;
    padding-left: 10px;
    border-left: solid 2px #C0AD71;
  }
  .btn_catologo h3{
    margin-top: 10px;
    font-size: 1rem;
    font-family: var(--ClioHeavy);
  }
  .btn_catologo h4{
    color: #2F0000;
    font-size: 1rem;
    line-height: 0px;
    font-family: var(--ClioLigth);
  }
  .btn_catologo a{
    color: #330000;
    text-decoration: none;
  }
  .btn_catologo a :hover{
    color: #C0AD71;
  }
  .btn_catologo p{
    font-family: var(--ClioLigth);
  }
  .img_cat{
    width: 50px;
    height: 50px;
    background-image: url(../assets/icon/descarga_cat.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .logo_purple{
    width: 100%;
    height: 15px;
    margin-top: 30px;
    background-image: url(../assets/icon/logo_purple_norm.png);
    background-repeat: no-repeat;
    background-size: contain ;
    background-position: center;
  }
  .logo_bilateral{
    width: 100%;
    height: 15px;
    margin-top: 30px;
    background-image: url(../assets/icon/logo_bilateral_norm.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .author{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .author a{
    letter-spacing: 2px;
    color: #fff;
    margin-top: 20px;
    margin-right: 20px;
  }
}