:root{
--azul:#0b3c8c;
--azulGlow:#1f6bff;
--dorado:#c9a227;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Montserrat',sans-serif;
}

body{
background:linear-gradient(160deg,#05070d,#0a1630 40%,#05070d);
color:#e6ecff;
overflow-x:hidden;
}

/* NAV */

.nav{
position:fixed;
top:0;
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 48px;
background:rgba(5,7,13,.75);
backdrop-filter:blur(10px);
border-bottom:1px solid rgba(201,162,39,.25);
z-index:1000;
}
.nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.nav-logo a{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--dorado);
}
.nav-logo{
display:flex;
align-items:center;
gap:12px;
font-weight:700;
letter-spacing:2px;
color:var(--dorado);
}

.nav-logo img{
height:44px;
filter:drop-shadow(0 0 6px rgba(201,162,39,.6));
}

nav a{
color:#c7d2ff;
text-decoration:none;
margin-left:28px;
font-size:14px;
position:relative;
}

nav a::after{
content:"";
position:absolute;
left:0;
bottom:-6px;
width:0;
height:2px;
background:linear-gradient(90deg,var(--dorado),var(--azulGlow));
transition:.3s;
}

nav a:hover{
color:white;
}

nav a:hover::after{
width:100%;
}

.cta{
border:1px solid var(--dorado);
padding:8px 16px;
border-radius:6px;
box-shadow:0 0 12px rgba(201,162,39,.25);
}

/* HERO */

.hero-video{
height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
overflow:hidden;

/* 👇 PARALLAX */
background-image: url("hero.jpg"); /* tu imagen */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;

/* overlay oscuro encima */
}

.hero-video::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
background-size:60px 60px;
animation:gridMove 18s linear infinite;
opacity:.10;
}

@keyframes gridMove{
to{transform:translateY(60px)}
}

.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(
rgba(5,7,13,.6),
rgba(5,7,13,.85)
);
z-index:1;
}

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

