/* Botón de WhatsApp como dos azulejos unidos por pastina, en la paleta de TUTTI */
.tutti-wa{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:60;display:inline-flex;align-items:stretch;gap:3px;padding:3px;background:#FAF1E4;border-radius:20px 6px 20px 6px;box-shadow:0 12px 28px #1a121038,0 0 0 1px #1a121014;text-decoration:none;transition:transform .18s ease}
.tutti-wa-tile{display:grid;place-items:center;width:50px;height:50px;background:#D42A3D;color:#FAF1E4;border-radius:17px 3px 3px 3px;transition:background .18s ease}
.tutti-wa-label{display:flex;align-items:center;padding:0 18px 0 16px;background:#F4DD62;color:#1A1210;font:700 15px/1 'DM Sans',system-ui,sans-serif;letter-spacing:-.01em;border-radius:3px 3px 17px 3px;transition:background .18s ease}
.tutti-wa:hover{transform:translateY(-2px)}
.tutti-wa:hover .tutti-wa-tile{background:#1A1210}
.tutti-wa:hover .tutti-wa-label{background:#F6A8CE}
.tutti-wa:focus-visible{outline:3px solid #1A1210;outline-offset:3px}
/* No compite con el carrito abierto ni con los diálogos de consulta. */
body:has(#dc-root [data-tutti-close-cart]) .tutti-wa,body:has(dialog[open]) .tutti-wa{display:none}
/* En el celular, un solo azulejo con su pastina */
@media (max-width:560px){.tutti-wa{border-radius:18px 5px 18px 5px}.tutti-wa-tile{width:52px;height:52px;border-radius:15px 3px 15px 3px}.tutti-wa-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0}}
@media (prefers-reduced-motion:reduce){.tutti-wa,.tutti-wa-tile,.tutti-wa-label{transition:none}.tutti-wa:hover{transform:none}}
@media print{.tutti-wa{display:none}}