/*
Theme Name: GBlocks
Theme URI: https://www.wordpress.org
Author: YOSOYPEP
Author URI: https://www.yosoypep.com
Description: El template que trabaja sobre Bootstrap y Advanced Custom Fields, dentro del sistema de bloques Gutemberg de Wordpress.
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 5.1
Text Domain: gblocks
*/





@font-face {
    font-display: swap;
    font-family: 'Roobert';
    font-style: normal;
    font-weight: 300;
    src: url("assets/fonts/roobert-light.woff2") format("woff2"), url("assets/fonts/roobert-light.woff2") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roobert';
    font-style: normal;
    font-weight: 400;
    src: url("assets/fonts/roobert-regular.woff2") format("woff2"), url("assets/fonts/roobert-regular.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roobert';
    font-style: normal;
    font-weight: 500;
    src: local("roobert medium"), local("roobert-medium"), url("assets/fonts/roobert-medium.woff2") format("woff2"), url("assets/fonts/roobert-medium.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roobert';
    font-style: normal;
    font-weight: 650;
    src: local("roobert semibold"), local("roobert-semibold"), url("assets/fonts/roobert-semibold.woff2") format("woff2"), url("assets/fonts/roobert-semibold.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roobert';
    font-style: normal;
    font-weight: 750;
    src: local("roobert bold"), local("roobert-bold"), url("assets/fonts/roobert-bold.woff2") format("woff2"), url("assets/fonts/roobert-bold.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roobert';
    font-style: normal;
    font-weight: 900;
    src: local("roobert heavy"), local("roobert-heavy"), url("assets/fonts/roobert-heavy.woff2") format("woff2"), url("assets/fonts/roobert-heavy.woff") format("woff")
}



html{
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#page{
    width: 100%;
    margin: auto;
}


body{
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-family: 'Roobert', sans-serif;  
}
header {
    /*height: 200px;*/
    height: 110px;
}
p{
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
}

h1, h2, h3, h4{
    /*font-weight: 600;*/
}
.h1, h1 {
    font-size: 46px;
}
.h2, h2 {
    font-size: 40px;
}
.h3, h3 {
    font-size: 30px;
}
.alinear-centro{
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-max-w{
    width: 100%;
    max-width: 1300px;
    margin: auto;
}

.container,#wrapper{
    max-width: 1440px;
}


/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*/ colores de fondo //////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/

.f-blanco {
  background-color: #FFFFFF;
}
.f-negro {
  background-color: #1D252D;
}
.f-gris-oscuro {
  background-color: #616A74;
}
.f-gris {
  background-color: #E8EBEC;
}
.f-gris-medio {
  background-color: #8D9AA0;
}
.f-gris-claro {
  background-color: #F97373;
}
.f-azul,.f-blue,.f-planeta {
  background-color: #134395;
}

.upper{
    text-transform: uppercase;
}

/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*/ colores textos //////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/

.text-blanco{
  color: #FFFFFF;
}
.text-negro{
  color: #1D252D;
}
.text-gris-oscuro {
  color: #616A74;
}
.text-gris {
  color: #E8EBEC;
}
.text-gris-medio {
  color: #8D9AA0;
}
.text-gris-claro {
  color: #F97373;
}

.text-azul,.text-blue,.text-planeta {
  color: #134395;
}