@font-face {
  font-family:'grisenti-tipografia';
  src:url('../fonts/grisenti.ttf');
}
@font-face {
  font-family:'GothamRounded-Medium';
  src:url('../fonts/gotham/GothamRounded-Medium.otf');
}
@font-face {
  font-family:'GothamRounded-Book';
  src:url('../fonts/gotham/GothamRounded-Book.otf');
}
@font-face {
  font-family:'GothamRounded-Bold';
  src:url('../fonts/gotham/GothamRounded-Bold.otf');
}
body {
	font-family:'grisenti-tipografia';
	overflow: hidden;
}
.form-control {
	border-radius:25px;
	text-align: center;
}

.boton-ingresar {
	background:transparent;
	border:none;
}
.logo-grisenti {
	width:35%;
}
.boton-ingresar {
	width:50%;
}
.boton-buscar {
	background-color: transparent;
    border: none;
    color: white;
}
.icono-buscar {
	width:40%;
}
.boton-seguir-buscando {
	color: white;
    background-color: #ef8012;
    border-radius: 25px;
    border: none;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;
}

#finalizar-pedido {
  display:none;
 }

.caca-franco {
  float:right;
}

.bck {
  background:#f4f4f4;
  color:black;
}
.bck:active {
  color:black;
  text-decoration:none;
}
.bck:hover {
  color:black;
  text-decoration:none;
}
i.fas.fa-chevron-up {
  display:none;
}
.boton-ingresar {
  opacity: 0.5;
}
.boton-ingresar:hover {
  opacity: 1;
}
.boton-inicio-buscar {
  opacity: 0.2;
}
.boton-inicio-buscar:hover {
  opacity: 1;
}

/* NO HAY ARTICULOS */

.contenedor-no-hay {
  background-color: rgba(56,56,56,0.2);padding-top: 5%;
  padding-bottom: 5%;
  width: 50%;
  border-radius: 35px;
}
.parrafo-seguir-buscando {
  margin-top: 5%;
  margin-bottom: 10%;
}
.boton-ventana-seguir-buscando {
  background-color: #383838;
  color: white;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-right: 5%;
  padding-left: 5%;
  border-radius: 35px;text-decoration:none;
}
.boton-ventana-seguir-buscando:hover {
  color:white;
  text-decoration:none;
}

/* ESTILOS PERSONALIZADOS VENTANA MODAL */

.swal-modal {
  background-color:#f4f4f4 !important;
  color:#383838 !important;
  border-radius: 35px !important;
}
.swal-icon--success:after, .swal-icon--success:before {
  background:#f4f4f4 !important;
}
.swal-icon--success__hide-corners {
   background-color:#f4f4f4 !important;
}
.swal-footer {
  text-align:center !important;
}
.swal-button {
  color:white !important;
  background-color:#383838 !important;
  border:none !important;
  border-radius:45px;
}
.swal-button:focus {
  box-shadow:none !important;
}
.swal-icon--success__ring {
  border:4px solid rgba(56,56,56,0.5);
}
.swal-icon--success__line {
  background-color: #383838;
}

/* ESTILOS PERSONALIZADOS VISTA PRODUCTO */

.titulo-vista-descripcion {
  font-family:'GothamRounded-Medium';
}

.span-codigo-vista {
  font-family:'GothamRounded-Book';
}

.tipografia-pesada-vista {
  font-family:'GothamRounded-Bold';
}
.seguir-buscando-vista-producto {
  font-family:'GothamRounded-Medium';
  color:white !important;
}
.linea-grisenti-escritoria {
  margin-right: 5%;
}

.logo-busqueda {
  width:35%;
}
.alinear-carrito-mobile {
  margin-top:10px;
}
.suguir-buscando-vista-mobile {
  color: white;
  background-color: #ef8012;
  border-radius: 25px;
  border: none;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  font-size: 14px;
}
.agregar-buscando-vista-mobile {
  color: white;
  border-radius: 25px;
  border: none;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  font-size: 14px;
}
.finalizar-buscando-vista-mobile {
  color: white;
  border-radius: 25px;
  border: none;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  font-size: 14px;
}

#cotizarwhatsapp {
    font-size: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 25px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    display:none;
  
}
.mas-informacion-vista {
  margin-top:10px;
}

/*=================================================================
              RESPONSIVO
===================================================================*/
@media only screen and (max-width: 780px) {

 

}


@media only screen and (max-width: 582px) {

.mas-informacion-vista {
  margin-top:0px;
}

  
.icono-buscar {
  width:80%;
}
 
.columna-xs{
  width:20% !important;
}
.columna-xs-grande {
  width:80% !important;
}
.header-cincuenta {
  width:100% !important;
  align-self: center;
  text-align:center !important;  
}
.logo-grisenti {
  width:100% !important;
}
.usuario-mobile {
  display:none;
}
.linea-grisenti-escritoria {
 margin-right:0;
}
.logo-busqueda {
  width:80%;
}
.contenedor-no-hay {
  width: 90%;
}
.alinear-carrito-mobile {
  margin-top:0px;
}
.columna-caracteristicas-mobile {
  margin-bottom:5%;
}
.titulo-vista-descripcion {
  font-size: 25px;
}
.suguir-buscando-vista-mobile {
  font-size:10px;
  padding-left: 15px;
  padding-right: 15px;

  }
  .agregar-buscando-vista-mobile {
    font-size:10px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .hidden-xs-line {
    display:none;
  }
  .logos-ocultar-mobile {
    display:none;
  }
  .espacio-celular-index {
    margin-bottom:25%;
  }
  .swal-text {
    font-size:12px;
  }
  .finalizar-buscando-vista-mobile {
    color: white;
    border-radius: 25px;
    border: none;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    font-size: 10px;
  }
  body {
    overflow-y:visible !important;
  }
  #cotizarwhatsapp {
    display:block;
  }
  .imagen-tabla-mobile {
        width: 45%;
  }
  .parrafo-desc-tabla-mobile {
    font-size: 0.6rem;
  }
  .btn-catalogo-completo-xs {
    font-size:13px;
  }

}

@media only screen and (max-width: 334px) {
  
  


}