/* cavernoma6 — camada nova (2026-10-26) por cima do CSS do Helix3 antigo: Joomla 6 / SPPB 6, celular e tablet. */

/* ---------- Geral ---------- */
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
#sp-main-body { overflow-x: clip; }
#sp-component table { max-width: 100%; }
:focus-visible { outline: 2px solid #26aae1; outline-offset: 2px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Carrossel da home (antes Revolution Slider): mod_custom .cav-slider */
.banner .cav-slider, .cav-slider { width: 100%; }

/* ---------- Tablet (768–991px) ---------- */
@media (min-width: 768px) and (max-width: 991px) {
	#sp-header .row { display: flex; align-items: center; }
	#sp-header .row::before, #sp-header .row::after { display: none; }
	#sp-header #sp-menu { margin-left: auto; text-align: right; }
}

/* ---------- Celular (< 768px) ---------- */
@media (max-width: 767px) {
	body { font-size: 16px; }
	#sp-header .row { display: flex; align-items: center; }
	#sp-header .row::before, #sp-header .row::after { display: none; }
	#sp-header #sp-menu { margin-left: auto; text-align: right; }
	#offcanvas-toggler { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
	.offcanvas-menu .nav.menu > li > a, .offcanvas-menu .nav.menu li li a { padding-top: 12px; padding-bottom: 12px; }
	.offcanvas-menu .offcanvas-menu-toggler { min-width: 44px; min-height: 44px; text-align: center; }
	#sp-component .sppb-addon-text-block, #sp-component p { overflow-wrap: anywhere; }
	#sp-component iframe { max-width: 100%; }
	#sp-top1 .sp-module { margin-bottom: 0; }
}

/* Tela /entrar compacta e centralizada */
.com-users-login{max-width:360px;margin:20px auto}
.com-users-login .com-users-login__form{padding:15px}
.com-users-login .control-group{margin-bottom:10px}
.com-users-login .control-label{float:none;width:auto;text-align:left;padding-top:0}
.com-users-login .controls{margin-left:0}
.com-users-login .form-control{width:100%}
.com-users-login .password-group .input-group{display:flex}
.com-users-login .plg_system_webauthn_login_button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px}
.com-users-login .plg_system_webauthn_login_button svg{width:18px;height:18px;fill:currentColor;flex:none}
.com-users-login button[type=submit]{width:100%}
.com-users-login__options{margin-top:10px;text-align:center}

/* topo: cor do layout do Helix3 antigo (#sp-top1) e caixa da Busca Inteligente no lugar do mod_search */
#sp-top1 { background-color: #4f4e4e; }
#sp-top1 search { display: block; }
#sp-top1 .mod-finder { margin: 0; }
#sp-top1 .mod-finder .js-finder-search-query { display: inline-block; width: 180px; max-width: 100%; height: 26px; padding: 2px 8px; font-size: 12px; line-height: 20px; color: #555; background: #fff; border: 1px solid #ccc; border-radius: 0; box-shadow: none; }

/* addon "feature" com alinhamento à esquerda: o SPPB 6 gera text-align:center no conteúdo (no SPPB 3 ficava à esquerda) */
.sppb-addon-feature.sppb-text-left > .sppb-addon-content { text-align: left !important; }