.hero-center h1{
font-size:52px;
font-weight:700;
background:linear-gradient(90deg,#fff,var(--azulGlow));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:0 0 18px rgba(31,107,255,.35);
margin-bottom:18px;
}

.hero-center p{
font-size:18px;
color:#c7d2ff;
margin-bottom:32px;
}

.hero-actions a{
margin:10px;
}
@media(max-width:900px){
.hero-video{
background-attachment: scroll;
}
}
/* BOTONES */

.btn-gold{
background:linear-gradient(135deg,var(--dorado),#ffe082);
color:#1a1a1a;
padding:14px 26px;
border-radius:8px;
text-decoration:none;
font-weight:600;
box-shadow:0 0 18px rgba(201,162,39,.45);
transition:.25s;
}

.btn-gold:hover{
transform:translateY(-3px) scale(1.04);
box-shadow:0 0 28px rgba(201,162,39,.8);
}

.btn-outline{
border:1px solid var(--azulGlow);
color:var(--azulGlow);
padding:14px 26px;
border-radius:8px;
text-decoration:none;
box-shadow:0 0 16px rgba(31,107,255,.35) inset;
}

/* IMPACT */

.impact{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:28px;
padding:120px 60px 60px;
}

.impact-card{
background:linear-gradient(160deg,#0b1224,#0f1c3f);
padding:34px;
border-radius:14px;
border:1px solid rgba(31,107,255,.25);
position:relative;
overflow:hidden;
transition:.35s;
}

.impact-card:hover{
transform:translateY(-10px) scale(1.03);
border-color:var(--dorado);
box-shadow:0 0 28px rgba(31,107,255,.35);
}

.impact-card h3{
color:var(--dorado);
margin-bottom:10px;
}

/* GRID */

.grid-showcase{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-auto-rows:200px;
gap:18px;
padding:40px 60px 120px;
}

.grid-item{
background:linear-gradient(160deg,#0b1224,#13265a);
border-radius:16px;
display:flex;
align-items:flex-end;
padding:24px;
text-decoration:none;
color:white;
border:1px solid rgba(201,162,39,.25);
transition:.35s;
}

.grid-item:hover{
transform:scale(1.05);
box-shadow:0 0 30px rgba(31,107,255,.45);
border-color:var(--dorado);
}

.grid-item.large{
grid-column:span 2;
grid-row:span 2;
}

/* BRANDS */

.brands{
padding:80px 0;
text-align:center;
border-top:1px solid rgba(201,162,39,.25);
border-bottom:1px solid rgba(201,162,39,.25);
overflow:hidden;
}

.brands h2{
margin-bottom:30px;
color:var(--dorado);
}

.brands-track{
display:flex;
gap:70px;
width:max-content;
animation:brandsMove 22s linear infinite;
}

.brands-track img{
height:54px;
filter:grayscale(100%) brightness(.9);
opacity:.8;
transition:.3s;
}

.brands-track img:hover{
filter:none;
opacity:1;
transform:scale(1.15);
}

@keyframes brandsMove{
to{transform:translateX(-50%)}
}

/* CTA */

.cta-band{
padding:100px 40px;
text-align:center;
background:linear-gradient(160deg,#061a3a,#0b3c8c);
}

.cta-band h2{
font-size:34px;
margin-bottom:26px;
}

/* FOOTER */

footer{
text-align:center;
padding:40px;
background:#05070d;
color:#7c8bb8;
font-size:14px;
}

/* ANIMACIONES */

.fadeUp{
opacity:0;
transform:translateY(40px);
animation:fadeUp .9s forwards;
}

.delay1{animation-delay:.2s}
.delay2{animation-delay:.4s}

@keyframes fadeUp{
to{opacity:1;transform:none}
}

/* RESPONSIVE */

@media(max-width:900px){
.grid-showcase{grid-template-columns:1fr}
.grid-item.large{grid-column:span 1;grid-row:span 1}
nav{display:none}
}

[data-anim]{
opacity:0;
transform:translateY(60px) scale(.96);
transition:
opacity .8s cubic-bezier(.2,.65,.3,1),
transform .8s cubic-bezier(.2,.65,.3,1);
}

[data-anim].visible{
opacity:1;
transform:translateY(0) scale(1);
}
.grid-item{
  will-change: transform, opacity;
}

[data-anim="left"]{
transform:translateX(-80px) translateY(60px) scale(.96);
}

[data-anim="right"]{
transform:translateX(80px) translateY(60px) scale(.96);
}

[data-anim="zoom"]{
transform:scale(.85) translateY(60px);
}

[data-anim].visible{
transform:translate(0) scale(1);
}


[data-anim]{
  transition-delay: calc(var(--i, 1) * 0.15s);
}
/* ABOUT PAC */

.about-pac{
background:linear-gradient(160deg,#f7f9fc,#eef3ff);
color:#0b1224;
padding:120px 60px;
}

.about-container{
max-width:1100px;
margin:auto;
}

.about-header{
text-align:center;
margin-bottom:40px;
}

.about-header h2{
font-size:36px;
color:var(--azul);
margin-bottom:10px;
}

.about-header p{
color:#555;
font-size:16px;
}

.about-text{
text-align:center;
max-width:800px;
margin:0 auto 60px;
color:#444;
line-height:1.7;
}

.about-cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
margin-bottom:60px;
}

.about-card{
background:#f7f9ff;
padding:28px;
border-radius:14px;
border:1px solid rgba(11,60,140,.08);
transition:.3s;
}

.about-card:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.about-card h3{
color:var(--azul);
margin-bottom:10px;
}

.about-card p{
color:#555;
font-size:14px;
line-height:1.6;
}

.about-values{
text-align:center;
}

.about-values h3{
margin-bottom:20px;
color:var(--azul);
}

.values-list{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.values-list span{
background:linear-gradient(135deg,var(--azul),var(--azulGlow));
color:white;
padding:10px 18px;
border-radius:20px;
font-size:14px;
box-shadow:0 4px 12px rgba(31,107,255,.25);
}

/* RESPONSIVE */

@media(max-width:768px){

.about-pac{
padding:80px 20px;
}

.about-header h2{
font-size:28px;
}

.about-text{
font-size:14px;
}

}

/* MISION Y VISION */

/* MISION Y VISION (VERSION CLARA) */

.mv-section{
padding:120px 60px;
background:linear-gradient(160deg,#eef2ff,#e6ecff);
}

.mv-header h2{
color:var(--azul);
}

.mv-header p{
color:#5a6bbf;
}

/* CARDS */

.mv-card{
background:#ffffff;
padding:40px;
border-radius:18px;
border:1px solid rgba(11,60,140,.08);
position:relative;
overflow:hidden;
transition:.35s;
}

/* glow suave elegante */

.mv-card::before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at top left, rgba(31,107,255,.15), transparent 60%);
opacity:.6;
}

.mv-card:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:0 12px 30px rgba(0,0,0,.08);
border-color:var(--azulGlow);
}

/* TITULOS */

.mv-card h3{
color:var(--azul);
}

/* TEXTO */

.mv-card p{
color:#444;
}
/* efecto glow */

.mv-card::before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at top left, rgba(31,107,255,.25), transparent 60%);
opacity:.4;
}

.mv-card:hover{
transform:translateY(-10px) scale(1.02);
border-color:var(--dorado);
box-shadow:0 0 35px rgba(31,107,255,.4);
}

/* TITULOS */

.mv-card h3{
color:var(--dorado);
font-size:22px;
margin-bottom:14px;
}

/* TEXTO */

.mv-card p{
color:#363739;
line-height:1.7;
font-size:15px;
}

/* RESPONSIVE */

@media(max-width:900px){

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

.mv-section{
padding:80px 20px;
}

.mv-card{
padding:28px;
}

.mv-header h2{
font-size:26px;
}

}
/* GRID CON IMAGENES */


.grid-item{
position:relative;
overflow:hidden;
background-size:cover;
background-position:center;
}

/* overlay oscuro elegante */
.grid-item::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
rgba(5,7,13,.4),
rgba(5,7,13,.85)
);
z-index:1;
transition:.3s;
}

