/* Archivo italic medium */
@font-face {
    font-family: 'Archivo';
    src: url('../files/fonts/Archivo-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: bold;
    font-display: swap;
}

/* Altura por defecto; la ajustamos con JS abajo */
:root { --nav-h: 56px; }

/* Franja de sección */
.section-header{
  background: rgba(2, 85, 139, 0.7);
  color:#fff;
  text-align:center;
  padding:.75rem 1rem;
  border-bottom: 1px solid rgba(0,0,0,.1);
  margin:0;
  position: sticky;         /* clave */
  top: var(--nav-h);        /* queda justo debajo de la navbar */
  z-index: 10 !important;   /* un poquito menos que la navbar */
}

.section-title{
  margin:0;
  font-weight:600;
  font-size:1.25rem;
   font-family: 'Archivo', sans-serif;
}

.hero-simple-splash {
  height: var(--hero-available-h);
  box-sizing: border-box;     /* <-- para que el padding no sume alto */
  overflow: hidden;           /* <-- evita desbordes que empujen el footer */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 20px;         /* ahora entra dentro del alto */
}

.hero-simple-splash__inner {
  transform-origin: center center;
  will-change: transform;
  /* opcional: darle el padding al inner en lugar del hero
  padding: 40px 0;
  */
}

.tittle-margins
{
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.remove-underline,
.remove-underline:link,
.remove-underline:visited,
.remove-underline:hover,
.remove-underline:active,
.remove-underline:focus {
  text-decoration: none;
}

h6
{
  color: #27c1e6;
  font-weight: 300;
}
/*
  --accent: #27c1e6;
  --text: #6c757d;*/