/* ===========================
   Personalización Net Hosting Perú - Verde principal
   =========================== */

/* Títulos principales y de bloques */
h1, h2, h3, h4, h5, h6 {
    color: #444444; /* gris oscuro */
    font-weight: 600;
}

/* Secciones destacadas */
.section-title,
.home-shortcuts h2,
.home-domain-search h2 {
    color: #444444; /* gris oscuro, neutro */
}

/* Subtítulos y títulos de tarjetas (ej. Server06, Dominios) */
.card-title {
    color: #444444; 
    font-weight: 600;
}

/* ---------------------------
   BOTONES
   --------------------------- */

/* Botones principales (Buscar, Ver productos, etc.) */
.btn-primary,
.btn-outline-primary,
.btn-default {
    background-color: #4CAF50;  /* verde corporativo */
    border: 1px solid #4CAF50;
    color: #fff;
}
.btn-primary:hover,
.btn-outline-primary:hover,
.btn-default:hover {
    background-color: #3d8b40;
    border-color: #3d8b40;
    color: #fff;
}

/* Botón Transferir (verde igual para consistencia) */
.btn-success {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: #fff;
}
.btn-success:hover {
    background-color: #3d8b40;
    border-color: #3d8b40;
}

/* ---------------------------
   Atajos de la página principal
   --------------------------- */
.home-shortcuts .panel-body {
    border-top: 3px solid #4CAF50; /* verde */
}

/* ---------------------------
   Footer
   --------------------------- */
#footer {
    background: #f8f8f8;
    color: #444444;
}
#footer a {
    color: #4CAF50;
}
#footer a:hover {
    color: #2f7030;
}
/* Mega menú de productos */
.mega-product-item {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.mega-product-item:hover {
    background: #f9f9f9;
}

.mega-product-item::before {
    content: attr(data-name) "\A" attr(data-description);
    white-space: pre-line;
    font-size: 12px;
    color: #555;
}

.mega-product-item a.btn-comprar {
    display: inline-block;
    margin-top: 5px;
    padding: 5px 10px;
    font-size: 12px;
    background: #007bff;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}