:root{
–bg:#08101d;
–bg-soft:#10192f;
–card:#12203a;
–line:rgba(255,255,255,.08);
–text:#f5f8fc;
–muted:#bcc7d8;
–accent:#1258ca;
–accent-soft:rgba(18,88,202,.18);
–max:1180px;
–radius:24px;
–shadow:0 28px 80px rgba(0,0,0,.28);
/* CAMBIA SOLO ESTAS URLS PARA SUSTITUIR LAS IMÁGENES */
–hero-image:url(“https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1600&q=80”);
–solution-image:url(“https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1200&q=80”);
–why-image:url(“https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1200&q=80”);
–case-ads-image:url(“https://images.unsplash.com/photo-1533750349088-cd871a92f312?auto=format&fit=crop&w=1200&q=80”);
–case-funnels-image:url(“https://images.unsplash.com/photo-1556740749-887f6717d7e4?auto=format&fit=crop&w=1200&q=80”);
–case-strategy-image:url(“https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1200&q=80″);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:var(–text);
line-height:1.55;
background:
radial-gradient(circle at top right, rgba(18,88,202,.20), transparent 28%),
linear-gradient(180deg, #08101d 0%, #0c1526 100%);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(–max), calc(100% – 32px));margin:auto}
.section{
padding:88px 0;
position:relative;
background: #0B1423;
}
.tag{
display:inline-flex;
align-items:center;
gap:10px;
font-size:13px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(–muted);
margin-bottom:14px;
}
.tag::before{
content:””;
width:32px;
height:1px;
background:rgba(255,255,255,.24);
}
.headline{
font-size:clamp(2.2rem, 5vw, 4.8rem);
line-height:1.02;
letter-spacing:-.04em;
margin:0 0 18px;
max-width:980px;
text-wrap:balance;
font-family:’Plus Jakarta Sans’;
font-weight:800;
}
.section-title{
font-size:clamp(1.9rem, 3vw, 3rem);
line-height:1.06;
letter-spacing:-.03em;
margin:0 0 14px;
text-wrap:balance;
max-width:900px;
font-weight:700;
}
.headline span,
.section-title span{
color:var(–accent);
}
.subheadline,
.section-text{
margin:0;
color:var(–muted);
font-size:clamp(1rem, 1.3vw, 1.08rem);
max-width:820px;
}
.hero{
min-height:100vh;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
isolation:isolate;
}
.hero::after{
content:””;
position:absolute;
inset:0;
background:
linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.60)),
var(–hero-image) center/cover no-repeat;
z-index:-2;
transform:scale(1.04);
}
.hero::before{
content:””;
position:absolute;
inset:0;
background:
linear-gradient(90deg, rgba(7,12,22,.96) 0%, rgba(7,12,22,.80) 42%, rgba(7,12,22,.22) 100%);
z-index:-1;
}
.hero-grid{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:34px;
align-items:end;
}
.cta-row{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:28px;
}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:0 22px;
border-radius:999px;
font-weight:700;
transition:.25s ease;
border:1px solid transparent;
cursor:pointer;
}
.btn-primary{
background:var(–accent);
color:#fff;
box-shadow:0 10px 30px rgba(18,88,202,.30);
}
.btn-primary:hover{
transform:translateY(-2px);
filter:brightness(1.05);
}
.btn-secondary{
background:rgba(255,255,255,.06);
border-color:rgba(255,255,255,.12);
color:#fff;
}
.btn-secondary:hover{
background:rgba(255,255,255,.09);
transform:translateY(-2px);
}
.hero-card,
.card,
.step,
.cta-panel,
.split-content,
.split-box,
.kpi,
.faq-accordion,
.blog-card{
border:1px solid var(–line);
box-shadow:var(–shadow);
}
.hero-card{
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
border-radius:var(–radius);
padding:28px;
backdrop-filter:blur(10px);
}
.hero-card h3{
margin:0 0 16px;
font-size:1.18rem;
}
.hero-list,
.check-list{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:12px;
}
.hero-list li,
.check-list li{
display:flex;
gap:12px;
color:var(–muted);
}
.hero-list li::before,
.check-list li::before{
content:”✓”;
color:var(–accent);
font-weight:700;
}
.grid-2{
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
align-items:center;
}
.grid-3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.card{
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
border-radius:var(–radius);
padding:24px;
}
.card h3{
margin:0 0 10px;
font-size:1.14rem;
line-height:1.2;
text-wrap:balance;
}
.card p{
margin:0;
color:var(–muted);
}
.number{
display:inline-flex;
width:46px;
height:46px;
align-items:center;
justify-content:center;
border-radius:50%;
background:var(–accent-soft);
color:var(–accent);
border:1px solid rgba(18,88,202,.24);
font-weight:700;
margin-bottom:14px;
}
.split-box{
border-radius:28px;
overflow:hidden;
background:rgba(255,255,255,.02);
}
.split-box img{
width:100%;
height:100%;
min-height:440px;
object-fit:cover;
}
.split-content{
border-radius:28px;
padding:34px;
background:rgba(255,255,255,.02);
}
.kpis{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:28px;
}
.kpi{
background:rgba(255,255,255,.035);
border-radius:18px;
padding:22px;
}
.kpi strong{
display:block;
font-size:1.8rem;
line-height:1;
margin-bottom:8px;
}
.kpi span{
color:var(–muted);
font-size:.95rem;
display:block;
line-height:1.45;
}
.steps{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:28px;
}
.step{
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
border-radius:22px;
padding:26px;
}
.step h3{
margin:0 0 10px;
text-wrap:balance;
}
.step p{
margin:0;
color:var(–muted);
}
.blog-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
margin-top:28px;
}
.blog-link{
display:block;
height:100%;
}
.blog-card{
overflow:hidden;
border-radius:24px;
background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
min-height:100%;
transition:transform .28s ease, border-color .28s ease;
}
.blog-link:hover .blog-card{
transform:translateY(-4px);
border-color:rgba(255,255,255,.14);
}
.blog-card img{
width:100%;
height:220px;
object-fit:cover;
}
.blog-body{
padding:20px;
}
.blog-date{
color:var(–muted);
font-size:.9rem;
margin-bottom:10px;
}
.blog-card h3{
margin:0 0 10px;
font-size:1.14rem;
line-height:1.2;
text-wrap:balance;
}
.blog-card p{
margin:0;
color:var(–muted);
font-size:.98rem;
}
.faq-wrap{
margin-top:28px;
}
.faq-accordion{
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
border-radius:22px;
overflow:hidden;
}
.faq-item{
border-bottom:1px solid rgba(255,255,255,.08);
}
.faq-item:last-child{
border-bottom:none;
}
.faq-question{
width:100%;
background:transparent;
border:none;
color:var(–text);
text-align:left;
padding:22px 60px 22px 24px;
font-size:1.05rem;
font-weight:700;
line-height:1.35;
cursor:pointer;
position:relative;
font-family:Arial, Helvetica, sans-serif;
}
.faq-question::after{
content:”+”;
position:absolute;
right:24px;
top:50%;
transform:translateY(-50%);
font-size:1.6rem;
color:var(–accent);
transition:.25s ease;
}
.faq-item.active .faq-question::after{
content:”−”;
}
.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .35s ease, padding .35s ease;
padding:0 24px;
}
.faq-answer p{
margin:0;
color:var(–muted);
padding-bottom:0;
}
.faq-item.active .faq-answer{
max-height:260px;
padding:0 24px 22px;
}
.cta-panel{
border-radius:28px;
padding:46px 28px;
text-align:center;
background:
radial-gradient(circle at top center, rgba(18,88,202,.22), transparent 40%),
rgba(255,255,255,.03);
}
.cta-panel .section-title,
.cta-panel p,
.cta-panel .tag{
margin-left:auto;
margin-right:auto;
text-align:center;
}
.cta-panel .section-title{
max-width:760px;
}
.cta-panel p{
color:var(–muted);
max-width:760px;
margin:0 auto 22px;
}
.reveal{
opacity:0;
transform:translateY(34px);
transition:opacity .85s ease, transform .85s ease;
will-change:transform, opacity;
}
.reveal.left{transform:translateX(-34px)}
.reveal.right{transform:translateX(34px)}
.reveal.visible{opacity:1;transform:translate(0,0)}
@media (max-width: 1024px){
.hero-grid,.grid-2,.grid-3,.steps,.kpis,.blog-grid{
grid-template-columns:1fr 1fr;
}
}
@media (max-width: 768px){
.section{padding:68px 0}
.hero{min-height:auto;padding:110px 0 70px}
.hero-grid,.grid-2,.grid-3,.steps,.kpis,.blog-grid{
grid-template-columns:1fr;
}
.split-box img{min-height:280px}
}
Marketing digital para negocios que necesitan orden, estrategia y resultados
En EmocionartEstudio trabajamos el marketing digital para marcas personales y empresas que no quieren limitarse a publicar por publicar, sino construir una presencia más clara y orientada a captación.
Solicitar información
Ver qué incluye
Ideal para:
- Empresas que necesitan ordenar su comunicación digital.
- Negocios con redes activas pero sin una estrategia clara.
- Marcas que quieren unir contenido, campañas y objetivos.
- Proyectos que necesitan mejorar visibilidad y conversión.
Tener presencia digital no significa estar bien trabajado
Muchas marcas publican, invierten o hacen acciones sueltas, pero sin una estructura clara. El resultado suele ser el mismo: tiempo invertido, poca consistencia y una captación que no termina de despegar.
01
Se comunica sin dirección
Hay actividad, pero no siempre hay una estrategia clara detrás de lo que se publica o se lanza.
02
Los canales no trabajan juntos
Redes, campañas, contenido o web van por separado y no se apoyan entre sí.
03
Cuesta convertir mejor
Cuando no hay orden ni seguimiento, atraer atención no siempre se traduce en negocio.
La solución
Una estructura de marketing digital más coherente
La idea no es hacer acciones aisladas. La idea es que el contenido, la gestión, la publicidad y el seguimiento respondan a una misma lógica para que el negocio comunique mejor y tenga una base más útil para captar.
Trabajo digital orientado a ordenar y optimizar
Estrategia
Definición de enfoque, prioridades, líneas de contenido y dirección general del trabajo digital.
Gestión
Organización y seguimiento de la presencia digital para mantener coherencia y continuidad.
Contenido
Planteamiento de piezas y formatos que ayuden a comunicar mejor lo que ofrece el negocio.
Campañas
Integración de publicidad cuando tiene sentido dentro de la estrategia global.
Análisis
Revisión de rendimiento para detectar qué está funcionando y qué conviene ajustar.
Optimización
Mejora continua basada en datos, objetivos y evolución real del proyecto.
Cuando todo trabaja con una misma lógica, el negocio se entiende mejor
Una estrategia digital bien llevada no consiste en hacer más cosas, sino en que lo que se hace tenga sentido, continuidad y una relación clara con el objetivo del negocio.
- Mejor lectura del proyecto por parte del cliente.
- Más coherencia entre mensaje, contenido y acción.
- Más base para escalar campañas o procesos después.
Una forma de trabajo clara y progresiva
1
Revisión
Analizamos el punto de partida, el contexto del negocio y lo que ya está funcionando o no.
2
Planteamiento
Definimos la línea de trabajo, prioridades y enfoque según el objetivo principal.
3
Ejecución
Se pone en marcha la parte de contenido, gestión, campañas o coordinación que toque.
4
Ajuste
Se revisa la evolución del trabajo para corregir, mejorar y seguir afinando.
Este servicio tiene sentido cuando el negocio necesita más estructura digital

