{"id":2431,"date":"2025-10-08T13:45:15","date_gmt":"2025-10-08T11:45:15","guid":{"rendered":"https:\/\/oroi.design\/?page_id=2431"},"modified":"2026-02-24T17:07:22","modified_gmt":"2026-02-24T16:07:22","slug":"getaria","status":"publish","type":"page","link":"https:\/\/oroi.design\/index.php\/getaria\/","title":{"rendered":"GETARIA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2431\" class=\"elementor elementor-2431\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6344a5a e-flex e-con-boxed e-con e-parent\" data-id=\"6344a5a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eecb997 elementor-absolute elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"eecb997\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:43}},&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.2,&quot;sizes&quot;:[]},&quot;motion_fx_tilt_effect&quot;:&quot;yes&quot;,&quot;motion_fx_tilt_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.2,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-scaled.jpg\" class=\"attachment-full size-full wp-image-3071\" alt=\"\" srcset=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-scaled.jpg 2560w, https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-scaled-600x400.jpg 600w, https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-300x200.jpg 300w, https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-1024x683.jpg 1024w, https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-768x512.jpg 768w, https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-1536x1024.jpg 1536w, https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-2048x1365.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\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-d21c433 elementor-widget elementor-widget-image\" data-id=\"d21c433\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_direction&quot;:&quot;negative&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.1,&quot;sizes&quot;:[]},&quot;motion_fx_tilt_effect&quot;:&quot;yes&quot;,&quot;motion_fx_tilt_direction&quot;:&quot;negative&quot;,&quot;motion_fx_tilt_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"574\" height=\"79\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/10\/Getaria_svg.svg\" class=\"attachment-large size-large wp-image-2544\" alt=\"Getaria_svg\" \/>\t\t\t\t\t\t\t\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-5bd412a elementor-widget elementor-widget-html\" data-id=\"5bd412a\" 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<div class=\"getaria-two-texts\">\n\n    <div class=\"left-text\">\n        Branding, identidad, packaging, direcci\u00f3n de arte, fotograf\u00eda, filmmaking y desarrollo web. Creaci\u00f3n de merchandising y aplicaci\u00f3n de la marca en piezas f\u00edsicas y digitales.\n    <\/div>\n\n    <div class=\"right-text\">\n        Proyecto ficticio basado en Balenciaga que construye una narrativa transmedia alterada para mostrar c\u00f3mo una marca puede manipular la percepci\u00f3n mediante relatos fabricados y estrategias de comunicaci\u00f3n.\n    <\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdccf21 flecha-botando elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"fdccf21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-698be52 elementor-absolute elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-image\" data-id=\"698be52\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Fondo-movil-portada-getaria.jpg\" title=\"Fondo movil portada getaria\" alt=\"Fondo movil portada getaria\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4584f39 e-flex e-con-boxed e-con e-parent\" data-id=\"4584f39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81d17e7 elementor-widget elementor-widget-html\" data-id=\"81d17e7\" 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     SECCI\u00d3N - LOOKBOOK GETARIA PREMIUM (SIN BOT\u00d3N)\n============================================== -->\n\n<div class=\"getaria-section\">\n\n    <!-- =======================\n         T\u00cdTULO EDITORIAL\n    ======================== -->\n    <div class=\"getaria-title-block\">\n\n        <div class=\"getaria-title-num\">\n            <span>03<\/span>\n        <\/div>\n\n        <div class=\"getaria-title-content\">\n            <h2 class=\"getaria-title-main\">GETARIA \u2014 LOOKBOOK<\/h2>\n            <p class=\"getaria-title-sub\">\n                Exhibici\u00f3n visual \u00b7 Narrativa est\u00e9tica en moda, branding y fotograf\u00eda\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"getaria-title-line\"><\/div>\n\n\n\n    <!-- =================================================\n         GALER\u00cdA EDITORIAL\n    ================================================= -->\n    <div class=\"getaria-gallery-wrapper\">\n\n        <div class=\"getaria-gallery\">\n\n            <!-- 3 IM\u00c1GENES VISIBLES EN M\u00d3VIL (35%) -->\n            <div class=\"g-item tall\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_10-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_10-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_08-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_08-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item wide\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_06-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_06-scaled.jpg\">\n            <\/div>\n\n            <!-- LAS 5 RESTANTES | OCULTAS EN M\u00d3VIL -->\n            <div class=\"g-item mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_05-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_05-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item tall mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_04-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_03-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_03-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item wide mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_02-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_02-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_01-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Camiseta_Getaria_01-scaled.jpg\">\n            <\/div>\n\n        <\/div>\n\n\n        <!-- LIGHTBOX -->\n        <div class=\"g-lightbox\">\n            <img decoding=\"async\" id=\"lightbox-img\" src=\"\">\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =============================================\n         NOTA CURATORIAL\n    ============================================== -->\n    <div class=\"getaria-explanation\">\n\n        <div class=\"explanation-line\"><\/div>\n\n        <div class=\"explanation-number\">nota curatorial \u2014 01<\/div>\n\n        <p class=\"explanation-text\">\n            Las fotograf\u00edas de esta colecci\u00f3n no muestran solo ropa: son c\u00e1psulas narrativas dise\u00f1adas\n            para cuestionar c\u00f3mo las marcas controlan la imagen, moldean la memoria y fabrican\n            verdades. Cada camiseta nace de estrategias reales de manipulaci\u00f3n publicitaria,\n            reinterpretadas en clave cr\u00edtica a trav\u00e9s de la figura ficticia de Luc\u00eda Balenciaga \u2014un\n            s\u00edmbolo de todas las historias reescritas por la industria. Estas piezas funcionan como\n            artefactos visuales que revelan c\u00f3mo el marketing, la identidad y la emoci\u00f3n pueden guiar\n            nuestra percepci\u00f3n sin que lo advirtamos.\n        <\/p>\n\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   TIPOGRAF\u00cdA GLOBAL\n========================================================= *\/\n.getaria-section * {\n    font-family: \"IBM Plex Mono\", monospace;\n    color: #ffffff !important;\n}\n\n\n\n\/* =========================================================\n   T\u00cdTULAR\n========================================================= *\/\n.getaria-title-block {\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    margin-bottom: 25px;\n}\n.getaria-title-num { writing-mode: vertical-rl; transform: rotate(180deg); opacity: 0.55; }\n.getaria-title-num span { font-size: 34px; font-weight: 600; }\n.getaria-title-main { margin: 0; font-size: 32px; font-weight: 600; letter-spacing: 0.04em; }\n.getaria-title-sub { margin: 0; font-size: 14px; opacity: 0.65; letter-spacing: 0.06em; }\n.getaria-title-line { height: 1px; background: rgba(255,255,255,0.18); margin-bottom: 55px; }\n\n\n\n\/* =========================================================\n   GALER\u00cdA (DESKTOP)\n========================================================= *\/\n.getaria-gallery {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 260px;\n    gap: 18px;\n}\n.getaria-gallery .g-item {\n    overflow: hidden;\n    cursor: pointer;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity .6s ease, transform .6s ease;\n}\n.getaria-gallery .g-item.visible { opacity: 1; transform: translateY(0); }\n\n.getaria-gallery img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform .5s ease, opacity .35s ease;\n}\n.getaria-gallery .g-item:hover img { transform: scale(1.06) translateY(-4px); opacity: .90; }\n\n.tall { grid-row: span 2; }\n.wide { grid-column: span 2; }\n\n\n\n\/* =========================================================\n   M\u00d3VIL \u2014 MOSTRAR SOLO 3 IM\u00c1GENES\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .getaria-gallery {\n        grid-template-columns: 1fr !important;\n        grid-auto-rows: auto !important;\n        gap: 12px !important;\n    }\n\n    .getaria-gallery img {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n    }\n\n    \/* Ocultamos 5 im\u00e1genes *\/\n    .mobile-hidden {\n        display: none !important;\n    }\n}\n\n\n\n\/* =========================================================\n   NOTA CURATORIAL\n========================================================= *\/\n.getaria-explanation {\n    max-width: 460px;\n    margin-left: auto;\n    margin-top: 70px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity .9s ease, transform .9s ease .2s;\n}\n.explanation-line { height: 1px; background: rgba(255,255,255,0.20); margin-bottom: 12px; }\n.explanation-number { font-size: 12px; opacity: 0.55; margin-bottom: 12px; letter-spacing: 0.15em; }\n.explanation-text { font-size: 13px; opacity: 0.80; line-height: 1.45; }\n.getaria-explanation.visible { opacity: 1; transform: translateY(0); }\n\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n.g-lightbox {\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.85);\n    display: none;\n    justify-content: center;\n    align-items: center;\n    z-index: 99999;\n}\n.g-lightbox.show { display: flex; }\n\n.g-lightbox img {\n    max-width: 90%;\n    max-height: 90%;\n    object-fit: contain;\n    border-radius: 8px;\n}\n\n<\/style>\n\n\n\n<script>\n\n\/* LIGHTBOX *\/\ndocument.querySelectorAll('.getaria-gallery img').forEach(img => {\n    img.addEventListener('click', () => {\n        document.getElementById('lightbox-img').src = img.dataset.full;\n        document.querySelector('.g-lightbox').classList.add('show');\n        document.body.style.overflow = \"hidden\";\n    });\n});\ndocument.querySelector('.g-lightbox').addEventListener('click', () => {\n    document.querySelector('.g-lightbox').classList.remove('show');\n    document.body.style.overflow = \"auto\";\n});\n\n\n\/* SCROLL REVEAL *\/\nconst items = document.querySelectorAll('.getaria-gallery .g-item');\nconst explanation = document.querySelector('.getaria-explanation');\n\nfunction revealOnScroll() {\n    const trigger = window.innerHeight * 0.85;\n\n    items.forEach(item => {\n        if (item.getBoundingClientRect().top < trigger) {\n            item.classList.add('visible');\n        }\n    });\n\n    if (explanation.getBoundingClientRect().top < trigger) {\n        explanation.classList.add('visible');\n    }\n}\n\nwindow.addEventListener('scroll', revealOnScroll);\nwindow.addEventListener('load', revealOnScroll);\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba3994e e-flex e-con-boxed e-con e-parent\" data-id=\"ba3994e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cffd178 elementor-widget elementor-widget-html\" data-id=\"cffd178\" 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     SECCI\u00d3N 04 \u2014 GETARIA \u00b7 MOTION (ordenada por n\u00famero, formato alargado)\n============================================== -->\n\n<div class=\"getaria-section\">\n\n    <!-- =======================\n         T\u00cdTULO EDITORIAL\n    ======================== -->\n    <div class=\"getaria-title-block\">\n\n        <!-- NUMERACI\u00d3N VERTICAL -->\n        <div class=\"getaria-title-num\">\n            <span>04<\/span>\n        <\/div>\n\n        <!-- T\u00cdTULOS -->\n        <div class=\"getaria-title-content\">\n            <h2 class=\"getaria-title-main\">GETARIA \u2014 MOTION<\/h2>\n            <p class=\"getaria-title-sub\">\n                Secuencias visuales \u00b7 Explosi\u00f3n est\u00e9tica en movimiento\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n    <!-- L\u00cdNEA DE SECCI\u00d3N -->\n    <div class=\"getaria-title-line\"><\/div>\n\n\n    <!-- =================================================\n         TEXTO EXPLICATIVO A LA IZQUIERDA\n    ================================================= -->\n    <div class=\"getaria-video-explanation\">\n        <p>\n            Estas piezas en v\u00eddeo ampl\u00edan la narrativa visual del proyecto: momentos construidos para\n            mostrar c\u00f3mo el movimiento, la repetici\u00f3n y el ritmo pueden reforzar la ficci\u00f3n creada\n            alrededor de la marca. Cada secuencia funciona como un fragmento de una campa\u00f1a inexistente,\n            dise\u00f1ada para hacer cre\u00edble una historia que nunca ocurri\u00f3, explorando el poder del motion\n            como herramienta para fabricar identidad.\n        <\/p>\n    <\/div>\n\n\n\n    <!-- =================================================\n         GALER\u00cdA DE V\u00cdDEOS (ordenada 01 \u2192 03 \u2192 05)\n    ================================================= -->\n    <div class=\"getaria-gallery-wrapper\">\n\n        <div class=\"getaria-gallery getaria-video-grid\">\n\n            <!-- VIDEO 01 \u2014 wide -->\n            <div class=\"g-item wide\">\n                <video muted loop preload=\"auto\" class=\"video-preview\"\n                       poster=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Video-01.png\"\n                       src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/DROP-01_1.mp4\"><\/video>\n            <\/div>\n\n            <!-- VIDEO 03 \u2014 wide -->\n            <div class=\"g-item wide\">\n                <video muted loop preload=\"auto\" class=\"video-preview\"\n                       poster=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Video-03.png\"\n                       src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/DROP-03_1.mp4\"><\/video>\n            <\/div>\n\n            <!-- VIDEO 05 \u2014 wide -->\n            <div class=\"g-item wide\">\n                <video muted loop preload=\"auto\" class=\"video-preview\"\n                       poster=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Video-05.png\"\n                       src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/DROP-05_1.mp4\"><\/video>\n            <\/div>\n\n        <\/div>\n\n        <!-- LIGHTBOX PARA V\u00cdDEOS -->\n        <div class=\"g-lightbox video-lightbox\">\n            <video id=\"lightbox-video\" controls autoplay><\/video>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   TIPOGRAF\u00cdA Y COLOR GLOBAL\n========================================================= *\/\n.getaria-section * {\n    font-family: \"IBM Plex Mono\", monospace;\n    color: #ffffff !important;\n}\n\n\n\n\/* =========================================================\n   TITULAR EDITORIAL\n========================================================= *\/\n\n.getaria-title-block {\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    margin-bottom: 25px;\n}\n\n.getaria-title-num {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    opacity: 0.55;\n}\n\n.getaria-title-num span {\n    font-size: 34px;\n    font-weight: 600;\n}\n\n.getaria-title-main {\n    margin: 0;\n    font-size: 32px;\n    letter-spacing: 0.04em;\n    font-weight: 600;\n}\n\n.getaria-title-sub {\n    margin: 0;\n    font-size: 14px;\n    opacity: 0.65;\n    letter-spacing: 0.06em;\n}\n\n.getaria-title-line {\n    height: 1px;\n    background: rgba(255,255,255,0.18);\n    margin-bottom: 45px;\n}\n\n\n\n\/* =========================================================\n   TEXTO EXPLICATIVO (IZQUIERDA)\n========================================================= *\/\n\n.getaria-video-explanation {\n    max-width: 440px;\n    margin-bottom: 45px;\n\n    opacity: 0;\n    transform: translateY(25px);\n    transition: opacity .9s ease, transform .9s ease;\n}\n\n.getaria-video-explanation.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.getaria-video-explanation p {\n    font-size: 13px;\n    line-height: 1.45;\n    opacity: 0.78;\n}\n\n\n\n\/* =========================================================\n   GRID DE V\u00cdDEOS\n========================================================= *\/\n\n.getaria-video-grid {\n    width: 100%;\n}\n\n.getaria-video-grid .g-item {\n    overflow: hidden;\n    position: relative;\n    cursor: pointer;\n\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity .6s ease, transform .6s ease;\n}\n\n.getaria-video-grid .g-item.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.getaria-video-grid video {\n    width: 100%;\n    height: 260px;\n    object-fit: cover;\n    transition: transform .45s ease, opacity .35s ease;\n}\n\n.getaria-video-grid .g-item:hover video {\n    transform: scale(1.06);\n    opacity: 0.92;\n}\n\n\/* todos wide *\/\n.getaria-video-grid .wide {\n    grid-column: span 3 !important;\n}\n\n\n\n\/* =========================================================\n   LIGHTBOX DE V\u00cdDEOS\n========================================================= *\/\n\n.video-lightbox {\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.80);\n    display: none;\n    justify-content: center;\n    align-items: center;\n    z-index: 99999;\n}\n\n.video-lightbox.show {\n    display: flex;\n}\n\n#lightbox-video {\n    max-width: 90%;\n    max-height: 90%;\n    border-radius: 10px;\n    box-shadow: 0 0 40px rgba(0,0,0,0.8);\n}\n\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 600px) {\n    .getaria-video-grid video {\n        height: auto;\n        max-height: 340px;\n    }\n}\n\n<\/style>\n\n\n\n<script>\n\n\/* =========================================================\n   SCROLL REVEAL VIDEOS + TEXTO\n========================================================= *\/\n\nconst videoItems = document.querySelectorAll('.getaria-video-grid .g-item');\nconst videoExplanation = document.querySelector('.getaria-video-explanation');\n\nfunction revealMotionSection() {\n    const trigger = window.innerHeight * 0.85;\n\n    videoItems.forEach(item => {\n        if (item.getBoundingClientRect().top < trigger) {\n            item.classList.add('visible');\n        }\n    });\n\n    if (videoExplanation.getBoundingClientRect().top < trigger) {\n        videoExplanation.classList.add('visible');\n    }\n}\n\nwindow.addEventListener('scroll', revealMotionSection);\nwindow.addEventListener('load', revealMotionSection);\n\n\n\n\/* =========================================================\n   LIGHTBOX PARA V\u00cdDEOS\n========================================================= *\/\n\ndocument.querySelectorAll('.video-preview').forEach(video => {\n    video.addEventListener('click', () => {\n\n        const src = video.getAttribute('src');\n        const lightbox = document.querySelector('.video-lightbox');\n\n        document.getElementById('lightbox-video').src = src;\n        lightbox.classList.add('show');\n        document.body.style.overflow = 'hidden';\n    });\n});\n\ndocument.querySelector('.video-lightbox').addEventListener('click', () => {\n    const lightbox = document.querySelector('.video-lightbox');\n    const video = document.getElementById('lightbox-video');\n\n    lightbox.classList.remove('show');\n    document.body.style.overflow = 'auto';\n\n    video.pause();\n    video.src = \"\";\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23c4dc0 e-flex e-con-boxed e-con e-parent\" data-id=\"23c4dc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8cfde7 elementor-widget elementor-widget-html\" data-id=\"f8cfde7\" 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     SECCI\u00d3N 05 \u2014 GETARIA \u00b7 C\u00c1PSULA DEL TIEMPO (PACKAGING)\n============================================== -->\n\n<div class=\"getaria-section\">\n\n    <!-- =======================\n         T\u00cdTULO EDITORIAL\n    ======================== -->\n    <div class=\"getaria-title-block\">\n\n        <div class=\"getaria-title-num\">\n            <span>05<\/span>\n        <\/div>\n\n        <div class=\"getaria-title-content\">\n            <h2 class=\"getaria-title-main\">GETARIA \u2014 C\u00c1PSULA DEL TIEMPO<\/h2>\n            <p class=\"getaria-title-sub\">\n                Packaging \u00b7 Objetos narrativos \u00b7 Evidencias de una ficci\u00f3n construida\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"getaria-title-line\"><\/div>\n\n\n    <!-- =============================================\n         GALER\u00cdA\n    ============================================== -->\n    <div class=\"getaria-gallery-wrapper\">\n\n        <div class=\"getaria-gallery\">\n\n            <!-- ============================\n                 4 IM\u00c1GENES VISIBLES EN M\u00d3VIL\n            ============================ -->\n\n            <div class=\"g-item tall\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_07-scaled.jpg\"\n                data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_07-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_06-scaled.jpg\"\n                data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_06-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item wide\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_05-scaled.jpg\"\n                data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_05-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_04.jpg\"\n                data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_04.jpg\">\n            <\/div>\n\n\n            <!-- ============================\n                 RESTO OCULTAS EN M\u00d3VIL (50%)\n            ============================ -->\n\n            <div class=\"g-item tall mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_03-scaled.jpg\"\n                data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_03-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_02-scaled.jpg\"\n                data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_02-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item wide mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_01-scaled.jpg\"\n                data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Capsula_01-scaled.jpg\">\n            <\/div>\n\n        <\/div>\n\n        <!-- LIGHTBOX -->\n        <div class=\"g-lightbox\">\n            <img decoding=\"async\" id=\"lightbox-img\" src=\"\">\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =============================================\n         NOTA CURATORIAL\n    ============================================== -->\n    <div class=\"getaria-explanation note-curatorial\">\n\n        <div class=\"explanation-line\"><\/div>\n\n        <p class=\"explanation-text\">\n            Esta c\u00e1psula del tiempo re\u00fane el rastro f\u00edsico de cada drop: piezas de packaging concebidas \n            como reliquias de una historia que nunca existi\u00f3. Son objetos que act\u00faan como prueba material \n            de la ficci\u00f3n, legitimando la narrativa inventada a trav\u00e9s de su presencia tangible.\n            Cada fotograf\u00eda convierte el embalaje en un vestigio narrativo que refuerza la identidad falsa\n            de la marca.\n        <\/p>\n\n    <\/div>\n\n<\/div>\n\n\n\n\n<style>\n\/* =========================================================\n   TIPOGRAF\u00cdA\n========================================================= *\/\n.getaria-section * {\n    font-family: \"IBM Plex Mono\", monospace;\n    color: white;\n}\n\n\n\n\/* =========================================================\n   T\u00cdTULO EDITORIAL\n========================================================= *\/\n.getaria-title-block {\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    margin-bottom: 25px;\n}\n\n.getaria-title-num {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    opacity: .55;\n}\n\n.getaria-title-num span {\n    font-size: 34px;\n    font-weight: 600;\n}\n\n.getaria-title-main {\n    margin: 0;\n    font-size: 32px;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n}\n\n.getaria-title-sub {\n    margin: 0;\n    font-size: 14px;\n    opacity: .65;\n    letter-spacing: 0.06em;\n}\n\n.getaria-title-line {\n    height: 1px;\n    background: rgba(255,255,255,0.18);\n    margin-bottom: 45px;\n}\n\n\n\n\/* =========================================================\n   GALER\u00cdA DE IM\u00c1GENES\n========================================================= *\/\n.getaria-gallery {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 260px;\n    gap: 18px;\n}\n\n.getaria-gallery .g-item {\n    overflow: hidden;\n    position: relative;\n    cursor: pointer;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity .6s ease, transform .6s ease;\n}\n\n.getaria-gallery .g-item.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.getaria-gallery img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform .5s ease, opacity .35s ease;\n}\n\n.getaria-gallery .g-item:hover img {\n    transform: scale(1.06) translateY(-4px);\n    opacity: .92;\n}\n\n.tall { grid-row: span 2; }\n.wide { grid-column: span 2; }\n\n\n\n\/* =========================================================\n   MOBILE \u2014 MOSTRAR SOLO EL 50% (4 IM\u00c1GENES)\n========================================================= *\/\n@media(max-width:600px){\n\n    .getaria-gallery {\n        grid-template-columns: 1fr !important;\n        grid-auto-rows: auto !important;\n        gap: 12px !important;\n    }\n\n    .getaria-gallery img {\n        height: auto !important;\n        object-fit: cover;\n    }\n\n    \/* OCULTAMOS 3 DE LAS 7 *\/\n    .mobile-hidden {\n        display: none !important;\n    }\n}\n\n\n\n\/* =========================================================\n   NOTA CURATORIAL\n========================================================= *\/\n.note-curatorial {\n    max-width: 470px;\n    margin-left: auto;\n    margin-top: 55px;\n    opacity: 0;\n    transform: translateY(25px);\n    transition: opacity .9s ease, transform .9s ease;\n}\n\n.note-curatorial.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.explanation-line {\n    width: 100%;\n    height: 1px;\n    background: rgba(255,255,255,0.22);\n    margin-bottom: 14px;\n}\n\n.explanation-text {\n    font-size: 13px;\n    line-height: 1.45;\n    opacity: .78;\n}\n\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.g-lightbox {\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.85);\n    display: none;\n    justify-content: center;\n    align-items: center;\n    z-index: 99999;\n}\n\n.g-lightbox.show {\n    display: flex;\n}\n\n.g-lightbox img {\n    max-width: 90%;\n    max-height: 90%;\n    object-fit: contain;\n    border-radius: 8px;\n}\n<\/style>\n\n\n\n\n<script>\n\/* =========================================================\n   SCROLL REVEAL\n========================================================= *\/\n\nconst pkgItems = document.querySelectorAll('.getaria-gallery .g-item');\nconst pkgNote = document.querySelector('.note-curatorial');\n\nfunction revealPkg() {\n    const trigger = window.innerHeight * 0.85;\n\n    pkgItems.forEach(i => {\n        if (i.getBoundingClientRect().top < trigger) {\n            i.classList.add('visible');\n        }\n    });\n\n    if (pkgNote.getBoundingClientRect().top < trigger) {\n        pkgNote.classList.add('visible');\n    }\n}\n\nwindow.addEventListener('scroll', revealPkg);\nwindow.addEventListener('load', revealPkg);\n\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\ndocument.querySelectorAll('.getaria-gallery img').forEach(img => {\n    img.addEventListener('click',()=>{\n\n        document.getElementById('lightbox-img').src = img.dataset.full;\n        document.querySelector('.g-lightbox').classList.add('show');\n        document.body.style.overflow = \"hidden\";\n\n    });\n});\n\ndocument.querySelector('.g-lightbox').addEventListener('click',()=>{\n    document.querySelector('.g-lightbox').classList.remove('show');\n    document.body.style.overflow = \"auto\";\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-823ec39 e-flex e-con-boxed e-con e-parent\" data-id=\"823ec39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12d6174 elementor-widget elementor-widget-html\" data-id=\"12d6174\" 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     SECCI\u00d3N 06 \u2014 GETARIA \u00b7 PUBLICACI\u00d3N EDITORIAL\n============================================== -->\n\n<div class=\"getaria-section\">\n\n    <!-- =======================\n         T\u00cdTULO + BOT\u00d3N EDITORIAL\n    ======================== -->\n    <div class=\"getaria-title-block getaria-title-flex\">\n\n        <div class=\"getaria-title-num\">\n            <span>06<\/span>\n        <\/div>\n\n        <div class=\"getaria-title-content\">\n            <h2 class=\"getaria-title-main\">GETARIA \u2014 PUBLICACI\u00d3N EDITORIAL<\/h2>\n            <p class=\"getaria-title-sub\">\n                Archivo narrativo \u00b7 Investigaci\u00f3n visual \u00b7 Documento ficticio\n            <\/p>\n        <\/div>\n\n        <!-- BOT\u00d3N DESCARGA (EDITORIAL) -->\n        <a class=\"download-btn-top\"\n           href=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/PIEZA-EDITORIAL-NIEBLA_.pdf\"\n           download>\n            <span class=\"btn-line\"><\/span>\n            Descargar PDF\n            <span class=\"btn-line\"><\/span>\n        <\/a>\n\n    <\/div>\n\n    <div class=\"getaria-title-line\"><\/div>\n\n\n    <!-- ===============================\n         TEXTO CURATORIAL (IZQUIERDA)\n    ================================ -->\n    <div class=\"getaria-explanation-left\">\n        <p>\n            Esta publicaci\u00f3n funciona como el archivo central del proyecto: un documento que re\u00fane la \n            investigaci\u00f3n, la narrativa inventada y la est\u00e9tica visual que sostienen el universo ficticio \n            de Getaria. El libro sirve como evidencia material de la historia fabricada, preservando la \n            ficci\u00f3n como si se tratara de un registro aut\u00e9ntico. Cada p\u00e1gina refuerza la identidad inventada \n            y solidifica el relato como si realmente hubiera ocurrido.\n        <\/p>\n    <\/div>\n\n\n    <!-- ===============================\n         GALER\u00cdA MOCKUPS\n    ================================ -->\n    <div class=\"getaria-gallery-wrapper\">\n\n        <div class=\"getaria-gallery\">\n\n            <div class=\"g-item wide\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Free_Book_Mockup_8-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Free_Book_Mockup_8-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item tall\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Free_Book_Mockup_5-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Free_Book_Mockup_5-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Free_Book_Mockup_2-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Free_Book_Mockup_2-scaled.jpg\">\n            <\/div>\n\n            <div class=\"g-item wide mobile-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Free_Book_Mockup_1-scaled.jpg\"\n                     data-full=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Free_Book_Mockup_1-scaled.jpg\">\n            <\/div>\n\n        <\/div>\n\n        <!-- LIGHTBOX -->\n        <div class=\"g-lightbox\">\n            <img decoding=\"async\" id=\"lightbox-img\" src=\"\">\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- ===============================\n         FLIPBOOK (SIN FONDO Y TOOLBAR)\n    ================================ -->\n    <div class=\"getaria-flipbook-block\">\n\n        <h3 class=\"flipbook-title\">Leer la publicaci\u00f3n completa<\/h3>\n\n        <div class=\"flipbook-wrapper\">\n            <div class=\"real3dflipbook\" id=\"1_6a2cbbaee097b\" style=\"position:absolute;\"><\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* ======================================================\n   GLOBAL\n====================================================== *\/\n.getaria-section * {\n    font-family: \"IBM Plex Mono\", monospace;\n    color: #ffffff;\n}\n\n\/* ======================================================\n   T\u00cdTULO + BOT\u00d3N EDITORIAL\n====================================================== *\/\n.getaria-title-flex {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 30px;\n}\n\n.download-btn-top {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: transparent !important;\n    border: none;\n    padding: 8px 10px;\n    font-size: 13px;\n    font-weight: 600;\n    text-decoration: none !important;\n    color: #ffffff !important;\n    letter-spacing: 0.02em;\n    cursor: pointer;\n    transition: opacity .3s ease;\n}\n\n.download-btn-top:hover {\n    opacity: 0.6;\n}\n\n.download-btn-top .btn-line {\n    display: block;\n    height: 1px;\n    width: 30px;\n    background: rgba(255,255,255,0.5);\n}\n\n\/* ======================================================\n   T\u00cdTULOS\n====================================================== *\/\n.getaria-title-block { display: flex; align-items: center; gap: 40px; }\n.getaria-title-num { writing-mode: vertical-rl; transform: rotate(180deg); opacity: .55; }\n.getaria-title-num span { font-size: 34px; font-weight: 600; }\n.getaria-title-main { font-size: 32px; font-weight: 600; margin: 0; letter-spacing: .04em; }\n.getaria-title-sub { font-size: 14px; opacity: .65; margin: 0; letter-spacing: .06em; }\n.getaria-title-line { height: 1px; background: rgba(255,255,255,.18); margin: 25px 0 40px; }\n\n\/* ======================================================\n   TEXTO IZQUIERDA\n====================================================== *\/\n.getaria-explanation-left {\n    max-width: 460px;\n    margin-bottom: 45px;\n    opacity: 0;\n    transform: translateY(25px);\n    transition: opacity .9s ease, transform .9s ease;\n}\n.getaria-explanation-left.visible { opacity: 1; transform: translateY(0); }\n.getaria-explanation-left p { font-size: 13px; opacity: .78; line-height: 1.45; }\n\n\/* ======================================================\n   GALER\u00cdA\n====================================================== *\/\n.getaria-gallery {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 260px;\n    gap: 18px;\n}\n.getaria-gallery .g-item {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity .6s ease, transform .6s ease;\n    cursor: pointer;\n    overflow: hidden;\n}\n.getaria-gallery .g-item.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n.getaria-gallery img {\n    width: 100%; height: 100%;\n    object-fit: cover;\n    transition: transform .5s, opacity .35s;\n}\n.getaria-gallery .g-item:hover img {\n    transform: scale(1.06) translateY(-4px);\n    opacity: .92;\n}\n\n.wide { grid-column: span 2; }\n.tall { grid-row: span 2; }\n\n\/* ======================================================\n   M\u00d3VIL\n====================================================== *\/\n@media (max-width: 600px) {\n    .getaria-gallery {\n        grid-template-columns: 1fr !important;\n        grid-auto-rows: auto !important;\n        gap: 12px !important;\n    }\n    .getaria-gallery img { height: auto !important; }\n    .mobile-hidden { display: none !important; }\n}\n\n\/* ======================================================\n   FLIPBOOK \u2014 TRANSPARENTE\n====================================================== *\/\n.getaria-flipbook-block {\n    margin-top: 70px;\n    margin-bottom: 70px;\n}\n.flipbook-title {\n    font-size: 18px;\n    opacity: .85;\n    margin-bottom: 20px;\n}\n\n.flipbook-wrapper,\n.flipbook-wrapper * {\n    background: transparent !important;\n}\n\n\/* Interno del flipbook *\/\n.r3d, .r3d *,\n.r3d-background, .r3d-background *,\n.r3d-book, .r3d-book *,\n.r3d-ui, .r3d-ui *,\ncanvas {\n    background: transparent !important;\n    box-shadow: none !important;\n}\n\n\/* Ocultar toolbar cl\u00e1sica *\/\n.r3d-ui-bottom,\n.r3d-ui-toolbar,\n.r3d-ui-panel,\n.r3d-ui-bar {\n    display: none !important;\n}\n\n\/* ======================================================\n   \ud83d\udd25 OCULTAR BARRA INFERIOR OFICIAL DEL PLUGIN\n====================================================== *\/\n.flipbook-menuBottom,\n.flipbook-nav {\n    display: none !important;\n}\n\n\/* ======================================================\n   RESPONSIVE AJUSTES\n====================================================== *\/\n@media (max-width: 900px) {\n    .getaria-title-flex {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 18px;\n    }\n    .download-btn-top { align-self: flex-start; }\n}\n\n@media (max-width: 600px) {\n    .download-btn-top {\n        align-self: center;\n        margin-top: 10px;\n    }\n}\n\n\/* Ocultar flipbook en m\u00f3vil *\/\n@media(max-width: 768px){\n    .flipbook-wrapper,\n    .flipbook-title {\n        display: none !important;\n    }\n}\n\n<\/style>\n\n\n<script>\n\/* ======================================================\n   SCROLL REVEAL\n====================================================== *\/\nconst bookItems = document.querySelectorAll('.getaria-gallery .g-item');\nconst bookExplanation = document.querySelector('.getaria-explanation-left');\n\nfunction revealBook() {\n    let trigger = window.innerHeight * 0.85;\n\n    bookItems.forEach(item=>{\n        if(item.getBoundingClientRect().top < trigger){\n            item.classList.add('visible');\n        }\n    });\n\n    if(bookExplanation.getBoundingClientRect().top < trigger){\n        bookExplanation.classList.add('visible');\n    }\n}\n\nwindow.addEventListener('scroll', revealBook);\nwindow.addEventListener('load', revealBook);\n\n\/* ======================================================\n   LIGHTBOX\n====================================================== *\/\ndocument.querySelectorAll('.getaria-gallery img').forEach(img=>{\n    img.addEventListener('click',()=>{\n        document.getElementById('lightbox-img').src = img.dataset.full;\n        document.querySelector('.g-lightbox').classList.add('show');\n        document.body.style.overflow = \"hidden\";\n    });\n});\n\ndocument.querySelector('.g-lightbox').addEventListener('click',()=>{\n    document.querySelector('.g-lightbox').classList.remove('show');\n    document.body.style.overflow = \"auto\";\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Branding, identidad, packaging, direcci\u00f3n de arte, fotograf\u00eda, filmmaking y desarrollo web. Creaci\u00f3n de merchandising y aplicaci\u00f3n de la marca en piezas f\u00edsicas y digitales. Proyecto ficticio basado en Balenciaga que construye una narrativa transmedia alterada para mostrar c\u00f3mo una marca puede manipular la percepci\u00f3n mediante relatos fabricados y estrategias de comunicaci\u00f3n. 03 GETARIA \u2014 LOOKBOOK [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2431","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages\/2431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/comments?post=2431"}],"version-history":[{"count":319,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages\/2431\/revisions"}],"predecessor-version":[{"id":5779,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages\/2431\/revisions\/5779"}],"wp:attachment":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/media?parent=2431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}