:root{
	--colorFB: #3b5998;
	--colorTW: #55acee;
	--colorYT: #ff0000;
	--colorIG: #c32aa3;
	--colorWA: #25d366;
	
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	appearance: textfield;
	-moz-appearance: textfield;
}

::-webkit-scrollbar {
	display: none;
}
body{ font-family: 'Montserrat', sans-serif; margin-top: 155px; }
.txt-FB{ color: var(--colorFB)!important; } .fill-FB{ fill: var(--colorFB)!important; }
.txt-TW{ color: var(--colorTW)!important; } .fill-TW{ fill: var(--colorTW)!important; }
.txt-WA{ color: var(--colorWA)!important; } .fill-WA{ fill: var(--colorWA)!important; }
.txt-YT{ color: var(--colorYT)!important; } .fill-YT{ fill: var(--colorYT)!important; }
.txt-IG{ color: var(--colorIG)!important; } .fill-IG{ fill: var(--colorIG)!important; }
/*Header*/
.HeaderFirst{ position: absolute; visibility: hidden; max-width: 100%; width: fit-content; }
.col_HEAD1{ padding: 8px; font-size: 14px; font-weight: bold; text-align: center; }
.col_HEAD{ background-color: rgb(255,255,255);}
.logo_arreglado_2 img{ height: 70px}
.col_seek{ background-color: transparent!important; border: 1px solid var(--dark); border-radius: 25px;}
.col_seek input{ background-color: transparent; border: none; color: black; height: 22px; }
.no-bord{ border: none;}
.lupa svg{ height: 14px; fill: var(--dark);}
.carro svg{ height: 30px; fill: rgb(20,181,208);}
.butt_clrs a{ color: rgb(153,153,153)!important; width: max-content; }
.butt_clrs a:hover{ color: rgb(68,68,68)!important; border-bottom: 4px solid var(--color1); }
.marc_active a{ border-bottom: 4px solid var(--color1); }
header{ box-shadow: 0px 0px 4px 1px black; }
#carouselHome1, #carouselCategorias{ height: 900px; }
.contMenu{ width: 95%; }

.CAMPO_BUSCAR{ height:40px; width: 74%!important; background-color: rgb(239,241,244); border-radius: 0 10px 10px 0; }
.MEDIUM svg{ height: 20px; }
.cont_MARQ{ background-color: rgb(244,247,249); border-radius: 10px; }
.NOTIC_SUP{ height:220px; width: 220px;background-position: center; background-size: cover; -webkit-box-shadow: -1px 7px 14px -4px rgba(17,31,79,0.79); -moz-box-shadow: -1px 7px 14px -4px rgba(17,31,79,0.79); box-shadow: -1px 7px 14px -4px rgba(17,31,79,0.79); display: flex; justify-content: center; align-items: flex-end; }
.figureperfil{ height: 130px; width: 130px; border-radius: 50%; background-position: center; background-size: cover; -webkit-box-shadow: -1px 7px 14px -4px rgba(17,31,79,0.79); -moz-box-shadow: -1px 7px 14px -4px rgba(17,31,79,0.79); box-shadow: -1px 7px 14px -4px rgba(17,31,79,0.79); display: flex; justify-content: center; align-items: flex-end; }
.cont_MARQ figure{ border-radius: 10px; }
.HORARIO{ background-color: rgb(255,255,255); padding: 8px 14px; border-radius: 25px; font-size: 12px; font-weight: 600; }
.icons_HEAD{ border-bottom: 1px solid rgb(200,200,200); display: flex; justify-content: flex-end; }
.foto_PRODUCT{ height: 150px; width: 150px;background-position: center; background-size: cover; display: flex; justify-content: center; align-items: flex-end; }
/*Footer*/
.back_foot{ background-color: rgb(235,91,28);}
.clr_crear{ color: rgb(255,255,255);}
.icns_foot{ position: fixed; top: 70%; right: 0; transform: translateY(-50%); z-index: 1050; border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding: 15px 5px; }
.icns_foot svg{ height: 35px; fill: rgb(255,255,255); margin: 0 10px;}
.acclog{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }

.alto_btn{ padding: 8px 12px; font-size: 19px;display: flex; align-items: center; margin: 10px 0; color: rgb(50,50,50); }
.alto_btn svg{ height: 23px; margin-right: 15px; fill: rgb(117,212,234); display: none; }
.alto_btn.active{ background-color: rgb(41,171,226)!important; }
.form_perfil{ margin-bottom: 5px; }
.icn_perfil svg{ height: 80px; fill: rgb(220,220,220); }
.texto_size{ font-size: 14px; display: flex; align-items: center; color: rgb(170,170,170); padding: 5px 12px; line-height: 14px; }
.btn_perfil_ing button{ background-color: rgb(41,171,226); border: none; font-size: 14px; padding: 6px 20px; }
.titul_misfav_micu{ color: rgb(170,170,170);font-weight: 400; }
.icn_perfil{ padding: 16px 12px 2px!important; text-align: center; }
.perf_2{ margin: 0 0 20px; text-align: center; font-size: 20px; }
.fig_micuent figure{ height: 100px; width: 100px; }
.fav_small h2{ font-size: 13px; font-weight: 600; }
.fav_small a{ font-size: 11px; }

