header#main-header a:focus, 
.et_pb_button:focus, 
#et-secondary-menu a:focus {
    outline: 3px solid #8b6d4f !important;
    outline-offset: 2px !important;
}

.visually-hidden {
  position: absolute!important;
  width: 1px!important;
  height: 1px!important;
  padding: 0!important;
  margin: -1px!important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0!important;
}

html body a {
  color: #8b6d4f;
}
html body footer.et-l--footer a {
  color: #fff;
}

html body .joinchat__open .joinchat__open__text {
  color: #fff;
  background-color: color-mix(in srgb, #000 0%, #25d767 100%);
  
}

html body .et_pb_main_blurb_image > a > .et_pb_image_wrap > .et-pb-icon {
  opacity: 1!important;
}

/* Sobreescribir en tu sección de CSS */
html body .et-pb-controllers a {
    background-color: color-mix(in srgb, #8B6D4F 100%, #fff 50%) !important; 
    width: 15px !important; /* 15px sigue siendo poco para "Tap Target", 18-20px es mejor */
    height: 15px !important;
    border-radius: 15px;
    display: inline-block;
}
  html body .et-pb-controllers a.et-pb-active-control {
      color: #fff!important;
      background-color: #8B6D4F!important; /* El activo siempre sólido */
  }

  /* Creamos un área de clic invisible de 44px pero el punto sigue midiendo 15px */
  html body .et-pb-controllers a::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 44px;
      height: 44px;
      transform: translate(-50%, -50%);
  }


@media (max-width: 767px) {

  html body .et_pb_slider .et-pb-controllers {
    bottom: 0!important;
  }

}