@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

* {
    font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.categorias{
  width:40%;
  margin-left:30%;
  display:block;
}

.marcas{
  margin-top:8%;
}

.pie{
  width:100%;
  position:absolute;
  bottom:0;
  height:auto;
  min-height:200px;
}

.cajaContenedor
{
  margin-right:5%;
}

/* Header Styles - Logo Size Control */
/* Multiple selectors to ensure logo stays at 200px max-width */

/* Contenedor principal del logo */
.top-header .logo-container {
    max-width: 200px !important;
    width: 200px !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 auto !important;
}

/* Wrapper del logo */
.top-header .custom-logo-link,
.top-header a[rel="home"],
.top-header .col-lg-2 a,
.top-header .col-md-2 a,
.logo-container a {
    max-width: 200px !important;
    width: 200px !important;
    display: block !important;
    overflow: hidden !important;
}

/* Imagen del logo - múltiples selectores específicos */
.top-header .custom-logo,
.top-header .custom-logo-link img,
.top-header a[rel="home"] img,
.top-header img[src*="logo"],
.top-header img[class*="custom-logo"],
.top-header .col-lg-2 img,
.top-header .col-md-2 img,
header img[class*="logo"] {
    max-width: 200px !important;
    width: 200px !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* Override Bootstrap img-fluid */
.top-header img.img-fluid,
.top-header .img-fluid {
    max-width: 200px !important;
    width: 200px !important;
}

/* Forzar en cualquier elemento img dentro del contenedor del logo */
.top-header .d-flex img,
.top-header .justify-content-center img {
    max-width: 200px !important;
    width: 200px !important;
}