@font-face {
  font-family: "Bold";
  src: url(../assets/fonts/NotoSans-Bold.ttf);
  font-family: "Semi-Bold";
  src: url(../assets/fonts/NotoSans-SemiBold.ttf);
  font-family: "Regular";
  src: url(../assets/fonts/NotoSans-Regular.ttf); }

p {
  font-family: Regular; }

a {
  font-family: Regular; }

.hidden {
  display: none; }

.visible {
  display: block; }

.tituloAlerta {
  font-family: Regular !important;
  font-size: 1.1rem !important;
  color: #091113 !important; }

.aclaraciones {
  font-size: 0.8rem;
  color: grey !important; }

#headerUno {
  background-color: #091113; }
  #headerUno nav div div .cardHeader {
    background-color: transparent !important; }
  #headerUno nav div div ul li i {
    color: #FFFFFF; }
  #headerUno nav div div ul li .nav-link {
    color: #FFFFFF !important;
    font-size: 0.85rem;
    margin-top: 0.5rem; }
  #headerUno nav div div ul li .dropdown-item {
    color: #0074bd !important;
    font-size: 0.85rem;
    border-bottom: 0.05rem solid grey !important; }
  #headerUno nav div div ul li .nombreCuenta {
    color: #0074bd !important;
    font-size: 0.9rem; }
  #headerUno nav div div ul .iconoUsuario {
    margin-top: 0.85rem; }
  #headerUno nav div div .dropdown-menu {
    padding: 0.1rem; }
  #headerUno nav div .wpp div div div .whatsapp {
    color: #FFFFFF !important; }
  #headerUno nav div .wpp div div div div .card-text {
    color: #FFFFFF !important;
    margin-bottom: 0rem !important; }
  #headerUno nav div .buscar form input {
    border-radius: 0% !important; }
  #headerUno nav div .buscar form input:focus {
    outline: none;
    box-shadow: none; }

#headerDos {
  background-color: #000000; }
  #headerDos div div .categorias {
    background-color: #0074bd;
    padding-right: 0% !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    font-size: 0.95rem !important; }
    #headerDos div div .categorias .dropdown-toggle {
      color: #ffffff; }
  #headerDos div div .navbarSecciones {
    padding: 0% !important; }
    #headerDos div div .navbarSecciones nav {
      display: flex;
      justify-content: center; }
      #headerDos div div .navbarSecciones nav ul .itemsSecciones {
        margin-right: 1.8rem !important; }
      #headerDos div div .navbarSecciones nav ul .nav-item .nav-link {
        color: #FFFFFF !important;
        font-size: 0.95rem;
        padding-top: 4px !important;
        padding-bottom: 4px !important; }
        #headerDos div div .navbarSecciones nav ul .nav-item .nav-link .links {
          text-decoration: none !important;
          color: #FFFFFF !important; }
        #headerDos div div .navbarSecciones nav ul .nav-item .nav-link .links:hover {
          color: #0074bd !important; }
  #headerDos div div #carritoHeader {
    display: flex;
    justify-content: end; }
    #headerDos div div #carritoHeader a {
      color: #FFFFFF;
      opacity: 90%;
      text-decoration: none !important; }

#carousel {
  padding: 0%; }

main div {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }
  main div div h2 {
    color: #0074bd; }

#mainIndex #creadorProductos div #completarTodo {
  color: #d7292b; }

#mainIndex #creadorProductos div input,
#mainIndex #creadorProductos div select {
  font-size: 0.8rem;
  padding: 0.85rem 1rem; }

#mainIndex #creadorProductos div input:focus,
#mainIndex #creadorProductos div select:focus {
  border-color: #0074bd;
  border-width: 0.14rem;
  border-radius: 0.2rem !important;
  box-shadow: none !important; }

#mainIndex #creadorProductos div .btn {
  padding: 1rem 1.5rem;
  font-size: 1rem; }

#mainIndex #titulosProductosNuevos div h4 {
  color: #0074bd; }

#mainIndex #productosNuevos div div .card div p {
  font-size: 0.8rem; }

#mainIndex #productosNuevos div div .card div h6 {
  font-size: 1.05rem !important;
  color: #d7292b; }

#mainIndex #productosNuevos div div .card .card-footer {
  background-color: transparent; }
  #mainIndex #productosNuevos div div .card .card-footer .btn {
    background-color: #0074bd;
    color: #FFFFFF;
    font-size: 0.95rem;
    padding: 0.5rem 1.5rem; }

#mainIngreso div div h2,
#mainRegistro div div h2,
#mainMiCuenta div div h2 {
  color: #000000; }

#mainIngreso div div #login div div div form div input,
#mainIngreso div div #login div div div form div select,
#mainRegistro div div #login div div div form div input,
#mainRegistro div div #login div div div form div select,
#mainMiCuenta div div #login div div div form div input,
#mainMiCuenta div div #login div div div form div select {
  font-size: 0.8rem;
  padding: 0.85rem 1rem; }

