---
title: "Demo de la web"
url: https://hostdomination.com/es/demo-2/
date: 2026-08-27
modified: 2026-10-01
lang: es
author: "Marco Livio"
description: ".page-id-3741{ --hddn-blue:#1677ff; --hddn-violet:#6d5dfc; --hddn-orange:#ff7a1a; --hddn-dark:#0c172d; --hddn-text:#172033; --hddn-muted:#697386; --hddn-line:#e7edf6; --hddn-soft:#f6f9ff; background:#fff!important; } /* FULL WIDTH REALE / ZERO SPAZI BIANCHI */ .page-id-3741, .page-id-3741 #page, .page-id-3741 .site, .page-id-3741 .site-content, .page-id-3741 .site-content>.ast-container, .page-id-3741..."
word_count: 1040
---

# Demo de la web

.page-id-3741{
--hddn-blue:#1677ff;
--hddn-violet:#6d5dfc;
--hddn-orange:#ff7a1a;
--hddn-dark:#0c172d;
--hddn-text:#172033;
--hddn-muted:#697386;
--hddn-line:#e7edf6;
--hddn-soft:#f6f9ff;
background:#fff!important;
}

/* FULL WIDTH REALE / ZERO SPAZI BIANCHI */
.page-id-3741,
.page-id-3741 #page,
.page-id-3741 .site,
.page-id-3741 .site-content,
.page-id-3741 .site-content>.ast-container,
.page-id-3741 #content,
.page-id-3741 #primary,
.page-id-3741 .content-area,
.page-id-3741 .site-main,
.page-id-3741 article.page,
.page-id-3741 .entry-content{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.page-id-3741 #secondary,
.page-id-3741 .widget-area,
.page-id-3741 .entry-header,
.page-id-3741 .ast-single-post-order,
.page-id-3741 .post-navigation,
.page-id-3741 .comments-area{display:none!important}
.page-id-3741 .entry-content>*{
max-width:none!important;
margin-top:0!important;
margin-bottom:0!important;
}
.page-id-3741,.page-id-3741 #page,.page-id-3741 .site-content,.page-id-3741 .entry-content,.hddn-page{
overflow-x:hidden!important;
}
.hddn-page{
width:100%;
max-width:none;
margin:0!important;
padding:0!important;
color:var(--hddn-text);
background:#fff;
font-family:inherit;
}
.hddn-page *{box-sizing:border-box}
.hddn-page a{text-decoration:none}
.hddn-page p{line-height:1.7}

