/* Flyer del curso "IA aplicada a la productividad y la ofimática".
   Generado por herramientas/convertir-flyer.py a partir del original de material/.
   No editar a mano: volver a generar. */
html,body{margin:0;background:#fff}
.vc-volver{display:block;max-width:1080px;margin:0 auto;padding:12px 16px;font:600 14px/1.3 'Plus Jakarta Sans',system-ui,sans-serif;color:#12215C}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fuentes/plus-jakarta-sans-400.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fuentes/plus-jakarta-sans-500.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fuentes/plus-jakarta-sans-600.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fuentes/plus-jakarta-sans-700.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('fuentes/plus-jakarta-sans-800.woff2') format('woff2')}
.vc-flyer{position:relative;width:100%;max-width:1080px;aspect-ratio:1080/1920;margin:0 auto;overflow:hidden;background:transparent}
.vc-flyer .vc-stage{position:absolute;left:0;top:0;width:1080px;height:1920px;transform-origin:0 0;transform:scale(var(--vc-s,1))}
.vc-flyer *{box-sizing:border-box}
.vc-flyer .vc-stage>div{box-sizing:border-box}
.vc-flyer a{color:#12215C}
.vc-flyer a:hover{color:#5B3FD6}
.vc-flyer svg{display:block}
.vc-flyer .vc-ico{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vc-flyer .vc-ico-s{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vc-ctrls{display:flex;justify-content:center;gap:10px;margin:12px auto 0;max-width:1080px}
.vc-ctrls .vc-btn{font:700 13px/1 'Plus Jakarta Sans',system-ui,sans-serif;color:#12215C;background:rgba(255,255,255,.92);border:1px solid #D5DEF2;border-radius:999px;padding:9px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:36px}
.vc-ctrls .vc-btn:hover{background:#fff;border-color:#5B3FD6}
.vc-ctrls .vc-btn:focus-visible{outline:3px solid #5B3FD6;outline-offset:2px}
#vc-flyer .vs1, .vc-ctrls .vs1 {width: 1080px; height: 1920px; box-sizing: border-box; padding: 48px 56px 48px; font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif; color: #12215C; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden}
#vc-flyer .vs2, .vc-ctrls .vs2 {display: flex; align-items: center; justify-content: space-between}
#vc-flyer .vs3, .vc-ctrls .vs3 {display: flex; align-items: center; gap: 14px}
#vc-flyer .vs4, .vc-ctrls .vs4 {width: 46px; height: 62px}
#vc-flyer .vs5, .vc-ctrls .vs5 {display: flex; flex-direction: column; gap: 2px}
#vc-flyer .vs6, .vc-ctrls .vs6 {font-size: 30px; font-weight: 800; letter-spacing: -0.5px; line-height: 1}
#vc-flyer .vs7, .vc-ctrls .vs7 {color: #5B3FD6}
#vc-flyer .vs8, .vc-ctrls .vs8 {font-size: 14px; font-weight: 500; color: #4A5578}
#vc-flyer .vs9, .vc-ctrls .vs9 {padding: 10px 20px; border-radius: 999px; background: #FFFFFF; border: 1.5px solid #D5DEF2; font-size: 16px; font-weight: 700; color: #12215C}
#vc-flyer .vs10, .vc-ctrls .vs10 {display: flex; flex-direction: column; gap: 14px}
#vc-flyer .vs11, .vc-ctrls .vs11 {align-self: flex-start; display: flex; align-items: center; gap: 10px; padding: 9px 18px 9px 14px; border-radius: 999px; background: #E3F6EC; color: #11683F; font-size: 17px; font-weight: 800; letter-spacing: 0.4px}
#vc-flyer .vs12, .vc-ctrls .vs12 {margin: 0; display: flex; flex-direction: column; gap: 4px}
#vc-flyer .vs13, .vc-ctrls .vs13 {font-size: 66px; font-weight: 800; letter-spacing: -1.5px; line-height: 1.05; color: #12215C}
#vc-flyer .vs14, .vc-ctrls .vs14 {font-size: 48px; font-weight: 800; letter-spacing: -1px; line-height: 1.12; color: #5B3FD6; max-width: 760px}
#vc-flyer .vs15, .vc-ctrls .vs15 {display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 28px; align-items: center}
#vc-flyer .vs16, .vc-ctrls .vs16 {display: flex; flex-direction: column; gap: 22px}
#vc-flyer .vs17, .vc-ctrls .vs17 {margin: 0; font-size: 24px; line-height: 1.38; font-weight: 500; color: #33406B}
#vc-flyer .vs18, .vc-ctrls .vs18 {display: flex; flex-direction: column; gap: 12px; padding: 18px; background: #FFFFFF; border-radius: 22px; border: 1px solid #DCE4F5}
#vc-flyer .vs19, .vc-ctrls .vs19 {display: flex; align-items: center; gap: 16px}
#vc-flyer .vs20, .vc-ctrls .vs20 {width: 50px; height: 50px; flex-shrink: 0; border-radius: 14px; background: #E6EEFF; color: #2F6FED; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs21, .vc-ctrls .vs21 {font-size: 19px; line-height: 1.3; color: #33406B}
#vc-flyer .vs22, .vc-ctrls .vs22 {color: #12215C}
#vc-flyer .vs23, .vc-ctrls .vs23 {width: 50px; height: 50px; flex-shrink: 0; border-radius: 14px; background: #E3F6EC; color: #11683F; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs24, .vc-ctrls .vs24 {width: 50px; height: 50px; flex-shrink: 0; border-radius: 14px; background: #EEEAFD; color: #5B3FD6; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs25, .vc-ctrls .vs25 {width: 50px; height: 50px; flex-shrink: 0; border-radius: 14px; background: #E1F4F7; color: #0D7C8C; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs26, .vc-ctrls .vs26 {position: relative; width: 460px; height: 420px}
#vc-flyer .vs27, .vc-ctrls .vs27 {position: absolute; left: 0; top: 0; width: 460px; height: 420px}
#vc-flyer .vs28, .vc-ctrls .vs28 {position: absolute; left: 158px; top: 133px; width: 144px; height: 144px; border-radius: 34px; background: linear-gradient(140deg, #2F6FED, #5B3FD6); box-shadow: 0 18px 40px rgba(47,63,180,0.35); display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 64px; font-weight: 800; letter-spacing: -1px}
#vc-flyer .vs29, .vc-ctrls .vs29 {position: absolute; left: 20px; top: 22px; width: 100px; display: flex; flex-direction: column; align-items: center; gap: 6px}
#vc-flyer .vs30, .vc-ctrls .vs30 {width: 58px; height: 58px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 6px 16px rgba(18,33,92,0.12); color: #2F6FED; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs31, .vc-ctrls .vs31 {font-size: 15px; font-weight: 600}
#vc-flyer .vs32, .vc-ctrls .vs32 {position: absolute; left: 180px; top: 0px; width: 100px; display: flex; flex-direction: column; align-items: center; gap: 6px}
#vc-flyer .vs33, .vc-ctrls .vs33 {width: 58px; height: 58px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 6px 16px rgba(18,33,92,0.12); color: #158A57; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs34, .vc-ctrls .vs34 {position: absolute; left: 340px; top: 22px; width: 100px; display: flex; flex-direction: column; align-items: center; gap: 6px}
#vc-flyer .vs35, .vc-ctrls .vs35 {width: 58px; height: 58px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 6px 16px rgba(18,33,92,0.12); color: #D13B32; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs36, .vc-ctrls .vs36 {position: absolute; left: 0px; top: 170px; width: 110px; display: flex; flex-direction: column; align-items: center; gap: 6px}
#vc-flyer .vs37, .vc-ctrls .vs37 {width: 58px; height: 58px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 6px 16px rgba(18,33,92,0.12); color: #6A4BD8; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs38, .vc-ctrls .vs38 {position: absolute; left: 342px; top: 170px; width: 118px; display: flex; flex-direction: column; align-items: center; gap: 6px}
#vc-flyer .vs39, .vc-ctrls .vs39 {width: 58px; height: 58px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 6px 16px rgba(18,33,92,0.12); color: #D9601E; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs40, .vc-ctrls .vs40 {position: absolute; left: 30px; top: 320px; width: 100px; display: flex; flex-direction: column; align-items: center; gap: 6px}
#vc-flyer .vs41, .vc-ctrls .vs41 {width: 58px; height: 58px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 6px 16px rgba(18,33,92,0.12); color: #0D7C8C; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs42, .vc-ctrls .vs42 {position: absolute; left: 330px; top: 320px; width: 100px; display: flex; flex-direction: column; align-items: center; gap: 6px}
#vc-flyer .vs43, .vc-ctrls .vs43 {background: #FFFFFF; border-radius: 24px; border: 1px solid #DCE4F5; padding: 22px 26px; display: flex; flex-direction: column; gap: 14px}
#vc-flyer .vs44, .vc-ctrls .vs44 {display: flex; justify-content: space-between; font-size: 22px; font-weight: 800}
#vc-flyer .vs45, .vc-ctrls .vs45 {display: flex; align-items: center; justify-content: space-between; gap: 10px}
#vc-flyer .vs46, .vc-ctrls .vs46 {flex: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 12px 6px; background: #F4F7FD; border-radius: 16px}
#vc-flyer .vs47, .vc-ctrls .vs47 {display: flex; flex-direction: column; align-items: center; gap: 6px; color: #2F6FED}
#vc-flyer .vs48, .vc-ctrls .vs48 {font-size: 14px; font-weight: 600; color: #12215C}
#vc-flyer .vs49, .vc-ctrls .vs49 {display: flex; flex-direction: column; align-items: center; gap: 6px; color: #D13B32}
#vc-flyer .vs50, .vc-ctrls .vs50 {display: flex; flex-direction: column; align-items: center; gap: 6px; color: #158A57}
#vc-flyer .vs51, .vc-ctrls .vs51 {display: flex; flex-direction: column; align-items: center; gap: 6px; color: #6A4BD8}
#vc-flyer .vs52, .vc-ctrls .vs52 {color: #2F6FED; flex-shrink: 0}
#vc-flyer .vs53, .vc-ctrls .vs53 {width: 78px; height: 78px; flex-shrink: 0; border-radius: 20px; background: linear-gradient(140deg, #2F6FED, #5B3FD6); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-size: 34px; font-weight: 800}
#vc-flyer .vs54, .vc-ctrls .vs54 {flex: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 12px 6px; background: #F4F2FE; border-radius: 16px}
#vc-flyer .vs55, .vc-ctrls .vs55 {display: flex; flex-direction: column; align-items: center; gap: 6px; color: #D9601E}
#vc-flyer .vs56, .vc-ctrls .vs56 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px}
#vc-flyer .vs57, .vc-ctrls .vs57 {background: #FFFFFF; border-radius: 24px; border: 1px solid #DCE4F5; padding: 24px 26px; display: flex; flex-direction: column; gap: 16px}
#vc-flyer .vs58, .vc-ctrls .vs58 {width: 46px; height: 46px; border-radius: 13px; background: #E6EEFF; color: #2F6FED; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs59, .vc-ctrls .vs59 {margin: 0; font-size: 27px; font-weight: 800}
#vc-flyer .vs60, .vc-ctrls .vs60 {display: flex; flex-direction: column; gap: 10px; font-size: 18.5px; line-height: 1.32; color: #33406B}
#vc-flyer .vs61, .vc-ctrls .vs61 {display: flex; gap: 12px; align-items: flex-start; padding: 8px 12px; margin: 0 -12px; background: #E3F6EC; border-radius: 12px; color: #0E4F31; font-weight: 700}
#vc-flyer .vs62, .vc-ctrls .vs62 {width: 9px; height: 9px; border-radius: 50%; background: #158A57; flex-shrink: 0; margin-top: 8px}
#vc-flyer .vs63, .vc-ctrls .vs63 {display: flex; gap: 12px; align-items: flex-start}
#vc-flyer .vs64, .vc-ctrls .vs64 {width: 9px; height: 9px; border-radius: 50%; background: #2F6FED; flex-shrink: 0; margin-top: 8px}
#vc-flyer .vs65, .vc-ctrls .vs65 {width: 46px; height: 46px; border-radius: 13px; background: #EEEAFD; color: #5B3FD6; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs66, .vc-ctrls .vs66 {width: 9px; height: 9px; border-radius: 50%; background: #5B3FD6; flex-shrink: 0; margin-top: 8px}
#vc-flyer .vs67, .vc-ctrls .vs67 {width: 46px; height: 46px; border-radius: 13px; background: #E3F6EC; color: #158A57; display: flex; align-items: center; justify-content: center}
#vc-flyer .vs68, .vc-ctrls .vs68 {display: flex; flex-direction: column; gap: 12px; font-size: 18.5px; line-height: 1.32; color: #33406B}
#vc-flyer .vs69, .vc-ctrls .vs69 {display: flex; gap: 12px; align-items: center}
#vc-flyer .vs70, .vc-ctrls .vs70 {width: 24px; height: 24px; flex-shrink: 0}
#vc-flyer .vs71, .vc-ctrls .vs71 {display: flex; flex-direction: column; gap: 10px; font-size: 17.5px; line-height: 1.32; color: #33406B}
#vc-flyer .vs72, .vc-ctrls .vs72 {display: flex; gap: 12px; align-items: center; color: #33406B}
#vc-flyer .vs73, .vc-ctrls .vs73 {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px}
#vc-flyer .vs74, .vc-ctrls .vs74 {background: #E6EEFF; border-radius: 14px; padding: 10px 6px; text-align: center; line-height: 1.15}
#vc-flyer .vs75, .vc-ctrls .vs75 {font-size: 26px; font-weight: 800; color: #12215C}
#vc-flyer .vs76, .vc-ctrls .vs76 {font-size: 14px; font-weight: 700; color: #33406B}
#vc-flyer .vs77, .vc-ctrls .vs77 {background: #EEEAFD; border-radius: 14px; padding: 10px 6px; text-align: center; line-height: 1.15}
#vc-flyer .vs78, .vc-ctrls .vs78 {font-size: 26px; font-weight: 800; color: #4A2FC0}
#vc-flyer .vs79, .vc-ctrls .vs79 {background: #E3F6EC; border-radius: 14px; padding: 10px 6px; text-align: center; line-height: 1.15; display: flex; flex-direction: column; justify-content: center}
#vc-flyer .vs80, .vc-ctrls .vs80 {font-size: 18px; font-weight: 800; color: #0E4F31}
#vc-flyer .vs81, .vc-ctrls .vs81 {border-radius: 26px; background: linear-gradient(120deg, #0F1C4D, #1E3A8A 60%, #2F4FC8); padding: 28px 30px; display: flex; align-items: center; gap: 26px; color: #FFFFFF}
#vc-flyer .vs82, .vc-ctrls .vs82 {display: flex; flex-direction: column; align-items: center; gap: 8px; flex-shrink: 0; padding-right: 26px; border-right: 1px solid rgba(255,255,255,0.25)}
#vc-flyer .vs83, .vc-ctrls .vs83 {width: 52px; height: 70px}
#vc-flyer .vs84, .vc-ctrls .vs84 {font-size: 17px; font-weight: 800; letter-spacing: -0.2px}
#vc-flyer .vs85, .vc-ctrls .vs85 {flex: 1; display: flex; flex-direction: column; gap: 12px}
#vc-flyer .vs86, .vc-ctrls .vs86 {font-size: 24px; font-weight: 700; line-height: 1.3}
#vc-flyer .vs87, .vc-ctrls .vs87 {font-size: 16px; font-weight: 600; color: #CFDAFF}
#vc-flyer .vs88, .vc-ctrls .vs88 {flex-shrink: 0; display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 18px; background: #FFFFFF; color: #12215C; text-decoration: none; font-size: 16px; font-weight: 800; line-height: 1.25}
#vc-flyer .vs89, .vc-ctrls .vs89 {width: 40px; height: 40px; border-radius: 50%; background: #5B3FD6; color: #FFFFFF; display: flex; align-items: center; justify-content: center}
