/* Ponle Marketing · sistema visual unificado V17 */
:root{--pm-brand-yellow:#F2B70C;--pm-whatsapp-green:#25D366;--pm-dark:#222124}
/* Color oficial, no tonalidades mostaza ni naranja */
.pm-head .brand span strong,.top .brand b{color:var(--pm-brand-yellow)!important}
/* Redes sociales: una sola ubicación clara al final de cada página */
.pm-social-follow{min-width:132px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}
.pm-social-heading{font:800 13px/1.35 'DM Sans',system-ui,sans-serif;letter-spacing:.035em;color:inherit}
.pm-social-icons{display:flex;align-items:center;gap:12px}
.pm-social-icons a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(242,183,12,.55);background:var(--pm-brand-yellow);color:#222124;transition:transform .2s,box-shadow .2s,background .2s}
.pm-social-icons a:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0003;background:#ffcc36}
.pm-social-icons a:focus-visible{outline:3px solid #5E9BFF;outline-offset:3px}
.footer .pm-social-follow{color:#fff}
/* Un solo CTA verde reconocible en todas las páginas */
a.pm-unified-wa,a.pm-unified-wa.whatsapp-float,a.pm-unified-wa.wa-float{position:fixed;z-index:100;bottom:22px;right:22px;left:auto;top:auto;display:inline-flex;gap:11px;align-items:center;justify-content:center;min-width:148px;min-height:54px;padding:12px 18px;border-radius:999px;background:var(--pm-whatsapp-green);border:2px solid #fff;color:#103821;font:800 14px/1.2 'DM Sans',system-ui,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 8px 28px #0b2c2066;transition:background-color .2s,transform .2s,box-shadow .2s}
a.pm-unified-wa .pm-wa-icon{display:block;flex:0 0 22px;width:22px;height:22px}
a.pm-unified-wa span,a.pm-unified-wa.wa-float span{display:inline!important;font-size:14px;line-height:1.1;font-weight:800;letter-spacing:0;color:inherit}
a.pm-unified-wa:hover,a.pm-unified-wa.wa-float:hover{background:#33e676;color:#0e3420;transform:translateY(-3px);box-shadow:0 11px 28px #0b2c2077}
a.pm-unified-wa:focus-visible{outline:3px solid #086ac1;outline-offset:4px}
/* CTA principal de contacto en la misma familia cromática de WhatsApp */
a.contact-wa{background:#25D366;color:#103821;border-color:#13a44a}
a.contact-wa:hover{background:#33e676;color:#103821}
/* Flecha para volver al inicio, siempre por encima del CTA WhatsApp */
.pm-page-top{position:fixed;z-index:101;right:24px;bottom:90px;display:grid;place-items:center;width:49px;height:49px;padding:0;border-radius:50%;border:2px solid var(--pm-brand-yellow);background:#222124;color:var(--pm-brand-yellow);box-shadow:0 8px 24px #0004;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px);transition:opacity .23s,visibility .23s,transform .23s}
.pm-page-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.pm-page-top:hover{background:#393939;transform:translateY(-3px)}
.pm-page-top:focus-visible{outline:3px solid #086ac1;outline-offset:4px}
/* La flecha original de inicio se alinea también al CTA verde */
.back-to-top{bottom:90px!important}
@media(max-width:560px){a.pm-unified-wa,a.pm-unified-wa.whatsapp-float,a.pm-unified-wa.wa-float{right:12px;bottom:12px;min-height:50px;padding:10px 14px;gap:9px;min-width:138px}.pm-page-top{right:14px;bottom:78px;width:48px;height:48px}.back-to-top{bottom:78px!important}.pm-social-follow{width:100%}}
@media(prefers-reduced-motion:no-preference){@keyframes pm-wa-nudge{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-3px) rotate(-2deg)}40%{transform:translateX(3px) rotate(2deg)}60%{transform:translateX(-2px) rotate(-1deg)}80%{transform:translateX(2px) rotate(1deg)}}.pm-unified-wa.pm-wa-nudge:not(:hover):not(:focus-visible){animation:pm-wa-nudge .72s ease-in-out 1}}
@media(prefers-reduced-motion:reduce){.pm-unified-wa,.pm-page-top,.pm-social-icons a{animation:none!important;transition:none!important}}