/* contenido arriba */
.grid-item div{
position:relative;
z-index:2;
}

/* efecto hover más pro */
.grid-item:hover::before{
background:linear-gradient(
rgba(5,7,13,.2),
rgba(5,7,13,.7)
);
}

/* IMAGENES (aquí cambias tus fotos) */

.tableros{
background-image:url("hero.jpg");
}

.automatizacion{
background-image:url("Automatizacion.png");
}

.casos{
background-image:url("Casos.png");
}

.distribucion{
background-image:url("Aletch.jpg");
}

.scada{
background-image:url("SCADA.png");
}

/* FOOTER PRO */

.footer{
background:#05070d;
border-top:1px solid rgba(201,162,39,.25);
padding-top:60px;
}

.footer-container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:40px;
padding:0 60px 40px;
max-width:1200px;
margin:auto;
}

.footer-col h3,
.footer-col h4{
color:var(--dorado);
margin-bottom:14px;
}

.footer-col p{
color:#9aa7d6;
font-size:14px;
margin-bottom:8px;
}

.footer-col ul{
list-style:none;
}

.footer-col ul li{
margin-bottom:10px;
}

.footer-col ul li a{
text-decoration:none;
color:#c7d2ff;
font-size:14px;
transition:.3s;
}

.footer-col ul li a:hover{
color:var(--dorado);
padding-left:6px;
}

.footer-bottom{
text-align:center;
padding:20px;
border-top:1px solid rgba(201,162,39,.15);
color:#7c8bb8;
font-size:13px;
}

/* RESPONSIVE FOOTER */

@media(max-width:768px){
.footer-container{
padding:0 20px 30px;
text-align:center;
}
}

/* HERO CONTACTO */

.hero-contacto{
height:50vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;

background-image:url("hero.jpg");
background-size:cover;
background-position:center;
background-attachment:fixed;
}
/* CONTACTO */

.contacto{
padding:120px 60px;
}

.contacto-container{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
max-width:1100px;
margin:auto;
}

/* INFO */

.contacto-info h2{
color:var(--dorado);
margin-bottom:20px;
}

.contacto-info p{
margin-bottom:20px;
color:#c7d2ff;
}

.contacto-info a{
color:var(--azulGlow);
text-decoration:none;
}

/* FORM */

.contacto-form h2{
color:var(--dorado);
margin-bottom:20px;
}

.contacto-form form{
display:flex;
flex-direction:column;
gap:15px;
}

.contacto-form input,
.contacto-form textarea{
padding:14px;
border-radius:8px;
border:none;
outline:none;
background:#0b1224;
color:white;
border:1px solid rgba(31,107,255,.3);
}

.contacto-form input:focus,
.contacto-form textarea:focus{
border-color:var(--dorado);
box-shadow:0 0 10px rgba(201,162,39,.3);
}

/* MAPA */

.mapa{
padding:0 60px 120px;
}

.mapa iframe{
width:100%;
height:400px;
border:none;
border-radius:16px;
}

/* RESPONSIVE */

@media(max-width:900px){
.contacto-container{
grid-template-columns:1fr;
}

.hero-contacto{
height:40vh;
}
}

/* GALERIA PREVIEW */

.galeria-preview{
padding:120px 60px;
background:#05070d;
}

.galeria-preview-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
margin-top:40px;
}

.galeria-preview-grid img{
width:100%;
height:180px;
object-fit:cover;
border-radius:12px;
transition:.4s;
border:1px solid rgba(201,162,39,.2);
}

.galeria-preview-grid img:hover{
transform:scale(1.05);
box-shadow:0 0 20px rgba(31,107,255,.5);
border-color:var(--dorado);
}

/* BOTON */

.galeria-btn{
text-align:center;
margin-top:40px;
}


/* EMPRESA */

.empresa{
padding:120px 60px;
background:linear-gradient(160deg,#05070d,#0a1630);
}

.empresa-container{
max-width:1100px;
margin:auto;
}

.empresa-header{
text-align:center;
margin-bottom:60px;
}

.empresa-header h2{
font-size:36px;
color:var(--dorado);
margin-bottom:10px;
}

.empresa-header p{
color:#9aa7d6;
}

.empresa-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
margin-bottom:80px;
}

.empresa-grid.reverse{
direction:rtl;
}

.empresa-grid.reverse *{
direction:ltr;
}

.empresa-text p{
margin-bottom:18px;
color:#c7d2ff;
line-height:1.7;
}

.empresa-img img{
width:100%;
border-radius:16px;
box-shadow:0 0 30px rgba(31,107,255,.25);
transition:.3s;
}

