/*-----------------GENERAL1-----------------*/
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  /*-webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);*/
  font-size: 16px;
}::-webkit-scrollbar {
  width: 12px;
  background-color: rgb(10, 10, 10);
}::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}::-webkit-scrollbar-thumb {
  background-color: rgb(236, 231, 81);
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
/*PANTALLA 1*/
#detail {
  color: rgb(15, 15, 15);
  font-weight: 800;
  font-size: 1.2rem;
}#letras_barra {
  margin: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-stretch: wider;
  color: white;
  font-size: 1rem;
}#barra {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 11.5vh;
  width: 100%;
  align-items: center;
  background-color: rgb(236, 231, 81);
}#barra h1 {
  padding-left: 2.5rem;
}nav>a {
  padding-right: 2.5rem;
  overflow: hidden;
  background: linear-gradient(to right,
      rgb(7, 7, 7),
      rgb(7, 7, 7) 50%,
      rgb(255, 255, 255) 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: background-position 1s ease;
  text-decoration: none;
  font-weight: 900;
  font-stretch: expanded;
}nav>a:hover {
  background-position: 0 100%;
}#inicio {
  background: linear-gradient(rgba(2, 1, 1, 0), rgba(209, 19, 19, 0)),
    url(./imgs/fondos/primera/seccionuno.jpg) no-repeat center/cover;
  background-attachment: fixed;
}#contenedor_partes {
  width: 81%;
  height: 71.5vh;
  margin: auto;
  display: flex;
  flex-direction: row;
}.parte {
  box-sizing: border-box;
  display: flex;
  align-content: center;
  width: 50%;
  text-transform: uppercase;
  align-content: center;
  color: rgb(236, 231, 81);
}.parte p {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 3.3rem;
  font-weight: 700;
}#contenedor_contenedor_bajo {
  width: 100%;
  height: 17vh;
  background-color: rgb(236, 231, 81);
  display: flex;
  flex-direction: row;
  justify-content: center;
}.area_boton {
  width: 40%;
  display: flex;
  flex-direction: row;
}@-webkit-keyframes socialbtn {
  15% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }

  30% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  50% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }

  65% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}@keyframes socialbtn {
  15% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }

  30% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  50% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }

  65% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}.socialbtn {
  -webkit-animation: socialbtn 4s ease;
  animation: socialbtn 1.3s ease;
  -webkit-animation-iteration-count: 4;
  animation-iteration-count: infinite;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}#btnizq {
  justify-content: center;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}#btnder {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  display: flex;
  align-content: center;
  text-decoration: none;
}.btnira {
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
  font-stretch: wider;
  text-decoration: none;
  color: rgb(15, 15, 15);
}.link_animado_uno {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  color: black;
}.link_animado {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  color: black;
}.link_animado>*:hover {
  color: rgb(250, 250, 250);
  font-stretch: wider;
  text-shadow: 3px 3px 1px rgb(87, 87, 87);
  transition: 500ms;
}.link_animado:first-of-type {
  animation: showup 5s infinite;
}.link_animado:last-of-type {
  width: 0px;
  animation: reveal 5s infinite;
}.link_animado:last-of-type span {
  margin: auto;
  animation: slidein 5s infinite;
}@keyframes showup {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}@keyframes slidein {
  0% {
    margin-left: -800px;
  }

  20% {
    margin-left: -800px;
  }

  35% {
    margin-left: 0px;
  }

  100% {
    margin-left: 0px;
  }
}@keyframes reveal {
  0% {
    opacity: 0;
    width: 0px;
  }

  20% {
    opacity: 1;
    width: 0px;
  }

  30% {
    width: auto;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    width: auto;
  }
}
/*-------PATALLA DOS-----*/
#ingenieria {
  display: flex;
  flex-direction: column;
  background: rgb(236, 231, 81);
}#grupo-uno_inge {
  display: flex;
  flex-direction: row;
  width: 80%;
  margin: auto;
  height: 21vh;
}#titulo-pantalla {
  width: 50%;
  font-size: 2.046rem;
  color: rgb(30, 30, 30);
}#texto_titulo {
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 700;
  text-align: justify;
  color: rgb(30, 30, 30);
}#encerrona {
  width: 100%;
  height: 58vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: linear-gradient(rgba(0, 0, 0, 0.799), rgba(0, 0, 0, 0.799)),
    url(./imgs/fondos/segunda/ingenieria02.jpg) no-repeat center/cover;
  background-attachment: fixed;
  color: rgb(255, 255, 255);
  box-sizing: border-box;
}.partes_ing_encerrona {
  width: 40%;
  height: 100%;
  margin: 0;
}#parte_uno {
  text-align: justify;
  padding: 0 25px;
  box-sizing: border-box;
}#parte_uno h4 {
  text-align: start;
}#parte_dos {
  display: flex;
  justify-content: center;
}details {
  width: 90%;
  height: 95%;
  margin: auto auto;
}details[open] summary~* {
  animation: open 0.3s ease-in-out;
}@keyframes open {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}details summary::-webkit-details-marker {
  display: none;
}details summary {
  width: 90%;
  position: relative;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 600;
  list-style: none;
  margin: 0 auto;
  color: rgb(255, 255, 255);
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 2px solid rgb(255, 231, 10);
  border-top: 2px solid rgb(255, 231, 10);
}details summary:after {
  content: "Conoce más...";
  color: rgb(236, 231, 81);
  position: absolute;
  font-size: .75rem;
  line-height: 0;
  margin-top: 0.75rem;
  right: 0;
  font-weight: 900;
  transform-origin: center;
  transition: 200ms linear;
}details[open] summary:after {
  transform: rotate(-90deg);
  font-size: 0.35rem;
}details summary {
  outline: 0;
}details li {
  font-size: .9rem;
  margin: 0;
  padding: 0;
  color: rgb(236, 231, 81);
}#parte_uno_dos {
  color: rgb(255, 255, 255);
  width: 40%;
  font-size: 1.756rem;
  text-shadow: 3px 2px rgb(100, 100, 110);
  margin-top: auto;
  margin-bottom: auto;
}#parte_dos_dos {
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  align-content: flex-end;
  width: 40%;
  margin-top: auto;
  margin-bottom: auto;
}
/*----------TERCER PANTALLA-----------*/
#pruebas {
  background: linear-gradient(rgba(5, 5, 5, 0.3), rgba(7, 0, 0, 0.5)),
    url(./imgs/fondos/tercera/pruebas02.jpg) no-repeat center/cover;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  color: white;
}#grupo_pruebas {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 58vh;
}.parte_pruebas {
  font-size: 1.275rem;
  font-weight: 400;
  text-align: justify;
  width: 30%;
  height: 100%;
  margin: auto;
  box-sizing: border-box;
  padding: 5px 15px;
  display: flex;
  flex-direction: column;
}.parte_pruebas h4 {
  margin: 0;
  padding: 0;
  color: rgb(236, 231, 81);
  font-weight: 800;
  border-bottom: 2px solid rgb(255, 236, 10);
}.parte_pruebas li {
  font-size: .925rem;
  color: rgb(236, 231, 81);
  margin: 0;
  padding: 0;
  border-bottom: 2px solid white;
  font-weight: 600;
}#pruebas-text-dos p {
  margin-bottom: auto;
}#note-pruebas {
  box-sizing: border-box;
  border-top: 2px solid rgb(255, 236, 10);
  margin-bottom: 0;
  width: 100%;
  font-size: .8rem;
  padding-top: 0;
  font-weight: 200;
  color: white;
  text-decoration: none;
}.position-screen {
  color: rgb(236, 231, 81);
  text-decoration: none;
  font-weight: 400;
  text-transform: uppercase;
}#slider_contenedor {
  height: 18.75rem;
  width: 18.75rem;
  position: relative;
  overflow: hidden;
  margin: auto;
}.miSlider_fade {
  animation-name: fade;
  animation-duration: .2s;
}@keyframes fade {
  from {
    opacity: .0
  }

  to {
    opacity: 1
  }
}.miSlider_fade img {
  height: 18.75rem;
  width: 18.75rem;
  object-fit: cover;
  vertical-align: top;
  transition: 3s;
}.direcciones {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 50px;
}.direcciones a {
  color: white;
  display: inline-block;
  padding: 20px;
  text-decoration: none;
}.direcciones a:hover {
  color: rgb(236, 231, 81);
  background-color: rgba(0, 0, 0, 0.2);
  transition: 0.5s;
  text-decoration: 2px;
}#barras {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: none;
  justify-content: center;
  margin-bottom: 15px;
}.barra {
  cursor: pointer;
  height: 2px;
  width: 20px;
  margin: 0 2px;
  background: rgb(255, 255, 81);
  display: inline-block;
  margin-left: 3px;
}.active {
  background-color: black;
}
/* PANTALLA ACEITES */
#t_aceites {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}#t_aceites>h2 {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}.conteiner_section {
  height: 58vh;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.799), rgba(0, 0, 0, 0.799)),
    url(./imgs/fondos/septima_aceites/fondo2.jpg) no-repeat center/cover;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}.aux_caj_text_aceit {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 80%;
  width: 100%;
}.caj_niet_aceit {
  width: 46%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
  box-sizing: border-box;
}.aceites_part {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: auto;
  border-left: 2px solid rgb(236, 231, 81);
  color: white;
}.aceites_part>p {
  padding-left: .8em;
  box-sizing: border-box;
}#foto_aceite {
  background-image: url(./imgs/fondos/septima_aceites/fondo1.jpg);
  background-size: cover;
  background-position: center;
}
/*-------------Pantalla construccion------------------*/
#construccion {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(rgba(7, 7, 7, 0.55), rgba(7, 7, 7, 0.55)),
    url(./imgs/fondos/septima/constru.jpg) no-repeat center/cover;
  background-attachment: fixed;
}#contenedor-construccion {
  height: 58vh;
  width: 80%;
  margin: 0 auto;
  font-size: 1rem;
  color: aliceblue;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}#contenedor-construccion h3 {
  color: rgb(236, 231, 81);
}#contenedor_servicios_construccion {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}.parte_servicios_contruccion {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: auto;
  margin: 0;
  color: white;
  text-align: end;
}#descripcion-construccion {
  display: flex;
  font-size: 2rem;
  flex-direction: column;
}#descripcion-construccion>#note-pruebas {
  text-align: start;
}.parte_servicios_contruccion * {
  margin: 0;
  padding: 0 20px;
}#list_li {
  margin-top: auto;
  display: flex;
}#encierro-li {
  width: auto;
}#encierro-li li {
  border-bottom: 2px solid rgb(236, 231, 81);
  font-weight: 500;
}#nota_construccion {
  width: 100%;
  height: auto;
  margin: 0;
  box-sizing: border-box;
  font-size: 0.7rem;
  text-align: center;
  text-decoration: none;
  border-top: 2px solid rgb(255, 236, 10);
  font-size: .8rem;
  padding: 0;
}
/*--------------PANTALLA CUATRO-----------------*/
#nosotros {
  background: linear-gradient(rgba(7, 7, 7, 0.55), rgba(7, 7, 7, 0.55)),
    url(./imgs/fondos/cuarta/cuarta.jpg) no-repeat center/cover;
  background-attachment: fixed;
  color: rgb(220, 220, 220);
  font-stretch: wider;
  display: flex;
  flex-direction: column;
}#contenedor_contenido_nos {
  margin: 0;
  width: 100%;
  height: 58vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}#info-nosotros {
  width: 80%;
  height: auto;
  font-size: 1rem;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: auto;
  text-align: center;
}#info-nosotros * {
  margin: 0;
  padding: 0;
}#contenedor_linea {
  width: 80%;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 15vh 15vh;
  margin: auto;
  padding: 0;
  color: rgb(255, 255, 255);
}.cuadro-temporal * {
  margin: 0;
  padding: 0;
}.cuadro-temporal {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  width: 100%;
  height: auto;
  text-align: center;
  transition: 1s;
  font-size: 0.76rem;
  border-radius: 60px;
}.cuadro-temporal h5 {
  color: rgb(236, 231, 81);
  font-size: 1.3rem;
}.cuadro-temporal:hover {
  transform: scale(1.2);
  background-color: rgba(0, 0, 0, 0.9);
  font-size: 0.8rem;
  color: rgb(255, 255, 255);
}.detalle_dos {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgb(255, 255, 255);
}#unique-temporal {
  height: auto;
  width: 80%;
  text-align: center;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}.actual {
  color: rgb(236, 231, 81);
  margin: 0;
  padding: 0;
  font-size: 1rem;
}#actual-info {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: normal;
  color: white;
}
/* PANTALLA DE FORMULARIOS EN LANDING */
#formulario-de-contacto {
  background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .80)),
    url(./imgs/fondos/quinta/contacto.JPG) no-repeat center/cover;
  background-attachment: fixed;
  color: white;
  display: flex;
  flex-direction: column;
  height: auto;
}#contenedor-de-form_A {
  height: auto;
  display: flex;
  flex-direction: column;
}#caja_contacto_gral{
  display: flex;
  flex-direction: row;
}.clase_contacto{
  width: 50%;
  height:auto;
}#aux_para_border{
  border-right: 1px solid rgb(255, 231, 10);
}.titulo_para_que{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.titulo_para_que > h2{
  font-size: 2rem;
  color: rgb(255, 231, 10);
}.titulo_para_que > h3{
  font-size: 1.5rem;
}.titulo_para_que *{
  width: 90%;
  height: auto;
  box-sizing: border-box;
  text-align: center;
}.justificacion_de_clase > p{
  margin: 0 auto;  
}#conteiner_section_a_forms {
  height: auto;
  width: 100%;
  background-color: transparent;
  display: flex;
  flex-direction: row;
}.section_container{
  display: flex;
  width: 45%;
  height: 100%;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: auto;
}.link_a_form{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-weight: bolder;
  color: /*rgb(255, 231, 10)*/ white;
  transition: .2s linear;
  background-color: rgb(6, 6, 6);
  border-radius: 10px;
  border: 1px solid rgb(255, 231, 10);
}.link_a_form:hover {
  box-sizing: border-box;
  width: 100%;
  text-decoration: none;
  background-color: rgb(255, 231, 10);
  color: black;
  border: 1px solid white;
  transition: .2s linear;
}.parpadea{
  animation-name: parpadeo;
  animation-duration:1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}@-moz-keyframes parpadeo{
  0% {opacity: 1.0;}
  50% {opacity: 0.0;}
  100% {opacity: 1.0;}
}@-webkit-keyframes parpadeo{
  0% {opacity: 1.0;}
  50% {opacity: 0.0;}
  100% {opacity: 1.0;}
}@keyframes parpadeo{
  0% {opacity: 1.0;}
  50% {opacity: 0.0;}
  100% {opacity: 1.0;}
}.Iam {
  display: inline-block;
  flex-direction: column;
  overflow: hidden;
  height: auto;
  width: 100%;
  margin: 0;
  position: relative;
}.Iam h2 {
  position: relative;
  text-align: center;
}.Iam p {
  text-align: center;
}.Iam b {
  float: left;
  position: relative;
  width: -400%;
}.linea {
  width: 100vw;
  height: auto;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}.linea>p {
  width: auto;
  margin: 0;
  padding: 0;
}.Iam .innerIam {
  font-family: "Bebas Neue", cursive;
  letter-spacing: 5px;
  font-size: 2.3rem;
  margin: 0;
  width: 400%;
  display: flex;
  flex-direction: row;
  color: rgb(255, 231, 10);
  position: relative;
  right: 0;
  /*animación*/
  -webkit-animation: move 10s;
  -moz-animation: move 10s;
  -ms-animation: move 10s;
  -o-animation: move 10s;
  animation: move 10s;
  /*animation-iteration-count*/
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  /*animation-delay*/
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -ms-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}@keyframes move {
  0% {
    left: 0%;
  }

  20% {
    left: -20%;
  }

  40% {
    left: -40%;
  }

  60% {
    left: -60%;
  }

  80% {
    left: -80%;
  }
}@-webkit-keyframes move {
  0% {
    left: 0%;
  }

  20% {
    left: -20%;
  }

  40% {
    left: -40%;
  }

  60% {
    left: -60%;
  }

  80% {
    left: -80%;
  }
}@-moz-keyframes move {
  0% {
    left: 0%;
  }

  20% {
    left: -20%;
  }

  40% {
    left: -40%;
  }

  60% {
    left: -60%;
  }

  80% {
    left: -80%;
  }
}@-o-keyframes move {
  0% {
    left: 0%;
  }

  20% {
    left: -20%;
  }

  40% {
    left: -40%;
  }

  60% {
    left: -60%;
  }

  80% {
    left: -80%;
  }
}@keyframes move {
  0% {
    left: 0%;
  }

  20% {
    left: -100%;
  }

  40% {
    left: -200%;
  }

  60% {
    left: -300%;
  }

  80% {
    left: 0%;
  }
}#contacto_bruto{
  width: 100%;
  margin: auto 0;
  display: flex;
  flex-direction: column;
  color: rgb(236, 231, 81);
  justify-content: center;
  align-items: center;
}#contacto_bruto > p{
  width: 100%;
  color: white;
  font-weight: bold;
  text-align: center;
}#rect_list_contact{
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
}#rect_list_contact > div{
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}.icono_contacto_bruto{
  width: 32px;
  height: 32px;
}.direct_a > *{
  font-weight: bolder;
  color: rgb(255, 231, 10);
}
/*PANTALLA OCHO (QUITAR)
#formulario-de-bolsa {
  background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
    url(./imgs/fondos/sexta/pruebas03.jpg) no-repeat center/cover;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  color: white;
}#formulario-de-bolsa section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 58vh;
  text-align: center;
}#formulario-de-bolsa section .content {
  max-width: 100%;
  text-align: start;
}#formulario-de-bolsa section .content>p {
  max-width: 90%;
  text-align: start;
  margin: 0 auto;
}
 MODAL LEGAL  VAR COSNTANTE DOM JAVASCRIPT (MOVER AL FINAL) */ 
