<!DOCTYPE html>
<html lang="es-ES">
<head>
        <script data-collect-dnt="true" async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif?collect-dnt=true" alt="" referrerpolicy="no-referrer-when-downgrade"/></noscript>

 <script src="https://www.rulerflow.com/analytics.js" data-writekey="gnfhlswvn5whu4jwnh33jzbxrvpptxk0" defer></script>
<script type="text/javascript">    

!function(){"use strict";document.addEventListener("analytics:init",(function(){!function(e,t){if("undefined"!=typeof analytics){var n=t.currentScript||t.querySelector("script[data-collect]"),a=m(n,"collect","array",["outbound","emails","downloads"]),i=m(n,"extensions","array",["pdf","csv","docx","xlsx","zip","doc","xls"]),o=m(n,"useTitle","bool",!0),r=m(n,"fullUrls","bool",!1),l=m(n,"trackForms","bool",!0),s=m(n,"trackInputChanges","bool",!0),d=m(n,"rageclicks","bool",!0),c=m(n,"visibility","bool",!0),u=m(n,"timeonpage","int",30),f={outbound:a.indexOf("outbound")>-1,emails:a.indexOf("emails")>-1,downloads:a.indexOf("downloads")>-1,downloadsExtensions:i,title:o,outboundFullUrl:r,downloadsFullUrl:r,trackForms:l,trackInputChanges:s,trackRageClicks:d,trackVisibility:c,timeOnPageThreshold:u,propertyBlacklist:["password","credit_card_number","ssn"],globalProperties:{},eventProperties:{download:{source:"website_link"}}},p={global:f.globalProperties,perEvent:f.eventProperties};"complete"===t.readyState||"interactive"===t.readyState?w():t.addEventListener("DOMContentLoaded",w),e.setGlobalProperties=function(e){e=h(e||{},f.propertyBlacklist),g(p.global,e)},e.setEventProperties=function(e,t){p.perEvent[e]||(p.perEvent[e]={}),t=h(t||{},f.propertyBlacklist),g(p.perEvent[e],t)}}function m(e,t,n,a){if(!e)return a;var i=e.dataset[t];switch(n){case"bool":return"true"===i||"false"!==i&&a;case"array":return i?i.split(",").map((function(e){return e.trim()})).filter(Boolean):a;case"int":return i?parseInt(i,10):a;default:return i||a}}function g(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}function h(e,t){return t.forEach((function(t){e.hasOwnProperty(t)&&delete e[t]})),e}function v(t,n){var a={};return g(a,p.global),p.perEvent[t]&&g(a,p.perEvent[t]),g(a,n),a.auto=!0,a.source_page_url=e.location.href,h(a,f.propertyBlacklist)}function y(e,t,n,a){t=t||{},"undefined"!=typeof analytics&&"function"==typeof analytics.track&&analytics.track(e,t,a?{transport:"beacon"}:{},(function(){n&&"function"==typeof n&&n()}))}function b(e,t,n){y(e,t,n,!1)}function k(e,t){y(e,t,null,!0)}function _(){k("Page Unload",v("page_unload",{}))}function w(){t.addEventListener("click",(function(n){var a=n.target;if(a){for(;a&&a!==t.body&&!a.tagName.match(/^(A|BUTTON|INPUT|TEXTAREA|SELECT|IMG|SVG|H\d)$/i);)a=a.parentNode;if(a&&a!==t.body){var i={},o="",r=a.tagName.toLowerCase(),l=(a.innerText||a.textContent||"").trim(),s=a.id||"",d=a.name||"",c="a"===r&&a.href?a.href:"",u=!!c&&/^https?:\/\//i.test(c);if("a"===r){var p=null;f.downloads&&u&&new RegExp("\\.("+f.downloadsExtensions.join("|")+")$","i").test(a.pathname)&&(p="download"),!p&&f.outbound&&u&&a.hostname!==e.location.hostname&&(p="outbound"),!p&&f.emails&&/^mailto:/i.test(c)&&(p="email"),p?(i.destination_url=c,f.title&&a.title&&(i.title=a.title.trim()),l&&(i.text=l),"download"===p&&(i.file_name=f.downloadsFullUrl?a.hostname+a.pathname:a.pathname.split("/").pop()),o="Clicked "+p):(i.destination_url=c,l&&(i.text=l),o="Clicked link")}else if("button"===r)o="Clicked button",i.text=l;else if("input"===r)o="Clicked input",s&&(i.input_id=s),d&&(i.input_name=d),i.input_type=a.type||"";else if("textarea"===r)o="Clicked textarea",s&&(i.textarea_id=s),d&&(i.textarea_name=d);else if("img"===r){o="Clicked img";var m=a.closest("a");if(m&&m.href){i.destination_url=m.href;var g=(m.innerText||m.textContent||"").trim();g&&(i.text=g),o="Clicked img with link"+(g?" "+g:"")}i.img_src=a.src}else o="Clicked "+r,l&&(i.text=l);c&&!i.destination_url&&(i.destination_url=c),b(o,v("click",i))}}})),f.trackForms&&t.addEventListener("submit",(function(e){var t=e.target;if(t&&t.tagName&&"form"===t.tagName.toLowerCase()){var n=Array.from(t.elements).map((function(e,t){return{name:e.name||e.id||"field_"+(t+1),tag_name:e.tagName.toLowerCase(),type:e.type||"",value:e.type&&"password"===e.type.toLowerCase()?"<redacted>":e.value||""}}));b("Submitted form",v("form_submit",{form_id:t.id,form_action:t.action,form_method:t.method,fields:n}))}})),f.trackInputChanges&&t.addEventListener("change",(function(e){var t=e.target;if(t&&t.tagName){var n=t.tagName.toLowerCase();if(-1!==["input","textarea","select"].indexOf(n)){var a="Changed "+n,i={element_tag:n};t.id&&(i.element_id=t.id),t.name&&(i.element_name=t.name),i.new_value="input"===n&&"password"===t.type?"<redacted>":t.value||"",b(a,v("input_change",i))}}})),function(){if(f.trackRageClicks){var e=[];t.addEventListener("click",(function(t){var n=t.clientX,a=t.clientY,i=Date.now();if(e.push({x:n,y:a,t:i}),(e=e.filter((function(e){return i-e.t<1e3}))).length>=3){var o=e[e.length-1];e.filter((function(e){return Math.abs(e.x-o.x)+Math.abs(e.y-o.y)<30})).length>=3&&(b("Rage Click",v("rage_click",{})),e=[])}}))}}(),f.trackVisibility&&t.addEventListener("visibilitychange",(function(){"hidden"===t.visibilityState&&k("Page Hidden",v("page_hidden",{}))})),!f.timeOnPageThreshold||f.timeOnPageThreshold<=0||setTimeout((function(){b("Time on Page",v("time_on_page",{seconds:f.timeOnPageThreshold}))}),1e3*f.timeOnPageThreshold),e.addEventListener("beforeunload",_),e.addEventListener("unload",_)}}(window,document)}))}();
</script>


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VYD9MVL3FT"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-VYD9MVL3FT');
</script>

<script defer data-website-id="dfid_7IJwzHcrjvr0DYmGkwJqg" data-domain="wwwneoteo.com" src="https://datafa.st/js/script.js"></script>
    <meta name="csrf-token" content="ITPl0gjwLobhqcscbFfNwrhPowWD47u73kUSDdAx">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="content-language" content="es-ES"/>
    <meta name="language" content="es-ES"/>
    <meta property="og:locale" content="es_ES"/>
    <link rel="canonical" href="https://www.neoteo.com/es"/>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"neoteo-tenancy","url":"https://www.neoteo.com/es","inLanguage":"es-ES"}</script>
    <meta name="viewport" content="initial-scale=1.0, width=device-width">
    <title>NeoTeo | NeoTeo - NeoTeo</title>
<meta name="language" content="es-ES">
<link rel="canonical" href="https://www.neoteo.com/es">
<meta property="og:title" content="NeoTeo | NeoTeo">
<meta property="og:site_name" content="NeoTeo">
<meta property="og:type" content="website">
<meta property="og:locale" content="es_ES">

<meta name="twitter:site" content="@NeoTeo">
<meta name="twitter:title" content="NeoTeo | NeoTeo">
<meta name="twitter:description" content="">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.neoteo.com/es">
<script type="application/ld+json">{"@context":"https://schema.org","name":"NeoTeo"}</script>
    
     
    
    <link rel="alternate" type="application/rss+xml" title="My feed" href="https://www.neoteo.com/es/feed">


 
    <script >
        window.dataLayer = window.dataLayer || [];
            </script>
    <script >
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
        var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
        j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-PGRGTMJ');
    </script>

    <link rel="stylesheet" href="https://www.neoteo.com/vendor/image-resizer/css/image-resizer.css">
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
    </script>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

                <link rel="icon" type="image/png" sizes="16x16" href="https://www.neoteo.com/storage/medialibrary/167472/conversions/favicon-favicon-16x16.png">
        <link rel="icon" type="image/png" sizes="32x32" href="https://www.neoteo.com/storage/medialibrary/167472/conversions/favicon-favicon-32x32.png">
        <link rel="apple-touch-icon" sizes="180x180" href="https://www.neoteo.com/storage/medialibrary/167472/conversions/favicon-apple-touch-icon.png">
    
    <!-- Styles -->
    <link rel="preload" as="style" href="https://www.neoteo.com/themes/pixany/neoteo/build/assets/neoteo.CxRk97L4.css" /><link rel="modulepreload" as="script" href="https://www.neoteo.com/themes/pixany/neoteo/build/assets/neoteo.SySMQ2k7.js" /><link rel="stylesheet" href="https://www.neoteo.com/themes/pixany/neoteo/build/assets/neoteo.CxRk97L4.css" data-navigate-track="reload" /><script type="module" src="https://www.neoteo.com/themes/pixany/neoteo/build/assets/neoteo.SySMQ2k7.js" data-navigate-track="reload"></script>
    <script defer type="module" src="https://cdn.jsdelivr.net/npm/playerx/+esm"></script>

    <!-- Scripts -->
    <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/ui@3/dist/cdn.min.js"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/intersect@3/dist/cdn.min.js"></script>

    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
        <link rel="stylesheet" href="https://www.neoteo.com/_laravel-comments-livewire/styles.css?v=dev-main">
    <link rel="stylesheet" href="https://www.neoteo.com/vendor/blocknotefield/assets/frontend-DLv2nNlq.css">    <style>
        [x-cloak] {
            display: none !important;
        }
    </style>

    <script>
!function(){var RecJS=window.RecJS=window.RecJS||[],a=RecJS;if(a.initialize)return;if(a.invoked)return;
 a.invoked=!0;a.methods=["load","init","page","track","identify","setItem","reset","flush","ready","on","off","once","viewContent","impressionContent","selectContent","startReading","readComplete","scrollDepth","reactContent","searchContent","viewSearchResults","selectSearchResult","viewFrontPage","viewOther","viewCategory","viewTag"];
a.factory=function(e){return function(){var n=Array.prototype.slice.call(arguments);n.unshift(e);a.push(n);return a}};
for(var n=0;n<a.methods.length;n++){var k=a.methods[n];a[k]=a.factory(k)}
var t=document.createElement("script");t.type="text/javascript";t.defer=!0;
t.src="https://recjs.b-cdn.net/api/recommender/v1/tracker/qged9w3bpjdwaxnybtlgcylv0jfo0eku.js";
var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    function runWhenRecJS(fn) {
        if (window.RecJS && typeof window.RecJS.track === 'function') {
            fn();

            return;
        }

        window.RecJS = window.RecJS || [];
        window.RecJS.push(['ready', fn]);
    }

    function parseJsonValue(value, fallback) {
        if (! value) {
            return fallback;
        }

        try {
            return JSON.parse(value);
        } catch (error) {
            return fallback;
        }
    }

    function parseNumber(value) {
        if (value === undefined || value === null || value === '') {
            return undefined;
        }

        const parsed = Number(value);

        return Number.isFinite(parsed) ? parsed : undefined;
    }

    function buildItemFromDataset(dataset) {
        const item = {
            id: dataset.recjsId,
            type: dataset.recjsType,
            title: dataset.recjsTitle,
            url: dataset.recjsUrl,
            image_url: dataset.recjsImageUrl,
            price: parseNumber(dataset.recjsPrice),
            currency: dataset.recjsCurrency,
            categories: parseJsonValue(dataset.recjsCategories, undefined),
            labels: parseJsonValue(dataset.recjsLabels, undefined),
            features: parseJsonValue(dataset.recjsFeatures, undefined),
            attributes: parseJsonValue(dataset.recjsAttributes, undefined),
        };

        return Object.fromEntries(
            Object.entries(item).filter(function(entry) {
                const value = entry[1];

                if (value === undefined || value === null) {
                    return false;
                }

                if (Array.isArray(value) && value.length === 0) {
                    return false;
                }

                return value !== '';
            })
        );
    }

    function getCurrentRecjsItem() {
        if (! window.RecJS || typeof window.RecJS.dumpData !== 'function') {
            return null;
        }

        try {
            const dump = window.RecJS.dumpData();

            return dump && dump.currentItem ? dump.currentItem : null;
        } catch (error) {
            return null;
        }
    }

    const observedCards = new WeakSet();
    const boundCards = new WeakSet();
    const initializedContentDetails = new WeakSet();
    const trackedPageElements = new WeakSet();

    const RecJSTheme = {
        scanScheduled: false,

        init() {
            this.identifyAuthenticatedUser();
            this.scan(document);
            this.observeMutations();
            this.listenForBrowserEvents();
        },

        identifyAuthenticatedUser() {
                    },

        listenForBrowserEvents() {
            document.addEventListener('livewire:init', () => {
                if (window.Livewire && typeof window.Livewire.on === 'function') {
                    Livewire.on('recjs-track-like', (source) => {
                        this.trackReaction('like', source || 'post-like-dislike');
                    });

                    Livewire.on('recjs-track-dislike', (source) => {
                        this.trackReaction('dislike', source || 'post-like-dislike');
                    });

                    Livewire.on('recjs-reset', () => {
                        runWhenRecJS(function() {
                            if (window.RecJS && typeof window.RecJS.reset === 'function') {
                                window.RecJS.reset();
                            }
                        });
                    });
                }

                this.queueScan();
            });

            document.addEventListener('livewire:navigated', () => {
                this.queueScan();
            });
        },

        observeMutations() {
            if (! document.body || typeof MutationObserver === 'undefined') {
                return;
            }

            const observer = new MutationObserver(() => {
                this.queueScan();
            });

            observer.observe(document.body, {
                childList: true,
                subtree: true,
                attributes: true,
                attributeFilter: ['data-recjs-query', 'data-recjs-result-count', 'data-recjs-signature'],
            });
        },

        queueScan() {
            if (this.scanScheduled) {
                return;
            }

            this.scanScheduled = true;

            window.requestAnimationFrame(() => {
                this.scanScheduled = false;
                this.scan(document);
            });
        },

        scan(root) {
            this.initPageEvents(root);
            this.initContentDetails(root);
            this.initSearchPages(root);
            this.initCards(root);
        },

        initPageEvents(root) {
            root.querySelectorAll('[data-recjs-page-event]').forEach((element) => {
                if (trackedPageElements.has(element)) {
                    return;
                }

                trackedPageElements.add(element);

                const eventType = element.dataset.recjsPageEvent;

                if (eventType === 'front_page') {
                    this.viewFrontPage();

                    return;
                }

                if (eventType === 'view_other' && element.dataset.recjsPageType) {
                    this.viewOther(element.dataset.recjsPageType);

                    return;
                }

                if (eventType === 'view_category') {
                    const category = buildItemFromDataset(element.dataset);

                    this.viewCategory(category, {
                        placement: element.dataset.recjsPlacement,
                        source: element.dataset.recjsSource || 'page',
                    });

                    return;
                }

                if (eventType === 'view_tag') {
                    const tag = {
                        id: element.dataset.recjsId,
                        type: element.dataset.recjsType || 'tag',
                        title: element.dataset.recjsTitle,
                        url: element.dataset.recjsUrl,
                    };

                    this.viewTag(tag);
                }
            });
        },

        initSearchPages(root) {
            root.querySelectorAll('[data-recjs-search-page]').forEach((element) => {
                const signature = element.dataset.recjsSignature || '';

                if (signature === '' || element.dataset.recjsTrackedSignature === signature) {
                    return;
                }

                element.dataset.recjsTrackedSignature = signature;

                const query = element.dataset.recjsQuery || '';
                const resultCount = parseNumber(element.dataset.recjsResultCount) || 0;
                const page = parseNumber(element.dataset.recjsPage) || 1;
                const payload = {
                    result_count: resultCount,
                    page: page,
                    source: element.dataset.recjsSource || 'search-page',
                };

                if (query.trim() !== '') {
                    this.searchContent(query, payload);
                }

                this.viewSearchResults(query, payload);
            });
        },

        initContentDetails(root) {
            root.querySelectorAll('[data-recjs-content-detail]').forEach((element) => {
                if (initializedContentDetails.has(element)) {
                    return;
                }

                initializedContentDetails.add(element);

                const item = buildItemFromDataset(element.dataset);
                const thresholds = {
                    readSeconds: parseNumber(element.dataset.recjsReadSeconds) || 30,
                    readScrollPercent: parseNumber(element.dataset.recjsReadScrollPercent) || 50,
                    completeScrollPercent: parseNumber(element.dataset.recjsCompleteScrollPercent) || 90,
                };
                const detailState = {
                    startedAt: Date.now(),
                    readTriggered: false,
                    readCompleteTriggered: false,
                    maxDepth: 0,
                    scrollDepths: new Set(),
                };
                const updateDepthState = () => {
                    const documentHeight = Math.max(
                        document.documentElement.scrollHeight - window.innerHeight,
                        1
                    );
                    const depth = Math.min(
                        100,
                        Math.max(0, Math.round((window.scrollY / documentHeight) * 100))
                    );

                    if (depth > detailState.maxDepth) {
                        detailState.maxDepth = depth;
                    }

                    [25, 50, 75, 90, 100].forEach((threshold) => {
                        if (depth < threshold || detailState.scrollDepths.has(threshold)) {
                            return;
                        }

                        detailState.scrollDepths.add(threshold);
                        this.scrollDepth(threshold, {
                            item_id: item.id,
                            item_type: item.type,
                            source: 'content-detail',
                        });
                    });

                    if (! detailState.readTriggered && depth >= thresholds.readScrollPercent) {
                        this.triggerRead(detailState, item, 'scroll_50');
                    }

                    if (! detailState.readCompleteTriggered && depth >= thresholds.completeScrollPercent) {
                        detailState.readCompleteTriggered = true;

                        this.readComplete(item, {
                            source: 'content-detail',
                            depth_percent: depth,
                            seconds_on_page: this.secondsOnPage(detailState.startedAt),
                        });
                    }
                };

                this.setItem(item);
                this.viewContent(item, {
                    source: element.dataset.recjsSource || 'content-detail',
                    page_type: 'content',
                });

                window.setTimeout(() => {
                    if (! detailState.readTriggered) {
                        this.triggerRead(detailState, item, 'time_30s');
                    }
                }, thresholds.readSeconds * 1000);

                window.addEventListener('scroll', updateDepthState, { passive: true });
                window.addEventListener('pagehide', updateDepthState, { passive: true });
                document.addEventListener('visibilitychange', () => {
                    if (document.visibilityState === 'hidden') {
                        updateDepthState();
                    }
                });

                updateDepthState();
            });
        },

        triggerRead(state, item, thresholdSource) {
            if (state.readTriggered) {
                return;
            }

            state.readTriggered = true;

            const payload = {
                item_id: item.id,
                item_type: item.type,
                depth_percent: state.maxDepth,
                seconds_on_page: this.secondsOnPage(state.startedAt),
                threshold_source: thresholdSource,
                source: 'content-detail',
            };

            this.track('read', payload, { value: 1 });
            this.startReading(item, payload);
        },

        initCards(root) {
            root.querySelectorAll('[data-recjs-card]').forEach((element) => {
                const item = buildItemFromDataset(element.dataset);

                if (Object.keys(item).length === 0) {
                    return;
                }

                if (! boundCards.has(element)) {
                    boundCards.add(element);

                    element.addEventListener('click', (event) => {
                        const clickedLink = event.target.closest('a[href]');

                        if (clickedLink) {
                            const clickedUrl = clickedLink.href;
                            const targetUrl = element.dataset.recjsUrl;

                            if (targetUrl && clickedUrl !== targetUrl) {
                                return;
                            }
                        }

                        const properties = {
                            placement: element.dataset.recjsPlacement,
                            list: element.dataset.recjsList,
                            position: parseNumber(element.dataset.recjsPosition),
                            query: element.dataset.recjsQuery,
                            source: element.dataset.recjsSource || 'content-card',
                        };

                        if (element.dataset.recjsClickEvent === 'select_search_result') {
                            this.selectSearchResult(item, properties);

                            return;
                        }

                        this.selectContent(item, properties);
                    }, { capture: true });
                }

                if (observedCards.has(element) || typeof IntersectionObserver === 'undefined') {
                    return;
                }

                observedCards.add(element);

                const observer = new IntersectionObserver((entries) => {
                    entries.forEach((entry) => {
                        if (! entry.isIntersecting || element.dataset.recjsImpressionTracked === '1') {
                            return;
                        }

                        element.dataset.recjsImpressionTracked = '1';

                        this.impressionContent(item, {
                            placement: element.dataset.recjsPlacement,
                            list: element.dataset.recjsList,
                            position: parseNumber(element.dataset.recjsPosition),
                            query: element.dataset.recjsQuery,
                            source: element.dataset.recjsSource || 'content-card',
                        });

                        observer.unobserve(entry.target);
                    });
                }, {
                    threshold: 0.35,
                });

                observer.observe(element);
            });
        },

        secondsOnPage(startedAt) {
            return Math.max(1, Math.round((Date.now() - startedAt) / 1000));
        },

        setItem(item) {
            runWhenRecJS(function() {
                if (window.RecJS && typeof window.RecJS.setItem === 'function') {
                    window.RecJS.setItem(item);
                }
            });
        },

        track(eventName, properties, options) {
            runWhenRecJS(function() {
                if (window.RecJS && typeof window.RecJS.track === 'function') {
                    window.RecJS.track(eventName, properties || {}, options || {});
                }
            });
        },

        invokeShortcut(method, fallbackEvent, args) {
            runWhenRecJS(function() {
                if (window.RecJS && typeof window.RecJS[method] === 'function') {
                    window.RecJS[method].apply(window.RecJS, args);

                    return;
                }

                if (fallbackEvent) {
                    const fallbackPayload = {};

                    if (args[0] && typeof args[0] === 'object' && ! Array.isArray(args[0])) {
                        Object.assign(fallbackPayload, args[0]);
                    }

                    if (args[1] && typeof args[1] === 'object' && ! Array.isArray(args[1])) {
                        Object.assign(fallbackPayload, args[1]);
                    }

                    if (typeof args[0] === 'string') {
                        if (method === 'viewOther') {
                            fallbackPayload.page_type = args[0];
                        }

                        if (method === 'searchContent' || method === 'viewSearchResults') {
                            fallbackPayload.query = args[0];
                        }
                    }

                    if (typeof args[0] === 'number' && method === 'scrollDepth') {
                        fallbackPayload.depth = args[0];
                    }

                    window.RecJS.track(fallbackEvent, fallbackPayload, { value: 1 });
                }
            });
        },

        viewFrontPage() {
            this.invokeShortcut('viewFrontPage', 'view_front_page', []);
        },

        viewOther(pageType) {
            this.invokeShortcut('viewOther', 'view_other', [pageType]);
        },

        viewContent(item, properties) {
            this.invokeShortcut('viewContent', 'view_content', [item, properties || {}]);
        },

        impressionContent(item, properties) {
            this.invokeShortcut('impressionContent', 'impression_content', [item, properties || {}]);
        },

        selectContent(item, properties) {
            this.invokeShortcut('selectContent', 'select_content', [item, properties || {}]);
        },

        startReading(item, properties) {
            this.invokeShortcut('startReading', 'start_reading', [item, properties || {}]);
        },

        readComplete(item, properties) {
            this.invokeShortcut('readComplete', 'read_complete', [item, properties || {}]);
        },

        scrollDepth(depth, properties) {
            this.invokeShortcut('scrollDepth', 'scroll_depth', [depth, properties || {}]);
        },

        reactContent(item, properties) {
            this.invokeShortcut('reactContent', 'react_content', [item, properties || {}]);
        },

        searchContent(query, properties) {
            this.invokeShortcut('searchContent', 'search_content', [query, properties || {}]);
        },

        viewSearchResults(query, properties) {
            this.invokeShortcut('viewSearchResults', 'view_search_results', [query, properties || {}]);
        },

        selectSearchResult(item, properties) {
            this.invokeShortcut('selectSearchResult', 'select_search_result', [item, properties || {}]);
        },

        viewCategory(category, properties) {
            this.invokeShortcut('viewCategory', 'view_category', [category, properties || {}]);
        },

        viewTag(tag) {
            this.invokeShortcut('viewTag', 'view_tag', [tag]);
        },

        trackReaction(reaction, source) {
            this.track(reaction, { source: source }, { value: 1 });

            const currentItem = getCurrentRecjsItem();

            if (! currentItem) {
                return;
            }

            this.reactContent(currentItem, {
                reaction: reaction,
                source: source,
            });
        },
    };

    window.RecJSTheme = RecJSTheme;
    RecJSTheme.init();
});
</script>
            <script
            async
            src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6284692619635543"
            crossorigin="anonymous"
        ></script>
        <script>
            window.neoteoInitAdsense = window.neoteoInitAdsense || function (root = document) {
                const scope = root instanceof HTMLElement ? root : document;
                const containers = scope.matches?.('[data-neoteo-adsense-slot]')
                    ? [scope]
                    : scope.querySelectorAll('[data-neoteo-adsense-slot]');

                containers.forEach((container) => {
                    const slot = container.matches('ins.adsbygoogle')
                        ? container
                        : container.querySelector('ins.adsbygoogle');

                    if (! slot) {
                        return;
                    }

                    if (slot.dataset.neoteoAdsenseInitialized === 'true') {
                        return;
                    }

                    if (slot.getAttribute('data-adsbygoogle-status')) {
                        slot.dataset.neoteoAdsenseInitialized = 'true';

                        return;
                    }

                    slot.dataset.neoteoAdsenseInitialized = 'true';

                    try {
                        (window.adsbygoogle = window.adsbygoogle || []).push({});
                    } catch (error) {
                        delete slot.dataset.neoteoAdsenseInitialized;
                    }
                });
            };
        </script>
        <script>
!function(){var a=window.RecJS=window.RecJS||[];if(a.initialize||a.invoked)return;a.invoked=!0;
if(typeof Proxy==="function"){window.RecJS=new Proxy(a,{get:function(t,p){if(p in t)return t[p];if(p==="then")return;return function(){var n=Array.prototype.slice.call(arguments);n.unshift(p);t.push(n);return window.RecJS}}})}
var t=document.createElement("script");t.type="text/javascript";t.defer=!0;t.src="https://recjs.b-cdn.net/api/recommender/v1/tracker/qged9w3bpjdwaxnybtlgcylv0jfo0eku.js?v=91c4e91b0a952bd35aec97519f113797a957c25e";t.onerror=function(){var r=window.RecJS;r.failed=!0;r.push=function(){return 0};r.noop=function(){return r}};
var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}();
</script>

</head>
<body class="font-sans antialiased min-h-dvh bg-zinc-100 dark:bg-gray-950 flex flex-col justify-start transition-colors duration-200"
      x-on:gotop.window="window.scrollTo({ top: 0})"
      x-data="{
}">
    <script>/**/</script><!-- Empty script to prevent FOUC in Firefox -->

<script >
        function gtmPush() {
                    }
        addEventListener("load", gtmPush);
    </script>
    <noscript>
        <iframe
            src="https://www.googletagmanager.com/ns.html?id=GTM-PGRGTMJ"
            height="0"
            width="0"
            style="display:none;visibility:hidden"
        ></iframe>
    </noscript>


    <section class="relative py-2 bg-[#0a0f1a] transition-colors duration-200">
    <div class="flex items-center justify-between h-16 px-6 mx-auto max-w-7xl">
        <a href="/es" class="relative z-10 flex items-center w-auto select-none">
            <div class="navigation-logo relative flex items-center" style="width: 220px;">
                                    <img
                        src="https://www.neoteo.com/storage/medialibrary/159076/neoteo-logo-light.webp"
                        alt="NeoTeo"
                        title="NeoTeo"
                        class="block h-auto w-full max-w-[220px] object-contain invert-0"
                    >
                            </div>
        </a>

        <!-- Desktop Navigation -->
        <nav class="hidden items-center justify-center space-x-8 lg:flex">
            <a href="https://www.neoteo.com/es" x-data="{ hover: false }" @mouseenter="hover = true" @mouseleave="hover = false"
               class="relative inline-block text-base font-bold text-gray-100 uppercase transition duration-150 ease hover:text-white">
                <span class="block">
                Portada
                </span>
                <span class="absolute bottom-0 left-0 inline-block w-full h-1 -mb-1 overflow-hidden">
                    <span x-show="hover" class="absolute inset-0 inline-block w-full h-1 transform border-t-2 border-blue-400"
                          x-cloak
                          x-transition:enter="transition ease-out duration-300"
                          x-transition:enter-start="-translate-x-full"
                          x-transition:enter-end="translate-x-0"
                          x-transition:leave="transition ease-out duration-300"
                          x-transition:leave-start="translate-x-0"
                          x-transition:leave-end="translate-x-full"></span>
                </span>
            </a>
            <a href="https://www.neoteo.com/es/search" x-data="{ hover: false }" @mouseenter="hover = true" @mouseleave="hover = false"
               class="relative inline-block text-base font-bold text-gray-100 uppercase transition duration-150 ease hover:text-white">
                <span class="block">
                Buscar
                </span>
                <span class="absolute bottom-0 left-0 inline-block w-full h-1 -mb-1 overflow-hidden">
                    <span x-show="hover" class="absolute inset-0 inline-block w-full h-1 transform border-t-2 border-blue-400"
                          x-cloak
                          x-transition:enter="transition ease-out duration-300"
                          x-transition:enter-start="-translate-x-full"
                          x-transition:enter-end="translate-x-0"
                          x-transition:leave="transition ease-out duration-300"
                          x-transition:leave-start="translate-x-0"
                          x-transition:leave-end="translate-x-full"></span>
                </span>
            </a>
            <a href="https://www.neoteo.com/es/contact" x-data="{ hover: false }" @mouseenter="hover = true" @mouseleave="hover = false"
               class="relative inline-block text-base font-bold text-gray-100 uppercase transition duration-150 ease hover:text-white">
                <span class="block">
                    Contacto
                </span>
                <span class="absolute bottom-0 left-0 inline-block w-full h-1 -mb-1 overflow-hidden">
                    <span x-show="hover" class="absolute inset-0 inline-block w-full h-1 transform border-t-2 border-blue-400"
                          x-cloak
                          x-transition:enter="transition ease-out duration-300"
                          x-transition:enter-start="-translate-x-full"
                          x-transition:enter-end="translate-x-0"
                          x-transition:leave="transition ease-out duration-300"
                          x-transition:leave-start="translate-x-0"
                          x-transition:leave-end="translate-x-full"></span>
                </span>
            </a>

            <div wire:key="lw-3367794301-0-6" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;9gsMbSi3xAza1XH21sjx&quot;,&quot;name&quot;:&quot;user&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;ae62b4fb450c27557dc0531ffea10685a01a9117070d56bace325be1066c1c77&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="9gsMbSi3xAza1XH21sjx" wire:name="user">
    <div class="flex items-center justify-center">
        <!--[if BLOCK]><![endif]-->            <div class="flex items-center space-x-4 md:space-x-8">
                <span x-data="{ hover: false }"
                      x-on:mouseenter="hover = true"
                      x-on:mouseleave="hover = false"
                      x-on:click="$dispatch('openModal', {component: 'auth.modals.login', arguments: {}})"
                      class="relative inline-block text-base font-bold text-gray-100 uppercase transition duration-150 ease hover:text-white cursor-pointer">
                    <span class="block">
                        Entrar                    </span>
                    <span class="absolute bottom-0 left-0 inline-block w-full h-1 -mb-1 overflow-hidden">
                        <span x-show="hover"
                              class="absolute inset-0 inline-block w-full h-1 transform border-t-2 border-blue-400"
                              x-cloak
                              x-transition:enter="transition ease-out duration-300"
                              x-transition:enter-start="-translate-x-full"
                              x-transition:enter-end="translate-x-0"
                              x-transition:leave="transition ease-out duration-300"
                              x-transition:leave-start="translate-x-0"
                              x-transition:leave-end="translate-x-full"></span>
                    </span>
                </span>

                <span x-data="{ hover: false }"
                      x-on:mouseenter="hover = true"
                      x-on:mouseleave="hover = false"
                      x-on:click="$dispatch('openModal', {component: 'auth.modals.register', arguments: {}})"
                      class="relative inline-block text-base font-bold text-gray-100 uppercase transition duration-150 ease hover:text-white cursor-pointer">
                    <span class="block">
                        Registrarse                    </span>
                    <span class="absolute bottom-0 left-0 inline-block w-full h-1 -mb-1 overflow-hidden">
                        <span x-show="hover"
                              class="absolute inset-0 inline-block w-full h-1 transform border-t-2 border-blue-400"
                              x-cloak
                              x-transition:enter="transition ease-out duration-300"
                              x-transition:enter-start="-translate-x-full"
                              x-transition:enter-end="translate-x-0"
                              x-transition:leave="transition ease-out duration-300"
                              x-transition:leave-start="translate-x-0"
                              x-transition:leave-end="translate-x-full"></span>
                    </span>
                </span>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>

            <!-- Language Switcher Desktop -->
            <div x-data="{ langOpen: false }" class="relative" x-on:click.away="langOpen = false">
                <button
                    x-on:click="langOpen = !langOpen"
                    class="flex items-center gap-1.5 text-gray-300 hover:text-white transition-colors duration-150 focus:outline-none cursor-pointer"
                    aria-label="Cambiar idioma"
                >
                                            <svg class="w-5 h-5 rounded-sm shadow-sm" viewBox="0 0 640 480"><rect width="640" height="480" fill="#c60b1e"/><rect width="640" y="120" height="240" fill="#ffc400"/></svg>
                        <span class="text-sm font-semibold uppercase">ES</span>
                                        <svg class="w-3.5 h-3.5 transition-transform duration-200" :class="{ 'rotate-180': langOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                </button>

                <div
                    x-show="langOpen"
                    x-cloak
                    x-transition:enter="transition ease-out duration-150"
                    x-transition:enter-start="opacity-0 -translate-y-1"
                    x-transition:enter-end="opacity-100 translate-y-0"
                    x-transition:leave="transition ease-in duration-100"
                    x-transition:leave-start="opacity-100 translate-y-0"
                    x-transition:leave-end="opacity-0 -translate-y-1"
                    class="absolute right-0 mt-2 w-40 rounded-lg bg-[#0a0f1a] border border-gray-700/50 shadow-xl overflow-hidden z-50"
                >
                                                                <a href="https://www.neoteo.com/en" class="flex items-center gap-3 px-4 py-2.5 text-sm text-gray-300 hover:bg-gray-800 hover:text-white transition-colors">
                            <svg class="w-5 h-3.5 rounded-sm shadow-sm shrink-0" viewBox="0 0 640 480"><g fill-rule="evenodd"><g stroke-width="1pt"><path fill="#bd3d44" d="M0 0h640v37H0zm0 73.9h640v37H0zm0 73.8h640v37H0zm0 73.8h640v37H0zm0 73.9h640v37H0zm0 73.8h640v37H0zm0 73.8h640v37H0z"/><path fill="#fff" d="M0 37h640v36.9H0zm0 73.8h640v36.9H0zm0 73.9h640v36.8H0zm0 73.8h640v37H0zm0 73.9h640v36.8H0zm0 73.8h640v37H0z"/></g><path fill="#192f5d" d="M0 0h364.8v258.5H0z"/><path fill="#fff" d="m30.4 11 3.4 10.3h10.6l-8.6 6.3 3.3 10.3-8.7-6.4-8.6 6.3 3.3-10.2-8.6-6.3h10.7zm60.8 0 3.3 10.3h10.8l-8.7 6.3 3.2 10.3-8.6-6.4-8.7 6.3 3.3-10.2-8.6-6.3h10.6zm60.8 0 3.3 10.3H166l-8.6 6.3 3.3 10.3-8.7-6.4-8.7 6.3 3.3-10.2-8.6-6.3h10.6zm60.8 0 3.3 10.3h10.8l-8.8 6.3 3.4 10.3-8.7-6.4-8.7 6.3 3.4-10.2-8.8-6.3h10.7zm60.8 0 3.3 10.3h10.7l-8.6 6.3 3.3 10.3-8.7-6.4-8.7 6.3 3.3-10.2-8.6-6.3H267zm60.8 0 3.4 10.3h10.7l-8.8 6.3 3.4 10.3-8.7-6.4-8.6 6.3 3.2-10.2-8.6-6.3h10.8z"/></g></svg>
                            <span class="font-medium">EN</span>
                        </a>
                                                                <a href="https://www.neoteo.com/fr" class="flex items-center gap-3 px-4 py-2.5 text-sm text-gray-300 hover:bg-gray-800 hover:text-white transition-colors">
                            <svg class="w-5 h-3.5 rounded-sm shadow-sm shrink-0" viewBox="0 0 640 480"><rect width="213.3" fill="#002654" height="480"/><rect width="213.3" x="213.3" fill="#fff" height="480"/><rect width="213.3" x="426.7" fill="#ce1126" height="480"/></svg>
                            <span class="font-medium">FR</span>
                        </a>
                                    </div>
            </div>
        </nav>

        <!-- Mobile Hamburger Button -->
        <div class="lg:hidden" x-data="{ isOpen: false, touchStart: 0, touchEnd: 0, handleTouchStart(e) {
            this.touchStart = e.changedTouches[0].screenX;
            
        }, handleTouchMove(e) {
            this.touchEnd = e.changedTouches[0].screenX;
            if (this.touchStart - this.touchEnd < -50) {
                this.isOpen = false;
            }
            
        } }">
            <button
                x-on:click="isOpen = !isOpen"
                class="text-gray-300 p-2"
            >
                <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          :d="isOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16m-7 6h7'"></path>
                </svg>
            </button>

            <!-- Mobile Drawer -->
            <div
                x-cloak
                x-show="isOpen"
                x-transition:enter="transform transition-transform duration-300"
                x-transition:enter-start="translate-x-full"
                x-transition:enter-end="translate-x-0"
                x-transition:leave="transform transition-transform duration-300"
                x-transition:leave-start="translate-x-0"
                x-transition:leave-end="translate-x-full"
                x-on:click.away="isOpen = false"
                x-on:touchstart="handleTouchStart"
                x-on:touchmove="handleTouchMove"
                class="fixed top-0 right-0 z-40 h-screen p-4 overflow-y-auto bg-white dark:bg-gray-900 w-80 shadow-lg touch-pan-y transition-colors duration-200"
            >
                <div class="flex justify-between items-center mb-4">
                    <button x-on:click="isOpen = false" class="text-gray-400 dark:text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 rounded-lg p-1.5 transition-colors">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>
                </div>

                <div class="py-4">
                    <ul class="space-y-2">
                        <li>
                            <a href="https://www.neoteo.com/es" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
                                <span class="ms-3">Portada</span>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.neoteo.com/es/search" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
                                <svg class="w-5 h-5 text-gray-500 dark:text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
                                </svg>
                                <span class="ms-3">Buscar</span>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.neoteo.com/es/contact" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
                                <span class="ms-3">Contacto</span>
                            </a>
                        </li>
                        <!-- Language Switcher Mobile -->
                        <li class="border-t border-gray-200 dark:border-gray-700 pt-2 mt-2">
                            <span class="block px-2 pb-1 text-xs font-semibold uppercase text-gray-400 dark:text-gray-500 tracking-wider">Idioma</span>
                        </li>
                                                                            <li>
                                <a href="https://www.neoteo.com/en" class="flex items-center gap-3 p-2 rounded-lg transition-colors text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
                                    <svg class="w-6 h-4 rounded-sm shadow-sm shrink-0" viewBox="0 0 640 480"><g fill-rule="evenodd"><g stroke-width="1pt"><path fill="#bd3d44" d="M0 0h640v37H0zm0 73.9h640v37H0zm0 73.8h640v37H0zm0 73.8h640v37H0zm0 73.9h640v37H0zm0 73.8h640v37H0zm0 73.8h640v37H0z"/><path fill="#fff" d="M0 37h640v36.9H0zm0 73.8h640v36.9H0zm0 73.9h640v36.8H0zm0 73.8h640v37H0zm0 73.9h640v36.8H0zm0 73.8h640v37H0z"/></g><path fill="#192f5d" d="M0 0h364.8v258.5H0z"/><path fill="#fff" d="m30.4 11 3.4 10.3h10.6l-8.6 6.3 3.3 10.3-8.7-6.4-8.6 6.3 3.3-10.2-8.6-6.3h10.7zm60.8 0 3.3 10.3h10.8l-8.7 6.3 3.2 10.3-8.6-6.4-8.7 6.3 3.3-10.2-8.6-6.3h10.6zm60.8 0 3.3 10.3H166l-8.6 6.3 3.3 10.3-8.7-6.4-8.7 6.3 3.3-10.2-8.6-6.3h10.6zm60.8 0 3.3 10.3h10.8l-8.8 6.3 3.4 10.3-8.7-6.4-8.7 6.3 3.4-10.2-8.8-6.3h10.7zm60.8 0 3.3 10.3h10.7l-8.6 6.3 3.3 10.3-8.7-6.4-8.7 6.3 3.3-10.2-8.6-6.3H267zm60.8 0 3.4 10.3h10.7l-8.8 6.3 3.4 10.3-8.7-6.4-8.6 6.3 3.2-10.2-8.6-6.3h10.8z"/></g></svg>
                                    <span>EN</span>
                                </a>
                            </li>
                                                                            <li>
                                <a href="https://www.neoteo.com/fr" class="flex items-center gap-3 p-2 rounded-lg transition-colors text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
                                    <svg class="w-6 h-4 rounded-sm shadow-sm shrink-0" viewBox="0 0 640 480"><rect width="213.3" fill="#002654" height="480"/><rect width="213.3" x="213.3" fill="#fff" height="480"/><rect width="213.3" x="426.7" fill="#ce1126" height="480"/></svg>
                                    <span>FR</span>
                                </a>
                            </li>
                        
                                                    <li>
                                <span x-on:click="isOpen = false; $dispatch('openModal', {component: 'auth.modals.login', arguments: {}})"
                                   class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer">
                                    <span class="ms-3">Entrar</span>
                                </span>
                            </li>
                            <li>
                                <span x-on:click="isOpen = false; $dispatch('openModal', {component: 'auth.modals.register', arguments: {}})"
                                   class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer">
                                    <span class="ms-3">Registrarse</span>
                                </span>
                            </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
</section>
    
    <!-- Page Heading -->
    
    <!-- Page Content -->
    <main class="bg-white dark:bg-gray-950 transition-colors duration-200">
        <div class="mx-auto w-full overflow-hidden">
            <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;ldS63Rmr4W7EXGvGvOyL&quot;,&quot;name&quot;:&quot;neoteo-home&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;attributes&quot;:{&quot;locale&quot;:&quot;es&quot;},&quot;children&quot;:{&quot;lw-2198516813-0&quot;:[&quot;div&quot;,&quot;94AAGD5fRajbugjTLLt4&quot;],&quot;lw-2198516813-1-0&quot;:[&quot;div&quot;,&quot;hG93JJr61WKnmOXVltyP&quot;],&quot;lw-2198516813-2-1&quot;:[&quot;div&quot;,&quot;G1vLC232sojQ1t4bHb6V&quot;],&quot;lw-2198516813-3-2&quot;:[&quot;div&quot;,&quot;BLuxS8UD6Upv0Ld7Yugi&quot;],&quot;lw-2198516813-4-3&quot;:[&quot;div&quot;,&quot;x6mO1MBE2xsWR9UrmKsB&quot;],&quot;lw-2198516813-5-4&quot;:[&quot;div&quot;,&quot;TMYyJVfnWTvxIBKEO4n7&quot;],&quot;lw-2198516813-6-5&quot;:[&quot;div&quot;,&quot;i7pcq2TZatnjfBRhFXaX&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;a14180e1d811bf5dbcc08044684f572f9077c361200d42c95ee63f95c79aa710&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="ldS63Rmr4W7EXGvGvOyL" wire:name="neoteo-home" data-recjs-page-event="front_page">
    
    <section class="relative w-full overflow-hidden bg-gray-950">
        <div class="absolute inset-0 opacity-5">
            <svg class="h-full w-full" viewBox="0 0 100 100" preserveAspectRatio="none">
                <defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="currentColor" stroke-width="0.5"/></pattern></defs>
                <rect width="100" height="100" fill="url(#grid)" class="text-white"/>
            </svg>
        </div>
        <div class="relative z-10 mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8 lg:py-12">
            <div wire:key="lw-2198516813-0" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;94AAGD5fRajbugjTLLt4&quot;,&quot;name&quot;:&quot;featured-posts&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;f867cffc80416d7e66a3fc8ee0d13bf7785dcb9e9b4a3d14e7475d5f326378d1&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="94AAGD5fRajbugjTLLt4" wire:name="featured-posts" class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
    <!--[if BLOCK]><![endif]-->        <article class="relative group overflow-hidden rounded-2xl sm:col-span-2 lg:col-span-2 sm:row-span-2 transform transition-all duration-500 hover:scale-[1.02] cursor-pointer"
                 x-data
                 x-on:click="window.location.href = 'https://www.neoteo.com/es/trailer-flash-the-arborist'"
                 itemscope 
                 itemtype="https://schema.org/Article"
                 data-post-id="288381"
                 data-post-slug="trailer-flash-the-arborist">
            <!-- Card Container -->
            <div class="relative h-full min-h-[600px] overflow-hidden rounded-2xl">
                
                <!-- Background Image -->
                                <!-- SEO-friendly main article link -->
                <a href="https://www.neoteo.com/es/trailer-flash-the-arborist" class="absolute inset-0 z-0" aria-label="Tráiler Flash: The Arborist">
                    <!--[if BLOCK]><![endif]-->                        <div class="w-full h-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                            <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 800px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e274e55"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159074/w/2400/h/1600/resize/featured_image.webp 2x, /image_resizer/159074/w/2400/h/1600/resize/featured_image.webp 2400w, /image_resizer/159074/w/1200/h/1600/resize/featured_image.webp 1200w, /image_resizer/159074/w/600/h/1600/resize/featured_image.webp 600w, /image_resizer/159074/w/300/h/1600/resize/featured_image.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159074/w/2400/h/1600/resize/featured_image.jpg 2x, /image_resizer/159074/w/2400/h/1600/resize/featured_image.jpg 2400w, /image_resizer/159074/w/1200/h/1600/resize/featured_image.jpg 1200w, /image_resizer/159074/w/600/h/1600/resize/featured_image.jpg 600w, /image_resizer/159074/w/300/h/1600/resize/featured_image.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e274e56"
            src="/image_resizer/159074/w/1200/h/800/resize/featured_image.jpg"
            srcset="/image_resizer/159074/w/2400/h/1600/resize/featured_image.jpg 2x, /image_resizer/159074/w/2400/h/1600/resize/featured_image.jpg 2400w, /image_resizer/159074/w/1200/h/1600/resize/featured_image.jpg 1200w, /image_resizer/159074/w/600/h/1600/resize/featured_image.jpg 600w, /image_resizer/159074/w/300/h/1600/resize/featured_image.jpg 300w"
            class="transform transition-all duration-700 ease-out group-hover:scale-110 will-change-transform origin-center  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e274e55')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'1200\' height=\'800\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Tráiler Flash: The Arborist" loading="eager"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <meta itemprop="url" content="https://www.neoteo.com/storage/medialibrary/159074/01KF7RQSCF8TME5GR0YZZNR4JS.jpg">
                            <meta itemprop="width" content="1200">
                            <meta itemprop="height" content="800">
                        </div>
                    <!--[if ENDBLOCK]><![endif]-->                </a>
                
                <!-- Simple Gradient Overlay for text readability -->
                <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent z-10"></div>
                
                <!-- Content Container -->
                <div class="absolute bottom-4 left-4 right-4 z-20">
                    <!-- Category Badge -->
                    <!--[if BLOCK]><![endif]-->                        <a href="categoria/entretenimiento"
                           x-on:click.stop="window.location.href = 'categoria/entretenimiento'"
                           class="inline-flex items-center px-3 py-1 text-xs font-semibold uppercase tracking-wider text-white bg-black/50 rounded-full hover:bg-black/70 transition-all duration-300 cursor-pointer mb-3"
                           itemprop="articleSection">
                            Entretenimiento
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Title -->
                    <h2 class="mb-3" itemprop="headline">
                        <a href="https://www.neoteo.com/es/trailer-flash-the-arborist"
                           x-on:click.stop
                           itemprop="url"
                           class="text-white font-bold leading-tight hover:text-blue-300 transition-colors cursor-pointer block text-2xl md:text-3xl drop-shadow-lg">
                            Tráiler Flash: The Arborist
                        </a>
                    </h2>
                    
                    <!-- Excerpt (only for main featured post) -->
                    <!--[if BLOCK]><![endif]-->                        <a href="https://www.neoteo.com/es/trailer-flash-the-arborist" class="cursor-pointer">
                            <p class="text-gray-200 text-sm mb-4 line-clamp-2 hidden md:block drop-shadow-lg hover:text-white transition-colors" itemprop="description">
                                Una arborista y su hijo llegan a la propiedad de Arthur Randolph, un hombre extraño y solitario que pide exactamente lo contrario a su especialidad: D...
                            </p>
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Meta Information -->
                    <div class="flex items-center text-xs text-gray-300 space-x-2">
                        <time datetime="2026-01-18" itemprop="datePublished">
                            18 de enero de 2026
                        </time>
                    </div>
                </div>
                
                <!-- Hover Effect Border -->
                <div class="absolute inset-0 border-2 border-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-30 pointer-events-none rounded-2xl"></div>
            </div>
        </article>
            <article class="relative group overflow-hidden rounded-2xl  transform transition-all duration-500 hover:scale-[1.02] cursor-pointer"
                 x-data
                 x-on:click="window.location.href = 'https://www.neoteo.com/es/la-ultima-entrada-de-neoteocom'"
                 itemscope 
                 itemtype="https://schema.org/Article"
                 data-post-id="288382"
                 data-post-slug="la-ultima-entrada-de-neoteocom">
            <!-- Card Container -->
            <div class="relative h-full min-h-[300px] overflow-hidden rounded-2xl">
                
                <!-- Background Image -->
                                <!-- SEO-friendly main article link -->
                <a href="https://www.neoteo.com/es/la-ultima-entrada-de-neoteocom" class="absolute inset-0 z-0" aria-label="La última entrada de NeoTeo.com">
                    <!--[if BLOCK]><![endif]-->                        <div class="w-full h-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                            <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 400px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e2755c6"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159075/w/1200/h/800/resize/featured_image.webp 2x, /image_resizer/159075/w/1200/h/800/resize/featured_image.webp 1200w, /image_resizer/159075/w/600/h/800/resize/featured_image.webp 600w, /image_resizer/159075/w/300/h/800/resize/featured_image.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159075/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159075/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159075/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159075/w/300/h/800/resize/featured_image.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e2755c7"
            src="/image_resizer/159075/w/600/h/400/resize/featured_image.jpg"
            srcset="/image_resizer/159075/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159075/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159075/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159075/w/300/h/800/resize/featured_image.jpg 300w"
            class="transform transition-all duration-700 ease-out group-hover:scale-110 will-change-transform origin-center  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e2755c6')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'400\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="La última entrada de NeoTeo.com" loading="eager"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <meta itemprop="url" content="https://www.neoteo.com/storage/medialibrary/159075/01KF9QAN6YAHV3SDZZ6ZPH53F3.jpg">
                            <meta itemprop="width" content="600">
                            <meta itemprop="height" content="400">
                        </div>
                    <!--[if ENDBLOCK]><![endif]-->                </a>
                
                <!-- Simple Gradient Overlay for text readability -->
                <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent z-10"></div>
                
                <!-- Content Container -->
                <div class="absolute bottom-4 left-4 right-4 z-20">
                    <!-- Category Badge -->
                    <!--[if BLOCK]><![endif]-->                        <a href="categoria/internet"
                           x-on:click.stop="window.location.href = 'categoria/internet'"
                           class="inline-flex items-center px-3 py-1 text-xs font-semibold uppercase tracking-wider text-white bg-black/50 rounded-full hover:bg-black/70 transition-all duration-300 cursor-pointer mb-3"
                           itemprop="articleSection">
                            Internet
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Title -->
                    <h2 class="mb-3" itemprop="headline">
                        <a href="https://www.neoteo.com/es/la-ultima-entrada-de-neoteocom"
                           x-on:click.stop
                           itemprop="url"
                           class="text-white font-bold leading-tight hover:text-blue-300 transition-colors cursor-pointer block text-xl drop-shadow-lg">
                            La última entrada de NeoTeo.com
                        </a>
                    </h2>
                    
                    <!-- Excerpt (only for main featured post) -->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Meta Information -->
                    <div class="flex items-center text-xs text-gray-300 space-x-2">
                        <time datetime="2026-01-18" itemprop="datePublished">
                            18 de enero de 2026
                        </time>
                    </div>
                </div>
                
                <!-- Hover Effect Border -->
                <div class="absolute inset-0 border-2 border-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-30 pointer-events-none rounded-2xl"></div>
            </div>
        </article>
            <article class="relative group overflow-hidden rounded-2xl  transform transition-all duration-500 hover:scale-[1.02] cursor-pointer"
                 x-data
                 x-on:click="window.location.href = 'https://www.neoteo.com/es/como-se-defiende-la-radeon-r9-fury-en-2026'"
                 itemscope 
                 itemtype="https://schema.org/Article"
                 data-post-id="288380"
                 data-post-slug="como-se-defiende-la-radeon-r9-fury-en-2026">
            <!-- Card Container -->
            <div class="relative h-full min-h-[300px] overflow-hidden rounded-2xl">
                
                <!-- Background Image -->
                                <!-- SEO-friendly main article link -->
                <a href="https://www.neoteo.com/es/como-se-defiende-la-radeon-r9-fury-en-2026" class="absolute inset-0 z-0" aria-label="¿Cómo se defiende la Radeon R9 Fury en 2026?">
                    <!--[if BLOCK]><![endif]-->                        <div class="w-full h-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                            <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 400px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e275aae"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159073/w/1200/h/800/resize/featured_image.webp 2x, /image_resizer/159073/w/1200/h/800/resize/featured_image.webp 1200w, /image_resizer/159073/w/600/h/800/resize/featured_image.webp 600w, /image_resizer/159073/w/300/h/800/resize/featured_image.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159073/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159073/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159073/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159073/w/300/h/800/resize/featured_image.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e275aaf"
            src="/image_resizer/159073/w/600/h/400/resize/featured_image.jpg"
            srcset="/image_resizer/159073/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159073/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159073/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159073/w/300/h/800/resize/featured_image.jpg 300w"
            class="transform transition-all duration-700 ease-out group-hover:scale-110 will-change-transform origin-center  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e275aae')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'400\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="¿Cómo se defiende la Radeon R9 Fury en 2026?" loading="eager"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <meta itemprop="url" content="https://www.neoteo.com/storage/medialibrary/159073/01KF6BYCR40M5XMX2KP0AZC1C2.jpg">
                            <meta itemprop="width" content="600">
                            <meta itemprop="height" content="400">
                        </div>
                    <!--[if ENDBLOCK]><![endif]-->                </a>
                
                <!-- Simple Gradient Overlay for text readability -->
                <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent z-10"></div>
                
                <!-- Content Container -->
                <div class="absolute bottom-4 left-4 right-4 z-20">
                    <!-- Category Badge -->
                    <!--[if BLOCK]><![endif]-->                        <a href="categoria/hardware"
                           x-on:click.stop="window.location.href = 'categoria/hardware'"
                           class="inline-flex items-center px-3 py-1 text-xs font-semibold uppercase tracking-wider text-white bg-black/50 rounded-full hover:bg-black/70 transition-all duration-300 cursor-pointer mb-3"
                           itemprop="articleSection">
                            Hardware
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Title -->
                    <h2 class="mb-3" itemprop="headline">
                        <a href="https://www.neoteo.com/es/como-se-defiende-la-radeon-r9-fury-en-2026"
                           x-on:click.stop
                           itemprop="url"
                           class="text-white font-bold leading-tight hover:text-blue-300 transition-colors cursor-pointer block text-xl drop-shadow-lg">
                            ¿Cómo se defiende la Radeon R9 Fury en 2026?
                        </a>
                    </h2>
                    
                    <!-- Excerpt (only for main featured post) -->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Meta Information -->
                    <div class="flex items-center text-xs text-gray-300 space-x-2">
                        <time datetime="2026-01-17" itemprop="datePublished">
                            17 de enero de 2026
                        </time>
                    </div>
                </div>
                
                <!-- Hover Effect Border -->
                <div class="absolute inset-0 border-2 border-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-30 pointer-events-none rounded-2xl"></div>
            </div>
        </article>
            <article class="relative group overflow-hidden rounded-2xl  transform transition-all duration-500 hover:scale-[1.02] cursor-pointer"
                 x-data
                 x-on:click="window.location.href = 'https://www.neoteo.com/es/kathleen-kennedy-abandona-la-presidencia-de-lucasfilm'"
                 itemscope 
                 itemtype="https://schema.org/Article"
                 data-post-id="288377"
                 data-post-slug="kathleen-kennedy-abandona-la-presidencia-de-lucasfilm">
            <!-- Card Container -->
            <div class="relative h-full min-h-[300px] overflow-hidden rounded-2xl">
                
                <!-- Background Image -->
                                <!-- SEO-friendly main article link -->
                <a href="https://www.neoteo.com/es/kathleen-kennedy-abandona-la-presidencia-de-lucasfilm" class="absolute inset-0 z-0" aria-label="Kathleen Kennedy abandona la presidencia de Lucasfilm">
                    <!--[if BLOCK]><![endif]-->                        <div class="w-full h-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                            <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 400px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e275f6e"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159070/w/1200/h/800/resize/featured_image.webp 2x, /image_resizer/159070/w/1200/h/800/resize/featured_image.webp 1200w, /image_resizer/159070/w/600/h/800/resize/featured_image.webp 600w, /image_resizer/159070/w/300/h/800/resize/featured_image.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159070/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159070/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159070/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159070/w/300/h/800/resize/featured_image.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e275f6f"
            src="/image_resizer/159070/w/600/h/400/resize/featured_image.jpg"
            srcset="/image_resizer/159070/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159070/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159070/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159070/w/300/h/800/resize/featured_image.jpg 300w"
            class="transform transition-all duration-700 ease-out group-hover:scale-110 will-change-transform origin-center  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e275f6e')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'400\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Kathleen Kennedy abandona la presidencia de Lucasfilm" loading="eager"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <meta itemprop="url" content="https://www.neoteo.com/storage/medialibrary/159070/01KF409G7MYGFKABFS7MENZ3E7.jpg">
                            <meta itemprop="width" content="600">
                            <meta itemprop="height" content="400">
                        </div>
                    <!--[if ENDBLOCK]><![endif]-->                </a>
                
                <!-- Simple Gradient Overlay for text readability -->
                <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent z-10"></div>
                
                <!-- Content Container -->
                <div class="absolute bottom-4 left-4 right-4 z-20">
                    <!-- Category Badge -->
                    <!--[if BLOCK]><![endif]-->                        <a href="categoria/entretenimiento"
                           x-on:click.stop="window.location.href = 'categoria/entretenimiento'"
                           class="inline-flex items-center px-3 py-1 text-xs font-semibold uppercase tracking-wider text-white bg-black/50 rounded-full hover:bg-black/70 transition-all duration-300 cursor-pointer mb-3"
                           itemprop="articleSection">
                            Entretenimiento
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Title -->
                    <h2 class="mb-3" itemprop="headline">
                        <a href="https://www.neoteo.com/es/kathleen-kennedy-abandona-la-presidencia-de-lucasfilm"
                           x-on:click.stop
                           itemprop="url"
                           class="text-white font-bold leading-tight hover:text-blue-300 transition-colors cursor-pointer block text-xl drop-shadow-lg">
                            Kathleen Kennedy abandona la presidencia de Lucasfilm
                        </a>
                    </h2>
                    
                    <!-- Excerpt (only for main featured post) -->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Meta Information -->
                    <div class="flex items-center text-xs text-gray-300 space-x-2">
                        <time datetime="2026-01-16" itemprop="datePublished">
                            16 de enero de 2026
                        </time>
                    </div>
                </div>
                
                <!-- Hover Effect Border -->
                <div class="absolute inset-0 border-2 border-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-30 pointer-events-none rounded-2xl"></div>
            </div>
        </article>
            <article class="relative group overflow-hidden rounded-2xl  transform transition-all duration-500 hover:scale-[1.02] cursor-pointer"
                 x-data
                 x-on:click="window.location.href = 'https://www.neoteo.com/es/amazon-confirma-que-su-mmo-new-world-terminara-en-2027'"
                 itemscope 
                 itemtype="https://schema.org/Article"
                 data-post-id="288378"
                 data-post-slug="amazon-confirma-que-su-mmo-new-world-terminara-en-2027">
            <!-- Card Container -->
            <div class="relative h-full min-h-[300px] overflow-hidden rounded-2xl">
                
                <!-- Background Image -->
                                <!-- SEO-friendly main article link -->
                <a href="https://www.neoteo.com/es/amazon-confirma-que-su-mmo-new-world-terminara-en-2027" class="absolute inset-0 z-0" aria-label="Amazon confirma que su MMO New World terminará en 2027">
                    <!--[if BLOCK]><![endif]-->                        <div class="w-full h-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                            <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 400px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27646d"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159071/w/1200/h/800/resize/featured_image.webp 2x, /image_resizer/159071/w/1200/h/800/resize/featured_image.webp 1200w, /image_resizer/159071/w/600/h/800/resize/featured_image.webp 600w, /image_resizer/159071/w/300/h/800/resize/featured_image.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159071/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159071/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159071/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159071/w/300/h/800/resize/featured_image.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e27646e"
            src="/image_resizer/159071/w/600/h/400/resize/featured_image.jpg"
            srcset="/image_resizer/159071/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159071/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159071/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159071/w/300/h/800/resize/featured_image.jpg 300w"
            class="transform transition-all duration-700 ease-out group-hover:scale-110 will-change-transform origin-center  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27646d')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'400\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Amazon confirma que su MMO New World terminará en 2027" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <meta itemprop="url" content="https://www.neoteo.com/storage/medialibrary/159071/01KF46VM4X3VRMMXWY2ACW73SR.jpg">
                            <meta itemprop="width" content="600">
                            <meta itemprop="height" content="400">
                        </div>
                    <!--[if ENDBLOCK]><![endif]-->                </a>
                
                <!-- Simple Gradient Overlay for text readability -->
                <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent z-10"></div>
                
                <!-- Content Container -->
                <div class="absolute bottom-4 left-4 right-4 z-20">
                    <!-- Category Badge -->
                    <!--[if BLOCK]><![endif]-->                        <a href="categoria/juegos"
                           x-on:click.stop="window.location.href = 'categoria/juegos'"
                           class="inline-flex items-center px-3 py-1 text-xs font-semibold uppercase tracking-wider text-white bg-black/50 rounded-full hover:bg-black/70 transition-all duration-300 cursor-pointer mb-3"
                           itemprop="articleSection">
                            Juegos
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Title -->
                    <h2 class="mb-3" itemprop="headline">
                        <a href="https://www.neoteo.com/es/amazon-confirma-que-su-mmo-new-world-terminara-en-2027"
                           x-on:click.stop
                           itemprop="url"
                           class="text-white font-bold leading-tight hover:text-blue-300 transition-colors cursor-pointer block text-xl drop-shadow-lg">
                            Amazon confirma que su MMO New World terminará en 2027
                        </a>
                    </h2>
                    
                    <!-- Excerpt (only for main featured post) -->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Meta Information -->
                    <div class="flex items-center text-xs text-gray-300 space-x-2">
                        <time datetime="2026-01-16" itemprop="datePublished">
                            16 de enero de 2026
                        </time>
                    </div>
                </div>
                
                <!-- Hover Effect Border -->
                <div class="absolute inset-0 border-2 border-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-30 pointer-events-none rounded-2xl"></div>
            </div>
        </article>
            <article class="relative group overflow-hidden rounded-2xl  transform transition-all duration-500 hover:scale-[1.02] cursor-pointer"
                 x-data
                 x-on:click="window.location.href = 'https://www.neoteo.com/es/trailer-flash-the-bride-nuevo-trailer'"
                 itemscope 
                 itemtype="https://schema.org/Article"
                 data-post-id="288379"
                 data-post-slug="trailer-flash-the-bride-nuevo-trailer">
            <!-- Card Container -->
            <div class="relative h-full min-h-[300px] overflow-hidden rounded-2xl">
                
                <!-- Background Image -->
                                <!-- SEO-friendly main article link -->
                <a href="https://www.neoteo.com/es/trailer-flash-the-bride-nuevo-trailer" class="absolute inset-0 z-0" aria-label="Tráiler Flash: The Bride! (nuevo tráiler)">
                    <!--[if BLOCK]><![endif]-->                        <div class="w-full h-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                            <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 400px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e276977"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159072/w/1200/h/800/resize/featured_image.webp 2x, /image_resizer/159072/w/1200/h/800/resize/featured_image.webp 1200w, /image_resizer/159072/w/600/h/800/resize/featured_image.webp 600w, /image_resizer/159072/w/300/h/800/resize/featured_image.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159072/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159072/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159072/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159072/w/300/h/800/resize/featured_image.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e276978"
            src="/image_resizer/159072/w/600/h/400/resize/featured_image.jpg"
            srcset="/image_resizer/159072/w/1200/h/800/resize/featured_image.jpg 2x, /image_resizer/159072/w/1200/h/800/resize/featured_image.jpg 1200w, /image_resizer/159072/w/600/h/800/resize/featured_image.jpg 600w, /image_resizer/159072/w/300/h/800/resize/featured_image.jpg 300w"
            class="transform transition-all duration-700 ease-out group-hover:scale-110 will-change-transform origin-center  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e276977')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'400\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Tráiler Flash: The Bride! (nuevo tráiler)" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <meta itemprop="url" content="https://www.neoteo.com/storage/medialibrary/159072/01KF47SEXJMDW8H24HZVXPSKER.jpg">
                            <meta itemprop="width" content="600">
                            <meta itemprop="height" content="400">
                        </div>
                    <!--[if ENDBLOCK]><![endif]-->                </a>
                
                <!-- Simple Gradient Overlay for text readability -->
                <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent z-10"></div>
                
                <!-- Content Container -->
                <div class="absolute bottom-4 left-4 right-4 z-20">
                    <!-- Category Badge -->
                    <!--[if BLOCK]><![endif]-->                        <a href="categoria/entretenimiento"
                           x-on:click.stop="window.location.href = 'categoria/entretenimiento'"
                           class="inline-flex items-center px-3 py-1 text-xs font-semibold uppercase tracking-wider text-white bg-black/50 rounded-full hover:bg-black/70 transition-all duration-300 cursor-pointer mb-3"
                           itemprop="articleSection">
                            Entretenimiento
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Title -->
                    <h2 class="mb-3" itemprop="headline">
                        <a href="https://www.neoteo.com/es/trailer-flash-the-bride-nuevo-trailer"
                           x-on:click.stop
                           itemprop="url"
                           class="text-white font-bold leading-tight hover:text-blue-300 transition-colors cursor-pointer block text-xl drop-shadow-lg">
                            Tráiler Flash: The Bride! (nuevo tráiler)
                        </a>
                    </h2>
                    
                    <!-- Excerpt (only for main featured post) -->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    
                    <!-- Meta Information -->
                    <div class="flex items-center text-xs text-gray-300 space-x-2">
                        <time datetime="2026-01-16" itemprop="datePublished">
                            16 de enero de 2026
                        </time>
                    </div>
                </div>
                
                <!-- Hover Effect Border -->
                <div class="absolute inset-0 border-2 border-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-30 pointer-events-none rounded-2xl"></div>
            </div>
        </article>
    <!--[if ENDBLOCK]><![endif]--></div>


        </div>
    </section>

    
    <div class="bg-white dark:bg-gray-950">

        
        <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
            <div wire:key="lw-2198516813-1-0" wire:snapshot="{&quot;data&quot;:{&quot;limit&quot;:6},&quot;memo&quot;:{&quot;id&quot;:&quot;hG93JJr61WKnmOXVltyP&quot;,&quot;name&quot;:&quot;latest-posts&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;534fe37d3f93077aa5224c592428365ab1a0545f408b3601ae761ba4ec306969&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="hG93JJr61WKnmOXVltyP" wire:name="latest-posts">
    
    <div class="mb-8 flex items-center justify-between">
        <div class="flex items-center gap-3">
            <div class="h-5 w-1 rounded-full bg-purple-500"></div>
            <h2 class="text-2xl font-bold text-gray-900 dark:text-white">Últimos Artículos</h2>
        </div>
        <a href="https://www.neoteo.com/es/blog"
           class="group flex cursor-pointer items-center gap-1.5 text-sm font-semibold text-purple-600 transition-colors hover:text-purple-700 dark:text-purple-400 dark:hover:text-purple-300">
            Ver Todos            <svg class="h-4 w-4 transition-transform group-hover:translate-x-0.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
            </svg>
        </a>
    </div>

    
    <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
        <!--[if BLOCK]><![endif]-->                        <article class="group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-gray-200 bg-white transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg dark:border-gray-800 dark:bg-gray-900"
                     x-data
                     x-on:click="window.location.href = 'https://www.neoteo.com/es/la-ultima-entrada-de-neoteocom'"
                     wire:key="latest-288382"
                     itemscope
                     itemtype="https://schema.org/Article">

                
                <a href="https://www.neoteo.com/es/la-ultima-entrada-de-neoteocom" class="block" aria-label="La última entrada de NeoTeo.com">
                    <div class="aspect-video overflow-hidden bg-gray-100 dark:bg-gray-800">
                        <!--[if BLOCK]><![endif]-->                            <div class="h-full w-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 340px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e277564"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159075/w/1200/h/680/resize/latest_thumb.webp 2x, /image_resizer/159075/w/1200/h/680/resize/latest_thumb.webp 1200w, /image_resizer/159075/w/600/h/680/resize/latest_thumb.webp 600w, /image_resizer/159075/w/300/h/680/resize/latest_thumb.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159075/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159075/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159075/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159075/w/300/h/680/resize/latest_thumb.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e277565"
            src="/image_resizer/159075/w/600/h/340/resize/latest_thumb.jpg"
            srcset="/image_resizer/159075/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159075/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159075/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159075/w/300/h/680/resize/latest_thumb.jpg 300w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e277564')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'340\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="La última entrada de NeoTeo.com" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            </div>
                        <!--[if ENDBLOCK]><![endif]-->                    </div>
                </a>

                
                <div class="flex flex-1 flex-col p-5">
                    <!--[if BLOCK]><![endif]-->                        <div class="mb-2.5 flex flex-wrap gap-2">
                            <!--[if BLOCK]><![endif]-->                                <a href="categoria/internet"
                                   x-on:click.stop="window.location.href = 'categoria/internet'"
                                   class="cursor-pointer rounded-full bg-purple-50 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-600 transition-colors hover:bg-purple-100 dark:bg-purple-500/10 dark:text-purple-400 dark:hover:bg-purple-500/20"
                                   itemprop="articleSection">
                                    Internet
                                </a>
                            <!--[if ENDBLOCK]><![endif]-->                        </div>
                    <!--[if ENDBLOCK]><![endif]-->
                    <h3 class="mb-2 text-lg font-bold leading-snug text-gray-900 transition-colors group-hover:text-purple-600 dark:text-white dark:group-hover:text-purple-400" itemprop="headline">
                        <a href="https://www.neoteo.com/es/la-ultima-entrada-de-neoteocom" x-on:click.stop itemprop="url" class="cursor-pointer">
                            La última entrada de NeoTeo.com
                        </a>
                    </h3>

                    <!--[if BLOCK]><![endif]-->                        <p class="mb-4 text-sm leading-relaxed text-gray-500 line-clamp-2 dark:text-gray-400" itemprop="description">
                            Cae la bandera a cuadros, y es el final. Apenas una expresión simbólica, esto no es una competencia ni mucho menos. Pero...
                        </p>
                    <!--[if ENDBLOCK]><![endif]-->
                    <div class="mt-auto flex items-center gap-2 pt-3 text-xs text-gray-400 dark:text-gray-500">
                        <!--[if BLOCK]><![endif]-->                            <span class="font-medium text-gray-600 dark:text-gray-300">Lisandro Pardo</span>
                            <span>·</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <time datetime="2026-01-18" itemprop="datePublished">
                            18 de ene. de 2026
                        </time>
                    </div>
                </div>
            </article>
                                <article class="group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-gray-200 bg-white transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg dark:border-gray-800 dark:bg-gray-900"
                     x-data
                     x-on:click="window.location.href = 'https://www.neoteo.com/es/trailer-flash-the-arborist'"
                     wire:key="latest-288381"
                     itemscope
                     itemtype="https://schema.org/Article">

                
                <a href="https://www.neoteo.com/es/trailer-flash-the-arborist" class="block" aria-label="Tráiler Flash: The Arborist">
                    <div class="aspect-video overflow-hidden bg-gray-100 dark:bg-gray-800">
                        <!--[if BLOCK]><![endif]-->                            <div class="h-full w-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 340px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e2779f4"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159074/w/1200/h/680/resize/latest_thumb.webp 2x, /image_resizer/159074/w/1200/h/680/resize/latest_thumb.webp 1200w, /image_resizer/159074/w/600/h/680/resize/latest_thumb.webp 600w, /image_resizer/159074/w/300/h/680/resize/latest_thumb.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159074/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159074/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159074/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159074/w/300/h/680/resize/latest_thumb.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e2779f5"
            src="/image_resizer/159074/w/600/h/340/resize/latest_thumb.jpg"
            srcset="/image_resizer/159074/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159074/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159074/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159074/w/300/h/680/resize/latest_thumb.jpg 300w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e2779f4')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'340\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Tráiler Flash: The Arborist" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            </div>
                        <!--[if ENDBLOCK]><![endif]-->                    </div>
                </a>

                
                <div class="flex flex-1 flex-col p-5">
                    <!--[if BLOCK]><![endif]-->                        <div class="mb-2.5 flex flex-wrap gap-2">
                            <!--[if BLOCK]><![endif]-->                                <a href="categoria/entretenimiento"
                                   x-on:click.stop="window.location.href = 'categoria/entretenimiento'"
                                   class="cursor-pointer rounded-full bg-purple-50 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-600 transition-colors hover:bg-purple-100 dark:bg-purple-500/10 dark:text-purple-400 dark:hover:bg-purple-500/20"
                                   itemprop="articleSection">
                                    Entretenimiento
                                </a>
                            <!--[if ENDBLOCK]><![endif]-->                        </div>
                    <!--[if ENDBLOCK]><![endif]-->
                    <h3 class="mb-2 text-lg font-bold leading-snug text-gray-900 transition-colors group-hover:text-purple-600 dark:text-white dark:group-hover:text-purple-400" itemprop="headline">
                        <a href="https://www.neoteo.com/es/trailer-flash-the-arborist" x-on:click.stop itemprop="url" class="cursor-pointer">
                            Tráiler Flash: The Arborist
                        </a>
                    </h3>

                    <!--[if BLOCK]><![endif]-->                        <p class="mb-4 text-sm leading-relaxed text-gray-500 line-clamp-2 dark:text-gray-400" itemprop="description">
                            Una arborista y su hijo llegan a la propiedad de Arthur Randolph, un hombre extraño y solitario que pide exactamente lo...
                        </p>
                    <!--[if ENDBLOCK]><![endif]-->
                    <div class="mt-auto flex items-center gap-2 pt-3 text-xs text-gray-400 dark:text-gray-500">
                        <!--[if BLOCK]><![endif]-->                            <span class="font-medium text-gray-600 dark:text-gray-300">Lisandro Pardo</span>
                            <span>·</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <time datetime="2026-01-18" itemprop="datePublished">
                            18 de ene. de 2026
                        </time>
                    </div>
                </div>
            </article>
                                <article class="group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-gray-200 bg-white transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg dark:border-gray-800 dark:bg-gray-900"
                     x-data
                     x-on:click="window.location.href = 'https://www.neoteo.com/es/como-se-defiende-la-radeon-r9-fury-en-2026'"
                     wire:key="latest-288380"
                     itemscope
                     itemtype="https://schema.org/Article">

                
                <a href="https://www.neoteo.com/es/como-se-defiende-la-radeon-r9-fury-en-2026" class="block" aria-label="¿Cómo se defiende la Radeon R9 Fury en 2026?">
                    <div class="aspect-video overflow-hidden bg-gray-100 dark:bg-gray-800">
                        <!--[if BLOCK]><![endif]-->                            <div class="h-full w-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 340px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e277e3d"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159073/w/1200/h/680/resize/latest_thumb.webp 2x, /image_resizer/159073/w/1200/h/680/resize/latest_thumb.webp 1200w, /image_resizer/159073/w/600/h/680/resize/latest_thumb.webp 600w, /image_resizer/159073/w/300/h/680/resize/latest_thumb.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159073/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159073/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159073/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159073/w/300/h/680/resize/latest_thumb.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e277e3e"
            src="/image_resizer/159073/w/600/h/340/resize/latest_thumb.jpg"
            srcset="/image_resizer/159073/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159073/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159073/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159073/w/300/h/680/resize/latest_thumb.jpg 300w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e277e3d')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'340\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="¿Cómo se defiende la Radeon R9 Fury en 2026?" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            </div>
                        <!--[if ENDBLOCK]><![endif]-->                    </div>
                </a>

                
                <div class="flex flex-1 flex-col p-5">
                    <!--[if BLOCK]><![endif]-->                        <div class="mb-2.5 flex flex-wrap gap-2">
                            <!--[if BLOCK]><![endif]-->                                <a href="categoria/hardware"
                                   x-on:click.stop="window.location.href = 'categoria/hardware'"
                                   class="cursor-pointer rounded-full bg-purple-50 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-600 transition-colors hover:bg-purple-100 dark:bg-purple-500/10 dark:text-purple-400 dark:hover:bg-purple-500/20"
                                   itemprop="articleSection">
                                    Hardware
                                </a>
                            <!--[if ENDBLOCK]><![endif]-->                        </div>
                    <!--[if ENDBLOCK]><![endif]-->
                    <h3 class="mb-2 text-lg font-bold leading-snug text-gray-900 transition-colors group-hover:text-purple-600 dark:text-white dark:group-hover:text-purple-400" itemprop="headline">
                        <a href="https://www.neoteo.com/es/como-se-defiende-la-radeon-r9-fury-en-2026" x-on:click.stop itemprop="url" class="cursor-pointer">
                            ¿Cómo se defiende la Radeon R9 Fury en 2026?
                        </a>
                    </h3>

                    <!--[if BLOCK]><![endif]-->                        <p class="mb-4 text-sm leading-relaxed text-gray-500 line-clamp-2 dark:text-gray-400" itemprop="description">
                            El desastre de la memoria RAM mantiene su curso, los dueños del mercado especulan con el regreso de viejo hardware, y lo...
                        </p>
                    <!--[if ENDBLOCK]><![endif]-->
                    <div class="mt-auto flex items-center gap-2 pt-3 text-xs text-gray-400 dark:text-gray-500">
                        <!--[if BLOCK]><![endif]-->                            <span class="font-medium text-gray-600 dark:text-gray-300">Lisandro Pardo</span>
                            <span>·</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <time datetime="2026-01-17" itemprop="datePublished">
                            17 de ene. de 2026
                        </time>
                    </div>
                </div>
            </article>
                                <article class="group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-gray-200 bg-white transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg dark:border-gray-800 dark:bg-gray-900"
                     x-data
                     x-on:click="window.location.href = 'https://www.neoteo.com/es/trailer-flash-the-bride-nuevo-trailer'"
                     wire:key="latest-288379"
                     itemscope
                     itemtype="https://schema.org/Article">

                
                <a href="https://www.neoteo.com/es/trailer-flash-the-bride-nuevo-trailer" class="block" aria-label="Tráiler Flash: The Bride! (nuevo tráiler)">
                    <div class="aspect-video overflow-hidden bg-gray-100 dark:bg-gray-800">
                        <!--[if BLOCK]><![endif]-->                            <div class="h-full w-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 340px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e2782ad"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159072/w/1200/h/680/resize/latest_thumb.webp 2x, /image_resizer/159072/w/1200/h/680/resize/latest_thumb.webp 1200w, /image_resizer/159072/w/600/h/680/resize/latest_thumb.webp 600w, /image_resizer/159072/w/300/h/680/resize/latest_thumb.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159072/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159072/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159072/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159072/w/300/h/680/resize/latest_thumb.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e2782ae"
            src="/image_resizer/159072/w/600/h/340/resize/latest_thumb.jpg"
            srcset="/image_resizer/159072/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159072/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159072/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159072/w/300/h/680/resize/latest_thumb.jpg 300w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e2782ad')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'340\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Tráiler Flash: The Bride! (nuevo tráiler)" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            </div>
                        <!--[if ENDBLOCK]><![endif]-->                    </div>
                </a>

                
                <div class="flex flex-1 flex-col p-5">
                    <!--[if BLOCK]><![endif]-->                        <div class="mb-2.5 flex flex-wrap gap-2">
                            <!--[if BLOCK]><![endif]-->                                <a href="categoria/entretenimiento"
                                   x-on:click.stop="window.location.href = 'categoria/entretenimiento'"
                                   class="cursor-pointer rounded-full bg-purple-50 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-600 transition-colors hover:bg-purple-100 dark:bg-purple-500/10 dark:text-purple-400 dark:hover:bg-purple-500/20"
                                   itemprop="articleSection">
                                    Entretenimiento
                                </a>
                            <!--[if ENDBLOCK]><![endif]-->                        </div>
                    <!--[if ENDBLOCK]><![endif]-->
                    <h3 class="mb-2 text-lg font-bold leading-snug text-gray-900 transition-colors group-hover:text-purple-600 dark:text-white dark:group-hover:text-purple-400" itemprop="headline">
                        <a href="https://www.neoteo.com/es/trailer-flash-the-bride-nuevo-trailer" x-on:click.stop itemprop="url" class="cursor-pointer">
                            Tráiler Flash: The Bride! (nuevo tráiler)
                        </a>
                    </h3>

                    <!--[if BLOCK]><![endif]-->                        <p class="mb-4 text-sm leading-relaxed text-gray-500 line-clamp-2 dark:text-gray-400" itemprop="description">
                            Segundo tr&amp;aacute;iler para lo que ser&amp;aacute; The Bride!, con Jessie Buckley y Christian Bale en los roles principales....
                        </p>
                    <!--[if ENDBLOCK]><![endif]-->
                    <div class="mt-auto flex items-center gap-2 pt-3 text-xs text-gray-400 dark:text-gray-500">
                        <!--[if BLOCK]><![endif]-->                            <span class="font-medium text-gray-600 dark:text-gray-300">Lisandro Pardo</span>
                            <span>·</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <time datetime="2026-01-16" itemprop="datePublished">
                            16 de ene. de 2026
                        </time>
                    </div>
                </div>
            </article>
                                <article class="group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-gray-200 bg-white transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg dark:border-gray-800 dark:bg-gray-900"
                     x-data
                     x-on:click="window.location.href = 'https://www.neoteo.com/es/amazon-confirma-que-su-mmo-new-world-terminara-en-2027'"
                     wire:key="latest-288378"
                     itemscope
                     itemtype="https://schema.org/Article">

                
                <a href="https://www.neoteo.com/es/amazon-confirma-que-su-mmo-new-world-terminara-en-2027" class="block" aria-label="Amazon confirma que su MMO New World terminará en 2027">
                    <div class="aspect-video overflow-hidden bg-gray-100 dark:bg-gray-800">
                        <!--[if BLOCK]><![endif]-->                            <div class="h-full w-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 340px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e278716"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159071/w/1200/h/680/resize/latest_thumb.webp 2x, /image_resizer/159071/w/1200/h/680/resize/latest_thumb.webp 1200w, /image_resizer/159071/w/600/h/680/resize/latest_thumb.webp 600w, /image_resizer/159071/w/300/h/680/resize/latest_thumb.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159071/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159071/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159071/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159071/w/300/h/680/resize/latest_thumb.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e278717"
            src="/image_resizer/159071/w/600/h/340/resize/latest_thumb.jpg"
            srcset="/image_resizer/159071/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159071/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159071/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159071/w/300/h/680/resize/latest_thumb.jpg 300w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e278716')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'340\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Amazon confirma que su MMO New World terminará en 2027" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            </div>
                        <!--[if ENDBLOCK]><![endif]-->                    </div>
                </a>

                
                <div class="flex flex-1 flex-col p-5">
                    <!--[if BLOCK]><![endif]-->                        <div class="mb-2.5 flex flex-wrap gap-2">
                            <!--[if BLOCK]><![endif]-->                                <a href="categoria/juegos"
                                   x-on:click.stop="window.location.href = 'categoria/juegos'"
                                   class="cursor-pointer rounded-full bg-purple-50 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-600 transition-colors hover:bg-purple-100 dark:bg-purple-500/10 dark:text-purple-400 dark:hover:bg-purple-500/20"
                                   itemprop="articleSection">
                                    Juegos
                                </a>
                            <!--[if ENDBLOCK]><![endif]-->                        </div>
                    <!--[if ENDBLOCK]><![endif]-->
                    <h3 class="mb-2 text-lg font-bold leading-snug text-gray-900 transition-colors group-hover:text-purple-600 dark:text-white dark:group-hover:text-purple-400" itemprop="headline">
                        <a href="https://www.neoteo.com/es/amazon-confirma-que-su-mmo-new-world-terminara-en-2027" x-on:click.stop itemprop="url" class="cursor-pointer">
                            Amazon confirma que su MMO New World terminará en 2027
                        </a>
                    </h3>

                    <!--[if BLOCK]><![endif]-->                        <p class="mb-4 text-sm leading-relaxed text-gray-500 line-clamp-2 dark:text-gray-400" itemprop="description">
                            ¿Recuerdan a New World? Llegó a ordenadores en septiembre de 2021, las consolas lo recibieron tres años después, tuvo un...
                        </p>
                    <!--[if ENDBLOCK]><![endif]-->
                    <div class="mt-auto flex items-center gap-2 pt-3 text-xs text-gray-400 dark:text-gray-500">
                        <!--[if BLOCK]><![endif]-->                            <span class="font-medium text-gray-600 dark:text-gray-300">Lisandro Pardo</span>
                            <span>·</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <time datetime="2026-01-16" itemprop="datePublished">
                            16 de ene. de 2026
                        </time>
                    </div>
                </div>
            </article>
                                <article class="group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-gray-200 bg-white transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg dark:border-gray-800 dark:bg-gray-900"
                     x-data
                     x-on:click="window.location.href = 'https://www.neoteo.com/es/kathleen-kennedy-abandona-la-presidencia-de-lucasfilm'"
                     wire:key="latest-288377"
                     itemscope
                     itemtype="https://schema.org/Article">

                
                <a href="https://www.neoteo.com/es/kathleen-kennedy-abandona-la-presidencia-de-lucasfilm" class="block" aria-label="Kathleen Kennedy abandona la presidencia de Lucasfilm">
                    <div class="aspect-video overflow-hidden bg-gray-100 dark:bg-gray-800">
                        <!--[if BLOCK]><![endif]-->                            <div class="h-full w-full" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 340px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e278bb6"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159070/w/1200/h/680/resize/latest_thumb.webp 2x, /image_resizer/159070/w/1200/h/680/resize/latest_thumb.webp 1200w, /image_resizer/159070/w/600/h/680/resize/latest_thumb.webp 600w, /image_resizer/159070/w/300/h/680/resize/latest_thumb.webp 300w" type="image/webp">
        <source srcset="/image_resizer/159070/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159070/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159070/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159070/w/300/h/680/resize/latest_thumb.jpg 300w" type="image/jpeg">
        <img
            id="img-69d3a5e278bb7"
            src="/image_resizer/159070/w/600/h/340/resize/latest_thumb.jpg"
            srcset="/image_resizer/159070/w/1200/h/680/resize/latest_thumb.jpg 2x, /image_resizer/159070/w/1200/h/680/resize/latest_thumb.jpg 1200w, /image_resizer/159070/w/600/h/680/resize/latest_thumb.jpg 600w, /image_resizer/159070/w/300/h/680/resize/latest_thumb.jpg 300w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e278bb6')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'600\' height=\'340\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Kathleen Kennedy abandona la presidencia de Lucasfilm" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            </div>
                        <!--[if ENDBLOCK]><![endif]-->                    </div>
                </a>

                
                <div class="flex flex-1 flex-col p-5">
                    <!--[if BLOCK]><![endif]-->                        <div class="mb-2.5 flex flex-wrap gap-2">
                            <!--[if BLOCK]><![endif]-->                                <a href="categoria/entretenimiento"
                                   x-on:click.stop="window.location.href = 'categoria/entretenimiento'"
                                   class="cursor-pointer rounded-full bg-purple-50 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-600 transition-colors hover:bg-purple-100 dark:bg-purple-500/10 dark:text-purple-400 dark:hover:bg-purple-500/20"
                                   itemprop="articleSection">
                                    Entretenimiento
                                </a>
                            <!--[if ENDBLOCK]><![endif]-->                        </div>
                    <!--[if ENDBLOCK]><![endif]-->
                    <h3 class="mb-2 text-lg font-bold leading-snug text-gray-900 transition-colors group-hover:text-purple-600 dark:text-white dark:group-hover:text-purple-400" itemprop="headline">
                        <a href="https://www.neoteo.com/es/kathleen-kennedy-abandona-la-presidencia-de-lucasfilm" x-on:click.stop itemprop="url" class="cursor-pointer">
                            Kathleen Kennedy abandona la presidencia de Lucasfilm
                        </a>
                    </h3>

                    <!--[if BLOCK]><![endif]-->                        <p class="mb-4 text-sm leading-relaxed text-gray-500 line-clamp-2 dark:text-gray-400" itemprop="description">
                            Rumores, fake news, filtraciones… finalmente sucedió: La página oficial de Star Wars ha anunciado que Kathleen Kennedy d...
                        </p>
                    <!--[if ENDBLOCK]><![endif]-->
                    <div class="mt-auto flex items-center gap-2 pt-3 text-xs text-gray-400 dark:text-gray-500">
                        <!--[if BLOCK]><![endif]-->                            <span class="font-medium text-gray-600 dark:text-gray-300">Lisandro Pardo</span>
                            <span>·</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <time datetime="2026-01-16" itemprop="datePublished">
                            16 de ene. de 2026
                        </time>
                    </div>
                </div>
            </article>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
        </section>

        
        <div class="border-y border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900/50">
            <div class="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
                <div class="rounded-2xl border border-gray-200 bg-white px-4 py-6 shadow-sm dark:border-gray-800 dark:bg-gray-950 sm:px-6">
                    <div class="mx-auto max-w-4xl" x-data="{}" x-init="window.neoteoInitAdsense($el)">
    <div class="" data-neoteo-adsense-slot>
        <ins class="adsbygoogle" style="display:block"
                            data-ad-format="fluid"
                            data-ad-layout-key="-dd+a6-2l-hq+15t"
                            data-ad-client="ca-pub-6284692619635543"
                            data-ad-slot="4908267235"
                    ></ins>
    </div>
</div>
                </div>
            </div>
        </div>

        
        <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
            <div wire:key="lw-2198516813-2-1" wire:snapshot="{&quot;data&quot;:{&quot;categoryId&quot;:1,&quot;categoryName&quot;:&quot;Hardware&quot;,&quot;categorySlug&quot;:&quot;\/es\/categorias\/hardware&quot;,&quot;limit&quot;:4},&quot;memo&quot;:{&quot;id&quot;:&quot;G1vLC232sojQ1t4bHb6V&quot;,&quot;name&quot;:&quot;category-posts&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;7dc692aa4208f7ce3f4fd274f9e3da77f38e7845290be95213756932cd05387c&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="G1vLC232sojQ1t4bHb6V" wire:name="category-posts">
    <!--[if BLOCK]><![endif]-->        
        <div class="mb-6 flex items-center justify-between">
            <div class="flex items-center gap-3">
                <div class="h-5 w-1 rounded-full bg-purple-500"></div>
                <h2 class="text-2xl font-bold text-gray-900 dark:text-white">Hardware</h2>
            </div>
            <!--[if BLOCK]><![endif]-->                <a href="https://www.neoteo.com/es/categoria/hardware"
                   class="group flex cursor-pointer items-center gap-1.5 text-sm font-semibold text-purple-600 transition-colors hover:text-purple-700 dark:text-purple-400 dark:hover:text-purple-300">
                    Ver Todos
                    <svg class="h-4 w-4 transition-transform group-hover:translate-x-0.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
                    </svg>
                </a>
            <!--[if ENDBLOCK]><![endif]-->        </div>

        
        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
            <!--[if BLOCK]><![endif]-->                                <article class="sm:col-span-2 sm:row-span-2 group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/como-se-defiende-la-radeon-r9-fury-en-2026'"
                         wire:key="cat-1-288380"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_1"
                         data-recjs-list="category_1"
                         data-recjs-position="1"
                         data-recjs-id="post-288380"
                         data-recjs-type="post"
                         data-recjs-title="¿Cómo se defiende la Radeon R9 Fury en 2026?"
                         data-recjs-url="https://www.neoteo.com/es/como-se-defiende-la-radeon-r9-fury-en-2026"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159073/01KF6BYCR40M5XMX2KP0AZC1C2.jpg"
                         data-recjs-categories='[&amp;quot;Hardware&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/como-se-defiende-la-radeon-r9-fury-en-2026" class="block" aria-label="¿Cómo se defiende la Radeon R9 Fury en 2026?">
                        <div class="relative h-[420px] sm:h-full sm:min-h-[480px] overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 500px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27a0d1"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159073/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/159073/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/159073/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/159073/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/159073/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159073/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/159073/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/159073/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/159073/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/159073/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27a0d4"
            src="/image_resizer/159073/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/159073/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/159073/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/159073/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/159073/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/159073/w/200/h/1000/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27a0d1')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'800\' height=\'500\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="¿Cómo se defiende la Radeon R9 Fury en 2026?" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 sm:p-6">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Hardware
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-xl sm:text-2xl font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                ¿Cómo se defiende la Radeon R9 Fury en 2026?
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    El desastre de la memoria RAM mantiene su curso, los dueños del mercado especulan con el regreso de viejo hardware, y los usuarios finales s...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-17">
                                17 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/apocalipsis-ram-la-venganza-de-la-memoria-ddr3'"
                         wire:key="cat-1-288370"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_1"
                         data-recjs-list="category_1"
                         data-recjs-position="2"
                         data-recjs-id="post-288370"
                         data-recjs-type="post"
                         data-recjs-title="Apocalipsis RAM: La venganza de la memoria DDR3"
                         data-recjs-url="https://www.neoteo.com/es/apocalipsis-ram-la-venganza-de-la-memoria-ddr3"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159059/01KEZ43C97CQWGNVE2F93W43NN.jpg"
                         data-recjs-categories='[&amp;quot;Hardware&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/apocalipsis-ram-la-venganza-de-la-memoria-ddr3" class="block" aria-label="Apocalipsis RAM: La venganza de la memoria DDR3">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27add9"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159059/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/159059/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/159059/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/159059/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159059/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159059/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159059/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159059/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27adda"
            src="/image_resizer/159059/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/159059/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159059/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159059/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159059/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27add9')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Apocalipsis RAM: La venganza de la memoria DDR3" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Hardware
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Apocalipsis RAM: La venganza de la memoria DDR3
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-14">
                                14 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/valve-confirmo-que-simplificara-los-requerimientos-del-programa-steam-machine-verified'"
                         wire:key="cat-1-288367"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_1"
                         data-recjs-list="category_1"
                         data-recjs-position="3"
                         data-recjs-id="post-288367"
                         data-recjs-type="post"
                         data-recjs-title="Valve confirmó que simplificará los requerimientos del programa «Steam Machine Verified»"
                         data-recjs-url="https://www.neoteo.com/es/valve-confirmo-que-simplificara-los-requerimientos-del-programa-steam-machine-verified"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159053/01KEWEAVEJGWJY293Z9FKGDT4Z.jpg"
                         data-recjs-categories='[&amp;quot;Hardware&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/valve-confirmo-que-simplificara-los-requerimientos-del-programa-steam-machine-verified" class="block" aria-label="Valve confirmó que simplificará los requerimientos del programa «Steam Machine Verified»">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27b2b7"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159053/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/159053/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/159053/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/159053/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159053/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159053/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159053/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159053/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27b2b8"
            src="/image_resizer/159053/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/159053/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159053/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159053/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159053/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27b2b7')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Valve confirmó que simplificará los requerimientos del programa «Steam Machine Verified»" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Hardware
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Valve confirmó que simplificará los requerimientos del programa «Steam Machine Verified»
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-13">
                                13 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/rumor-se-habria-filtrado-el-precio-de-la-steam-machine'"
                         wire:key="cat-1-288362"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_1"
                         data-recjs-list="category_1"
                         data-recjs-position="4"
                         data-recjs-id="post-288362"
                         data-recjs-type="post"
                         data-recjs-title="Rumor: Se habría filtrado el precio de la Steam Machine"
                         data-recjs-url="https://www.neoteo.com/es/rumor-se-habria-filtrado-el-precio-de-la-steam-machine"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159041/01KESMR39QA1ZRN8RGPHB2GXZZ.jpg"
                         data-recjs-categories='[&amp;quot;Hardware&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/rumor-se-habria-filtrado-el-precio-de-la-steam-machine" class="block" aria-label="Rumor: Se habría filtrado el precio de la Steam Machine">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27b74c"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159041/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/159041/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/159041/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/159041/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159041/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159041/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159041/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159041/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27b74d"
            src="/image_resizer/159041/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/159041/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159041/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159041/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159041/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27b74c')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Rumor: Se habría filtrado el precio de la Steam Machine" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Hardware
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Rumor: Se habría filtrado el precio de la Steam Machine
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-12">
                                12 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
            <!--[if ENDBLOCK]><![endif]-->        </div>
    <!--[if ENDBLOCK]><![endif]--></div>
        </section>

        
        <section class="border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900/30">
            <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
                <div wire:key="lw-2198516813-3-2" wire:snapshot="{&quot;data&quot;:{&quot;categoryId&quot;:11,&quot;categoryName&quot;:&quot;Entretenimiento&quot;,&quot;categorySlug&quot;:&quot;\/es\/categorias\/entretenimiento&quot;,&quot;limit&quot;:4},&quot;memo&quot;:{&quot;id&quot;:&quot;BLuxS8UD6Upv0Ld7Yugi&quot;,&quot;name&quot;:&quot;category-posts&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;87d723e6631380cbfa298185998178a9eda20187a3587cca0d8c846f06ad8cc6&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="BLuxS8UD6Upv0Ld7Yugi" wire:name="category-posts">
    <!--[if BLOCK]><![endif]-->        
        <div class="mb-6 flex items-center justify-between">
            <div class="flex items-center gap-3">
                <div class="h-5 w-1 rounded-full bg-purple-500"></div>
                <h2 class="text-2xl font-bold text-gray-900 dark:text-white">Entretenimiento</h2>
            </div>
            <!--[if BLOCK]><![endif]-->                <a href="https://www.neoteo.com/es/categoria/entretenimiento"
                   class="group flex cursor-pointer items-center gap-1.5 text-sm font-semibold text-purple-600 transition-colors hover:text-purple-700 dark:text-purple-400 dark:hover:text-purple-300">
                    Ver Todos
                    <svg class="h-4 w-4 transition-transform group-hover:translate-x-0.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
                    </svg>
                </a>
            <!--[if ENDBLOCK]><![endif]-->        </div>

        
        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
            <!--[if BLOCK]><![endif]-->                                <article class="sm:col-span-2 sm:row-span-2 group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/trailer-flash-the-arborist'"
                         wire:key="cat-11-288381"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_11"
                         data-recjs-list="category_11"
                         data-recjs-position="1"
                         data-recjs-id="post-288381"
                         data-recjs-type="post"
                         data-recjs-title="Tráiler Flash: The Arborist"
                         data-recjs-url="https://www.neoteo.com/es/trailer-flash-the-arborist"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159074/01KF7RQSCF8TME5GR0YZZNR4JS.jpg"
                         data-recjs-categories='[&amp;quot;Entretenimiento&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/trailer-flash-the-arborist" class="block" aria-label="Tráiler Flash: The Arborist">
                        <div class="relative h-[420px] sm:h-full sm:min-h-[480px] overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 500px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27c484"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159074/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/159074/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/159074/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/159074/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/159074/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159074/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/159074/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/159074/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/159074/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/159074/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27c485"
            src="/image_resizer/159074/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/159074/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/159074/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/159074/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/159074/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/159074/w/200/h/1000/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27c484')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'800\' height=\'500\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Tráiler Flash: The Arborist" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 sm:p-6">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Entretenimiento
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-xl sm:text-2xl font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Tráiler Flash: The Arborist
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    Una arborista y su hijo llegan a la propiedad de Arthur Randolph, un hombre extraño y solitario que pide exactamente lo contrario a su espec...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-18">
                                18 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/kathleen-kennedy-abandona-la-presidencia-de-lucasfilm'"
                         wire:key="cat-11-288377"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_11"
                         data-recjs-list="category_11"
                         data-recjs-position="2"
                         data-recjs-id="post-288377"
                         data-recjs-type="post"
                         data-recjs-title="Kathleen Kennedy abandona la presidencia de Lucasfilm"
                         data-recjs-url="https://www.neoteo.com/es/kathleen-kennedy-abandona-la-presidencia-de-lucasfilm"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159070/01KF409G7MYGFKABFS7MENZ3E7.jpg"
                         data-recjs-categories='[&amp;quot;Entretenimiento&amp;quot;,&amp;quot;Negocios&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/kathleen-kennedy-abandona-la-presidencia-de-lucasfilm" class="block" aria-label="Kathleen Kennedy abandona la presidencia de Lucasfilm">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27c8eb"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159070/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/159070/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/159070/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/159070/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159070/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159070/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159070/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159070/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27c8ec"
            src="/image_resizer/159070/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/159070/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159070/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159070/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159070/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27c8eb')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Kathleen Kennedy abandona la presidencia de Lucasfilm" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Entretenimiento
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Kathleen Kennedy abandona la presidencia de Lucasfilm
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-16">
                                16 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/trailer-flash-the-bride-nuevo-trailer'"
                         wire:key="cat-11-288379"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_11"
                         data-recjs-list="category_11"
                         data-recjs-position="3"
                         data-recjs-id="post-288379"
                         data-recjs-type="post"
                         data-recjs-title="Tráiler Flash: The Bride! (nuevo tráiler)"
                         data-recjs-url="https://www.neoteo.com/es/trailer-flash-the-bride-nuevo-trailer"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159072/01KF47SEXJMDW8H24HZVXPSKER.jpg"
                         data-recjs-categories='[&amp;quot;Entretenimiento&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/trailer-flash-the-bride-nuevo-trailer" class="block" aria-label="Tráiler Flash: The Bride! (nuevo tráiler)">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27cd4a"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159072/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/159072/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/159072/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/159072/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159072/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159072/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159072/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159072/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27cd4b"
            src="/image_resizer/159072/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/159072/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159072/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159072/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159072/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27cd4a')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Tráiler Flash: The Bride! (nuevo tráiler)" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Entretenimiento
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Tráiler Flash: The Bride! (nuevo tráiler)
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-16">
                                16 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/la-serie-de-god-of-war-tiene-su-kratos-ryan-hurst-quien-hizo-de-thor-en-ragnarok'"
                         wire:key="cat-11-288372"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_11"
                         data-recjs-list="category_11"
                         data-recjs-position="4"
                         data-recjs-id="post-288372"
                         data-recjs-type="post"
                         data-recjs-title="La serie de God of War tiene su Kratos: Ryan Hurst, quien hizo de Thor en Ragnarök"
                         data-recjs-url="https://www.neoteo.com/es/la-serie-de-god-of-war-tiene-su-kratos-ryan-hurst-quien-hizo-de-thor-en-ragnarok"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159061/01KF19W5PDER1TK0PE6F9TKXJ2.jpg"
                         data-recjs-categories='[&amp;quot;Entretenimiento&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/la-serie-de-god-of-war-tiene-su-kratos-ryan-hurst-quien-hizo-de-thor-en-ragnarok" class="block" aria-label="La serie de God of War tiene su Kratos: Ryan Hurst, quien hizo de Thor en Ragnarök">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27d1b9"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159061/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/159061/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/159061/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/159061/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159061/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159061/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159061/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159061/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27d1ba"
            src="/image_resizer/159061/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/159061/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159061/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159061/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159061/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27d1b9')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="La serie de God of War tiene su Kratos: Ryan Hurst, quien hizo de Thor en Ragnarök" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Entretenimiento
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                La serie de God of War tiene su Kratos: Ryan Hurst, quien hizo de Thor en Ragnarök
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-15">
                                15 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
            <!--[if ENDBLOCK]><![endif]-->        </div>
    <!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </section>

        
        <section class="border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900/30">
            <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
                <div wire:key="lw-2198516813-4-3" wire:snapshot="{&quot;data&quot;:{&quot;categoryId&quot;:33,&quot;categoryName&quot;:&quot;Ciencia&quot;,&quot;categorySlug&quot;:&quot;\/es\/categorias\/ciencia&quot;,&quot;limit&quot;:4},&quot;memo&quot;:{&quot;id&quot;:&quot;x6mO1MBE2xsWR9UrmKsB&quot;,&quot;name&quot;:&quot;category-posts&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;ceccdeb440fd177a9b1c66f5ef96d124b0789e93eb519582ce40c0b6e63e9e61&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="x6mO1MBE2xsWR9UrmKsB" wire:name="category-posts">
    <!--[if BLOCK]><![endif]-->        
        <div class="mb-6 flex items-center justify-between">
            <div class="flex items-center gap-3">
                <div class="h-5 w-1 rounded-full bg-purple-500"></div>
                <h2 class="text-2xl font-bold text-gray-900 dark:text-white">Ciencia</h2>
            </div>
            <!--[if BLOCK]><![endif]-->                <a href="https://www.neoteo.com/es/categoria/ciencia"
                   class="group flex cursor-pointer items-center gap-1.5 text-sm font-semibold text-purple-600 transition-colors hover:text-purple-700 dark:text-purple-400 dark:hover:text-purple-300">
                    Ver Todos
                    <svg class="h-4 w-4 transition-transform group-hover:translate-x-0.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
                    </svg>
                </a>
            <!--[if ENDBLOCK]><![endif]-->        </div>

        
        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
            <!--[if BLOCK]><![endif]-->                                <article class="sm:col-span-2 sm:row-span-2 group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/las-botellas-de-vino-mas-antiguas-del-mundo'"
                         wire:key="cat-33-287978"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_33"
                         data-recjs-list="category_33"
                         data-recjs-position="1"
                         data-recjs-id="post-287978"
                         data-recjs-type="post"
                         data-recjs-title="Las botellas de vino más antiguas del mundo"
                         data-recjs-url="https://www.neoteo.com/es/las-botellas-de-vino-mas-antiguas-del-mundo"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/158330/01K3HBFCXRNZK98E7GQZ1J4KPG.jpg"
                         data-recjs-categories='[&amp;quot;Ciencia&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/las-botellas-de-vino-mas-antiguas-del-mundo" class="block" aria-label="Las botellas de vino más antiguas del mundo">
                        <div class="relative h-[420px] sm:h-full sm:min-h-[480px] overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 500px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27ddcb"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/158330/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/158330/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/158330/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/158330/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/158330/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/158330/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/158330/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/158330/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/158330/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/158330/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27ddcc"
            src="/image_resizer/158330/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/158330/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/158330/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/158330/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/158330/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/158330/w/200/h/1000/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27ddcb')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'800\' height=\'500\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Las botellas de vino más antiguas del mundo" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 sm:p-6">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Ciencia
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-xl sm:text-2xl font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Las botellas de vino más antiguas del mundo
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    Las muestras más antiguas de vino tienen 8.000 años, y el primer lagar supera los 6.000, ¿pero que sucede con las botellas? En líneas genera...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2025-08-25">
                                25 de ago. de 2025
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/si-la-luna-fuera-un-pixel-un-mapa-preciso-y-aburrido-del-sistema-solar'"
                         wire:key="cat-33-287770"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_33"
                         data-recjs-list="category_33"
                         data-recjs-position="2"
                         data-recjs-id="post-287770"
                         data-recjs-type="post"
                         data-recjs-title="Si la Luna fuera un píxel: Un mapa preciso (y aburrido) del Sistema Solar"
                         data-recjs-url="https://www.neoteo.com/es/si-la-luna-fuera-un-pixel-un-mapa-preciso-y-aburrido-del-sistema-solar"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/157937/01JXZHT4N2TRB76AAXGVYXQ48K.jpg"
                         data-recjs-categories='[&amp;quot;Ciencia&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/si-la-luna-fuera-un-pixel-un-mapa-preciso-y-aburrido-del-sistema-solar" class="block" aria-label="Si la Luna fuera un píxel: Un mapa preciso (y aburrido) del Sistema Solar">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27e248"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/157937/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/157937/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/157937/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/157937/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/157937/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/157937/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/157937/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/157937/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27e249"
            src="/image_resizer/157937/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/157937/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/157937/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/157937/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/157937/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27e248')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Si la Luna fuera un píxel: Un mapa preciso (y aburrido) del Sistema Solar" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Ciencia
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Si la Luna fuera un píxel: Un mapa preciso (y aburrido) del Sistema Solar
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2025-06-17">
                                17 de jun. de 2025
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/detectando-libros-de-la-muerte-con-arsenico'"
                         wire:key="cat-33-287748"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_33"
                         data-recjs-list="category_33"
                         data-recjs-position="3"
                         data-recjs-id="post-287748"
                         data-recjs-type="post"
                         data-recjs-title="Detectando «libros de la muerte» con arsénico"
                         data-recjs-url="https://www.neoteo.com/es/detectando-libros-de-la-muerte-con-arsenico"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/157901/01JXD8SMXQYP2Y9GWC1YP0XR18.jpg"
                         data-recjs-categories='[&amp;quot;Ciencia&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/detectando-libros-de-la-muerte-con-arsenico" class="block" aria-label="Detectando «libros de la muerte» con arsénico">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27e6bc"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/157901/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/157901/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/157901/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/157901/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/157901/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/157901/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/157901/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/157901/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27e6bd"
            src="/image_resizer/157901/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/157901/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/157901/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/157901/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/157901/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27e6bc')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Detectando «libros de la muerte» con arsénico" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Ciencia
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Detectando «libros de la muerte» con arsénico
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2025-06-10">
                                10 de jun. de 2025
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/despues-de-53-anos-una-sonda-sovietica-caera-sobre-la-tierra'"
                         wire:key="cat-33-287611"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_33"
                         data-recjs-list="category_33"
                         data-recjs-position="4"
                         data-recjs-id="post-287611"
                         data-recjs-type="post"
                         data-recjs-title="Después de 53 años, una sonda soviética caerá sobre la Tierra"
                         data-recjs-url="https://www.neoteo.com/es/despues-de-53-anos-una-sonda-sovietica-caera-sobre-la-tierra"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/152402/01JT3AE39S9Q1BCGG715KASHDH.jpg"
                         data-recjs-categories='[&amp;quot;Ciencia&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/despues-de-53-anos-una-sonda-sovietica-caera-sobre-la-tierra" class="block" aria-label="Después de 53 años, una sonda soviética caerá sobre la Tierra">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27eb25"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/152402/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/152402/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/152402/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/152402/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/152402/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/152402/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/152402/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/152402/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27eb26"
            src="/image_resizer/152402/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/152402/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/152402/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/152402/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/152402/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27eb25')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Después de 53 años, una sonda soviética caerá sobre la Tierra" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Ciencia
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Después de 53 años, una sonda soviética caerá sobre la Tierra
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2025-04-30">
                                30 de abr. de 2025
                            </time>
                        </div>
                    </a>
                </article>
            <!--[if ENDBLOCK]><![endif]-->        </div>
    <!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </section>

        
        <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
            <div wire:key="lw-2198516813-5-4" wire:snapshot="{&quot;data&quot;:{&quot;categoryId&quot;:24,&quot;categoryName&quot;:&quot;Juegos&quot;,&quot;categorySlug&quot;:&quot;\/es\/categorias\/juegos&quot;,&quot;limit&quot;:4},&quot;memo&quot;:{&quot;id&quot;:&quot;TMYyJVfnWTvxIBKEO4n7&quot;,&quot;name&quot;:&quot;category-posts&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;63ea53f1f17c84d8802de4bfd4521aa6d4e038bee56132850dc30ca67bc776c2&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="TMYyJVfnWTvxIBKEO4n7" wire:name="category-posts">
    <!--[if BLOCK]><![endif]-->        
        <div class="mb-6 flex items-center justify-between">
            <div class="flex items-center gap-3">
                <div class="h-5 w-1 rounded-full bg-purple-500"></div>
                <h2 class="text-2xl font-bold text-gray-900 dark:text-white">Juegos</h2>
            </div>
            <!--[if BLOCK]><![endif]-->                <a href="https://www.neoteo.com/es/categoria/juegos"
                   class="group flex cursor-pointer items-center gap-1.5 text-sm font-semibold text-purple-600 transition-colors hover:text-purple-700 dark:text-purple-400 dark:hover:text-purple-300">
                    Ver Todos
                    <svg class="h-4 w-4 transition-transform group-hover:translate-x-0.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
                    </svg>
                </a>
            <!--[if ENDBLOCK]><![endif]-->        </div>

        
        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
            <!--[if BLOCK]><![endif]-->                                <article class="sm:col-span-2 sm:row-span-2 group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/amazon-confirma-que-su-mmo-new-world-terminara-en-2027'"
                         wire:key="cat-24-288378"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_24"
                         data-recjs-list="category_24"
                         data-recjs-position="1"
                         data-recjs-id="post-288378"
                         data-recjs-type="post"
                         data-recjs-title="Amazon confirma que su MMO New World terminará en 2027"
                         data-recjs-url="https://www.neoteo.com/es/amazon-confirma-que-su-mmo-new-world-terminara-en-2027"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159071/01KF46VM4X3VRMMXWY2ACW73SR.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/amazon-confirma-que-su-mmo-new-world-terminara-en-2027" class="block" aria-label="Amazon confirma que su MMO New World terminará en 2027">
                        <div class="relative h-[420px] sm:h-full sm:min-h-[480px] overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 500px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27f715"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159071/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/159071/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/159071/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/159071/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/159071/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159071/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/159071/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/159071/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/159071/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/159071/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27f716"
            src="/image_resizer/159071/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/159071/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/159071/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/159071/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/159071/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/159071/w/200/h/1000/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27f715')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'800\' height=\'500\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Amazon confirma que su MMO New World terminará en 2027" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 sm:p-6">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Juegos
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-xl sm:text-2xl font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Amazon confirma que su MMO New World terminará en 2027
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    ¿Recuerdan a New World? Llegó a ordenadores en septiembre de 2021, las consolas lo recibieron tres años después, tuvo un sólido comienzo… y...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-16">
                                16 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/gog-estaria-explorando-la-posibilidad-de-publicar-juegos'"
                         wire:key="cat-24-288373"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_24"
                         data-recjs-list="category_24"
                         data-recjs-position="2"
                         data-recjs-id="post-288373"
                         data-recjs-type="post"
                         data-recjs-title="GOG estaría explorando la posibilidad de publicar juegos"
                         data-recjs-url="https://www.neoteo.com/es/gog-estaria-explorando-la-posibilidad-de-publicar-juegos"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159063/01KF1JP300455JAF9R5TBA4V3Q.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/gog-estaria-explorando-la-posibilidad-de-publicar-juegos" class="block" aria-label="GOG estaría explorando la posibilidad de publicar juegos">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e27fb93"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159063/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/159063/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/159063/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/159063/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159063/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159063/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159063/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159063/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e27fb94"
            src="/image_resizer/159063/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/159063/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159063/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159063/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159063/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e27fb93')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="GOG estaría explorando la posibilidad de publicar juegos" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Juegos
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                GOG estaría explorando la posibilidad de publicar juegos
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-15">
                                15 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/la-gente-ya-no-sabe-enviar-un-email-un-desarrollador-arg-asi-lo-cree'"
                         wire:key="cat-24-288369"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_24"
                         data-recjs-list="category_24"
                         data-recjs-position="3"
                         data-recjs-id="post-288369"
                         data-recjs-type="post"
                         data-recjs-title="¿La gente ya no sabe enviar un e-mail? Un desarrollador ARG así lo cree"
                         data-recjs-url="https://www.neoteo.com/es/la-gente-ya-no-sabe-enviar-un-email-un-desarrollador-arg-asi-lo-cree"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159056/01KEYS2GPK3Q4KCN1Q986XYKSD.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/la-gente-ya-no-sabe-enviar-un-email-un-desarrollador-arg-asi-lo-cree" class="block" aria-label="¿La gente ya no sabe enviar un e-mail? Un desarrollador ARG así lo cree">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e280019"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159056/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/159056/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/159056/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/159056/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159056/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159056/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159056/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159056/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e28001a"
            src="/image_resizer/159056/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/159056/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159056/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159056/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159056/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e280019')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="¿La gente ya no sabe enviar un e-mail? Un desarrollador ARG así lo cree" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Juegos
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                ¿La gente ya no sabe enviar un e-mail? Un desarrollador ARG así lo cree
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-14">
                                14 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/nuevo-record-para-steam-42-millones-de-usuarios-activos'"
                         wire:key="cat-24-288365"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_24"
                         data-recjs-list="category_24"
                         data-recjs-position="4"
                         data-recjs-id="post-288365"
                         data-recjs-type="post"
                         data-recjs-title="Nuevo récord para Steam: 42 millones de usuarios activos"
                         data-recjs-url="https://www.neoteo.com/es/nuevo-record-para-steam-42-millones-de-usuarios-activos"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159048/01KEW0DQY59D20MXSZRGVS0NZM.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;,&amp;quot;Software&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/nuevo-record-para-steam-42-millones-de-usuarios-activos" class="block" aria-label="Nuevo récord para Steam: 42 millones de usuarios activos">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e280496"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159048/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/159048/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/159048/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/159048/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159048/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159048/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159048/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159048/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e280497"
            src="/image_resizer/159048/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/159048/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/159048/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/159048/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/159048/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e280496')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Nuevo récord para Steam: 42 millones de usuarios activos" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Juegos
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Nuevo récord para Steam: 42 millones de usuarios activos
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-13">
                                13 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
            <!--[if ENDBLOCK]><![endif]-->        </div>
    <!--[if ENDBLOCK]><![endif]--></div>
        </section>

        
        <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
            <div wire:key="lw-2198516813-6-5" wire:snapshot="{&quot;data&quot;:{&quot;categoryId&quot;:1495,&quot;categoryName&quot;:&quot;Software&quot;,&quot;categorySlug&quot;:&quot;\/es\/categorias\/software&quot;,&quot;limit&quot;:4},&quot;memo&quot;:{&quot;id&quot;:&quot;i7pcq2TZatnjfBRhFXaX&quot;,&quot;name&quot;:&quot;category-posts&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;38f752f5121712133c7ff73e880b3c5d69076533e9526b32088073321e4ad0c6&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="i7pcq2TZatnjfBRhFXaX" wire:name="category-posts">
    <!--[if BLOCK]><![endif]-->        
        <div class="mb-6 flex items-center justify-between">
            <div class="flex items-center gap-3">
                <div class="h-5 w-1 rounded-full bg-purple-500"></div>
                <h2 class="text-2xl font-bold text-gray-900 dark:text-white">Software</h2>
            </div>
            <!--[if BLOCK]><![endif]-->                <a href="https://www.neoteo.com/es/categoria/software"
                   class="group flex cursor-pointer items-center gap-1.5 text-sm font-semibold text-purple-600 transition-colors hover:text-purple-700 dark:text-purple-400 dark:hover:text-purple-300">
                    Ver Todos
                    <svg class="h-4 w-4 transition-transform group-hover:translate-x-0.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
                    </svg>
                </a>
            <!--[if ENDBLOCK]><![endif]-->        </div>

        
        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
            <!--[if BLOCK]><![endif]-->                                <article class="sm:col-span-2 sm:row-span-2 group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/nuevo-record-para-steam-42-millones-de-usuarios-activos'"
                         wire:key="cat-1495-288365"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_1495"
                         data-recjs-list="category_1495"
                         data-recjs-position="1"
                         data-recjs-id="post-288365"
                         data-recjs-type="post"
                         data-recjs-title="Nuevo récord para Steam: 42 millones de usuarios activos"
                         data-recjs-url="https://www.neoteo.com/es/nuevo-record-para-steam-42-millones-de-usuarios-activos"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159048/01KEW0DQY59D20MXSZRGVS0NZM.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;,&amp;quot;Software&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/nuevo-record-para-steam-42-millones-de-usuarios-activos" class="block" aria-label="Nuevo récord para Steam: 42 millones de usuarios activos">
                        <div class="relative h-[420px] sm:h-full sm:min-h-[480px] overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 500px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e28110d"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/159048/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/159048/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/159048/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/159048/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/159048/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/159048/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/159048/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/159048/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/159048/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/159048/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e28110e"
            src="/image_resizer/159048/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/159048/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/159048/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/159048/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/159048/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/159048/w/200/h/1000/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e28110d')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'800\' height=\'500\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Nuevo récord para Steam: 42 millones de usuarios activos" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 sm:p-6">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Juegos
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-xl sm:text-2xl font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Nuevo récord para Steam: 42 millones de usuarios activos
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    Desde las intensas misiones de ARC Raiders hasta las montañas de Peak, los gamers están dedicando más tiempo que nunca a sus títulos favorit...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-13">
                                13 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/doom-y-after-dark-sobredosis-retro-en-protectores-de-pantalla'"
                         wire:key="cat-1495-288348"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_1495"
                         data-recjs-list="category_1495"
                         data-recjs-position="2"
                         data-recjs-id="post-288348"
                         data-recjs-type="post"
                         data-recjs-title="Doom y After Dark, sobredosis retro en protectores de pantalla"
                         data-recjs-url="https://www.neoteo.com/es/doom-y-after-dark-sobredosis-retro-en-protectores-de-pantalla"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/158999/01KEAGBG9APHQCXDKH4GC8DAPY.jpg"
                         data-recjs-categories='[&amp;quot;Software&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/doom-y-after-dark-sobredosis-retro-en-protectores-de-pantalla" class="block" aria-label="Doom y After Dark, sobredosis retro en protectores de pantalla">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e28158a"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/158999/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/158999/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/158999/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/158999/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/158999/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/158999/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/158999/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/158999/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e28158b"
            src="/image_resizer/158999/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/158999/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/158999/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/158999/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/158999/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e28158a')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Doom y After Dark, sobredosis retro en protectores de pantalla" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Software
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Doom y After Dark, sobredosis retro en protectores de pantalla
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-06">
                                6 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/por-que-un-juego-de-star-wars-se-volvio-invaluable-para-los-hackers-de-ps5'"
                         wire:key="cat-1495-288342"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_1495"
                         data-recjs-list="category_1495"
                         data-recjs-position="3"
                         data-recjs-id="post-288342"
                         data-recjs-type="post"
                         data-recjs-title="¿Por qué un juego de Star Wars se volvió invaluable para los hackers de PS5?"
                         data-recjs-url="https://www.neoteo.com/es/por-que-un-juego-de-star-wars-se-volvio-invaluable-para-los-hackers-de-ps5"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/158986/01KE7F50A8KZ7Y60B942QW8KZ5.jpg"
                         data-recjs-categories='[&amp;quot;Software&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/por-que-un-juego-de-star-wars-se-volvio-invaluable-para-los-hackers-de-ps5" class="block" aria-label="¿Por qué un juego de Star Wars se volvió invaluable para los hackers de PS5?">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e281a09"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/158986/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/158986/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/158986/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/158986/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/158986/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/158986/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/158986/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/158986/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e281a0a"
            src="/image_resizer/158986/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/158986/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/158986/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/158986/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/158986/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e281a09')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="¿Por qué un juego de Star Wars se volvió invaluable para los hackers de PS5?" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Software
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                ¿Por qué un juego de Star Wars se volvió invaluable para los hackers de PS5?
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-05">
                                5 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
                                            <article class=" group relative cursor-pointer overflow-hidden rounded-xl"
                         x-data
                         x-on:click="window.location.href = 'https://www.neoteo.com/es/windows-versus-windows-el-rendimiento-a-traves-de-sus-versiones'"
                         wire:key="cat-1495-288340"
                         data-recjs-card
                         data-recjs-source="category-posts"
                         data-recjs-placement="category_section_1495"
                         data-recjs-list="category_1495"
                         data-recjs-position="4"
                         data-recjs-id="post-288340"
                         data-recjs-type="post"
                         data-recjs-title="Windows versus Windows: El rendimiento a través de sus versiones"
                         data-recjs-url="https://www.neoteo.com/es/windows-versus-windows-el-rendimiento-a-traves-de-sus-versiones"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/158971/01KE25Z7CA3J4EBFXQXC837Z7X.jpg"
                         data-recjs-categories='[&amp;quot;Software&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/windows-versus-windows-el-rendimiento-a-traves-de-sus-versiones" class="block" aria-label="Windows versus Windows: El rendimiento a través de sus versiones">
                        <div class="relative h-56 overflow-hidden bg-gray-200 dark:bg-gray-800">
                            <!--[if BLOCK]><![endif]-->                                <div class="relative w-full h-full overflow-hidden image-resizer-container" 
     style="--min-height: 280px; --lqip-color: #f0f0f0;"
     data-image-container>
    <!--[if BLOCK]><![endif]-->        <!-- Fallback LQIP color background -->
        <div class="absolute inset-0 w-full h-full image-resizer-blurhash-bg" 
             id="blurhash-69d3a5e281e6a"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/158971/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/158971/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/158971/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/158971/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/158971/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/158971/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/158971/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/158971/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69d3a5e281e6b"
            src="/image_resizer/158971/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/158971/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/158971/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/158971/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/158971/w/200/h/560/resize/cat_card.jpg 200w"
            class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105  w-full h-full object-cover"
            onload="document.getElementById('blurhash-69d3a5e281e6a')?.remove()"
            onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'400\' height=\'280\'%3E%3Crect width=\'100%25\' height=\'100%25\' fill=\'#f0f0f0\'/%3E%3C/svg%3E';"
            alt="Windows versus Windows: El rendimiento a través de sus versiones" loading="lazy"
        />
    </picture>
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->



                            <!--[if ENDBLOCK]><![endif]-->                            <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"></div>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 z-10 p-4 ">
                            <!--[if BLOCK]><![endif]-->                                <span class="mb-2 inline-block rounded-full bg-purple-500/20 px-2.5 py-0.5 text-[0.65rem] font-bold uppercase tracking-wider text-purple-300 ring-1 ring-purple-400/30 backdrop-blur-sm">
                                    Software
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <h3 class="text-base font-bold leading-snug text-white drop-shadow-lg transition-colors group-hover:text-purple-200">
                                Windows versus Windows: El rendimiento a través de sus versiones
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2026-01-03">
                                3 de ene. de 2026
                            </time>
                        </div>
                    </a>
                </article>
            <!--[if ENDBLOCK]><![endif]-->        </div>
    <!--[if ENDBLOCK]><![endif]--></div>
        </section>

        
        <div class="border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900/50">
            <div class="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
                <div class="rounded-2xl border border-gray-200 bg-white px-4 py-6 shadow-sm dark:border-gray-800 dark:bg-gray-950 sm:px-6">
                    <div class="hidden justify-center md:flex">
                        <div class="overflow-hidden" x-data="{}" x-init="window.neoteoInitAdsense($el)">
    <div class="" data-neoteo-adsense-slot>
        <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px"
                            data-ad-client="ca-pub-6284692619635543"
                            data-ad-slot="5371255688"
                    ></ins>
    </div>
</div>
                    </div>

                    <div class="md:hidden">
                        <div class="mx-auto max-w-4xl" x-data="{}" x-init="window.neoteoInitAdsense($el)">
    <div class="" data-neoteo-adsense-slot>
        <ins class="adsbygoogle" style="display:block"
                            data-ad-format="fluid"
                            data-ad-layout-key="-dd+a6-2l-hq+15t"
                            data-ad-client="ca-pub-6284692619635543"
                            data-ad-slot="4908267235"
                    ></ins>
    </div>
</div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

                    </div>
    </main>

    <footer aria-labelledby="footer-heading" class="bg-gray-900 mt-auto">
    <span id="footer-heading" class="sr-only">Footer</span>
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div class="py-20 xl:grid xl:grid-cols-3 xl:gap-8">
            <div class="grid grid-cols-2 gap-8 xl:col-span-2">
                <div class="space-y-12 md:grid md:grid-cols-2 md:gap-8 md:space-y-0">
                    <div>
                        
                    </div>
                    <div>
                        
                    </div>
                </div>
                <div class="space-y-12 md:grid md:grid-cols-2 md:gap-8 md:space-y-0">
                    <div>
                        
                    </div>
                    <div>
                        
                    </div>
                </div>
            </div>
            <div class="mt-12 md:mt-16 xl:mt-0">

            </div>
        </div>

        <div class="border-t border-gray-800 py-10">
            <p class="text-sm text-gray-400">Copyright &copy; 2005-2026 NeoTeo</p>
        </div>
    </div>
</footer>



<script src="https://www.neoteo.com/livewire-a251cb05/livewire.min.js?id=6b3709b1"   data-csrf="ITPl0gjwLobhqcscbFfNwrhPowWD47u73kUSDdAx" data-module-url="https://www.neoteo.com/livewire-a251cb05" data-update-uri="https://www.neoteo.com/livewire-a251cb05/update" data-navigate-once="true"></script>
        <script src="https://www.neoteo.com/_laravel-comments-livewire/scripts.js?v=dev-main"></script>

<script>

    
    
    window.addEventListener('refresh-page', event => {
        location.reload();
    })

    document.addEventListener('alpine:init', () => {
        Alpine.store('dataLayer', {
            init() {
                window.addEventListener('dataLayerEvent', function (data) {
                        dataLayer.push('event', data.detail[0], data.detail[1]);
                        gtag('event', data.detail[0], data.detail[1]);
                    }
                )

                window.addEventListener('fbEvent', function (data) {

                        console.log(data.detail[0]);
                        setTimeout(function () {
                            if (typeof fbq !== 'undefined') {
                                fbq('track', ...data.detail[0]);
                            }
                        }, 1000);
                    }
                )

                window.addEventListener('track', function (data) {
                        if (data.detail[0] === 'identify') {
                            analytics.identify(data.detail[0][1].email, data.detail[0][1]);
                        } else {
                            console.log(data.detail);
                            analytics.track(data.detail[0][0], data.detail[0][1]);
                        }

                        if (data.detail[0] === 'Product Viewed') {
                            //splitbee.track(data.detail[0], {'sku': data.detail[1].sku})
                        }

                        if (
                            data.detail[0] === 'Checkout Started' ||
                            data.detail[0] === 'Lead' ||
                            data.detail[0] === 'Lead Captured' ||
                            data.detail[0] === 'Order Completed'
                        ) {
                            //splitbee.track(data.detail[0])
                        }
                    }
                )
            }
        })
    })

    document.addEventListener('alpine:init', () => {

        Alpine.data('runScripts', () => ({
            scripts: null,
            init() {
                Livewire.hook('message.processed', (message, component) => {
                    this.run()
                })
            },
            run() {
                let tmp_script;
                this.scripts = this.$el.querySelectorAll('script');
                this.scripts.forEach(function (script) {
                    //console.log(script);
                    if (script.getAttribute('src')) {
                        tmp_script = document.createElement('script');
                        tmp_script.type = 'text/javascript'
                        tmp_script.src = script.getAttribute('src');
                        document.getElementsByTagName("head")[0].appendChild(tmp_script);
                    }
                });
            }
        }))
    });
</script>



<script src="https://www.neoteo.com/vendor/image-resizer/js/image-resizer.js"></script><div wire:key="lw-1657831620-0-6" wire:snapshot="{&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;NgLmrfAD9H1vFsQmqGIc&quot;,&quot;name&quot;:&quot;wire-elements-modal&quot;,&quot;path&quot;:&quot;es&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;5b7900738922014acf65971be61c3df26272dee9e103cd5216374735b234a3ab&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;openModal&quot;,&quot;destroyComponent&quot;]}" wire:id="NgLmrfAD9H1vFsQmqGIc" wire:name="wire-elements-modal">
    <!--[if BLOCK]><![endif]-->        <script>(()=>{var t,e={646:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(t){if("string"==typeof t)return e(t,o);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,o):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,listeners:[],getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")&&this.closingModal("closingModalOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closingModal("closingModalOnClickAway")&&this.closeModal(!0)},closingModal:function(t){var e=this.$wire.get("components")[this.activeComponent].name,o={id:this.activeComponent,closing:!0};return Livewire.dispatchTo(e,t,o),o.closing},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.dispatch("modalClosed",{name:n})}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.dispatch("destroyComponent",{id:this.activeComponent}),e>0)for(var i=0;i<e;i++){if(o){var s=this.componentHistory[this.componentHistory.length-1];Livewire.dispatch("destroyComponent",{id:s})}this.componentHistory.pop()}var r=this.componentHistory.pop();r&&!t&&r?this.setActiveModalComponent(r,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input:not([type='hidden']), textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),this.listeners.push(Livewire.on("closeModal",(function(e){var o,n,i;t.closeModal(null!==(o=null==e?void 0:e.force)&&void 0!==o&&o,null!==(n=null==e?void 0:e.skipPreviousModals)&&void 0!==n?n:0,null!==(i=null==e?void 0:e.destroySkipped)&&void 0!==i&&i)}))),this.listeners.push(Livewire.on("activeModalComponentChanged",(function(e){var o=e.id;t.setActiveModalComponent(o)})))},destroy:function(){this.listeners.forEach((function(t){t()}))}}}},761:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,n),s.exports}n.m=e,t=[],n.O=(e,o,i,s)=>{if(!o){var r=1/0;for(u=0;u<t.length;u++){for(var[o,i,s]=t[u],a=!0,c=0;c<o.length;c++)(!1&s||r>=s)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,s<r&&(r=s));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var u=t.length;u>0&&t[u-1][2]>s;u--)t[u]=t[u-1];t[u]=[o,i,s]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={931:0,994:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,s,[r,a,c]=o,l=0;if(r.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<r.length;l++)s=r[l],n.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[994],(()=>n(646)));var i=n.O(void 0,[994],(()=>n(761)));i=n.O(i)})();</script>
    <!--[if ENDBLOCK]><![endif]-->    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    <div
            x-data="LivewireUIModal()"
            x-on:close.stop="setShowPropertyTo(false)"
            x-on:keydown.escape.window="show && closeModalOnEscape()"
            x-show="show"
            class="fixed inset-0 z-10 overflow-y-auto"
            style="display: none;"
    >
        <div class="flex items-end justify-center min-h-dvh px-4 pt-4 pb-10 text-center sm:block sm:p-0">
            <div
                    x-show="show"
                    x-on:click="closeModalOnClickAway()"
                    x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0"
                    class="fixed inset-0 transition-all transform"
            >
                <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
            </div>

            <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>

            <div
                    x-show="show && showActiveComponent"
                    x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-bind:class="modalWidth"
                    class="relative inline-block w-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
                    id="modal-container"
                    x-trap.noscroll.inert="show && showActiveComponent"
                    aria-modal="true"
            >
                <!--[if BLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>
    </div>
</div>

<div role="status" id="toaster" x-data="toasterHub([], JSON.parse('{\u0022alignment\u0022:\u0022bottom\u0022,\u0022duration\u0022:3000,\u0022replace\u0022:false,\u0022suppress\u0022:false}'))" class="fixed z-50 p-4 w-full flex flex-col pointer-events-none sm:p-6 bottom-0 items-end rtl:items-start">
    <template x-for="toast in toasts" :key="toast.id">
        <div x-show="toast.isVisible"
             x-init="$nextTick(() => toast.show($el))"
                          x-transition:enter-start="translate-y-12 opacity-0"
             x-transition:enter-end="translate-y-0 opacity-100"
                          x-transition:leave-end="opacity-0 scale-90"
             class="relative duration-300 transform transition ease-in-out max-w-xs w-full pointer-events-auto"
             :class="toast.select({ error: 'text-white', info: 'text-black', success: 'text-white', warning: 'text-white' })"
        >
            <i x-text="toast.message"
               class="inline-block select-none not-italic px-6 py-3 rounded rounded-sm shadow-lg text-sm w-full mt-3"
               :class="toast.select({ error: 'bg-red-500', info: 'bg-gray-200', success: 'bg-green-600', warning: 'bg-orange-500' })"
            ></i>

            <button @click="toast.dispose()" aria-label="close" class="absolute right-0 p-2 focus:outline-none focus:outline-hidden rtl:right-auto rtl:left-0 top-3">
    <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
        <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
    </svg>
</button>        </div>
    </template>
</div>

<script>
    document.addEventListener('alpine:init', () => {
        (function() {
            // Function to get query parameters from the URL
            function getQueryParam(param) {
                const urlParams = new URLSearchParams(window.location.search);
                return urlParams.get(param);
            }

            // Enhanced email validation function
            function isValidEmail(email) {
                const validRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                return validRegex.test(email);
            }

            // Check if 'mcid' parameter exists
            const mcid = getQueryParam('mcid');

            if (mcid) {
                try {
                    // Decode the Base64-encoded email
                    const email = atob(mcid);

                    // Validate the email before calling analytics.identify
                    if (isValidEmail(email)) {
                        // Call analytics.identify with the decoded email
                        analytics.identify(email);
                    }
                } catch (error) {
                }
            }
        })();

            })

</script>


</body>
</html>

