body{
   /*   background: #0b0b0b; */
    font-family: 'Poppins', sans-serif;
}


.cart-box {
  position: relative;
  display: inline-block;
}

.cart-box:hover .cart-icon {
  color: #ff3c3c;
  transition: 0.3s;
}


/* ICONO */
.cart-icon {
  font-size: 28px;
  color: #111;
}

/* BADGE */
.cart-count {
   position: absolute;
  top: -6px;
  right: -10px;
  background: #28a745; /* verde como el tuyo */
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  
}



/* TOP VERDE */
.topbar{
    background:#CC0100;
	color:#FFFFFF;
    text-align:center;
    padding:6px;
    font-size:14px;
}

/* MENÚ SUPERIOR */
.top-links{
    background:#f5f5f5;
    font-size:13px;
}
.top-links a{
    color:#666;
    text-decoration:none;
    margin-left:20px;
}
.top-links a:hover{
    color:#CC0100;
}

/* BUSCADOR */
.search-input{
    border-radius:30px;
    border:1px solid #ff4d4d;
}

/* CATEGORÍAS */
.menu-cat{
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
.menu-cat a{
    text-decoration:none;
    color:#333;
    font-size:14px;
}
.menu-cat i{
    display:block;
    font-size:20px;
}

/* SLIDER */
.carousel-item{
    height:400px;
    background-size:cover;
    background-position:center;
}
.carousel-caption{
    background:rgba(0,0,0,0.5);
    padding:20px;
    border-radius:10px;
}

/* CARDS */
.card:hover{
    transform:translateY(-5px);
    transition:0.3s;
}


/* CONTENEDOR */
.section-header {
  margin-bottom: 40px;
}

/* SUBTITULO */
.section-subtitle {
  display: block;
  font-size: 12px;
  color: #ff3c3c;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

/* TITULO */
.section-title {
  font-size: 36px;
  font-weight: 800;
  text-transform: uppercase;
  color: #111;
  margin: 0;
  letter-spacing: 1px;
}

/* LINEA DECORATIVA */
.section-line {
  width: 60px;
  height: 3px;
  background: #ff3c3c;
  margin-top: 12px;
}



.section-header.center {
  text-align: center;
  margin-bottom: 50px;
}

/* SUBTITULO */
.section-header.center .section-subtitle {
  display: block;
  font-size: 12px;
  color: #ff3c3c;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* TITULO */
.section-header.center .section-title {
  font-size: 38px;
  font-weight: 800;
  text-transform: uppercase;
  color: #111;
  margin: 0;
  letter-spacing: 1px;
}

/* LINEA */
.section-header.center .section-line {
  width: 70px;
  height: 3px;
  background: #ff3c3c;
  margin: 15px auto 0;
}

.section-header.center .section-title {
  position: relative;
  display: inline-block;
}

/* línea más fina y elegante */
.section-header.center .section-line {
  height: 2px;
  opacity: 0.9;
}




.footer {
  background: #282828;
  position: relative;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
}

/* IMAGEN LADO IZQUIERDO (MEJOR IMPLEMENTACIÓN) */
.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: url('tu-imagen.jpg') center/cover no-repeat;
  opacity: 0.25;
}

/* CAPA OSCURA */
.footer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.85) 0%,
    rgba(0,0,0,0.95) 50%,
    rgba(0,0,0,1) 100%
  );
}

/* ASEGURAR CONTENIDO ENCIMA */
.footer .container {
  position: relative;
  z-index: 2;
}

/* TITULOS */
.footer-title {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

/* LINKS */
.footer-links {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 10px;
}

.footer-links a {
  color: #bbb;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.footer-links a:hover {
  color: #ff3c3c;
}

/* LOGO */
.logo {
  font-size: 32px;
  font-weight: 800;
}

.logo span {
  color: #ff3c3c;
}

.footer-subtitle {
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 15px;
  color: #bbb;
}

/* SOCIAL */
.socials a {
  color: #bbb;
  margin-right: 12px;
  font-size: 16px;
  transition: 0.3s;
}

.socials a:hover {
  color: #ff3c3c;
}

/* FOOTER BOTTOM */
.footer-bottom {
  background: #0a0a0a;
  font-size: 13px;
  color: #777;
}

.footer .container,
.footer-bottom {
  position: relative;
  z-index: 2;
}

.footer::after {
  z-index: 1; /* antes estaba tapando todo */
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .footer::before {
    display: none;
  }
}