.modal_legal{
  z-index: 150;
  height: auto;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(20, 20, 20);
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: 1s;
  color: white;
  font-family: 'Assistant', sans-serif;
  font-size: 1rem;
}.contenido_modal {
  width: 94%;
  height: 94vh;
  overflow: auto;
  background-color: rgb(5, 5, 5);
  margin: auto;
  display: flex;
  flex-direction: column;
}.modalTexto {
  width: 96%;
  text-align: justify;
  margin: 0 auto;
}.subtitulo {
  width: 86%;
  margin: 0 auto;
}.clausula {
  width: 100%;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
}.contenidoClausula {
  width: 100%;
  margin: 0 auto;
}.tituloContenidoClausula {
  width: 86%;
  margin: 0 auto;
  border-bottom: 2px solid yellow;
}.contenidoPrincipalClausula>ul {
  width: 92%;
  margin: 0 auto;
  box-sizing: border-box;
}.contenidoPrincipalClausula ul>li {
  margin: 4px 0;
}.apartadosLetras {
  color: rgb(236, 231, 81);
}.cajaPrincipalClausula {
  width: 80%;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  border: 1px solid white;
  border-radius: 10px;
}.cajaContenedora {
  width: 50%;
  border: 1px solid white;
}.cajaClausula {
  border-bottom: 1px solid white;
  min-height: 235px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}#enlace_legal{
  text-decoration: none;
  color: rgb(236, 231, 81);
}.modal-show{
  opacity: 1;
  pointer-events: unset;
  display: flex;
  flex-direction: column;
}#cerrarAvisoLegal{
  width: 90%;
  height: auto;
  background-color: rgb(236, 231, 81);
  color: rgb(15, 15, 15);
  font-weight: bolder;
  font-size: 1.3rem;
  margin: 0 auto;
  text-align: center;
}
/*--(QUITAR) CONTACTO PAGE--
#conteiner {
  width: 100%;
  height: auto;
  background-color: rgb(10, 10, 10);
  background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
    url(./imgs/fondos/negocios/contacto.jpg) no-repeat center/cover;
  background-attachment: fixed;
  display: block;
  color: white;
  position: absolute;
}#contenedor_contenido_contacto {
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column-reverse;
}.partes_contact {
  width: 100%;
  padding: 0;
}#area-contacto-izquierda {
  width: 25%;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 10px auto;
}input[type="text"],
select {
  width: 90%;
  padding: 5px 20px;
  margin: 8px auto;
  display: flex;
  border: 2px solid rgb(236, 231, 81);
  box-sizing: border-box;
}input[type="tel"] {
  width: 90%;
  padding: 5px 20px;
  margin: 8px auto;
  display: flex;
  border: 2px solid rgb(236, 231, 81);
  box-sizing: border-box;
}textarea[name="mensaje"] {
  width: 90%;
  padding: 5px 20px;
  margin: 8px auto;
  display: flex;
  border: 2px solid rgb(236, 231, 81);
  border-radius: 6px;
  box-sizing: border-box;
  max-width: 90%;
  min-width: 90%;
  max-height: 90px;
  min-height: 80px;
}button[type="submit"] {
  width: 20%;
  padding: 5px 20px;
  margin: 8px auto;
  display: flow-root;
  border: 2px solid rgb(7, 7, 7);
  border-radius: 50px;
  box-sizing: border-box;
  background-color: rgb(236, 231, 81);
  font-weight: 900;
  cursor: pointer;
}button[type="submit"]:hover {
  background-color: rgb(7, 7, 7);
  color: white;
  border: 2px solid white;
}.espacios {
  width: 100%;
  color: rgb(255, 255, 255);
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}#area-contacto-derecha {
  width: 90%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  padding-bottom: 2rem;
  text-align: justify;
  font-weight: 300;
  font-size: 1.1rem;
  border-bottom: 2px solid rgb(236, 231, 81);
}#area-contacto-derecha * {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}#area-contacto-derecha a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 900;
  color: rgb(236, 231, 81);
}#area-contacto-derecha h3,
h4 {
  text-align: center;
  color: rgb(236, 231, 81);
}
-----------VACANTES ( QUITAR ))
#contenedor-pantalla-vacantes {
  background-color: rgb(100, 100, 100);
}#contenido-vacantes {
  width: 50%;
  margin: auto;
  height: 79vh;
  display: flex;
  flex-direction: column;
}#info-vacantes {
  text-align: center;
}#info-vacantes * {
  margin: 0;
  padding: 0;
}#form-vaca {
  text-align: center;
  border: 1px solid yellow;
}
------------------------ GENERAL ----------------------*/
.contenedor_pantalla {
  height: 100vh;
  width: 100%;
}.titulo {
  width: 100%;
  height: 21vh;
  text-align: center;
  font-size: 2.046em;
  color: rgb(0, 1, 0);
  background-color: rgb(236, 231, 81);
  border-bottom: 2px solid rgb(25, 25, 25);
}.btnmov {
  text-decoration: none;
}button>.mov {
  background-color: rgba(rgba(255, 0, 0, 0),
      rgba(0, rgba(0, 0, 255, 0), 0, 0),
      blue,
      alpha);
}.superlink {
  font-size: 1.1rem;
  font-weight: 700;
  text-decoration: none;
  color: rgb(236, 231, 81);
}.superlink:hover {
  position: relative;
  transition: 0.4s;
  color: rgb(236, 231, 81);
  /*text-shadow: 80px 0px rgb(120, 203, 206);*/
  text-shadow: 0px -20px rgb(120, 203, 206);
}.avisoCritico {
  width: 100%;
  font-size: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(45deg,
      rgb(10, 10, 10) 80px,
      rgb(5, 5, 5) 160px,
      rgb(249, 255, 81) 160px,
      rgb(255, 249, 72) 240px);
}.imgAviso {
  width: 2em;
  height: 1.7em;
}.redes_prov {
  width: .9em;
  height: .9em;
}.footer_secc {
  width: 100%;
  height: 21vh;
  display: flex;
  flex-direction: row;
  background-color: rgb(7, 7, 7);
  justify-content: center;
  align-items: center;
  border-top: 2px solid rgb(255, 231, 10);
  box-sizing: border-box;
}.foo_final_part{
  display: flex;
  flex-direction: row;
  width: 90%;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}.leyendaIPSE{
  font-weight: bold;
  color: #222;
}#sombrealeyenda{
  color: rgb(236, 231, 81);
}.grupo-elementos-footer {
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: auto;
  margin-bottom: auto;
  align-content: center;
}#ultimofoot-izq {
  align-content: center;
  width: 50%;
  margin: auto;
  display: flex;
  flex: row;
  box-sizing: border-box;
}#ultimofoot-izq p{
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
}#ultimofoot-der {
  width: 50%;
  margin: auto;
}
/* ------- Confirmación ------------- */
#confirmacion {
  background: linear-gradient(rgba(2, 1, 1, 0.7), rgba(20, 15, 10, 0.7)),
    url(./imgs/fondos/confirmacion/pruebas.jpeg) no-repeat center/cover;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  height: auto;
  color: rgb(236, 231, 81);
}#confirmation_level {
  width: 95%;
  height: 98vh;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}#part-izq {
  font-size: 2.15rem;
  text-align: center;
}#part-izq-con * {
  margin: 0;
  padding: 0;
}#part-der-con * {
  color: white;
  text-decoration: none;
}.confirmation_part {
  width: 100%;
  height: auto;
  text-align: center;
}
/* ------------- AVISO DE PRIVACIDAD ------------- */
#contenedor-aviso-page {
  background-color: rgb(15, 15, 15);
  font-family: 'Quicksand', sans-serif;
  width: 90%;
  height: auto;
  margin: auto;
  padding: 10px 15px;
  color: white;
  text-align: justify;
}
/*-----------------PANTALLA contactos--------------------*/
.HTMLcontactos{
  margin: 0;
  padding: 0;
}
/* el acertijo modal */
.modal_acertijo{
  z-index: 150;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(./imgs/fondos/formularios/fondo_ipse_formulario.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  opacity: 1;
  pointer-events: all;
  transition: 1s;
  font-family: 'Raleway', sans-serif;
}.acertijo_prueba{
  margin: auto;
  width: 90%;
  height: 90vh;
  border-radius: 4px;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0 6px 1px #000;
  color: white; 
  display: flex;
  flex-direction: column;
}.acertijo_contenido{
  width: 100%;
  height: auto;
  background-color: rgba(10, 10, 10, .9);
  border-bottom: 1px solid rgb(236, 231, 81);
  box-shadow: inset 0 0 8px 2px #000;
  margin: auto;
  width: 100%;
  text-align: center;
  align-items: center;
}.acertijo_contenido{
  background-color: black;
}.arreglo_acertijo{
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 1.2rem;
}.casilla_arreglo{
  width: 20%;
}#abrir_aviso{
  text-decoration: none;
  border: 2px solid yellow;
  border-radius: 20px;
  color: white;
}#verificar{
  text-decoration: none;
  font-weight: bolder;
  color: red;
  font-size: 1.1rem;
  border: 1px solid yellow;
  border-radius: 20px;
  pointer-events: none; 
  cursor: default;
}#verificado{
  text-decoration: none;
  font-weight: bolder;
  color: green;
  font-size: 1.1rem;
  border: 1px solid yellow;
  border-radius: 20px;
  pointer-events: all; 
  cursor: pointer;
}.Nomodal-show{
  opacity: 0;
  pointer-events: none;
}#precancelar{
  background-color: rgba(0, 0, 0, 0.85);
  border: 2px solid rgb(255, 236, 10);
  color: rgb(255, 236, 10);
  width: 46px;
  height: 46px;
  justify-self: center;
  align-self: center;
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}#precancelar:hover{
  border: 2px solid rgb(255, 20, 20);
}
/*formularios*/
.contenedor_contactos{
  background-image: url(./imgs/fondos/formularios/backgroundGRAL.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  color: white;
}.contenedor_contactos > h3{
  font-size: 3rem;
  margin: 0;
  padding:0 ;
  text-align: center;
  color: rgb(255, 231, 10);
}.contenedor_botones_tab{
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
  justify-content: center;
}.boton_tap{
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(10, 10, 10);
  box-shadow: 0 0 6px 0px black;
  border: 1px solid yellow;
  border-radius: 20px;
  text-decoration: none;
  color: rgb(255, 231, 10);
  margin: 0 auto;
  font-weight: bolder;
}.boton_tap:hover{
  background-color: rgb(255, 231, 10);
  color: black;
  animation-name: none;
  border: 1px solid white;
  box-shadow: 0 0 12px 6px rgb(10, 10, 10);
}#formulario_relativo{
  width: 100%;
  height: auto;
  position: relative;
}.contenedor_form_contactos{
  width: 92%;
  margin: auto;
  opacity: 0;
  pointer-events: none; 
  transition: ease-in-out .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: inset 0 0 12px 2px rgb(10, 10, 10);
  box-sizing: border-box;
}.mostrarForm{
  opacity: 1;
  pointer-events: all; 
}#cancelar{
  bottom: 50px;
  right: 35px;
  max-width: 46px;
  min-width: 46px;
  min-height: 46px;
  max-height: 46px;
  background-color: rgba(4,4,4,.5);
  border-radius: 50%;
  border: 2px solid rgb(255, 236, 10);
  font-weight: bolder;
  color: rgb(255, 236, 10);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  box-sizing: border-box;
  transition: all ease .3s;
}#cancelar:hover{
  border: 2px solid green;
}

