/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*Estilos Generales Pagina de programa*/

body{
    font-family: "Open Sans",sans-serif;
}
 h1,  h2, h3,  h4,  h5,  h6{
    font-family: "Open Sans",sans-serif;
}

 span, p , a , li{
    font-family: "Open Sans",sans-serif;
}


/*Botones Web site*/
.hs-button {
  background-color: #ff0000;
  border-color: #ff0000;
  border-radius: 0px;
  border-width: 2px;
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding: 10.5px 44px !important;
}

.hs-button:hover,.hs-button:active {
  background-color: #ff0000 !important;
  border-color: #ff0000 !important;
  border-radius: 0px !important;
  border-width: 2px !important;
  color: #ffffff !important;
  font-family: "Open Sans",sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding: 10.5px 44px !important;
}

.hs_cos_wrapper {
  border-width: 0px;
}

.our-programs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

/*Fin botones Web Site*/

/*ENVIAR FORMULARIO*/
.hs-submit .actions .hs-button{   
    border-radius:0px !important;
    background-color: #ff0000 !important;
    border:2px solid #ff0000 !important;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 7.5px 44px !important;
}
.hs-submit .actions .hs-button:hover{   
    background-color: #ffffff !important;
    border:2px solid #ff0000 !important;
    color: #000000;
}

.cta-inscribirme{
    background: #ff0000 !important;
    border:2px solid #ff0000 !important;
    border-radius: 3rem !important;
    margin: 4rem auto 2rem !important;
    max-width: 400px !important;
    padding: 0.6rem !important;
    text-align: center !important;
}

.cta-inscribirme:hover{   
    background-color: #ffffff !important;
    border:2px solid #ff0000 !important;
    color: #000000 !important;
   
}
.cta-inscribirme:hover a{    
    color: #000000 !important;   
}
.cta-inscribirme a:hover{
    color: #000000 !important;
}

header.header .hs-button {
    border:2px solid #ff0000 !important;
    background: #ff0000 !important;
}

header.header .hs-button:hover {
    border:2px solid #ff0000 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
}


.hs-submit .actions .hs-button:disabled {
    background-color: #dddddd !important;
    border:2px solid #cccccc !important;
    color:#888888;  
    cursor: not-allowed;   
    opacity: 0.5;
    text-shadow: 1px 1px #ffffff;
  
}

.nav>nav>ul .header__menu-item--depth-1>a:hover {
    color:#ff0000;  

}

legend.hs-field-desc a {
    color: red;
}

label.hs-form-booleancheckbox-display a {
    color: red;
}






hrnegro{
background-color: #000;}
hrrojo{
background-color: #ff0000;}


@media (max-width: 991px) {
  .our-programs {
      display:block;
      text-align:center;
    }
  .our-programs div {
      margin-bottom:20px;  
    }
}

a.header__menu-link .header__menu-link--active-link { 
      color:#212429 !important;
}

.sidebar .hs_small_btn a {
    background: #ff0000;
    color: #ffffff;
}

.nav>nav>ul .header__menu-item--depth-1.active-branch>a, .nav>nav>ul .header__menu-item--depth-1.active>a {
    color: red !important;
}

.nav>nav>ul .header__menu-item--depth-1.active-branch>a .child-trigger svg path, .nav>nav>ul .header__menu-item--depth-1.active>a .child-trigger svg path {
    fill: red  !important;
}

.nav>nav>ul .header__menu-item--depth-1>a:hover .child-trigger svg path {
    fill: red  !important;
}

.nav>nav>ul .header__menu-submenu--level-2>.header__menu-item ul li.active-branch>a, .nav>nav>ul .header__menu-submenu--level-2>.header__menu-item ul li.active>a {
    color: #ff0000;
}

.nav>nav>ul .header__menu-submenu--level-2>.header__menu-item a:hover, .nav>nav>ul .header__menu-submenu--level-2>.header__menu-item ul li.active-branch>a, .nav>nav>ul .header__menu-submenu--level-2>.header__menu-item ul li.active>a {
    color: #ff0000;
}

.header__menu-submenu--level-2>.header__menu-item ul li.active>a {
    color: #ff0000;
}

ul.splide__pagination .splide__pagination__page.is-active {
    background: #ff0000;
}

.hs-button:active,.tabber .media-col .form-wrap input.hs-button:active,form input[type=submit]:active {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #fff
}

.splide .splide__arrow svg {
    fill: #ff0000 !important;
}

.splide__arrow svg path {
    fill: #ff0000 !important;
}

#app-design,form {
  overflow: visible !important;
  position: relative; 
}





thead td, thead th{
 background: #FF0000 !important;
}

button: focus{
   background: #e00707 !important;
   border-color: #e00707 !important;
}

.button: focus{
   background: #e00707 !important;
   border-color: #e00707 !important;
}