@import url("./base.css");
@import url("./login.css");
@import url("./protein.css");
@import url("./compartir.css");
@import url("./ranking.css");

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;

  overflow-x: hidden;
    font-family:Poppins,sans-serif;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

input,
select,
textarea {
  font-size: 16px !important;
}

button,
input,
select,
textarea {
  touch-action: manipulation;
}

.compra-proteina{
    width:100%;
    margin-top:28px;
    padding:24px 0 40px;
    text-align:center;
}

.compra-separador{
    width:100%;
    height:1px;
    background:rgba(255,255,255,.15);
    margin-bottom:24px;
}

.compra-pregunta{
    font-family:Poppins,sans-serif;
    color:#fff;
    font-size:18px;
    font-weight:600;
    margin-bottom:18px;
}

.btn-ver-proteina{
    display:block;
    width:90%;
    max-width:340px;
    margin:0 auto;
    padding:16px;
    background:#1268FF;
    border-radius:16px;
    color:#fff;
    text-decoration:none;
    font-size:16px;
    transition:.2s;
}

.btn-ver-proteina:hover{
    transform:translateY(-2px);
}

.link-catalogo{
    display:inline-block;
    margin-top:18px;
    color:#fff;
    font-family:Poppins,sans-serif;
    font-size:15px;
    text-decoration:none;
    opacity:.8;
}

.link-catalogo:hover{
    opacity:1;
}