#top {
 font-size: 20px;   background: #223e66 !important;
}

#body-wrapper {
  position: relative; /* para que o pseudo-elemento se ancore a este */
  z-index: 0;         /* asegura que o contido quede por riba */
}

/* Fondo lateral difuminado */
#body-wrapper::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 493px;   /* ancho da imaxe */
  height: 100vh;  /* ocupa toda a altura da viewport */
  background: url('../images/florencio.png') no-repeat left center;
  background-size: auto 100%;  /* mantén proporcións da imaxe */
  opacity: 0.3;  /* nivel de transparencia (axusta entre 0.1 - 0.3) */
  filter: blur(2px); /* engade un lixeiro desenfoque */
  pointer-events: none; /* non bloquea clics do usuario */
  top: 100px;    /* aire arriba */
  bottom: 100px; /* aire abaixo */
  z-index: -1;
  margin-left: 50px;
}



/* Corpo do texto */
body, p, li, span {
  font-family: 'Montserrat', sans-serif;
  text-align: justify;      /* Xustifica o texto de marxe a marxe */
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700; /* podes axustar peso segundo necesites */
}




a {
text-decoration: underline;
text-underline-offset: 3px;
color: #fff !important;
}

#header .logo img, #header .logo svg {
    display: inherit;
    height: 60px;
    border-radius: 50%;
}
.title-center h1, .title-center h2 {
 text-align: inherit;
}
section#start {
 background: #3c6198;
}
#header
{
    background: #223e66;
}
body
{
    color: #fff;
}
h1, h2, h3, h4, h5, h6 {
    color: #acc341;
    text-transform: uppercase;
}

.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover 
{ 
    color: #acc33f !important;
}
#header a {
    color: #fff;
    text-transform: uppercase;
}
#footer
{
    background: #000 !important;
}