/*
Theme Name: Hago Webs Manual
Theme URI: https://hagowebs.com/manual
Author: Hago Webs
Author URI: https://hagowebs.com/
Description: Plantilla personalizada para el manual de usuario
Version: 2025
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/roboto.woff2) format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(fonts/poppins.woff2) format('woff2');
}

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(fonts/inconsolata.woff2) format('woff2');
}

:root {

  /* Textos */

  --priamry-font-family: Roboto, Arial, sans-serif;
  --secondary-font-family: Poppins, Arial, sans-serif;
  --monospace-font-family: Inconsolata, monospace, serif;

  /* Colores */

  --priamry-text-color: #1d2327;
  --priamry-back-color: #f0f0f1;
  --priamry-link-color: #2271b1;
  --priamry-hover-color: #145991;
  --secondary-text-color: #f0f0f1;
  --secondary-back-color: #1d2327;
  --secondary-link-color: #f0f0f1;
  --secondary-hover-color: #72aee6;
  --button-link-color: #f0f0f1;
  --button-back-color: #2271b1;
  --button-hover-color: #f0f0f1;
  --button-hoverb-color: #145991;

}

/* Textos */

#body {
  font-family: var(--priamry-font-family);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--secondary-font-family);
}

input:not([type="submit"]), select, textarea, button, .btn {
  font-family: var(--priamry-font-family);
}

pre, code, kbd, samp {
  font-family: var(--monospace-font-family);
}

/* Colores */

#body {
  background-color: var(--priamry-back-color);
  color: var(--priamry-text-color);
}

a {
  color: var(--priamry-link-color);
}

a:hover {
  color: var(--priamry-hover-color);
}

#nav {
  background-color: var(--secondary-back-color);
  color: var(--secondary-text-color);
}

#nav a {
  color: var(--secondary-link-color);
}

#nav a:hover {
  color: var(--secondary-hover-color);
}

#footer {
  background-color: var(--secondary-back-color);
  color: var(--secondary-text-color);
}

#footer a {
  color: var(--secondary-link-color);
}

#footer a:hover {
  color: var(--secondary-hover-color);
}

#mobile-menu {
  background-color: var(--secondary-back-color);
}

#mobile-menu a {
  color: var(--secondary-link-color);
}

#mobile-menu a:hover {
  color: var(--secondary-hover-color);
}

button, .btn {
  background: var(--button-back-color);
  color: var(--button-link-color);
  border: 1px solid var(--button-back-color);
}
button:hover, .btn:hover {
  background: var(--button-hoverb-color);
  color: var(--button-hover-color);
}

/* Secciones */

.post,
.widget {
  background: #ffffff;
}

/* Logotipo */

.custom-logo {
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* Varios */

.home {
  background-image: url('assets/images/fondo.webp');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.container {
  max-width: 900px;
}

#footer {
  margin-top: 3rem;
}