/*
   CSS Diálogo Universitario 2025
   Nombre del archivo: style.css
   Descripción       : CSS para Diálogo Universitario
   Autor(a)          : Visibilidad Digital.
   Versión           : 1.0.0
   Fecha             : 24/07/2025
   Última actualización: 30/07/2025
   Dependencias      : https://kit-digital-uc-prod.s3.amazonaws.com/uc-kitdigital/css/uc-kitdigital.css
   Notas             : 
 */

/* ========== Secciones principales ========== */
.section--dialogo-hero {
  min-height: 500px;
  
}
.container-txt-hero {
  background-color: #edeaed;
  padding: 40px;
}

section:nth-of-type(odd) {
  
  padding: 60px 0;
}
section:nth-of-type(even) {
  background-color: #edeaed;
  padding: 60px 0;
}

section:nth-of-type(even) .uc-heading-decoration {
  background-color: #0176de;
}

/* ========== Componentes: Botones y enlaces ========== */
.uc-btn.btn-cta {
  display: flex;
  align-items: center;
  height: 48px;
}


button.uc-btn {
  color: #0176de;
}

section:nth-of-type(even) a,
section:nth-of-type(even) button.uc-btn {
  color: #173f8a;
}

/* ========== Objetos: Lista con íconos ========== */
.lista-icones-col {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.lista-icones-col li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.lista-icones-col .uc-icon {
  flex-shrink: 0;
  width: 32px;
  font-size: 28px;
  color: black;
  text-align: center;
}

.lista-icones-col .texto {
  flex: 1;
  margin-top: 2px;
}

/* ========== Objetos: Definición Agenda ========== */
.agenda-definicion {
  display: grid;
  grid-template-columns: 100px 1fr;
  column-gap: 0.2rem;
  row-gap: 0.2rem;
  align-items: start;
}

.agenda-definicion dt {
  margin: 0;
  font-weight: bold;
}

.agenda-definicion dd {
  margin: 0;
}

.agenda-definicion hr {
  grid-column: 1 / -1; /* se extiende a ambas columnas */
  margin: 0.8rem 0;
}

/* ========== Dark mode ========== */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #111;
    color: #ccc;
  }

  a,
  button {
    color: #3090E8;
  }

  section:nth-of-type(even) a,
  section:nth-of-type(even) button.uc-btn {
    color: #3090E8;
  }

  .body-success {
    background-color: #03122E;
  }

  .p-color--blue,
  .text-color--blue {
    color: #C0DDFB;
  }

  .p-color--gray,
  .text-color--gray {
    color: #F6F6F6;
  }

  .uc-navbar {
    background-color: #03122E;
    border-bottom: 1px solid #173f8A;
  }

  .uc-navbar.navbar-dark {
    background-color: #0354B1;
    border-bottom: 1px solid #173f8A;
  }

  .uc-navbar_mobile-bar .uc-navbar_mobile-logo.navbar-light {
    background-color: #03122E;
    border-bottom: 1px solid #173f8A;
  }

  .uc-footer {
    border-top: 1px solid #173f8A;
  }

  .uc-dev-footer {
    padding: 16px 0;
    color: #fff;
    background-color: #03122E;
  }

  .uc-dev-footer a {
    color: #3090E8;
  }

  .uc-dev-footer .uc-footer-dev_content {
    color: #F0F0F0;
  }

  .uc-collapse .uc-collapse_heading {
    background-color: #111;
  }
  
  .container-txt-hero {
    background-color: #000;
  }
  
  section:nth-of-type(even) {
    background-color: #222;
  }

  .lista-icones-col .uc-icon {
    color: #C0DDFB;
  }

  .color-black {
    color: #fff !important;
  }
  .uc-message {
    border: 1px solid #aaa;
  }
  .uc-modal {
    background-color: rgba(0, 0, 0, .7);
  }
}