/* ══════════════════════════════════════════════════════════════
   Bytex · Equipamiento
   File: assets/css/equipamiento.css

   Estilos de la página [bytex_equipamiento] (TheGenius).
   Unificado con el sistema del sitio: tokens --bytex-* para colores,
   tipografía, escala y layout. Sin itálicas. Cards estilo Quiénes Somos.

   Decoración: circuito SVG (bytex-circuit.css) en las seis secciones,
   alternando esquina. Sin speedlines.
   ══════════════════════════════════════════════════════════════ */

.bytex-eq{
	background:var(--bytex-bg);
	color:var(--bytex-text);
	font-family:var(--bytex-font-body);
	width:100%;
	overflow:hidden;
}
.bytex-eq *{box-sizing:border-box;}
.bytex-eq ::selection{background:var(--bytex-accent);color:var(--bytex-accent-ink);}

.bytex-eq .bxeq-wrap{
	max-width:var(--bytex-container);margin:0 auto;
	padding-left:var(--bytex-container-padding);padding-right:var(--bytex-container-padding);
}

/* Cuerpo de texto */
.bytex-eq .bxeq-body{
	margin:0;font-family:var(--bytex-font-body);font-size:var(--bytex-fs-body);
	line-height:1.7;color:var(--bytex-text-2);
}
.bytex-eq .bxeq-body b{color:var(--bytex-text);font-weight:600;}
.bytex-eq .bxeq-arrow{color:var(--bytex-accent);font-weight:700;margin-right:8px;}
.bytex-eq .bxeq-accent2{color:var(--bytex-subaccent)!important;font-weight:600;}

/* Titulares de sección.
   Los --sub y h3 mantienen escala propia: esta página tiene más niveles
   de titular que las secciones de la home y no entran en la escala global. */
.bytex-eq .bxeq-h2{
	margin:0 0 10px;font-family:var(--bytex-font-heading);font-weight:800;
	text-transform:uppercase;line-height:1.05;letter-spacing:-.02em;
	font-size:var(--bytex-fs-h2);color:var(--bytex-text);
}
.bytex-eq .bxeq-h2--sub{
	font-weight:700;text-transform:none;letter-spacing:-.01em;
	font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.1;
	color:var(--bytex-subaccent);margin-bottom:40px;
}
.bytex-eq .bxeq-h3{
	margin:0 0 16px;font-family:var(--bytex-font-heading);font-weight:800;
	text-transform:uppercase;letter-spacing:-.01em;
	font-size:clamp(1.6rem,2.8vw,2.3rem);color:var(--bytex-text);
}

/* ── Decoración: binario ───────────────────────────────────── */
.bytex-eq .bxeq-binary{
	position:absolute;left:var(--bytex-container-padding);top:34%;
	font-family:ui-monospace,'JetBrains Mono',Menlo,monospace;
	letter-spacing:.35em;font-size:var(--bytex-fs-sm);color:var(--bytex-subaccent);opacity:.4;
	pointer-events:none;z-index:1;
}
.bytex-eq .bxeq-binary--why{top:12%;opacity:.32;}

/* ── Placeholders (degradado sin imagen) ──────────────────── */
.bytex-eq .bxeq-ph{
	display:flex;align-items:center;justify-content:center;gap:14px;
	background:linear-gradient(135deg,rgba(0,115,232,.10),rgba(20,40,80,.20));
	border:1px dashed var(--bytex-border);color:var(--bytex-subaccent);
	font-family:var(--bytex-font-heading);font-weight:800;letter-spacing:.14em;
	text-transform:uppercase;font-size:clamp(1rem,2vw,1.625rem);
}
.bytex-eq .bxeq-ph--device{aspect-ratio:16/10;}
.bytex-eq .bxeq-ph--views{aspect-ratio:24/7;}
.bytex-eq .bxeq-ph--views span{opacity:.7;}

/* ══ CARDS (sistema unificado, base Quiénes Somos) ═════════════ */
.bytex-eq .bxeq-card{
	position:relative;
	background:var(--bytex-panel);
	border:1px solid var(--bytex-border);
	padding:32px 28px;
	transition:border-color .2s ease, transform .2s ease;
}
.bytex-eq .bxeq-card:hover{
	border-color:var(--bytex-accent);
	transform:translateY(-3px);
}
.bytex-eq .bxeq-card__num{
	font-family:ui-monospace,'JetBrains Mono',Menlo,monospace;
	font-size:var(--bytex-fs-eyebrow);letter-spacing:.1em;color:var(--bytex-accent);
	margin-bottom:14px;
}
.bytex-eq .bxeq-card__title{
	margin:0 0 12px;font-family:var(--bytex-font-heading);font-weight:700;
	text-transform:uppercase;letter-spacing:-.01em;font-size:var(--bytex-fs-lg);
	color:var(--bytex-text);transition:color .2s ease;
}
.bytex-eq .bxeq-card:hover .bxeq-card__title{color:var(--bytex-accent);}
.bytex-eq .bxeq-card__desc{
	margin:0;font-family:var(--bytex-font-body);font-size:var(--bytex-fs-sm);line-height:1.6;
	color:var(--bytex-text-2);
}

