/* Technology editorial template — category rule */
.has-technology-editorial .site-main{padding-top:0}

.tech-article,
.tech-article *,
.tech-article *::before,
.tech-article *::after{box-sizing:border-box}

.tech-article{
  --tech-ink:#0b1018;
  --tech-text:#344054;
  --tech-muted:#778195;
  --tech-line:#e5e9f0;
  --tech-paper:#fff;
  --tech-soft:#f5f7fb;
  --tech-blue:#2862ff;
  --tech-cyan:#19c7d1;
  width:min(calc(100% - 28px),1180px);
  margin:24px auto 84px;
  overflow:clip;
  border:1px solid rgba(15,23,42,.08);
  border-radius:28px;
  background:var(--tech-paper);
  color:var(--tech-text);
  box-shadow:0 22px 70px rgba(16,24,40,.10);
  color-scheme:light;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:17px;
  line-height:1.74;
  overflow-wrap:anywhere;
}

.tech-article :where(h1,h2,h3,h4,p,ul,ol,blockquote,figure,table){font-family:inherit}
.tech-article img{display:block;max-width:100%;height:auto}

/* Hero */
.tech-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 85% 18%,rgba(50,112,255,.31),transparent 27%),
    radial-gradient(circle at 15% 100%,rgba(25,199,209,.12),transparent 31%),
    linear-gradient(135deg,#070a10 0%,#0d1421 58%,#111c2d 100%);
}

.tech-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.20;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;
  pointer-events:none;
}

.tech-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));
  align-items:center;
  gap:clamp(32px,6vw,70px);
  padding:clamp(48px,7vw,84px);
}

