html{
    height:100%;
}
body.page-index{
    height:100%;
}
    body.page-index{
      margin:0;
      display:grid;
      place-items:center;
      background:var(--accent1);
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    }
    .wrap{width:min(1100px,92vw); padding:56px 0;}
    .logoSvg{width:100%; height:auto; display:block; cursor:none; user-select:none;}
    .logoBase{color:var(--accent4);}

    .scroll-indicator{


  pointer-events:none;
}
.mouse{
  width:24px;
  height:38px;
  border: 2px solid rgb(9 25 85);
  border-radius:14px;
  position:relative;
}
.mouse .wheel{
  width:4px;
  height:6px;
  background:rgb(9 25 85);
  border-radius:2px;
  position:absolute;
  top:8px;
  left:50%;
  transform:translateX(-50%);
  animation:wheel 1.6s infinite ease-in-out;
}
@keyframes wheel{
  0%{opacity:0; transform:translate(-50%,0);}
  30%{opacity:1;}
  60%{opacity:1; transform:translate(-50%,10px);}
  100%{opacity:0; transform:translate(-50%,14px);}
}
  
.caption{

    margin-top: -75px;
    font-weight: 400;
    text-align: center;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1.188rem;
    letter-spacing: 0.12em;
  
    color: var(--accent4);
}

@media (max-width: 1000px) and (min-width: 951px) {
  .caption {
    font-size: calc(0.9rem + (100vw - 950px) * 0.006);
  }
}

@media (max-width: 1300px) and (min-width: 1001px) {
  .caption {
    font-size: calc(1rem + (1300px - 100vw) * 0.000667);
  }
}

@media (max-width: 950px) and (min-width: 801px) {
  .caption {
    font-size: calc(0.8rem + (100vw - 800px) * 0.000667);
  }
}

@media (max-width: 800px) and (min-width: 691px) {
  .caption {
    font-size: calc(0.7rem + (100vw - 690px) * 0.000909);
  }
}

.stage{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:end;
  padding-bottom:48px;
}
#about {
    height: 100vh;
    background-color: var(--amarillo);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
  @media (max-width: 690px) {
    .caption {
       margin-top:3%;
      font-size:0.7rem;
      padding:0 11%;
      
    }
    .wrap{
      width: 100%;
      padding: 0 16px;
    }
.stage{
min-height:0;
  justify-content:center;
 
}

#about .section-about{
  justify-content:center;
  align-items:center;
}

#about .alinea-q{
  margin-left:0;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}

#about .text-more2,
#about .text-more3{
  text-align:center;
}

#about .columna-q{
  align-items:center;
}

#about .p-columna-q{
  margin-inline:auto;
  font-size: 1.1em;
}
}