@charset "utf-8";
/* ==========================================================
   BRINTAGE R218 — barra inferior con el mismo acabado suave
   que la barra superior
   - bordes superiores redondeados moderados
   - contorno suave gris azulado
   - sombra sutil integrada, no flotante
   ========================================================== */

:root{
    --bt-bottom-shell-border:rgba(213,224,237,.98);
    --bt-bottom-shell-bg:rgba(255,255,255,.92);
    --bt-bottom-shell-shadow:0 -7px 18px rgba(22,45,74,.07);
}

/* Base general: misma familia visual que la barra superior. */
#bom.bar-bottom,
.bar-bottom{
    background:var(--bt-bottom-shell-bg)!important;
    border-top:1px solid var(--bt-bottom-shell-border)!important;
    border-left:1px solid var(--bt-bottom-shell-border)!important;
    border-right:1px solid var(--bt-bottom-shell-border)!important;
    border-bottom:0!important;
    border-radius:12px 12px 0 0!important;
    box-shadow:var(--bt-bottom-shell-shadow)!important;
    -webkit-box-shadow:var(--bt-bottom-shell-shadow)!important;
    overflow:hidden!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
}

/* Mantener una lectura limpia del borde superior interno. */
#bom.bar-bottom .pos-m-a.menu,
.bar-bottom .pos-m-a.menu{
    border-top:0!important;
}

/* Escritorio / fixed: mismo acabado aprobado para la barra superior. */
@media (min-width:769px){
    #bom.bar-bottom.ce169,
    .bar-bottom.ce169{
        background:#fff!important;
        border-top:1px solid #e5edf6!important;
        border-left:1px solid #e5edf6!important;
        border-right:1px solid #e5edf6!important;
        border-bottom:0!important;
        border-radius:12px 12px 0 0!important;
        box-shadow:0 -6px 18px rgba(22,45,74,.08)!important;
        -webkit-box-shadow:0 -6px 18px rgba(22,45,74,.08)!important;
        overflow:hidden!important;
    }
}

/* Móvil: remate suave, sin exagerar el redondeo. */
@media (max-width:768px){
    #bom.bar-bottom,
    .bar-bottom{
        border-radius:12px 12px 0 0!important;
        box-shadow:0 -6px 16px rgba(22,45,74,.07)!important;
        -webkit-box-shadow:0 -6px 16px rgba(22,45,74,.07)!important;
    }
}