```css
/* =========================================
   LISTMONK PÚBLICO — ESTILO KICK
   ========================================= */

/* ---------- BASE ---------- */

html {
    background: #ddd !important;
}

body {
    background: #0b0b0b  !important;
    /*background-color: #12161D  !important;*/
    color: #e5e5e5 !important;
}

/* ---------- ESTRUCTURA ---------- */

/* Quitamos fondos blancos de los contenedores */
body > div,
body > main,
body > section,
main,
section,
article,
.container,
.container-fluid {
      /* background-color: #0b0b0b !important;
      color: #e5e5e5 !important; */
}

/* ---------- TEXTO ---------- */

body,
p,
span,
label,
li,
small {
    color: #e5e5e5 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff !important;
}

/* ---------- ENLACES ---------- */

a,
a:visited {
    color: #53fc18 !important;
    text-decoration: none !important;
}

a:hover,
a:focus {
    color: #7cff52 !important;
    text-decoration: underline !important;
}

/* ---------- FORMULARIOS ---------- */

input,
textarea,
select {
    background: #111111 !important;
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

input:focus,
textarea:focus,
select:focus {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #53fc18 !important;
    outline: none !important;
}

input::placeholder,
textarea::placeholder {
    color: #777777 !important;
}

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

/*
   Los botones con fondo son VERDES
   y el texto es NEGRO.
*/

button,
input[type="submit"],
input[type="button"],
button[type="submit"] {
    background: #53fc18 !important;
    background-color: #53fc18 !important;
    color: #000000 !important;
    border: 1px solid #53fc18 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/* Estados del botón */

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover {
    background: #45d914 !important;
    background-color: #45d914 !important;
    color: #000000 !important;
    border-color: #45d914 !important;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
    background: #53fc18 !important;
    background-color: #53fc18 !important;
    color: #000000 !important;
    outline: 2px solid #53fc18 !important;
    outline-offset: 2px;
}

/* ---------- CHECKBOXES ---------- */

input[type="checkbox"],
input[type="radio"] {
    accent-color: #53fc18 !important;
}

/* ---------- FIELDSETS ---------- */

fieldset {
    background: #000 !important;
    border: 1px solid #333333 !important;
}

legend {
    color: #ffffff !important;
}

/* ---------- MENSAJES ---------- */

.error,
.alert-error {
    background: #180909 !important;
    color: #ff7070 !important;
    border-color: #5c2020 !important;
}

.success,
.alert-success {
    background: #091509 !important;
    color: #53fc18 !important;
    border-color: #245c20 !important;
}

/* ---------- FOOTER ---------- */

footer {
    /* background: #0b0b0b !important; */
    color: #888888 !important;
}

footer a {
    color: #53fc18 !important;
}

/* ---------- BORDES ---------- */

hr {
    border-color: #292929 !important;
}

/* ---------- SCROLLBAR ---------- */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0b0b0b;
}

::-webkit-scrollbar-thumb {
    background: #333333;
}

::-webkit-scrollbar-thumb:hover {
    background: #53fc18;
}

/* ---------- MÓVIL ---------- */

@media (max-width: 600px) {

    body {
        padding: 10px !important;
    }

    input,
    textarea,
    select,
    button {
        box-sizing: border-box;
        max-width: 100%;
    }
}

/* BOTONES DE LISTMONK — ESTILO KICK */

/* BOTÓN KICK — TEXTO SIEMPRE NEGRO */
.button,
.button:visited,
.button:hover,
.button:active,
.button:focus,
.button a,
.button a:visited,
.button a:hover,
.button a:active,
.button a:focus {
    background: #53fc18 !important;
    background-color: #53fc18 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

.button {
    font-weight: 700 !important;
}

.wrap {
    background: #000 !important;
    color: #e5e5e5 !important;
    padding: 40px;
    box-shadow: none !important;
    border: none !important;
}

.header .logo img {
    max-width: 300px !important;
}

p {
  text-align: justify;
}




```