.r-all {
  border-radius: 10px!important;
}

.r-top {
  border-top-left-radius: 10px!important;
  border-top-right-radius: 10px!important;
}

.r-bottom {
  border-bottom-left-radius: 10px!important;
  border-bottom-right-radius: 10px!important;
}

.r-tl { border-top-left-radius: 10px!important; }
.r-tr { border-top-right-radius: 10px!important; }
.r-bl { border-bottom-left-radius: 10px!important; }
.r-br { border-bottom-right-radius: 10px!important; }




body, html {
  font-family: Arial, sans-serif !important;
}
#registrarme{
	border-radius: 5.34px;
border: 0.534px solid #183B5B;
background: #EFFECC;
display: flex;
width: 115px;
height: 27px;
padding: 5.34px;
justify-content: center;
align-items: center;
gap: 5.34px;
color: #183B5B;
text-align: center;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;

}
#login{
	margin-left:10px;
	color: #FFF;
text-align: center;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 5.34px;
background: #183B5B;
display: flex;
width: 87px;
height: 27px;
padding: 5.34px;
justify-content: center;
align-items: center;
gap: 3.34px;
border:none;
}


.ver_producto{
	margin-top:10px;
	color: white;
text-align: center;
font-family: Arial;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
width: 128px;
height: 25px;
padding: 4.611px;
justify-content: center;
align-items: center;
gap: 4.611px;
flex-shrink: 0;
border-radius: 4.611px;
background: #183B5B;
border:none;
}
.ver_producto svg{
color:white!important;fill:white!important;}
.price1{
color:  #3B664D!important;
font-family: Arial;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: normal;
	
}
.ver_producto svg path {
    fill: white !important;
}



.ver_proveedor{
	margin-top:10px;
	color: white;
text-align: center;
font-family: Arial;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
width: 188px;
height: 29px;
padding: 4.611px;
justify-content: center;
align-items: center;
gap: 4.611px;
flex-shrink: 0;
border-radius: 4.611px;
background: #183B5B;
border:none;
}
.ver_proveedor svg{
color:white!important;fill:white!important;}

.ver_proveedor svg path {
    fill: white !important;
}




.ver_proveedor2{
	margin-top:10px;
	color: white;
text-align: center;
font-family: Arial;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
width: 100%;
height: 33px;
padding: 4.611px;
justify-content: center;
align-items: center;
gap: 4.611px;
flex-shrink: 0;
border-radius: 4.611px;
background: #183B57;
border:none;
}
.ver_proveedor2 svg{
color:white!important;fill:white!important;}

.ver_proveedor2 svg path {
    fill: white !important;
}


