*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:#333333;background:#ffffff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}header{height:98px;padding:22px 6%;display:flex;align-items:center;justify-content:space-between;background:#ffffff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}.brand img{width:190px;display:block}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav-contact{border:1px solid #bbb;padding:12px 18px;border-radius:5px}.menu-toggle{display:none}.skip{position:absolute;left:10px;top:-60px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}.hero{background:#eeeeee;color:#333333;display:grid;grid-template-columns:1.2fr 1fr;min-height:635px;overflow:hidden;padding:78px 6% 0;gap:20px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#bcbfc4;display:flex;align-items:center;gap:12px;margin-bottom:28px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#155e75}.hero h1{font-size:clamp(40px,4.7vw,70px);font-weight:600;margin-bottom:26px}.hero em{color:#44b1dc;font-style:normal}.lead{font-size:18px;max-width:480px;color:#626262;line-height:1.65}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{background:#155e75;color:white;padding:15px 23px;border-radius:4px;display:inline-block;font-size:14px;font-weight:700;transition:background .2s}.button:hover{background:#0e4658}.text-link{font-size:14px;font-weight:700}.hero-foot{margin-top:58px;border-top:1px solid #36393e;padding:23px 0;font-size:12px;color:#626262;display:flex;justify-content:space-between;max-width:480px}.network{position:relative;min-height:500px;background:radial-gradient(ellipse at center,#44b1dc00 20%,#eeeeee 72%),radial-gradient(ellipse at center,#44b1dc25,transparent 65%)}.orbit{border:1px solid #b6dce9;position:absolute;top:46%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.o1{width:190px;height:190px}.o2{width:330px;height:330px}.o3{width:470px;height:470px;border-style:dashed}.core{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:135px;height:135px;background:#44b1dc;border-radius:30px;box-shadow:0 0 80px #44b1dc40;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:65px;font-style:italic;font-weight:700;line-height:1.2}.core span{font-size:8px;letter-spacing:1px;font-style:normal}.node{position:absolute;border:1px solid #b6dce9;background:#333333;padding:12px 15px;border-radius:6px;font-size:9px;letter-spacing:1.3px;box-shadow:0 14px 25px #0003}.node b{color:#155e75;margin-left:12px}.n1{top:17%;left:5%}.n2{top:35%;right:-2%}.n3{top:69%;left:14%}.network-caption{position:absolute;bottom:35px;right:15px;font-size:14px;color:#626262}.ribbon{padding:25px 6%;display:flex;justify-content:space-between;border-bottom:1px solid #dededa;font-size:16px;letter-spacing:.5px}.ribbon b{color:#155e75;font-weight:400}.section{padding:85px 6%}.dark{color:#267da0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}h2{font-size:clamp(32px,3.5vw,50px);font-weight:500;margin-bottom:25px}.section-heading>p{max-width:365px;color:#696c72;font-size:15px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd;border:1px solid #ddd}.service{background:#ffffff;padding:28px;display:flex;flex-direction:column;min-height:270px;transition:background .2s}.service:hover{background:#f3f8fa}.number{color:#a0a0a0;font-size:12px;margin-bottom:24px}.service h3{font-size:23px;font-weight:500;letter-spacing:-.025em}.service p{font-size:14px;color:#72757a;max-width:300px}.service-link{margin-top:auto;font-size:12px;font-weight:700;padding-top:20px;display:flex;justify-content:space-between}.service-link b{font-size:19px;color:#44b1dc}.company{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#eeeeee;align-items:center}.company p:not(.eyebrow){color:#666a70;font-size:15px}.company-image{position:relative;min-height:420px;display:flex;background:#eeeeee;overflow:hidden;align-items:center}.company-image img{width:100%;height:420px;object-fit:cover;filter:saturate(.45)}.company-image span{position:absolute;bottom:0;padding:18px;background:#333333;color:white;width:100%;font-size:10px;letter-spacing:2px}.company .text-link{display:inline-block;margin-top:15px}.project{background:#eeeeee;color:#333333}.project h2{max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:50px 0 35px}.steps>div{border-top:1px solid #4b4e53;padding-top:20px}.steps span{color:#155e75;font-size:12px}.steps h3{font-size:26px;font-weight:500;margin-top:20px}.steps p{font-size:14px;color:#626262}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.contact p{color:#666}.contact-details{padding-top:25px}.contact-details>a,.contact-details>div{display:block;border-bottom:1px solid #ddd;padding:20px 0;font-size:19px}.contact-details small{display:block;font-size:10px;letter-spacing:2px;color:#777;margin-bottom:8px}footer{padding:40px 6%;border-top:1px solid #ddd;display:flex;align-items:center;gap:30px;flex-wrap:wrap;font-size:12px;color:#777}.footer-brand{font-size:26px;font-style:italic;font-weight:600;color:#333333;line-height:1.2}.footer-brand span{display:block;font-size:9px;font-style:normal;font-weight:400;letter-spacing:1px}footer p{margin:0}footer>a:not(.footer-brand){margin-left:auto}footer small{flex-basis:100%;font-size:10px}.article-top{background:#eeeeee;color:white;padding:60px 10%}.article-top>a{font-size:13px;color:#bcc0c5}.article-top .eyebrow{margin-top:45px;color:#267da0}.article-top h1{font-size:clamp(36px,5vw,65px);max-width:900px}.article-top>p:last-child{max-width:660px;color:#626262;font-size:19px}.article{max-width:1000px;margin:auto;overflow-wrap:anywhere}.article p,.article div{max-width:100%}.article img{height:auto!important;max-width:100%!important;object-fit:contain}.article table{display:block;overflow:auto;max-width:100%}.article a{color:#267da0;text-decoration:underline}.article-cta{background:#eeeeee;text-align:center;padding:55px 6%}a:focus-visible,button:focus-visible{outline:3px solid #44b1dc;outline-offset:5px}@media(min-width:1600px){.hero,.section,header,.ribbon,footer{padding-left:max(6%,calc((100vw - 1600px)/2));padding-right:max(6%,calc((100vw - 1600px)/2))}}@media(max-width:1000px){.hero{grid-template-columns:1.3fr 1fr;padding-top:55px}.hero h1{font-size:47px}.network .o3{width:350px;height:350px}.network .o2{width:260px;height:260px}.network .n2{right:0}.company{gap:35px}.services{grid-template-columns:repeat(2,1fr)}.contact{gap:35px}}@media(max-width:720px){header{height:80px;padding:16px 6%}.brand img{width:155px}.menu-toggle{display:block;border:1px solid #ccc;border-radius:4px;padding:9px 12px;background:transparent;font-size:13px}.menu-toggle span{margin-left:8px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#ffffff;padding:25px 6%;border-bottom:1px solid #ccc}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero{display:block;padding-top:42px;min-height:0}.hero h1{font-size:44px}.lead{font-size:16px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-foot{margin-top:35px;font-size:10px}.network{min-height:320px;max-width:360px;margin:0 auto}.core{width:110px;height:110px;font-size:50px}.o1{width:160px;height:160px}.network .o2{width:230px;height:230px}.network .o3{width:310px;height:310px}.node{font-size:8px;padding:10px}.n1{top:10%;left:0}.n2{top:32%}.n3{top:74%;left:3%}.network-caption{bottom:10px;font-size:12px}.ribbon{font-size:10px;padding:18px 5%}.section{padding:55px 6%}.section-heading{display:block}.section-heading>p{max-width:100%}.services{grid-template-columns:1fr}.service{min-height:220px;padding:25px}.company,.contact{grid-template-columns:1fr;gap:32px}.company-image{min-height:260px}.company-image img{height:260px}.steps{grid-template-columns:1fr;gap:20px;margin-top:35px}.steps h3{margin-top:10px}.contact-details{padding-top:0}.contact-details>a,.contact-details>div{font-size:17px}footer{display:block}footer>a{display:block;margin-bottom:15px}footer p{margin-bottom:20px}footer small{display:block}.article-top{padding:40px 6%}.article-top .eyebrow{margin-top:30px}.article-top h1{font-size:38px}.article{padding:35px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Texto justificado y contenido interior centrado. */
main p, main li, .article td, footer p { text-align: justify; text-justify: inter-word; hyphens: auto; }
.article.section { width: min(92%, 1440px); max-width: 1440px; margin-inline: auto; padding: 60px 24px; }
.article-top { padding: 60px max(24px, calc((100% - 1392px) / 2)); }
.article-top h1, .article-top > p, .article-top > a { max-width: 1392px; margin-inline: auto; }
.article-top h1 { text-align: center; }
.article-top .eyebrow { justify-content: center; }
.article p, .article div, .article ul, .article ol, .article table { margin-inline: auto; }
.article img { display: block; margin: 24px auto; max-width: 100% !important; height: auto !important; object-fit: contain; }
.article table { display: table; width: 100%; max-width: 100%; table-layout: fixed; border-spacing: 14px; }
.article td { vertical-align: top; overflow-wrap: anywhere; }
.article td img { margin: 16px auto; }
.article-cta h2 { max-width: 1392px; margin-inline: auto; }
@media (max-width: 720px) {
  .article.section { width: 100%; padding: 35px 20px; }
  .article-top { padding: 40px 20px; }
  .article table, .article tbody, .article tr, .article td { display: block; width: 100%; }
  .article table { border-spacing: 0; }
  .article td { padding: 8px 0; }
  .hero-foot { flex-wrap: wrap; gap: 8px 18px; }
}

