/* Goucargo · tema visual v18
   Se carga después del resto de hojas y redefine el aspecto general:
   tipografía, formas redondeadas, paneles flotantes y mosaico de servicios. */
@font-face{font-family:'Sora';src:url(assets/fonts/sora.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Inter';src:url(assets/fonts/inter.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{
  --ink:#0b1626;--navy:#0b1a2e;--blue:#1d5bff;--blue-2:#4f86ff;--cyan:#22d3e6;
  --paper:#f5f7fb;--soft:#eef3fb;--muted:#5f6b7a;--line:rgba(11,22,38,.08);
  --radius:28px;--radius-sm:18px;
  --shadow:0 1px 2px rgba(11,22,38,.04),0 12px 32px rgba(11,22,38,.07);
  --shadow-lg:0 2px 6px rgba(11,22,38,.05),0 30px 70px rgba(11,22,38,.14);
  --grad:linear-gradient(120deg,#1d5bff 0%,#22d3e6 100%);
  --display:'Sora',sans-serif;--body:'Inter',sans-serif;
}
body{background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display)!important;letter-spacing:-.04em!important}
h2{font-weight:800!important;line-height:1.02!important}
h2 em,h1 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-style:normal}

/* Etiquetas en forma de píldora en vez de línea */
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:white;box-shadow:var(--shadow);font-size:10.5px;letter-spacing:.12em;color:var(--blue)}
.eyebrow span{width:8px!important;height:8px!important;border-radius:50%;margin:0!important;background:var(--grad)!important}
.eyebrow.light,.hero .eyebrow{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#cfe3ff}

/* Botones en píldora */
.button{border-radius:999px;padding:15px 18px 15px 24px;gap:18px;box-shadow:0 10px 24px rgba(29,91,255,.28);border:0}
.button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);font-size:13px}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(29,91,255,.36)}
.button-light{box-shadow:0 10px 24px rgba(0,0,0,.18)}
.button-light span{background:var(--soft)}
.button-small{padding:9px 10px 9px 18px;font-size:13px}
.button-small span{width:24px;height:24px}