.title_p{
	color: #183B5B!important;
font-family: Arial;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.iniciar{
	color: #838383;
text-align: center;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;

}



  		.drop-lau{
						

border-radius: 5.34px;
background:#183B5B;
margin-left: 10px;
  text-transform: none !important;
						}
						.drop-lau button{
						
  text-transform: none !important;
border-radius: 5.34px;
background: #183B5B;

height: 27px;
color: #FFF;
text-align: center;
font-family: Arial;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
						}
						
						.drop-lau .dropdown-menu{
						  min-width: 100% !important;
  margin-top: -5.2px !important;
  border-radius: 0 0 5.34px 5.34px;
							z-index:999;
						}
						.lia{
							color: #183B5B;
text-align: center;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
						}
						
						.form-group  select{
		    background-color: #f4f5f9;
    border: 2px solid #f4f5f9;
    height: 45px;
    box-shadow: none;
    padding-left: 20px;
    font-size: 13px;
    color: #4f5d77;
	border-radius: 50px;
    width: 100%;}
	
	.form-select{
	  background-color: #f4f5f9;
    border: 2px solid #f4f5f9;
	}
.registro-opciones {

  gap: 0.5rem;
  margin-bottom: 1rem;
}

.btn-switch {
		cursor:pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  border-radius: 999px;
  background-color: #f5f6f8;
  color: #224040;
  font-weight: 600;
  border: 2px solid transparent;
  width: 100%; /* necesario para flex-fill */
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.btn-check:checked + .btn-switch {
  background-color: white;
  border-color: #183B5B;
}

.radio-indicator {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #224040;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}

.btn-check:checked + .btn-switch .radio-indicator {
  border-color: #183B5B;
}

.btn-check:checked + .btn-switch .radio-indicator::before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #183B5B;
  border-radius: 50%;
}


@media (max-width: 768px) {
			.slick-slide img {
			display:inline!important;	
			}}
			
			html, body {
  margin: 0!important;
  padding: 0!important;
  overflow-x: hidden!important;
  width: 100%!important;
}

.btn-favorito {
	margin-top: 7.5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

.btn-favorito svg path {
    fill: none;
    stroke: #183B5B;
    stroke-width: 3;
    transition: fill 0.3s ease;
}

.btn-favorito.active svg path {
    fill: #183B5B;
}


.btn-favorito2 {

    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

.btn-favorito2 svg path {
    fill: #183B5B;
    stroke: #183B5B;
	background-color:#183B5B;
    stroke-width: 3;
    transition: fill 0.3s ease;
}

.btn-favorito-prod {
	margin-top: 7.5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

.btn-favorito-prod svg path {
    fill: none;
    stroke: #183B5B;
    stroke-width: 3;
    transition: fill 0.3s ease;
}

.btn-favorito-prod.active svg path {
	 stroke: #183B5B;
    fill: #183B5B;
}


.select2-search__field{display:none!important;}
			.select-active{background-color:#183B5B!important}
			
			
			/*producto*/
			
			.thumb-img {
  cursor: pointer;
  border: 2px solid transparent;
  width: 70px;
  height: 70px;
  object-fit: contain;  /* Mostrar la imagen completa, aunque queden espacios */
  background-color: #f8f9fa; /* fondo claro para imagenes pequeñas */
}
  .thumb-img.active {
    border-color: #0d6efd;
  }
  .main-img {
    width: 100%;
    max-height: 400px;
    object-fit: contain;
  }
  
  
  #compra_minima_txt{
	color:#3B664D;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#cantidad_txt{
	color: #838383;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top:5.5px;

}
  .number-input {
	  margin-left:10px;
    min-width: 90px;
    background-color: white;
   border-radius: 10px;
border: 0.5px solid #183B5B;
  
	height: 31px;
  }

  .number-input button {
	  color: #183B5B;
    background: none;
    border: none;
    outline: none;
	text-decoration:none;
	font-size:22px!important;
  }
  
    .number-input button:hover {
		background:none;
	}

  .number-input span {
    width: 0.5rem;
    text-align: center;
  }
  
  #number-value{
	  color:#183B5B;
text-align: center;
font-family: Arial;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
  }
  
  .brd {border-right: 1px solid #C8CED5;}
										.m1{margin-top: 20px;}
										.info_prov{padding-left: 30px;}
										.if2{padding-left: 60px;}
										.info_prov span{
											color: #838383;
font-family: Arial;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
										}
										.info_prov p{
											color: #183B5B;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
										}
										
										.info_prov a{
											color: #4880FF;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
										}
										.r0{
											padding: 30px;
											
										}
										.box0{
											border: 1px solid #183B5B;
background: white;
padding-top:30px;
padding-bottom:30px;
										}
										
										.info_prov button{
											margin-top: 10px;
											color:white;
text-align: center;
font-family: Arial;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 6.498px;
background: #183B5B;
display: flex;
width: 199px;
height: 28.282px;
padding: 6.498px;
justify-content: center;
align-items: center;
gap: 6.498px;
flex-shrink: 0;
border:none;
										}
										 @media only screen and (max-width: 768px) {
											.brd {border-right: none;} 
											
												.m1{margin-top: 0px;}
										.info_prov{padding-left: 0px;}
										.if2{padding-left: 0px;}
										.r0{
											padding: 20px;
											
										}
										.if0{margin-top: 20px;}
										
										 }
										 
										 
										 							  .map h3{
										 color: #183B5B;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal; 
									  }
									  @media only screen and (max-width: 768px) {
									  .comment-list{margin-left:0px!important;}}
									  
									  
									  .color-prod .text-brand{
										  color:#3B664D!important;
									  }
									  
									  .iva{
									color:#3B664D;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
									  }
									  
									  .categoria-btn{
										  color: #838383;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 10px;
background: #EFFECC;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
border:none;
									  }
									  
									  .lista-descuentos{
								
										  padding-top:13px;
										  padding-bottom:13px;
									  }
									  .lista-descuentos li{
										  font-size:15px;
									  }
									  
									  .contactar{
										  display: flex;
width: 216px;
height: 41px;
padding: 9.42px;
justify-content: center;
align-items: center;
gap: 9.42px;
flex-shrink: 0;
border-radius: 9.42px;
background: #183B5B;
border:none;
color:white!important;
									  }
									  
									  .btns-product{
									
border: 1px solid  #183B5B!important;
									  }
									  
									  .irs svg{margin-top:7px;}
									  
									  .bg-secondary{background-color: #183B5B!important;}
									  .c-secondary{color:white!important;}
									  
					
					
					.widget_categories{background:white!important;}
					.cat-item{color: #3B664D;
					font-family: Arial;

font-style: normal;
font-weight: 600;
line-height: normal;}
					.cat-item a{
					color: #183B5B;
font-family: Arial;

font-style: normal;
font-weight: 500;
line-height: normal;
					}
					
					
					
					#logo_p2 {
  width: 180px; /* o 160px/200px según preferencia */
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff; /* opcional: fondo blanco para contraste */
  border-radius: 8px; /* opcional */
  overflow: hidden;
}

#logo_p2 img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
					
					
					.product-img img{
						height:260px; width:100%; object-fit:cover;
					}
					
					@media (max-width: 768px) {
						  #logo_p2 {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  					  #logo_p {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
						#logo_p{
							margin:auto;
							width:100%;
						}
						
						.nombre_p{text-align:center!important;margin-top:5px!important;}
						.product-cart-wrap{
							box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
						}
						
						/*productos mobile*/
						.product-img img{
							height:160px;
						}
						
			
						.product-category a{
							font-size:12px!important;
							 line-height: 16px !important;
    white-space: normal !important;
    display: inline-block !important;
    max-width: 120px; /* Ajustalo a gusto */
    word-break: break-word;
						}
						.ver_producto svg{display:none!important;}
						.ver_producto {width:110px; margin-right:7px;}
						/*productos mobile*/
						
						#con{padding:15px!important;padding-right:25px!important;padding-left:25px!important;}
						#mas{padding:15px!important;padding-right:25px!important;padding-left:25px!important;}
						.product-price small{
							font-size:12px!important;line-height:normal!important;
						}
					}