#limites.piloto {
  background: radial-gradient(ellipse at 72% 50%, #bd87311a, transparent 54%), #080d14;
  position: relative; padding-block: clamp(48px, 7vw, 100px);
}
.piloto > .envoltura { padding-inline: clamp(24px, 4vw, 64px); }
.piloto__intro { display: grid; grid-template-columns: 1.15fr .85fr; gap: 20px 64px; align-items: end; }
.piloto__intro > .etiqueta { grid-column: 1/-1; }
.piloto__intro h2 { font-size: clamp(38px, 4.3vw, 64px); line-height: 1.08; max-width: 17ch; }
.piloto__intro .lead { font-size: 17px; line-height: 1.7; color: #b9c4cf; max-width: 45ch; }
.piloto__experiencia { display: grid; grid-template-columns: minmax(200px, .7fr) minmax(0, 1.3fr); gap: 48px; margin-top: 48px; align-items: center; }
.piloto__selector { display: flex; flex-direction: column; gap: 12px; }
.piloto__selector button {
  display: grid; grid-template-columns: 40px 1fr 20px; gap: 18px; align-items: center;
  padding: 26px 18px; text-align: left; color: #aebcca; background: transparent;
  border: 0; border-bottom: 1px solid #58677a66; cursor: pointer;
  transition: color .25s, background .25s; min-width: 0;
}
.piloto__selector button i { font: 13px var(--fuente-mono); font-style: normal; color: #e9c267; }
.piloto__selector button span { font: 500 clamp(20px,2.2vw,29px)/1.3 var(--fuente-cuerpo,sans-serif); }
.piloto__selector button b { color: #e9c267; font-weight: normal; opacity: .35; }
.piloto__selector button[aria-pressed=true] { color: #fff6df; background: linear-gradient(90deg,#e9c26716,transparent); border-bottom-color: #e9c267; }
.piloto__selector button[aria-pressed=true] b { opacity: 1; }
.piloto__selector button:focus-visible { outline: 2px solid #9ad3df; outline-offset: 5px; }
.piloto__escena { position: relative; min-width: 0; padding: 24px 28px 0; }
.piloto__constelacion { position: absolute; inset: -24px -12px 76px; pointer-events: none; overflow: hidden; }
.piloto__constelacion i { position: absolute; inset: 12% 8%; border: 1px solid #e9c26722; border-radius: 48% 52% 38% 62%; transform: rotate(-22deg); }
.piloto__constelacion i:nth-child(2) { inset: 20% 3%; transform: rotate(31deg); border-color: #83b8c524; }
.piloto__constelacion i:nth-child(3) { inset: 6% 20%; transform: rotate(58deg); }
.piloto__constelacion i:nth-child(4) { inset: 15% 30%; transform: rotate(-38deg); border-color: #c6b0e826; }
.piloto__constelacion i:nth-child(5) { inset: 28% 22%; transform: rotate(15deg); box-shadow: 0 0 110px #e9c26712; }
.piloto__red { position: relative; height: 360px; display: grid; grid-template-columns: 1fr 1.1fr 1fr; grid-template-rows: 1fr 1fr 1fr; align-items: center; justify-items: center; gap: 8px; }
.piloto__centro { grid-column: 2; grid-row: 2; position: relative; display: grid; place-content: center; gap: 6px; text-align: center; width: 134px; height: 134px; border-radius: 50%; border: 1px solid #e9c267a0; background: radial-gradient(circle at 35% 25%,#e9c26722,#0c121ce8 65%); box-shadow: 0 0 0 12px #e9c26708, 0 0 64px #e9c26735; }
.piloto__centro span { font-size: 20px; font-weight: 750; letter-spacing: .12em; }
.piloto__centro strong { font: 11px var(--fuente-mono); color: #e9c267; }
.piloto__red::before,.piloto__red::after { content:''; position:absolute; z-index:0; background:linear-gradient(90deg,transparent,#e9c26799,transparent); pointer-events:none; }
.piloto__red::before { left:16%; right:16%; top:50%; height:1px; }
.piloto__red::after { top:16%; bottom:16%; left:50%; width:1px; background:linear-gradient(0deg,transparent,#e9c26799,transparent); }
.piloto__centro { z-index:1; }
.piloto__puerto { position: relative; display: grid; justify-items: center; text-align: center; gap: 14px; z-index: 2; color: #b7c5d5; max-width: 150px; }
.piloto__puerto span { font: 10px/1.5 var(--fuente-mono); letter-spacing:.06em; padding: 4px 8px; background:#0b101be8; overflow-wrap: anywhere; }
.piloto__puerto i { width: 15px; height: 15px; display: block; background:#e9c267; border:1px solid #e9c267; border-radius:50%; box-shadow:0 0 22px #e9c26770; transition: box-shadow .4s, transform .4s; }
.piloto__puerto--entrada { grid-column:1; grid-row:2; }
.piloto__puerto--control { grid-column:2; grid-row:1; }
.piloto__puerto--control i { transform:rotate(45deg); border-radius:2px; background:#171827; border-color:#c6b0e8; }
.piloto__puerto--equipo { grid-column:2; grid-row:3; }
.piloto__puerto--equipo i { border-radius:2px; background:#9ad3df; border-color:#9ad3df; }
.piloto__puerto--salida { grid-column:3; grid-row:2; }
.piloto__puerto--salida i { background:#0b101b; box-shadow:0 0 0 4px #e9c26722,0 0 22px #e9c26760; }
.piloto[data-step="0"] .piloto__puerto--entrada,
.piloto[data-step="1"] .piloto__puerto--control,
.piloto[data-step="1"] .piloto__puerto--equipo,
.piloto[data-step="2"] .piloto__puerto--salida { color:#fff4ce; }
.piloto[data-step="0"] .piloto__puerto--entrada i,
.piloto[data-step="1"] .piloto__puerto--control i,
.piloto[data-step="1"] .piloto__puerto--equipo i,
.piloto[data-step="2"] .piloto__puerto--salida i { box-shadow:0 0 0 10px #e9c26712,0 0 40px #e9c267aa; }
.piloto__lectura { display:grid; grid-template-columns:56px 1fr; gap:20px; padding:24px 0 20px; border-top:1px solid #e9c26766; min-height:148px; }
.piloto__lectura[hidden] { display:none; }
.piloto__folio { white-space:nowrap; font:11px var(--fuente-mono); color:#e9c267; padding-top:6px; }
.piloto__lectura strong { display:block; font-size:20px; color:#f5eddb; font-weight:500; margin-bottom:10px; }
.piloto__lectura p { font-size:15px; line-height:1.65; color:#b9c4cf; }
.piloto__cierre { display:flex; justify-content:flex-end; margin-top:16px; }
.piloto__cierre .boton { max-width:100%; white-space:normal; text-align:center; padding-inline:28px; }
@media(max-width:900px) {
 .piloto__intro { grid-template-columns:1fr; gap:24px; }
 .piloto__intro h2 { max-width:22ch; }
 .piloto__experiencia { grid-template-columns:1fr; gap:16px; }
 .piloto__selector { flex-direction:row; }
 .piloto__selector button { flex:1; display:flex; flex-direction:column; gap:12px; align-items:flex-start; padding:20px 12px; }
 .piloto__selector button span { font-size:18px; }
 .piloto__selector button b { display:none; }
 .piloto__cierre { justify-content:flex-start; }
}
@media(max-width:500px) {
 .piloto__intro h2 { font-size:38px; }
 .piloto__intro .lead { font-size:16px; }
 .piloto__selector button { padding:16px 8px; }
 .piloto__selector button span { font-size:14px; }
 .piloto__escena { padding:20px 0 0; }
 .piloto__centro { width:96px; height:96px; }
 .piloto__centro span { font-size:15px; }
 .piloto__red { height:290px; }
 .piloto__puerto span { font-size:9px; padding-inline:2px; }
 .piloto__lectura { grid-template-columns:44px 1fr; gap:12px; min-height:180px; }
 .piloto__lectura strong { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { .piloto__selector button,.piloto__puerto i { transition:none; } }
#datos { background:#0c121c; }
#datos .datos__interior { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(32px,6vw,90px); align-items:start; padding-inline:clamp(24px,4vw,64px); }
#datos .datos__intro h2 { font-size:clamp(38px,4vw,58px); }
#datos .datos__intro .lead { font-size:16px; }
.datos__lista { counter-reset:dato; border-top:1px solid #e9c26766; }
.datos__detalle { counter-increment:dato; border-bottom:1px solid #74859b55; }
.datos__detalle summary { display:grid; grid-template-columns:30px 1fr 18px; align-items:center; gap:18px; padding:26px 8px; cursor:pointer; list-style:none; }
.datos__detalle summary::-webkit-details-marker { display:none; }
.datos__detalle summary::before { content:counter(dato,decimal-leading-zero); font:11px var(--fuente-mono); color:#e9c267; }
.datos__detalle summary span { font:500 22px/1.35 var(--fuente-cuerpo,sans-serif); color:#f4eedf; }
.datos__detalle summary b { font:24px/1 sans-serif; color:#e9c267; }
.datos__detalle[open] summary b { transform:rotate(45deg); }
.datos__detalle > div { padding:0 30px 26px 56px; color:#bdc7d5; font-size:16px; line-height:1.7; }
.datos__detalle p+p { margin-top:18px; }
.datos__detalle summary:focus-visible { outline:2px solid #9ad3df; outline-offset:4px; }
#hablemos { background:radial-gradient(ellipse at 20% 65%,#e9c26710,transparent 55%),#090f17; }
#hablemos h2 { max-width:15ch; font-size:clamp(42px,5vw,70px); }
.contacto__ruta { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:38px; padding-top:24px; border-top:1px solid #e9c26766; }
.contacto__ruta span { font:11px/1.5 var(--fuente-mono); color:#e9c267; letter-spacing:.06em; }
.contacto__ruta i { font-style:normal; color:#a6b9ce; }
@media(max-width:900px) { #datos .datos__interior { grid-template-columns:1fr; } }
@media(max-width:500px) { .datos__detalle summary span { font-size:18px; } .datos__detalle > div { padding-inline:8px; } }