/* Guía Gastronómica · botón flotante. */
.gg-boton-flotante { position: fixed; right: 16px; bottom: 16px; z-index: 9990; font-family: var(--ayto-fuente, system-ui, sans-serif); font-size: 15px; }
.gg-boton-flotante summary {
	list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
	background: var(--ayto-color, #8a1c3a); color: #fff; padding: 10px 16px; border-radius: 999px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .25); font-weight: 700; max-width: 70vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gg-boton-flotante summary::-webkit-details-marker { display: none; }
.gg-boton-flotante summary:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px var(--ayto-color, #8a1c3a); }
.gg-boton-icono { font-size: 18px; line-height: 1; }
.gg-boton-flotante ul {
	position: absolute; right: 0; bottom: calc(100% + 8px); margin: 0; padding: 6px; list-style: none; min-width: 240px;
	background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}
.gg-boton-flotante li a, .gg-boton-flotante li button {
	display: flex; justify-content: space-between; gap: 10px; width: 100%; padding: 10px 12px; border: 0; background: none;
	color: #2b2b2b; text-decoration: none; font: inherit; text-align: left; border-radius: 6px; cursor: pointer;
}
.gg-boton-flotante li a:hover, .gg-boton-flotante li button:hover { background: #f4f5f7; color: var(--ayto-color, #8a1c3a); }
.gg-boton-flotante li a.principal { font-weight: 700; color: var(--ayto-color, #8a1c3a); }
.gg-boton-flotante form { margin: 0; border-top: 1px solid #eee; }
.gg-boton-cuenta { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: var(--ayto-color, #8a1c3a); color: #fff; font-size: 12px; font-weight: 700; }
@media print { .gg-boton-flotante { display: none; } }