html{
  touch-action: none; 
  -ms-touch-action: none;
  -webkit-touch-callout: none; 
  -webkit-text-size-adjust: none; 
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none; 
   text-size-adjust: none;
   zoom: 1; 
}

/*...........FUENTES.........*/
@font-face{
  font-family: 'montserrat';
  src: url('../font/Montserrat-ExtraBold.woff') format("woff");
  }
 
@font-face {
    font-family: 'roboto-Bold';
    src: url('../font/Roboto-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: bold;
}
@font-face {
    font-family: 'Dax-Bold';
    src: url('../font/Dax-Bold.otf') format('opentype');  
}
h1 {
  font-family: 'roboto-Bold';
  text-shadow: 3px 3px 6px #333333;
  font-size: 1.8rem;
  line-height: 1;
  padding-left: 2rem; 
  /*font-weight: 900;
  font-style: bold;*/
}

b{
  font-weight: bolder;
}
/*...........ESTILOS GENERALES.........*/
html, body {
  width: 1000px;
  height: 1650px;
  background-color: black;
}
/*...........CONTENEDOR GENERAL.........*/
.menuDisplay {  
  display: grid;
  grid-template-columns: 49% 49%;
  grid-template-rows: 14% 14% 14% 29% 29%;
  grid-auto-flow: row;
  justify-content: stretch;
  align-content: stretch;
  justify-items: stretch;
  align-items: stretch;
  grid-template-areas:
    "comercio viveiros"/*areas por fila*/
    "edusi novedades"
    "europe novedades"
    "agenda agenda"
    "agenda agenda";
  width: 100%;
  height: 100%;
  margin: 2rem  0 0 0rem;
  padding: 1rem 0 0 1.5rem;
}
/*...........TODO LO QUE HAY DENTRO DEL CONTENEDOR PRINCIPAL.........*/
.menuDisplay * {
  position: relative;
  color: white;
  border-radius: 1rem;
}
/*...............CARACTERÍSTICAS AL PASAR POR ENCIMA...............*/
.menuDisplay *:hover{

   filter: saturate(200%);
}
/*TAMAÑO DE LOS CONTENEDORES*/
.menuDisplay *:after {
  /*content:attr(class);*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
}
/*..................CONTENEDORES TÍTULOS...........*/
.titulo{
  display: inline-flex;
  width: 100%;
  height: 100%;
  margin-top: 17rem;
}
.titulo2{
  display: inline-flex;
  width: 100%;
  height: 100%;
  margin-top: 1rem;
}

/*..................ICONOS...........*/
.material-symbols-outlined {
   font-variation-settings:
   'FILL' 0,
   'wght' 500,
   'GRAD' 0,
   'opsz' 40
}
.icono{
   display: flex;
   justify-content: flex-end;
   margin: 1.5rem 1.5rem 0 0;
   text-shadow: 2px 2px 8px #333333;
}

/*..................IMAGEN DEL LOGO...........*/
a img{
   height: 200px;
}
/*..................ENLACES...........*/
a{
   text-decoration: none;
}
/*..................GRID ÁREA...........*/

.comercio { grid-area: comercio; }/*nombre de las áreas*/
.rotulo { grid-area: rotulo; }
.viveiros { grid-area: viveiros; }
.europe { grid-area: europe; }
.novedades { grid-area: novedades; }
.agenda { grid-area: agenda; }
.edusi { grid-area: edusi; }



/*............CARACTERÍSTICAS DE LAS ÁREAS O CONTENIDOS PARTICULARES...........*/
 .comercio{
  background-image: url("../img/comercio.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 1rem 1rem 0 ;
 }
 .viveiros{
  background-image: url("../img/cei-nodus.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0 1rem 0;
 }
  .edusi{
  background-image: url("../img/edusi2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 1rem 1rem 0 ;
 }

 .europe{
  background-image: url("../img/europe.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 1rem 1rem 0;
 }


.novedades{
  background-image: url("../img/caudal.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 0 1rem 0;
}
/*.rotulo{
  font-size: 2.5rem;
  color: white;
  margin: 1rem 1rem 1rem 1rem;
  text-align: center;
  font-family: 'Dax-Bold';
}*/
/*IFRAME*/
.agenda{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 1rem 0;
}
iframe {
  margin-top: 3rem;
  width: 100%;
  height: 100%;

  overflow-y: scroll;


    background-color: black;
    border: 0px none transparent;
    padding: 0px;


}
iframe::-webkit-scrollbar {
  display: none;
}