:root{--interaction-duration:160ms;--interaction-ease:cubic-bezier(.2,.8,.2,1)}
button,a.primary,a.secondary,a.button,.portal-card{transition:transform var(--interaction-duration) var(--interaction-ease),box-shadow var(--interaction-duration) var(--interaction-ease),background-color var(--interaction-duration),border-color var(--interaction-duration),opacity var(--interaction-duration)}
@media(hover:hover){button:not(:disabled):hover,a.primary:hover,a.secondary:hover,a.button:hover,.portal-card:hover{transform:translateY(-2px);box-shadow:0 5px 16px #A8792C30}}
button:not(:disabled):active,a.primary:active,a.secondary:active,a.button:active,.portal-card:active{transform:translateY(0) scale(.98)}
button:focus-visible,a:focus-visible{outline:2px solid #F1D8A4;outline-offset:4px}
button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}
.footer-brand{display:inline-flex;vertical-align:middle;margin-right:8px}.footer-brand img{object-fit:contain}footer .brand-symbol,footer .footer-brand img,header .brand img,#welcome-image{animation:brand-greet 2s ease-in-out 2;transform-origin:center}
@keyframes brand-greet{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}
@media(hover:hover){footer a:hover .brand-symbol,footer .footer-brand:hover img,header .brand:hover img,.welcome:hover #welcome-image{animation:brand-hover .7s ease-in-out 1}}
@keyframes brand-hover{50%{transform:translateY(-3px) rotate(-6deg)}}
.whatsapp-mark{display:inline-block;flex-shrink:0;vertical-align:middle}.whatsapp-option{gap:8px}.hero{touch-action:pan-y pinch-zoom}
@media(prefers-reduced-motion:reduce){button,a.primary,a.secondary,a.button,.portal-card{transition:none!important;transform:none!important}footer .brand-symbol,footer .footer-brand img,header .brand img,#welcome-image{animation:none!important;transform:none!important}}