/* ==========================================================================
   PERSONALIZACIÓN Y2K PARA HTMLCOMMENTBOX
   ========================================================================== */

/* Contenedor principal de comentarios */
#HCB_comment_box {
    background-color: rgba(5, 2, 10, 0.85) !important;
    border: 2px solid DarkOrchid !important;
    padding: 15px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-family: 'cairo', monospace !important;
}

/* Campos de texto (Nombre, Email, Comentario) */
#HCB_comment_box input[type="text"], 
#HCB_comment_box textarea {
    background-color: #000000 !important;
    color: #00ffcc !important;
    border: 1px solid DarkOrchid !important;
    font-family: 'cairo', monospace !important;
    font-size: 16px !important;
    padding: 8px !important;
    box-shadow: inset 0 0 5px rgba(153, 50, 204, 0.5) !important;
    border-radius: 2px !important;
}

#HCB_comment_box input[type="text"]:focus, 
#HCB_comment_box textarea:focus {
    outline: none !important;
    border-color: #00ffcc !important;
    box-shadow: 0 0 10px #00ffcc !important;
}

/* Botón de enviar */
#HCB_comment_box input[type="submit"], 
#HCB_comment_box .btn {
    background-color: DarkOrchid !important;
    color: #ffffff !important;
    border: 1px solid #00ffcc !important;
    font-family: 'cairo', monospace !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding: 8px 16px !important;
    cursor: pointer !important;
    box-shadow: 3px 3px 0px #000 !important;
    transition: all 0.2s ease !important;
}

#HCB_comment_box input[type="submit"]:hover, 
#HCB_comment_box .btn:hover {
    background-color: #00ffcc !important;
    color: #000000 !important;
    box-shadow: 0 0 12px #00ffcc !important;
}

/* Bloque de comentarios publicados */
#HCB_comment_box .comment {
    border-bottom: 1px dashed DarkOrchid !important;
    padding: 12px 0 !important;
}

/* Nombre del autor de los comentarios */
#HCB_comment_box .author {
    color: #00ffcc !important;
    font-weight: bold !important;
}

/* Marca de agua / Links inferiores */
#HCB_comment_box a {
    color: DarkOrchid !important;
    text-decoration: none !important;
}

#HCB_comment_box a:hover {
    color: #00ffcc !important;
}
body{
  background-color: black;
  color: white;
}