/* DISEÑO FOOTER */

.footer{

padding:120px 7% 40px;

background:#040706;

border-top:1px solid rgba(255,255,255,.05);

position:relative;

overflow:hidden;

}

/* EFECTO DE FONDO */

.footer::before{

content:"";

position:absolute;

width:700px;

height:700px;

left:50%;

top:50%;

transform:translate(-50%,-50%);

background:radial-gradient(
circle,
rgba(164,255,0,.08),
transparent 70%
);

pointer-events:none;

}

/* GRID */

.footer-grid{

display:grid;

grid-template-columns:1.5fr .8fr 1fr;

gap:90px;

position:relative;

z-index:2;

}

/* COLUMNA IZQUIERDA */

.footer-brand h2{

font-size:58px;

line-height:.95;

font-weight:300;

color:white;

max-width:450px;

}

.footer-brand h2 span{

color:#a4ff00;

font-weight:600;

}

.footer-brand p{

margin-top:30px;

max-width:420px;

line-height:1.8;

color:#9b9b9b;

}

/* BOTON */

.footer-btn{

display:inline-flex;

align-items:center;

justify-content:center;

margin-top:35px;

padding:18px 38px;

border-radius:999px;

background:#a4ff00;

color:black;

font-weight:600;

text-decoration:none;

transition:.35s;

}

.footer-btn:hover{

transform:translateY(-4px);

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

}

/* TITULOS */

.footer h4{

margin-bottom:25px;

font-size:15px;

font-weight:600;

color:white;

}

/* MENU */

.footer-nav ul{

list-style:none;

padding:0;

margin:0;

}

.footer-nav li{

margin-bottom:16px;

}

.footer-nav a{

color:#9b9b9b;

text-decoration:none;

transition:.3s;

}

.footer-nav a:hover{

color:#a4ff00;

padding-left:3px;

}

/* CONTACTO */

.footer-contact{

list-style:none;

padding:0;

margin:0;

display:flex;

flex-direction:column;

gap:22px;

}

.footer-contact li{

display:flex;

flex-direction:column;

gap:6px;

}

.footer-contact strong{

font-size:14px;

font-weight:600;

color:white;

}

/* LINKS TELEFONO Y CORREO */

.footer-link{

position:relative;

width:max-content;

color:#a9a9a9;

text-decoration:none;

transition:.3s ease;

}

.footer-link::after{

content:"";

position:absolute;

left:0;

bottom:-4px;

width:100%;

height:1px;

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

transition:.3s;

}

.footer-link:hover{

color:#a4ff00;

}

.footer-link:hover::after{

background:#a4ff00;

}

/* DIVISOR */

.footer-divider{

height:1px;

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

margin:25px 0;

}

/* PARTE INFERIOR */

.footer-bottom{

margin-top:80px;

padding-top:30px;

border-top:1px solid rgba(255,255,255,.06);

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

position:relative;

z-index:2;

}

/* COPYRIGHT */

.footer-copy{

display:flex;

flex-direction:column;

gap:8px;

}

.footer-copy span{

color:#757575;

font-size:14px;

}

/* SORA DESIGN */

.footer-credit{

font-size:13px;

color:#666;

}

.footer-credit a{

color:#a4ff00;

text-decoration:none;

transition:.3s;

}

.footer-credit a:hover{

opacity:.8;

}

/* LEGAL */

.footer-legal{

display:flex;

gap:25px;

}

.footer-legal a{

color:#757575;

text-decoration:none;

transition:.3s;

}

.footer-legal a:hover{

color:#a4ff00;

}

/* TABLET */

@media(max-width:992px){

.footer-grid{

grid-template-columns:1fr;

gap:60px;

}

.footer-brand h2{

font-size:56px;

}

.footer-bottom{

flex-direction:column;

align-items:flex-start;

}

}

/* CELULAR */

@media(max-width:768px){

.footer{
    
    padding:80px 7% 30px;
}

.footer-brand h2{

font-size:42px;

}

.footer-btn{

width:100%;

max-width:260px;

}

.footer-legal{

flex-direction:column;

gap:10px;

}

}

/* FINAL DISEÑO FOOTER */

/* ===================================================== */
/* TECNOLOGÍA                                             */
/* ===================================================== */

.tech-hero{

position:relative;

max-width:1320px;

margin:150px auto 0;

padding:90px 7%;

text-align:center;

border-radius:36px;

overflow:hidden;
}

.tech-hero::before{

content:'';

position:absolute;

inset:0;

background:
radial-gradient(circle at 70% 30%, rgba(163,255,18,.1), transparent 55%),
#050505;

z-index:-2;
}

.tech-hero::after{

content:'';

position:absolute;

inset:0;

background:
linear-gradient(180deg, rgba(4,7,6,.35), rgba(4,7,6,.9));

z-index:-1;
}

