:root{
  --color-primario: #235389;
  --color-secundario: #E5532C;
  --color-titulos: #666666;
  --color-textos: #757575;
  --color-bordes: #ADB5BD;
}
body{
  font-family: 'DM Sans', sans-serif;
}
/***********************************************************/
/* NAV */
.logo{
  width: 120px;
}
.icono1{
  font-size: 20px;
  color: var(--color-primario);
}
.icono1:hover{
  color: var(--color-secundario);
}
.nav-item a{
  color: var(--color-primario) !important;
}
.nav-item a:hover{
  color: var(--color-secundario) !important;
}
.carrito{
  color: var(--color-primario);
  text-decoration: none;
  font-size: 16px;
}
.carrito i{
  font-size: 20px;
}

/***********************************************************/

/***********************************************************/
/* ADMIN LTE */
.body-adminlte{
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
}

.nav-links {
  color: white !important;
  background: var(--color-primario) !important;

}
.nav-links:hover {
  color: white !important;
  background: var(--color-secundario) !important;
}

/***********************************************************/

/***********************************************************/
/* BOTONES */
a {
  text-decoration: none !important;
}
.btn1{
  color: white !important;
  font-size: 12px !important;
  background: var(--color-primario) !important;
  border-radius: 3px !important;
  border-width: 0px !important;
}
.btn1:hover{
  background: var(--color-secundario) !important;
  border-width: 0px;

}

.btn2{
  color: white !important;
  font-size: 12px !important;
  background: var(--color-secundario) !important;
  border-radius: 3px !important;
  border-width: 0px !important;
}
.btn2:hover{
  background: var(--color-primario) !important;
  border-width: 0px;
}
.btn3{
  color: white !important;
  font-size: 12px !important;
  background: var(--color-secundario) !important;
  border-radius: 3px !important;
  border-width: 0px !important;
}
.btn3:hover{
  background: white !important;
  color: var(--color-primario) !important;
  border-width: 0px;
}
.btn-slider{
  position:absolute;
  display:block;
  top:50%;
  z-index:2;
  text-transform:uppercase;
  padding:9px 12px;
  transition:opacity 150ms ease, border 300ms ease-in-out;
  transform:translateY(-50%);
  line-height:1;
  color: white !important;
  font-size: 12px !important;
  background: var(--color-secundario) !important;
  border-radius: 3px !important;
  border-width: 0px !important;
}
.btn-slider:hover{
  background: var(--color-primario) !important;
  border-width: 0px !important;
}
.btn:hover{
  text-decoration: none !important;
}
.btnCarro{
  color: white !important;
  background: transparent !important;
}
.btnCarro:hover{
  color: var(--color-bordes) !important;
}
.disabled-link {
  pointer-events: none; /* Evita la interacción con el enlace */
  opacity: 0.5; /* Reduce la opacidad para indicar que está deshabilitado */
  cursor: default; /* Cambia el cursor a no permitido */
}
.boton_link{
  text-decoration: none !important;
}

.btn-naranja-andadno {
  background-color: var(--color-secundario) !important;
  color: white !important;
  border: none;
}
/***********************************************************/

/***********************************************************/
/* CONTENEDOR CABECERAS DE PAGINAS */
.cabecera-paginas{
  background: var(--color-primario);
  color: white;
}
.cabecera-paginas h1{
  font-size: 20px;
  text-transform: uppercase;
}
.cabecera-paginas a{
  font-size: 12px;
  color: white;
  text-decoration: none;
}
.cabecera-paginas a:hover{
  font-size: 12px;
  color: var(--color-bordes);
  text-decoration: none;
}
.contenedor-claro{
  background: #e6e6e6;
}
.contenedor-900{
  width: 900px !important;
}
.contenedor_90{
  width: 90% !important;
}
.contenedor-carrito{
  background: var(--color-primario);
  color: white;
  padding: 0px, 50px, 0px, 20px;
}

.map iframe{
  width: 100% !important;
  height: 200px !important;
}
/***********************************************************/

/***********************************************************/
/* TEXTOS */
.txt-comun{
  color: var(--color-textos);
}
.txt-usuario-consultas{
  color: var(--color-textos);
  font-size: 12px;
  margin: 0px;
}
.txt-rubro{
  font-size: 12px;
}
.txt-usuario{
  font-size: 14px;
  margin: 0px;
}
.cuatrocientoscuatro{
  font-size: 80px;
  font-weight: 900;
  color: var(--color-primario);
}

/***********************************************************/

/***********************************************************/
/* SEPARADORES */
.separador-primario{
  border-color: var(--color-primario);
  opacity: 100 !important;
  background: transparent !important;
}
.separador-secundario{
  border-color: var(--color-secundario);
  background: transparent !important;
  opacity: 100 !important;
}
.borde-bajo-primario{
  border-bottom: 2px solid var(--color-primario);
  background: transparent !important;
  opacity: 100 !important;
}
/***********************************************************/

/***********************************************************/
/* ICONOS */
.icon-primario{
  color: var(--color-primario);
}
.icon-secundario{
  color: var(--color-secundario);
}
.icon-blanco{
  color: white;
}
.listas {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none; 
}
.bg-gr1 {
  background-image: linear-gradient(120deg, #235389 0%, #E5532C 100%) !important; }

.bg-primario {
  background: var(--color-primario);
}
/***********************************************************/

/****************** PAGINACION ******************/
.page-link{
  color:var(--color-primario) !important;
  background-color: white !important;
}
.page-link:hover{
  color:white !important;
  background-color: var(--color-primario) !important;
  border-color: var(--color-primario) !important;
}
.page-link.active, .active>.page-link{
  color:white !important;
  background-color: var(--color-primario) !important;
  border-color: var(--color-primario) !important;
}
/************************************************/

/***********************************************************/
/* FOOTER */
.footer-copyright{
  background: var(--color-primario);
  color: white;
  font-size: 12px;
}
.logo-racobi{
  width: 50px;
}
/***********************************************************/

/***********************************************************/
/* RESPONSIVE - 576 */
@media only screen and (max-width: 768px) {
  .contenedor-900{
    width: 100% !important;
  }
}
/***********************************************************/