/* @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    */
/*****************************************/
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

#hs-banner-parent {
  position: fixed!important;
  right: 0;
  top: 0;
  background-color: #fff!important;
  height: 100vh;
  overflow-y: auto;
  z-index: 9999;
}


/* boton de cierre  */
#hs-eu-header-container, #hs-modal-header-container{
  display: flex;
  flex-direction: row-reverse;
}
.is-hidden {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
}
#hs-eu-close-button, #hs-modal-close-button{
  justify-content: center;
  display: flex;
  width: 30px;
  height: 20px;
  align-items: center;
  border: none;
  background-color: #fff;
}

/* #hs-modal-close-button{
  margin-top: 2rem;
  margin-bottom: 2rem;
} */

#hs-eu-close-button svg{
  width: 100%;
  height: 100%;
}

/* estilos texto  */
    
.hs-category-row-header span{
  display: none;
}
#hs-eu-policy-wording {
padding:30px;
}
#hs-eu-policy-wording strong{
  color: #124734;
  font-family: "Raleway", sans-serif;
  font-size: 33px;
  text-align: center;
  margin: 0px;
  font-weight: 800;
}
#hs-eu-policy-wording div p strong {
font-family: "Raleway", sans-serif;
  font-size: 40px;
  line-height: 45px;
}
#hs-eu-policy-wording div p:nth-of-type(3),
#hs-eu-policy-wording div p:nth-of-type(4) {
font-family: "Raleway", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  font-weight:400;
}
#hs-modal-introduction span{
  color: #124734;
  font-family: "Raleway", sans-serif;
  font-size: 33px;
  text-align: center;
  margin: 0px;
  font-weight: 800;
  width: 200px;
}

#hs-eu-policy-wording p:nth-of-type(-n+3) {
  text-align: left;
  margin: 0px;
}

#hs-eu-policy-wording p:nth-of-type(4) {
  line-height: 17px;
}

#hs-eu-policy-wording p{
  font-size: 15px;
  color: #000000;
  font-family: "Raleway", sans-serif;
}

#hs-modal-introduction{
  font-size: 15px;
  color: #124734;
  font-family: "Raleway", sans-serif;
}

#hs-eu-policy-wording a{
  font-size: 15px;
  color: #006C31;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}

#hs-eu-cookie-confirmation{
  margin: 1rem;
}

/* estilos botones  */


#hs-eu-decline-button{
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

#hs-eu-opt-in-buttons button:nth-of-type(2) {
  display: none;
}

#hs-eu-opt-in-buttons{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#hs-eu-cookie-confirmation-buttons-area{
  padding-top: 1rem;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 85%;
/*   border-top: solid 2px #B4B9B7; */
  width:90%;
}

#hs-eu-confirmation-button-group{
  display: flex;
  gap: 1rem;
  width: 100%;
  justify-content: space-evenly;
}

#hs-eu-cookie-settings-button, #hs-eu-decline-button{
  border-radius: 24px;
  cursor: pointer;
  border: solid 2px #124734;
  padding: 10px;
  background: #fff;
  width: 170px!important;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  height: 50px
}

#hs-eu-confirmation-button{
  border-radius: 24px;
  cursor: pointer;
  border: solid 2px #124734;
  padding: 10px;
  background: #124734;
  width: 170px!important;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  height: 50px;
  color: #fff;
}

#hs-eu-cookie-settings-button{
  color: #124734;
}

#hs-eu-confirmation-button:hover{
  color: #fff;
  background-color: #124734;
}

#hs-eu-cookie-settings-button:hover{
  color: #fff;
  background-color: #124734;
}

#hs-eu-decline-button:hover{
  color: #fff;
  background-color: #124734;
}

#hs-categories-container{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 4rem;
}

#hs-category-necessary{
  display: none;
}


#hs-category-analytics svg{
  display: none;
}

#hs-category-advertisement svg{
  display: none;
}

#hs-category-functionality svg{
  display: none;
}

#hs-category-analytics, #hs-category-advertisement, #hs-category-functionality{
  border: none;
  margin-bottom: 5px;
  background-color: #fff;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}