#carouselHome{ height: 350px; overflow-y: hidden; }
#catbanner{ height: 300px; overflow-y: hidden; }

.NachoAlerta{ width: 50%; display: block; margin: 0 auto; }
.minifoto{ width: 150px; height: 150px; background-size: cover; background-position: center; }
.MiniNumCart{ color: white; background: var(--color3); border: 1px solid var(--color3); width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; top: 0px; border-radius: 50%; font-size: 11px; right: 0; }

.ItemBanner figure{ height: 400px; background-position: center; background-size: cover; }

.img_detalle{ height: 300px; width: 100%; background-size: cover; background-position: center; }
.items_detalle svg{ height: 33px; margin-left: 10px; display: inline-block; }
.REDES_detalles svg{ height: 32px; padding: 5px; }
.REDES_detalles{ width: 24%; margin-top: 12px; display: flex; justify-content:space-between; }
.items_detalle span{ font-weight: 600; font-size: 15px; }
.items_detalle h4{ font-weight: 700; }
.cantid_caja a{ padding-right: 10px; font-weight: 600; font-size: 20px; text-decoration: none!important; color: rgb(0,0,0); }
.btn_agregar_det{ background-color: rgb(29,173,188); padding: 12px 50px; font-size: 13px; color: rgb(255,255,255); text-decoration: none!important; }
.items_detalle li{ padding: 5px 0; }
.ALINEAR{ display: flex; align-items: center; }
.ALINEAR h4{ margin: 0!important; }
.boxprecio{ border: 1px solid rgb(0 0 0 / 40%); padding: 5px 2rem; margin-left: 0.8rem; }
.btn_agregar_det{ margin: 20px; }
.cantid_caja span{ padding: 2px 5px; width: 50px; text-align: center; border-radius: 4px; border: 2px solid rgb(150,150,150); margin: 0 5px 0 0; }

.TitPrin{ font-size: 22px; }
.Filtros h3{ font-size: 18px; border-bottom: 1px solid rgb(200,200,200); width: 90%; margin: 0 auto; }
.Filtros h3 a{ color: rgb(0,0,0); text-decoration: none; padding: 6px 3px; }
.Filtros li{ font-size: 14px; width: 90%; margin: 0 auto; list-style: none; padding: 5px 0 3px; }
.Filtros li a{ color: rgb(180,180,180); text-decoration: none; padding: 6px 3px; }
.added{ fill: rgb(255,73,73); }
.breadcrumb{ margin-bottom: 0; background: rgb(255,255,255); }
.ShareFb{ display: inline-block; color: rgb(0,0,0); font-size: 32px; margin: 0 18px; }
/* Categorias */
.titul_prnc{ text-align: center; font-size: 19px; color: var(--color1); font-weight: bold; padding: 20px; margin-bottom: 0; }
.fig_fot{ height: 150px; background-position: center; background-size: cover; }
.back_grs{ background-color: rgb(255,255,255); }
.text_caja_3 p{ line-height: 14px; font-size: 12px; }
.botones a{ padding: 5px; background-color: var(--color1); border-radius: 25px; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; color: var(--color2); font-weight: 700; }
.botones p{ width: 30px; text-align: center; }
.azul{ color: rgb(20,181,208); font-weight: 600; }
.comp_icn svg{ height: 20px; }

/*Carrito*/
.img_CARRITO{ height: 100px!important; width: 100px!important; background-size: cover; background-position: center; margin: 0 10px; }
.descrp_img_CAR h4{ font-size: 15px; margin: 0; }
.descrp_img_CAR span{ font-size: 10px; }
.datos_check span{ font-size: 11px; margin: 5px; }
.datos_check h4{ font-size: 13px; margin: 5px; }
.titulos_productos h2{ font-size: 14px; }
.boton_check{ border-top: 1px solid rgb(200,200,200); padding-top: 15px; margin-top: 8px; }
.boton_check a{ font-size: 11px; padding: 6px 0; width: 50%; }
.caja_prec_CAR{ padding: 10px; margin: 0 20px; }
.cerrar_btn{ font-size: 14px!important; margin: 0 20px; padding: 1px 8px; border: 1px solid rgb(200,200,200); }
.caja_prod_CAR{ margin-bottom: 1px; border: none; width: calc(100% - 100px); }
.cantid_caja{ margin: 0; }
.ancho_carrito{ padding-bottom: 5px; margin: 0 0 15px; border-bottom: 1px solid rgb(200,200,200); }
.padding_detall{ padding: 0 30px; }
.btn_basurero svg{ height: 16px; fill: rgb( 120,120,120); }
.cantid_caja span{ padding: 2px 5px; width: 50px; text-align: center; border-radius: 4px; border: 2px solid rgb(150,150,150); margin: 0 5px 0 0; }
.ancho_carrito{ display: flex; }

