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

body{
font-family:'Inter',Arial,sans-serif;
background:#0b0f14;
color:#ffffff;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

.header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:20;
background:rgba(7,11,18,.78);
backdrop-filter:blur(16px);
border-bottom:1px solid rgba(255,255,255,.08);
}

.header .container{
height:86px;
display:flex;
align-items:center;
justify-content:space-between;
}

.logo img{
height:116px;
width:auto;
display:block;
transform:translateY(28px);
position:relative;
z-index:30;
transition:
transform .35s ease,
filter .35s ease,
drop-shadow .35s ease;
}

.logo:hover img{

transform:
translateY(28px)
scale(1.05);

filter:
drop-shadow(0 0 12px rgba(242,140,40,.35))
drop-shadow(0 0 26px rgba(242,140,40,.18));

}


nav{
display:flex;
gap:34px;
}

nav a{
color:#d8dce3;
text-decoration:none;
font-size:15px;
font-weight:500;
}

nav a:hover{
color:#f28c28;
}

.btn-menu{
background:linear-gradient(135deg,#ffb347,#f28c28,#d86a00);
color:#ffffff;
padding:14px 26px;
border-radius:40px;
text-decoration:none;
font-weight:800;
font-size:14px;
letter-spacing:.3px;
border:1px solid rgba(255,255,255,.20);
box-shadow:
0 10px 28px rgba(242,140,40,.35),
0 0 18px rgba(242,140,40,.22);
transition:.30s;
}

.btn-menu:hover{
transform:translateY(-3px);
box-shadow:
0 16px 38px rgba(242,140,40,.50),
0 0 26px rgba(242,140,40,.34);
color:#ffffff;
}

.hero{
min-height:820px;
position:relative;
display:flex;
align-items:center;
background:
linear-gradient(90deg,rgba(5,8,14,.96),rgba(5,8,14,.72),rgba(5,8,14,.35)),
url("/assets/images/hero.jpg");
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
padding-top:90px;
}

.overlay{
position:absolute;
inset:0;
background:radial-gradient(circle at 70% 30%,rgba(242,140,40,.25),transparent 35%);
}

.hero-content{
position:relative;
z-index:2;
width:90%;
max-width:1100px;
margin:auto;
transform:translateY(-45px);
}

.hero h1{
max-width:880px;
font-size:64px;
line-height:1.03;
font-weight:800;
letter-spacing:-2px;
margin-bottom:28px;
}

.hero p{
font-size:23px;
line-height:1.6;
max-width:680px;
color:#d9dde5;
margin-bottom:38px;
}

.btn-principal{

display:inline-block;

padding:20px 42px;

background:linear-gradient(135deg,#ffb347,#f28c28,#d86a00);

color:#ffffff;

text-decoration:none;

font-size:16px;

font-weight:800;

letter-spacing:.6px;

border-radius:16px;

border:2px solid rgba(255,255,255,.18);

box-shadow:
0 14px 36px rgba(242,140,40,.42),
0 0 22px rgba(242,140,40,.24);

transition:.35s;

}

.btn-principal:hover{

transform:translateY(-4px) scale(1.03);

box-shadow:
0 22px 54px rgba(242,140,40,.58),
0 0 40px rgba(242,140,40,.36);

color:#ffffff;

}

.numeros{
background:#101722;
border-top:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
}

.numeros .container{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
padding:38px 0;
}

.numeros div{
border-left:1px solid rgba(255,255,255,.12);
padding-left:24px;
}

.numeros h2{
font-size:36px;
color:#f28c28;
margin-bottom:6px;
}

.numeros span{
color:#c5ccd8;
font-size:15px;
}

.productos{
padding:100px 0;
background:#0b0f14;
}

.productos h2{
font-size:44px;
margin-bottom:45px;
}

.cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

.card{
background:linear-gradient(180deg,#151d2a,#0f1621);
border:1px solid rgba(255,255,255,.08);
padding:38px;
min-height:260px;
border-radius:18px;
transition:.3s;
}

.card:hover{
transform:translateY(-8px);
border-color:rgba(242,140,40,.6);
}

.card h3{
font-size:25px;
margin-bottom:18px;
color:#ffffff;
}

.card p{
font-size:17px;
line-height:1.7;
color:#bfc6d2;
}

.cta{
padding:90px 0;
background:
linear-gradient(90deg,rgba(242,140,40,.92),rgba(170,70,10,.9)),
url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=80");
background-size:cover;
background-position:center;
text-align:center;
}

.cta h2{
font-size:46px;
margin-bottom:16px;
}

.cta p{
font-size:21px;
margin-bottom:30px;
}

.cta a{
display:inline-block;
background:#0b0f14;
color:#fff;
padding:17px 36px;
border-radius:4px;
text-decoration:none;
font-weight:800;
}

footer{
background:#070a0f;
padding:28px 0;
color:#8d96a5;
font-size:14px;
}

.menu-hamburguesa{
display:none;
}

@media(max-width:900px){

.header .container{
height:86px;
display:grid;
grid-template-columns:auto auto auto;
align-items:center;
gap:12px;
}

.logo img{
height:96px;
transform:translateY(18px);
}

.menu-hamburguesa{
display:block;
background:none;
border:none;
color:#ffffff;
font-size:34px;
cursor:pointer;
justify-self:center;
z-index:50;
}

nav{
display:block;
position:absolute;
top:96px;
right:5%;
left:auto;
width:78%;
max-width:330px;
background:rgba(11,15,20,.96);
padding:24px;
border:1px solid rgba(255,255,255,.10);
border-radius:22px;
box-shadow:0 25px 70px rgba(0,0,0,.45);
backdrop-filter:blur(18px);
opacity:0;
visibility:hidden;
transform:translateY(-18px);
transition:opacity .55s ease, transform .55s ease, visibility .55s ease;
}

nav.abierto{
opacity:1;
visibility:visible;
transform:translateY(0);
}

nav a{
display:block;
padding:15px 0;
font-size:18px;
}

.btn-menu{
padding:12px 16px;
font-size:13px;
white-space:nowrap;
}

.hero h1{
font-size:42px;
}

.hero p{
font-size:18px;
}

.numeros .container{
grid-template-columns:repeat(2,1fr);
}

.cards{
grid-template-columns:1fr;
}

}


@media(max-width:560px){
.hero{
padding-top:150px;
}

.hero h1{
font-size:34px;
}

.numeros .container{
grid-template-columns:1fr;
}

.productos h2,
.cta h2{
font-size:32px;
}
	.contacto{
padding:90px 0;
background:#111827;
text-align:center;
}

.contacto h2{
font-size:42px;
margin-bottom:20px;
}

.contacto p{
font-size:18px;
color:#d1d5db;
margin-bottom:18px;
}

.contacto-info{
max-width:700px;
margin:auto;
}

.btn-whatsapp{
display:inline-flex;
align-items:center;
gap:12px;
padding:18px 34px;
background:#25D366;
color:#fff;
text-decoration:none;
border-radius:40px;
font-weight:700;
margin-top:20px;
}

.btn-whatsapp img{
width:24px;
height:24px;
filter:invert(1);
}

}

nav a.activo{
color:#f28c28;
}

nav a.activo::after{
content:"";
display:block;
height:2px;
background:#f28c28;
margin-top:8px;
border-radius:20px;
}

.pagina-hero{
min-height:650px;
padding-top:150px;
display:flex;
align-items:center;
position:relative;
background:
linear-gradient(90deg,rgba(5,8,14,.98),rgba(5,8,14,.78),rgba(5,8,14,.42)),
url("/assets/images/hero.jpg");
background-size:cover;
background-position:center;
overflow:hidden;
}

.productos-hero{
background:
linear-gradient(90deg,rgba(5,8,14,.98),rgba(5,8,14,.78),rgba(5,8,14,.42)),
url("/assets/images/productos-murac.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.nosotros-hero{
background:
linear-gradient(90deg,rgba(5,8,14,.98),rgba(5,8,14,.78),rgba(5,8,14,.42)),
url("/assets/images/nosotros-murac.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.marcas-hero{
background:
linear-gradient(90deg,rgba(5,8,14,.98),rgba(5,8,14,.78),rgba(5,8,14,.42)),
url("/assets/images/marcas-murac.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.aplicaciones-hero{
background:
linear-gradient(90deg,rgba(5,8,14,.98),rgba(5,8,14,.78),rgba(5,8,14,.42)),
url("/assets/images/aplicaciones-murac.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.contacto-hero{
background:
linear-gradient(90deg,rgba(5,8,14,.98),rgba(5,8,14,.78),rgba(5,8,14,.42)),
url("/assets/images/contacto-murac.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.productos-lista{
padding-top:35px;
margin-top:-115px;
position:relative;
z-index:4;
}

.pagina-hero::after{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 75% 35%,rgba(242,140,40,.32),transparent 34%);
}

.pagina-hero .container{
position:relative;
z-index:2;
}

.etiqueta{
display:inline-block;
color:#f28c28;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:18px;
}

.pagina-hero h1{
font-size:68px;
line-height:1;
letter-spacing:-2px;
margin-bottom:24px;
}

.pagina-hero p{
max-width:760px;
font-size:22px;
line-height:1.7;
color:#d9dde5;
}

.nosotros-premium{
padding:35px 0 110px;
background:
linear-gradient(180deg,#0b0f14,#101722);
}

.pagina-productos .nosotros-premium{
padding-top:5px;
}

body:not(.pagina-productos) .nosotros-premium{
padding-top:5px;
}

.nosotros-grid{
display:grid;
grid-template-columns:1.4fr .8fr;
gap:34px;
margin-bottom:55px;
}

.nosotros-texto,
.nosotros-panel{
background:linear-gradient(180deg,rgba(21,29,42,.95),rgba(15,22,33,.95));
border:1px solid rgba(255,255,255,.09);
border-radius:24px;
padding:44px;
box-shadow:0 28px 80px rgba(0,0,0,.28);

display:flex;
flex-direction:column;
}

.nosotros-texto h2{
font-size:42px;
line-height:1.15;
margin-bottom:24px;
}

.nosotros-texto p,
.nosotros-panel p{
font-size:18px;
line-height:1.8;
color:#c8d0dc;
margin-bottom:16px;
}

.nosotros-panel{
border-color:rgba(242,140,40,.55);
}

.nosotros-panel h3{
font-size:30px;
margin-bottom:20px;
color:#f28c28;
}






@media(max-width:900px){
.pagina-hero h1{
font-size:44px;
}

.pagina-hero p{
font-size:18px;
}

.nosotros-grid{
grid-template-columns:1fr;
}
}
.formulario-contacto{
display:flex;
flex-direction:column;
gap:18px;
margin-top:35px;
}

.formulario-contacto input,
.formulario-contacto textarea{

width:100%;
padding:18px 20px;

background:#182230;

border:1px solid rgba(255,255,255,.10);

border-radius:12px;

color:#ffffff;

font-size:16px;

font-family:'Inter',Arial,sans-serif;

transition:.30s;

}

.formulario-contacto textarea{

min-height:170px;

resize:vertical;

}

.formulario-contacto input:focus,
.formulario-contacto textarea:focus{

outline:none;

border-color:#f28c28;

box-shadow:0 0 18px rgba(242,140,40,.25);

}

.formulario-contacto button{

background:#f28c28;

color:#ffffff;

border:none;

border-radius:12px;

padding:18px;

font-size:17px;

font-weight:700;

cursor:pointer;

transition:.30s;

}

.formulario-contacto button:hover{

transform:translateY(-3px);

box-shadow:0 18px 40px rgba(242,140,40,.35);

}

.captcha-visual{

display:flex;

align-items:center;

gap:14px;

padding:18px 22px;

margin:22px 0 28px;

border:1px solid rgba(242,140,40,.35);

border-radius:14px;

background:rgba(255,255,255,.03);

font-size:17px;

color:#d7dde7;

}

.captcha-visual input{

width:22px;

height:22px;

cursor:pointer;

}

.formulario-contacto button{

margin-top:10px;

width:100%;

}

.mapa-contacto{

margin-top:60px;

border-radius:22px;

overflow:hidden;

border:1px solid rgba(255,255,255,.08);

box-shadow:0 25px 60px rgba(0,0,0,.35);

}

.mapa-contacto iframe{

width:100%;

height:520px;

border:0;

display:block;

}

@media(max-width:900px){

.mapa-contacto iframe{

height:380px;

}

}

.contenido-pagina{
opacity:0;
filter:brightness(.92);
transform:translateY(12px);
transition:opacity .72s ease, filter .72s ease, transform .72s ease;
}

.contenido-pagina.pagina-lista{
opacity:1;
filter:brightness(1);
transform:translateY(0);
}

.contenido-pagina.pagina-saliendo{
opacity:0;
filter:brightness(.82);
transform:translateY(12px);
}

@media(max-width:900px){

.contenido-pagina{
transition:opacity .55s ease, filter .55s ease, transform .55s ease;
}
	
}


.pagina-contacto .nosotros-panel{
min-height:860px;
display:flex;
flex-direction:column;
}

.mapa-mini{
display:block;
width:78%;
height:250px;
margin:30px auto 0;
border-radius:18px;
overflow:hidden;
border:1px solid rgba(255,255,255,.14);
box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.mapa-mini iframe{
width:100%;
height:100%;
border:0;
display:block;
pointer-events:none;
}

@media(max-width:900px){

.pagina-contacto .nosotros-panel{
min-height:auto;
}

.mapa-mini{
width:82%;
height:260px;
margin:34px auto 0;
}
	
}

.btn-proyecto-especial{

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

width:520px;

max-width:100%;

margin:38px auto 0;

padding:24px 34px;

text-align:center;

text-decoration:none;

border-radius:18px;

background:linear-gradient(135deg,#ffb347,#f28c28,#d86a00);

border:2px solid rgba(255,255,255,.18);

box-shadow:
0 12px 35px rgba(242,140,40,.45),
0 0 30px rgba(242,140,40,.28);

transition:.35s;

}

.btn-proyecto-especial:hover{

transform:translateY(-5px) scale(1.03);

box-shadow:
0 22px 55px rgba(242,140,40,.60),
0 0 45px rgba(242,140,40,.40);

}

.btn-proyecto-especial span{

display:block;

font-size:16px;

font-weight:800;

}

.btn-proyecto-especial small{

display:block;

font-size:13px;

font-weight:700;

letter-spacing:.5px;

margin-top:2px;

}

.btn-conocer-murac{
display:inline-block;
background:linear-gradient(135deg,#ffb347,#f28c28,#d86a00);
color:#ffffff;
padding:18px 42px;
border-radius:16px;
text-decoration:none;
font-weight:800;
font-size:15px;
letter-spacing:.6px;
border:2px solid rgba(255,255,255,.20);
box-shadow:
0 14px 36px rgba(242,140,40,.42),
0 0 24px rgba(242,140,40,.26);
transition:.35s;
}

.btn-conocer-murac:hover{
transform:translateY(-4px) scale(1.04);
box-shadow:
0 22px 54px rgba(242,140,40,.58),
0 0 42px rgba(242,140,40,.38);
color:#ffffff;
}

.btn-cta-premium{
display:inline-block;
background:linear-gradient(135deg,#ffb347,#f28c28,#d86a00);
color:#ffffff;
padding:18px 42px;
border-radius:16px;
text-decoration:none;
font-weight:800;
font-size:15px;
letter-spacing:.6px;
border:2px solid rgba(255,255,255,.20);
box-shadow:
0 14px 36px rgba(242,140,40,.42),
0 0 24px rgba(242,140,40,.26);
transition:.35s;
}

.btn-cta-premium:hover{
transform:translateY(-4px) scale(1.04);
box-shadow:
0 22px 54px rgba(242,140,40,.58),
0 0 42px rgba(242,140,40,.38);
color:#ffffff;
}

.btn-cta-oscuro{
display:inline-block;
background:linear-gradient(135deg,#0b0f14,#151d2a,#0b0f14);
color:#ffffff;
padding:18px 42px;
border-radius:16px;
text-decoration:none;
font-weight:800;
font-size:15px;
letter-spacing:.6px;
border:2px solid rgba(242,140,40,.65);
box-shadow:
0 14px 34px rgba(0,0,0,.42),
0 0 18px rgba(242,140,40,.22);
transition:.35s;
}

.btn-cta-oscuro:hover{
transform:translateY(-4px) scale(1.04);
box-shadow:
0 22px 54px rgba(0,0,0,.55),
0 0 36px rgba(242,140,40,.34);
color:#ffffff;
border-color:#f28c28;
}

.footer-premium{

display:flex;

justify-content:space-between;

align-items:center;

gap:30px;

padding:8px 0;

}

.footer-izquierda{

flex:1;

font-size:13px;

color:#9ea7b7;

}

.footer-centro{

flex:1;

text-align:center;

font-size:13px;

line-height:1.8;

color:#9ea7b7;

}

.footer-centro a{

color:#8b5cf6;

text-decoration:none;

font-weight:700;

transition:.30s;

}

.footer-centro a:hover{

color:#f28c28;

}

.footer-derecha{

flex:1;

text-align:right;

font-size:13px;

}

.footer-derecha a{

color:#7db8ff;

text-decoration:none;

transition:.30s;

}

.footer-derecha a:hover{

color:#f28c28;

}

@media(max-width:900px){

.footer-premium{

flex-direction:column;

text-align:center;

gap:14px;

}

.footer-izquierda,

.footer-centro,

.footer-derecha{

width:100%;

text-align:center;

}

}