/* Section 03 layout: editorial copy left, controls centered under gallery. */
#ejemplos.examples-section .section-lead {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 6vw !important;
  padding-right: 6vw !important;
  text-align: left !important;
}

#ejemplos.examples-section .section-lead h2,
#ejemplos.examples-section .section-lead .intro {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

#ejemplos.examples-section .section-lead h2 strong {
  color: #c63d2d !important;
}

#ejemplos.examples-section .gallery-controls {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: max-content !important;
  max-width: calc(100% - 32px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}

#ejemplos.examples-section .gallery-controls #case-play {
  display: none !important;
}

#ejemplos.examples-section .gallery-controls #case-prev:hover,
#ejemplos.examples-section .gallery-controls #case-prev:focus-visible,
#ejemplos.examples-section .gallery-controls #case-next:hover,
#ejemplos.examples-section .gallery-controls #case-next:focus-visible {
  background: #c63d2d !important;
  background-color: #c63d2d !important;
  border-color: #c63d2d !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(198, 61, 45, .2) !important;
}

/* Sticky section navigation: dark hover states, red CTA. */
.pulso-content > .section-nav a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 10px !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  transition: background-color .22s ease, color .22s ease !important;
}

.pulso-content > .section-nav a:hover,
.pulso-content > .section-nav a:focus-visible {
  background: #111 !important;
  background-color: #111 !important;
  color: #fff !important;
  text-decoration: none !important;
}

.pulso-content > .section-nav a:last-child:hover,
.pulso-content > .section-nav a:last-child:focus-visible {
  background: #c63d2d !important;
  background-color: #c63d2d !important;
  color: #fff !important;
}

@media (max-width: 850px) {
  #ejemplos.examples-section .section-lead {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}