/* Cabecera flotante */
.site-header{top:12px!important;margin:12px clamp(10px,2vw,24px) 0;height:68px!important;min-height:68px!important;border-radius:22px;border:1px solid rgba(255,255,255,.6)!important;background:rgba(255,255,255,.78)!important;box-shadow:var(--shadow);padding:0 12px 0 22px!important}
.nav-services{height:68px!important}
.services-dropdown{top:60px!important;border-radius:var(--radius-sm);overflow:visible;border:0!important;box-shadow:var(--shadow-lg)!important}
.storage-submenu{border-radius:var(--radius-sm);border:0!important;box-shadow:var(--shadow-lg)!important}
.site-header nav a{font-weight:600;font-size:14px}
.client-login{padding:9px 14px;border-radius:999px;background:var(--soft)}
.client-login:hover{text-decoration:none!important;background:#e2eafc}
.mobile-menu{top:76px!important;border-radius:22px;box-shadow:var(--shadow-lg)!important}
.mobile-diag{border-radius:14px}

/* Portada: vídeo más presente y titular más contenido */
.hero{margin:-80px 0 0;padding-top:clamp(150px,14vw,190px)!important;min-height:100vh}
.hero-video-shade{background:linear-gradient(90deg,rgba(6,14,28,.9) 0%,rgba(6,14,28,.62) 50%,rgba(6,14,28,.35) 100%),linear-gradient(0deg,rgba(6,14,28,.85) 0%,transparent 40%)!important}
.hero:before{display:none}
.hero h1{font-size:clamp(46px,5.6vw,84px)!important;font-weight:800;line-height:.98}
.hero-brand-lockup{width:140px;margin-bottom:26px}
.hero-proof{gap:10px!important;border-top:0!important;padding-top:0!important;grid-template-columns:repeat(4,auto)}
.hero-proof div{padding:14px 18px!important;border:0!important;border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ops-card{border-radius:var(--radius)!important;background:rgba(10,24,44,.62)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 40px 90px rgba(0,0,0,.35)!important;transform:none!important}
.ops-card .insight{border-radius:16px}
.ticker{background:var(--grad)}

/* Secciones: aire y fondos alternos suaves */
.intro,.sectors,.cases,.clients,.start,.resources,.company-data{background:transparent!important}
.sectors,.resources{background:white!important}

/* Servicios en mosaico */
.services{border:0!important;gap:16px;grid-template-columns:repeat(6,1fr)!important;grid-auto-flow:dense}
.service-card{grid-column:span 2;min-height:290px!important;border:0!important;border-radius:var(--radius);background:white;box-shadow:var(--shadow);padding:30px!important;position:relative;overflow:hidden}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important}
.service-card:nth-child(1),.service-card:nth-child(7){grid-column:span 4}
.service-card:nth-child(8),.service-card:nth-child(9){grid-column:span 3}
.service-card:nth-child(1){background:linear-gradient(150deg,#0b1a2e 0%,#12345f 100%);color:white}
.service-card:nth-child(1) p{color:#b8c7da}
.service-card:nth-child(1) .service-icon{background:rgba(255,255,255,.1);color:var(--cyan)}
.service-card:nth-child(1):after{content:'';position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,230,.35),transparent 70%)}
.service-card.highlight{background:var(--grad)!important;color:white}
.service-card.highlight p{color:rgba(255,255,255,.85)}
.service-card.highlight .service-icon{background:rgba(255,255,255,.18)!important;color:white!important}
.service-number{display:none}
.service-icon{margin:0 0 30px!important;width:52px!important;height:52px!important;border-radius:16px!important}
.service-card h3{font-size:22px!important;font-weight:700}
.service-card a{padding-top:18px}

/* Paneles oscuros flotantes */
.automation,.real-operations,.cta{margin:0 clamp(10px,2vw,24px);border-radius:36px;overflow:hidden}
.automation{background:radial-gradient(circle at 85% 20%,rgba(29,91,255,.35),transparent 40%),var(--navy)!important}
.automation-demo{border-radius:var(--radius)!important}
.demo-tabs,.demo-tabs button,.node,.demo-note{border-radius:14px!important}
.integrations span{border-radius:999px}
.real-operations{margin-top:24px}
.real-metrics{gap:12px;border:0!important}
.real-metrics article{border:0!important;border-radius:22px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.operations-status{border-radius:16px}
.cta{background:var(--grad)!important;margin-bottom:24px;margin-top:24px}

/* Sectores, casos y proceso como tarjetas */
.sector-grid{border:0!important;gap:14px}
.sector-card{border:0!important;border-radius:var(--radius-sm);background:var(--paper);min-height:230px}
.sector-card:hover{background:white;box-shadow:var(--shadow-lg)}
.sector-card>span:not(:only-child){display:none}
.sector-card h3{margin-top:0!important}
.sector-cta{background:var(--grad)!important}
.sector-cta>span{display:block!important}
.sector-cta h3{margin-top:18px!important}
.sector-card small{border-top:0!important;padding:8px 12px!important;border-radius:999px;background:white;align-self:flex-start}
.sector-cta small{display:none}
.case-card{border:0!important;border-radius:var(--radius);box-shadow:var(--shadow)}
.case-card img{border-radius:var(--radius) var(--radius) 0 0}
.start-steps{border:0!important;gap:14px}
.start-steps article{padding:28px!important;border:0!important;border-radius:var(--radius-sm);background:white;box-shadow:var(--shadow)}
.start-steps b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);font-size:11px}
.start-steps h3{margin-top:22px!important}
.logo-card{border:0!important;border-radius:20px!important;background:white!important;box-shadow:var(--shadow)}

/* Accesos y datos */
.resource-card{border:0!important;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper)}
.resource-card-dark{background:var(--navy)}
.resource-card h3{margin-top:40px!important}
.data-grid{border:0!important;gap:14px}
.data-grid article{padding:26px!important;border:0!important;border-radius:var(--radius-sm);background:white;box-shadow:var(--shadow);min-height:200px!important}
.data-grid h3{margin-top:26px!important}

