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% 60% 10% 10%;
      gap: 0% 0%;
      grid-auto-flow: row;
      grid-template-areas:
        "section1 section1"
        "section3 section2"
        "section5 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.3vw;
  text-shadow: black 0 -1px;
  font-family: "Lato", Sans-serif;

  /* text-align: center; */
  /* text-transform: uppercase; */
}
.section3{
  /* margin-top: 10px; */
  font-size: 23px;
  text-shadow: black 0 -1px;
  font-family: "Lato", Sans-serif;
  /* background-color: antiquewhite; */
  /* text-transform: uppercase;  */
  align-items: center;
  display: flex;
  justify-content: center;
  height: 90%;
  margin-left: 28px;
}
#contenedor a {
    color: blue; /* Cambia el color del enlace */
    text-decoration: none; /* Quita el subrayado */
}
#contenedor a:hover {
    color: rgb(29, 194, 79); /* Cambia el color del enlace cuando el mouse está sobre él */
}


.section4{
  margin-top: 30px;
}

.section6{
  font-size: 7px;
  /* text-shadow: black 0 -1px; */
  text-align: center;
  font-family: "Lato", Sans-serif;
  /* background-color: antiquewhite; */
  text-transform: uppercase;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 170%;
  margin-left: 10px;
}
/* mobile */
@media only screen and (max-width: 800px) {
  .container {  display: grid;
    grid-template-rows: 10% 40% 30% 10% 10% ;
    grid-template-areas:
      "section1 section1"
      "section2 section2"
      "section3 section3"
      "section5 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: 2.3vw;
    text-shadow: black 0 -1px;
    font-family: "Lato", Sans-serif;
    text-align: center;

  }
  .section3{
    font-size: 4.0vw;
    font-family: "Lato", Sans-serif;
  }
  .section6{
    font-size: 15px;
  }
}
/*
 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); */
}
}