h1:after {
  content: '';
  display: block;
  height: 0.25rem;
  background-color: white;
  width: 0;
  animation: expandWidth 1s ease-out forwards;
  margin-top: 1rem; 
}

@keyframes expandWidth {
  from {
    width: 0;
  }
  to {
    width: 200px;
  }
}

.hero-section {
    position: relative;
    background: url('../img/slider-01.jpg') no-repeat center center/cover;
    height: 100vh;
}

.hero-section > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35vh;
    background: rgba(11, 44, 74, 0.75);
    display: flex;
    align-items: center;
}

.hero-section > div h1 {
    color: white;
    font-size: 4rem;
}

h1, h2, h3, h4, h5, h6 {
    color: #0B2C4A;
}

h2 {
  font-size: 4rem;
}

#servicios-consultoria h3 {
  font-size: 3rem;
}

h2::after {
    content: '';
    display: block;
    height: 0.25rem;
    background-color: #0B2C4A;
    width: 100px;
    margin-top: 1rem; 
    animation: expandWidth 1s ease-out forwards;
}

.vb-underline::after {
    content: '';
    display: block;
    height: 0.125rem;
    background-color: #0B2C4A;
    width: 100px;
    margin-top: 1rem; 
    animation: expandWidth 1s ease-out forwards;
}

.accordion-button:focus {
    box-shadow: none;
    border: none;
}

.height-100 {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

p.lead {
  font-size: 1.5rem;
}

ul.lead, .accordion-body, .accordion-header button {
  font-size: 1.25rem;
}

.accordion-header button {
  background-color: #f0f0f0;
}

#servicios-consultoria .accordion-header button {
  background-color: #FFF;
}

#nuestro-enfoque h3 button {
  font-family: 'Roboto Serif', serif !important;
}

/* Estilos específicos para el accordion de Áreas de Práctica */
#accordionAreasPractica .accordion-body p {
  font-size: 1.25rem !important;
  color: var(--bs-accordion-color) !important;
}

#accordionAreasPractica .accordion-header .accordion-button {
  background-color: var(--bs-accordion-active-bg) !important;
  color: var(--bs-accordion-color) !important;
}

#accordionAreasPractica .accordion-header .accordion-button:not(.collapsed) {
  background-color: rgba(0, 48, 136, 1) !important;
  color: white !important;
}

#accordionAreasPractica .accordion-item {
  border-bottom: 1px solid #7c9bb8 !important;
}

@media (max-width: 767px) {
    h2 {
        font-size: 3.5rem;
    }

    h3 {
      font-size: 2.75rem !important;
    }
}