
/* BOTÓN DE CITA · el oficial de boomatik.com, copiado de su CSS */
.boo-cita{position:fixed;top:14px;right:20px;z-index:1000;display:inline-flex;align-items:center;
 background:linear-gradient(135deg,#EC4899,#BF00FF 50%,#8B5CF6);color:#fff!important;
 font:800 13.6px/1.2 Geist,system-ui,-apple-system,sans-serif;letter-spacing:.408px;
 text-transform:uppercase;padding:13.6px 25.6px;border-radius:999px;text-decoration:none;border:0;
 box-shadow:0 10px 30px -10px rgba(191,0,255,.6);
 transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.boo-cita:hover{transform:translateY(-2px);color:#fff!important;
 box-shadow:0 16px 40px -10px rgba(191,0,255,.8)}
@media (max-width:700px){.boo-cita{top:auto;bottom:14px;right:14px;font-size:12px;padding:11px 20px}}

/* FOOTER OFICIAL · el de Odoo, a todo lo ancho de la pantalla.
   Va dentro de #wrapwrap, que lleva el margen del menú lateral; se compensa con un margen negativo del
   ancho de ese menú para que el pie llegue de borde a borde. */
#bottom,#footer,.o_footer{width:100vw!important;max-width:100vw!important;
 margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}

.boo-exp,.boo-exp *{box-sizing:border-box}
.m3db{position:relative;min-height:92svh;display:grid;align-content:center;justify-items:center;
 text-align:center;padding:12svh 6vw;background:#07090C;color:#FFF6E9;overflow:hidden;
 font:400 16px/1.6 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.m3db .fondo{position:absolute;inset:0;background:no-repeat center/cover;transform:scale(1.04)}
.m3db .fondo:after{content:"";position:absolute;inset:0;
 background:radial-gradient(90% 80% at 50% 45%,rgba(7,9,12,.55),rgba(7,9,12,.92))}
.m3db .dentro{position:relative;z-index:2;max-width:24ch}
.m3db .eti{font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.34em;text-transform:uppercase;
 color:#EC4899;margin:0 0 26px}
.m3db h1{margin:0;font:700 clamp(2.1rem,5.2vw,4.2rem)/1.05 Inter,system-ui,sans-serif;
 letter-spacing:-.04em;color:#FFF6E9}
.m3db .reserva{display:inline-flex;align-items:center;margin-top:38px;
 background:linear-gradient(135deg,#EC4899,#BF00FF 50%,#8B5CF6);color:#fff;
 font:800 13.6px/1.2 Geist,system-ui,-apple-system,sans-serif;letter-spacing:.408px;
 text-transform:uppercase;padding:17px 34px;border-radius:999px;text-decoration:none;
 box-shadow:0 14px 38px -12px rgba(191,0,255,.7);
 transition:transform .35s cubic-bezier(.16,1,.3,1)}
.m3db .reserva:hover{transform:translateY(-2px);color:#fff}

#wrap.boo-exp h1,#wrap.boo-exp h2,#wrap.boo-exp h3,#wrap.boo-exp h4,#wrap.boo-exp h5,#wrap.boo-exp h6{color:inherit!important}
#wrap.boo-exp{overflow:visible!important}
