@keyframes fadeEffect { from {opacity: 0;}to {opacity: 1;}}
#video-popup a.showUp-video { transition: 0.3s; }
#video-popup a.showUp-video:hover{ opacity:0.8; }   
.video-modal, .video-modal .overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000;;}
.video-modal {overflow: hidden;position: fixed; opacity: 0.0; -webkit-transform: translate(500%,0%); transform: translate(500%,0%); -webkit-transition: -webkit-transform 0s linear 0s; transition: transform 0s linear 0s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.video-modal .overlay { z-index: 0;  background: rgb(0 0 0 / 80%); opacity: 0.0; -webkit-transition: opacity 0.2s ease-out 0.05s; transition: opacity 0.2s ease-out 0.05s;}
.video-modal-content {position: relative; top: auto;right: auto;bottom: auto;left: auto; z-index: 1;margin: 0 auto;	overflow-y: visible;background: #000;  width: calc(100% - 3em);  height: 0; padding-top: calc((100% - 1em) * 0.5625);}
.noscroll { overflow: hidden; }
@media (min-aspect-ratio: 16/9) {
  .video-modal-content { width: 0; height: calc(100vh - 10em); padding-top: 0;  padding-left: calc((100vh - 10em) * 1.7778); }
}
/* Mobile Layout Tweaks - side margins reduced */
@media (min-width: 767px) {
  .video-modal-content { width: 0; height: calc(100vh - 10em); padding-top: 0;  padding-left: calc((100vh - 10em) * 1.7778);
}}
/* modal close button */
.close-video-modal { border: 2px solid; border-radius: 14px;color: #fff; display: block; font-size: 0.875rem; font-weight: 700; padding: 6px 8px; position: absolute; right: 20px; text-decoration: none; top: -40px;}
iframe#youtube { position: absolute;top: 0;right: 0;bottom: 0;left: 0;	z-index: 1;	background: #000;	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);}
.show-video-modal .video-modal {opacity: 1.0;	transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}
.show-video-modal .video-modal .overlay {opacity: 1.0;}
.show-video-modal .video-modal-content {transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}


.fz-16 {font-size: 1rem;}
.tab_slide__content {display:flex; align-items: center; justify-content:space-between}*/
.tab-slide__icono {width: 0%}
.tab-slide__text {width: 100%}
.tab-slide__icono img {width: 0px; height: 0px;}
.icono-flecha {padding-left: 38px; background: url(https://www.buk.cl/hubfs/2024/nosotros/Bullet%20flechas.svg);
               background-repeat: no-repeat; display: inline-block; vertical-align: middle;}

#originalSolutions .tab-slide__buttons .btn.selected { background: var(--color-blue-buk); color: var(--color-white); 
                                                       font-weight:400; text-decoration: inherit;}
#originalSolutions .btn { border-radius: var(--radius-btn); cursor: pointer; display: inline-block; 
                          font-family: var(--font-family-title); font-weight: 600; padding: 0.5rem 1.5rem!important; 
                          text-align: center; transition: .3s; width: auto;}
#originalSolutions .btn--3 { background: var(--color-light-blue); color: var(--color-blue-buk); font-size: 1.125rem; 
                             font-weight: 400; border: none; }
#originalSolutions .btn--3:hover { background: var(--color-blue-buk); color: var(--color-white); font-weight: 400;}

@media only screen and (min-width: 767px) { 
	.tab-slide__icono {width: 20%}
	.tab-slide__text {width: 75%}
	.tab-slide__icono img {width: 90px; height: 90px;}
.content-active .ds-block-special {display:block; opacity: 1; pointer-events: visible;}
}

[data-tab-content] { display: none; }
.content-active[data-tab-content] { display: block; animation: showTarget .9s ease-in; }
@keyframes showTarget {
  from { opacity: 0; }
  to { opacity: 1;; }
}