:root {
  --hub-bg: #f4f8fc;
  --hub-alt: #edf4fb;
  --hub-surface: #fff;
  --hub-ink: #081b32;
  --hub-muted: #52657b;
  --hub-blue: #0b67d9;
  --hub-deep: #0a346b;
  --hub-ice: #dcebfa;
  --hub-teal: #0cafb9;
  --hub-green: #168c6a;
  --hub-amber: #e1a62a;
  --hub-gold: #c89527;
  --hub-coral: #d95d6a;
  --hub-border: rgba(13,55,95,.12);
  --hub-shadow: 0 12px 38px rgba(7,35,66,.08);
  --hub-container: 1180px;
  --hub-reading: 760px;
  --hub-space-xs: 8px;
  --hub-space-sm: 16px;
  --hub-space-md: 28px;
  --hub-space-section: clamp(52px, 5vw, 72px);
  --hub-radius-sm: 10px;
  --hub-radius-md: 16px;
  --hub-radius-lg: 22px;
}

html { scroll-behavior: smooth; }
body.hub-page { background: var(--hub-bg); color: var(--hub-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; padding-bottom: 0; }
.hub-page h1,.hub-page h2,.hub-page h3,.hub-page strong,.hub-nav { font-family: Manrope, Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: -.025em; }
.hub-page h1,.hub-page h2,.hub-page h3 { color: var(--hub-ink); }
.hub-page p { color: var(--hub-muted); }
.hub-page a:focus-visible,.hub-page button:focus-visible,.hub-page input:focus-visible,.hub-page select:focus-visible,.hub-page textarea:focus-visible { outline: 3px solid rgba(11,103,217,.35); outline-offset: 3px; }
.hub-shell { width: min(var(--hub-container), calc(100% - 48px)); margin-inline: auto; }
.hub-section { padding: var(--hub-space-section) 0; }
.hub-section--tight { padding: clamp(38px, 4.5vw, 60px) 0; }
.hub-section--alt { background: var(--hub-alt); border-block: 1px solid var(--hub-border); }
.hub-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--hub-blue); font: 800 .75rem/1.1 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.hub-kicker::before { content: ""; width: 26px; height: 2px; background: var(--hub-teal); }
.hub-heading { max-width: var(--hub-reading); margin-bottom: clamp(26px, 3vw, 36px); }
.hub-heading h2 { margin: 12px 0 12px; font-size: clamp(1.9rem, 3.2vw, 3.15rem); line-height: 1.05; letter-spacing: -.04em; }
.hub-heading p { max-width: 66ch; font-size: 1.02rem; line-height: 1.65; }

.hub-nav { background: rgba(255,255,255,.93); border-bottom: 1px solid var(--hub-border); box-shadow: 0 6px 24px rgba(7,35,66,.04); backdrop-filter: blur(16px); }
.hub-nav .nav-inner { width:min(var(--hub-container),calc(100% - 48px)); max-width:none; }
.hub-nav .nav-links { gap: 18px; }
.hub-nav .nav-links a { min-height:44px; position:relative; display:flex; align-items:center; padding-inline:2px; color: var(--hub-muted); font-size: .86rem; font-weight: 730; }
.hub-nav .nav-links a[aria-current="page"],.hub-nav .nav-links a:hover { color: var(--hub-blue); }
.hub-nav .nav-links a[aria-current="page"]::after { position:absolute; right:2px; bottom:1px; left:2px; height:2px; border-radius:99px; background:linear-gradient(90deg,var(--hub-blue),var(--hub-teal)); content:""; }
.hub-footer { width:min(var(--hub-container),calc(100% - 48px)); background: transparent; color: var(--hub-ink); border-top: 1px solid var(--hub-border); }
.hub-footer p,.hub-footer a,.hub-footer .footer-bottom { color: var(--hub-muted); }
.hub-mobile-nav { display: none; }

