@charset "utf-8";

@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("Roboto-Regular.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Roboto-Regular.woff") format("woff"); font-display: swap; }

@font-face { font-family: Roboto; font-style: normal; font-weight: 700; src: url("Roboto-Bold.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Roboto-Bold.woff") format("woff"); font-display: swap; }

@font-face { font-family: Valencia; font-style: normal; font-weight: 400; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Valencia; font-style: italic; font-weight: 400; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Valencia; font-style: normal; font-weight: 700; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Valencia; font-style: italic; font-weight: 700; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: PT_serif; font-style: normal; font-weight: 400; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: PT_serif; font-style: italic; font-weight: 400; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: PT_serif; font-style: normal; font-weight: 700; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: PT_serif; font-style: italic; font-weight: 700; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundo; font-style: normal; font-weight: 300; src: url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-Light.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-Light.woff") format("woff"); font-display: swap; }

@font-face { font-family: Mundo; font-style: italic; font-weight: 300; src: url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-LightItalic.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-LightItalic.woff") format("woff"); font-display: swap; }

@font-face { font-family: Mundo; font-style: normal; font-weight: 400; src: url("Mundo-Regular.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-Regular.woff") format("woff"); font-display: swap; }

@font-face { font-family: Mundo; font-style: italic; font-weight: 400; src: url("Mundo-RegularItalic.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-RegularItalic.woff") format("woff"); font-display: swap; }

@font-face { font-family: Mundo; font-style: normal; font-weight: 500; src: url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-Medium.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-Medium.woff") format("woff"); font-display: swap; }

@font-face { font-family: Mundo; font-style: normal; font-weight: 600; src: url("Mundo-SemiBold.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-SemiBold.woff") format("woff"); font-display: swap; }

@font-face { font-family: Mundo; font-style: normal; font-weight: 700; src: url("Mundo-Bold.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-Bold.woff") format("woff"); font-display: swap; }

@font-face { font-family: Mundo; font-style: normal; font-weight: 800; src: url("Mundo-ExtraBold.woff2") format("woff2"), url("urn:scrapbook:download:error:https://cloudmatrixlab.com/lander/es-quantumai-preland/css/Mundo-ExtraBold.woff") format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: normal; font-weight: 300; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: italic; font-weight: 300; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: normal; font-weight: 400; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: italic; font-weight: 400; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: normal; font-weight: 500; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: italic; font-weight: 500; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: normal; font-weight: 600; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: italic; font-weight: 600; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: normal; font-weight: 700; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: italic; font-weight: 700; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: normal; font-weight: 800; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

@font-face { font-family: Mundotxt; font-style: italic; font-weight: 800; src: url(rss.svg) format("woff2"), url(rss.svg) format("woff"); font-display: swap; }

body, body * { margin: 0px; padding: 0px; box-sizing: border-box; }

a { text-decoration: none; }

ol, ul { list-style: none; }

header { display: flex; align-items: center; flex-direction: column; }

.headerBot { z-index: 10000; }

.headerInner { width: 100%; max-width: 1200px; }

.headerTop { width: 100%; height: 20px; display: flex; align-items: center; }

.headerTop ul { display: flex; align-items: center; overflow: hidden; mask-image: linear-gradient(to right, black 95%, transparent 100%); }

.headerTop * { color: rgba(112, 112, 112, 0.45); font-size: 10px; font-family: Roboto, Arial, Helvetica, sans-serif; white-space: nowrap; letter-spacing: 0px; }

.headerTop li { padding: 0px 8px; position: relative; }

.headerTop li:first-child { padding-left: 0px; font-family: Roboto, Arial, Helvetica, sans-serif; }

.headerTop li:not(:last-child)::after { content: "|"; position: absolute; right: 0px; top: 50%; transform: translateY(-55%); color: rgba(112, 112, 112, 0.45); font-size: 10px; }

.headerMid { transition: opacity 0.3s, visibility 0.3s; height: 41px; display: flex; align-items: center; }

.headerLogo { width: 150px; line-height: 0; }

.navHeader { width: 700px; display: flex; align-items: center; }

.navHeader ul { padding-left: 36px; display: flex; justify-content: space-between; width: 100%; }

.navHeader ul li { flex: 1 0 auto; }

.navHeader ul li a:hover { font-weight: 500; }

.navHeader ul li a { letter-spacing: 0.26px; font-size: 13px; color: rgb(0, 0, 0); font-weight: normal; padding: 0px 16px; font-family: Mundo, "Times New Roman", Times, serif; }

.burgerHeader { width: 80px; display: flex; align-items: center; justify-content: flex-end; margin-left: 20px; }

.burgerHeader span { letter-spacing: 0.26px; font-size: 13px; color: rgb(0, 0, 0); line-height: 13px; font-weight: normal; padding: 0px 7.5px; font-family: Mundo, "Times New Roman", Times, serif; }

.burgerHeader img { width: 20px; }

.endSession { font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-size: 12px; margin-left: auto; }

.endSession:hover { opacity: 0.7; }

.scroll-progress { position: absolute; bottom: -3px; left: 0px; height: 3px; background: black; width: 0%; transition: width 0.1s; }

.headerBot { transition: top 0.3s; background: rgb(247, 247, 247); border-bottom: 1px solid rgb(0, 0, 0); border-top: 1px solid rgb(0, 0, 0); height: 41px; width: 100%; padding: 0px 8px; display: flex; justify-content: center; align-items: center; position: sticky; top: 0px; }

.headerBot__content { width: 1200px; display: flex; }

.headerBot__content li { }

.headerBot__content li:first-child a { padding-right: 24px; }

.headerBot__content li:first-child { font-weight: 600; border-right: 1px solid rgb(0, 0, 0); }

.headerBot__content li a { color: rgb(0, 0, 0); padding: 6px 13px; font-size: 13px; font-family: Mundo, "Times New Roman", Times, serif; }

main { margin-top: 16px; display: grid; grid-template-columns: 1fr 369px; padding: 8px 16px; }

article { padding-left: 185px; }

article * { font-family: Mundo, "Times New Roman", Times, serif; }

.articleSubtitle { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: 0px; font-size: 16px; line-height: 20px; margin-bottom: 16px; }

h1 { font-style: italic; font-size: 44px; line-height: 46px; letter-spacing: 0px; margin-bottom: 16px; }

.articleHead-buttons { display: flex; gap: 5px; margin-bottom: 16px; }

.articleHead-buttons a { border-radius: 25px; border: 1px solid rgb(206, 206, 206); height: 32px; display: flex; justify-content: center; align-items: center; padding: 4px; }

.articleHead-buttons a:last-child { padding-left: 12px; padding-right: 12px; }

.articleHead-buttons a span { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; color: rgb(0, 0, 0); font-size: 13px; line-height: 18px; }

article p { font-family: Mundo, "Times New Roman", Times, serif; font-size: 19px; color: rgb(32, 32, 32); line-height: 27px; letter-spacing: 0px; margin-bottom: 16px; }

article h2 { font-size: 24px; font-weight: 700; font-family: Mundo, "Times New Roman", Times, serif; line-height: 1.1; margin-bottom: 16px; }

.authorInfo { margin: 24px 0px; }

.authorInfo p { font-size: 16px; line-height: 19px; font-weight: 700; }

.authorInfo span { font-family: Mundo, "Times New Roman", Times, serif; color: rgb(121, 118, 118); font-size: 12px; }

article a { color: rgb(46, 109, 157); }

article { }

.mainComments { margin-top: 48px; padding-top: 48px; border-top: 1px solid rgb(206, 206, 206); }

.pins { display: flex; align-items: center; gap: 8px; }

.pins a { display: block; text-decoration: none; border-radius: 30px; transition: background-color 0.1s ease-in-out; background-color: rgb(246, 246, 246); color: rgb(0, 0, 0); text-transform: none; padding: 4px 8px; border-bottom: 0px; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; }

.pins a:hover { background-color: rgb(197, 197, 197); }

.mainComments h2 { font-size: 19px; margin-bottom: 32px; }

.mainComment { width: 100%; border-bottom: 1px solid rgb(206, 206, 206); padding-top: 14px; }

.comHead { width: 100%; display: flex; justify-content: space-between; align-items: center; }

.headLeft { display: flex; align-items: center; }

.comUser img { width: 40px; height: 40px; margin-right: 8px; }

.userInfo { display: flex; flex-direction: column; justify-content: center; }

.userInfo p { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 0px; line-height: 17px; font-weight: 700; }

.userInfo a { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 0px; line-height: 17px; font-weight: 700; color: black; }

.userInfo span { font-size: 12px; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 19px; }

.headRight { font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 18px; font-weight: 700; }

.comContent { font-size: 16px; line-height: 1.3; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 500; }

.footerTop { margin-top: 48px; padding: 10px 20px; display: flex; justify-content: space-between; border-top: 1px solid rgb(102, 102, 102); }

.highlight { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; color: rgb(51, 51, 51); }

.footerTop ul li a { color: rgb(46, 109, 157); font-size: 15px; font-family: Roboto_condensed, Tahoma, Geneva, sans-serif; }

.footerMid { display: flex; justify-content: space-between; align-items: center; min-height: 80px; border-top: 1px solid rgb(102, 102, 102); padding: 10px 20px; }

.footerMid__left img { width: 40px; }

.footerMid__center { display: flex; flex-direction: column; align-items: center; }

.footerMid__center span { font-family: Roboto, Arial, Helvetica, sans-serif; color: rgb(78, 78, 78); font-size: 12px; letter-spacing: 0px; line-height: 1.5; }

.footerMid__center img { width: 100px; }

.footerMid__right { display: flex; justify-content: space-between; align-items: center; gap: 9px; }

.footerMid__right a { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(33, 96, 135); border-radius: 50%; }

.footerMid__right a img { opacity: 0.8; }

.footerBot { border-top: 1px solid rgb(102, 102, 102); padding: 10px 20px; }

.footerBot ul { display: flex; flex-wrap: wrap; justify-content: center; }

.footerBot ul li a { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; color: rgb(46, 109, 157); }

.footerBot ul li:not(:last-child) a::after { margin: 0px 13px; content: "|"; color: rgb(168, 168, 168); }

.deskHide { display: none; }

@media screen and (max-width: 1180px) {
  .headerMid, .headerTop { padding-right: 20px; padding-left: 20px; }
  .endSession { margin-left: 8px; white-space: nowrap; }
  .navHeader { overflow: hidden; mask-image: linear-gradient(to right, black 95%, transparent 100%); }
}

@media screen and (max-width: 980px) {
  article { padding-left: 0px; }
  h1 { font-size: 24px; line-height: 32px; }
  main { grid-template-columns: 1fr 310px; }
}

@media screen and (max-width: 740px) {
  main { margin-top: 16px; }
  .deskHide { display: block; margin-right: 8px; }
  .navHeader, .endSession, .burgerHeader span { display: none; }
  .burgerHeader img { width: 24px; }
  .headerBot__content li:not(:first-child) { display: none; }
  .headerBot__content li { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
  .headerTop { display: none; }
  .headerBot { box-shadow: rgb(204, 204, 204) 2px 2px 6px; }
  .headerMid { justify-content: space-between; height: 36px; }
  main { grid-template-columns: 1fr; }
  .footerTop { display: none; }
  .footerMid { flex-direction: column; margin-top: 40px; gap: 20px; padding-top: 20px; }
  .footerMid__center span { margin-top: 4px; text-align: center; }
  .footerMid__center { order: 1; }
  .footerMid__right { order: 2; }
  .footerMid__left { order: 3; }
  .footerBot { padding: 10px 30px; }
  .mobHide { display: none; }
}

.customJS-styles__activation-message { color: white; font-weight: 700; font-size: 16px; background: rgba(7, 62, 134, 0.76); padding: 10px; border-radius: 15px; display: flex; margin-bottom: 0px !important; margin-top: 0px !important; }

.customJS-styles__icon { color: red; font-size: 35px; text-align: center; margin-right: 7px; }

.reg__list { max-width: 100%; list-style-type: none; margin: 0px auto; padding: 0px; width: 95%; }

.reg__item { line-height: 30px; font-weight: normal; list-style: none; background: rgb(255, 255, 255); margin-bottom: 1rem; padding: 10px; width: 100%; border-left: 2px solid rgb(0, 0, 153); border-right: 2px solid rgb(0, 0, 153); border-radius: 4px; }

.reg__item > a { color: rgb(46, 109, 157); text-decoration: underline; }

.reg__item > a:hover { color: rgb(225, 18, 41); }

.containerr { border: 5px solid red; padding: 10px; width: 100%; font-family: Arial, sans-serif; background-color: rgb(248, 248, 248); margin-right: auto; margin-bottom: 20px; margin-left: auto; text-align: center; font-size: 18px; color: rgb(51, 51, 51); font-weight: bolder; margin-top: 35px !important; }

.button-link { background-color: rgb(0, 85, 153); display: block; margin: 3rem auto 50px; max-width: 80%; text-align: center; text-decoration: none; text-transform: uppercase; padding: 1rem 0px; border-radius: 6px; animation: 4s linear 0s infinite normal none running blink; transition: 250ms; color: rgb(255, 255, 255) !important; background-image: none !important; }

.button-link2 { background-color: rgb(0, 85, 153); display: block; margin: 1rem auto; border-radius: 50px; max-width: 100%; text-align: center; text-decoration: none; text-transform: uppercase; padding: 1rem 0px; transition: 250ms; color: rgb(255, 255, 255) !important; }

@keyframes blink { 
  0%, 50% { box-shadow: rgb(0, 22, 85) 0px 0px 10px; }
  25%, 75% { box-shadow: none; }
  100% { box-shadow: rgb(0, 22, 85) 0px 0px 10px; }
}

.customBtn { position: fixed; width: 100%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); background: rgb(1, 86, 140); padding: 16px; bottom: 0px; text-transform: uppercase; font-weight: 700; }