:root{
      --shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
      --border: solid 2px var(--secondary-600);
  }

  
  input:focus{outline: none;}
 
  .modal-container{
      position: fixed;
      display: flex;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
  }

  .modal-content{
      position: relative;
      z-index: 5;
      background-color: var(--white);
      border: solid 1px var(--secondary-500);
      width: 70%;
      margin: auto;
      padding: 10px;
      border-radius: 10px;
      margin: auto;
      max-width: 600px;
  }
  .modal-header{
      display: flex;
      justify-content: flex-end;
  }
  .modal-header img{
      max-width: 40px;
      cursor: pointer;
  }

  /* TIENDA LINEA */
  *, body{
    padding: 0;
    margin: 0;
  }
  

  .hidden {
    display: none;
  }