/* ===== FONDO GENERAL ===== */
body {
    background: #f4f6f8;
    font-family: 'Open Sans', sans-serif;
}

/* ===== HEADER ===== */
.navbar,
.main-navbar,
.header-lined,
.top-nav {
    background: linear-gradient(90deg,#222c31,#1e2529) !important;
    border: none !important;
}

/* ===== LOGO ===== */
.navbar-brand img {
    max-height: 70px !important;
    width: auto;
}

/* ===== MENÚ ===== */
.navbar-nav > li > a,
.top-nav a,
.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 500;
}

.navbar-nav > li > a:hover {
    color: #7bc043 !important;
}

/* ===== BOTONES ===== */
.btn-primary,
.btn-success,
.btn-info {
    background: #7bc043 !important;
    border-color: #7bc043 !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-success:hover {
    background: #689f38 !important;
    border-color: #689f38 !important;
}

/* ===== PANEL CARRITO ===== */
.panel,
.card,
.domain-checker-container,
.sidebar {
    border-radius: 8px !important;
    border: 1px solid #dce1e5 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* ===== TITULOS ===== */
h1, h2, h3, h4 {
    color: #1f2a30;
}

/* ===== LINKS ===== */
a {
    color: #4caf50;
}

a:hover {
    color: #7bc043;
}

/* ===== FOOTER ===== */
footer,
.footer,
#footer {
    background: #1f272b !important;
    color: #ccc !important;
}

footer a {
    color: #7bc043 !important;
}
/* ===== HEADER PRINCIPAL TIPO WEB COMPUACCES ===== */

body {
    background: #ffffff !important;
}

section#header {
    background: #263234 !important;
    padding: 18px 0 20px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

section#main-menu {
    background: #182225 !important;
    border: none !important;
}

section#main-menu .navbar-main {
    background: #182225 !important;
    border: none !important;
}

.navbar-main .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li.active > a {
    background: #72bf44 !important;
    color: #ffffff !important;
}

.logo img,
section#header img {
    max-height: 75px !important;
    width: auto !important;
}

/* Fondo oscuro con imagen debajo del header */
.main-content,
section#main-body {
    background: linear-gradient(rgba(38,50,52,.88), rgba(38,50,52,.88)),
                url('/site/htmlphpthemegris/img/header-bg.jpg') center top / cover no-repeat !important;
    padding-top: 30px !important;
    padding-bottom: 50px !important;
}

/* Contenido blanco encima del fondo */
section#main-body .container {
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.18) !important;
}

/* Título de categorías */
div.header-lined h1,
h1 {
    background: #1f2a30 !important;
    color: #0275b8 !important;
    padding: 12px 15px !important;
    font-weight: 300 !important;
    margin-bottom: 20px !important;
}

/* Marcos de productos */
.product,
.product-pricing,
.panel,
.sidebar .panel,
.list-group {
    border-radius: 3px !important;
    border: 1px solid #d8d8d8 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.08) !important;
}

/* Barras laterales */
.sidebar .panel-heading,
.panel-heading {
    background: #f7f7f7 !important;
    color: #333 !important;
    border-bottom: 1px solid #ddd !important;
}

.list-group-item.active,
.list-group-item.active:hover {
    background: #3f4b4e !important;
    border-color: #3f4b4e !important;
}

/* Botón verde igual al sitio principal */
.btn-success,
.btn-primary {
    background: #72bf44 !important;
    border-color: #72bf44 !important;
}

.btn-success:hover,
.btn-primary:hover {
    background: #5fa837 !important;
    border-color: #5fa837 !important;
}

/* Topbar superior */
section#top-nav,
.top-nav {
    background: #1c2426 !important;
    color: #ffffff !important;
}

section#top-nav a,
.top-nav a {
    color: #ffffff !important;
}
/* Fondo tipo slider GigaTick */
section#main-body {
    background:
        linear-gradient(rgba(38,50,52,.82), rgba(38,50,52,.82)),
        url('/templates/GigaTick/assets/img/home/slider/background_slide_01.png')
        center top / cover no-repeat !important;
    padding-top: 35px !important;
    padding-bottom: 55px !important;
}

/* Caja principal blanca */
section#main-body > .container {
    background: rgba(33,43,46,.92) !important;
    padding: 25px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.35) !important;
}
/* Header oscuro */
section#header {
    background: #263234 !important;
}

/* Menú oscuro */
section#main-menu,
.navbar-main {
    background: #182225 !important;
}

/* Links menú */
.navbar-main .navbar-nav > li > a {
    color: #ffffff !important;
}

/* Hover menú */
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li.active > a {
    background: #72bf44 !important;
    color: #ffffff !important;
}

/* Logo */
.logo img,
section#header img {
    max-height: 80px !important;
    width: auto !important;
}
/* Paneles internos oscuros */
.panel,
.product,
.product-pricing,
.list-group,
.sidebar .panel {
    background: rgba(255,255,255,.96) !important;
}

/* Elimina zonas blancas extras */
body,
.main-content,
#main-body,
section#main-body {
    background-color: transparent !important;
}

/* Laterales */
.sidebar {
    background: transparent !important;
}