{"id":7321,"date":"2026-09-16T12:06:44","date_gmt":"2026-09-16T12:06:44","guid":{"rendered":"https:\/\/oigrexariovacacional.com\/?page_id=7321"},"modified":"2026-09-20T18:50:21","modified_gmt":"2026-09-20T18:50:21","slug":"sean","status":"publish","type":"page","link":"https:\/\/oigrexariovacacional.com\/en\/sean\/","title":{"rendered":"Sean"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7321\" class=\"elementor elementor-7321\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fcd329 e-con-full e-flex e-con e-parent\" data-id=\"2fcd329\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-636a397 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"636a397\" 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<section class=\"sean-home\" aria-labelledby=\"sean-home-title\">\n\n    <!-- H1 REAL PARA SEO -->\n    <h1 id=\"sean-home-title\" class=\"sean-sr-only\">\n        Sean Studio\n    <\/h1>\n\n    <!-- S\u00cdMBOLO ANIMADO -->\n    <div class=\"sean-symbol\" aria-hidden=\"true\">\n        <img decoding=\"async\"\n            src=\"https:\/\/oigrexariovacacional.com\/wp-content\/uploads\/2026\/09\/sean-studio-simbolo-grafico.png\"\n            alt=\"Sean Studio Simbolo Grafico\"\n            draggable=\"false\"\n         title=\"Sean\">\n    <\/div>\n\n    <!-- COMPOSICI\u00d3N PRINCIPAL -->\n    <div class=\"sean-artwork\">\n\n        <img decoding=\"async\"\n            class=\"sean-main-logo\"\n            src=\"https:\/\/oigrexariovacacional.com\/wp-content\/uploads\/2026\/09\/sean-vigo-studio-logo-scaled.png\"\n            alt=\"Sean Studio\"\n            fetchpriority=\"high\"\n            draggable=\"false\"\n         title=\"Sean\">\n\n        <!-- SOLO LOS 3 PUNTOS -->\n        <span class=\"sean-processing-dots\" aria-hidden=\"true\">\n            <span class=\"sean-dot dot-1\">.<\/span>\n            <span class=\"sean-dot dot-2\">.<\/span>\n            <span class=\"sean-dot dot-3\">.<\/span>\n        <\/span>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   PORTADA\n========================================================= *\/\n\n.sean-home {\n\n    --symbol-box: clamp(300px, 27vw, 440px);\n\n    --art-width: min(\n        1700px,\n        99vw,\n        calc(100svh * 1.514)\n    );\n\n    \/*\n       POSICI\u00d3N DE LOS ...\n       AHORA M\u00c1S ARRIBA Y M\u00c1S A LA DERECHA\n    *\/\n    --dots-left: 79.0%;\n    --dots-top: 70.6%;\n\n    position: relative;\n\n    width: 100vw;\n\n    height: 100vh;\n    height: 100svh;\n\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n\n    background: #ffffff;\n\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   COMPOSICI\u00d3N PRINCIPAL\n========================================================= *\/\n\n.sean-artwork {\n\n    position: absolute;\n\n    left: 53%;\n    top: 50%;\n\n    width: var(--art-width);\n\n    aspect-ratio: 990 \/ 654;\n\n    transform: translate(-50%, -50%);\n\n    z-index: 10;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   PNG PRINCIPAL\n========================================================= *\/\n\n.sean-main-logo {\n\n    position: absolute;\n\n    inset: 0;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    max-width: none;\n\n    object-fit: contain;\n    object-position: center;\n\n    user-select: none;\n\n    mix-blend-mode: multiply;\n}\n\n\n\/* =========================================================\n   PUNTOS DESPU\u00c9S DE PROCESSING\n========================================================= *\/\n\n.sean-processing-dots {\n\n    position: absolute;\n\n    left: var(--dots-left);\n    top: var(--dots-top);\n\n    transform: translateY(-50%);\n\n    z-index: 30;\n\n    display: inline-flex;\n\n    align-items: baseline;\n\n    white-space: nowrap;\n\n    color: #000000;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: clamp(14px, 1.45vw, 24px);\n\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: -0.08em;\n}\n\n\n\/* =========================================================\n   PUNTOS\n========================================================= *\/\n\n.sean-dot {\n\n    display: inline-block;\n\n    opacity: 0;\n\n    transform-origin: center;\n}\n\n\n.dot-1 {\n    animation: seanDot1 3s linear infinite;\n}\n\n\n.dot-2 {\n    animation: seanDot2 3s linear infinite;\n}\n\n\n.dot-3 {\n    animation: seanDot3 3s linear infinite;\n}\n\n\n\/* =========================================================\n   PRIMER PUNTO\n========================================================= *\/\n\n@keyframes seanDot1 {\n\n    0%,\n    10% {\n        opacity: 0;\n    }\n\n    14%,\n    97% {\n        opacity: 1;\n    }\n\n    100% {\n        opacity: 0;\n    }\n\n}\n\n\n\/* =========================================================\n   SEGUNDO PUNTO\n========================================================= *\/\n\n@keyframes seanDot2 {\n\n    0%,\n    36% {\n        opacity: 0;\n    }\n\n    41%,\n    97% {\n        opacity: 1;\n    }\n\n    100% {\n        opacity: 0;\n    }\n\n}\n\n\n\/* =========================================================\n   TERCER PUNTO + PALPITACI\u00d3N\n========================================================= *\/\n\n@keyframes seanDot3 {\n\n    0%,\n    63% {\n\n        opacity: 0;\n\n        transform: scale(1);\n\n    }\n\n    68% {\n\n        opacity: 1;\n\n        transform: scale(1);\n\n    }\n\n    77% {\n\n        opacity: .40;\n\n        transform: scale(.82);\n\n    }\n\n    83% {\n\n        opacity: 1;\n\n        transform: scale(1.20);\n\n    }\n\n    89% {\n\n        opacity: .50;\n\n        transform: scale(.88);\n\n    }\n\n    95% {\n\n        opacity: 1;\n\n        transform: scale(1.17);\n\n    }\n\n    98% {\n\n        opacity: 1;\n\n        transform: scale(1);\n\n    }\n\n    100% {\n\n        opacity: 0;\n\n        transform: scale(1);\n\n    }\n\n}\n\n\n\/* =========================================================\n   S\u00cdMBOLO M\u00d3VIL\n========================================================= *\/\n\n.sean-symbol {\n\n    position: absolute;\n\n    left: 0;\n    top: 0;\n\n    width: var(--symbol-box);\n    height: var(--symbol-box);\n\n    z-index: 2;\n\n    pointer-events: none;\n\n    overflow: visible;\n\n    will-change: transform;\n\n    animation:\n        seanSymbolLoop\n        26s\n        ease-in-out\n        infinite;\n}\n\n\n\/* =========================================================\n   PNG DEL S\u00cdMBOLO\n========================================================= *\/\n\n.sean-symbol img {\n\n    position: absolute;\n\n    width: 260%;\n\n    height: auto;\n\n    max-width: none;\n\n    left: 0;\n    top: -27%;\n\n    opacity: .88;\n\n    transform-origin: 19.5% 44%;\n\n    filter:\n        blur(5px)\n        drop-shadow(\n            0 0 20px\n            rgba(44, 13, 255, .30)\n        );\n\n    will-change: transform;\n\n    animation:\n        seanSymbolRotate\n        8s\n        ease-in-out\n        infinite alternate;\n}\n\n\n\/* =========================================================\n   RECORRIDO NATURAL CERRADO\n========================================================= *\/\n\n@keyframes seanSymbolLoop {\n\n    0% {\n        transform:\n            translate3d(3vw, 8vh, 0);\n    }\n\n    12.5% {\n        transform:\n            translate3d(23vw, 3vh, 0);\n    }\n\n    25% {\n        transform:\n            translate3d(\n                calc(100vw - var(--symbol-box) - 4vw),\n                9vh,\n                0\n            );\n    }\n\n    37.5% {\n        transform:\n            translate3d(\n                calc(100vw - var(--symbol-box) - 6vw),\n                38vh,\n                0\n            );\n    }\n\n    50% {\n        transform:\n            translate3d(\n                calc(100vw - var(--symbol-box) - 4vw),\n                calc(100svh - var(--symbol-box) - 5vh),\n                0\n            );\n    }\n\n    62.5% {\n        transform:\n            translate3d(\n                44vw,\n                calc(100svh - var(--symbol-box) - 4vh),\n                0\n            );\n    }\n\n    75% {\n        transform:\n            translate3d(\n                4vw,\n                calc(100svh - var(--symbol-box) - 5vh),\n                0\n            );\n    }\n\n    87.5% {\n        transform:\n            translate3d(\n                7vw,\n                37vh,\n                0\n            );\n    }\n\n    100% {\n        transform:\n            translate3d(3vw, 8vh, 0);\n    }\n\n}\n\n\n\/* =========================================================\n   ROTACI\u00d3N\n========================================================= *\/\n\n@keyframes seanSymbolRotate {\n\n    0% {\n        transform:\n            rotate(-7deg)\n            scale(.97);\n    }\n\n    25% {\n        transform:\n            rotate(4deg)\n            scale(1.02);\n    }\n\n    50% {\n        transform:\n            rotate(1deg)\n            scale(1.04);\n    }\n\n    75% {\n        transform:\n            rotate(-5deg)\n            scale(.99);\n    }\n\n    100% {\n        transform:\n            rotate(3deg)\n            scale(1);\n    }\n\n}\n\n\n\/* =========================================================\n   H1 SEO\n========================================================= *\/\n\n.sean-sr-only {\n\n    position: absolute !important;\n\n    width: 1px !important;\n    height: 1px !important;\n\n    padding: 0 !important;\n    margin: -1px !important;\n\n    overflow: hidden !important;\n\n    clip: rect(0, 0, 0, 0) !important;\n    clip-path: inset(50%) !important;\n\n    white-space: nowrap !important;\n\n    border: 0 !important;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .sean-home {\n\n        --symbol-box:\n            clamp(270px, 34vw, 380px);\n\n        --art-width:\n            min(\n                99vw,\n                calc(98svh * 1.514)\n            );\n\n        --dots-left: 88.6%;\n        --dots-top: 80.2%;\n    }\n\n    .sean-artwork {\n        left: 52%;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .sean-home {\n\n        --symbol-box:\n            clamp(200px, 45vw, 280px);\n\n        --art-width:\n            min(\n                100vw,\n                calc(96svh * 1.514)\n            );\n\n        --dots-left: 88.6%;\n        --dots-top: 80.2%;\n    }\n\n    .sean-artwork {\n        left: 50%;\n    }\n\n    .sean-processing-dots {\n        font-size:\n            clamp(9px, 2vw, 14px);\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Sean Studio . . .<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7321","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oigrexariovacacional.com\/en\/wp-json\/wp\/v2\/pages\/7321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oigrexariovacacional.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oigrexariovacacional.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oigrexariovacacional.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/oigrexariovacacional.com\/en\/wp-json\/wp\/v2\/comments?post=7321"}],"version-history":[{"count":58,"href":"https:\/\/oigrexariovacacional.com\/en\/wp-json\/wp\/v2\/pages\/7321\/revisions"}],"predecessor-version":[{"id":9083,"href":"https:\/\/oigrexariovacacional.com\/en\/wp-json\/wp\/v2\/pages\/7321\/revisions\/9083"}],"wp:attachment":[{"href":"https:\/\/oigrexariovacacional.com\/en\/wp-json\/wp\/v2\/media?parent=7321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}