.card, .btn, .form-control, .form-select, .alert{
  border-radius: 18px !important;
}
.hero {
    border-radius: 26px;
    padding: 28px;
    background: linear-gradient(135deg, var(--color-principal), color-mix(in srgb, var(--color-principal) 28%, var(--color-superficie)));
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


.product-card img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    object-fit: cover;
    height: 220px;
    width: auto;
}

.badge-soft{
  background: rgba(0,0,0,.06);
  color: rgba(0,0,0,.75);
  border: 1px solid rgba(0,0,0,.06);
}

.table input.form-control{ max-width: 110px; display:inline-block; }

.carousel-item img{ border-radius: 18px; }

/* product gallery thumbs */


.site-logo{
  height: 70px;
  width: auto;
  object-fit: contain;
}

.navbar-brand{
    width:auto !important;
    height:70px;
    padding-left:5px;
  text-decoration: none;
  
}

.container{
    width:100%;
    
}
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.navbar {
    width: 100%;
    margin: auto;
}
.nav-ancho-personalizado {
    display:flex;
    width: 100%;
    margin: 0 auto;

}

@media (max-width:600px) {
    .nav-ancho-personalizado {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
}

footer {
    
}

footer ul {
    margin:0;
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center !important;
}

footer li {
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center !important;
    font-size: 20px;
    color: color-mix(in srgb, var(--color-texto) 78%, var(--color-superficie));
}

footer a {

    text-decoration: none !important;
    color: color-mix(in srgb, var(--color-texto) 78%, var(--color-superficie));
}

footer li:nth-child(1) a:hover {

    color: #25D366;
}

footer li:nth-child(2) a:hover {
    color: #0064E0;
}

footer li:nth-child(3) a:hover {
    color: #E83269;
}

.border-top{
    margin:0px !important;
    padding:0px !important;

}

footer .container {
    align-content: center;
    align-items: center;
    padding: 10px 0px 10px 0px;
   
}
.redes {
    align-content:center !important;
    align-items: center !important;
}