{"id":75,"date":"2023-06-16T14:25:01","date_gmt":"2023-06-16T14:25:01","guid":{"rendered":"https:\/\/iagtest.cloudns.ph\/?page_id=75"},"modified":"2026-08-19T15:43:31","modified_gmt":"2026-08-19T15:43:31","slug":"bienvenida","status":"publish","type":"page","link":"https:\/\/austriaco.edu.gt\/de\/bienvenida\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"75\" class=\"elementor elementor-75\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a773ecb e-flex e-con-boxed e-con e-parent\" data-id=\"a773ecb\" 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-7cc8e9b elementor-widget elementor-widget-html\" data-id=\"7cc8e9b\" 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 BIENVENIDA (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 DE LOS VALORES <<<  edita --val-1 \/ --val-2\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 alternos por bloque: el root ya ocupa 100vw, basta el color *\/\r\n    .iag-biem .hero,.iag-biem .val{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\r\n    \/* ---------- INTRO ---------- *\/\r\n    .iag-biem .intro{padding:calc(2.5 * var(--leading)) 0;}\r\n    .iag-biem .intro__grid{\r\n      display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);\r\n      gap:var(--leading) clamp(24px,5vw,96px);align-items:start;\r\n    }\r\n    .iag-biem .intro .lead{\r\n      font-family:'Archivo';font-weight:700;\r\n      font-size:clamp(22px,2.6vw,30px);line-height:1.18;letter-spacing:-.02em;color:var(--ink);\r\n    }\r\n    .iag-biem .intro .lead b{color:var(--red);}\r\n    .iag-biem .intro .body{\r\n      font-size:17px;line-height:var(--leading);color:var(--muted);font-weight:500;\r\n      text-align:justify;text-justify:inter-word;\r\n    }\r\n    .iag-biem .intro .body + .body{margin-top:calc(var(--leading) - 6px);}\r\n\r\n    \/* ---------- VALORES (lista con reglas y marca cuadrada) ---------- *\/\r\n    .iag-biem .val{padding:calc(2.5 * var(--leading)) 0 calc(3 * var(--leading));}\r\n    .iag-biem .val__kicker{\r\n      display:block;font-size:13px;line-height:1;font-weight:800;\r\n      letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 var(--leading);\r\n    }\r\n    .iag-biem .val__list{display:block;}\r\n    .iag-biem .val__intro{\r\n      font-family:'Archivo';font-weight:700;\r\n      font-size:clamp(20px,2.4vw,28px);line-height:1.14;letter-spacing:-.02em;color:var(--ink);\r\n      max-width:820px;margin:0 0 calc(1.5 * var(--leading));\r\n    }\r\n    .iag-biem .val__row{\r\n      display:grid;grid-template-columns:minmax(56px,90px) 1fr;\r\n      gap:clamp(20px,4vw,64px);align-items:baseline;\r\n      padding:calc(1.15 * var(--leading)) 0;\r\n      border-top:2px solid var(--line);\r\n      transition:background .25s ease,padding-left .25s ease;\r\n    }\r\n    .iag-biem .val__row:last-child{border-bottom:2px solid var(--line);}\r\n    .iag-biem .val__row:hover{background:var(--c,var(--red));padding-left:30px;}\r\n    .iag-biem .val__row:nth-child(odd){--c:var(--val-1);}\r\n    .iag-biem .val__row:nth-child(even){--c:var(--val-2);}\r\n    .iag-biem .val__num{\r\n      position:relative;font-family:'Archivo';font-weight:800;font-size:15px;\r\n      letter-spacing:.08em;color:var(--ink);font-feature-settings:\"tnum\" 1;\r\n      transition:color .25s ease;\r\n    }\r\n    .iag-biem .val__num::before{\r\n      content:\"\";position:absolute;left:-22px;top:.35em;width:10px;height:10px;\r\n      background:var(--c,var(--red));transition:background .25s ease;\r\n    }\r\n    .iag-biem .val__name{\r\n      font-family:'Archivo';font-weight:800;\r\n      font-size:clamp(17px,2vw,23px);line-height:1.1;letter-spacing:-.02em;color:var(--ink);\r\n      transition:color .25s ease;\r\n    }\r\n    .iag-biem .val__row:hover .val__num,\r\n    .iag-biem .val__row:hover .val__name{color:#fff;}\r\n    .iag-biem .val__row:hover .val__num::before{background:#fff;}\r\n    \/* reveal al cargar (usa animaci\u00f3n, no transici\u00f3n, para no afectar el hover) *\/\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:640px){\r\n      .iag-biem{font-size:16px;}\r\n      .iag-biem .hero h1{font-size:clamp(30px,10vw,44px);}\r\n      .iag-biem .val__row{grid-template-columns:1fr;gap:8px;}\r\n      .iag-biem .val__num{padding-left:22px;}\r\n      .iag-biem .val__num::before{left:0;}\r\n      .iag-biem .val__row:hover{padding-left:14px;}\r\n    }\r\n    @media(max-width:880px){\r\n      .iag-biem .intro__grid{grid-template-columns:1fr;}\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>Bienvenida<\/h1>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== INTRO ===== -->\r\n  <section class=\"intro\">\r\n    <div class=\"wrap\">\r\n      <div class=\"intro__grid\">\r\n        <p class=\"lead reveal\">El Instituto Austriaco Guatemalteco \u2013IAG\u2013 es una instituci\u00f3n educativa bicultural de car\u00e1cter privado, laica, que pertenece a la <b>Fundaci\u00f3n Cultural Austriaco Guatemalteca<\/b>.<\/p>\r\n        <div>\r\n          <p class=\"body reveal\">Fundado en 1958, ofrece a ni\u00f1os y j\u00f3venes de ambos sexos la oportunidad de recibir una ense\u00f1anza triling\u00fce (alem\u00e1n-espa\u00f1ol-ingl\u00e9s), con orientaci\u00f3n cient\u00edfica. El car\u00e1cter experimental de la instituci\u00f3n permite la uni\u00f3n de los programas de estudios de Austria y Guatemala, consolid\u00e1ndose como una de las mejores opciones educativas de Guatemala. Desde hace m\u00e1s de sesenta a\u00f1os se lleva a cabo una labor educativa enfocada en la excelencia.<\/p>\r\n          <p class=\"body reveal\">El IAG forma parte de los colegios austriacos en el extranjero, por lo cual cuenta con el apoyo pedag\u00f3gico del <b>Gobierno de Austria<\/b> a trav\u00e9s del Ministerio Federal de Educaci\u00f3n, Ciencias e Investigaci\u00f3n de dicho pa\u00eds, ratificado en el Convenio de cooperaci\u00f3n cultural, cient\u00edfica y educacional entre la Rep\u00fablica de Austria y la Rep\u00fablica de Guatemala (24 de marzo de 1988, ciudad de Guatemala. Diario de Centro Am\u00e9rica el 27 de diciembre de 1989).<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== VALORES ===== -->\r\n  <section class=\"val\">\r\n    <div class=\"wrap\">\r\n      <span class=\"val__kicker\">Cultura institucional<\/span>\r\n      <p class=\"val__intro reveal\">La cultura institucional se distingue por los valores que se fomentan<\/p>\r\n      <div class=\"val__list\">\r\n        <div class=\"val__row reveal\"><p class=\"val__num\">01<\/p><p class=\"val__name\">Responsabilidad y autonom\u00eda<\/p><\/div>\r\n        <div class=\"val__row reveal\"><p class=\"val__num\">02<\/p><p class=\"val__name\">Independencia<\/p><\/div>\r\n        <div class=\"val__row reveal\"><p class=\"val__num\">03<\/p><p class=\"val__name\">Actitud cr\u00edtica<\/p><\/div>\r\n        <div class=\"val__row reveal\"><p class=\"val__num\">04<\/p><p class=\"val__name\">Conciencia social y solidaridad<\/p><\/div>\r\n        <div class=\"val__row reveal\"><p class=\"val__num\">05<\/p><p class=\"val__name\">Perseverancia y disciplina<\/p><\/div>\r\n        <div class=\"val__row reveal\"><p class=\"val__num\">06<\/p><p class=\"val__name\">Respeto a la multiculturalidad y diversidad religiosa, pol\u00edtica, social y \u00e9tnica<\/p><\/div>\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 Bienvenida El Instituto Austriaco Guatemalteco \u2013IAG\u2013 es una instituci\u00f3n educativa bicultural de car\u00e1cter privado, laica, que pertenece a la Fundaci\u00f3n Cultural Austriaco Guatemalteca. Fundado en 1958, ofrece a ni\u00f1os y j\u00f3venes de ambos sexos la oportunidad de recibir una ense\u00f1anza triling\u00fce (alem\u00e1n-espa\u00f1ol-ingl\u00e9s), con orientaci\u00f3n cient\u00edfica. El car\u00e1cter experimental de la instituci\u00f3n permite la uni\u00f3n [&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-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/pages\/75","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=75"}],"version-history":[{"count":38,"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":3243,"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/pages\/75\/revisions\/3243"}],"wp:attachment":[{"href":"https:\/\/austriaco.edu.gt\/de\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}