/* - css/temas.css - */

/* ==========================================================================
   Modo DEBUG
   ========================================================================== */

body.debug .header {
  background: radial-gradient(ellipse at center center, #333 1%, #000 100%);
}

body.debug .footer {
  background: #000;
}

body.debug .footer.footer-logos {
  background: #333;
}

body.debug .sobre {
  background: #333;
}

body.debug .menu-responsivo .menu-button {
  background: #000;
}

/* ==========================================================================
   Tema Verde
   ========================================================================== */
.tema-verde .header {
  background-color: #0a5517;
  color: #fff;
  background-image: radial-gradient(
    ellipse at center center,
    #19882c 1%,
    #025310 100%
  );
}

.tema-verde .header a {
  color: #fff;
}

.tema-verde .header .logo h1,
.tema-verde .header .logo .h1 {
  color: #fff;
}

.tema-verde .accessibility .key {
  background-color: #9ed5ab;
  color: #006600;
}

.tema-verde .footer {
  background: #034811;
  color: #fff;
}

.tema-verde .footer.footer-logos {
  background: #00420c;
}

.tema-verde .footer .block {
  border-left: 1px dotted #7dc48a;
}

.tema-verde .footer a,
.footer a:hover,
.footer a:focus,
.footer a:visited {
  color: #fff;
}

.tema-verde .footer h1,
.tema-verde .footer .h1,
.tema-verde .footer h2,
.tema-verde .footer .h2,
.tema-verde .footer h3,
.tema-verde .footer .h3,
.tema-verde .footer h4,
.tema-verde .footer .h4,
.tema-verde .footer h5,
.tema-verde .footer .h5,
.tema-verde .footer h6,
.tema-verde .footer .h6 {
  color: #7dc48a;
}

.tema-verde .sobre {
  background: #00420c;
  color: #fff;
}

.tema-verde .sobre a,
.sobre a:hover,
.sobre a:visited,
.sobre a:focus {
  color: #fff;
}

.tema-verde .sobre li {
  border-right: 1px solid #6c9072;
}

.tema-verde .sobre li:last-child {
  border-right: 0;
}

.tema-verde .menu-responsivo .menu-button {
  background: #065116;
}

.tema-verde .menu .menu-title {
  border-top: 4px solid #00510f;
  color: #00510f;
}

.tema-verde .titulo {
  border-top-color: #1d571f;
  color: #1d571f;
}

/* ==========================================================================
   Tema Azul
   ========================================================================== */
.tema-azul .header {
  background-color: #1f5dc2;
  color: #fff;
  background-image: radial-gradient(
    ellipse at center,
    #2773e1 1%,
    #1a5cbc 100%
  );
}

.tema-azul .header a {
  color: #fff;
}

.tema-azul .header .logo h1,
.tema-azul .header .logo .h1 {
  color: #fff;
}

.tema-azul .accessibility .key {
  background-color: #fff;
  color: #0a1857;
}

.tema-azul .footer {
  background: #1659bf;
  color: #fff;
}

.tema-azul .footer.footer-logos {
  background: #0042b1;
}

.tema-azul .footer .block {
  border-left: 1px dotted #fff;
}

.tema-azul .footer a,
.footer a:hover,
.footer a:focus,
.footer a:visited {
  color: #fff;
}

.tema-azul .footer h1,
.tema-azul .footer .h1,
.tema-azul .footer h2,
.tema-azul .footer .h2,
.tema-azul .footer h3,
.tema-azul .footer .h3,
.tema-azul .footer h4,
.tema-azul .footer .h4,
.tema-azul .footer h5,
.tema-azul .footer .h5,
.tema-azul .footer h6,
.tema-azul .footer .h6 {
  color: #fff;
}

.tema-azul .sobre {
  background: #0f4098;
  color: #fff;
}

.tema-azul .sobre a,
.sobre a:hover,
.sobre a:visited,
.sobre a:focus {
  color: #fff;
}

.tema-azul .sobre li {
  border-right: 1px solid #fff;
}

.tema-azul .sobre li:last-child {
  border-right: 0;
}

.tema-azul .menu-responsivo .menu-button {
  background: #1f5dc2;
}

.tema-azul .menu .menu-title {
  border-top: 4px solid #1659bf;
  color: #1659bf;
}

.tema-azul .titulo {
  border-top-color: #1f66cc;
  color: #1f66cc;
}