/* HERO */
.hddn-hero{
position:relative;
width:100%;
margin:0!important;
padding:105px 24px 110px!important;
background:
radial-gradient(circle at 12% 14%,rgba(22,119,255,.16),transparent 31%),
radial-gradient(circle at 84% 18%,rgba(109,93,252,.13),transparent 29%),
linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
.hddn-hero:before{
content:'';
position:absolute;inset:0;
background-image:
linear-gradient(rgba(26,42,76,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(26,42,76,.035) 1px,transparent 1px);
background-size:42px 42px;
-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 82%);
mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 82%);
pointer-events:none;
}
.hddn-hero>*{position:relative;z-index:2}
.hddn-hero-columns{gap:50px!important;align-items:center!important}
.hddn-pill,.hddn-eyebrow{
width:max-content;
max-width:100%;
margin:0 auto 18px!important;
color:var(--hddn-blue);
font-size:12px;
font-weight:900;
letter-spacing:.1em;
text-transform:uppercase;
}
.hddn-pill{
margin-left:0!important;
padding:8px 13px;
border:1px solid rgba(22,119,255,.18);
border-radius:999px;
background:#edf5ff;
}
.hddn-h1{
max-width:730px;
margin:0 0 22px!important;
color:var(--hddn-dark);
font-size:clamp(47px,5.6vw,76px)!important;
line-height:1.01!important;
letter-spacing:-.052em;
font-weight:900!important;
}
.hddn-h1 span{
background:linear-gradient(90deg,var(--hddn-blue),var(--hddn-violet));
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.hddn-hero-copy{
max-width:650px;
margin:0!important;
color:var(--hddn-muted);
font-size:18px;
}
.hddn-hero-buttons{margin-top:29px!important;gap:11px!important}
.hddn-page .wp-block-button__link{
min-height:52px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 22px!important;
border-radius:12px!important;
font-size:15px!important;
font-weight:850!important;
transition:.2s ease;
}
.hddn-primary .wp-block-button__link{
color:#fff!important;
border:0!important;
background:linear-gradient(135deg,var(--hddn-orange),#ff9a3d)!important;
box-shadow:0 12px 30px rgba(255,122,26,.25)!important;
}
.hddn-primary .wp-block-button__link:hover{
transform:translateY(-2px);
box-shadow:0 16px 34px rgba(255,122,26,.34)!important;
}
.hddn-secondary .wp-block-button__link{
color:var(--hddn-dark)!important;
border:1px solid #d9e3f2!important;
background:#fff!important;
}

/* Hero collage using the exact 3 old landing images */
.hddn-hero-collage{
position:relative;
min-height:430px;
margin:0!important;
}
.hddn-hero-shot{
position:absolute!important;
margin:0!important;
width:75%;
filter:drop-shadow(0 22px 30px rgba(21,48,94,.15));
}
.hddn-hero-shot img{
width:100%!important;
height:auto!important;
display:block;
border-radius:12px;
}
.hddn-shot-one{left:0;top:12%}
.hddn-shot-two{right:-2%;top:0;transform:scale(.86)}
.hddn-shot-three{right:3%;bottom:0;transform:scale(.82)}
.hddn-shot-two,.hddn-shot-three{
background:#fff;
padding:7px;
border-radius:16px;
box-shadow:0 18px 44px rgba(27,52,96,.08);
}

/* stats */
.hddn-stats-wrap{
position:relative;
z-index:5;
margin-top:-43px!important;
padding:0 22px!important;
}
.hddn-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
overflow:hidden;
border:1px solid var(--hddn-line);
border-radius:20px;
background:#fff;
box-shadow:0 20px 55px rgba(21,48,94,.10);
}
.hddn-stats>div{padding:25px 18px;text-align:center}
.hddn-stats>div+div{border-left:1px solid var(--hddn-line)}
.hddn-stats strong{
display:block;
color:var(--hddn-dark);
font-size:19px;
font-weight:900;
}
.hddn-stats span{
display:block;
margin-top:5px;
color:var(--hddn-muted);
font-size:12px;
}

/* Sections */
.hddn-section{
width:100%;
margin:0!important;
padding:100px 24px!important;
}
.hddn-intro{padding-top:135px!important;padding-bottom:45px!important}
.hddn-h2{
max-width:850px;
margin:0 auto 18px!important;
color:var(--hddn-dark);
font-size:clamp(35px,4.4vw,55px)!important;
line-height:1.06!important;
letter-spacing:-.045em;
font-weight:900!important;
}
.hddn-lead{
max-width:760px;
margin:0 auto!important;
color:var(--hddn-muted);
font-size:17px;
}
.hddn-eyebrow-left{margin-left:0!important}
.hddn-h2-left{margin-left:0!important;text-align:left!important}
.hddn-section-title{
margin:0 0 38px!important;
padding:0!important;
}
.hddn-project-section{padding-top:60px!important}
.hddn-soft{
background:
radial-gradient(circle at 10% 10%,rgba(22,119,255,.07),transparent 24%),
var(--hddn-soft);
}

/* Project cards */
.hddn-project-row{
gap:24px!important;
margin:0 0 24px!important;
}
.hddn-project-card{
height:100%;
overflow:hidden;
margin:0!important;
padding:0!important;
border:1px solid var(--hddn-line);
border-radius:20px;
background:#fff;
box-shadow:0 14px 40px rgba(25,52,96,.07);
transition:.22s ease;
}
.hddn-project-card:hover{
transform:translateY(-4px);
box-shadow:0 22px 52px rgba(25,52,96,.12);
}
.hddn-browserbar{
height:42px;
display:grid;
grid-template-columns:70px 1fr 70px;
align-items:center;
padding:0 13px;
border-bottom:1px solid #edf1f6;
background:#fff;
}
.hddn-dots{display:flex;gap:5px}
.hddn-dots i{
width:8px;height:8px;
display:block;
border-radius:50%;
background:#d8dee8;
}
.hddn-domain{
overflow:hidden;
padding:6px 12px;
border-radius:7px;
background:#f5f7fa;
color:#98a1b0;
font-size:10px;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
}
.hddn-project-image{
margin:0!important;
height:330px;
overflow:hidden;
background:#edf3fb;
}
.hddn-project-image img{
width:100%!important;
height:100%!important;
display:block;
object-fit:cover;
object-position:top center;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transition:transform .45s ease;
}
.hddn-project-card:hover .hddn-project-image img{transform:scale(1.025)}
.hddn-project-copy{
position:relative;
margin:0!important;
padding:23px 24px 25px!important;
}
.hddn-category{
margin:0 0 6px!important;
color:var(--hddn-blue);
font-size:10px;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.hddn-project-title{
margin:0 0 17px!important;
color:var(--hddn-dark);
font-size:22px!important;
line-height:1.18!important;
letter-spacing:-.025em;
font-weight:850!important;
}
.hddn-project-button{margin:0!important}
.hddn-project-button .wp-block-button__link{
min-height:42px;
padding:10px 15px!important;
color:var(--hddn-dark)!important;
border:1px solid #dce5f2!important;
background:#fff!important;
font-size:13px!important;
}
.hddn-project-button .wp-block-button__link:hover{
color:#fff!important;
border-color:var(--hddn-blue)!important;
background:var(--hddn-blue)!important;
}

/* FIX 1.1.0 — explicit centering, independent of Gutenberg generated container classes */
.hddn-intro > .hddn-eyebrow,
.hddn-intro > .hddn-h2,
.hddn-intro > .hddn-lead,
.hddn-project-section > .hddn-section-title,
.hddn-project-section > .hddn-project-row{
width:min(1180px,calc(100% - 40px))!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
margin-inline:auto!important;
}

.hddn-project-section > .hddn-project-row{
display:flex!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
}

.hddn-project-section > .hddn-project-row > .wp-block-column{
flex:1 1 0!important;
width:50%!important;
max-width:none!important;
min-width:0!important;
}

.hddn-project-section .hddn-project-card{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
}

/* CTA: outer section full width, inner box always centered */
.hddn-cta-section{
display:block!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:85px 24px!important;
}

.hddn-cta-section > .hddn-cta,
.hddn-cta-section > .wp-block-group.hddn-cta{
display:block!important;
width:min(1060px,calc(100% - 48px))!important;
max-width:1060px!important;
margin-left:auto!important;
margin-right:auto!important;
margin-inline:auto!important;
}

.hddn-cta > .hddn-eyebrow,
.hddn-cta > .hddn-h2,
.hddn-cta > .hddn-cta-copy,
.hddn-cta > .hddn-cta-buttons{
max-width:820px!important;
margin-left:auto!important;
margin-right:auto!important;
}

/* Neutralize any Gutenberg generated constrained rule if WordPress adds one later */
.hddn-cta-section > [class*='wp-container-core-group-is-layout'].hddn-cta,
.hddn-project-section > [class*='wp-container-core-columns-is-layout'].hddn-project-row{
margin-left:auto!important;
margin-right:auto!important;
margin-inline:auto!important;
}

/* Dark section */
.hddn-dark{
width:100%;
margin:0!important;
padding:105px 24px!important;
background:
radial-gradient(circle at 82% 18%,rgba(22,119,255,.23),transparent 31%),
linear-gradient(135deg,#0a1426,#101f3b);
}
.hddn-dark-columns{gap:60px!important;align-items:center!important}
.hddn-white{color:#fff!important}
.hddn-eyebrow-light{color:#9dc4ff!important}
.hddn-values{
border-top:1px solid rgba(255,255,255,.11);
}
.hddn-values>div{
display:grid;
grid-template-columns:46px 120px 1fr;
gap:13px;
padding:20px 0;
border-bottom:1px solid rgba(255,255,255,.11);
}
.hddn-values b{color:#7290bb;font-size:10px}
.hddn-values strong{color:#fff;font-size:15px}
.hddn-values span{color:#aebbd0;font-size:13px}

/* CTA */
.hddn-cta-section{
width:100%;
margin:0!important;
padding:85px 24px!important;
background:#fff;
}
.hddn-cta{
margin:0!important;
padding:72px 35px!important;
border-radius:28px;
text-align:center;
background:
radial-gradient(circle at 14% 20%,rgba(255,255,255,.14),transparent 24%),
linear-gradient(135deg,#126cf0,#6456e9);
box-shadow:0 24px 65px rgba(29,92,205,.22);
}
.hddn-cta-copy{
max-width:650px;
margin:0 auto!important;
color:#dce8fb;
font-size:16px;
}
.hddn-cta-buttons{margin-top:26px!important}
.hddn-light .wp-block-button__link{
color:var(--hddn-dark)!important;
border:0!important;
background:#fff!important;
box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
}
.hddn-ghost .wp-block-button__link{
color:#fff!important;
border:1px solid rgba(255,255,255,.35)!important;
background:rgba(255,255,255,.08)!important;
}

/* Remove Gutenberg-generated white bands */
.page-id-3741 .hddn-page>.wp-block-spacer,
.page-id-3741 .hddn-page>p:empty,
.page-id-3741 .hddn-page>.wp-block-group:empty{
display:none!important;
margin:0!important;
padding:0!important;
height:0!important;
}

/* Mobile */
@media(max-width:950px){
.hddn-hero-columns{gap:20px!important}
.hddn-hero-collage{min-height:360px}
.hddn-stats{grid-template-columns:repeat(2,1fr)}
.hddn-stats>div:nth-child(3){border-left:0;border-top:1px solid var(--hddn-line)}
.hddn-stats>div:nth-child(4){border-top:1px solid var(--hddn-line)}
}
@media(max-width:781px){
.hddn-project-section > .hddn-project-row{
width:calc(100% - 28px)!important;
flex-wrap:wrap!important;
}
.hddn-project-section > .hddn-project-row > .wp-block-column{
flex:0 0 100%!important;
width:100%!important;
}
.hddn-cta-section > .hddn-cta,
.hddn-cta-section > .wp-block-group.hddn-cta{
width:calc(100% - 28px)!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
}

.hddn-hero{text-align:center;padding-top:78px!important}
.hddn-pill{margin-left:auto!important}
.hddn-h1{margin-left:auto!important;margin-right:auto!important}
.hddn-hero-copy{margin-left:auto!important;margin-right:auto!important}
.hddn-hero-buttons{justify-content:center}
.hddn-hero-collage{min-height:330px;margin-top:25px!important}
.hddn-project-image{height:290px}
}
@media(max-width:600px){
.hddn-hero{padding:70px 16px 87px!important}
.hddn-h1{font-size:43px!important}
.hddn-h2{font-size:34px!important}
.hddn-hero-copy,.hddn-lead{font-size:16px}
.hddn-stats-wrap{padding:0 14px!important}
.hddn-stats{grid-template-columns:1fr}
.hddn-stats>div+div{border-left:0!important;border-top:1px solid var(--hddn-line)}
.hddn-section{padding-left:16px!important;padding-right:16px!important}
.hddn-project-row{gap:18px!important;margin-bottom:18px!important}
.hddn-project-image{height:235px}
.hddn-dark{padding:78px 16px!important}
.hddn-values>div{grid-template-columns:34px 95px 1fr;gap:9px}
.hddn-cta-section{padding:58px 14px!important}
.hddn-cta{padding:52px 20px!important}
}
DISEÑO WEB · DOMINACIÓN DE LOS ANFITRIONES

# Sitios reales.Diseño que destaque.
Una selección de páginas web creadas para empresas, profesionales y alojamientos. Mira los proyectos, explora las páginas reales y encuentra el estilo adecuado para tu próximo sitio.

Descubre los proyectos ↓[Quiero un sitio como este](https://hostdomination.com/es/web-3/)![Esempio sito web Host Domination](https://hostdomination.com/wp-content/uploads/2026/08/hero-01.png)![Esempio sito web Host Domination](https://hostdomination.com/wp-content/uploads/2026/08/hero-02.png)![Esempio sito web Host Domination](https://hostdomination.com/wp-content/uploads/2026/08/hero-03.png)**14**Proyectos por explorar**8 + 6**Una página y varias páginas**Diferentes sectores**Hospitalidad, servicios, eventos, viajes**En directo**Enlaces directos a sitiosCARTERA

## Menos palabras. Más proyectos.
Cada carta utiliza las imágenes y enlaces de la Demo original. Abre los sitios para ver directamente el diseño, la estructura y la navegación.

UNA PÁGINA

## Esencial, inmediato, eficaz.
******hostdomination.com![Casa Vacanze, B&B e Turismo](https://hostdomination.com/wp-content/uploads/2026/08/project-01.png)Hospitalidad

### Alquileres vacacionales, B&B y turismo
[Consulta la web de ↗](https://ledimoreairportluxury.it)******domusmavi.com![Eventi Matrimonio](https://hostdomination.com/wp-content/uploads/2026/08/project-02.png)Eventos

### Eventos de boda
[Consulta la web de ↗](https://domusmavi.com/)******hostdomination.com![Ristorante](https://hostdomination.com/wp-content/uploads/2026/08/project-03.png)Comida & Hostelería

### Restaurante
[Consulta la web de ↗](https://hostdomination.com/ristorante-2/)******hostdomination.com![Consulenza](https://hostdomination.com/wp-content/uploads/2026/08/project-04.png)Servicios profesionales

### Consultoría
[Consulta la web de ↗](https://www.finneos.it)******hostdomination.com![Agenzia immobiliare](https://hostdomination.com/wp-content/uploads/2026/08/project-05.png)Bienes Raíces

### Agencia inmobiliaria
[Consulta la web de ↗](https://www.ngsgroup.it)******hostdomination.com![Autore](https://hostdomination.com/wp-content/uploads/2026/08/project-06.png)Marca Personal

### Autor
[Consulta la web de ↗](https://markmccastle.it)******hostdomination.com![Aziende di Viaggio](https://hostdomination.com/wp-content/uploads/2026/08/project-07.png)Viajes

### Agencia de viajes
[Consulta la web de ↗](http://leavventurenelcamper.com/)******hostdomination.com![Agenzia avvocato](https://hostdomination.com/wp-content/uploads/2026/08/project-08.png)Servicios

### Psicólogo
[Consulta la web de ↗](https://www.massimo-colombo.it)EL DISEÑO NO ES DECORACIÓN

## Cada página tiene que llevar al usuario a algún lugar.
**01****Claridad**Contenido fácil de entender.**02****Móvil**Experiencia limpia en smartphones.**03****Objetivo**CTAs, solicitudes y reservas claramente visibles.MULTI-PÁGINA

## Más contenido. Misma simplicidad.
******hostdomination.com![Studio Fiscale](https://hostdomination.com/wp-content/uploads/2026/08/project-09.png)Negocios

### Despacho fiscal
[Consulta la web de ↗](https://hostdomination.com/ngsgroup/)******hostdomination.com![Multi proprietà](https://hostdomination.com/wp-content/uploads/2026/08/project-10.png)Hospitalidad

### Multi-propiedad
[Consulta la web de ↗](https://hostdomination.com/lakemountain/)******hostdomination.com![Auto noleggio](https://hostdomination.com/wp-content/uploads/2026/08/project-11.png)Automoción

### Alquiler de coches
[Consulta la web de ↗](https://hostdomination.com/puglialuxurycar/)******hostdomination.com![Corsi](https://hostdomination.com/wp-content/uploads/2026/08/project-12.png)Formación

### Cursos
[Consulta la web de ↗](https://hostdomination.com/mps/)******hostdomination.com![Edilizia](https://hostdomination.com/wp-content/uploads/2026/08/project-13.png)Construcción

### Construcción
[Consulta la web de ↗](https://hostdomination.com/costruzionigallarate/)******hostdomination.com![Viaggi](https://hostdomination.com/wp-content/uploads/2026/08/project-14.png)Viajes

### Viajes
[Consulta la web de ↗](https://hostdomination.com/camper/)EL SIGUIENTE PUEDE SER TUYO

## Ya has visto suficiente. Ahora vamos a construir la tuya.
Infórmate sobre el servicio web Host Domination o envíanos la información de tu empresa para empezar.

[Descubre el servicio →](https://hostdomination.com/es/web-3/)[Solicita el sitio](https://hostdomination.com/dati/)