@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="11b9c8a7-df95-91c2-b3ed-5c8ad5be1a25"] {height:0px;}}@media (max-width:767px) and (min-width:480px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="11b9c8a7-df95-91c2-b3ed-5c8ad5be1a25"] {height:0px;}}@media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="11b9c8a7-df95-91c2-b3ed-5c8ad5be1a25"] {height:0px;}}



.hidden-select {
    -webkit-tap-highlight-color: transparent;
}
[custom-scroll=true]::-webkit-scrollbar {
  margin: 0.125rem;
  height: 0.4rem;
  width: 0.4rem;
}
[custom-scroll=true]::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  /*border: solid 1px #e5e5e5;*/
}
[custom-scroll=true]::-webkit-scrollbar-thumb {
  background-color: #8c8c8c;
  border-radius: 2;
}
[custom-scroll-dark=true]::-webkit-scrollbar {
  margin: 0.125rem;
  height: 0.4rem;
  width: 0.4rem;
}
[custom-scroll-dark=true]::-webkit-scrollbar-track {
    background-color: #8c8c8c;
}
[custom-scroll-dark=true]::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
  border-radius: 2;
}
.two-line-text {
  /* Limit the text to two lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* Adjust the width as needed 
  max-width: 100%;
   Optionally, you can set a specific width if needed, like max-width: 300px; */
}
.two-line-text-2 {
  /* Limit the text to two lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* Adjust the width as needed 
  max-width: 100%;
   Optionally, you can set a specific width if needed, like max-width: 300px; */
}
[clamp-line-text="true"] {
  /* Limit the text to two lines */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* Adjust the width as needed 
  max-width: 100%;
   Optionally, you can set a specific width if needed, like max-width: 300px; */
}
/* Hide the default ellipsis */
[clamp-line-text="ver-mas"], [clamp-line-text="false"] {
  --max-lines: 1.1em;
  position: relative;
  max-height: var(--max-lines);
  overflow: hidden;
  word-break: break-all;
}
[clamp-line-text="ver-mas"] {
  padding-right: 8ch; /* space for ellipsis */
}
[clamp-line-text="ver-mas"]::before {
  position: absolute;
  content: "...VER MÁS";
  inset-block-end: 0; /* "bottom" */
  inset-inline-end: 0; /* "right" */
  text-decoration: underline;
  font-weight: 600;
}
[clamp-line-text="ver-mas"]::after {
  content: "";
  position: absolute;
  inset-inline-end: 0; /* "right" */
  width: 1rem;
  height: 1rem;
  background: transparent;
}
div.w-slider-dot {
	background-color: var(--dark-grey);
  height: 0.5rem;
  width: 0.5rem;
 }
div.w-slider-dot.w-active{
  background-color: var(--yellow);
}
[dark-mode="white"] {
  color: white !important;
}

  html { font-size: calc(0.625rem + 0.41666666666666663vw); }
  @media screen and (max-width:1920px) { html { font-size: calc(0.625rem + 0.41666666666666674vw); } }
  @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } }


  .black-icon {
    color: #060606 !important;
    }
  /* .active {
  	background-color: #fedb00;
    height: 120%;
    border-radius: 4px 4px 0 0 !important;
  	box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.2);
  } */

  .homepagesakretelogo {
    max-width: 35%;
}

.uui-navbar05_link.w-current {
    color: #ededed !important;
}


.hidden-select {
    -webkit-tap-highlight-color: transparent;
}


[custom-scroll=true]::-webkit-scrollbar {
  margin: 0.125rem;
  height: 0.4rem;
  width: 0.4rem;
}
[custom-scroll=true]::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  /*border: solid 1px #e5e5e5;*/
}
[custom-scroll=true]::-webkit-scrollbar-thumb {
  background-color: #8c8c8c;
  border-radius: 2;
}


[custom-scroll-dark=true]::-webkit-scrollbar {
  margin: 0.125rem;
  height: 0.4rem;
  width: 0.4rem;
}
[custom-scroll-dark=true]::-webkit-scrollbar-track {
    background-color: #8c8c8c;
}
[custom-scroll-dark=true]::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
  border-radius: 2;
}


.two-line-text {
  /* Limit the text to two lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  
  /* Adjust the width as needed 
  max-width: 100%;
   Optionally, you can set a specific width if needed, like max-width: 300px; */
}
.two-line-text-2 {
  /* Limit the text to two lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  
  /* Adjust the width as needed 
  max-width: 100%;
   Optionally, you can set a specific width if needed, like max-width: 300px; */
}

[clamp-line-text="true"] {
  /* Limit the text to two lines */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  
  /* Adjust the width as needed 
  max-width: 100%;
   Optionally, you can set a specific width if needed, like max-width: 300px; */
}
/* Hide the default ellipsis */
[clamp-line-text="ver-mas"], [clamp-line-text="false"] {
  --max-lines: 1.1em;
  position: relative;
  max-height: var(--max-lines);
  overflow: hidden;
  word-break: break-all;
}
[clamp-line-text="ver-mas"] {
  padding-right: 8ch; /* space for ellipsis */
}
[clamp-line-text="ver-mas"]::before {
  position: absolute;
  content: "...VER MÁS";
  inset-block-end: 0; /* "bottom" */
  inset-inline-end: 0; /* "right" */
  text-decoration: underline;
  font-weight: 600;
}
[clamp-line-text="ver-mas"]::after {
  content: "";
  position: absolute;
  inset-inline-end: 0; /* "right" */
  width: 1rem;
  height: 1rem;
  background: transparent;
}

div.w-slider-dot {
	background-color: var(--dark-grey);
  height: 0.5rem;
  width: 0.5rem;
 }
div.w-slider-dot.w-active{
  background-color: var(--yellow);
}

[dark-mode="white"] {
  color: white !important;
}

html { font-size: calc(0.625rem + 0.41666666666666663vw); }
  @media screen and (max-width:1920px) { html { font-size: calc(0.625rem + 0.41666666666666674vw); } }
  @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } }


/* ============================= */
/* YouTube Responsive Embed */
/* ============================= */

.w-embed-youtubevideo {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    overflow: hidden;
}

.w-embed-youtubevideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: auto;
}


.sktp-prev-arrow,
.sktp-next-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 10;
    padding: 0;
}

/* CSS chevron using border */
.sktp-prev-arrow::before,
.sktp-next-arrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
}

.sktp-prev-arrow::before {
    transform: rotate(-45deg);  /* points left */
}

.sktp-next-arrow::before {
    transform: rotate(135deg);  /* points right */
}

.sktp-prev-arrow { left: 5px; }
.sktp-next-arrow { right: 5px; }