.hs-category-description strong{
  font-weight: 600;
}

.hs-category-description p{
  max-height: 0px;
  position: absolute;
  top: 35px;
  font-weight: 350;
  width: 93%;
}

/* estilos sw*/
/* ---------- */
.hs-toggle-switch label{
  color: transparent;
}

.hs-toggle-switch {
  position: relative;
  width: 48px;
  height: 26px;
  background-color: #CDD0CF;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  top: 100px;
  left: 82%;
}

#hs-category-toggle-container-necessary{

  top: 135px;

}

/* ocultar checkbox real */
.hs-toggle-switch-input {
  width: 100%;
  height: 100%;
  color: transparent;
  opacity: 0;
}

/* circulito */
.hs-toggle-switch-nob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  background: #707070;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.hs-toggle-switch:has(.hs-toggle-switch-input:checked) {
  background-color: #124734;
}

.hs-toggle-switch:has(.hs-toggle-switch-input:checked) 
  .hs-toggle-switch-nob {
  transform: translateX(22px);
  background: #fff;
}


/* ---------- */
/* ---------- */


#hs-category-toggle-advertisement-help-text{
  z-index: -2;
}

.hs-always-active-label{
  max-width: 200px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}

#hs-modal-introduction{
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

#hs-modal-accept-all{
  border-radius: 24px;
  cursor: pointer;
  border: solid 2px #124734;
  padding: 10px;
  background: #fff;
  width: 100%;
  max-width: 200px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  color: #124734;;
}
/* #hs-banner-parent{
width:401px;
width:100%;
} */
#hs-eu-policy-wording{
max-width:401px;
width:100%;
}
#hs-modal-save-settings{
  border-radius: 24px;
  cursor: pointer;
  border: solid 2px #124734;
  padding: 10px;
  background: #124734;
  width: 100%;
  max-width: 200px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  color: #fff;
}

#hs-modal-accept-all:hover{
  color: #fff;
  background-color: #124734;
}

#hs-modal-save-settings:hover{
  color: #fff;
  background-color: #124734;
}



#hs-banner-parent .hs-hidden{
  display: none !important;
  
}

.game-hidden {
  display: none;
}


#hs-modal-content{
  z-index: 25;
  position: absolute;
  background-color: #FFFF;
  top: 1%;
  height: 98vh;
  padding: 1rem;
  width: 100%;
}

.hs-category-row{
  height: 180px;
}

#hs-categories-container .hs-category-row:nth-of-type(1){
  background-color: #F5F7FB!important;
}
.hidden {
  display: none !important;
  bottom: none !important; 
    top: none!important;
         left: none!important;
         right: none!important;
}

.hs-category-row{
  background-color: #FFF;
  padding: 10px;
  border-radius: 15px;
  border: solid 1px #B4B9B7;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  position: relative;
}

#hs-modal-footer-container{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}

@media(max-width: 520px){
  #hs-eu-policy-wording div p:nth-of-type(4){
    margin-bottom:0;
  }
  #hs-eu-cookie-confirmation-buttons-area{
  padding-top:0px;
  }
  
  #hs-eu-cookie-confirmation{
    margin-top: 2rem;
  }
  
  #hs-categories-container{
    overflow-y: auto;
    height: 162px;
  }
  
  .hs-category-row{
    flex-shrink: 0;
  }
  #hs-eu-policy-wording{
  max-width:520px;
    max-height: 276px;
        overflow-y: auto;
  }
   #hs-banner-parent {
  position: fixed !important;
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
  background-color: #fff !important;
  overflow-y: auto;
  z-index: 9999;
  border-radius: 40px 40px 0 0;
  max-height: 440px;
  height: 100%;
  box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.25);
}
  #hs-eu-confirmation-button-group{
      margin-bottom: 8px;
  }
  #hs-eu-policy-wording p:nth-of-type(-n+3) {
    text-align: left;
    font-size:13px;
}
  #hs-eu-policy-wording div p strong {
  font-size:24px;
  }
  #hs-eu-policy-wording {
    padding: 20px;
    padding-top: 12px;
}
}

  

}