* {
  box-sizing: border-box;
}


.bodyboxencuadredos {
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.boxencuadredos {
  position: relative;
    min-height: 100%;
    max-width: 100%;
    border: solid 0.2rem #ffffff;
    border-top: none;
    font-family: 'Indivisa Text Sans Light';
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.boxencuadredos::before,
.boxencuadredos::after {
  content: "";
    position: absolute;
    height: 0.2rem;
    width: 15%;
    background: #fff;
}

.boxencuadredos::before {
  left: 0;
}

.boxencuadredos::after {
  right: 0;
  top: 0;
}

.boxencuadredos h1 {
  position: relative;
  top:  -.8rem;
  margin: 0;
}

.boxencuadredos p {
  margin: 1rem auto;
  /* width: 80%; */
}

.boxencuadredos a {
  /* position: relative; */
    /* z-index: 3; */
    /* display: inline-block; */
    /* vertical-align: middle; */
    /* margin-top: 1.5rem; */
    /* padding: 6% 7%; */
    /* background: #0c336e; */
    /* font-size: 1.2rem; */
    /* font-weight: 300; */
    /* text-decoration: none; */
    color: white;
    transition: all .2s ease-in-out;
}

.boxencuadredos a::before {
  position: absolute;
  z-index: -1;
  content: '';
  width: 100%;
  height: 0;
      
  bottom: 0;
  left: 0;
  transition: height .2s ease-in-out;
}

.boxencuadredos a:hover::before {
  height: 100%;
  color: #fff;
}
.boxencuadredos a:hover {
  color: #fff;
}

@media (max-width: 800px) {
  html {
    font-size: 80%;
  }
  .boxencuadredos {
height: auto;  }
  .boxencuadredos a {
    padding: 1rem 5rem;
    margin: 1rem auto 2rem;
/*    margin-top: 0;
*/  }
}





/*MÓVIL*/



.bodyboxencuadredosmobile {
  display: flex;
  align-items: center;
  justify-content: center;
  background: mistyrose;
}

.boxencuadredosmobile {
      position: relative;
    min-height: 197em;
    width: 100%;
    max-width: 100%;
    border: solid 0.2rem #0c336e;
    border-top: none;
    font-family: 'Indivisa Text Sans Light';
    letter-spacing: 1px;
    color: #0c336e;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
}

.boxencuadredosmobile::before,
.boxencuadredosmobile::after {
  content: "";
    position: absolute;
    height: 0.5rem;
    width: 15%;
    background: #0c336e;
}

.boxencuadredosmobile::before {
  left: 0;
}

.boxencuadredosmobile::after {
  right: 0;
  top: 0;
}

.boxencuadredosmobile h1 {
  position: relative;
  top:  -.8rem;
  margin: 0;
}

.boxencuadredosmobile p {
  margin: 1rem auto;
  width: 80%;
}

.boxencuadredosmobile a {
  position: relative;
    z-index: 3;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1.5rem;
    padding: 6% 7%;
    background: #0c336e;
    font-size: 1.2rem;
    font-weight: 300;
    text-decoration: none;
    color: white;
    transition: all .2s ease-in-out;
}

.boxencuadredosmobile a::before {
  position: absolute;
  z-index: -1;
  content: '';
  width: 100%;
  height: 0;
  background: white;
  bottom: 0;
  left: 0;
  transition: height .2s ease-in-out;
}

.boxencuadredosmobile a:hover::before {
  height: 100%;
}
.boxencuadredosmobile a:hover {
  color: #333;
}

@media (max-width: 800px) {
  html {
    font-size: 80%;
  }
  .boxencuadredosmobile {
height: auto;  }
  .boxencuadre a {
    padding: 1rem 5rem;
    margin: 1rem auto 2rem;
/*    margin-top: 0;
*/  }
}