/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");

/* ==== AJUSTES CABECERA Y LOGO PERSONALIZADO (versión ajustada) ==== */
#page-header {
    text-align: center;
    padding: 5px 0;
}

/* Centrado y tamaño equilibrado */
#site-description {
    text-align: center;
    padding: 5px 0;
}

/* Tamaño y márgenes del logo */
#logo img {
    max-width: 260px;   /* 🔹 tamaño ideal según tu captura anterior */
    height: auto;
    margin-bottom: 5px;
}

/* Título del foro */
#page-header h1, #site-description h1 {
    font-size: 1.6em;
    color: #ffffff;
    margin: 4px 0;
}

/* Descripción del foro */
#page-header p, #site-description p {
    font-size: 1em;
    color: #e0e0e0;
    margin: 0;
}
/* Logo como fondo del header (versión final con ajuste responsive) */
.headerbar {
    background-image: url("./images/logo_recuperarelpelo.png");
    background-size: 45% auto;     /* logo grande y visible */
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 200px;             /* alto ideal en ordenador */
    background-color: #2babe1;     /* azul de fondo */
}

/* Ajuste automático en pantallas pequeñas */
@media (max-width: 768px) {
    .headerbar {
        background-size: 100% auto; /* que ocupe más ancho en móvil */
        min-height: 150px;          /* menos alto para pantallas pequeñas */
    }
}