.hub-hero { position: relative; overflow: hidden; padding: clamp(80px, 10vw, 138px) 0 clamp(70px, 9vw, 116px); background: radial-gradient(circle at 76% 18%, rgba(12,175,185,.16), transparent 24%), radial-gradient(circle at 64% 20%, rgba(11,103,217,.14), transparent 34%), linear-gradient(135deg,#f9fcff 0%,#eef6fd 58%,#e8f2fa 100%); border-bottom: 1px solid var(--hub-border); }
.hub-hero::after { content: "EU → ES"; position: absolute; right: -20px; bottom: -46px; color: rgba(10,52,107,.045); font: 900 clamp(6rem,18vw,16rem)/1 Manrope,sans-serif; letter-spacing: -.09em; pointer-events: none; }
.hub-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.75fr); gap: clamp(48px,8vw,108px); align-items: center; }
.hub-hero h1 { max-width: 800px; margin: 18px 0 22px; font-size: clamp(3rem,6.7vw,6.4rem); line-height: .94; letter-spacing: -.065em; }
.hub-hero-lead { max-width: 720px; font-size: clamp(1.08rem,1.5vw,1.3rem); line-height: 1.72; }
.hub-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hub-action-pro { min-height:44px; display:inline-flex; align-items:center; color: var(--hub-deep); font-weight: 800; text-decoration: underline; text-decoration-color: rgba(200,149,39,.55); text-underline-offset: 5px; }
.hub-command { position: relative; padding: 28px; background: rgba(255,255,255,.86); border: 1px solid rgba(13,55,95,.16); border-radius: 18px; box-shadow: var(--hub-shadow); }
.hub-command-head { display:flex; justify-content:space-between; gap:16px; align-items:center; padding-bottom:18px; border-bottom:1px solid var(--hub-border); }
.hub-command-status { display:inline-flex; align-items:center; gap:8px; font-size:.78rem; font-weight:800; color:var(--hub-green); }
.hub-command-status::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--hub-green); box-shadow:0 0 0 5px rgba(22,140,106,.1); }
.hub-command-list { display:grid; gap:0; margin-top:6px; }
.hub-command-row { display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; padding:18px 0; border-bottom:1px solid var(--hub-border); }
.hub-command-row:last-child { border-bottom:0; }
.hub-command-row span:first-child { color:var(--hub-blue); font:800 .76rem Manrope,sans-serif; }
.hub-command-row small { color:var(--hub-muted); }