.descrp_img_CAR h4{ font-weight: 700; word-break: break-word; font-size: 22px; }
.descrp_img_CAR{ padding: 0 10px; }
.caja_prod_CAR{ margin-bottom: 0px; }
.descrp_img_CAR p{ font-size: 20px; font-weight: 500; }
.caja_prec_CAR{ border: 1px solid rgb(180,180,180); padding: 24px; margin: 0 10px; }
.btn_CHECK{ background-color: rgb(29,173,188); padding: 12px 0; font-size: 13px; color: rgb(255,255,255); text-decoration: none!important; display: block; text-align: center; width: 80%; }
#gift_form{ width: 90%; justify-content: center; }
.datos_check{ margin: 5px 0; }
.datos_check h4{ font-weight: 600; font-size: 20px; }
.cerrar_btn{ font-weight: 700; font-size: 20px; color: rgb(100,100,100); }

.inpBuscar::placeholder{ color: white; }
.inpBuscar:focus{ color: black; background-color: transparent; border-color: transparent; outline: 0; box-shadow: none; }
button:focus{ outline: none!important; }

/*Miniatura prod*/
#carouselProductoDetalle{ margin-bottom: 70px; }
#carouselProductoDetalle .carousel-indicators{ bottom: -57px; margin: 0; height: 60px; }
#carouselProductoDetalle .carousel-indicators li{ height: 50px; width: 80px; overflow: hidden; position: relative; }
#carouselProductoDetalle .carousel-indicators li img{ width: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; }

.itmArrib{ box-sizing: content-box; width: auto; }
.ItemSup{ display: flex; }
.ItemSup svg{ height: 35px; width: 35px; margin: 12px 0 0; padding: 5px; background-color: rgb(244,246,249); border-radius: 50%; fill: rgb(41,171,226); }
.object-fit-cover{ object-fit: cover; }
.h-200px{ height: 350px; }
.w-75{ width: 75%!important; }

/*Descuento*/
.ribbon{ position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; }
.ribbon span{ font-size: 17px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: var(--color1); background: linear-gradient(var(--color1) 0%, var(--color1) 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right: -21px; }
.ribbon span::before{ content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid var(--color1); border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid var(--color1); }
.ribbon span::after{ content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid var(--color1); border-bottom: 3px solid transparent; border-top: 3px solid var(--color1); }
.catrib{ right: 11px; }

.navbar-toggle{ z-index: 10000; }
#contPago{ display: none; }
#btnPago{  }
/* Diseño Productos Lista*/
.itemProd{ background-color: rgb(255 255 255); margin: 15px 0; padding: 1rem; }
.buttonsProd{ height: 130px; }
.iconlist{ flex-direction: column; display: flex; justify-content: space-between; height: 100%; width: 20px; }
.iconlist a{ font-size: 18px; color: rgb(200,200,200); }
.infoprod{ width: calc(100% - 220px); text-align: left; }
.CantidadProd{ border: 1px solid rgb(100,100,100); border-radius: 5px; padding: 4px; width: fit-content; }
.addcant{ color: rgb(100,100,100); padding: 5px; }
.removecant{ color: rgb(100,100,100); padding: 5px; }
.CantidadDetalle{ padding: 0; display: inline-block; width: 50px; text-align: center; border: 0; }
input {
	outline: none;
}


.auxModal{ width: 360px; margin: 0 auto; }
.voyalerta .close{ color: white; opacity: 1; }
.voyalerta .modal-content{ background: transparent!important; border: none!important; }
.voyalerta .modal-body{ background-color: rgb(104 181 207); border-radius: 15px; padding: 1rem; }
.internoNotificacion{ background-color: white; border-radius: 45px; padding: 1rem; }
.contLogo{ background-color: rgb(239 239 239); border-radius: 50%; width: 180px; height: 180px; overflow: hidden; padding: 2rem; margin: 3rem auto 1rem; border: 2px solid rgb(235 92 47); }
.contLogo img{ width: 100%; display: block; }
.contTexto{ text-align: center; }
.tituNotif{ font-size: 15px; font-style: italic; }
.parafNotif{ font-size: 14px; color: var(--dark); }
.adicNotif{ margin-top: 2rem; font-size: 14px; font-weight: 700; }

.fig_fot_2{ height: 250px; background-position: center; background-size: cover;}
.precio_det{ padding: 3px 12px; }
.bord_fott{ border-bottom: 1px solid rgb(235,91,28);}
.icon_basura{ height: 20px; fill:rgb(235,91,28);}
.fond_azl_2{ background-color: rgb(20,181,208);}
.clr_titl{ color: rgb(255,255,255);}
.clr_precios{ background-color: rgb(230,230,230);}
.caj_cup{ border: 2px solid rgb(20,181,208); width: 100%; height: 60px;}
.cuadro{ border: 2px solid rgb(20,181,208);}
.btn_seg_coprando{ text-align: center;}
.butt_cup{ background-color: rgb(235,91,28); width: 250px; height: 60px;color: rgb(255,255,255)!important; font-weight: 600; }
.butt_seguir{ width: 250px; height: 60px; color: rgb(20,181,208)!important; border: 1px solid rgb(20,181,208); font-weight: 600; }
.aplcr{ color: rgb(0,0,0); background-color: rgb(200,200,200); height: 100%; width: 200px; font-weight: 600; }
.fond_naranja{ background-color: rgb(235,91,28); border-top: 1px solid rgba(255,255,255,0.4);}
.cuadrito{ border: 2px solid rgb(235,91,28);}
.signos{ height: 30px; width: 30px; border: 1px solid rgb(100,100,100); color: rgb(0,0,0);}
.signos_2{ height: 30px; width: 50px; background-color: var(--color3); color: rgb(255,255,255);}
.butt_agrg a{ background-color: var(--color3); padding: 7px 40px; border-radius: 25px; color: rgb(255,255,255);}
.butt_agrg_2 div{ border-radius: 25px;}
.redes_abajo{ width: 41%; }
.redes_abajo svg{ height: 25px; margin-right: 20px;}

.btnAlertasPush{ position: fixed; top: 10%; right: 10px; transform: translateY(-50%); z-index: 1050; }
.butt_clrs{ overflow-x: auto; }
.butt_clrs .nav-item{  }
.svgRedes{ height: 30px; padding: 3px; }

.CantidadDetalle{ font-weight: 700; font-size: 17px!important; }

#qrcode img{ width: 100%; }

.contentPicPagos{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%); height: 45px; padding: 7px; }
.imgFootPagos{  }

