/* ══ SECTIONS — estilos compartidos M2–M7 ══ */

/* ── Bloque de texto ── */
.section-text{
  padding-left:40px;padding-top:72px;
  display:flex;flex-direction:column;justify-content:center;
  opacity:0;transition:opacity 0.9s ease 0.4s;
}
.moment.visible .section-text{opacity:1}

/* ── Eyebrow ── */
.section-eyebrow{
  font-size:10px;letter-spacing:0.22em;text-transform:uppercase;
  color:#05c8d8;margin-bottom:16px;padding-top:0px;
}

/* ── Heading ── */
.section-heading{
  font-weight:500;line-height:1.15;color:#e8f8ff;
  font-size:clamp(22px,2.4vw,44px);margin-bottom:18px;
}
.section-heading em{font-style:normal;color:#05c8d8}

/* ── Lista de servicios ── */
.service-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:30px}
.service-list li{
  font-size:11px;font-weight:300;color:rgba(255, 255, 255, 0.85);
  display:flex;align-items:flex-start;gap:8px;line-height:1.6;
}
.service-list li::before{content:'›';color:#05c8d8;flex-shrink:0}

/* ── Pasos M6 ── */
.step-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:30px}
.step-item{display:flex;align-items:flex-start;gap:8px}
.step-num{font-size:9px;font-weight:500;color:#05c8d8;letter-spacing:0.1em;flex-shrink:0;padding-top:2px;min-width:20px}
.step-body{display:flex;flex-direction:column;gap:3px}
.step-title{font-size:13px;font-weight:300;color:rgba(255,255,255,0.85);line-height:1.6}
.step-desc{font-size:13px;font-weight:300;color:rgba(255,255,255,0.85);line-height:1.6}

/* ── CTAs de sección ── */
.section-cta{
  display:inline-block;font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:300;color:#05c8d8;
  border:1px solid rgba(5,200,216,0.4);border-radius:0;
  padding:10px 24px;letter-spacing:0.08em;cursor:pointer;
  transition:all 0.2s;text-decoration:none;background:transparent;align-self:flex-start;
}
.section-cta:hover{background:rgba(5,200,216,0.1);border-color:#05c8d8;color:#fff}

/* ── Botones duales ── */
.btn-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn-info{
  display:inline-block;font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:300;color:#3dba8c;
  border:1px solid rgba(61,186,140,0.5);padding:10px 20px;
  letter-spacing:0.06em;cursor:pointer;transition:all 0.2s;
  text-decoration:none;background:transparent;
}
.btn-info:hover{background:rgba(61,186,140,0.1);border-color:#3dba8c}
.btn-cotizar{
  display:inline-block;font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:300;color:#05c8d8;
  border:1px solid rgba(5,200,216,0.4);padding:10px 20px;
  letter-spacing:0.06em;cursor:pointer;transition:all 0.2s;
  text-decoration:none;background:transparent;
}
.btn-cotizar:hover{background:rgba(5,200,216,0.1);border-color:#05c8d8;color:#fff}

/* ── Contacto M7 ── */
.social-links{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.social-link{
  display:flex;align-items:center;gap:14px;text-decoration:none;
  padding:12px 16px;border:1px solid rgba(5,200,216,0.12);
  transition:border-color 0.2s,background 0.2s;
}
.social-link:hover{border-color:rgba(5,200,216,0.4);background:rgba(5,200,216,0.04)}
.social-icon{display:inline-flex;align-items:center;width:24px;flex-shrink:0;vertical-align:middle}
.social-handle{font-size:20px;font-weight:500;color:#e8f8ff;letter-spacing:-0.01em;vertical-align:middle}
.social-handle span{color:#05c8d8}
.network-link{display:inline-block;text-decoration:none;align-self:flex-start}
.network-logo{width:90px;height:auto;display:block;opacity:0.5;filter:brightness(0) saturate(100%) invert(73%) sepia(69%) saturate(410%) hue-rotate(145deg) brightness(96%) contrast(97%);transition:filter 0.5s ease,opacity 0.5s ease}
.network-link:hover .network-logo{filter:brightness(0) invert(1);opacity:1}