/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	phpBB style name: Milk v2
	Based on style:   Merlin Framework (http://www.planetstyles.net)
    --------------------------------------------------------------
*/

/* Core */
@import url("normalize.css?hash=48eb3f89");
@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");


@import url("merlin.css?v=milk2.1.10");

/* Icons */
@import url("icons_forums_topics.css?v=milk2.1.10");

/* Custom Additions */
@import url("animate.css?v=milk2.1.10");
@import url("tooltipster.bundle.min.css?v=milk2.1.10");
@import url("tooltipster-sideTip-borderless.min.css?v=milk2.1.10");

/* Responsive */
@import url("responsive/xs-phones.css?v=milk2.1.10");
@import url("responsive/small-smaller-tablets.css?v=milk2.1.10");
@import url("responsive/medium-ipad.css?v=milk2.1.10");
@import url("responsive/large-desktops.css?v=milk2.1.10");
@import url("responsive/squishy.css?v=milk2.1.10");

/* Facelift */
@import url("dark.css?v=milk2.1.10");
@import url("fonts.css?v=milk2.1.10");
@import url("milk.css?v=milk2.1.10");

/* Asegura que el título de rango sea visible */
.postprofile dd.profile-rank strong,
.profile-rank .rank-title {
  display: inline;
}

/* En móviles: oculta SOLO la imagen de rango */
@media (max-width: 768px) {
  .postprofile dd.profile-rank img,
  .profile-rank img,
  .memberlist .profile-rank img {
    display: none !important;
  }
}

/* ===== Ajustes generales ===== */
:root {
  --sep: rgba(0,0,0,0.08); /* color de separadores, cambialo si quieres */
}

/* Línea sutil bajo la cabecera (fecha + botones) */
.postbody .author,
.postbody .post-meta {
  padding-bottom: 10px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--sep);
}

/* Línea sutil encima de la firma */
.postbody .signature {
  padding-top: 20px;
  margin-top: 12px;
  border-top: 1px solid var(--sep);
}

.postbody .signature {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,0.1);
  font-size: 0.9em;
  color: #555;
}

.avatar img,
.avatar {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
}

/* Contenedor centrado */
.gl-container {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Cabecera superior */
.gl-top {
  background: linear-gradient(180deg, #FDE400 0%, #FFA000 100%);
  height: 160px;
  display: flex;
  align-items: center;
}
.gl-social a {
  color: #fff;
  font-size: 22px;
  margin-right: 12px;
  text-decoration: none;
}
.gl-social a:hover { opacity: 0.8; }
.gl-logo {
  margin: 0 auto;
}
.gl-logo img { max-height: 100px; }

/* Menú */
.gl-menu-bar {
  background: #FFA000;
  height: 60px;
  display: flex;
  align-items: center;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.2),
              inset 0 -2px 4px rgba(0,0,0,0.2);
}
.gl-menu-container {
  height: 60px;
}
.gl-menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  gap: 24px;
  height: 100%;
  align-items: center;
}
.gl-menu a {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 60px;
  line-height: 60px;
}
.gl-menu a:hover { color: #FDE400; }

/* Placeholder userbar */
#gl-userbar { margin-left: auto; }


/* Forzar todo el contenido del foro al ancho de 1280 */
.gl-content {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}

/* Iconos sociales */
.gl-social i {
  font-size: 22px;
  color: #fff;
  transition: opacity .2s ease;
}
.gl-social i:hover { opacity: .8; }

/* Iconos menú */
.gl-menu i {
  font-size: 18px;
  margin-right: 6px;
  color: #fff;
}
.gl-menu a:hover i {
  color: #FDE400;
}