.tech-hero__copy{min-width:0}
.tech-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:22px;color:#a9b6c9;font-size:10px;font-weight:820;letter-spacing:.13em;text-transform:uppercase}
.tech-eyebrow::before{content:"";width:30px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--tech-blue),var(--tech-cyan))}
.tech-eyebrow .post-category{padding:0;background:none;color:#8fb0ff;text-decoration:none}

.tech-title{
  max-width:760px;
  margin:0 0 24px;
  color:#fff;
  font-size:clamp(42px,6.2vw,72px);
  font-weight:840;
  line-height:.99;
  letter-spacing:-.06em;
  text-wrap:balance;
}

.tech-deck{max-width:680px;margin:0 0 27px;color:#bec8d6;font-size:19px;line-height:1.62;text-wrap:pretty}
.tech-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;color:#8e9bad;font-size:12px}
.tech-byline span+time::before,.tech-byline time+span::before{content:"•";margin-right:18px;color:#536174}

.tech-hero__visual{
  position:relative;
  min-height:360px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:26px;
  background:#131d2c;
  box-shadow:0 36px 75px rgba(0,0,0,.38);
}

.tech-hero__visual img{width:100%;height:100%;min-height:360px;object-fit:cover}
.tech-hero__visual::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);pointer-events:none}

.tech-hero__signal{display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background:radial-gradient(circle at 78% 20%,rgba(43,104,255,.44),transparent 27%),linear-gradient(145deg,#18253a,#090e16)}
.tech-hero__signal::before{content:"";position:absolute;width:250px;height:250px;top:30px;right:35px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.014)}
.tech-hero__signal span{position:relative;color:#8baeff;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.tech-hero__signal strong{position:relative;color:#fff;font-size:72px;line-height:1;letter-spacing:-.07em}
.tech-hero__signal small{position:relative;margin-top:8px;color:#8290a4;font-size:11px}

/* Fact bar */
.tech-factbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;padding:1px;background:var(--tech-line)}
.tech-factbar>div{min-width:0;padding:24px 26px;background:#fff}
.tech-factbar small{display:block;margin-bottom:5px;color:#98a2b3;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.tech-factbar strong{display:block;overflow:hidden;color:var(--tech-ink);font-size:17px;line-height:1.28;text-overflow:ellipsis}

/* Article structure */
.tech-layout{display:grid;grid-template-columns:205px minmax(0,760px);justify-content:center;align-items:start;gap:68px;padding:clamp(48px,7vw,88px) clamp(24px,6vw,70px) 78px}
.tech-layout--solo{grid-template-columns:minmax(0,760px)}
.tech-main{min-width:0}

.tech-toc{position:sticky;top:104px;padding-top:4px}
.tech-toc__label{display:block;margin-bottom:15px;color:#8c96a5;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.tech-toc nav{counter-reset:tech-toc;display:flex;flex-direction:column;border-left:1px solid #e1e6ed}
.tech-toc a{counter-increment:tech-toc;position:relative;padding:8px 0 8px 17px;color:#7b8595;font-size:12px;line-height:1.35;text-decoration:none}
.tech-toc a::before{content:counter(tech-toc,decimal-leading-zero);position:absolute;left:-1px;top:10px;transform:translateX(-100%);padding-right:9px;color:#b1b8c3;font-size:8px;font-weight:800}
.tech-toc a:hover{color:var(--tech-blue)}
.tech-toc p{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--tech-line);color:#9aa3b0;font-size:10px;line-height:1.5}

/* Content typography */
.tech-content{counter-reset:tech-section;min-width:0;color:var(--tech-text)}
.tech-content>p:first-child{color:#202938;font-size:21px;line-height:1.7}
.tech-content p{margin:0 0 24px;color:var(--tech-text);text-wrap:pretty}
.tech-content a{color:#174ee8;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
.tech-content strong{color:#182230;font-weight:760}

.tech-content h2{
  counter-increment:tech-section;
  margin:88px 0 27px;
  color:var(--tech-ink);
  font-size:clamp(32px,4.5vw,46px);
  font-weight:820;
  line-height:1.07;
  letter-spacing:-.05em;
  scroll-margin-top:110px;
  text-wrap:balance;
}

.tech-content h2:first-of-type{margin-top:0}
.tech-content h2::before{content:counter(tech-section,decimal-leading-zero) " · Tecnología";display:block;margin-bottom:14px;color:var(--tech-blue);font-size:10px;font-weight:850;line-height:1;letter-spacing:.13em;text-transform:uppercase}
.tech-content h3{margin:40px 0 15px;color:var(--tech-ink);font-size:23px;font-weight:780;line-height:1.25;letter-spacing:-.025em}
.tech-content h4{margin:31px 0 12px;color:var(--tech-ink);font-size:18px;line-height:1.3}

.tech-content blockquote{position:relative;margin:46px 0;padding:3px 12px 3px 34px;border:0;border-left:4px solid var(--tech-blue);border-radius:0;background:transparent;color:#17202e;font-size:27px;font-weight:620;line-height:1.44;letter-spacing:-.028em}
.tech-content blockquote p{margin:0;color:inherit}
.tech-content blockquote cite{display:block;margin-top:13px;color:#8c96a4;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.11em;text-transform:uppercase}

.tech-content ul,.tech-content ol{margin:28px 0;padding-left:24px}
.tech-content li{padding:7px 0 7px 5px;border-bottom:1px solid var(--tech-line)}
.tech-content li::marker{color:var(--tech-blue);font-weight:800}

.tech-content figure{margin:42px 0}
.tech-content figure img{width:100%;border-radius:20px;background:var(--tech-soft);box-shadow:0 16px 42px rgba(16,24,40,.10)}
.tech-content figcaption{margin-top:10px;color:#8690a0;font-size:11px;line-height:1.5;text-align:center}

.tech-content table{display:block;width:100%;margin:36px 0;overflow-x:auto;border-collapse:collapse;border:1px solid var(--tech-line);border-radius:15px;background:#fff}
.tech-content th,.tech-content td{min-width:130px;padding:14px 16px;border-bottom:1px solid var(--tech-line);text-align:left;font-size:13px}
.tech-content th{background:var(--tech-soft);color:#667085;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}

.tech-content pre{max-width:100%;margin:34px 0;overflow:auto;padding:22px;border-radius:17px;background:#0a1019;color:#d8e5dc;font-size:13px;line-height:1.6}
.tech-content code{padding:.15em .38em;border-radius:5px;background:#edf1f7;color:#1c3d8f;font-size:.88em}
.tech-content pre code{padding:0;background:transparent;color:inherit}

.tech-content details{margin:0;border-top:1px solid var(--tech-line)}
.tech-content details:last-of-type{border-bottom:1px solid var(--tech-line)}
.tech-content summary{position:relative;cursor:pointer;list-style:none;padding:20px 44px 20px 0;color:var(--tech-ink);font-weight:740;line-height:1.45}
.tech-content summary::-webkit-details-marker{display:none}
.tech-content summary::after{content:"+";position:absolute;top:50%;right:3px;transform:translateY(-50%);color:#8c96a5;font-size:24px;font-weight:400}
.tech-content details[open] summary::after{content:"−"}
.tech-content details>*:not(summary){margin-left:0;margin-right:38px}

/* Optional editorial utility classes available in the Classic Editor */
.tech-content .tech-feature,.tech-content .tech-verdict{margin:42px 0;padding:clamp(28px,5vw,42px);border-radius:23px;background:radial-gradient(circle at 100% 0,rgba(40,98,255,.23),transparent 38%),#0b111b;color:#fff}
.tech-content .tech-feature :where(h2,h3,strong),.tech-content .tech-verdict :where(h2,h3,strong){color:#fff}
.tech-content .tech-feature p,.tech-content .tech-verdict p{color:#b4becb}
.tech-content .tech-warning{margin:34px 0;padding:22px 24px;border:1px solid #f1c990;border-radius:16px;background:#fff8ed;color:#714723}

.tech-tags{margin-top:48px}
.tech-author{margin-bottom:0}

@media(max-width:1000px){
  .tech-layout{grid-template-columns:minmax(0,760px);gap:38px}
  .tech-toc{position:static;padding:20px;border:1px solid var(--tech-line);border-radius:16px;background:var(--tech-soft)}
  .tech-toc nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 18px;border-left:0}
  .tech-toc a{padding-left:0;border-bottom:1px solid #e5e9ef}
  .tech-toc a::before{position:static;display:inline-block;transform:none;padding-right:7px}
  .tech-toc p{display:none}
}

@media(max-width:620px){
  .tech-article{width:calc(100% - 16px);margin:8px auto 58px;border-radius:18px;font-size:16px}
  .tech-hero__grid{gap:28px;padding:44px 20px 30px}
  .tech-title{font-size:clamp(38px,12vw,52px)}
  .tech-deck{font-size:17px}
  .tech-byline span+time::before,.tech-byline time+span::before{display:none}
  .tech-hero__visual,.tech-hero__visual img{min-height:270px}
  .tech-hero__signal strong{font-size:60px}
  .tech-factbar{grid-template-columns:1fr 1fr}
  .tech-factbar>div{padding:20px 17px}
  .tech-factbar strong{font-size:15px}
  .tech-layout{padding:42px 18px 56px}
  .tech-content>p:first-child{font-size:19px}
  .tech-content h2{margin-top:70px}
  .tech-content blockquote{padding-left:22px;font-size:23px}
}

@media(prefers-reduced-motion:reduce){
  .tech-article *,
  .tech-article *::before,
  .tech-article *::after{scroll-behavior:auto!important;transition:none!important}
}