/* Palette de la plantilla Joomla: celeste, azul petróleo, blanco y gris. */
:root { --cybernia-blue: #44b1dc; --cybernia-accent: #155e75; --cybernia-gray: #626262; }
body { color: var(--cybernia-gray); background: #fff; }
h1, h2, h3 { color: var(--cybernia-blue); }
.hero h1, .article-top h1 { color: var(--cybernia-blue); }
.hero em { color: var(--cybernia-gray); }
.eyebrow { color: #626262; }
.hero-foot { border-color: #d6d6d6; }
.button { color: #fff; background: var(--cybernia-accent); }
.button:hover { background: #0e4658; }
nav a:hover, .text-link:hover { color: #267da0; }
.node { background: #fff; color: #626262; box-shadow: 0 14px 25px #0000000a; }
.core { color: #fff; }
.network { background: radial-gradient(ellipse at center,#44b1dc00 20%,#eeeeee 72%),radial-gradient(ellipse at center,#44b1dc25,transparent 65%); }
.article-top > a { color: #626262; }
.company-image { background: #eee; min-height: 0; }
.company-image img { width: auto; max-width: 100%; height: auto; margin-inline: auto; object-fit: contain; filter: none; }
.company-image span { background: #fff; color: #626262; position: static; text-align: center; }
.company-image { flex-direction: column; }
.steps > div { border-color: #d1d1d1; }
.about-main-image { width: auto; max-width: 100%; height: auto; }
.about-section-title { text-align: center; font-size: 32px; margin: 56px 0 30px; }
.about-area { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 30px; padding: 30px 0; border-top: 1px solid #e2e2e2; align-items: start; }
.about-area > img { width: auto; max-width: 100%; margin: 0 auto; border: 1px solid #e2e2e2; padding: 3px; background: #fff; }
.about-area h3, .about-value h3 { font-size: 24px; margin-bottom: 18px; color: #44b1dc; }
.about-area p:last-child { margin-bottom: 0; }
.about-area ul { padding-left: 20px; }
.about-values { margin-top: 40px; border-top: 3px solid #155e75; }
.about-value { padding: 28px 0 12px; border-bottom: 1px solid #e2e2e2; }
@media (max-width: 720px) { .about-area { grid-template-columns: 1fr; gap: 24px; } .about-area > img { margin-inline: auto; } .about-area h3 { text-align: center; } }

/* Logos originales de las marcas, al final de cada página. */
.brands { width: 100%; margin: 28px 0 0; padding: 40px max(6%, calc((100vw - 1600px) / 2)); background: #fff; border-top: 2px solid var(--cybernia-accent); border-bottom: 2px solid var(--cybernia-accent); }
.brands h2 { margin: 0 0 30px; text-align: center; font-size: 26px; }
.brands-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px 30px; align-items: center; }
.brand-logo { min-height: 95px; display: flex; align-items: center; justify-content: center; padding: 12px; background: #fff; }
.brand-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 80px; object-fit: contain; }
@media (max-width: 1000px) { .brands-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } }
@media (max-width: 540px) { .brands-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .brands h2 { font-size: 23px; } .brand-logo { min-height: 80px; padding: 8px; } .brand-logo img { max-height: 65px; } }

/* Conceptos en posiciones irregulares con movimiento orbital suave. */
.network .node {
  animation: concept-orbit var(--orbit-duration, 14s) linear infinite;
  animation-delay: var(--orbit-delay, 0s);
  will-change: transform;
}
.network .n1 { top: 14%; left: 3%; right: auto; --orbit-duration: 17s; --orbit-delay: -3s; }
.network .n2 { top: 35%; right: 0; left: auto; --orbit-duration: 20s; --orbit-delay: -11s; }
.network .n3 { top: 73%; left: 12%; right: auto; --orbit-duration: 19s; --orbit-delay: -7s; }
.network .n4 { top: 44%; left: 0; right: auto; --orbit-duration: 22s; --orbit-delay: -15s; }
.network .n5 { top: 64%; right: 2%; left: auto; --orbit-duration: 18s; --orbit-delay: -5s; }
.network .n6 { top: 7%; right: 16%; left: auto; --orbit-duration: 16s; --orbit-delay: -9s; }
.network-caption { bottom: 12px; right: 0; left: auto; text-align: right; white-space: nowrap; font-size: clamp(10px, 1vw, 14px); }
@keyframes concept-orbit {
  0%, 100% { transform: translate(12px, 0); }
  12.5% { transform: translate(8.5px, 10px); }
  25% { transform: translate(0, 14px); }
  37.5% { transform: translate(-8.5px, 10px); }
  50% { transform: translate(-12px, 0); }
  62.5% { transform: translate(-8.5px, -10px); }
  75% { transform: translate(0, -14px); }
  87.5% { transform: translate(8.5px, -10px); }
}
.network:hover .node { animation-play-state: paused; }
@media (min-width: 721px) and (max-width: 1000px) {
  .network .node { padding: 10px; font-size: 8px; letter-spacing: .7px; }
  .network .node b { margin-left: 6px; }
}
@media (max-width: 720px) {
  .network { min-height: 520px; width: calc(100% - 24px); }
  .network .node { padding: 9px 7px; font-size: 8px; letter-spacing: .6px; }
  .network .node b { margin-left: 5px; }
  .network .n1 { top: 16%; left: 0; }
  .network .n6 { top: 6%; right: 8%; }
  .network .n4 { top: 42%; left: -5px; }
  .network .n2 { top: 33%; right: -5px; }
  .network .n3 { top: 73%; left: 4%; }
  .network .n5 { top: 64%; right: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .network .node { animation: none; will-change: auto; }
}
/* Serie de ilustraciones 3D coherentes para los servicios. */
.service-image { width: 100%; aspect-ratio: 3 / 2; margin-bottom: 24px; overflow: hidden; border-radius: 6px; background: #f6f8fa; }
.service-image img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
.service .number { margin-bottom: 16px; }
@media (max-width: 720px) { .service-image { width: 100%; aspect-ratio: 3 / 2; } }
/* Imagen principal de la misma serie en cada página de servicio. */
.service-hero-image { width: min(100%, 900px); aspect-ratio: 3 / 2; margin: 0 auto 40px; background: #f6f8fa; border-radius: 8px; overflow: hidden; }
.article .service-hero-image img { display: block; width: 100%; height: auto !important; margin: 0; object-fit: contain; }
@media (max-width: 720px) { .service-hero-image { margin-bottom: 28px; } }

/* Portada con fondos blancos y tarjetas delimitadas individualmente. */
.services { background: #fff; border: 0; gap: 0; }
.service { border: 1px solid #e2e2e2; }
.company, .project, .company-image { background: #fff; }
.company-image { border-radius: 8px; }
.company-image img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.company-image span { background: #fff; }
.project { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }

/* Proyectos: alcance concreto, etapas y atención personalizada. */
.project-heading { display: grid; grid-template-columns: 1.5fr 1fr; gap: 64px; align-items: center; }
.project h2 { max-width: none; }
.project-lead { max-width: 780px; font-size: 18px; color: #626262; }
.project-promise { padding: 24px 28px; border-left: 3px solid var(--cybernia-accent); }
.project-promise > span { font-size: 11px; letter-spacing: 2px; color: #267da0; font-weight: 700; }
.project-promise p { margin: 14px 0 0; font-size: 16px; }
.project-scope { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 0; }
.project-scope span { padding: 9px 15px; border: 1px solid #dbe7ec; border-radius: 4px; color: #626262; font-size: 13px; }
.project-actions, .turnkey-cta-actions { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; }
.turnkey-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center; }
.turnkey-intro h2 { font-size: clamp(28px, 2.6vw, 40px); }
.turnkey-intro .service-hero-image { margin: 0; width: 100%; }
.turnkey-highlight { padding: 26px 30px; margin: 44px 0; border-left: 3px solid var(--cybernia-accent); background: #fff; }
.turnkey-highlight h3 { font-size: 25px; }
.turnkey-highlight p { margin-bottom: 0; }
.turnkey-title { font-size: 34px; margin: 56px 0 28px; }
.turnkey-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.turnkey-stages > section { border-top: 1px solid #ddd; padding-top: 20px; }
.turnkey-stages span { color: var(--cybernia-accent); font-size: 12px; }
.turnkey-stages h3 { font-size: 25px; margin-top: 18px; }
.turnkey-stages p { font-size: 15px; }
.turnkey-solutions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 26px; }
.article .turnkey-solutions > a { display: block; color: #626262; text-decoration: none; padding: 25px; border: 1px solid #e2e2e2; border-radius: 5px; }
.turnkey-solutions > a:hover { border-color: var(--cybernia-blue); }
.turnkey-solutions h3 { font-size: 23px; }
.turnkey-solutions p { margin-bottom: 0; }
.turnkey-team { margin-top: 54px; padding-top: 35px; border-top: 1px solid #ddd; }
.turnkey-team h2 { font-size: 34px; }
.article-cta > p { max-width: 800px; margin: 0 auto 26px; text-align: center; }
.turnkey-cta-actions { justify-content: center; }
@media (max-width: 1000px) { .project-heading, .turnkey-intro { grid-template-columns: 1fr; gap: 28px; } .turnkey-intro .service-hero-image { max-width: 700px; margin-inline: auto; } .turnkey-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .project-promise { padding: 18px 22px; } .turnkey-stages, .turnkey-solutions { grid-template-columns: 1fr; gap: 22px; } .project-lead { font-size: 16px; } .turnkey-highlight { padding: 20px; } .turnkey-title, .turnkey-team h2 { font-size: 29px; } }

/* Logos de marcas en espacios del mismo tamaño, sin deformar su proporción. */
.brands-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 20px; }
.brand-logo { width: 100%; height: 110px; min-height: 110px; padding: 16px; }
.brand-logo img { width: 100%; height: 72px; max-width: 180px; max-height: none; object-fit: contain; object-position: center; }
@media (max-width: 1200px) { .brands-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 720px) { .brands-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .brand-logo { padding: 10px; height: 95px; min-height: 95px; } .brand-logo img { height: 65px; } }
@media (max-width: 540px) { .brands-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Todas las marcas usan el mismo lienzo y el gris oscuro #424242. */
.brand-logo img { width: 100%; max-width: 220px; height: 88px; object-fit: contain; filter: none; opacity: 1; }
@media (max-width: 720px) { .brand-logo img { height: 72px; } }

/* Azul petróleo: acento sobrio que acompaña el celeste de Cybernia. */
.button { background: var(--cybernia-accent); color: #fff; border: 1px solid transparent; border-radius: 8px; box-shadow: 0 4px 12px #155e7518; transition: background .2s, box-shadow .2s, transform .2s; }
.button:hover { background: #0e4658; box-shadow: 0 7px 18px #155e7526; transform: translateY(-2px); }
.button:active { transform: translateY(0); }
a:focus-visible, button:focus-visible { outline-color: #155e75; }
@media (prefers-reduced-motion: reduce) { .button { transition: none; } .button:hover { transform: none; } }

/* Identidad nueva en cabecera y pie; presentación más amplia de servicios. */
.brand img { width: 250px; height: auto; }
.footer-brand { display: block; flex-shrink: 0; line-height: 0; }
.footer-brand img { display: block; width: 250px; max-width: 100%; height: auto; }
.section-heading > p { max-width: 650px; flex: 0 1 650px; hyphens: none; }
@media (max-width: 1000px) { .section-heading > p { max-width: 520px; flex-basis: 520px; } }
@media (max-width: 720px) {
  .brand img { width: 180px; }
  .footer-brand img { width: 220px; }
  .section-heading > p { max-width: 100%; }
}
.article .about-main-image { display: block; width: min(100%, 1000px); height: auto !important; margin: 0 auto 40px; border-radius: 8px; }

/* Presentación de la empresa y sus cuatro áreas. */
.about-story h2 { font-size: clamp(30px, 3vw, 44px); }
.about-approach { margin: 36px 0; padding: 24px 30px; border-left: 3px solid var(--cybernia-accent); }
.about-approach h3 { font-size: 26px; }
.about-approach p { margin-bottom: 0; }
.area-index { display: block; margin-bottom: 12px; font-size: 10px; letter-spacing: 1.5px; color: #626262; }
.about-area h3 { font-size: 28px; }
.about-area .area-tagline, .about-value .area-tagline { font-weight: 600; color: #155e75; font-size: 18px; }
.about-area ul { margin: 22px 0; }
.about-area li { padding-bottom: 7px; }
.about-area .text-link { display: inline-block; margin-top: 8px; font-size: 14px; }
@media (max-width: 720px) { .about-approach { padding: 20px; } .area-index { text-align: center; } }

/* Contenido renovado de las páginas de servicios. */
.service-copy-intro { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.service-copy-intro h2 { font-size: clamp(30px, 2.8vw, 43px); }
.service-copy-intro .service-hero-image { margin: 0; width: 100%; }
.service-copy-title { font-size: 32px; margin: 48px 0 26px; }
.service-copy-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.service-copy-grid > section { padding-top: 24px; border-top: 1px solid #dce5e9; }
.service-copy-grid h3 { font-size: 25px; }
.service-copy-grid p { font-size: 16px; }
.service-copy-scope { margin: 42px 0; padding: 26px 30px; border-left: 3px solid var(--cybernia-accent); }
.service-copy-scope h2 { font-size: 29px; }
.service-copy-scope ul { padding-left: 20px; margin-bottom: 0; columns: 2; column-gap: 40px; }
.service-copy-scope li { padding-bottom: 12px; break-inside: avoid; }
.service-copy-note { padding-top: 28px; margin-top: 38px; border-top: 1px solid #ddd; }
@media (max-width: 1000px) { .service-copy-intro { grid-template-columns: 1fr; gap: 28px; } .service-copy-intro .service-hero-image { max-width: 700px; margin-inline: auto; } .service-copy-grid { grid-template-columns: 1fr; gap: 22px; } }
@media (max-width: 720px) { .service-copy-scope { padding: 20px; } .service-copy-scope ul { columns: 1; } .service-copy-title { font-size: 28px; } }

/* Símbolo de Cybernia con un halo que irradia desde el centro. */
.network { isolation: isolate; background: transparent; }
.network::before, .network::after {
  content: "";
  position: absolute;
  top: 46%;
  left: 50%;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(circle, #44b1dc35 0%, #44b1dc22 24%, #44b1dc12 46%, #44b1dc05 64%, transparent 75%);
  transform: translate(-50%, -50%);
}
.network::before { animation: cybernia-radiate 7s ease-out infinite; }
.network::after { animation: cybernia-radiate 7s ease-out -3.5s infinite; }
.network .core { background: transparent; border-radius: 0; box-shadow: none; width: 220px; height: 220px; }
.network .core img { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 12px #44b1dc30); }
.network .orbit { pointer-events: none; }
@keyframes cybernia-radiate {
  0% { transform: translate(-50%, -50%) scale(.45); opacity: .35; }
  25% { opacity: .95; }
  100% { transform: translate(-50%, -50%) scale(1.4); opacity: 0; }
}
@media (max-width: 720px) {
  .network .core { width: 170px; height: 170px; }
  .network::before, .network::after { width: 360px; height: 360px; }
}
@media (prefers-reduced-motion: reduce) {
  .network::before { animation: none; opacity: .8; }
  .network::after { display: none; }
}