/*
Theme Name: GIA Sistemas
Theme URI: https://www.giasistemas.com.mx/
Author: GIA Sistemas
Description: Tema corporativo responsivo para GIA Sistemas, inspirado en tecnología, redes y seguridad. Incluye portada, servicios, sección de empresa y contacto.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: gia-sistemas
*/
:root{--gia-navy:#071923;--gia-navy2:#0e2633;--gia-green:#78c516;--gia-green2:#5da900;--gia-text:#132331;--gia-muted:#526171;--gia-white:#fff;--gia-light:#f5f8fa;--gia-border:#dfe6eb;--gia-max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--gia-text);line-height:1.55;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.gia-wrap{width:min(var(--gia-max),calc(100% - 40px));margin-inline:auto}.gia-topbar{background:#10232e;color:#fff;font-size:12px}.gia-topbar .gia-wrap{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:14px}.gia-top-left,.gia-top-right{display:flex;align-items:center;gap:18px}.gia-topbar a:hover{color:var(--gia-green)}.gia-dot{color:var(--gia-green);font-weight:bold;margin-right:5px}.gia-header{background:#fff;position:relative;z-index:20;box-shadow:0 2px 12px #0719230d}.gia-header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px}.gia-brand{display:flex;align-items:center;gap:12px;min-width:220px}.gia-logo{width:62px;height:72px;display:grid;place-items:center;background:var(--gia-navy);color:#fff;font-size:27px;font-weight:800;letter-spacing:-3px;border-bottom:4px solid var(--gia-green);line-height:1}.gia-logo small{display:block;font-size:10px;letter-spacing:1px;text-align:center}.gia-brand-title{font-size:31px;line-height:1.05;letter-spacing:-1.2px;color:#101820}.gia-brand-tag{font-size:12px;color:#4b5660;white-space:nowrap}.gia-nav{display:flex;align-items:center;gap:clamp(14px,2.8vw,38px);font-size:12px;font-weight:700;text-transform:uppercase}.gia-nav a{padding:12px 0;border-bottom:2px solid transparent}.gia-nav a:hover,.gia-nav .current-menu-item>a{color:var(--gia-green2);border-color:var(--gia-green)}.gia-menu-toggle{display:none;border:0;background:var(--gia-navy);color:#fff;border-radius:5px;padding:10px 13px}.gia-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(4,20,29,.98) 0%,rgba(5,24,34,.92) 42%,rgba(6,23,32,.52) 100%),radial-gradient(ellipse at 78% 40%,#24546a 0%,#102a39 38%,#071923 75%);min-height:385px;display:flex;align-items:center}.gia-hero:after{content:"";position:absolute;right:-3%;top:0;bottom:0;width:52%;opacity:.26;background:repeating-linear-gradient(90deg,transparent 0 52px,#7ca0b1 53px 55px,transparent 56px 90px),repeating-linear-gradient(0deg,transparent 0 44px,#7ca0b1 45px 47px,transparent 48px 80px);mask-image:linear-gradient(90deg,transparent,#000)}.gia-hero-inner{position:relative;z-index:1;padding-block:54px}.gia-eyebrow{color:var(--gia-green);font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 9px}.gia-hero h1{font-size:clamp(30px,4vw,43px);line-height:1.12;letter-spacing:-.8px;max-width:600px;margin:0 0 15px;color:#fff}.gia-hero p:not(.gia-eyebrow){max-width:520px;font-size:15px;margin:0 0 22px;color:#f0f5f7}.gia-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gia-green);color:#fff;border-radius:30px;padding:12px 22px;font-size:12px;font-weight:800;text-transform:uppercase;transition:.2s}.gia-btn:hover{background:var(--gia-green2);transform:translateY(-1px);color:#fff}.gia-hero-note{position:absolute;right:6%;bottom:34px;z-index:2;color:#fff;font-family:Georgia,serif;font-style:italic;font-size:clamp(19px,2.5vw,28px);line-height:1.15;transform:rotate(-7deg);text-shadow:0 2px 8px #000}.gia-hero-note:after{content:"";display:block;width:90px;height:4px;background:var(--gia-green);border-radius:50%;transform:rotate(-8deg);margin:10px 0 0 8px}.gia-section{padding:30px 0 38px}.gia-section-head{text-align:center;margin:0 auto 22px;max-width:760px}.gia-section-head h2,.gia-about h2,.gia-why h2{font-size:clamp(25px,3vw,32px);line-height:1.15;letter-spacing:-.6px;margin:0 0 6px;color:var(--gia-text)}.gia-section-head p{color:var(--gia-muted);margin:0;font-size:14px}.gia-services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.gia-service{overflow:hidden;border-radius:6px;background:var(--gia-navy);color:#fff;box-shadow:0 4px 12px #07192312;min-width:0}.gia-service-image{height:122px;background:linear-gradient(135deg,#294452,#071923);position:relative;display:grid;place-items:center;color:var(--gia-green);font-size:40px}.gia-service-image:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,29,.62),transparent 65%)}.gia-service-image span{position:relative;z-index:1;font-size:34px}.gia-service-body{padding:13px 15px 16px}.gia-service h3{font-size:13px;line-height:1.25;margin:0 0 9px;color:#fff}.gia-service p{font-size:11.5px;line-height:1.45;margin:0;color:#e4edf2}.gia-about{background:linear-gradient(110deg,#071923,#0d2633);color:#fff;padding:35px 0}.gia-about-grid{display:grid;grid-template-columns: .9fr 1.1fr;align-items:center;gap:55px}.gia-about-visual{min-height:220px;border-radius:5px;background:radial-gradient(ellipse at 40% 35%,#496474,#1b3543 40%,#081821 75%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.gia-about-visual:after{content:"GIA • COMPUTO • TECNOLOGÍA • AUTOMATIZACION • SEGURIDAD";position:absolute;bottom:20px;left:24px;color:var(--gia-green);font-size:11px;letter-spacing:2px}.gia-about h2{color:#fff}.gia-about-copy{font-size:13px;color:#e5edf1}.gia-values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px}.gia-value{text-align:center;padding:0 10px;border-right:1px solid #ffffff20;font-size:12px;line-height:1.3}.gia-value:last-child{border:0}.gia-value strong{display:block;color:var(--gia-green);font-size:25px;margin-bottom:5px}.gia-why{padding:30px 0 34px}.gia-why .gia-eyebrow{margin-bottom:4px}.gia-why-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px}.gia-why-item{padding:0 24px;border-right:1px solid var(--gia-border)}.gia-why-item:first-child{padding-left:12px}.gia-why-item:last-child{border:0}.gia-why-icon{font-size:27px;color:var(--gia-green2);line-height:1.2;margin-bottom:6px}.gia-why-item h3{font-size:12px;line-height:1.3;margin:0 0 7px}.gia-why-item p{font-size:12px;color:var(--gia-muted);line-height:1.45;margin:0}.gia-cta{background:linear-gradient(90deg,rgba(4,20,29,.9),rgba(4,20,29,.97)),radial-gradient(ellipse at 15% 50%,#31586b,#071923 65%);color:#fff;padding:22px 0}.gia-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.gia-cta-title{display:flex;align-items:center;gap:15px}.gia-whatsapp-icon{font-size:38px;color:var(--gia-green)}.gia-cta-title small{display:block;color:var(--gia-green);font-weight:bold;font-size:12px}.gia-cta-title h2{font-size:21px;margin:0;line-height:1.25;color:#fff}.gia-cta-title p{font-size:11px;margin:3px 0 0;color:#e3ebef}.gia-cta-actions{text-align:center}.gia-cta-actions .gia-btn{margin-bottom:7px}.gia-phone{font-size:12px;display:block}.gia-footer{background:#06151e;color:#e9f0f3;border-top:1px solid #ffffff30;padding:16px 0}.gia-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.gia-footer .gia-brand-title{color:#fff;font-size:23px}.gia-footer .gia-brand-tag{color:#c5d0d6;font-size:10px}.gia-footer .gia-logo{width:42px;height:48px;font-size:20px}.gia-footer-nav{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.gia-footer-nav a:hover{color:var(--gia-green)}.gia-copyright{font-size:9px;color:#aebdc5;text-align:right}.gia-page{padding:45px 0 60px;min-height:40vh}.gia-page h1{font-size:36px}.gia-page .entry-content{max-width:900px}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:999}
@media(max-width:980px){.gia-nav{gap:14px;font-size:11px}.gia-brand{min-width:190px}.gia-brand-title{font-size:27px}.gia-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gia-about-grid{gap:30px}.gia-hero-note{right:3%;font-size:20px}.gia-why-item{padding:0 15px}}
@media(max-width:700px){.gia-wrap{width:min(100% - 28px,var(--gia-max))}.gia-topbar .gia-wrap{padding:7px 0;align-items:flex-start}.gia-top-left{gap:8px;flex-wrap:wrap}.gia-top-right{gap:10px}.gia-topbar{font-size:10px}.gia-header-inner{min-height:78px;gap:10px}.gia-logo{width:47px;height:56px;font-size:23px}.gia-brand{gap:8px;min-width:0}.gia-brand-title{font-size:24px}.gia-brand-tag{font-size:10px;white-space:normal}.gia-menu-toggle{display:block}.gia-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 20px 18px;box-shadow:0 10px 16px #07192320;align-items:stretch;flex-direction:column;gap:0}.gia-nav.is-open{display:flex}.gia-nav a{padding:12px 0;border-bottom:1px solid var(--gia-border)}.gia-hero{min-height:400px}.gia-hero-inner{padding-block:43px}.gia-hero h1{font-size:32px;max-width:460px}.gia-hero p:not(.gia-eyebrow){font-size:14px;max-width:440px}.gia-hero-note{display:none}.gia-section{padding:28px 0}.gia-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gia-service-image{height:105px}.gia-service-body{padding:12px}.gia-service h3{font-size:13px}.gia-service p{font-size:11.5px}.gia-about-grid{grid-template-columns:1fr;gap:22px}.gia-about-visual{min-height:175px}.gia-values{grid-template-columns:repeat(2,1fr);row-gap:18px}.gia-value:nth-child(2){border-right:0}.gia-why-grid{grid-template-columns:repeat(2,1fr);gap:22px 0}.gia-why-item:nth-child(2){border-right:0}.gia-why-item:nth-child(3){padding-top:4px}.gia-cta-inner{align-items:flex-start;flex-direction:column}.gia-cta-actions{padding-left:53px;text-align:left}.gia-footer-inner{flex-wrap:wrap}.gia-footer-nav{order:3;width:100%;gap:10px}.gia-copyright{text-align:left;margin-left:auto}}
@media(max-width:390px){.gia-top-right{display:none}.gia-services-grid{grid-template-columns:1fr}.gia-service{display:grid;grid-template-columns:105px 1fr}.gia-service-image{height:100%;min-height:120px}.gia-why-item{padding:0 12px}.gia-footer .gia-brand-title{font-size:20px}}