<!DOCTYPE html> <html lang="es"> <head> 	<meta charset="UTF-8" /> 	<title>Internetizado - Tecnología, informática, descargas y videojuegos</title> 	<meta name="description" content="▷ Artículos de ayuda, tutoriales, descargas y entretenimiento digital - En Internetizado encontrarás miles de contenidos sobre tecnología, videojuegos, redes sociales y más ¡soluciones prácticas!"> 	<meta name="viewport" content="width=device-width,initial-scale=1" />  	 	<link rel="dns-prefetch" href="https://cm.g.doubleclick.net"> 	<link rel="dns-prefetch" href="https://tpc.googlesyndication.com"> 	<link rel="dns-prefetch" href="https://googleads.g.doubleclick.net"> 	<link rel="dns-prefetch" href="https://pagead2.googlesyndication.com">  	<meta name="robots" content="all" /> 	<meta name="author" content="INTERNETIZADO SL" /> 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 	<meta name="apple-mobile-web-app-capable" content="yes"> 	<meta name="apple-mobile-web-app-status-bar-style" content="#ffd60a"> 	<meta name="theme-color" content="#ffd60a">  	<link rel="canonical" href="https://www.internetizado.com" />  	 		 	<meta name="ltm:project" content="https://www.internetizado.com"> 	<meta name="ltm:domain" content="https://www.internetizado.com">  	<meta property="og:locale" content="es_ES" /> 	<meta property="og:site_name" content="https://www.internetizado.com" /> 	<meta property="og:title" content="Internetizado" /> 	<meta property="og:url" content="https://www.internetizado.com" /> 	<meta property="og:description" content="▷ Artículos de ayuda, tutoriales, descargas y entretenimiento digital - En Internetizado encontrarás miles de contenidos sobre tecnología, videojuegos, redes sociales y más ¡soluciones prácticas!" /> 	<meta name="image" property="og:image" content="https://www.internetizado.com/images/icon_internetizado/28796_1200x1200.jpg" /> 	<meta property="og:type" content="article" />  	<meta property="twitter:card" content="summary_large_image" /> 	<meta property="twitter:title" content="Internetizado" /> 	<meta property="twitter:url" content="https://www.internetizado.com" /> 	<meta property="twitter:description" content="▷ Artículos de ayuda, tutoriales, descargas y entretenimiento digital - En Internetizado encontrarás miles de contenidos sobre tecnología, videojuegos, redes sociales y más ¡soluciones prácticas!" /> 	<meta property="twitter:image" content="https://www.internetizado.com/images/icon_internetizado/28796_1200x1200.jpg" /> 	<meta property="twitter:site" content="" />  	<link rel="apple-touch-icon" sizes="60x60" href="https://www.internetizado.com/images/icon_internetizado/28796.jpg" /> 	<link rel="apple-touch-icon" sizes="76x76" href="https://www.internetizado.com/images/icon_internetizado/28796.jpg" /> 	<link rel="apple-touch-icon" sizes="120x120" href="https://www.internetizado.com/images/icon_internetizado/28796.jpg" /> 	<link rel="apple-touch-icon" sizes="152x152" href="https://www.internetizado.com/images/icon_internetizado/28796.jpg" /> 	<link rel="icon" href="https://www.internetizado.com/images/icon_internetizado/28796.jpg" type="image/jpg" />  	<style> 	:root{ 		--clr1: #ffd60a !important; 		--clr2: #000814 !important; 		--clr3: #353535 !important; 		--clr3: #353535 !important; 	} 	@font-face { 		font-family: Catamaran; 		font-weight: 300; 		font-style: normal; 		src: local("Catamaran Light"), local("Catamaran-300"), url("https://www.internetizado.com/catamaran-300.woff2") format("woff2"), url("https://www.internetizado.com/catamaran-300.woff") format("woff"); 		font-display: swap; 	} 	@font-face { 		font-family: Catamaran; 		font-weight: 400; 		font-style: normal; 		src: local("Catamaran"), local("Catamaran-regular"), url("https://www.internetizado.com/catamaran-regular.woff2") format("woff2"), url("https://www.internetizado.com/catamaran-regular.woff") format("woff"); 		font-display: swap; 	} 	@font-face { 		font-family: Catamaran; 		font-weight: 700; 		font-style: normal; 		src: local("Catamaran Bold"), local("Catamaran-700"), url("https://www.internetizado.com/catamaran-700.woff2") format("woff2"), url("https://www.internetizado.com/catamaran-700.woff") format("woff"); 		font-display: swap; 	} 	</style> 	<link rel='stylesheet' href='https://www.internetizado.com/styles.min.css?v=1.4.4.1' type='text/css' media='all' />  	     	<script type="application/ld+json">
		{
			"@context":"http:\/\/schema.org\/",
			"@type":"WebSite",
			"url":"https://www.internetizado.com",
			"potentialAction":{
			   "@type":"SearchAction",
			   "target": {
					"@type": "EntryPoint",
					"urlTemplate": "https://www.internetizado.com/search?q={search_term_string}"
				},
			   "query-input":"required name=search_term_string"
			}
		 }
	</script> 	 	     <script>
    window.onscroll = function(event)
    {
        progressBar = document.getElementById("progress-bar");
        let scrollDist = document.documentElement.scrollTop || document.body.scrollTop;
        let progressWidth = (scrollDist / (document.body.scrollHeight - document.documentElement.clientHeight)) * 100;
        progressBar.style.width = progressWidth + "%";

		//
		if(document.body.scrollTop > 50 || document.documentElement.scrollTop > 50)
		{
			document.getElementById("header-share").className = "stf share-this fb1 gray-b por";
		}
		else 
		{
			document.getElementById("header-share").className = "stn share-this fb1 gray-b por";
		}
    };
    </script>  	<script type="application/javascript">
        function s()
        {
            var k = document.getElementById('search').value;
            if(k != '')
            {
                var html_search = '<h2>Resultados <u>'+k+'</u></h2><div id="search_results_items" class="app-list dgd gtf f12 a-f16 gc16 gr16" style="width:93%"></div>';
                document.getElementById('search-results').innerHTML = html_search;

                var xhr = new XMLHttpRequest();
                xhr.open('GET', 'https://www.internetizado.com/results.json', true);
                xhr.responseType = 'json';
                xhr.onload = function() {
                    var status = xhr.status;
                    if (status == 200)
                    {
                        data = xhr.response;
                        //
                        var results = '';
                        for(var i = 0; i < data.length; i++)
                        {
                            var obj = data[i];
                            var title = obj.title;
                            var title_index_of = title.toLowerCase();
                            var url = obj.url;
                            if(title_index_of.indexOf(k) != -1)
                            {
                                results += '<a href="'+url+'" title="'+title+'">' + title +'</a>\n';
                            }
                        }
                        document.getElementById('search_results_items').innerHTML = results;
                        document.getElementById('btn-menu').checked = false;
                    }
                };
                xhr.send();
            }
            else{
                document.getElementById('search-results').innerHTML = '';
            }
        }
    </script>  	 	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2635927023095765"      crossorigin="anonymous"></script></head>  <body>     <div class="aawp min-h-screen flex flex-col text-clr4 leading-tight" x-data="{ menu: false, search: false, scroll: true }"> 	 	<div id="search-results"></div><!-- site --> <div class="container -xs:max-w-none xl:max-w-5xl xl:px-2 flex-1 py-4 grid grid-flow-row auto-rows-max gap-y-2 gap-x-8"> 	<!-- usar la class " lg:grid-cols-[1fr_300px] " cuando haya sidebar  --> 	<!-- main --> 	<main class="grid gap-4 grid-flow-row auto-rows-max">  		<!-- text --> 		<div class="entry rchtx order-last"> 			<div class="p"> 							</div> 		</div>  		<!-- featured --> 		<div class="grid gap-0.5 xs:gap-2 sm:gap-4 xs:grid-cols-3 -xs:-mx-4 -xs:-mt-4"> 			 			<!-- item --> 			<article class="grid group relative xs:rounded xs:shadow-shw4 xs:shadow-zinc-100"> 				<header class="row-start-1 col-start-1 z-10 flex flex-col-reverse -xs:group-first:bg-black -xs:group-first:bg-opacity-40 xs:rounded"> 					<div class="bg-black bg-opacity-40 px-4 py-2 text-white -xs:group-first:bg-transparent xs:rounded-b"> 						<span class="text-lg font-bold group-hover:underline"> 							<a href="https://www.internetizado.com/movistar/iniciar-sesion" class="lnk">Entrar al correo de Movistar o Telefónica</a> 						</span> 											</div> 				</header> 				<div class="row-start-1 col-start-1 overflow-hidden xs:rounded shadow-sm"> 					<picture class="block overflow-hidden"> 						<img src="https://www.internetizado.com/images/entrar_al_correo_de_movistar_o_telefonica/3126_300x300.jpg" alt="Entrar al correo de Movistar o Telefónica" width="300" height="300" class="w-full transform transition duration-300 group-hover:scale-110 object-cover xs:rounded -xs:max-h-36 -xs:group-first:max-h-72"> 					</picture> 				</div> 			</article>  			<!-- item --> 			<article class="grid group relative xs:rounded xs:shadow-shw4 xs:shadow-zinc-100"> 				<header 					class="row-start-1 col-start-1 z-10 flex flex-col-reverse -xs:group-first:bg-black -xs:group-first:bg-opacity-40 xs:rounded"> 					<div 						class="bg-black bg-opacity-40 px-4 py-2 text-white -xs:group-first:bg-transparent xs:rounded-b"> 						<span class="text-lg font-bold group-hover:underline"> 							<a class="lnk" href="https://www.internetizado.com/convertir/cda-a-mp3">Cómo convertir un archivo CDA a MP3</a> 						</span> 											</div> 				</header> 				<div class="row-start-1 col-start-1 overflow-hidden xs:rounded shadow-sm"> 					<picture class="block overflow-hidden"> 						<source media="(min-width:575px)" srcset="https://www.internetizado.com/images/como_convertir_un_archivo_cda_a_mp3/9282_300x300.jpg" width="300" height="300"> 						<img class="w-full transform transition duration-300 group-hover:scale-110 object-cover xs:rounded -xs:max-h-36 -xs:group-first:max-h-72" 							src="https://www.internetizado.com/images/como_convertir_un_archivo_cda_a_mp3/9282_300x150.jpg" alt="Cómo convertir un archivo CDA a MP3" width="300" height="150" loading="lazy"> 					</picture> 				</div> 			</article>  			<!-- item --> 			<article class="grid group relative xs:rounded xs:shadow-shw4 xs:shadow-zinc-100"> 				<header 					class="row-start-1 col-start-1 z-10 flex flex-col-reverse -xs:group-first:bg-black -xs:group-first:bg-opacity-40 xs:rounded"> 					<div 						class="bg-black bg-opacity-40 px-4 py-2 text-white -xs:group-first:bg-transparent xs:rounded-b"> 						<span class="text-lg font-bold group-hover:underline"> 							<a href="https://www.internetizado.com/recuperar-o-eliminar-contrasena-de-un-archivo-rar" class="lnk">Cómo quitar la contraseña de un archivo RAR de WinRAR</a> 						</span> 											</div> 				</header> 				<div class="row-start-1 col-start-1 overflow-hidden xs:rounded shadow-sm"> 					<picture class="block overflow-hidden"> 						<source media="(min-width:575px)" srcset="https://www.internetizado.com/images/como_quitar_la_contrasena_de_un_archivo_rar_de_winrar/13233_300x300.jpg" width="300" height="300"> 						<img class="w-full transform transition duration-300 group-hover:scale-110 object-cover xs:rounded -xs:max-h-36 -xs:group-first:max-h-72" 							src="https://www.internetizado.com/images/como_quitar_la_contrasena_de_un_archivo_rar_de_winrar/13233_300x150.jpg" alt="Cómo quitar la contraseña de un archivo RAR de WinRAR" width="300" height="150" loading="lazy"> 					</picture> 				</div> 			</article>  		</div>  		<!-- today --> 		<nav> 			<span class="uppercase text-zinc-400 my-1 ml-1 text-sm font-bold"><h1 class="inline-block text-clr2">INTERNETIZADO.COM</h1> se habla en de</span> 			<svg class="ic text-2xl opacity-30 -mr-1 -mt-px" aria-hidden="true"> 				<use xlink:href="https://www.internetizado.com/ic.svg#ic-cright" /> 			</svg> 							<a href="https://www.internetizado.com/buscar-canciones-por-letra" title="¿A qué canción pertenece esta letra? ¡Buscar y reconocer canciones!" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Buscar canción por letra</a> 							<a href="https://www.internetizado.com/signos/ascii-diagonal-invertida" title="Cómo escribir diagonal INVERTIDA o inversa «\» con el teclado" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Símbolo diagonal INVERTIDA o inversa «\»</a> 							<a href="https://www.internetizado.com/yahoo/iniciar-sesion" title="Correo Yahoo! Iniciar sesión en yahoo.com, .es, .mx y otros" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Correo Yahoo!</a> 							<a href="https://www.internetizado.com/hotmail-outlook/iniciar-sesion" title="Hotmail: iniciar sesión y entrar al correo electrónico" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Hotmail: iniciar sesión</a> 							<a href="https://www.internetizado.com/paginas-web/ver-canales-de-tv" title="28 páginas para ver canales de TV de pago GRATIS y en español" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Ver canales TV de pago gratis online</a> 							<a href="https://www.internetizado.com/movistar/ver-movistar-plus-gratis" title="Cómo ver Movistar Plus online y gratis: páginas y apps recomendadas" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Páginas web para ver la Movistar Plus</a> 							<a href="https://www.internetizado.com/paginas-web/ver-eurosport-gratis" title="16 páginas para ver Eurosport online y en directo" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">EuroSport</a> 							<a href="https://www.internetizado.com/paginas-web/descargar-peliculas" title="21 páginas para descargar películas gratis" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Páginas para descargar películas gratis</a> 							<a href="https://www.internetizado.com/paginas-web/ver-deportes-online" title="24 páginas para ver deportes online" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Páginas para ver deportes online gratis</a> 							<a href="https://www.internetizado.com/paginas-web/ver-peliculas-online" title="35 mejores páginas para ver películas online gratis" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Páginas para ver películas online</a> 							<a href="https://www.internetizado.com/paginas-web/alternativas-series-papaya" title="Alternativas a Series Papaya. ¿Ha cerrado o ya no funciona?" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Series Papaya</a> 							<a href="https://www.internetizado.com/paginas-web/alternativas-dontorrent" title="Alternativas a DonTorrent. ¿Ha cerrado o ya no funciona?" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">DonTorrent</a> 							<a href="https://www.internetizado.com/paginas-web/alternativas-hdfull" title="Alternativas a HDFull ¿Ha cerrado o ya no funciona?" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">HDFull</a> 							<a href="https://www.internetizado.com/paginas-web/alternativas-espaebook" title="Alternativas a Espaebook. ¿Ha cerrado o ya no funciona?" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Espaebook</a> 							<a href="https://www.internetizado.com/onlyfans-gratis" title="Cómo ver OnlyFans GRATIS" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Cómo ver OnlyFans gratis</a> 							<a href="https://www.internetizado.com/instagram/picuki" title="Picuki: qué es y cómo ver perfiles de Instagram sin ser visto" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Picuki</a> 							<a href="https://www.internetizado.com/paginas-web/formula-1-gratis" title="Dónde ver la Fórmula 1 GRATIS en 2023" class="bg-zinc-50 text-clr4 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Webs para ver Formula 1 gratis</a> 					</nav>  		 		<!-- latest --> 		<div class="ltst flex flex-wrap justify-center -mx-1 sm:-mx-2">  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/movistar/f1-en-vivo" class="lnk">Mejores páginas para ver Movistar F1 en vivo</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source srcset="https://www.internetizado.com/images/mejores_paginas_para_ver_movistar_f1_en_vivo/28519_300x300.jpg" width="300" height="300" media="(min-width:768px)"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/mejores_paginas_para_ver_movistar_f1_en_vivo/28519_300x150.jpg" alt="Mejores páginas para ver Movistar F1 en vivo" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 88%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="bg-amber-500 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Popular</div> 						<!--<span class="bg-emerald-600 px-2 py-1 text-white rounded right-3 bottom-3 text-xs absolute">APK</span>--> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Movistar</span> 						</div> 					</div> 				</article> 			</div>  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/google/maps/supermercados-cerca-de-mi" class="lnk">Cuál es el supermercado más cercano a mi ubicación usando Google Maps</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/cual_es_el_supermercado_mas_cercano_a_mi_ubicacion_usando_google_maps/29721_300x300.jpg" width="300" height="300"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/cual_es_el_supermercado_mas_cercano_a_mi_ubicacion_usando_google_maps/29721_300x150.jpg" alt="Cuál es el supermercado más cercano a mi ubicación usando Google Maps" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 82%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Google Maps</span> 						</div> 					</div> 				</article> 			</div>  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/instagram/responder-mensaje" class="lnk">Cómo responder mensajes en Instagram</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_responder_mensajes_en_instagram/29723_300x300.jpg" width="300" height="300"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/como_responder_mensajes_en_instagram/29723_300x150.jpg" alt="Cómo responder mensajes en Instagram" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 82%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Instagram</span> 						</div> 					</div> 				</article> 			</div>  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/hola-carrefour" class="lnk">Hola Carrefour: ver nómina de Carrefour en el portal de empleados</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/hola_carrefour_ver_nomina_de_carrefour_en_el_portal_de_empleados/29722_300x300.jpg" width="300" height="300"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/hola_carrefour_ver_nomina_de_carrefour_en_el_portal_de_empleados/29722_300x150.jpg" alt="Hola Carrefour: ver nómina de Carrefour en el portal de empleados" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 93%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Compras</span> 						</div> 					</div> 				</article> 			</div>  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2 cntitm5"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/mercadona-cerca-de-mi" class="lnk">Mercadona cerca de mi ubicación: encuentra el más próximo a ti</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/mercadona_cerca_de_mi_ubicacion_encuentra_el_mas_proximo_a_ti/29724_300x300.jpg" width="300" height="300"> 							<!-- agregar esto cada quinto elemento  --> 							<source media="(min-width:992px)" srcset="https://www.internetizado.com/images/mercadona_cerca_de_mi_ubicacion_encuentra_el_mas_proximo_a_ti/29724_500x150.jpg" width="500" height="150"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/mercadona_cerca_de_mi_ubicacion_encuentra_el_mas_proximo_a_ti/29724_300x150.jpg" alt="Mercadona cerca de mi ubicación: encuentra el más próximo a ti" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 84%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Compras</span> 						</div> 					</div> 				</article> 			</div>  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/google/juegos" class="lnk">Juegos ocultos de Google ¡para jugar desde el buscador!</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/juegos_ocultos_de_google_para_jugar_desde_el_buscador/29725_300x300.jpg" width="300" height="300"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/juegos_ocultos_de_google_para_jugar_desde_el_buscador/29725_300x150.jpg" alt="Juegos ocultos de Google ¡para jugar desde el buscador!" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 84%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Juegos</span> 						</div> 					</div> 				</article> 			</div>  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/minecraft/casas" class="lnk">Casas de Minecraft: construcción y mejores diseños</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/casas_de_minecraft_construccion_y_mejores_disenos/29732_300x300.jpg" width="300" height="300"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/casas_de_minecraft_construccion_y_mejores_disenos/29732_300x150.jpg" alt="Casas de Minecraft: construcción y mejores diseños" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 84%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Minecraft</span> 						</div> 					</div> 				</article> 			</div>  			<!-- tercera linea --> 			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/instagram/recuperar" class="lnk">Cómo recuperar una cuenta de Instagram</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source srcset="https://www.internetizado.com/images/como_recuperar_una_cuenta_de_instagram/29733_300x300.jpg" width="300" height="300" media="(min-width:768px)"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/como_recuperar_una_cuenta_de_instagram/29733_300x150.jpg" alt="Cómo recuperar una cuenta de Instagram" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 89%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="bg-amber-500 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Popular</div> 						<!--<span class="bg-emerald-600 px-2 py-1 text-white rounded right-3 bottom-3 text-xs absolute">APK</span>--> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Instagram</span> 						</div> 					</div> 				</article> 			</div>  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/descargar/generador-de-diamantes" class="lnk">Generador de diamantes</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/generador_de_diamantes/29877_300x300.jpg" width="300" height="300"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/generador_de_diamantes/29877_300x150.jpg" alt="Generador de diamantes" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 83%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Descargas</span> 						</div> 					</div> 				</article> 			</div>  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/descargar/whatsapp-plus" class="lnk">WhatsApp Plus</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/whatsapp_plus/29902_300x300.jpg" width="300" height="300"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/whatsapp_plus/29902_300x150.jpg" alt="WhatsApp Plus" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 97%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Descargas</span> 						</div> 					</div> 				</article> 			</div>  			<!-- item --> 			<div class="w-full 2xs:w-2/4 md:w-1/3 lg:w-1/4 p-1 sm:p-2"> 				<article class="grid text-center relative group mb-4"> 					<header class="sm:px-2 mt-3"> 						<span class="font-bold text-sm lg:text-lg"> 							<a href="https://www.internetizado.com/google/gmail/iniciar-sesion" class="lnk">Gmail: Iniciar sesión y entrar al correo de Gmail.com</a> 						</span> 					</header> 					<div class="relative order-first rounded bg-clr1"> 						<picture> 							<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/gmail_iniciar_sesion_y_entrar_al_correo_de_gmailcom/30403_300x300.jpg" width="300" height="300"> 							<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 								src="https://www.internetizado.com/images/gmail_iniciar_sesion_y_entrar_al_correo_de_gmailcom/30403_300x150.jpg" alt="Gmail: Iniciar sesión y entrar al correo de Gmail.com" width="300" height="150" loading="lazy"> 						</picture> 						<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" aria-hidden="true"> 							<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 								<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 92%;"></div> 							</div> 						</div> 						<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 						<div class="absolute bottom-0 inset-x-0 flex justify-center"> 							<span class="bg-white rounded-t text-sm pt-1 px-2">Gmail</span> 						</div> 					</div> 				</article> 			</div>  		</div>  		<div class="hct"> 							<a href="https://www.internetizado.com/internet" class="bg-clr2 text-white px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Internet</a> 									<a href="https://www.internetizado.com/redes-sociales" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Redes sociales</a> 									<a href="https://www.internetizado.com/aplicaciones" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Apps</a> 									<a href="https://www.internetizado.com/navegadores" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Navegadores</a> 									<a href="https://www.internetizado.com/paginas-web" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Páginas web</a> 									<a href="https://www.internetizado.com/google" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Google</a> 									<a href="https://www.internetizado.com/correo-electronico" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Correo electrónico</a> 									<a href="https://www.internetizado.com/movistar" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Movistar</a> 									<a href="https://www.internetizado.com/mensajeria-instantanea" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Mensajería instantánea</a> 									<a href="https://www.internetizado.com/samsung" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Samsung</a> 									<a href="https://www.internetizado.com/servicios-de-streaming" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Servicios de streaming</a> 									<a href="https://www.internetizado.com/nube" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Nube</a> 									<a href="https://www.internetizado.com/tramites" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Trámites</a> 									<a href="https://www.internetizado.com/compras" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Compras</a> 									<a href="https://www.internetizado.com/encuentros" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Encuentros</a> 									<a href="https://www.internetizado.com/mx" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">México</a> 											<a href="https://www.internetizado.com/informatica" class="bg-clr2 text-white px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Informática</a> 									<a href="https://www.internetizado.com/hardware" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Hardware</a> 									<a href="https://www.internetizado.com/software" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Software</a> 									<a href="https://www.internetizado.com/seguridad" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Seguridad</a> 									<a href="https://www.internetizado.com/sistemas-operativos" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Sistemas operativos</a> 											<a href="https://www.internetizado.com/descargar" class="bg-clr2 text-white px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Descargas</a> 											<a href="https://www.internetizado.com/gaming" class="bg-clr2 text-white px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Gaming</a> 									<a href="https://www.internetizado.com/juegos" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Juegos</a> 									<a href="https://www.internetizado.com/consolas" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Consolas</a> 									<a href="https://www.internetizado.com/streaming" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Streaming</a> 											<a href="https://www.internetizado.com/movil" class="bg-clr2 text-white px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-extrabold text-center text-sm hover:underline">Móvil</a> 									<a href="https://www.internetizado.com/android" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">Android</a> 									<a href="https://www.internetizado.com/ios" class="bg-clr1 text-clr2 px-2 py-1 m-1 rounded inline-block mt-2 pb-0 uppercase font-light text-center text-sm hover:underline">iOS</a> 									</div>  		 					<!-- category --> 			<section class="sm:overflow-hidden py-4"> 				<div class="-mx-4"> 					<div class="ttlbx">Internet</div> 					<div class="grid gap-4 rspnL overflow-auto dgndr pt-2 pr-2" style="--grdtms: 7"> 						 						<!-- programar para que el numero de items se ponga en este style ejemplo ahora hay 6 items y quitar la class "dgndr" al llegar al final del scroll --> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/onlyfans-gratis" class="lnk">Cómo ver OnlyFans GRATIS</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_ver_onlyfans_gratis/27954_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_ver_onlyfans_gratis/27954_300x150.jpg" alt="Cómo ver OnlyFans GRATIS" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 69%;"></div> 											</div> 										</div> 																			 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/movistar/iniciar-sesion" class="lnk">Entrar al correo de Movistar o Telefónica</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/entrar_al_correo_de_movistar_o_telefonica/3126_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/entrar_al_correo_de_movistar_o_telefonica/3126_300x150.jpg" alt="Entrar al correo de Movistar o Telefónica" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 93%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/mercadona-cerca-de-mi" class="lnk">Mercadona cerca de mi ubicación: encuentra el más próximo a ti</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/mercadona_cerca_de_mi_ubicacion_encuentra_el_mas_proximo_a_ti/29724_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/mercadona_cerca_de_mi_ubicacion_encuentra_el_mas_proximo_a_ti/29724_300x150.jpg" alt="Mercadona cerca de mi ubicación: encuentra el más próximo a ti" width="300" height="150" loading="lazy"> 									</picture> 									 																												 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/buscar-canciones-por-letra" class="lnk">¿A qué canción pertenece esta letra? ¡Buscar y reconocer canciones!</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/a_que_cancion_pertenece_esta_letra_buscar_y_reconocer_canciones/3287_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/a_que_cancion_pertenece_esta_letra_buscar_y_reconocer_canciones/3287_300x150.jpg" alt="¿A qué canción pertenece esta letra? ¡Buscar y reconocer canciones!" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 77%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/resultados-del-kino" class="lnk">Cómo revisar los resultados de Kino con el código de barras</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_revisar_los_resultados_de_kino_con_el_codigo_de_barras/15623_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_revisar_los_resultados_de_kino_con_el_codigo_de_barras/15623_300x150.jpg" alt="Cómo revisar los resultados de Kino con el código de barras" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/paginas-web/leer-manga-online" class="lnk">17 mejores páginas web para leer manga online</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/17_mejores_paginas_web_para_leer_manga_online/30834_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/17_mejores_paginas_web_para_leer_manga_online/30834_300x150.jpg" alt="17 mejores páginas web para leer manga online" width="300" height="150" loading="lazy"> 									</picture> 									 																												 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/aplicaciones/robar-wifi" class="lnk">11 aplicaciones para robar WiFi y ¡probar la seguridad de tu red!</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/11_aplicaciones_para_robar_wifi_y_probar_la_seguridad_de_tu_red/16893_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/11_aplicaciones_para_robar_wifi_y_probar_la_seguridad_de_tu_red/16893_300x150.jpg" alt="11 aplicaciones para robar WiFi y ¡probar la seguridad de tu red!" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 92%;"></div> 											</div> 										</div> 																			 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 						 					</div> 					<p class="text-center sm:text-right px-4 mt-4"> 						<a class="btn rounded-full bg-clr2 text-white btn-go" href="https://www.internetizado.com/internet">Ver más</a> 					</p> 				</div> 			</section> 					<!-- category --> 			<section class="sm:overflow-hidden py-4"> 				<div class="-mx-4"> 					<div class="ttlbx">Informática</div> 					<div class="grid gap-4 rspnL overflow-auto dgndr pt-2 pr-2" style="--grdtms: 7"> 						 						<!-- programar para que el numero de items se ponga en este style ejemplo ahora hay 6 items y quitar la class "dgndr" al llegar al final del scroll --> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/dispositivos-de-salida" class="lnk">Dispositivos de salida: cuáles son, tipos y ejemplos</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/dispositivos_de_salida_cuales_son_tipos_y_ejemplos/14860_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/dispositivos_de_salida_cuales_son_tipos_y_ejemplos/14860_300x150.jpg" alt="Dispositivos de salida: cuáles son, tipos y ejemplos" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 79%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/tecla-tabulador" class="lnk">Tecla tabulador o TAB: cuál es, funciones  y para qué sirve (TAB)</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/tecla_tabulador_o_tab_cual_es_funciones_y_para_que_sirve_tab/24450_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/tecla_tabulador_o_tab_cual_es_funciones_y_para_que_sirve_tab/24450_300x150.jpg" alt="Tecla tabulador o TAB: cuál es, funciones  y para qué sirve (TAB)" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 69%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/lista-codigos-control-remoto-universal-rca" class="lnk">Lista de códigos para el control remoto universal RCA (2023)</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/lista_de_codigos_para_el_control_remoto_universal_rca_year/16204_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/lista_de_codigos_para_el_control_remoto_universal_rca_year/16204_300x150.jpg" alt="Lista de códigos para el control remoto universal RCA (2023)" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/monitor-de-computadora" class="lnk">Monitor de ordenador: qué es, cómo funciona y cuál es su función</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/monitor_de_ordenador_que_es_como_funciona_y_cual_es_su_funcion/15435_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/monitor_de_ordenador_que_es_como_funciona_y_cual_es_su_funcion/15435_300x150.jpg" alt="Monitor de ordenador: qué es, cómo funciona y cuál es su función" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 79%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/recuperar-o-eliminar-contrasena-de-un-archivo-rar" class="lnk">Cómo quitar la contraseña de un archivo RAR de WinRAR</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_quitar_la_contrasena_de_un_archivo_rar_de_winrar/13233_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_quitar_la_contrasena_de_un_archivo_rar_de_winrar/13233_300x150.jpg" alt="Cómo quitar la contraseña de un archivo RAR de WinRAR" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 87%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/mouse" class="lnk">Mouse: características, tipos, partes y sus funciones</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/mouse_caracteristicas_tipos_partes_y_sus_funciones/14772_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/mouse_caracteristicas_tipos_partes_y_sus_funciones/14772_300x150.jpg" alt="Mouse: características, tipos, partes y sus funciones" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 92%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/custom-binary-blocked-by-frp-lock" class="lnk">Cómo solucionar el error «Custom binary blocked by FAP Lock o FRP Lock»</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_solucionar_el_error_custom_binary_blocked_by_fap_lock_o_frp_lock/14787_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_solucionar_el_error_custom_binary_blocked_by_fap_lock_o_frp_lock/14787_300x150.jpg" alt="Cómo solucionar el error «Custom binary blocked by FAP Lock o FRP Lock»" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 92%;"></div> 											</div> 										</div> 																			 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 						 					</div> 					<p class="text-center sm:text-right px-4 mt-4"> 						<a class="btn rounded-full bg-clr2 text-white btn-go" href="https://www.internetizado.com/informatica">Ver más</a> 					</p> 				</div> 			</section> 					<!-- category --> 			<section class="sm:overflow-hidden py-4"> 				<div class="-mx-4"> 					<div class="ttlbx">Descargas</div> 					<div class="grid gap-4 rspnL overflow-auto dgndr pt-2 pr-2" style="--grdtms: 7"> 						 						<!-- programar para que el numero de items se ponga en este style ejemplo ahora hay 6 items y quitar la class "dgndr" al llegar al final del scroll --> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/descargar/whatsapp-plus" class="lnk">WhatsApp Plus</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/whatsapp_plus/29902_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/whatsapp_plus/29902_300x150.jpg" alt="WhatsApp Plus" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/descargar/snaptube" class="lnk">Snaptube</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/snaptube/31463_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/snaptube/31463_300x150.jpg" alt="Snaptube" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/descargar/undertale" class="lnk">UNDERTALE</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/undertale/29923_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/undertale/29923_300x150.jpg" alt="UNDERTALE" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 82%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/descargar/portal-del-empleado-moventia" class="lnk">Portal del Empleado Moventia</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/portal_del_empleado_moventia/29878_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/portal_del_empleado_moventia/29878_300x150.jpg" alt="Portal del Empleado Moventia" width="300" height="150" loading="lazy"> 									</picture> 									 																												 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/descargar/generador-de-diamantes" class="lnk">Generador de diamantes</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/generador_de_diamantes/29877_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/generador_de_diamantes/29877_300x150.jpg" alt="Generador de diamantes" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 83%;"></div> 											</div> 										</div> 																			 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/descargar/fortnite" class="lnk">Fortnite</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/fortnite/31472_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/fortnite/31472_300x150.jpg" alt="Fortnite" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/facebook/descargar" class="lnk">Facebook</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/facebook/26354_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/facebook/26354_300x150.jpg" alt="Facebook" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 93%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 						 					</div> 					<p class="text-center sm:text-right px-4 mt-4"> 						<a class="btn rounded-full bg-clr2 text-white btn-go" href="https://www.internetizado.com/descargar">Ver más</a> 					</p> 				</div> 			</section> 					<!-- category --> 			<section class="sm:overflow-hidden py-4"> 				<div class="-mx-4"> 					<div class="ttlbx">Gaming</div> 					<div class="grid gap-4 rspnL overflow-auto dgndr pt-2 pr-2" style="--grdtms: 7"> 						 						<!-- programar para que el numero de items se ponga en este style ejemplo ahora hay 6 items y quitar la class "dgndr" al llegar al final del scroll --> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/steam/crear-cuenta" class="lnk">Cómo crear un cuenta en Steam</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_crear_un_cuenta_en_steam/28119_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_crear_un_cuenta_en_steam/28119_300x150.jpg" alt="Cómo crear un cuenta en Steam" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/google/juegos" class="lnk">Juegos ocultos de Google ¡para jugar desde el buscador!</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/juegos_ocultos_de_google_para_jugar_desde_el_buscador/29725_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/juegos_ocultos_de_google_para_jugar_desde_el_buscador/29725_300x150.jpg" alt="Juegos ocultos de Google ¡para jugar desde el buscador!" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/emuos" class="lnk">EmuOS: juegos clásicos online desde el navegador ¡gratuitos!</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/emuos_juegos_clasicos_online_desde_el_navegador_gratuitos/27338_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/emuos_juegos_clasicos_online_desde_el_navegador_gratuitos/27338_300x150.jpg" alt="EmuOS: juegos clásicos online desde el navegador ¡gratuitos!" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 92%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/emuparadise" class="lnk">Alternativas a Emuparadise: mejores emuladores de ROMs</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/alternativas_a_emuparadise_mejores_emuladores_de_roms/28219_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/alternativas_a_emuparadise_mejores_emuladores_de_roms/28219_300x150.jpg" alt="Alternativas a Emuparadise: mejores emuladores de ROMs" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 86%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/resuelve-apalabrados" class="lnk">Apalabrados: trucos, consejos, trampas y cheats para ganar</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/apalabrados_trucos_consejos_trampas_y_cheats_para_ganar/3925_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/apalabrados_trucos_consejos_trampas_y_cheats_para_ganar/3925_300x150.jpg" alt="Apalabrados: trucos, consejos, trampas y cheats para ganar" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 88%;"></div> 											</div> 										</div> 																			 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/xbox/emulador-xbox-360" class="lnk">Emulador de Xbox 360: Los mejores emuladores para PC y Android</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/emulador_de_xbox_360_los_mejores_emuladores_para_pc_y_android/14954_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/emulador_de_xbox_360_los_mejores_emuladores_para_pc_y_android/14954_300x150.jpg" alt="Emulador de Xbox 360: Los mejores emuladores para PC y Android" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/nintendo/crear-cuenta" class="lnk">Crear una cuenta o registrarse en Nintendo ¡gratis!</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/crear_una_cuenta_o_registrarse_en_nintendo_gratis/28128_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/crear_una_cuenta_o_registrarse_en_nintendo_gratis/28128_300x150.jpg" alt="Crear una cuenta o registrarse en Nintendo ¡gratis!" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 						 					</div> 					<p class="text-center sm:text-right px-4 mt-4"> 						<a class="btn rounded-full bg-clr2 text-white btn-go" href="https://www.internetizado.com/gaming">Ver más</a> 					</p> 				</div> 			</section> 					<!-- category --> 			<section class="sm:overflow-hidden py-4"> 				<div class="-mx-4"> 					<div class="ttlbx">Móvil</div> 					<div class="grid gap-4 rspnL overflow-auto dgndr pt-2 pr-2" style="--grdtms: 7"> 						 						<!-- programar para que el numero de items se ponga en este style ejemplo ahora hay 6 items y quitar la class "dgndr" al llegar al final del scroll --> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/unlockriver" class="lnk">Cómo desbloquear un móvil reportado con Unlockriver (guía Septiembre/2023)</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_desbloquear_un_movil_reportado_con_unlockriver_guia_month_year/9552_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_desbloquear_un_movil_reportado_con_unlockriver_guia_month_year/9552_300x150.jpg" alt="Cómo desbloquear un móvil reportado con Unlockriver (guía Septiembre/2023)" width="300" height="150" loading="lazy"> 									</picture> 									 																												 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/saber-si-mi-iphone-esta-liberado" class="lnk">Cómo saber si mi iPhone esta liberado</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_saber_si_mi_iphone_esta_liberado/14495_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_saber_si_mi_iphone_esta_liberado/14495_300x150.jpg" alt="Cómo saber si mi iPhone esta liberado" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 97%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/mensaje-por-cobrar" class="lnk">Cómo enviar/leer un mensaje por cobrar [Telcel, Tigo, Movistar, Claro]</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_enviar_leer_un_mensaje_por_cobrar_telcel_tigo_movistar_claro/28580_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_enviar_leer_un_mensaje_por_cobrar_telcel_tigo_movistar_claro/28580_300x150.jpg" alt="Cómo enviar/leer un mensaje por cobrar [Telcel, Tigo, Movistar, Claro]" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 70%;"></div> 											</div> 										</div> 																			 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/quien-me-llama" class="lnk">¿Quién me llama? Cómo identificar quién te llama al móvil o al fijo</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/quien_me_llama_como_identificar_quien_te_llama_al_movil_o_al_fijo/3508_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/quien_me_llama_como_identificar_quien_te_llama_al_movil_o_al_fijo/3508_300x150.jpg" alt="¿Quién me llama? Cómo identificar quién te llama al móvil o al fijo" width="300" height="150" loading="lazy"> 									</picture> 									 																												 																			<div class="bg-clr2 text-white px-2 py-1 m-1 block rounded uppercase text-center text-xs absolute left-2 top-10">Destacado</div> 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/android/solucionar-error-de-autenticacion" class="lnk">Cómo solucionar el Error de Autenticación en Android según el fallo</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_solucionar_el_error_de_autenticacion_en_android_segun_el_fallo/14570_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_solucionar_el_error_de_autenticacion_en_android_segun_el_fallo/14570_300x150.jpg" alt="Cómo solucionar el Error de Autenticación en Android según el fallo" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 77%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/android/system-webview" class="lnk">Cómo activar y desactivar Android System Webview</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/como_activar_y_desactivar_android_system_webview/16580_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/como_activar_y_desactivar_android_system_webview/16580_300x150.jpg" alt="Cómo activar y desactivar Android System Webview" width="300" height="150" loading="lazy"> 									</picture> 									 																												 									 																	</div> 							</article> 													<!-- item --> 							<article class="grid text-center relative group mb-4"> 								<header class="sm:px-2 mt-3" style="height:75px !important"> 									<span class="font-bold text-sm lg:text-lg"> 										<a href="https://www.internetizado.com/teclado-arabe" class="lnk">Teclado árabe: aprende a poner el teclado del móvil en árabe</a> 									</span> 								</header> 								<div class="relative order-first rounded bg-clr1"> 									<picture> 										<source media="(min-width:768px)" srcset="https://www.internetizado.com/images/teclado_arabe_aprende_a_poner_el_teclado_del_movil_en_arabe/17929_300x300.jpg" width="300" height="300"> 										<img class="w-full transform transition duration-300 group-hover:-translate-y-1 group-hover:translate-x-1 object-cover rounded" 											src="https://www.internetizado.com/images/teclado_arabe_aprende_a_poner_el_teclado_del_movil_en_arabe/17929_300x150.jpg" alt="Teclado árabe: aprende a poner el teclado del móvil en árabe" width="300" height="150" loading="lazy"> 									</picture> 									 																													<div class="m-1 py-1 px-2 inline-flex bg-white rounded absolute left-2 top-2 text-xs" 											aria-hidden="true"> 											<div class="srtbx relative inline-flex text-amber-400 text-opacity-50"> 												<div class="absolute inset-0 text-amber-400 text-opacity-100" style="width: 93%;"></div> 											</div> 										</div> 																			 									 																	</div> 							</article> 						 					</div> 					<p class="text-center sm:text-right px-4 mt-4"> 						<a class="btn rounded-full bg-clr2 text-white btn-go" href="https://www.internetizado.com/movil">Ver más</a> 					</p> 				</div> 			</section> 		 	</main> </div>          		<!-- header --> 		<header class="bg-clr1 order-first sticky top-0 z-30"> 			<div class="container flex items-center justify-between max-w-7xl px-0 relative"> 				<!--<button class="menu-o btn text-clr2 p-0 w-12 h-12 relative z-10 flex-none" type="button" onclick="" @click="menu = !menu" aria-label="menu button" :class="{ 'bg-white': menu }">--> 				<button class="menu-o btn text-clr2 p-0 w-12 h-12 relative z-10 flex-none" type="button" onclick="javascript:menu_nav();"> 					<svg class="ic text-xl"> 						<!--<use :class="{ 'hidden': menu }" xlink:href="https://www.internetizado.com/ic.svg#ic-menu" />--> 						<use id="menu-open" class="block" xlink:href="https://www.internetizado.com/ic.svg#ic-menu" /> 						<!--<use :class="{ 'block': menu, 'hidden': !menu }" xlink:href="https://www.internetizado.com/ic.svg#ic-close" />--> 						<use id="menu-close" class="hidden" xlink:href="https://www.internetizado.com/ic.svg#ic-close" /> 					</svg> 				</button> 				<!--<nav id="menu-nav" class="top-12 bottom-0 left-0 right-0 fixed bg-white bg-opacity-90 z-10" :class="{ 'block': menu, 'hidden': !menu }" x-cloak>--> 				<nav id="menu-nav" class="hidden top-12 bottom-0 left-0 right-0 fixed bg-white bg-opacity-90 z-10"> 					<ul class="bg-white w-full max-w-sm h-full overflow-auto menuB">                                                                          <li> 							<a href="https://www.internetizado.com/internet" class="relative brdb flex py-2 text-xl px-4 text-clr2 font-bold hover:underline"> 								Internet							</a> 							<ul></ul> 						</li> 						                        <li> 							<a href="https://www.internetizado.com/informatica" class="relative brdb flex py-2 text-xl px-4 text-clr2 font-bold hover:underline"> 								Informática							</a> 							<ul></ul> 						</li> 						                        <li> 							<a href="https://www.internetizado.com/descargar" class="relative brdb flex py-2 text-xl px-4 text-clr2 font-bold hover:underline"> 								Descargas							</a> 							<ul></ul> 						</li> 						                        <li> 							<a href="https://www.internetizado.com/gaming" class="relative brdb flex py-2 text-xl px-4 text-clr2 font-bold hover:underline"> 								Gaming							</a> 							<ul></ul> 						</li> 						                        <li> 							<a href="https://www.internetizado.com/movil" class="relative brdb flex py-2 text-xl px-4 text-clr2 font-bold hover:underline"> 								Móvil							</a> 							<ul></ul> 						</li> 						 					</ul> 				</nav> 				<figure class="pb-1 mx-2 h-12 inline-flex items-center">                     <a href="https://www.internetizado.com" title="Página de inicio de Internetizado">                         <img src="https://www.internetizado.com/images/logo_internetizado/28794.jpg" alt="Internetizado" class="max-h-8" loading="lazy">                     </a>                 </figure>  				<nav class="flex-1 self-stretch xl:mx-2 hidden xl:flex"> 					<ul class="xl:flex flex">                         						<li class="flex self-stretch relative xl:mx-2 group"> 							<a href="https://www.internetizado.com/internet" title="Categoría de Internet" class="flex items-center uppercase font-bold text-clr2 relative hover:underline"> 								Internet							</a> 						</li>                         						<li class="flex self-stretch relative xl:mx-2 group"> 							<a href="https://www.internetizado.com/informatica" title="Categoría de Informática" class="flex items-center uppercase font-bold text-clr2 relative hover:underline"> 								Informática							</a> 						</li>                         						<li class="flex self-stretch relative xl:mx-2 group"> 							<a href="https://www.internetizado.com/descargar" title="Categoría de Descargas" class="flex items-center uppercase font-bold text-clr2 relative hover:underline"> 								Descargas							</a> 						</li>                          												<li class="flex self-stretch relative xl:mx-2 group"> 							<a class="flex items-center uppercase font-bold text-clr2 hover:underline" href="javascript:void();"> 								<span class="border border-clr2 text-clr2 rounded px-2 font-normal inline-flex items-center" style="padding-top:4px;padding-right:14px">Categorias</span> 							</a> 							<ul class="absolute left-0 top-full bg-clr1 border border-clr1 rounded w-60 opacity-0 invisible group-hover:visible group-hover:opacity-100 -mt-1 z-30"> 								                                                                 <li>                                     <a href="https://www.internetizado.com/gaming" title="Gaming" class="flex items-center uppercase font-normal text-clr2 px-4 py-1 relative brdb hover:underline"> 										Gaming									</a> 								</li>                                                                 <li>                                     <a href="https://www.internetizado.com/movil" title="Móvil" class="flex items-center uppercase font-normal text-clr2 px-4 py-1 relative brdb hover:underline"> 										Móvil									</a> 								</li>                                 								 							</ul> 						</li> 											</ul> 				</nav>  				<div class="srchbx mx-1 flex -xl:ml-0 flex-none xl:w-46"> 					<button class="srch-o btn p-0 w-12 h-12 xl:hidden" type="button" @click="search = !search" aria-label="search button" :class="{ '-xl:hidden': search }"> 						<svg class="ic text-2xl text-clr1"> 							<use xlink:href="https://www.internetizado.com/ic.svg#ic-search" /> 						</svg> 					</button> 					<form action="#" class="srch-f text-sm hidden flex-1 xl:block" :class="{ '-xl:flex -xl:absolute -xl:inset-0 -xl:bg-clr3 -xl:z-10 -xl:p-2': search }" x-cloak> 						<div class="relative flex-1"> 							<input class="form-input pr-10 border-0 h-10 rounded focus:ring-0 w-full" type="search" placeholder="Buscar…"> 							<span class="pointer-events-none flex items-center justify-center absolute right-1 top-0 w-10 h-10 opacity-50"> 								<svg class="ic text-3xl text-clr2"> 									<use xlink:href="https://www.internetizado.com/ic.svg#ic-search" /> 								</svg> 							</span> 						</div> 						<button class="srch-x btn xl:hidden h-10 ml-2 text-clr1 font-bold" type="button" 							@click="search = !search"> 							Cancelar 						</button> 					</form> 				</div> 				<nav class="mx-4 hidden xl:block"> 					<ul class="-mx-0.5 flex text-sm"> 												<li class="mx-0.5">                             <a href="https://www.pinterest.com/internetizado" target="_blank" rel="nofollow" class="btn text-white bg-clr2 p-0 w-8 h-8 rounded-full" aria-label="boton pinterest">                                 <svg class="ic text-lg"> 									<use xlink:href="https://www.internetizado.com/ic.svg#ic-pinterest" /> 								</svg>                             </a>                         </li> 																		<li class="mx-0.5">                             <a href="https://www.facebook.com/internetizadocom" target="_blank" rel="nofollow" class="btn text-white bg-clr2 p-0 w-8 h-8 rounded-full" aria-label="boton facebook">                                 <svg class="ic"> 									<use xlink:href="https://www.internetizado.com/ic.svg#ic-facebook" /> 								</svg>                             </a>                         </li> 																								<li class="mx-0.5">                             <a href="https://www.youtube.com/channel/UCyTpuvic_F2LnPKn4NqUgvw" target="_blank" rel="nofollow" class="btn text-white bg-clr2 p-0 w-8 h-8 rounded-full" aria-label="boton youtube">                                 <svg class="ic text-sm"> 									<use xlink:href="https://www.internetizado.com/ic.svg#ic-youtube" /> 								</svg>                             </a>                         </li> 											</ul> 				</nav> 			</div> 			<div class="h-1 bg-white bg-opacity-50" :class="{ 'invisible': menu }" aria-hidden="true"> 				<div id="progress-bar" class="h-1 bg-clr1" style="width: 0%;"></div> 			</div>  						<!-- share --> 			<nav id="header-share" class="share-this fb1 gray-b por" style="display:none"> 				<div class="cnt"> 					<p class="dfx f14 c-f16 c-ml64"> 						<!--<a href="#" class="btn lg pd0 bd0 pink-b" rel="nofollow"><svg class="ic f24"> 								<use xlink:href="https://www.internetizado.com/ic.svg#ic-pinterest"></use></svg> 						</a>--> 						<a href="https://www.facebook.com/sharer.php?u=https://www.internetizado.com" rel="nofollow" class="btn lg pd0 bd0 blue-b"> 							<svg class="ic f24"><use xlink:href="https://www.internetizado.com/ic.svg#ic-facebook"></use></svg> 						</a> 						<a href="https://twitter.com/share?original_referer=https://www.internetizado.com&text=Internetizado&url=https://www.internetizado.com" rel="nofollow" class="btn lg pd0 bd0 aqua-b"> 							<svg class="ic f24"><use xlink:href="https://www.internetizado.com/ic.svg#ic-twitter"></use></svg> 						</a> 						<a href="https://wa.me/?text=Internetizado%20-%20https://www.internetizado.com" rel="nofollow" class="btn lg pd0 bd0 lime-b"> 							<svg class="ic f24"><use xlink:href="https://www.internetizado.com/ic.svg#ic-whatsapp"></use></svg> 						</a> 					</p> 				</div> 			</nav> 					</header>   		<!-- footer --> 		<footer class="ft bg-zinc-50 relative mt-6"> 			<div class="container max-w-7xl py-6 text-center">  				<p class="text-xl opacity-70 mt-4 mb-3">Redes sociales</p> 				<nav class="mb-5"> 					<ul class="-mx-1 flex text-sm justify-center flex-wrap"> 												<li class="mx-1">                             <a href="https://www.youtube.com/channel/UCyTpuvic_F2LnPKn4NqUgvw" target="_blank" rel="nofollow" title="Internetizado en Youtube" class="btn p-0 w-11 h-11 text-white bg-red-500 rounded-full" aria-label="boton youtube">                                 <svg class="ic text-lg ml-1"> 									<use xlink:href="https://www.internetizado.com/ic.svg#ic-youtube" /> 								</svg>                             </a>                         </li> 																														<li class="mx-1">                             <a href="https://www.pinterest.com/internetizado" target="_blank" rel="nofollow" title="Internetizado en Pinterest" class="btn p-0 w-11 h-11 text-white bg-red-700 rounded-full" aria-label="boton pinterest">                                 <svg class="ic text-3xl"> 									<use xlink:href="https://www.internetizado.com/ic.svg#ic-pinterest" /> 								</svg>                             </a>                         </li> 																		<li class="mx-1">                             <a href="https://www.facebook.com/internetizadocom" target="_blank" rel="nofollow" title="Internetizado en Facebook" class="btn p-0 w-11 h-11 text-white bg-blue-800 rounded-full" aria-label="boton facebook">                                 <svg class="ic text-2xl"> 									<use xlink:href="https://www.internetizado.com/ic.svg#ic-facebook" /> 								</svg>                             </a>                         </li> 																	</ul> 				</nav> 								<p><strong>Internetizado</strong> te ayudar&aacute; a encontrar soluciones a problemas cotidianos relacionados con la tecnolog&iacute;a, adem&aacute;s de recomendarte las descargas m&aacute;s populares del momento y de ayudarte a comprar mejor a trav&eacute;s de portales especializados.</p>								<p class="py-2 text-sm">© 2023 Internetizado - Todos los derechos reservados · <a href="https://www.internetizado.com/p-informacion" target="_blank" rel="nofollow">Quienes somos</a> · <a href="https://www.internetizado.com/p-politica-de-privacidad" target="_blank" rel="nofollow">Privacidad</a> · 					<a href="https://www.internetizado.com/p-cookies" target="_blank" rel="nofollow">Cookies</a> · <a href="https://www.internetizado.com/p-contacto" target="_blank" rel="nofollow">Contacto</a> 				</p> 			</div> 		</footer>  	</div>      <!-- js --> 	 		 	<div id="CookieBanner" class="cookie-banner js-cookie-banner"> 		<p>Acepta el uso de 🍪 cookies. Leer <a href="https://www.internetizado.com/p-cookies">política de cookies</a>.</p> 		<button class="cookie-btn">ACEPTAR</button> 	</div>  	<style> 		#CookieBanner { display: none; }  		.cookie-banner { 		position: fixed; 		right: 0; 		bottom: 0; 		min-width: 100%; 		background: rgba(255,255,255, 0.8); 		color: black; 		text-align: center; 		}  		.cookie-banner p { 			font-size: 1rem; 			padding: 1rem 0.5rem 0.375rem 0.5rem; 		}  		.cookie-banner a { 			color: black; 		}  		.cookie-btn { 			background: var(--clr2); 			border: 0; 			color: white; 			padding: 0.375rem 2rem; 			font-size: 1rem; 			margin-bottom: 1rem; 			border-radius: 0.5rem; 			cursor: pointer; 		} 	</style> 	<script>
		// MENU
		var menu = false;
		function menu_nav()
		{
			if(menu == false)
			{
				menu = true;
				console.log("abrir");
				document.getElementById("menu-open").classList.remove("block");
				document.getElementById("menu-open").classList.add("hidden");
				document.getElementById("menu-close").classList.add("block");
				document.getElementById("menu-close").classList.remove("hidden");
				document.getElementById("menu-nav").classList.add("block");
				document.getElementById("menu-nav").classList.remove("hidden");
			}
			else
			{
				menu = false;
				document.getElementById("menu-open").classList.remove("hidden");
				document.getElementById("menu-open").classList.add("block");
				document.getElementById("menu-close").classList.add("hidden");
				document.getElementById("menu-close").classList.remove("block");
				document.getElementById("menu-nav").classList.add("hidden");
				document.getElementById("menu-nav").classList.remove("block");
			}
		}

		// COOKIES
		if (localStorage.getItem("cookieBannerDisplayed"))
		{
			document.querySelector('.js-cookie-banner').remove();
		}
		else
		{
			document.getElementById("CookieBanner").style.display = "block";
			function dismiss()
			{
				document.querySelector('.js-cookie-banner').remove();
				localStorage.setItem("cookieBannerDisplayed", "true");
			}
			const buttonElement = document.querySelector('.cookie-btn');
			if (buttonElement)
			{
				buttonElement.addEventListener('click', dismiss);
			}
		}
	</script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a03e43962dfb2423',t:'MTc4MDE0OTYxNQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>  </html>