/* =========================================
   TLAHCO
   Hoja de estilos personalizada
   ========================================= */
body {
    background-color: #F4EFE6 !important;
}

h1 {
    color: #9D302F !important;
}
/* Colores base */
:root {
    --tlahco-negro: #111111;
    --tlahco-marfil: #F4EFE6;
    --tlahco-jade: #24736B;
    --tlahco-rojo: #9D302F;
    --tlahco-ocre: #C4943D;
}

/* Fondo general */
body {
    background-color: var(--tlahco-marfil);
    color: var(--tlahco-negro);
}

/* Encabezados */
h1,
h2,
h3 {
    color: var(--tlahco-negro);
}

/* Enlaces */
a {
    color: var(--tlahco-jade);
}

/* Enlaces al pasar el cursor */
a:hover {
    color: var(--tlahco-rojo);
}

/* Botones */
.wp-element-button,
button,
input[type="submit"] {
    background-color: var(--tlahco-negro);
    color: var(--tlahco-marfil);
    border-radius: 0;
}

/* Botones al pasar el cursor */
.wp-element-button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: var(--tlahco-rojo);
}

/* Campos del formulario */
input,
textarea {
    border: 1px solid var(--tlahco-negro);
}

/* Detalle de acento */
h2 {
    border-bottom: 2px solid var(--tlahco-ocre);
    padding-bottom: 0.25rem;
}