PageSourceSearch

https://www.hostino.es/hosting-barato/

html hostino.es collected 2026-09-30 08:30:09 UTC 98,788 bytes, 367 lines download raw bytes

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&currency=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&currency=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&currency=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&currency=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&currency=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&currency=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.