@media screen and (max-width: 768px) {
  :root {
    --color_primario: #8527c3fd;
    --color_primario_suave: #8527c383;
    --color_blanco: #fff;
    --color_gris_transparente: rgba(153, 150, 141, 0.3);
    --altura_header: 0px;
    /* --padding_left_right: 2rem; */
    --ancho_maximo: 1200px;
    overflow-x: hidden;
  }
  body {
    width: 100%;
  }
  /*  a {
    color: brown;
  } */

  /* HAMBURGUESA */

  .navbar {
    /* height: 100%; */
    /* outline: 1px solid red; */
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    /* position: relative; */
    padding: 0 20px;
    /* padding: 0 var(--padding_left_right); */
  }
  .logo {
    padding-left: 20px;
  }
  .logo__slogan {
    display: none;
    font-family: "Satisfy", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    color: black;
    position: relative;
    top: -15px;
    left: 10px;
  }
  .menu_hamburguesa {
    display: none;
  }
  .menu_hamburguesa:checked + .ul_links {
    height: calc(100vh - var(--altura_header));
  }

  .list_icon {
    cursor: pointer;
    position: relative;
  }
  /* .flecha{
    cursor: pointer;
    position: fixed;
} */
  .ul_links {
    /* outline: 3px solid blue; */
    width: 100%;
    background-color: var(--color_gris_transparente);
    position: absolute;
    top: var(--altura_header);
    left: 0;
    height: 0;
    overflow: hidden;
    /* height: calc(100vh - var(--altura_header)); */
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 2rem;
    /*  padding-top: 100px; */
    /* margin-top: 50px; */
    transition: all 0.3s;
  }
  .ul_links img {
    /* outline: 1px solid black; */
    margin-left: 250px;
    margin-top: 100px;
  }
  /* .li_links:hover {
    background-color: rgb(236, 188, 139, 0.5);
    color: var(--color_blanco);
    padding: 0px 30px;
    border-radius: 10px;
  } */

  /* .li_links:focus {
    color: #ffffff;
  } */

  .link {
    font-size: 3em;
    /*  color: var(--color_blanco); */
    /* color: black; */
    font-weight: bold;
  }
  /*  .link :hover {
    color: #fff;
  } */

  /* FIN HAMBURGUESA*/

  /* PRIMERA PAGINA */

  .header {
    background-image: url(../imagenes/domo-desierto-movil-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100wh;
    height: 100vh;
  }
  .header__texto {
    /* outline: 1px solid blue; */
    font-family: "Satisfy", cursive;
    font-weight: 400;
    font-style: normal;
    /* width: 95%; */
    padding-top: 14%;
    /* padding-left: 6%; */
    height: 95%;
    font-size: 1.4rem;
    line-height: 30px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
  }
  .texto__izquierda {
    /*  width: 26%; */
    /* padding-top: 9%; */
    width: 100%;
    padding-left: 10%;
    font-size: 1.6rem;
  }
  .texto__izquierda p {
    /* outline: 1px solid black; */
    display: inline;
    width: 100%;
    /* height: 20px; */
  }
  .texto__derecha {
    /* outline: 1px solid black; */
    /* background-color: azure; */
    width: 90%;
    padding-left: 5%;
    margin-bottom: 25px;
    text-align: center;
    font-size: 1.6rem;
  }

  .texto__derecha p {
    /* outline: 1px solid rgb(151, 57, 57);  */
    display: inline;
    width: 100%;
    height: 20px;
    /* padding-left: 10%; */
    /* padding-bottom: 5%; */
  }

  /* FIN PRIMERA PAGINA */

  .domoscom__texto pre {
    padding-top: 15px;
    font-size: 1.3rem;
    line-height: 18px;
  }

  /* SECCION DOMEROS */
  .domeros {
    background: url(../imagenes/pattern-abstract/6f5be7f6-9982-402a-b048-0eca39469734.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* width: 100%; */
    /* height: 100%; */
    height: 650vh;
  }
  .domeros__container {
    width: 95%;
  }
  .domeros__tarjeta__movil {
    /* outline: 1px solid rgb(180, 39, 39); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #000000;
    padding-top: 60px;
  }

  /*  .domeros__tarjeta__movil img {
    outline: 1px solid red;
  } */

  .domeros__tarjeta__movil h1,
  h3,
  h4,
  p,
  a {
    text-align: justify;
    font-family: "Satisfy", cursive;
    font-weight: 400;
    font-style: normal;
  }

  .domeros__tarjeta__movil h1 {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
  }
  .domeros__tarjeta__movil h2 {
    text-align: center;
    font-size: 1.2rem;
  }

  .domeros__tarjeta__movil h3 {
    font-size: 1.3rem;
    text-align: center;
    padding-top: 1.2rem;
  }

  .domeros__tarjeta__movil h4 {
    font-size: 1.3rem;
    text-align: center;
    padding-top: 1.2rem;
  }

  .domeros__tarjeta__movil a {
    font-size: 1.3rem;
    /* text-align: center; */
    padding: 0.3rem 1.4rem;
    margin: 0.9rem;
    background: rgba(0, 0, 0, 0.3);
  }

  .domeros__tarjeta__movil p {
    font-size: 1.2rem;
    line-height: 26px;
    width: 90%;
  }

  .domeros__tarjeta-1 {
    display: none;
  }

  /* FIN SECCION DOMEROS */

  .quees {
    display: none;
    height: 400vh;
  }

  .domoscom__texto {
    /*  outline: 1px solid blue; */
    /*  width: 100vw; */
    padding-top: 3%;
    /*  margin-left: 10%; */
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
  }
  .domoscom__texto pre {
    /* outline: 1px solid red; */
    width: 100%;
  }

  /* .paises {
    display: none;
  } */

  /* CONTACTO */
  .contacto {
    display: flex;
    flex-direction: column;
  }

  .formulario {
    /* background: rgb(226, 131, 131); */
    width: 80%;
    margin-left: 10%;
    /* margin-top: 100px; */
    display: flex;
    flex-direction: column-reverse;
  }
  form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
  }
  .formulario__texto {
    width: 90%;
    font-size: 1rem;
    font-weight: 800;
    line-height: 30px;
    padding-bottom: 20px;
  }
  .formulario input {
    width: 70%;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .formulario .mensaje {
    display: none;
  }

  .formulario .mensaje__movil {
    outline: 2px solid #000000;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 4px;
  }
  .formulario button {
    background: none;
    cursor: pointer;
    outline: none;
    margin-top: 10px;
  }
  /* .menu{
        width: 10%;
        padding-right: 0px;
        visibility: hidden;
    } */
}

@media (min-width: 768px) {
  .labe_hamburguesa {
    display: none;
  }
  /*  .ul_links {
    position: static;
    width: auto;
    height: auto;
    flex-direction: row;
    gap: 2rem;
  } */
  .link {
    font-size: 1.2rem;
    padding: 0.2rem 0.7rem;
    transition: all 0.3s;
  }

  /*  .mundo__izquierda {
    display: none;
  } */

  .formulario .mensaje__movil {
    display: none;
  }
}