{"id":362,"date":"2021-08-17T17:03:43","date_gmt":"2021-08-17T17:03:43","guid":{"rendered":"https:\/\/demo.athemes.com\/botiga\/?page_id=362"},"modified":"2026-02-04T01:25:30","modified_gmt":"2026-02-04T04:25:30","slug":"home-2","status":"publish","type":"page","link":"https:\/\/mv.icconsortium.cl\/","title":{"rendered":"Monserrat Valencia"},"content":{"rendered":"\n<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=Italiana&#038;family=Manrope:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"mns-portfolio-wrapper\">\n\n    <div class=\"noise-overlay\"><\/div>\n\n    <nav class=\"mns-nav\">\n        <div class=\"logo\">Monserrat Valencia.<\/div>\n        <div><a href=\"mailto:monserrat.valencia@icconsortium.cl\">Contacto<\/a><\/div>\n    <\/nav>\n\n    <header class=\"hero-block\">\n        <h1 class=\"hero-title\">Creative <br>Director.<\/h1>\n        <div class=\"hero-subtitle\">Portfolio &copy; 2026<\/div>\n    <\/header>\n\n    <div class=\"marquee-strip\">\n        <div class=\"marquee-content\">\n            <span>Branding Strategy<\/span> <span class=\"divider\">\u2022<\/span>\n            <span>Creative Direction<\/span> <span class=\"divider\">\u2022<\/span>\n            <span>Digital Design<\/span> <span class=\"divider\">\u2022<\/span>\n            <span>Editorial Design<\/span> <span class=\"divider\">\u2022<\/span>\n            <span>Branding Strategy<\/span> <span class=\"divider\">\u2022<\/span>\n            <span>Creative Direction<\/span> <span class=\"divider\">\u2022<\/span>\n            <span>Digital Design<\/span> <span class=\"divider\">\u2022<\/span>\n        <\/div>\n    <\/div>\n\n    <section class=\"project-section\">\n        <div class=\"project-number\">01<\/div> <div class=\"project-image-container parallax-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497215728101-856f4ea42174?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" alt=\"Proyecto 1\">\n        <\/div>\n        <div class=\"project-text\">\n            <span class=\"cat-tag\">Branding<\/span>\n            <h2 class=\"project-title\">IC Consortium<\/h2>\n            <p>Una identidad visual corporativa dise\u00f1ada para transmitir solidez y expansi\u00f3n global. Uso de tipograf\u00eda suiza y espacios negativos.<\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"section-divider\"><\/div>\n\n    <section class=\"project-section reverse\">\n        <div class=\"project-number right-side\">02<\/div>\n        <div class=\"project-image-container parallax-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606760227091-3dd870d97f1d?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" alt=\"Mercado Cordillera Branding\">\n        <\/div>\n        <div class=\"project-text\">\n            <span class=\"cat-tag\">Branding<\/span>\n            <h2 class=\"project-title\">Mercado Cordillera<\/h2>\n            <p>Identidad visual de Stripcenter para transmitir cercan\u00eda y comunidad.<\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"section-divider\"><\/div>\n\n    <section class=\"project-section\">\n        <div class=\"project-number\">03<\/div>\n        <div class=\"project-image-container parallax-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545239351-ef35f43d514b?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" alt=\"Proyecto 3\">\n        <\/div>\n        <div class=\"project-text\">\n            <span class=\"cat-tag\">Social Media Design<\/span>\n            <h2 class=\"project-title\">La Pedriza<\/h2>\n            <p>Dise\u00f1o de paid media y contenido org\u00e1nico para proyecto inmobiliario en Zapallar.<\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"section-divider\"><\/div>\n\n    <section class=\"project-section reverse\">\n        <div class=\"project-number right-side\">04<\/div>\n        <div class=\"project-image-container parallax-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607686527-6fb886090705?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" alt=\"Proyecto 4\">\n        <\/div>\n        <div class=\"project-text\">\n            <span class=\"cat-tag\">Branding &#038; Social<\/span>\n            <h2 class=\"project-title\">Innovae<\/h2>\n            <p>Identidad visual y dise\u00f1o de paid media para empresa de brokerage inmobiliario.<\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"section-divider\"><\/div>\n\n    <section class=\"project-section\">\n        <div class=\"project-number\">05<\/div>\n        <div class=\"project-image-container parallax-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618005182384-a83a8bd57fbe?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" alt=\"Proyecto 5\">\n        <\/div>\n        <div class=\"project-text\">\n            <span class=\"cat-tag\">Content Design<\/span>\n            <h2 class=\"project-title\">Galer\u00eda Italia<\/h2>\n            <p>Dise\u00f1o de contenido org\u00e1nico y paid media para galer\u00eda comercial de Barrio Italia.<\/p>\n        <\/div>\n    <\/section>\n\n    <footer>\n        <h2>Hablemos.<\/h2>\n        <p><a href=\"mailto:monserrat.valencia@icconsortium.cl\">monserrat.valencia@icconsortium.cl<\/a><\/p>\n    <\/footer>\n\n<\/div>\n\n<style>\n    \/* Reset local *\/\n    #mns-portfolio-wrapper {\n        --bg-color: #F4F3F0;\n        --text-color: #1A1A1A;\n        --accent-color: #8860D0; \/* Lila Amatista *\/\n        --line-color: #d1d1d1;   \/* Color de las l\u00edneas divisorias *\/\n        --gap: 120px;\n        background-color: var(--bg-color);\n        color: var(--text-color);\n        font-family: 'Manrope', sans-serif;\n        overflow-x: hidden;\n        width: 100%;\n        min-height: 100vh;\n        position: relative;\n    }\n\n    body { margin: 0; padding: 0; background-color: #F4F3F0 !important; }\n\n    \/* --- NUEVO: TEXTURA DE RUIDO (GRAIN) --- *\/\n    .noise-overlay {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n        pointer-events: none; z-index: 999;\n        opacity: 0.05; \/* Muy sutil *\/\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n    }\n\n    \/* Tipograf\u00eda Base *\/\n    #mns-portfolio-wrapper h1, \n    #mns-portfolio-wrapper h2, \n    #mns-portfolio-wrapper h3 { \n        font-family: 'Italiana', serif; font-weight: 400; margin: 0; \n    }\n    #mns-portfolio-wrapper p { \n        line-height: 1.7; color: #555; margin-top: 10px; font-size: 1.05rem; \n    }\n    #mns-portfolio-wrapper a { text-decoration: none; color: inherit; }\n\n    \/* Navegaci\u00f3n *\/\n    .mns-nav {\n        position: absolute; top: 0; left: 0; width: 100%; padding: 40px 5%;\n        display: flex; justify-content: space-between; align-items: center;\n        z-index: 100; mix-blend-mode: difference; color: #fff;\n    }\n    .logo { font-size: 1.5rem; text-transform: uppercase; letter-spacing: 2px; }\n\n    \/* Hero *\/\n    .hero-block {\n        height: 85vh; \/* Un poco menos alto para dar paso al Marquee *\/\n        display: flex; flex-direction: column; justify-content: center;\n        padding: 0 5%;\n    }\n    \n    .hero-title {\n        font-size: clamp(4rem, 12vw, 10rem);\n        line-height: 0.9;\n        opacity: 0; transform: translateY(50px);\n        animation: fadeUp 1s cubic-bezier(0.2, 1, 0.3, 1) forwards 0.5s;\n    }\n    .hero-subtitle {\n        margin-top: 20px; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px;\n        opacity: 0; animation: fadeUp 1s cubic-bezier(0.2, 1, 0.3, 1) forwards 0.8s;\n    }\n\n    \/* --- NUEVO: MARQUEE INFINITO --- *\/\n    .marquee-strip {\n        width: 100%; padding: 25px 0;\n        border-top: 1px solid var(--line-color);\n        border-bottom: 1px solid var(--line-color);\n        overflow: hidden; white-space: nowrap;\n        margin-bottom: var(--gap);\n        background: rgba(255,255,255,0.3); \/* Ligero fondo *\/\n    }\n\n    .marquee-content {\n        display: inline-block;\n        animation: scrollText 30s linear infinite;\n        font-family: 'Italiana', serif;\n        font-size: 1.5rem; text-transform: uppercase;\n        color: var(--text-color);\n    }\n\n    .marquee-content span { margin: 0 40px; }\n    .divider { color: var(--accent-color); font-size: 1rem; vertical-align: middle; }\n\n    @keyframes scrollText {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(-50%); }\n    }\n\n    \/* --- PROYECTOS --- *\/\n    .project-section {\n        padding: 0 5% var(--gap);\n        display: grid; grid-template-columns: 0.5fr 5fr 5fr; \/* Espacio para el n\u00famero *\/\n        gap: 60px; align-items: center;\n        position: relative;\n    }\n\n    \/* Estructura Invertida *\/\n    .project-section.reverse { \n        direction: rtl; \n        grid-template-columns: 5fr 5fr 0.5fr; \/* N\u00famero a la derecha *\/\n    } \n    .project-section.reverse .project-text { direction: ltr; }\n    .project-section.reverse .project-number { direction: ltr; }\n\n    \/* NUEVO: Contador (01, 02...) *\/\n    .project-number {\n        font-family: 'Italiana', serif;\n        font-size: 1.5rem; color: var(--accent-color);\n        opacity: 0.6;\n        border-top: 1px solid var(--accent-color);\n        padding-top: 10px;\n        align-self: flex-start; \/* Alineado arriba *\/\n    }\n\n    \/* L\u00edneas divisorias entre secciones *\/\n    .section-divider {\n        height: 1px; width: 90%; margin: 0 auto var(--gap);\n        background-color: var(--line-color);\n    }\n\n    \/* Imagen *\/\n    .project-image-container {\n        width: 100%; height: 75vh;\n        overflow: hidden; position: relative;\n    }\n\n    .project-image-container img {\n        width: 100%; height: 115%;\n        object-fit: cover;\n        transition: transform 0.1s linear;\n        will-change: transform;\n    }\n\n    \/* Texto *\/\n    .project-text { padding: 20px 0; }\n    \n    .cat-tag { \n        font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; \n        border: 1px solid var(--text-color); border-radius: 50px; \n        padding: 8px 18px; display: block; width: fit-content; margin-bottom: 32px;   \n    }\n\n    .project-title {\n        font-size: 4rem; line-height: 1; margin-bottom: 24px;\n        position: relative; cursor: pointer; display: block; width: fit-content;   \n    }\n    \n    .project-title::after {\n        content: ''; position: absolute; width: 0; height: 2px;\n        bottom: 0; left: 0; background-color: var(--accent-color);\n        transition: width 0.4s cubic-bezier(0.2, 1, 0.3, 1);\n    }\n    .project-title:hover::after { width: 100%; }\n\n    \/* Footer *\/\n    #mns-portfolio-wrapper footer {\n        padding: 100px 5%; border-top: 1px solid #dcdcdc;\n        text-align: center; margin-top: 50px;\n    }\n\n    @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\n    \n    \/* Media Queries *\/\n    @media (max-width: 768px) {\n        .project-section, .project-section.reverse { \n            grid-template-columns: 1fr; \/* Una sola columna en m\u00f3vil *\/\n            gap: 40px; \n            padding-bottom: 80px; \n            direction: ltr; \/* Resetear direcci\u00f3n en m\u00f3vil *\/\n        }\n        .project-number { display: none; } \/* Ocultar n\u00fameros en m\u00f3vil para ahorrar espacio *\/\n        .project-image-container { height: 50vh; }\n        .project-title { font-size: 2.8rem; margin-bottom: 16px; }\n        .hero-title { font-size: 18vw; }\n        .mns-nav { position: relative; mix-blend-mode: normal; color: var(--text-color); }\n        .marquee-content { font-size: 1rem; } \/* Marquee m\u00e1s peque\u00f1o *\/\n    }\n<\/style>\n\n<script>\n    document.addEventListener('scroll', () => {\n        const images = document.querySelectorAll('.parallax-wrap img');\n        if(images.length === 0) return;\n        images.forEach(img => {\n            const rect = img.parentElement.getBoundingClientRect();\n            if (rect.top < window.innerHeight &#038;&#038; rect.bottom > 0) {\n                const speed = 0.1; \n                const offset = (rect.top - window.innerHeight \/ 2) * speed;\n                img.style.transform = `translateY(${offset}px) scale(1.1)`;\n            }\n        });\n    });\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Monserrat Valencia. Contacto Creative Director. Portfolio &copy; 2026 Branding Strategy \u2022 Creative Direction \u2022 Digital Design \u2022 Editorial Design \u2022 Branding Strategy \u2022 Creative Direction \u2022 Digital Design \u2022 01 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-canvas.php","meta":{"footnotes":""},"class_list":["post-362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mv.icconsortium.cl\/index.php?rest_route=\/wp\/v2\/pages\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mv.icconsortium.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mv.icconsortium.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mv.icconsortium.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mv.icconsortium.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=362"}],"version-history":[{"count":13,"href":"https:\/\/mv.icconsortium.cl\/index.php?rest_route=\/wp\/v2\/pages\/362\/revisions"}],"predecessor-version":[{"id":420,"href":"https:\/\/mv.icconsortium.cl\/index.php?rest_route=\/wp\/v2\/pages\/362\/revisions\/420"}],"wp:attachment":[{"href":"https:\/\/mv.icconsortium.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}