*{box-sizing:border-box}
body{font-family:'DM Sans',sans-serif;color:#545454}
h1,h2,h3{font-family:'Manrope',sans-serif}

.noise{background-image:radial-gradient(#54545418 .7px,transparent .7px);background-size:10px 10px}

.lift{transition:transform .35s,box-shadow .35s}
.lift:hover{transform:translateY(-5px);box-shadow:0 22px 55px #54545417}

.navlink{position:relative}
.navlink:after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1px;background:#545454;transition:.25s}
.navlink:hover:after{width:100%}

.reveal{opacity:0;transform:translateY(18px);transition:.7s}
.reveal.on{opacity:1;transform:none}

details[open] .plus{transform:rotate(45deg)}
.plus{transition:.2s}

/* Badge "FOTOGRAFÍAS PRÓXIMAMENTE" — se oculta cuando ya hay imagen real */
.result:before{
  content:'FOTOGRAFÍAS PRÓXIMAMENTE';
  position:absolute;top:14px;left:14px;z-index:3;
  font-size:9px;letter-spacing:.16em;background:#fff;
  padding:7px 10px;
}
.result.has-photo:before{display:none}

@media(max-width:1279px){
  #mobile{max-height:0;overflow:hidden;transition:max-height .3s}
  #mobile.open{max-height:430px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}