.marca-logo{width:auto;display:block;object-fit:contain}
.whats-flutuante{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 60px);z-index:150;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border-radius:999px;background:#25d366;color:#fff;font:700 16px/1 var(--s-texto,sans-serif);text-decoration:none;box-shadow:0 8px 24px -6px #0006}
.whats-flutuante:hover{filter:brightness(1.06)}
.whats-flutuante svg{width:28px;height:28px;flex:none}
@media(max-width:600px){.whats-flutuante{right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 60px);width:56px;padding:0;justify-content:center}.whats-flutuante span{display:none}}