/* Versión para celular de la portada. Solo aplica en pantallas de hasta 640 px. */
@media (max-width:640px){
  html body .portal{min-height:100svh !important;height:100svh !important;flex-direction:column !important}
  html body .portal .side{flex:1 1 50% !important;min-height:0 !important;padding:22px 22px 26px !important}
  html body .portal .side .d,
  html body .portal .side .tags{display:none !important}
  html body .portal .inner{gap:12px !important}
  html body .portal .side h2{font-size:27px !important;line-height:1.08 !important}
  html body .portal .brand{font-size:10px !important}
  html body .portal .me{font-size:15px !important}
  html body .portal .go{font-size:15px !important;padding:11px 20px !important;margin-top:4px !important}
  html body .portal .talleres::after{background:linear-gradient(180deg,rgba(5,6,8,.55) 0%,rgba(5,6,8,.1) 30%,rgba(5,6,8,.55) 60%,rgba(5,6,8,.97) 100%) !important}
  html body .portal .nfc::after{background:linear-gradient(180deg,rgba(5,6,8,.35) 0%,rgba(5,6,8,.1) 30%,rgba(5,6,8,.55) 60%,rgba(5,6,8,.97) 100%) !important}
  html body .portal .nfc{border-left:0 !important;border-top:1px solid #252A32}
  html body .portal .nbg{inset:0 0 auto 0 !important;height:75% !important;object-position:center 85% !important;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
  html body .portal .tbg{inset:0 0 auto 0 !important;height:85% !important;object-position:center 50% !important;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
  html body .top{padding:12px !important}
  html body .top p{font-size:11px !important;padding:7px 14px !important}
  html body .portal .talleres .inner{padding-top:34px}
}