/*Inidice
*
*
*
1) estilos generales
    -1.1 enlaces del sitio
    -1.2 estilos para fondos del sitio
    -1.3 botones del sitio

2) Estilos especificos
    -2.1 Estilos quienes somos
*
*
*/


/*Estilos prisa*/


/*familia tipografica*/

@font-face {
    font-family: 'neo_sans_probold';
    src: url('fuentes/neosansprobold-webfont.woff2') format('woff2'), url('fuentes/neosansprobold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neo_sans_prolight';
    src: url('fuentes/neosansprolight-webfont.woff2') format('woff2'), url('fuentes/neosansprolight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neo_sans_promedium';
    src: url('fuentes/neosanspromedium-webfont.woff2') format('woff2'), url('fuentes/neosanspromedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neo_sans_proregular';
    src: url('fuentes/neosansproregular-webfont.woff2') format('woff2'), url('fuentes/neosansproregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neo_sans_proultra';
    src: url('fuentes/neosansproultra-webfont.woff2') format('woff2'), url('fuentes/neosansproultra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*tipografía*/


/* 1) estilos generales*/

body {
    font-family: 'neo_sans_proregular';
}

.post,
.page {
    margin: 0em;
}


/*1.1 enlaces del sitio*/

a:visited {
    color: #707070;
    text-decoration: none;
}

a:focus {
    color: #707070;
    text-decoration: none;
}

a:active {
    color: #707070;
    text-decoration: none;
}


/*1.2 estilos para fondos del sitio*/

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-wide {
    background-size: 100%;
}


/*1.3 botones del sitio*/

.boton-block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background-color: #fff;
    padding: .5rem;
    border-radius: 5px;
    color: #707070;
    text-decoration: none;
}

.boton-generico {
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*1.4 colores*/

.bg-grey {
    background-color: #F8F8F8;
}

.bg-cliente {
    background-color: #dc1370;
    color: #fff;
}


/*2) Estilos especificos*/


/*2.1 Estilos quienes somos*/

.titulo-block {
    margin-top: 1.5rem;
    font-family: 'neo_sans_promedium';
    font-weight: normal;
    font-style: normal;
}

#quienes-somos .int-titulo-block {
    color: #fff;
}

#quienes-somos .int-parrafo-block {
    color: #fff;
}

.altura-int-block {
    height: 360px;
    background-position: top center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 2rem;
}


/*estilos área comercial*/

.contenedor-block-int {
    margin: 0px;
}

.contenedor-block-int a {
    text-decoration: none;
}

.int-block.area-comercial {
    min-height: 340px;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.bloque-int {
    height: 150px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
}


/*audiencia home*/

.block-audiencia {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 63vh;
    overflow: hidden;
    border-radius: 10px;
}

.block-audiencia img {
    width: 100%;
    position: absolute;
    z-index: 0;
}

.block-audiencia figcaption {
    width: 100%;
    position: absolute;
    z-index: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-audiencia figcaption p {
    color: #fff;
    z-index: 1;
    font-size: 1.6rem;
}

.block-audiencia figcaption:after {
    content: '';
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(136, 0, 73, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(136, 0, 73, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(136, 0, 73, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#880049", GradientType=1);
    display: block;
    height: 100%;
    width: 100%;
    z-index: 0;
    position: absolute;
}


/*estilos paginas interiores*/

.page-header {
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-size: cover;
  }


/*área comercial*/
.tarjetas-comercial {
    overflow: hidden;
    border-radius: 20px;
  }


  /*estilos imagenes sitio*/

  .border-radius-prisa {
    overflow: hidden;
    border-radius: 20px;
  }


@media (min-width:300px) and (max-width:990px){

	.int-block.area-comercial {
	  min-height: auto;
	  background-repeat: no-repeat;
	  background-size: cover;
	  justify-content: center;
	  align-items: center;
	  background-image: none !important;
	  background-color: #252525;
	  margin: 0px;
	  border-radius: 10px;
	  padding: 1.2rem .2rem;
	}	
	.sub-menu {
	  list-style: none;
	}
	
	.imagendel-menu img {
	  width: auto;
	  height: 60px;
	}	

}

a.titulo-hover{
	text-decoration:none;
}

a.titulo-hover:hover h4{
    color:#d30071!important;  
}