/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18 sep. 2025, 12:16:55
    Author     : cesar.luna
*/
.btn-awards {
    border-color: #fd6600;
    background-color: #e50000;
}
.bg-header{
    background-color: #e50000
}
.bg-000{
    background-color:#000;
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%; /* opcional */
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* ocupa toda la altura de la ventana */
}

main {
  flex: 1; /* el contenido ocupa todo el espacio disponible */
}
.p_stickers{
    margin-bottom: 0px;
    font-size:22px;
}
.banner-item {
  padding: 0 10px; /* Ajusta este valor para controlar la separación */
}
.banner-image {
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
}
.carousel-container {
  background-color: #f5f5f5;
  margin: 20px; /* Ejemplo de márgenes para separar el contenedor */
}

/*3D Button*/
.btn-3d {
  background: linear-gradient(to bottom,  #e50000);
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 7px 18px;
  text-transform: uppercase;
  font-size: 15px;
}

@media (max-width: 768px) {
  .btn-3d {
    font-size: 12px; /* O el tamaño que prefieras */
    padding: 10px 24px; /* Ajusta el padding para que el botón no se vea desproporcionado */
  }
}

/* Hover: el botón “flota” más */
.btn-3d:hover {
  transform: translateY(-3px);

}

/* Active: se hunde hacia abajo */
.btn-3d:active {
  transform: translateY(4px);
}