:root {
    --gp-marca: #1f6fd6;
    --gp-marca-escura: #1857ad;
    --gp-marca-clara: #6aa3ee;
    --gp-marca-viva: #1f6fd6;
    --gp-marca-profunda: #0f3f80;
    --gp-hero-1: #f1f8ff;
    --gp-hero-2: #dcedfc;
    --gp-hero-3: #c4e1fa;
    --gp-azul-hero-texto: #0f3557;
    --gp-hover: #e8f1fc;
}

/* arrastar com a mãozinha (gp-arrastar.js) */
.gp-alca { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; color: #4338ca; background: #fff; border: 1px solid #c7d2fe; cursor: grab; touch-action: none; user-select: none; flex: none; }
.gp-alca:active { cursor: grabbing; }
.gp-arrastando { opacity: .45; }
.gp-arrastando-corpo, .gp-arrastando-corpo * { cursor: grabbing !important; user-select: none !important; }
.gp-alvo-antes { box-shadow: -6px 0 0 0 #4338ca; border-radius: 16px; }
.gp-alvo-depois { box-shadow: 6px 0 0 0 #4338ca; border-radius: 16px; }
.gp-alvo-zona { outline: 3px solid #4338ca; background: #e0e7ff !important; }
#gp-arr-fantasma { display: none; position: fixed; z-index: 100000; pointer-events: none; padding: 6px 12px; border-radius: 8px; background: #312e81; color: #fff; font: 700 13px Inter, system-ui, sans-serif; box-shadow: 0 6px 18px rgba(0, 0, 0, .3); }
#gp-redim-dica { display: none; position: fixed; z-index: 100000; pointer-events: none; padding: 6px 10px; border-radius: 8px; background: #312e81; color: #fff; font: 700 13px Inter, system-ui, sans-serif; }