/*
Theme Name: UTPL Base
Author: Grupo Business IT - SA
Description: Theme Diseñado para el sitio Se acabo la tinta - UTPL
Version: 2.0
Licence: GNU General Public Licence or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: utpl, bootstrap, html5, css3, template, base
Text Domain: utpl
*/

@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Staatliches&display=swap");

/*---Estilos globales---*/
:root {
  /* Fuentes */
  --font-primary: "Red Hat Display", sans-serif;
  --font-titles: "Staatliches", sans-serif;
  /* Colores */
  --global--color--blue: #003f72;
  --global--color--yellow: #f4ab14;
  --global--color--white: #fff;
  --global--color--black: #212529;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  color: var(--global--color--black);
  font-family: var(--font-primary);
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-titles);
  line-height: 1.2;
}

h1 {
  font-size: 6rem;
}

h2 {
  font-size: 4.8rem;
}

h3 {
  font-size: 3.6rem;
}

h4 {
  font-size: 2.4rem;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

hr {
  border: 1px solid var(--gris-oscuro);
}

/*---INICIO Header---*/
.site-header {
  background-color: var(--global--color--blue);
  padding: 5px 0;
}

.site-header ul {
  gap: 20px;
}

.site-header ul li a {
  color: var(--global--color--white);
  text-transform: uppercase;
  text-decoration: none;
  transition: ease 0.5s;
  font-size: 10pt;
  font-weight: 300;
}
.site-header ul li a:hover {
  color: var(--global--color--yellow);
}

.logo .image {
  width: auto;
}

#navbarNav .current_page_item a {
  color: var(--global--color--yellow);
}

/*---FIN Header---*/
/*---INICIO Estilos del footer---*/
.footer__about {
  background-color: var(--global--color--blue);
  border-top: 3px solid var(--global--color--yellow);
  padding: 2rem 0;
}
.footer__about h3 {
  margin: 0;
  font-size: 10pt;
  font-weight: bold;
  color: var(--global--color--white);
}
.logo_footer img {
  width: 45%;
  margin: 2.5rem auto;
}

#footer_utpl .contact-data h4,
a,
p,
span {
  font-size: 8pt;
  margin-bottom: 0;
}
.contact-data h4 {
  font-weight: bold;
  color: var(--global--color--white);
}

.footer__about a {
  color: var(--global--color--white);
  text-decoration: none;
  transition: ease 0.5s;
}
.footer__about a:hover {
  color: var(--global--color--yellow);
}

.footer__about h3,
h4 {
  font-family: var(--font-primary);
}

/*---FIN Estilos del footer---*/
/*---INICIO Estilos principales de la pagina---*/

#main p {
  color: var(--global--color--black);
  text-align: justify;
}

#main h1,
h2,
h3,
h4,
h5 {
  color: var(--global--color--blue);
}
/*---FIN Estilos principales de la pagina---*/

/*---INICIO Estilos seccione EDICIONES---*/

#section-ediciones p {
  color: var(--global--color--white);
}

#section-ediciones .elementor-post__title a,
h6 {
  font-size: 20pt;
}

#section-ediciones .elementor-post__title a:hover {
  color: var(--global--color--white);
}

#section-ediciones .elementor-post__read-more {
  font-family: var(--font-primary);
  background-color: var(--global--color--yellow);
  padding: 1rem 2rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#section-ediciones .elementor-post__read-more:hover {
  background-color: var(--global--color--blue);
  color: var(--global--color--yellow);
  padding: 1rem 2rem;
}

#section-ediciones .elementor-post__thumbnail__link {
  display: none;
}

/*---FIN Estilos seccione EDICIONES---*/
/*---INICIO Estilos seccion NOTICIAS---*/
#section-noticias a {
  color: var(--global--color--black);
}
#section-noticias .elementor-post-date {
  color: var(--global--color--black);
}

#section-noticias .elementor-post__read-more {
  font-family: var(--font-primary);
  background-color: var(--global--color--yellow);
  color: var(--global--color--blue);
  padding: 1rem 2rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#section-noticias .elementor-post__read-more:hover {
  background-color: var(--global--color--blue);
  color: var(--global--color--yellow);
  padding: 1rem 2rem;
}
/*---FIN Estilos seccion NOTICIAS---*/
/*---INICIO Estilos seccion PROCESO DE PUB---*/
#section-proceso .elementor-button-link {
  background-color: var(--global--color--blue);
  border-radius: 0;
  color: var(--global--color--yellow);
  padding: 1rem 2rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#section-proceso .elementor-button-link:hover {
  background-color: var(--global--color--yellow);
  color: var(--global--color--blue);
}

#section-proceso .elementor-button-link span {
  color: var(--global--color--yellow);
  transition: color 0.3s ease;
}

#section-proceso .elementor-button-link:hover span {
  color: var(--global--color--blue);
}
#section-proceso .elementor-icon-box-title {
  font-size: 25pt;
}

/*---FIN Estilos seccion PROCESO DE PUB---*/

#section-archivo a {
  color: var(--global--color--black);
}

#section-archivo .elementor-post__title a,
h6 {
  font-size: 20pt;
}

#section-archivo .elementor-post__read-more {
  font-family: var(--font-primary);
  background-color: var(--global--color--yellow);
  padding: 1rem 2rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#section-archivo .elementor-post__read-more:hover {
  background-color: var(--global--color--blue);
  color: var(--global--color--yellow);
  padding: 1rem 2rem;
}

/*Paginas sin elementor*/
#post-no-elementor a {
  background-color: var(--global--color--yellow);
  color: var(--global--color--blue);
  padding: 10px 10px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#post-no-elementor a:hover {
  background-color: var(--global--color--blue);
  color: var(--global--color--yellow);
}

/*PANTALLAS GRANDES*/
@media (min-width: 769px) {
  .logo .image {
    width: 60%;
  }

  .logo_footer img {
    width: 25%;
    margin: 2.5rem auto;
  }

  #navbarNav .current_page_item {
    border-bottom: 3px solid var(--global--color--yellow);
  }

  .footer__about h3 {
    font-size: 14pt;
  }

  .contact-data h4,
  a,
  p,
  span {
    font-size: 10pt;
  }

  #section-ediciones .elementor-post__thumbnail__link {
    display: block;
  }
}