Senda Studio | Productora Audiovisual
*{margin:0;padding:0;box-sizing:border-box}
/* VARIABLES DE MARCA */
:root{
--rojo-senda:#E84C3D;
--rojo-senda-oscuro:#C83A32;
--fondo-oscuro:#0B0B0B;
--blanco:#FFFFFF;
}
/* BASE */
body{
font-family: Arial, Helvetica, sans-serif;
background:var(--fondo-oscuro);
color:var(--blanco);
line-height:1.6;
scroll-behavior:smooth;
}
section{
padding:100px 10%;
}
/* HERO */
.hero{
min-height:100vh;
background:linear-gradient(
135deg,
var(--rojo-senda),
var(--rojo-senda-oscuro)
);
display:flex;
flex-direction:column;
justify-content:center;
}
/* LOGO */
.logo{
max-width:180px;
margin-bottom:60px;
}
/* TEXT */
.hero h1{
font-size:3rem;
margin-bottom:20px;
}
.hero p{
font-size:1.2rem;
max-width:650px;
margin-bottom:40px;
color:#F5F5F5;
}
/* BUTTONS */
.buttons{
display:flex;
gap:20px;
flex-wrap:wrap;
}
.btn{
padding:14px 30px;
border:2px solid var(--blanco);
color:var(--blanco);
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
transition:.3s;
text-decoration:none;
}
.btn:hover{
background:var(--blanco);
color:var(--rojo-senda);
}
/* VIDEO */
.video-container{
margin-top:70px;
}
.video-container video{
width:100%;
max-height:80vh;
border-radius:10px;
box-shadow:0 20px 60px rgba(0,0,0,.35);
}
/* SERVICES */
.services{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
margin-top:40px;
}
.service{
padding:30px;
background:#111;
border-left:4px solid var(--rojo-senda);
}
/* CONTACT */
.contact p{
margin-bottom:30px;
}
/* WHATSAPP */
.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:#ffffff;
padding:14px 22px;
border-radius:50px;
font-weight:bold;
text-decoration:none;
z-index:999;
}
/* SCROLL EFFECTS */
.reveal{
opacity:0;
transform:translateY(40px);
transition:1s ease;
}
.reveal.active{
opacity:1;
transform:none;
}
/* MOBILE */
@media(max-width:768px){
section{padding:70px 6%}
.hero h1{font-size:2.2rem}
}
Contamos historias que conectan
En Senda Studio creamos piezas audiovisuales que comunican con intención,
emoción y estrategia para marcas, instituciones y proyectos con propósito.
Servicios
Producción audiovisual
Videos institucionales
Spots publicitarios
Contenido para redes sociales
Animación 2D y 3D
Transmisiones en vivo
WhatsApp
const reveals=document.querySelectorAll('.reveal');
const observer=new IntersectionObserver(entries=>{
entries.forEach(entry=>{
if(entry.isIntersecting){
entry.target.classList.add('active');
}
});
},{threshold:0.15});
reveals.forEach(r=>observer.observe(r));