.empresa-img img:hover{
transform:scale(1.03);
box-shadow:0 0 40px rgba(201,162,39,.4);
}

/* CLIENTES */

.empresa-clientes{
text-align:center;
margin-top:40px;
}

.empresa-clientes h3{
color:var(--dorado);
margin-bottom:20px;
}

.clientes-logos{
display:flex;
justify-content:center;
gap:50px;
flex-wrap:wrap;
}

.clientes-logos img{
height:60px;
filter:grayscale(100%) brightness(.9);
opacity:.8;
transition:.3s;
}

.clientes-logos img:hover{
filter:none;
opacity:1;
transform:scale(1.1);
}

/* RESPONSIVE */

@media(max-width:900px){

.empresa{
padding:80px 20px;
}

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

.empresa-grid.reverse{
direction:ltr;
}

}
/* SCADA HTML*/
/* HERO SCADA */
.scada-hero{
background-image:url("SCADA.png");
}

/* TECNOLOGIAS */

.aveva{
background-image:url("aveva.jpg");
}

.ignition{
background-image:url("Ignition.png");
}

/* SCADA INTRO */

.scada-intro{
padding:120px 60px;
background:linear-gradient(160deg,#05070d,#0a1630);
}

.scada-container{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
max-width:1200px;
margin:auto;
}

.scada-text h2{
color:var(--dorado);
font-size:34px;
margin-bottom:20px;
}

.scada-text p{
color:#c7d2ff;
line-height:1.7;
margin-bottom:16px;
}

.scada-img img{
width:100%;
border-radius:14px;
box-shadow:0 0 30px rgba(31,107,255,.4);
transition:.4s;
}

.scada-img img:hover{
transform:scale(1.04);
}

/* RESPONSIVE */
@media(max-width:900px){
.scada-container{
grid-template-columns:1fr;
}
}

.mineria-galeria{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:40px;
}

.mineria-galeria img{
width:100%;
height:200px;
object-fit:cover;
border-radius:12px;
transition:.4s;
}

.mineria-galeria img:hover{
transform:scale(1.05);
box-shadow:0 0 20px rgba(31,107,255,.5);
}

.aveva::after,
.ignition::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
rgba(0,0,0,.2),
rgba(0,0,0,.85)
);
z-index:1;
}
/* TECNOLOGIAS SCADA */

.tech-scada{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
padding:40px 60px 120px;
}

.tech-card{
position:relative;
height:320px;
border-radius:18px;
display:flex;
align-items:flex-end;
padding:30px;
color:white;
overflow:hidden;
background-size:cover;
background-position:center;
border:1px solid rgba(201,162,39,.25);
transition:.35s;
}

/* altech uwu */

/* overlay */
.tech-card::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
rgba(5,7,13,.3),
rgba(5,7,13,.9)
);
z-index:1;
}

.tech-card div{
position:relative;
z-index:2;
}

.tech-card:hover{
transform:scale(1.04);
box-shadow:0 0 30px rgba(31,107,255,.5);
border-color:var(--dorado);
}

/* RESPONSIVE */
@media(max-width:900px){
.tech-scada{
grid-template-columns:1fr;
}
}

/* ALTECH BRAND */

.altech-brand{
padding:100px 60px;
background:linear-gradient(160deg,#05070d,#0a1630);
}

.altech-brand-container{
display:flex;
align-items:center;
justify-content:center;
gap:60px;
max-width:1100px;
margin:auto;
flex-wrap:wrap;
}

.altech-logo{
width:220px;
filter:drop-shadow(0 0 20px rgba(255,255,255,.2));
transition:.4s;
}

.altech-logo:hover{
transform:scale(1.08);
}

.altech-brand-text{
max-width:500px;
}

.altech-brand-text h2{
color:var(--dorado);
margin-bottom:14px;
}

.altech-brand-text p{
color:#c7d2ff;
line-height:1.7;
}

/* GALERIA ALTECH */

.altech-gallery{
padding:100px 60px;
background:#05070d;
text-align:center;
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:40px;
}

.gallery-grid img{
width:100%;
height:220px;
object-fit:cover;
border-radius:14px;
transition:.4s;
border:1px solid rgba(201,162,39,.2);
}

.gallery-grid img:hover{
transform:scale(1.05);
box-shadow:0 0 25px rgba(31,107,255,.5);
border-color:var(--dorado);
}

/* Servicios */
/* HERO SERVICIOS */
.servicios-hero{
background-image:url("portada.jpg");
}

/* SERVICIOS GRID */

.services-section{
padding:120px 60px;
}

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
max-width:1200px;
margin:auto;
}

/* CARD */

.service-card{
background:linear-gradient(160deg,#0b1224,#13265a);
padding:40px;
border-radius:18px;
text-decoration:none;
color:white;
border:1px solid rgba(201,162,39,.25);
position:relative;
overflow:hidden;
transition:.35s;
display:flex;
align-items:flex-end;
min-height:220px;
}

/* overlay pro */
.service-card::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
rgba(5,7,13,.3),
rgba(5,7,13,.9)
);
z-index:1;
}

