/* ===== v2.1: logo grande y pulsante en el hero (como produccion) ===== */

.hero2-content.centered{
	max-width:820px;
	margin:0 auto;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.hero2-logo-wrap{
	position:relative;
	display:inline-block;
	margin-bottom:14px;
}

.hero2-logo{
	width:510px;
	max-width:98vw;
	display:block;
	margin:0 auto;
	filter:
		drop-shadow(0 0 8px #7dd3fc33)
		drop-shadow(0 0 20px #38bdf844);
	animation:hero2LogoBreath 3.2s ease-in-out infinite;
}

@keyframes hero2LogoBreath{
	
	0%{
		transform:scale(1);
		filter:
			drop-shadow(0 0 8px #7dd3fc33)
			drop-shadow(0 0 20px #38bdf844);
		opacity:0.94;
	}
	
	50%{
		transform:scale(1.045);
		filter:
			drop-shadow(0 0 26px #d8f3ffcc)
			drop-shadow(0 0 55px #38bdf8cc);
		opacity:1;
	}
	
	100%{
		transform:scale(1);
		filter:
			drop-shadow(0 0 8px #7dd3fc33)
			drop-shadow(0 0 20px #38bdf844);
		opacity:0.94;
	}
	
}

.hero2-wordmark{
	margin-bottom:20px;
}

.hero2-wordmark .l1{
	display:block;
	font-size:26px;
	font-weight:800;
	letter-spacing:.02em;
	background:linear-gradient(90deg,#dbeafe,#7dd3fc);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}

.hero2-wordmark .l2{
	display:block;
	font-size:11px;
	font-weight:700;
	letter-spacing:.16em;
	color:var(--muted);
	text-transform:uppercase;
	margin-top:4px;
}

.hero2-badge{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:9px 18px;
	margin-bottom:26px;
	border-radius:999px;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.18);
	font-size:13px;
	font-weight:600;
	color:var(--ink-soft);
}

.hero2-content.centered h1{
	text-align:center;
}

.hero2-content.centered p.lead{
	text-align:center;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}

.hero2-content.centered .hero2-cta{
	justify-content:center;
}

@media(max-width:640px){
	
	.hero2-logo{
		width:392px;
		max-width:96vw;
	}
	
	.hero2-wordmark .l1{
		font-size:21px;
	}
	
}/* ============================================================
   IPLQuantum - v2.0 "Web-App" (Apple x Tesla x Instagram)
   Tema oscuro, pantallas a pantalla completa, foto+video hero
   ============================================================ */

:root{
	  --bg:#05070a;
	  --bg-soft:#0b0f16;
	  --card:#10141c;
	  --card-2:#151a24;
	  --line:#232a36;
	  --ink:#ffffff;
	  --ink-soft:#c3c9d4;
	  --muted:#7c8494;
	  --blue:#2f7dff;
	  --blue-2:#0057e7;
	  --blue-glow:rgba(47,125,255,.45);
	  --whatsapp:#25D366;
	  --radius-lg:28px;
	  --radius-md:20px;
	  --radius-sm:14px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%;}
body{
	  font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;
	  background:var(--bg);
	  color:var(--ink);
	  overflow-x:hidden;
	  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
.container{max-width:1240px;margin:0 auto;padding:0 24px;}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease;}
.reveal.is-visible{opacity:1;transform:translateY(0);}

.nav2{
	  position:absolute;top:0;left:0;right:0;z-index:100;
	  padding:22px 28px;
}
.nav2-inner{
	  display:flex;align-items:center;justify-content:space-between;
	  max-width:1400px;margin:0 auto;
}
.nav2-logo{display:flex;align-items:center;gap:12px;}
.nav2-logo .q-mark{
	  width:42px;height:42px;border-radius:12px;
	  border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;
	  font-weight:800;font-size:20px;position:relative;
}
.nav2-logo .q-mark::after{content:"";position:absolute;width:6px;height:2px;background:var(--ink);bottom:9px;right:6px;transform:rotate(45deg);}
.nav2-logo-text{line-height:1.2;}
.nav2-logo-text .l1{font-weight:800;font-size:18px;letter-spacing:.01em;}
.nav2-logo-text .l2{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700;}
.nav2-right{display:flex;align-items:center;gap:12px;}
.nav2-lang{
	  border:1px solid rgba(255,255,255,.35);border-radius:10px;
	  padding:9px 16px;font-size:13px;font-weight:700;color:var(--ink);
	  background:rgba(255,255,255,.04);
}
.nav2-lang-switch{display:flex;align-items:center;gap:8px;}
.nav2-lang{display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .2s ease,border-color .2s ease;}
.nav2-lang-active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.65);}
.nav2-lang:not(.nav2-lang-active):hover{background:rgba(255,255,255,.1);}
.nav2-burger{
	  width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.35);
	  display:flex;align-items:center;justify-content:center;gap:0;flex-direction:column;
	  background:rgba(255,255,255,.04);cursor:pointer;
}
.nav2-burger span{width:18px;height:2px;background:var(--ink);margin:2px 0;display:block;}
.nav2-menu{
	  position:fixed;inset:0;z-index:200;background:rgba(5,7,10,.97);
	  display:none;flex-direction:column;align-items:center;justify-content:center;gap:26px;
}
.nav2-menu.open{display:flex;}
.nav2-menu a{font-size:24px;font-weight:700;color:#fff;}
.nav2-menu-close{position:absolute;top:26px;right:28px;width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;}

.hero2{
	  position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
	  padding:0;overflow:hidden;
}
.hero2-bg{
	  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;
}
.hero2-scrim{
	  position:absolute;inset:0;
	  background:
		      linear-gradient(90deg, rgba(5,7,10,.94) 0%, rgba(5,7,10,.75) 32%, rgba(5,7,10,.25) 58%, rgba(5,7,10,.15) 100%),
		      linear-gradient(0deg, rgba(5,7,10,.9) 0%, rgba(5,7,10,.1) 40%, rgba(5,7,10,.35) 100%);
}
.hero2-content{
	  position:relative;z-index:5;padding:180px 28px 60px;max-width:760px;
}
.hero2-content h1{
	  font-size:clamp(2.4rem,5.6vw,4.2rem);font-weight:800;line-height:1.06;letter-spacing:-.02em;
	  margin-bottom:22px;
}
.hero2-content h1 .accent{color:var(--blue);}
.hero2-content p.lead{
	  font-size:1.15rem;line-height:1.6;color:var(--ink-soft);max-width:480px;margin-bottom:34px;
}
.hero2-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:50px;}

.play-btn{
	  display:inline-flex;align-items:center;justify-content:center;
	  width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.8);
	  background:rgba(255,255,255,.08);backdrop-filter:blur(4px);
	  flex-shrink:0;transition:transform .2s,background .2s;
}
.play-btn:hover{transform:scale(1.08);background:rgba(255,255,255,.18);}
.play-btn svg{width:20px;height:20px;fill:#fff;margin-left:3px;}
.play-label{font-size:12px;color:var(--ink-soft);font-weight:600;letter-spacing:.03em;}

.hero2-trust{
	  position:relative;z-index:5;
	  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
	  padding:26px 0 4px;
}
.hero2-trust div{
	  padding:22px 14px 20px;text-align:center;
	  display:flex;flex-direction:column;align-items:center;gap:10px;
	  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
	  border:1px solid rgba(255,255,255,.14);border-radius:18px;
	  box-shadow:0 6px 0 rgba(0,0,0,.32),0 12px 22px rgba(0,0,0,.22);
	  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.hero2-trust div:hover{
	  transform:translateY(-5px);border-color:var(--blue);
	  box-shadow:0 11px 0 rgba(0,0,0,.32),0 20px 32px rgba(47,125,255,.28);
}
.hero2-trust div:active{
	  transform:translateY(3px);
	  box-shadow:0 2px 0 rgba(0,0,0,.32),0 6px 14px rgba(0,0,0,.22);
}
.hero2-trust .ic{
	  width:46px;height:46px;border-radius:14px;
	  background:linear-gradient(180deg,var(--blue) 0%,var(--blue-2) 100%);
	  display:flex;align-items:center;justify-content:center;
	  box-shadow:0 4px 0 rgba(19,60,140,.6),inset 0 1px 0 rgba(255,255,255,.35),0 8px 16px rgba(47,125,255,.35);
	  transition:transform .18s ease;
}
.hero2-trust div:hover .ic{transform:translateY(-2px) scale(1.06);}
.hero2-trust .ic svg{width:20px;height:20px;stroke:#fff; flex-shrink:0; display:block;}
.hero2-trust strong{font-size:16px;font-weight:800;}
.hero2-trust span{font-size:12px;color:var(--muted);font-weight:600;}

.section2{padding:110px 24px;max-width:1240px;margin:0 auto;}
.section2-head{max-width:640px;margin:0 auto 56px;text-align:center;}
.section2-eyebrow{
	  font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--blue);text-transform:uppercase;
	  margin-bottom:14px;
}
.section2-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:14px;}
.section2-head p{color:var(--muted);line-height:1.7;font-size:1.02rem;}

.techgrid2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.techcard2{
	  background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);
	  padding:32px 24px;text-align:center;transition:transform .25s,border-color .25s,box-shadow .25s;
}
.techcard2:hover{transform:translateY(-6px);border-color:var(--blue);box-shadow:0 20px 40px rgba(47,125,255,.18);}
.techcard2 .ic{
	  width:56px;height:56px;border-radius:16px;border:1.6px solid var(--blue);
	  display:flex;align-items:center;justify-content:center;margin:0 auto 18px;
}
.techcard2 .ic svg{width:26px;height:26px;stroke:var(--blue); flex-shrink:0; display:block;}
.techcard2 h3{font-size:1.05rem;font-weight:700;margin-bottom:8px;}
.techcard2 p{font-size:.9rem;color:var(--muted);line-height:1.6;}

.servicegrid2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.servicecard2{
	  position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:3/4;
	  border:1px solid var(--line);
}
.servicecard2 img{width:100%;height:100%;object-fit:contain;background:#07111f;padding:14px;transition:transform .5s;}
.servicecard2:hover img{transform:scale(1.06);}
.servicecard2::after{
	  content:"";position:absolute;inset:0;
	  background:linear-gradient(0deg,rgba(5,7,10,.92) 0%,rgba(5,7,10,.35) 55%,rgba(5,7,10,.05) 100%);
}
.servicecard2-inner{
	  position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px;
}
.servicecard2 .ic{
	  width:42px;height:42px;border-radius:12px;border:1.6px solid var(--blue);
	  background:rgba(5,7,10,.55);backdrop-filter:blur(4px);
	  display:flex;align-items:center;justify-content:center;margin-bottom:14px;
}
.servicecard2 .ic svg{width:20px;height:20px;stroke:var(--blue); flex-shrink:0; display:block;}
.servicecard2 h3{font-size:1rem;font-weight:800;margin-bottom:4px;}
.servicecard2 p{font-size:.82rem;color:var(--ink-soft);line-height:1.5;}

.cta2{
	  position:relative;border-radius:var(--radius-lg);overflow:hidden;
	  min-height:340px;display:flex;align-items:center;
	  margin:0 24px;max-width:1192px;margin-left:auto;margin-right:auto;
}
.cta2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cta2::after{
	  content:"";position:absolute;inset:0;
	  background:linear-gradient(90deg,rgba(5,7,10,.95) 0%,rgba(5,7,10,.7) 45%,rgba(0,87,231,.35) 100%);
}
.cta2-inner{position:relative;z-index:2;padding:56px;max-width:520px;}
.cta2-inner h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:12px;letter-spacing:-.02em;}
.cta2-inner p{color:var(--ink-soft);margin-bottom:28px;font-size:1.05rem;}

.btn2{
	  display:inline-flex;align-items:center;justify-content:center;gap:10px;
	  padding:16px 32px;border-radius:14px;font-weight:700;font-size:15px;
	  border:none;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,background .2s;
}
.btn2:active{transform:translateY(2px) scale(.96);}
.btn2-primary{
	  color:#fff;background:linear-gradient(180deg,#4a94ff 0%,var(--blue) 55%,var(--blue-2) 100%);
	  box-shadow:0 16px 32px rgba(47,125,255,.4);
}
.btn2-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 44px rgba(47,125,255,.5);}
.btn2-outline{
	  color:#fff;background:rgba(255,255,255,.06);border:1.4px solid rgba(255,255,255,.35);
}
.btn2-outline:hover{transform:translateY(-4px) scale(1.02);background:rgba(255,255,255,.14);}
.btn2-whatsapp{
	  color:#fff;background:linear-gradient(180deg,#2fe07a 0%,var(--whatsapp) 60%,#1cab52 100%);
	  box-shadow:0 16px 30px rgba(37,211,102,.4);
}
.btn2-whatsapp:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 40px rgba(37,211,102,.5);}

.contact2{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.contact2-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:60px;align-items:start;}
.contact2-perks{display:flex;flex-direction:column;gap:26px;}
.contact2-perk{display:flex;gap:16px;align-items:flex-start;}
.contact2-perk .ic{
	  width:44px;height:44px;border-radius:12px;border:1.6px solid var(--blue);flex-shrink:0;
	  display:flex;align-items:center;justify-content:center;
}
.contact2-perk .ic svg{width:20px;height:20px;stroke:var(--blue); flex-shrink:0; display:block;}
.contact2-perk h4{font-size:1rem;font-weight:700;margin-bottom:4px;}
.contact2-perk p{font-size:.88rem;color:var(--muted);line-height:1.6;}

form.form2{
	  background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
	  padding:40px;
}
.form2-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
form.form2 input,form.form2 textarea{
	  width:100%;padding:15px 16px;margin-bottom:16px;
	  background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;
	  font-size:15px;font-family:inherit;color:#fff;transition:.2s;
}
form.form2 input::placeholder,form.form2 textarea::placeholder{color:#fff;opacity:.85;}
form.form2 input:focus,form.form2 textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(47,125,255,.16);}
form.form2 input:-webkit-autofill,form.form2 input:-webkit-autofill:hover,form.form2 input:-webkit-autofill:focus,form.form2 textarea:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px var(--bg-soft) inset;box-shadow:0 0 0 1000px var(--bg-soft) inset;caret-color:#fff;transition:background-color 5000s ease-in-out 0s;}
form.form2 textarea{min-height:130px;resize:vertical;}
form.form2 input[type="file"]{background:none;border:1px dashed var(--line);color:var(--muted);font-size:13px;padding:14px;}
form.form2 input[type="file"]::file-selector-button{
	  background:linear-gradient(180deg,#232a36,#151a24);border:1px solid var(--line);
	  padding:10px 16px;border-radius:10px;font-weight:700;color:var(--ink);cursor:pointer;margin-right:14px;
}
.hidden-field{display:none;}
.checkbox-policy2{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--muted);margin:0 auto 22px;text-align:left;}
.checkbox-policy2 input[type="checkbox"]{width:auto;flex-shrink:0;margin:0;}
.checkbox-policy2 input{width:auto;margin-top:3px;}
.checkbox-policy2 a{color:var(--blue);}
form.form2 button[type="submit"]{
	  width:100%;padding:17px;border:none;border-radius:14px;
	  background:linear-gradient(180deg,#4a94ff 0%,var(--blue) 55%,var(--blue-2) 100%);
	  color:#fff;font-weight:800;font-size:16px;cursor:pointer;
	  box-shadow:0 16px 32px rgba(47,125,255,.4);
	  transition:transform .15s,box-shadow .15s;
}
form.form2 button[type="submit"]:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 22px 40px rgba(47,125,255,.48);}
form.form2 button[type="submit"]:active{transform:translateY(2px) scale(.97);}
form.form2 button[type="submit"]:disabled{opacity:.5;cursor:not-allowed;transform:none;}
.upload-info{display:block;font-size:12px;color:var(--muted);margin:-6px 0 16px;}
.file-list{font-size:13px;color:var(--ink-soft);margin-bottom:10px;}
#responseMessage{margin-top:18px;text-align:center;font-weight:700;}
.success-message{
	display:block;background:rgba(255,214,10,.12);border:1px solid rgba(255,214,10,.5);
	color:#ffd60a;padding:14px 18px;border-radius:12px;font-size:15px;line-height:1.5;
}
.file-error{
	display:block;background:rgba(255,69,58,.12);border:1px solid rgba(255,69,58,.45);
	color:#ff6961;padding:14px 18px;border-radius:12px;font-size:14px;line-height:1.5;
}
.file-ok{
	display:block;margin-top:8px;font-size:13px;font-weight:600;color:var(--ink-soft);
}
.file-item{
	display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:6px;
	background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;text-align:left;
}
.file-item .file-icon{
	width:30px;height:30px;border-radius:8px;flex-shrink:0;font-size:15px;
	display:flex;align-items:center;justify-content:center;
	background:linear-gradient(180deg,var(--blue) 0%,var(--blue-2) 100%);
}
.file-item .file-info{flex:1;min-width:0;display:flex;flex-direction:column;}
.file-item .file-name{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.file-item .file-size{font-size:11px;color:var(--muted);}

footer.footer2{padding:70px 24px 40px;background:var(--bg);}
.footer2-contact{
	  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1192px;margin:0 auto 50px;
}
.footer2-contact a{
	  display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;
	  background:var(--card);border:1px solid var(--line);transition:.2s;
}
.footer2-contact a:hover{border-color:var(--blue);transform:translateY(-3px);}
.footer2-contact .ic{
	  width:38px;height:38px;border-radius:10px;border:1.6px solid var(--blue);flex-shrink:0;
	  display:flex;align-items:center;justify-content:center;
}
.footer2-contact .ic svg{width:18px;height:18px;stroke:var(--blue); flex-shrink:0; display:block;}
.footer2-contact strong{display:block;font-size:17px;font-weight:700;}
.footer2-contact span{display:block;font-size:13px;color:var(--muted);}
.footer2-cols{
	  display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1192px;margin:0 auto;
	  padding-top:44px;border-top:1px solid var(--line);
}
.footer2-cols h5{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:18px;}
.footer2-cols a{display:block;font-size:14px;color:var(--ink-soft);margin-bottom:12px;}
.footer2-cols a:hover{color:var(--blue);}
.footer2-bottom{
	  max-width:1192px;margin:50px auto 0;padding-top:26px;border-top:1px solid var(--line);
	  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
	  font-size:12px;color:var(--muted);
}
.footer2-bottom a{color:var(--muted);}
.footer2-bottom a:hover{color:var(--blue);}

.whatsapp-float2{
	  position:fixed;right:20px;bottom:24px;z-index:999;
	  width:56px;height:56px;border-radius:50%;
	  background:linear-gradient(180deg,#2fe07a,#1cab52);
	  display:flex;align-items:center;justify-content:center;
	  box-shadow:0 16px 32px rgba(37,211,102,.45);
	  color:#fff;text-decoration:none;font-size:24px;
	  transition:transform .25s ease,opacity .25s ease;
}
.whatsapp-float2.wa-hidden{
	  opacity:0;
	  transform:scale(.5) translateY(16px);
	  pointer-events:none;
}
@media(max-width:600px){
	.whatsapp-float2{width:48px;height:48px;font-size:20px;right:14px;bottom:18px;}
}
.whatsapp-float2:hover{transform:scale(1.08);}

@media(max-width:900px){
	.techgrid2{grid-template-columns:repeat(2,1fr);}
	.servicegrid2{grid-template-columns:repeat(2,1fr);}
	.contact2-grid{grid-template-columns:1fr;}
	.footer2-contact{grid-template-columns:repeat(2,1fr);}
	.footer2-cols{grid-template-columns:repeat(2,1fr);}
	.cta2-inner{max-width:100%;}
}
@media(max-width:640px){
	.hero2-content{padding:150px 20px 40px;}
	.hero2-trust{grid-template-columns:repeat(2,1fr);}
	.hero2-trust div:nth-child(2){border-right:none;}
	.section2{padding:70px 20px;}
	.techgrid2{grid-template-columns:1fr 1fr;}
	.servicegrid2{grid-template-columns:1fr;}
	.form2-row{grid-template-columns:1fr;}
	form.form2{padding:26px;}
	.cta2-inner{padding:36px 26px;}
}

/* ===== v2.2: motion sutil (hero, cards, CTA, parallax) ===== */
.techcard2,.servicecard2{
	opacity:0;
	transform:translateY(24px);
	transition:opacity .6s ease,transform .6s ease;
}
.techcard2.reveal-in,.servicecard2.reveal-in{
	opacity:1;
	transform:translateY(0);
}
.techgrid2 .techcard2:nth-child(1),.servicegrid2 .servicecard2:nth-child(1){transition-delay:.05s;}
.techgrid2 .techcard2:nth-child(2),.servicegrid2 .servicecard2:nth-child(2){transition-delay:.12s;}
.techgrid2 .techcard2:nth-child(3),.servicegrid2 .servicecard2:nth-child(3){transition-delay:.19s;}
.techgrid2 .techcard2:nth-child(4),.servicegrid2 .servicecard2:nth-child(4){transition-delay:.26s;}
.techgrid2 .techcard2:nth-child(5),.servicegrid2 .servicecard2:nth-child(5){transition-delay:.33s;}
.techgrid2 .techcard2:nth-child(6),.servicegrid2 .servicecard2:nth-child(6){transition-delay:.4s;}

@keyframes heroFadeUp2{
	from{opacity:0;transform:translateY(18px);}
	to{opacity:1;transform:translateY(0);}
}
.hero2-content.centered{animation:heroFadeUp2 .9s ease both;}

@keyframes blueGlowPulse2{
	0%,100%{box-shadow:0 0 0 0 rgba(47,125,255,0);}
	50%{box-shadow:0 0 22px 4px rgba(47,125,255,.22);}
}
.btn2-primary{animation:blueGlowPulse2 4s ease-in-out infinite;}

.btn2,.btn2-primary,.btn2-outline,.btn2-whatsapp{transition:transform .15s ease,box-shadow .15s ease;}
.btn2:hover,.btn2-primary:hover,.btn2-outline:hover,.btn2-whatsapp:hover{transform:translateY(-2px);}
.btn2:active,.btn2-primary:active,.btn2-outline:active,.btn2-whatsapp:active{transform:translateY(0) scale(.96);}

.js-parallax{will-change:transform;}

@media(prefers-reduced-motion:reduce){
	.techcard2,.servicecard2,.hero2-content.centered,.btn2-primary,.js-parallax{
		animation:none!important;
		transition:none!important;
		transform:none!important;
		opacity:1!important;
	}
}

/* ===== FIX: selector de idioma ES/EN en movil - en fila, sin apilar ===== */
@media(max-width:640px){
	.nav2{padding:16px 16px;}
	.nav2-logo{gap:8px;}
	.nav2-logo .q-mark{width:34px;height:34px;font-size:16px;}
	.nav2-logo-text .l1{font-size:14px;}
	.nav2-logo-text .l2{font-size:8px;letter-spacing:.08em;}
	.nav2-right{gap:8px;}
		.nav2-lang-switch{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important;}
		.nav2-lang{padding:7px 10px!important;font-size:12px!important;white-space:nowrap!important;flex-shrink:0!important;}
	.nav2-burger{width:34px;height:34px;flex-shrink:0;}
}
.footer2-social{display:flex;gap:14px;max-width:1192px;margin:0 auto;padding-top:26px;border-top:1px solid var(--line);}
.footer2-social a{width:38px;height:38px;border-radius:10px;border:1.6px solid var(--blue);display:flex;align-items:center;justify-content:center;color:var(--blue);transition:.2s;}
.footer2-social a:hover{background:var(--blue);color:var(--card);transform:translateY(-3px);}
.footer2-social svg{width:18px;height:18px;flex-shrink:0;display:block;}


/* ===== NUEVO: selector de averia (select) y quicklinks clicables en formulario de soporte ===== */
.form2-select{
	margin-bottom:16px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-color:#0B0F16;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F7DFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 16px center;
	background-size:18px;
	border:1px solid #232A36;
	border-radius:12px;
	padding:15px 44px 15px 16px;
	font-size:15px;
	color:#fff;
	width:100%;
	font-family:inherit;
}
.form2-select:focus{outline:none;border-color:#2F7DFF;}
.form2-select option{background-color:#0B0F16;color:#fff;}

.form2-quicklinks{display:grid;gap:12px;margin-bottom:22px;}
.form2-quicklink{cursor:pointer;text-decoration:none;color:inherit;display:flex;transition:transform .2s ease,border-color .2s ease;border:1px solid transparent;}
.form2-quicklink:hover,.form2-quicklink:focus-visible{border-color:#2F7DFF;transform:translateY(-2px);outline:none;}
.form2-quicklink:active{transform:translateY(0) scale(.98);}

/* ===== Tap-highlight fix for info-cards above the form (matches iquantumlaser.com) ===== */
a, button, input, select, textarea {
  -webkit-tap-highlight-color: transparent;
}

.form2-quicklink:focus-visible,
.form2-quicklink:active,
.contact2-perk:focus-visible,
.contact2-perk:active {
  outline: none;
  background: rgba(255,255,255,0.05);
  box-shadow: 0 0 0 4px rgba(47,125,255,.16);
  border-radius: 12px;
}


/* ===== Efecto 3D en las tarjetas de acceso rapido (respuesta rapida, presupuesto, WhatsApp, etc.) ===== */
.contact2-perk.form2-quicklink {
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  border-radius: 12px;
}
.contact2-perk.form2-quicklink:hover {
  box-shadow: 0 10px 22px rgba(47,125,255,0.2);
}
.contact2-perk.form2-quicklink:focus-visible,
.contact2-perk.form2-quicklink:active {
  box-shadow: 0 0 0 4px rgba(47,125,255,.16), 0 3px 8px rgba(0,0,0,0.12);
}