{"id":61,"date":"2020-07-29T07:57:58","date_gmt":"2020-07-29T07:57:58","guid":{"rendered":"https:\/\/creativthemes.com\/theme-demo\/marsh-pro-construction\/?page_id=8"},"modified":"2026-09-18T21:15:55","modified_gmt":"2026-09-18T21:15:55","slug":"home","status":"publish","type":"page","link":"https:\/\/uspg.edu.gt\/site\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"61\" class=\"elementor elementor-61\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-element elementor-element-17ef5fb e-con-full e-flex e-con e-parent\" data-id=\"17ef5fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94272d7 elementor-widget elementor-widget-slider_revolution\" data-id=\"94272d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"slider_revolution.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"wp-block-themepunch-revslider\">\n\t\t\t<!-- START HOME REVOLUTION SLIDER 6.3.3 --><p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t<rs-module-wrap id=\"rev_slider_1_1_wrapper\" data-source=\"gallery\" style=\"background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;\">\n\t\t\t\t<rs-module id=\"rev_slider_1_1\" style=\"\" data-version=\"6.3.3\">\n\t\t\t\t\t<rs-slides>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-5\" data-title=\"Slide\" data-anim=\"ei:d;eo:d;s:1000;r:0;t:fade;sl:0;\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" src=\"\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/07\/uspgggg.jpg\" title=\"uspgggg\" width=\"1991\" height=\"701\" class=\"rev-slidebg\" data-no-retina>\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-6\" data-title=\"Slide\" data-anim=\"ei:d;eo:d;s:1000;r:0;t:fade;sl:0;\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/07\/banner-final.png\" title=\"banner final\" width=\"2165\" height=\"763\" class=\"rev-slidebg\" data-no-retina>\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-7\" data-title=\"Slide\" data-anim=\"ei:d;eo:d;s:1000;r:0;t:fade;sl:0;\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/06\/LANDING-HOME-07.jpg\" title=\"LANDING HOME-07\" width=\"1991\" height=\"701\" class=\"rev-slidebg\" data-no-retina>\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-38\" data-title=\"Slide\" data-anim=\"ei:d;eo:d;s:1000;r:0;t:fade;sl:0;\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/ADMISIONES-USPG-scaled.jpg\" title=\"ADMISIONES USPG\" width=\"2560\" height=\"887\" class=\"rev-slidebg\" data-no-retina>\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t<\/rs-slides>\n\t\t\t\t<\/rs-module>\n\t\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t\tsetREVStartSize({c: 'rev_slider_1_1',rl:[1240,1024,778,480],el:[700],gw:[1980],gh:[700],type:'standard',justify:'',layout:'fullwidth',mh:\"0\"});\n\t\t\t\t\tvar\trevapi1,\n\t\t\t\t\t\ttpj;\n\t\t\t\t\tfunction revinit_revslider11() {\n\t\t\t\t\tjQuery(function() {\n\t\t\t\t\t\ttpj = jQuery;\n\t\t\t\t\t\trevapi1 = tpj(\"#rev_slider_1_1\");\n\t\t\t\t\t\tif(revapi1==undefined || revapi1.revolution == undefined){\n\t\t\t\t\t\t\trevslider_showDoubleJqueryError(\"rev_slider_1_1\");\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\trevapi1.revolution({\n\t\t\t\t\t\t\t\tsliderLayout:\"fullwidth\",\n\t\t\t\t\t\t\t\tduration:\"3000ms\",\n\t\t\t\t\t\t\t\tvisibilityLevels:\"1240,1024,778,480\",\n\t\t\t\t\t\t\t\tgridwidth:1980,\n\t\t\t\t\t\t\t\tgridheight:700,\n\t\t\t\t\t\t\t\tperspective:600,\n\t\t\t\t\t\t\t\tperspectiveType:\"global\",\n\t\t\t\t\t\t\t\teditorheight:\"700,768,565,720\",\n\t\t\t\t\t\t\t\tresponsiveLevels:\"1240,1024,778,480\",\n\t\t\t\t\t\t\t\tprogressBar:{disableProgressBar:true},\n\t\t\t\t\t\t\t\tnavigation: {\n\t\t\t\t\t\t\t\t\tonHoverStop:false\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tfallbacks: {\n\t\t\t\t\t\t\t\t\tallowHTML5AutoPlayOnAndroid:true\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t});\n\t\t\t\t\t} \/\/ End of RevInitScript\n\t\t\t\tvar once_revslider11 = false;\n\t\t\t\tif (document.readyState === \"loading\") {document.addEventListener('readystatechange',function() { if((document.readyState === \"interactive\" || document.readyState === \"complete\") && !once_revslider11 ) { once_revslider11 = true; revinit_revslider11();}});} else {once_revslider11 = true; revinit_revslider11();}\n\t\t\t\t<\/script>\n\t\t\t<\/rs-module-wrap>\n\t\t\t<!-- END REVOLUTION SLIDER -->\n<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-element elementor-element-9e697d3 e-con-full e-flex e-con e-parent\" data-id=\"9e697d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9b71d6 elementor-widget elementor-widget-html\" data-id=\"f9b71d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rethink+Sans:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* ==========================================\nUSPG | FRASE INSTITUCIONAL\nDise\u00f1o Editorial Premium\n========================================== *\/\n\n.uspg-statement,\n.uspg-statement *{\nbox-sizing:border-box;\nfont-family:'Rethink Sans',sans-serif;\n}\n\n.uspg-statement{\nposition:relative;\npadding:120px 40px;\noverflow:hidden;\nbackground:#fff;\n}\n\n\/* ==========================\nTEXTURA RADIAL\n========================== *\/\n\n.uspg-statement::before{\ncontent:\"\";\nposition:absolute;\nleft:-350px;\ntop:50%;\ntransform:translateY(-50%);\n\nwidth:900px;\nheight:900px;\nborder-radius:50%;\n\nbackground:\nrepeating-radial-gradient(\ncircle,\nrgba(1,25,49,.04) 0px,\nrgba(1,25,49,.04) 2px,\ntransparent 2px,\ntransparent 16px\n);\n\npointer-events:none;\n}\n\n\/* ==========================\nCONTENEDOR\n========================== *\/\n\n.uspg-statement-container{\nmax-width:1200px;\nmargin:auto;\nposition:relative;\nz-index:2;\n}\n\n\/* ==========================\nL\u00cdNEA SUPERIOR\n========================== *\/\n\n.uspg-statement-top{\ndisplay:flex;\nalign-items:center;\ngap:20px;\nmargin-bottom:30px;\n}\n\n.uspg-statement-line{\nwidth:80px;\nheight:2px;\nbackground:#AA182B;\n}\n\n.uspg-statement-label{\nfont-size:.95rem;\nfont-weight:700;\nletter-spacing:.15em;\ntext-transform:uppercase;\ncolor:#AA182B;\n}\n\n\/* ==========================\nTEXTO PRINCIPAL\n========================== *\/\n\n.uspg-statement-title{\nfont-size:clamp(2.8rem,6vw,6rem);\nfont-weight:900;\nline-height:1;\nletter-spacing:-2px;\ncolor:#011931;\nmargin:0;\n}\n\n.uspg-statement-title span{\ncolor:#AA182B;\n}\n\n\/* ==========================\nSUBTEXTO\n========================== *\/\n\n.uspg-statement-text{\nmargin-top:35px;\nmax-width:650px;\n\nfont-size:1.15rem;\nline-height:1.8;\nfont-weight:400;\n\ncolor:#4a5568;\n}\n\n\/* ==========================\nDETALLE DECORATIVO\n========================== *\/\n\n.uspg-statement-accent{\nposition:absolute;\nright:8%;\ntop:50%;\ntransform:translateY(-50%);\n\nfont-size:12rem;\nfont-weight:900;\nline-height:1;\n\ncolor:rgba(170,24,43,.05);\n\nuser-select:none;\npointer-events:none;\n}\n\n\/* ==========================\nANIMACIONES\n========================== *\/\n\n.uspg-statement-top{\nanimation:uspgFadeUp .8s ease forwards;\n}\n\n.uspg-statement-title{\nanimation:uspgFadeUp 1s ease forwards;\n}\n\n.uspg-statement-text{\nanimation:uspgFadeUp 1.2s ease forwards;\n}\n\n@keyframes uspgFadeUp{\nfrom{\nopacity:0;\ntransform:translateY(25px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n\/* ==========================\nM\u00d3VIL\n========================== *\/\n\n@media(max-width:768px){\n\n.uspg-statement{\npadding:70px 25px;\n}\n\n.uspg-statement::before{\nleft:-420px;\nwidth:700px;\nheight:700px;\n}\n\n.uspg-statement-title{\nfont-size:3rem;\nletter-spacing:-1px;\n}\n\n.uspg-statement-text{\nfont-size:1rem;\nline-height:1.7;\n}\n\n.uspg-statement-accent{\ndisplay:none;\n}\n\n}\n\n<\/style>\n\n<section class=\"uspg-statement\">\n\n<div class=\"uspg-statement-accent\">\nUSPG\n<\/div>\n\n<div class=\"uspg-statement-container\">\n\n<div class=\"uspg-statement-top\">\n<div class=\"uspg-statement-line\"><\/div>\n<div class=\"uspg-statement-label\">\nUniversidad San Pablo de Guatemala\n<\/div>\n<\/div>\n\n<h2 class=\"uspg-statement-title\">\nSomos la Universidad donde\n<br>\nestudias, creces y <span>avanzas.<\/span>\n<\/h2>\n\n<div class=\"uspg-statement-text\">\nTu formaci\u00f3n va m\u00e1s all\u00e1 de obtener un t\u00edtulo. En USPG desarrollas conocimientos, fortaleces tu prop\u00f3sito y construyes las herramientas necesarias para crecer profesionalmente y generar impacto en tu entorno.\n<\/div>\n\n<\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-element elementor-element-da30d17 e-con-full e-flex e-con e-parent\" data-id=\"da30d17\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16438e5 elementor-widget elementor-widget-html\" data-id=\"16438e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- =========================================================\nUSPG | ADMISION + GALER\u00cdA\nVERSI\u00d3N LIMPIA Y AISLADA\nPREFIJO \u00daNICO: uspgadm26-\n========================================================= -->\n\n<!-- =========================================================\nTIPOGRAF\u00cdA\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Rethink+Sans:wght@400;500;600;700;800&display=swap\"\n    rel=\"stylesheet\"\n>\n\n\n<!-- =========================================================\nSWIPER\n========================================================= -->\n\n<link\n    rel=\"stylesheet\"\n    href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\n>\n\n\n<!-- =========================================================\nSECCI\u00d3N ADMISI\u00d3N\n========================================================= -->\n\n<section class=\"uspgadm26-admission\">\n\n<style>\n\n\/* =========================================================\nAISLAMIENTO\n========================================================= *\/\n\n.uspgadm26-admission,\n.uspgadm26-admission *,\n.uspgadm26-admission *::before,\n.uspgadm26-admission *::after{\n\n    box-sizing:border-box;\n\n}\n\n.uspgadm26-admission{\n\n    width:100%;\n    margin:0;\n    padding:90px 30px;\n\n    background:#011931;\n\n    font-family:'Rethink Sans',sans-serif;\n\n}\n\n\n\/* =========================================================\nENLACES\nSIN SUBRAYADO\n========================================================= *\/\n\n.uspgadm26-admission a,\n.uspgadm26-admission a:link,\n.uspgadm26-admission a:visited,\n.uspgadm26-admission a:hover,\n.uspgadm26-admission a:active{\n\n    text-decoration:none;\n\n}\n\n\n\/* =========================================================\nCONTENEDOR\n========================================================= *\/\n\n.uspgadm26-admission-container{\n\n    width:100%;\n    max-width:1200px;\n\n    margin:0 auto;\n\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n.uspgadm26-admission-header{\n\n    width:100%;\n\n    margin:0 0 60px;\n\n    text-align:center;\n\n}\n\n.uspgadm26-admission-title{\n\n    margin:0;\n    padding:0;\n\n    color:#ffffff;\n\n    font-size:56px;\n    line-height:1.1;\n\n    font-weight:800;\n\n}\n\n.uspgadm26-admission-title span{\n\n    color:#FDBA2D;\n\n}\n\n.uspgadm26-admission-subtitle{\n\n    max-width:750px;\n\n    margin:15px auto 0;\n    padding:0;\n\n    color:rgba(255,255,255,.85);\n\n    font-size:20px;\n    line-height:1.6;\n\n    font-weight:400;\n\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n.uspgadm26-admission-grid{\n\n    width:100%;\n\n    display:grid;\n\n    grid-template-columns:repeat(3,minmax(0,1fr));\n\n    gap:30px;\n\n}\n\n\n\/* =========================================================\nCARDS\n========================================================= *\/\n\n.uspgadm26-admission-card{\n\n    width:100%;\n\n    display:block;\n\n    padding:40px 30px;\n\n    background:#F5F6F8;\n\n    color:#011931;\n\n    text-align:center;\n\n    border-radius:25px;\n\n    border-bottom:5px solid #AA182B;\n\n    transition:\n        transform .35s ease,\n        box-shadow .35s ease;\n\n}\n\n.uspgadm26-admission-card:hover{\n\n    transform:translateY(-8px);\n\n    box-shadow:\n        0 15px 40px rgba(0,0,0,.18);\n\n}\n\n\n\/* =========================================================\nICONOS\n========================================================= *\/\n\n.uspgadm26-admission-icon{\n\n    width:95px;\n    height:95px;\n\n    margin:0 auto 25px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:#AA182B;\n\n}\n\n.uspgadm26-admission-icon img{\n\n    width:45px;\n    height:45px;\n\n    display:block;\n\n    object-fit:contain;\n\n}\n\n\n\/* =========================================================\nETIQUETA\n========================================================= *\/\n\n.uspgadm26-admission-number{\n\n    margin:0 0 12px;\n    padding:0;\n\n    color:#AA182B;\n\n    font-size:14px;\n\n    line-height:1.3;\n\n    font-weight:800;\n\n    letter-spacing:1px;\n\n    text-transform:uppercase;\n\n}\n\n\n\/* =========================================================\nT\u00cdTULO\n========================================================= *\/\n\n.uspgadm26-admission-card h3{\n\n    margin:0 0 15px;\n    padding:0;\n\n    color:#011931;\n\n    font-size:28px;\n\n    line-height:1.2;\n\n    font-weight:800;\n\n}\n\n\n\/* =========================================================\nDESCRIPCI\u00d3N\n========================================================= *\/\n\n.uspgadm26-admission-card p{\n\n    margin:0;\n    padding:0;\n\n    color:#5F6773;\n\n    font-size:16px;\n\n    line-height:1.7;\n\n    font-weight:400;\n\n}\n\n\n\/* =========================================================\nBOT\u00d3N INFERIOR\n========================================================= *\/\n\n.uspgadm26-admission-button-wrap{\n\n    width:100%;\n\n    margin:50px 0 0;\n\n    text-align:center;\n\n}\n\n.uspgadm26-admission-button{\n\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    min-height:54px;\n\n    padding:16px 35px;\n\n    background:#AA182B;\n\n    color:#ffffff;\n\n    border-radius:12px;\n\n    font-size:16px;\n\n    line-height:1;\n\n    font-weight:700;\n\n    transition:\n        background .3s ease,\n        color .3s ease,\n        transform .3s ease;\n\n}\n\n.uspgadm26-admission-button:hover{\n\n    background:#FDBA2D;\n\n    color:#011931;\n\n    transform:translateY(-3px);\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media (max-width:1024px){\n\n    .uspgadm26-admission{\n\n        padding:80px 25px;\n\n    }\n\n    .uspgadm26-admission-grid{\n\n        grid-template-columns:1fr;\n\n        max-width:550px;\n\n        margin:0 auto;\n\n    }\n\n    .uspgadm26-admission-title{\n\n        font-size:46px;\n\n    }\n\n}\n\n\n\/* =========================================================\nM\u00d3VIL\n========================================================= *\/\n\n@media (max-width:767px){\n\n    .uspgadm26-admission{\n\n        padding:70px 20px;\n\n    }\n\n    .uspgadm26-admission-header{\n\n        margin-bottom:45px;\n\n    }\n\n    .uspgadm26-admission-title{\n\n        font-size:36px;\n\n        line-height:1.1;\n\n    }\n\n    .uspgadm26-admission-subtitle{\n\n        font-size:18px;\n\n        line-height:1.5;\n\n    }\n\n    .uspgadm26-admission-grid{\n\n        gap:22px;\n\n    }\n\n    .uspgadm26-admission-card{\n\n        padding:35px 25px;\n\n    }\n\n    .uspgadm26-admission-card h3{\n\n        font-size:24px;\n\n    }\n\n    .uspgadm26-admission-card p{\n\n        font-size:15px;\n\n    }\n\n    .uspgadm26-admission-button{\n\n        width:100%;\n\n        padding:16px 25px;\n\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"uspgadm26-admission-container\">\n\n\n    <!-- =====================================================\n    HEADER\n    ===================================================== -->\n\n    <div class=\"uspgadm26-admission-header\">\n\n        <h2 class=\"uspgadm26-admission-title\">\n\n            Estudia en <span>San Pablo<\/span>\n\n        <\/h2>\n\n\n        <p class=\"uspgadm26-admission-subtitle\">\n\n            Inicia tu camino universitario de forma sencilla, r\u00e1pida y acompa\u00f1ada.\n\n        <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n    CARDS\n    ===================================================== -->\n\n    <div class=\"uspgadm26-admission-grid\">\n\n\n        <!-- CARD 1 -->\n\n        <a\n            href=\"https:\/\/uspg.edu.gt\/site\/admisiones\/\"\n            class=\"uspgadm26-admission-card\"\n        >\n\n            <div class=\"uspgadm26-admission-icon\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/07\/cinco.png\"\n                    alt=\"\"\n                >\n\n            <\/div>\n\n\n            <div class=\"uspgadm26-admission-number\">\n\n                Ven e Inscr\u00edbete\n\n            <\/div>\n\n\n            <h3>\n\n                Admisi\u00f3n en 5 pasos\n\n            <\/h3>\n\n\n            <p>\n\n                Realiza tu proceso de admisi\u00f3n de manera f\u00e1cil y comienza a construir tu futuro profesional.\n\n            <\/p>\n\n        <\/a>\n\n\n\n\n\n\n        <!-- CARD 2 -->\n        \n        \n\n        <a    href=\"https:\/\/api.whatsapp.com\/send\/?phone=50232669504&text=Quiero+agendar+visita\"\n\n\n  target=\"_blank\"\n\n\n  rel=\"noopener noreferre\"\n           \n          \n            class=\"uspgadm26-admission-card\"\n        >\n  \n            <div class=\"uspgadm26-admission-icon\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/07\/pasador-de-ubicacion-1.png\"\n                    alt=\"\"\n                >\n\n            <\/div>\n\n\n            <div class=\"uspgadm26-admission-number\">\n\n                \u00a1Con\u00f3cenos!\n\n            <\/div>\n\n\n            <h3>\n\n                Agenda tu visita\n\n            <\/h3>\n\n\n            <p>\n\n                Conoce nuestras instalaciones y descubre el campus ideal para tu experiencia universitaria.\n\n            <\/p>\n\n        <\/a>\n\n\n\n\n\n\n\n        <!-- CARD 3 -->\n\n        <a\n            h  href=\"https:\/\/api.whatsapp.com\/send\/?phone=50232669504&text=Necesito+informaci\u00f3n\"\n\n\n  target=\"_blank\"\n\n\n  rel=\"noopener noreferre\"\n            class=\"uspgadm26-admission-card\"\n        >\n\n            <div class=\"uspgadm26-admission-icon\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/07\/whatsapp-1.png\"\n                    alt=\"\"\n                >\n\n            <\/div>\n\n\n            <div class=\"uspgadm26-admission-number\">\n\n                ASESOR\u00cdA\n\n            <\/div>\n\n\n            <h3>\n\n                Cont\u00e1ctanos\n\n            <\/h3>\n\n\n            <p>\n\n                Nuestro equipo est\u00e1 listo para acompa\u00f1arte y resolver todas tus dudas.\n\n            <\/p>\n\n        <\/a>\n\n\n    <\/div>\n\n\n\n\n    <!-- =====================================================\n    BOT\u00d3N\n    ===================================================== -->\n\n    <div class=\"uspgadm26-admission-button-wrap\">\n\n        <a\n            href=\"https:\/\/uspg.edu.gt\/site\/admisiones\/\"\n            class=\"uspgadm26-admission-button\"\n        >\n\n            Inicia tu proceso de admisi\u00f3n\n\n        <\/a>\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\nGALER\u00cdA DE IM\u00c1GENES\nSOLO IM\u00c1GENES\nSIN TEXTOS\nSIN BOTONES\nSIN DEGRADADOS\n========================================================= -->\n\n<section class=\"uspgadm26-gallery\">\n\n<style>\n\n\/* =========================================================\nAISLAMIENTO GALER\u00cdA\n========================================================= *\/\n\n.uspgadm26-gallery,\n.uspgadm26-gallery *,\n.uspgadm26-gallery *::before,\n.uspgadm26-gallery *::after{\n\n    box-sizing:border-box;\n\n}\n\n.uspgadm26-gallery{\n\n    width:100%;\n\n    margin:0;\n    padding:0;\n\n    overflow:hidden;\n\n    background:#ffffff;\n\n}\n\n\n\/* =========================================================\nSLIDER\n========================================================= *\/\n\n.uspgadm26-gallery-slider{\n\n    position:relative;\n\n    width:100%;\n\n    height:600px;\n\n    overflow:hidden;\n\n}\n\n.uspgadm26-gallery-slide{\n\n    position:relative;\n\n    width:100%;\n\n    height:600px;\n\n    overflow:hidden;\n\n}\n\n.uspgadm26-gallery-slide img{\n\n    width:100%;\n    height:600px;\n\n    display:block;\n\n    object-fit:cover;\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media (max-width:1024px){\n\n    .uspgadm26-gallery-slider,\n    .uspgadm26-gallery-slide,\n    .uspgadm26-gallery-slide img{\n\n        height:550px;\n\n    }\n\n}\n\n\n\/* =========================================================\nM\u00d3VIL\n========================================================= *\/\n\n@media (max-width:767px){\n\n    .uspgadm26-gallery-slider,\n    .uspgadm26-gallery-slide,\n    .uspgadm26-gallery-slide img{\n\n        height:500px;\n\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"swiper uspgadm26-gallery-slider\">\n\n    <div class=\"swiper-wrapper\">\n\n\n        <!-- IMAGEN 1 -->\n\n        <div class=\"swiper-slide uspgadm26-gallery-slide\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/07\/GRADCCC.jpg\"\n                alt=\"\"\n            >\n\n        <\/div>\n\n\n        <!-- IMAGEN 2 -->\n\n        <div class=\"swiper-slide uspgadm26-gallery-slide\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/06\/LANDING-HOME-10.jpg\"\n                alt=\"\"\n            >\n\n        <\/div>\n\n\n        <!-- IMAGEN 3 -->\n\n        <div class=\"swiper-slide uspgadm26-gallery-slide\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-16-jul-2026-01_42_57-p.m.png\"\n                alt=\"\"\n            >\n\n        <\/div>\n\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\nSWIPER JS\n========================================================= -->\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n\n<script>\n\n(function(){\n\n    function uspgadm26GalleryInit(){\n\n        var slider =\n            document.querySelector('.uspgadm26-gallery-slider');\n\n        if(!slider){\n\n            return;\n\n        }\n\n        if(typeof Swiper === 'undefined'){\n\n            return;\n\n        }\n\n        new Swiper(slider,{\n\n            slidesPerView:1,\n\n            loop:true,\n\n            speed:800,\n\n            autoplay:{\n\n                delay:5000,\n\n                disableOnInteraction:false\n\n            },\n\n            allowTouchMove:true,\n\n            observer:true,\n\n            observeParents:true\n\n        });\n\n    }\n\n\n    if(document.readyState === 'loading'){\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            uspgadm26GalleryInit\n        );\n\n    }else{\n\n        uspgadm26GalleryInit();\n\n    }\n\n})();\n\n<\/script>\n\n\n<script>\n(function() {\n    document.documentElement.style.overflowX = 'hidden';\n    document.body.style.overflowX = 'hidden';\n})();\n<\/script>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-element elementor-element-1e370e5 e-con-full e-flex e-con e-parent\" data-id=\"1e370e5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-212e15e elementor-widget elementor-widget-html\" data-id=\"212e15e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nUSPG | OFERTA ACAD\u00c9MICA\r\nCarrusel responsive para Elementor \/ WordPress\r\n\r\nCARACTER\u00cdSTICAS:\r\n- Sin numeraci\u00f3n visible\r\n- Carrera identificada mediante data-career\r\n- T\u00edtulo, subt\u00edtulo y tercer texto editables\r\n- Tipograf\u00eda y color independientes por texto\r\n- Color independiente por tarjeta\r\n- Hover con sombra gris\r\n- Zoom suave de imagen\r\n- Responsive\r\n- Compatible con Elementor \/ WordPress\r\n========================================================= -->\r\n\r\n\r\n<!-- =========================================================\r\nTIPOGRAF\u00cdA PIEPIE\r\n========================================================= -->\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/use.typekit.net\/xdc5dyg.css\"\r\n>\r\n\r\n\r\n<!-- =========================================================\r\nTIPOGRAF\u00cdA RETHINK SANS\r\n========================================================= -->\r\n\r\n<link\r\n    rel=\"preconnect\"\r\n    href=\"https:\/\/fonts.googleapis.com\"\r\n>\r\n\r\n<link\r\n    rel=\"preconnect\"\r\n    href=\"https:\/\/fonts.gstatic.com\"\r\n    crossorigin\r\n>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Rethink+Sans:wght@300;400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<!-- =========================================================\r\nOFERTA ACAD\u00c9MICA\r\n========================================================= -->\r\n\r\n<section class=\"uspgoa-section\">\r\n\r\n\r\n    <!-- =====================================================\r\n    ENCABEZADO\r\n    ====================================================== -->\r\n\r\n    <div class=\"uspgoa-header\">\r\n\r\n        <span class=\"uspgoa-subtitle\">\r\n            UNIVERSIDAD SAN PABLO DE GUATEMALA\r\n        <\/span>\r\n\r\n        <h2>\r\n            Pregrados:\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    CARRUSEL\r\n    ====================================================== -->\r\n\r\n    <div class=\"uspgoa-slider-wrapper\">\r\n\r\n\r\n        <!-- FLECHA IZQUIERDA -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"uspgoa-arrow uspgoa-prev\"\r\n            aria-label=\"Carreras anteriores\"\r\n        >\r\n            &#10094;\r\n        <\/button>\r\n\r\n\r\n        <!-- =================================================\r\n        CONTENEDOR DE TARJETAS\r\n        ================================================== -->\r\n\r\n        <div class=\"uspgoa-slider\">\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 01\r\n            ADMINISTRACI\u00d3N DE EMPRESAS\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/licenciatuara-en-administracion-de-empresas-con-especialidad-en-emprendimiento\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Administraci\u00f3n de Empresas\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#ffa400;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Administracion-de-Empresas-Especialidad-Emprendimiento_Mesa-de-trabajo-16.jpg\"\r\n                        alt=\"Administraci\u00f3n de Empresas\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Licenciatura en Administraci\u00f3n de Empresas\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\">\r\n                        ESPECIALIDAD EN EMPRENDIMIENTO\r\n                    <\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Virtual Sincr\u00f3nica\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 02\r\n            MARKETING\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/licenciatura-en-marketing-estrategico-con-especialidad-en-e-commerce\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Marketing Estrat\u00e9gico\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#ffa400;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Licenciatura-en-Marketing-Estrategico-Ecommerce_Mesa-de-trabajo-16.jpg\"\r\n                        alt=\"Marketing Estrat\u00e9gico\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Licenciatura en Marketing Estrat\u00e9gico\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\">\r\n                        ESPECIALIDAD EN E-COMMERCE\r\n                    <\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Virtual Sincr\u00f3nica\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 03\r\n            PSICOLOG\u00cdA INDUSTRIAL\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/licenciatura-en-psicologia-industrial-y-comportamiento-organizacional\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Psicolog\u00eda Industrial\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#ffa400;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Licenciatura-en-Psicologia-Insdustrial-_Mesa-de-trabajo-16.jpg\"\r\n                        alt=\"Psicolog\u00eda Industrial\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Licenciatura en Psicolog\u00eda Industrial\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\">\r\n                        Y COMPORTAMIENTO ORGANIZACIONAL\r\n                    <\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Virtual Sincr\u00f3nica\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 04\r\n            DISE\u00d1O GR\u00c1FICO\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/licenciatura-en-diseno-grafico-y-fotografia\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Dise\u00f1o Gr\u00e1fico y Fotograf\u00eda\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#3578ff;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Licenciatura-en-Diseno-Grafico_Mesa-de-trabajo-16-1.jpg\"\r\n                        alt=\"Dise\u00f1o Gr\u00e1fico y Fotograf\u00eda\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Licenciatura en Dise\u00f1o Gr\u00e1fico y Fotograf\u00eda\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Bimodal\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 05\r\n            ARQUITECTURA\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/licenciatura-en-arquitectura-integral\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Arquitectura Integral\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#3578ff;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Licenciatura-en-Arquitectura-Integral_Mesa-de-trabajo-16.jpg\"\r\n                        alt=\"Arquitectura Integral\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Licenciatura en Arquitectura Integral\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Bimodal\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 06\r\n            CIENCIAS JUR\u00cdDICAS\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/licenciatura-en-derecho-y-justicia-2\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Ciencias Jur\u00eddicas y Sociales\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#fd4d55;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Licenciatura-en-Ciencias-Juridicas-y-Sociales_Mesa-de-trabajo-16.jpg\"\r\n                        alt=\"Ciencias Jur\u00eddicas y Sociales\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Licenciatura en Ciencias Jur\u00eddicas y Sociales\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Virtual Sincr\u00f3nica\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 07\r\n            TEOLOG\u00cdA\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/licenciatura-en-teologia-biblica-y-ministerio\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Teolog\u00eda B\u00edblica y Ministerio\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#b3edff;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#011931;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#011931;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Licenciatura-en-Teologia-Biblica-y-Ministerio_Mesa-de-trabajo-16.jpg\"\r\n                        alt=\"Teolog\u00eda B\u00edblica y Ministerio\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Licenciatura en Teolog\u00eda B\u00edblica y Ministerio\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Virtual Sincr\u00f3nica\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 08\r\n            INGENIER\u00cdA EN SISTEMAS\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/ingenieria-en-sistemas-y-ciencias-de-la-computacion\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Ingenier\u00eda en Sistemas\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#59b67d;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Ingenieria-en-Sistemas-y-Ciencias-de-la-Computacion_Mesa-de-trabajo-16.jpg\"\r\n                        alt=\"Ingenier\u00eda en Sistemas\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Ingenier\u00eda en Sistemas y Ciencias de la Computaci\u00f3n\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Virtual Sincr\u00f3nica\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 09\r\n            INGENIER\u00cdA EN TECNOLOG\u00cdA INDUSTRIAL\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/ingenieria-en-tecnologia-industrial\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Ingenier\u00eda en Tecnolog\u00eda Industrial\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#59b67d;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Ingenieria-en-Tecnologia-Industrial-09.jpg\"\r\n                        alt=\"Ingenier\u00eda en Tecnolog\u00eda Industrial\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Ingenier\u00eda en Tecnolog\u00eda Industrial\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Bimodal\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 10\r\n            AGRONOM\u00cdA\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/agronomia-con-especializacion-en-gerencia-y-produccion-agricola-en-ambientes-controlados\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Agronom\u00eda\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#59b67d;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Ingenieria-en-Agronomia-Especialidad-en-Gerencia-y-Produccion-Agricola-en-Ambientes-Controlados_Mesa-de-trabajo-16.jpg\"\r\n                        alt=\"Agronom\u00eda\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Agronom\u00eda\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\">\r\n                        ESPECIALIDAD EN GERENCIA Y PRODUCCI\u00d3N AGR\u00cdCOLA EN AMBIENTES CONTROLADOS\r\n                    <\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Virtual Sincr\u00f3nica\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 11\r\n            AGRONOM\u00cdA\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/agronomia-con-especializacion-en-gerencia-y-produccion-agropecuaria\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Agronom\u00eda\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#59b67d;\r\n\r\n                    --uspgoa-title-font:'PIEPIE', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.4rem;\r\n                    --uspgoa-title-weight:400;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Ingenieria-en-Agronomia-Especialidad-en-Gerencia-y-Agropecuaria_Mesa-de-trabajo-16.jpg\"\r\n                        alt=\"Agronom\u00eda\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Agronom\u00eda\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\">\r\n                        ESPECIALIDAD EN GERENCIA Y PRODUCCI\u00d3N AGROPECUARIA\r\n                    <\/span>\r\n\r\n                    <p class=\"uspgoa-info\">\r\n                        Inicio: Enero 2027<br>\r\n                        Modalidad: Bimodal\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FLECHA DERECHA -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"uspgoa-arrow uspgoa-next\"\r\n            aria-label=\"Siguientes carreras\"\r\n        >\r\n            &#10095;\r\n        <\/button>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nCSS\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nVARIABLES GENERALES\r\n========================================================= *\/\r\n\r\n.uspgoa-section{\r\n\r\n    width:100%;\r\n\r\n    padding:70px 0;\r\n\r\n    overflow:hidden;\r\n\r\n    font-family:\"Rethink Sans\",sans-serif;\r\n\r\n    box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nRESET\r\n========================================================= *\/\r\n\r\n.uspgoa-section *,\r\n.uspgoa-section *::before,\r\n.uspgoa-section *::after{\r\n\r\n    box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nENCABEZADO\r\n========================================================= *\/\r\n\r\n.uspgoa-header{\r\n\r\n    width:100%;\r\n\r\n    text-align:center;\r\n\r\n    margin:0 0 40px;\r\n\r\n    padding:0 20px;\r\n\r\n}\r\n\r\n\r\n.uspgoa-subtitle{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:#AA182B;\r\n\r\n    font-family:\"Rethink Sans\",sans-serif;\r\n\r\n    font-size:.85rem;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    line-height:1.2;\r\n\r\n}\r\n\r\n\r\n.uspgoa-header h2{\r\n\r\n    margin:0;\r\n\r\n    color:#011931;\r\n\r\n    font-family:\"Rethink Sans\",sans-serif;\r\n\r\n    font-size:clamp(2rem,4vw,3.8rem);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nWRAPPER\r\n========================================================= *\/\r\n\r\n.uspgoa-slider-wrapper{\r\n\r\n    width:100%;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCARRUSEL\r\n========================================================= *\/\r\n\r\n.uspgoa-slider{\r\n\r\n    width:100%;\r\n\r\n    min-width:0;\r\n\r\n    display:flex;\r\n\r\n    gap:25px;\r\n\r\n    overflow-x:auto;\r\n\r\n    overflow-y:hidden;\r\n\r\n   \r\nscroll-snap-type:none;\r\n\r\n    scrollbar-width:none;\r\n\r\n    padding:15px;\r\n\r\n    box-sizing:border-box;\r\n\r\n    overscroll-behavior-x:contain;\r\n\r\n    -webkit-overflow-scrolling:touch;\r\n\r\n    touch-action:pan-x;\r\n\r\n}\r\n\r\n\r\n.uspgoa-slider::-webkit-scrollbar{\r\n\r\n    display:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTARJETAS\r\n========================================================= *\/\r\n\r\n.uspgoa-card{\r\n\r\n    position:relative;\r\n\r\n    flex:0 0 360px;\r\n\r\n    width:360px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    background:var(--uspgoa-card-color);\r\n\r\n    text-decoration:none !important;\r\n\r\n    overflow:hidden;\r\n\r\n    box-sizing:border-box;\r\n\r\n    border-radius:0;\r\n\r\n    cursor:pointer;\r\n\r\n    transform:translateY(0);\r\n\r\n    box-shadow:\r\n        0 8px 20px rgba(0,0,0,.08);\r\n\r\n    transition:\r\n        transform .30s ease,\r\n        box-shadow .30s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHOVER\r\nSOMBRA GRIS \/ NEGRA\r\n========================================================= *\/\r\n\r\n.uspgoa-card:hover{\r\n\r\n    transform:translateY(-6px);\r\n\r\n    box-shadow:\r\n        0 16px 35px rgba(0,0,0,.28);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFOCUS\r\n========================================================= *\/\r\n\r\n.uspgoa-card:focus-visible{\r\n\r\n    outline:3px solid #011931;\r\n\r\n    outline-offset:4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nQUITAR SUBRAYADO\r\n========================================================= *\/\r\n\r\n.uspgoa-card,\r\n.uspgoa-card:hover,\r\n.uspgoa-card:focus,\r\n.uspgoa-card:active,\r\n.uspgoa-card:visited,\r\n.uspgoa-card h3,\r\n.uspgoa-card span,\r\n.uspgoa-card p{\r\n\r\n    text-decoration:none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nIMAGEN\r\n========================================================= *\/\r\n\r\n.uspgoa-image{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    height:270px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:var(--uspgoa-card-color);\r\n\r\n}\r\n\r\n\r\n.uspgoa-image img{\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    display:block;\r\n\r\n    object-fit:cover;\r\n\r\n    transform:scale(1);\r\n\r\n    transition:\r\n        transform .45s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nZOOM AL PASAR MOUSE\r\n========================================================= *\/\r\n\r\n.uspgoa-card:hover .uspgoa-image img{\r\n\r\n    transform:scale(1.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCONTENEDOR DE INFORMACI\u00d3N\r\n========================================================= *\/\r\n\r\n.uspgoa-content{\r\n\r\n    width:100%;\r\n\r\n    min-height:155px;\r\n\r\n    padding:28px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n\r\n    background:var(--uspgoa-card-color);\r\n\r\n    transition:\r\n        filter .30s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLIGERO REALCE DEL CONTENEDOR DE INFORMACI\u00d3N\r\n========================================================= *\/\r\n\r\n.uspgoa-card:hover .uspgoa-content{\r\n\r\n    filter:brightness(1.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nT\u00cdTULO\r\n========================================================= *\/\r\n\r\n.uspgoa-title{\r\n\r\n    margin:0 0 11px;\r\n\r\n    color:var(--uspgoa-title-color);\r\n\r\n    font-family:var(--uspgoa-title-font);\r\n\r\n    font-size:var(--uspgoa-title-size);\r\n\r\n    font-weight:var(--uspgoa-title-weight);\r\n\r\n    line-height:1.1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSUBT\u00cdTULO\r\n========================================================= *\/\r\n\r\n.uspgoa-card-subtitle{\r\n\r\n    display:block;\r\n\r\n    margin:-3px 0 10px;\r\n\r\n    color:var(--uspgoa-sub-color);\r\n\r\n    font-family:var(--uspgoa-sub-font);\r\n\r\n    font-size:var(--uspgoa-sub-size);\r\n\r\n    font-weight:var(--uspgoa-sub-weight);\r\n\r\n    line-height:1.3;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTERCER TEXTO\r\n========================================================= *\/\r\n\r\n.uspgoa-info{\r\n\r\n    margin:0;\r\n\r\n    color:var(--uspgoa-info-color);\r\n\r\n    font-family:var(--uspgoa-info-font);\r\n\r\n    font-size:var(--uspgoa-info-size);\r\n\r\n    font-weight:var(--uspgoa-info-weight);\r\n\r\n    line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFLECHAS\r\n========================================================= *\/\r\n\r\n.uspgoa-arrow{\r\n\r\n    width:55px;\r\n\r\n    height:55px;\r\n\r\n    min-width:55px;\r\n\r\n    padding:0;\r\n\r\n    border:none;\r\n\r\n    outline:none;\r\n\r\n    background:#011931;\r\n\r\n    color:#ffffff;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:22px;\r\n\r\n    line-height:1;\r\n\r\n    cursor:pointer;\r\n\r\n    flex-shrink:0;\r\n\r\n    z-index:5;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .2s ease;\r\n\r\n}\r\n\r\n\r\n.uspgoa-arrow:hover{\r\n\r\n    background:#AA182B;\r\n\r\n}\r\n\r\n\r\n.uspgoa-arrow:active{\r\n\r\n    transform:scale(.94);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .uspgoa-section{\r\n\r\n        padding:60px 0;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-card{\r\n\r\n        flex:0 0 330px;\r\n\r\n        width:330px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-image{\r\n\r\n        height:245px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-content{\r\n\r\n        min-height:150px;\r\n\r\n        padding:25px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-arrow{\r\n\r\n        width:48px;\r\n\r\n        min-width:48px;\r\n\r\n        height:48px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nM\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .uspgoa-section{\r\n\r\n        padding:50px 0;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-header{\r\n\r\n        margin-bottom:28px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-subtitle{\r\n\r\n        font-size:.72rem;\r\n\r\n        letter-spacing:1.5px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-header h2{\r\n\r\n        font-size:clamp(2rem,9vw,2.4rem);\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-arrow{\r\n\r\n        display:none;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-slider{\r\n\r\n        gap:18px;\r\n\r\n        padding:10px 5%;\r\n\r\n        scroll-snap-type:x proximity;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-card{\r\n\r\n        flex:0 0 88%;\r\n\r\n        width:88%;\r\n\r\n        scroll-snap-align:start;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-image{\r\n\r\n        height:230px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-content{\r\n\r\n        min-height:145px;\r\n\r\n        padding:24px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-title{\r\n\r\n        font-size:clamp(\r\n            1.15rem,\r\n            4.5vw,\r\n            1.35rem\r\n        );\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-card-subtitle{\r\n\r\n        font-size:.78rem;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-info{\r\n\r\n        font-size:.90rem;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nM\u00d3VILES PEQUE\u00d1OS\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n    .uspgoa-section{\r\n\r\n        padding:45px 0;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-header h2{\r\n\r\n        font-size:2.1rem;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-card{\r\n\r\n        flex:0 0 90%;\r\n\r\n        width:90%;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-image{\r\n\r\n        height:210px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-content{\r\n\r\n        padding:22px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nPANTALLAS MUY PEQUE\u00d1AS\r\n========================================================= *\/\r\n\r\n@media(max-width:360px){\r\n\r\n    .uspgoa-card{\r\n\r\n        flex-basis:92%;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-image{\r\n\r\n        height:195px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-content{\r\n\r\n        padding:20px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nREDUCIR ANIMACIONES\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .uspgoa-card,\r\n    .uspgoa-image img,\r\n    .uspgoa-content,\r\n    .uspgoa-arrow{\r\n\r\n        transition:none;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-slider{\r\n\r\n        scroll-behavior:auto;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================================================\r\nJAVASCRIPT\r\n========================================================= -->\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const AUTOPLAY_TIME = 2500;\r\n\r\n    document.querySelectorAll(\".uspgoa-section\").forEach(function (section) {\r\n\r\n        const slider = section.querySelector(\".uspgoa-slider\");\r\n        const prev = section.querySelector(\".uspgoa-prev\");\r\n        const next = section.querySelector(\".uspgoa-next\");\r\n\r\n        if (!slider) return;\r\n\r\n\r\n        \/* =====================================================\r\n        TARJETAS ORIGINALES\r\n        ===================================================== *\/\r\n\r\n        const originalCards = Array.from(\r\n            slider.querySelectorAll(\".uspgoa-card\")\r\n        );\r\n\r\n        if (!originalCards.length) return;\r\n\r\n\r\n        \/* =====================================================\r\n        ACCESIBILIDAD\r\n        ===================================================== *\/\r\n\r\n        originalCards.forEach(function (card) {\r\n\r\n            const career = card.getAttribute(\"data-career\");\r\n            const image = card.querySelector(\"img\");\r\n\r\n            if (career) {\r\n                card.setAttribute(\"aria-label\", career);\r\n            }\r\n\r\n            if (career && image) {\r\n                image.setAttribute(\"alt\", career);\r\n            }\r\n\r\n        });\r\n\r\n\r\n        \/* =====================================================\r\n        CREAR COPIAS\r\n\r\n        Originales:\r\n        1 2 3 4 5 6 7 8 9 10 11\r\n\r\n        Copias:\r\n        1 2 3 4 5 6 7 8 9 10 11\r\n\r\n        ===================================================== *\/\r\n\r\n        originalCards.forEach(function (card) {\r\n\r\n            const clone = card.cloneNode(true);\r\n\r\n            clone.setAttribute(\"aria-hidden\", \"true\");\r\n            clone.setAttribute(\"tabindex\", \"-1\");\r\n\r\n            const image = clone.querySelector(\"img\");\r\n\r\n            if (image) {\r\n                image.setAttribute(\"alt\", \"\");\r\n            }\r\n\r\n            slider.appendChild(clone);\r\n\r\n        });\r\n\r\n\r\n        \/* =====================================================\r\n        CALCULAR DISTANCIA DE UNA TARJETA\r\n        ===================================================== *\/\r\n\r\n        function getStep() {\r\n\r\n            const card =\r\n                slider.querySelector(\".uspgoa-card\");\r\n\r\n            if (!card) return 380;\r\n\r\n            const cardWidth =\r\n                card.getBoundingClientRect().width;\r\n\r\n            const styles =\r\n                window.getComputedStyle(slider);\r\n\r\n            const gap =\r\n                parseFloat(styles.columnGap) ||\r\n                parseFloat(styles.gap) ||\r\n                25;\r\n\r\n            return cardWidth + gap;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        ANCHO DE UNA VUELTA\r\n        ===================================================== *\/\r\n\r\n        function getLoopWidth() {\r\n\r\n            return getStep() * originalCards.length;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        SIGUIENTE\r\n\r\n        1 \u2192 2 \u2192 3 \u2192 4 \u2192 ...\r\n        ===================================================== *\/\r\n\r\n        function goNext() {\r\n\r\n            slider.scrollBy({\r\n\r\n                left: getStep(),\r\n\r\n                behavior: \"smooth\"\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        ANTERIOR\r\n        ===================================================== *\/\r\n\r\n        function goPrevious() {\r\n\r\n            const loopWidth = getLoopWidth();\r\n\r\n\r\n            \/*\r\n            Si estamos al inicio,\r\n            nos colocamos en la segunda vuelta.\r\n            *\/\r\n\r\n            if (slider.scrollLeft <= 5) {\r\n\r\n                slider.scrollLeft = loopWidth;\r\n\r\n            }\r\n\r\n\r\n            slider.scrollBy({\r\n\r\n                left: -getStep(),\r\n\r\n                behavior: \"smooth\"\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        LOOP INFINITO\r\n\r\n        Cuando terminamos la segunda copia:\r\n\r\n        1 2 3 ... 11 | 1 2 3 ... 11\r\n                         \u2191\r\n                       aqu\u00ed\r\n\r\n        Se vuelve internamente a:\r\n\r\n        1 2 3 ... 11\r\n        \u2191\r\n\r\n        Pero como el contenido es id\u00e9ntico,\r\n        visualmente no se aprecia el cambio.\r\n        ===================================================== *\/\r\n\r\n        let correcting = false;\r\n\r\n\r\n        slider.addEventListener(\r\n            \"scroll\",\r\n            function () {\r\n\r\n                if (correcting) return;\r\n\r\n\r\n                const loopWidth =\r\n                    getLoopWidth();\r\n\r\n\r\n                \/*\r\n                Cuando llegamos a la segunda\r\n                vuelta, regresamos exactamente\r\n                una vuelta.\r\n                *\/\r\n\r\n                if (\r\n                    slider.scrollLeft >=\r\n                    loopWidth - 2\r\n                ) {\r\n\r\n                    correcting = true;\r\n\r\n\r\n                    const currentPosition =\r\n                        slider.scrollLeft;\r\n\r\n\r\n                    slider.scrollLeft =\r\n                        currentPosition -\r\n                        loopWidth;\r\n\r\n\r\n                    requestAnimationFrame(\r\n                        function () {\r\n\r\n                            correcting = false;\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        BOT\u00d3N SIGUIENTE\r\n        ===================================================== *\/\r\n\r\n        if (next) {\r\n\r\n            next.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    goNext();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        BOT\u00d3N ANTERIOR\r\n        ===================================================== *\/\r\n\r\n        if (prev) {\r\n\r\n            prev.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    goPrevious();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        AUTOPLAY\r\n        ===================================================== *\/\r\n\r\n        let autoplayTimer = null;\r\n\r\n        let mouseInside = false;\r\n\r\n        let touching = false;\r\n\r\n\r\n        \/* =====================================================\r\n        PROGRAMAR MOVIMIENTO\r\n        ===================================================== *\/\r\n\r\n        function scheduleAutoplay() {\r\n\r\n            clearTimeout(autoplayTimer);\r\n\r\n\r\n            autoplayTimer =\r\n                setTimeout(\r\n                    function () {\r\n\r\n                        \/*\r\n                        Si el mouse est\u00e1 sobre\r\n                        el slider, no avanzamos.\r\n                        *\/\r\n\r\n                        if (mouseInside) {\r\n\r\n                            scheduleAutoplay();\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        \/*\r\n                        Si el usuario est\u00e1 tocando,\r\n                        esperamos.\r\n                        *\/\r\n\r\n                        if (touching) {\r\n\r\n                            scheduleAutoplay();\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        \/*\r\n                        Si la pesta\u00f1a no est\u00e1 visible,\r\n                        esperamos.\r\n                        *\/\r\n\r\n                        if (document.hidden) {\r\n\r\n                            scheduleAutoplay();\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        \/*\r\n                        AVANZAR EXACTAMENTE\r\n                        UNA TARJETA\r\n                        *\/\r\n\r\n                        goNext();\r\n\r\n\r\n                        \/*\r\n                        PROGRAMAR SIGUIENTE\r\n                        *\/\r\n\r\n                        scheduleAutoplay();\r\n\r\n                    },\r\n                    AUTOPLAY_TIME\r\n                );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        DETENER\r\n        ===================================================== *\/\r\n\r\n        function stopAutoplay() {\r\n\r\n            clearTimeout(autoplayTimer);\r\n\r\n            autoplayTimer = null;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        REINICIAR\r\n        ===================================================== *\/\r\n\r\n        function restartAutoplay() {\r\n\r\n            stopAutoplay();\r\n\r\n            scheduleAutoplay();\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        MOUSE ENTRA\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"mouseenter\",\r\n            function () {\r\n\r\n                mouseInside = true;\r\n\r\n                stopAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        MOUSE SALE\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"mouseleave\",\r\n            function () {\r\n\r\n                mouseInside = false;\r\n\r\n                restartAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        TOUCH START\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"touchstart\",\r\n            function () {\r\n\r\n                touching = true;\r\n\r\n                stopAutoplay();\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        TOUCH END\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"touchend\",\r\n            function () {\r\n\r\n                touching = false;\r\n\r\n\r\n                setTimeout(\r\n                    function () {\r\n\r\n                        if (!touching) {\r\n\r\n                            restartAutoplay();\r\n\r\n                        }\r\n\r\n                    },\r\n                    1500\r\n                );\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        VISIBILIDAD\r\n        ===================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"visibilitychange\",\r\n            function () {\r\n\r\n                if (document.hidden) {\r\n\r\n                    stopAutoplay();\r\n\r\n                } else {\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        RESPETAR REDUCCI\u00d3N DE MOVIMIENTO\r\n        ===================================================== *\/\r\n\r\n        const reducedMotion =\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            );\r\n\r\n\r\n        if (!reducedMotion.matches) {\r\n\r\n            scheduleAutoplay();\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e356f3 elementor-widget elementor-widget-html\" data-id=\"2e356f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nUSPG | OFERTA ACAD\u00c9MICA\r\nCarrusel responsive para Elementor \/ WordPress\r\n\r\nCARACTER\u00cdSTICAS:\r\n- Sin numeraci\u00f3n visible\r\n- Carrera identificada mediante data-career\r\n- T\u00edtulo, subt\u00edtulo y tercer texto editables\r\n- Tipograf\u00eda y color independientes por texto\r\n- Color independiente por tarjeta\r\n- Hover con sombra gris\r\n- Zoom suave de imagen\r\n- Responsive\r\n- Compatible con Elementor \/ WordPress\r\n========================================================= -->\r\n\r\n\r\n<!-- =========================================================\r\nTIPOGRAF\u00cdA PIEPIE\r\n========================================================= -->\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/use.typekit.net\/xdc5dyg.css\"\r\n>\r\n\r\n\r\n<!-- =========================================================\r\nTIPOGRAF\u00cdA RETHINK SANS\r\n========================================================= -->\r\n\r\n<link\r\n    rel=\"preconnect\"\r\n    href=\"https:\/\/fonts.googleapis.com\"\r\n>\r\n\r\n<link\r\n    rel=\"preconnect\"\r\n    href=\"https:\/\/fonts.gstatic.com\"\r\n    crossorigin\r\n>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Rethink+Sans:wght@300;400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<!-- =========================================================\r\nOFERTA ACAD\u00c9MICA\r\n========================================================= -->\r\n\r\n<section class=\"uspgoa-section\">\r\n\r\n\r\n    <!-- =====================================================\r\n    ENCABEZADO\r\n    ====================================================== -->\r\n\r\n    <div class=\"uspgoa-header\">\r\n\r\n    \r\n\r\n        <h2>\r\n           Posgrados:\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    CARRUSEL\r\n    ====================================================== -->\r\n\r\n    <div class=\"uspgoa-slider-wrapper\">\r\n\r\n\r\n        <!-- FLECHA IZQUIERDA -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"uspgoa-arrow uspgoa-prev\"\r\n            aria-label=\"Carreras anteriores\"\r\n        >\r\n            &#10094;\r\n        <\/button>\r\n\r\n\r\n        <!-- =================================================\r\n        CONTENEDOR DE TARJETAS\r\n        ================================================== -->\r\n\r\n        <div class=\"uspgoa-slider\">\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 01\r\n            DERECHO DE FAMILIA\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/maestria-en-derecho-de-familia\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Deerecho de Familia\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#011931;\r\n\r\n                    --uspgoa-title-font:'Rethink sans', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.7rem;\r\n                    --uspgoa-title-weight:900;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Madefa_Mesa-de-trabajo-16-copia-2.jpg\"\r\n                        alt=\"Administraci\u00f3n de Empresas\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Maestr\u00eda en Derecho <br>de Familia\r\n                    <\/h3>\r\n\r\n                  \r\n\r\n                    <p class=\"uspgoa-info\"> Inicio: Agosto 2027\r\n                        <br>\r\n                        Modalidad: Virtual en vivo\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 02\r\n           GERIATR\u00cdA ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/maestria-en-geriatria-y-gerontologia\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"Marketing Estrat\u00e9gico\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#011931;\r\n\r\n                    --uspgoa-title-font:'Rethink sans', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.7rem;\r\n                    --uspgoa-title-weight:900;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Maestria-en-Geriatria-y-Gerontologia.jpg\"\r\n                        alt=\"Marketing Estrat\u00e9gico\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Mestr\u00eda en Geriatr\u00eda <br> y Gerontolog\u00eda\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"uspgoa-info\"> Inicio: Abril 2027\r\n                      <br>\r\n                        Modalidad: Bimodal\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 03\r\n            MAPID ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/maestria-en-derecho-de-familia\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"MAPID\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#011931;\r\n\r\n                    --uspgoa-title-font:'RETHINK SANS', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.7rem;\r\n                    --uspgoa-title-weight:900;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/Mapid_Mesa-de-trabajo-16-copia-4.jpg\"\r\n                        alt=\"Psicolog\u00eda Industrial\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Maestr\u00eda en Derecho de Propiedad Intelectual e Innovaci\u00f3n Digital\r\n                    <\/h3>\r\n\r\n         \r\n                    <p class=\"uspgoa-info\">Inicio: Agosto 2027\r\n                    <br>\r\n                        Modalidad: Virtual en vivo\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n            TARJETA 04\r\n            MET\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/maestria-en-estudios-teologicos\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"MET\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#011931;\r\n\r\n                    --uspgoa-title-font:'Rethink sans', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.7rem;\r\n                    --uspgoa-title-weight:900;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:1.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/MET_Mesa-de-trabajo-16-copia-6.jpg\"\r\n                        alt=\"Dise\u00f1o Gr\u00e1fico y Fotograf\u00eda\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Maestr\u00eda en Estudios Teol\u00f3gicos y Liderazgo\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">Inicio: Abril 2027 <br>\r\n                    \r\n                        Modalidad: Virtual en vivo\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n            \r\n                     \r\n                        <!-- =================================================\r\n            TARJETA 06\r\n            MLO\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/maestria-en-liderazgo-organizacional\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"MARC\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#011931;\r\n\r\n                    --uspgoa-title-font:'Rethink sans', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.7rem;\r\n                    --uspgoa-title-weight:900;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:1.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/MLO_Mesa-de-trabajo-16-copia-8.jpg\"\r\n                        alt=\"MLO\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Maestr\u00eda en Liderazgo Organizacional\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">Inicio: Agosto 2027 <br>\r\n                    \r\n                        Modalidad: Bimodal\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n            \r\n            \r\n                                   <!-- =================================================\r\n            TARJETA 07\r\n            MED\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/maestria-en-desarrollo-evaluacion-y-planificacion-docente\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"MED\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#011931;\r\n\r\n                    --uspgoa-title-font:'Rethink sans', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.7rem;\r\n                    --uspgoa-title-weight:900;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:1.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/MED_Mesa-de-trabajo-16-copia-10.jpg\"\r\n                        alt=\"MED\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Maestr\u00eda en Planificaci\u00f3n, Desarrollo y Evaluaci\u00f3n Docente\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">Inicio: Abril 2027 <br>\r\n                    \r\n                        Modalidad: Virtual en vivo\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n            \r\n                        \r\n            \r\n                                   <!-- =================================================\r\n            TARJETA 07\r\n            MARC\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/maestria-en-artroplastia-y-cadera\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"MARC\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#011931;\r\n\r\n                    --uspgoa-title-font:'Rethink sans', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.7rem;\r\n                    --uspgoa-title-weight:900;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:1.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/MARC_Mesa-de-trabajo-16-copia-14.jpg\"\r\n                        alt=\"MED\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Maestr\u00eda Artoplastia de<br>Rodilla y Cadera\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">Inicio: Abril 2027 <br>\r\n                    \r\n                        Modalidad: Virtual Sincr\u00f3nica\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n            <!-- =================================================\r\n            TARJETA 08\r\n            DLO\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/uspg.edu.gt\/site\/doctorado-en-liderazgo-organizacional\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"uspgoa-card\"\r\n                data-career=\"MET\"\r\n\r\n                style=\"\r\n                    --uspgoa-card-color:#AA182B;\r\n\r\n                    --uspgoa-title-font:'Rethink sans', sans-serif;\r\n                    --uspgoa-title-color:#ffffff;\r\n                    --uspgoa-title-size:1.7rem;\r\n                    --uspgoa-title-weight:900;\r\n\r\n                    --uspgoa-sub-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-sub-color:#011931;\r\n                    --uspgoa-sub-size:1.90rem;\r\n                    --uspgoa-sub-weight:700;\r\n\r\n                    --uspgoa-info-font:'Rethink Sans', sans-serif;\r\n                    --uspgoa-info-color:#ffffff;\r\n                    --uspgoa-info-size:.95rem;\r\n                    --uspgoa-info-weight:400;\r\n                \"\r\n            >\r\n\r\n                <div class=\"uspgoa-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/DLO.jpg\"\r\n                        alt=\"DLO\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"uspgoa-content\">\r\n\r\n                    <h3 class=\"uspgoa-title\">\r\n                        Doctorado en Liderazgo Organizacional\r\n                    <\/h3>\r\n\r\n                    <span class=\"uspgoa-card-subtitle\"><\/span>\r\n\r\n                    <p class=\"uspgoa-info\">Inicio: Agosto 2027 <br>\r\n                    \r\n                        Modalidad: Virtual en vivo\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n\r\n\r\n\r\n         \r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FLECHA DERECHA -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"uspgoa-arrow uspgoa-next\"\r\n            aria-label=\"Siguientes carreras\"\r\n        >\r\n            &#10095;\r\n        <\/button>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nCSS\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nVARIABLES GENERALES\r\n========================================================= *\/\r\n\r\n.uspgoa-section{\r\n\r\n    width:100%;\r\n\r\n    padding:70px 0;\r\n\r\n    overflow:hidden;\r\n\r\n    font-family:\"Rethink Sans\",sans-serif;\r\n\r\n    box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nRESET\r\n========================================================= *\/\r\n\r\n.uspgoa-section *,\r\n.uspgoa-section *::before,\r\n.uspgoa-section *::after{\r\n\r\n    box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nENCABEZADO\r\n========================================================= *\/\r\n\r\n.uspgoa-header{\r\n\r\n    width:100%;\r\n\r\n    text-align:center;\r\n\r\n    margin:0 0 40px;\r\n\r\n    padding:0 20px;\r\n\r\n}\r\n\r\n\r\n.uspgoa-subtitle{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:#AA182B;\r\n\r\n    font-family:\"Rethink Sans\",sans-serif;\r\n\r\n    font-size:.85rem;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    line-height:1.2;\r\n\r\n}\r\n\r\n\r\n.uspgoa-header h2{\r\n\r\n    margin:0;\r\n\r\n    color:#011931;\r\n\r\n    font-family:\"Rethink Sans\",sans-serif;\r\n\r\n    font-size:clamp(2rem,4vw,3.8rem);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nWRAPPER\r\n========================================================= *\/\r\n\r\n.uspgoa-slider-wrapper{\r\n\r\n    width:100%;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCARRUSEL\r\n========================================================= *\/\r\n\r\n.uspgoa-slider{\r\n\r\n    width:100%;\r\n\r\n    min-width:0;\r\n\r\n    display:flex;\r\n\r\n    gap:25px;\r\n\r\n    overflow-x:auto;\r\n\r\n    overflow-y:hidden;\r\n\r\n   \r\nscroll-snap-type:none;\r\n\r\n    scrollbar-width:none;\r\n\r\n    padding:15px;\r\n\r\n    box-sizing:border-box;\r\n\r\n    overscroll-behavior-x:contain;\r\n\r\n    -webkit-overflow-scrolling:touch;\r\n\r\n    touch-action:pan-x;\r\n\r\n}\r\n\r\n\r\n.uspgoa-slider::-webkit-scrollbar{\r\n\r\n    display:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTARJETAS\r\n========================================================= *\/\r\n\r\n.uspgoa-card{\r\n\r\n    position:relative;\r\n\r\n    flex:0 0 360px;\r\n\r\n    width:360px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    background:var(--uspgoa-card-color);\r\n\r\n    text-decoration:none !important;\r\n\r\n    overflow:hidden;\r\n\r\n    box-sizing:border-box;\r\n\r\n    border-radius:0;\r\n\r\n    cursor:pointer;\r\n\r\n    transform:translateY(0);\r\n\r\n    box-shadow:\r\n        0 8px 20px rgba(0,0,0,.08);\r\n\r\n    transition:\r\n        transform .30s ease,\r\n        box-shadow .30s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHOVER\r\nSOMBRA GRIS \/ NEGRA\r\n========================================================= *\/\r\n\r\n.uspgoa-card:hover{\r\n\r\n    transform:translateY(-6px);\r\n\r\n    box-shadow:\r\n        0 16px 35px rgba(0,0,0,.28);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFOCUS\r\n========================================================= *\/\r\n\r\n.uspgoa-card:focus-visible{\r\n\r\n    outline:3px solid #011931;\r\n\r\n    outline-offset:4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nQUITAR SUBRAYADO\r\n========================================================= *\/\r\n\r\n.uspgoa-card,\r\n.uspgoa-card:hover,\r\n.uspgoa-card:focus,\r\n.uspgoa-card:active,\r\n.uspgoa-card:visited,\r\n.uspgoa-card h3,\r\n.uspgoa-card span,\r\n.uspgoa-card p{\r\n\r\n    text-decoration:none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nIMAGEN\r\n========================================================= *\/\r\n\r\n.uspgoa-image{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    height:270px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:var(--uspgoa-card-color);\r\n\r\n}\r\n\r\n\r\n.uspgoa-image img{\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    display:block;\r\n\r\n    object-fit:cover;\r\n\r\n    transform:scale(1);\r\n\r\n    transition:\r\n        transform .45s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nZOOM AL PASAR MOUSE\r\n========================================================= *\/\r\n\r\n.uspgoa-card:hover .uspgoa-image img{\r\n\r\n    transform:scale(1.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCONTENEDOR DE INFORMACI\u00d3N\r\n========================================================= *\/\r\n\r\n.uspgoa-content{\r\n\r\n    width:100%;\r\n\r\n    min-height:155px;\r\n\r\n    padding:28px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n\r\n    background:var(--uspgoa-card-color);\r\n\r\n    transition:\r\n        filter .30s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLIGERO REALCE DEL CONTENEDOR DE INFORMACI\u00d3N\r\n========================================================= *\/\r\n\r\n.uspgoa-card:hover .uspgoa-content{\r\n\r\n    filter:brightness(1.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nT\u00cdTULO\r\n========================================================= *\/\r\n\r\n.uspgoa-title{\r\n\r\n    margin:0 0 11px;\r\n\r\n    color:var(--uspgoa-title-color);\r\n\r\n    font-family:var(--uspgoa-title-font);\r\n\r\n    font-size:var(--uspgoa-title-size);\r\n\r\n    font-weight:var(--uspgoa-title-weight);\r\n\r\n    line-height:1.1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSUBT\u00cdTULO\r\n========================================================= *\/\r\n\r\n.uspgoa-card-subtitle{\r\n\r\n    display:block;\r\n\r\n    margin:-3px 0 10px;\r\n\r\n    color:var(--uspgoa-sub-color);\r\n\r\n    font-family:var(--uspgoa-sub-font);\r\n\r\n    font-size:var(--uspgoa-sub-size);\r\n\r\n    font-weight:var(--uspgoa-sub-weight);\r\n\r\n    line-height:1.3;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTERCER TEXTO\r\n========================================================= *\/\r\n\r\n.uspgoa-info{\r\n\r\n    margin:0;\r\n\r\n    color:var(--uspgoa-info-color);\r\n\r\n    font-family:var(--uspgoa-info-font);\r\n\r\n    font-size:var(--uspgoa-info-size);\r\n\r\n    font-weight:var(--uspgoa-info-weight);\r\n\r\n    line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFLECHAS\r\n========================================================= *\/\r\n\r\n.uspgoa-arrow{\r\n\r\n    width:55px;\r\n\r\n    height:55px;\r\n\r\n    min-width:55px;\r\n\r\n    padding:0;\r\n\r\n    border:none;\r\n\r\n    outline:none;\r\n\r\n    background:#011931;\r\n\r\n    color:#ffffff;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:22px;\r\n\r\n    line-height:1;\r\n\r\n    cursor:pointer;\r\n\r\n    flex-shrink:0;\r\n\r\n    z-index:5;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .2s ease;\r\n\r\n}\r\n\r\n\r\n.uspgoa-arrow:hover{\r\n\r\n    background:#AA182B;\r\n\r\n}\r\n\r\n\r\n.uspgoa-arrow:active{\r\n\r\n    transform:scale(.94);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .uspgoa-section{\r\n\r\n        padding:60px 0;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-card{\r\n\r\n        flex:0 0 330px;\r\n\r\n        width:330px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-image{\r\n\r\n        height:245px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-content{\r\n\r\n        min-height:150px;\r\n\r\n        padding:25px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-arrow{\r\n\r\n        width:48px;\r\n\r\n        min-width:48px;\r\n\r\n        height:48px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nM\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .uspgoa-section{\r\n\r\n        padding:50px 0;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-header{\r\n\r\n        margin-bottom:28px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-subtitle{\r\n\r\n        font-size:.72rem;\r\n\r\n        letter-spacing:1.5px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-header h2{\r\n\r\n        font-size:clamp(2rem,9vw,2.4rem);\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-arrow{\r\n\r\n        display:none;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-slider{\r\n\r\n        gap:18px;\r\n\r\n        padding:10px 5%;\r\n\r\n        scroll-snap-type:x proximity;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-card{\r\n\r\n        flex:0 0 88%;\r\n\r\n        width:88%;\r\n\r\n        scroll-snap-align:start;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-image{\r\n\r\n        height:230px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-content{\r\n\r\n        min-height:145px;\r\n\r\n        padding:24px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-title{\r\n\r\n        font-size:clamp(\r\n            1.15rem,\r\n            4.5vw,\r\n            1.35rem\r\n        );\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-card-subtitle{\r\n\r\n        font-size:.78rem;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-info{\r\n\r\n        font-size:.90rem;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nM\u00d3VILES PEQUE\u00d1OS\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n    .uspgoa-section{\r\n\r\n        padding:45px 0;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-header h2{\r\n\r\n        font-size:2.1rem;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-card{\r\n\r\n        flex:0 0 90%;\r\n\r\n        width:90%;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-image{\r\n\r\n        height:210px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-content{\r\n\r\n        padding:22px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nPANTALLAS MUY PEQUE\u00d1AS\r\n========================================================= *\/\r\n\r\n@media(max-width:360px){\r\n\r\n    .uspgoa-card{\r\n\r\n        flex-basis:92%;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-image{\r\n\r\n        height:195px;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-content{\r\n\r\n        padding:20px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nREDUCIR ANIMACIONES\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .uspgoa-card,\r\n    .uspgoa-image img,\r\n    .uspgoa-content,\r\n    .uspgoa-arrow{\r\n\r\n        transition:none;\r\n\r\n    }\r\n\r\n\r\n    .uspgoa-slider{\r\n\r\n        scroll-behavior:auto;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================================================\r\nJAVASCRIPT\r\n========================================================= -->\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const AUTOPLAY_TIME = 2500;\r\n\r\n    document.querySelectorAll(\".uspgoa-section\").forEach(function (section) {\r\n\r\n        const slider = section.querySelector(\".uspgoa-slider\");\r\n        const prev = section.querySelector(\".uspgoa-prev\");\r\n        const next = section.querySelector(\".uspgoa-next\");\r\n\r\n        if (!slider) return;\r\n\r\n\r\n        \/* =====================================================\r\n        TARJETAS ORIGINALES\r\n        ===================================================== *\/\r\n\r\n        const originalCards = Array.from(\r\n            slider.querySelectorAll(\".uspgoa-card\")\r\n        );\r\n\r\n        if (!originalCards.length) return;\r\n\r\n\r\n        \/* =====================================================\r\n        ACCESIBILIDAD\r\n        ===================================================== *\/\r\n\r\n        originalCards.forEach(function (card) {\r\n\r\n            const career = card.getAttribute(\"data-career\");\r\n            const image = card.querySelector(\"img\");\r\n\r\n            if (career) {\r\n                card.setAttribute(\"aria-label\", career);\r\n            }\r\n\r\n            if (career && image) {\r\n                image.setAttribute(\"alt\", career);\r\n            }\r\n\r\n        });\r\n\r\n\r\n        \/* =====================================================\r\n        CREAR COPIAS\r\n\r\n        Originales:\r\n        1 2 3 4 5 6 7 8 9 10 11\r\n\r\n        Copias:\r\n        1 2 3 4 5 6 7 8 9 10 11\r\n\r\n        ===================================================== *\/\r\n\r\n        originalCards.forEach(function (card) {\r\n\r\n            const clone = card.cloneNode(true);\r\n\r\n            clone.setAttribute(\"aria-hidden\", \"true\");\r\n            clone.setAttribute(\"tabindex\", \"-1\");\r\n\r\n            const image = clone.querySelector(\"img\");\r\n\r\n            if (image) {\r\n                image.setAttribute(\"alt\", \"\");\r\n            }\r\n\r\n            slider.appendChild(clone);\r\n\r\n        });\r\n\r\n\r\n        \/* =====================================================\r\n        CALCULAR DISTANCIA DE UNA TARJETA\r\n        ===================================================== *\/\r\n\r\n        function getStep() {\r\n\r\n            const card =\r\n                slider.querySelector(\".uspgoa-card\");\r\n\r\n            if (!card) return 380;\r\n\r\n            const cardWidth =\r\n                card.getBoundingClientRect().width;\r\n\r\n            const styles =\r\n                window.getComputedStyle(slider);\r\n\r\n            const gap =\r\n                parseFloat(styles.columnGap) ||\r\n                parseFloat(styles.gap) ||\r\n                25;\r\n\r\n            return cardWidth + gap;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        ANCHO DE UNA VUELTA\r\n        ===================================================== *\/\r\n\r\n        function getLoopWidth() {\r\n\r\n            return getStep() * originalCards.length;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        SIGUIENTE\r\n\r\n        1 \u2192 2 \u2192 3 \u2192 4 \u2192 ...\r\n        ===================================================== *\/\r\n\r\n        function goNext() {\r\n\r\n            slider.scrollBy({\r\n\r\n                left: getStep(),\r\n\r\n                behavior: \"smooth\"\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        ANTERIOR\r\n        ===================================================== *\/\r\n\r\n        function goPrevious() {\r\n\r\n            const loopWidth = getLoopWidth();\r\n\r\n\r\n            \/*\r\n            Si estamos al inicio,\r\n            nos colocamos en la segunda vuelta.\r\n            *\/\r\n\r\n            if (slider.scrollLeft <= 5) {\r\n\r\n                slider.scrollLeft = loopWidth;\r\n\r\n            }\r\n\r\n\r\n            slider.scrollBy({\r\n\r\n                left: -getStep(),\r\n\r\n                behavior: \"smooth\"\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        LOOP INFINITO\r\n\r\n        Cuando terminamos la segunda copia:\r\n\r\n        1 2 3 ... 11 | 1 2 3 ... 11\r\n                         \u2191\r\n                       aqu\u00ed\r\n\r\n        Se vuelve internamente a:\r\n\r\n        1 2 3 ... 11\r\n        \u2191\r\n\r\n        Pero como el contenido es id\u00e9ntico,\r\n        visualmente no se aprecia el cambio.\r\n        ===================================================== *\/\r\n\r\n        let correcting = false;\r\n\r\n\r\n        slider.addEventListener(\r\n            \"scroll\",\r\n            function () {\r\n\r\n                if (correcting) return;\r\n\r\n\r\n                const loopWidth =\r\n                    getLoopWidth();\r\n\r\n\r\n                \/*\r\n                Cuando llegamos a la segunda\r\n                vuelta, regresamos exactamente\r\n                una vuelta.\r\n                *\/\r\n\r\n                if (\r\n                    slider.scrollLeft >=\r\n                    loopWidth - 2\r\n                ) {\r\n\r\n                    correcting = true;\r\n\r\n\r\n                    const currentPosition =\r\n                        slider.scrollLeft;\r\n\r\n\r\n                    slider.scrollLeft =\r\n                        currentPosition -\r\n                        loopWidth;\r\n\r\n\r\n                    requestAnimationFrame(\r\n                        function () {\r\n\r\n                            correcting = false;\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        BOT\u00d3N SIGUIENTE\r\n        ===================================================== *\/\r\n\r\n        if (next) {\r\n\r\n            next.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    goNext();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        BOT\u00d3N ANTERIOR\r\n        ===================================================== *\/\r\n\r\n        if (prev) {\r\n\r\n            prev.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    goPrevious();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        AUTOPLAY\r\n        ===================================================== *\/\r\n\r\n        let autoplayTimer = null;\r\n\r\n        let mouseInside = false;\r\n\r\n        let touching = false;\r\n\r\n\r\n        \/* =====================================================\r\n        PROGRAMAR MOVIMIENTO\r\n        ===================================================== *\/\r\n\r\n        function scheduleAutoplay() {\r\n\r\n            clearTimeout(autoplayTimer);\r\n\r\n\r\n            autoplayTimer =\r\n                setTimeout(\r\n                    function () {\r\n\r\n                        \/*\r\n                        Si el mouse est\u00e1 sobre\r\n                        el slider, no avanzamos.\r\n                        *\/\r\n\r\n                        if (mouseInside) {\r\n\r\n                            scheduleAutoplay();\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        \/*\r\n                        Si el usuario est\u00e1 tocando,\r\n                        esperamos.\r\n                        *\/\r\n\r\n                        if (touching) {\r\n\r\n                            scheduleAutoplay();\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        \/*\r\n                        Si la pesta\u00f1a no est\u00e1 visible,\r\n                        esperamos.\r\n                        *\/\r\n\r\n                        if (document.hidden) {\r\n\r\n                            scheduleAutoplay();\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        \/*\r\n                        AVANZAR EXACTAMENTE\r\n                        UNA TARJETA\r\n                        *\/\r\n\r\n                        goNext();\r\n\r\n\r\n                        \/*\r\n                        PROGRAMAR SIGUIENTE\r\n                        *\/\r\n\r\n                        scheduleAutoplay();\r\n\r\n                    },\r\n                    AUTOPLAY_TIME\r\n                );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        DETENER\r\n        ===================================================== *\/\r\n\r\n        function stopAutoplay() {\r\n\r\n            clearTimeout(autoplayTimer);\r\n\r\n            autoplayTimer = null;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        REINICIAR\r\n        ===================================================== *\/\r\n\r\n        function restartAutoplay() {\r\n\r\n            stopAutoplay();\r\n\r\n            scheduleAutoplay();\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n        MOUSE ENTRA\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"mouseenter\",\r\n            function () {\r\n\r\n                mouseInside = true;\r\n\r\n                stopAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        MOUSE SALE\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"mouseleave\",\r\n            function () {\r\n\r\n                mouseInside = false;\r\n\r\n                restartAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        TOUCH START\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"touchstart\",\r\n            function () {\r\n\r\n                touching = true;\r\n\r\n                stopAutoplay();\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        TOUCH END\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"touchend\",\r\n            function () {\r\n\r\n                touching = false;\r\n\r\n\r\n                setTimeout(\r\n                    function () {\r\n\r\n                        if (!touching) {\r\n\r\n                            restartAutoplay();\r\n\r\n                        }\r\n\r\n                    },\r\n                    1500\r\n                );\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        VISIBILIDAD\r\n        ===================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"visibilitychange\",\r\n            function () {\r\n\r\n                if (document.hidden) {\r\n\r\n                    stopAutoplay();\r\n\r\n                } else {\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        RESPETAR REDUCCI\u00d3N DE MOVIMIENTO\r\n        ===================================================== *\/\r\n\r\n        const reducedMotion =\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            );\r\n\r\n\r\n        if (!reducedMotion.matches) {\r\n\r\n            scheduleAutoplay();\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-element elementor-element-7f464cc e-con-full e-flex e-con e-parent\" data-id=\"7f464cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d02dddc elementor-widget elementor-widget-html\" data-id=\"d02dddc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \n<!-- ===========================\nESTAD\u00cdSTICAS USPG\n=========================== -->\n\n<section class=\"uspg-stats\">\n\n<style>\n\n.uspg-stats{\nbackground:#AA182B;\npadding:70px 30px;\nfont-family:'Rethink Sans',sans-serif;\n}\n\n.uspg-stats-header{\ntext-align:center;\nmax-width:1000px;\nmargin:0 auto 50px;\n}\n\n.uspg-stats-title{\nfont-size:64px;\nfont-weight:800;\ncolor:#fff;\nmargin:0;\nline-height:1.05;\n}\n\n.uspg-stats-title span{\ncolor:#FDBA2D;\n}\n\n.uspg-stats-subtitle{\nfont-size:24px;\ncolor:rgba(255,255,255,.90);\nmargin-top:18px;\nline-height:1.4;\n}\n\n.uspg-stats-grid{\nmax-width:1400px;\nmargin:auto;\ndisplay:grid;\ngrid-template-columns:repeat(4,1fr);\n}\n\n.uspg-stat{\ntext-align:center;\nposition:relative;\npadding:20px;\n}\n\n.uspg-stat:not(:last-child)::after{\ncontent:'';\nposition:absolute;\nright:0;\ntop:20%;\nheight:60%;\nwidth:1px;\nbackground:rgba(255,255,255,.25);\n}\n\n\/* ICONOS *\/\n\n.uspg-icon{\nwidth:110px;\nheight:110px;\nmargin:0 auto 30px;\nborder-radius:50%;\ndisplay:flex;\nalign-items:center;\njustify-content:center;\nbackground:rgba(255,255,255,.12);\nbox-shadow:0 10px 30px rgba(0,0,0,.15);\n}\n\n.uspg-icon svg{\nwidth:58px;\nheight:58px;\nfill:#fff;\n}\n\n\/* NUMEROS *\/\n\n.uspg-number{\nfont-size:82px;\nfont-weight:800;\ncolor:#FDBA2D;\nline-height:1;\n}\n\n.uspg-label{\nfont-size:28px;\nfont-weight:800;\ncolor:#fff;\nmargin-top:18px;\nletter-spacing:.5px;\n}\n\n.uspg-desc{\nfont-size:18px;\ncolor:rgba(255,255,255,.90);\nmargin-top:10px;\nline-height:1.4;\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:1024px){\n\n.uspg-stats{\npadding:60px 25px;\n}\n\n.uspg-stats-grid{\ngrid-template-columns:repeat(2,1fr);\ngap:30px;\n}\n\n.uspg-stat::after{\ndisplay:none;\n}\n\n.uspg-number{\nfont-size:72px;\n}\n\n}\n\n@media(max-width:767px){\n\n.uspg-stats{\npadding:50px 20px;\n}\n\n.uspg-stats-title{\nfont-size:44px;\n}\n\n.uspg-stats-subtitle{\nfont-size:20px;\n}\n\n.uspg-stats-grid{\ngrid-template-columns:1fr;\ngap:25px;\n}\n\n.uspg-icon{\nwidth:95px;\nheight:95px;\n}\n\n.uspg-icon svg{\nwidth:50px;\nheight:50px;\n}\n\n.uspg-number{\nfont-size:64px;\n}\n\n.uspg-label{\nfont-size:24px;\n}\n\n.uspg-desc{\nfont-size:17px;\n}\n\n}\n\n<\/style>\n\n<div class=\"uspg-stats-header\">\n\n<h2 class=\"uspg-stats-title\">\nMucho m\u00e1s que <span>cifras<\/span>\n<\/h2>\n\n<p class=\"uspg-stats-subtitle\">\nUna comunidad universitaria que crece, transforma y genera impacto.\n<\/p>\n\n<\/div>\n\n<div class=\"uspg-stats-grid\">\n\n<!-- SEDES -->\n\n<div class=\"uspg-stat\">\n\n<div class=\"uspg-icon\">\n<svg viewBox=\"0 0 24 24\">\n<path d=\"M12 2L3 7v15h18V7L12 2zm-4 16v-6h3v6H8zm5 0v-6h3v6h-3z\"\/>\n<\/svg>\n<\/div>\n\n<div class=\"uspg-number\">\n<span class=\"counter\" data-target=\"4\">0<\/span>\n<\/div>\n\n<div class=\"uspg-label\">\nSEDES\n<\/div>\n\n<div class=\"uspg-desc\">\na nivel nacional\n<\/div>\n\n<\/div>\n\n<!-- PROGRAMAS -->\n\n<div class=\"uspg-stat\">\n\n<div class=\"uspg-icon\">\n<svg viewBox=\"0 0 24 24\">\n<path d=\"M12 3L1 9l11 6 9-4.91V17h2V9L12 3zm-7 9.18V16c0 2.21 3.13 4 7 4s7-1.79 7-4v-3.82l-7 3.82-7-3.82z\"\/>\n<\/svg>\n<\/div>\n\n<div class=\"uspg-number\">\n<span class=\"counter\" data-target=\"60\">0<\/span>+\n<\/div>\n\n<div class=\"uspg-label\">\nPROGRAMAS\n<\/div>\n\n<div class=\"uspg-desc\">\nacad\u00e9micos\n<\/div>\n\n<\/div>\n\n<!-- ESTUDIANTES -->\n\n<div class=\"uspg-stat\">\n\n<div class=\"uspg-icon\">\n<svg viewBox=\"0 0 24 24\">\n<path d=\"M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-4.42 0-8 2.24-8 5v3h16v-3c0-2.76-3.58-5-8-5z\"\/>\n<\/svg>\n<\/div>\n\n<div class=\"uspg-number\">\n<span class=\"counter\" data-target=\"2\">0<\/span>K+\n<\/div>\n\n<div class=\"uspg-label\">\nESTUDIANTES\n<\/div>\n\n<div class=\"uspg-desc\">\nactivos\n<\/div>\n\n<\/div>\n\n<!-- ALIANZAS -->\n\n<div class=\"uspg-stat\">\n\n<div class=\"uspg-icon\">\n\n<svg viewBox=\"0 0 24 24\" fill=\"#ffffff\">\n\n<!-- Nodo superior -->\n<circle cx=\"12\" cy=\"5\" r=\"3\"\/>\n\n<!-- Nodo izquierdo -->\n<circle cx=\"5\" cy=\"12\" r=\"3\"\/>\n\n<!-- Nodo derecho -->\n<circle cx=\"19\" cy=\"12\" r=\"3\"\/>\n\n<!-- Nodo inferior -->\n<circle cx=\"12\" cy=\"19\" r=\"3\"\/>\n\n<!-- Conexiones -->\n<rect x=\"11\" y=\"8\" width=\"2\" height=\"8\"\/>\n<rect x=\"8\" y=\"11\" width=\"8\" height=\"2\"\/>\n\n<\/svg>\n\n<\/div>\n\n<div class=\"uspg-number\">\n<span class=\"counter\" data-target=\"15\">0<\/span>+\n<\/div>\n\n<div class=\"uspg-label\">\nALIANZAS\n<\/div>\n\n<div class=\"uspg-desc\">\nestrat\u00e9gicas\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n<script>\n\nconst uspgCounters = document.querySelectorAll('.counter');\n\nconst uspgObserver = new IntersectionObserver(entries => {\n\nentries.forEach(entry => {\n\nif(entry.isIntersecting){\n\nconst counter = entry.target;\nconst target = Number(counter.dataset.target);\n\nlet count = 0;\n\nconst updateCounter = () => {\n\nconst increment = target \/ 80;\n\nif(count < target){\n\ncount += increment;\ncounter.innerText = Math.ceil(count);\nrequestAnimationFrame(updateCounter);\n\n}else{\n\ncounter.innerText = target;\n\n}\n\n};\n\nupdateCounter();\nuspgObserver.unobserve(counter);\n\n}\n\n});\n\n});\n\nuspgCounters.forEach(counter=>{\nuspgObserver.observe(counter);\n});\n\n<\/script>\n\n\n\n<\/div>\n\n<\/section>\n\n\n\n<script>\n\nconst counters = document.querySelectorAll('.counter');\n\nconst observer = new IntersectionObserver(entries => {\n\nentries.forEach(entry => {\n\nif(entry.isIntersecting){\n\nconst counter = entry.target;\n\nconst target = Number(counter.dataset.target);\n\nlet count = 0;\n\nconst updateCounter = () => {\n\nconst increment = target \/ 80;\n\nif(count < target){\n\ncount += increment;\n\ncounter.innerText = Math.ceil(count);\n\nrequestAnimationFrame(updateCounter);\n\n}else{\n\ncounter.innerText = target;\n\n}\n\n};\n\nupdateCounter();\n\nobserver.unobserve(counter);\n\n}\n\n});\n\n});\n\n\ncounters.forEach(counter=>{\nobserver.observe(counter);\n});\n\n<\/script>\n\n<\/section>\n\n\n\n<script>\n\nconst counters = document.querySelectorAll('.counter');\n\nconst observer = new IntersectionObserver(entries => {\n\nentries.forEach(entry => {\n\nif(entry.isIntersecting){\n\nconst counter = entry.target;\n\nconst target = +counter.getAttribute('data-target');\n\nlet count = 0;\n\nconst update = () => {\n\nconst increment = target \/ 80;\n\nif(count < target){\n\ncount += increment;\n\ncounter.innerText = Math.ceil(count);\n\nrequestAnimationFrame(update);\n\n}else{\n\ncounter.innerText = target;\n\n}\n\n};\n\nupdate();\n\nobserver.unobserve(counter);\n\n}\n\n});\n\n});\n\n\ncounters.forEach(counter=>{\nobserver.observe(counter);\n});\n\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39174f0 elementor-widget elementor-widget-html\" data-id=\"39174f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\nUSPG | T\u00cdTULO SEDES\nPREFIJO \u00daNICO: uspgsedes27-\n========================================================= -->\n\n<section class=\"uspgsedes27-heading\" id=\"sedes\">\n\n    <div class=\"uspgsedes27-container\">\n\n        <h2 class=\"uspgsedes27-title\">\n            Conoce nuestras <span>sedes<\/span>\n        <\/h2>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\nAISLAMIENTO TOTAL\n========================================================= *\/\n\n.uspgsedes27-heading,\n.uspgsedes27-heading *,\n.uspgsedes27-heading *::before,\n.uspgsedes27-heading *::after{\n\n    box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\nSECCI\u00d3N\n========================================================= *\/\n\n.uspgsedes27-heading{\n\n    width:100%;\n\n    margin:0;\n    padding:0;\n\n    background:#ffffff;\n\n    font-family:'Rethink Sans',sans-serif;\n\n}\n\n\n\/* =========================================================\nCONTENEDOR\n========================================================= *\/\n\n.uspgsedes27-container{\n\n    width:100%;\n    max-width:1280px;\n\n    margin:0 auto;\n\n    padding:0;\n\n}\n\n\n\/* =========================================================\nT\u00cdTULO\n========================================================= *\/\n\n.uspgsedes27-title{\n\n    margin:0 0 15px;\n    padding:0;\n\n    color:#011931;\n\n    text-align:center;\n\n    font-family:'Rethink Sans',sans-serif;\n\n    font-size:60px;\n\n    line-height:1.2;\n\n    font-weight:800;\n\n    text-decoration:none;\n\n}\n\n\n\/* =========================================================\nPALABRA DESTACADA\n========================================================= *\/\n\n.uspgsedes27-title span{\n\n    color:#AA182B;\n\n    text-decoration:none;\n\n}\n\n\n\/* =========================================================\nEVITAR SUBRAYADOS\n========================================================= *\/\n\n.uspgsedes27-heading a,\n.uspgsedes27-heading a:link,\n.uspgsedes27-heading a:visited,\n.uspgsedes27-heading a:hover,\n.uspgsedes27-heading a:active{\n\n    text-decoration:none;\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media (max-width:1024px){\n\n    .uspgsedes27-title{\n\n        font-size:48px;\n\n    }\n\n}\n\n\n\/* =========================================================\nM\u00d3VIL\n========================================================= *\/\n\n@media (max-width:768px){\n\n    .uspgsedes27-heading{\n\n        padding:0 20px;\n\n    }\n\n    .uspgsedes27-title{\n\n        margin:0 0 10px;\n\n        font-size:36px;\n\n        line-height:1.15;\n\n    }\n\n}\n\n<\/style>\n\n<BR>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c5c4f4 ekit-image-accordion-hover elementor-widget__width-inherit bdt-backdrop-filter-yes ekit-image-accordion-mobile-vertical ekit-image-accordion-horizontal bdt-filter-backdrop elementor-widget elementor-widget-elementskit-image-accordion\" data-id=\"0c5c4f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-image-accordion elementskit-image-accordion-wraper\">\n\t\t\t                <input type=\"radio\" name=\"ekit_ia_0c5c4f4\" id=\"ekit_ia_0c5c4f4_0\" class=\"elementskit-single-image-accordion--input\" hidden>\n                <label for=\"ekit_ia_0c5c4f4_0\" class=\"elementskit-single-image-accordion ekit-image-accordion-item\" style=\"background-image: url(https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/CAMPUSS-01.jpg)\" data-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/www.google.com\\\/maps?cid=1240356514346453407&#038;g_mp=CiVnb29nbGUubWFwcy5wbGFjZXMudjEuUGxhY2VzLkdldFBsYWNlEAMYASAF&#038;hl=es-419&#038;source=embed&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}\" data-behavior=\"hover\" data-active=\"no\">\n                    <span class=\"elementskit-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-accordion-title-wraper\">\n\t\t\t\t\t\t\t\t<span class=\"elementskit-accordion-title \">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t                    <\/span>\n                <\/label>\n                            <input type=\"radio\" name=\"ekit_ia_0c5c4f4\" id=\"ekit_ia_0c5c4f4_1\" class=\"elementskit-single-image-accordion--input\" hidden>\n                <label for=\"ekit_ia_0c5c4f4_1\" class=\"elementskit-single-image-accordion ekit-image-accordion-item\" style=\"background-image: url(https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/CAMPUSS-02.jpg)\" data-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/www.google.com\\\/maps?cid=2910885284970972674&#038;g_mp=CiVnb29nbGUubWFwcy5wbGFjZXMudjEuUGxhY2VzLkdldFBsYWNlEAMYASAF&#038;hl=es-419&#038;gl=US&#038;source=embed&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}\" data-behavior=\"hover\" data-active=\"no\">\n                    <span class=\"elementskit-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-accordion-title-wraper\">\n\t\t\t\t\t\t\t\t<span class=\"elementskit-accordion-title \">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t                    <\/span>\n                <\/label>\n                            <input type=\"radio\" name=\"ekit_ia_0c5c4f4\" id=\"ekit_ia_0c5c4f4_2\" class=\"elementskit-single-image-accordion--input\" hidden>\n                <label for=\"ekit_ia_0c5c4f4_2\" class=\"elementskit-single-image-accordion ekit-image-accordion-item\" style=\"background-image: url(https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/CAMPUSS-03.jpg)\" data-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/www.google.com\\\/maps?cid=9788742930336203252&#038;g_mp=CiVnb29nbGUubWFwcy5wbGFjZXMudjEuUGxhY2VzLkdldFBsYWNlEAMYASAF&#038;hl=es-419&#038;source=embed&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}\" data-behavior=\"hover\" data-active=\"no\">\n                    <span class=\"elementskit-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-accordion-title-wraper\">\n\t\t\t\t\t\t\t\t<span class=\"elementskit-accordion-title \">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t                    <\/span>\n                <\/label>\n                            <input type=\"radio\" name=\"ekit_ia_0c5c4f4\" id=\"ekit_ia_0c5c4f4_3\" class=\"elementskit-single-image-accordion--input\" hidden>\n                <label for=\"ekit_ia_0c5c4f4_3\" class=\"elementskit-single-image-accordion ekit-image-accordion-item\" style=\"background-image: url(https:\/\/uspg.edu.gt\/site\/wp-content\/uploads\/2026\/09\/CAMPUSS.png)\">\n                    <span class=\"elementskit-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-accordion-title-wraper\">\n\t\t\t\t\t\t\t\t<span class=\"elementskit-accordion-title \">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t                    <\/span>\n                <\/label>\n                    <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6412f8 e-con e-atomic-element e-flexbox-base e-dfcb1f4 \" data-id=\"d6412f8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d6412f8\">\n    <div class=\"elementor-element elementor-element-4c012ae e-con e-atomic-element e-flexbox-base e-4c012ae-0489219 \" data-id=\"4c012ae\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4c012ae\">\n    <div class=\"elementor-element elementor-element-74ffe09 e-con e-atomic-element e-flexbox-base e-74ffe09-078370c \" data-id=\"74ffe09\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"74ffe09\">\n    \t\t<div class=\"elementor-element elementor-element-99d2440 elementor-widget elementor-widget-text-editor\" data-id=\"99d2440\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1><strong><span style=\"color: #ffffff;\">\u00bfNecesitas m\u00e1s informaci\u00f3n?<\/span><\/strong><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6e7bf14 e-con e-atomic-element e-flexbox-base e-6e7bf14-c2ca7c7 \" data-id=\"6e7bf14\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6e7bf14\">\n    \t\t<div class=\"elementor-element elementor-element-b04e8de elementor-widget elementor-widget-text-editor\" data-id=\"b04e8de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><span style=\"color: #ffffff;\"><strong>Solicita asesor\u00eda personalizada<\/strong><\/span><\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-321f7e1 elementor-widget elementor-widget-html\" data-id=\"321f7e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style> \/* ========================================================= CONTENEDOR DEL BOT\u00d3N PREFIJO: botoncontact ========================================================= *\/ .botoncontact-container { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin: 3px 0; } \/* ========================================================= BOT\u00d3N CONT\u00c1CTANOS ========================================================= *\/ .botoncontact-btn { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: -2px; background-color: #FFA400; color: #ffffff !important; padding: 12px 25px; border: 0; border-radius: 10px; font-size: 18px; font-weight: 650; line-height: 1.2; text-decoration: none !important; white-space: nowrap; text-align: center; transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease; box-shadow: 0 8px 20px rgba(255, 164, 0, 0.35); cursor: pointer; } \/* ========================================================= HOVER ========================================================= *\/ .botoncontact-btn:hover { background-color: #FD4D55; color: #ffffff !important; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(253, 77, 85, 0.35); } \/* ========================================================= ESTADO ACTIVO ========================================================= *\/ .botoncontact-btn:active { transform: translateY(-1px); } \/* ========================================================= M\u00d3VIL ========================================================= *\/ @media (max-width: 480px) { .botoncontact-btn { min-height: 50px; padding: 11px 18px; font-size: 15px; } } <\/style> <!-- ========================================================= BOT\u00d3N CONT\u00c1CTANOS ========================================================= --> <div class=\"botoncontact-container\">\r\n<a\r\n    href=\"#\"\r\n    class=\"botoncontact-btn\"\r\n    id=\"botoncontact-carrera\"\r\n>\r\n    Cont\u00e1ctanos\r\n<\/a>\r\n\r\n<\/div> <script> document.addEventListener( \"DOMContentLoaded\", function () { \/* ========================================= OBTENER BOT\u00d3N ========================================= *\/ const botoncontact = document.getElementById( \"botoncontact-carrera\" ); if (!botoncontact) { return; } \/* ========================================= EVENTO CLICK ========================================= *\/ botoncontact.addEventListener( \"click\", function (e) { e.preventDefault(); \/* ========================================= N\u00daMERO DE WHATSAPP ========================================= *\/ let telefono = \"50230545259\"; \/* ========================================= NOMBRE DE LA CARRERA ========================================= *\/ let carrera = \"\"; \/* ========================================= DETECTAR T\u00cdTULO DE WORDPRESS ========================================= *\/ const tituloWP = document.querySelector( \"meta[property='og:title']\" ); if (tituloWP) { carrera = tituloWP .getAttribute(\"content\"); } \/* ========================================= RESPALDO: T\u00cdTULO DEL NAVEGADOR ========================================= *\/ if (!carrera) { carrera = document.title .replace( \" - Universidad San Pablo de Guatemala\", \"\" ) .trim(); } \/* ========================================= \u00daLTIMO RESPALDO: URL ========================================= *\/ if (!carrera) { carrera = window.location.pathname .split(\"\/\") .filter(Boolean) .pop() .replaceAll(\"-\", \" \"); } \/* ========================================= LIMPIAR ESPACIOS ========================================= *\/ carrera = carrera.trim(); \/* ========================================= MENSAJE ========================================= *\/ let mensaje = `Necesito informaci\u00f3n de la carrera: ${carrera}`; \/* ========================================= URL DE WHATSAPP ========================================= *\/ let url = \"https:\/\/wa.me\/\" + telefono + \"?text=\" + encodeURIComponent(mensaje); \/* ========================================= ABRIR WHATSAPP ========================================= *\/ window.open( url, \"_blank\" ); } ); } ); <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>USPG Universidad San Pablo de Guatemala Somos la Universidad donde estudias, creces y avanzas. Tu formaci\u00f3n va m\u00e1s all\u00e1 de obtener un t\u00edtulo. En USPG desarrollas conocimientos, fortaleces tu prop\u00f3sito [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"categories":[],"tags":[],"class_list":["post-61","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":937,"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":10504,"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/pages\/61\/revisions\/10504"}],"wp:attachment":[{"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/media?parent=61"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/categories?post=61"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uspg.edu.gt\/site\/wp-json\/wp\/v2\/tags?post=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}