.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24}
html{scroll-behavior:smooth}

.hero-gradient{background:linear-gradient(to bottom,rgba(26,20,18,.35) 0%,rgba(26,20,18,.85) 100%)}
.zoom-effect img{transition:transform .8s cubic-bezier(.4,0,.2,1)}
.zoom-effect:hover img{transform:scale(1.05)}
.transition-gentle{transition:all .3s cubic-bezier(.4,0,.2,1)}
.image-zoom-container img{transition:transform .8s cubic-bezier(.4,0,.2,1)}
.image-zoom-container:hover img{transform:scale(1.05)}

/* revelado al hacer scroll */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}
.reveal.visible{opacity:1;transform:none}

/* galería de detalles */
.masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:240px;gap:1.5rem}
.masonry-item:nth-child(2n){grid-row:span 2}

/* formulario minimal */
.input-minimal{border:none;border-bottom:1px solid #7c766c;background:transparent;border-radius:0;padding-left:0;transition:border-color .3s ease}
.input-minimal:focus{outline:none;box-shadow:none;border-bottom-color:#a53b1c}

/* menú móvil */
.mobile-menu{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}
.mobile-menu.open{max-height:60vh}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1!important;transform:none!important;transition:none}
  .zoom-effect:hover img,.image-zoom-container:hover img{transform:none}
}

/* ── botón flotante de WhatsApp ── */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;display:inline-flex;align-items:center;height:58px;
  border-radius:999px;background:#25D366;color:#fff;text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,0,.30);opacity:0;transform:translateY(14px);
  transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .3s,opacity .45s}
.wa-float.on{opacity:1;transform:none}
.wa-float:hover{box-shadow:0 16px 40px rgba(0,0,0,.38);transform:translateY(-3px)}
.wa-float .ico{width:58px;height:58px;display:grid;place-items:center;flex:none}
.wa-float .ico svg{width:30px;height:30px;fill:currentColor}
.wa-float .txt{max-width:0;overflow:hidden;white-space:nowrap;font-family:Inter,sans-serif;font-size:14px;font-weight:600;
  transition:max-width .45s cubic-bezier(.4,0,.2,1),padding-right .45s}
.wa-float:hover .txt,.wa-float:focus-visible .txt{max-width:240px;padding-right:24px}
@media (max-width:640px){.wa-float{right:16px;bottom:16px;height:54px}.wa-float .ico{width:54px;height:54px}.wa-float .txt{display:none}}
@media (prefers-reduced-motion:reduce){.wa-float{opacity:1;transform:none;transition:none}}