/*------------------------MOVIL PEQUE�0�5O Y MEDIO PEQUE�0�5O  est��ndar ---------------------*/
@media only screen and (min-width: 0px) and (max-width: 414px) and (min-height: 558px) and (max-height: 740px) and (orientation: portrait) {
  body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: auto;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 7px;
  }#inicio {
    background: linear-gradient(rgba(2, 1, 1, 0), rgba(209, 19, 19, 0)), url(./imgs/fondos_mov/principal_mov.jpg) no-repeat center/cover;
    background-attachment: fixed;
  }#barra {
    height: 6vh;
    width: 100%;
    text-align: center;
    justify-content: center;
  }#barra h1 {
    padding: 0;
  }#detail {
    color: rgb(15, 15, 15);
    font-weight: 800;
    font-size: .9rem;
  }#letras_barra {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-stretch: wider;
    color: rgb(35, 35, 35);
    font-size: .8rem;
    text-align: center;
  }nav>a {
    display: none;
  }#contenedor_partes {
    width: 95%;
    height: 83vh;
    margin: auto;
    display: flex;
    flex-direction: column;
  }.parte {
    box-sizing: border-box;
    display: flex;
    align-content: center;
    width: 95%;
    height: 100%;
    text-transform: uppercase;
    align-content: center;
    color: rgb(236, 231, 81);
    margin: 0 auto;
    text-align: center;
  }.parte p {
    padding-top: 10px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.5rem;
    font-weight: 700;
  }#contenedor_contenedor_bajo {
    height: 12vh;
    max-height: 12vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }.area_boton {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    box-sizing: border-box;
  }#btnizq {
    display: none;
  }#btnder {
    width: 100%;
  }#btnder * {
    margin: 0;
    padding: 0;
  }.btnira {
    width: 100%;
    font-size: 1.2rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
  }.btnira * {
    margin: 0;
    padding: 0;
  }.link_animado {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: rgb(7, 7, 7);
    width: 100%;
  }.link_animado * {
    margin: 0;
    padding: 0;
  }
  /*---------pantalla dos--------- */
  #ingenieria {
    background-color: rgb(236, 231, 81);
    box-sizing: border-box;
  }#grupo-uno_inge {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    box-sizing: border-box;
    text-align: center;
  }#titulo-pantalla {
    width: 100%;
    font-size: .9rem;
    color: rgb(30, 30, 30);
    text-align: center;
    box-sizing: border-box;
    height: auto;
    display: block;
  }#titulo-pantalla * {
    margin: 0;
    padding: 0;
  }#texto_titulo {
    width: 95%;
    height: auto;
    margin: 0 auto;
    font-weight: 600;
    text-align: justify;
    color: rgb(30, 30, 30);
    font-size: .6rem;
    box-sizing: border-box;
    display: block;
  }#texto-titulo * {
    margin: 0;
    padding: 0;
  }#encerrona {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(rgba(0, 0, 0, 0.799), rgba(0, 0, 0, 0.799)),
      url(./imgs/fondos/segunda/ingenieria02.jpg) no-repeat center/cover;
    background-attachment: fixed;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
  }.partes_ing_encerrona {
    width: 98%;
    margin: 0 auto;
    font-size: .6rem;
  }#footer-secc-mov-ing {
    height: auto;
  }#parte_uno {
    text-align: start;
    padding: 3px 5px;
    box-sizing: border-box;
    height: auto;
    display: block;
  }#parte_uno h4 {
    text-align: start;
  }#parte_uno * {
    margin: 0;
    padding: 0;
  }#parte_dos {
    margin-bottom: auto;
    padding: 0;
    display: block;
    justify-content: center;
    height: auto;
    box-sizing: border-box;
  }details {
    width: 90%;
    height: auto;
    margin: 0;
  }details summary {
    font-size: .56rem;
    padding-top: 3px;
    padding-bottom: 3px;
  }details summary:after {
    font-size: .55rem;
  }details li {
    font-size: .625rem;
  }#parte_uno_dos {
    color: rgb(255, 255, 255);
    width: 40%;
    font-size: .756rem;
    text-shadow: 3px 2px rgb(100, 100, 110);
    margin-top: auto;
    margin-bottom: auto;
  }#parte_dos_dos {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    width: 40%;
    margin-top: auto;
    margin-bottom: auto;
  }
  /* PANTALLA ACEITES */
  #t_aceites {
    height: 10vh;
    font-size: 1rem;
  }.conteiner_section {
    height: 80vh;
    width: 100%;
  }.aux_caj_text_aceit {
    flex-direction: column;
    height: 100%;
    width: 94%;
    align-items: center;
  }.caj_niet_aceit {
    width: 100%;
    height: 48%;
  }.aceites_part {
    font-size: .6em;
  }

  /*-------------- tercera pantalla --------------*/
  #titulo-pruebas {
    max-height: 10vh;
    margin: auto 0;
    box-sizing: border-box;
    font-size: 1.2rem;
  }#titulo-pruebas * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }#grupo_pruebas {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 80vh;
  }.parte_pruebas {
    font-size: .699rem;
    font-weight: 400;
    text-align: justify;
    width: 98%;
    height: 30%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
  }#note-pruebas {
    box-sizing: border-box;
    border-top: 2px solid rgb(255, 236, 10);
    margin-bottom: 0;
    width: 100%;
    font-size: .55rem;
    padding-top: 5px;
    font-weight: 200;
  }.parte_pruebas ul {
    margin: 0;
  }.parte_pruebas li {
    font-size: .609rem;
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    border-bottom: 2px solid white;
    font-weight: 600;
  }#slider_contenedor {
    max-height: 150px;
    max-width: 150px;
    position: relative;
    overflow: hidden;
    margin: auto;
    box-sizing: border-box;
  }.miSlider_fade {
    display: flex;
    animation-name: fade;
    animation-duration: .5s;
  }.miSlider_fade img {
    height: 150px;
    width: 150px;
    object-fit: cover;
    vertical-align: top;
    transition: 3s;
  }.direcciones {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 30px;
  }.direcciones a {
    color: white;
    display: inline-block;
    padding: 2px;
    text-decoration: none;
  }
  /* ----------------------- cuarta pantalla ------------- */
  #titulo-construccion {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-construccion * {
    margin: 0;
    padding: 0;
  }#contenedor-construccion {
    height: 80vh;
    width: 95%;
    margin: 0 auto;
    font-size: 1rem;
    color: aliceblue;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }#contenedor_servicios_construccion {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }.parte_servicios_contruccion {
    box-sizing: border-box;
    width: 100%;
    height: 50%;
    align-items: center;
    justify-content: center;
    padding: auto;
    margin: 0;
  }#descripcion-construccion {
    display: flex;
    font-size: 1rem;
    text-align: start;
    color: rgb(255, 236, 10);
  }#list_li {
    margin-top: auto;
    display: flex;
  }#encierro-li {
    width: auto;
  }#encierro-li li {
    font-size: .7rem;
    border-bottom: 1px solid rgb(236, 231, 81);
    font-weight: 500;
  }#nota_construccion {
    width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    font-size: 0.5rem;
    text-align: center;
    text-decoration: none;
    border-top: 2px solid rgb(255, 236, 10);
    padding: 0;
  }
  /*-------------- quinta pantalla -----------*/
  #titulo-nosotros {
    font-size: 1.2rem;
    max-height: 10vh;
  }#titulo-nosotros * {
    margin: 0;
    padding: 0;
  }#contenedor_contenido_nos {
    margin: 0;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
  }#info-nosotros {
    width: 95%;
    height: auto;
    box-sizing: border-box;
    line-height: 1.1;
    font-size: .7rem;
  }#info-nosotros h5 {
    font-size: .685rem;
    margin: 0;
    padding: 0;
  }#contenedor_linea {
    width: 80%;
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    margin: 0 auto;
  }#contenedor_linea p {
    line-height: 1.1;
    font-size: 1em;
    padding: 0;
    margin-top: 0;
    margin-bottom: auto;
  }.cuadro-temporal h5 {
    color: rgb(236, 231, 81);
    font-size: .685rem;
    margin-bottom: 0;
    margin-top: auto;
  }#unique-temporal {
    height: auto;
    width: 95%;
    text-align: center;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }.actual {
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    font-size: .685rem;
  }.detalle_dos {
    font-size: .8rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
  }#actual-info {
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font-size: .7rem;
    font-weight: normal;
    color: white;
  }
  /* -------------- sexta pantalla ------------- */
  #titulo-form-cont {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-form-cont * {
    margin: 0;
    padding: 0;
  }#contenedor-de-form {
    height: 80vh;
    display: flex;
    flex-direction: column;
  }#formulario-de-contacto section .content p {
    font-size: .7rem;
  }
  /* -------------- septima pantalla ------------- */
  #titulo-b-trabajo {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-b-trabajo * {
    margin: 0;
    padding: 0;
  }#formulario-de-bolsa section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    text-align: center;
  }#formulario-de-bolsa p {
    font-size: .7rem;
  }
  /* NUEVA PANTALLA DE CONTACTOS */
  #formulario-de-contacto{
    height: auto;
  }.titulo_para_que > H3 {
    font-size: .9rem;
  }.titulo_para_que > H2 {
    font-size: .9rem;
  }.titulo_para_que P {
    font-size: .7rem;
  }#conteiner_section_a_forms{
    flex-direction: column;
  }#rect_list_contact{
    flex-direction: column;
    justify-content:baseline;
  }#rect_list_contact > div{
    margin: 2px 0;
    justify-content: start;
  }
 /*pantalla de formularios*/
 #titulo_instrucciones{
  font-size: 1rem;
  }
  /*-----GENERAL------*/
  .footer_secc {
    max-height: 10vh;
  }.imgmov {
    width: 28px;
    height: 28px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 740px) and (min-height: 0px) and (max-height: 414px) {
  body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: auto;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 7px;
  }#barra {
    height: 7vh;
    width: 100%;
    text-align: center;
    justify-content: center;
  }#barra h1 {
    padding: 0;
  }#detail {
    color: rgb(15, 15, 15);
    font-weight: 800;
    font-size: .9rem;
  }#letras_barra {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-stretch: wider;
    color: rgb(35, 35, 35);
    font-size: .8rem;
    text-align: center;
  }nav>a {
    display: none;
  }#contenedor_partes {
    width: 95%;
    height: 83vh;
    margin: auto;
    display: flex;
    flex-direction: row;
  }.parte {
    box-sizing: border-box;
    display: flex;
    align-content: center;
    width: 95%;
    height: 100%;
    text-transform: uppercase;
    align-content: center;
    color: rgb(236, 231, 81);
    margin: 0 auto;
    text-align: start;
  }.parte p {
    padding-top: 10px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.4rem;
    font-weight: 700;
  }#contenedor_contenedor_bajo {
    height: 10vh;
    max-height: 10vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }.area_boton {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    box-sizing: border-box;
  }#btnizq {
    flex-direction: row;
    height: inherit;
    padding-top: 0;
    padding-bottom: 0;
  }.socialbtn {
    width: 20px;
    height: 20px;
    padding: 0 5px;
    margin: 0;
  }#btnder {
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: row;
  }#btnder * {
    margin: 0;
    padding: 0;
  }.btnira {
    font-size: .69rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
  }.btnira * {
    margin: 0;
    padding: 0;
  }.link_animado {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: rgb(7, 7, 7);
    width: 100%;
  }.link_animado * {
    margin: 0;
    padding: 0;
  }
  /*---------pantalla dos--------- */
  #ingenieria {
    background-color: rgb(236, 231, 81);
  }#grupo-uno_inge {
    display: flex;
    flex-direction: row;
    width: 95%;
    margin-top: 0;
    margin-bottom: 0;
    max-height: 14vh;
    align-items: center;
  }#titulo-pantalla {
    width: 50%;
    font-size: 1.046rem;
    color: rgb(30, 30, 30);
    text-align: start;
  }#titulo-pantalla * {
    margin: 0;
    padding: 0;
  }#texto_titulo {
    width: 50%;
    font-weight: 600;
    text-align: justify;
    color: rgb(30, 30, 30);
    font-size: .559rem;
  }#texto_titulo * {
    margin: 0;
    padding: 0;
  }#encerrona {
    width: 100%;
    height: 76vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: linear-gradient(rgba(0, 0, 0, 0.799), rgba(0, 0, 0, 0.799)),
      url(./imgs/fondos/segunda/ingenieria02.jpg) no-repeat center/cover;
    background-attachment: fixed;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
  }.partes_ing_encerrona {
    margin: 0 auto;
    font-size: .65rem;
  }#parte_uno {
    width: 35%;
    text-align: start;
    padding: 0 10px;
    box-sizing: border-box;
    height: auto;
  }#parte_uno h4 {
    text-align: start;
    margin: 0;
    padding: 6px 0;
  }#parte_dos {
    width: 60%;
    display: flex;
    justify-content: center;
    height: auto;
  }details summary {
    font-size: .499rem;
    padding-top: 1px;
    padding-bottom: 1px;
  }details summary:after {
    font-size: .55rem;
  }details li {
    font-size: .625rem;
  }#parte_uno_dos {
    color: rgb(255, 255, 255);
    width: 40%;
    font-size: .756rem;
    text-shadow: 3px 2px rgb(100, 100, 110);
    margin-top: auto;
    margin-bottom: auto;
  }#parte_dos_dos {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    width: 40%;
    margin-top: auto;
    margin-bottom: auto;
  }
  /*-------------- PANTALLA ACEITES --------------*/
  #t_aceites {
    height: 10vh;
    font-size: 1rem;
  }.conteiner_section {
    height: 100vh;
    width: 100%;
  }.aux_caj_text_aceit {
    flex-direction: row;
    height: 100%;
    width: 100%;
  }.caj_niet_aceit {
    width: 49%;
    height: 100%;
  }.aceites_part {
    font-size: .7em;
  }
  /*-------------- tercera pantalla --------------*/
  #titulo-pruebas {
    max-height: 10vh;
    margin: auto 0;
    box-sizing: border-box;
    font-size: 1.1rem;
  }#titulo-pruebas * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }#grupo_pruebas {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 80vh;
  }.parte_pruebas {
    font-size: .699rem;
    font-weight: 400;
    text-align: justify;
    width: 35%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 8px;
    display: flex;
    flex-direction: column;
  }#note-pruebas {
    box-sizing: border-box;
    border-top: 2px solid rgb(255, 236, 10);
    margin-bottom: 0;
    width: 100%;
    font-size: .55rem;
    padding: 0;
    font-weight: 200;
    padding-top: 5px;
  }.parte_pruebas ul {
    margin: 0;
  }.parte_pruebas li {
    font-size: .609rem;
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    border-bottom: 2px solid white;
    font-weight: 600;
  }#slider_contenedor {
    max-height: 150px;
    max-width: 150px;
    position: relative;
    overflow: hidden;
    margin: auto;
    box-sizing: border-box;
  }.miSlider_fade {
    display: flex;
    animation-name: fade;
    animation-duration: .5s;
  }.miSlider_fade img {
    height: 150px;
    width: 150px;
    object-fit: cover;
    vertical-align: top;
    transition: 3s;
  }.direcciones {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 30px;
  }.direcciones a {
    color: white;
    display: inline-block;
    padding: 2px;
    text-decoration: none;
  }
  /* ----------------------- cuarta pantalla ------------- */
  #titulo-construccion {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-construccion * {
    margin: 0;
    padding: 0;
  }#contenedor-construccion {
    height: 80vh;
    width: 95%;
    margin: 0 auto;
    font-size: 1rem;
    color: aliceblue;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }#contenedor_servicios_construccion {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
  }.parte_servicios_contruccion {
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: auto;
    margin: 0;
  }#descripcion-construccion {
    display: flex;
    font-size: 1rem;
    text-align: start;
    color: rgb(255, 236, 10);
  }#list_li {
    margin-top: auto;
    display: flex;
  }#encierro-li {
    width: auto;
  }#encierro-li li {
    font-size: .75rem;
    border-bottom: 1px solid rgb(236, 231, 81);
    font-weight: 500;
  }#nota_construccion {
    width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    font-size: 0.5rem;
    text-align: center;
    text-decoration: none;
    border-top: 2px solid rgb(255, 236, 10);
    padding: 0;
  }
  /*-------------- quinta pantalla -----------*/
  #titulo-nosotros {
    font-size: 1.2rem;
    max-height: 10vh;
  }#titulo-nosotros * {
    margin: 0;
    padding: 0;
  }#contenedor_contenido_nos {
    margin: 0;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
  }#info-nosotros {
    width: 95%;
    height: auto;
    box-sizing: border-box;
    line-height: 1.1;
    font-size: .7rem;
    font-weight: normal;
    color: white;
  }#info-nosotros h5 {
    font-size: .685rem;
    margin: 0;
    padding: 0;
  }#contenedor_linea {
    width: 80%;
    height: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    margin: 0 auto;
  }#contenedor_linea p {
    line-height: 1.1;
    font-size: 1em;
    padding: 0;
    margin-top: 0;
    margin-bottom: auto;
  }.cuadro-temporal h5 {
    color: rgb(236, 231, 81);
    font-size: .685rem;
    margin-bottom: 0;
    margin-top: auto;
  }#unique-temporal {
    height: auto;
    width: 95%;
    text-align: center;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }.actual {
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    font-size: .685rem;
  }.detalle_dos {
    font-size: .8rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
  }#actual-info {
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font-size: .7rem;
    font-weight: normal;
    color: white;
  }
  /*---------------NUEVA PANTALLA DE CONTACTOS---*/
  #formulario-de-contacto{
    height: auto;
  }.titulo_para_que > H3 {
    font-size: .9rem;
  }.titulo_para_que > H2 {
    font-size: .9rem;
  }.titulo_para_que P {
    font-size: .7rem;
  }#conteiner_section_a_forms{
    flex-direction: ROW;
  }#rect_list_contact{
    flex-direction: column;
    justify-content:baseline;
  }#rect_list_contact > div{
    margin: 2px 0;
    justify-content: start;
  }
  /* -------------- sexta pantalla ------------- */
  #titulo-form-cont {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-form-cont * {
    margin: 0;
    padding: 0;
  }#contenedor-de-form {
    height: 80vh;
    display: flex;
    flex-direction: column;
  }#formulario-de-contacto section .content p {
    font-size: .7rem;
  }
  /* -------------- septima pantalla ------------- */
  #titulo-b-trabajo {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-b-trabajo * {
    margin: 0;
    padding: 0;
  }#formulario-de-bolsa section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    text-align: center;
  }#formulario-de-bolsa p {
    font-size: .7rem;
  }
  /*-----footer------*/
  .footer_secc {
    max-height: auto;
  }.footer_secc > div{
  }.imgmov {
    width: 28px;
    height: 28px;
  }#creditos {
    margin: 0;
    padding: 0;
  }#confirmation_level {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }#part-izq {
    font-size: 1.55rem;
    text-align: center;
  }#part-izq-con * {
    margin: 0;
    padding: 0;
  }#part-der-con * {
    color: white;
    text-decoration: none;
  }.confirmation_part {
    width: 100%;
    height: auto;
    text-align: center;
  }
  /* --- CONTACTOSENEL PHP ---- */
  #titulo_instrucciones{
    font-size: 1.1rem;
  }

}
/*--------- TELEFONOS PANTALLA MEDIO y MEDIO GRANDE------------------ */
@media only screen and (min-width: 0px) and (max-width: 414px) and (min-height: 0px) and (max-height: 840px) and (orientation: portrait) {
  body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: auto;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 9px;
  }#inicio {
    background: linear-gradient(rgba(2, 1, 1, 0), rgba(209, 19, 19, 0)),
      url(./imgs/fondos_mov/principal_mov.jpg) no-repeat center/cover;
    background-attachment: fixed;
  }#barra {
    height: 6vh;
    width: 100%;
    text-align: center;
    justify-content: center;
  }#barra h1 {
    padding: 0;
  }#detail {
    color: rgb(15, 15, 15);
    font-weight: 800;
    font-size: .9rem;
  }#letras_barra {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-stretch: wider;
    color: rgb(35, 35, 35);
    font-size: .8rem;
    text-align: center;
  }nav>a {
    display: none;
  }#contenedor_partes {
    width: 95%;
    height: 83vh;
    margin: auto;
    display: flex;
    flex-direction: column;
  }.parte {
    box-sizing: border-box;
    display: flex;
    align-content: center;
    width: 95%;
    height: 100%;
    text-transform: uppercase;
    align-content: center;
    color: rgb(236, 231, 81);
    margin: 0 auto;
    text-align: center;
  }.parte p {
    padding-top: 10px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.5rem;
    font-weight: 700;
  }#contenedor_contenedor_bajo {
    height: 12vh;
    max-height: 12vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }.area_boton {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    box-sizing: border-box;
  }#btnizq {
    display: none;
  }#btnder {
    width: 100%;
  }#btnder * {
    margin: 0;
    padding: 0;
  }.btnira {
    width: 100%;
    font-size: 1.2rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
  }.btnira * {
    margin: 0;
    padding: 0;
  }.link_animado {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: rgb(7, 7, 7);
    width: 100%;
  }.link_animado * {
    margin: 0;
    padding: 0;
  }
  /*---------pantalla dos--------- */
  #ingenieria {
    background-color: rgb(236, 231, 81);
    box-sizing: border-box;
  }#grupo-uno_inge {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    box-sizing: border-box;
    text-align: center;
  }#titulo-pantalla {
    width: 100%;
    font-size: .9rem;
    color: rgb(30, 30, 30);
    text-align: center;
    box-sizing: border-box;
    height: auto;
    display: block;
  }#titulo-pantalla * {
    margin: 0;
    padding: 0;
  }#texto_titulo {
    width: 95%;
    height: auto;
    margin: 0 auto;
    font-weight: 600;
    text-align: justify;
    color: rgb(30, 30, 30);
    font-size: .6rem;
    box-sizing: border-box;
    display: block;
  }#texto-titulo * {
    margin: 0;
    padding: 0;
  }#encerrona {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(rgba(0, 0, 0, 0.799), rgba(0, 0, 0, 0.799)),
      url(./imgs/fondos/segunda/ingenieria02.jpg) no-repeat center/cover;
    background-attachment: fixed;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
  }.partes_ing_encerrona {
    width: 98%;
    margin: 0 auto;
    font-size: .6rem;
  }#footer-secc-mov-ing {
    height: auto;
  }#parte_uno {
    text-align: start;
    padding: 3px 5px;
    box-sizing: border-box;
    height: auto;
    display: block;
  }#parte_uno h4 {
    text-align: start;
  }#parte_uno * {
    margin: 0;
    padding: 0;
  }#parte_dos {
    margin-bottom: auto;
    padding: 0;
    display: block;
    justify-content: center;
    height: auto;
    box-sizing: border-box;
  }details {
    width: 90%;
    height: auto;
    margin: 0;
  }details summary {
    font-size: .56rem;
    padding-top: 3px;
    padding-bottom: 3px;
  }details summary:after {
    font-size: .55rem;
  }details li {
    font-size: .625rem;
  }#parte_uno_dos {
    color: rgb(255, 255, 255);
    width: 40%;
    font-size: .756rem;
    text-shadow: 3px 2px rgb(100, 100, 110);
    margin-top: auto;
    margin-bottom: auto;
  }#parte_dos_dos {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    width: 40%;
    margin-top: auto;
    margin-bottom: auto;
  }
  /*-------------- Aceites --------------*/