#mainIngreso div div #login div div div form div input:focus,
#mainIngreso div div #login div div div form div select:focus,
#mainRegistro div div #login div div div form div input:focus,
#mainRegistro div div #login div div div form div select:focus,
#mainMiCuenta div div #login div div div form div input:focus,
#mainMiCuenta div div #login div div div form div select:focus {
  border-color: #0074bd;
  border-width: 0.14rem;
  border-radius: 0.2rem !important;
  box-shadow: none !important; }

#mainIngreso div div #login div div div form div .btn,
#mainRegistro div div #login div div div form div .btn,
#mainMiCuenta div div #login div div div form div .btn {
  padding: 1rem 1.5rem;
  font-size: 1rem; }

#mainIngreso div div #login div div div form p,
#mainRegistro div div #login div div div form p,
#mainMiCuenta div div #login div div div form p {
  font-size: 0.8rem;
  color: red; }

#mainIngreso div div #login div div div form label,
#mainRegistro div div #login div div div form label,
#mainMiCuenta div div #login div div div form label {
  font-size: 1.05rem;
  color: #0074bd; }

#mainIngreso div div #login .animate__animated .animate__flipInX,
#mainRegistro div div #login .animate__animated .animate__flipInX,
#mainMiCuenta div div #login .animate__animated .animate__flipInX {
  animation-duration: 0.5s; }

#mainCarrito .navCarrito div ul li .numeroNavCarrito {
  color: #0074bd !important;
  font-size: 3rem;
  padding-right: 0%; }

#mainCarrito .navCarrito div ul .textoNavCarrito {
  margin-top: 1.4rem;
  padding-left: 0%; }
  #mainCarrito .navCarrito div ul .textoNavCarrito .nav-link {
    color: grey;
    font-size: 1.1rem;
    padding-left: 0.8rem;
    margin-right: 1.2rem; }

#mainCarrito .navCarrito div ul .opacidadNavCarrito .nav-link {
  opacity: 40%; }

#mainCarrito .navCarrito div ul .opacidadNavCarrito .nav-link:focus {
  opacity: 100%; }

#mainCarrito #carrito p {
  font-size: 0.93rem; }

#mainCarrito #carrito .fa-trash,
#mainCarrito #carrito .fa-pen,
#mainCarrito #carrito #tituloPoductoCarrito {
  color: #0074bd !important; }

#mainCarrito #carrito #tituloPoductoCarrito {
  font-size: 1.2rem; }

#mainCarrito #carrito #codigoProductoCarrito {
  font-family: Bold; }

#mainCarrito #carrito #precioProductoCarrito,
#mainCarrito #carrito #precioTotal {
  color: #d7292b !important; }

#mainCarrito #carrito #resumenPedido {
  background-color: #0074bd !important;
  color: #ffffe9 !important;
  font-family: Regular;
  font-size: 1.9rem !important; }

#mainCarrito #carrito #btnPagar,
#mainCarrito #carrito #btnCrearCuenta {
  background-color: #0074bd !important; }
  #mainCarrito #carrito #btnPagar a,
  #mainCarrito #carrito #btnCrearCuenta a {
    color: #FFFFFF !important;
    font-family: Regular;
    font-size: 0.95rem; }

#mainCarrito #carrito #btnPagar:hover,
#mainCarrito #carrito #btnCrearCuenta:hover {
  transition: ease-in-out 0.3s;
  background-color: #091113 !important; }

#mainCarrito #carrito #btnIngresarCarrito {
  background-color: #FFFFFF; }
  #mainCarrito #carrito #btnIngresarCarrito a {
    font-family: Regular;
    font-size: 0.95rem; }

#mainCarrito #carrito #btnIngresarCarrito:hover {
  transition: ease-in-out 0.3s;
  background-color: #e4e4e4; }

#footer {
  background-color: #091113 !important;
  padding-top: 1.65rem !important;
  padding-bottom: 1.65rem !important; }
  #footer div div .cardFooter div .card-text {
    color: grey;
    font-size: 0.85rem;
    margin-bottom: 0%; }
  #footer .navegadorFooter div nav .breadcrumb .breadcrumb-item a {
    color: #FFFFFF !important;
    font-size: 0.85rem !important;
    text-decoration: none; }

@media only screen and (max-width: 991.98px) {
  #headerUno nav div .wpp {
    display: none !important; }
  #headerDos div div .navbarSecciones {
    display: none !important; } }

@media only screen and (max-width: 767.98px) {
  #headerUno nav div .logo div {
    display: flex;
    justify-content: center; }
  #headerUno nav div .wpp {
    display: none !important; } }