/* Zen Kaku Gothic New Font Face Definitions */
@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("/fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("/fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("/fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Light.ttf")
    format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("/fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Bold.ttf")
    format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("/fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Black.ttf")
    format("truetype");
  font-weight: 900;
  font-style: normal;
}

body {
  background: url("/img/1.sources/fondo.jpeg") no-repeat center center fixed;
  background-size: cover;
  background-color: #fbe8e8;
}

.nav-button.active {
  background-color: #fbe8e8;
  color: #fbe8e8;
}

.nav-button {
  transition: all 0.3s ease;
}

/* Mostrar la página activa */
.page-content.active {
  display: block;
}

/* Estilos para las imágenes generadas */
img.generated-image {
  width: 100%;
  max-width: 600px;
  margin: 1.5rem auto;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  background-color: #e0e0e0;
  /* Color de fondo mientras carga */
}

.gradient-header {
  background: linear-gradient(135deg, #fbe8e8 0%, #ff9af3 100%);
}

.cobit-bg {
  background: linear-gradient(to right, #ffc6fb, #fbe8e8);
}

/* Gris oscuro para COBIT */

.itil-bg {
  background: linear-gradient(to right, #ffc6fb, #fbe8e8);
}

/* Azul para ITIL */

/* Estilos extra para tablas */
.iso-table th {
  background-color: #fbe8e8;
  /* Azul oscuro corporativo */
  color: #ff9af3;
}

.iso-table tr:nth-child(even) {
  background-color: #fbe8e8;
}
.text-brand-100{
  text-align: justify;
}