{"id":1432,"date":"2022-04-28T20:52:01","date_gmt":"2022-04-28T23:52:01","guid":{"rendered":"http:\/\/c2360366.ferozo.com\/new\/?page_id=1432"},"modified":"2026-09-02T12:30:15","modified_gmt":"2026-09-02T15:30:15","slug":"modalidad-bachiller-online","status":"publish","type":"page","link":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/","title":{"rendered":"Modalidad bachiller online"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\n\n.saber-cc {\n  \/* Variables base *\/\n  --saber-purple-deep: #4A148C;\n  --saber-purple: #7C2AE8;\n  --saber-magenta: #C81ED6;\n  --saber-pink: #F13FAE;\n  --saber-pink-light: #FDF0FA;\n  --saber-ink: #2B0A45;\n  --saber-body: #5B3B78;\n  --saber-border: #ECDCF6;\n  --saber-surface: #FFFFFF;\n  --saber-bg: #FBF6FD;\n  --saber-orange: #FF5E00; \n  --saber-orange-hover: #E65500;\n\n  font-family: 'Inter', sans-serif;\n  color: var(--saber-body);\n  background: var(--saber-surface); \n  \n  width: 100%;\n  box-sizing: border-box;\n  overflow-x: hidden;\n}\n\n.saber-cc__container {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n\n.saber-cc *, .saber-cc *::before, .saber-cc *::after { box-sizing: border-box; }\n\n.saber-cc h1, .saber-cc h2, .saber-cc h3, .saber-cc h4 {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 700;\n  color: var(--saber-ink);\n  margin: 0;\n  line-height: 1.15;\n}\n\n.saber-cc p { margin: 0; }\n.text-center { text-align: center; }\n\n\/* ---------- EYEBROWS ---------- *\/\n.saber-cc__eyebrow {\n  display: inline-block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 0.75rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--saber-pink);\n  margin-bottom: 30px; \n}\n.saber-cc__eyebrow--light { color: #FFFFFF; opacity: 0.9; }\n\n\/* ---------- LOGOS ---------- *\/\n.saber-cc__logo-cta {\n  max-width: 180px;\n  height: auto;\n  margin: 0 auto 40px;\n  display: block;\n}\n.saber-cc__logo-hero {\n  max-width: 220px;\n  height: auto;\n  margin: 0 auto 40px;\n  display: block;\n}\n\n\/* ==========================================\n   HERO STANDARD (SOPORTA SPLIT Y CENTRADO)\n=========================================== *\/\n.saber-cc__hero {\n  width: 100%;\n  background: linear-gradient(150deg, var(--saber-purple-deep) 0%, var(--saber-purple) 45%, var(--saber-magenta) 78%, var(--saber-pink) 100%);\n}\n\n.saber-cc__hero-inner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 100px 0; \n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n\/* Variante Split (2 columnas para Home\/Ciclos) *\/\n.saber-cc__hero-inner--split {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  text-align: left;\n  gap: 60px;\n  padding: 80px 0;\n}\n.saber-cc__hero-content {\n  flex: 1 1 55%;\n  max-width: 600px;\n}\n.saber-cc__hero-image {\n  flex: 1 1 45%;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n}\n.saber-cc__hero-image img {\n  width: 100%;\n  max-width: 500px;\n  height: auto;\n  border-radius: 24px;\n  box-shadow: 0 25px 50px rgba(0,0,0,0.25);\n  border: 4px solid rgba(255, 255, 255, 0.1);\n}\n.saber-cc__logo-hero--left { margin: 0 0 30px 0; }\n.saber-cc__title--left { margin: 0 0 40px 0 !important; }\n.saber-cc__subtitle--left { margin: 0 0 40px 0 !important; padding-bottom: 0 !important; }\n.saber-cc__cta-row--left { justify-content: flex-start !important; margin-top: 0 !important; }\n\n\/* Tipograf\u00eda Hero Standard *\/\n.saber-cc__title--light { color: #fff; }\n.saber-cc__title {\n  font-size: clamp(2.2rem, 5vw, 4rem);\n  font-weight: 800;\n  margin: 0 auto; \n  text-shadow: 0 2px 0 rgba(0,0,0,0.08);\n  line-height: 1.4;\n  position: relative; \n  z-index: 2;\n}\n\n.saber-cc__highlight {\n  background: #fff;\n  color: var(--saber-purple-deep);\n  padding: 8px 24px;\n  border-radius: 12px;\n  display: inline-block;\n  transform: rotate(-1.5deg);\n  margin-top: 15px; \n  margin-bottom: 0; \n}\n\n.saber-cc__hero-badges { \n  display: flex;\n  justify-content: center;\n  gap: 20px; \n  flex-wrap: wrap;\n  list-style: none;\n  padding: 0;\n  margin: 40px auto 50px; \n}\n\n.saber-cc__hero-badge {\n  background: rgba(255, 255, 255, 0.15);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  color: #fff;\n  padding: 12px 24px;\n  border-radius: 50px;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 0.95rem;\n  backdrop-filter: blur(5px);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n}\n\n.saber-cc__subtitle { \n  color: rgba(255,255,255,0.95);\n  font-size: 1.2rem;\n  max-width: 800px;\n  margin: 0 auto 40px !important; \n  padding-bottom: 20px; \n  line-height: 1.7;\n}\n.saber-cc__subtitle strong { color: #fff; font-weight: 700; }\n\n.saber-cc__cta-row { \n  display: flex; \n  justify-content: center; \n  gap: 24px; \n  flex-wrap: wrap; \n  margin-top: 30px !important; \n}\n.saber-cc__cta-row .saber-cc__btn { width: 100%; max-width: 340px; }\n\n\/* ==========================================\n   HERO PLAN +25 (JERARQU\u00cdA, COLOR SUAVE Y POSICIONAMIENTO)\n=========================================== *\/\n.saber-cc__hero-plus25 {\n  background: linear-gradient(135deg, #E66A17 0%, #C4520B 55%, var(--saber-purple-deep) 100%);\n  padding: 120px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Luces difuminadas (Glows Violetas) *\/\n.saber-cc__hero-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(100px);\n  z-index: 1;\n  pointer-events: none;\n}\n.saber-cc__hero-glow--1 {\n  width: 70vw; \n  height: 70vw;\n  max-width: 800px;\n  max-height: 800px;\n  background: rgba(124, 42, 232, 0.45); \n  top: -20%; \n  right: -10%;\n}\n.saber-cc__hero-glow--2 {\n  width: 50vw; \n  height: 50vw;\n  max-width: 600px;\n  max-height: 600px;\n  background: rgba(200, 30, 214, 0.35); \n  bottom: -20%; \n  left: -10%;\n}\n\n\/* Gr\u00e1fico de fondo gigante (+25) en Superior Izquierdo *\/\n.saber-cc__hero-plus25-graphic {\n  position: absolute;\n  top: -5%;\n  left: -2%;\n  z-index: 1;\n  pointer-events: none;\n}\n.saber-cc__hero-plus25-graphic span {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(14rem, 25vw, 26rem);\n  font-weight: 800;\n  color: rgba(255, 255, 255, 0.08); \/* Marca de agua sutil *\/\n  line-height: 0.8;\n  letter-spacing: -0.05em;\n  user-select: none;\n  display: block;\n  transform: rotate(-4deg);\n}\n\n\/* Contenedor Interior Centrado *\/\n.saber-cc__hero-plus25-inner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n.saber-cc__hero-plus25-content {\n  text-align: center;\n  max-width: 850px; \n  width: 100%;\n}\n\n.saber-cc__hero-plus25-logo {\n  max-width: 240px;\n  margin: 0 auto 30px;\n  display: block;\n}\n\n.saber-cc__hero-plus25-eyebrow {\n  display: inline-block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 700;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: rgba(255,255,255,0.9);\n  margin-bottom: 20px;\n}\n\n\/* T\u00edtulo Principal (+25) *\/\n.saber-cc__hero-plus25-title {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(4.5rem, 8vw, 6.5rem); \n  font-weight: 800;\n  color: #fff;\n  line-height: 1.1;\n  margin-bottom: 15px;\n  margin-top: 0;\n  text-shadow: 0 4px 15px rgba(0,0,0,0.1);\n}\n\n\/* T\u00edtulo Secundario *\/\n.saber-cc__hero-plus25-highlight {\n  background: var(--saber-purple-deep);\n  color: #fff;\n  font-size: clamp(1.5rem, 3vw, 2.2rem); \n  padding: 10px 30px;\n  border-radius: 16px;\n  display: inline-block;\n  transform: rotate(-1.5deg);\n  margin-top: 15px;\n  box-shadow: 0 10px 40px rgba(74, 20, 140, 0.4); \n}\n\n.saber-cc__hero-plus25-badges {\n  display: flex;\n  justify-content: center;\n  gap: 15px;\n  list-style: none;\n  padding: 0;\n  margin: 35px 0;\n  flex-wrap: wrap;\n}\n\n.saber-cc__hero-plus25-badges li {\n  background: rgba(255, 255, 255, 0.15);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  color: #fff;\n  padding: 10px 24px;\n  border-radius: 50px;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 1rem;\n  backdrop-filter: blur(5px);\n}\n\n.saber-cc__hero-plus25-lead {\n  font-size: 1.2rem;\n  color: rgba(255,255,255,0.95);\n  line-height: 1.6;\n  margin: 0 auto;\n  max-width: 750px;\n}\n\n.saber-cc__hero-plus25-actions {\n  display: flex;\n  justify-content: center;\n  gap: 20px;\n  flex-wrap: wrap;\n  margin-top: 50px; \n}\n\n.saber-cc__hero-plus25-actions .saber-cc__btn {\n  width: 100%;\n  max-width: 320px;\n}\n\n\/* ---------- BOTONES GENERALES ---------- *\/\n.saber-cc__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 800;\n  font-size: 1.05rem;\n  text-decoration: none;\n  text-transform: uppercase;\n  padding: 18px 24px; \n  border-radius: 12px; \n  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n  letter-spacing: 0.02em;\n}\n.saber-cc__btn--primary { \n  background: var(--saber-orange);\n  color: #FFFFFF !important; \n  border: 2px solid var(--saber-orange);\n  box-shadow: 0 8px 25px rgba(255, 94, 0, 0.4);\n}\n.saber-cc__btn--primary:hover { \n  background: var(--saber-orange-hover);\n  border-color: var(--saber-orange-hover);\n  transform: translateY(-3px); \n  box-shadow: 0 12px 30px rgba(255, 94, 0, 0.5); \n}\n.saber-cc__btn--purple { \n  background: var(--saber-purple);\n  color: #FFFFFF !important; \n  border: 2px solid var(--saber-purple);\n  box-shadow: 0 8px 25px rgba(124, 42, 232, 0.4);\n}\n.saber-cc__btn--purple:hover { \n  background: var(--saber-purple-deep);\n  border-color: var(--saber-purple-deep);\n  transform: translateY(-3px); \n  box-shadow: 0 12px 30px rgba(124, 42, 232, 0.5); \n}\n\/* Bot\u00f3n Violeta S\u00f3lido Inquebrantable *\/\n.saber-cc__btn--solid-purple {\n  background: var(--saber-purple) !important;\n  color: #fff !important;\n  border: 2px solid var(--saber-purple) !important;\n  box-shadow: 0 8px 30px rgba(124, 42, 232, 0.6) !important;\n}\n.saber-cc__btn--solid-purple:hover {\n  background: var(--saber-purple-deep) !important;\n  border-color: var(--saber-purple-deep) !important;\n  box-shadow: 0 12px 40px rgba(124, 42, 232, 0.8) !important;\n  transform: translateY(-3px);\n}\n.saber-cc__btn--ghost-light { \n  background: transparent;\n  color: #fff !important; \n  border: 2px solid rgba(255,255,255,0.8); \n}\n.saber-cc__btn--ghost-light:hover { \n  background: rgba(255, 255, 255, 0.1);\n  border-color: #fff; \n  transform: translateY(-3px); \n}\n\n\/* Bot\u00f3n WhatsApp *\/\n.saber-cc__btn--whatsapp {\n  background: #25D366 !important;\n  color: #FFFFFF !important;\n  border: 2px solid #25D366 !important;\n  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3) !important;\n}\n.saber-cc__btn--whatsapp:hover {\n  background: #128C7E !important;\n  border-color: #128C7E !important;\n  transform: translateY(-3px);\n  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.5) !important;\n}\n\n\/* ==========================================\n   TRUST BAR (CONFIANZA)\n=========================================== *\/\n.saber-cc__trust-bar {\n  background: var(--saber-surface);\n  border-bottom: 1px solid var(--saber-border);\n  padding: 24px 0;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n}\n.saber-cc__trust-grid {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 40px;\n  flex-wrap: wrap;\n}\n.saber-cc__trust-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.saber-cc__trust-icon { font-size: 1.8rem; }\n.saber-cc__trust-text { font-size: 0.95rem; color: var(--saber-body); line-height: 1.3; }\n.saber-cc__trust-text strong { color: var(--saber-purple-deep); font-weight: 700; }\n\n\/* ---------- SECCIONES ---------- *\/\n.saber-cc__section { \n  width: 100%;\n  padding: 80px 0; \n}\n.saber-cc__section--alt {\n  background: var(--saber-bg); \n}\n.saber-cc__section-head { text-align: center; max-width: 640px; margin: 0 auto 50px; }\n.saber-cc__h2 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); margin-bottom: 16px; }\n.saber-cc__lead { font-size: 1.05rem; line-height: 1.6; }\n\n\/* GRILLAS B\u00c1SICAS *\/\n.saber-cc__grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }\n.saber-cc__grid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; align-items: stretch; }\n\n\/* ==========================================\n   PASOS (C\u00d3MO FUNCIONA \/ ADMISI\u00d3N)\n=========================================== *\/\n.saber-cc__steps-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n  position: relative;\n}\n@media (min-width: 781px) {\n  .saber-cc__steps-grid::before {\n    content: \"\";\n    position: absolute;\n    top: 40px;\n    left: 10%;\n    right: 10%;\n    height: 2px;\n    background: dashed 2px var(--saber-border);\n    z-index: 0;\n  }\n}\n.saber-cc__step-card {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n  background: var(--saber-surface);\n  padding: 30px 20px;\n  border-radius: 16px;\n  border: 1px solid var(--saber-border);\n  box-shadow: 0 4px 15px rgba(74, 20, 140, 0.03);\n}\n.saber-cc__step-number {\n  width: 60px;\n  height: 60px;\n  background: var(--saber-purple);\n  color: #fff;\n  font-family: 'Poppins', sans-serif;\n  font-size: 1.5rem;\n  font-weight: 800;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 20px;\n  box-shadow: 0 8px 20px rgba(124, 42, 232, 0.3);\n}\n.saber-cc__step-card h4 { color: var(--saber-ink); font-size: 1.15rem; margin-bottom: 12px; }\n.saber-cc__step-card p { font-size: 0.95rem; color: var(--saber-body); line-height: 1.5; margin: 0; }\n\n\/* ==========================================\n   CALCULADORA DE TIEMPO (CRO)\n=========================================== *\/\n.saber-cc__calc-wrapper {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  max-width: 950px;\n  margin: 0 auto;\n  align-items: stretch;\n}\n.saber-cc__calc-options { display: flex; flex-direction: column; gap: 16px; }\n.saber-cc__calc-btn {\n  background: var(--saber-surface);\n  border: 2px solid var(--saber-border);\n  border-radius: 12px;\n  padding: 20px 24px;\n  text-align: left;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 1.05rem;\n  color: var(--saber-ink);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  box-shadow: 0 4px 10px rgba(0,0,0,0.02);\n}\n.saber-cc__calc-btn:hover { border-color: var(--saber-magenta); transform: translateX(4px); }\n.saber-cc__calc-btn.active { background: var(--saber-pink-light); border-color: var(--saber-magenta); color: var(--saber-purple-deep); box-shadow: 0 8px 20px rgba(241, 63, 174, 0.15); }\n\n.saber-cc__calc-result {\n  background: var(--saber-purple-deep);\n  border-radius: 20px;\n  padding: 40px 30px;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  box-shadow: 0 20px 40px rgba(74, 20, 140, 0.2);\n  position: relative;\n  overflow: hidden;\n}\n.saber-cc__calc-result::before {\n  content: \"\";\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle, rgba(200,30,214,0.4) 0%, transparent 70%);\n  z-index: 0;\n  pointer-events: none;\n}\n.saber-cc__calc-label, .saber-cc__calc-time, .saber-cc__calc-plan, .saber-cc__calc-desc, .saber-cc__btn--full, .saber-cc__calc-note { position: relative; z-index: 1; }\n.saber-cc__calc-label { font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--saber-pink); margin-bottom: 8px; font-weight: 600; }\n.saber-cc__calc-time { font-family: 'Poppins', sans-serif; font-size: 2.8rem; font-weight: 800; line-height: 1.1; margin-bottom: 20px; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,0.2); }\n.saber-cc__calc-plan { font-size: 1.1rem; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.2); }\n.saber-cc__calc-plan strong { color: var(--saber-orange); font-family: 'Poppins', sans-serif; }\n.saber-cc__calc-desc { font-size: 0.95rem; line-height: 1.6; opacity: 0.9; margin-bottom: 30px; }\n.saber-cc__btn--full { width: 100%; margin-top: auto; max-width: none !important; }\n.saber-cc__calc-note { font-size: 0.75rem; text-align: center; opacity: 0.6; margin-top: 16px; display: block; }\n\n\/* ==========================================\n   INFO BOXES (DISE\u00d1O FLAT CON GLOW)\n=========================================== *\/\n.saber-cc__info-box {\n  background: var(--saber-surface); \n  border: none;\n  padding: 32px;\n  border-radius: 16px;\n  box-shadow: 0 8px 25px rgba(124, 42, 232, 0.08); \n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  height: 100%; \n  box-sizing: border-box;\n}\n.saber-cc__info-box:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(124, 42, 232, 0.12); }\n.saber-cc__info-box--blue { background: rgba(45, 140, 255, 0.05); box-shadow: 0 8px 25px rgba(45, 140, 255, 0.1); }\n.saber-cc__info-box--blue:hover { box-shadow: 0 12px 30px rgba(45, 140, 255, 0.15); }\n.saber-cc__info-box--purple { background: rgba(124, 42, 232, 0.05); box-shadow: 0 8px 25px rgba(124, 42, 232, 0.1); }\n.saber-cc__info-box--purple:hover { box-shadow: 0 12px 30px rgba(124, 42, 232, 0.15); }\n.saber-cc__info-box--pink { background: rgba(241, 63, 174, 0.05); box-shadow: 0 8px 25px rgba(241, 63, 174, 0.1); }\n.saber-cc__info-box--pink:hover { box-shadow: 0 12px 30px rgba(241, 63, 174, 0.15); }\n\n\/* ---------- FRASE DESTACADA ---------- *\/\n.saber-cc__quote-box {\n  background: var(--saber-pink-light); \n  padding: 30px;\n  border-radius: 16px;\n  border: none; \n  max-width: 800px;\n  margin: 0 auto 50px;\n}\n.saber-cc__quote-box p { font-size: 1.2rem; font-weight: 800; color: var(--saber-magenta); margin: 0; }\n\n\/* ---------- TARJETAS: M\u00d3DULOS DE FORMACI\u00d3N ---------- *\/\n.saber-cc__module-card {\n  background: #ffffff; \n  border: 1px solid var(--saber-border); \n  padding: 24px;\n  border-radius: 16px; \n  box-shadow: 0 4px 15px rgba(74, 20, 140, 0.03);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n  height: 100%; \n  box-sizing: border-box;\n}\n.saber-cc__module-card:hover { transform: translateY(-4px); box-shadow: 0 12px 25px rgba(74, 20, 140, 0.06); border-color: var(--saber-purple); }\n.saber-cc__module-card h4 { color: var(--saber-purple-deep); font-size: 1.1rem; margin-bottom: 8px; }\n.saber-cc__module-card p { font-size: 0.95rem; color: var(--saber-body); line-height: 1.5; margin: 0; }\n\n\/* ---------- TARJETAS STANDARD (Eleg\u00ed tu ciclo) ---------- *\/\n.saber-cc__target-card {\n  background: var(--saber-surface);\n  border: 2px solid var(--saber-border);\n  border-radius: 20px;\n  padding: 32px 24px;\n  text-align: center;\n  transition: all 0.3s ease;\n  box-shadow: 0 10px 30px rgba(74, 20, 140, 0.04);\n  height: 100%; \n  box-sizing: border-box;\n}\n.saber-cc__target-card:hover { transform: translateY(-8px); border-color: var(--saber-magenta); box-shadow: 0 20px 40px rgba(200, 30, 214, 0.15); }\n.saber-cc__target-icon {\n  width: 64px;\n  height: 64px;\n  background: var(--saber-pink-light);\n  color: var(--saber-magenta);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2rem;\n  margin: 0 auto 20px;\n}\n.saber-cc__target-card h3 { font-size: 1.15rem; color: var(--saber-purple-deep); margin-bottom: 12px; }\n.saber-cc__target-card p { font-size: 0.95rem; line-height: 1.55; color: var(--saber-body); }\n.saber-cc__target-card--link { display: flex; flex-direction: column; text-decoration: none; cursor: pointer; }\n.saber-cc__target-link { display: inline-block; margin-top: auto; padding-top: 16px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 0.95rem; color: var(--saber-magenta); transition: transform 0.2s ease; }\n.saber-cc__target-card--link:hover .saber-cc__target-link { transform: translateX(4px); }\n\n\/* ==========================================\n   MODALIDAD A DISTANCIA\n=========================================== *\/\n.saber-cc__modalidad-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }\n.saber-cc__modalidad-text .saber-cc__h2 { margin-bottom: 20px; }\n.saber-cc__modalidad-benefits { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-direction: column; gap: 12px; }\n.saber-cc__modalidad-benefits li { font-size: 1.05rem; font-weight: 500; color: var(--saber-ink); }\n.saber-cc__modalidad-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: stretch; }\n.saber-cc__mod-card { background: var(--saber-surface); border: 1px solid var(--saber-border); border-radius: 16px; padding: 24px; box-shadow: 0 4px 15px rgba(74, 20, 140, 0.03); height: 100%; box-sizing: border-box; }\n.saber-cc__mod-icon { font-size: 2rem; margin-bottom: 16px; background: var(--saber-pink-light); color: var(--saber-magenta); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 12px; }\n.saber-cc__mod-card h4 { color: var(--saber-purple-deep); font-size: 1.05rem; margin-bottom: 8px; }\n.saber-cc__mod-card p { font-size: 0.9rem; line-height: 1.5; color: var(--saber-body); margin: 0; }\n\n\/* ==========================================\n   PLAN DE ESTUDIOS\n=========================================== *\/\n.saber-cc__plan-card {\n  background: var(--saber-surface);\n  border: 1px solid var(--saber-border);\n  border-radius: 16px;\n  padding: 40px;\n  box-shadow: 0 4px 20px rgba(74, 20, 140, 0.04);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  height: 100%; \n  box-sizing: border-box;\n}\n.saber-cc__plan-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(74, 20, 140, 0.08); border-color: var(--saber-pink); }\n.saber-cc__plan-header { text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed var(--saber-border); }\n.saber-cc__plan-badge { display: inline-block; background: var(--saber-purple); color: #fff; font-family: 'Poppins', sans-serif; font-size: 0.75rem; font-weight: 700; padding: 4px 12px; border-radius: 20px; margin-bottom: 12px; }\n.saber-cc__plan-header h3 { font-size: 1.6rem; color: var(--saber-purple-deep); margin-bottom: 4px; }\n.saber-cc__plan-header span { font-size: 0.95rem; color: var(--saber-body); font-weight: 500; }\n.saber-cc__plan-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; flex-grow: 1; }\n.saber-cc__plan-list--2cols { column-count: 2; column-gap: 40px; display: block; }\n.saber-cc__plan-list li { position: relative; padding-left: 24px; font-size: 0.95rem; line-height: 1.5; color: var(--saber-ink); margin-bottom: 12px; break-inside: avoid-column; }\n.saber-cc__plan-list li::before { content: \"\u2022\"; position: absolute; left: 0; top: 0; color: var(--saber-magenta); font-size: 1.2rem; line-height: 1.2; }\n\n\/* ---------- TARJETAS NIVEL SUPERIOR ---------- *\/\n.saber-cc__careers-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; align-items: stretch; }\n.saber-cc__career-card {\n  background: #fff;\n  border: 2px solid var(--saber-border);\n  border-radius: 20px;\n  padding: 32px 24px;\n  text-align: center;\n  transition: all 0.3s ease;\n  text-decoration: none;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 300px;\n  max-width: 350px;\n  height: 100%; \n  box-sizing: border-box;\n}\n.saber-cc__career-icon { width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin: 0 auto 20px; }\n.saber-cc__career-card h3 { font-size: 1.15rem; color: var(--saber-ink); margin-bottom: 12px; transition: color 0.3s ease; }\n.saber-cc__career-card p { font-size: 0.95rem; line-height: 1.55; color: var(--saber-body); }\n.saber-cc__career-link { display: inline-block; margin-top: auto; padding-top: 16px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 0.95rem; transition: transform 0.2s ease, color 0.3s ease; }\n\n\/* Colores Nivel Superior *\/\n.saber-cc__career-card--mkt .saber-cc__career-icon { background: rgba(0, 166, 80, 0.1); color: #00A650; }\n.saber-cc__career-card--mkt .saber-cc__career-link { color: #00A650; }\n.saber-cc__career-card--mkt:hover { border-color: #00A650; box-shadow: 0 15px 30px rgba(0, 166, 80, 0.15); transform: translateY(-6px); background: #f4fff9; }\n\n.saber-cc__career-card--ci .saber-cc__career-icon { background: rgba(90, 46, 135, 0.1); color: #5A2E87; }\n.saber-cc__career-card--ci .saber-cc__career-link { color: #5A2E87; }\n.saber-cc__career-card--ci:hover { border-color: #5A2E87; box-shadow: 0 15px 30px rgba(90, 46, 135, 0.15); transform: translateY(-6px); background: #fbf7ff; }\n\n.saber-cc__career-card--fin .saber-cc__career-icon { background: rgba(255, 107, 0, 0.1); color: #FF6B00; }\n.saber-cc__career-card--fin .saber-cc__career-link { color: #FF6B00; }\n.saber-cc__career-card--fin:hover { border-color: #FF6B00; box-shadow: 0 15px 30px rgba(255, 107, 0, 0.15); transform: translateY(-6px); background: #fff8f2; }\n\n.saber-cc__career-card--adm .saber-cc__career-icon { background: rgba(0, 159, 227, 0.1); color: #009FE3; }\n.saber-cc__career-card--adm .saber-cc__career-link { color: #009FE3; }\n.saber-cc__career-card--adm:hover { border-color: #009FE3; box-shadow: 0 15px 30px rgba(0, 159, 227, 0.15); transform: translateY(-6px); background: #f2fbff; }\n\n.saber-cc__career-card--rrhh .saber-cc__career-icon { background: rgba(195, 39, 43, 0.1); color: #C3272B; }\n.saber-cc__career-card--rrhh .saber-cc__career-link { color: #C3272B; }\n.saber-cc__career-card--rrhh:hover { border-color: #C3272B; box-shadow: 0 15px 30px rgba(195, 39, 43, 0.15); transform: translateY(-6px); background: #fff5f6; }\n.saber-cc__career-card:hover .saber-cc__career-link { transform: translateX(4px); }\n\n\/* ---------- CTA FINAL ---------- *\/\n.saber-cc__cta-final { width: 100%; background: linear-gradient(150deg, var(--saber-purple-deep) 0%, var(--saber-purple) 45%, var(--saber-magenta) 78%, var(--saber-pink) 100%); color: #fff; padding: 80px 0; }\n.saber-cc__cta-final h2 { color: #fff; font-size: clamp(1.4rem, 2.6vw, 2rem); margin-bottom: 16px; }\n.saber-cc__cta-final p { opacity: 0.9; margin-bottom: 40px; font-size: 1.1rem; }\n\n\/* ---------- RESPONSIVE GLOBALES ---------- *\/\n@media (max-width: 900px) {\n  .saber-cc__modalidad-wrapper { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 780px) {\n  .saber-cc__grid3, .saber-cc__grid2 { grid-template-columns: 1fr; }\n  .saber-cc__hero-inner { padding: 60px 0; }\n  .saber-cc__hero-inner--split { flex-direction: column; text-align: center; gap: 40px; }\n  .saber-cc__logo-hero--left { margin: 0 auto 30px; }\n  .saber-cc__title--left { margin: 0 auto 35px !important; }\n  .saber-cc__subtitle--left { margin: 0 auto 40px !important; }\n  .saber-cc__cta-row--left { justify-content: center !important; }\n  .saber-cc__hero-image { max-width: 90%; margin-bottom: 30px; }\n  .saber-cc__highlight { margin-bottom: 30px; } \n  .saber-cc__hero-badges { flex-direction: column; align-items: center; gap: 16px; margin-bottom: 40px; }\n  .saber-cc__hero-badge { width: 100%; justify-content: center; }\n  .saber-cc__cta-row { flex-direction: column; gap: 16px; margin-top: 20px !important; }\n  .saber-cc__btn { width: 100%; max-width: none !important; }\n  .saber-cc__equation { flex-direction: column; }\n  .saber-cc__eq-op { transform: rotate(90deg); margin: 10px 0; }\n  .saber-cc__plan-list--2cols { column-count: 1; }\n  .saber-cc__req-grid { grid-template-columns: 1fr; }\n  .saber-cc__logo-hero { max-width: 180px; margin-bottom: 30px; }\n  .saber-cc__steps-grid { grid-template-columns: 1fr; }\n  \n  \/* Hero +25 Mobile *\/\n  .saber-cc__hero-plus25 { padding: 80px 0; }\n  .saber-cc__hero-plus25-badges { flex-direction: column; align-items: center; }\n  .saber-cc__hero-plus25-badges li { width: 100%; max-width: 300px; }\n  .saber-cc__hero-plus25-graphic { top: -2%; left: -10%; }\n  .saber-cc__hero-plus25-graphic span { font-size: 12rem; }\n}\n\n@media (max-width: 500px) {\n  .saber-cc__modalidad-grid { grid-template-columns: 1fr; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .saber-cc__btn, .saber-cc__target-card, .saber-cc__module-card, .saber-cc__info-box { transition: none; }\n}\n\n\/* ==========================================\n   AJUSTES ESPEC\u00cdFICOS HERO MODALIDAD\n=========================================== *\/\n.saber-cc__hero-modalidad .saber-cc__hero-plus25-title {\n  font-size: clamp(2.8rem, 6vw, 4.5rem); \n  line-height: 1; \n  margin-bottom: 45px; \n}\n\n.saber-cc__hero-modalidad .saber-cc__hero-plus25-highlight {\n  font-size: clamp(2rem, 4vw, 3.2rem); \n  margin-top: 5px; \n  padding: 10px 40px;\n}\n<\/style>\n\n<div class=\"saber-cc\">\n\n  <!-- ==========================================\n       HERO SECTION (DISE\u00d1O INMERSIVO MODALIDAD)\n  =========================================== -->\n  <header class=\"saber-cc__hero-plus25 saber-cc__hero-modalidad\">\n    \n    <!-- Luces de fondo (Glows) -->\n    <div class=\"saber-cc__hero-glow saber-cc__hero-glow--1\"><\/div>\n    <div class=\"saber-cc__hero-glow saber-cc__hero-glow--2\"><\/div>\n\n    <!-- Gr\u00e1fico de fondo gigante -->\n    <div class=\"saber-cc__hero-plus25-graphic\">\n      <span>ONLINE<\/span>\n    <\/div>\n\n    <div class=\"saber-cc__container\">\n      <div class=\"saber-cc__hero-plus25-inner\">\n        \n        <!-- Contenido Centrado -->\n        <div class=\"saber-cc__hero-plus25-content\">\n        \n          \n          <span class=\"saber-cc__hero-plus25-eyebrow\">Modalidad de Cursado<\/span>\n          \n          <h1 class=\"saber-cc__hero-plus25-title\">\n            Termin\u00e1 el secundario <br>\n            <span class=\"saber-cc__hero-plus25-highlight\">a distancia<\/span>\n          <\/h1>\n          \n          <p class=\"saber-cc__hero-plus25-lead\" style=\"max-width: 900px;\">\n            Estudi\u00e1 de manera <strong>100% online<\/strong> y organiz\u00e1 tu cursado de acuerdo con tus tiempos y necesidades personales o laborales. A trav\u00e9s del Campus Virtual, vas a acceder a los contenidos, actividades y evaluaciones de cada materia, y vas a contar con el acompa\u00f1amiento de docentes y tutores durante todo el proceso.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ==========================================\n       \u00bfC\u00d3MO FUNCIONA? (GR\u00cdLLA DE TARJETAS FLAT)\n  =========================================== -->\n  <section class=\"saber-cc__section\">\n    <div class=\"saber-cc__container\">\n      <div class=\"saber-cc__section-head\">\n        <span class=\"saber-cc__eyebrow\">Din\u00e1mica de estudio<\/span>\n        <h2 class=\"saber-cc__h2\">\u00bfC\u00f3mo funciona nuestra modalidad?<\/h2>\n        <p class=\"saber-cc__lead\">Dise\u00f1amos un sistema pensado para darte total autonom\u00eda sin perder el acompa\u00f1amiento docente.<\/p>\n      <\/div>\n\n      <div class=\"saber-cc__grid3\">\n        <article class=\"saber-cc__module-card\">\n          <div class=\"saber-cc__target-icon\" style=\"margin: 0 0 16px 0; width: 48px; height: 48px; font-size: 1.5rem;\">&#x1f4bb;<\/div>\n          <h4>Campus Virtual<\/h4>\n          <p>Acced\u00e9 a los contenidos y actividades de las materias desde cualquier lugar.<\/p>\n        <\/article>\n\n        <article class=\"saber-cc__module-card\">\n          <div class=\"saber-cc__target-icon\" style=\"margin: 0 0 16px 0; width: 48px; height: 48px; font-size: 1.5rem;\">&#x1f4da;<\/div>\n          <h4>Trabajos pr\u00e1cticos<\/h4>\n          <p>Realiz\u00e1 las actividades y evaluaciones propuestas por los docentes para obtener la regularidad.<\/p>\n        <\/article>\n\n        <article class=\"saber-cc__module-card\">\n          <div class=\"saber-cc__target-icon\" style=\"margin: 0 0 16px 0; width: 48px; height: 48px; font-size: 1.5rem;\">&#x1f4ac;<\/div>\n          <h4>Tutor\u00edas semanales<\/h4>\n          <p>Particip\u00e1 de espacios de consulta una vez por semana, en horarios de tarde\/noche.<\/p>\n        <\/article>\n\n        <article class=\"saber-cc__module-card\">\n          <div class=\"saber-cc__target-icon\" style=\"margin: 0 0 16px 0; width: 48px; height: 48px; font-size: 1.5rem;\">&#x1f550;<\/div>\n          <h4>Sin asistencia obligatoria<\/h4>\n          <p>Las tutor\u00edas son opcionales y pod\u00e9s elegir la modalidad que mejor se adapte a vos.<\/p>\n        <\/article>\n\n        <article class=\"saber-cc__module-card\">\n          <div class=\"saber-cc__target-icon\" style=\"margin: 0 0 16px 0; width: 48px; height: 48px; font-size: 1.5rem;\">&#x1f393;<\/div>\n          <h4>Ex\u00e1menes finales<\/h4>\n          <p>Son obligatorios y pod\u00e9s rendirlos de manera presencial en nuestra sede o en vivo por Zoom, seg\u00fan las condiciones establecidas para cada instancia.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       TUTOR\u00cdAS (CENTRADAS Y AIREADAS)\n  =========================================== -->\n  <section class=\"saber-cc__section saber-cc__section--alt\">\n    <div class=\"saber-cc__container\">\n      <div class=\"saber-cc__section-head\">\n        <span class=\"saber-cc__eyebrow\">Nunca est\u00e1s solo<\/span>\n        <h2 class=\"saber-cc__h2\">Tutor\u00edas: acompa\u00f1amiento durante todo tu cursado<\/h2>\n        <p class=\"saber-cc__lead\">Durante tu trayectoria vas a contar con el acompa\u00f1amiento de un tutor, que estar\u00e1 disponible para orientarte y responder tus consultas. Las consultas realizadas quedan registradas en el Campus Virtual, lo que permite realizar un seguimiento de tu proceso y brindarte una atenci\u00f3n personalizada.<\/p>\n      <\/div>\n\n      <div class=\"saber-cc__grid2\" style=\"max-width: 900px; margin: 0 auto 40px;\">\n        \n        <!-- Tutor\u00eda Zoom (Centrada) -->\n        <div class=\"saber-cc__info-box saber-cc__info-box--blue text-center\" style=\"display: flex; flex-direction: column; align-items: center; padding: 40px 30px;\">\n          <!-- Contenedor del logo para igualar alturas -->\n          <div style=\"height: 60px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.contenidosvirtuales.com.ar\/gestion\/autogestion\/images\/bachillerato_web\/Zoom.svg\" alt=\"Zoom Logo\" style=\"height: 35px;\">\n          <\/div>\n          \n          <h3 style=\"color: var(--saber-ink); font-size: 1.3rem; margin-bottom: 16px;\">Tutor\u00edas sincr\u00f3nicas<\/h3>\n          \n          <p style=\"color: var(--saber-body); margin-bottom: 24px; line-height: 1.6;\">\n            Una vez por semana vas a poder participar de un encuentro en vivo con tu tutor\/a para realizar consultas e intercambiar sobre los contenidos de la materia.\n          <\/p>\n          \n          <!-- Nota en caja separada para dar aire -->\n          <div style=\"background: #fff; padding: 16px; border-radius: 12px; font-size: 0.9rem; font-weight: 500; color: var(--saber-body); width: 100%; box-shadow: 0 4px 15px rgba(45, 140, 255, 0.05); margin-top: auto;\">\n            &#x1f4cc; Los d\u00edas y horarios se informan y publican en el Campus Virtual.\n          <\/div>\n        <\/div>\n\n        <!-- Tutor\u00eda Email (Centrada) -->\n        <div class=\"saber-cc__info-box saber-cc__info-box--purple text-center\" style=\"display: flex; flex-direction: column; align-items: center; padding: 40px 30px;\">\n          <!-- Contenedor del icono para igualar alturas -->\n          <div style=\"height: 60px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n            <span style=\"font-size: 3.5rem; line-height: 1;\">&#x1f4e7;<\/span>\n          <\/div>\n          \n          <h3 style=\"color: var(--saber-ink); font-size: 1.3rem; margin-bottom: 16px;\">Tutor\u00edas asincr\u00f3nicas<\/h3>\n          \n          <p style=\"color: var(--saber-body); margin-bottom: 24px; line-height: 1.6;\">\n            Si no pod\u00e9s participar del encuentro en vivo, tambi\u00e9n pod\u00e9s realizar tus consultas a trav\u00e9s de la mensajer\u00eda interna del Campus Virtual.\n          <\/p>\n          \n          <!-- Nota en caja separada para dar aire -->\n          <div style=\"background: #fff; padding: 16px; border-radius: 12px; font-size: 0.9rem; font-weight: 500; color: var(--saber-body); width: 100%; box-shadow: 0 4px 15px rgba(124, 42, 232, 0.05); margin-top: auto;\">\n            &#x1f4cc; El mensaje llega directo al docente, quien responde por la misma v\u00eda.\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Alerta Destacada -->\n      <div class=\"saber-cc__quote-box text-center\" style=\"max-width: 700px; padding: 20px;\">\n        <p><strong>No es obligatorio asistir a las tutor\u00edas:<\/strong> pod\u00e9s utilizar el espacio de acompa\u00f1amiento cuando lo necesites.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n <!-- ==========================================\n       EVALUACIONES (DISE\u00d1O A MEDIDA Y PROPORCIONAL)\n  =========================================== -->\n  <section class=\"saber-cc__section\">\n    <div class=\"saber-cc__container\">\n      <div class=\"saber-cc__section-head\">\n        <span class=\"saber-cc__eyebrow\">Aprobaci\u00f3n de materias<\/span>\n        <h2 class=\"saber-cc__h2\">\u00bfC\u00f3mo son las evaluaciones?<\/h2>\n        <p class=\"saber-cc__lead\">El sistema de evaluaci\u00f3n consta de dos etapas claras y definidas para asegurar tu aprendizaje.<\/p>\n      <\/div>\n\n      <!-- Contenedor centralizado para las etapas -->\n      <div style=\"max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 30px;\">\n        \n        <!-- Etapa 1: Regularidad -->\n        <div class=\"saber-cc__info-box saber-cc__info-box--purple\" style=\"padding: 40px; background: #fff;\">\n          <div style=\"display: flex; align-items: center; gap: 20px; margin-bottom: 24px; border-bottom: 2px solid var(--saber-border); padding-bottom: 20px;\">\n            <div style=\"width: 60px; height: 60px; background: rgba(124, 42, 232, 0.1); color: var(--saber-purple-deep); font-family: 'Poppins', sans-serif; font-size: 2rem; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-weight: 800;\">1<\/div>\n            <h3 style=\"color: var(--saber-purple-deep); font-size: 1.5rem; margin: 0;\">Regularidad de la materia<\/h3>\n          <\/div>\n          \n          <p style=\"font-size: 1.05rem; color: var(--saber-body); line-height: 1.7; margin-bottom: 20px;\">\n            Para estar en condiciones de rendir el examen final, deber\u00e1s <strong>aprobar los trabajos pr\u00e1cticos y actividades<\/strong> propuestas por el docente.\n          <\/p>\n          \n          <div style=\"background: var(--saber-bg); border-radius: 12px; padding: 16px 20px;\">\n            <p style=\"font-size: 0.95rem; color: var(--saber-body); margin: 0;\"><strong>Formato:<\/strong> Estas actividades pueden ser escritas o realizarse mediante las herramientas disponibles en el Campus Virtual.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Flecha conectora elegante -->\n        <div style=\"display: flex; justify-content: center; margin: -15px 0; position: relative; z-index: 2;\">\n          <div style=\"width: 48px; height: 48px; background: var(--saber-magenta); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; box-shadow: 0 4px 15px rgba(200, 30, 214, 0.3);\">\n            \u2193\n          <\/div>\n        <\/div>\n\n        <!-- Etapa 2: Ex\u00e1menes Finales -->\n        <div class=\"saber-cc__info-box saber-cc__info-box--pink\" style=\"padding: 40px; background: #fff;\">\n          <div style=\"display: flex; align-items: center; gap: 20px; margin-bottom: 24px; border-bottom: 2px solid var(--saber-border); padding-bottom: 20px;\">\n            <div style=\"width: 60px; height: 60px; background: rgba(241, 63, 174, 0.1); color: var(--saber-magenta); font-family: 'Poppins', sans-serif; font-size: 2rem; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-weight: 800;\">2<\/div>\n            <h3 style=\"color: var(--saber-magenta); font-size: 1.5rem; margin: 0;\">Ex\u00e1menes Finales<\/h3>\n          <\/div>\n          \n          <p style=\"font-size: 1.05rem; color: var(--saber-body); line-height: 1.7; margin-bottom: 24px;\">\n            Los ex\u00e1menes finales son <strong>obligatorios<\/strong>. Una vez regularizada la materia, podr\u00e1s elegir la opci\u00f3n que m\u00e1s te convenga para rendir:\n          <\/p>\n          \n          <!-- Sub-grilla para las modalidades de examen -->\n          <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 30px;\">\n             <div style=\"background: var(--saber-bg); padding: 24px; border-radius: 16px; border: 1px solid var(--saber-border); text-align: center;\">\n                <span style=\"font-size: 2.5rem; display: block; margin-bottom: 12px;\">&#x1f3e2;<\/span>\n                <h4 style=\"color: var(--saber-ink); font-size: 1.15rem; margin-bottom: 8px;\">De manera presencial<\/h4>\n                <p style=\"font-size: 0.95rem; color: var(--saber-body); margin: 0;\">Concurriendo a nuestra sede.<\/p>\n             <\/div>\n             <div style=\"background: var(--saber-bg); padding: 24px; border-radius: 16px; border: 1px solid var(--saber-border); text-align: center;\">\n                <span style=\"font-size: 2.5rem; display: block; margin-bottom: 12px;\">&#x1f4bb;<\/span>\n                <h4 style=\"color: var(--saber-ink); font-size: 1.15rem; margin-bottom: 8px;\">En vivo por Zoom<\/h4>\n                <p style=\"font-size: 0.95rem; color: var(--saber-body); margin: 0;\">Cumpliendo los protocolos de evaluaci\u00f3n.<\/p>\n             <\/div>\n          <\/div>\n          \n          <!-- Nota de advertencia clara -->\n          <div style=\"text-align: center; background: rgba(124, 42, 232, 0.05); padding: 16px 20px; border-radius: 12px;\">\n            <p style=\"font-size: 0.95rem; font-weight: 600; color: var(--saber-purple-deep); margin: 0;\">&#x26a0;&#xfe0f; Deber\u00e1s rendir como m\u00ednimo una materia por a\u00f1o para avanzar en la finalizaci\u00f3n de tus estudios.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       CTA FINAL\n  =========================================== -->\n  <section class=\"saber-cc__cta-final\">\n    <div class=\"saber-cc__container text-center\">\n      <img decoding=\"async\" src=\"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-content\/uploads\/2026\/08\/Logo-Bachillerato-SABER-Blanco.svg\" alt=\"Bachillerato SABER\" class=\"saber-cc__logo-cta\">\n      \n      <h2>\u00bfListo para dar el siguiente paso?<\/h2>\n      <p>Aprovech\u00e1 nuestra modalidad flexible y empez\u00e1 hoy mismo a construir tu futuro.<\/p>\n      <div class=\"saber-cc__cta-row\" style=\"margin-bottom: 0; margin-top: 50px !important;\">\n        <a href=\"https:\/\/wa.me\/5493517522020?text=%C2%A1Hola!%20Quiero%20informaci%C3%B3n%20sobre%20el%20Bachillerato%20a%20distancia.%0ANombre:%0AApellido:%0AMail:%0AProvincia:%0ALocalidad:\" class=\"saber-cc__btn saber-cc__btn--primary\">\u203a INICIAR INSCRIPCI\u00d3N<\/a>\n        <!-- AQU\u00cd SE APLIC\u00d3 LA CLASE DE WHATSAPP -->\n        <a href=\"https:\/\/wa.me\/5493517522020?text=%C2%A1Hola!%20Quiero%20informaci%C3%B3n%20sobre%20el%20Bachillerato%20a%20distancia.%0ANombre:%0AApellido:%0AMail:%0AProvincia:%0ALocalidad:\" target=\"_blank\" class=\"saber-cc__btn saber-cc__btn--whatsapp\">\u203a TENGO DUDAS<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1432","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Modalidad bachiller online - Estudi\u00e1 a Distancia - Instituto SABER<\/title>\n<meta name=\"description\" content=\"En Instituto SABER pod\u00e9s completar tu secundario acelerado desde cualquier parte del pa\u00eds estudiando en la Modalidad Bachiller ONLINE.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modalidad bachiller online - Estudi\u00e1 a Distancia - Instituto SABER\" \/>\n<meta property=\"og:description\" content=\"En Instituto SABER pod\u00e9s completar tu secundario acelerado desde cualquier parte del pa\u00eds estudiando en la Modalidad Bachiller ONLINE.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/\" \/>\n<meta property=\"og:site_name\" content=\"Bachiller Instituto SABER\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/institutosaber.ar\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-02T15:30:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Comunidadsaber\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/modalidad-bachiller-online\\\/\",\"url\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/modalidad-bachiller-online\\\/\",\"name\":\"Modalidad bachiller online - Estudi\u00e1 a Distancia - Instituto SABER\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/#website\"},\"datePublished\":\"2022-04-28T23:52:01+00:00\",\"dateModified\":\"2026-09-02T15:30:15+00:00\",\"description\":\"En Instituto SABER pod\u00e9s completar tu secundario acelerado desde cualquier parte del pa\u00eds estudiando en la Modalidad Bachiller ONLINE.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/modalidad-bachiller-online\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/modalidad-bachiller-online\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/modalidad-bachiller-online\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modalidad bachiller online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/#website\",\"url\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/\",\"name\":\"Bachiller Instituto SABER\",\"description\":\"Instituto Saber - Termina el secundario online\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/#organization\",\"name\":\"Bachiller Instituto SABER\",\"url\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/LogoSABERBachiller-Gris.webp\",\"contentUrl\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/LogoSABERBachiller-Gris.webp\",\"width\":302,\"height\":107,\"caption\":\"Bachiller Instituto SABER\"},\"image\":{\"@id\":\"https:\\\/\\\/www.institutosaber.edu.ar\\\/bachillerato\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/institutosaber.ar\",\"https:\\\/\\\/x.com\\\/Comunidadsaber\",\"https:\\\/\\\/www.instagram.com\\\/institutosaber.ar\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCu7whMsW7UtjUuU4KTo5GAQ\",\"https:\\\/\\\/www.linkedin.com\\\/school\\\/institutosaber\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Modalidad bachiller online - Estudi\u00e1 a Distancia - Instituto SABER","description":"En Instituto SABER pod\u00e9s completar tu secundario acelerado desde cualquier parte del pa\u00eds estudiando en la Modalidad Bachiller ONLINE.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/","og_locale":"es_ES","og_type":"article","og_title":"Modalidad bachiller online - Estudi\u00e1 a Distancia - Instituto SABER","og_description":"En Instituto SABER pod\u00e9s completar tu secundario acelerado desde cualquier parte del pa\u00eds estudiando en la Modalidad Bachiller ONLINE.","og_url":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/","og_site_name":"Bachiller Instituto SABER","article_publisher":"https:\/\/www.facebook.com\/institutosaber.ar","article_modified_time":"2026-09-02T15:30:15+00:00","twitter_card":"summary_large_image","twitter_site":"@Comunidadsaber","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/","url":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/","name":"Modalidad bachiller online - Estudi\u00e1 a Distancia - Instituto SABER","isPartOf":{"@id":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/#website"},"datePublished":"2022-04-28T23:52:01+00:00","dateModified":"2026-09-02T15:30:15+00:00","description":"En Instituto SABER pod\u00e9s completar tu secundario acelerado desde cualquier parte del pa\u00eds estudiando en la Modalidad Bachiller ONLINE.","breadcrumb":{"@id":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/modalidad-bachiller-online\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/"},{"@type":"ListItem","position":2,"name":"Modalidad bachiller online"}]},{"@type":"WebSite","@id":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/#website","url":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/","name":"Bachiller Instituto SABER","description":"Instituto Saber - Termina el secundario online","publisher":{"@id":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/#organization","name":"Bachiller Instituto SABER","url":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/#\/schema\/logo\/image\/","url":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-content\/uploads\/2022\/10\/LogoSABERBachiller-Gris.webp","contentUrl":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-content\/uploads\/2022\/10\/LogoSABERBachiller-Gris.webp","width":302,"height":107,"caption":"Bachiller Instituto SABER"},"image":{"@id":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/institutosaber.ar","https:\/\/x.com\/Comunidadsaber","https:\/\/www.instagram.com\/institutosaber.ar\/","https:\/\/www.youtube.com\/channel\/UCu7whMsW7UtjUuU4KTo5GAQ","https:\/\/www.linkedin.com\/school\/institutosaber\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-json\/wp\/v2\/pages\/1432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-json\/wp\/v2\/comments?post=1432"}],"version-history":[{"count":55,"href":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-json\/wp\/v2\/pages\/1432\/revisions"}],"predecessor-version":[{"id":4294,"href":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-json\/wp\/v2\/pages\/1432\/revisions\/4294"}],"wp:attachment":[{"href":"https:\/\/www.institutosaber.edu.ar\/bachillerato\/wp-json\/wp\/v2\/media?parent=1432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}