/* GG SEO — estilos mínimos y a prueba de temas ajenos (colores del tema vía currentColor) */

.gg-faq { display: grid; gap: 10px; max-width: 760px; }
.gg-faq details { border: 1px solid rgba(127,127,127,.35); border-radius: 10px; overflow: hidden; }
.gg-faq summary { cursor: pointer; padding: 14px 44px 14px 16px; font-weight: 600; list-style: none; position: relative; }
.gg-faq summary::-webkit-details-marker { display: none; }
.gg-faq summary::after { content: "+"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 20px; opacity: .7; transition: transform .2s; }
.gg-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.gg-faq details p { margin: 0; padding: 0 16px 14px; }

.gg-compartir { cursor: pointer; background: none; border: 1px solid currentColor; border-radius: 999px; padding: 8px 18px; font: inherit; color: inherit; }
.gg-compartir:hover { opacity: .75; }

/* Esquina IZQUIERDA y por debajo de cualquier flotante del tema (el WhatsApp
   de gg-farre vive en right:20px con z-index 9000). Posición ajustable por tienda. */
.gg-cta-llamar {
  display: none;
  position: fixed;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  left: var(--gg-cta-left, 16px);
  right: var(--gg-cta-right, auto);
  z-index: var(--gg-cta-z, 800);
  padding: 13px 20px; border-radius: 999px;
  background: #111; color: #fff; text-decoration: none; font-weight: 700;
  box-shadow: 0 4px 16px rgba(0,0,0,.35);
}
@media (max-width: 768px) { .gg-cta-llamar { display: inline-block; } }

.gg-seo-toast { position: fixed; left: 50%; bottom: 70px; transform: translateX(-50%); background: rgba(17,17,17,.92); color: #fff; border-radius: 999px; padding: 10px 18px; font-size: 14px; z-index: 10000; opacity: 0; transition: opacity .25s; pointer-events: none; }
.gg-seo-toast.on { opacity: 1; }