{"id":77,"date":"2023-06-16T14:25:40","date_gmt":"2023-06-16T14:25:40","guid":{"rendered":"https:\/\/iagtest.cloudns.ph\/?page_id=77"},"modified":"2026-08-19T16:05:06","modified_gmt":"2026-08-19T16:05:06","slug":"mision-y-vision","status":"publish","type":"page","link":"https:\/\/austriaco.edu.gt\/de\/mision-y-vision\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"77\" class=\"elementor elementor-77\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03c8eeb e-flex e-con-boxed e-con e-parent\" data-id=\"03c8eeb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b12f79a elementor-widget elementor-widget-html\" data-id=\"b12f79a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     INSTITUTO AUSTRIACO GUATEMALTECO \u2014 P\u00e1gina MISI\u00d3N Y VISI\u00d3N (redise\u00f1o)\r\n     Pegar TODO este bloque dentro de un widget \"HTML\" de Elementor.\r\n     CSS aislado bajo .iag-biem. Tipograf\u00eda Archivo (como la landing).\r\n\r\n     >>> COLORES <<<  edita --val-1 (Misi\u00f3n) \/ --val-2 (Visi\u00f3n)\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"iag-biem\">\r\n  <style>\r\n    .iag-biem{\r\n      --red:#fe142c;\r\n      --blue:#1860f2;\r\n      --ink:#1b1b1b;\r\n      --muted:#6c6a68;\r\n      --line:#1b1b1b;      \/* reglas fuertes, tinta *\/\r\n      --hair:#e6e3df;\r\n      --white:#ffffff;\r\n      --cream:#fafafa;\r\n\r\n      --val-1:#fe142c;\r\n      --val-2:#1860f2;\r\n\r\n      --leading:28px;\r\n      --edge:clamp(20px,5vw,72px);\r\n\r\n      font-family:'Archivo',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\r\n      color:var(--ink);\r\n      line-height:1.65;\r\n      -webkit-font-smoothing:antialiased;\r\n      font-size:17px;\r\n      background:var(--white);\r\n      width:100vw;\r\n      margin-left:calc(50% - 50vw);\r\n      margin-right:calc(50% - 50vw);\r\n      overflow-x:clip;\r\n    }\r\n    .iag-biem *{box-sizing:border-box;}\r\n    .iag-biem p{margin:0;text-wrap:pretty;}\r\n    .iag-biem b,.iag-biem strong{font-weight:700;color:var(--ink);}\r\n    .iag-biem .wrap{max-width:1200px;margin:0 auto;padding:0 var(--edge);}\r\n\r\n    \/* reglas de secci\u00f3n: 2px tinta, a todo el ancho *\/\r\n    .iag-biem .rule2{width:100%;height:2px;background:var(--line);}\r\n\r\n    \/* fondos por bloque: el root ya ocupa 100vw, basta el color *\/\r\n    .iag-biem .hero,.iag-biem .stmt{background:var(--white);}\r\n    .iag-biem .hero,.iag-biem .stmt--alt{background:var(--cream);}\r\n\r\n    \/* ---------- HERO ---------- *\/\r\n    .iag-biem .hero{padding:calc(4 * var(--leading)) 0 calc(2.5 * var(--leading));}\r\n    .iag-biem .kicker{\r\n      display:inline-flex;align-items:center;gap:16px;font-size:14px;line-height:1;font-weight:800;\r\n      letter-spacing:.2em;text-transform:uppercase;color:var(--red);\r\n      margin:0 0 calc(var(--leading));\r\n    }\r\n    .iag-biem .kicker::before{content:\"\";width:46px;height:3px;background:var(--red);display:inline-block;}\r\n    .iag-biem .hero h1{\r\n      font-family:'Archivo';font-weight:800;\r\n      font-size:clamp(34px,5.5vw,70px);line-height:.96;letter-spacing:-.03em;\r\n      margin:0 0 0 -.03em;color:var(--ink);\r\n    }\r\n    .iag-biem .hero__sub{\r\n      margin-top:var(--leading);max-width:760px;\r\n      font-size:clamp(17px,1.7vw,19px);line-height:var(--leading);color:var(--muted);font-weight:500;\r\n    }\r\n\r\n    \/* ---------- STATEMENT (Misi\u00f3n \/ Visi\u00f3n) ---------- *\/\r\n    .iag-biem .stmt{padding:calc(3 * var(--leading)) 0;}\r\n    .iag-biem .stmt__grid{\r\n      display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);\r\n      gap:var(--leading) clamp(24px,5vw,96px);align-items:start;\r\n      border-top:2px solid var(--line);\r\n      padding-top:calc(1.4 * var(--leading));\r\n    }\r\n    .iag-biem .stmt__label{display:flex;flex-direction:column;gap:calc(var(--leading) * .55);}\r\n    .iag-biem .stmt__no{\r\n      display:inline-flex;align-items:center;gap:14px;\r\n      font-size:13px;line-height:1;font-weight:800;letter-spacing:.2em;text-transform:uppercase;\r\n      color:var(--muted);font-feature-settings:\"tnum\" 1;\r\n    }\r\n    .iag-biem .stmt__no::before{content:\"\";width:12px;height:12px;background:var(--c,var(--red));display:inline-block;}\r\n    .iag-biem .stmt__word{\r\n      font-family:'Archivo';font-weight:900;\r\n      font-size:clamp(40px,6vw,84px);line-height:.9;letter-spacing:-.04em;\r\n      color:var(--c,var(--red));margin:0;\r\n    }\r\n    .iag-biem .stmt__body{\r\n      font-family:'Archivo';font-weight:600;\r\n      font-size:clamp(20px,2.3vw,27px);line-height:1.32;letter-spacing:-.01em;color:var(--ink);\r\n    }\r\n    .iag-biem .stmt__body b{color:var(--c,var(--red));font-weight:800;}\r\n\r\n    \/* reveal al cargar (usa animaci\u00f3n, no transici\u00f3n) *\/\r\n    @keyframes iagReveal{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}\r\n    .iag-biem .reveal{opacity:0;}\r\n    .iag-biem .reveal.is-in{animation:iagReveal .7s ease forwards;}\r\n    @media(prefers-reduced-motion:reduce){\r\n      .iag-biem .reveal{opacity:1;animation:none;}\r\n    }\r\n    @media(max-width:880px){\r\n      .iag-biem .stmt__grid{grid-template-columns:1fr;}\r\n    }\r\n    @media(max-width:640px){\r\n      .iag-biem{font-size:16px;}\r\n      .iag-biem .hero h1{font-size:clamp(30px,10vw,44px);}\r\n      .iag-biem .stmt__word{font-size:clamp(38px,13vw,64px);}\r\n      .iag-biem .stmt__body{font-size:20px;}\r\n    }\r\n  <\/style>\r\n\r\n  <!-- ===== HERO ===== -->\r\n  <section class=\"hero\">\r\n    <div class=\"wrap\">\r\n      <span class=\"kicker\">Con\u00f3cenos<\/span>\r\n      <h1>Misi\u00f3n y Visi\u00f3n<\/h1>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== MISI\u00d3N ===== -->\r\n  <section class=\"stmt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"stmt__grid\" style=\"--c:var(--val-1);\">\r\n        <div class=\"stmt__label reveal\">\r\n          <span class=\"stmt__no\">01 \u2014 Qui\u00e9nes somos<\/span>\r\n          <h2 class=\"stmt__word\">Misi\u00f3n<\/h2>\r\n        <\/div>\r\n        <p class=\"stmt__body reveal\">Somos una instituci\u00f3n educativa bicultural triling\u00fce (espa\u00f1ol, alem\u00e1n, ingl\u00e9s) dedicada a brindar, en un entorno de convivencia arm\u00f3nica de las culturas guatemalteca y austriaca, una excelente <b>formaci\u00f3n human\u00edstica y cient\u00edfica<\/b>, de tal manera que nuestros egresados trasciendan en universidades nacionales e internacionales y se conviertan en factores significativos del desarrollo social.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== VISI\u00d3N ===== -->\r\n  <section class=\"stmt stmt--alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"stmt__grid\" style=\"--c:var(--val-2);\">\r\n        <div class=\"stmt__label reveal\">\r\n          <span class=\"stmt__no\">02 \u2014 Hacia d\u00f3nde vamos<\/span>\r\n          <h2 class=\"stmt__word\">Visi\u00f3n<\/h2>\r\n        <\/div>\r\n        <p class=\"stmt__body reveal\">Ser la instituci\u00f3n educativa bicultural triling\u00fce (espa\u00f1ol, alem\u00e1n, ingl\u00e9s) de <b>excelencia<\/b> que provea a los alumnos de los Niveles de Preprimaria, Primaria y Medio una formaci\u00f3n acad\u00e9mica que responda a los requerimientos nacionales e internacionales, contribuyendo activamente al desarrollo y respeto de la diversidad social, pol\u00edtica, religiosa y cultural.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    var roots=document.querySelectorAll('.iag-biem');\r\n    var root=roots[roots.length-1];\r\n    if(!root) return;\r\n    var els=root.querySelectorAll('.reveal');\r\n    els.forEach(function(r,i){r.style.animationDelay=(150+i*160)+'ms';});\r\n    function reveal(){els.forEach(function(r){r.classList.add('is-in');});}\r\n    \/\/ aparecer al cargar la p\u00e1gina\r\n    requestAnimationFrame(function(){requestAnimationFrame(reveal);});\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Con\u00f3cenos Misi\u00f3n y Visi\u00f3n 01 \u2014 Qui\u00e9nes somos Misi\u00f3n Somos una instituci\u00f3n educativa bicultural triling\u00fce (espa\u00f1ol, alem\u00e1n, ingl\u00e9s) dedicada a brindar, en un entorno de convivencia arm\u00f3nica de las culturas guatemalteca y austriaca, una excelente formaci\u00f3n human\u00edstica y cient\u00edfica, de tal manera que nuestros egresados trasciendan en universidades nacionales e internacionales y se conviertan en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/pages\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":15,"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":3248,"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/pages\/77\/revisions\/3248"}],"wp:attachment":[{"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}