html, body , .container {
  height: 100%;
  margin: 0;
}
img{
  width: 100%;
  height: 100%;
  object-fit:contain ;  
}

/* desktop */
@media only screen and (min-width: 800px) {
  .container{
    /* background-color: aqua; */
      display: grid;
      grid-template-columns: 40% 60%;  
      grid-template-rows: 20% 50% 20% 10%; 
      gap: 0% 0%;
      grid-auto-flow: row;
      grid-template-areas:
        "section1 section1"
        "section3 section2"
        "section4 section5"
        "section6 section6";
        padding-left: 30px;
        padding-right: 30px;
        /* margin: 30px; */
    }    
    .section1 { grid-area: section1; }
    
    .section2 { grid-area: section2; }
    
    .section3 { grid-area: section3; }
    
    .section4 { grid-area: section4; }
    
    .section5 { grid-area: section5; }
    
    .section6 { grid-area: section6; }

    /* ajuste para desktop dsit */
    #dsit{
      height: 60%;
      width: 70%;
      align-items: center;
      display: flex;
      justify-content: center;
      height: 100%;
      padding-left: 110px;
      padding-top: 20px;
    }        
  }

.section1{  
  font-size: 1.5vw;
  text-shadow: black 0 -1px;
  font-family: "Dax", Sans-serif;
  
  /* text-align: center; */
  /* text-transform: uppercase; */
}
.section3{
  /* margin-top: 10px; */
  font-size: 3vw;
  text-shadow: black 0 -1px;
  font-family: "Dax", Sans-serif;  
  /* background-color: antiquewhite; */
  /* text-transform: uppercase;  */
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
}

.section4{
  margin-top: 30px;
}

.section6{
  font-size: 1vw;
  /* text-shadow: black 0 -1px; */
  text-align: center;
  font-family: "Dax", Sans-serif;  
  /* background-color: antiquewhite; */
  text-transform: uppercase; 
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
}
/* mobile */
@media only screen and (max-width: 800px) {
  .container {  display: grid;    
    grid-template-rows: 10% 40% 20% 20% 10% ;
    grid-template-areas:
      "section1 section1"
      "section2 section2"
      "section3 section3"
      "section4 section5"
      "section6 section6";
      /* grid-gap: 0.2rem; */
      /* font-weight: 800; */
      /* text-transform: uppercase;      */      
      color: black;
      /* text-align: center; */
      padding: 1px;
      margin: 2px;
  }
  .section1 { grid-area: section1; }
  
  .section2 { grid-area: section2; }
  
  .section3 { grid-area: section3; }
  
  .section4 { grid-area: section4; }
  
  .section5 { grid-area: section5; }
  
  .section6 { grid-area: section6; }

  .section1{
    font-size: 3vw;
    text-shadow: black 0 -1px;
    font-family: "Dax", Sans-serif;
    text-align: center;
  }
  .section3{
    font-size: 4.5vw;  
    font-family: "Dax", Sans-serif; 
  }
  .section6{
    font-size: 3vw;
  }  
}
/* 
 DEBUG GRID solo para visualizar no requerido */

/* .container * {
  border: 1px solid rgb(0, 0, 0);
  position: relative; 
}

.container *:after {
  content:attr(class);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
}  */


/* animacion */

#senecaContacto{
     
  /* box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); */
transform: scale(1); 
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
  transform: scale(0.95);
  /* box-shadow: 0 0 0 0 rgb(238, 255, 0); */
}
/*  */
70% {
  transform: scale(1);
  /* box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); */
}

100% {
  transform: scale(0.95);
  /* box-shadow: 0 0 0 0 rgba(253, 0, 0, 0); */
}
}