:root {

    --colorAzul: #1d3564;
    --colorAzul-fondo: #1d3564;
    --colorAzul-filete: #00688E;
    --colorAzul-enlace: #457B9D;
    --blackColortext: #202124;

    --font: 'Red Hat Text', sans-serif;
    --font2: 'Red Hat Text', sans-serif;
    --font3: 'Red Hat Text', sans-serif;
    --font-alter: 'Red Hat Text', sans-serif;
    --weight-font-alter: 600;

    --color-custom1: var(--colorAzul);
    --color-custom1-fondo: var(--colorAzul-fondo);
    --color-custom1-filete: var(--colorAzul-filete);
    --color-custom1-enlace: var(--colorAzul-enlace);

    --maxwidth: 117rem;
}

/* globals */

#columna-lateral .block-menu .menu li a,
#columna-lateral .block-menu .menu li span {
    font-weight: 600;
}

b, strong {
   font-weight: 600;
}

h1, h2 {
	font-weight: var(--weight-font-alter);
}
/* eol globals */

/* tabs  #block-unizar-servicio-pestanas */

#block-unizar-servicio-pestanas{
    padding: var(--padding-general);
}

body:not(.page-node-type-pagina-modular) #contenido #block-unizar-servicio-pestanas{
    width: 100%;
}

#block-unizar-servicio-pestanas .tabs a {
    padding: 0.2em 0.4em;
}

/* eol tabs */

/* custom cabecera */
body{
    color: var(--colorblack);
    font-size: 1.7rem;
    line-height: 2.4rem;
}

header {
    border-bottom: 0
}

header.extend{
    border-bottom: 1px solid #ececec;
}

.header-mini .wrapper-cabecera-med {
    border-bottom: 1px solid #eeeeee;
}

.wrapper-cabecera-med .inner,
.wrapper-cabecera-med .inner{
    min-height: 5.5rem;
    margin: 2.5rem auto 1.5rem;
}

@media (max-width: 768px){
    .wrapper-cabecera-med .inner{
        min-height: auto;
    }
    .wrapper-cabecera-med .inner{
        margin: 1.5rem auto 1rem;
    }
}

@media (max-width: 992px){
    .region-cabecera-med-derecha .search-block-form {
        display: none;
    }
}

.wrapper-cabecera-med .inner .cabecera-izquierda{
    width: 60%;
}

@media (max-width: 992px){
    .wrapper-cabecera-med .inner .cabecera-izquierda{
        width: 100%;
    }
}

.region-menu-principal {
    border-bottom: 1px solid #ececec;
}

.header-mini .region-menu-principal {
    border-bottom: 0;
}

.extend .region-menu-principal {
    border-bottom: 0;
}

.main-menu.nav {
    border-top: 1px solid #ececec;
}

.header-mini .main-menu.nav {
    border-top: 0;
}

.imagen-cabecera-superior + .main-menu.nav {
    border-top: none;
    background: none;
}

.nombre-sitio,
.site-name{
    font-family: var(--font2);
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 2.9rem;

}

.site-name a{
    color: var(--colorblack);
}

.dependencia,
.site-slogan{
    font-family: var(--font2);
    font-size: 2rem;
    font-weight: bold;
    line-height: initial;
}

@media (max-width: 768px) {
    .nombre-sitio,
    .site-name{
        font-size: 2rem;
    }

    .dependencia,
    .site-slogan{
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .dependencia,
    .site-slogan{
        display: none;
    }
}

/* bloque logo */
  
  .site-logo img{
    width: auto;
    display: block;
    transition: all 0.2s;
  }
  
  @media (max-width: 992px) {
    .site-logo img{
      height: 65px;
      max-width: initial;
    }
  }
  
  @media (max-width: 768px) {
    .site-logo img{
      height: 55px;
    }
  }
  
  @media (max-width: 480px) {
    .site-logo img{
      height: 45px;
    }
  }
  
  /* eol bloque logo */

.header-mini .imagen-cabecera-superior{
    margin-top: 2rem;
}

.imagen-cabecera-superior{
    width: var(--maxwidth);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: var(--padding-general);
    box-sizing: border-box;
}

@media (max-width: 1280px) {
    .imagen-cabecera-superior{
      width: 100%;
    }
}

.imagen-cabecera-superior.showlogo:before{
    content: '';
    position: absolute;
    width: 445px;
    height: 100%;
    bottom: 0;
    right: -35px;
    background: var(--colorAzul-filete);
    opacity: 0.5;
    transform: skew(-25deg, 0);
    z-index: 1;
}

.extend .imagen-cabecera-superior.showlogo:before{
    width: calc( 445px + (100vw - var(--maxwidth))/2);
}

.imagen-cabecera-superior .logo{
    position: absolute;
    z-index: 1;
    bottom: 20px;
    right: 25px;
    height: 70px;
    width: auto;
}

.extend .imagen-cabecera-superior .logo{
    right: calc( 15px + (100vw - var(--maxwidth))/2);
}

@media (max-width: 1200px) {
    .extend .imagen-cabecera-superior .logo,
    .imagen-cabecera-superior .logo{
        position: absolute;
        z-index: 1;
        bottom: 20px;
        right: 30px;
    }
}

.imagen-cabecera-superior .field--name-field-imagen-nodo img, 
.imagen-cabecera-superior .field--name-field-imagen-biblioteca img {
    height: auto;
    object-fit: cover;
    width: 100%;
    display: block;
    transition: 0.2s all;
}

@media (max-width: 768px) {
    .imagen-cabecera-superior .field--name-field-imagen-nodo img,
    .imagen-cabecera-superior .field--name-field-imagen-biblioteca img{
        height: 85px;;
    }

    .imagen-cabecera-superior .logo{
        display: none;
    }
}

.extend .imagen-cabecera-superior{
    width: 100%;
}

/* eol custom cabecera */

.region-content h1 {
    letter-spacing: normal;
    margin-top: 5rem;
}

/* bloque contacto custom */

.block_contacto .info-servicio [class^="icon-"]:before, 
.block_contacto .info-servicio2 [class^="icon-"]:before {
    color: var(--colorblack);
}

/* eol bloque contacto custom */

/* contenido */

#contenido-wrapper {
    border-bottom: 0;
    margin: 0 auto;
}

#contenido-wrapper, .not-content {
    padding: var(--padding-general);
}

/* eol contenido */

/* stickynav */

.stickynav-active {
    position: relative;
}

header.stickynav-active {
    position: relative;
    box-shadow: none;
}

.stickynav-active #barra-sup{
    position: fixed;
    top: 0px;
    z-index: 1000;
    width: 100%;;
}

.stickynav-active .wrapper-cabecera-med{
    position: fixed;
    top: 35px;
    z-index: 1000;
    border-bottom: 1px solid var(--colorGray1);
    background: #ffffffe3;
    width: 100%;
    margin: 0 auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.stickynav-active .region-cabecera-med-izquierda .block img{
    height: 50px;
}

.stickynav-active .wrapper-cabecera-med .inner{
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .stickynav-active .wrapper-cabecera-med .inner{
        width: 100%;
    }
}

@media (max-width: 768px) {
    .stickynav-active .wrapper-cabecera-med{
        padding-top: 1.5rem;
    }
}

@media (max-width: 768px){
    .stickynav-active .region-cabecera-med-derecha [id*="-bloquerrss"] {
        top: -33px;
    }
}

/* eol stickynav */