#t_aceites {
  height: 10vh;
}#t_aceites>h2 {
  font-size: 1em;
}.conteiner_section {
  height: 80vh;
  width: 100%;
}.aux_caj_text_aceit {
  flex-direction: column;
  height: 100%;
  width: 94%;
  align-items: center;
}.caj_niet_aceit {
  width: 100%;
  height: 48%;
}.aceites_part {
  font-size: .71em;
}
/*-------------- tercera pantalla --------------*/
#titulo-pruebas {
  max-height: 10vh;
  margin: auto 0;
  box-sizing: border-box;
  font-size: 1.2rem;
}#titulo-pruebas * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}#grupo_pruebas {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 80vh;
}.parte_pruebas {
  font-size: .699rem;
  font-weight: 400;
  text-align: justify;
  width: 98%;
  height: 30%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
}#note-pruebas {
  box-sizing: border-box;
  border-top: 2px solid rgb(255, 236, 10);
  margin-bottom: 0;
  width: 100%;
  font-size: .55rem;
  padding-top: 5px;
  font-weight: 200;
}.parte_pruebas ul {
  margin: 0;
}.parte_pruebas li {
  font-size: .609rem;
  color: rgb(236, 231, 81);
  margin: 0;
  padding: 0;
  border-bottom: 2px solid white;
  font-weight: 600;
}#slider_contenedor {
  max-height: 150px;
  max-width: 150px;
  position: relative;
  overflow: hidden;
  margin: auto;
  box-sizing: border-box;
}.miSlider_fade {
  display: flex;
  animation-name: fade;
  animation-duration: .5s;
}.miSlider_fade img {
  height: 150px;
  width: 150px;
  object-fit: cover;
  vertical-align: top;
  transition: 3s;
}.direcciones {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 30px;
}.direcciones a {
  color: white;
  display: inline-block;
  padding: 2px;
  text-decoration: none;
}
/* ----------------------- cuarta pantalla ------------- */
#titulo-construccion {
  max-height: 10vh;
  font-size: 1.2rem;
}#titulo-construccion * {
  margin: 0;
  padding: 0;
}#contenedor-construccion {
  height: 80vh;
  width: 95%;
  margin: 0 auto;
  font-size: 1rem;
  color: aliceblue;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}#contenedor_servicios_construccion {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}.parte_servicios_contruccion {
  box-sizing: border-box;
  width: 100%;
  height: 50%;
  align-items: center;
  justify-content: center;
  padding: auto;
  margin: 0;
}#descripcion-construccion {
  display: flex;
  font-size: 1rem;
  text-align: start;
  color: rgb(255, 236, 10);
}#list_li {
  margin-top: auto;
  display: flex;
}#encierro-li {
  width: auto;
}#encierro-li li {
  font-size: .7rem;
  border-bottom: 1px solid rgb(236, 231, 81);
  font-weight: 500;
}#nota_construccion {
  width: 100%;
  height: auto;
  margin: 0;
  box-sizing: border-box;
  font-size: 0.5rem;
  text-align: center;
  text-decoration: none;
  border-top: 2px solid rgb(255, 236, 10);
  padding: 0;
}
/*-------------- quinta pantalla -----------*/
#titulo-nosotros {
  font-size: 1.2rem;
  max-height: 10vh;
}#titulo-nosotros * {
  margin: 0;
  padding: 0;
}#contenedor_contenido_nos {
  margin: 0;
  width: 100%;
  height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}#info-nosotros {
  width: 95%;
  height: auto;
  box-sizing: border-box;
  line-height: 1.1;
  font-size: .7rem;
}#info-nosotros h5 {
  font-size: .685rem;
  margin: 0;
  padding: 0;
}#contenedor_linea {
  width: 80%;
  height: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  margin: auto 0;
}#contenedor_linea p {
  line-height: 1.1;
  font-size: 1em;
  padding: 0;
  margin-top: 0;
  margin-bottom: auto;
}.cuadro-temporal h5 {
  color: rgb(236, 231, 81);
  font-size: .685rem;
  margin-bottom: 0;
  margin-top: auto;
}.cuadro-temporal {
  display: flex;
  flex-direction: column;
  align-content: center;
  height: auto;
  padding: 0;
}.cuadro-temporal * {
  align-content: center;
}#unique-temporal {
  height: auto;
  width: 95%;
  text-align: center;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}.actual {
  color: rgb(236, 231, 81);
  margin: 0;
  padding: 0;
  font-size: .685rem;
}.detalle_dos {
  font-size: .8rem;
  font-weight: 700;
  color: rgb(255, 255, 255);
}#actual-info {
  margin: 0;
  padding: 0;
  line-height: 1.1;
  font-size: .7rem;
  font-weight: normal;
  color: white;
}
/* -------------- sexta pantalla ------------- */
#titulo-form-cont {
  max-height: 10vh;
  font-size: 1.2rem;
}#titulo-form-cont * {
  margin: 0;
  padding: 0;
}#contenedor-de-form {
  height: 80vh;
  display: flex;
  flex-direction: column;
}#formulario-de-contacto section .content p {
  font-size: .7rem;
}
/* -------------- septima pantalla ------------- */
#titulo-b-trabajo {
  max-height: 10vh;
  font-size: 1.2rem;
}#titulo-b-trabajo * {
  margin: 0;
  padding: 0;
}#formulario-de-bolsa section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  text-align: center;
}#formulario-de-bolsa p {
  font-size: .7rem;
}
/* NUEVA PANTALLA DE CONTACTOS EN LANDING */
#formulario-de-contacto{
  height: auto;
}.titulo_para_que > H3 {
  font-size: .95rem;
}.titulo_para_que > H2 {
  font-size: .95rem;
}.titulo_para_que P {
  font-size: .75rem;
}#conteiner_section_a_forms{
  flex-direction: column;
}#rect_list_contact{
  flex-direction: column;
  justify-content:baseline;
}#rect_list_contact > div{
  margin: 2px 0;
  justify-content: start;
}
/*-----footer------*/
.footer_secc {
  max-height: 10vh;
}.imgmov {
  width: 28px;
  height: 28px;
}#confirmacion {
  background: linear-gradient(rgba(2, 1, 1, 0.7), rgba(20, 15, 10, 0.7)),
    url(./imgs/fondos/confirmacion/pruebas.jpeg) no-repeat center/cover;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  height: auto;
  color: rgb(236, 231, 81);
}#confirmation_level {
  width: 95%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}#part-izq {
  font-size: 1.55rem;
  text-align: center;
}#part-izq-con * {
  margin: 0;
  padding: 0;
}#part-der-con * {
  color: white;
  text-decoration: none;
}.confirmation_part {
  width: 100%;
  height: auto;
  text-align: center;
}

