/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	phpBB style name: H2O
	Based on style:   Merlin Framework (http://www.planetstyles.net)
    --------------------------------------------------------------
*/

/* Core */
@import url("merlin.css?v=H2O115");

@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=a9741ba1");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=be57a41d");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=b64464fb");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=87b53e08");

/* Icons */
@import url("icons_forums_topics.css?v=H2O115");

/* Custom Additions */
@import url("animate.css?v=H2O115");
@import url("tooltipster.bundle.min.css?v=H2O115");
@import url("tooltipster-sideTip-borderless.min.css?v=H2O115");

/* Responsive */
@import url("responsive/xs-phones.css?v=H2O115");
@import url("responsive/small-smaller-tablets.css?v=H2O115");
@import url("responsive/medium-ipad.css?v=H2O115");
@import url("responsive/large-desktops.css?v=H2O115");
@import url("responsive/squishy.css?v=H2O115");

/* Facelift */
@import url("fonts.css?v=H2O115");
@import url("h2o.css?v=H2O115");
@import url("opacity.css?v=H2O115");
@import url("palette.css?v=H2O115");



.userbarTopico {
    height: 20px;
    width: 100%;
    margin: 0 auto;
    max-width: 350px;
    border: 1px solid rgba(0,0,0,.5);
    background-repeat: no-repeat;
    background-position: right center;
background-size: auto;
}
.post > .inner{
display:flex;
position:relative;
}
.postprofile_Left .postprofile{
    min-width: 260px;
    padding-right: 20px;
    margin-right: 20px;
}
.back2top {
    clear: both;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* Fundo com imagem de raios */
body {
    background: url('https://cdn.pixabay.com/photo/2016/06/17/06/14/lightning-1461071_1280.jpg') no-repeat center center fixed;
    background-size: cover;
    font-family: 'Segoe UI', sans-serif;
}

/* Fundo mais escuro nas caixas para contraste */
.forabg, .forumbg, .panel, .inner, .post, .postbody {
    background-color: rgba(15, 15, 15, 0.92);
    border-radius: 12px;
    border: 1px solid #444;
    padding: 12px;
}

/* Cabeçalhos com brilho */
.forabg .header, .forumbg .header, .panel .header {
    border-radius: 12px 12px 0 0;
    background: linear-gradient(90deg, #1f1f1f, #2a2a2a);
    border-bottom: 1px solid #ff00cc60;
    box-shadow: 0 2px 4px #00000066;
}

/* Fundo com imagem de raios */
body {
    background: url('https://cdn.pixabay.com/photo/2016/06/17/06/14/lightning-1461071_1280.jpg') no-repeat center center fixed;
    background-size: cover;
    font-family: 'Segoe UI', sans-serif;
}

/* Fundo mais escuro nas caixas para contraste */
.forabg, .forumbg, .panel, .inner, .post, .postbody {
    background-color: rgba(15, 15, 15, 0.92);
    border-radius: 12px;
    border: 1px solid #444;
    padding: 12px;
}

/* Cabeçalhos com brilho */
.forabg .header, .forumbg .header, .panel .header {
    border-radius: 12px 12px 0 0;
    background: linear-gradient(90deg, #1f1f1f, #2a2a2a);
    border-bottom: 1px solid #ff00cc60;
    box-shadow: 0 2px 4px #00000066;
}

/* Botões com neon */
.button, .btn, input[type="submit"], input[type="button"], .btn-default {
    border-radius: 5px;
    background: linear-gradient(45deg, #DBA91F, #DBA91F);
    border: none;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    box-shadow: 0 0 9px #FFFFFF;
    transition: all 0.3s ease;
}
.button:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px #ff00ccaa;
}

/* Campos de formulário */
input, textarea, select {
    background-color: #222;
    color: white;
    border-radius: 6px;
    border: 1px solid #555;
}

/* Bordas e elementos */
.topiclist > li, .row {
    border-radius: 10px;
    background-color: rgba(30, 30, 30, 0.95);
    margin-bottom: 8px;
}

/* Rodapé */
#page-footer {
    border-radius: 10px 10px 0 0;
    background-color: #111;
}

/* Remover barras duras */
hr {
    border: none;
    border-top: 1px solid #333;
    border-radius: 2px;
}

.userbarTopico {
    height: 20px;
    width: 100%;
    margin: 0 auto;
    max-width: 350px;
    border: 1px solid rgba(0,0,0,.5);
    background-repeat: no-repeat;
    background-position: right center;
background-size: auto;
}
.post > .inner{
display:flex;
position:relative;
}
.postprofile_Left .postprofile{
    min-width: 260px;
    padding-right: 20px;
    margin-right: 20px;
}
.back2top {
    clear: both;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* Garante que os slides não fiquem centralizados e reduz o espaçamento */
.latest-videos-carousel .swiper-wrapper {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 4px; /* Espaço mínimo entre os vídeos */
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Garante que o primeiro vídeo cole na esquerda */
.latest-videos-carousel .swiper-slide:first-child {
  margin-left: 0 !important;
}

/* Alinha cada slide no início e remove espaçamento extra */
.latest-videos-carousel .swiper-slide {
  display: flex !important;
  justify-content: flex-start !important;
  margin: 0 !important;         /* remove margens laterais */
  padding: 0 !important;        /* remove qualquer padding que interfira */
  width: auto !important;       /* previne largura forçada */
}

.video-card {
  width: 250px;
  background: #222;
  padding: 10px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s ease;
}

.video-card:hover {
  transform: translateY(-4px);
}

.video-card img {
  width: 100%;
  border-radius: 5px;
}

.video-card p {
  margin-top: 10px;
  font-size: 14px;
  color: #eee;
  line-height: 1.4em;
}

/* Banner responsivo e limitado no mobile */
img[alt="Banner"] {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  object-fit: cover;
}

/* Limite no mobile: evita corte e estoura menos */
@media (max-width: 768px) {
  img[alt="Banner"] {
    max-height: 200px;
    object-fit: cover;
  }
}

a[href*="app.php/help"] {
  display: none !important;
}

a[href*="faq"] {
  display: none !important;
}

#redirect-modal {
  font-family: 'Segoe UI', sans-serif;
  background-color: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(4px);
}

#redirect-modal p {
  font-size: 20px;
  color: #ccc;
}