#yocl-floating-contact{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:900;font:600 14px/1.4 "YOCL Poppins",Poppins,Arial,sans-serif;color:#22262c}
#yocl-floating-contact summary{display:grid;place-items:center;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:#ffcf24;color:#22262c;cursor:pointer;list-style:none;box-shadow:0 4px 20px #22262c30;transition:background-color .18s,color .18s}
#yocl-floating-contact summary::-webkit-details-marker{display:none}
#yocl-floating-contact summary:hover{background:#22262c;color:#fff}
#yocl-floating-contact svg{display:block;width:27px;height:27px;flex:none}
#yocl-floating-contact .yfc-close{display:none}
#yocl-floating-contact[open] .yfc-close{display:block}
#yocl-floating-contact[open] .yfc-chat{display:none}
#yocl-floating-contact nav{position:absolute;bottom:74px;right:0;display:flex;flex-direction:column;gap:12px;width:max-content}
#yocl-floating-contact:not([open]) nav{display:none}
#yocl-floating-contact a{display:flex;align-items:center;justify-content:flex-end;gap:12px;text-decoration:none;color:#22262c}
#yocl-floating-contact a span{background:#fff;padding:9px 13px;border-radius:6px;box-shadow:0 2px 12px #22262c20}
#yocl-floating-contact a svg{box-sizing:content-box;width:26px;height:26px;padding:16px;border-radius:50%;box-shadow:0 4px 16px #22262c24;background:#22262c;color:#fff}
#yocl-floating-contact .yfc-whatsapp svg{background:#128c7e}
#yocl-floating-contact a:hover span{background:#ffcf24}
#yocl-floating-contact :is(a,summary):focus-visible{outline:3px solid #22262c;outline-offset:4px}
#yocl-floating-contact[open] nav{animation:yfc-reveal .18s ease-out}
@keyframes yfc-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#yocl-floating-contact{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){#yocl-floating-contact[open] nav{animation:none}#yocl-floating-contact summary{transition:none}}