section.webinar {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
section.webinar .contenedor {
  display: grid;
  grid-template-columns: 35rem minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
}
@media (max-width: 1024px) {
  section.webinar .contenedor {
    grid-template-columns: 1fr;
  }
}
section.webinar .contenedor .webinar-ilustracion {
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  aspect-ratio: 16/9;
  position: relative;
}
section.webinar .contenedor .webinar-ilustracion video,
section.webinar .contenedor .webinar-ilustracion .webinar-embed,
section.webinar .contenedor .webinar-ilustracion img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
section.webinar .contenedor .webinar-ilustracion .webinar-embed {
  display: block;
}
section.webinar .contenedor .webinar-ilustracion .webinar-embed iframe {
  width: 100% !important;
  height: 100% !important;
  display: block;
  border: 0;
}
section.webinar .contenedor .webinar-ilustracion img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section.webinar .contenedor .webinar-ilustracion .poster {
  height: 100%;
  width: 100%;
  z-index: 2;
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
}
section.webinar .contenedor .webinar-ilustracion .poster::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: auto;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkiIGhlaWdodD0iNTkiIHZpZXdCb3g9IjAgMCA1OSA1OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU5IiBoZWlnaHQ9IjU5IiByeD0iMjkuNSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjxwYXRoIGQ9Ik00Mi42Mzg5IDI0LjI1OTdDNDYuNjczMSAyNi41ODg4IDQ2LjY3MzEgMzIuNDExNyA0Mi42Mzg5IDM0Ljc0MDhMMjcuNDY4NyA0My40OTkzQzIzLjQzNDUgNDUuODI4NSAxOC4zOTE3IDQyLjkxNyAxOC4zOTE3IDM4LjI1ODhMMTguMzkxNyAyMC43NDE3QzE4LjM5MTcgMTYuMDgzNCAyMy40MzQ1IDEzLjE3MiAyNy40Njg3IDE1LjUwMTFMNDIuNjM4OSAyNC4yNTk3WiIgZmlsbD0iIzJGNDVDRSIvPgo8L3N2Zz4K");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}
section.webinar .contenedor .webinar-ilustracion .poster.active {
  z-index: -1;
  opacity: 0;
}
section.webinar .contenedor .webinar-principal {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.webinar .contenedor .webinar-principal h1 {
  font-size: 2.5rem;
  font-weight: bold;
}
@media (max-width: 780px) {
  section.webinar .contenedor .webinar-principal h1 {
    font-size: 1.875rem;
    line-height: 1;
  }
}
section.webinar .contenedor .webinar-principal__extract {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
section.webinar .contenedor .webinar-btn-retroceso {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}
section.webinar .contenedor .webinar-btn-descarga {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid #e2e6ec;
  background-color: #e2e6ec;
  color: #495f77;
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
section.webinar .contenedor .webinar-btn-descarga:hover {
  border-color: #495f77;
  background-color: #495f77;
  border-radius: 3rem;
  color: #eeeeee;
}
section.webinar .contenedor .webinar-btn-descarga svg path {
  transition: transform 0.3s ease;
}
section.webinar .contenedor .webinar-btn-descarga:hover svg path {
  fill: #eeeeee;
}
section.contenido-webinar {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
section.contenido-webinar .contenedor {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #ffffff;
  width: 65rem;
  padding: 1.5rem;
  border-radius: 2rem;
}
section.contenido-webinar .contenedor h2 {
  font-size: 1.5625rem;
  font-weight: bold;
  color: color(display-p3 0.12 0.35 0.33);
}
section.contenido-webinar .contenedor > span {
  font-size: 0.875rem;
  color: color(display-p3 0.12 0.35 0.33);
  opacity: 0.7;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
section.contenido-webinar .contenedor > span::before {
  position: relative;
  content: "";
  display: flex;
  height: 1.5rem;
  width: auto;
  aspect-ratio: 1/1;
  background-color: #d4d6e3;
  border-radius: 50%;
}
section.contenido-webinar .contenedor .contenido-webinar__info * {
  color: #495f77;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section.contenido-webinar .contenedor .contenido-webinar__info .has-text-align-center {
  text-align: center;
}
section.contenido-webinar .contenedor .contenido-webinar__info p {
  margin: 0.5rem 0;
}
section.contenido-webinar .contenedor .contenido-webinar__info strong,
section.contenido-webinar .contenedor .contenido-webinar__info b {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 800;
}
section.contenido-webinar .contenedor .contenido-webinar__info h1,
section.contenido-webinar .contenedor .contenido-webinar__info h2,
section.contenido-webinar .contenedor .contenido-webinar__info h3,
section.contenido-webinar .contenedor .contenido-webinar__info h4, section.contenido-webinar .contenedor .contenido-webinar__info > strong {
  font-size: 1.563rem;
  font-weight: 800;
  color: color(display-p3 0.12 0.35 0.33);
}
section.contenido-webinar .contenedor .contenido-webinar__info h1 strong,
section.contenido-webinar .contenedor .contenido-webinar__info h2 strong,
section.contenido-webinar .contenedor .contenido-webinar__info h3 strong,
section.contenido-webinar .contenedor .contenido-webinar__info h4 strong, section.contenido-webinar .contenedor .contenido-webinar__info > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 1.563rem;
  font-weight: 800;
}
section.contenido-webinar .contenedor .contenido-webinar__info h2,
section.contenido-webinar .contenedor .contenido-webinar__info h3,
section.contenido-webinar .contenedor .contenido-webinar__info h4 {
  margin: 1rem 0;
}
section.contenido-webinar .contenedor .contenido-webinar__info ul li,
section.contenido-webinar .contenedor .contenido-webinar__info ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section.contenido-webinar .contenedor .contenido-webinar__info ul li::marker,
section.contenido-webinar .contenedor .contenido-webinar__info ol li::marker {
  color: #495f77;
}
section.contenido-webinar .contenedor .contenido-webinar__info ol li {
  list-style-type: decimal;
}
section.contenido-webinar .contenedor .contenido-webinar__info > ul, section.contenido-webinar .contenedor .contenido-webinar__info > ol {
  padding: 0.5rem 0;
}
section.contenido-webinar .contenedor .contenido-webinar__info > ul ol li,
section.contenido-webinar .contenedor .contenido-webinar__info > ul ul li, section.contenido-webinar .contenedor .contenido-webinar__info > ol ol li,
section.contenido-webinar .contenedor .contenido-webinar__info > ol ul li {
  padding: 0;
}
section.contenido-webinar .contenedor .contenido-webinar__info > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section.contenido-webinar .contenedor .contenido-webinar__info img {
  width: 50%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 100%;
  border-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 780px) {
  section.contenido-webinar .contenedor .contenido-webinar__info img {
    border-radius: 0.8rem;
  }
}
section.contenido-webinar .contenedor .contenido-webinar__info > .wp-video, section.contenido-webinar .contenedor .contenido-webinar__info > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section.contenido-webinar .contenedor .contenido-webinar__info > .wp-video .mejs-container, section.contenido-webinar .contenedor .contenido-webinar__info > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section.contenido-webinar .contenedor .contenido-webinar__info > .wp-video .mejs-container video, section.contenido-webinar .contenedor .contenido-webinar__info > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section.contenido-webinar .contenedor .contenido-webinar__info > .wp-video .mejs-overlay, section.contenido-webinar .contenedor .contenido-webinar__info > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section.contenido-webinar .contenedor .contenido-webinar__info > .wp-video .mejs-overlay-button, section.contenido-webinar .contenedor .contenido-webinar__info > video .mejs-overlay-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMzUgMjMuMjY4QzM2LjMzMzMgMjQuMDM3OCAzNi4zMzMzIDI1Ljk2MjMgMzUgMjYuNzMyMUwyMS41IDM0LjUyNjNDMjAuMTY2NyAzNS4yOTYxIDE4LjUgMzQuMzMzOCAxOC41IDMyLjc5NDJMMTguNSAxNy4yMDU4QzE4LjUgMTUuNjY2MiAyMC4xNjY3IDE0LjcwMzkgMjEuNSAxNS40NzM3TDM1IDIzLjI2OFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section.contenido-webinar .contenedor .contenido-webinar__info > .wp-video .mejs-controls, section.contenido-webinar .contenedor .contenido-webinar__info > video .mejs-controls {
  opacity: 1;
}
section.contenido-webinar .contenedor .contenido-webinar__info > .wp-video .mejs-controls:has(.mejs-play), section.contenido-webinar .contenedor .contenido-webinar__info > video .mejs-controls:has(.mejs-play) {
  display: none;
}
@media (max-width: 780px) {
  section.contenido-webinar .contenedor .contenido-webinar__info img {
    width: 100%;
  }
}/*# sourceMappingURL=index.css.map */