.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.
14 Proyectos por explorar
8 + 6 Una página y varias páginas
Diferentes sectores Hospitalidad, servicios, eventos, viajes
En directo Enlaces directos a sitios
CARTERA
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
Hospitalidad
Alquileres vacacionales, B&B y turismo domusmavi.com
hostdomination.com
Comida & Hostelería
Restaurante hostdomination.com
Servicios profesionales
Consultoría hostdomination.com
Bienes Raíces
Agencia inmobiliaria hostdomination.com
hostdomination.com
hostdomination.com
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
hostdomination.com
Hospitalidad
Multi-propiedad hostdomination.com
Automoción
Alquiler de coches hostdomination.com
hostdomination.com
hostdomination.com
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.
