1<!DOCTYPE html><html lang="es-ES" prefix="og:https://ogp.me/ns#"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="geo.region" content="ES"><!-- Title & Description --><title>Hosting Barato España | Alojamiento web al mejor precio</title><meta name="description" content="Hosting barato desde 1,99⬠al mes. Rápido, seguro y con un excelente soporte. Compra en Hostino® el hosting más barato y calidad de España"><meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"><link rel="canonical" href="https://www.hostino.es/hosting-barato/"><link rel="alternate" hreflang="es-ES" href="https://www.hostino.es/hosting-barato/"><link rel="alternate" hreflang="en-GB" href="https://www.hostino.es/en/cheap-web-hosting/"><link rel="alternate" hreflang="x-default" href="https://www.hostino.es/en/cheap-web-hosting/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:locale" content="es_ES"><meta property="og:locale:alternate" content="en_GB"><meta property="og:url" content="https://www.hostino.es/hosting-barato/"><meta property="og:site_name" content="Hostino"><meta property="og:title" content="Hosting Barato España | Alojamiento web al mejor precio"><meta property="og:description" content="Hosting barato desde 1,99⬠al mes. Rápido, seguro y con un excelente soporte. Compra en Hostino® el hosting más barato y calidad de España"><meta property="og:image" content="https://www.hostino.es/images/og/hosting-web-espana.jpg"><meta property="og:image:secure_url" content="https://www.hostino.es/images/og/hosting-web-espana.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Hosting Barato España"><meta property="og:image:type" content="image/jpeg"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Hosting Barato España | Alojamiento web al mejor precio"><meta name="twitter:description" content="Hosting barato desde 1,99⬠al mes. Rápido, seguro y con un excelente soporte. Compra en Hostino® el hosting más barato y calidad de España"><meta name="twitter:image" content="https://www.hostino.es/images/og/hosting-web-espana.jpg"><meta name="twitter:site" content="@hostino_es"><!-- Favicon --><link rel="icon" type="image/x-icon" href="/favicon.ico"><!-- DNS Prefetch --><link rel="dns-prefetch" href="//www.googletagmanager.com"><link rel="dns-prefetch" href="//my.hostino.com"><!-- Critical Fonts (preload only fonts used above the fold) --><link rel="preload" href="/Poppins/poppins-regular.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/Poppins/poppins-semibold.woff2" as="font" type="font/woff2" crossorigin><!-- Hero Image Preload (LCP optimization) --><link rel="preload" as="image" href="/images/hosting-web-espana.avif" type="image/avif" fetchpriority="high"><!-- Structured Data -->
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://www.hostino.es/#place","geo":{"@type":"GeoCoordinates","latitude":"36.69421113605298","longitude":"-4.457317399997881"},"hasMap":"https://www.google.com/maps/search/?api=1&query=36.69421113605298,-4.457317399997881","address":{"@type":"PostalAddress","streetAddress":"C. Alejandro Dumas, 17, Carretera de Cádiz","addressLocality":"Málaga","addressRegion":"Málaga","postalCode":"29004","addressCountry":"ES"}},{"@type":"Organization","@id":"https://www.hostino.es/#organization","name":"Hostino","legalName":"Hostino SP S.L.","taxID":"B23892318","alternateName":["Hostino España","Hostino ES"],"url":"https://www.hostino.es","email":"[email protected]","description":"Hostino es un proveedor español de hosting web, dominios .es, correo profesional y marketing digital (SEO, GEO, Google Ads, diseño web y desarrollo de apps), con sede en Málaga y soporte en español. Servidores NVMe SSD en centros de datos europeos, CDN de Cloudflare y garantÃa de reembolso de 30 dÃas.","slogan":"Hosting web rápido y seguro, y visibilidad en Google y en las IA.","sameAs":["https://www.linkedin.com/company/hostino/","https://x.com/hostino_es","https://share.google/h7aEDTqIvMbUB2xug"],"knowsAbout":["Alojamiento web","Hosting web en España","Registro de dominios .es","Correo electrónico profesional","Posicionamiento SEO","Generative Engine Optimization (GEO)","Visibilidad en ChatGPT, Gemini y Perplexity","Google Ads","Google Business Profile","Diseño web","Desarrollo de aplicaciones móviles","Ciberseguridad web y RGPD"],"knowsLanguage":["es","en"],"areaServed":{"@type":"Country","name":"España","identifier":"ES"},"address":{"@type":"PostalAddress","streetAddress":"C. Alejandro Dumas, 17, Carretera de Cádiz","addressLocality":"Málaga","addressRegion":"Málaga","postalCode":"29004","addressCountry":"ES"},"logo":{"@type":"ImageObject","@id":"https://www.hostino.es/#logo","url":"https://www.hostino.es/logo-icon-square.jpg","contentUrl":"https://www.hostino.es/logo-icon-square.jpg","caption":"Hostino SP SL","inLanguage":"es-ES","width":"1200","height":"1200"},"contactPoint":[{"@type":"ContactPoint","telephone":"+34951838669","contactType":"customer support","availableLanguage":["Spanish","English"]}],"location":{"@id":"https://www.hostino.es/#place"}},{"@type":"WebSite","@id":"https://www.hostino.es/#website","url":"https://www.hostino.es","name":"Hostino","alternateName":"Hosting web en España","publisher":{"@id":"https://www.hostino.es/#organization"},"inLanguage":"es-ES"},{"@type":"ImageObject","@id":"https://www.hostino.es/images/google-svg.svg","url":"https://www.hostino.es/images/google-svg.svg","width":"200","height":"200","inLanguage":"es-ES"},{"@type":"BreadcrumbList","@id":"https://www.hostino.es/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://www.hostino.es","name":"Hosting web España"}},{"@type":"ListItem","position":"2","item":{"@id":"https://www.hostino.es/hosting-barato/","name":"Hosting Barato España"}}]},{"@type":"Product","name":"Hosting Barato España | Alojamiento web al mejor precio","url":"https://www.hostino.es/hosting-barato/","description":"Hosting barato desde 1,99⬠al mes. Rápido, seguro y con un excelente soporte. Compra en Hostino® el hosting más barato y calidad de España","brand":{"@type":"Brand","name":"Hostino ES"},"offers":{"@type":"AggregateOffer","url":"https://www.hostino.es/hosting-barato/","lowPrice":"1.99","priceCurrency":"EUR","availability":"InStock"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"5","reviewCount":"117"}}]}</script>
1<!-- Trusted Types Policy - Must be loaded before any scripts that use innerHTML or script.src -->
1<script> 2 if (window.trustedTypes && window.trustedTypes.createPolicy) { 3 // Create a permissive policy for existing scripts 4 // This allows innerHTML and script.src assignments while maintaining CSP compliance 5 window.trustedTypes.createPolicy('default', { 6 createHTML: (string) => string, 7 createScriptURL: (string) => string, 8 createScript: (string) => string 9 }); 10 } 11 </script>
11<!-- Google Tag Manager (consent-gated) -->
11<script> 12 window._gtmLoaded = false; 13 window._loadGTM = function() { 14 if (window._gtmLoaded) return; 15 window._gtmLoaded = true;
vendor: 383 bytes, lines 15-24
15 16 (function(w,d,s,l,i){ 17 w[l]=w[l]||[]; 18 w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); 19 var f=d.getElementsByTagName(s)[0], 20 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; 21 j.async=true; 22 j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; 23 f.parentNode.insertBefore(j,f); 24 })(window,document,'script','dataLayer','
24GTM-5QLCSWWS
vendor: 6 bytes, lines 24-25
24'); 25
25}; 26 // Auto-load if user previously accepted analytics 27 try { 28 var c = localStorage.getItem('cookieConsent'); 29 if (c) { var d = JSON.parse(c); if (d.analytics === true) window._loadGTM(); } 30 } catch(e) {} 31</script>
31<style>@font-face{font-family:Poppins;src:url(/Poppins/poppins-regular.woff2) format("woff2"),local("Poppins");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/Poppins/poppins-semibold.woff2) format("woff2"),local("Poppins");font-weight:600;font-style:normal;font-display:swap} 32</style> 33<link rel="stylesheet" href="/_astro/abus.BOBJJXQX.css"> 34<link rel="stylesheet" href="/_astro/abus.wXf0hNTx.css"> 35<style>.cb-btn[data-astro-cid-mtjdbwzh]{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 10px 0 30px;background:#00d084;border-radius:60px;text-decoration:none;color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.1px;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 3px 12px #00d0844d;cursor:pointer}.cb-btn[data-astro-cid-mtjdbwzh]:hover{background:#00c077;transform:translateY(-2px);box-shadow:0 6px 24px #00d08459}.cb-btn[data-astro-cid-mtjdbwzh]:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #00d08433}.cb-icon[data-astro-cid-mtjdbwzh]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:50%;flex-shrink:0;transition:background .25s ease,transform .25s ease}.cb-btn[data-astro-cid-mtjdbwzh]:hover .cb-icon[data-astro-cid-mtjdbwzh]{background:#ffffff4d;transform:translate(3px)}@media(max-width:480px){.cb-btn[data-astro-cid-mtjdbwzh]{height:50px;padding:0 8px 0 24px;font-size:14px;gap:8px}.cb-icon[data-astro-cid-mtjdbwzh]{width:36px;height:36px}.cb-icon[data-astro-cid-mtjdbwzh] svg[data-astro-cid-mtjdbwzh]{width:16px;height:16px}} 36.six-cards-section[data-astro-cid-6t4qtvm2]{padding:150px 0 0;background:#fff;position:relative;overflow:hidden}@media(max-width:768px){.six-cards-section[data-astro-cid-6t4qtvm2]{padding:80px 0}}.container[data-astro-cid-6t4qtvm2]{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.section-header[data-astro-cid-6t4qtvm2]{text-align:center;margin-bottom:50px}.section-header--left[data-astro-cid-6t4qtvm2]{text-align:left}@media(max-width:768px){.section-header[data-astro-cid-6t4qtvm2]{margin-bottom:40px}.section-header--left[data-astro-cid-6t4qtvm2]{text-align:center}}.badge[data-astro-cid-6t4qtvm2]{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#00d0841a,#00d0840a);border:1px solid rgba(0,208,132,.2);padding:10px 22px;border-radius:50px;font-size:14px;font-weight:600;color:#00b371;margin-bottom:24px}.badge-dot[data-astro-cid-6t4qtvm2]{width:8px;height:8px;background:#00d084;border-radius:50%}.main-title[data-astro-cid-6t4qtvm2]{font-size:clamp(32px,5vw,48px);font-weight:600;color:#022545;line-height:1.2;margin:0;letter-spacing:-.02em}@media(min-width:768px){.section-header--left[data-astro-cid-6t4qtvm2] .main-title[data-astro-cid-6t4qtvm2]{padding-right:180px}}@media(min-width:1024px){.section-header--left[data-astro-cid-6t4qtvm2] .main-title[data-astro-cid-6t4qtvm2]{padding-right:250px}}.main-title[data-astro-cid-6t4qtvm2] span,.main-title[data-astro-cid-6t4qtvm2] i{color:#00d084;font-style:normal}.features-grid[data-astro-cid-6t4qtvm2]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.features-grid[data-astro-cid-6t4qtvm2]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.features-grid[data-astro-cid-6t4qtvm2]{grid-template-columns:1fr;gap:20px}}.feature-card[data-astro-cid-6t4qtvm2]{background:#fff;border-radius:20px;padding:32px 28px;position:relative;overflow:hidden;border:1px solid rgba(0,208,132,.1);box-shadow:0 4px 30px -10px #00d08414,0 0 0 1px #00d0840a}.feature-image[data-astro-cid-6t4qtvm2]{width:72px;height:72px;margin-bottom:20px}.feature-image[data-astro-cid-6t4qtvm2] img[data-astro-cid-6t4qtvm2]{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 6px 20px #00d08426}.feature-content[data-astro-cid-6t4qtvm2]{position:relative}.feature-title[data-astro-cid-6t4qtvm2]{font-size:27px;font-weight:600;color:#022545;margin:0 0 22px;line-height:1.22;letter-spacing:-.6px}.feature-title[data-astro-cid-6t4qtvm2] span{color:#00d084}.feature-description[data-astro-cid-6t4qtvm2]{font-size:16px;color:#022545;line-height:1.75;margin:0}.feature-description[data-astro-cid-6t4qtvm2] b,.feature-description[data-astro-cid-6t4qtvm2] strong{color:#022545;font-weight:600}.feature-description[data-astro-cid-6t4qtvm2] a{color:#00d084;text-decoration:underline;text-underline-offset:2px}.feature-description[data-astro-cid-6t4qtvm2] a:hover{color:#00b371} 37</style></head> <body> <header class="bg-white py-[20px] top-0 z-70"> <div class="h-[70px] flex items-center justify-between header"> <div class="flex w-full items-center justify-between z-[111]"> <!-- Logo --> <a href="/" class="flex items-center gap-2"> <img src="/images/hostino-espana.avif" alt="Logo Hostino España" width="422" height="74" class="sm:w-[211px] w-[196px] sm:h-[35px] h-[32px]" loading="eager" decoding="async" fetchpriority="high"> </a> <!-- Desktop Navigation --> <nav> <ul class="hidden lg:flex items-center sm:gap-[12px] xl:gap-[20px]"> <!-- Hosting Dropdown --> <li class="relative dropdown-hosting"> <button class="animated-link hover:text-primary link_header text-title flex items-center gap-2 poppins-semibold border-none p-0"> 38Hosting web 39<svg class="w-4 h-4 transition-transform duration-300 dropdown-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="pt-[35px] absolute dropdown-menu hidden">
39 <ul class="dropDown-menu top-full left-0 w-56 bg-white py-2"> <li> <a href="/hosting-barato/" class="block animated-link link_header ml-6 my-3 text-title poppins-semibold"> 40Starter 41</a> </li> <li> <a href="/hosting-profesional/" class="block animated-link link_header ml-6 my-3 text-title poppins-semibold"> 42Business 43</a> </li> <li> <a href="/correo-profesional/" class="block animated-link link_header ml-6 my-3 text-title poppins-semibold"> 44@Correo 45</a> </li> </ul> </div> </li> <!-- Dominio .es --> <li> <a href="/dominio-es/" class="text-title animated-link link_header poppins-semibold hover:text-primary transition-colors"> 46Dominio .es 47</a> </li> <!-- Web y Apps Dropdown --> <li class="relative dropdown-web-apps"> <button class="animated-link hover:text-primary link_header text-title flex items-center gap-2 poppins-semibold border-none p-0"> 48Web y Apps 49<svg class="w-4 h-4 transition-transform duration-300 dropdown-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="pt-[35px] absolute dropdown-menu hidden"> <ul class="dropDown-menu top-full left-0 w-56 bg-white py-2"> <li> <a href="/diseno-web-espana/" class="block animated-link link_header ml-6 my-3 text-title poppins-semibold"> 50Diseño Web 51</a> </li> <li> <a href="/desarrollo-apps-espana/" class="block animated-link link_header ml-6 my-3 text-title poppins-semibold"> 52Apps 53</a> </li> </ul> </div> </li> <!-- SEO/SEA Dropdown --> <li class="relative dropdown-seo"> <button class="flex items-center animated-link link_header gap-2 text-title poppins-semibold hover:text-primary transition-colors"> <img src="/images/google-svg.svg" alt="Google" width="20" height="20" loading="eager"> 54SEO/SEA 55<svg class="w-4 h-4 transition-transform duration-300 dropdown-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="pt-[35px] absolute dropdown-menu hidden"> <ul class="z-50 dropDown-menu top-full right-0 w-56 bg-white py-2"> <li> <a href="/agencia-seo-espana/" class="block poppins-semibold ml-6 my-3 link_header animated-link text-title transition-colors"> 56Agencia SEO 57</a> </li> <li> <a href="/agencia-geo-ia-espana/" class="block poppins-semibold ml-6 my-3 link_header animated-link text-title transition-colors"> 58Agencia GEO 59</a> </li> <li> <a href="/google-ads-espana/" class="block poppins-semibold ml-6 my-3 link_header animated-link text-title transition-colors"> 60Google Ads 61</a> </li> <li> <a href="/google-my-business-espana/" class="block poppins-semibold ml-6 my-3 link_header animated-link text-title transition-colors"> 62Google My Business 63</a> </li> </ul> </div> </li> </ul> </nav> <!-- Right Side Actions --> <div class="flex items-center gap-3 sm:gap-4"> <!-- Language Switcher --> <div class="hidden sm:flex items-center"> <button class="lang-switch-btn group relative flex items-center gap-1 p-1 rounded-full bg-gray-100 hover:bg-gray-50 transition-all duration-300 shadow-sm hover:shadow-md" aria-label="Switch language"> <!-- Active Language (ES) --> <span class="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-[#00d084] text-white shadow-sm"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path> </svg> <span class="text-sm poppins-semibold">ES</span> </span> <!-- Inactive Language (EN) --> <span class="px-3 py-1.5 text-sm poppins-medium text-gray-500 group-hover:text-[#00d084] transition-colors duration-300">EN</span> </button> </div> <!-- Acceso clientes Button --> <a href="https://my.hostino.com/index.php?rp=/login" class="hidden sm:block text-title"> <button class="relative overflow-hidden text-center cursor-pointer transition-all duration-200 group btn-10-20 text-title lg:block poppins-semibold hidden transition-colors hover:bg-title bg-gray-100"> <!-- Current text that slides up --> <span class=" transition-transform duration-200 flex items-center justify-center ease-out group-hover:-translate-y-[150%]"> Acceso clientes </span> <!-- Hover text that slides in from bottom --> <span class="absolute inset-0 flex items-center justify-center transition-all duration-200 ease-out translate-y-[150%] group-hover:translate-y-0 text-white"> Acceso clientes </span> </button> </a> <!-- Mobile Menu Button --> <button class="lg:hidden text-title burger-button" aria-label="Toggle menu"> <div class="burger-icon"> <span></span> <span></span> <span></span> </div> </button> </div> </div> </div> <!-- Mobile Menu --> <div class="mobile-menu lg:hidden bg-white border-t border-gray-200 pt-[10px] min-h-screen z-11 fixed w-[100%] h-[100%] hidden"> <nav class="px-6 py-4 space-y-2 overflow-y-auto"> <!-- Hosting Mobile --> <ul> <li class="mobile-dropdown-hosting"> <span class="w-full link_header hover:text-primary button cursor-pointer flex items-center justify-between py-2 text-title poppins-semibold"> 64Hosting 65<svg class="w-5 h-5 transition-transform duration-300 mobile-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </span> <ul class="mobile-submenu pl-4 hidden"> <li> <a href="/hosting-barato/" class="link_header block py-2 text-title poppins-semibold"> 66Starter 67</a> </li> <li> <a href="/hosting-profesional/" class="link_header block py-2 text-title poppins-semibold"> 68Business 69</a> </li> <li> <a href="/correo-profesional/" class="link_header block py-2 text-title poppins-semibold"> 70@Correo 71</a> </li> </ul> </li> <!-- Dominio .es --> <li> <a href="/dominio-es/" class="block text-title link_header cursor-pointer hover:text-primary poppins-semibold py-2"> 72Dominio .es 73</a> </li> <!-- Web y Apps Mobile --> <li class="mobile-dropdown-web-apps"> <span class="w-full link_header hover:text-primary button cursor-pointer flex items-center justify-between py-2 text-title poppins-semibold"> 74Web y Apps 75<svg class="w-5 h-5 transition-transform duration-300 mobile-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </span> <ul class="mobile-submenu pl-4 hidden"> <li> <a href="/diseno-web-espana/" class="block link_header max-w-max py-[8px] text-title poppins-semibold animated-link"> 76Diseño Web 77</a> </li> <li> <a href="/desarrollo-apps-espana/" class="block link_header max-w-max py-[8px] text-title poppins-semibold animated-link"> 78Apps 79</a> </li> </ul> </li> <!-- SEO/SEA Mobile --> <li class="mobile-dropdown-seo"> <span class="w-full link_header hover:text-primary button cursor-pointer flex items-center justify-between py-2 text-title poppins-semibold"> <div class="flex items-center gap-2"> <img src="/images/google-svg.svg" alt="Google" loading="eager" width="20" height="20"> 80SEO/SEA 81</div> <svg class="w-5 h-5 transition-transform duration-300 mobile-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </span> <ul class="mobile-submenu pl-4 hidden"> <li> <a href="/agencia-seo-espana/" class="block link_header max-w-max py-[8px] text-title poppins-semibold animated-link"> 82Agencia SEO 83</a> </li> <li> <a href="/agencia-geo-ia-espana/" class="block link_header max-w-max py-[8px] text-title poppins-semibold animated-link"> 84Agencia GEO 85</a> </li> <li> <a href="/google-ads-espana/" class="block link_header max-w-max py-[8px] text-title poppins-semibold animated-link"> 86Google Ads 87</a> </li> <li> <a href="/google-my-business-espana/" class="block link_header max-w-max py-[8px] text-title poppins-semibold animated-link"> 88Google My Business 89</a> </li> </ul> </li> </ul> <!-- Mobile Actions --> <div class="pt-4 mt-4 space-y-4 border-t border-gray-100 px-6"> <!-- Mobile Language Switcher --> <div class="flex items-center justify-center"> <button class="lang-switch-btn-mobile group flex items-center gap-1 p-1 rounded-full bg-gray-100 hover:bg-gray-50 transition-all duration-300 shadow-sm"> <!-- Active Language (ES) --> <span class="flex items-center gap-1.5 px-4 py-2 rounded-full bg-[#00d084] text-white shadow-sm"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path> </svg> <span class="text-sm poppins-semibold">ES</span> </span> <!-- Inactive Language (EN) --> <span class="px-4 py-2 text-sm poppins-medium text-gray-500 group-hover:text-[#00d084] transition-colors duration-300">EN</span> </button> </div> <a href="https://my.hostino.com/index.php?rp=/login" class="block w-full py-3 text-center text-white bg-[#00d084] hover:bg-[#00b872] poppins-semibold rounded-xl shadow-sm hover:shadow-md transition-all duration-300"> 90Acceso clientes 91</a> </div> </nav>
91<script> 92 // Select dropdowns 93 var hostingDropdown = document.querySelector( 94 ".dropdown-hosting" 95 ); 96 var webAppsDropdown = document.querySelector(".dropdown-web-apps"); 97 var seoDropdown = document.querySelector(".dropdown-seo"); 98 99 // GLOBAL CLICK â close all dropdowns except when clicking inside one of them 100 document.addEventListener("click", function(e) { 101 // If the click is inside Hosting, Web y Apps or SEO dropdown -> do nothing 102 var target = e.target; 103 if ( 104 hostingDropdown?.contains(target) || 105 webAppsDropdown?.contains(target) || 106 seoDropdown?.contains(target) 107 ) { 108 return; // stop here 109 } 110 111 // Otherwise â close all dropdowns 112 const menuHosting = 113 hostingDropdown?.querySelector(".dropdown-menu"); 114 const arrowHosting = 115 hostingDropdown?.querySelector(".dropdown-arrow"); 116 117 const menuWebApps = webAppsDropdown?.querySelector(".dropdown-menu"); 118 const arrowWebApps = webAppsDropdown?.querySelector(".dropdown-arrow"); 119 120 const menuSeo = seoDropdown?.querySelector(".dropdown-menu"); 121 const arrowSeo = seoDropdown?.querySelector(".dropdown-arrow"); 122 123 menuHosting?.classList.add("hidden"); 124 arrowHosting?.classList.remove("rotate-180"); 125 126 menuWebApps?.classList.add("hidden"); 127 arrowWebApps?.classList.remove("rotate-180"); 128 129 menuSeo?.classList.add("hidden"); 130 arrowSeo?.classList.remove("rotate-180"); 131 }); 132 133 // OPEN/CLOSE for Hosting 134 if (hostingDropdown) { 135 hostingDropdown.addEventListener("click", () => { 136 const menu = hostingDropdown.querySelector(".dropdown-menu"); 137 const arrow = hostingDropdown.querySelector(".dropdown-arrow"); 138 139 // Toggle hosting 140 menu?.classList.toggle("hidden"); 141 arrow?.classList.toggle("rotate-180"); 142 143 // Always close other dropdowns when opening hosting 144 const menuWebApps = webAppsDropdown?.querySelector(".dropdown-menu"); 145 const arrowWebApps = webAppsDropdown?.querySelector(".dropdown-arrow"); 146 menuWebApps?.classList.add("hidden"); 147 arrowWebApps?.classList.remove("rotate-180"); 148 149 const menuSeo = seoDropdown?.querySelector(".dropdown-menu"); 150 const arrowSeo = seoDropdown?.querySelector(".dropdown-arrow"); 151 menuSeo?.classList.add("hidden"); 152 arrowSeo?.classList.remove("rotate-180"); 153 }); 154 } 155 156 // OPEN/CLOSE for Web y Apps 157 if (webAppsDropdown) { 158 webAppsDropdown.addEventListener("click", () => { 159 const menu = webAppsDropdown.querySelector(".dropdown-menu"); 160 const arrow = webAppsDropdown.querySelector(".dropdown-arrow"); 161 162 // Toggle Web y Apps 163 menu?.classList.toggle("hidden"); 164 arrow?.classList.toggle("rotate-180"); 165 166 // Always close other dropdowns when opening Web y Apps 167 const menuHosting = 168 hostingDropdown?.querySelector(".dropdown-menu"); 169 const arrowHosting = 170 hostingDropdown?.querySelector(".dropdown-arrow"); 171 menuHosting?.classList.add("hidden"); 172 arrowHosting?.classList.remove("rotate-180"); 173 174 const menuSeo = seoDropdown?.querySelector(".dropdown-menu"); 175 const arrowSeo = seoDropdown?.querySelector(".dropdown-arrow"); 176 menuSeo?.classList.add("hidden"); 177 arrowSeo?.classList.remove("rotate-180"); 178 }); 179 } 180 181 if (seoDropdown) { 182 const menu = seoDropdown.querySelector(".dropdown-menu"); 183 const arrow = seoDropdown.querySelector(".dropdown-arrow"); 184 185 seoDropdown.addEventListener("click", () => { 186 menu?.classList.toggle("hidden"); 187 arrow?.classList.toggle("rotate-180"); 188 189 // Always close other dropdowns when opening SEO 190 const menuHosting = 191 hostingDropdown?.querySelector(".dropdown-menu"); 192 const arrowHosting = 193 hostingDropdown?.querySelector(".dropdown-arrow"); 194 menuHosting?.classList.add("hidden"); 195 arrowHosting?.classList.remove("rotate-180"); 196 197 const menuWebApps = webAppsDropdown?.querySelector(".dropdown-menu"); 198 const arrowWebApps = webAppsDropdown?.querySelector(".dropdown-arrow"); 199 menuWebApps?.classList.add("hidden"); 200 arrowWebApps?.classList.remove("rotate-180"); 201 }); 202 } 203 204 // Mobile menu functionality 205 const burgerButton = document.querySelector(".burger-button"); 206 const mobileMenu = document.querySelector(".mobile-menu"); 207 const burgerIcon = document.querySelector(".burger-icon"); 208 209 burgerButton?.addEventListener("click", () => { 210 mobileMenu?.classList.toggle("hidden"); 211 burgerIcon?.classList.toggle("open"); 212 }); 213 214 // Mobile dropdowns 215 const mobileHosting = document.querySelector( 216 ".mobile-dropdown-hosting" 217 ); 218 const mobileWebApps = document.querySelector(".mobile-dropdown-web-apps"); 219 const mobileSeo = document.querySelector(".mobile-dropdown-seo"); 220 221 mobileHosting 222 ?.querySelector("span") 223 ?.addEventListener("click", () => { 224 const submenu = mobileHosting.querySelector(".mobile-submenu"); 225 const arrow = mobileHosting.querySelector(".mobile-arrow"); 226 submenu?.classList.toggle("hidden"); 227 arrow?.classList.toggle("rotate-180"); 228 }); 229 230 mobileWebApps?.querySelector("span")?.addEventListener("click", () => { 231 const submenu = mobileWebApps.querySelector(".mobile-submenu"); 232 const arrow = mobileWebApps.querySelector(".mobile-arrow"); 233 submenu?.classList.toggle("hidden"); 234 arrow?.classList.toggle("rotate-180"); 235 }); 236 237 mobileSeo?.querySelector("span")?.addEventListener("click", () => { 238 const submenu = mobileSeo.querySelector(".mobile-submenu"); 239 const arrow = mobileSeo.querySelector(".mobile-arrow"); 240 submenu?.classList.toggle("hidden"); 241 arrow?.classList.toggle("rotate-180"); 242 }); 243 244 // Language switcher (ES -> EN) â always go to English homepage /en 245 const langSwitchBtn = document.querySelector(".lang-switch-btn"); 246 const langSwitchBtnMobile = document.querySelector(".lang-switch-btn-mobile"); 247 248 const goToEnglish = () => { 249 const { pathname, search, hash } = window.location; 250 if (pathname === "/en" || pathname === "/en/") return; 251 window.location.href = "/en" + search + hash; 252 }; 253 254 langSwitchBtn?.addEventListener("click", goToEnglish); 255 langSwitchBtnMobile?.addEventListener("click", goToEnglish); 256 </script>
256 </div> </header> <main> <div class="pb-[20px] col-span-1 flex md:pt-[120px] pt-[80px] flex-col bg-gray-200 custom-row-gap md:mb-0 text-center md:text-left"> <div class="flex flex-col gap-[20px]"> <div class="flex justify-center"> <div class="inline-flex items-center gap-4 px-6 py-3 bg-[rgba(0,204,97,0.08)] rounded-[60px]"> <span class="w-4 h-4 bg-[#00d084] rounded-full flex-shrink-0"></span> <h1 class="md:text-[17px] text-[18px] poppins-semibold tracking-[-0.5px] text-[#022545] text-center">Hosting web barato</h1> </div> </div> <div> <h2 class="max-big-title title-hero-section title text-center poppins-semibold text-title">El alojamiento rápido,<br />fiable y económico</h2> </div> <div class="flex py-[10px] justify-center"> <div class="lg:w-[8%] md:w-[17%] w-[12%] h-[5px] bg-primary"></div> </div> </div> </div> <section id="plans" class=" overflow-hidden plans-section relative"> <div class="container"> <div class="gap-x-[2.5%] justify-center flex flex-wrap py-[30px] w-full"> <div class="border-3 border-white bg-white relative lg:text-left text-center rounded-[10px] 257 w-full md:w-[70vw] lg:mx-[0] md:mx-auto lg:mb-[35px] md:mb-[50px] mb-[35px] lg:w-[36%] 258 md:pt-[55px] md:px-[50px] md:pb-[50px] lg:pt-[50px] lg:pb-[40px] lg:px-[40px] pt-[45px] px-[25px] pb-[35px] shadow_main h-full"> <div class="flex flex-col"> <div> <h3 class="lg:text-[26px] md:text-left text-center md:text-[30px] text-[28px] text-title poppins-semibold md:leading-[33px] leading-[1.3em] mb-4">Hosting <i>Eco</i></h3> <p class="text-[#022545BD] md:text-left text-center text-[14px] poppins-regular pr-[30px] leading-[21px] tracking-[0.3px]"> El hosting económico con los recursos esenciales para comenzar tu proyecto </p> <div class="border-t border-gray-200 sm:my-[40px] my-[30px]"></div> </div> <div> <div class="mb-6"> <div class="h-[40px]"> <div class="flex items-center lg:justify-start justify-center gap-2"> <p class="text-primary numbers poppins-semibold line-through text-lg"> 5,99 â¬/mes </p> <span class="bg-primary numbers py-[8px] text-white text-[15px] poppins-semibold px-[10px] rounded-[8px]"> Ahorra 67% </span> </div> </div> <p class="text-base text-title poppins-semibold my-1">En planes de 12 meses</p> <p class="text-[45px] numbers poppins-semibold leading-[54px] text-title"> 1,99 ⬠/mes </p> </div> <a href="https://order.hostino.com/?pid=81&lang=es&c=ES&coupon=UI12BE¤cy=5" class="w-full bg-[#022545] hover:bg-primary transition btn-order-plan" target="_blank" rel="noopener noreferrer"> CONTRATAR <svg fill="none" viewBox="0 0 24 24" stroke-width="4" stroke="currentColor" class="size-3 poppins-semibold "> <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path> </svg> </a> <div class="price-total hosting-total-badge"> <svg class="htb-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#00d084" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> <span class="htb-text">Por 1 año, hoy pagas <b>23,88 â¬</b> <small>(+ IVA)</small></span> </div> <div class="border-t border-gray-200 sm:my-[40px] my-[30px]"></div> <div class="flex items-center lg:justify-start justify-center gap-2 mb-6"> <span class="text-sm poppins-semibold text-gray-700 mr-2">Rendimiento</span> <div class="flex"> <svg width="18" height="18" viewBox="0 0 24 24" fill="#FFA500" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg> </div> </div> <ul class="text-title list-features-plans space-y-2 flex-grow"> <li class="flex items-center lg:justify-start justify-center"> <img src="/images/google-svg-dark.svg" alt="Optimizado para SEO" width="16" height="16" class="mr-1"> <p class="text-shadow-gray-200 opacity-20"> Optimizado para SEO </p> </li> <li> <p class="text-shadow-gray-200 opacity-20"> Dominio gratis </p> </li> <li> <div class="flex items-center gap-1 lg:justify-start justify-center gap-2"> <img src="/images/wp.svg" alt="WordPress preinstalado" width="16" height="16" class="mr-1"> <p> Hosting gestionado WordPress </p> </div> </li> <li> Panel control <b> <i>cPanel®</i> </b> </li> <li> Certificado SSL (HTTPS) <b>gratuito</b> </li> <li> 10 GB SSD NVMe <b></b> </li> <li> Tráfico : <b>ilimitado</b> </li> <li> Bases de datos : <b>1</b> </li> <li> Direcciones de correo : <b>1</b> </li> <li> Subdominios : <b>1</b> </li> <li> Copias de seguridad : <b>JetBackup</b> </li> <li> <b>GarantÃa 30 dÃas</b> </li> </ul> <div class="mt-6"> <a href="https://www.hostino.es/hosting-profesional/" class="more-perf-cta"> <span class="more-perf-icon">
258 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"></path> </svg> </span> <span class="more-perf-text">¿Más rendimiento?</span> <svg class="more-perf-arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path> </svg> </a> </div> </div> </div> </div><div class="border-3 border-primary bg-white relative lg:text-left text-center rounded-[10px] 259 w-full md:w-[70vw] lg:mx-[0] md:mx-auto lg:mb-[35px] md:mb-[50px] mb-[35px] lg:w-[36%] 260 md:pt-[55px] md:px-[50px] md:pb-[50px] lg:pt-[50px] lg:pb-[40px] lg:px-[40px] pt-[45px] px-[25px] pb-[35px] shadow_main h-full"> <div class="absolute sm:left-1/2 left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 flex items-center gap-1.5 sm:gap-2 flex-nowrap justify-center"> <span class="most-popular-badge-sm py-[6px] px-[16px] text-[12px] sm:text-[13px] text-white text-center poppins-semibold bg-primary rounded-full whitespace-nowrap shadow-sm"> Más popular </span> </div> <div class="flex flex-col"> <div> <h3 class="lg:text-[26px] md:text-left text-center md:text-[30px] text-[28px] text-title poppins-semibold md:leading-[33px] leading-[1.3em] mb-4">Hosting <i>Starter</i></h3> <p class="text-[#022545BD] md:text-left text-center text-[14px] poppins-regular pr-[30px] leading-[21px] tracking-[0.3px]"> Hosting web de alto rendimiento, ideal para lanzar tu proyecto online </p> <div class="border-t border-gray-200 sm:my-[40px] my-[30px]"></div> </div> <div> <div class="mb-6"> <div class="h-[40px]"> <div class="flex items-center lg:justify-start justify-center gap-2"> <p class="text-primary numbers poppins-semibold line-through text-lg"> 7,98 â¬/mes </p> <span class="bg-primary numbers py-[8px] text-white text-[15px] poppins-semibold px-[10px] rounded-[8px]"> Ahorra 50% </span> </div> </div> <p class="text-base text-title poppins-semibold my-1">En planes de 12 meses</p> <p class="text-[45px] numbers poppins-semibold leading-[54px] text-title"> 3,99 ⬠/mes </p> </div> <a href="https://order.hostino.com/?pid=82&lang=es&c=ES&coupon=UI13BE¤cy=5" class="w-full bg-primary btn-order-plan" target="_blank" rel="noopener noreferrer"> CONTRATAR <svg fill="none" viewBox="0 0 24 24" stroke-width="4" stroke="currentColor" class="size-3 poppins-semibold "> <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path> </svg> </a> <div class="price-total hosting-total-badge"> <svg class="htb-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#00d084" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> <span class="htb-text">Por 1 año, hoy pagas <b>47,88 â¬</b> <small>(+ IVA)</small></span> </div> <div class="border-t border-gray-200 sm:my-[40px] my-[30px]"></div> <div class="flex items-center lg:justify-start justify-center gap-2 mb-6"> <span class="text-sm poppins-semibold text-gray-700 mr-2">Rendimiento</span> <div class="flex"> <svg width="18" height="18" viewBox="0 0 24 24" fill="#FFA500" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg><svg width="18" height="18" viewBox="0 0 24 24" fill="#FFA500" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFA500" stroke-width="2" class="mr-1 max-w-[18px] max-h-[18px]"> <path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.857 1.524 8.276L12 18.897l-7.46 4.542 1.524-8.276L.001 9.306l8.331-1.151z"></path> </svg> </div> </div> <ul class="text-title list-features-plans space-y-2 flex-grow"> <li class="flex items-center lg:justify-start justify-center"> <img src="/images/google-svg-dark.svg" alt="Optimizado para SEO" width="16" height="16" class="mr-1"> <p class="text-shadow-gray-200 opacity-20"> Optimizado para SEO </p> </li> <li> <p> <b>Dominio gratis</b> </p> </li> <li> <div class="flex items-center gap-1 lg:justify-start justify-center gap-2"> <img src="/images/wp.svg" alt="WordPress preinstalado" width="16" height="16" class="mr-1"> <p> WordPress preinstalado </p> </div> </li> <li> Panel control <b> <i>cPanel®</i> </b> </li> <li> Certificado SSL (HTTPS) <b>gratuito</b> </li> <li> 25 GB SSD NVMe <b></b> </li> <li> Tráfico : <b>ilimitado</b> </li> <li> Bases de datos : <b>5</b> </li> <li> Direcciones de correo : <b>5</b> </li> <li> Subdominios : <b>5</b> </li> <li> Copias de seguridad : <b>JetBackup</b> </li> <li> <b>GarantÃa 30 dÃas</b> </li> </ul> <div class="mt-6"> <a href="https://www.hostino.es/hosting-profesional/" class="more-perf-cta"> <span class="more-perf-icon">
260 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"></path> </svg> </span> <span class="more-perf-text">¿Más rendimiento?</span> <svg class="more-perf-arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path> </svg> </a> </div> </div> </div> </div> </div> </div> </section> <section class="py-[0px] md:py-[0px]"> <div class="container"> <div class="w-[100%] lg:w-[77.3%] md:w-[70%] mx-auto"> <div class="relative bg-white rounded-3xl border border-gray-100 shadow-[0_4px_40px_rgba(0,0,0,0.06)] overflow-hidden"> <!-- Decorative gradient blobs --> <div class="absolute top-0 right-0 w-[300px] h-[300px] bg-gradient-to-bl from-primary/10 via-green-100/50 to-transparent rounded-full blur-3xl -translate-y-1/2 translate-x-1/3"></div> <div class="absolute bottom-0 left-0 w-[200px] h-[200px] bg-gradient-to-tr from-blue-100/50 via-primary/5 to-transparent rounded-full blur-2xl translate-y-1/2 -translate-x-1/4"></div> <!-- Content --> <div class="relative z-10 px-[30px] md:px-[60px] lg:px-[80px] py-[40px] md:py-[50px]"> <div class="flex flex-col lg:flex-row items-center gap-8 lg:gap-12"> <!-- Left: Icon/Visual --> <div class="flex-shrink-0"> <div class="relative"> <!-- Main icon container --> <div class="w-20 h-20 md:w-24 md:h-24 bg-gradient-to-br from-primary to-green-500 rounded-2xl flex items-center justify-center shadow-lg shadow-primary/25 rotate-3 hover:rotate-0 transition-transform duration-300"> <svg class="w-10 h-10 md:w-12 md:h-12 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"></path> </svg> </div> <!-- Floating badge --> <div class="absolute -top-2 -right-2 w-8 h-8 bg-yellow-400 rounded-full flex items-center justify-center shadow-md"> <svg class="w-4 h-4 text-yellow-900" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> </div> </div> <!-- Center: Text content --> <div class="flex-grow text-center lg:text-left"> <h3 class="text-title text-[24px] md:text-[28px] lg:text-[32px] font-bold mb-3 leading-tight"> ¿Tu proyecto está creciendo? </h3> <p class="text-gray-600 text-[15px] md:text-[17px] leading-relaxed max-w-xl">Pasa a nuestros planes <b>Business</b> y disfruta de más potencia, herramientas profesionales y un rendimiento optimizado para webs con alto volumen de tráfico.</p> <!-- Features mini list --> <div class="flex flex-wrap justify-center lg:justify-start gap-4 mt-5"> <span class="inline-flex items-center gap-1.5 text-[13px] text-gray-500"> <svg class="w-4 h-4 text-primary" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> 261Más recursos 262</span> <span class="inline-flex items-center gap-1.5 text-[13px] text-gray-500"> <svg class="w-4 h-4 text-primary" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> 263Mayor velocidad 264</span> <span class="inline-flex items-center gap-1.5 text-[13px] text-gray-500"> <svg class="w-4 h-4 text-primary" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> 265SEO optimizado 266</span> <span class="inline-flex items-center gap-1.5 text-[13px] text-gray-500"> <svg class="w-4 h-4 text-primary" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> 267Optimizado para IA 268</span> </div> </div> <!-- Right: CTA --> <div class="flex-shrink-0"> <a href="/hosting-profesional/" class="group relative inline-flex items-center gap-3 bg-gradient-to-r from-primary to-green-500 hover:from-green-500 hover:to-primary text-white px-7 md:px-9 py-4 md:py-5 rounded-2xl font-semibold text-[15px] md:text-[16
268px] transition-all duration-500 shadow-lg shadow-primary/20 hover:shadow-xl hover:shadow-primary/30 hover:scale-[1.02]"> <span>Descubrir planes Business</span> <div class="w-8 h-8 bg-white/20 rounded-full flex items-center justify-center group-hover:bg-white/30 transition-colors"> <svg class="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6"></path> </svg> </div> </a> </div> </div> </div> </div> </div> </div> </section> <section class="lg:my-[150px] my-[80px]"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 items-center"> <div class="col-span-1"> <h2 class="title-section md:text-[44px] sm:text-[25px] sm:leading-[42px] md:leading-[50px] sm:tracking-[-1.8px] md:tracking-[-2.6px] xl:pr-[10px] lg:pr-[50px] poppins-semibold text-title mb-6">Hosting web barato: ¿qué es?</h2> <div> <p class="paragraph poppins-light">Un alojamiento web barato en España es una opción económica disponible a un precio muy asequible âdesde solo 1,99 â¬/mes. Esta alternativa permite lanzar tu sitio web con una inversión mÃnima. Hostino ofrece este plan como la solución ideal para proyectos con un consumo moderado de recursos; incluye 10 GB de almacenamiento NVMe, certificado SSL gratuito, tráfico ilimitado, cuentas de correo personalizadas, soporte técnico 24/7 y una garantÃa de reembolso de 30 dÃas.</p><p class="paragraph poppins-light"><div class='mt-6'><h3 class='flex items-start gap-3 font-bold mb-4' style='font-size: 27px; color: #022545;'><span class='text-2xl flex-shrink-0'>â
</span><span>¿A quién va dirigido el plan de hosting web barato?</span></h3><ul class='space-y-3 text-gray-700 ml-9'><li class='flex items-start gap-2'><span class='text-green-600 mt-1 flex-shrink-0'>â¢</span><span style='font-size: 17px;'>A emprendedores y pequeñas empresas que desean lanzar un blog, una página web sencilla o un portfolio.</span></li><li class='flex items-start gap-2'><span class='text-green-600 mt-1 flex-shrink-0'>â¢</span><span style='font-size: 17px;'>A quienes buscan testear su proyecto e iniciar su presencia online a bajo coste, con una configuración rápida y sencilla.</span></li></ul></div></p> </div> <div class="my-[25px]"> <a href="#plans" class="cb-btn group" data-astro-cid-mtjdbwzh> <span class="cb-text" data-astro-cid-mtjdbwzh>Empezar ya</span> <span class="cb-icon" data-astro-cid-mtjdbwzh> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-mtjdbwzh> <path d="M5 12h14" data-astro-cid-mtjdbwzh></path> <path d="m12 5 7 7-7 7" data-astro-cid-mtjdbwzh></path> </svg> </span> </a> </div> </div> <div class="col-span-1 flex justify-end"> <img src="/images/hosting-web-barato.avif" alt="Alojamiento web barato" width="1220" height="1173" class="xl:w-[95%] lg:w-[85%] md:w-[85%] h-auto rounded-lg" loading="lazy" decoding="async"> </div> </div> </div> </section> <section class="my-[80px] relative md:my-[0px]"> <div class="container mx-auto px-4"> <div class="flex py-[20px] gap-[10px] border-t-2 border-gray-200 sticky top-0 bg-white items-center"> <div class="lg:w-[40%] md:w-[37%] w-[55%] flex flex-col gap-y-[8px]"> <h3 class="poppins-semibold lg:text-[49px] md:text-[39px] lg:trancking-[-2.1px] tracking-[-0.9px] lg:leading-[57px] md:leading-[46px] leading-[41px] text-[35px] md:pr-[50px] mb-0 text-title" style="margin-bottom: 0 !important"> Compara nuestros planes </h3> <p class="paragraph text-title"> Precios claros y sin sorpresas. </p> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%]"> <h3 class="poppins-semibold lg:text-[34px] sm:text-[31px] text-[15px] sm:leading-[1.3em] leading-[1.2em] lg:leading-[35px] text-title italic"> Eco </h3> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%]"> <h3 class="poppins-semibold lg:text-[34px] sm:text-[31px] text-[15px] sm:leading-[1.4em] leading-[1.2em] lg:leading-[35px] text-title"> Starter </h3> </div> </div> <div> <div class="flex items-center p-4 gap-[10px] bg-gray-100"> <div class="lg:w-[40%] md:w-[37%] w-[55%] p-[10px]"> <h5 class="title-15"> Cuentas de correo </h5> </div> <div class="text-center md:text-[18px] poppins-semibold lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15-bold"> 1 </span> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15-bold"> 5 </span> </div> </div><div class="flex items-center p-4 gap-[10px] bg-gray-100"> <div class="lg:w-[40%] md:w-[37%] w-[55%] p-[10px]"> <h5 class="title-15"> Almacenamiento por cuenta </h5> </div> <div class="text-center md:text-[18px] poppins-semibold lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15-bold"> 1 GB </span> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15-bold"> 2 GB </span> </div> </div><div class="flex items-center p-4 gap-[10px] bg-gray-100"> <div class="lg:w-[40%] md:w-[37%] w-[55%] p-[10px]"> <h5 class="title-15"> EnvÃos por hora </h5> </div> <div class="text-center md:text-[18px] poppins-semibold lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15-bold"> 50 </span> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15-bold"> 100 </span> </div> </div><div class="flex items-center p-4 gap-[10px] bg-transparent"> <div class="lg:w-[40%] md:w-[37%] w-[55%] p-[10px]"> <h5 class="title-15"> ReenvÃo de correos </h5> </div> <div class="text-center md:text-[18px] poppins-semibold lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <div class="flex justify-center"> <svg class="w-6 h-6 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <div class="flex justify-center"> <svg class="w-6 h-6 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> </div><div class="flex items-center p-4 gap-[10px] bg-transparent"> <div class="lg:w-[40%] md:w-[37%] w-[55%] p-[10px]"> <h5 class="title-15"> Autoresponder </h5> </div> <div class="text-center md:text-[18px] poppins-semibold lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <div class="flex justify-center"> <svg class="w-6 h-6 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <div class="flex justify-center"> <svg class="w-6 h-6 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> </div><div class="flex items-center p-4 gap-[10px] bg-transparent"> <div class="lg:w-[40%] md:w-[37%] w-[55%] p-[10px]"> <h5 class="title-15-bold"> LÃmite de CPU </h5> </div> <div class="text-center md:text-[18px] poppins-semibold lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15"> 100% </span> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15"> 100% </span> </div> </div><div class="flex items-center p-4 gap-[10px] bg-transparent"> <div class="lg:w-[40%] md:w-[37%] w-[55%] p-[10px]"> <h5 class="title-15-bold"> Velocidad de disco (I/O) </h5> </div> <div class="text-center md:text-[18px] poppins-semibold lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15"> 2 MB/s </span> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15"> 3 MB/s </span> </div> </div><div class="flex items-center p-4 gap-[10px] bg-transparent"> <div class="lg:w-[40%] md:w-[37%] w-[55%] p-[10px]"> <h5 class="title-15-bold"> Memoria RAM </h5> </div> <div class="text-center md:text-[18px] poppins-semibold lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15"> 512 MB </span> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15"> 1 GB </span> </div> </div><div class="flex items-center p-4 gap-[10px] bg-transparent"> <div class="lg:w-[40%] md:w-[37%] w-[55%] p-[10px]"> <h5 class="title-15-bold"> Procesos simultáneos </h5> </div> <div class="text-center md:text-[18px] poppins-semibold lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15"> 20 </span> </div> <div class="text-center lg:w-[25%] md:md:w-[21%] w-[22%] text-title"> <span class="title-15"> 50 </span> </div> </div> <div class="flex gap-[10px] w-full"> <div class="lg:w-[40%] md:w-[37%] w-[0%]"></div> <div class="text-white lg:w-[25%] md:md:w-[21%] w-[48%]"> <button class="relative overflow-hidden text-center cursor-pointer transition-all duration-200 group btn-10-20 w-full hover:bg-title bg-primary"> <!-- Current text that slides up --> <a href="https://order.hostino.com/?pid=81&lang=es&c=ES&coupon=UI12BE¤cy=5" class=" flex gap-1 justify-center items-center transition-transform duration-200 ease-out group-hover:-translate-y-[150%]"> Eco </a> <!-- Hover text that slides in from bottom --> <a href="https://order.hostino.com/?pid=81&lang=es&c=ES&coupon=UI12BE¤cy=5" class="absolute gap-1 inset-0 flex items-center justify-center transition-all duration-200 ease-out translate-y-[150%] group-hover:translate-y-0 text-white"> Eco </a> </button> </div> <div class="text-white lg:w-[25%] md:md:w-[21%] w-[48%]"> <button class="relative overflow-hidden text-center cursor-pointer transition-all duration-200 group btn-10-20 w-full bg-title"> <!-- Current text that slides up --> <a href="https://order.hostino.com/?pid=82&lang=es&c=ES&coupon=UI13BE¤cy=5" class=" flex gap-1 justify-center items-center transition-transform duration-200 ease-out group-hover:-translate-y-[150%]"> Starter </a> <!-- Hover text that slides in from bottom --> <a href="https://order.hostino.com/?pid=82&lang=es&c=ES&coupon=UI13BE¤cy=5" class="absolute gap-1 inset-0 flex items-center justify-center transition-all duration-200 ease-out translate-y-[150%] group-hover:translate-y-0 text-white"> Starter </a> </button> </div> </div> </div> </div> </section> <section class="six-cards-section" data-astro-cid-6t4qtvm2> <div class="container" data-astro-cid-6t4qtvm2> <!-- Section Header --> <header class="section-header " data-astro-cid-6t4qtvm2> <h2 class="main-title" data-astro-cid-6t4qtvm2>¿Por qué elegir <br /> Hosting Web <i>España</i>?</h2> </header> <!-- Features Grid --> <div class="features-grid" data-astro-cid-6t4qtvm2> <article class="feature-card" data-astro-cid-6t4qtvm2> <!-- Image --> <div class="feature-image" data-astro-cid-6t4qtvm2> <img src="/images/hosting-tecnologia-vanguardia.jpg" alt="Hosting con tecnologÃa de vanguardia e infraestructura europea" width="80" height="80" loading="lazy" decoding="async" class data-astro-cid-6t4qtvm2> </div> <!-- Content --> <div class="feature-content" data-astro-cid-6t4qtvm2> <h3 class="feature-title " data-astro-cid-6t4qtvm2>Hosting con tecnologÃa de <span>vanguardia</span></h3> <p class="feature-description" data-astro-cid-6t4qtvm2>Servidores de última generación en Europa, garantizando que tu sitio web disponga de una <b>infraestructura europea potente, moderna y segura.</b> Empresa registrada en el Registro Mercantil de Málaga con facturación y IVA español.</p> </div> </article><article class="feature-card" data-astro-cid-6t4qtvm2> <!-- Image --> <div class="feature-image" data-astro-cid-6t4qtvm2> <img src="/images/seguridad-primer-nivel.jpg" alt="Seguridad de primer nivel" width="80" height="80" loading="lazy" decoding="async" class data-astro-cid-6t4qtvm2> </div> <!-- Content --> <div class="feature-content" data-astro-cid-6t4qtvm2> <h3 class="feature-title " data-astro-cid-6t4qtvm2><span>Seguridad</span><br/>de primer nivel</h3> <p class="feature-description" data-astro-cid-6t4qtvm2>Servicios de seguridad gestionados, gestión de vulnerabilidades y detección de malware en tiempo real mejorada con IA.</p> </div> </article><article class="feature-card" data-astro-cid-6t4qtvm2> <!-- Image --> <div class="feature-image" data-astro-cid-6t4qtvm2> <img src="/images/velocidad-carga-optima.jpg" alt="Velocidad de carga óptima" width="80" height="80" loading="lazy" decoding="async" class data-astro-cid-6t4qtvm2> </div> <!-- Content --> <div class="feature-content" data-astro-cid-6t4qtvm2> <h3 class="feature-title " data-astro-cid-6t4qtvm2><span>Velocidad</span><br/>de carga óptima</h3> <p class="feature-description" data-astro-cid-6t4qtvm2>
268Nuestros planes están diseñados para ofrecer un rendimiento excepcional, optimizando los tiempos de carga para garantizar un LCP (Largest Contentful Paint) ⤠2,5 segundos.</p> </div> </article><article class="feature-card" data-astro-cid-6t4qtvm2> <!-- Image --> <div class="feature-image" data-astro-cid-6t4qtvm2> <img src="/images/wordpress.jpg" alt="WordPress en un clic" width="80" height="80" loading="lazy" decoding="async" class data-astro-cid-6t4qtvm2> </div> <!-- Content --> <div class="feature-content" data-astro-cid-6t4qtvm2> <h3 class="feature-title " data-astro-cid-6t4qtvm2><span>WordPress</span><br/>en un clic</h3> <p class="feature-description" data-astro-cid-6t4qtvm2>Instala fácilmente aplicaciones como WordPress, Joomla, Drupal y más de 200 aplicaciones web con un solo clic. Instalación rápida y sencilla que no requiere conocimientos técnicos avanzados.</p> </div> </article><article class="feature-card" data-astro-cid-6t4qtvm2> <!-- Image --> <div class="feature-image" data-astro-cid-6t4qtvm2> <img src="/images/certificado-ssl-gratuito.jpg" alt="Certificado SSL gratuito" width="80" height="80" loading="lazy" decoding="async" class data-astro-cid-6t4qtvm2> </div> <!-- Content --> <div class="feature-content" data-astro-cid-6t4qtvm2> <h3 class="feature-title " data-astro-cid-6t4qtvm2><span>Certificado</span><br/>SSL gratuito</h3> <p class="feature-description" data-astro-cid-6t4qtvm2>Protege la confidencialidad de tus datos en lÃnea. ¡Haz que tu sitio web sea más seguro y fiable con nuestro certificado <b>SSL gratuito (https://)</b> incluido en todos los planes!</p> </div> </article><article class="feature-card" data-astro-cid-6t4qtvm2> <!-- Image --> <div class="feature-image" data-astro-cid-6t4qtvm2> <img src="/images/soporte-espanol.jpg" alt="Soporte técnico en español desde Málaga" width="80" height="80" loading="lazy" decoding="async" class data-astro-cid-6t4qtvm2> </div> <!-- Content --> <div class="feature-content" data-astro-cid-6t4qtvm2> <h3 class="feature-title " data-astro-cid-6t4qtvm2><span>Soporte</span><br/>en español desde Málaga</h3> <p class="feature-description" data-astro-cid-6t4qtvm2>Atención personalizada por profesionales en España. Nuestro equipo técnico es trilingüe (<b>español, inglés y francés</b>) y está disponible las 24 horas para asistirte desde nuestra sede en Málaga.</p> </div> </article> </div> </div> </section> <section class="h-[80px] md:h-[150px]"></section> <section class="bg-gray-200 faq-section lg:py-[150px] py-[80px]"> <div class="container"> <h2 class="title-section">FAQ â Hosting Barato España</h2> <div class="flex md:flex-row flex-col gap-6 sm:mt-[50px] mt-[30px]"> <div class="flex-1 md:max-w-[48%] flex flex-col gap-6" id="faq-left"> <div class="w-full transition-shadow duration-300" data-faq-index="0"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="0" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Qué es un hosting web barato? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="0"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>Un hosting web barato es un servicio de alojamiento compartido que te permite publicar tu página web en Internet a un precio muy asequible, desde 1,99 â¬/mes. Con este tipo de hosting, varios sitios web comparten los recursos de un mismo servidor fÃsico, lo que permite reducir significativamente los costes sin sacrificar las funciones esenciales.</p><p>A diferencia de lo que se suele pensar, un precio bajo no es sinónimo de baja calidad. Los proveedores de hosting modernos utilizamos tecnologÃas avanzadas como discos SSD NVMe, sistemas de caché LiteSpeed y paneles de control intuitivos como cPanel para ofrecer un rendimiento óptimo.</p><p>Un buen hosting económico incluye todo lo necesario para despegar: certificado SSL gratuito, cuentas de correo profesionales, instalador de aplicaciones como WordPress, copias de seguridad automáticas y soporte técnico. Es la opción perfecta para blogs, portfolios, páginas corporativas de pequeños negocios o cualquier proyecto que esté dando sus primeros pasos en la red.</p></p> </div> </div> </div><div class="w-full transition-shadow duration-300" data-faq-index="1"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="1" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Un hosting económico es fiable y seguro? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="1"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>SÃ, un hosting barato puede ser 100% fiable y seguro si lo contratas con un proveedor de confianza y experiencia en el sector. La fiabilidad de un servicio de alojamiento no depen
268de directamente del precio, sino de la infraestructura técnica y el compromiso del proveedor con la calidad.</p><p>Para garantizar que estás eligiendo un hosting económico de calidad, asegúrate de que incluya: discos SSD NVMe de clase empresarial que ofrecen velocidades de lectura y escritura muy superiores a los discos tradicionales, un uptime garantizado superior al 99,9% para que tu web esté siempre disponible, copias de seguridad automáticas diarias o semanales con herramientas como JetBackup, certificado SSL gratuito para proteger los datos de tus visitantes, protección contra malware y ataques DDoS, y soporte técnico 24/7 en español.</p><p>En Hostino, todos nuestros servidores están monitorizados las 24 horas del dÃa para detectar y solucionar cualquier incidencia antes de que afecte a tu web.</p></p> </div> </div> </div><div class="w-full transition-shadow duration-300" data-faq-index="2"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="2" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Qué incluye el hosting web barato de Hostino? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="2"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>Nuestros planes de hosting económico están diseñados para ofrecerte todo lo que necesitas para lanzar y gestionar tu web de forma profesional.</p><p>Cada plan incluye: almacenamiento en discos SSD NVMe de alto rendimiento que garantizan tiempos de carga ultrarrápidos, certificado SSL gratuito de Let's Encrypt para que tu web muestre el candado de seguridad HTTPS, panel de control cPanel con interfaz intuitiva en español para gestionar todos los aspectos de tu hosting, instalador Softaculous con más de 400 aplicaciones incluyendo WordPress, PrestaShop, Joomla y muchas más.</p><p>También incluye cuentas de correo electrónico profesionales con tu propio dominio, copias de seguridad automáticas con JetBackup que te permiten restaurar tu web en cualquier momento, tráfico web ilimitado para que no tengas que preocuparte por picos de visitas, bases de datos MySQL para tus aplicaciones web, acceso FTP para subir y gestionar tus archivos, y soporte técnico especializado disponible 24/7 por chat, email y teléfono.</p><p>Además, ofrecemos una garantÃa de satisfacción de 30 dÃas para que puedas probar nuestro servicio sin ningún compromiso.</p></p> </div> </div> </div><div class="w-full transition-shadow duration-300" data-faq-index="3"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="3" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Puedo instalar WordPress fácilmente en un hosting barato? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="3"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>SÃ, todos nuestros planes incluyen WordPress preinstalado o la posibilidad de instalarlo con un solo clic desde el panel cPanel utilizando Softaculous. No necesitas conocimientos técnicos ni de programación: en menos de 5 minutos tendrás tu web totalmente funcional y lista para personalizar.</p><p>El proceso es muy sencillo: accedes a tu panel, seleccionas WordPress, eliges el dominio, configuras tus datos de acceso y listo. Automáticamente se crean la base de datos, los archivos necesarios y tu panel de administración. A partir de ahÃ, puedes instalar temas y plugins como WooCommerce (tienda online), Yoast SEO (posicionamiento) o Elementor (diseño visual). Nuestro hosting está optimizado con versiones de PHP actualizadas (8.x)
268y caché de servidor para un rendimiento máximo.</p></p> </div> </div> </div><div class="w-full transition-shadow duration-300" data-faq-index="4"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="4" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Puedo usar Cloudflare con un hosting web barato? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="4"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>SÃ, absolutamente. Puedes integrar <a href='https://www.cloudflare.com/es-es/' target='_blank' rel='noopener noreferrer' class='text-primary underline font-semibold'>Cloudflare</a> con cualquiera de nuestros planes para mejorar significativamente el rendimiento y la seguridad de tu web.</p><p>Cloudflare es una red de distribución de contenido (CDN) que almacena copias de tu sitio en servidores distribuidos por todo el mund
268o, lo que reduce la latencia y acelera la carga para visitantes de cualquier ubicación geográfica. Además de velocidad, ofrece protección avanzada contra ataques DDoS, firewall de aplicaciones web (WAF) y optimización automática de imágenes. La integración es sencilla: solo tienes que crear una cuenta gratuita en Cloudflare y apuntar tus DNS. Es la combinación ideal para obtener un rendimiento de nivel profesional a un coste mÃnimo.</p></p> </div> </div> </div><div class="w-full transition-shadow duration-300" data-faq-index="5"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="5" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Qué diferencia hay entre hosting compartido y servidor dedicado? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="5"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>La principal diferencia radica en la gestión de los recursos. En el hosting compartido, tu página web comparte CPU, RAM y almacenamiento de un servidor fÃsico con otros usuarios. Cada cuenta está aislada y protegida, lo que lo hace muy económico y perfecto para blogs, portfolios o webs corporativas con tráfico moderado.</p><p>Un servidor dedicado, en cambio, es una máquina fÃsica exclusiva para ti. Tienes acceso root, control total sobre la configuración y todos los recursos disponibles. Es la opción recomendada para aplicaciones con altÃsimo tráfico (cientos de miles de visitas) o necesidades de seguridad muy estrictas. Para la gran mayorÃa de proyectos, el hosting compartido ofrece recursos más que suficientes, con la opción de escalar a VPS o dedicado en el futuro si el proyecto lo requiere.</p></p> </div> </div> </div> </div> <div class="flex-1 flex flex-col md:max-w-[48%] gap-6" id="faq-right"> <div class="transition-shadow duration-300" data-faq-index="6"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="6" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿El hosting barato incluye certificado SSL gratuito? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="6"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>SÃ, todos nuestros planes incluyen el certificado SSL gratuito de <a href='https://letsencrypt.org/es/' target='_blank' rel='noopener noreferrer' class='text-primary underline font-semibold'>Let's Encrypt</a>, la autoridad de certificación más utilizada del mundo.</p><p>El certificado SSL es fundamental hoy en dÃa: garantiza el candado de seguridad y el protocolo HTTPS, lo que transmite confianza a tus visitantes; encripta la información sensible (contraseñas, datos de pago) y mejora tu posicionamiento, ya que Google prioriza las webs seguras como factor de ranking. La activación es automática desde cPanel y el certificado se renueva solo cada 90 dÃas sin que tengas que intervenir.</p></p> </div> </div> </div><div class="transition-shadow duration-300" data-faq-index="7"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="7" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Puedo migrar mi web desde otro proveedor de hosting? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="7" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="7"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>SÃ, ofrecemos un servicio de migración completamente gratuito de tu página web y correos electrónicos. Nuestro equipo técnico se encarga de todo el proceso para que el traslado sea rápido, seguro y sin interrupciones de servicio.</p><p>Migramos archivos, bases de datos MySQL, cuentas de correo y configuraciones DNS. El proceso se realiza de forma que tu web siga activa en el hosting anterior hasta que verifiquemos que todo funciona correctamente en nuestros servidores, minimizando el tiempo de inactividad. Si tu hosting actual utiliza cPanel, el proceso es aún más ágil. Solo tienes que contactar con soporte y nosotros nos ocupamos del resto.</p></p> </div> </div> </div><div class="transition-shadow duration-300" data-faq-index="8"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="8" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Qué pasa si mi web crece y necesito más recursos? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="8" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="8"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>La escalabilidad es una de nuestras mayores ventajas. Puedes ampliar tu plan en cualquier momento sin interrupciones. Solo tienes que contactar con soporte y pasarás a un plan superior pagando únicamente la diferencia proporcional del tiempo restante de tu contrato.</p><p>Todos tus datos, configuraciones y correos se mantienen intactos; es una transición transparente que no requiere ninguna acción técnica por tu parte. Te recomendamos empezar con un plan económico como el Eco o Starter y escalar a los planes Business o VPS a medida que crezca tu audiencia. Asà optimizas tu inversión y pagas solo por lo que necesitas en cada momento.</p></p> </div> </div> </div><div class="transition-shadow duration-300" data-faq-index="9"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="9" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Hay permanencia obligatoria o puedo cancelar cuando quiera? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="9" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="9"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>No existe ningún tipo de permanencia obligatoria. Aunque ofrecemos descuentos importantes en contrataciones anuales, no estás obligado a renovar. Tú decides si quieres continuar con nosotros, sin penalizaciones ni cargos adicionales.</p><p>Además, cuentas con nuestra garantÃa de satisfacción de 30 dÃas: si durante el primer mes el servicio no cumple tus expectativas, te devolvemos el 100% de tu dinero sin preguntas. Preferimos ganarnos tu fidelidad con un servicio de calida
268d antes que retenerte con contratos restrictivos. Si decides cancelar, el proceso es sencillo y transparente desde tu área de cliente.</p></p> </div> </div> </div><div class="transition-shadow duration-300" data-faq-index="10"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="10" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Dónde están ubicados los servidores de Hostino? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="10" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="10"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>Nuestros servidores están ubicados en centros de datos de última generación en Europa, posicionados estratégicamente para ofrecer la mejor latencia a visitantes de España y el resto del continente.</p><p>Estos centros de datos cuentan con certificaciones ISO 27001, redundancia eléctrica (UPS y generadores), climatización controlada las 24 horas y vigilancia fÃsica. La ubicación es clave porque afecta directamente a la velocidad: cuanto más cerca esté el servidor de tus visitantes, más rápido cargará tu web. Además, al estar en territorio europeo, cumplimos estrictamente con el RGPD, lo cual es fundamental para cualquier negocio que trate datos de ciudadanos españoles o europeos.</p></p> </div> </div> </div><div class="transition-shadow duration-300" data-faq-index="11"> <button class="w-full bg-white rounded-lg px-6 py-5 flex items-center justify-between text-left group" data-faq-button="11" aria-expanded="false"> <h3 class="text-[16px] poppins-semibold text-title pr-4 transition-colors duration-300 m-0"> ¿Cómo es el soporte técnico del hosting barato? </h3> <svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform duration-500 ease-in-out" data-faq-icon="11" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="overflow-hidden transition-all duration-500 ease-in-out max-h-0 opacity-0" data-faq-content="11"> <div class="px-6 pb-6 text-[#022545] leading-relaxed transform transition-all duration-500 -translate-y-4"> <p class="text-[16px] paragraph-16"><p>Nuestro equipo de soporte está formado por profesionales especializados en hosting y desarrollo web, disponibles las 24 horas del dÃa, los 365 dÃas del año. Siempre habrá alguien para ayudarte, sin importar si es festivo o madrugada.</p><p>Ofrecemos múltiples canales: chat en vivo para asistencia inmediata, sistema de tickets para seguimientos detallados, email y soporte telefónico en horario comercial. Todo nuestro soporte es Ãntegramente en español, sin intermediarios. Podemos ayudarte con la configuración de correos, instalación de WordPress, optimización de rendimiento, certificados SSL y resolución de cualquier error técnico para que tú solo te preocupes de tu negocio.</p></p> </div> </div> </div> </div> </div> </div> </section>
268<script type="module">document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll("[data-faq-button]").forEach(button=>{button.addEventListener("click",()=>{const index=button.getAttribute("data-faq-button"),content=document.querySelector(`[data-faq-content="${index}"]`),icon=document.querySelector(`[data-faq-icon="${index}"]`);document.querySelectorAll("[data-faq-content]").forEach(item=>{if(item!==content){const itemIndex=item.getAttribute("data-faq-content"),itemButton=document.querySelector(`[data-faq-button="${itemIndex}"]`),itemIcon=document.querySelector(`[data-faq-icon="${itemIndex}"]`);item.classList.remove("max-h-[2000px]","pt-10","opacity-100"),item.classList.add("max-h-0","opacity-0"),item.querySelector("div")?.classList.remove("translate-y-0"),item.querySelector("div")?.classList.add("-translate-y-4"),itemButton&&itemButton.setAttribute("aria-expanded","false"),itemIcon&&itemIcon.classList.remove("rotate-180")}}),content&&icon&&(content.classList.contains("opacity-100")?(content.classList.remove("max-h-[2000px]","pt-10","opacity-100"),content.classList.add("max-h-0","opacity-0"),content.querySelector("div")?.classList.remove("translate-y-0"),content.querySelector("div")?.classList.add("-translate-y-4"),button.setAttribute("aria-expanded","false"),icon.classList.remove("rotate-180")):(content.classList.remove("max-h-0","opacity-0"),content.classList.add("max-h-[2000px]","pt-10","opacity-100"),content.querySelector("div")?.classList.remove("-translate-y-4"),content.querySelector("div")?.classList.add("translate-y-0"),button.setAttribute("aria-expanded","true"),icon.classList.add("rotate-180")))})})});</script>
268 </main> <!-- Rising Up in Spain Badge Section --><section class="badge-section" data-astro-cid-35ed7um5> <div class="container" data-astro-cid-35ed7um5> <div class="badge" data-astro-cid-35ed7um5> <span class="badge-text" data-astro-cid-35ed7um5> <span class="award" data-astro-cid-35ed7um5>Hostino, ganadora del programa <span class="program" data-astro-cid-35ed7um5>Rising Up in Spain</span></span> </span> <div class="badge-divider" data-astro-cid-35ed7um5></div> <div class="badge-logos" data-astro-cid-35ed7um5> <img src="/images/rising-up-hostino-espana.avif" alt="Rising Up in Spain - Gobierno de España - ICEX - Invest in Spain" width="549" height="82" loading="lazy" data-astro-cid-35ed7um5> </div> </div> </div> </section> <footer class="bg-white text-title py-8" data-astro-cid-35ed7um5> <div class="container" data-astro-cid-35ed7um5> <div class="grid grid-cols-1 md:grid-cols-12 gap-8 md:pt-[60px] mb-12" data-astro-cid-35ed7um5> <div class="md:col-span-4 col-span-1" data-astro-cid-35ed7um5> <a href="/" data-astro-cid-35ed7um5> <img src="/images/hostino-espana.avif" alt="Hostino" width="422" height="74" loading="lazy" class="h-10 max-w-max mb-4" data-astro-cid-35ed7um5> </a> <div class="flex space-x-4" data-astro-cid-35ed7um5> <a href="https://www.facebook.com/hostinocom/" aria-label="Facebook" class="text-title p-4 rounded bg-gray-200 hover:text-green-500 transition-colors duration-300" data-astro-cid-35ed7um5> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-astro-cid-35ed7um5> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" data-astro-cid-35ed7um5></path> </svg> </a> <a href="https://www.linkedin.com/company/hostino" aria-label="LinkedIn" class="text-title p-4 rounded bg-gray-200 hover:text-green-500 transition-colors duration-300" data-astro-cid-35ed7um5> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-astro-cid-35ed7um5> <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" data-astro-cid-35ed7um5></path> </svg> </a> </div> </div> <div class="md:col-span-2 col-span-1" data-astro-cid-35ed7um5> <p class="md:text-[15px] poppins-semibold lg:text-[17px] text-[17px] mb-3" data-astro-cid-35ed7um5> <a href="/dominio-es/" class="text-title hover:text-primary transition-colors" data-astro-cid-35ed7um5>Dominio .es</a> </p> <p class="md:text-[15px] poppins-semibold lg:text-[17px] text-[17px] mb-3" data-astro-cid-35ed7um5>Hosting web</p> <ul class="space-y-2" data-astro-cid-35ed7um5> <li data-astro-cid-35ed7um5> <a href="/hosting-barato/" class="animated-link" data-astro-cid-35ed7um5>Starter</a> </li> <li data-astro-cid-35ed7um5> <a href="/hosting-profesional/" class="animated-link" data-astro-cid-35ed7um5>Business</a> </li> <li data-astro-cid-35ed7um5> <a href="/correo-profesional/" class="animated-link" data-astro-cid-35ed7um5>@Correo</a> </li> </ul> </div> <div class="md:col-span-2 col-span-1" data-astro-cid-35ed7um5> <p class="md:text-[15px] poppins-semibold lg:text-[17px] text-[17px] mb-3" data-astro-cid-35ed7um5>Web y Apps</p> <ul class="space-y-2" data-astro-cid-35ed7um5> <li data-astro-cid-35ed7um5> <a href="/diseno-web-espana/" class="animated-link" data-astro-cid-35ed7um5>Diseño Web</a> </li> <li data-astro-cid-35ed7um5> <a href="/desarrollo-apps-espana/" class="animated-link" data-astro-cid-35ed7um5>Apps</a> </li> </ul> <p class="md:text-[15px] poppins-semibold lg:text-[17px] text-[17px] mt-4 mb-3" data-astro-cid-35ed7um5>SEO/SEA</p> <ul class="space-y-2" data-astro-cid-35ed7um5> <li data-astro-cid-35ed7um5> <a href="/agencia-seo-espana/" class="animated-link" data-astro-cid-35ed7um5>Agencia SEO</a> </li> <li data-astro-cid-35ed7um5> <a href="/agencia-geo-ia-espana/" class="animated-link" data-astro-cid-35ed7um5>Agencia GEO</a> </li> <li data-astro-cid-35ed7um5> <a href="/google-ads-espana/" class="animated-link" data-astro-cid-35ed7um5>Google Ads</a> </li> <li data-astro-cid-35ed7um5> <a href="/google-my-business-espana/" class="animated-link" data-astro-cid-35ed7um5>Google Business Profile</a> </li> </ul> </div> <div class="md:col-span-2 col-span-1" data-astro-cid-35ed7um5> <p class="md:text-[15px] poppins-semibold lg:text-[17px] text-[17px] mb-4" data-astro-cid-35ed7um5>Enlaces útiles</p> <ul class="space-y-2" data-astro-cid-35ed7um5> <li data-astro-cid-35ed7um5> <a href="https://my.hostino.com/index.php?rp=/login" target="_blank" rel="noopener noreferrer" class="animated-link" data-astro-cid-35ed7um5> 269Acceso clientes 270</a> </li> <li data-astro-cid-35ed7um5> <a href="https://my.hostino.com/submitticket.php" target="_blank" rel="noopener noreferrer" class="animated-link" data-astro-cid-35ed7um5> 271Soporte
272</a> </li> <li data-astro-cid-35ed7um5> <a href="https://webmail.hostino.com/" target="_blank" rel="noopener noreferrer" class="animated-link" data-astro-cid-35ed7um5> 273Webmail 274</a> </li> <li data-astro-cid-35ed7um5> <a href="/contacto/" class="animated-link" data-astro-cid-35ed7um5>Contacto</a> </li> </ul> </div> <div class="md:col-span-4 col-span-1" data-astro-cid-35ed7um5> <div class="mb-6" data-astro-cid-35ed7um5></div> <div data-astro-cid-35ed7um5> <p class="text-title bg-gray-200 max-w-max text-[16px] poppins-regular rounded-[4px] py-[5px] px-[10px] mb-2" data-astro-cid-35ed7um5>¿Necesitas ayuda?</p> <h2 class="text-[28px] poppins-semibold border-bottom" data-astro-cid-35ed7um5> <a href="mailto:[email protected]" class="text-title hover:text-primary transition-colors" data-astro-cid-35ed7um5>[email protected]</a> </h2> </div> </div> </div> <div class="flex md:flex-row flex-col md:justify-between md:items-center py-[30px] text-sm" data-astro-cid-35ed7um5> <div class="pt-[10px]" data-astro-cid-35ed7um5> <p class="text-[14px]" data-astro-cid-35ed7um5>Hostino SP S.L. â NIF: B23892318</p> <p class="text-[14px]" data-astro-cid-35ed7um5>© 2026 <b data-astro-cid-35ed7um5>Hostinoâ¢</b>. Todos los derechos reservados.</p> </div> <div class="flex items-center gap-x-[20px] gap-1 md:flex-nowrap flex-wrap py-[20px]" data-astro-cid-35ed7um5> <a href="/aviso-legal/" class="text-title animated-link text-[15px] poppins-regular hover:text-primary" data-astro-cid-35ed7um5> 275Privacidad 276</a> <a href="/informacion-legal/" class="animated-link text-title text-[15px] poppins-regular hover:text-primary" data-astro-cid-35ed7um5> 277Información legal 278</a> <a href="/politica-de-cookies/" class="animated-link text-title text-[15px] poppins-regular hover:text-primary" data-astro-cid-35ed7um5> 279PolÃtica de Cookies 280</a> <a href="/abus/" class="animated-link text-title text-[15px] poppins-regular hover:text-primary" data-astro-cid-35ed7um5> 281PolÃtica anti-abuso 282</a> <button onclick="if(window._openCookiePreferences)window._openCookiePreferences()" class="animated-link text-title text-[15px] poppins-regular hover:text-primary bg-transparent border-none cursor-pointer p-0" data-astro-cid-35ed7um5> 283Gestionar cookies 284</button> </div> </div> </div> </footer> <div class="cookie-bar hidden" id="cookieBar" data-astro-cid-garwan2p> <div class="cookie-inner" data-astro-cid-garwan2p> <div class="cookie-icon" data-astro-cid-garwan2p> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-garwan2p> <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10h-3a2 2 0 0 1-2-2V9a2 2 0 0 0-2-2h-1a2 2 0 0 1-2-2V2Z" fill="#00d084" opacity="0.9" data-astro-cid-garwan2p></path> <circle cx="8.5" cy="11.5" r="1.5" fill="#fff" data-astro-cid-garwan2p></circle> <circle cx="13" cy="14" r="1" fill="#fff" data-astro-cid-garwan2p></circle> <circle cx="10" cy="16" r="0.8" fill="#fff" opacity="0.6" data-astro-cid-garwan2p></circle> <circle cx="15" cy="9" r="0.8" fill="#fff" opacity="0.6" data-astro-cid-garwan2p></circle> <circle cx="7" cy="15" r="0.7" fill="#fff" opacity="0.4" data-astro-cid-garwan2p></circle> </svg> </div> <p class="cookie-text" data-astro-cid-garwan2p>Este sitio usa cookies para ofrecer sus servicios y analizar el tráfico. <a href="/politica-de-cookies/" class="cookie-link" data-astro-cid-garwan2p>PolÃtica de cookies</a></p> </div> <div class="cookie-btns" data-astro-cid-garwan2p> <button class="c-btn config" id="cookieConfig" data-astro-cid-garwan2p>Configurar</button> <button class="c-btn decline" id="cookieDecline" data-astro-cid-garwan2p>Rechazar</button> <button class="c-btn accept" id="cookieAccept" data-astro-cid-garwan2p>Aceptar</button> </div> </div> <div class="cookie-config-panel hidden" id="cookieConfigPanel" data-astro-cid-garwan2p> <div class="ccp-inner" data-astro-cid-garwan2p> <h3 class="ccp-title" data-astro-cid-garwan2p>Configuración de cookies</h3> <div class="ccp-category" data-astro-cid-garwan2p> <label class="ccp-label" data-astro-cid-garwan2p> <input type="checkbox" checked disabled data-astro-cid-garwan2p> <span data-astro-cid-garwan2p><strong data-astro-cid-garwan2p>Necesarias</strong> â Imprescindibles para el funcionamiento del sitio.</span> </label> </div> <div class="ccp-category" data-astro-cid-garwan2p> <label class="ccp-label" data-astro-cid-garwan2p> <input type="checkbox" id="ccFunctionality" checked data-astro-cid-garwan2p> <span data-astro-cid-garwan2p><strong data-astro-cid-garwan2p>Funcionalidad</strong> â Permiten funciones mejoradas y personalización.</span> </label> </div> <div class="ccp-category" data-astro-cid-garwan2p> <label class="ccp-label" data-astro-cid-garwan2p> <input type="checkbox" id="ccAnalytics" data-astro-cid-garwan2p> <span data-astro-cid-garwan2p><strong data-astro-cid-garwan2p>AnalÃticas</strong>
284 â Nos ayudan a mejorar el sitio midiendo su uso.</span> </label> </div> <div class="ccp-actions" data-astro-cid-garwan2p> <button class="c-btn accept" id="cookieSavePrefs" data-astro-cid-garwan2p>Guardar preferencias</button> </div> </div> </div>
284<script> 285 // Backward compatibility: clear old plain-string format 286 (function() { 287 var raw = localStorage.getItem('cookieConsent'); 288 if (raw) { 289 try { JSON.parse(raw); } catch(e) { 290 localStorage.removeItem('cookieConsent'); 291 } 292 } 293 })(); 294 295 document.addEventListener('DOMContentLoaded', function() { 296 var bar = document.getElementById('cookieBar'); 297 if (!bar) return; 298 299 // If user already made a choice, stay completely hidden 300 var existing = localStorage.getItem('cookieConsent'); 301 if (existing) { 302 try { JSON.parse(existing); return; } catch(e) { 303 localStorage.removeItem('cookieConsent'); 304 } 305 } 306 307 // No consent stored â reveal the banner 308 bar.classList.remove('hidden'); 309 document.body.classList.add('cookie-banner-visible'); 310 311 function dismissBar() { 312 bar.classList.add('dismissing'); 313 document.body.classList.remove('cookie-banner-visible'); 314 bar.addEventListener('transitionend', function() { 315 bar.classList.add('hidden'); 316 bar.classList.remove('dismissing'); 317 }, { once: true }); 318 } 319 320 var configPanel = document.getElementById('cookieConfigPanel'); 321 322 document.getElementById('cookieAccept').addEventListener('click', function() { 323 var data = { 324 analytics: true, 325 functionality: true, 326 timestamp: new Date().toISOString(), 327 version: '1.0' 328 }; 329 localStorage.setItem('cookieConsent', JSON.stringify(data)); 330 if (window._loadGTM) window._loadGTM(); 331 if (configPanel) configPanel.classList.add('hidden');
332 dismissBar(); 333 }); 334 335 document.getElementById('cookieDecline').addEventListener('click', function() { 336 var data = { 337 analytics: false, 338 functionality: false, 339 timestamp: new Date().toISOString(), 340 version: '1.0' 341 }; 342 localStorage.setItem('cookieConsent', JSON.stringify(data)); 343 if (configPanel) configPanel.classList.add('hidden'); 344 dismissBar(); 345 }); 346 347 document.getElementById('cookieConfig').addEventListener('click', function() { 348 if (configPanel) configPanel.classList.toggle('hidden'); 349 }); 350 351 document.getElementById('cookieSavePrefs').addEventListener('click', function() { 352 var analytics = document.getElementById('ccAnalytics').checked; 353 var functionality = document.getElementById('ccFunctionality').checked; 354 var data = { 355 analytics: analytics, 356 functionality: functionality, 357 timestamp: new Date().toISOString(), 358 version: '1.0' 359 }; 360 localStorage.setItem('cookieConsent', JSON.stringify(data)); 361 if (analytics && window._loadGTM) window._loadGTM(); 362 if (configPanel) configPanel.classList.add('hidden');
363 dismissBar(); 364 }); 365 }); 366</script>
366 <div id="cc-container"></div>
366<script type="module" src="/_astro/Layout.astro_astro_type_script_index_0_lang.CxKs5-xz.js"></script>
366 <!-- Montserrat: only used for pricing numbers (below fold) â load async --> <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap"></noscript>
366<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a241f45274934395a53a0592cfad4c5b","r":1,"spa":2}' crossorigin="anonymous"></script>
366 367</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.