Campañas publicitarias
Cuando la estrategia necesita apoyarse en campañas
Ideal para negocios que ya comunican, pero necesitan más empuje en captación o visibilidad.

Automatización
Cuando hace falta convertir mejor lo que ya llega
Encaja con negocios que necesitan organizar procesos, seguimiento o automatización comercial.
Estrategia
Cuando el problema no es publicar, sino tener una dirección clara
Una opción útil para marcas que necesitan ordenar su ecosistema digital desde la base.
Dudas habituales antes de trabajar el marketing digital
Aquí tienes una orientación rápida sobre cómo puede plantearse este servicio y en qué casos tiene más sentido.
El servicio puede incluir estrategia, gestión de redes sociales, contenido, campañas publicitarias, seguimiento de resultados y optimización continua según las necesidades del negocio.
Sí. Podemos trabajar tanto la parte orgánica como la parte publicitaria para que ambas estén alineadas dentro de una misma estrategia.
No. Aunque EmocionartEstudio trabaja presencialmente en Tenerife para ciertos servicios, marketing digital puede gestionarse también para negocios de fuera.
Sí. La estrategia se adapta según el sector, el objetivo, el punto de partida del negocio y el tipo de cliente al que se quiere llegar.
Si tu negocio necesita una base digital más clara y mejor trabajada
Podemos revisar contigo el punto en el que estás y plantear una línea de marketing digital más coherente para tu proyecto.