/* Esquinas tipo mira (aparecen en hover) */
.bytex-eq .bxeq-corner{
	position:absolute;width:14px;height:14px;opacity:0;
	transition:opacity .2s ease;pointer-events:none;z-index:2;
}
.bytex-eq .bxeq-card:hover .bxeq-corner{opacity:1;}
.bytex-eq .bxeq-corner::before,
.bytex-eq .bxeq-corner::after{content:"";position:absolute;background:var(--bytex-accent);}
.bytex-eq .bxeq-corner::before{width:100%;height:1px;}
.bytex-eq .bxeq-corner::after{width:1px;height:100%;}
.bytex-eq .bxeq-corner--tl{top:8px;left:8px;}
.bytex-eq .bxeq-corner--tl::before{top:0;left:0;}
.bytex-eq .bxeq-corner--tl::after{top:0;left:0;}
.bytex-eq .bxeq-corner--br{bottom:8px;right:8px;}
.bytex-eq .bxeq-corner--br::before{bottom:0;right:0;}
.bytex-eq .bxeq-corner--br::after{bottom:0;right:0;}

/* ══ HERO ══════════════════════════════════════════════════ */
.bytex-eq .bxeq-hero{
	position:relative;min-height:82vh;display:flex;align-items:center;
	padding:clamp(120px,15vh,168px) 0 clamp(60px,9vw,120px);overflow:hidden;
	background:linear-gradient(105deg,var(--bytex-bg) 0%,var(--bytex-panel) 45%,var(--bytex-bg) 100%);
}
.bytex-eq .bxeq-hero__content{
	position:relative;z-index:3;width:100%;max-width:var(--bytex-container);
	margin:0 auto;padding-left:var(--bytex-container-padding);padding-right:var(--bytex-container-padding);
}
.bytex-eq .bxeq-hero__content>*{max-width:760px;}
.bytex-eq .bxeq-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:26px;}
.bytex-eq .bxeq-eyebrow__line{display:inline-block;width:40px;height:3px;background:var(--bytex-accent);}
.bytex-eq .bxeq-eyebrow__text{
	font-family:ui-monospace,'JetBrains Mono',Menlo,monospace;font-weight:500;letter-spacing:.15em;
	font-size:var(--bytex-fs-eyebrow);color:var(--bytex-accent);text-transform:uppercase;
}
.bytex-eq .bxeq-hero__title{
	margin:0;font-family:var(--bytex-font-heading);font-weight:800;text-transform:uppercase;
	line-height:1;letter-spacing:-.03em;font-size:var(--bytex-fs-h1-int);color:var(--bytex-text);
	text-shadow:0 6px 40px rgba(0,0,0,.6);
}
.bytex-eq .bxeq-hero__subtitle{
	margin:6px 0 0;font-family:var(--bytex-font-heading);font-weight:500;text-transform:lowercase;
	line-height:1;letter-spacing:-.02em;font-size:clamp(2.1rem,4.6vw,3.9rem);color:var(--bytex-text-2);
}
.bytex-eq .bxeq-hero__intro{
	margin:30px 0 0;max-width:520px;font-family:var(--bytex-font-body);
	font-size:var(--bytex-fs-lg);line-height:1.6;color:var(--bytex-text-2);
}
.bytex-eq .bxeq-hero__intro b{color:var(--bytex-text);font-weight:600;}
.bytex-eq .bxeq-hero__device{
	position:absolute;z-index:2;right:4%;top:50%;transform:translateY(-46%);
	width:min(30vw,420px);
	filter:drop-shadow(0 30px 60px rgba(0,0,0,.55));pointer-events:none;
}
.bytex-eq .bxeq-hero__device.bxeq-ph{right:5%;width:min(28vw,380px);}

/* ══ SIMPLEMENTE ═══════════════════════════════════════════ */
.bytex-eq .bxeq-simple{
	position:relative;overflow:hidden;padding:clamp(70px,9vw,140px) 0;
	background:var(--bytex-bg);border-top:1px solid var(--bytex-border);
}
.bytex-eq .bxeq-simple__inner{position:relative;z-index:2;}
.bytex-eq .bxeq-simple__eyebrow{
	margin:0;font-family:var(--bytex-font-heading);font-weight:500;
	font-size:clamp(1.6rem,3vw,2.5rem);color:var(--bytex-subaccent);
}
.bytex-eq .bxeq-simple__name{
	margin:0 0 8px;font-family:var(--bytex-font-heading);font-weight:800;text-transform:uppercase;
	letter-spacing:-.02em;font-size:var(--bytex-fs-h1-int);line-height:1;color:var(--bytex-text);
}
.bytex-eq .bxeq-simple__claim{
	margin:0 0 46px;font-family:var(--bytex-font-heading);font-weight:800;
	text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.6rem,2.8vw,2.3rem);
	line-height:1.15;color:var(--bytex-subaccent);
}
.bytex-eq .bxeq-simple__grid{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
	gap:30px 48px;max-width:900px;
}