.activofav{ color: var( --color1 )!important; }
.noticia_1{ background: white; }
.text_noticia{ text-align: center; background: white; }
.text_noticia a{ font-size: 12px; padding: 5px; color: white; background: darkgrey; width: 100%; }
.basurero_cont { text-align: center; padding: 6px; background: lightgray; }
.fig_micuent{ display: block; width: 100%; }
.fig_micuent figure{ background-position: center; background-size: cover; width: 100%; margin: 0; height: 170px; }


/* Breakpoints */
/* xs */
@media (max-width: 575px){
	body{ margin-top: 144px; }
	.btn_CONT img{ height: 35px; }
	.logo_arreglado img{ height: auto; width: 100%; }
	.btnAlertasPush{ top: 5%; right: 5px; }
	.btnAlertasPush img{ width: 50px; }
	.logo_arreglado_2 img{ width: 100%; height: auto; }
	.col_seek{ border-width: 1px;  }
	.inpBuscar{ width: 69%; }
	.lupa svg{ height: 15px; }
	.icns_foot{ position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 1050; background: rgb(255 255 255 / 68%); border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding: 15px 5px; }
	.icns_foot svg{ height: 30px; fill: rgb(255,255,255); margin: 0 10px;}
	.back_grs{ height: 150px; }
	.ItemBanner figure{ height: 139px; }
	.contentPicPagos{ position: relative; transform: none;  }

	#carouselHome1, #carouselCategorias{ height: auto; }
}
/* sm */
@media (min-width: 576px) and (max-width: 767px){
	#carouselHome1, #carouselCategorias{ min-height: 370px; height: auto; max-height: 470px; }
}
/* md */
@media (min-width: 768px) and (max-width: 991px){
	#carouselHome1, #carouselCategorias{ min-height: 470px; height: auto; max-height: 610px; }
}
/* lg */
@media (min-width: 992px) and (max-width: 1199px){
	#carouselHome1, #carouselCategorias{ min-height: 610px; height: auto; max-height: 740px; }
}
/* xl */
@media (min-width: 1200px){
}

/*Menu*/
@media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after{ border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; }
	.dropdown-menu .dropdown-menu{ margin-left:0; margin-right: 0; }
	.dropdown-menu li{ position: relative; }
	.nav-item .submenu{ display: none; position: absolute; left:100%; top:-7px; }
	.nav-item .submenu-left{ right:100%; left:auto; }
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
	.navbar-nav.navbar-center{ position: absolute; left: 50%; transform: translatex(-50%); }
}