h1, h2, h3, h4, h5, h6 {
  color: darkgreen;
}
.container-header {
  background-color: darkgreen;
  background-image: none;
}
body {
    background-color: #111111; /* Fondo oscuro */
}

a {
    color: #ff6600; /* Enlaces naranjas */
}

.btn {
    background-color: #ff6600;
    border-color: #ff6600;
}

/* Fondo general y tipografía */
body {
    background-color: #000000; /* Fondo negro */
    color: #f5f5f5; /* Texto blanco suave */
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* Enlaces */
a {
    color: #d4af37; /* Dorado */
    text-decoration: none;
}

a:hover {
    color: #ffffff; /* Blanco al pasar el ratón */
}

/* Encabezados */
h1, h2, h3, h4, h5, h6 {
    color: #d4af37; /* Dorado elegante */
    font-weight: 600;
}

/* Menú principal */
.container-header,
.container-header .mod-menu li a {
    background-color: #000000 !important; /* Barra negra */
    color: #f5f5f5 !important; /* Texto claro */
}

.container-header .mod-menu li a:hover {
    color: #d4af37 !important; /* Hover dorado */
}

/* Botones */
.btn,
button,
input[type="submit"] {
    background-color: #000000;
    border: 2px solid #d4af37;
    color: #d4af37;
    transition: all 0.3s ease;
}

.btn:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #d4af37;
    color: #000000;
}

/* Footer */
.container-footer {
    background-color: #111111;
    color: #bbbbbb;
}

.container-footer a {
    color: #d4af37;
}

/* Estilos personalizados para módulo BagsBlack */
.bagsblack-module {
    background-color: #000000; /* Fondo negro */
    color: #e0e0e0; /* Texto en gris claro */
    padding: 20px;
    border-radius: 6px; /* esquinas redondeadas */
}

/* Título del módulo */
.bagsblack-module h3,
.bagsblack-module h2,
.bagsblack-module h1 {
    color: #ffcc00; /* Oro para el título */
    text-decoration: none; /* Sin subrayado */
    margin-bottom: 15px;
}

/* Texto dentro del módulo */
.bagsblack-module p {
    color: #f5f5f5; /* Texto en blanco */
    line-height: 1.6em;
}

/* Enlaces dentro del módulo */
.bagsblack-module a {
    color: #ffcc00; /* Dorado */
    text-decoration: none;
    font-weight: bold;
}

.bagsblack-module a:hover {
    color: #ffffff; /* Blanco al pasar el ratón */
    text-decoration: underline;
}

/* Botones dentro del módulo */
.bagsblack-module .btn,
.bagsblack-module button {
    background-color: #ffcc00;
    color: #000000;
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    transition: all 0.3s ease;
}

.bagsblack-module .btn:hover,
.bagsblack-module button:hover {
    background-color: #e6b800;
    color: #ffffff;
}