/* CONTACTOS PHP */
#titulo_instrucciones{
  font-size: 1.1rem;
  }

}
@media only screen and (min-width: 0px) and (max-width: 840px) and (min-height: 0px) and (max-height: 414px) {
  body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: auto;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
  }#barra {
    height: 7vh;
    width: 100%;
    text-align: center;
    justify-content: center;
  }#barra h1 {
    padding: 0;
  }#detail {
    color: rgb(15, 15, 15);
    font-weight: 800;
    font-size: .9rem;
  }#letras_barra {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-stretch: wider;
    color: rgb(35, 35, 35);
    font-size: .8rem;
    text-align: center;
  }nav>a {
    display: none;
  }#contenedor_partes {
    width: 95%;
    height: 83vh;
    margin: auto;
    display: flex;
    flex-direction: row;
  }.parte {
    box-sizing: border-box;
    display: flex;
    align-content: center;
    width: 95%;
    height: 100%;
    text-transform: uppercase;
    align-content: center;
    color: rgb(236, 231, 81);
    margin: 0 auto;
    text-align: start;
  }.parte p {
    padding-top: 10px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.4rem;
    font-weight: 700;
  }#contenedor_contenedor_bajo {
    height: 10vh;
    max-height: 10vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }.area_boton {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    box-sizing: border-box;
  }#btnizq {
    flex-direction: row;
    height: inherit;
    padding-top: 0;
    padding-bottom: 0;
  }.socialbtn {
    width: 20px;
    height: 20px;
    padding: 0 5px;
    margin: 0;
  }#btnder {
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: row;
  }#btnder * {
    margin: 0;
    padding: 0;
  }.btnira {
    font-size: .69rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
  }.btnira * {
    margin: 0;
    padding: 0;
  }.link_animado {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: rgb(7, 7, 7);
    width: 100%;
  }.link_animado * {
    margin: 0;
    padding: 0;
  }
  /*---------pantalla dos--------- */
  #ingenieria {
    background-color: rgb(236, 231, 81);
  }#grupo-uno_inge {
    display: flex;
    flex-direction: row;
    width: 95%;
    margin-top: 0;
    margin-bottom: 0;
    max-height: 14vh;
    align-items: center;
  }#titulo-pantalla {
    width: 50%;
    font-size: 1.046rem;
    color: rgb(30, 30, 30);
    text-align: start;
  }#titulo-pantalla * {
    margin: 0;
    padding: 0;
  }#texto_titulo {
    width: 50%;
    font-weight: 600;
    text-align: justify;
    color: rgb(30, 30, 30);
    font-size: .559rem;
  }#texto_titulo * {
    margin: 0;
    padding: 0;
  }#encerrona {
    width: 100%;
    height: 76vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: linear-gradient(rgba(0, 0, 0, 0.799), rgba(0, 0, 0, 0.799)),
      url(./imgs/fondos/segunda/ingenieria02.jpg) no-repeat center/cover;
    background-attachment: fixed;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
  }.partes_ing_encerrona {
    margin: 0 auto;
    font-size: .65rem;
  }#parte_uno {
    width: 35%;
    text-align: start;
    padding: 0 10px;
    box-sizing: border-box;
    height: auto;
  }#parte_uno h4 {
    text-align: start;
    margin: 0;
    padding: 6px 0;
  }#parte_dos {
    width: 60%;
    display: flex;
    justify-content: center;
    height: auto;
  }details summary {
    font-size: .499rem;
    padding-top: 1px;
    padding-bottom: 1px;
  }details summary:after {
    font-size: .55rem;
  }details li {
    font-size: .625rem;
  }#parte_uno_dos {
    color: rgb(255, 255, 255);
    width: 40%;
    font-size: .756rem;
    text-shadow: 3px 2px rgb(100, 100, 110);
    margin-top: auto;
    margin-bottom: auto;
  }#parte_dos_dos {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    width: 40%;
    margin-top: auto;
    margin-bottom: auto;
  }
  /*-------------------ACEITES------------------*/
  #t_aceites {
    height: 10vh;
  }#t_aceites>h2 {
    font-size: 1.3rem;
  }.conteiner_section {
    height: 80vh;
    flex-direction: row;
    box-sizing: border-box;
  }.parte_aceites {
    width: 45%;
  }.aceites_part {
    font-size: .65rem;
    box-sizing: border-box;
  }#foto_aceite {
    width: 45%;
  }
  /*-------------- tercera pantalla --------------*/
  #titulo-pruebas {
    max-height: 10vh;
    margin: auto 0;
    box-sizing: border-box;
    font-size: 1.1rem;
  }#titulo-pruebas * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }#grupo_pruebas {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 80vh;
  }.parte_pruebas {
    font-size: .699rem;
    font-weight: 400;
    text-align: justify;
    width: 35%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 8px;
    display: flex;
    flex-direction: column;
  }#note-pruebas {
    box-sizing: border-box;
    border-top: 2px solid rgb(255, 236, 10);
    margin-bottom: 0;
    width: 100%;
    font-size: .55rem;
    padding-top: 5px;
    font-weight: 200;
  }.parte_pruebas ul {
    margin: 0;
  }.parte_pruebas li {
    font-size: .609rem;
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    border-bottom: 2px solid white;
    font-weight: 600;
  }#slider_contenedor {
    max-height: 150px;
    max-width: 150px;
    position: relative;
    overflow: hidden;
    margin: auto;
    box-sizing: border-box;
  }.miSlider_fade {
    display: flex;
    animation-name: fade;
    animation-duration: .5s;
  }.miSlider_fade img {
    height: 150px;
    width: 150px;
    object-fit: cover;
    vertical-align: top;
    transition: 3s;
  }.direcciones {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 30px;
  }.direcciones a {
    color: white;
    display: inline-block;
    padding: 2px;
    text-decoration: none;
  }
  /* ----------------------- cuarta pantalla ------------- */
  #titulo-construccion {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-construccion * {
    margin: 0;
    padding: 0;
  }#contenedor-construccion {
    height: 80vh;
    width: 95%;
    margin: 0 auto;
    font-size: 1rem;
    color: aliceblue;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }#contenedor_servicios_construccion {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
  }.parte_servicios_contruccion {
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: auto;
    margin: 0;
  }#descripcion-construccion {
    display: flex;
    font-size: 1rem;
    text-align: start;
    color: rgb(255, 236, 10);
  }#list_li {
    margin-top: auto;
    display: flex;
  }#encierro-li {
    width: auto;
  }#encierro-li li {
    font-size: .75rem;
    border-bottom: 1px solid rgb(236, 231, 81);
    font-weight: 500;
  }#nota_construccion {
    width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    font-size: 0.5rem;
    text-align: center;
    text-decoration: none;
    border-top: 2px solid rgb(255, 236, 10);
    padding: 0;
  }
  /*-------------- quinta pantalla -----------*/
  #titulo-nosotros {
    font-size: 1.2rem;
    max-height: 10vh;
  }#titulo-nosotros * {
    margin: 0;
    padding: 0;
  }#contenedor_contenido_nos {
    margin: 0;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
  }#info-nosotros {
    width: 95%;
    height: auto;
    box-sizing: border-box;
    line-height: 1.1;
    font-size: .7rem;
    font-weight: normal;
    color: white;
  }#info-nosotros h5 {
    font-size: .685rem;
    margin: 0;
    padding: 0;
  }#contenedor_linea {
    width: 80%;
    height: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    margin: 0 auto;
  }#contenedor_linea p {
    line-height: 1.1;
    font-size: 1em;
    padding: 0;
    margin-top: 0;
    margin-bottom: auto;
  }.cuadro-temporal h5 {
    color: rgb(236, 231, 81);
    font-size: .685rem;
    margin-bottom: 0;
    margin-top: auto;
  }#unique-temporal {
    height: auto;
    width: 95%;
    text-align: center;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }.actual {
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    font-size: .685rem;
  }.detalle_dos {
    font-size: .8rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
  }#actual-info {
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font-size: .7rem;
    font-weight: normal;
    color: white;
  }
  /* -------------- sexta pantalla ------------- */
  #titulo-form-cont {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-form-cont * {
    margin: 0;
    padding: 0;
  }#contenedor-de-form {
    height: 80vh;
    display: flex;
    flex-direction: column;
  }#formulario-de-contacto section .content p {
    font-size: .7rem;
  }
  /* -------------- septima pantalla ------------- */
  #titulo-b-trabajo {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-b-trabajo * {
    margin: 0;
    padding: 0;
  }#formulario-de-bolsa section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    text-align: center;
  }#formulario-de-bolsa p {
    font-size: .7rem;
  }
  /*   PANTALLA CONTACTOS EN LANDING */
  #formulario-de-contacto{
    height: auto;
  }.titulo_para_que > H3 {
    font-size: .98rem;
  }.titulo_para_que > H2 {
    font-size: .98rem;
  }.titulo_para_que P {
    font-size: .75rem;
  }#conteiner_section_a_forms{
    flex-direction: row;
  }#rect_list_contact{
    flex-direction: column;
    justify-content:baseline;
  }#rect_list_contact > div{
    margin: 2px 0;
    justify-content: start;
  }
  /*-----footer------*/
  .footer_secc {
    max-height: 10vh;
  }.imgmov {
    width: 28px;
    height: 28px;
  }#creditos {
    margin: 0;
    padding: 0;
  }#creditos * {
    margin: 0;
    padding: 0;
  }#confirmacion {
    background: linear-gradient(rgba(2, 1, 1, 0.7), rgba(20, 15, 10, 0.7)),
      url(./imgs/fondos/confirmacion/pruebas.jpeg) no-repeat center/cover;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    height: auto;
    color: rgb(236, 231, 81);
  }#confirmation_level {
    width: 95%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }#part-izq {
    font-size: 1.55rem;
    text-align: center;
  }#part-izq-con * {
    margin: 0;
    padding: 0;
  }#part-der-con * {
    color: white;
    text-decoration: none;
  }.confirmation_part {
    width: 100%;
    height: auto;
    text-align: center;
  }
  /* CONTACTOS PHP */
  #titulo_instrucciones{
    font-size: 1.2rem;
    }  
}
/*--------- TELEFONOS PANTALLA MEDIO-GRANDE ------------------ */
@media only screen and (min-width: 0px) and (max-width:550px) and (min-height: 0px) and (max-height: 1080px) and (orientation: portrait) {
  body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: auto;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
  }#inicio {
    background: linear-gradient(rgba(2, 1, 1, 0), rgba(209, 19, 19, 0)),
      url(./imgs/fondos_mov/principal_mov.jpg) no-repeat center/cover;
    background-attachment: fixed;
  }#barra {
    height: 6vh;
    width: 100%;
    text-align: center;
    justify-content: center;
  }#barra h1 {
    padding: 0;
  }#detail {
    color: rgb(15, 15, 15);
    font-weight: 800;
    font-size: .9rem;
  }#letras_barra {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-stretch: wider;
    color: rgb(35, 35, 35);
    font-size: .8rem;
    text-align: center;
  }nav>a {
    display: none;
  }#contenedor_partes {
    width: 95%;
    height: 83vh;
    margin: auto;
    display: flex;
    flex-direction: column;
  }.parte {
    box-sizing: border-box;
    display: flex;
    align-content: center;
    width: 95%;
    height: 100%;
    text-transform: uppercase;
    align-content: center;
    color: rgb(236, 231, 81);
    margin: 0 auto;
    text-align: center;
  }.parte p {
    padding-top: 10px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.5rem;
    font-weight: 700;
  }#contenedor_contenedor_bajo {
    height: 12vh;
    max-height: 12vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }.area_boton {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    box-sizing: border-box;
  }#btnizq {
    display: none;
  }#btnder {
    width: 100%;
  }#btnder * {
    margin: 0;
    padding: 0;
  }.btnira {
    width: 100%;
    font-size: 1.2rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
  }.btnira * {
    margin: 0;
    padding: 0;
  }.link_animado {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: rgb(7, 7, 7);
    width: 100%;
  }.link_animado * {
    margin: 0;
    padding: 0;
  }
  /*---------pantalla dos--------- */
  #ingenieria {
    background-color: rgb(236, 231, 81);
    box-sizing: border-box;
  }#grupo-uno_inge {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    box-sizing: border-box;
    text-align: center;
  }#titulo-pantalla {
    width: 100%;
    font-size: .9rem;
    color: rgb(30, 30, 30);
    text-align: center;
    box-sizing: border-box;
    height: auto;
    display: block;
  }#titulo-pantalla * {
    margin: 0;
    padding: 0;
  }#texto_titulo {
    width: 95%;
    height: auto;
    margin: 0 auto;
    font-weight: 600;
    text-align: justify;
    color: rgb(30, 30, 30);
    font-size: .6rem;
    box-sizing: border-box;
    display: block;
  }#texto-titulo * {
    margin: 0;
    padding: 0;
  }#encerrona {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(rgba(0, 0, 0, 0.799), rgba(0, 0, 0, 0.799)),
      url(./imgs/fondos/segunda/ingenieria02.jpg) no-repeat center/cover;
    background-attachment: fixed;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
  }.partes_ing_encerrona {
    width: 98%;
    margin: 0 auto;
    font-size: .6rem;
  }#footer-secc-mov-ing {
    height: auto;
  }#parte_uno {
    text-align: start;
    padding: 3px 5px;
    box-sizing: border-box;
    height: auto;
    display: block;
  }#parte_uno h4 {
    text-align: start;
  }#parte_uno * {
    margin: 0;
    padding: 0;
  }#parte_dos {
    margin-bottom: auto;
    padding: 0;
    display: block;
    justify-content: center;
    height: auto;
    box-sizing: border-box;
  }details {
    width: 90%;
    height: auto;
    margin: 0;
  }details summary {
    font-size: .56rem;
    padding-top: 3px;
    padding-bottom: 3px;
  }details summary:after {
    font-size: .55rem;
  }details li {
    font-size: .625rem;
  }#parte_uno_dos {
    color: rgb(255, 255, 255);
    width: 40%;
    font-size: .756rem;
    text-shadow: 3px 2px rgb(100, 100, 110);
    margin-top: auto;
    margin-bottom: auto;
  }#parte_dos_dos {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    width: 40%;
    margin-top: auto;
    margin-bottom: auto;
  }
  /*--ACEITES--*/
  #t_aceites {
    height: 10vh;
  }#t_aceites>h2 {
    font-size: 1em;
  }.conteiner_section {
    height: 80vh;
    width: 100%;
  }.aux_caj_text_aceit {
    flex-direction: column;
    height: 100%;
    width: 94%;
    align-items: center;
  }.caj_niet_aceit {
    width: 100%;
    height: 48%;
  }.aceites_part {
    font-size: .71em;
  }
  /*-------------- tercera pantalla --------------*/
  #titulo-pruebas {
    max-height: 10vh;
    margin: auto 0;
    box-sizing: border-box;
    font-size: 1.2rem;
  }#titulo-pruebas * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }#grupo_pruebas {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 80vh;
  }.parte_pruebas {
    font-size: .699rem;
    font-weight: 400;
    text-align: justify;
    width: 98%;
    height: 30%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
  }#note-pruebas {
    box-sizing: border-box;
    border-top: 2px solid rgb(255, 236, 10);
    margin-bottom: 0;
    width: 100%;
    font-size: .55rem;
    padding-top: 5px;
    font-weight: 200;
  }.parte_pruebas ul {
    margin: 0;
  }.parte_pruebas li {
    font-size: .609rem;
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    border-bottom: 2px solid white;
    font-weight: 600;
  }#slider_contenedor {
    max-height: 150px;
    max-width: 150px;
    position: relative;
    overflow: hidden;
    margin: auto;
    box-sizing: border-box;
  }.miSlider_fade {
    display: flex;
    animation-name: fade;
    animation-duration: .5s;
  }.miSlider_fade img {
    height: 150px;
    width: 150px;
    object-fit: cover;
    vertical-align: top;
    transition: 3s;
  }.direcciones {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 30px;
  }.direcciones a {
    color: white;
    display: inline-block;
    padding: 2px;
    text-decoration: none;
  }
  /* ----------------------- cuarta pantalla ------------- */
  #titulo-construccion {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-construccion * {
    margin: 0;
    padding: 0;
  }#contenedor-construccion {
    height: 80vh;
    width: 95%;
    margin: 0 auto;
    font-size: 1rem;
    color: aliceblue;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }#contenedor_servicios_construccion {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }.parte_servicios_contruccion {
    box-sizing: border-box;
    width: 100%;
    height: 50%;
    align-items: center;
    justify-content: center;
    padding: auto;
    margin: 0;
  }#descripcion-construccion {
    display: flex;
    font-size: 1rem;
    text-align: start;
    color: rgb(255, 236, 10);
  }#list_li {
    margin-top: auto;
    display: flex;
  }#encierro-li {
    width: auto;
  }#encierro-li li {
    font-size: .7rem;
    border-bottom: 1px solid rgb(236, 231, 81);
    font-weight: 500;
  }#nota_construccion {
    width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    font-size: 0.5rem;
    text-align: center;
    text-decoration: none;
    border-top: 2px solid rgb(255, 236, 10);
    padding: 0;
  }
  /*-------------- quinta pantalla -----------*/
  #titulo-nosotros {
    font-size: 1.2rem;
    max-height: 10vh;
  }#titulo-nosotros * {
    margin: 0;
    padding: 0;
  }#contenedor_contenido_nos {
    margin: 0;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
  }#info-nosotros {
    width: 95%;
    height: auto;
    box-sizing: border-box;
    line-height: 1.1;
    font-size: .7rem;
  }#info-nosotros h5 {
    font-size: .685rem;
    margin: 0;
    padding: 0;
  }#contenedor_linea {
    width: 80%;
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    margin: 0 auto;
  }.cuadro-temporal {
    display: flex;
    flex-direction: column;
    align-content: center;
  }#contenedor_linea p {
    line-height: 1.1;
    font-size: 1em;
    padding: 0;
    margin-top: 0;
    margin-bottom: auto;
  }.cuadro-temporal h5 {
    color: rgb(236, 231, 81);
    font-size: .685rem;
    margin-bottom: 0;
    margin-top: auto;
  }#unique-temporal {
    height: auto;
    width: 95%;
    text-align: center;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }.actual {
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    font-size: .685rem;
  }.detalle_dos {
    font-size: .8rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
  }#actual-info {
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font-size: .7rem;
    font-weight: normal;
    color: white;
  }
  /* -------------- sexta pantalla ------------- */
  #titulo-form-cont {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-form-cont * {
    margin: 0;
    padding: 0;
  }#contenedor-de-form {
    height: 80vh;
    display: flex;
    flex-direction: column;
  }#formulario-de-contacto section .content p {
    font-size: .7rem;
  }
  /* -------------- septima pantalla ------------- */
  #titulo-b-trabajo {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-b-trabajo * {
    margin: 0;
    padding: 0;
  }#formulario-de-bolsa section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    text-align: center;
  }#formulario-de-bolsa p {
    font-size: .7rem;
  }
  /*PANTALLA CNOTACTOS LANDINDG */
  #formulario-de-contacto{
    height: auto;
  }.titulo_para_que > H3 {
    font-size: 1rem;
  }.titulo_para_que > H2 {
    font-size: 1.2rem;
  }.titulo_para_que P {
    font-size: .78rem;
  }#conteiner_section_a_forms{
    flex-direction: row;
  }#rect_list_contact{
    flex-direction: column;
    justify-content:baseline;
  }#rect_list_contact > div{
    margin: 2px 0;
    justify-content: start;
  }
  /*-----footer------*/
  .footer_secc {
    max-height: 10vh;
  }.imgmov {
    width: 28px;
    height: 28px;
  }

   /* CCONTACTOS PHP */ 
   #titulo_instrucciones{
    font-size: 1.2rem;
    }  
}
@media only screen and (min-width: 0px) and (max-width: 1080px) and (min-height: 0px) and (max-height: 550px) and (orientation: landscape) {
  body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: auto;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
  }#barra {
    height: 7vh;
    width: 100%;
    text-align: center;
    justify-content: center;
  }#barra h1 {
    padding: 0;
  }#detail {
    color: rgb(15, 15, 15);
    font-weight: 800;
    font-size: .9rem;
  }#letras_barra {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-stretch: wider;
    color: rgb(35, 35, 35);
    font-size: .8rem;
    text-align: center;
  }nav>a {
    display: none;
  }#contenedor_partes {
    width: 95%;
    height: 83vh;
    margin: auto;
    display: flex;
    flex-direction: row;
  }.parte {
    box-sizing: border-box;
    display: flex;
    align-content: center;
    width: 95%;
    height: 100%;
    text-transform: uppercase;
    align-content: center;
    color: rgb(236, 231, 81);
    margin: 0 auto;
    text-align: start;
  }.parte p {
    padding-top: 10px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.4rem;
    font-weight: 700;
  }#contenedor_contenedor_bajo {
    height: 10vh;
    max-height: 10vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }.area_boton {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    box-sizing: border-box;
  }#btnizq {
    flex-direction: row;
    height: inherit;
    padding-top: 0;
    padding-bottom: 0;
  }.socialbtn {
    width: 20px;
    height: 20px;
    padding: 0 5px;
    margin: 0;
  }#btnder {
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: row;
  }#btnder * {
    margin: 0;
    padding: 0;
  }.btnira {
    font-size: .69rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
  }.btnira * {
    margin: 0;
    padding: 0;
  }.link_animado {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: rgb(7, 7, 7);
    width: 100%;
  }.link_animado * {
    margin: 0;
    padding: 0;
  }
  /*---------pantalla dos--------- */
  #ingenieria {
    background-color: rgb(236, 231, 81);
  }#grupo-uno_inge {
    display: flex;
    flex-direction: row;
    width: 95%;
    margin-top: 0;
    margin-bottom: 0;
    max-height: 14vh;
    align-items: center;
  }#titulo-pantalla {
    width: 50%;
    font-size: 1.046rem;
    color: rgb(30, 30, 30);
    text-align: start;
  }#titulo-pantalla * {
    margin: 0;
    padding: 0;
  }#texto_titulo {
    width: 50%;
    font-weight: 600;
    text-align: justify;
    color: rgb(30, 30, 30);
    font-size: .559rem;
  }#texto_titulo * {
    margin: 0;
    padding: 0;
  }#encerrona {
    width: 100%;
    height: 76vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: linear-gradient(rgba(0, 0, 0, 0.799), rgba(0, 0, 0, 0.799)),
      url(./imgs/fondos/segunda/ingenieria02.jpg) no-repeat center/cover;
    background-attachment: fixed;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
  }.partes_ing_encerrona {
    margin: 0 auto;
    font-size: .65rem;
  }#parte_uno {
    width: 35%;
    text-align: start;
    padding: 0 10px;
    box-sizing: border-box;
    height: auto;
  }#parte_uno h4 {
    text-align: start;
    margin: 0;
    padding: 6px 0;
  }#parte_dos {
    width: 60%;
    display: flex;
    justify-content: center;
    height: auto;
  }details summary {
    font-size: .499rem;
    padding-top: 1px;
    padding-bottom: 1px;
  }details summary:after {
    font-size: .55rem;
  }details li {
    font-size: .625rem;
  }#parte_uno_dos {
    color: rgb(255, 255, 255);
    width: 40%;
    font-size: .756rem;
    text-shadow: 3px 2px rgb(100, 100, 110);
    margin-top: auto;
    margin-bottom: auto;
  }#parte_dos_dos {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    width: 40%;
    margin-top: auto;
    margin-bottom: auto;
  }
  /*--------------ACEITES----------------*/
