{"id":82,"date":"2025-05-19T19:07:18","date_gmt":"2025-05-19T17:07:18","guid":{"rendered":"https:\/\/oroi.design\/?page_id=82"},"modified":"2026-02-11T21:28:26","modified_gmt":"2026-02-11T20:28:26","slug":"inicio","status":"publish","type":"page","link":"https:\/\/oroi.design\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Fondo\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
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\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
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\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
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\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
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\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
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n \n \n OROI Portfolio Gallery<\/title>\n <!-- Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Trispace:wght@300;400;600&display=swap\"\n rel=\"stylesheet\">\n\n <style>\n \/* Core Variables & Reset *\/\n :root {\n \/* Palette: White Theme *\/\n --oroi-bg: #FFFFFF;\n --oroi-accent: #FFE600; \/* CAMBIADO: Azul por Amarillo vibrante *\/\n --oroi-text: #000000;\n --oroi-text-muted: #666666;\n\n \/* Typography *\/\n --font-headings: 'Space Mono', monospace;\n --font-body: 'Trispace', sans-serif;\n\n --transition-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n cursor: default;\n }\n\n body {\n background-color: var(--oroi-bg);\n color: var(--oroi-text);\n font-family: var(--font-body);\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n \/* Custom Cursor Follower *\/\n #cursor-follower {\n position: fixed;\n top: 0;\n left: 0;\n width: 150px;\n height: 150px;\n pointer-events: none;\n z-index: 9999;\n transform: translate(-50%, -50%) scale(0);\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n transition: transform 0.15s ease-out, opacity 0.2s ease-out;\n opacity: 0;\n mix-blend-mode: normal;\n filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));\n }\n\n #cursor-follower.active {\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n }\n\n \/* Gallery Container *\/\n .portfolio-section {\n padding: 6rem 1rem;\n max-width: 96%;\n margin: 0 auto;\n }\n\n .portfolio-header {\n margin-bottom: 5rem;\n text-align: left;\n }\n\n .portfolio-header h2 {\n font-family: var(--font-headings);\n font-weight: 700;\n font-size: 5rem;\n line-height: 0.9;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: -0.05em;\n color: #000000;\n }\n\n .portfolio-header p {\n font-family: var(--font-body);\n font-weight: 600;\n color: var(--oroi-text);\n font-size: 1.1rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n }\n\n \/* Grid Layout *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .gallery-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (min-width: 1024px) {\n .gallery-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n \/* Gallery Item (Card) *\/\n .gallery-item {\n position: relative;\n display: block;\n width: 100%;\n aspect-ratio: 4\/3;\n overflow: hidden;\n text-decoration: none;\n isolation: isolate;\n cursor: none;\n }\n\n \/* Image Handling *\/\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s var(--transition-smooth), filter 0.8s var(--transition-smooth);\n filter: grayscale(100%);\n }\n\n \/* Overlay *\/\n .gallery-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 60%);\n opacity: 0.8;\n transition: opacity 0.4s ease;\n z-index: 1;\n }\n\n \/* Content *\/\n .gallery-content {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 2rem;\n z-index: 3;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .gallery-title {\n font-family: var(--font-headings);\n font-weight: 700;\n font-size: 2rem;\n color: #fff;\n margin-bottom: 0.25rem;\n text-transform: uppercase;\n letter-spacing: -0.02em;\n line-height: 1.1;\n }\n\n .gallery-category {\n font-family: var(--font-body);\n font-size: 0.9rem;\n font-weight: 400;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--oroi-accent);\n transform: none;\n opacity: 1;\n }\n\n \/* Hover Effects *\/\n .gallery-item:hover img {\n transform: scale(1.03);\n filter: grayscale(0%);\n }\n\n \/* Adaptation for Mobile *\/\n @media (max-width: 767px) {\n .portfolio-section {\n padding: 4rem 1.25rem;\n }\n\n .portfolio-header {\n margin-bottom: 3rem;\n }\n\n .portfolio-header h2 {\n font-size: 2.8rem;\n line-height: 1.1;\n letter-spacing: -0.02em;\n }\n\n .portfolio-header p {\n font-size: 0.9rem;\n }\n\n #cursor-follower {\n display: none !important;\n }\n\n .gallery-item {\n cursor: pointer;\n }\n\n .gallery-content {\n padding: 1.5rem;\n }\n\n .gallery-title {\n font-size: 1.6rem;\n }\n }\n\n \/* Specific Span adjustments for visual variety in grid *\/\n @media (min-width: 1024px) {\n .gallery-item:first-child {\n grid-column: span 2;\n grid-row: span 2;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <!-- Cursor Follower Element -->\n <div id=\"cursor-follower\"><\/div>\n\n <section class=\"portfolio-section\">\n <div class=\"portfolio-header\">\n <h2>Selecci\u00f3n<br>de Proyectos<\/h2>\n <p>Explora nuestra galer\u00eda visual<\/p>\n <\/div>\n\n <div class=\"gallery-grid\">\n <!-- Item 1 -->\n <a href=\"https:\/\/oroi.design\/index.php\/letsurf-together\/\" class=\"gallery-item\"\n data-cursor=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/12\/LST_Imagotipo_Naranja_1.png\">\n <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/11\/Peniche_2025_62.jpg\" alt=\"Let's Surf Together\">\n <div class=\"gallery-overlay\"><\/div>\n <div class=\"gallery-content\">\n <h3 class=\"gallery-title\">Let's Surf Together<\/h3>\n <span class=\"gallery-category\">Experiencia \/ Surf<\/span>\n <\/div>\n <\/a>\n\n <!-- Item 2 -->\n <a href=\"https:\/\/oroi.design\/index.php\/getaria\/\" class=\"gallery-item\"\n data-cursor=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/10\/Getaria_svg.svg\">\n <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/12\/GETARIA_05-scaled-1.png\" alt=\"Getaria\">\n <div class=\"gallery-overlay\"><\/div>\n <div class=\"gallery-content\">\n <h3 class=\"gallery-title\">Getaria<\/h3>\n <span class=\"gallery-category\">Branding \/ Local<\/span>\n <\/div>\n <\/a>\n\n <!-- Item 3 -->\n <a href=\"https:\/\/oroi.design\/index.php\/explicit-gear\/\" class=\"gallery-item\"\n data-cursor=\"https:\/\/oroi.design\/wp-content\/uploads\/2026\/01\/Logo_b.png\">\n <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/12\/EG_02.png\" alt=\"Explicit Gear\">\n <div class=\"gallery-overlay\"><\/div>\n <div class=\"gallery-content\">\n <h3 class=\"gallery-title\">Explicit Gear<\/h3>\n <span class=\"gallery-category\">Moda \/ Dise\u00f1o<\/span>\n <\/div>\n <\/a>\n\n <!-- Item 4 -->\n <a href=\"https:\/\/oroi.design\/index.php\/la-canalla\/\" class=\"gallery-item\"\n data-cursor=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/09\/Logo-Canalla_1.png\">\n <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/12\/Canalla_Cartel_04_Portada.jpg\"\n alt=\"La Canalla\">\n <div class=\"gallery-overlay\"><\/div>\n <div class=\"gallery-content\">\n <h3 class=\"gallery-title\">La Canalla<\/h3>\n <span class=\"gallery-category\">Carteler\u00eda \/ Eventos<\/span>\n <\/div>\n <\/a>\n\n <!-- Item 5 -->\n <a href=\"https:\/\/www.cvbroker.es\/\" class=\"gallery-item\" target=\"_blank\" rel=\"noopener noreferrer\"\n data-cursor=\"https:\/\/oroi.design\/wp-content\/uploads\/2026\/01\/Preferente_negativo_En-fondo-en-azul@2x.png\">\n <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2025\/12\/Ordenador_cvbroker_04.png\" alt=\"CVBroker\">\n <div class=\"gallery-overlay\"><\/div>\n <div class=\"gallery-content\">\n <h3 class=\"gallery-title\">CVBroker<\/h3>\n <span class=\"gallery-category\">Web \/ Corporativo<\/span>\n <\/div>\n <\/a>\n\n <!-- Item 6 -->\n <a href=\"https:\/\/www.correduriacarazo.es\/\" class=\"gallery-item\" target=\"_blank\" rel=\"noopener noreferrer\"\n data-cursor=\"https:\/\/oroi.design\/wp-content\/uploads\/2026\/01\/Logotipo_Carazo_Blanco.png\">\n <img decoding=\"async\" src=\"https:\/\/oroi.design\/wp-content\/uploads\/2026\/01\/Captura-de-pantalla-2026-01-22-a-las-14.18.07-scaled.png\"\n alt=\"Carazo Corredur\u00eda\">\n <div class=\"gallery-overlay\"><\/div>\n <div class=\"gallery-content\">\n <h3 class=\"gallery-title\">CARAZO CORREDUR\u00cdA<\/h3>\n <span class=\"gallery-category\">web \/ identidad corporativa<\/span>\n <\/div>\n <\/a>\n <\/div>\n <\/section>\n\n <!-- Custom Cursor Script -->\n <script>\n const cursorFollower = document.getElementById('cursor-follower');\n const galleryItems = document.querySelectorAll('.gallery-item');\n\n const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n\n if (!isTouchDevice) {\n document.addEventListener('mousemove', (e) => {\n cursorFollower.style.top = e.clientY + 'px';\n cursorFollower.style.left = e.clientX + 'px';\n });\n\n galleryItems.forEach(item => {\n item.addEventListener('mouseenter', () => {\n const logoUrl = item.getAttribute('data-cursor');\n if (logoUrl) {\n cursorFollower.style.backgroundImage = `url('${logoUrl}')`;\n cursorFollower.classList.add('active');\n }\n });\n\n item.addEventListener('mouseleave', () => {\n cursorFollower.classList.remove('active');\n });\n });\n }\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\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>OROI Portfolio Gallery Selecci\u00f3nde Proyectos Explora nuestra galer\u00eda visual Let’s Surf Together Experiencia \/ Surf Getaria Branding \/ Local Explicit Gear Moda \/ Dise\u00f1o La Canalla Carteler\u00eda \/ Eventos CVBroker Web \/ Corporativo CARAZO CORREDUR\u00cdA web \/ identidad corporativa<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages\/82","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=82"}],"version-history":[{"count":1300,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":5722,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages\/82\/revisions\/5722"}],"wp:attachment":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}