@media (max-width:900px){

#encabezado{

padding:16px 20px;

background:rgba(6,14,26,.92);

backdrop-filter:blur(14px);

}

.encabezado-contenedor{

width:100%;

max-width:none;

gap:20px;

}

.logo{

position:relative;

z-index:1002;

}

.logo img{

height:58px;

}

.boton-menu{

position:relative;

z-index:1002;

display:flex;

width:46px;

height:46px;

padding:10px;

flex-direction:column;

align-items:center;

justify-content:center;

gap:6px;

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

border-radius:10px;

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

}

.boton-menu span{

display:block;

width:24px;

height:2px;

background:#ffffff;

border-radius:3px;

transition:
transform .30s ease,
opacity .30s ease;

}

.boton-menu.activo span:nth-child(1){

transform:translateY(8px) rotate(45deg);

}

.boton-menu.activo span:nth-child(2){

opacity:0;

}

.boton-menu.activo span:nth-child(3){

transform:translateY(-8px) rotate(-45deg);

}

.menu-escritorio{

position:fixed;

top:0;

right:-100%;

width:min(340px,88%);

height:100vh;

padding:105px 22px 35px;

display:flex;

flex-direction:column;

align-items:stretch;

justify-content:flex-start;

gap:10px;

background:#08111d;

box-shadow:-20px 0 50px rgba(0,0,0,.30);

overflow-y:auto;

transition:right .35s ease;

z-index:1001;

}

.menu-escritorio.abierto{

right:0;

}

.menu-escritorio>a,

.menu-servicios>a{

width:100%;

height:auto;

min-height:48px;

padding:12px 18px;

justify-content:flex-start;

border-radius:10px;

font-size:16px;

}

.menu-servicios{

width:100%;

padding:0;

margin:0;

}

.submenu-servicios{

position:static;

display:flex;

width:100%;

margin-top:8px;

padding:6px 0 6px 18px;

flex-direction:column;

gap:5px;

background:transparent;

border:none;

border-left:2px solid rgba(239,108,0,.65);

border-radius:0;

backdrop-filter:none;

}

.submenu-servicios a{

min-height:40px;

height:auto;

padding:9px 16px;

font-size:14px;

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

}

body.menu-abierto{

overflow:hidden;

}

	.hero-principal{

min-height:100vh;

padding-bottom:340px;

display:flex;

align-items:flex-start;

}

.hero-contenido{

max-width:100%;

padding-top:220px;

padding-left:0;

padding-right:0;

transform:none;

}

.hero-etiqueta{

font-size:11px;

letter-spacing:2px;

margin-bottom:16px;

}

.hero-contenido h1{

font-size:40px;

line-height:1.15;

margin-bottom:20px;

}

.hero-descripcion{

font-size:17px;

line-height:1.7;

margin-bottom:24px;

}

.hero-botones{

margin-bottom:0;

}

.boton-presupuesto{

width:100%;

max-width:320px;

padding:15px 18px;

font-size:13px;

justify-content:center;

}
	.hero-estadisticas{

left:50%;

right:auto;

bottom:110px;

transform:translateX(-50%);

width:90%;

max-width:360px;

}

.estadistica{

padding:18px 10px;

}

.estadistica span{

font-size:24px;

}

.estadistica p{

font-size:13px;

line-height:1.4;

}
	.hero-nosotros-contenido h1{

font-size:34px;

line-height:1.12;

margin-bottom:20px;

}
.mision-vision{

padding:55px 0;

}

.mision-vision-contenedor{

display:flex;

flex-direction:column;

gap:28px;

}

.tarjeta-mision,
.tarjeta-vision{

width:100%;

padding:36px 28px;

}

.mision-vision-etiqueta{

font-size:12px;

letter-spacing:3px;

margin-bottom:14px;

}

.tarjeta-mision h2,
.tarjeta-vision h2{

font-size:32px;

line-height:1.15;

margin-bottom:18px;

}

.tarjeta-mision p,
.tarjeta-vision p{

font-size:17px;

line-height:1.7;

}
	.valores{

padding:55px 0;

}

.valores h2{

font-size:36px;

line-height:1.15;

margin-bottom:40px;

}

.valores-grid{

grid-template-columns:1fr;

gap:24px;

}

.valor{

width:100%;

padding:36px 28px;

}

