/* Submenu Cidades no cabeçalho: abre no hover e também ao receber foco pelo teclado. */
.cnf-header__categories{overflow:visible!important}
.cnf-city-menu{position:relative;display:flex;align-self:stretch;align-items:center}
.cnf-city-menu>a{display:flex;align-items:center;gap:7px;height:66px;text-decoration:none}
.cnf-city-menu>a .bi{font-size:10px;transition:transform .18s ease}
.cnf-city-menu__panel{position:absolute;z-index:70;top:calc(100% - 3px);left:50%;display:grid;min-width:210px;padding:9px;background:#202020;border:1px solid #393939;border-radius:0 0 7px 7px;box-shadow:0 14px 30px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.cnf-city-menu__panel a{display:block!important;padding:10px 13px!important;color:#fff!important;font-size:14px!important;font-weight:600!important;line-height:1.2;text-decoration:none}
.cnf-city-menu__panel a:hover,.cnf-city-menu__panel a:focus-visible{background:#e10600;color:#fff!important;outline:0}
.cnf-city-menu:hover .cnf-city-menu__panel,.cnf-city-menu:focus-within .cnf-city-menu__panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.cnf-city-menu:hover>a .bi,.cnf-city-menu:focus-within>a .bi{transform:rotate(180deg)}
@media(max-width:900px){.cnf-city-menu>a{height:54px}.cnf-city-menu__panel{left:0;transform:translate(0,-8px)}.cnf-city-menu:hover .cnf-city-menu__panel,.cnf-city-menu:focus-within .cnf-city-menu__panel{transform:translate(0,0)}}
@media(max-width:480px){.cnf-city-menu>a{height:48px}.cnf-city-menu__panel{min-width:190px}}