@media screen and (max-width: 481px)
{
  .boton_back{
    width: 35px!important;
    top: 5px!important;
    left:0;
}
.boton_ocultar{
  display: none;
}
  .inputs {
  margin-left:.5em ;
  margin-right: .5em;
  padding-right: .5em;
  width: 100%;
  min-width: 250px;
}
.caja__trasera div h2, .caja__trasera div h3{
  margin-top: 15px;
}
.caja__trasera div button {
  margin-top: 15px;
}
  header {
        height: 65px;
        position: fixed;
        z-index: 999;
        background-color: var(--fuentes);
        padding: 10px;
        top: 0px;
      
      }
      #form_cont{
        padding-left: 5px;
      }

      #form_cont,
      .form_contacto,
      .contenido.cont_contacto {
        width: 99%;
      }
      .form_contacto input,
      .form_contacto textarea{
        width: initial;
      }
      .mb-3{
        position: relative;
    left: -20px;
      }
      .googl_pol span {
        font-size: x-small;
        color: var(--intermedio);
            
      } 
          .plan{
        
        width: 99%;
      }
      .login_scr {
        
        width: 100%;
      }

.parrafo p ~ ul { margin-left: 10px; }

      .header_login{
        justify-content: center;
    }
       .contru{
        margin-top: .5em !important; 
      }

      .caja__trasera div.contenido, .caja__trasera div.sub_contenido, .caja__trasera div.parrafo, .caja__trasera div.imagen_article, .caja__trasera div.botones_reg {
        margin: 0px;
      }
      .parrafo {
        margin-top: 1em !important;
      }
      
      .caja__trasera div.sub_contenido
      {
        flex-direction: column;
        margin: 0px;
      }
      .registro_boton a{
        font-size: small;
      }
      .registro_boton {
        margin-right: 15px;
      }
      .reverse {
        flex-direction: column-reverse !important;
      }
      .logo{
        font-family: 'Imperial Script', cursive;
        color: var(--bg-color);
        font-size: 30px;
        line-height: 1;
      }
      .menuPpal{
        display: none;
        position: absolute;
       top:100%;
       right: 0;
       left: 0;
      }
     
      .menuPpal ul li {
        width: 100%;
      }
      .menuPpal ul li a {
        padding: 8px 30px 8px 10%;
        text-align: right;
      }
      .menuPpal ul li ul {
        position: relative;
        width: 100%;
        left: 0;
      }
      .menuPpal ul li ul li ul {
        position: relative;
        width: 100%;
        left: 0;
      } 
      .nav li a:hover {
        backdrop-filter: blur(10px);
        background-color: var(--fuentes);
        color: var(--bg-color-os);
      }
      .menuPpal ul li ul li a{    
        background-color: var(--intermedio);

 }

      .menu_hamburguesa:has(#menu_hamb:checked) ~ .menuPpal{
        display: block;
      }

      .nav{
        flex-direction: column;
      }
      .menu_div{
        flex-direction: row;
      }
#menu_hamb{
    display: none;
    padding: 0;
    font-weight: bold;
    border: 0;
    border-radius: 0px;
    margin-bottom: 0;
    width: auto;
    border: none;
     }
     .main_inicio{
        width: 100vw;
        height: 85vh;
        top: 68px;
        position: fixed;
        margin: 0!important;
        padding: 0!important;
     }
     .main_inicio::-webkit-scrollbar {
      display:unset;
    }
    footer{
      position: relative;
      height: 1.5em;
    }
    
    .imagen_article{
      align-items: center;
    }
    .svg_p{
      width: 45%
       !important;
    }
.imagen_article lord-icon{
  width: 70% !important;
}


    .attribution{
      color: var(--fuentes);
      margin-left: 1em ;
    }
    .attribution a {
      color: var(--intermedio);
    }
     body{
        display: flex;
        justify-content: center;
     }
     .content {
        width: 100%;
        border: 1px black solid; 
      height: fit-content;
      position: relative;
     }
     .contenido{
        height: fit-content;
     }
  .menu_hamburguesa{
    width: 35px;
    display: block;
    margin-top: 5px;
  }


}

@media (min-width:452px) and (max-width: 851px)
{
  .header_login{
    justify-content: center;
}
.login_scr {
        
  width: 100%;
}
    header {
        height: 65px;
        position: fixed;
        z-index: 999;
        background-color: var(--fuentes);
        padding: 10px;
        top: 0px;
      
      }
      .contru{
        margin-top: .5em !important; 
      }
      .caja__trasera div.contenido, .caja__trasera div.sub_contenido, .caja__trasera div.parrafo, .caja__trasera div.imagen_article, .caja__trasera div.botones_reg {
        margin: 0px;
      }
      .parrafo {
        margin-top: 1em !important;
      }
      
      .caja__trasera div.sub_contenido
      {
        margin: 0px;
      }
      .registro_boton a{
        font-size: small;
      }
      .registro_boton {
        margin-right: 15px;
     }
    
     .logo{
      font-family: 'Imperial Script', cursive;
      color: var(--bg-color);
      font-size: 30px;
      line-height: 1;
    }
    .menuPpal{
      display: none;
      position: absolute;
     top:100%;
     right: 0;
     left: 0;
    }
   
    .menuPpal ul li {
      width: 100%;
    }
    .menuPpal ul li a {
      padding: 8px 30px 8px 10%;
    }
    .menuPpal ul li ul {
      position: relative;
      width: 100%;
      left: 0;
    }
    .menuPpal ul li ul li ul {
      position: relative;
      width: 100%;
      left: 0;
    }
    .nav li a:hover {
      backdrop-filter: blur(10px);
      background-color: var(--fuentes);
      color: var(--bg-color-os);
    }
    .menuPpal ul li ul li a{    
      background-color: var(--intermedio);

}

    .menu_hamburguesa:has(#menu_hamb:checked) ~ .menuPpal{
      display: block;
    }

    .nav{
      flex-direction: column;
    }
    .menu_div{
      flex-direction: row;
    }
#menu_hamb{
  display: none;
  padding: 0;
  font-weight: bold;
  border: 0;
  border-radius: 0px;
  margin-bottom: 0;
  width: auto;
  border: none;
   }
   .main_inicio{
      width: 100vw;
      height: 65vh;
      top: 68px;
      position: fixed;
      margin: 0;
   }
   .main_inicio::-webkit-scrollbar {
    display:unset;
  }
  footer{
    position: relative;
    height: 1.5em;
  }
  
  .imagen_article{
    align-items: center;
  }
  .svg_p{
    width: 45%
     !important;
  }
.imagen_article lord-icon{
width: 125px !important;
}


  .attribution{
    color: var(--fuentes);
    margin-left: 1em ;
  }
  .attribution a {
    color: var(--intermedio);
  }
   body{
      display: flex;
      justify-content: center;
   }
   .content {
      width: 100%;
      border: 1px black solid; 
    height: fit-content;
    position: relative;
   }
   .contenido{
      height: fit-content;
   }
.menu_hamburguesa{
  width: 35px;
  display: block;
  margin-top: 5px;
}
.menuPpal ul li ul {    
 max-height: 100px;
  overflow-y: scroll;
}

.menuPpal ul li ul::-webkit-scrollbar {
  display:initial;
  width: 20px;
}
.menuPpal ul li ul::-webkit-scrollbar-track {
  background-color: var(--bg-color-os);
  box-shadow: inset 0 0 5px grey; 
}
.menuPpal ul li ul::-webkit-scrollbar-thumb {
  background-color: var(--fuentes);
  border-radius: 10px;

}


    }