footer{margin:0 clamp(10px,2vw,24px) 12px;border-radius:32px;background:#07101d!important}

/* Páginas interiores */
.client-hero,.diag-hero,.service-hero,.blog-hero{margin:-80px 0 0;padding-top:clamp(150px,13vw,180px)!important}
.access-card,.diag-card{border-radius:var(--radius);overflow:hidden}
.choice span,.check span,.field input,.field textarea{border-radius:14px!important}
.pill span{border-radius:999px!important}
.diag-steps li{border-radius:0}
.support-options>a{border-radius:var(--radius-sm)}

@media(max-width:1100px){
  .services{grid-template-columns:repeat(2,1fr)!important}
  .service-card,.service-card:nth-child(1),.service-card:nth-child(7),.service-card:nth-child(8),.service-card:nth-child(9){grid-column:span 1}
}
@media(max-width:620px){
  .site-header{height:60px!important;min-height:60px!important;margin:8px 8px 0;top:8px!important;padding:0 8px 0 16px!important}
  .mobile-menu{top:66px!important}
  .hero{margin-top:-68px;padding-top:120px!important}
  .hero h1{font-size:42px!important}
  .hero-proof{grid-template-columns:1fr 1fr!important}
  .services{grid-template-columns:1fr!important}
  .service-card,.service-card:nth-child(1),.service-card:nth-child(7),.service-card:nth-child(8),.service-card:nth-child(9){grid-column:auto;min-height:0!important}
  .automation,.real-operations,.cta,footer{margin-left:8px;margin-right:8px;border-radius:26px}
  .start-steps,.data-grid{gap:10px}
  .client-hero,.diag-hero,.service-hero,.blog-hero{margin-top:-68px;padding-top:110px!important}
}

/* ===== v19: ritmo, movimiento, FAQ, accesos y páginas interiores ===== */
/* Titulares más contenidos en bloques de dos columnas */
.section-heading h2,.automation h2,.real-operations h2,.sectors-heading h2,.cases-heading h2,.start-heading h2,.hub-heading h2,.faq-heading h2,.clients h2,.service-overview-copy h2,.service-process h2,.client-support h2,.diag-next h2{font-size:clamp(36px,4.2vw,60px)!important}
.section{padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(70px,8vw,120px)}

/* Demo de automatización con transición */
#flow-demo.is-switching .node{animation:node-in .5s ease both}
#flow-demo.is-switching .node:nth-child(3){animation-delay:.08s}
#flow-demo.is-switching .node:nth-child(5){animation-delay:.16s}
@keyframes node-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
.connector{background:linear-gradient(90deg,rgba(34,211,230,.15),rgba(34,211,230,.6),rgba(34,211,230,.15))!important;background-size:200% 100%!important;animation:wire 1.6s linear infinite}
@keyframes wire{to{background-position:-200% 0}}
.ops-card .flow-step i{transition:background .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease}
.status-dot,.operations-status i{animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(40,201,131,0)}0%,100%{box-shadow:0 0 0 0 rgba(40,201,131,.45)}}

