*{margin: 0px;padding: 0px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;    
    font-display: optional;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
body{
    --box-shadow: rgba(100,100,100, 0.6) 0px 1px 12px 0px;
    --colo_fondo_galeria : #F4F5FA;
    --tamano_letra_p : 14px;
    --color_letra_p: #000;
    --color_letra_info:#9e9e9e;
    --text_envio: #575757;
    --verde: #16AB40;
}
.btn{padding: 10px 15px;border: none;border-radius: 5px;font-size: 15px;cursor: pointer;text-decoration: none;}
.btn_f_claro{text-decoration: none;padding: 13px 20px 13px 20px;color: var(--color1);border: 1px solid var(--color1);font-weight: 600;font-size: 16px;border-radius: 5px;text-align: center;margin-bottom: 15px;background: #fff;}
.btn_f_claro:hover{background: var(--color1);color: #fff;}
.btn-success{color: #fff;background: var(--color1);}
.btn-danger{color: #fff;background: var(--color1);}
.btn-success:hover{background: var(--color1_h);}
.btn-danger:hover{background: var(--color1_h);}
/*========== GIF CARGANDO PANTALLA COMPLETA =======*/
.hide{display: none;}
.dfw{display: flex;flex-wrap: wrap;}
.conten_carga{background-color: rgba(250, 250, 250, 0.9);height: 100%;width: 100%;position: fixed;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 10000;top: 0px;}
.conten_carga #menajecarga{position: absolute;top: 30%;left: 37%;text-align: center;font-weight: 600;font-size: 35px;width: 500px;}
.conten_carga #carga{border: 3px solid #ccc;border-top-color: var(--color1);height: 100px;width: 100px;border-radius: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-animation: girar 1.5s linear infinite;-o-animation: girar 1.5s linear infinite;animation: girar 1.5s linear infinite;}
/*======== PARA LA PAGINA DE GRACIAS =========*/
.conten_carga_gracias{background-color: rgba(250, 250, 250, 0.9);height: 100%;width: 100%;position: fixed;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 10000;top: 0px;}
.conten_carga_gracias #menajecarga{position: absolute;top: 30%;left: 37%;text-align: center;font-weight: 600;font-size: 35px;width: 500px;}
.conten_carga_gracias #carga{border: 3px solid #ccc;border-top-color: var(--color1);height: 100px;width: 100px;border-radius: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-animation: girar 1.5s linear infinite;-o-animation: girar 1.5s linear infinite;animation: girar 1.5s linear infinite;}
@keyframes girar{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}

/*========== FIN GIF CARGANDO PANTALLA COMPLETA =======*/
/*============ BARRA SCROOL DE NAVEGADOR ==========*/
body::-webkit-scrollbar{width: 13px;background: #ccc;}
body::-webkit-scrollbar-thumb{width: 13px;height: 200px;border-radius: 5px;background: var(--color1);}
/*============ FIN BARRA SCROOL DE NAVEGADOR ==========*/
/*=============== BOTON IR ARRIBA ==========================*/
#scrollUp {bottom: 20px;left : 48%;padding: 10px 20px;
background-image: url('../img/icons/boton-arriba.png');background-size: cover;
background-repeat: no-repeat;background-position: center;height: 45px;width: 45px;border-radius: 50%;text-indent: -9999px;}
#scrollUp:hover{background-image: url('../img/icons/boton-arriba-2.png');height: 45px;width: 45px;}
@media screen and (max-width:950px){#scrollUp{left: 45%;bottom: 30px;height: 40px;width: 40px;}
#scrollUp:hover{height: 40px;width: 40px;}}
/*=============== FIN BOTON IR ARRIBA ====================*/

/*============================ GRUPO DE NUMEROS DE WHATSAPP =================*/
.conten_btn_grupo_whatsapp{
    position: fixed;
    left: 90px;
    bottom: 20px;
    z-index: 1000;
}
.btn_grupo_whatsapp{
    position: absolute;    
    bottom: 0px;
    font-size: 25px;
    color: #fff;
    background:#2BC44A;
    border-radius:50%;
    padding:12px 16px 12px 16px;
    text-decoration:none;
    box-shadow: rgba(100,100,100, 0.6) 0px 1px 12px 0px;
    transition:0.5s;
    border:none;
    cursor: pointer;
    z-index: 1;
}
.btn_grupo_whatsapp:hover{
    background: var(--color2);
}
.conten_main_grupo_whastapp{
    position: fixed;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    bottom: 90px;
    left: 90px;
    box-shadow: 0px 0px 10px 0px #c6c6c6;
    padding: 15px;
    border-radius: 10px;    
    background: #fff;
    width: 330px;
    max-height: 450px;
    overflow-y: auto;
    z-index: 100;
}
.conten_main_grupo_whastapp .titulo_conten_whatsapp{font-size: 15px;color: #000;font-weight: bold;font-family: Arial, Helvetica, sans-serif;width: 100%;text-align: center;}
.conten_main_grupo_whastapp .conten_numeros_whastapp{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;padding: 15px;}
.conten_main_grupo_whastapp .conten_numeros_whastapp .numero_whastapp{
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    background: var(--color1);
    border-radius: 10px;
    margin: 10px 0px 10px 0px;
    text-decoration: none;
    padding: 18px;
    align-items: center;
}
.conten_main_grupo_whastapp .conten_numeros_whastapp .numero_whastapp:hover{background: #0050d1;}
.conten_main_grupo_whastapp .conten_numeros_whastapp .numero_whastapp .conten_img_perfil{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    left: 10px;
    background: #fff;
    height: 40px;
    width: 40px;  
    border-radius: 10px;  
}
.conten_main_grupo_whastapp .conten_numeros_whastapp .numero_whastapp .conten_img_perfil .img_perfil_whastapp{height: 30px;width: 30px;margin: 2px;}
.conten_nombre_numero{font-size: 12px;color: #fff;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
@media screen and (max-width:650px) {
    .conten_main_grupo_whastapp{bottom: 50px;right: 30px;padding: 15px;width: 280px;max-height: 400px;}
    .conten_nombre_numero{font-size: 11px;}
}
@media screen and (max-width:500px) {
    .conten_btn_grupo_whatsapp{left: 30px;}
}
@media screen and (max-width:400px) {
.conten_main_grupo_whastapp{bottom: 80px;right: 20px;padding: 10px;width: 250px;max-height: 300px;left: 40px;}
.conten_main_grupo_whastapp .conten_numeros_whastapp .numero_whastapp .conten_img_perfil{height: 25px;width: 20px;}
.conten_nombre_numero{font-size: 11px;}
}
/*============================ FIN GRUPO DE NUMEROS DE WHATSAPP =================*/

/*BARRA DE REDES SOCIALES + */
.conten_barra_social{position: fixed;bottom: 20px;left: 20px;z-index: 1000;}
.conten_btn_plus_redes{display: flex;flex-wrap: wrap;justify-content: center;align-content: center;height: 55px;width: 55px;background: var(--color1);
padding: 10px;box-shadow: rgba(100,100,100, 0.6) 0px 1px 12px 0px;border-radius: 50%;cursor: pointer;transition: all 400ms;}
.btn_redes{font-size: 30px;color: #fff;}
.conten_barra_social:hover .conten_btn_plus_redes{transform: rotate(135deg);background: var(--color2);}
.red{position: absolute;display: flex;justify-content: flex-end;transition: all 400ms;opacity: 1;padding: 13px;z-index: 100;padding-left: 8px;}
.red a{display: flex;text-decoration: none;}
.conten_barra_social:hover .red{opacity: 1;}
.conten_barra_social .red:hover  label{opacity: 1;}
.conten_barra_social .red label{
	width: 140px;
	font-size: 15px;
	transition: all 400ms;
	opacity: 0;
	margin-top: 10px;
	height: 30px;
	margin-left: 10px;
	box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;
	border-radius: 5px;
	padding: 3px;
	padding-left: 10px;
	background: #fff;
    text-align: center;
    font-weight: 600;
}
.conten_barra_social .red span{font-size: 20px;}
.conten_barra_social .red img{height: 47px;width: 47px;}
.conten_barra_social .red .img_tiktok{height: 45px;width: 46px;}
.conten_barra_social .red .img_maps{height: 45px;width: 45px;}

/*======COLORES DE REDES SOCIALES*/
.conten_barra_social .facebook     span{padding: 11px 15px 11px 15px;color: #fff;background: #3B5998;border-radius: 50%;font-size:20px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .youtube      span{padding: 11px 15px 11px 15px;color: #fff;background: #FF0000;border-radius: 50%;font-size:18px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .instagram    span{padding: 11px 15px 11px 15px;color: #fff;background-image: linear-gradient(60deg,#f7cf6c 0,#f74f3d ,#9834b3 100%);border-radius: 50%;font-size:20px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .messanger    span{padding: 11px 15px 11px 15px;color: #fff;background: #007fff;border-radius: 50%; font-size:20px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .email        span{padding: 11px 15px 11px 15px;color: #fff;background: #007fff;border-radius: 50%; font-size:18px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .waze          img{padding: 13px 13px 13px 13px;color: #fff;background: #40cef7; border-radius: 50%;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;}
.conten_barra_social .maps          img{padding: 13px 13px 13px 13px;color: #fff;background: #e2e2e2; border-radius: 50%;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;}
.conten_barra_social .tiktok        img{padding: 13px 13px 13px 13px;color: #fff;background: #000000; border-radius: 50%;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;}
.facebook       {transform: translate(-90px, 0px) scale(0);}
.youtube        {transform: translate(-90px, 0px) scale(0);}
.instagram      {transform: translate(-90px, 0px) scale(0);}
.email          {transform: translate(-90px, 0px) scale(0);}
.messanger      {transform: translate(-90px, 0px) scale(0);}
.waze           {transform: translate(-90px, 0px) scale(0);}
.maps           {transform: translate(-90px, 0px) scale(0);}
.tiktok         {transform: translate(-90px, 0px) scale(0);}
.conten_barra_social:hover .facebook  {transform: translate(-10px, -80px) scale(1);}
.conten_barra_social:hover .messanger {transform: translate(-10px, -140px) scale(1);}
.conten_barra_social:hover .instagram {transform: translate(-10px, -200px) scale(1);}
.conten_barra_social:hover .email     {transform: translate(-10px, -260px) scale(1);}
.conten_barra_social:hover .waze      {transform: translate(-10px, -320px) scale(1);}
.conten_barra_social:hover .maps      {transform: translate(-10px, -380px) scale(1);}
.conten_barra_social:hover .tiktok    {transform: translate(-10px, -440px) scale(1);}
.conten_barra_social:hover .youtube   {transform: translate(-11px, -503px) scale(1);}
@media screen and (max-width:500px){
    /*.conten_btn_plus_redes{display: none;}*/    
    .conten_barra_social{left: 28px;bottom: 20px;}
    .conten_barra_social .red label{display: none;}
    .conten_barra_social .facebook     span{padding: 13px 15px 13px 15px;}
    .conten_barra_social .youtube      span{padding: 13px 15px 13px 15px;}
    .conten_barra_social .instagram    span{padding: 13px 15px 13px 15px;}
    .conten_barra_social .messanger    span{padding: 13px 15px 13px 15px;}
    .conten_barra_social .email        span{padding: 13px 15px 13px 15px;}
    .facebook       {transform: translate(-25px, 0px) scale(0);}
    .youtube        {transform: translate(-25px, 0px) scale(0);}
    .instagram      {transform: translate(-25px, 0px) scale(0);}
    .email          {transform: translate(-25px, 0px) scale(0);}
    .messanger      {transform: translate(-25px, 0px) scale(0);}
    .waze           {transform: translate(-25px, 0px) scale(0);}
    .maps           {transform: translate(-25px, 0px) scale(0);}
    .tiktok         {transform: translate(-25px, 0px) scale(0);}
}
/*====================== FIN BARRA SOCIAL ==================*/
/*========== ESTILOS DE CARGA CONTENIDO ==========*/
.nom_cate{height: 15px;width: 150px;
    display: block;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 80%), #d7d7d7;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    animation: shine 1s infinite;
    border-radius: 10px;
    margin-top: 10px;
}
.skeleton-loader:empty {
    height: 15px;
    display: block;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 80%), #d7d7d7;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    animation: shine 1s infinite;
}
@keyframes shine {to {background-position: 100% 0;}}
/*=========================== SECCION SUPEROR DEL MENU PRINCIPAL =================*/
.conten-menu{position: relative;background: var(--color5);z-index: 2;padding-top: 5px;}
.main_header_sociales{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;background: var(--color1);padding: 10px;}
.main_header_sociales .conten_main_header_sociales{width: 1350px;  }
.main_header_sociales .conten_header_sociales{width: 100%;display: flex;  position: relative;}
.main_header_sociales .conten_header_sociales .header_sociales_iz p{color: #fff;font-weight: bold;}
.main_header_sociales .conten_header_sociales .header_sociales_de {display: flex;position: absolute;right: 0px;}
.main_header_sociales .conten_header_sociales .header_sociales_de .num_contacto{margin-right: 15px;}
.main_header_sociales .conten_header_sociales .header_sociales_de .num_contacto span{ margin-right: 10px;}
.main_header_sociales .conten_header_sociales .header_sociales_de .conten_header_sociales_redes .btn_social{color: #fff;padding: 7px 10px 7px 10px;border-radius: 5px;}
.main_header_sociales .conten_header_sociales .header_sociales_de .conten_header_sociales_redes .btn_social:hover{background: var(--color2);}
.main_header_sociales .conten_header_sociales .header_sociales_iz a, .main_header_sociales .conten_header_sociales .header_sociales_de a{color: #fff;text-decoration: none;}

.conten_banner_animado{
    display: flex;
    width: 100%;
    justify-content: baseline;
    align-content: center;
    align-items: center;
    padding: 0px;
    margin: 0px;
}
.conten_banner_animado a{display: flex;padding: 0px;margin: 0px;width: 100%;}
.conten_banner_animado .img_banner{
    width: 100%;
}
/*=========================== MENU PARA ESCRITORIO, LAPTOP, TABLE ==========================*/
header{width: 100%;background: #fff;}
header nav{
    position: relative;
    width:100%;
    margin: auto;
    max-width: 1750px;
    z-index:10;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom:5px;
}

header nav ul{
    display: flex;
    width: 100%;
    list-style:none;
    margin-bottom: 0px;
    align-items: center;
    justify-content: space-between;
}
header nav ul li{
    display:inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header nav ul li a{
    display:flex;
    text-decoration:none;
    transition: 0.5s;
    margin: 10px;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    align-items: center;
}
header nav ul li a:hover{color: var(--color1);}
header nav ul li a span{
    font-size: 14px;
    margin-top: 0px;
    margin-right:10px;
    color: var(--color2);
}
header nav ul li a .icon-right{margin-right: 0px;margin-left: 10px;}
header nav .menu_ul_movil{display: none;}
header nav .contenedor_menu{
    display: flex;
    width: 70%;
    margin: auto;
    align-items: center;
    justify-content: center;
}
header nav .contenlogomenu{margin-right: 20px;}
header nav .contenlogomenu .logopega{height: 50px;width: 200px;  }
header nav .conten-form-pc{position: relative;min-width: 600px;} 
header nav .contenedor_menu{
    display: flex;
    width: 70%;
    margin: auto;
    align-items: center;
}
header nav .conten_usuario{
    display: flex;
    flex-wrap: wrap;
    min-width: 200px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 10px;
}
header nav .conten_usuario .btn_opciones_cliente{position: relative;}
header nav .conten_usuario:hover .conten_op_clien{display: block;}
.conten_opciones_clien{
    display: none;
    position: absolute;
    top: 55px;
    background: #fff;
    width: 200px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 12px 1px;
    padding: 10px;
    border-radius: 10px;
}
.conten_opciones_clien a{
    width: 100%;
    text-decoration: none;
    padding: 10px;
}
.conten_opciones_clien a:hover{color: var(--color1);}
header nav .btn_menu a{
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    align-items: center;
    color: #000;
}
header nav .btn_menu .conten_icon_carrito_pc{
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    align-items: center;
    color: #000;
}
header nav .btn_menu .conten_icon_carrito_pc .icon_carrito{
    font-size: 20px;
    position: absolute;
    top: 10px;
}
header nav .btn_menu .conten_icon_carrito_pc .icon_down{
    position: absolute;
    bottom: 10px;
    right: 5px;
}
header nav .btn_menu a .icon_user{
    margin: 5px;
    color: #000;
    padding: 0px;
}
header nav .btn_menu a .icon_flecha_abajo{margin-left: 10px;}
header nav .conten_usuario .nombre_user p{font-size: 12px; color: #000;}
header nav .conten_usuario .nombre_user .nombre_clien{font-size: 14px;}
header nav .contenedor_menu .conten_carrito{
    position: relative;
    width: 60px;
    height: 50px;
    padding: 10px;  
    cursor: pointer;  
}
header nav .contenedor_menu .conten_carrito .canti_product{
    position: absolute;
    display: none;
    top: -7px;
    left: 25px;
    background: var(--color1);
    padding: 5px 8px 5px 8px;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
header nav .contenedor_menu .conten_carrito a .icon_carrito{
    position: absolute;
    top: 10px;
    left: 0px;
    font-size: 22px;
    color: #000;
}
header nav .contenedor_menu .conten_carrito a .icon_flecha_abajo{
    position: absolute;
    bottom: 3px;
    right: 0px;
    font-size: 14px;
    color: #000;
}
header nav .contenedor_menu .conten_carrito:hover .main_list_carrito{display:block;}
header nav .contenedor_menu .conten_carrito .main_list_carrito{
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 12px 1px;
    width: 350px;
    border-radius: 10px;
    right: 0px;
    transform: 1s;
    top:40px;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .header_list_carrito{
    background: var(--color1);
    color: #fff;
    padding: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: 700;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito{
    overflow-y: scroll;
    max-height: 300px;
    background: var(--colo_fondo_galeria);
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito{
    display: flex;
    padding: 2px;
    background: #fff;
    margin: 10px;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    position: relative;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .titulo_descuento{
    position: absolute;
    background: red;
    color: #fff;
    font-weight: bold;
    font-size: 9px;
    border-radius: 10px;
    left: 0px;
    top: 0px;
    padding: 2px 10px;z-index: 1;}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .forma_descuento{ 
    position: absolute;
    background: red;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    border-radius: 10px;
    right: 0px;
    bottom: 35px;
    padding: 2px 10px;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito:hover{background: rgb(219, 219, 219);}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_img{
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    align-content: center;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_img img{
    height: 65px;
    width: 65px;
    border-radius: 10px;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_nombre{
    position: relative;
    width: 100%;
    margin: 5px;
    line-height: 30px;
    font-size: 15px;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_nombre .btn_eliminar_produt{
    position: absolute;
    top: 0px;
    right: 6px;
    background: none;
    border: none;
    color: red;
    cursor: pointer;
    font-size: 16px;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .nombre_producto{
    line-height: 18px;
    max-width: 90%;
    margin-bottom: 5px;
    font-size: 14px;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_flex{display: flex;flex-wrap: wrap;width: 100%;}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_flex .cant{width: 100%;line-height: 12px;font-size: 12px;margin-bottom: 5px;}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_flex .conten_precio{display: flex;justify-content: space-between;width: 100%;margin-top: -8px;}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_flex .conten_precio .precio{font-size: 12px;}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_flex .conten_precio .precio_old{font-size: 10px;text-decoration: line-through;color: var(--color_letra_info);}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_footer .conten_main_list_footer_subtotal{
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    width: 100%;
    position: relative;
    border-top: 1px solid #ccc;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_footer .conten_main_list_footer_subtotal .text_subtotal{
    width: 100%;
    margin-bottom: 10px;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_footer .conten_main_list_footer_subtotal .conten_precio{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_footer .conten_main_list_footer_subtotal .moto_pagar{
    position: absolute;
    right: 15px;
    font-weight: 600;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_footer .conten_main_list_footer_btn_carrito{
    display: flex;
    width: 100%;
}
header nav .contenedor_menu .conten_carrito .main_list_carrito .conten_main_list_footer .conten_main_list_footer_btn_carrito a{
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 15px;
    border-radius: 10px;
    margin: 10px;    
    font-weight: 600;
}

header .main_list_carrito .conten_main_list_footer .conten_main_list_footer_btn_carrito .btn_ir_carrito{
    background: var(--color1);
    color: #fff;
}
header .main_list_carrito .conten_main_list_footer .conten_main_list_footer_btn_carrito .btn_seguir_comprando{background: var(--color2);color: #fff;}
#btn-prin-menu{cursor: pointer;color: var(--color1);margin: 7px;}
#btn-prin-menu:hover{color: var(--color2);}
/*=========================== LISTADO DE CARRITO PARA CELULAR ========================*/
.conten_btn_menu_bar{width: 100%;}
.conten_btn_menu_bar .canti_product{
    position: absolute;
    display: none;
    top: -10px;
    left: 25px;
    background: var(--color2);
    padding: 5px 8px 5px 8px;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.conten_btn_menu_bar .btn_carrito_cel .icon_carrito{
    position: absolute;
    top: 10px;
    left: 0px;
    font-size: 22px;
    color: #000;
}
.conten_btn_menu_bar .icon_flecha_abajo{
    position: absolute;
    bottom: 3px;
    right: 0px;
    font-size: 14px;
    color: #000;
}
.conten_btn_menu_bar .main_list_carrito{
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 20px;
    width: 350px;
    border-radius: 10px;
    right: 0px;
    transform: 1s;
    top:50px;
    z-index: 1000;
}
.btn_carrito_cel:hover .main_list_carrito{display:block;}
.conten_btn_menu_bar .main_list_carrito .header_list_carrito{
    background: var(--color1);
    color: #fff;
    padding: 13px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 13px;
    font-weight: bold;
}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito{
    overflow-y: scroll;
    max-height: 300px;
    background: #F4F5FA;
}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito{
    display: flex;
    padding: 2px;
    background: #fff;
    margin: 5px;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    position: relative;
}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .titulo_descuento{
    position: absolute;
    background: red;
    color: #fff;
    font-weight: bold;
    font-size: 9px;
    border-radius: 10px;
    left: 0px;
    top: 0px;
    padding: 2px 10px;z-index: 1;}
    .conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .forma_descuento{ 
    position: absolute;
    background: red;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    border-radius: 10px;
    right: 0px;
    bottom: 35px;
    padding: 2px 10px;
}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito:hover{background: rgb(219, 219, 219);}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_img{
    margin-top: 5px;
    margin-bottom: 5px;
    align-content: center;
}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_img img{height: 50px;width: 50px;border-radius: 10px;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_nombre{
    position: relative;
    width: 100%;
    margin: 5px;
    line-height: 30px;
    font-size: 15px;
}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_nombre .btn_eliminar_produt{
    position: absolute;
    top: 0px;
    right: 6px;
    background: none;
    border: none;
    color: red;
    cursor: pointer;
    font-size: 16px;
}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .nombre_producto{line-height: 18px;max-width: 90%;margin-bottom: 5px;font-size: 13px;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_flex{display: flex;flex-wrap: wrap;width: 100%;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_flex .cant{width: 100%;line-height: 12px;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_flex .conten_precio{display: flex;justify-content: space-between;width: 100%;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_flex .conten_precio .precio_old{font-size: 10px;text-decoration: line-through;color: var(--color_letra_info);}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_footer{padding-bottom: 5px;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_footer .conten_main_list_footer_subtotal{
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    width: 100%;
    position: relative;
    border-top: 1px solid #ccc;
    font-size: 13px;
}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_footer .conten_main_list_footer_subtotal .text_subtotal{width: 100%;margin-bottom: 10px;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_footer .conten_main_list_footer_subtotal .conten_precio{display: flex;justify-content: space-between;width: 100%;font-size: 15px;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_footer .conten_main_list_footer_subtotal .moto_pagar{position: absolute;right: 15px;font-weight: 600;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_footer .conten_main_list_footer_btn_carrito{display: flex;width: 100%;}
.conten_btn_menu_bar .main_list_carrito .conten_main_list_footer .conten_main_list_footer_btn_carrito a{
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 2px;
    margin-bottom: 2px;    
    padding: 15px;
    border-radius: 10px;
    margin: 5px 10px 5px 10px;    
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}
/*.conten_btn_menu_bar .main_list_carrito .conten_main_list_footer .conten_main_list_footer_btn_carrito a:hover{background: var(--color1_h2);}*/
/*=========================== FIN LISTADO DE CARRITO PARA CELULAR ========================*/
.submenu, .submenu2{display: none;}
.menu .conten-form-pc #form-buscar, .menu-fixed .conten-form-pc #form-buscar{display: flex;width: 100%;margin: 0px 10px 0px 10px;}
.menu .conten-form-pc #form-buscar .input-buscar, .menu-fixed .conten-form-pc #form-buscar .input-buscar{
    width: 100%;
    padding: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    border: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid var(--color2);
    font-size: 15px;
}
.menu .conten-form-pc #form-buscar .btnbuscar, .menu-fixed .conten-form-pc #form-buscar .btnbuscar{
    background: var(--color2);
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    border: none;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    padding: 14px 10px 10px 10px;
}
.menu .conten-form-pc #form-buscar .btnbuscar:hover{color: #fff;}
.menu .conten-form-pc .conten-busqueda{
    position: absolute;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 10px;
    max-height: 300px;
    width: 100%;
    background: #fff;
    border: 1px solid #F3F4F6;
    z-index: 900;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 20px;
    overflow: hidden;
}
.menu .conten-form-pc .conten-list-busqueda .list-group{flex-wrap: wrap;}
.menu .conten-form-pc .conten-list-busqueda .list-group .list-group-item{
    width: 100%;
    border-top: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
}
.menu .conten-form-pc .conten-list-busqueda .list-group .list-group-item .a{margin: 0px;}
.menu .conten-form-pc .conten-list-busqueda .list-group .list-group-item .a img{height: 50px;width: 50px;margin-right: 10px;}
/*================= ESTILOS PARA MENU PEGAJOSO ============*/
.menu-fixed{
    position: fixed;/*para que se mantenga el menu pergado*/
    width: 100%;
    max-width: 100%;
    top: 0px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 20px;
    z-index: 10;
    padding-top: 5px;
}
.menu-fixed .children{left: -45%;}
.menu-fixed ul li a span{color: var(--color2);}
.menu-fixed .children, .menu-fixed .children2{box-shadow: rgba(0,0,0,0.5) 1px 5px 10px} 
.menu-fixed .contenlogomenu{margin-right: 0px;}
.menu-fixed .children{margin-top: 0px;}
.menu_categorias_1{
    width: 100%;   
    margin: auto;
    position: relative;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.conten_sub_menu{display: flex;width: 70%;    margin: auto;}
.menu_categorias_1 .conten_sub_menu .btn_categorias{
    display: flex;
    background: none;
    border: 0px;
    font-size: 15px;
    width: 200px;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
}
.menu_categorias_1 .conten_sub_menu .categorias_scroll{overflow-x: auto;max-width: 900px;}
.categorias_scroll #menu_categorias_vertical li a .icono_img_cate{height: 20px;width: 20px;margin-right: 10px;}
.menu_categorias_1 .conten_sub_menu .btn_categorias span{margin-right: 10px;font-size: 26px;color: var(--color1);}
.menu_categorias_1 .conten_sub_menu ul{
    display: flex;
    width: 100%;
    list-style:none;
    margin-bottom: 0px;
    align-items: center;
}
.menu_categorias_1 .conten_sub_menu ul li{
    display:inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 6px;
    margin-right: 6px;
}
.menu_categorias_1 .conten_sub_menu ul li:hover .children{display:block;transform: 1s;}
.menu_categorias_1 .conten_sub_menu ul li a{
    display:flex;
    text-decoration:none;
    transition: 0.5s;
    margin: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    align-items: center;
}
.menu_categorias_1 .conten_sub_menu  ul li a span{
    font-size: 14px;
    margin-top: 0px;
    margin-right:5px;
    /*color: var(--color2);*/
}
.menu_categorias_1 .conten_sub_menu  li a{color: #000;font-size: 16px;}
.menu_categorias_1:hover .menu_categorias_subcate{display: block;}
.menu_categorias_1 .conten_sub_menu  ul li .children{
    display: none;/* =============== aqui desaparece el submenu ===================*/
    position: absolute;
    left: -30%;
    width: 155%;
    background: #fff;
    padding-bottom: 20px;
    box-shadow: rgba(0,0,0,0.5) 1px 5px 10px;
    border-bottom-left-radius: 10px;
    z-index:999;
}
.menu_categorias_2 .conten_menu_categorias::-webkit-scrollbar{width: 10px;background: #ccc;}
.menu_categorias_2 .conten_menu_categorias::-webkit-scrollbar-thumb{width: 10px;height: 200px;border-radius: 5px;background: var(--color1);}
.menu_categorias_1 .conten_sub_menu  ul li .children .conten_menu_categorias{/*max-height: 620px;*/ max-height: 450px;min-height: 440px;}
.menu_categorias_1 .conten_sub_menu  ul li .children .conten_menu_categorias::-webkit-scrollbar{width: 10px;background: #ccc;}
.menu_categorias_1 .conten_sub_menu  ul li .children .conten_menu_categorias::-webkit-scrollbar-thumb{width: 10px;height: 200px;border-radius: 5px;background: var(--color2);}
.menu_categorias_1 .conten_sub_menu  ul li .children li{display:block;text-align: left;overflow: hidden;border-bottom: 1px  solid rgba(0,0,0,.1);}
.menu_categorias_1 .conten_sub_menu  ul li .children li a{display: flex;padding-left: 5px;padding-top: 0px;padding-bottom: 0px;color: #666;font-size: 12px;}
.menu_categorias_1 .conten_sub_menu  ul li .children li a:hover{background: none;color: var(--color2);border-bottom: none;}
.menu_categorias_1 .conten_sub_menu  ul li .children li a p{width: 80%;margin-top:0px;}
.menu_categorias_1 .conten_sub_menu  ul li .children li a span {float: right;position: absolute;right: 10px;margin-right:0;margin-left:10px;font-size: 12px;margin-top: 5px;color: var(--color2);}
.menu_categorias_1 .conten_sub_menu  ul li .children li a img{height: 23px;width: 23px;margin-right: 8px;margin-top: -3px;}
.menu_categorias_1 .conten_sub_menu  ul li .children li a .redes{height: 40px;width: 40px;margin-right: 10px;margin-top: 2px;}
.menu_categorias_1 .conten_sub_menu  ul li .caret{position: relative;top:3px;margin-left:10px;margin-right:0px;}
.menu_categorias_1 .conten_sub_menu  ul li .ruta{padding: 0px;margin-top: -3px;}
.menu-fixed ul li .ruta{padding: 0px;margin-top: -8px;}
.menu_categorias_1 .conten_sub_menu  ul li .ruta .img-ofertas{height: 75px;width: 75px;}
.menu_bar{display:none;background: #fff;}
.menu .contenlogomenu{margin-right: 5px;}
.menu_categorias_subcate{
    display: none;/*CONTROL PARA QUE APARESCA EL SUB MENU*/
    position: absolute;
    background: #fff;
    width: 1215px;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgba(0,0,0,0.5) 1px 5px 10px;
}
.menu_categorias_subcate .menu_categorias_2{
    display: flex;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias{
    min-width: 250px;
    max-height: 430px;
    overflow-x: auto;
}
.menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias li{border-bottom: 1px solid var(--colo_fondo_galeria);}
.menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias li a{
    display: flex;
    align-items: center;
    padding: 10px;
    width: 100%;
    text-decoration: none;
    position: relative;
    color: #000;
}
.menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias li a:hover{color: var(--color1);}
.menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias li a p{font-size: 14px;font-weight: 600;}
.menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias li a .fecha{
    position: absolute;
    right: 8px;
    font-size: 12px;
}
.menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias li a .icono_img_cate{
    height: 25px;
    width: 25px;
    margin-right: 8px;
}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias{
    display: flex;
    padding-bottom: 10px;
}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .subcategoria{display: none;}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria{display: flex;}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria{
    min-width: 540px;
    max-width: 540px;
    padding: 10px;
    align-items: center;
}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_categoria {padding-left: 10px;}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_categoria a{
    display: flex;
    align-items: center;
    text-decoration:none;
    color: #000;
}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_categoria a img{height: 25px;    }
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_categoria a .subtitulo{
    width: 100%;
    padding: 10px;
    font-size: 25px;
}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria  .conten_nombre_subcate{    
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_subcate .nombre_subcate{
    text-decoration: none;
    min-width: 240px;
    background: var(--colo_fondo_galeria);
    margin: 10px;
    margin-bottom: 5px;
    padding: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 10px;
    color: #000;
}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_subcate .nombre_subcate:hover{
    background: var(--color1);
    color: #fff;
}
.menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .conten_img_categoria .conten_banner_cate .img_categoria{
    border-radius: 10px;
    height: 400px;
    width: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*==================== ESTILOS PARA CELULAR ===============*/
    .menu_bar{display:none;background: #fff;padding: 10px;}
    .menu_bar a{cursor: pointer;z-index: 1000;}
    .menu_bar a .logo{height: 50px;}
    .menu_bar{display:none;background: #fff;}   
    .menu_bar .conten_btn_menu{display: flex;}
    .menu_bar .conten_btn_menu .menu_carrito_movil{
        display: none;
        position: absolute;
        width: 290px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; 
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: #fff;
        box-shadow: rgba(0,0,0,0.4) 1px 5px 10px;
        top: 40px;
        left: -180px;
    }
   .menu_bar .conten_btn_menu .menu_carrito_movil .conten_menu_carrito{max-height: 250px;min-height: 200px;}
    .menu_bar .conten_btn_menu .menu_carrito_movil .conten_menu_carrito li{
        height: 45px;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #ccc;
    }
    .menu_bar .conten_btn_menu .menu_carrito_movil .conten_menu_carrito li p{font-size: 11px;margin-top: 3px;width: 80%;}
    .menu_bar .conten_btn_menu .menu_carrito_movil .conten_menu_carrito li img{height: 30px;width: 30px;margin: 3px;}
    .menu_bar .conten_btn_menu .menu_carrito_movil .btn{
        padding: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        margin: 5px;
        position: absolute;
        right: 0px;
    }
    .menu_bar .conten_btn_menu .menu_carrito_movil .btn_ir_carrito{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: auto;
        background: #fff;
        margin-top: 0px;
        border-top: 1px solid #ccc;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 7px;
    }
    .menu_bar .conten_btn_menu .menu_carrito_movil .btn_ir_carrito a{text-align: center;width: 100%;}
    .menu_bar .conten_btn_menu .menu_carrito_movil .btn_ir_carrito .btn_total_menu{
        display: none;
        margin-bottom: 10px;
        text-decoration: none;
        color: var(--color2);
        font-weight: 600;
    }
    .menu_bar .conten_btn_menu .menu_carrito_movil .btn_ir_carrito .btn_total_menu .total_menu{font-size: 15px;}
    .menu_bar .conten_btn_menu .menu_carrito_movil .btn_ver_carrito{
        display: block;
        bottom: 0px;
        width: 90%;
        background: var(--color1);
        text-align: center;
        margin: 5px;
        margin-bottom: 5px;
        padding: 5px;
        justify-content: center;
        border-radius: 5px;
        margin-bottom: 0px;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        margin: auto;
    }
    .menu_bar .conten_btn_menu .menu_carrito_movil .btn_ver_carrito span{color: #fff;font-weight: 600; font-size: 15px;}
    .menu_bar{display:none;background: #fff;}
    .menu_bar .conten-form-movil{width: 100%;}
    .menu_bar .conten-form-movil .input-buscar{
        padding: 10px;
        padding-top: 12px;
        padding-bottom: 12px;
        border-radius: 10px;
        border: 1px solid #ccc;
        width: 100%;
        font-size: 15px;
    }
    .form_buscador{position: relative;}
    .menu_bar .conten-form-movil .btn_lupa{
        position: absolute;
        top: 0px;
        left: 12px;
        height: 100%;
        background: none;
        border: none;
        cursor: pointer;
        align-content: center;
    }
    .menu_bar .conten-form-movil .btn_micro{
        position: absolute;
        top: 0px;
        right: 12px;
        height: 100%;
        background: none;
        border: none;
        font-size: 18px;
        cursor: pointer;
        align-content: center;
    }
    .conten-form-movil .conten-busqueda-movil{
        position: absolute;
        display: none;
        flex-wrap: wrap;
        justify-content: center;
        margin: auto;
        max-height: 300px;
        width: 96%;
        background: #fff;
        border: 1px solid #F3F4F6;
        z-index: 900;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.2) 1px 12px 10px 1px;
        overflow: scroll;
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item{background: #fff;border-top: 1px solid #ccc;}
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a{display: flex;flex-wrap: wrap;text-decoration: none;width: 100%;}
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a:hover{background: none;}
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a img{
        width: 50px;
        height: 50px;
        margin: 3px;
        margin-right: 10px;
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{
        color: var(--color2);
        font-weight: 500;
        margin-top: -1px;
        text-align: left;
        font-size: 15px;
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p:hover{color: var(--color1);}
    .conten-form-movil .conten-busqueda-movil .mas-movil{
        display: none;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background: #fff;
        border: 1px solid #ccc;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: 5;
    }
    .conten-form-movil .conten-busqueda-movil .mas-movil .a{
        text-decoration: none;
        color: var(--color1);
        font-weight: 600;
        margin-top: 0px;
    }
    .conten-form-movil .conten-busqueda-movil .mas-movil .a:hover{background: none;text-decoration: underline;}
    .conten-form-movil .conten-busqueda-movil .mas-movil .a span{
        color: var(--color2);
        margin-left: -10px;
        margin-top: -4px;
        font-weight: 600;
        font-weight: 18px;
    }
    .conten-form-movil .conten-busqueda-movil .mas-movil .a:hover{text-decoration: none;color: var(--color2);}
    .menu_bar .conten-form-movil #form-buscar2 .input-buscar{padding-left: 35px;font-size: 13px;width: 100%;}

@media screen and (max-width:1645px){
    header nav ul li a{font-size: 12px;}
    header nav ul li a span{font-size: 12px;margin-right:5px;}
    header nav ul li a .icon-right{margin-left: 5px;}
    header nav .contenlogomenu{margin-right: 10px;}
    .menu ul li #form-buscar, .menu-fixed ul li #form-buscar{width: 300px;margin-left: 5px;margin-right: 5px;}
    .menu ul li #form-buscar .input-buscar, .menu-fixed ul li #form-buscar .input-buscar{font-size: 12px;}
    .menu ul li #form-buscar .btnbuscar, .menu-fixed ul li #form-buscar .btnbuscar{font-size: 12px;}
}
@media screen and (max-width:1529px){
    .menu ul li #form-buscar, .menu-fixed ul li #form-buscar{width: 250px;}
}
@media screen and (max-width:1500px){
    .conten_sub_menu{width: 80%;}
    .menu_categorias_subcate{width: 1215px;margin-left: 9%;margin-right: 9%;}
}
@media screen and (max-width:1480px){
    header nav ul li a{font-size: 11px;}
    header nav ul li a span{font-size: 11px;margin-right:3px;}
    header nav ul li a .icon-right{margin-left: 3px;}
    header nav .contenedor_menu .conten_carrito a .icon_flecha_abajo{right: -20px;}
    .menu ul li #form-buscar, .menu-fixed ul li #form-buscar{margin-left: 0px;margin-right: 0px;}
    .menu ul li #form-buscar .input-buscar, .menu-fixed ul li #form-buscar .input-buscar{padding: 10px;padding-top: 12px;padding-bottom: 12px;font-size: 12px;}
    .menu ul li #form-buscar .btnbuscar, .menu-fixed ul li #form-buscar .btnbuscar{color: #fff;padding-left: 8px;padding-right: 8px;font-size: 12px;}
    .conten_sub_menu{width: 80%;}
    .menu_categorias_subcate{width: 1215px;margin-left: 9%;margin-right: 9%;}
    .menu .conten_carrito .main_list_carrito{right: 3%;}
}
@media screen and (max-width:1392px){
    .menu .contenedor_menu{width: 85%;}
    .menu .conten_usuario{width: 220px;}
    .conten_sub_menu{width: 90%;}
    .menu_categorias_subcate{width: 1200px;margin-left: 5%;margin-right: 5%;}
}
@media screen and (max-width:1364px){
.menu ul li #form-buscar, .menu-fixed ul li #form-buscar{width: 230px;}
header nav ul li a{margin: 5px;}
}
@media screen and (max-width:1295px){
    .menu .contenedor_menu{width: 90%;}
    .conten_sub_menu{width: 100%;justify-content: center;}
    .menu_categorias_subcate{width: 1130px;margin-left: 5%;margin-right: 5%;}
    .menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias li a p{font-size: 12px;}
    .menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias{min-width: 240px;}
    .menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias li a .icono_img_cate{margin-right: 6px;height: 20px;}
    .menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_categoria a .subtitulo{font-size: 20px;}
    .menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .conten_img_categoria .conten_banner_cate .img_categoria{width: 300px;height: 300px;}
    .menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_subcate .nombre_subcate{font-size: 12px;color: #000;}
}
@media screen and (max-width:1250px){
.menu .contenedor_menu{width: 90%;justify-content: center;}
.menu_categorias_subcate {margin-left: 3%;margin-right: 3%;width: 1100px;}
.menu_categorias_1 {padding-left: 5px;padding-right: 5px;}
.menu .conten-form-pc{width: 500px;min-width: 500px;}
.menu .conten_usuario{min-width: 180px;width: 200px;margin-right: 10px;margin-left: 20px;}
.menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_img img{width: 50px;height: 50px;}
.menu .conten_carrito .main_list_carrito .conten_main_list_carrito .conten_list_carrito .conten_list_carrito_nombre{font-size: 14px;}
}
@media screen and (max-width:1160px){.menu_categorias_subcate {margin-left: 2%;margin-right: 1.5%;width: 1100px;}}
@media screen and (max-width:1140px){
    .menu_categorias_subcate {margin-left: 2%;margin-right: 2%;width: 1060px;}
    .menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias{width: 220px;}
    .menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria{width: 600px;}
    .menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_subcate .nombre_subcate{width: 200px;}
    .menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .conten_img_categoria .conten_banner_cate .img_categoria{width: 260px;}
}
@media screen and (max-width:1114px){
    .menu_categorias_1 {padding-left: 0px;padding-right: 0px;}
    .menu_categorias_subcate{width: 100%;margin-left: 0%;margin-right: 0%;margin: auto;}
    .conten_sub_menu{justify-content: left;padding-left: 10px}
    .menu_categorias_subcate .menu_categorias_2 .conten_menu_categorias{width: 20%;}
    .menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria{width: 100%;}
    .menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .enlaces-subcategoria .conten_nombre_subcate .nombre_subcate{width: 10%;margin: 5px;}
    .menu_categorias_subcate .menu_categorias_2 .contenedor-subcategorias .conten_subcategoria .conten_img_categoria .conten_banner_cate .img_categoria{width: 290px;}
    .menu .conten-form-pc{width: 460px;min-width: 460px;}
    .menu .conten_usuari{width: 160px;min-width: 160px;}
}
@media screen and (max-width: 950px){
    .submenu, .submenu2{display: block;width: 100%;}
    .submenu .menu_ul_movil{display: none;}
    .submenu:hover .menu_ul_movil{display: block;background: #fff;overflow-x: scroll;max-height: 423px;}
    .submenu:hover .menu_ul_movil div{border-bottom: 1px solid rgba(58, 58, 58, 0.5);}
    .submenu .menu_ul_movil div a{
        display: flex;
        align-items: center;    
        color: #000;
        font-size: 13px;
        padding: 10px;
    }
    .submenu .menu_ul_movil div a:hover{color: #fff;}
    .submenu:hover .menu_ul_movil li a img{
        height: 25px;
        width: 25px;
        margin-right: 15px;
    }
    .submenu a, .submenu2 a{
        display: block;
        width: 100%;
        padding: 10px;
        text-decoration: none;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,.5);
    }
    .submenu .t_categorias{
        display: block;
        width: 100%;
        padding: 10px;
        text-decoration: none;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,.5);
    }
    header{padding-bottom: 0px;}
    header nav {width: 80%;height: calc(100% - 80px);position: fixed;right:100%;margin: 0px;top: 115px;}
    .main_header_sociales, .menu_categorias_1, .menu .conten-form-pc, .menu .conten_usuario, .conten_carrito{display: none;}
    .menu .contenedor_menu{
        width: 100%;
        margin-top: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .menu_bar{position: fixed;display:flex;flex-wrap: wrap;background: #fff;width: 100%;box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 20px;top: 0px;z-index: 3;}
    .conten-menu{padding-top: 0px;padding-bottom: 0px;z-index: 20;}
    .menu .contenedor_menu .contenlogomenu, .menu-fixed .contenedor_menu .contenlogopega{display: none;}
    /*======= MENU PEGAJOSO EN MOVIL =========*/
    .menu-fixed ul li a span{color: #fff;}
    .menu_bar .contenedor_menu{margin-top: 20px;}
    .menu_bar .conten_btn_menu_bar{
        position: absolute;
        display: flex;;
        font-size: 20px;
        right: 15px;
        width: 100%;
        justify-content: end;
        align-items: center;
    }
    .menu_bar .conten_btn_menu_bar .btn_menu_cel{color: var(--color1);margin-left: 20px;position: relative;}
    .menu_bar .conten_btn_menu_bar .btn_menu_cel .canti_product{position: absolute;top: -6px;left: 15px;font-size: 10px;padding: 4px 6px 4px 6px;}
    .menu_bar .conten_btn_menu_bar .btn_menu_cel:hover{color: var(--color2);}
    header nav ul li a span{margin-right: 10px;}
    header nav ul li a .icon-right{margin-left: 10px;}
    header .conten-menu .menu{box-shadow: rgba(0, 0, 0, 0.4) -8px 15px 20px -5px;}
    header .conten-menu .menu-fixed{margin-top: 0px;}
    header .menu{height: 100%;background: var(--color1);width: 75%;right: -100%;padding-top: 0px;}
    header nav .contenedor_menu{margin-top: 0px;}
    header nav ul{display: block;padding-left: 0px;}
    header nav ul li{display: block;border-bottom:1px solid rgba(255,255,255,.5);}
    header .menu ul li a{display: flex;color: #000;padding-left: 20px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;width: 100%;font-size: 14px;}
    header nav ul li a span{color: #fff;font-size: 13px;}
    header .menu ul li a:hover{background: var(--color2);}
	header .menu ul li .children{position: relative;width: 100%;padding-bottom: 0px;box-shadow: none;border-bottom-left-radius: 0px;left: 0px;}
    header nav ul li:hover .children{display: block;}
    header .menu ul li .children li{left: 0px;margin-top: 5px;padding-left: 0px;width: 100%;}
    header .menu ul li .children li a{color: #000;width: 100%;font-size: 12px;}
    header .menu ul li .children li a p{margin-top: 10px;width: 70%;}
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a{align-items: center;}
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{font-size: 13px;}
    .conten_op_users_cel{display: none;flex-wrap: wrap;top: 45px;background: #fff;max-width: 170px;}
    .menu_bar .conten_btn_menu_bar .conten_op_users_cel a{margin: 0px;width: 100%;font-size: 13px;}
}
@media screen and (max-width:450px){.menu_bar .conten_btn_menu_bar .btn_menu_cel{margin: 7px;}.menu_bar a .logo{height: 40px;}}
@media screen and (max-width:375px){.conten_btn_menu_bar .main_list_carrito{width: 90%;}}


/*================== ESTILOS PARA BOTON DE WHASTAPP ============*/
.conten_main_btn_whatsapp{position: fixed;right: 20px;bottom: 20px;z-index: 1000;}
.conten_main_btn_whatsapp .conten_btn_whatsapp{position: relative;display: flex;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .btn_whatsapp{
    font-size: 25px;
    color: #fff;
    background: #2BC44A;
    border-radius: 50%;
    padding: 12px 16px 12px 16px;
    text-decoration: none;
    box-shadow: rgba(100,100,100, 0.6) 0px 1px 12px 0px;
    transition: 1s;
    border: none;
    cursor: pointer;
    z-index: 3000;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp{
    position: absolute;
    display: none;
    border-radius: 10px;
    top: -199px;
    right: 20px;
    height: 195px;
    width: 300px;
    box-shadow: rgba(100,100,100, 0.6) 0px 1px 12px 0px;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_fondo_whatsapp{
    height: 100%;
    width: 100%;
    background-image: url('../img/whastapp/whastapp-fondo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head{
    position: relative;
    background: #00A884;
    padding-top: 8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_body{
    background-image: url('../img/whastapp/popap-whastapp.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    width: 80%;
    margin-top: 11px;
    margin-left: 15px;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_body .mesaje_whastapp p{margin-left: 18px;font-size: 14px;    padding-top: 12px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head .btn_envio_whatsapp_cerrar{
    position: absolute;
    top: -20px;
    right: -20px;
    padding: 5px 6px;
    font-size: 10px;
    border-radius: 50%;
    border: 0px;
    cursor: pointer;
    box-shadow: var(--box-shadow);
    background: #fff;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head .conten_img_venta{
display: flex;flex-wrap: wrap;align-items: center;background: #F0F2F5;width: 90%;margin: auto;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head .conten_img_venta P{font-size: 15px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head .img_user_whatsapp{height: 40px;width: 40px;/*border-radius: 50%;*/margin: 10px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_footer{
position: absolute;bottom: 0px;width: 100%;padding: 10px;background: #F0F2F5;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;display: flex;justify-content: center;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_footer .btn_envio_whatsapp{
    border: 0px;
    border-radius: 50%;
    margin-left: 8px;
    font-size: 18px;    
    background: none;
    cursor: pointer;
    color: #63727C;    
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;    
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_footer .btn_envio_whatsapp .icon_planet{transform: rotate(40deg);font-size: 18px;margin-left: -5px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_footer .text_whastapp{border: 0px;border-radius: 5px;padding: 10px;width: 230px;}
.conten_btn_whatsapp .conten_text_animado{
cursor: pointer;display: none;background: #fff; margin: auto; padding: 15px 50px 15px 20px;border-radius: 30px;margin-right: -40px;    
box-shadow: rgba(16, 217, 38, 0.77) 0px 1px 12px 0px;
z-index: 2000;
}
.conten_btn_whatsapp .conten_text_animado p{color: #00A884;}
@media screen and (max-width:950px) {.conten_main_btn_whatsapp{right: 20px;}}
@media screen and (max-width:800px) {        
.conten_btn_whatsapp .conten_text_animado{width: 270px;font-size: 14px;padding-left: 50px;padding-right: 0px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp{top: -200px;right: 10px;}}
@media screen and (max-width:550px){.conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a img{margin-right: 0px;}
@media screen and (max-width:500px){.conten_main_btn_whatsapp{right: 28px;}}
.conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{font-size: 12px;width: 80%;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .btn_whatsapp{padding: 14px 16px 14px 16px;}}
@media screen and (max-width:460px) {.conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{font-size: 10px;}
.conten_btn_whatsapp .conten_text_animado{width: 250px;padding: 0px;z-index: 2000;}
.conten_btn_whatsapp .conten_text_animado p{padding: 10px 50px 10px 20px;font-size: 12px;z-index: 2000;}}
@media screen and (max-width:360px) {.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp{right: -5px;width: 290px;}}
/*================== FIN ESTILOS PARA BOTON DE WHASTAPP ============*/

/*================= SWEETALERT ================*/
@keyframes showSweetAlert {
    0% {transform: scale(0.7);}
    45% {transform: scale(1.05);}
    80% {transform: scale(0.95);}
    100% {transform: scale(1);}
  }
  @keyframes hideSweetAlert {
    0% {transform: scale(1);}
    100% {transform: scale(0.5);}
  }
  @keyframes slideFromTop {
    0% {top: 0%;}
    100% {top: 50%;}
  }
  @keyframes slideToTop {
    0% {top: 50%;}
    100% {top: 0%;}
  }
  @keyframes slideFromBottom {
    0% {top: 70%;}
    100% {top: 50%;}
  }
  @keyframes slideToBottom {
    0% {top: 50%;}
    100% {top: 70%;}
  }
  .showSweetAlert {animation: showSweetAlert 0.3s;}
  .showSweetAlert[data-animation=none] {animation: none;}
  .showSweetAlert[data-animation=slide-from-top] {animation: slideFromTop 0.3s;}
  .showSweetAlert[data-animation=slide-from-bottom] {animation: slideFromBottom 0.3s;}
  .hideSweetAlert {animation: hideSweetAlert 0.3s;}
  .hideSweetAlert[data-animation=none] {animation: none;}
  .hideSweetAlert[data-animation=slide-from-top] {animation: slideToTop 0.3s;}
  .hideSweetAlert[data-animation=slide-from-bottom] {animation: slideToBottom 0.3s;}
  @keyframes animateSuccessTip {
    0% {width: 0;left: 1px;top: 19px;}
    54% {width: 0;left: 1px;top: 19px;}
    70% {width: 50px;left: -8px;top: 37px;}
    84% {width: 17px;left: 21px;top: 48px;}
    100% {width: 25px;left: 14px;top: 45px;}
  }
  @keyframes animateSuccessLong {
    0% {width: 0;right: 46px;top: 54px;}
    65% {width: 0;right: 46px;top: 54px;}
    84% {width: 55px;right: 0px;top: 35px;}
    100% {width: 47px;right: 8px;top: 38px;}
  }
  @keyframes rotatePlaceholder {
    0% {transform: rotate(-45deg);}
    5% {transform: rotate(-45deg);}
    12% {transform: rotate(-405deg);}
    100% {transform: rotate(-405deg);}
  }
  .animateSuccessTip {animation: animateSuccessTip 0.75s;}
  .animateSuccessLong {animation: animateSuccessLong 0.75s;}
  .sa-icon.sa-success.animate::after {animation: rotatePlaceholder 4.25s ease-in;}
  @keyframes animateErrorIcon {
    0% {transform: rotateX(100deg);opacity: 0;}
    100% {transform: rotateX(0deg);opacity: 1;}
  }
  .animateErrorIcon {animation: animateErrorIcon 0.5s;}
  @keyframes animateXMark {
    0% {transform: scale(0.4);margin-top: 26px;opacity: 0;}
    50% {transform: scale(0.4);margin-top: 26px;opacity: 0;}
    80% {transform: scale(1.15);margin-top: -6px;}
    100% {transform: scale(1);margin-top: 0;opacity: 1;}
  }
  .animateXMark {animation: animateXMark 0.5s;}
  @keyframes pulseWarning {
    0% {border-color: #F8D486;}
    100% {border-color: #F8BB86;}
  }
  .pulseWarning {animation: pulseWarning 0.75s infinite alternate;}
  @keyframes pulseWarningIns {
    0% {background-color: #F8D486;}
    100% {background-color: #F8BB86;}
  }
  .pulseWarningIns {animation: pulseWarningIns 0.75s infinite alternate;}
  @keyframes rotate-loading {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
  }
  body.stop-scrolling {height: 100%;overflow: hidden;}
  .sweet-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1040;
  }
  .sweet-alert {
    background-color: #ffffff;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 2000;
  }
  @media all and (max-width: 767px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px;
    }
  }
  .sweet-alert .form-group {display: none;}
  .sweet-alert .form-group .sa-input-error {display: none;}
  .sweet-alert.show-input .form-group {display: block;}
  .sweet-alert .sa-confirm-button-container {display: inline-block;position: relative;}
  .sweet-alert .sa-confirm-button-container button{
        padding: 15px;
        background: #007bff;
        border: none;
        border-radius: 5px;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        margin-top: 20px;
        cursor: pointer;
  }
  .sweet-alert .sa-confirm-button-container button:hover{
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
  }

  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -9px;
    opacity: 0;
    visibility: hidden;
  }
  .sweet-alert .text-muted{
    margin-top: 20px;
  }
  .sweet-alert button[disabled] {opacity: .6;cursor: default;}
  .sweet-alert button.confirm[disabled] {color: transparent;}
  .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box;
  }
  .sweet-alert .sa-icon.sa-error {border-color: #d43f3a;}
  .sweet-alert .sa-icon.sa-error .sa-x-mark {position: relative;display: block;}
  .sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #d9534f;
    display: block;
    top: 37px;
    border-radius: 2px;
  }
  .sweet-alert .sa-icon.sa-error .sa-line.sa-left {transform: rotate(45deg);left: 17px;}
  .sweet-alert .sa-icon.sa-error .sa-line.sa-right {transform: rotate(-45deg);right: 16px;}
  .sweet-alert .sa-icon.sa-warning {border-color: #eea236;}
  .sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f0ad4e;
  }
  .sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f0ad4e;
  }
  .sweet-alert .sa-icon.sa-info {border-color: #46b8da;}
  .sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #5bc0de;
  }
  .sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #5bc0de;
  }
  .sweet-alert .sa-icon.sa-success {border-color: #4cae4c;}
  .sweet-alert .sa-icon.sa-success::before,
  .sweet-alert .sa-icon.sa-success::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: #ffffff;
    transform: rotate(45deg);
  }
  .sweet-alert .sa-icon.sa-success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px;
  }
  .sweet-alert .sa-icon.sa-success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    transform-origin: 0px 60px;
  }
  .sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(92, 184, 92, 0.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
  }
  .sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: #ffffff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    transform: rotate(-45deg);
  }
  .sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #5cb85c;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
  }
  .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
  }
  .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
  }
  .sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .sweet-alert .btn-default:focus {
    border-color: #cccccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
  }
  .sweet-alert .btn-success:focus {
    border-color: #4cae4c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
  }
  .sweet-alert .btn-info:focus {
    border-color: #46b8da;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
  }
  .sweet-alert .btn-danger:focus {
    border-color: #d43f3a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
  }
  .sweet-alert .btn-warning:focus {
    border-color: #eea236;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
  }
  .sweet-alert button::-moz-focus-inner {
    border: 0;
  }
  /*!
   * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
   * Copyright 2015 Daniel Cardoso <@DanielCardoso>
   * Licensed under MIT
   */
  .la-ball-fall,
  .la-ball-fall > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .la-ball-fall {display: block;font-size: 0;color: #fff;}
  .la-ball-fall.la-dark {color: #333;}
  .la-ball-fall > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
  }
  .la-ball-fall {width: 54px;height: 18px;}
  .la-ball-fall > div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-fall 1s ease-in-out infinite;
    -moz-animation: ball-fall 1s ease-in-out infinite;
    -o-animation: ball-fall 1s ease-in-out infinite;
    animation: ball-fall 1s ease-in-out infinite;
  }
  .la-ball-fall > div:nth-child(1) {
    -webkit-animation-delay: -200ms;
    -moz-animation-delay: -200ms;
    -o-animation-delay: -200ms;
    animation-delay: -200ms;
  }
  .la-ball-fall > div:nth-child(2) {
    -webkit-animation-delay: -100ms;
    -moz-animation-delay: -100ms;
    -o-animation-delay: -100ms;
    animation-delay: -100ms;
  }
  .la-ball-fall > div:nth-child(3) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms;
  }
  .la-ball-fall.la-sm {width: 26px;height: 8px;}
  .la-ball-fall.la-sm > div {width: 4px;height: 4px;margin: 2px;}
  .la-ball-fall.la-2x {width: 108px;height: 36px;}
  .la-ball-fall.la-2x > div {width: 20px;height: 20px;margin: 8px;}
  .la-ball-fall.la-3x {width: 162px;height: 54px;}
  .la-ball-fall.la-3x > div {width: 30px;height: 30px;margin: 12px;}
  /*Animation*/
  @-webkit-keyframes ball-fall {
    0% {opacity: 0;-webkit-transform: translateY(-145%);transform: translateY(-145%);}
    10% {opacity: .5;}
    20% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
    80% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
    90% {opacity: .5;}
    100% {opacity: 0;-webkit-transform: translateY(145%);transform: translateY(145%);}
  }
  @-moz-keyframes ball-fall {
    0% {opacity: 0;-moz-transform: translateY(-145%);transform: translateY(-145%);}
    10% {opacity: .5;}
    20% {opacity: 1;-moz-transform: translateY(0);transform: translateY(0);}
    80% {opacity: 1;-moz-transform: translateY(0);transform: translateY(0);}
    90% {opacity: .5;}
    100% {opacity: 0;-moz-transform: translateY(145%);transform: translateY(145%);}
  }
  @-o-keyframes ball-fall {
    0% {opacity: 0;-o-transform: translateY(-145%);transform: translateY(-145%);}
    10% {opacity: .5;}
    20% {opacity: 1;-o-transform: translateY(0);transform: translateY(0);}
    80% {opacity: 1;-o-transform: translateY(0);transform: translateY(0);}
    90% {opacity: .5;}
    100% {opacity: 0;-o-transform: translateY(145%);transform: translateY(145%);}
  }
  @keyframes ball-fall {
    0% {opacity: 0;-webkit-transform: translateY(-145%);-moz-transform: translateY(-145%);-o-transform: translateY(-145%);transform: translateY(-145%);}
    10% {opacity: .5;}
    20% {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
    80% {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
    90% {opacity: .5;}
    100% {opacity: 0;-webkit-transform: translateY(145%);-moz-transform: translateY(145%);-o-transform: translateY(145%);transform: translateY(145%);}
  }
  /*================= FIN SWEETALERT ================*/

/* =================================== FOOTER ===============================*/
footer{width: 100%;margin: auto;background: rgba(12,12,12,0.97);}
footer .conten_footer{display: flex;flex-wrap: wrap;max-width: 1350px;margin: auto;padding-top: 80px;padding-bottom: 80px;/*margin-top: 50px;*/}
footer .conten_footer .conten_social{display: flex;flex-wrap: wrap;width: 28%;margin-right: 30px;}
footer .conten_footer .conten_social .conten_redes_sociales{display: flex;flex-wrap: wrap;width: 100%;margin-top: 15px;align-content: center;}
footer .conten_footer .conten_footer_bloque_1{display: flex;flex-wrap: wrap;width: 25%;margin-right: 50px;align-content: last baseline;}
footer .conten_footer .conten_footer_bloque_1 .logo_empresa{height: 70px; width: 250px;margin-bottom: 30px;}
footer .conten_footer .conten_footer_bloque_1 .conten_horarios{display: flex;color: #fff;flex-wrap: wrap;}
footer .conten_footer .conten_footer_bloque_1 .descrip_empresa{color: #fff;text-align: justify;margin-bottom: 20px;}
footer .conten_footer .conten_footer_bloque_1 .conten_horarios h4{width: 100%;margin-bottom: 15px;}
footer .conten_footer .conten_footer_bloque_1 .conten_horarios p{width: 100%; margin-left: 15px;margin-bottom: 10px;font-weight: bold;}
footer .conten_footer .conten_footer_bloque_1 .conten_horarios p span{margin-right: 10px;color: var(--color1);}
footer .conten_footer .conten_footer_bloque_1 .conten_contacto{display: flex;flex-wrap: wrap;width: 100%;}
footer .conten_footer .conten_footer_bloque_1 .conten_contacto a{width: 100%;text-decoration: none;color: #fff;margin-top: 23px;font-size: 15px;}
footer .conten_footer .conten_footer_bloque_1 .conten_contacto a span{margin-right: 10px;color: var(--color1);font-size: 18px;}
footer .conten_footer .conten_social .conten_contacto{display: flex;flex-wrap: wrap;width: 100%;}
footer .conten_footer .conten_social .conten_contacto a{width: 100%;text-decoration: none;color: #fff;margin-top: 23px;font-size: 15px;}
footer .conten_footer .conten_social .conten_contacto a span{margin-right: 10px;color: var(--color1);font-size: 18px;}
footer .conten_footer .conten_social .conten_contacto a:hover{color: var(--color1);}
footer .conten_footer .conten_social .conten_redes_sociales .titulo_redes{width: 100%;color: #fff;margin-bottom: 10px;margin-top: 20px;font-weight: bold;}
footer .conten_footer .conten_social .conten_redes_sociales a{color: #fff;padding: 10px 15px 10px 15px;margin-right: 15px;margin-top: 10px;border-radius: 5px;font-size: 20px;height: 47px;}
footer .conten_footer .conten_social .conten_redes_sociales .f_whatsapp{background: #2BC44A;}
footer .conten_footer .conten_social .conten_redes_sociales .f_facebook{background: #3B5998;}
footer .conten_footer .conten_social .conten_redes_sociales .f_messenger{background: #007fff;}
footer .conten_footer .conten_social .conten_redes_sociales .f_instagram{background-image: linear-gradient(60deg,#f7cf6c 0,#f74f3d ,#9834b3 100%);}
footer .conten_footer .conten_social .conten_redes_sociales .f_correo{background: #007fff;}
footer .conten_footer .conten_social .conten_redes_sociales .f_youtube{background: #FF0000;}
footer .conten_footer .conten_social .conten_redes_sociales a:hover{background: var(--color1);}
footer .conten_footer .conten_itens .conten_libro{margin-top: 30px;margin-bottom: 3px;}
footer .conten_footer .conten_itens a .libro_reclamos{height: 70px;width: 100px;}
footer .conten_footer .mr_right{margin-right: 30px;}
footer .conten_footer .conten_social .titulo{width: 100%;color: #fff;font-weight: 600;font-size: 18px;}
footer .conten_footer .conten_itens{display: flex;flex-wrap: wrap;width: 18%;align-content: baseline;}
footer .conten_footer .conten_itens .titulo{width: 100%;color: #fff;font-weight: 600;font-size: 18px;}
footer .conten_footer .conten_itens a{width: 100%;color: #fff;text-decoration: none;margin-top: 15px;font-size: 15px;}
footer .conten_footer .conten_itens a:hover{color: var(--color1);}
footer .conten_footer .conten_itens a span{margin-right: 10px;color: var(--color1);}
footer .copy{width: 100%;margin: auto;background: rgba(12,12,12,0.99);padding: 15px;}
footer .copy .conten_copy{position: relative;display: flex;flex-wrap: wrap;margin: auto;max-width: 1350px;color: #fff;padding-top: 10px;padding-bottom: 10px;}
footer .copy .conten_copy .desarrollado{position: absolute;right: 0px;display: flex;}
footer .copy .conten_copy .desarrollado .fares{display: flex;text-decoration: none;color: #ccc;font-weight: bold;align-items: center;}
footer .copy .conten_copy .desarrollado .fares:hover{color: #fff;font-weight: bold;}
footer .copy .conten_copy .desarrollado .fares .icons-fares{height: 20px; width: 20px;}
/*ANIMACION LETRAS FARES SYSTEMS*/
.container_fares{text-decoration: none;font-weight: bold;margin-left: 10px;display: flex;align-items: center;}
.container_fares .icon_fares{height: 25px; width: 25px; margin-right: 5px;}
.container_fares .cohete{height: 20px; width: 20px; margin-left: 10px;}
.container_fares > span{animation: glow 3s ease-in-out infinite;}
@keyframes glow {
    0%, 100%{color: #fff;text-shadow: 0 0 12px blue, 0 0 50px  blue, 0 0 100px blue;}
    10%, 90%{color: #555555;text-shadow: none;}
}
.container_fares > span:nth-child(1){animation-delay: 0.25s;}
.container_fares > span:nth-child(2){animation-delay: 0.5s;}
.container_fares > span:nth-child(3){animation-delay: 0.75s;}
.container_fares > span:nth-child(4){animation-delay: 1s;}
.container_fares > span:nth-child(5){animation-delay: 1.25s;}
.container_fares > span:nth-child(6){animation-delay: 1.50s;}
.container_fares > span:nth-child(7){animation-delay: 1.75s;}
.container_fares > span:nth-child(8){animation-delay: 2s;}
.container_fares > span:nth-child(9){animation-delay: 2.25s;}
.container_fares > span:nth-child(10){animation-delay: 2.50s;}
.container_fares > span:nth-child(11){animation-delay: 2.75s;}
.container_fares > span:nth-child(12){animation-delay: 3s;}
/*FIN ANIMACION LETRAS FARES SYSTEMS*/
@media screen and (max-width:1450px) {
    footer .conten_footer{max-width: 1200px;}
    footer .copy .conten_copy{max-width: 1200px;}
}
@media screen and (max-width:1250px){
    footer .conten_footer{max-width: 1100px;justify-content: center;}
    footer .copy .conten_copy{max-width: 1000px;}}
@media screen and (max-width:1150px){
    footer .conten_footer .conten_footer_bloque_1{width: 40%;padding: 20px;}
    footer .conten_footer .conten_itens {width: 40%;padding: 20px;}
    footer .conten_footer .conten_social{width: 40%;padding: 20px;}}
@media screen and (max-width:950px){
    footer .copy .conten_copy{width: 80%;}
    footer .conten_footer .conten_footer_bloque_1{width: 80%;margin-right: 0px;}
    footer .conten_footer .conten_itens {width: 80%;margin-right: 0px;}
    footer .conten_footer .conten_social{width: 80%;}
    footer .conten_footer{max-width: 800px;}
    footer .copy .conten_copy{max-width: 800px;}
    footer .conten_footer .conten_social .conten_contacto a{font-size: 14px;}
    footer .conten_footer .conten_itens a{font-size: 14px;}
    footer .copy .conten_copy{font-size: 14px;}}
@media screen and (max-width:850px){
    footer .copy .conten_copy .desarrollado{width: 100%;}
    footer .copy .conten_copy .desarrollado{position: inherit; margin-top: 10px;}}
@media screen and (max-width:850px){
    footer .conten_footer .conten_footer_bloque_1{width: 90%;}
    footer .conten_footer .conten_itens {width: 90%;margin-right: 0px;}
    footer .conten_footer .conten_social{width: 90%;margin-right: 0px;}
    }
@media screen and (max-width:400px){
    footer .conten_footer{width: 100%;}
    footer .conten_footer .conten_footer_bloque_1{padding: 5px;margin-bottom: 15px;}
    footer .conten_footer .conten_itens {padding: 5px;margin-bottom: 15px;}
    footer .conten_footer .conten_social{padding: 5px;margin-bottom: 15px;}
    footer .copy{padding-bottom: 5px;}
    footer .copy .conten_copy .desarrollado{display: flex;flex-wrap: wrap;justify-content: center;}
    footer .copy .conten_copy .desarrollado .container_fares{width: 100%;margin-top: 10px;justify-content: center;}
}

/* =================================== FIN FOOTER ===============================*/
/* =================================== MODAL DE INFORMATIVO ===============================*/
.modal-dialog{position: fixed;min-width: 100%;min-height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000;top: 0px;}
.modal-dialog .s{max-width: 350px;}
.modal-dialog .m{max-width: 700px;}
.modal-dialog .l{max-width: 900px;}
.modal-dialog .xl{max-width: 1300px;}
.modal-dialog .modal-content{margin: 2.75rem auto;background: #fff;border-radius: 10px;}
.modal-dialog .modal-content .modal-header{position: relative;display: flex;flex-wrap: wrap;width: 100%;border-bottom: 1px solid #dddddd;padding: 20px;}
.modal-dialog .modal-content .modal-header .btn_close_modal{
    position: absolute;
    right: 25px;
    top: 10px;
    border: none;
    background: none;
    font-size: 30px;
    cursor: pointer;
}
.modal-dialog .modal-content .modal-header .btn_close_modal:hover{color: red;}
.modal-dialog .modal-content .modal-header .modal-title{font-size: 20px;font-weight: 500;}
.modal-dialog .modal-content .modal-body{padding: 20px;max-height: 500px;overflow-y: scroll;}
.modal-dialog .modal-content .modal-body p{margin-bottom: 15px;}
.modal-dialog .modal-content .modal-footer{padding: 20px;border-top: 1px solid #dddddd;display: flex;justify-content: end;}
@media screen and (max-width:950px) {.modal-dialog .l{width: 80%;}}
@media screen and (max-width:450px) {.modal-dialog .l{width: 90%;}
.modal-dialog .modal-content .modal-header .btn_close_modal{font-size: 25px;}
.modal-dialog .modal-content{margin: 1rem auto;}
.modal-dialog .modal-content .modal-header .modal-title{font-size: 18px;}
.modal-dialog .modal-content .modal-body{max-height: 400px;}
.modal-dialog .modal-content .modal-body p{font-size: 12px;}
}

/* =================================== MODAL DE LOGIN ===============================*/
.conten_main_modal_l{position: fixed;min-width: 100%;min-height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000;top: 0px;}
.conten_main_modal_l .conten_modal{margin: 8.75rem auto;max-width: 400px;}
.conten_main_modal_l .conten_modal .conten_form_login{background: #fff;border-radius: 10px;padding: 30px;}
.conten_main_modal_l .conten_modal .conten_form_login .conten_head_form{position: relative;display: flex;margin-bottom: 20px;width: 100%;}
.conten_main_modal_l .conten_modal .conten_form_login .conten_head_form .titutlo{font-size: 25px;}
.conten_main_modal_l .conten_modal .conten_form_login .conten_head_form .cerrar_modal{
position: absolute;top: 0px;right: 0px;background: none;border: none;cursor: pointer;}
.conten_main_modal_l .conten_modal .conten_form_login .conten_head_form .cerrar_modal span{color: #ff5b5b;}
.conten_main_modal_l .conten_modal .conten_form_login .conten_head_form .cerrar_modal span:hover{color: red;}
.conten_main_modal_l .conten_modal .conten_form_login .conten_body_form{width: 100%;}
.conten_main_modal_l .conten_modal .conten_form_login .conten_body_form .conten_clave{position: relative;width: 100%;}
.conten_main_modal_l .conten_modal .conten_form_login .conten_body_form .conten_clave .btn_eyes{position: absolute;top: 0px;right: 0px;background: none;border: none;font-size: 15px;padding: 10px;color: var(--color1);cursor: pointer;}
.form_r_clave{display: none;}
/*============== FORMULARIO DE PEDIDO ============*/
.form {width: 100%;}
.form .titulo_form {width: 100%;margin-bottom: 20px;}
.form .titulo_form_client {width: 100%;margin-bottom: 10px; font-size: 18px;}
.form .conten_input {display: flex;flex-wrap: wrap;width: 100%;margin-top: 10px;}
.form .relative{position: relative;padding: 5px;}
.form .relative .aling_right{position: absolute;top: 0px;right: 0px;margin-bottom: 10px;}
.form .relative .aling_right:hover{color: var(--color1_h2);}
.form .a{text-decoration: none; color: var(--color1); font-weight: 600; font-size: 14px;}
.form .br{margin-top: 20px;}
.form .m_right {margin-right: 2%;}
.form .l {width: 49%;}
.form .m {width: 32%;}
.form .text_cuenta{color: var(--color_letra_info);margin-bottom: 10px;}
.form .conten_input label {width: 100%;margin-bottom: 3px;}
.form .conten_input label span {color: var(--color1); margin-right: 5px;font-size: 18px;}
.form .conten_input input,
.form .conten_input select,
.form .conten_input textarea {padding: 10px;padding-left: 15px;padding-right: 15px;width: 100%;font-size: 14px;border-radius: 5px;border: 1px solid #ccc;font-family: sans-serif;}
.form .conten_input textarea {max-height: 70px;}
.form .btn_submit{border: none;padding: 13px;padding-left: 20px;padding-right: 20px;font-weight: 600;font-size: 16px;color: #fff;
background: var(--color1);cursor: pointer;border-radius: 5px;width: 100%;margin-top: 15px;margin-bottom: 15px;}
.form .btn_submit:hover{background: var(--color1_h2);}
.form .btn_submit_2{text-decoration: none;padding: 13px;padding-left: 20px;padding-right: 20px;color: var(--color1);border:1px solid var(--color1);
font-weight: 600;font-size: 16px;border-radius: 5px;  width: 100%;  text-align: center;margin-bottom: 15px;background: none;cursor: pointer;}
.form .btn_submit_2:hover{background: var(--color1_h2);color: #fff;}
/*============== FIN FORMULARIO DE PEDIDO ============*/
@media screen and (max-width:500px) {
    .conten_main_modal_l .conten_modal{max-width: 350px;margin: 4.75rem auto;}
    .conten_main_modal_l .conten_modal .conten_form_login .conten_head_form .titutlo{font-size: 20px;}
    .conten_main_modal_l .conten_modal .form .conten_input{font-size: 12px;}
    .conten_main_modal_l .conten_modal .form .conten_input label span{font-size: 14px;}
    .conten_main_modal_l .conten_modal .form .conten_input input, .form .conten_input select, .form .conten_input textarea{font-size: 12px;}
    .form .btn_submit_2, .form .btn_submit{font-size: 14px;}
    .form .relative .aling_right{font-size: 12px;}
}
@media screen and (max-width:400px) {.conten_main_modal_l .conten_modal{max-width: 320px;margin: 3.75rem auto;}}
/* =================================== MODAL DE ANUNCIOS ===============================*/
.conten_main_modal{position: fixed;min-width: 100%;min-height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000;top: 0px;}
.conten_main_modal .s{width: 20%;}
.conten_main_modal .m{width: 30%;}
.conten_main_modal .l{width: 45%;}
.conten_main_modal .lg{width: 55%;}
.conten_main_modal .xl{width: 90%;}
.conten_main_modal .conten_modal {background: #fff;border-radius: 5px;padding: 15px; margin: 2.55rem auto;}
.conten_main_modal .conten_modal  .conten_head_modal{position: relative;display: flex;margin-bottom: 35px;width: 100%;}
.conten_main_modal .conten_modal  .conten_head_modal .title_modal{width: 100%;text-align: center;}
.conten_main_modal .conten_modal  .conten_head_modal .titutlo{font-size: 25px;}
.conten_main_modal .conten_modal  .conten_head_modal .cerrar_modal{
position: absolute;top: 0px;right: 0px;background: none;border: none;cursor: pointer;}
.conten_main_modal .conten_modal .conten_head_modal .cerrar_modal span{color: #ff5b5b;font-size: 20px;}
.conten_main_modal .conten_modal .conten_head_modal .cerrar_modal span:hover{color: red;}
.conten_main_modal .conten_modal .conten_body_modal{width: 100%;}
.conten_main_modal .conten_modal .conten_body_modal .owl-carousel .owl-item img{border-radius: 10px;height: 600px;width: 650px;}
@media screen and (max-width:500px) {
.conten_main_modal .conten_modal{max-width: 350px;margin: 4.75rem auto;}
.conten_main_modal .conten_modal .conten_head_modal .titutlo{font-size: 20px;}
.conten_main_modal .conten_modal .conten_body_modal .owl-carousel .owl-item img{height: 350px;}}
@media screen and (max-width:400px) {.conten_main_modal .conten_modal{max-width: 320px;margin: 3.75rem auto;}}

/*MIGAS DE PAN*/
.conten_migas_pan{padding: 0px 0px 10px 10px;width: 100%;}
.conten_migas_pan a{text-decoration: none;color: var(--color2_h);font-size: 15px;}
.conten_migas_pan .bi-chevron-right{font-size: 10px;}
@media screen and (max-width:450px) {.conten_migas_pan a{font-size: 12px;}}