{"id":851,"date":"2025-10-08T19:45:25","date_gmt":"2025-10-08T19:45:25","guid":{"rendered":"https:\/\/thelaacc.com\/?page_id=851"},"modified":"2025-10-08T20:18:42","modified_gmt":"2025-10-08T20:18:42","slug":"nueva-pagina","status":"publish","type":"page","link":"https:\/\/thelaacc.com\/en\/nueva-pagina\/","title":{"rendered":"Nueva p\u00e1gina"},"content":{"rendered":"
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n THE LAACC \u2014 Prototipo<\/title>\r\n\r\n <!-- Tipograf\u00edas (similares a Dashiell Fine y Aptos Mono). \r\n Puedes sustituir por kits de Adobe Fonts si cuentas con Dashiell Fine -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=IBM+Plex+Mono:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root{\r\n --bg:#faf9f6; \/* Beige muy suave tipo papel *\/\r\n --paper:#fff;\r\n --ink:#111; \/* Negro tinta *\/\r\n --ink-2:#2a2a2a;\r\n --muted:#6f6f6f;\r\n --line:#e7e4de; \/* Regla editorial *\/\r\n --accent:#000; \/* Botones neutros *\/\r\n --accent-2:#111;\r\n --space:clamp(16px, 2vw, 28px);\r\n --radius:18px;\r\n --speed: 400ms;\r\n }\r\n\r\n \/* Reset minimalista *\/\r\n *,*::before,*::after{box-sizing:border-box}\r\n html,body{height:100%}\r\n body{\r\n margin:0;\r\n font-family:\"Cormorant Garamond\", serif;\r\n background:var(--bg);\r\n color:var(--ink);\r\n line-height:1.4;\r\n letter-spacing:.2px;\r\n overflow-x:hidden;\r\n scroll-behavior:smooth;\r\n }\r\n img,video{max-width:100%;display:block}\r\n a{color:inherit;text-decoration:none}\r\n .mono{font-family:\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}\r\n\r\n \/* Texturas sutiles de \u201cpapel\u201d mediante ruido muy bajo *\/\r\n body::before{\r\n content:\"\";\r\n position:fixed; inset:0;\r\n background:\r\n radial-gradient(1200px 300px at 50% -200px, #ffffff00 70%, #00000008 100%),\r\n linear-gradient(180deg, #ffffffaa, #ffffffaa),\r\n repeating-linear-gradient(0deg, #0000 0 2px, #00000004 3px 4px);\r\n pointer-events:none; z-index:-1;\r\n }\r\n\r\n \/* Header sticky minimalista *\/\r\n header{\r\n position:sticky; top:0; z-index:60;\r\n backdrop-filter:saturate(140%) blur(7px);\r\n background:color-mix(in oklab, #ffffff 75%, #f5f2ed);\r\n border-bottom:1px solid var(--line);\r\n }\r\n .nav{\r\n display:flex; align-items:center; justify-content:space-between;\r\n gap:1rem; padding:12px var(--space);\r\n max-width:1200px; margin:0 auto;\r\n }\r\n .brand{display:flex; align-items:center; gap:.75rem}\r\n .logo{\r\n width:36px; height:36px; border-radius:50%;\r\n border:1px solid var(--ink); display:grid; place-items:center;\r\n font-weight:600; font-size:.8rem; letter-spacing:1.5px;\r\n }\r\n .brand h1{font-size:1rem; margin:0; font-weight:500; letter-spacing:2px}\r\n .nav a.link{font-size:.95rem; opacity:.85}\r\n .burger{\r\n appearance:none; border:0; background:transparent; cursor:pointer;\r\n padding:.4rem .6rem; border-radius:10px; transition:background var(--speed);\r\n }\r\n .burger:hover{background:#00000007}\r\n .burger .bars{width:22px; height:2px; background:var(--ink); position:relative; display:block}\r\n .burger .bars::before,.burger .bars::after{\r\n content:\"\"; position:absolute; left:0; right:0; height:2px; background:var(--ink);\r\n }\r\n .burger .bars::before{top:-6px}\r\n .burger .bars::after{top:6px}\r\n\r\n \/* Overlay men\u00fa (P\u00e1gina 3) *\/\r\n .overlay{\r\n position:fixed; inset:0; z-index:80; display:none;\r\n background:rgba(0,0,0,.25);\r\n opacity:0; transition:opacity var(--speed) ease;\r\n }\r\n .overlay.active{display:block; opacity:1}\r\n .drawer{\r\n position:absolute; top:0; right:0; height:100%; width:min(520px, 93vw);\r\n background:var(--paper); border-left:1px solid var(--line);\r\n padding:clamp(18px, 2.8vw, 32px);\r\n translate:100% 0; transition:translate var(--speed) ease;\r\n display:flex; flex-direction:column; gap:1.2rem;\r\n }\r\n .overlay.active .drawer{ translate:0 0; }\r\n .drawer h3{margin:.5rem 0 1.2rem; font-size:1.4rem; letter-spacing:.12em}\r\n .drawer nav a{\r\n display:block; padding:.9rem 0; border-bottom:1px solid var(--line);\r\n font-size:1.15rem; letter-spacing:.06em;\r\n }\r\n .drawer .close{\r\n align-self:flex-end; appearance:none; border:0; background:#0000; cursor:pointer;\r\n font-size:1.4rem; padding:.3rem; line-height:1; color:var(--ink);\r\n }\r\n\r\n \/* Preloader (P\u00e1gina 1) *\/\r\n .preloader{\r\n position:fixed; inset:0; background:var(--paper); z-index:100;\r\n display:grid; place-items:center;\r\n }\r\n .pre-inner{ width:min(680px, 86vw); text-align:center; }\r\n .pre-logo{\r\n margin:0 auto 22px; width:90px; height:90px; border-radius:50%;\r\n border:1px solid var(--ink); display:grid; place-items:center; letter-spacing:2px;\r\n }\r\n .pre-title{margin:8px 0 18px; letter-spacing:.18em}\r\n .pre-desc{margin:0 0 22px; color:var(--muted); font-size:1rem}\r\n .bar{\r\n position:relative; height:4px; background:#00000010; border-radius:999px; overflow:hidden;\r\n }\r\n .bar>span{\r\n position:absolute; left:0; top:0; bottom:0; width:0%;\r\n background:var(--ink); border-radius:999px; transition:width 120ms linear;\r\n }\r\n\r\n \/* Hero *\/\r\n .hero{\r\n padding:clamp(54px, 8vw, 120px) var(--space) clamp(36px, 6vw, 80px);\r\n max-width:1200px; margin:0 auto;\r\n display:grid; gap:18px;\r\n border-bottom:1px solid var(--line);\r\n }\r\n .kicker{letter-spacing:.20em; font-size:.92rem; color:var(--muted)}\r\n .hero h2{\r\n margin:0; font-weight:500; line-height:1.08;\r\n font-size:clamp(28px, 6vw, 58px);\r\n letter-spacing:.02em;\r\n }\r\n .hero p{margin:.4rem 0 0; color:var(--ink-2); font-size:clamp(16px, 1.7vw, 20px)}\r\n .cta{\r\n margin-top:18px; display:flex; gap:.6rem; flex-wrap:wrap;\r\n }\r\n .btn{\r\n display:inline-flex; align-items:center; gap:.6rem;\r\n border:1px solid var(--ink); color:var(--paper);\r\n background:var(--accent); padding:.65rem 1.05rem; border-radius:999px;\r\n font-size:.95rem; letter-spacing:.08em; transition:transform var(--speed), background var(--speed);\r\n }\r\n .btn:hover{ transform:translateY(-1px); background:var(--accent-2) }\r\n .btn.alt{\r\n color:var(--ink); background:#0000; border-color:#00000040;\r\n }\r\n .btn.alt:hover{background:#00000006}\r\n\r\n \/* Video + ticker (P\u00e1gina 2) *\/\r\n .video-wrap{position:relative; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}\r\n .video{\r\n aspect-ratio:16\/9; width:100%; object-fit:cover;\r\n background:#ddd; \/* placeholder si no hay video *\/\r\n }\r\n .ticker{\r\n position:relative; background:#0c0c0c; color:#f1f1f1; overflow:hidden;\r\n border-top:1px solid #000; border-bottom:1px solid #000;\r\n }\r\n .ticker .track{\r\n display:flex; white-space:nowrap; gap:2rem; padding:.6rem 0;\r\n animation:marquee 28s linear infinite;\r\n font-size:clamp(14px, 1.2vw, 16px);\r\n letter-spacing:.08em;\r\n }\r\n .ticker .chip{\r\n padding:.22rem .6rem; border:1px solid #3a3a3a; border-radius:999px; margin:0 .6rem;\r\n color:#cfcfcf; font-size:.85em;\r\n }\r\n @keyframes marquee{ to{ transform:translateX(-50%) } }\r\n\r\n \/* Ecosistema (grid cards con animaci\u00f3n suave) *\/\r\n section{scroll-margin-top:76px}\r\n .section{\r\n padding: clamp(48px, 7vw, 96px) var(--space);\r\n border-bottom:1px solid var(--line);\r\n background:var(--bg);\r\n }\r\n .section .title{\r\n font-size: clamp(22px, 3.6vw, 40px);\r\n margin:0 0 12px; letter-spacing:.08em;\r\n }\r\n .section .subtitle{ margin:0 0 28px; color:var(--muted); max-width:70ch }\r\n .ecosys{\r\n display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;\r\n }\r\n @media (max-width:980px){\r\n .ecosys{ grid-template-columns:1fr 1fr }\r\n }\r\n @media (max-width:620px){\r\n .ecosys{ grid-template-columns:1fr }\r\n }\r\n .card{\r\n position:relative; padding:22px; border:1px solid var(--line); border-radius:var(--radius);\r\n background:var(--paper);\r\n min-height:160px; overflow:hidden; isolation:isolate;\r\n transition:transform var(--speed), box-shadow var(--speed), background var(--speed);\r\n }\r\n .card:hover{\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 28px -14px rgba(0,0,0,.18);\r\n background:color-mix(in oklab, #ffffff 90%, #f7f4ee);\r\n }\r\n .card h4{margin:0 0 .4rem; font-size:1.1rem; letter-spacing:.08em}\r\n .card p{margin:.3rem 0 0; color:var(--muted); font-size:.98rem}\r\n .card .halo{\r\n position:absolute; inset:auto -30% -40% auto; width:90%; aspect-ratio:1;\r\n background:radial-gradient(closest-side, #00000010, #0000 65%);\r\n filter:blur(18px); z-index:-1; translate:20px 0;\r\n transition:translate var(--speed);\r\n }\r\n .card:hover .halo{ translate:0 0 }\r\n\r\n \/* Marcas *\/\r\n .brands{\r\n display:grid; grid-template-columns:repeat(3, 1fr); gap:12px;\r\n }\r\n @media (max-width:980px){ .brands{ grid-template-columns:1fr 1fr } }\r\n @media (max-width:620px){ .brands{ grid-template-columns:1fr } }\r\n .brand-card{\r\n padding:22px; border:1px solid var(--line); border-radius:var(--radius);\r\n background:var(--paper); display:flex; justify-content:space-between; align-items:center;\r\n gap:18px; transition:transform var(--speed);\r\n }\r\n .brand-card:hover{ transform:translateY(-2px) }\r\n .brand-card .badge{ border:1px solid var(--line); padding:.35rem .6rem; border-radius:999px; font-size:.85rem; color:var(--muted) }\r\n\r\n \/* Sobre \/ Equipo *\/\r\n .cols{\r\n display:grid; grid-template-columns:2fr 1fr; gap:28px;\r\n }\r\n @media (max-width:980px){ .cols{ grid-template-columns:1fr } }\r\n .prose p{ margin:.3rem 0 1rem; max-width:64ch }\r\n .team{\r\n display:grid; grid-template-columns:repeat(3, 1fr); gap:12px;\r\n }\r\n @media (max-width:980px){ .team{ grid-template-columns:1fr 1fr } }\r\n @media (max-width:620px){ .team{ grid-template-columns:1fr } }\r\n .person{\r\n padding:20px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper);\r\n }\r\n .role{ font-size:.9rem; color:var(--muted); margin:.2rem 0 .5rem; letter-spacing:.12em }\r\n .name{ font-size:1.1rem; letter-spacing:.06em; margin:0 }\r\n\r\n \/* Contacto *\/\r\n .contact{\r\n display:grid; grid-template-columns:1.2fr 1fr; gap:18px;\r\n }\r\n @media (max-width:980px){ .contact{ grid-template-columns:1fr } }\r\n .contact .panel{\r\n padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper);\r\n }\r\n .list{list-style:none; padding:0; margin:0}\r\n .list li{padding:.6rem 0; border-bottom:1px dashed var(--line)}\r\n .list li:last-child{border-bottom:0}\r\n\r\n \/* Footer CTA *\/\r\n footer{\r\n padding:54px var(--space) 80px; text-align:center;\r\n border-top:1px solid var(--line);\r\n background:linear-gradient(#fff, #f7f4ee)\r\n }\r\n\r\n \/* Micro-animaciones de aparici\u00f3n (IntersectionObserver) *\/\r\n [data-animate]{opacity:0; transform:translateY(16px); transition:opacity var(--speed) ease, transform var(--speed) ease}\r\n [data-animate].in{opacity:1; transform:none}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- P\u00c1GINA 1: Preloader con barra bajo el logo -->\r\n <div class=\"preloader\" id=\"preloader\" aria-live=\"polite\">\r\n <div class=\"pre-inner\">\r\n <div class=\"pre-logo mono\">LA<\/div>\r\n <h2 class=\"pre-title mono\">THE LAACC<\/h2>\r\n <p class=\"pre-desc\">Cargando experiencia \u2014 simulaci\u00f3n de preloader editorial<\/p>\r\n <div class=\"bar\" aria-label=\"barra de progreso\">\r\n <span id=\"progress\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Header sticky -->\r\n <header>\r\n <div class=\"nav\">\r\n <div class=\"brand\">\r\n <div class=\"logo mono\" aria-label=\"THE LAACC\">LA<\/div>\r\n <h1 class=\"mono\">THE LAACC<\/h1>\r\n <\/div>\r\n <nav class=\"mono\" aria-label=\"Navegaci\u00f3n principal\" style=\"display:none\">\r\n <!-- En desktop podr\u00edas mostrar enlaces inline si lo deseas -->\r\n <a class=\"link\" href=\"#ecosistema\">Ecosistema<\/a>\r\n <a class=\"link\" href=\"#marcas\">Marcas<\/a>\r\n <a class=\"link\" href=\"#sobre\">Sobre<\/a>\r\n <a class=\"link\" href=\"#equipo\">Equipo<\/a>\r\n <a class=\"link\" href=\"#contacto\">Contacto<\/a>\r\n <\/nav>\r\n <button class=\"burger\" id=\"openMenu\" aria-label=\"Abrir men\u00fa\">\r\n <span class=\"bars\"><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Overlay + Drawer (P\u00c1GINA 3: men\u00fa desde derecha con opacidad) -->\r\n <div class=\"overlay\" id=\"overlay\" aria-hidden=\"true\">\r\n <aside class=\"drawer\" role=\"dialog\" aria-label=\"Men\u00fa\">\r\n <button class=\"close mono\" id=\"closeMenu\" aria-label=\"Cerrar men\u00fa\">\u2715<\/button>\r\n <h3 class=\"mono\">MEN\u00da<\/h3>\r\n <nav>\r\n <a href=\"#top\" class=\"mono\">Inicio<\/a>\r\n <a href=\"#ecosistema\" class=\"mono\">Ecosistema The LAACC<\/a>\r\n <a href=\"#marcas\" class=\"mono\">Nuestras Marcas<\/a>\r\n <a href=\"#sobre\" class=\"mono\">Sobre nosotros<\/a>\r\n <a href=\"#equipo\" class=\"mono\">Equipo<\/a>\r\n <a href=\"#contacto\" class=\"mono\">Contacto<\/a>\r\n <\/nav>\r\n <div style=\"margin-top:auto\" class=\"mono\">\r\n <a href=\"#cta\" class=\"btn\" style=\"display:inline-flex\">Hablemos de arte<\/a>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n <!-- P\u00c1GINA 2: HOME -->\r\n <main id=\"top\">\r\n\r\n <!-- Hero editorial -->\r\n <section class=\"hero\" data-animate>\r\n <div class=\"kicker mono\">CONSULTOR\u00cdA \u2014 ARTE Y CULTURA<\/div>\r\n <h2>\r\n Impulsamos proyectos que conectan arte, cultura y sociedad.\r\n <\/h2>\r\n <p>\r\n Creemos en el arte como motor de educaci\u00f3n, inversi\u00f3n e impacto.\r\n <\/p>\r\n <div class=\"cta\">\r\n <a href=\"#cta\" class=\"btn\">Hablemos de arte<\/a>\r\n <a href=\"#ecosistema\" class=\"btn alt mono\" aria-label=\"Explorar el ecosistema\">Explorar \u2193<\/a>\r\n <\/div>\r\n <!-- WP: Este bloque hero puede mapearse a un widget\/Plantilla de Elementor o un bloque Gutenberg con campos para t\u00edtulo, subt\u00edtulo y CTAs -->\r\n <\/section>\r\n\r\n <!-- Video hero (sustancias mezcl\u00e1ndose) -->\r\n <div class=\"video-wrap\" data-animate>\r\n <!-- Reemplaza src por tu video final (self-hosted o CDN). Poster opcional. -->\r\n <video class=\"video\" src=\"\" poster=\"\" autoplay muted loop playsinline aria-label=\"Video conceptual de sustancias mezcl\u00e1ndose\"><\/video>\r\n <!-- WP: Campo personalizado\/ACF para URL de video -->\r\n <\/div>\r\n\r\n <!-- Franja negra con texto desliz\u00e1ndose (ticker) -->\r\n <div class=\"ticker mono\" aria-live=\"off\">\r\n <div class=\"track\" id=\"tickerTrack\">\r\n <!-- El contenido se duplica por JS para bucle infinito responsive -->\r\n <span><span class=\"chip\">CAT\u00c1LOGO<\/span> Take a look a nuestro cat\u00e1logo de obras<\/span>\r\n <span><span class=\"chip\">SUBASTA<\/span> Ven a nuestra pr\u00f3xima subasta<\/span>\r\n <span><span class=\"chip\">CAT\u00c1LOGO<\/span> Take a look a nuestro cat\u00e1logo de obras<\/span>\r\n <span><span class=\"chip\">SUBASTA<\/span> Ven a nuestra pr\u00f3xima subasta<\/span>\r\n <\/div>\r\n <!-- WP: Reemplazar por Repeater (ACF) o carrusel de textos de un CPT \"Anuncios\" -->\r\n <\/div>\r\n\r\n <!-- Ecosistema -->\r\n <section class=\"section\" id=\"ecosistema\">\r\n <h3 class=\"title\" data-animate>Ecosistema The LAACC<\/h3>\r\n <p class=\"subtitle\" data-animate>\r\n Impulsamos iniciativas culturales y acompa\u00f1amos colecciones con una mirada curatorial contempor\u00e1nea.\r\n <\/p>\r\n <div class=\"ecosys\">\r\n <article class=\"card\" data-animate>\r\n <div class=\"halo\"><\/div>\r\n <h4>Desarrolla tu proyecto<\/h4>\r\n <p>Curadur\u00eda, producci\u00f3n y consultor\u00eda para llevar tu idea a exposici\u00f3n.<\/p>\r\n <\/article>\r\n <article class=\"card\" data-animate>\r\n <div class=\"halo\"><\/div>\r\n <h4>Inventario de obras<\/h4>\r\n <p>Gesti\u00f3n, catalogaci\u00f3n y visibilidad para colecciones y artistas.<\/p>\r\n <\/article>\r\n <article class=\"card\" data-animate>\r\n <div class=\"halo\"><\/div>\r\n <h4>Eventos Destacados<\/h4>\r\n <p>Programaci\u00f3n de muestras, conversatorios y experiencias inmersivas.<\/p>\r\n <\/article>\r\n <article class=\"card\" data-animate>\r\n <div class=\"halo\"><\/div>\r\n <h4>Calendario 2025<\/h4>\r\n <p>Agenda cultural y cronograma de proyectos para el a\u00f1o.<\/p>\r\n <\/article>\r\n <\/div>\r\n <!-- WP: Estas tarjetas pueden ser un Repeater en ACF o cuatro widgets de Elementor en grid -->\r\n <\/section>\r\n\r\n <!-- Marcas -->\r\n <section class=\"section\" id=\"marcas\">\r\n <h3 class=\"title\" data-animate>Nuestras Marcas<\/h3>\r\n <div class=\"brands\">\r\n <div class=\"brand-card\" data-animate>\r\n <div><strong>Casa Cultural Foro Sur<\/strong><br><span class=\"mono\" style=\"color:var(--muted)\">Bogot\u00e1<\/span><\/div>\r\n <span class=\"badge mono\">Cultura<\/span>\r\n <\/div>\r\n <div class=\"brand-card\" data-animate>\r\n <div><strong>Shop4<\/strong><\/div>\r\n <span class=\"badge mono\">Tienda<\/span>\r\n <\/div>\r\n <div class=\"brand-card\" data-animate>\r\n <div><strong>Tycher<\/strong><br><span class=\"mono\" style=\"color:var(--muted)\">(Nuestros Talleres)<\/span><\/div>\r\n <span class=\"badge mono\">Formaci\u00f3n<\/span>\r\n <\/div>\r\n <div class=\"brand-card\" data-animate>\r\n <div><strong>IM-Pronta<\/strong><br><span class=\"mono\" style=\"color:var(--muted)\">Estudio de Dise\u00f1o<\/span><\/div>\r\n <span class=\"badge mono\">Dise\u00f1o<\/span>\r\n <\/div>\r\n <div class=\"brand-card\" data-animate>\r\n <div><strong>Young Collectors Club<\/strong><\/div>\r\n <span class=\"badge mono\">Comunidad<\/span>\r\n <\/div>\r\n <\/div>\r\n <!-- WP: Cada marca como CPT \"Marca\" o lista simple editable por Elementor -->\r\n <\/section>\r\n\r\n <!-- Sobre nosotros -->\r\n <section class=\"section\" id=\"sobre\">\r\n <h3 class=\"title\" data-animate>Sobre nosotros<\/h3>\r\n <div class=\"cols\">\r\n <div class=\"prose\" data-animate>\r\n <p>\r\n Consultora de arte y cultura especializada en desarrollar proyectos culturales, asesorar, gestionar y promocionar colecciones de arte, \r\n y en promover el arte como inversi\u00f3n, destacando su valor cultural, social y econ\u00f3mico mediante nuestro compromiso con la educaci\u00f3n y formaci\u00f3n de p\u00fablicos.\r\n <\/p>\r\n <p class=\"mono\" style=\"color:var(--muted)\">\r\n Curadur\u00eda, mediaci\u00f3n, acompa\u00f1amiento a colecciones, edici\u00f3n y producci\u00f3n cultural.\r\n <\/p>\r\n <!-- WP: Campo de texto largo\/Editor. El copy puede venir de ACF WYSIWYG o del editor de bloques -->\r\n <\/div>\r\n <aside class=\"panel mono\" data-animate>\r\n <strong>Servicios<\/strong>\r\n <ul class=\"list\">\r\n <li>Curadur\u00eda y producci\u00f3n<\/li>\r\n <li>Gesti\u00f3n e inventario de obras<\/li>\r\n <li>Programaci\u00f3n y eventos<\/li>\r\n <li>Acompa\u00f1amiento a colecciones<\/li>\r\n <li>Formaci\u00f3n de p\u00fablicos<\/li>\r\n <\/ul>\r\n <\/aside>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Equipo -->\r\n <section class=\"section\" id=\"equipo\">\r\n <h3 class=\"title\" data-animate>Equipo<\/h3>\r\n <p class=\"subtitle\" data-animate>\r\n Una nueva generaci\u00f3n de creadores culturales movida por la investigaci\u00f3n, la imaginaci\u00f3n y las pr\u00e1cticas contempor\u00e1neas.\r\n <\/p>\r\n <div class=\"team\">\r\n <div class=\"person\" data-animate>\r\n <div class=\"role mono\">FOUNDER, CEO<\/div>\r\n <h4 class=\"name\">Laura Monta\u00f1ez Mondrag\u00f3n<\/h4>\r\n <p class=\"mono\" style=\"color:var(--muted)\">Direcci\u00f3n creativa y curadur\u00eda general.<\/p>\r\n <\/div>\r\n <div class=\"person\" data-animate>\r\n <div class=\"role mono\">CO-FOUNDER, CFO<\/div>\r\n <h4 class=\"name\">Laura Monta\u00f1ez Mondrag\u00f3n<\/h4>\r\n <p class=\"mono\" style=\"color:var(--muted)\">Estrategia financiera y colecciones.<\/p>\r\n <\/div>\r\n <div class=\"person\" data-animate>\r\n <div class=\"role mono\">PROJECT MANAGER<\/div>\r\n <h4 class=\"name\">Laura Monta\u00f1ez Mondrag\u00f3n<\/h4>\r\n <p class=\"mono\" style=\"color:var(--muted)\">Producci\u00f3n y coordinaci\u00f3n de proyectos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- WP: CPT \"Miembro de equipo\" con roles y bios -->\r\n <\/section>\r\n\r\n <!-- Contacto -->\r\n <section class=\"section\" id=\"contacto\">\r\n <h3 class=\"title\" data-animate>Contacto<\/h3>\r\n <div class=\"contact\">\r\n <div class=\"panel\" data-animate>\r\n <ul class=\"list mono\">\r\n <li><strong>Correo:<\/strong> <a href=\"mailto:contacto@thelaacc.com\">contacto@thelaacc.com<\/a><\/li>\r\n <li><strong>WhatsApp:<\/strong> <a href=\"https:\/\/wa.me\/573210000000\" target=\"_blank\" rel=\"noopener\">+57 321 xx xxxxx<\/a><\/li>\r\n <li><strong>Direcci\u00f3n:<\/strong> Calle 69 #6-20, Bogot\u00e1, Colombia<\/li>\r\n <li><strong>Instagram:<\/strong> <a href=\"#\" target=\"_blank\" rel=\"noopener\">@thelaacc<\/a><\/li>\r\n <li><strong>LinkedIn:<\/strong> <a href=\"#\" target=\"_blank\" rel=\"noopener\">\/company\/thelaacc<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <form class=\"panel\" data-animate onsubmit=\"event.preventDefault();alert('Gracias. Pronto te contactaremos.');\" action=\"\">\r\n <div class=\"mono\" style=\"margin-bottom:10px\"><strong>Escr\u00edbenos<\/strong><\/div>\r\n <label class=\"mono\" style=\"display:block;margin:.5rem 0 .2rem\">Name<\/label>\r\n <input required type=\"text\" style=\"width:100%;padding:.7rem;border:1px solid var(--line);border-radius:10px;background:#fff\">\r\n <label class=\"mono\" style=\"display:block;margin:.8rem 0 .2rem\">Correo<\/label>\r\n <input required type=\"email\" style=\"width:100%;padding:.7rem;border:1px solid var(--line);border-radius:10px;background:#fff\">\r\n <label class=\"mono\" style=\"display:block;margin:.8rem 0 .2rem\">Message<\/label>\r\n <textarea required rows=\"4\" style=\"width:100%;padding:.7rem;border:1px solid var(--line);border-radius:10px;background:#fff\"><\/textarea>\r\n <div style=\"margin-top:12px\"><button class=\"btn mono\" type=\"submit\">Enviar<\/button><\/div>\r\n <!-- WP: Reemplazar por formulario (Contact Form 7, Gravity Forms, etc.) -->\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <!-- CTA final -->\r\n <footer id=\"cta\">\r\n <h3 class=\"title\" style=\"margin-bottom:8px\">Hablemos de arte<\/h3>\r\n <p class=\"mono\" style=\"color:var(--muted); max-width:60ch; margin:0 auto 16px\">\r\n Conectemos para imaginar, producir y acompa\u00f1ar proyectos con impacto cultural.\r\n <\/p>\r\n <a class=\"btn\" href=\"mailto:contacto@thelaacc.com\">Escr\u00edbenos<\/a>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ ---------- PRELOADER (P\u00c1GINA 1) ----------\r\n const pre = document.getElementById('preloader');\r\n const progress = document.getElementById('progress');\r\n let pct = 0;\r\n const timer = setInterval(()=>{\r\n pct += Math.random()*9 + 3; \/\/ velocidad irregular para sensaci\u00f3n org\u00e1nica\r\n if(pct >= 100){ pct = 100; clearInterval(timer);\r\n \/\/ peque\u00f1a pausa para elegancia\r\n setTimeout(()=> pre.style.display = 'none', 320);\r\n }\r\n progress.style.width = pct + '%';\r\n }, 140);\r\n\r\n \/\/ ---------- MEN\u00da DESLIZANTE (P\u00c1GINA 3) ----------\r\n const overlay = document.getElementById('overlay');\r\n const openMenu = document.getElementById('openMenu');\r\n const closeMenu = document.getElementById('closeMenu');\r\n const toggleDrawer = (open) => {\r\n overlay.classList.toggle('active', open);\r\n overlay.setAttribute('aria-hidden', String(!open));\r\n document.body.style.overflow = open ? 'hidden' : '';\r\n }\r\n openMenu.addEventListener('click', ()=>toggleDrawer(true));\r\n closeMenu.addEventListener('click', ()=>toggleDrawer(false));\r\n overlay.addEventListener('click', (e)=>{ if(e.target === overlay) toggleDrawer(false) });\r\n\r\n \/\/ Cerrar al navegar\r\n overlay.querySelectorAll('a').forEach(a=>a.addEventListener('click', ()=>toggleDrawer(false)));\r\n\r\n \/\/ ---------- TICKER (duplicar contenido para loop variable) ----------\r\n const track = document.getElementById('tickerTrack');\r\n \/\/ Duplicamos el contenido para simular scroll infinito\r\n track.innerHTML = track.innerHTML + track.innerHTML;\r\n\r\n \/\/ ---------- Aparici\u00f3n suave al hacer scroll ----------\r\n const io = new IntersectionObserver((entries)=>{\r\n entries.forEach(entry=>{\r\n if(entry.isIntersecting){ entry.target.classList.add('in'); io.unobserve(entry.target); }\r\n })\r\n }, {threshold:.12});\r\n document.querySelectorAll('[data-animate]').forEach(el=>io.observe(el));\r\n\r\n \/\/ ---------- Accesibilidad: tecla ESC cierra el men\u00fa ----------\r\n window.addEventListener('keydown', (e)=>{ if(e.key === 'Escape') toggleDrawer(false) });\r\n\r\n \/\/ ---------- WP: Hooks de integraci\u00f3n ----------\r\n \/\/ - Sustituir el video por un campo ACF (url\/mp4) o widget de Elementor.\r\n \/\/ - Mapear textos del Hero a campos editables.\r\n \/\/ - Ecosistema\/Marcas\/Equipo como CPTs o Repeater.\r\n \/\/ - El formulario puede ser reemplazado por Contact Form 7 \/ Gravity Forms.\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>THE LAACC \u2014 Prototipo LA THE LAACC Cargando experiencia \u2014 simulaci\u00f3n de preloader editorial LA THE LAACC Ecosistema Marcas Sobre Equipo Contacto \u2715 MEN\u00da Inicio Ecosistema The LAACC Nuestras Marcas Sobre nosotros Equipo Contacto Hablemos de arte CONSULTOR\u00cdA \u2014 ARTE Y CULTURA Impulsamos proyectos que conectan arte, cultura y sociedad. Creemos en el arte como motor de […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/thelaacc.com\/en\/wp-json\/wp\/v2\/pages\/851"}],"collection":[{"href":"https:\/\/thelaacc.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thelaacc.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thelaacc.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thelaacc.com\/en\/wp-json\/wp\/v2\/comments?post=851"}],"version-history":[{"count":4,"href":"https:\/\/thelaacc.com\/en\/wp-json\/wp\/v2\/pages\/851\/revisions"}],"predecessor-version":[{"id":856,"href":"https:\/\/thelaacc.com\/en\/wp-json\/wp\/v2\/pages\/851\/revisions\/856"}],"wp:attachment":[{"href":"https:\/\/thelaacc.com\/en\/wp-json\/wp\/v2\/media?parent=851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}