/* Contacto y accesos */
.hub{display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(40px,6vw,90px);align-items:start;background:white!important}
.hub-heading{position:sticky;top:120px}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hub-card{display:flex;flex-direction:column;min-height:230px;padding:28px;border-radius:var(--radius);background:var(--paper);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;scroll-margin-top:110px}
a.hub-card:hover{transform:translateY(-4px);background:white;box-shadow:var(--shadow-lg)}
.hub-card small{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--blue)}
.hub-card h3{font-size:24px;margin:16px 0 10px}
.hub-card p{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.65}
.hub-card p a{color:var(--ink);font-weight:700}
.hub-card p a:hover{color:var(--blue)}
.hub-card b{margin-top:auto;font-size:13px;color:var(--blue)}
.hub-dark{background:var(--navy);color:white}
.hub-dark small{color:var(--cyan)}
.hub-dark p{color:#a9bbc9}
.hub-dark b{color:white}
a.hub-dark:hover{background:#12294a}
.hub-place{background:linear-gradient(150deg,#e8f0ff,#e3fbfd)}

/* Preguntas frecuentes */
.faq{display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(40px,6vw,90px);align-items:start}
.faq-heading{position:sticky;top:120px}
.faq-heading>p:last-child{margin:22px 0 0;color:var(--muted);font-size:14px}
.faq-heading a{color:var(--blue);font-weight:800}
.faq-list{display:grid;gap:10px}
.faq-item{background:white;border-radius:var(--radius-sm);box-shadow:var(--shadow);overflow:hidden}
.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;cursor:pointer;font:600 17px/1.35 var(--display);letter-spacing:-.02em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{position:relative;flex:0 0 30px;height:30px;border-radius:50%;background:var(--soft);transition:transform .25s ease,background .25s ease}
.faq-item summary i:before,.faq-item summary i:after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--blue);border-radius:2px}
.faq-item summary i:after{transform:rotate(90deg);transition:transform .25s ease}
.faq-item[open] summary i{background:var(--blue)}
.faq-item[open] summary i:before,.faq-item[open] summary i:after{background:white}
.faq-item[open] summary i:after{transform:rotate(0)}
.faq-item p{margin:0;padding:0 26px 24px;color:var(--muted);font-size:15px;line-height:1.7;max-width:720px}
.faq-item summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:var(--radius-sm)}

/* Barra de acciones en móvil */
.mobile-bar{display:none}

/* ---- Blog ---- */
.blog-hero{border-radius:0 0 36px 36px}
.featured-story{border-radius:var(--radius)!important;overflow:hidden;border:0!important;box-shadow:0 40px 90px rgba(0,0,0,.35)}
.blog-filters button{border-radius:999px!important;border:0!important;background:white!important;box-shadow:var(--shadow);padding:10px 16px!important}
.customs-card[href]{display:block;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.customs-card[href]:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0b162622}
.customs-card[href]:focus-visible{outline:3px solid #1557ff;outline-offset:4px}
.customs-more{display:block;margin-top:18px;color:#1557ff;font-size:13px;font-weight:700}
.blog-filters button{color:#101e2b!important}
.blog-filters button:hover,.blog-filters button:focus-visible,.blog-filters button.is-active{background:var(--ink)!important;color:white!important}
.blog-search input{border-radius:999px!important;border:0!important;background:white!important;box-shadow:var(--shadow);padding:14px 20px!important}
.post-grid{gap:16px!important}
.post-card{border:0!important;border-radius:var(--radius)!important;overflow:hidden;background:white;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.post-image{background:linear-gradient(135deg,#dfe8f8,#e6fafc)!important}
.post-dialog{border-radius:var(--radius)!important;border:0!important;box-shadow:var(--shadow-lg)}
.post-dialog::backdrop{background:rgba(6,14,28,.6);backdrop-filter:blur(4px)}
.dialog-close{border-radius:999px!important}
.blog-newsletter{margin:0 clamp(10px,2vw,24px) 24px;border-radius:36px;overflow:hidden}

/* ---- Servicios ---- */
.service-hero{border-radius:0 0 36px 36px}
.service-dashboard{border-radius:var(--radius)!important;border:0!important;background:rgba(10,24,44,.55)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 40px 90px rgba(0,0,0,.3)}
.service-dashboard strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.service-benefits{display:grid;gap:12px;border:0!important}
.benefit-row{border:0!important;border-radius:var(--radius-sm);background:white;box-shadow:var(--shadow);padding:24px 26px!important}
.benefit-row b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft)}
.service-overview{background:transparent!important}
.service-process{margin:0 clamp(10px,2vw,24px);border-radius:36px;overflow:hidden}
.process-list{gap:12px;border:0!important}
.process-list article{border:0!important;border-radius:var(--radius-sm);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);padding:26px!important}
.specialty-grid{gap:14px;border:0!important}
.specialty-grid article{border:0!important;border-radius:var(--radius-sm);background:white;box-shadow:var(--shadow);padding:28px!important}
.service-switcher-grid{gap:14px!important;border:0!important}
.service-switcher-grid a{border:0!important;border-radius:var(--radius-sm);background:white;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}
.service-switcher-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.service-page .cta,.blog-page .cta{margin-bottom:24px}

/* ---- Área de clientes y diagnóstico ---- */
.client-hero,.diag-hero{border-radius:0 0 36px 36px}
.client-benefits article{border-radius:0}
.support-options{gap:14px;border:0!important}
.support-options>a{border:0!important;background:white;box-shadow:var(--shadow);padding:28px!important}
.diag-next .start-steps article{background:white}

@media(max-width:1000px){
  .hub,.faq{grid-template-columns:1fr}
  .hub-heading,.faq-heading{position:static}
}
@media(max-width:620px){
  .hub-grid{grid-template-columns:1fr}
  .hub-card{min-height:auto}
  .faq-item summary{padding:18px 20px;font-size:16px}
  .faq-item p{padding:0 20px 20px}
  .mobile-bar{display:grid;grid-template-columns:auto 1fr;gap:8px;position:fixed;left:8px;right:8px;bottom:8px;z-index:60;padding:8px;border-radius:20px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(11,22,38,.22);transform:translateY(130%);transition:transform .3s ease}
  .mobile-bar.is-visible{transform:none}
  .mobile-bar a{display:grid;place-items:center;padding:13px 18px;border-radius:14px;font-weight:800;font-size:14px;background:var(--soft);color:var(--ink)}
  .mobile-bar .mobile-bar-main{background:var(--grad);color:white}
  body:has(.mobile-bar) footer{margin-bottom:84px}
  .blog-hero,.service-hero,.client-hero,.diag-hero{border-radius:0 0 26px 26px}
  .service-process,.blog-newsletter{margin-left:8px;margin-right:8px;border-radius:26px}
}
@media(prefers-reduced-motion:reduce){
  .connector,.status-dot,.operations-status i{animation:none!important}
}
.blog-hero h1,.service-hero h1,.client-copy h1,.diag-intro h1{font-weight:800!important;font-size:clamp(42px,5vw,74px)!important;line-height:.98!important}
@media(max-width:620px){.blog-hero h1,.service-hero h1,.client-copy h1,.diag-intro h1{font-size:40px!important}}
@media(max-width:620px){
  .service-card{padding:22px!important}
  .service-icon{margin-bottom:16px!important;width:44px!important;height:44px!important}
  .service-card p{margin-bottom:6px}
}

/* ===== Datos reales: franja compacta ===== */
.live-stats{padding:24px clamp(10px,2vw,24px) 0}
.live-panel{display:grid;grid-template-columns:minmax(220px,.75fr) 2.25fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,3.5vw,44px);border-radius:32px;color:white;background:radial-gradient(circle at 0% 0%,rgba(29,91,255,.4),transparent 45%),var(--navy);position:relative;overflow:hidden}
.live-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#cfe3ff}
.live-badge i{width:8px;height:8px;border-radius:50%;background:#28c983;animation:pulse 2s ease-in-out infinite}
.live-head h2{font-size:clamp(28px,2.6vw,38px)!important;line-height:1.05!important;margin:0;color:white;max-width:none}
.live-sub{margin:12px 0 0;color:#9fb3c6;font-size:13px}
.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.live-stat{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background .25s ease,transform .25s ease;overflow:hidden}
.live-stat:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.live-stat strong{font:700 clamp(26px,2.3vw,34px)/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.live-stat sup{font-size:.5em;color:var(--cyan);margin-left:2px}
.live-stat>span{font-size:12px;line-height:1.35;color:#a9bbcc}
.live-bar{position:absolute;left:18px;right:18px;bottom:10px;height:3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.live-bar:after{content:'';position:absolute;inset:0;width:var(--fill);background:var(--grad);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .2s}
.live-stat.visible .live-bar:after{transform:scaleX(1)}
.live-note{margin:10px 6px 0;font-size:11px;color:#8a97a6;text-align:right}
@media(max-width:1000px){
  .live-panel{grid-template-columns:1fr}
}
@media(max-width:620px){
  .live-stats{padding:16px 8px 0}
  .live-panel{padding:24px 18px;border-radius:26px}
  .live-grid{grid-template-columns:1fr 1fr;gap:8px}
  .live-stat{padding:14px 14px 18px}
  .live-bar{left:14px;right:14px}
  .live-note{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .live-bar:after{transform:none;transition:none}
}

/* ===== Autorizaciones aduaneras ===== */
.customs{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,5vw,80px);align-items:center;background:white}
.customs[hidden]{display:none}
.customs-heading>p:not(.eyebrow){margin:20px 0 28px;color:var(--muted);font-size:15px;max-width:460px}
.customs-heading h2{font-size:clamp(34px,3.6vw,52px)!important}
.customs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.customs-card{position:relative;padding:24px 24px 26px;border-radius:var(--radius-sm);background:var(--paper);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;overflow:hidden}
.customs-card:hover{transform:translateY(-3px);background:white;box-shadow:var(--shadow-lg)}
.customs-card b{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:34px;padding:0 12px;border-radius:999px;background:var(--grad);color:white;font:800 13px var(--display);letter-spacing:.06em}
.customs-card h3{margin:16px 0 8px;font-size:18px;line-height:1.2}
.customs-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.customs-card:after{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,230,.18),transparent 70%)}
.service-page .customs{background:transparent}
@media(max-width:1000px){.customs{grid-template-columns:1fr}}
@media(max-width:620px){.customs-grid{grid-template-columns:1fr}}

/* Ritmo compacto: tarjetas más proporcionadas sin reducir la legibilidad. */
:is(.section,.hero,.service-hero,.blog-hero,.client-hero,.diag-hero){padding-left:max(24px,calc((100% - 1240px)/2))!important;padding-right:max(24px,calc((100% - 1240px)/2))!important}
.services{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:34px!important}
.services .service-card:nth-child(n){grid-column:auto;min-height:0!important;padding:22px!important;display:flex;flex-direction:column;opacity:1;transform:none}
.services .service-card .service-icon{width:36px!important;height:36px!important;margin:0 0 14px!important}
.services .service-card h3{margin:0 0 10px!important;font-size:19px!important;line-height:1.25}
.services .service-card p{margin:0 0 18px!important;font-size:13px;line-height:1.6;flex:1}
.services .service-card a{margin-top:auto;padding-top:0;min-height:24px}
.services .service-card.highlight{background:linear-gradient(120deg,#1d5bff,#1186bb)!important;color:#fff!important}
.services .service-card.highlight p,.services .service-card.highlight a{color:#fff!important}
.services .service-card:first-child:hover{background:linear-gradient(150deg,#0b1a2e,#12345f)!important}
@media(max-width:1000px){.services{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.services{grid-template-columns:1fr!important;gap:14px!important}:is(.section,.hero,.service-hero,.blog-hero,.client-hero,.diag-hero){padding-left:20px!important;padding-right:20px!important}}
:root{--radius:20px;--radius-sm:14px;--shadow:0 1px 2px #0b162609,0 8px 22px #0b16260b}
.section{padding-top:clamp(48px,5.5vw,82px);padding-bottom:clamp(48px,5.5vw,82px)}
.services,.sector-grid,.hub-grid,.start-steps,.service-switcher-grid{gap:12px!important}
.service-card{min-height:232px!important;padding:24px!important}
.service-icon{width:42px!important;height:42px!important;margin-bottom:20px!important;border-radius:12px!important}
.service-card h3{font-size:20px!important}
.service-card a{padding-top:12px}
.sector-card{min-height:188px;padding:22px!important}
.sector-card h3{font-size:20px}
.start-steps article,.process-list article,.specialty-grid article{padding:22px!important}
.start-steps h3,.process-list h3,.specialty-grid h3{margin-top:18px!important}
.hub-card,.resource-card{min-height:185px;padding:22px}
.hub-card h3{font-size:21px;margin:12px 0 8px}
.hub-card p{margin-bottom:16px}
.resource-card h3{margin-top:22px!important}
.data-grid article{padding:22px!important;min-height:165px!important}
.customs-card{padding:22px!important;border-radius:18px}
.customs-card b{height:29px;min-width:48px;font-size:12px}
.customs-card h3{margin-top:12px;font-size:17px}
.customs-more{margin-top:12px;font-size:12px}
.faq-item summary{padding:17px 20px;font-size:16px}
.faq-item p{padding:0 20px 20px}
.ops-card{padding:24px!important}
.automation-demo{padding:24px!important}
.node{padding:18px!important}
.hero-proof div{padding:11px 14px!important}
.service-dashboard{min-height:300px;padding:28px}
.service-dashboard>strong{font-size:clamp(36px,4.2vw,60px);line-height:1.1;overflow-wrap:anywhere}
.service-signal{margin-top:24px;padding-top:16px}
.service-hero{min-height:570px;gap:clamp(30px,5vw,72px);padding-bottom:70px}
.service-hero h1{font-size:clamp(40px,5vw,68px)}
.service-overview,.service-process{gap:clamp(30px,5vw,72px)}
.service-process{padding-top:70px;padding-bottom:70px}
.benefit-row{padding:19px 21px!important;gap:12px}
.benefit-row h3{font-size:19px}
.service-switcher-grid a{min-height:135px;padding:20px}
.service-switcher-grid span{font-size:19px}
.post-copy{padding:20px}
.post-copy strong{font-size:clamp(20px,1.8vw,25px);margin:12px 0 10px}
.post-copy b{margin-top:20px}
.featured-story{min-height:380px}
.featured-content{padding:26px}
.blog-hero{min-height:610px;gap:48px;padding-bottom:70px}
.blog-hero h1{font-size:clamp(40px,5vw,68px)}
.access-card,.diag-card{padding:26px}
.support-options>a{padding:22px!important}
.button:not(.button-small){padding:12px 16px 12px 20px;gap:13px;min-height:44px}
.button span{width:25px;height:25px}
.automation,.cta,.service-process,.blog-newsletter{border-radius:26px}
@media(max-width:620px){
 .service-card{min-height:0!important;padding:22px!important}
 .sector-card,.hub-card,.resource-card{min-height:0}
 .service-dashboard{min-height:240px;padding:24px}
 .service-hero,.blog-hero{min-height:0;gap:30px;padding-bottom:48px}
 .featured-story{min-height:310px}
 .customs-card,.start-steps article,.process-list article,.specialty-grid article{padding:20px!important}
 .access-card,.diag-card{padding:22px}
}

/* ===== Sistema visual unificado: escala compacta y responsive ===== */
:root{
  --radius:18px;
  --radius-sm:18px;
  --panel-radius:24px;
  --page-gutter:clamp(20px,4vw,76px);
  --section-space:clamp(48px,5vw,76px);
}

/* Un mismo ancho útil en todas las páginas, sin márgenes laterales excesivos. */
:is(.section,.hero,.service-hero,.blog-hero,.client-hero,.diag-hero){
  padding-left:var(--page-gutter)!important;
  padding-right:var(--page-gutter)!important;
}
.section{padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}

/* Tipografia compartida por todas las pestañas y todos los controles. */
body,button,input,select,textarea{font-family:var(--body)!important}
h1,h2,h3,h4,h5,h6,.service-dashboard>strong,.live-stat strong{font-family:var(--display)!important}
.blog-hero h1,.service-hero h1,.client-hero h1,.diag-hero h1{
  font-size:clamp(42px,5.2vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
}

/* Datos operativos: alineados con el mismo contenedor y borde del resto. */
.live-stats{padding:24px var(--page-gutter) 0!important;margin:0!important}
.live-panel{width:100%;margin:0 auto!important;border-radius:var(--panel-radius)!important}

/* Bordes consistentes en paneles grandes, tarjetas y controles. */
:is(.site-header,.automation,.real-operations,.cta,.service-process,.blog-newsletter,footer,.live-panel){
  border-radius:var(--panel-radius)!important;
}
:is(.service-card,.sector-card,.case-card,.hub-card,.resource-card,.customs-card,.faq-item,
    .start-steps article,.data-grid article,.benefit-row,.process-list article,
    .specialty-grid article,.service-switcher-grid a,.post-card,.access-card,.diag-card,
    .support-options>a,.service-dashboard,.automation-demo,.ops-card,.logo-card,.live-stat){
  border-radius:var(--radius)!important;
}

/* Escala tipografica equilibrada: clara en escritorio y sin titulares desmesurados. */
.section-heading h2,.automation h2,.real-operations h2,.sectors-heading h2,.cases-heading h2,
.start-heading h2,.hub-heading h2,.faq-heading h2,.clients h2,.service-overview-copy h2,
.service-process h2,.client-support h2,.diag-next h2{
  font-size:clamp(34px,3.7vw,54px)!important;
  line-height:1.02!important;
}
.cta h2{font-size:clamp(38px,4.2vw,60px)!important;line-height:1.02!important}

/* Tarjetas: misma densidad y sin alturas vacias forzadas. */
.services{gap:14px!important;margin-top:30px!important}
.services .service-card:nth-child(n){min-height:205px!important;padding:20px!important}
.sector-grid,.hub-grid,.start-steps,.service-switcher-grid,.customs-grid,.cases-grid{gap:14px!important}
.sector-card,.hub-card,.resource-card,.customs-card,.start-steps article,
.process-list article,.specialty-grid article,.data-grid article,.benefit-row{
  min-height:0!important;
  padding:20px!important;
}
.case-card>div,.post-copy{padding:20px!important}
.case-card h3{font-size:24px;margin:8px 0 12px}
.hub-card h3{font-size:20px}

/* Preguntas frecuentes: elimina la gran zona vacia y alinea ambos bloques. */
.faq{
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(28px,4vw,64px)!important;
  align-items:start!important;
}
.faq-heading{position:static!important;max-width:390px}
.faq-heading h2{font-size:clamp(36px,4vw,56px)!important}
.faq-list{gap:9px}
.faq-item summary{padding:15px 18px!important;font-size:15px!important}
.faq-item summary i{flex-basis:27px;height:27px}
.faq-item p{padding:0 18px 18px!important;font-size:14px}

/* Llamadas a la accion y paneles destacados mas contenidos. */
.cta{
  margin:18px var(--page-gutter) 22px!important;
  padding:clamp(46px,5vw,72px)!important;
  gap:clamp(32px,5vw,72px)!important;
  min-height:0!important;
}
.cta-copy>p:last-child{font-size:15px;max-width:600px}
.automation,.service-process,.blog-newsletter{
  margin-left:var(--page-gutter)!important;
  margin-right:var(--page-gutter)!important;
}
.automation{padding:clamp(52px,6vw,88px) clamp(26px,5vw,72px)!important}
.live-panel{padding:clamp(24px,3vw,38px)!important}
.service-process{padding-top:clamp(52px,6vw,78px)!important;padding-bottom:clamp(52px,6vw,78px)!important}

@media(max-width:900px){
  :root{--page-gutter:24px;--section-space:54px}
  .faq{grid-template-columns:1fr!important;gap:26px!important}
  .faq-heading{max-width:620px}
  .cta{grid-template-columns:1fr!important;padding:44px 32px!important}
  .cta-actions{width:100%}
}

@media(max-width:620px){
  :root{--radius:16px;--radius-sm:16px;--panel-radius:20px;--page-gutter:16px;--section-space:42px}
  :is(.section,.hero,.service-hero,.blog-hero,.client-hero,.diag-hero){
    padding-left:var(--page-gutter)!important;
    padding-right:var(--page-gutter)!important;
  }
  .site-header{margin-left:8px!important;margin-right:8px!important;border-radius:18px!important}
  .services{gap:12px!important;margin-top:24px!important}
  .services .service-card:nth-child(n){min-height:0!important;padding:18px!important}
  .sector-card,.hub-card,.resource-card,.customs-card,.start-steps article,
  .process-list article,.specialty-grid article,.data-grid article,.benefit-row{padding:18px!important}
  .faq{gap:22px!important}
  .faq-heading h2{font-size:38px!important}
  .faq-item summary{padding:14px 15px!important;font-size:14px!important}
  .faq-item p{padding:0 15px 16px!important;font-size:13px}
  .cta{margin:12px 8px 16px!important;padding:30px 18px!important;gap:22px!important}
  .cta h2{font-size:34px!important}
  .cta-copy>p:last-child{font-size:14px;line-height:1.55}
  .automation,.service-process,.blog-newsletter{margin-left:8px!important;margin-right:8px!important}
  .button:not(.button-small){width:auto;max-width:100%}
  footer{margin-left:8px!important;margin-right:8px!important}
  .blog-hero h1,.service-hero h1,.client-hero h1,.diag-hero h1{font-size:40px!important}
  .live-stats{padding:16px 8px 0!important}
}