.service-card div{
position:relative;
z-index:2;
}

.service-card h2{
font-size:20px;
margin-bottom:10px;
color:var(--dorado);
}

.service-card p{
font-size:14px;
color:#c7d2ff;
}

/* hover */

.service-card:hover{
transform:translateY(-10px) scale(1.03);
box-shadow:0 0 30px rgba(31,107,255,.5);
border-color:var(--dorado);
}

/* LISTA DE SERVICIOS */

.services-list{
padding:120px 60px;
}

.services-container{
max-width:1000px;
margin:auto;
}

.services-header{
text-align:center;
margin-bottom:50px;
}

.services-header h2{
color:var(--dorado);
margin-bottom:10px;
}

.services-header p{
color:#c7d2ff;
}

/* ITEMS */

.services-items{
display:flex;
flex-direction:column;
gap:18px;
}

/* FILA */

.service-row{
display:flex;
align-items:center;
gap:20px;
padding:22px 26px;
border-radius:12px;
text-decoration:none;
color:white;
background:linear-gradient(160deg,#0b1224,#13265a);
border:1px solid rgba(201,162,39,.2);
transition:.3s;
position:relative;
overflow:hidden;
}

/* línea elegante */
.service-row::before{
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:4px;
background:linear-gradient(var(--dorado),var(--azulGlow));
opacity:.6;
}

/* ICONO */

.service-row span{
font-size:26px;
}

/* TEXTO */

.service-row h3{
color:var(--dorado);
margin-bottom:4px;
}

.service-row p{
font-size:14px;
color:#c7d2ff;
}

/* HOVER */

.service-row:hover{
transform:translateX(8px);
border-color:var(--dorado);
box-shadow:0 0 20px rgba(31,107,255,.4);
background:linear-gradient(160deg,#13265a,#1a3c8c);
}
/* FILA CON IMAGEN */

.service-row-img{
display:flex;
align-items:center;
gap:20px;
padding:16px;
border-radius:14px;
text-decoration:none;
color:white;
background:linear-gradient(160deg,#0b1224,#13265a);
border:1px solid rgba(201,162,39,.2);
transition:.35s;
position:relative;
overflow:hidden;
}

/* IMAGEN */

.service-row-img img{
width:140px;
height:100px;
object-fit:cover;
border-radius:10px;
transition:.4s;
}

/* TEXTO */

.service-row-img h3{
color:var(--dorado);
margin-bottom:6px;
font-size:18px;
}

.service-row-img p{
font-size:14px;
color:#c7d2ff;
}

/* EFECTO HOVER */

.service-row-img:hover{
transform:translateX(10px) scale(1.01);
border-color:var(--dorado);
box-shadow:0 0 25px rgba(31,107,255,.5);
background:linear-gradient(160deg,#13265a,#1a3c8c);
}

/* EFECTO IMAGEN */

.service-row-img:hover img{
transform:scale(1.1);
}

/* LINEA LATERAL PRO */

.service-row-img::before{
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:4px;
background:linear-gradient(var(--dorado),var(--azulGlow));
opacity:.7;
}

/* RESPONSIVE */

@media(max-width:768px){
.service-row-img{
flex-direction:column;
align-items:flex-start;
}

.service-row-img img{
width:100%;
height:160px;
}
}

/* GALERIA SERVICIOS */

/* HERO */
.galeria-hero{
background-image:url("portada.jpg");
}

/* FILTROS */

.galeria-filtros{
display:flex;
justify-content:center;
gap:15px;
padding:40px;
flex-wrap:wrap;
}

.galeria-filtros button{
background:#0b1224;
border:1px solid rgba(201,162,39,.3);
color:white;
padding:10px 18px;
border-radius:8px;
cursor:pointer;
transition:.3s;
}

.galeria-filtros button.active,
.galeria-filtros button:hover{
background:var(--dorado);
color:#000;
}

/* GRID */

.galeria-section{
padding:60px;
}

.galeria-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.galeria-grid img{
width:100%;
height:220px;
object-fit:cover;
border-radius:14px;
cursor:pointer;
transition:.4s;
}

.galeria-grid img:hover{
transform:scale(1.05);
box-shadow:0 0 25px rgba(31,107,255,.6);
}

/* MODAL */

.modal{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.9);
justify-content:center;
align-items:center;
z-index:2000;
}

.modal img{
max-width:90%;
max-height:80%;
border-radius:10px;
}

.modal span{
position:absolute;
top:20px;
right:40px;
font-size:40px;
color:white;
cursor:pointer;
}

/* CASOS */
/* HERO */
.casos-hero{
background-image:url("portada.jpg");
}

/* GRID */

.casos-section{
padding:120px 60px;
}

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

.casos-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
margin-top:50px;
}

/* CARD */

.caso-card{
background:linear-gradient(160deg,#0b1224,#13265a);
padding:30px;
border-radius:16px;
border:1px solid rgba(201,162,39,.2);
transition:.35s;
position:relative;
overflow:hidden;
}

.caso-card h3{
color:var(--dorado);
margin-bottom:10px;
}

.caso-card p{
color:#c7d2ff;
font-size:14px;
}

/* HOVER */

.caso-card:hover{
transform:translateY(-10px) scale(1.03);
border-color:var(--dorado);
box-shadow:0 0 30px rgba(31,107,255,.5);
}

/* SECCIONES */

.casos-intro,
.casos-final{
padding:100px 60px;
}

.casos-container{
max-width:1000px;
margin:auto;
}

/* TEXTO */

.casos-text h2{
color:var(--dorado);
margin-bottom:20px;
}

.casos-text p{
color:#c7d2ff;
line-height:1.7;
margin-bottom:16px;
}

/* LISTA */

.casos-lista{
padding:60px;
}

.lista-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:16px;
}

.lista-item{
padding:16px 20px;
background:linear-gradient(160deg,#0b1224,#13265a);
border-radius:10px;
border-left:4px solid var(--dorado);
color:#e6ecff;
font-size:14px;
transition:.3s;
}

.lista-item:hover{
transform:translateX(6px);
background:linear-gradient(160deg,#13265a,#1a3c8c);
}

/* DEC SOLAR */
/* GALERIA DEC */

.galeria-dec{
padding:100px 60px;
}

.galeria-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:40px;
}

.galeria-grid img{
width:100%;
height:260px;
object-fit:cover;
border-radius:14px;
transition:.35s;
border:1px solid rgba(201,162,39,.2);
}

.galeria-grid img:hover{
transform:scale(1.05);
box-shadow:0 0 25px rgba(31,107,255,.4);
}

.dec-texto{
padding:120px 60px;
background:linear-gradient(160deg,#05070d,#0a1630);
}

.dec-contenido{
max-width:900px;
margin:auto;
}

.dec-contenido h2{
font-size:38px;
color:var(--dorado);
margin-bottom:20px;
}

.dec-contenido .lead{
font-size:20px;
color:#c7d2ff;
margin-bottom:20px;
}

.dec-contenido p{
color:#aab4e6;
line-height:1.8;
margin-bottom:18px;
font-size:15px;
}

.dec-contenido h3{
color:var(--azulGlow);
margin-top:30px;
margin-bottom:15px;
}

.dec-contenido ul{
margin-top:10px;
padding-left:20px;
}

.dec-contenido ul li{
margin-bottom:10px;
color:#c7d2ff;
}

/* HERO PROTECTOPAC */
.protectopac-hero{
  background-image:url("proteccion.png");
}

/* INTRO */
.protectopac-intro{
  padding:120px 60px;
  text-align:center;
}

.protectopac-intro h2{
  color:var(--dorado);
  margin-bottom:20px;
}

.protectopac-intro p{
  color:#c7d2ff;
  max-width:800px;
  margin:auto;
  line-height:1.7;
}

/* PLANES */

.protectopac-planes{
  padding:80px 60px 120px;
}

.planes-container{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
  max-width:1200px;
  margin:auto;
}

/* CARD */

.plan-card{
  background:linear-gradient(160deg,#0b1224,#13265a);
  padding:40px;
  border-radius:18px;
  border:1px solid rgba(201,162,39,.2);
  transition:.35s;
  position:relative;
}

.plan-card:hover{
  transform:translateY(-10px) scale(1.03);
  box-shadow:0 0 30px rgba(31,107,255,.5);
  border-color:var(--dorado);
}

/* DESTACADO */

.destacado{
  border:2px solid var(--dorado);
  box-shadow:0 0 25px rgba(201,162,39,.4);
}

/* TITULOS */

.plan-card h3{
  color:var(--dorado);
  font-size:24px;
}

.plan-sub{
  display:block;
  margin-bottom:20px;
  color:#9aa7d6;
}

/* LISTA */

.plan-card ul{
  margin-bottom:20px;
  padding-left:0;
  list-style:none;
}

.plan-card ul li{
  margin-bottom:10px;
  color:#c7d2ff;
}

/* EXTRA */

.plan-extra p{
  font-size:13px;
  color:#9aa7d6;
}

/* DETALLE PROTECTOPAC */

.protectopac-detalle{
  padding:120px 60px;
}

.pp-container{
  max-width:1200px;
  margin:auto;
  display:flex;
  flex-direction:column;
  gap:80px;
}

/* ITEM */

.pp-item{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}

/* reverse (imagen derecha) */

.pp-item.reverse{
  direction:rtl;
}

.pp-item.reverse *{
  direction:ltr;
}

/* IMAGEN */

.pp-img img{
  width:100%;
  border-radius:16px;
  box-shadow:0 0 30px rgba(31,107,255,.3);
  transition:.4s;
}

.pp-img img:hover{
  transform:scale(1.04);
}

/* TEXTO */

.pp-content h2{
  color:var(--dorado);
  margin-bottom:14px;
}

.pp-desc{
  color:#c7d2ff;
  margin-bottom:20px;
  line-height:1.7;
}

.pp-content h4{
  margin-top:20px;
  color:var(--azulGlow);
}

.pp-content ul{
  margin-top:10px;
  padding-left:20px;
}

.pp-content ul li{
  margin-bottom:8px;
  color:#c7d2ff;
}

/* RESPONSIVE */

@media(max-width:900px){
  .pp-item{
    grid-template-columns:1fr;
  }

  .pp-item.reverse{
    direction:ltr;
  }
}
/* PROTECTOPAC CLEAN */

.protectopac-detalle{
  padding:120px 60px;
}

.pp-container{
  max-width:1200px;
  margin:auto;
  display:flex;
  flex-direction:column;
  gap:60px;
}

/* CARD FULL */

.pp-content.full{
  background:linear-gradient(160deg,#0b1224,#13265a);
  padding:40px;
  border-radius:18px;
  border:1px solid rgba(201,162,39,.2);
  transition:.35s;
}

.pp-content.full:hover{
  transform:translateY(-8px);
  box-shadow:0 0 25px rgba(31,107,255,.4);
  border-color:var(--dorado);
}

/* TITULO */

.pp-content h2{
  color:var(--dorado);
  margin-bottom:12px;
}

/* DESC */

.pp-desc{
  color:#c7d2ff;
  margin-bottom:25px;
  line-height:1.7;
}

/* GRID INTERNO */

.pp-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:25px;
}

/* SUBTITULOS */

.pp-content h4{
  color:var(--azulGlow);
  margin-bottom:10px;
}

/* LISTAS */

.pp-content ul{
  padding-left:18px;
}

.pp-content ul li{
  margin-bottom:8px;
  color:#c7d2ff;
  font-size:14px;
}

/* HERO TABLEROS */
.tableros-hero{
  background-image:url("tableros.png");
}

/* INTRO */
.tableros-intro{
  padding:120px 60px;
  text-align:center;
}

.tableros-intro h2{
  color:var(--dorado);
  margin-bottom:20px;
}

.tableros-intro p{
  color:#c7d2ff;
  max-width:800px;
  margin:auto;
  line-height:1.7;
}

/* ESSA */

.tableros-essa{
  padding:80px 60px;
}

.essa-container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  max-width:1100px;
  margin:auto;
}

.essa-col{
  background:linear-gradient(160deg,#0b1224,#13265a);
  padding:40px;
  border-radius:16px;
  border:1px solid rgba(201,162,39,.2);
}

.essa-col h3{
  color:var(--dorado);
  margin-bottom:20px;
}

.essa-col ul{
  list-style:none;
}

.essa-col ul li{
  margin-bottom:12px;
  color:#c7d2ff;
}

/* CARDS */

.tableros-cards{
  padding:100px 60px;
}

.cards-container{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
  max-width:1100px;
  margin:auto;
}

.tab-card{
  background:linear-gradient(160deg,#0b1224,#13265a);
  padding:30px;
  border-radius:16px;
  border:1px solid rgba(201,162,39,.2);
  transition:.35s;
}

.tab-card:hover{
  transform:translateY(-10px);
  border-color:var(--dorado);
  box-shadow:0 0 25px rgba(31,107,255,.4);
}

.tab-card h3{
  color:var(--dorado);
}

/* VALOR */

.tableros-valor{
  padding:100px 60px;
  background:linear-gradient(160deg,#061a3a,#0b3c8c);
}

.valor-container{
  max-width:1000px;
  margin:auto;
  text-align:center;
}

.valor-container h2{
  margin-bottom:40px;
}

.valor-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:30px;
}

.valor-grid h4{
  color:var(--dorado);
}

/* RESPONSIVE */

@media(max-width:900px){
  .essa-container{
    grid-template-columns:1fr;
  }
}
.tableros-galeria{
  padding:100px 60px;
  text-align:center;
}

.galeria-tableros{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
  margin-top:40px;
}

.galeria-tableros img{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:14px;
  transition:.4s;
}

.galeria-tableros img:hover{
  transform:scale(1.05);
  box-shadow:0 0 25px rgba(31,107,255,.5);
}
/* HERO */
.auto-hero{
  background-image:url("plc.jpg");
}

/* INTRO */
.auto-intro{
  padding:120px 60px;
  text-align:center;
}

.auto-intro h2{
  color:var(--dorado);
}

.auto-intro p{
  color:#c7d2ff;
  max-width:800px;
  margin:auto;
}

/* SERVICIOS */

.auto-servicios{
  padding:100px 60px;
}

.auto-container{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
  max-width:1100px;
  margin:auto;
}

.auto-card{
  background:linear-gradient(160deg,#0b1224,#13265a);
  padding:30px;
  border-radius:16px;
  border:1px solid rgba(201,162,39,.2);
  transition:.35s;
}

.auto-card:hover{
  transform:translateY(-10px);
  border-color:var(--dorado);
  box-shadow:0 0 25px rgba(31,107,255,.4);
}

.auto-card h3{
  color:var(--dorado);
}

/* APLICACIONES */

.auto-aplicaciones{
  padding:100px 60px;
  background:linear-gradient(160deg,#061a3a,#0b3c8c);
}

.app-container{
  max-width:1000px;
  margin:auto;
  text-align:center;
}

.app-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:30px;
  margin-top:40px;
}

/* PROCESO */

.auto-proceso{
  padding:100px 60px;
}

.proceso-container{
  max-width:1000px;
  margin:auto;
  text-align:center;
}

.proceso-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:30px;
  margin-top:40px;
}

.proceso-grid span{
  display:inline-block;
  background:var(--dorado);
  color:black;
  padding:10px 15px;
  border-radius:50%;
  margin-bottom:10px;
  font-weight:bold;
}

/* HERO */
.tech-hero{
  background-image:url("soporte.jpg");
}

/* BLOQUE FUERTE */

.tech-strong{
  padding:120px 60px;
}

.tech-strong-container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}

.tech-strong-box{
  background:linear-gradient(160deg,#0b1224,#13265a);
  padding:40px;
  border-radius:16px;
  border:1px solid rgba(201,162,39,.2);
}

.tech-strong-box h2{
  color:var(--dorado);
  margin-bottom:15px;
}

/* DETALLE */

.tech-detail{
  padding:100px 60px;
}

.tech-detail-container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}

.tech-col{
  background:linear-gradient(160deg,#0b1224,#13265a);
  padding:30px;
  border-radius:16px;
}

.tech-col h3{
  color:var(--dorado);
  margin-bottom:15px;
}

.tech-col ul{
  padding-left:20px;
}

.tech-col li{
  margin-bottom:10px;
  color:#c7d2ff;
}

/* BOMBEO */

.tech-bombeo{
  padding:120px 60px;
  text-align:center;
}

.bombeo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:30px;
  margin-top:40px;
}

.bombeo-card{
  background:linear-gradient(160deg,#0b1224,#13265a);
  padding:30px;
  border-radius:16px;
}

.bombeo-card h4{
  color:var(--dorado);
}

/* DIFERENCIAL */

.tech-diferencial{
  padding:100px 60px;
  background:linear-gradient(160deg,#061a3a,#0b3c8c);
}

.diferencial-container{
  text-align:center;
}

.diferencial-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:30px;
  margin-top:40px;
}

.diferencial-grid h4{
  color:var(--dorado);
}

/* RESPONSIVE */

@media(max-width:900px){
  .tech-strong-container,
  .tech-detail-container{
    grid-template-columns:1fr;
  }
}
/*privacidad*/
/* HERO LEGAL */
.legal-hero{
  background-image:url("hero.jpg");
}

/* CONTENIDO LEGAL */

.legal{
  padding:120px 60px;
}

.legal-container{
  max-width:900px;
  margin:auto;
  background:linear-gradient(160deg,#0b1224,#13265a);
  padding:50px;
  border-radius:16px;
  border:1px solid rgba(201,162,39,.2);
}

/* TITULOS */

.legal h2{
  color:var(--dorado);
  margin-top:30px;
  margin-bottom:10px;
}

/* TEXTO */

.legal p{
  color:#c7d2ff;
  line-height:1.7;
}

.legal ul{
  margin-top:10px;
  padding-left:20px;
}

.legal li{
  margin-bottom:8px;
  color:#c7d2ff;
}

/* RESPONSIVE */

@media(max-width:768px){
  .legal{
    padding:80px 20px;
  }

  .legal-container{
    padding:30px;
  }
}
/* CAJA REDES */
.redes-box{
  margin-top:30px;
}

/* TITULO */
.redes-box h3{
  color:var(--dorado);
  margin-bottom:15px;
}

/* REDES */
.redes-sociales{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* BOTONES */
.social{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-radius:10px;
  text-decoration:none;
  color:white;
  font-size:14px;
  background:linear-gradient(160deg,#0b1224,#13265a);
  border:1px solid rgba(201,162,39,.2);
  transition:.3s;
}

/* ICONO */
.social i{
  font-size:16px;
}

/* HOVER PRO */
.social:hover{
  transform:translateX(6px) scale(1.02);
  border-color:var(--dorado);
  box-shadow:0 0 18px rgba(31,107,255,.4);
}

/* COLORES */
.fb:hover{ color:#1877f2; }
.ig:hover{ color:#ff4ecb; }
.mail:hover{ color:var(--dorado); }