/* ══ MODOS + VISTAS ════════════════════════════════════════ */
.bytex-eq .bxeq-modos{
	position:relative;overflow:hidden;
	padding:clamp(60px,8vw,120px) 0 clamp(70px,9vw,140px);
	background:linear-gradient(180deg,var(--bytex-bg),var(--bytex-panel));
}
.bytex-eq .bxeq-modos__grid{position:relative;z-index:2;display:grid;gap:clamp(40px,5vw,70px);}
.bytex-eq .bxeq-modos__block{max-width:820px;}
.bytex-eq .bxeq-modos__block .bxeq-body{max-width:720px;}
.bytex-eq .bxeq-modos__views{
	width:100%;max-width:1000px;justify-self:center;
	filter:drop-shadow(0 20px 50px rgba(0,0,0,.5));
}

/* ══ POR QUE ELEGIR ════════════════════════════════════════ */
.bytex-eq .bxeq-why{
	position:relative;padding:clamp(70px,9vw,140px) 0;
	background:var(--bytex-panel);overflow:hidden;
}
.bytex-eq .bxeq-why__inner{position:relative;z-index:2;}
.bytex-eq .bxeq-why__lead{margin:0 0 52px;font-size:var(--bytex-fs-lg);color:var(--bytex-text-2);}
.bytex-eq .bxeq-why__grid{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:16px;
}

/* ══ INTERFAZ ══════════════════════════════════════════════ */
.bytex-eq .bxeq-iface{
	position:relative;overflow:hidden;padding:clamp(70px,9vw,140px) 0;
	background:var(--bytex-bg);
}
.bytex-eq .bxeq-iface__inner{position:relative;z-index:2;}
.bytex-eq .bxeq-iface__lead{margin:0 0 40px;max-width:840px;}
.bytex-eq .bxeq-iface__grid{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
	gap:20px;margin-bottom:56px;
}
/* La card de interfaz suma el borde-izquierdo acento sobre la card base */
.bytex-eq .bxeq-iface__card{border-left:4px solid var(--bytex-accent);}
.bytex-eq .bxeq-iface__foot{max-width:840px;}

/* ══ SOPORTE + CIERRE ══════════════════════════════════════ */
.bytex-eq .bxeq-soporte{
	position:relative;padding:clamp(70px,9vw,140px) 0 clamp(50px,7vw,90px);
	background:var(--bytex-panel);border-top:1px solid var(--bytex-border);overflow:hidden;
}
.bytex-eq .bxeq-soporte__inner{position:relative;z-index:2;}
.bytex-eq .bxeq-soporte__grid{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:34px 48px;max-width:980px;
}
.bytex-eq .bxeq-soporte__claim{
	margin:52px 0 0;max-width:820px;font-family:var(--bytex-font-heading);font-weight:700;
	text-transform:uppercase;letter-spacing:-.01em;
	font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.25;color:var(--bytex-text);
}
.bytex-eq .bxeq-soporte__claim span{color:var(--bytex-subaccent);font-weight:500;text-transform:none;}
.bytex-eq .bxeq-soporte__foot{
	margin-top:56px;padding-top:34px;border-top:1px solid var(--bytex-border);
}
.bytex-eq .bxeq-soporte__tagline{
	margin:0;font-family:var(--bytex-font-heading);font-weight:800;text-transform:uppercase;
	letter-spacing:.03em;font-size:clamp(1.3rem,2vw,1.7rem);color:var(--bytex-subaccent);
}

/* ══ RESPONSIVE ════════════════════════════════════════════ */
@media (max-width:900px){
	/* El device sale de posición absoluta y pasa al flujo, debajo del texto:
	   así el párrafo nunca queda montado sobre la foto del equipo. */
	.bytex-eq .bxeq-hero{
		min-height:auto;
		flex-direction:column;
		align-items:stretch;
		padding-top:clamp(110px,20vh,140px);
		padding-bottom:clamp(40px,8vw,70px);
	}
	.bytex-eq .bxeq-hero__device{
		position:static;
		transform:none;
		width:min(78vw,440px);
		margin:44px auto 0;
	}
	.bytex-eq .bxeq-hero__device.bxeq-ph{width:min(78vw,420px);}
	.bytex-eq .bxeq-hero__content>*{max-width:100%;}
}
@media (max-width:600px){
	.bytex-eq .bxeq-binary{display:none;}
	.bytex-eq .bxeq-ph--views{aspect-ratio:1/1;flex-direction:column;}
}