/* Contacto consistente en las invitaciones de muestra de Vibras */
.vibras-contact-modal{--font:'Outfit',sans-serif;--body:'DM Sans',sans-serif;--blue:#1861a5;--navy:#1d2938;font-family:var(--body);font-size:14px;line-height:1.5;text-align:left;letter-spacing:normal;color:var(--navy)}
.vibras-contact-modal *{box-sizing:border-box}
.vibras-contact-modal a{color:inherit;text-decoration:none}
.vibras-contact-modal button{font:inherit}
.vibras-contact-arrow .v-arrow{width:19px;height:19px}
body.vibras-modal-open{overflow:hidden}
.vibras-contact-modal[hidden]{display:none!important}
.vibras-contact-modal{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:22px;isolation:isolate}
.vibras-contact-backdrop{position:absolute;inset:0;background:rgba(19,35,55,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:-1;cursor:pointer}
.vibras-contact-panel{position:relative;width:min(100%,465px);max-height:calc(100dvh - 44px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e5ebf2;box-shadow:0 30px 90px rgba(17,38,67,.21);border-radius:26px;padding:32px 31px 29px;animation:vibras-contact-in .22s ease-out;outline:none}
@keyframes vibras-contact-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.vibras-contact-close{position:absolute;top:17px;right:17px;width:37px;height:37px;border:1px solid #e5e9ed;background:#fff;border-radius:50%;display:grid;place-items:center;color:#58697a;cursor:pointer;transition:background .16s,color .16s}
.vibras-contact-close:hover{background:#edf4fb;color:var(--blue)}
.vibras-contact-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.vibras-contact-brand{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#f0f6fd;border-radius:17px;margin-bottom:21px}
.vibras-contact-brand img{width:39px;height:39px;object-fit:contain}
.vibras-contact-panel h2{font:750 clamp(26px,5vw,33px)/1.13 var(--font);color:var(--navy);letter-spacing:-1.2px;margin:0 44px 9px 0}
.vibras-contact-panel>p{font:400 14px/1.55 var(--body);color:#627386;margin:0 0 24px}
.vibras-contact-options{display:grid;gap:11px}
.vibras-contact-option{min-height:77px;display:flex;align-items:center;gap:15px;padding:13px 16px;border:1px solid #e4e9ee;border-radius:15px;background:#fff;color:var(--navy);transition:border-color .18s,background .18s,transform .18s}
.vibras-contact-option[href]:hover{border-color:#a8c5e4;background:#f6faff;transform:translateY(-1px)}
.vibras-contact-option:focus-visible,.vibras-contact-close:focus-visible{outline:3px solid #72aee5;outline-offset:3px}
.vibras-contact-icon{flex:none;display:grid;place-items:center;width:43px;height:43px;background:#edf4fb;border-radius:12px;color:var(--blue)}
.vibras-contact-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.vibras-contact-option-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.vibras-contact-option-copy strong{font:650 16px/1.25 var(--font)}
.vibras-contact-option-copy small{font:400 12px/1.4 var(--body);color:#6d7b8a}
.vibras-contact-arrow{font:450 22px var(--font);color:var(--blue);margin-left:auto}
.vibras-contact-option.is-unavailable{border-color:#edf0f3;background:#fafbfd;opacity:.56;cursor:not-allowed;user-select:none}
.vibras-contact-soon{margin-left:auto;color:#66788b;font:500 11px var(--body);padding:6px 9px;background:#edf1f5;border-radius:50px}
@media(max-width:520px){.vibras-contact-modal{padding:16px}.vibras-contact-panel{padding:29px 20px 24px;border-radius:21px;max-height:calc(100dvh - 32px)}.vibras-contact-panel h2{font-size:28px;max-width:315px}.vibras-contact-option{gap:11px;padding:12px;min-height:70px}.vibras-contact-icon{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.vibras-contact-panel{animation:none}.vibras-contact-option{transition:none}}


