
.arino-menu-dialog{display:none}
@media(max-width:1024px){
.elementor-element-7877784.arino-menu-ready .elementor-nav-menu--dropdown{display:none!important}
.arino-menu-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;background:transparent;color:var(--e-global-color-85f68ad,#FFFFFF);cursor:pointer}
.arino-menu-icon{position:relative;width:26px;height:24px;display:block}
.arino-menu-icon span{position:absolute;left:0;width:26px;height:3px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.arino-menu-icon span:nth-child(1){top:3px}.arino-menu-icon span:nth-child(2){top:11px}.arino-menu-icon span:nth-child(3){top:19px}
.arino-menu-dialog[open]{display:block;position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:var(--e-global-color-primary,#10293F)}
.arino-menu-dialog::backdrop{background:transparent}
.arino-menu-circle{position:absolute;left:var(--menu-x);top:var(--menu-y);width:300vmax;height:300vmax;border-radius:50%;background:var(--e-global-color-85f68ad,#FFFFFF);transform:translate(-50%,-50%) scale(0);transition:transform .4s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.arino-menu-dialog.is-open .arino-menu-circle{transform:translate(-50%,-50%) scale(1)}
.arino-menu-close{position:absolute;z-index:2;left:calc(var(--menu-x) - 24px);top:calc(var(--menu-y) - 24px);color:var(--e-global-color-85f68ad,#FFFFFF);background:var(--e-global-color-f60005e,#4686BE);border:0!important;box-shadow:none;border-radius:0}
.arino-menu-close:hover,.arino-menu-close:focus,.arino-menu-close:active{background:var(--e-global-color-f60005e,#4686BE);color:var(--e-global-color-85f68ad,#FFFFFF);border:0!important;box-shadow:none}
.arino-menu-dialog.is-open .arino-menu-icon span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.arino-menu-dialog.is-open .arino-menu-icon span:nth-child(2){opacity:0}
.arino-menu-dialog.is-open .arino-menu-icon span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.arino-menu-links{position:relative;z-index:1;height:100%;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding: max(88px,calc(var(--menu-y) + 40px)) 24px max(24px,env(safe-area-inset-bottom));}
.arino-menu-links ul{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:8px;margin:0;padding:0;list-style:none}
.arino-menu-links li{width:100%;text-align:center;margin:0;padding:0;opacity:0;transform:translateY(-14px);transition:opacity .18s,transform .18s;transition-delay:0s}
.arino-menu-dialog.is-open li{opacity:1;transform:translateY(0);transition-delay:calc(.1s + var(--item-index)*.03s)}
.arino-menu-links a{display:block;padding:12px 8px;color:var(--e-global-color-primary,#10293F);font-family:Raleway,sans-serif;font-size:clamp(22px,3.5vw,30px);font-weight:600;line-height:1.2;text-transform:uppercase;text-decoration:none;letter-spacing:1px}
.arino-menu-links a:hover,.arino-menu-links a[aria-current="page"]{color:var(--e-global-color-f60005e,#4686BE)}
.arino-menu-links a:focus-visible,.arino-menu-close:focus-visible,.elementor-element-7877784 .elementor-menu-toggle:focus-visible{outline:3px solid var(--e-global-color-f60005e,#4686BE);outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.arino-menu-dialog *{transition:none!important}}

@media(max-width:1024px){
.arino-menu-dialog .arino-menu-close,
.arino-menu-dialog .arino-menu-close:hover,
.arino-menu-dialog .arino-menu-close:focus,
.arino-menu-dialog .arino-menu-close:active{
border:0!important;outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;
}
.elementor-element-7877784.arino-menu-ready .elementor-menu-toggle:focus:not(:focus-visible){
outline:none!important;box-shadow:none!important;
}
.arino-menu-dialog .arino-menu-close:focus-visible{
outline:2px solid var(--e-global-color-primary,#10293F)!important;outline-offset:3px;
}
}

@media(max-width:1024px){
.arino-menu-links .boton-menu{margin-top:16px}
.arino-menu-links .boton-menu>a{display:inline-block;width:auto;background:var(--e-global-color-accent,#60E4CD)!important;color:var(--e-global-color-primary,#10293F)!important;padding:12px 24px!important;border:0!important;border-radius:10px;font-weight:600!important}
.arino-menu-links .boton-menu>a:hover,.arino-menu-links .boton-menu>a:focus-visible{background:var(--e-global-color-6518d4f,#2AF5D1)!important}
.arino-menu-links .boton-menu>a::before,.arino-menu-links .boton-menu>a::after{display:none!important}
}

/* Preserve the menu label and give the appointment button pill corners. */
.boton-menu>a,
.arino-menu-links .boton-menu>a{
border-radius:999px!important;
text-transform:none!important;
letter-spacing:normal!important;
}

.arino-menu-links .boton-menu>a{display:inline-flex;align-items:center;justify-content:center;gap:15px}
.arino-menu-appointment-icon{display:inline-flex;flex-shrink:0;line-height:1}
.arino-menu-appointment-icon svg{width:.85em;height:.85em;fill:currentColor;transform:rotate(-45deg);transition:transform .3s ease}
.arino-menu-links .boton-menu>a:hover .arino-menu-appointment-icon svg,
.arino-menu-links .boton-menu>a:focus-visible .arino-menu-appointment-icon svg{transform:rotate(0deg)}
@media(prefers-reduced-motion:reduce){.arino-menu-appointment-icon svg{transition:none}}

/* No visible focus halo on navigation toggles. */
@media(max-width:1024px){
html body .elementor-element-7877784 .elementor-menu-toggle,
html body .elementor-element-7877784 .elementor-menu-toggle:is(:hover,:focus,:focus-visible,:active),
html body dialog.arino-menu-dialog button.arino-menu-close,
html body dialog.arino-menu-dialog button.arino-menu-close:is(:hover,:focus,:focus-visible,:active){
outline:0 solid transparent!important;
outline-color:transparent!important;
border:0 solid transparent!important;
border-color:transparent!important;
box-shadow:none!important;
-webkit-tap-highlight-color:transparent!important;
}
html body .elementor-element-7877784 .elementor-menu-toggle::before,
html body .elementor-element-7877784 .elementor-menu-toggle::after,
html body dialog.arino-menu-dialog button.arino-menu-close::before,
html body dialog.arino-menu-dialog button.arino-menu-close::after{
border-color:transparent!important;outline:none!important;box-shadow:none!important;
}
}
