/* ============ BOTONES ============ */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--fuente-titulos);font-size:18px;letter-spacing:.04em;text-transform:uppercase;padding:14px 26px;border:0;border-radius:999px;white-space:nowrap;cursor:pointer}
.boton .fa-whatsapp{font-size:1.2em;line-height:1}
.boton .icono-chico{font-size:.95em;line-height:1}

/* Botón principal "Pedir" (terracota) */
.boton-pedir{color:var(--crema-claro);background:var(--terracota);box-shadow:0 3px 0 var(--sombra-boton)}
.boton-pedir:hover{color:var(--crema-claro);background:var(--terracota-hover)}

/* Botón claro (ej: Ver la carta PDF) */
.boton-crema{color:var(--marron);background:var(--hueso);box-shadow:0 3px 0 var(--sombra-boton)}
.boton-crema:hover{color:var(--marron);background:var(--crema-claro)}

/* Botón solo con borde, sobre fondo oscuro */
.boton-contorno{color:var(--crema);background:transparent;border:2px solid var(--crema);padding:12px 22px}
.boton-contorno:hover{color:var(--marron);background:var(--crema)}

/* Tamaños */
.boton-chico{font-size:17px;padding:10px 18px;box-shadow:0 2px 0 var(--sombra-boton)}
.boton-grande{flex:1 1 260px;padding:20px 30px}

.grupo-botones{display:flex;flex-wrap:wrap;gap:10px}

/* Botón redondo verde de WhatsApp, solo ícono */
.boton-whatsapp-icono{width:44px;height:44px;border-radius:50%;background:#25D366;color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 2px 0 var(--sombra-boton)}
.boton-whatsapp-icono:hover{background:#1FBE5B;color:#FFFFFF}
.boton-whatsapp-icono .fa-whatsapp{font-size:24px;line-height:1}