.hub-paths { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--hub-border); background:var(--hub-surface); box-shadow:var(--hub-shadow); }
.hub-path { min-height:360px; padding:clamp(34px,5vw,62px); display:flex; flex-direction:column; align-items:flex-start; }
.hub-path + .hub-path { border-left:1px solid var(--hub-border); }
.hub-path--pro { background:linear-gradient(145deg,#082846,#0a346b); color:white; position:relative; overflow:hidden; }
.hub-path--pro::after { content:""; position:absolute; width:220px; height:220px; border-radius:50%; right:-90px; top:-100px; background:rgba(200,149,39,.16); }
.hub-path h2 { margin:26px 0 12px; font-size:clamp(2.15rem,4vw,4rem); line-height:1; }
.hub-path--pro h2,.hub-path--pro p { color:white; }
.hub-path .hub-statline { margin:auto 0 26px; color:var(--hub-blue); font-weight:800; }
.hub-path--pro .hub-statline { color:#f1cd70; }

.hub-activity { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:14px; }
.hub-activity article { padding:24px clamp(20px,2.5vw,30px); border:1px solid var(--hub-border); border-radius:var(--hub-radius-md); background:rgba(255,255,255,.74); }
.hub-activity article:last-child { border-right:1px solid var(--hub-border); }
.hub-activity small { color:var(--hub-blue); font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.hub-activity h3 { margin:13px 0 8px; font-size:1.25rem; }
.hub-activity h3 a { min-height:44px; display:inline-flex; align-items:center; }
.hub-empty { padding:28px; border-left:3px solid var(--hub-ice); background:rgba(255,255,255,.72); }

.hub-editorial-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:22px; }
.hub-editorial-main { grid-column:span 7; }
.hub-editorial-side { grid-column:span 5; }
.hub-panel { background:var(--hub-surface); border:1px solid var(--hub-border); border-radius:var(--hub-radius-md); padding:clamp(26px,3.5vw,40px); box-shadow:0 8px 28px rgba(7,35,66,.05); }
.hub-panel--flat { background:transparent; border-radius:0; box-shadow:none; border:0; border-top:1px solid var(--hub-border); padding-inline:0; }
.hub-panel h2,.hub-panel h3 { margin:0 0 12px; }
.hub-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:30px 0; }
.hub-metric { position:relative; min-height:126px; padding:22px; overflow:hidden; border:1px solid var(--hub-border); border-radius:var(--hub-radius-md); background:linear-gradient(145deg,#fff,#f3f8fd); }
.hub-metric::after { position:absolute; right:-24px; bottom:-32px; width:88px; height:88px; border:14px solid rgba(11,103,217,.06); border-radius:50%; content:""; }
.hub-metric:last-child { border:1px solid var(--hub-border); }
.hub-metric strong { display:block; color:var(--hub-deep); font-size:clamp(1.8rem,2.7vw,2.65rem); line-height:1; }
.hub-metric span { display:block; margin-top:9px; color:var(--hub-muted); font-size:.82rem; font-weight:700; }
.hub-service-list { display:grid; gap:0; border-top:1px solid var(--hub-border); }
.hub-service-row { display:grid; grid-template-columns:180px 1fr auto; align-items:center; gap:26px; padding:26px 0; border-bottom:1px solid var(--hub-border); text-decoration:none; color:inherit; }
.hub-service-row:hover h3 { color:var(--hub-blue); }
.hub-service-row .hub-price { color:var(--hub-gold); font-weight:850; white-space:nowrap; }
.hub-service-row .hub-price { display:flex; max-width:240px; flex-direction:column; align-items:flex-end; gap:5px; white-space:normal; text-align:right; }
.hub-service-row .hub-price strong { font:inherit; white-space:nowrap; }
.hub-service-row .hub-price small { color:var(--hub-muted); font-size:.72rem; font-weight:700; line-height:1.4; }
.hub-service-row p { margin:4px 0 0; }
.hub-service-index { color:var(--hub-blue); font:800 .8rem Manrope,sans-serif; }

.hub-page-hero { padding:clamp(72px,9vw,120px) 0 64px; background:linear-gradient(145deg,#f9fcff,#edf5fc); border-bottom:1px solid var(--hub-border); }
.hub-page-hero h1 { max-width:900px; margin:16px 0 18px; font-size:clamp(2.7rem,6vw,5.8rem); line-height:.97; }
.hub-page-hero p { max-width:74ch; font-size:1.14rem; line-height:1.7; }
.hub-price-hero { display:inline-flex; margin:20px 0 0; color:var(--hub-gold); font:850 clamp(1.4rem,3vw,2.2rem) Manrope,sans-serif; }
.hub-payment-note { display:block; font-size:.82rem; font-weight:750; line-height:1.5; }
.hub-payment-note--hero { max-width:440px; margin:9px 0 0; color:rgba(255,255,255,.82); }
.hub-payment-note--card { max-width:340px; margin:-18px 0 22px; color:rgba(255,255,255,.78); }
.hub-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0 0 26px; color:var(--hub-muted); font-size:.88rem; }
.hub-breadcrumbs li:not(:last-child)::after { content:"/"; margin-left:8px; color:#9aaabd; }
.hub-breadcrumbs a { color:var(--hub-blue); }
.hub-prose { max-width:760px; }
.hub-prose p,.hub-prose li { font-size:1.03rem; line-height:1.78; }
.hub-prose h2 { margin:54px 0 15px; font-size:clamp(1.8rem,3vw,2.6rem); }
.hub-prose h3 { margin:34px 0 12px; }
.hub-prose ul { padding-left:1.2rem; }
.hub-prose li + li { margin-top:8px; }
.hub-prose .hub-content-block { padding:25px 0 25px 24px; border-left:3px solid var(--hub-ice); }
.hub-content-meta { display:flex; flex-wrap:wrap; gap:12px 24px; padding:18px 0; border-block:1px solid var(--hub-border); color:var(--hub-muted); font-size:.88rem; }
.hub-related { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.hub-related a { padding:22px; border-top:2px solid var(--hub-blue); background:white; color:var(--hub-ink); text-decoration:none; }
.hub-related a:hover { color:var(--hub-blue); }
.hub-table { width:100%; border-collapse:collapse; background:white; }
.hub-table th,.hub-table td { padding:15px 18px; text-align:left; border-bottom:1px solid var(--hub-border); }
.hub-table th { color:var(--hub-muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
.hub-disclaimer { border-left:4px solid var(--hub-amber); padding:18px 22px; background:#fffaf0; color:#614b1c; }

.hub-form { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:clamp(28px,4vw,44px); background:white; border:1px solid var(--hub-border); border-radius:14px; }
.hub-form-field { display:grid; gap:8px; }
.hub-form-field--full { grid-column:1/-1; }
.hub-form label { font-weight:750; color:var(--hub-ink); }
.hub-form input,.hub-form select,.hub-form textarea { width:100%; min-height:48px; border:1px solid rgba(13,55,95,.22); border-radius:10px; padding:12px 14px; background:#fbfdff; color:var(--hub-ink); font:inherit; }
.hub-form textarea { min-height:130px; resize:vertical; }
.hub-form input:focus,.hub-form select:focus,.hub-form textarea:focus { border-color:var(--hub-blue); box-shadow:0 0 0 4px rgba(11,103,217,.1); outline:0; }
.hub-form-check { display:flex; gap:10px; align-items:flex-start; }
.hub-form-check input { width:20px; min-height:20px; }
.hub-form-note { font-size:.85rem; color:var(--hub-muted); }
.hub-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.hub-dialog { width:min(680px,calc(100% - 32px)); border:0; border-radius:16px; padding:0; box-shadow:0 24px 90px rgba(3,25,49,.3); }
.hub-dialog::backdrop { background:rgba(2,21,41,.62); backdrop-filter:blur(4px); }
.hub-dialog form { padding:34px; position:relative; }
.hub-dialog h2 { margin:12px 0 18px; }
.hub-dialog pre { white-space:pre-wrap; max-height:45vh; overflow:auto; padding:18px; background:var(--hub-alt); border:1px solid var(--hub-border); border-radius:10px; font:500 .9rem/1.55 Inter,sans-serif; }
.hub-dialog-close { position:absolute; right:18px; top:14px; width:44px; height:44px; border:0; border-radius:50%; background:transparent; font-size:1.8rem; }
.hub-dialog-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }

.hub-update-list { border-top:1px solid var(--hub-border); }
.hub-update { display:grid; grid-template-columns:130px 1fr; gap:28px; padding:28px 0; border-bottom:1px solid var(--hub-border); }
.hub-update time { color:var(--hub-blue); font-weight:800; }
.hub-status { display:inline-flex; align-items:center; min-height:28px; padding:4px 10px; border-radius:999px; background:var(--hub-ice); color:var(--hub-deep); font-size:.76rem; font-weight:800; }
.hub-status--gold { background:#fff3d6; color:#755513; }
.hub-status--green { background:#dff4ec; color:#0d6b4f; }

@media (max-width: 900px) {
  .hub-nav .nav-panel { background:white; }
  .hub-hero-grid { grid-template-columns:1fr; }
  .hub-command { max-width:680px; }
  .hub-activity { grid-template-columns:1fr; }
  .hub-activity article { border-right:0; border-bottom:1px solid var(--hub-border); }
  .hub-editorial-main,.hub-editorial-side { grid-column:1/-1; }
  .hub-service-row { grid-template-columns:90px 1fr; }
  .hub-service-row .hub-price { grid-column:2; }
  .hub-service-row .hub-price { align-items:flex-start; text-align:left; }
  .hub-related { grid-template-columns:1fr; }
}

@media (max-width: 767px) {
  body.hub-page { padding-bottom:70px; }
  .hub-shell { width:min(100% - 28px,1180px); }
  .hub-section { padding:58px 0; }
  .hub-hero { padding:64px 0 56px; }
  .hub-hero h1 { font-size:clamp(2.75rem,13vw,4.4rem); }
  .hub-hero::after { display:none; }
  .hub-actions .btn { width:100%; justify-content:center; }
  .hub-command { padding:22px; border-radius:14px; }
  .hub-command-row { grid-template-columns:34px 1fr; }
  .hub-command-row small { grid-column:2; }
  .hub-paths { grid-template-columns:1fr; }
  .hub-path { min-height:320px; padding:32px 24px; }
  .hub-path + .hub-path { border-left:0; border-top:1px solid var(--hub-border); }
  .hub-metrics { grid-template-columns:1fr 1fr; }
  .hub-metric:nth-child(2) { border-right:0; }
  .hub-service-row { grid-template-columns:50px 1fr; gap:12px; }
  .hub-form { grid-template-columns:1fr; padding:24px 18px; }
  .hub-form-field--full { grid-column:auto; }
  .hub-update { grid-template-columns:1fr; gap:8px; }
  .hub-mobile-nav { position:fixed; z-index:1000; left:0; right:0; bottom:0; display:grid; grid-template-columns:repeat(5,1fr); min-height:66px; background:rgba(255,255,255,.96); border-top:1px solid var(--hub-border); backdrop-filter:blur(14px); padding-bottom:env(safe-area-inset-bottom); }
  .hub-mobile-nav a { display:grid; place-items:center; padding:8px 3px; color:var(--hub-muted); text-decoration:none; font-size:.67rem; font-weight:750; text-align:center; }
  .hub-page-hero { padding:58px 0 46px; }
  .hub-page-hero h1 { font-size:clamp(2.5rem,12vw,4.2rem); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .hub-page *, .hub-page *::before, .hub-page *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

/* Refinado visual final · raster editorial como capa principal */
.hub-nav { position:sticky; top:0; z-index:900; }
.hub-page .btn-primary { color:#fff; background:linear-gradient(135deg,var(--hub-blue),#0751c8); box-shadow:0 9px 22px rgba(11,103,217,.2); }
.hub-page .btn-primary:hover { background:linear-gradient(135deg,#0757c4,#073f9e); }
.hub-page .btn-gold { color:#102236; background:linear-gradient(135deg,#ffe18d,#e5b73d); }
.hub-hero { padding:clamp(54px,5vw,70px) 0 clamp(50px,4.5vw,62px); background:radial-gradient(circle at 80% 12%,rgba(12,175,185,.12),transparent 24%),linear-gradient(135deg,#fbfdff 0%,#edf5fc 66%,#e8f1f8 100%); }
.hub-hero-grid { grid-template-columns:minmax(0,1fr) minmax(440px,1fr); gap:clamp(34px,4vw,56px); }
.hub-hero-copy { position:relative; z-index:2; }
.hub-hero h1 { max-width:680px; margin:18px 0 20px; font-size:clamp(2.85rem,4vw,3.85rem); line-height:.98; letter-spacing:-.05em; text-wrap:balance; }
.hub-command { min-height:430px; padding:0; overflow:hidden; border-color:rgba(13,55,95,.14); border-radius:var(--hub-radius-lg); background:#dce9f4; box-shadow:0 24px 64px rgba(5,31,59,.16); }
.hub-command-media,.hub-command-media img { position:absolute; inset:0; width:100%; height:100%; }
.hub-command-media img { object-fit:cover; object-position:center; }
.hub-command::after { position:absolute; inset:0; content:""; background:linear-gradient(180deg,transparent 48%,rgba(3,22,41,.76) 100%); pointer-events:none; }
.hub-command figcaption { position:absolute; z-index:2; left:18px; right:18px; bottom:18px; padding:18px; border:1px solid rgba(255,255,255,.2); border-radius:15px; color:#fff; background:rgba(4,27,49,.72); box-shadow:0 16px 34px rgba(1,13,25,.24); backdrop-filter:blur(16px); }
.hub-command-head { padding:0 0 13px; border-color:rgba(255,255,255,.14); }
.hub-command-status { color:#76ebc9; }
.hub-command-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:13px; overflow:hidden; border-radius:10px; background:rgba(255,255,255,.12); }
.hub-command-metrics span { display:grid; gap:2px; padding:11px 12px; background:rgba(4,28,51,.55); }
.hub-command-metrics strong { color:#fff; font-size:1.18rem; }
.hub-command-metrics small { color:#bed1e2; font-size:.68rem; }
.hub-paths { overflow:hidden; border-radius:var(--hub-radius-lg); box-shadow:0 18px 48px rgba(7,35,66,.09); }
.hub-path { min-height:0; padding:clamp(32px,4vw,48px); }
.hub-path h2 { max-width:560px; margin-top:22px; font-size:clamp(1.9rem,3vw,2.8rem); line-height:1.04; }
.hub-path .hub-statline { margin:24px 0 18px; }
.hub-path .hub-payment-note--card { margin:-10px 0 20px; }
.hub-activity--cards { gap:16px; border:0; }
.hub-activity--cards article { border:1px solid var(--hub-border); border-radius:14px; background:#fff; box-shadow:0 10px 28px rgba(7,35,66,.05); }
.hub-heading--spaced { margin-top:52px; }
.hub-empty--premium { max-width:none; padding:clamp(28px,3.5vw,42px); border:1px solid var(--hub-border); border-left:4px solid var(--hub-teal); border-radius:0 var(--hub-radius-md) var(--hub-radius-md) 0; background:radial-gradient(circle at 92% 20%,rgba(12,175,185,.09),transparent 16rem),#fff; box-shadow:var(--hub-shadow); }
.hub-empty--premium h2 { max-width:720px; margin:14px 0 10px; font-size:clamp(1.8rem,2.8vw,2.6rem); line-height:1.05; }
.hub-empty--premium p { max-width:68ch; }
.hub-service-list { border-top:0; }
.hub-service-row { position:relative; grid-template-columns:64px minmax(0,1fr) minmax(150px,230px); margin-top:-1px; padding:22px 26px; border:1px solid var(--hub-border); background:rgba(255,255,255,.68); transition:background .18s ease,transform .18s ease,border-color .18s ease; }
.hub-service-row:hover { z-index:1; transform:translateX(4px); border-color:rgba(11,103,217,.28); background:#fff; }
.hub-service-row:first-child { margin-top:0; border-radius:14px 14px 0 0; }
.hub-service-row:last-child { border-radius:0 0 14px 14px; }
.hub-service-index { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:var(--hub-deep); background:#e8f3fd; font-size:.7rem; letter-spacing:.08em; }
.hub-service-spectrum { display:grid; grid-template-columns:auto minmax(180px,1fr) auto; align-items:center; gap:16px; margin:26px 0 20px; color:#5d7287; font-size:.72rem; font-weight:750; }
.hub-service-spectrum > div { position:relative; display:flex; align-items:center; justify-content:space-between; min-height:24px; }
.hub-service-spectrum > div::before { position:absolute; left:0; right:0; height:2px; content:""; background:linear-gradient(90deg,#8ddde2,var(--hub-blue)); }
.hub-service-spectrum i { --dot:calc(7px + (var(--level) * 2px)); position:relative; width:var(--dot); height:var(--dot); border:2px solid #fff; border-radius:50%; background:color-mix(in srgb,var(--hub-teal) calc(100% - (var(--level) * 10%)),var(--hub-blue)); box-shadow:0 0 0 1px rgba(11,103,217,.16); }
.hub-service-list--progressive .hub-service-row::before { position:absolute; left:0; top:0; bottom:0; width:calc(2px + (var(--service-level) * 1px)); content:""; background:linear-gradient(180deg,var(--hub-teal),var(--hub-blue)); }
.hub-service-mode { display:block; margin-bottom:4px; color:var(--hub-blue); font-size:.64rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.hub-page-hero { padding:clamp(62px,6vw,86px) 0 48px; }
.hub-page-hero h1 { max-width:820px; font-size:clamp(2.5rem,3.8vw,4rem); line-height:1; letter-spacing:-.05em; text-wrap:balance; }
.hub-page-hero--visual { position:relative; min-height:470px; display:grid; align-items:end; overflow:hidden; padding:82px 0 52px; isolation:isolate; background:#061a2f; }
.hub-page-hero--visual::after { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(90deg,rgba(3,19,35,.94) 0%,rgba(3,20,37,.72) 44%,rgba(3,20,37,.12) 76%),linear-gradient(180deg,rgba(3,18,33,.08),rgba(3,18,33,.7)); }
.hub-page-hero-media,.hub-page-hero-media img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; }
.hub-page-hero-media img { object-fit:cover; object-position:center; }
.hub-page-hero--opportunities .hub-page-hero-media img { object-position:28% center; }
.hub-page-hero--directos .hub-page-hero-media img { object-position:72% center; }
.hub-page-hero--services-index .hub-page-hero-media img,
.hub-page-hero--auction .hub-page-hero-media img { object-position:73% center; }
.hub-page-hero--consultation .hub-page-hero-media img { object-position:72% center; }
.hub-page-hero--first-import .hub-page-hero-media img { object-position:66% center; }
.hub-page-hero--visual .hub-shell { width:min(var(--hub-container),calc(100% - 48px)); }
.hub-page-hero--visual h1 { max-width:760px; color:#fff; }
.hub-page-hero--visual p { max-width:700px; color:#c7d9e8; }
.hub-page-hero--visual .hub-kicker { color:#6de4ee; }
.hub-page-hero--visual .hub-breadcrumbs,.hub-page-hero--visual .hub-breadcrumbs a { color:#b8cce0; }
.hub-page-hero--visual .hub-price-hero { color:#f2d16e; }
.hub-button-on-dark { color:#fff!important; border-color:rgba(255,255,255,.55)!important; background:rgba(255,255,255,.08)!important; }
.hub-button-on-dark:hover { background:rgba(255,255,255,.16)!important; }
.hub-page-hero--case .hub-status { margin-bottom:10px; }
.hub-opportunity-card { min-height:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,280px); align-items:center; gap:36px; border-radius:var(--hub-radius-md); padding:clamp(28px,3.5vw,44px); border-top:4px solid var(--hub-teal); }
.hub-opportunity-card h2 { max-width:650px; margin:16px 0 10px; font-size:clamp(1.85rem,2.8vw,2.65rem); line-height:1.04; }
.hub-opportunity-card .hub-actions { align-items:stretch; flex-direction:column; margin-top:0; }
.hub-activity--cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.hub-activity--cards article { min-height:150px; display:grid; align-content:start; }
.hub-editorial-side.hub-panel { align-self:stretch; padding:clamp(30px,3.5vw,44px); color:#fff; border-color:transparent; background:linear-gradient(145deg,#082846,#0a346b); box-shadow:0 18px 48px rgba(7,35,66,.14); }
.hub-editorial-side.hub-panel h2 { margin-top:16px; color:#fff; font-size:clamp(1.75rem,2.7vw,2.5rem); line-height:1.05; }
.hub-editorial-side.hub-panel p { margin-top:12px; color:#c7d9e8; line-height:1.65; }
.hub-editorial-side.hub-panel .hub-kicker { color:#f1cd70; }
.hub-decision-card { position:sticky; top:105px; }
.hub-decision-card .btn { width:100%; margin-top:12px; }
.hub-decision-card .btn + .btn { margin-left:0; }
.hub-go-hero { background:radial-gradient(circle at 85% 0,rgba(12,175,185,.14),transparent 27%),linear-gradient(145deg,#fbfdff,#edf5fc); }
.hub-go-list { max-width:920px; }
.hub-go-list .hub-service-row { grid-template-columns:64px 1fr 40px; min-height:88px; }
.hub-go-arrow { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; color:var(--hub-blue); background:#eaf3ff; transition:transform .18s ease,background .18s ease; }
.hub-go-list .hub-service-row:hover .hub-go-arrow { transform:translateX(3px); color:#fff; background:var(--hub-blue); }

/* Primera Importación Contigo · servicio integral */
.hub-service-row--first-import { align-items:start; padding-top:30px; padding-bottom:30px; background:linear-gradient(135deg,#fafdff,#edf7fc); }
.hub-service-row--first-import .hub-service-tagline { display:block; margin-top:5px; color:var(--hub-deep); font-size:1.05rem; }
.hub-service-row--first-import p { max-width:760px; margin-top:10px; line-height:1.65; }
.hub-service-highlight { display:block; max-width:760px; margin-top:13px; padding-left:13px; border-left:3px solid var(--hub-teal); color:var(--hub-deep); font-weight:800; }
.hub-service-card-cta { display:inline-flex; align-items:center; gap:8px; margin-top:16px; color:var(--hub-blue); font-weight:850; }
.hub-service-card-cta span { transition:transform .18s ease; }
.hub-service-row--first-import:hover .hub-service-card-cta span { transform:translateX(3px); }
.hub-first-import-hero { min-height:690px; }
.hub-first-import-hero .hub-shell { padding-right:min(33vw,390px); }
.hub-first-import-hero-copy { display:grid; gap:11px; max-width:750px; margin-top:18px; }
.hub-first-import-hero-copy p { margin:0; line-height:1.58; }
.hub-first-import-hero-copy .hub-first-import-subtitle { color:#fff; font-size:clamp(1.25rem,2vw,1.65rem); font-weight:850; line-height:1.25; }
.hub-first-import-hero-footer { display:flex; flex-direction:column; align-items:flex-start; gap:4px; margin-top:20px; color:#f2d16e; }
.hub-first-import-hero-footer strong { font-size:1.04rem; }
.hub-first-import-hero-footer small { color:#d7e4ef; font-weight:700; }
.hub-first-import-remote { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(34px,6vw,82px); align-items:start; }
.hub-first-import-remote h2 { max-width:620px; margin:14px 0 18px; font-size:clamp(2rem,3.7vw,3.45rem); line-height:1.02; letter-spacing:-.04em; }
.hub-first-import-remote > div > p { max-width:64ch; line-height:1.7; }
.hub-first-import-remote-cases { display:grid; gap:0; overflow:hidden; border:1px solid var(--hub-border); border-radius:18px; background:#fff; box-shadow:var(--hub-shadow); }
.hub-first-import-remote-cases p { margin:0; padding:18px 22px; border-bottom:1px solid var(--hub-border); }
.hub-first-import-remote-cases strong { padding:22px; color:#fff; background:linear-gradient(135deg,var(--hub-deep),#0a4175); line-height:1.5; }
.hub-first-import-process { max-width:980px; display:grid; gap:16px; margin:34px 0 0; padding:0; list-style:none; }
.hub-first-import-step { display:grid; grid-template-columns:190px minmax(0,1fr); gap:0; overflow:hidden; border:1px solid var(--hub-border); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(7,35,66,.055); }
.hub-first-import-step-number { display:flex; flex-direction:column; justify-content:flex-start; gap:10px; padding:26px; color:#fff; background:linear-gradient(145deg,#082846,#0a3f74); }
.hub-first-import-step-number span { color:#6de4ee; font-size:2rem; font-weight:900; line-height:1; }
.hub-first-import-step-number small { font-size:.67rem; font-weight:850; letter-spacing:.09em; line-height:1.5; text-transform:uppercase; }
.hub-first-import-step-body { display:grid; gap:14px; padding:clamp(24px,3.5vw,38px); }
.hub-first-import-step-body h3 { margin:0; color:var(--hub-deep); font-size:clamp(1.35rem,2.4vw,2rem); line-height:1.08; }
.hub-first-import-step-body p { max-width:72ch; margin:0; line-height:1.7; }
.hub-first-import-step-body ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; margin:0; padding-left:20px; }
.hub-first-import-step-body li { line-height:1.55; }
.hub-first-import-step-highlight { display:block; padding:17px 19px; border-left:4px solid var(--hub-teal); border-radius:0 10px 10px 0; color:var(--hub-deep); background:#edfafa; line-height:1.55; }
.hub-first-import-finish { display:flex; align-items:center; justify-content:center; min-height:76px; margin-top:4px; padding:18px; border-radius:12px; color:#fff; background:linear-gradient(135deg,#087764,#0b9b78); font-size:clamp(1.2rem,2.2vw,1.65rem); text-align:center; }
.hub-first-import-value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.hub-first-import-value-grid article { min-height:108px; display:flex; flex-direction:column; justify-content:space-between; gap:20px; padding:20px; border:1px solid var(--hub-border); border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(7,35,66,.045); }
.hub-first-import-value-grid span { color:var(--hub-teal); font-size:.7rem; font-weight:900; letter-spacing:.09em; }
.hub-first-import-value-grid strong { color:var(--hub-deep); font-size:1.02rem; }
.hub-first-import-value-close { margin:22px 0 0; padding:22px 24px; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--hub-deep),#0a4175); font-size:clamp(1.1rem,2vw,1.35rem); font-weight:850; }
.hub-first-import-roles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.hub-first-import-roles article { padding:clamp(26px,3.5vw,40px); border:1px solid var(--hub-border); border-radius:18px; background:#fff; }
.hub-first-import-roles h3 { margin:12px 0 20px; font-size:clamp(1.55rem,2.5vw,2.15rem); }
.hub-first-import-roles ul { display:grid; gap:10px; margin:0; padding-left:20px; }
.hub-first-import-roles li { line-height:1.55; }
.hub-first-import-role-ivan { color:#d5e4ef; border-color:transparent!important; background:linear-gradient(145deg,#082846,#0a3f74)!important; }
.hub-first-import-role-ivan h3 { color:#fff; }
.hub-first-import-role-ivan .hub-kicker { color:#6de4ee; }
.hub-first-import-faq-wrap { max-width:980px; }
.hub-first-import-faq-list { display:grid; gap:10px; }
.hub-first-import-faq-list details { overflow:hidden; border:1px solid var(--hub-border); border-radius:12px; background:#fff; }
.hub-first-import-faq-list summary { padding:20px 54px 20px 22px; color:var(--hub-deep); font-weight:850; cursor:pointer; }
.hub-first-import-faq-list details[open] summary { border-bottom:1px solid var(--hub-border); }
.hub-first-import-faq-list p { max-width:78ch; margin:0; padding:20px 22px; line-height:1.7; }
.hub-first-import-final { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,360px); align-items:center; gap:clamp(28px,5vw,68px); padding:clamp(30px,5vw,58px); border-radius:22px; color:#d7e4ef; background:radial-gradient(circle at 90% 15%,rgba(12,175,185,.2),transparent 17rem),linear-gradient(145deg,#061f38,#093a69); box-shadow:0 24px 58px rgba(5,31,59,.18); }
.hub-first-import-final h2 { max-width:700px; margin:14px 0; color:#fff; font-size:clamp(2rem,3.6vw,3.3rem); line-height:1.03; letter-spacing:-.04em; }
.hub-first-import-final p { max-width:62ch; color:#d7e4ef; line-height:1.65; }
.hub-first-import-final .hub-kicker { color:#6de4ee; }
.hub-first-import-final-action { display:flex; flex-direction:column; align-items:stretch; gap:10px; }
.hub-first-import-final-action > strong { color:#f2d16e; font-size:clamp(1.35rem,2.5vw,1.8rem); }
.hub-first-import-final-action > small { color:#c3d7e7; font-weight:700; }
.hub-first-import-final-action .btn { width:100%; margin-top:8px; text-align:center; }

@media (max-width: 900px) {
  .hub-hero-grid { grid-template-columns:1fr; }
  .hub-command { max-width:none; min-height:400px; }
  .hub-first-import-hero .hub-shell { padding-right:0; }
  .hub-first-import-remote { grid-template-columns:1fr; }
  .hub-first-import-value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hub-first-import-final { grid-template-columns:1fr; }
}

@media (max-width: 767px) {
  .hub-hero { padding:48px 0 44px; }
  .hub-hero h1 { max-width:none; font-size:clamp(2.2rem,9.4vw,2.65rem); line-height:1; }
  .hub-hero-lead { font-size:1rem; line-height:1.62; }
  .hub-command { min-height:310px; border-radius:18px; }
  .hub-command figcaption { left:10px; right:10px; bottom:10px; padding:14px; }
  .hub-command-metrics span { padding:9px 7px; }
  .hub-command-metrics small { font-size:.6rem; }
  .hub-page-hero h1 { font-size:clamp(2.25rem,9.8vw,2.9rem); line-height:1.02; }
  .hub-page-hero--visual { min-height:450px; padding:72px 0 42px; }
  .hub-page-hero--visual::after { background:linear-gradient(180deg,rgba(3,19,35,.22),rgba(3,19,35,.94) 77%); }
  .hub-page-hero--visual .hub-shell { width:min(100% - 28px,1180px); }
  .hub-page-hero--visual .hub-kicker { color:#70e5ee; }
  .hub-page-hero-media img { object-position:68% center; }
  .hub-page-hero--opportunities .hub-page-hero-media img { object-position:29% center; }
  .hub-page-hero--directos .hub-page-hero-media img,
  .hub-page-hero--services-index .hub-page-hero-media img,
  .hub-page-hero--auction .hub-page-hero-media img,
  .hub-page-hero--consultation .hub-page-hero-media img { object-position:74% center; }
  .hub-page-hero--first-import .hub-page-hero-media img { object-position:63% center; }
  .hub-opportunity-card { grid-template-columns:1fr; min-height:0; padding:26px 20px; }
  .hub-opportunity-card .hub-actions { align-items:stretch; }
  .hub-service-row,.hub-go-list .hub-service-row { grid-template-columns:46px 1fr; padding:20px 15px; }
  .hub-service-row .hub-price,.hub-go-arrow { grid-column:2; }
  .hub-service-spectrum { grid-template-columns:1fr auto; gap:8px 12px; margin:22px 0 14px; }
  .hub-service-spectrum > div { grid-column:1 / -1; grid-row:2; }
  .hub-service-spectrum > span:last-child { grid-column:2; grid-row:1; }
  .hub-go-arrow { margin-top:4px; }
  .hub-heading--spaced { margin-top:56px; }
  .hub-path { min-height:0; padding:28px 22px; }
  .hub-path h2 { margin-top:18px; }
  .hub-activity--cards { grid-template-columns:1fr; }
  .hub-first-import-hero { min-height:760px; }
  .hub-first-import-hero-copy { gap:9px; }
  .hub-first-import-hero-copy p { font-size:.94rem; line-height:1.5; }
  .hub-first-import-hero-footer { margin-top:16px; }
  .hub-first-import-step { grid-template-columns:1fr; }
  .hub-first-import-step-number { flex-direction:row; align-items:center; padding:17px 20px; }
  .hub-first-import-step-number span { font-size:1.55rem; }
  .hub-first-import-step-number small { max-width:220px; }
  .hub-first-import-step-body { padding:22px 19px; }
  .hub-first-import-step-body ul { grid-template-columns:1fr; }
  .hub-first-import-value-grid,.hub-first-import-roles { grid-template-columns:1fr; }
  .hub-service-row--first-import { padding-top:24px; padding-bottom:24px; }
  .hub-service-row--first-import .hub-service-index { grid-row:1 / span 2; }
}