.valor h3{

font-size:26px;

line-height:1.2;

margin-bottom:16px;

}

.valor p{

font-size:17px;

line-height:1.7;

}
	
	.hero-servicios{

height:auto;

min-height:620px;

align-items:flex-start;

}

.hero-servicios-contenido{

max-width:100%;

padding-top:155px;

padding-bottom:55px;

}

.hero-servicios-etiqueta{

font-size:12px;

letter-spacing:4px;

margin-bottom:18px;

}

.hero-servicios-contenido h1{

font-size:42px;

line-height:1.08;

margin-bottom:22px;

}

.hero-servicios-contenido p{

font-size:17px;

line-height:1.6;

max-width:100%;

}
.servicios-principales{

margin-top:0;

padding:55px 0 70px;

}

.servicios-titulo{

margin:0 auto 40px;

}

.servicios-titulo h2{

font-size:36px;

line-height:1.15;

margin-bottom:20px;

}

.servicios-titulo p{

font-size:17px;

line-height:1.7;

}

.servicios-grid{

grid-template-columns:1fr;

gap:28px;

}

.servicio-card{

width:100%;

min-height:auto;

}

.servicio-card img{

height:230px;

}

.servicio-info{

padding:30px 26px;

}

.servicio-info h3{

font-size:30px;

line-height:1.2;

margin-bottom:16px;

}

.servicio-info p{

font-size:17px;

line-height:1.7;

margin-bottom:24px;

}

.servicio-info span{

width:100%;

padding:15px 18px;

font-size:13px;

letter-spacing:2px;

text-align:center;

}
	.servicios-cierre{

padding:55px 0;

}

.servicios-cierre-contenido{

width:92%;

max-width:none;

display:flex;

flex-direction:column;

align-items:stretch;

gap:30px;

}

.servicios-cierre-texto{

width:100%;

text-align:left;

}

.servicios-cierre-etiqueta{

font-size:12px;

letter-spacing:3px;

margin-bottom:16px;

}

.servicios-cierre h2{

font-size:34px;

line-height:1.15;

margin-bottom:18px;

}

.servicios-cierre p{

font-size:17px;

line-height:1.7;

max-width:100%;

}

.servicios-cierre-boton{

display:block;

width:100%;

padding:16px 18px;

font-size:13px;

letter-spacing:2px;

text-align:center;

}
.hero-proyectos{

height:auto;

min-height:620px;

padding-top:105px;

align-items:flex-start;

}

.hero-proyectos-contenido{

max-width:100%;

padding-top:70px;

padding-bottom:55px;

}

.hero-proyectos-etiqueta{

font-size:12px;

letter-spacing:3px;

margin-bottom:16px;

}

.hero-proyectos-contenido h1{

font-size:36px;

line-height:1.12;

margin-bottom:20px;

}

.hero-proyectos-contenido p{

font-size:17px;

line-height:1.65;

max-width:100%;

}
	.proyectos-galeria{

padding:55px 0 70px;

}

.proyectos-titulo{

margin:0 auto 40px;

}

.proyectos-titulo h2{

font-size:36px;

line-height:1.15;

margin-bottom:20px;

}

.proyectos-titulo p{

font-size:17px;

line-height:1.7;

}

.proyectos-grid{

grid-template-columns:1fr;

gap:28px;

}

.proyecto-card{

width:100%;

}

.proyecto-card img{

height:230px;

display:block;

}

.proyecto-info{

padding:28px 26px;

}

.proyecto-info h3{

font-size:28px;

line-height:1.2;

margin-bottom:12px;

}

.proyecto-info p{

font-size:17px;

line-height:1.6;

}
	
	.hero-contacto{

height:auto;

padding:105px 0 60px;

align-items:flex-start;

}

.hero-contacto-distribucion{

grid-template-columns:1fr;

gap:45px;

padding:70px 0 0;

}

.hero-contacto-contenido{

max-width:100%;

padding-top:0;

transform:none;

}

.hero-contacto-etiqueta{

font-size:12px;

letter-spacing:3px;

margin-bottom:16px;

}

.hero-contacto-contenido h1{

font-size:36px;

line-height:1.12;

margin-bottom:20px;

}

.hero-contacto-contenido p{

font-size:17px;

line-height:1.65;

max-width:100%;

}
	
}