{"id":14,"date":"2020-09-16T01:37:57","date_gmt":"2020-09-16T01:37:57","guid":{"rendered":"https:\/\/aspaaug2015.com\/cifab2025\/?page_id=14"},"modified":"2026-05-07T16:39:15","modified_gmt":"2026-05-07T16:39:15","slug":"lugar-y-viaje","status":"publish","type":"page","link":"https:\/\/aspaaug2015.com\/cifab2025\/lugar-y-viaje\/","title":{"rendered":"Lugar y Viaje"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-link-color has-x-large-font-size wp-elements-b68f23a77a3f7ab70a3d936e4a76252a\" style=\"color:#cfb169;margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\">Lugar y Viaje<\/h2>\n\n\n\n<p style=\"margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\"><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body { font-family: 'Outfit', sans-serif; background: #f1f5f9; }\n        .tab-content { display: none; }\n        .tab-content.active { display: block; animation: fadeIn 0.3s ease-out; }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(6px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \/* transiciones suaves para los botones *\/\n        .tab-btn {\n            transition: all 0.2s ease;\n        }\n        .tab-btn:hover:not(.active-tab) {\n            background-color: #f1f5f9;\n            color: #1e40af;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex items-center justify-center p-4 md:p-6\">\n\n<div class=\"max-w-4xl mx-auto bg-white shadow-2xl shadow-slate-200 rounded-3xl overflow-hidden\">\n    <div class=\"p-6 md:p-10 space-y-10\">\n        \n        <!-- Sede del Evento (sin cambios, solo ajuste visual) -->\n        <section class=\"flex flex-col md:flex-row gap-8 items-center\">\n            <div class=\"flex-1\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-4 flex items-center gap-2\">\n                    <span class=\"text-blue-600\">\ud83d\udccd<\/span> Sede del Evento\n                <\/h2>\n                <p class=\"text-slate-600 text-lg leading-relaxed\" style=\"font-size: 1.2rem; color: #475569; line-height: 1.6;\">\n                    El evento se llevar\u00e1 a cabo en la <strong>Divisi\u00f3n de Ciencias e Ingenier\u00eda de la Universidad de Guanajuato<\/strong>, campus Le\u00f3n.\n                <\/p>\n                <div class=\"mt-4 p-4 bg-slate-100 rounded-xl border-l-4 border-blue-600\">\n                    <p class=\"text-slate-700 text-md\" style=\"font-size: 1.2rem; color: #475569; line-height: 1.6;\">Loma del Bosque 103, Lomas del Campestre CP 37150, Le\u00f3n, Gto.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"w-full md:w-72 h-48 bg-slate-200 rounded-2xl flex items-center justify-center text-slate-400 shadow-inner\">\n                <figure class=\"wp-block-image size-large has-custom-border\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"873\" src=\"https:\/\/aspaaug2015.com\/cifab2025\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_90n67490n67490n6-1024x873.png\" alt=\"\" class=\"wp-image-1493\" style=\"border-style:none;border-width:0px;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px\" srcset=\"https:\/\/aspaaug2015.com\/cifab2025\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_90n67490n67490n6-1024x873.png 1024w, https:\/\/aspaaug2015.com\/cifab2025\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_90n67490n67490n6-300x256.png 300w, https:\/\/aspaaug2015.com\/cifab2025\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_90n67490n67490n6-768x655.png 768w, https:\/\/aspaaug2015.com\/cifab2025\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_90n67490n67490n6-1536x1310.png 1536w, https:\/\/aspaaug2015.com\/cifab2025\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_90n67490n67490n6-2048x1746.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n            <\/div>\n        <\/section>\n\n        <!-- C\u00d3MO LLEGAR - con botones tipo \"p\u00edldora\" azul al activarse -->\n        <section>\n            <h2 class=\"text-3xl font-bold text-slate-800 mb-6\">\u00bfC\u00f3mo llegar?<\/h2>\n            \n            <!-- Contenedor de botones con estilo de pesta\u00f1as moderno -->\n            <div class=\"flex flex-wrap gap-3 mb-8\">\n                <button onclick=\"openTab(event, 'avion')\" \n                        class=\"tab-btn active-tab py-2.5 px-6 rounded-full font-semibold text-base shadow-sm transition-all bg-blue-600 text-white\" >\n                    \u2708\ufe0f En avi\u00f3n\n                <\/button>\n                <button onclick=\"openTab(event, 'auto')\" \n                        class=\"tab-btn py-2.5 px-6 rounded-full font-semibold text-base shadow-sm transition-all bg-transparent text-slate-600 hover:bg-slate-100\">\n                    \ud83d\ude97 En autom\u00f3vil\n                <\/button>\n            <\/div>\n\n            <!-- Contenido de las pesta\u00f1as -->\n            <div id=\"avion\" class=\"tab-content active space-y-4\">\n                <div class=\"flex items-start gap-4 p-5 bg-blue-50 rounded-2xl border border-blue-100\">\n                    <span class=\"text-3xl\">\u2708\ufe0f<\/span>\n                    <p class=\"text-slate-700 text-lg leading-relaxed\" style=\"font-size: 1.2rem; color: #475569; line-height: 1.6;\">\n                        El <strong>Aeropuerto Internacional de Guanajuato (BJX)<\/strong> se encuentra a 34 km. El traslado en autom\u00f3vil es de aproximadamente <strong>40 minutos<\/strong>.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div id=\"auto\" class=\"tab-content space-y-4\">\n                <div class=\"flex items-start gap-4 p-5 bg-green-50 rounded-2xl border border-green-100\">\n                    <span class=\"text-3xl\">\ud83d\ude97<\/span>\n                    <p class=\"text-slate-700 text-lg leading-relaxed\" style=\"font-size: 1.2rem; color: #475569; line-height: 1.6;\">\n                        La ciudad est\u00e1 comunicada por las autopistas <strong>45 y 45D<\/strong>. Si vienes de Guadalajara o San Luis Potos\u00ed, la v\u00eda principal es la <strong>80D<\/strong>.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Hospedaje -->\n        <section>\n            <h2 class=\"text-3xl font-bold text-slate-800 mb-6 flex items-center gap-2\">\n                <span class=\"text-orange-500\">\ud83c\udfe8<\/span> Hospedaje\n            <\/h2>\n            <div class=\"grid sm:grid-cols-2 gap-5\">\n                <div class=\"p-5 border border-slate-100 rounded-2xl bg-white hover:border-blue-200 hover:shadow-md transition-all cursor-default\">\n                    <h4 class=\"font-bold text-slate-800 text-xl\">Hotel Suite M\u00e9xico Plaza<\/h4>\n                    <p class=\"text-slate-500\" style=\"font-size: 1.1rem; color: #475569; line-height: 1.6;\">Zona Campestre<\/p>\n                <\/div>\n                <div class=\"p-5 border border-slate-100 rounded-2xl bg-white hover:border-blue-200 hover:shadow-md transition-all cursor-default\">\n                    <h4 class=\"font-bold text-slate-800 text-xl\">Hotel Real de Minas<\/h4>\n                    <p class=\"text-slate-500\" style=\"font-size: 1.1rem; color: #475569; line-height: 1.6;\">Zona Poliforum<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div>\n<\/div>\n\n<script>\n    function openTab(evt, tabName) {\n        \/\/ 1. Ocultar todos los contenidos de pesta\u00f1as\n        const contents = document.querySelectorAll('.tab-content');\n        contents.forEach(content => content.classList.remove('active'));\n\n        \/\/ 2. Quitar la clase de \"activo\" de todos los botones (fondo azul + texto blanco)\n        const buttons = document.querySelectorAll('.tab-btn');\n        buttons.forEach(btn => {\n            btn.classList.remove('bg-blue-600', 'text-white');\n            btn.classList.add('bg-transparent', 'text-slate-600');\n        });\n\n        \/\/ 3. Mostrar el contenido seleccionado\n        document.getElementById(tabName).classList.add('active');\n\n        \/\/ 4. Aplicar estilo activo al bot\u00f3n clickeado: fondo azul, texto blanco\n        const currentBtn = evt.currentTarget;\n        currentBtn.classList.remove('bg-transparent', 'text-slate-600');\n        currentBtn.classList.add('bg-blue-600', 'text-white');\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p style=\"margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lugar y Viaje \ud83d\udccd Sede del Evento El evento se llevar\u00e1 a cabo en la Divisi\u00f3n de Ciencias e Ingenier\u00eda [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aspaaug2015.com\/cifab2025\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspaaug2015.com\/cifab2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aspaaug2015.com\/cifab2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aspaaug2015.com\/cifab2025\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aspaaug2015.com\/cifab2025\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":25,"href":"https:\/\/aspaaug2015.com\/cifab2025\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1495,"href":"https:\/\/aspaaug2015.com\/cifab2025\/wp-json\/wp\/v2\/pages\/14\/revisions\/1495"}],"wp:attachment":[{"href":"https:\/\/aspaaug2015.com\/cifab2025\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}