<!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 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="HTfdnSbc3KKOUIhKVPcrbPXTqmtI4k9LJYwPgxja">
    <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="NeoTeo" 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.s9IfNE7S.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.s9IfNE7S.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-BQ9uLG9q.css">    <style>
        [x-cloak] {
            display: none !important;
        }
    </style>

            <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 defer data-key="qged9w3bpjdwaxnybtlgcylv0jfo0eku" src="https://recjs.b-cdn.net/api/recommender/v1/tracker/qged9w3bpjdwaxnybtlgcylv0jfo0eku.js"></script>
    <script>
(function () {
    if (window.neoteoRecjsWhenReady) {
        return;
    }

    window.neoteoRecjsWhenReady = function (callback) {
        if (typeof callback !== 'function') {
            return;
        }

        function isRecjsRuntimeReady() {
            var r = window.RecJS;

            if (! r || typeof r !== 'object') {
                return false;
            }

            return typeof r.viewContent === 'function' || typeof r.viewFrontPage === 'function';
        }

        function run() {
            callback();
        }

        if (isRecjsRuntimeReady()) {
            run();

            return;
        }

        var recjs = window.RecJS;

        if (recjs && typeof recjs.ready === 'function') {
            recjs.ready(run);

            return;
        }

        var attempts = 0;
        var maxAttempts = 150;

        function poll() {
            attempts++;

            if (isRecjsRuntimeReady()) {
                run();

                return;
            }

            if (attempts >= maxAttempts) {
                console.warn('[NeoTeo] RecJS runtime did not expose viewContent/viewFrontPage in time.');

                return;
            }

            window.setTimeout(poll, 50);
        }

        poll();
    };
})();
</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;oknGMurv719d96lFSQxf&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;6a6f5776b6adfbfe9a5f06cacbffa80fb08b65a1ad4ccdac6e54c052ea4cf241&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="oknGMurv719d96lFSQxf" 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;zCFBWXsnK7DHxxhZIWMw&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;45m7GcgEB2iRH0iAJ6Vj&quot;],&quot;lw-2198516813-1-0&quot;:[&quot;div&quot;,&quot;atcXt4uUXnj50pJMhgI7&quot;],&quot;lw-2198516813-2-1&quot;:[&quot;div&quot;,&quot;qpMDj3gX0J81W5qKeZmD&quot;],&quot;lw-2198516813-3-2&quot;:[&quot;div&quot;,&quot;HVTLX2pjYexobW2B4vlV&quot;],&quot;lw-2198516813-4-3&quot;:[&quot;div&quot;,&quot;wNwupiQDI4v6UYoKgxS1&quot;],&quot;lw-2198516813-5-4&quot;:[&quot;div&quot;,&quot;hCEpNn8MuAmxOrnTGjml&quot;],&quot;lw-2198516813-6-5&quot;:[&quot;div&quot;,&quot;caFtl0pXTO54EnyAER9Z&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;29ea09eca396443a2bcd4f85880d5ac2a91e6a18dd5172c2183f595e2082af18&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="zCFBWXsnK7DHxxhZIWMw" wire:name="neoteo-home">
    
    <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;45m7GcgEB2iRH0iAJ6Vj&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;276d799815e23d6f7cf257c54d50360dd29c0d87035df1b418ad0003b2f38a50&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="45m7GcgEB2iRH0iAJ6Vj" wire:name="featured-posts" class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
    <!--[if BLOCK]><![endif]--><!--[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;atcXt4uUXnj50pJMhgI7&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;e68400452c29b41fa994e31475df7ae8ea74690bee12a0bfcccf14efb247525f&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="atcXt4uUXnj50pJMhgI7" 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"
                     data-recjs-card
                     data-recjs-source="home-latest"
                     data-recjs-placement="front_page_latest"
                     data-recjs-list="latest_posts"
                     data-recjs-position="1"
                     data-recjs-id="post-288382"
                     data-recjs-type="post"
                     data-recjs-title="La última entrada de NeoTeo.com"
                     data-recjs-url="https://www.neoteo.com/es/la-ultima-entrada-de-neoteocom"
                     data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/159075/01KF9QAN6YAHV3SDZZ6ZPH53F3.jpg"
                     data-recjs-categories='[]'
                     data-recjs-tags='[&amp;quot;NeoTeo.com&amp;quot;]'>

                
                <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-69fda0b2ae368"></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-69fda0b2ae369"
            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-69fda0b2ae368')?.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]--><!--[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"
                     data-recjs-card
                     data-recjs-source="home-latest"
                     data-recjs-placement="front_page_latest"
                     data-recjs-list="latest_posts"
                     data-recjs-position="2"
                     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='[]'
                     data-recjs-tags='[&amp;quot;The Arborist&amp;quot;,&amp;quot;tr\u00e1iler&amp;quot;,&amp;quot;bosque&amp;quot;]'>

                
                <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-69fda0b2ae8e4"></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-69fda0b2ae8e5"
            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-69fda0b2ae8e4')?.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]--><!--[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"
                     data-recjs-card
                     data-recjs-source="home-latest"
                     data-recjs-placement="front_page_latest"
                     data-recjs-list="latest_posts"
                     data-recjs-position="3"
                     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='[]'
                     data-recjs-tags='[&amp;quot;AMD&amp;quot;,&amp;quot;Radeon R9 Fury&amp;quot;,&amp;quot;tarjetas gr\u00e1ficas&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="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-69fda0b2aed6d"></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-69fda0b2aed6e"
            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-69fda0b2aed6d')?.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]--><!--[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"
                     data-recjs-card
                     data-recjs-source="home-latest"
                     data-recjs-placement="front_page_latest"
                     data-recjs-list="latest_posts"
                     data-recjs-position="4"
                     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='[]'
                     data-recjs-tags='[&amp;quot;tr\u00e1iler&amp;quot;,&amp;quot;The Bride!&amp;quot;,&amp;quot;Bonnie and Clyde&amp;quot;,&amp;quot;monstruos&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="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-69fda0b2af37b"></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-69fda0b2af37c"
            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-69fda0b2af37b')?.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]--><!--[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"
                     data-recjs-card
                     data-recjs-source="home-latest"
                     data-recjs-placement="front_page_latest"
                     data-recjs-list="latest_posts"
                     data-recjs-position="5"
                     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='[]'
                     data-recjs-tags='[&amp;quot;Amazon&amp;quot;,&amp;quot;New World&amp;quot;,&amp;quot;MMO&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="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-69fda0b2af8b6"></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-69fda0b2af8b7"
            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-69fda0b2af8b6')?.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]--><!--[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"
                     data-recjs-card
                     data-recjs-source="home-latest"
                     data-recjs-placement="front_page_latest"
                     data-recjs-list="latest_posts"
                     data-recjs-position="6"
                     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='[]'
                     data-recjs-tags='[&amp;quot;Kathleen Kennedy&amp;quot;,&amp;quot;Lucasfilm&amp;quot;,&amp;quot;Star Wars&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="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-69fda0b2afe48"></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-69fda0b2afe49"
            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-69fda0b2afe48')?.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]--><!--[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;qpMDj3gX0J81W5qKeZmD&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;ddd69f6882fbc4ce440e340364cec229964ff77a4a558ace25bae3bff869305a&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="qpMDj3gX0J81W5qKeZmD" 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 uppercase tracking-wide 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/enlaces-recomendados-de-la-semana-n727'"
                         wire:key="cat-1-277530"
                         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-277530"
                         data-recjs-type="post"
                         data-recjs-title="Enlaces Recomendados de la Semana (N°727)"
                         data-recjs-url="https://www.neoteo.com/es/enlaces-recomendados-de-la-semana-n727"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/41925/Kelly-LeBrock.jpg"
                         data-recjs-categories='[&amp;quot;Hardware&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/enlaces-recomendados-de-la-semana-n727" class="block" aria-label="Enlaces Recomendados de la Semana (N°727)">
                        <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-69fda0b2b0dfa"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/41925/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/41925/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/41925/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/41925/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/41925/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/41925/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/41925/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/41925/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/41925/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/41925/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b0dfb"
            src="/image_resizer/41925/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/41925/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/41925/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/41925/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/41925/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/41925/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-69fda0b2b0dfa')?.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="Enlaces Recomendados de la Semana (N°727)" 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">
                                Enlaces Recomendados de la Semana (N°727)
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    Exquisito plato de cantos rodados, un hombre alien, China no tiene dragones, el vac&amp;iacute;o del Flatiron y la espada de la justicia se asom...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-07-01">
                                1 de jul. de 2023
                            </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-velocidad-de-conexion-alrededor-del-mundo'"
                         wire:key="cat-1-277355"
                         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-277355"
                         data-recjs-type="post"
                         data-recjs-title="La velocidad de conexión alrededor del mundo"
                         data-recjs-url="https://www.neoteo.com/es/la-velocidad-de-conexion-alrededor-del-mundo"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/41955/pexels-pixabay-315938.jpg"
                         data-recjs-categories='[&amp;quot;Hardware&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/la-velocidad-de-conexion-alrededor-del-mundo" class="block" aria-label="La velocidad de conexión alrededor del mundo">
                        <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-69fda0b2b11a3"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/41955/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/41955/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/41955/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/41955/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/41955/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41955/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41955/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41955/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b11a4"
            src="/image_resizer/41955/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/41955/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41955/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41955/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41955/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-69fda0b2b11a3')?.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 velocidad de conexión alrededor 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 ">
                            <!--[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">
                                La velocidad de conexión alrededor del mundo
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-26">
                                26 de jun. de 2023
                            </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/enlaces-recomendados-de-la-semana-n726'"
                         wire:key="cat-1-277325"
                         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-277325"
                         data-recjs-type="post"
                         data-recjs-title="Enlaces Recomendados de la Semana (N°726)"
                         data-recjs-url="https://www.neoteo.com/es/enlaces-recomendados-de-la-semana-n726"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/41963/lisa-whelchel-4.jpeg"
                         data-recjs-categories='[&amp;quot;Hardware&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/enlaces-recomendados-de-la-semana-n726" class="block" aria-label="Enlaces Recomendados de la Semana (N°726)">
                        <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-69fda0b2b154d"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/41963/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/41963/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/41963/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/41963/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/41963/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41963/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41963/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41963/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b154e"
            src="/image_resizer/41963/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/41963/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41963/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41963/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41963/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-69fda0b2b154d')?.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="Enlaces Recomendados de la Semana (N°726)" 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">
                                Enlaces Recomendados de la Semana (N°726)
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-24">
                                24 de jun. de 2023
                            </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/enlaces-recomendados-de-la-semana-n725'"
                         wire:key="cat-1-277129"
                         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-277129"
                         data-recjs-type="post"
                         data-recjs-title="Enlaces Recomendados de la Semana (N°725)"
                         data-recjs-url="https://www.neoteo.com/es/enlaces-recomendados-de-la-semana-n725"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/42197/birgitta-af-klercker-17.jpeg"
                         data-recjs-categories='[&amp;quot;Hardware&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/enlaces-recomendados-de-la-semana-n725" class="block" aria-label="Enlaces Recomendados de la Semana (N°725)">
                        <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-69fda0b2b18dc"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/42197/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/42197/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/42197/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/42197/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/42197/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42197/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42197/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42197/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b18dd"
            src="/image_resizer/42197/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/42197/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42197/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42197/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42197/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-69fda0b2b18dc')?.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="Enlaces Recomendados de la Semana (N°725)" 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">
                                Enlaces Recomendados de la Semana (N°725)
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-17">
                                17 de jun. de 2023
                            </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;HVTLX2pjYexobW2B4vlV&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;6e824c664d1c9a27fa13efd9e8e94f0300fa70b43674a1daef2f3df015042507&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="HVTLX2pjYexobW2B4vlV" 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 uppercase tracking-wide 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/tiradero-visual-de-la-semana-n295'"
                         wire:key="cat-11-277487"
                         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-277487"
                         data-recjs-type="post"
                         data-recjs-title="Tiradero Visual de la Semana (N°295)"
                         data-recjs-url="https://www.neoteo.com/es/tiradero-visual-de-la-semana-n295"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/41869/1-4.jpg"
                         data-recjs-categories='[&amp;quot;Entretenimiento&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/tiradero-visual-de-la-semana-n295" class="block" aria-label="Tiradero Visual de la Semana (N°295)">
                        <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-69fda0b2b2415"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/41869/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/41869/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/41869/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/41869/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/41869/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/41869/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/41869/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/41869/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/41869/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/41869/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b2416"
            src="/image_resizer/41869/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/41869/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/41869/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/41869/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/41869/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/41869/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-69fda0b2b2415')?.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="Tiradero Visual de la Semana (N°295)" 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">
                                Tiradero Visual de la Semana (N°295)
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    ¡Descubre el Tiradero Visual de la Semana y sumérgete en una experiencia única repleta de imágenes sorprendentes y anécdotas inesperadas! No...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-30">
                                30 de jun. de 2023
                            </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/vertedero-animado-de-la-semana-n265'"
                         wire:key="cat-11-277377"
                         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-277377"
                         data-recjs-type="post"
                         data-recjs-title="Vertedero Animado de la Semana (N°265)"
                         data-recjs-url="https://www.neoteo.com/es/vertedero-animado-de-la-semana-n265"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/42738/verte265.jpg"
                         data-recjs-categories='[&amp;quot;Entretenimiento&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/vertedero-animado-de-la-semana-n265" class="block" aria-label="Vertedero Animado de la Semana (N°265)">
                        <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-69fda0b2b2805"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/42738/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/42738/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/42738/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/42738/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/42738/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42738/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42738/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42738/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b2806"
            src="/image_resizer/42738/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/42738/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42738/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42738/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42738/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-69fda0b2b2805')?.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="Vertedero Animado de la Semana (N°265)" 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">
                                Vertedero Animado de la Semana (N°265)
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-29">
                                29 de jun. de 2023
                            </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/tiradero-visual-de-la-semana-n294'"
                         wire:key="cat-11-277308"
                         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-277308"
                         data-recjs-type="post"
                         data-recjs-title="Tiradero Visual de la Semana (N°294)"
                         data-recjs-url="https://www.neoteo.com/es/tiradero-visual-de-la-semana-n294"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/41867/1-3.jpg"
                         data-recjs-categories='[&amp;quot;Entretenimiento&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/tiradero-visual-de-la-semana-n294" class="block" aria-label="Tiradero Visual de la Semana (N°294)">
                        <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-69fda0b2b2b97"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/41867/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/41867/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/41867/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/41867/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/41867/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41867/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41867/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41867/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b2b98"
            src="/image_resizer/41867/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/41867/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41867/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41867/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41867/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-69fda0b2b2b97')?.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="Tiradero Visual de la Semana (N°294)" 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">
                                Tiradero Visual de la Semana (N°294)
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-22">
                                22 de jun. de 2023
                            </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/vertedero-animado-de-la-semana-n264'"
                         wire:key="cat-11-277198"
                         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-277198"
                         data-recjs-type="post"
                         data-recjs-title="Vertedero Animado de la Semana (N°264)"
                         data-recjs-url="https://www.neoteo.com/es/vertedero-animado-de-la-semana-n264"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/42748/verte-1.jpg"
                         data-recjs-categories='[&amp;quot;Entretenimiento&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/vertedero-animado-de-la-semana-n264" class="block" aria-label="Vertedero Animado de la Semana (N°264)">
                        <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-69fda0b2b2f23"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/42748/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/42748/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/42748/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/42748/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/42748/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42748/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42748/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42748/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b2f24"
            src="/image_resizer/42748/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/42748/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42748/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42748/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42748/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-69fda0b2b2f23')?.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="Vertedero Animado de la Semana (N°264)" 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">
                                Vertedero Animado de la Semana (N°264)
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-21">
                                21 de jun. de 2023
                            </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;wNwupiQDI4v6UYoKgxS1&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;f65c66acafc430039fdba9b82843587e29b0683871265aff0090bd4150e5bab3&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="wNwupiQDI4v6UYoKgxS1" 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 uppercase tracking-wide 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/el-sindrome-de-charles-bonnet-cuando-eres-consciente-de-tener-alucinaciones'"
                         wire:key="cat-33-202650"
                         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-202650"
                         data-recjs-type="post"
                         data-recjs-title="El síndrome de Charles Bonnet: Cuando eres consciente de tener alucinaciones"
                         data-recjs-url="https://www.neoteo.com/es/el-sindrome-de-charles-bonnet-cuando-eres-consciente-de-tener-alucinaciones"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/41844/logo-20.jpg"
                         data-recjs-categories='[&amp;quot;Ciencia&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/el-sindrome-de-charles-bonnet-cuando-eres-consciente-de-tener-alucinaciones" class="block" aria-label="El síndrome de Charles Bonnet: Cuando eres consciente de tener alucinaciones">
                        <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-69fda0b2b39a2"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/41844/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/41844/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/41844/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/41844/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/41844/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/41844/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/41844/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/41844/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/41844/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/41844/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b39a3"
            src="/image_resizer/41844/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/41844/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/41844/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/41844/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/41844/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/41844/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-69fda0b2b39a2')?.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="El síndrome de Charles Bonnet: Cuando eres consciente de tener alucinaciones" 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">
                                El síndrome de Charles Bonnet: Cuando eres consciente de tener alucinaciones
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    La historia nos dice que en alg&amp;uacute;n punto del a&amp;ntilde;o 1760, el naturalista y escritor Charles Bonnet describi&amp;oacute; una extra&amp;ntil...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-25">
                                25 de jun. de 2023
                            </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/telefon-hirmondo-el-mas-antiguo-antepasado-de-internet'"
                         wire:key="cat-33-202425"
                         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-202425"
                         data-recjs-type="post"
                         data-recjs-title="Telefon Hírmondó: El más antiguo antepasado de Internet"
                         data-recjs-url="https://www.neoteo.com/es/telefon-hirmondo-el-mas-antiguo-antepasado-de-internet"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/42237/logo-18.jpg"
                         data-recjs-categories='[&amp;quot;Ciencia&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/telefon-hirmondo-el-mas-antiguo-antepasado-de-internet" class="block" aria-label="Telefon Hírmondó: El más antiguo antepasado de Internet">
                        <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-69fda0b2b3d72"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/42237/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/42237/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/42237/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/42237/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/42237/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42237/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42237/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42237/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b3d73"
            src="/image_resizer/42237/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/42237/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42237/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42237/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42237/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-69fda0b2b3d72')?.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="Telefon Hírmondó: El más antiguo antepasado de Internet" 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">
                                Telefon Hírmondó: El más antiguo antepasado de Internet
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-18">
                                18 de jun. de 2023
                            </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/el-sol-es-verde-o-por-que-el-color-no-funciona-como-lo-imaginamos'"
                         wire:key="cat-33-276871"
                         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-276871"
                         data-recjs-type="post"
                         data-recjs-title="«El Sol es verde», o por qué el color no funciona como lo imaginamos"
                         data-recjs-url="https://www.neoteo.com/es/el-sol-es-verde-o-por-que-el-color-no-funciona-como-lo-imaginamos"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/42336/logo-9.jpg"
                         data-recjs-categories='[&amp;quot;Ciencia&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/el-sol-es-verde-o-por-que-el-color-no-funciona-como-lo-imaginamos" class="block" aria-label="«El Sol es verde», o por qué el color no funciona como lo imaginamos">
                        <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-69fda0b2b4106"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/42336/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/42336/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/42336/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/42336/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/42336/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42336/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42336/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42336/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b4107"
            src="/image_resizer/42336/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/42336/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42336/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42336/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42336/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-69fda0b2b4106')?.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="«El Sol es verde», o por qué el color no funciona como lo imaginamos" 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">
                                «El Sol es verde», o por qué el color no funciona como lo imaginamos
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-08">
                                8 de jun. de 2023
                            </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/caca-en-la-luna-los-excrementos-de-los-astronautas-del-programa-apolo'"
                         wire:key="cat-33-198455"
                         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-198455"
                         data-recjs-type="post"
                         data-recjs-title="Caca en la Luna: Los excrementos de los astronautas del programa Apolo"
                         data-recjs-url="https://www.neoteo.com/es/caca-en-la-luna-los-excrementos-de-los-astronautas-del-programa-apolo"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/42523/logo.jpg"
                         data-recjs-categories='[&amp;quot;Ciencia&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/caca-en-la-luna-los-excrementos-de-los-astronautas-del-programa-apolo" class="block" aria-label="Caca en la Luna: Los excrementos de los astronautas del programa Apolo">
                        <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-69fda0b2b4481"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/42523/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/42523/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/42523/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/42523/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/42523/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42523/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42523/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42523/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b4482"
            src="/image_resizer/42523/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/42523/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42523/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42523/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42523/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-69fda0b2b4481')?.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="Caca en la Luna: Los excrementos de los astronautas del programa Apolo" 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">
                                Caca en la Luna: Los excrementos de los astronautas del programa Apolo
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-04">
                                4 de jun. de 2023
                            </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;hCEpNn8MuAmxOrnTGjml&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;4cac8a0f5c078867aed532fcc6d1c10edef0632e501d31ff2b44d6a690b02733&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="hCEpNn8MuAmxOrnTGjml" 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 uppercase tracking-wide 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/el-juego-de-la-contrasena-una-pesadilla-transformada-en-diversion'"
                         wire:key="cat-24-277493"
                         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-277493"
                         data-recjs-type="post"
                         data-recjs-title="El Juego de la Contraseña: Una pesadilla transformada en diversión"
                         data-recjs-url="https://www.neoteo.com/es/el-juego-de-la-contrasena-una-pesadilla-transformada-en-diversion"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/41902/logo-30.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/el-juego-de-la-contrasena-una-pesadilla-transformada-en-diversion" class="block" aria-label="El Juego de la Contraseña: Una pesadilla transformada en diversión">
                        <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-69fda0b2b4e8f"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/41902/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/41902/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/41902/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/41902/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/41902/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/41902/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/41902/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/41902/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/41902/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/41902/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b4e90"
            src="/image_resizer/41902/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/41902/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/41902/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/41902/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/41902/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/41902/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-69fda0b2b4e8f')?.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="El Juego de la Contraseña: Una pesadilla transformada en diversión" 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">
                                El Juego de la Contraseña: Una pesadilla transformada en diversión
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    Los requerimientos para crear contrase&amp;ntilde;as en servicios online son cada vez m&amp;aacute;s complejos, con par&amp;aacute;metros que desaf&amp;iacu...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-29">
                                29 de jun. de 2023
                            </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/los-mejores-cortos-de-halflife-hechos-por-fans'"
                         wire:key="cat-24-277321"
                         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-277321"
                         data-recjs-type="post"
                         data-recjs-title="Los mejores cortos de Half-Life hechos por fans"
                         data-recjs-url="https://www.neoteo.com/es/los-mejores-cortos-de-halflife-hechos-por-fans"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/41936/logo-26.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/los-mejores-cortos-de-halflife-hechos-por-fans" class="block" aria-label="Los mejores cortos de Half-Life hechos por fans">
                        <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-69fda0b2b5236"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/41936/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/41936/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/41936/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/41936/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/41936/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41936/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41936/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41936/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b5237"
            src="/image_resizer/41936/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/41936/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41936/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41936/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41936/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-69fda0b2b5236')?.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="Los mejores cortos de Half-Life hechos por fans" 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">
                                Los mejores cortos de Half-Life hechos por fans
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-23">
                                23 de jun. de 2023
                            </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/myhousewad-el-mapa-de-doom-mas-aterrador'"
                         wire:key="cat-24-277159"
                         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-277159"
                         data-recjs-type="post"
                         data-recjs-title="MYHOUSE.WAD: El mapa de DOOM más aterrador"
                         data-recjs-url="https://www.neoteo.com/es/myhousewad-el-mapa-de-doom-mas-aterrador"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/41970/logo-19.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/myhousewad-el-mapa-de-doom-mas-aterrador" class="block" aria-label="MYHOUSE.WAD: El mapa de DOOM más aterrador">
                        <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-69fda0b2b55b7"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/41970/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/41970/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/41970/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/41970/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/41970/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41970/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41970/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41970/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b55b8"
            src="/image_resizer/41970/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/41970/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/41970/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/41970/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/41970/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-69fda0b2b55b7')?.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="MYHOUSE.WAD: El mapa de DOOM más aterrador" 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">
                                MYHOUSE.WAD: El mapa de DOOM más aterrador
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-19">
                                19 de jun. de 2023
                            </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/slitherlink-un-excelente-pasatiempo-para-desafiar-a-tu-mente'"
                         wire:key="cat-24-199700"
                         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-199700"
                         data-recjs-type="post"
                         data-recjs-title="Slitherlink: Un excelente pasatiempo para desafiar a tu mente"
                         data-recjs-url="https://www.neoteo.com/es/slitherlink-un-excelente-pasatiempo-para-desafiar-a-tu-mente"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/42452/logo-16.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/slitherlink-un-excelente-pasatiempo-para-desafiar-a-tu-mente" class="block" aria-label="Slitherlink: Un excelente pasatiempo para desafiar a tu mente">
                        <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-69fda0b2b592a"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/42452/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/42452/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/42452/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/42452/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/42452/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42452/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42452/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42452/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b592b"
            src="/image_resizer/42452/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/42452/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/42452/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/42452/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/42452/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-69fda0b2b592a')?.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="Slitherlink: Un excelente pasatiempo para desafiar a tu mente" 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">
                                Slitherlink: Un excelente pasatiempo para desafiar a tu mente
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2023-06-05">
                                5 de jun. de 2023
                            </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;caFtl0pXTO54EnyAER9Z&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;18d8a410cfda4a99df5756de409b59168369a2744e4adc7dbe07d323fdcda48f&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="caFtl0pXTO54EnyAER9Z" 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 uppercase tracking-wide 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/cpu-monitor-and-alert-detecta-el-uso-excesivo-del-cpu-y-genera-alertas'"
                         wire:key="cat-1495-183767"
                         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-183767"
                         data-recjs-type="post"
                         data-recjs-title="CPU Monitor and Alert: Detecta el uso excesivo del CPU y genera alertas"
                         data-recjs-url="https://www.neoteo.com/es/cpu-monitor-and-alert-detecta-el-uso-excesivo-del-cpu-y-genera-alertas"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/46780/logo-9.jpg"
                         data-recjs-categories='[&amp;quot;Software&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/cpu-monitor-and-alert-detecta-el-uso-excesivo-del-cpu-y-genera-alertas" class="block" aria-label="CPU Monitor and Alert: Detecta el uso excesivo del CPU y genera alertas">
                        <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-69fda0b2b63bd"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/46780/w/1600/h/1000/resize/cat_card.webp 2x, /image_resizer/46780/w/1600/h/1000/resize/cat_card.webp 1600w, /image_resizer/46780/w/800/h/1000/resize/cat_card.webp 800w, /image_resizer/46780/w/400/h/1000/resize/cat_card.webp 400w, /image_resizer/46780/w/200/h/1000/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/46780/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/46780/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/46780/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/46780/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/46780/w/200/h/1000/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b63be"
            src="/image_resizer/46780/w/800/h/500/resize/cat_card.jpg"
            srcset="/image_resizer/46780/w/1600/h/1000/resize/cat_card.jpg 2x, /image_resizer/46780/w/1600/h/1000/resize/cat_card.jpg 1600w, /image_resizer/46780/w/800/h/1000/resize/cat_card.jpg 800w, /image_resizer/46780/w/400/h/1000/resize/cat_card.jpg 400w, /image_resizer/46780/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-69fda0b2b63bd')?.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="CPU Monitor and Alert: Detecta el uso excesivo del CPU y genera alertas" 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">
                                    Software
                                </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">
                                CPU Monitor and Alert: Detecta el uso excesivo del CPU y genera alertas
                            </h3>
                            <!--[if BLOCK]><![endif]-->                                <p class="mt-2 hidden text-sm leading-relaxed text-gray-300 line-clamp-2 sm:block">
                                    Las nuevas plataformas multin&amp;uacute;cleo sumadas a una mayor eficiencia en los sistemas operativos nos permiten colocar cargas en nuestros...
                                </p>
                            <!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2022-10-18">
                                18 de oct. de 2022
                            </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/nand-game-construye-un-cpu-en-tu-navegador'"
                         wire:key="cat-1495-180607"
                         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-180607"
                         data-recjs-type="post"
                         data-recjs-title="Nand Game: Construye un CPU en tu navegador"
                         data-recjs-url="https://www.neoteo.com/es/nand-game-construye-un-cpu-en-tu-navegador"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/48688/logo-33.jpg"
                         data-recjs-categories='[&amp;quot;Juegos&amp;quot;,&amp;quot;Electr\u00f3nica&amp;quot;,&amp;quot;Software&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/nand-game-construye-un-cpu-en-tu-navegador" class="block" aria-label="Nand Game: Construye un CPU en tu navegador">
                        <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-69fda0b2b675f"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/48688/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/48688/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/48688/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/48688/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/48688/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/48688/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/48688/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/48688/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b6760"
            src="/image_resizer/48688/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/48688/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/48688/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/48688/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/48688/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-69fda0b2b675f')?.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="Nand Game: Construye un CPU en tu navegador" 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">
                                Nand Game: Construye un CPU en tu navegador
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2022-07-24">
                                24 de jul. de 2022
                            </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/cosas-que-no-sabias-que-tu-cpu-hace-por-ti-video'"
                         wire:key="cat-1495-150023"
                         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-150023"
                         data-recjs-type="post"
                         data-recjs-title="Cosas que no sabías que tu CPU hace por ti (vídeo)"
                         data-recjs-url="https://www.neoteo.com/es/cosas-que-no-sabias-que-tu-cpu-hace-por-ti-video"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/51825/logo-12.jpg"
                         data-recjs-categories='[&amp;quot;Software&amp;quot;,&amp;quot;Coches&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/cosas-que-no-sabias-que-tu-cpu-hace-por-ti-video" class="block" aria-label="Cosas que no sabías que tu CPU hace por ti (vídeo)">
                        <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-69fda0b2b6aeb"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/51825/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/51825/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/51825/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/51825/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/51825/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/51825/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/51825/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/51825/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b6aec"
            src="/image_resizer/51825/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/51825/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/51825/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/51825/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/51825/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-69fda0b2b6aeb')?.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="Cosas que no sabías que tu CPU hace por ti (vídeo)" 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">
                                Cosas que no sabías que tu CPU hace por ti (vídeo)
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2022-02-01">
                                1 de feb. de 2022
                            </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/baikals-procesador-ruso-de-48-nucleos'"
                         wire:key="cat-1495-261041"
                         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-261041"
                         data-recjs-type="post"
                         data-recjs-title="Baikal-S: Procesador ruso de 48 núcleos"
                         data-recjs-url="https://www.neoteo.com/es/baikals-procesador-ruso-de-48-nucleos"
                         data-recjs-image-url="https://www.neoteo.com/storage/medialibrary/52739/logo-31.jpg"
                         data-recjs-categories='[&amp;quot;Software&amp;quot;,&amp;quot;Coches&amp;quot;]'>

                    <a href="https://www.neoteo.com/es/baikals-procesador-ruso-de-48-nucleos" class="block" aria-label="Baikal-S: Procesador ruso de 48 núcleos">
                        <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-69fda0b2b6e71"></div>
    <!--[if ENDBLOCK]><![endif]-->    
    <!-- Main Image - On Top -->
    <picture class="absolute inset-0 w-full h-full">
        <source srcset="/image_resizer/52739/w/800/h/560/resize/cat_card.webp 2x, /image_resizer/52739/w/800/h/560/resize/cat_card.webp 800w, /image_resizer/52739/w/400/h/560/resize/cat_card.webp 400w, /image_resizer/52739/w/200/h/560/resize/cat_card.webp 200w" type="image/webp">
        <source srcset="/image_resizer/52739/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/52739/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/52739/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/52739/w/200/h/560/resize/cat_card.jpg 200w" type="image/jpeg">
        <img
            id="img-69fda0b2b6e72"
            src="/image_resizer/52739/w/400/h/280/resize/cat_card.jpg"
            srcset="/image_resizer/52739/w/800/h/560/resize/cat_card.jpg 2x, /image_resizer/52739/w/800/h/560/resize/cat_card.jpg 800w, /image_resizer/52739/w/400/h/560/resize/cat_card.jpg 400w, /image_resizer/52739/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-69fda0b2b6e71')?.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="Baikal-S: Procesador ruso de 48 núcleos" 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">
                                Baikal-S: Procesador ruso de 48 núcleos
                            </h3>
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <time class="mt-2 block text-xs text-gray-400" datetime="2021-12-29">
                                29 de dic. de 2021
                            </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="HTfdnSbc3KKOUIhKVPcrbPXTqmtI4k9LJYwPgxja" 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>
        document.addEventListener('DOMContentLoaded', function () {
            window.neoteoRecjsWhenReady(function () {
                RecJS.viewFrontPage();
            });
        });
    </script>
    <script>
(function () {
    function parseJson(value, fallback) {
        if (! value) {
            return fallback;
        }

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

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

        var n = Number(value);

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

    function buildItem(dataset) {
        var item = {};

        if (dataset.recjsId) {
            item.id = String(dataset.recjsId);
        }

        if (dataset.recjsType) {
            item.type = String(dataset.recjsType);
        }

        if (dataset.recjsTitle) {
            item.title = dataset.recjsTitle;
        }

        if (dataset.recjsUrl) {
            item.url = dataset.recjsUrl;
        }

        if (dataset.recjsImageUrl) {
            item.image_url = dataset.recjsImageUrl;
        }

        var categories = parseJson(dataset.recjsCategories, undefined);

        if (Array.isArray(categories) && categories.length > 0) {
            item.categories = categories;
        }

        var tags = parseJson(dataset.recjsTags, undefined);

        if (Array.isArray(tags) && tags.length > 0) {
            item.tags = tags;
        }

        return item;
    }

    function mergePlacement(dataset) {
        var placement = {};

        if (dataset.recjsPlacement) {
            placement.placement = dataset.recjsPlacement;
        }

        if (dataset.recjsList) {
            placement.list = dataset.recjsList;
        }

        var position = parseNumber(dataset.recjsPosition);

        if (position !== undefined) {
            placement.position = position;
        }

        if (dataset.recjsSource) {
            placement.source = dataset.recjsSource;
        }

        return placement;
    }

    var observedCards = new WeakSet();
    var boundCards = new WeakSet();

    function bindPostCards(root) {
        if (! root || ! root.querySelectorAll) {
            return;
        }

        root.querySelectorAll('[data-recjs-card]').forEach(function (element) {
            var base = buildItem(element.dataset);

            if (! base.id) {
                return;
            }

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

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

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

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

                    var merged = Object.assign({}, base, mergePlacement(element.dataset));
                    RecJS.selectContent(merged);
                }, { capture: true });
            }

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

            observedCards.add(element);

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

                    element.dataset.recjsImpressionTracked = '1';

                    var merged = Object.assign({}, base, mergePlacement(element.dataset));
                    RecJS.impressionContent(merged);

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

            observer.observe(element);
        });
    }

    function normalizeLivewirePayload(detail) {
        if (detail && typeof detail === 'object') {
            if (detail.detail && typeof detail.detail === 'object') {
                return detail.detail;
            }

            return detail;
        }

        return {};
    }

    document.addEventListener('DOMContentLoaded', function () {
        document.addEventListener('livewire:init', function () {
            if (! window.Livewire || typeof Livewire.on !== 'function') {
                return;
            }

            Livewire.on('recjs-track-like', function (detail) {
                var p = normalizeLivewirePayload(detail);
                var item = {};

                ['id', 'type', 'title', 'url', 'image_url', 'categories', 'tags'].forEach(function (key) {
                    if (p[key] !== undefined && p[key] !== null && p[key] !== '') {
                        item[key] = p[key];
                    }
                });

                if (! item.id || ! item.type) {
                    return;
                }

                window.neoteoRecjsWhenReady(function () {
                    RecJS.track('like', {}, { item: item });
                });
            });

            Livewire.on('recjs-track-dislike', function (detail) {
                var p = normalizeLivewirePayload(detail);
                var item = {};

                ['id', 'type', 'title', 'url', 'image_url', 'categories', 'tags'].forEach(function (key) {
                    if (p[key] !== undefined && p[key] !== null && p[key] !== '') {
                        item[key] = p[key];
                    }
                });

                if (! item.id || ! item.type) {
                    return;
                }

                window.neoteoRecjsWhenReady(function () {
                    RecJS.track('dislike', {}, { item: item });
                });
            });

            Livewire.on('recjs-reset', function () {
                window.neoteoRecjsWhenReady(function () {
                    RecJS.reset();
                });
            });
        });

        window.neoteoRecjsWhenReady(function () {
            bindPostCards(document);

            var recjsCardScanScheduled = false;

            function queueBindRecjsCards() {
                if (recjsCardScanScheduled) {
                    return;
                }

                recjsCardScanScheduled = true;

                window.requestAnimationFrame(function () {
                    recjsCardScanScheduled = false;
                    bindPostCards(document);
                });
            }

            if (document.body && typeof MutationObserver !== 'undefined') {
                var recjsCardObserver = new MutationObserver(function () {
                    queueBindRecjsCards();
                });

                recjsCardObserver.observe(document.body, {
                    childList: true,
                    subtree: true,
                });
            }
        });

        document.addEventListener('livewire:navigated', function () {
            window.neoteoRecjsWhenReady(function () {
                bindPostCards(document);
            });
        });
    });
})();
</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);
                    }
                )
            }
        })
    })

    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;hmGWVfhrqrIeVzcAb0Nh&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;7f556046068cc87213426b805f1ba6c8abe40730fcee844d5927241e97e50de7&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;openModal&quot;,&quot;destroyComponent&quot;]}" wire:id="hmGWVfhrqrIeVzcAb0Nh" 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>

</body>
</html>

