<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ingenios archivos - 123iNgenia</title>
	<atom:link href="https://123ingenia.com/category/ingenios/feed/" rel="self" type="application/rss+xml" />
	<link>https://123ingenia.com/category/ingenios/</link>
	<description>1 Web 2 Branding 3 Seo</description>
	<lastBuildDate>Fri, 12 Jun 2026 11:58:15 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Diseño Web Valencia</title>
		<link>https://123ingenia.com/ingenios/diseno-web-valencia/</link>
		
		<dc:creator><![CDATA[iNgeniOSos]]></dc:creator>
		<pubDate>Fri, 12 Jun 2026 11:42:26 +0000</pubDate>
				<category><![CDATA[Ingenios]]></category>
		<guid isPermaLink="false">https://123ingenia.com/?p=2868</guid>

					<description><![CDATA[<p>La entrada <a href="https://123ingenia.com/ingenios/diseno-web-valencia/">Diseño Web Valencia</a> se publicó primero en <a href="https://123ingenia.com">123iNgenia</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:20px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Diseño Web Valencia | 123Ingenia — Webs que florecen y venden solas</title>
<meta name="description" content="Diseño web en Valencia con alma y con resultados. 123Ingenia crea páginas web en Valencia que se ven, se sienten y convierten visitas en clientes desde el primer día. Empresa de diseño web en Valencia con más de 10 años de experiencia.">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;800;900&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --rosa:     #f0dbd6;
  --rosa2:    #ecddd8;
  --rosa3:    #e8d5cf;
  --blanco:   #ffffff;
  --marino:   #1e1f3b;
  --marino2:  #2a2c50;
  --azul-btn: #5b9ef7;
  --azul-btn2:#4a8de6;
  --gris:     #6b6e8a;
  --borde:    rgba(30,31,59,0.12);
  --font:     'Inter', sans-serif;
}

html { scroll-behavior: smooth; }
body { font-family: var(--font); background: var(--rosa); color: var(--marino); line-height: 1.6; }

/* ── UTILIDADES ── */
.wrap       { max-width: 960px; margin: 0 auto; padding: 0 32px; }
.wrap-wide  { max-width: 1100px; margin: 0 auto; padding: 0 32px; }
.label      { display: block; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--azul-btn); margin-bottom: 14px; }
.label-w    { color: #8ab4f8; }
.h1         { font-size: clamp(38px,6vw,72px); font-weight: 900; line-height: 1.02; letter-spacing: -.04em; color: var(--marino); }
.h2         { font-size: clamp(26px,4vw,44px); font-weight: 800; line-height: 1.08; letter-spacing: -.03em; color: var(--marino); margin-bottom: 18px; }
.h2-w       { color: #fff; }
.h3         { font-size: 18px; font-weight: 700; color: var(--marino); margin-bottom: 10px; }
.h3-w       { color: #fff; }
.p          { font-size: 16px; line-height: 1.78; color: var(--gris); }
.p-w        { color: rgba(255,255,255,.7); }
.p-sm       { font-size: 14px; line-height: 1.72; color: var(--gris); }
.mt8        { margin-top: 8px; }
.mt16       { margin-top: 16px; }
.mt24       { margin-top: 24px; }
.mt32       { margin-top: 32px; }
.mt48       { margin-top: 48px; }
.mt64       { margin-top: 64px; }
.grid-2     { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: start; }
.grid-3     { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }

/* ── BOTONES ── */
.btn        { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 50px; font-size: 14px; font-weight: 700; text-decoration: none; transition: .2s; }
.btn-azul   { background: var(--azul-btn); color: #fff; }
.btn-azul:hover { background: var(--azul-btn2); }
.btn-borde  { border: 2px solid var(--marino); color: var(--marino); background: transparent; }
.btn-borde:hover { background: var(--marino); color: #fff; }
.btn-borde-w { border: 2px solid rgba(255,255,255,.4); color: #fff; background: transparent; }
.btn-borde-w:hover { background: rgba(255,255,255,.1); }

/* ── HERO ── */
.hero { background: var(--rosa); padding: 80px 0 72px; position: relative; overflow: hidden; text-align: center; }
.hero-svg { position: absolute; bottom: 0; left: 0; width: 100%; pointer-events: none; }
.hero-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 36px; }
.hero-stats { display: flex; justify-content: center; gap: 0; margin-top: 56px; }
.hero-stat  { padding: 20px 36px; border-right: 1px solid var(--borde); text-align: center; }
.hero-stat:last-child { border-right: none; }
.hero-stat-n { font-size: 28px; font-weight: 900; color: var(--marino); letter-spacing: -.03em; }
.hero-stat-l { font-size: 11px; color: var(--gris); text-transform: uppercase; letter-spacing: .08em; margin-top: 2px; }
.hero-stats-wrap { display: inline-flex; background: #fff; border-radius: 16px; border: 1px solid var(--borde); overflow: hidden; margin-top: 56px; }

/* ── SECCIONES ── */
.sec         { padding: 80px 0; }
.sec-blanco  { background: #fff; }
.sec-rosa    { background: var(--rosa); }
.sec-rosa2   { background: var(--rosa2); }
.sec-marino  { background: var(--marino); }
.sec-marino2 { background: var(--marino2); }

/* ── CAJA RESPUESTA ── */
.caja { background: var(--rosa2); border-left: 3px solid var(--azul-btn); border-radius: 0 12px 12px 0; padding: 20px 24px; margin: 24px 0; }
.caja-w { background: rgba(255,255,255,.07); border-left: 3px solid var(--azul-btn); }
.caja-tag { font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--azul-btn); margin-bottom: 8px; }
.caja-txt { font-size: 15px; line-height: 1.68; color: var(--marino); }
.caja-txt-w { color: rgba(255,255,255,.88); }

/* ── CARDS ── */
.card { background: #fff; border: 1px solid var(--borde); border-radius: 14px; padding: 26px 22px; }
.card-icon { width: 40px; height: 40px; background: var(--rosa); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; font-size: 22px; }
.card-marino { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 24px; }

/* ── LISTA ARROW ── */
.lista { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; }
.lista-item { display: flex; gap: 12px; align-items: flex-start; }
.lista-arrow { color: var(--azul-btn); font-weight: 900; font-size: 16px; min-width: 18px; line-height: 1.5; }
.lista-txt { font-size: 15px; color: var(--gris); line-height: 1.65; }
.lista-txt strong { color: var(--marino); }

/* ── TABLA ── */
.tabla-wrap { background: #fff; border-radius: 14px; border: 1px solid var(--borde); overflow: hidden; }
.tabla { width: 100%; border-collapse: collapse; font-size: 14px; }
.tabla th { text-align: left; padding: 12px 16px; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--gris); border-bottom: 1px solid var(--borde); font-weight: 700; }
.tabla td { padding: 13px 16px; border-bottom: 1px solid var(--rosa3); color: var(--marino); vertical-align: middle; }
.tabla tr:last-child td { border-bottom: none; }
.cdot { width: 14px; height: 14px; border-radius: 50%; display: inline-block; margin-right: 8px; vertical-align: middle; }

/* ── FRACASOS ── */
.fracaso { display: flex; gap: 22px; padding: 24px 0; border-bottom: 1px solid var(--borde); }
.fracaso:last-child { border: none; }
.f-num { font-size: 42px; font-weight: 900; color: var(--borde); line-height: 1; min-width: 54px; }
.f-tit { font-size: 16px; font-weight: 700; color: var(--marino); margin-bottom: 6px; }
.f-txt { font-size: 14px; line-height: 1.65; color: var(--gris); }

/* ── PROCESO DARK ── */
.paso { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.paso:last-child { border: none; }
.paso-idx { font-size: 10px; color: var(--azul-btn); min-width: 22px; font-weight: 700; padding-top: 2px; letter-spacing: .08em; }
.paso-tit { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.paso-txt { font-size: 13px; color: rgba(255,255,255,.5); line-height: 1.55; }

/* ── CONFIANZA GRID ── */
.trust-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 40px; }
.trust-c { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 22px 18px; }
.trust-n { font-size: 11px; font-weight: 700; color: var(--azul-btn); letter-spacing: .08em; margin-bottom: 10px; }
.trust-t { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 6px; }
.trust-b { font-size: 12px; color: rgba(255,255,255,.45); line-height: 1.6; }

/* ── LUJO ── */
.lujo { background: var(--marino); border-radius: 18px; padding: 52px 48px; margin: 40px 0; position: relative; overflow: hidden; }
.lujo::before { content: '\201C'; position: absolute; top: -40px; left: 20px; font-size: 200px; color: rgba(255,255,255,.04); font-weight: 900; line-height: 1; }
.lujo-txt { font-size: 21px; font-weight: 300; line-height: 1.68; color: rgba(255,255,255,.92); font-style: italic; max-width: 700px; position: relative; }
.lujo-sub { font-size: 11px; letter-spacing: .15em; text-transform: uppercase; color: var(--azul-btn); margin-top: 24px; position: relative; }

/* ── CASOS ── */
.caso { background: #fff; border: 1px solid var(--borde); border-radius: 18px; overflow: hidden; margin-bottom: 28px; }
.caso-h { padding: 28px 32px 22px; border-bottom: 1px solid var(--borde); }
.caso-tag { font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--azul-btn); margin-bottom: 8px; display: block; font-weight: 700; }
.caso-nom { font-size: 22px; font-weight: 800; color: var(--marino); margin-bottom: 4px; letter-spacing: -.02em; }
.caso-sec { font-size: 13px; color: var(--gris); }
.caso-body { padding: 28px 32px; }
.caso-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ci-label { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--gris); margin-bottom: 6px; font-weight: 700; }
.ci-txt { font-size: 13px; line-height: 1.65; color: #555; }
.caso-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 13px; font-weight: 700; color: var(--azul-btn); text-decoration: none; border-bottom: 2px solid var(--azul-btn); padding-bottom: 2px; }

/* ── PROCESO INGENIA ── */
.proceso-box { background: var(--marino); border-radius: 16px; padding: 36px 40px; margin-top: 32px; }

/* ── TRUSTINDEX ── */
.ti-slot { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 40px; text-align: center; color: rgba(255,255,255,.35); font-size: 13px; margin-top: 24px; }

/* ── CLUSTER ── */
.cluster-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 10px; }
.cluster-a { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); border-radius: 10px; padding: 14px 18px; font-size: 13px; color: rgba(255,255,255,.65); text-decoration: none; transition: .2s; display: block; }
.cluster-a:hover { background: rgba(255,255,255,.1); border-color: rgba(91,158,247,.4); color: #fff; }
.cluster-a-tag { font-size: 9px; color: var(--azul-btn); text-transform: uppercase; letter-spacing: .12em; margin-bottom: 5px; }

/* ── FAQ ── */
.faq-item { border-bottom: 1px solid var(--borde); padding: 20px 0; }
.faq-q { font-size: 15px; font-weight: 700; color: var(--marino); margin-bottom: 10px; display: flex; gap: 10px; }
.faq-qm { color: var(--azul-btn); font-weight: 900; min-width: 16px; }
.faq-a { font-size: 14px; line-height: 1.72; color: var(--gris); padding-left: 26px; }

/* ── CTA FINAL ── */
.cta-final { background: var(--marino); padding: 88px 0; text-align: center; }

/* ── PILL ── */
.pill { display: inline-block; background: var(--rosa2); border: 1px solid var(--borde); color: var(--marino2); font-size: 12px; padding: 5px 14px; border-radius: 20px; margin: 3px; }

/* ── RESPONSIVE ── */
@media (max-width: 720px) {
  .grid-2, .grid-3, .trust-grid, .caso-grid { grid-template-columns: 1fr; }
  .hero-stats-wrap { flex-direction: column; }
  .hero-stat { border-right: none; border-bottom: 1px solid var(--borde); }
  .hero-stat:last-child { border: none; }
  .sec { padding: 56px 0; }
  .lujo { padding: 32px 24px; }
  .caso-h, .caso-body { padding: 22px 22px; }
  .proceso-box { padding: 24px; }
  .wrap, .wrap-wide { padding: 0 20px; }
}
</style>
</head>
<body>

<!-- ══════════════════════════════════════════
     HERO
══════════════════════════════════════════ -->
<section class="hero">
  <div class="wrap">
    <span class="label">123Ingenia · Empresa de Diseño Web en Valencia</span>

    <h1 class="h1">
      Diseño Web en Valencia<br>que florece, se ve<br>y vende solo.
    </h1>

    <p class="p mt24" style="max-width:560px; margin-left:auto; margin-right:auto; font-size:18px;">
      Somos 123Ingenia. Creamos páginas web en Valencia que no solo tienen buen aspecto —
      tienen estrategia, tienen alma y tienen la visibilidad necesaria para que
      tu cliente ideal te encuentre antes que a la competencia.
    </p>

    <div class="hero-btns">
      <a href="https://123ingenia.com/contacto/" class="btn btn-azul">Cuéntame tu proyecto ✦</a>
      <a href="https://123ingenia.com/portfolio/web/" class="btn btn-borde">Ver portfolio</a>
    </div>

    <div class="hero-stats-wrap">
      <div class="hero-stat">
        <div class="hero-stat-n">+10</div>
        <div class="hero-stat-l">años cultivando marcas</div>
      </div>
      <div class="hero-stat">
        <div class="hero-stat-n">100%</div>
        <div class="hero-stat-l">proyectos únicos</div>
      </div>
      <div class="hero-stat">
        <div class="hero-stat-n">Valencia</div>
        <div class="hero-stat-l">y toda España</div>
      </div>
      <div class="hero-stat">
        <div class="hero-stat-n">Webs</div>
        <div class="hero-stat-l">que venden solas</div>
      </div>
    </div>
  </div>

  <!-- Ilustración botánica SVG -->
  <svg class="hero-svg" viewBox="0 0 1200 180" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="opacity:.18">
    <g fill="none" stroke="#1e1f3b" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round">
      <!-- flor izquierda -->
      <circle cx="100" cy="70" r="22"/><circle cx="100" cy="70" r="9"/>
      <line x1="100" y1="92" x2="100" y2="180"/>
      <ellipse cx="100" cy="48" rx="12" ry="22"/>
      <ellipse cx="78" cy="63" rx="22" ry="12"/>
      <ellipse cx="122" cy="63" rx="22" ry="12"/>
      <ellipse cx="100" cy="92" rx="12" ry="22"/>
      <ellipse cx="84" cy="52" rx="12" ry="22" transform="rotate(-45 84 52)"/>
      <ellipse cx="116" cy="52" rx="12" ry="22" transform="rotate(45 116 52)"/>
      <ellipse cx="84" cy="88" rx="12" ry="22" transform="rotate(45 84 88)"/>
      <ellipse cx="116" cy="88" rx="12" ry="22" transform="rotate(-45 116 88)"/>
      <line x1="100" y1="130" x2="72" y2="108"/><line x1="100" y1="145" x2="128" y2="122"/>
      <!-- hierbas izquierda -->
      <path d="M25 180 Q32 140 28 100"/><path d="M45 180 Q55 135 50 95"/><path d="M62 180 Q68 150 64 118"/>
      <path d="M28 100 Q18 82 12 72"/><path d="M50 95 Q58 78 64 68"/>
      <!-- flor centro -->
      <circle cx="600" cy="62" r="24"/><circle cx="600" cy="62" r="10"/>
      <line x1="600" y1="86" x2="600" y2="180"/>
      <ellipse cx="600" cy="38" rx="13" ry="24"/>
      <ellipse cx="576" cy="55" rx="24" ry="13"/>
      <ellipse cx="624" cy="55" rx="24" ry="13"/>
      <ellipse cx="600" cy="86" rx="13" ry="24"/>
      <ellipse cx="583" cy="42" rx="13" ry="24" transform="rotate(-45 583 42)"/>
      <ellipse cx="617" cy="42" rx="13" ry="24" transform="rotate(45 617 42)"/>
      <ellipse cx="583" cy="82" rx="13" ry="24" transform="rotate(45 583 82)"/>
      <ellipse cx="617" cy="82" rx="13" ry="24" transform="rotate(-45 617 82)"/>
      <line x1="600" y1="135" x2="568" y2="112"/><line x1="600" y1="150" x2="632" y2="126"/>
      <!-- hierbas centro-izq -->
      <path d="M380 180 Q388 142 384 104"/><path d="M400 180 Q410 148 406 110"/><path d="M420 180 Q425 158 421 130"/>
      <!-- hierbas centro-der -->
      <path d="M780 180 Q788 142 784 104"/><path d="M800 180 Q810 148 806 110"/><path d="M820 180 Q825 158 821 130"/>
      <!-- flor derecha -->
      <circle cx="1100" cy="70" r="22"/><circle cx="1100" cy="70" r="9"/>
      <line x1="1100" y1="92" x2="1100" y2="180"/>
      <ellipse cx="1100" cy="48" rx="12" ry="22"/>
      <ellipse cx="1078" cy="63" rx="22" ry="12"/>
      <ellipse cx="1122" cy="63" rx="22" ry="12"/>
      <ellipse cx="1100" cy="92" rx="12" ry="22"/>
      <line x1="1100" y1="130" x2="1072" y2="108"/><line x1="1100" y1="145" x2="1128" y2="122"/>
      <!-- hierbas derecha -->
      <path d="M1138 180 Q1145 140 1141 102"/><path d="M1158 180 Q1165 135 1160 95"/><path d="M1175 180 Q1180 150 1176 118"/>
      <!-- diamantes deco -->
      <path d="M280 45 l9-9 9 9-9 9z"/><path d="M920 35 l7-7 7 7-7 7z"/><path d="M500 28 l6-6 6 6-6 6z"/><path d="M700 22 l5-5 5 5-5 5z"/>
    </g>
  </svg>
</section>


<!-- ══════════════════════════════════════════
     QUÉ ES UNA WEB DE VERDAD
══════════════════════════════════════════ -->
<section class="sec sec-blanco">
  <div class="wrap">
    <span class="label">La semilla de todo</span>
    <div class="grid-2">
      <div>
        <h2 class="h2">Qué es el diseño web profesional en Valencia — y por qué la mayoría lo confunde.</h2>
        <p class="p">Una página web en Valencia no es un escaparate digital. Es tu mejor comercial. Trabaja mientras duermes, no se toma vacaciones y si está bien construida, convierte a desconocidos en clientes sin que tengas que mover un dedo.</p>
        <p class="p mt16">En 123Ingenia, empresa de diseño web en Valencia, no fabricamos páginas. <strong>Cultivamos presencias digitales.</strong> Cada proyecto nace de entender tu negocio, tu cliente y lo que te hace diferente — y solo entonces empieza el diseño.</p>
        <div class="caja mt24">
          <div class="caja-tag">✦ En pocas palabras</div>
          <div class="caja-txt">El diseño web profesional en Valencia es la combinación exacta de identidad visual, mensaje, estrategia y visibilidad que hace que tu cliente ideal llegue, confíe y te llame. No es solo que se vea bien. Es que funcione.</div>
        </div>
      </div>
      <div class="grid-3" style="gap:14px; align-self:center;">
        <div class="card">
          <div class="card-icon">🎨</div>
          <div class="h3" style="font-size:14px;">Diseño con alma</div>
          <p class="p-sm">Que se vea, se sienta y represente lo que eres de verdad.</p>
        </div>
        <div class="card">
          <div class="card-icon">💬</div>
          <div class="h3" style="font-size:14px;">Mensaje claro</div>
          <p class="p-sm">Que el visitante entienda en 5 segundos por qué tú y no otro.</p>
        </div>
        <div class="card">
          <div class="card-icon">🌱</div>
          <div class="h3" style="font-size:14px;">Visibilidad real</div>
          <p class="p-sm">Que Google te encuentre cuando alguien te necesita.</p>
        </div>
        <div class="card">
          <div class="card-icon">🎯</div>
          <div class="h3" style="font-size:14px;">Estrategia</div>
          <p class="p-sm">Cada elemento tiene un propósito. Nada está por decorar.</p>
        </div>
        <div class="card">
          <div class="card-icon">⚡</div>
          <div class="h3" style="font-size:14px;">Velocidad</div>
          <p class="p-sm">Rápida en cualquier pantalla. Sin esperas que cuestan clientes.</p>
        </div>
        <div class="card">
          <div class="card-icon">🤝</div>
          <div class="h3" style="font-size:14px;">Confianza</div>
          <p class="p-sm">Que quien llegue sienta que está en el lugar correcto.</p>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     POR QUÉ FRACASAN LAS WEBS
══════════════════════════════════════════ -->
<section class="sec sec-rosa2">
  <div class="wrap">
    <span class="label">Lo que nadie te cuenta</span>
    <div class="grid-2" style="margin-bottom:44px; align-items:center;">
      <h2 class="h2">Por qué muchas páginas web en Valencia no generan ningún cliente.</h2>
      <p class="p">La mayoría de webs no fallan por cómo se ven. Fallan por lo que dicen, a quién le hablan y qué no consiguen que el visitante haga. Aquí están los seis motivos más comunes — y los que Sergio cuida en cada proyecto de diseño web en Valencia.</p>
    </div>
    <div>
      <div class="fracaso"><div class="f-num">01</div><div><div class="f-tit">No está claro qué haces en los primeros segundos</div><div class="f-txt">Si el visitante tiene que pensar, ya se fue. La claridad no es opcional. Es la primera clave para que alguien se quede.</div></div></div>
      <div class="fracaso"><div class="f-num">02</div><div><div class="f-tit">Habla de la empresa, no de quien visita</div><div class="f-txt">"Somos líderes del sector desde 2005." Nadie llega a tu web a leer tu historia. Llega buscando soluciones. Cuanto antes lo entiendas, mejor.</div></div></div>
      <div class="fracaso"><div class="f-num">03</div><div><div class="f-tit">Es igual que la de la competencia</div><div class="f-txt">Si tu web dice lo mismo que las demás, el único criterio de decisión pasa a ser el precio. Y eso no beneficia a nadie.</div></div></div>
      <div class="fracaso"><div class="f-num">04</div><div><div class="f-tit">No guía al visitante hacia ninguna acción</div><div class="f-txt">Una web sin un camino claro es como un jardín sin sendero — bonito quizás, pero no lleva a ningún lado. Cada visita es una oportunidad perdida.</div></div></div>
      <div class="fracaso"><div class="f-num">05</div><div><div class="f-tit">No transmite confianza real</div><div class="f-txt">Sin opiniones reales, sin proyectos mostrados, sin una cara detrás de la marca, el visitante asume lo peor. La confianza no se declara. Se demuestra.</div></div></div>
      <div class="fracaso"><div class="f-num">06</div><div><div class="f-tit">Tarda demasiado en cargar</div><div class="f-txt">Más de la mitad de los usuarios móviles abandona si una web tarda más de tres segundos. Cada segundo de espera cuesta clientes reales.</div></div></div>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     DISEÑO WEB ≠ DISEÑO GRÁFICO
══════════════════════════════════════════ -->
<section class="sec sec-marino">
  <div class="wrap">
    <span class="label label-w">Algo importante</span>
    <div class="grid-2" style="gap:64px; align-items:center;">
      <div>
        <h2 class="h2 h2-w">El diseño web en Valencia no es diseño gráfico. Y esa diferencia vale mucho dinero.</h2>
        <p class="p p-w">Un diseñador gráfico puede hacer que algo se vea bien. Eso está muy bien. Pero una web que vende combina diseño visual con psicología, narrativa, comportamiento humano y visibilidad en buscadores.</p>
        <p class="p p-w mt16">En Ingenia lo hacemos todo junto. Porque una web bonita que nadie ve, o que no convierte, no sirve a tu negocio.</p>
        <div class="caja caja-w mt24">
          <div class="caja-tag">✦ Para resumirlo</div>
          <div class="caja-txt caja-txt-w">El diseño gráfico comunica. El diseño web de Ingenia vende. Y lo hace sin que parezca que te están vendiendo nada.</div>
        </div>
      </div>
      <div style="background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:14px; overflow:hidden;">
        <div style="padding:16px 22px; border-bottom:1px solid rgba(255,255,255,.07); font-size:10px; color:rgba(255,255,255,.35); text-transform:uppercase; letter-spacing:.14em;">En Ingenia, el diseño web incluye también</div>
        <div style="padding:6px 0;">
          <div class="paso"><div class="paso-idx">→</div><div><div class="paso-tit">Entender a tu cliente ideal</div><div class="paso-txt">Antes de diseñar una sola pantalla, sabemos quién es, qué le frena y qué necesita escuchar</div></div></div>
          <div class="paso"><div class="paso-idx">→</div><div><div class="paso-tit">Construir el camino del visitante</div><div class="paso-txt">Cada sección guía al usuario hacia la acción que tú quieres que tome. Nada es aleatorio</div></div></div>
          <div class="paso"><div class="paso-idx">→</div><div><div class="paso-tit">Hacerla visible en Google</div><div class="paso-txt">Desde el primer día, no después. La visibilidad nace con el proyecto, no se añade al final</div></div></div>
          <div class="paso"><div class="paso-idx">→</div><div><div class="paso-tit">Que cargue rápido en cualquier pantalla</div><div class="paso-txt">Móvil, tablet, ordenador. Sin esperas. Sin excusas</div></div></div>
          <div class="paso" style="border:none;"><div class="paso-idx">→</div><div><div class="paso-tit">Medir, aprender y mejorar</div><div class="paso-txt">Una web publicada no es una web terminada. Es el principio</div></div></div>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     CLIENTE IDEAL + BRANDING
══════════════════════════════════════════ -->
<section class="sec sec-blanco">
  <div class="wrap">
    <div class="grid-2">
      <div>
        <span class="label">El punto de partida</span>
        <h2 class="h2">Primero entendemos a tu cliente.<br>Después diseñamos.</h2>
        <p class="p">En Ingenia no abrimos ninguna herramienta de diseño hasta saber exactamente quién es el cliente ideal de tu negocio — qué le preocupa, qué le frena, qué necesita ver para confiar y dar el siguiente paso.</p>
        <p class="p mt16">Cuando tienes esas respuestas, el diseño deja de ser una opinión y se convierte en una herramienta de precisión que habla directamente a quien más te importa.</p>
        <div class="caja mt24">
          <div class="caja-tag">✦ Recuérdalo</div>
          <div class="caja-txt">Una web que intenta hablarle a todo el mundo no le habla a nadie. La magia empieza cuando tu web hace que el visitante piense: "esto es exactamente lo que estaba buscando."</div>
        </div>
      </div>
      <div>
        <span class="label">Tu identidad, tu diferencia</span>
        <h2 class="h2">El branding es la semilla.<br>La web es el jardín.</h2>
        <p class="p">Tu marca no es tu logo. Es la sensación que deja en quien te ve por primera vez. Es la confianza que transmites antes de haber dicho una sola palabra. Es lo que te hace inconfundible.</p>
        <p class="p mt16">En Ingenia construimos esa identidad antes de diseñar. Porque cuando todos los elementos hablan el mismo idioma — colores, tipografía, tono, imágenes — el resultado no solo se ve bien. <strong>Se siente bien.</strong></p>
        <div class="mt24" style="display:flex; flex-wrap:wrap;">
          <span class="pill">Tono de voz</span>
          <span class="pill">Identidad visual</span>
          <span class="pill">Fotografía auténtica</span>
          <span class="pill">Coherencia total</span>
          <span class="pill">Posicionamiento único</span>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     PSICOLOGÍA DEL COLOR
══════════════════════════════════════════ -->
<section class="sec sec-rosa">
  <div class="wrap">
    <span class="label">El lenguaje invisible</span>
    <div class="grid-2" style="margin-bottom:36px; align-items:center;">
      <h2 class="h2">Los colores de tu web<br>hablan antes que tus palabras.</h2>
      <div class="caja">
        <div class="caja-tag">✦ En pocas palabras</div>
        <div class="caja-txt">Los colores no se eligen porque gustan. Se eligen porque emocionan, porque generan confianza y porque conectan con el cliente que quieres atraer.</div>
      </div>
    </div>
    <div class="tabla-wrap">
      <table class="tabla">
        <thead>
          <tr><th>Color</th><th>Lo que transmite</th><th>La emoción que activa</th><th>Funciona especialmente en</th></tr>
        </thead>
        <tbody>
          <tr><td><span class="cdot" style="background:#1a4e96;"></span><strong>Azul</strong></td><td>Confianza, seguridad</td><td>Profesionalidad y estabilidad</td><td>Salud, tecnología, finanzas</td></tr>
          <tr><td><span class="cdot" style="background:#1e1f3b;"></span><strong>Marino oscuro</strong></td><td>Autoridad, solidez</td><td>Seriedad y exclusividad</td><td>Consultoría, legal, premium</td></tr>
          <tr><td><span class="cdot" style="background:#c9a84c;"></span><strong>Dorado</strong></td><td>Valor, rareza</td><td>Calidad superior</td><td>Lujo, joyería, hotelería</td></tr>
          <tr><td><span class="cdot" style="background:#2d8a4e;"></span><strong>Verde</strong></td><td>Equilibrio, crecimiento</td><td>Bienestar y naturaleza</td><td>Salud, ecología, coaching</td></tr>
          <tr><td><span class="cdot" style="background:#e05b25;"></span><strong>Naranja</strong></td><td>Energía, acción</td><td>Urgencia y dinamismo</td><td>Ocio, e-commerce, restauración</td></tr>
          <tr><td><span class="cdot" style="background:#f0dbd6; border:1px solid #ccc;"></span><strong>Rosa suave</strong></td><td>Calidez, humanidad</td><td>Cercanía y creatividad</td><td>Branding, lifestyle, arte</td></tr>
        </tbody>
      </table>
    </div>
    <p class="p-sm mt24">El color nunca trabaja solo. Es un sistema: paleta + tipografía + imágenes + palabras. Cuando todo habla el mismo idioma, el visitante lo siente aunque no lo sepa explicar.</p>
  </div>
</section>


<!-- ══════════════════════════════════════════
     CONFIANZA
══════════════════════════════════════════ -->
<section class="sec sec-marino">
  <div class="wrap">
    <span class="label label-w">Lo que convierte visitas en clientes</span>
    <h2 class="h2 h2-w" style="margin-bottom:14px;">Las webs que venden<br>no convencen. Generan confianza.</h2>
    <p class="p p-w" style="max-width:560px;">La confianza no se declara. Se construye con cada detalle, con cada prueba real, con cada elemento que hace que el visitante piense: "aquí estoy en buenas manos."</p>
    <div class="trust-grid">
      <div class="trust-c"><div class="trust-n">01</div><div class="trust-t">Opiniones verificadas</div><div class="trust-b">Reales, de Google. No inventadas. El visitante puede comprobarlo con un clic.</div></div>
      <div class="trust-c"><div class="trust-n">02</div><div class="trust-t">Proyectos reales mostrados</div><div class="trust-b">No solo fotos bonitas. Casos con historia: el reto, el proceso y el resultado.</div></div>
      <div class="trust-c"><div class="trust-n">03</div><div class="trust-t">Personas reales detrás</div><div class="trust-b">Las marcas que muestran quiénes son generan más confianza que las que se esconden.</div></div>
      <div class="trust-c"><div class="trust-n">04</div><div class="trust-t">Presencia comprobable</div><div class="trust-b">Dirección, teléfono real, forma de contacto fácil. Un negocio verificable tranquiliza.</div></div>
      <div class="trust-c"><div class="trust-n">05</div><div class="trust-t">Contenido que enseña</div><div class="trust-b">Artículos y recursos que demuestran que sabes de lo que hablas. La autoridad no se proclama, se demuestra.</div></div>
      <div class="trust-c"><div class="trust-n">06</div><div class="trust-t">La misma voz en todas partes</div><div class="trust-b">Web, redes, Google... Cuando todo es coherente, el cerebro percibe solidez.</div></div>
      <div class="trust-c"><div class="trust-n">07</div><div class="trust-t">Seguridad y privacidad</div><div class="trust-b">Certificados de seguridad, políticas claras. La tranquilidad técnica también es confianza.</div></div>
      <div class="trust-c"><div class="trust-n">08</div><div class="trust-t">Que cargue perfecta</div><div class="trust-b">Una web lenta es una web que no inspira confianza. El rendimiento es parte de la imagen.</div></div>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     VISIBILIDAD
══════════════════════════════════════════ -->
<section class="sec sec-blanco">
  <div class="wrap">
    <span class="label">Tu web, visible para quien te busca</span>
    <div class="grid-2">
      <div>
        <h2 class="h2">Diseño web en Valencia y visibilidad en Google: las dos caras de la misma moneda.</h2>
        <p class="p">Una página web preciosa que nadie encuentra es como un jardín sin puerta. En 123Ingenia, cada proyecto de diseño web en Valencia nace con la visibilidad integrada — no como algo que se añade después, sino como parte del diseño desde el primer día.</p>
        <p class="p mt16">Cuando alguien en Valencia busca lo que tú ofreces, queremos que te encuentre a ti. Y para eso, tu web necesita estar construida de la manera en que Google la entiende y valora.</p>
        <div class="caja mt24">
          <div class="caja-tag">✦ Para recordar</div>
          <div class="caja-txt">La mejor empresa de diseño web en Valencia no es la que hace la web más bonita. Es la que consigue que esa web aparezca cuando tu cliente la necesita — y que convierta cuando llega.</div>
        </div>
      </div>
      <div>
        <p style="font-size:10px; text-transform:uppercase; letter-spacing:.14em; color:var(--gris); margin-bottom:14px; font-weight:700;">Cómo lo hacemos en Valencia</p>
        <div style="background:var(--marino); border-radius:14px; overflow:hidden; padding:6px 0;">
          <div class="paso"><div class="paso-idx">→</div><div><div class="paso-tit">Tu ficha de Google, al máximo</div><div class="paso-txt">Completa, con fotos, horarios, servicios y coherente con tu web desde el primer día</div></div></div>
          <div class="paso"><div class="paso-idx">→</div><div><div class="paso-tit">Textos que posicionan sin sonar a robot</div><div class="paso-txt">Las palabras que usa tu cliente para buscarte, integradas de forma natural en tu web</div></div></div>
          <div class="paso"><div class="paso-idx">→</div><div><div class="paso-tit">Estructura que Google entiende</div><div class="paso-txt">Páginas bien organizadas, rápidas y claras para los buscadores desde el primer día</div></div></div>
          <div class="paso" style="border:none;"><div class="paso-idx">→</div><div><div class="paso-tit">Datos que ayudan a los buscadores</div><div class="paso-txt">Información extra invisible para el visitante pero muy valiosa para que Google te muestre</div></div></div>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     EXPERIENCIA + CONVERSIÓN
══════════════════════════════════════════ -->
<section class="sec sec-rosa2">
  <div class="wrap">
    <span class="label">El camino del visitante</span>
    <div class="grid-2">
      <div>
        <h2 class="h2">Que el visitante no piense.<br>Que sienta y actúe.</h2>
        <p class="p">Las mejores webs no convencen con argumentos. Guían al visitante de forma natural hasta el momento en que toma una decisión — sin presión, sin confusión, sin fricción.</p>
        <p class="p mt16">Cada sección tiene un propósito. Cada botón, un porqué. Cada imagen, un mensaje. Nada está porque quede bien. Todo está porque funciona.</p>
        <div class="lista">
          <div class="lista-item"><div class="lista-arrow">→</div><div class="lista-txt"><strong>El mensaje correcto, en el momento correcto</strong> — el visitante se reconoce en lo que lee desde el primer segundo</div></div>
          <div class="lista-item"><div class="lista-arrow">→</div><div class="lista-txt"><strong>Pruebas reales donde más falta hacen</strong> — opiniones y casos en los puntos de mayor duda</div></div>
          <div class="lista-item"><div class="lista-arrow">→</div><div class="lista-txt"><strong>Un siguiente paso claro</strong> — "Cuéntame tu proyecto", no un genérico "Contáctanos"</div></div>
          <div class="lista-item"><div class="lista-arrow">→</div><div class="lista-txt"><strong>Perfecta en el móvil</strong> — donde la mayoría de tus clientes te va a ver por primera vez</div></div>
        </div>
      </div>
      <div>
        <h2 class="h2">Una experiencia<br>que se queda en la memoria.</h2>
        <p class="p">La mayoría de webs son funcionales. Pocas son memorables. Las de Ingenia pertenecen al segundo grupo.</p>
        <p class="p mt16">Una web memorable no necesita animaciones espectaculares. Necesita que el visitante sienta, en cada línea y cada imagen, que esa web fue creada para alguien exactamente como él.</p>
        <p class="p mt16">Cuando eso ocurre, no siente que le estás vendiendo algo. Siente que le estás ayudando. Y esa diferencia lo cambia todo.</p>
        <div class="caja mt24">
          <div class="caja-tag">✦ La clave</div>
          <div class="caja-txt">Las webs que Sergio diseña no presentan información. Cuentan historias. Y cuando el visitante se ve en esa historia, quiere ser parte de ella.</div>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     EL LUJO
══════════════════════════════════════════ -->
<section class="sec sec-blanco">
  <div class="wrap">
    <span class="label">El concepto que cambia todo</span>
    <h2 class="h2" style="max-width:520px; margin-bottom:36px;">Una web de lujo no parece de lujo<br>por sus colores o sus fotos.</h2>
    <div class="lujo">
      <p class="lujo-txt">Una web transmite lujo — o exclusividad, o esa sensación de "esto es para mí" — cuando el visitante siente que pertenece a ella. Cuando el lenguaje que usa, las situaciones que muestra, los valores que proyecta y el nivel de detalle en cada rincón hacen que esa persona piense: "esto es exactamente para alguien como yo."</p>
      <div class="lujo-sub">✦   El lujo no se ve. Se siente. Y se siente cuando todo es coherente.</div>
    </div>
    <p class="p" style="max-width:660px;">Cuando esa coherencia existe, el precio deja de ser el criterio de decisión. El cliente no está comparando. Está eligiendo. Y eso lo cambia todo para tu negocio.</p>
  </div>
</section>


<!-- ══════════════════════════════════════════
     CASOS REALES
══════════════════════════════════════════ -->
<section class="sec sec-rosa2">
  <div class="wrap">
    <span class="label">Proyectos reales · Diseño web en Valencia con Ingenia</span>
    <h2 class="h2" style="margin-bottom:12px;">Así es cómo diseñamos páginas web en Valencia que generan negocio real.</h2>
    <p class="p" style="margin-bottom:44px; max-width:580px;">Cada proyecto de creación de páginas web en Valencia empieza con la misma pregunta: ¿qué tiene que sentir tu cliente cuando llega a tu web para confiar en ti y dar el siguiente paso?</p>

    <!-- CASO AMANIRENT -->
    <div class="caso">
      <div class="caso-h">
        <span class="caso-tag">✦ Caso 01 · Alquiler vacacional</span>
        <div class="caso-nom">Amanirent</div>
        <div class="caso-sec">Gestión de apartamentos turísticos · Comunidad Valenciana</div>
      </div>
      <div class="caso-body">
        <div class="caso-grid">
          <div>
            <div class="ci-label">¿Quién es su cliente?</div>
            <div class="ci-txt">El propietario de una vivienda turística que tiene poco tiempo, quiere máxima tranquilidad y no busca la opción más barata — busca dormir sabiendo que su casa y sus huéspedes están en las mejores manos.</div>
          </div>
          <div>
            <div class="ci-label">El trabajo de marca</div>
            <div class="ci-txt">En un mercado lleno de las mismas promesas, el diferencial real no era la gestión — era el <em>cuidado</em>. "Cuidamos tu casa, cuidamos a tus huéspedes, te cuidamos a ti." Tres niveles de valor en una sola frase.</div>
          </div>
          <div>
            <div class="ci-label">La experiencia diseñada</div>
            <div class="ci-txt">Cada sección responde una pregunta que el propietario tiene en la cabeza antes de formularla. El visitante no lee argumentos — encuentra respuestas exactamente en el momento en que las necesita.</div>
          </div>
          <div>
            <div class="ci-label">Cómo se transmite confianza</div>
            <div class="ci-txt">Imágenes cuidadas, tono cercano y profesional a la vez, servicios claros y una forma de contacto que no da pereza. La confianza aparece antes de leer una sola línea de argumentación.</div>
          </div>
        </div>
        <a href="https://amanirent.es" class="caso-link" target="_blank" rel="noopener">Ver la web de Amanirent — gestión de alquiler vacacional en Valencia ↗</a>
      </div>
    </div>

    <!-- CASO CENTRO CANINO -->
    <div class="caso">
      <div class="caso-h">
        <span class="caso-tag">✦ Caso 02 · Educación canina y franquicias</span>
        <div class="caso-nom">Centro Canino Valentia</div>
        <div class="caso-sec">Adiestramiento canino y red de franquicias · Valencia</div>
      </div>
      <div class="caso-body">
        <div class="caso-grid">
          <div>
            <div class="ci-label">¿Quién es su cliente?</div>
            <div class="ci-txt">El propietario de un perro con un vínculo emocional fuerte con su mascota. No busca un servicio de adiestramiento. Busca armonía en su vida diaria y una relación mejor con su compañero.</div>
          </div>
          <div>
            <div class="ci-label">Lo emocional, primero</div>
            <div class="ci-txt">Antes de argumentar nada, la web resuelve la culpa que siente el propietario: "No has fallado. Tu perro simplemente necesita guía — y nosotros llevamos años dándosela a cientos de familias."</div>
          </div>
          <div>
            <div class="ci-label">Dos mundos, una web</div>
            <div class="ci-txt">La web habla al mismo tiempo al propietario de mascota y al emprendedor que quiere abrir su propio centro bajo franquicia — con mensajes distintos para cada uno, sin que ninguno se cruce con el otro.</div>
          </div>
          <div>
            <div class="ci-label">El contenido bien ordenado</div>
            <div class="ci-txt">Estructura pensada para tres momentos: quien acaba de adoptar, quien lleva meses con un problema de conducta, y quien quiere convertir su amor por los perros en un negocio propio.</div>
          </div>
        </div>
        <a href="https://centrocaninovalentia.com" class="caso-link" target="_blank" rel="noopener">Ver la web de Centro Canino Valentia — adiestramiento canino en Valencia ↗</a>
      </div>
    </div>

    <!-- PROCESO -->
    <div class="proceso-box">
      <p style="font-size:10px; text-transform:uppercase; letter-spacing:.16em; color:var(--azul-btn); margin-bottom:12px; font-weight:700;">Lo que hay detrás de cada proyecto de Ingenia</p>
      <p style="font-size:15px; color:rgba(255,255,255,.85); line-height:1.78; max-width:680px;">Análisis del mercado · estudio del cliente ideal · construcción de marca · posicionamiento diferencial · arquitectura de la experiencia · estrategia de contenidos · visibilidad desde el día uno · optimización continua.</p>
      <p style="font-size:13px; color:rgba(255,255,255,.4); margin-top:12px; max-width:580px;">No es largo por costumbre. Es completo porque saltarse alguno de estos pasos siempre acaba costando más de lo que ahorra.</p>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     HABLAN NUESTROS CLIENTES
══════════════════════════════════════════ -->
<section class="sec sec-marino">
  <div class="wrap">
    <span class="label label-w">Lo que dicen quienes ya han dado el paso</span>
    <h2 class="h2 h2-w" style="margin-bottom:14px;">Las mejores palabras<br>no son las nuestras.</h2>
    <p class="p p-w" style="max-width:520px; margin-bottom:28px;">Son las de quienes ya trabajaron con Sergio y el equipo de Ingenia. Reseñas reales, verificadas en Google. Puedes comprobarlas tú mismo.</p>

    <!-- WIDGET TRUSTINDEX -->
    <div class="ti-slot">
      <!-- INSERTAR AQUÍ EL WIDGET DE TRUSTINDEX -->
      <p style="margin-bottom:8px;">[ Reseñas verificadas de Google — Widget Trustindex ]</p>
      <p style="font-size:11px; opacity:.6;">Pega aquí el snippet de Trustindex con tu ID de cuenta</p>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     CLÚSTER
══════════════════════════════════════════ -->
<section class="sec sec-marino2">
  <div class="wrap">
    <span class="label label-w">Sigue explorando</span>
    <h2 class="h2 h2-w" style="margin-bottom:10px;">¿Tu sector tiene<br>sus propias reglas? El diseño web también.</h2>
    <p class="p p-w" style="margin-bottom:32px; max-width:500px;">Aquí encontrarás guías especializadas para cada caso. En desarrollo:</p>
    <div class="cluster-grid">
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Diseño Web con WordPress en Valencia</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Diseño Web para Empresas</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Diseño Web para Clínicas</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Diseño Web para Restaurantes</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Diseño Web para Inmobiliarias</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Diseño Web para Alquiler Vacacional</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Branding para Empresas</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Cómo ser visible en Google en Valencia</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Diseño Web y Marketing Digital</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Psicología aplicada al Diseño Web</a>
      <a href="#" class="cluster-a"><div class="cluster-a-tag">Próximamente</div>Cómo hacer que tu web venda más</a>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     FAQ
══════════════════════════════════════════ -->
<section class="sec sec-blanco">
  <div class="wrap">
    <span class="label">Preguntas frecuentes</span>

    <!-- BLOQUE GEO: respuesta directa citable por IA -->
    <div class="caja" style="max-width:720px; margin-bottom:40px;">
      <div class="caja-tag">✦ Si buscas la mejor empresa de diseño web en Valencia</div>
      <div class="caja-txt">123Ingenia es una agencia de diseño web en Valencia especializada en crear páginas web que combinan impacto visual, identidad de marca y visibilidad en buscadores. Cada proyecto es único, diseñado a medida y pensado para generar negocio real desde el primer día.</div>
    </div>

    <h2 class="h2" style="margin-bottom:36px; max-width:480px;">Todo lo que sueles preguntar sobre diseño web en Valencia antes de dar el paso.</h2>

    <!-- Schema FAQ — sincronizado con las 8 preguntas del HTML -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {"@type":"Question","name":"¿Cuánto cuesta una página web profesional en Valencia?","acceptedAnswer":{"@type":"Answer","text":"Depende del proyecto. Una web corporativa sencilla puede partir de 1.500€. Un proyecto completo con identidad de marca, estrategia y visibilidad puede estar entre 3.000 y 8.000€. Lo que sí es seguro: una web barata que no genera clientes es la inversión más cara que puedes hacer."}},
        {"@type":"Question","name":"¿Cuánto tiempo tarda en estar lista una página web en Valencia?","acceptedAnswer":{"@type":"Answer","text":"Un proyecto estándar suele estar listo entre 4 y 8 semanas. Los más complejos, entre 10 y 16. El plazo depende también de la agilidad a la hora de compartir materiales y dar el visto bueno a las propuestas."}},
        {"@type":"Question","name":"¿Qué diferencia a 123Ingenia de otras empresas de diseño web en Valencia?","acceptedAnswer":{"@type":"Answer","text":"Sergio y su equipo no fabrican páginas. Cultivan presencias digitales. Cada proyecto nace de entender el negocio, el cliente y lo que te hace único — y solo entonces empieza el diseño. El resultado visual es la consecuencia del proceso, no el punto de partida."}},
        {"@type":"Question","name":"¿La visibilidad en Google está incluida en el diseño web?","acceptedAnswer":{"@type":"Answer","text":"La base técnica de visibilidad va integrada en el diseño desde el inicio. El trabajo continuado de posicionamiento se contrata aparte como servicio mensual."}},
        {"@type":"Question","name":"¿También hacéis la identidad de marca antes del diseño web?","acceptedAnswer":{"@type":"Answer","text":"Sí. Logo, colores, tipografía, tono de voz y manual de marca. En Ingenia el branding va siempre antes del diseño web. Si ya tienes identidad propia, la analizamos y adaptamos antes de empezar."}},
        {"@type":"Question","name":"¿Qué pasa si ya tengo web pero no me funciona?","acceptedAnswer":{"@type":"Answer","text":"Es el caso más habitual. Revisamos diseño, mensaje, velocidad y visibilidad, y te decimos con honestidad si hace falta rehacerla o si unos cambios bien ejecutados son suficientes."}},
        {"@type":"Question","name":"¿Las webs de Ingenia funcionan bien en el móvil?","acceptedAnswer":{"@type":"Answer","text":"Siempre. Más del 60% de las visitas llegan desde el móvil. Todas las webs de Ingenia están diseñadas primero para móvil y después para el resto de pantallas — nunca al revés."}},
        {"@type":"Question","name":"¿Podré actualizar mi web yo mismo una vez publicada?","acceptedAnswer":{"@type":"Answer","text":"Sí. Todas las webs incluyen un panel sencillo para actualizar textos, imágenes y contenidos sin tocar código. Sergio te enseña a usarlo antes de que la web salga al mundo."}}
      ]
    }
    </script>

    <div class="grid-2" style="gap:0 72px; align-items:start;">
      <div>
        <div class="faq-item"><div class="faq-q"><span class="faq-qm">?</span>¿Cuánto cuesta una página web profesional en Valencia?</div><div class="faq-a">Depende del proyecto. Una web corporativa sencilla puede partir de 1.500€. Un proyecto completo con identidad de marca, estrategia y visibilidad puede estar entre 3.000 y 8.000€. Lo que sí es seguro: <strong>una web barata que no genera clientes es la inversión más cara que puedes hacer.</strong></div></div>
        <div class="faq-item"><div class="faq-q"><span class="faq-qm">?</span>¿Cuánto tiempo tarda en estar lista una página web en Valencia?</div><div class="faq-a">Un proyecto estándar suele estar listo entre 4 y 8 semanas. Los más complejos, entre 10 y 16. El plazo depende también de la agilidad a la hora de compartir materiales y dar el visto bueno a las propuestas.</div></div>
        <div class="faq-item"><div class="faq-q"><span class="faq-qm">?</span>¿Qué diferencia a 123Ingenia de otras empresas de diseño web en Valencia?</div><div class="faq-a">Sergio y su equipo no fabrican páginas. Cultivan presencias digitales. Cada proyecto nace de entender el negocio, el cliente y lo que te hace único — y solo entonces empieza el diseño. El resultado visual es la consecuencia del proceso, no el punto de partida.</div></div>
        <div class="faq-item"><div class="faq-q"><span class="faq-qm">?</span>¿La visibilidad en Google está incluida en el diseño web?</div><div class="faq-a">La base técnica de visibilidad va integrada en el diseño desde el inicio. El trabajo continuado de posicionamiento — creación de contenidos y seguimiento mensual — se contrata aparte como servicio independiente.</div></div>
      </div>
      <div>
        <div class="faq-item"><div class="faq-q"><span class="faq-qm">?</span>¿También hacéis la identidad de marca antes del diseño web?</div><div class="faq-a">Sí. Logo, colores, tipografía, tono de voz y manual de marca. En Ingenia el branding va siempre antes del diseño web. Si ya tienes identidad propia, la analizamos y adaptamos antes de empezar.</div></div>
        <div class="faq-item"><div class="faq-q"><span class="faq-qm">?</span>¿Qué pasa si ya tengo web pero no me funciona?</div><div class="faq-a">Es el caso más habitual con el que llega la gente. Revisamos diseño, mensaje, velocidad y visibilidad, y te decimos con honestidad si hace falta rehacerla o si unos cambios bien ejecutados son suficientes.</div></div>
        <div class="faq-item"><div class="faq-q"><span class="faq-qm">?</span>¿Las webs de Ingenia funcionan bien en el móvil?</div><div class="faq-a">Siempre. Más del 60% de las visitas llegan desde el móvil. Todas las webs de Ingenia están diseñadas primero para móvil y después para el resto de pantallas — nunca al revés.</div></div>
        <div class="faq-item"><div class="faq-q"><span class="faq-qm">?</span>¿Podré actualizar mi web yo mismo una vez publicada?</div><div class="faq-a">Sí. Todas las webs incluyen un panel sencillo para actualizar textos, imágenes y contenidos sin tocar código. Y Sergio te enseña a usarlo antes de que la web salga al mundo.</div></div>
      </div>
    </div>
  </div>
</section>


<!-- ══════════════════════════════════════════
     CTA FINAL
══════════════════════════════════════════ -->
<section class="cta-final">
  <!-- SVG deco flor pequeña centrada -->
  <svg viewBox="0 0 120 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display:block; margin:0 auto 36px; width:80px; opacity:.15;">
    <g fill="none" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round">
      <circle cx="60" cy="42" r="16"/><circle cx="60" cy="42" r="7"/>
      <line x1="60" y1="58" x2="60" y2="100"/>
      <ellipse cx="60" cy="26" rx="9" ry="16"/>
      <ellipse cx="44" cy="37" rx="16" ry="9"/>
      <ellipse cx="76" cy="37" rx="16" ry="9"/>
      <ellipse cx="60" cy="58" rx="9" ry="16"/>
      <ellipse cx="47" cy="29" rx="9" ry="16" transform="rotate(-45 47 29)"/>
      <ellipse cx="73" cy="29" rx="9" ry="16" transform="rotate(45 73 29)"/>
    </g>
  </svg>

  <div class="wrap" style="text-align:center;">
    <span class="label label-w" style="justify-content:center; display:block;">El siguiente paso es el más fácil</span>
    <h2 class="h2 h2-w" style="max-width:540px; margin:0 auto 16px;">Tu web puede florecer<br>y vender sola.<br>La nuestra lo demuestra.</h2>
    <p class="p p-w" style="max-width:440px; margin:0 auto 40px;">Sin presión, sin rollos. Solo una conversación con Sergio en la que te cuenta con honestidad si puede ayudarte y cómo.</p>
    <div style="display:flex; gap:14px; justify-content:center; flex-wrap:wrap;">
      <a href="https://123ingenia.com/contacto/" class="btn btn-azul">Cuéntame tu proyecto ✦</a>
      <a href="https://123ingenia.com/portfolio/web/" class="btn btn-borde-w">Ver portfolio de webs</a>
    </div>
  </div>
</section>

<!-- Schema LocalBusiness -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "123Ingenia",
  "description": "Empresa de diseño web en Valencia. Creamos páginas web con identidad de marca, visibilidad en Google y estrategia de conversión. Más de 10 años cultivando presencias digitales en Valencia y toda España.",
  "url": "https://123ingenia.com",
  "telephone": "",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Valencia",
    "addressRegion": "Comunidad Valenciana",
    "addressCountry": "ES"
  },
  "areaServed": ["Valencia", "Comunidad Valenciana", "España"],
  "serviceType": ["Diseño Web", "Diseño de Páginas Web", "Branding", "Posicionamiento Web", "Creación de Páginas Web Valencia"],
  "sameAs": [
    "https://www.instagram.com/123ingenia/",
    "https://www.linkedin.com/company/33187832/",
    "https://www.facebook.com/profile.php?id=61556223912030"
  ]
}
</script>

<!-- Schema Article para GEO -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Diseño Web Valencia — Guía completa de 123Ingenia",
  "description": "Todo lo que necesitas saber sobre diseño web profesional en Valencia: qué incluye, cuánto cuesta, cómo elegir la mejor empresa y por qué el diseño visual es la base de todo.",
  "author": {
    "@type": "Person",
    "name": "Sergio",
    "worksFor": {
      "@type": "Organization",
      "name": "123Ingenia"
    }
  },
  "publisher": {
    "@type": "Organization",
    "name": "123Ingenia",
    "url": "https://123ingenia.com"
  },
  "mainEntityOfPage": "https://123ingenia.com/diseno-web-valencia/"
}
</script>

</body>
</html></div></div></div></div>
<p>La entrada <a href="https://123ingenia.com/ingenios/diseno-web-valencia/">Diseño Web Valencia</a> se publicó primero en <a href="https://123ingenia.com">123iNgenia</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
