.body.modal-open {
	position: static !important;
	left: 0;
	transform: none !important;
  }
.video-container{
	  padding: 32px 16px 64px;
  }
.video-container .titulo-video{
	  font-size: 24px;
	  line-height: 26px;
	  font-family: 'Lato-Bold';
	  color: #2c2c2c;
	  margin-bottom: 24px;
	  text-align: center;
	  max-width: 416px;
	  margin: 0 auto 24px;
  }
.video-container .video{
	  background-image: url('/documents/20122/13171998/video-solar-cloud-background-image.webp/79247f74-64fc-bc9f-39c3-7cf6458717f6?t=1697026793183');
	  border-radius: 16px;
	  width: 100%;
	  height: calc((100vw - 32px) * 2 / 3);
	  position: relative;
	  background-position: center;
	  background-size: cover;
	  margin: 0 auto;
	  cursor: pointer;
  }
.video-container .video::before{
	  position:absolute;
	  content:"";
	  background-image: url('/documents/20122/18074172/play-button-SC.svg/eb7bca4a-e80b-9efd-9df3-71d564b94da8?t=1714640277642');
	  background-repeat: no-repeat;
	  height: 64px;
	  width:64px;
	  top: 50%;
	  left:50%;
	  transform:translate(-50%,-50%);
	  background-size: 100%;
  }
.video-container .video::after{
	  position:absolute;
	  content:"";
	  background-color:#00000020;
	  border-radius: 16px;
	  width: 100%;
	  height: 100%;
  }
.video-container .video:hover::after{
	  background-color:#00000000;
  }
.video-container #video-modal{
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 1050;
	  display: none;
	  width: 100%;
	  height: 100%;
	  overflow: hidden;
	  outline: 0;
	  padding-right: 0!important;
  }
.video-container #video-modal .modal-content{
	  margin-left: auto;
	  margin-right: auto;
	  max-height: 80vh;
	  max-width: 90vw;
	  overflow: hidden;
  }
.video-container #video-modal .modal-dialog{
	  top: 50%;
	  transform: translateY(-50%);
  }
.video-container #video-modal .modal-dialog .modal-video-container{
	  height: calc((100vw - 64px) * 9 / 16);
	  max-height: 69vh;
  }
.modal-backdrop.show {
	  z-index: 1040 !important;
  }
  
  .video-container #video-modal .modal-dialog .modal-header {
	padding: 1rem 1rem;
	align-items: center;
}

.video-container #video-modal .modal-dialog .modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.video-container #video-modal .modal-dialog .modal-header .close:last-child {
  margin-right: -0.3125rem;
}
  
.video-container #video-modal .modal-dialog .modal-body {
	  align-items: unset !important;
  }

.col.contenidoVideo{
	font-family: "IberPangea-Regular", sans-serif;
}
  
  
  @media screen and (min-width: 576px) {

	  .video-container .video{
		  height: calc((100vw - 160px) * 2 / 3);
	  }
  }
  @media screen and (min-width: 768px) {
	  .video-container .video{
		  width: 600px;
		  height: 336px;
	  }
  }

  @media screen and (min-width: 1920px) {

	  .video-container .video{
		  width: 640px;
		  height: 360px;
	  }
  }

  @media (min-width: 360px) and (max-width: 576px) {
	.col.contenidoVideo{
		padding-bottom: 40px;
	}
	.filaVideo{
		display: flex;
		flex-direction: column-reverse;
	}
  }