.tech-tag{

display:inline-flex;

padding:10px 22px;

border-radius:999px;

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

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

color:#A3FF12;

font-size:12px;

font-weight:600;

letter-spacing:2px;

margin-bottom:28px;
}

.tech-title{

font-size:clamp(34px,5vw,58px);

font-weight:600;

line-height:1.08;

letter-spacing:-2px;

color:#fff;

margin-bottom:22px;
}

.tech-title span{

color:#A3FF12;
}

.tech-lead{

max-width:740px;

margin:0 auto;

font-size:17px;

line-height:1.8;

color:#9a9a9a;
}

/* LIDAR */

.lidar-section{

max-width:1320px;

margin:90px auto;

padding:0 7%;

display:flex;

align-items:center;

gap:90px;
}

.lidar-visual{

position:relative;

flex-shrink:0;

width:680px;

height:680px;

display:flex;

align-items:center;

justify-content:center;

border-radius:28px;

overflow:hidden;

background:#0a0a0a;

box-shadow:0 25px 45px rgba(0,0,0,.5);
}

.lidar-video{

position:absolute;

inset:0;

width:100%;

height:100%;

object-fit:cover;
}

.lidar-content{

flex:1;
}

.lidar-content h2{

font-size:clamp(26px,3vw,38px);

font-weight:600;

letter-spacing:-1px;

color:#fff;

margin-bottom:20px;
}

.lidar-content p{

font-size:16px;

line-height:1.85;

color:#9a9a9a;

margin-bottom:30px;
}

.lidar-list{

list-style:none;

display:grid;

grid-template-columns:1fr 1fr;

gap:16px 24px;
}

.lidar-list li{

display:flex;

align-items:center;

gap:12px;

font-size:15px;

color:#d8d8d8;
}

.lidar-list i,
.lidar-list svg{

flex-shrink:0;

width:18px;

height:18px;

padding:4px;

border-radius:50%;

background:rgba(163,255,18,.12);

stroke:#A3FF12;
}

/* TARJETAS DE TECNOLOGÍA */

.tech-cards-section{

padding:20px 7% 100px;
}

.tech-cards{

max-width:1320px;

margin:0 auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:24px;
}

.tech-card{

display:block;

padding:38px;

border-radius:30px;

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

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

backdrop-filter:blur(20px);

text-decoration:none;

transition:all .45s cubic-bezier(.19,1,.22,1);
}

.tech-card:hover{

transform:translateY(-10px);

border-color:rgba(163,255,18,.22);

background:linear-gradient(135deg, rgba(163,255,18,.08), rgba(255,255,255,.02));

box-shadow:0 15px 50px rgba(163,255,18,.08);
}

.tech-card i,
.tech-card svg{

width:34px;

height:34px;

stroke:#A3FF12;

margin-bottom:28px;
}

.tech-card h3{

font-size:26px;

margin-bottom:16px;

color:#fff;
}

.tech-card p{

font-size:15px;

line-height:1.7;

color:#9a9a9a;
}

.tech-card-3d{

position:relative;

border-color:rgba(163,255,18,.18);
}


/* MODELADO 3D DESTACADO */

.tech-showcase-section{

padding:20px 7% 40px;
}

.tech-showcase{

max-width:1320px;

margin:0 auto;

display:flex;

align-items:center;

gap:70px;

padding:60px;

border-radius:32px;

background:
radial-gradient(circle at 15% 20%, rgba(163,255,18,.06), transparent 55%),
rgba(255,255,255,.02);

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

.tech-showcase-media{

flex-shrink:0;

width:420px;
}

.tech-showcase-media img{

width:100%;

height:auto;

display:block;

filter:drop-shadow(0 25px 45px rgba(0,0,0,.5));
}

.tech-showcase-content{

flex:1;
}

.tech-showcase-content h2{

font-size:clamp(28px,3.2vw,40px);

font-weight:600;

line-height:1.15;

letter-spacing:-1px;

color:#fff;

margin:18px 0 20px;
}

.tech-showcase-content h2 span{

color:#A3FF12;
}

.tech-showcase-content p{

font-size:16px;

line-height:1.8;

color:#9a9a9a;

max-width:520px;
}

@media(max-width:900px){

.tech-showcase{

flex-direction:column;

padding:44px 32px;

text-align:center;

gap:36px;
}

.tech-showcase-media{

width:280px;
}

.tech-showcase-content p{

margin-left:auto;

margin-right:auto;
}

}

/* RESPONSIVE */

@media(max-width:992px){

.tech-hero{

margin-top:150px;
}

.lidar-section{

flex-direction:column;

text-align:center;

gap:50px;
}

.lidar-visual{

width:100%;

max-width:560px;

height:auto;

aspect-ratio:1/1;
}

.lidar-list{

text-align:left;
}

.tech-cards{

grid-template-columns:1fr;
}

}

@media(max-width:640px){

.lidar-visual{

max-width:400px;
}

.lidar-list{

grid-template-columns:1fr;
}

}