#t_aceites {
    height: 10vh;
  }#t_aceites>h2 {
    font-size: 1.3rem;
  }.conteiner_section {
    height: 80vh;
    flex-direction: row;
    box-sizing: border-box;
  }.parte_aceites {
    width: 45%;
  }.aceites_part {
    font-size: .65rem;
    box-sizing: border-box;
  }#foto_aceite {
    width: 45%;
  }
  /*-------------- tercera pantalla --------------*/
  #titulo-pruebas {
    max-height: 10vh;
    margin: auto 0;
    box-sizing: border-box;
    font-size: 1.1rem;
  }#titulo-pruebas * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }#grupo_pruebas {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 80vh;
  }.parte_pruebas {
    font-size: .699rem;
    font-weight: 400;
    text-align: justify;
    width: 35%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 8px;
    display: flex;
    flex-direction: column;
  }#note-pruebas {
    box-sizing: border-box;
    border-top: 2px solid rgb(255, 236, 10);
    margin-bottom: 0;
    width: 100%;
    font-size: .55rem;
    padding-top: 5px;
    font-weight: 200;
  }.parte_pruebas ul {
    margin: 0;
  }.parte_pruebas li {
    font-size: .609rem;
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    border-bottom: 2px solid white;
    font-weight: 600;
  }#slider_contenedor {
    max-height: 150px;
    max-width: 150px;
    position: relative;
    overflow: hidden;
    margin: auto;
    box-sizing: border-box;
  }.miSlider_fade {
    display: flex;
    animation-name: fade;
    animation-duration: .5s;
  }.miSlider_fade img {
    height: 150px;
    width: 150px;
    object-fit: cover;
    vertical-align: top;
    transition: 3s;
  }.direcciones {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 30px;
  }.direcciones a {
    color: white;
    display: inline-block;
    padding: 2px;
    text-decoration: none;
  }
  /* ----------------------- cuarta pantalla ------------- */
  #titulo-construccion {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-construccion * {
    margin: 0;
    padding: 0;
  }#contenedor-construccion {
    height: 80vh;
    width: 95%;
    margin: 0 auto;
    font-size: 1rem;
    color: aliceblue;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }#contenedor_servicios_construccion {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
  }.parte_servicios_contruccion {
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: auto;
    margin: 0;
  }#descripcion-construccion {
    display: flex;
    font-size: 1rem;
    text-align: start;
    color: rgb(255, 236, 10);
  }#list_li {
    margin-top: auto;
    display: flex;
  }#encierro-li {
    width: auto;
  }#encierro-li li {
    font-size: .75rem;
    border-bottom: 1px solid rgb(236, 231, 81);
    font-weight: 500;
  }#nota_construccion {
    width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    font-size: 0.5rem;
    text-align: center;
    text-decoration: none;
    border-top: 2px solid rgb(255, 236, 10);
    padding: 0;
  }
  /*-------------- quinta pantalla -----------*/
  #titulo-nosotros {
    font-size: 1.2rem;
    max-height: 10vh;
  }#titulo-nosotros * {
    margin: 0;
    padding: 0;
  }#contenedor_contenido_nos {
    margin: 0;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
  }#info-nosotros {
    width: 95%;
    height: auto;
    box-sizing: border-box;
    line-height: 1.1;
    font-size: .7rem;
    font-weight: normal;
    color: white;
  }#info-nosotros h5 {
    font-size: .685rem;
    margin: 0;
    padding: 0;
  }#contenedor_linea {
    width: 80%;
    height: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    margin: 0 auto;
  }.cuadro-temporal {
    display: flex;
    flex-direction: column;
    align-content: center;
  }#contenedor_linea p {
    line-height: 1.1;
    font-size: 1em;
    padding: 0;
    margin-top: 0;
    margin-bottom: auto;
  }.cuadro-temporal h5 {
    color: rgb(236, 231, 81);
    font-size: .685rem;
    margin-bottom: 0;
    margin-top: auto;
  }#unique-temporal {
    height: auto;
    width: 95%;
    text-align: center;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }.actual {
    color: rgb(236, 231, 81);
    margin: 0;
    padding: 0;
    font-size: .685rem;
  }.detalle_dos {
    font-size: .8rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
  }#actual-info {
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font-size: .7rem;
    font-weight: normal;
    color: white;
  }
  /* -------------- sexta pantalla ------------- */
  #titulo-form-cont {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-form-cont * {
    margin: 0;
    padding: 0;
  }#contenedor-de-form {
    height: 80vh;
    display: flex;
    flex-direction: column;
  }#formulario-de-contacto section .content p {
    font-size: .7rem;
  }
  /* -------------- septima pantalla ------------- */
  #titulo-b-trabajo {
    max-height: 10vh;
    font-size: 1.2rem;
  }#titulo-b-trabajo * {
    margin: 0;
    padding: 0;
  }#formulario-de-bolsa section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    text-align: center;
  }#formulario-de-bolsa p {
    font-size: .7rem;
  }
  /* PAGINA DE CONTACTOS DE LANDING */
  #formulario-de-contacto{
    height: auto;
  }.titulo_para_que > H3 {
    font-size: 1rem;
  }.titulo_para_que > H2 {
    font-size: 1.2rem;
  }.titulo_para_que P {
    font-size: .78rem;
  }#conteiner_section_a_forms{
    flex-direction: row;
  }#rect_list_contact{
    flex-direction: column;
    justify-content:baseline;
  }#rect_list_contact > div{
    margin: 2px 0;
    justify-content: start;
  }
  /*-----footer------*/
  .footer_secc {
    max-height: 10vh;
  }.imgmov {
    width: 28px;
    height: 28px;
  }
  /* CONTACTOS PHP */
  #titulo_instrucciones{
    font-size: 1.4rem;
    }  
}
/*--------- TABLETAS PEQUE�0�5AS MEDIANAS Y GRANDES -------------------- */
@media only screen and (min-width: 551px) and (max-width: 800px) and (max-height: 1080px) and (orientation: portrait) {
  body {
    font-size: 14px;
  }#barra {
    text-align: center;
  }#detail {
    font-size: .7rem;
  }#letras_barra {
    font-size: .7rem;
  }#barra h1 {
    padding-left: .6rem;
  }nav>a {
    padding-right: .6rem;
    font-weight: 700;
    font-size: .6rem;
  }#inicio {
    background: linear-gradient(rgba(2, 1, 1, 0), rgba(209, 19, 19, 0)),
      url(./imgs/fondos/primera/tablet.jpg) no-repeat center/cover;
    background-attachment: fixed;
  }#contenedor_partes {
    flex-direction: column;
  }.parte {
    width: 100%;
    height: 50%;
  }.parte p {
    font-size: 2.5rem;
    text-align: center;
  }#contenedor_contenedor_bajo {
    flex-direction: column;
    box-sizing: border-box;
  }.area_boton {
    width: 100%;
    box-sizing: border-box;
  }.socialbtn {
    padding-left: .8rem;
    padding-right: .8rem;
    width: 36px;
    height: 36px;
  }#btnizq {
    padding: 0;
    margin: 0;
  }#btnder {
    padding: 0;
    margin: 0;
    align-content: center;
    justify-content: center;
  }
  /*pantalla dos >>> */
  #grupo-uno_inge {
    flex-direction: row;
    width: 98%;
    box-sizing: border-box;
  }#titulo-pantalla {
    box-sizing: border-box;
    width: 50%;
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
  }#texto_titulo {
    width: 50%;
    margin: 0;
    padding: 0;
    text-align: start;
  }#encerrona {
    flex-direction: column;
  }.partes_ing_encerrona {
    width: 100%;
  }#parte_uno {
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
  }#parte_uno * {
    margin: 0;
    padding: 2px 0;
  }#parte_dos {
    margin-top: 0;
    margin-bottom: auto;
  }details summary {
    width: 95%;
    font-size: .8rem;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid rgb(255, 236, 10);
    border-bottom: 1px solid rgb(255, 236, 10);
  }details li {
    font-size: .8rem;
  }
  /*pantalla pruebas >>>> */
  #grupo_pruebas {
    flex-direction: column;
  }.parte_pruebas {
    width: 100%;
    height: auto;
    padding: 3px 7px;
    font-size: .855rem;
  }.parte_pruebas li {
    font-size: .75rem;
  }#slider_contenedor {
    height: 9rem;
    width: 9rem;
  }.miSlider_fade img {
    height: 9rem;
    width: 9rem;
  }.direcciones {
    font-size: 25px;
  }
  /* cuarta pantalla >>>> */
  #contenedor-construccion {
    width: 95%;
  }#contenedor_servicios_construccion {
    flex-direction: column;
  }.parte_servicios_contruccion {
    width: 100%;
    height: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }.parte_servicios_contruccion * {
    margin: 0;
    padding: 0;
  }#descripcion-construccion {
    font-size: 1.6rem;
    text-align: center;
  }#descripcion-construccion>#note-pruebas {
    text-align: center;
  }
  /* quinta pantalla >>>> */
  .cuadro-temporal {
    display: flex;
    flex-direction: column;
    align-content: center;
  }#contenedor_linea p {
    line-height: 1.1;
    font-size: 1em;
    padding: 0;
    margin-top: 0;
    margin-bottom: auto;
  }.cuadro-temporal h5 {
    color: rgb(236, 231, 81);
    font-size: .685rem;
    margin-bottom: 0;
    margin-top: auto;
  }
  /* PANTALLA CONTACTOS EN LANDING */
  #formulario-de-contacto{
    height: auto;
  }.titulo_para_que > H3 {
    font-size: 1rem;
  }.titulo_para_que > H2 {
    font-size: 1.2rem;
  }.titulo_para_que P {
    font-size: .78rem;
  }#conteiner_section_a_forms{
    flex-direction: row;
  }#rect_list_contact{
    flex-direction: column;
    justify-content:baseline;
  }#rect_list_contact > div{
    margin: 2px 0;
    justify-content: start;
  }
}
@media only screen and (max-width: 1080px) and (min-height: 551px) and (max-height: 800px) and (orientation: landscape) {
  body {
    font-size: 14px;
  }

  #barra {
    text-align: center;
  }

  #detail {
    font-size: .9rem;
  }

  #letras_barra {
    font-size: .9rem;
  }

  #barra h1 {
    padding-left: .9rem;
  }

  nav>a {
    padding-right: .9rem;
    font-weight: 800;
    font-size: .8rem;
  }

  #inicio {
    background: linear-gradient(rgba(2, 1, 1, 0), rgba(209, 19, 19, 0)),
      url(./imgs/fondos/primera/seccionuno.jpg) no-repeat center/cover;
    background-attachment: fixed;
  }

  #contenedor_partes {
    flex-direction: row;
  }

  .parte {
    width: 50%;
    height: 100%;
    display: flex;
    align-content: center;
  }

  .parte p {
    font-size: 2.2rem;
    text-align: center;
  }

  #contenedor_contenedor_bajo {
    flex-direction: column;
    box-sizing: border-box;
  }

  .area_boton {
    width: 100%;
    box-sizing: border-box;
  }

  .socialbtn {
    padding-left: .8rem;
    padding-right: .8rem;
    width: 36px;
    height: 36px;
  }

  #btnizq {
    padding: 0;
    margin: 0;
  }

  #btnder {
    padding: 0;
    margin: 0;
    align-content: center;
    justify-content: center;
  }

  /*pantalla dos >>> */
  #grupo-uno_inge {
    flex-direction: row;
    width: 95%;
    box-sizing: border-box;
    align-content: center;
  }

  #titulo-pantalla {
    box-sizing: border-box;
    width: 50%;
    font-size: 1.9rem;
    margin: 0;
    padding: 0;
  }

  #texto_titulo {
    width: 50%;
    margin: 0;
    padding: 0;
    text-align: start;
    font-size: .95rem;
  }

  #encerrona {
    flex-direction: row;
  }

  .partes_ing_encerrona {
    width: 50%;
  }

  #parte_uno {
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.2rem;
  }

  #parte_uno * {
    margin: 0;
    padding: 2px 0;
  }

  #parte_dos {
    margin-top: 0;
    margin-bottom: auto;
  }

  details summary {
    width: 95%;
    font-size: .8rem;
    padding-top: 1px;
    padding-bottom: 1px;
    border-top: 1px solid rgb(255, 236, 10);
    border-bottom: 1px solid rgb(255, 236, 10);
  }

  details li {
    font-size: .85rem;
  }

  /*pantalla pruebas >>>> */
  #grupo_pruebas {
    flex-direction: row;
  }

  .parte_pruebas {
    width: 33%;
    height: 100%;
    padding: 3px 7px;
    font-size: 1rem;
  }

  .parte_pruebas li {
    font-size: .85rem;
  }

  #slider_contenedor {
    height: 11rem;
    width: 11rem;
  }

  .miSlider_fade img {
    height: 11rem;
    width: 11rem;
  }

  .direcciones {
    font-size: 25px;
  }

  /* cuarta pantalla >>>> */
  #contenedor-construccion {
    width: 95%;
  }

  #contenedor_servicios_construccion {
    flex-direction: row;
  }

  .parte_servicios_contruccion {
    width: 50%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }

  .parte_servicios_contruccion * {
    margin: 0;
    padding: 0;
  }

  #descripcion-construccion {
    font-size: 1.6rem;
    text-align: center;
  }

  #descripcion-construccion>#note-pruebas {
    text-align: center;
  }

  /* quinta pantalla >>> */
  .cuadro-temporal {
    display: flex;
    flex-direction: column;
    align-content: center;
  }

  #contenedor_linea p {
    line-height: 1.1;
    font-size: 1em;
    padding: 0;
    margin-top: 0;
    margin-bottom: auto;
  }

  .cuadro-temporal h5 {
    color: rgb(236, 231, 81);
    font-size: .685rem;
    margin-bottom: 0;
    margin-top: auto;
  }
}
@media only screen and (min-width: 700px) and (max-width: 1080px) and (max-height: 1400px) and (orientation: portrait) {
  body {
    font-size: 14px;
  }

  #barra {
    text-align: center;
  }

  #detail {
    font-size: .7rem;
  }

  #letras_barra {
    font-size: .7rem;
  }

  #barra h1 {
    padding-left: .6rem;
  }

  nav>a {
    padding-right: .6rem;
    font-weight: 700;
    font-size: .6rem;
  }

  #inicio {
    background: linear-gradient(rgba(2, 1, 1, 0), rgba(209, 19, 19, 0)),
      url(./imgs/fondos/primera/tablet.jpg) no-repeat center/cover;
    background-attachment: fixed;
  }

  #contenedor_partes {
    flex-direction: column;
  }

  .parte {
    width: 100%;
    height: 50%;
  }

  .parte p {
    font-size: 2.5rem;
    text-align: center;
  }

  #contenedor_contenedor_bajo {
    flex-direction: column;
    box-sizing: border-box;
  }

  .area_boton {
    width: 100%;
    box-sizing: border-box;
  }

  .socialbtn {
    padding-left: .8rem;
    padding-right: .8rem;
    width: 36px;
    height: 36px;
  }

  #btnizq {
    padding: 0;
    margin: 0;
  }

  #btnder {
    padding: 0;
    margin: 0;
    align-content: center;
    justify-content: center;
  }

  /*pantalla dos >>> */
  #grupo-uno_inge {
    flex-direction: row;
    width: 98%;
    box-sizing: border-box;
  }

  #titulo-pantalla {
    box-sizing: border-box;
    width: 50%;
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
  }

  #texto_titulo {
    width: 50%;
    margin: 0;
    padding: 0;
    text-align: start;
  }

  #encerrona {
    flex-direction: column;
  }

  .partes_ing_encerrona {
    width: 100%;
  }

  #parte_uno {
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
  }

  #parte_uno * {
    margin: 0;
    padding: 2px 0;
  }

  #parte_dos {
    margin-top: 0;
    margin-bottom: auto;
  }

  details summary {
    width: 95%;
    font-size: .8rem;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid rgb(255, 236, 10);
    border-bottom: 1px solid rgb(255, 236, 10);
  }

  details li {
    font-size: .8rem;
  }

  /*pantalla pruebas >>>> */
  #grupo_pruebas {
    flex-direction: column;
  }

  .parte_pruebas {
    width: 100%;
    height: auto;
    padding: 3px 7px;
    font-size: .855rem;
  }

  .parte_pruebas li {
    font-size: .75rem;
  }

  #slider_contenedor {
    height: 9rem;
    width: 9rem;
  }

  .miSlider_fade img {
    height: 9rem;
    width: 9rem;
  }

  .direcciones {
    font-size: 25px;
  }

  /* cuarta pantalla >>>> */
  #contenedor-construccion {
    width: 95%;
  }

  #contenedor_servicios_construccion {
    flex-direction: column;
  }

  .parte_servicios_contruccion {
    width: 100%;
    height: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }

  .parte_servicios_contruccion * {
    margin: 0;
    padding: 0;
  }

  #descripcion-construccion {
    font-size: 1.6rem;
    text-align: center;
  }

  #descripcion-construccion>#note-pruebas {
    text-align: center;
  }

  /* quinta pantalla >>>> */
  .cuadro-temporal {
    display: flex;
    flex-direction: column;
    align-content: center;
  }

  #contenedor_linea p {
    line-height: 1.1;
    font-size: 1em;
    padding: 0;
    margin-top: 0;
    margin-bottom: auto;
  }

  .cuadro-temporal h5 {
    color: rgb(236, 231, 81);
    font-size: .685rem;
    margin-bottom: 0;
    margin-top: auto;
  }
}