/* =========================================================
   SOLUCIONES J. CAMACHO - IDENTIDAD WEB PROFESIONAL
   Base: negro + blanco | Tecnologia: cian | Accion: rojo
   ========================================================= */
:root{
  --sjc-black:#050505;
  --sjc-black-2:#0d1013;
  --sjc-black-3:#15191e;
  --sjc-white:#ffffff;
  --sjc-cyan:#00b7e8;
  --sjc-cyan-2:#38d7f5;
  --sjc-cyan-soft:#e9faff;
  --sjc-red:#f12623;
  --sjc-red-dark:#c9181c;
  --sjc-red-soft:#fff0f0;
  --sjc-ink:#101418;
  --sjc-muted:#667085;
  --sjc-line:#dfe4ea;
  --sjc-panel:#f6f8fa;
  --sjc-shadow:0 18px 55px rgba(3,12,20,.12);
  --sjc-shadow-strong:0 26px 80px rgba(0,0,0,.26);
}

/* Header */
.pc-header{background:rgba(3,3,3,.96)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 34px rgba(0,0,0,.18)}
.pc-nav-wrap{min-height:84px!important}
.pc-brand{gap:13px!important;min-width:max-content}
.pc-brand-image,.pc-brand-logo-static{width:58px!important;height:58px!important;border-radius:50%!important;object-fit:contain!important;background:#fff!important;padding:2px!important;border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 0 0 3px rgba(0,183,232,.13),0 8px 24px rgba(0,0,0,.32)!important}
.pc-brand span{font-size:1.02rem!important;letter-spacing:-.15px}
.pc-brand small{color:#b9c0c8!important;text-transform:uppercase;letter-spacing:1.15px!important;font-size:.60rem!important}
.pc-brand-mark{background:linear-gradient(135deg,var(--sjc-red),var(--sjc-cyan))!important;color:#fff!important}
.pc-nav a{position:relative;color:#d8dde3!important;padding:11px 12px!important;font-weight:650;transition:.2s ease}
.pc-nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:var(--sjc-cyan);transform:scaleX(0);transform-origin:center;transition:.2s ease}
.pc-nav a:hover,.pc-nav a.active{background:transparent!important;color:#fff!important}
.pc-nav a:hover:after,.pc-nav a.active:after{transform:scaleX(1)}
.pc-nav .pc-nav-cta{margin-left:8px!important;padding:11px 16px!important;background:linear-gradient(135deg,var(--sjc-red),#ff3a35)!important;color:#fff!important;box-shadow:0 12px 30px rgba(241,38,35,.22)}
.pc-nav .pc-nav-cta:after{display:none}
.pc-nav .pc-nav-cta:hover{background:linear-gradient(135deg,#ff3430,var(--sjc-red-dark))!important;transform:translateY(-1px)}

/* Hero principal */
.pc-hero{position:relative!important;background:
  radial-gradient(circle at 10% 72%,rgba(0,183,232,.17),transparent 24%),
  radial-gradient(circle at 88% 30%,rgba(0,183,232,.14),transparent 26%),
  linear-gradient(110deg,#030303 0%,#071018 52%,#081827 100%)!important;min-height:610px}
.pc-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.52;background:
  linear-gradient(90deg,transparent 0 7%,rgba(0,183,232,.10) 7.1% 7.25%,transparent 7.35% 100%),
  linear-gradient(0deg,transparent 0 18%,rgba(0,183,232,.07) 18.1% 18.25%,transparent 18.35% 100%);background-size:170px 125px;mask-image:linear-gradient(90deg,#000,transparent 46%)}
.pc-hero:after{content:"";position:absolute;right:-8%;bottom:4%;width:52%;height:45%;pointer-events:none;background:repeating-linear-gradient(165deg,transparent 0 23px,rgba(0,183,232,.16) 24px 27px,transparent 28px 54px);transform:skewX(-15deg);opacity:.5}
.pc-hero-grid{position:relative;z-index:2!important;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;gap:70px!important}
.pc-eyebrow{border-color:rgba(0,183,232,.34)!important;background:rgba(0,183,232,.08)!important;color:#d9f9ff!important}
.pc-eyebrow span{background:var(--sjc-red)!important;box-shadow:0 0 0 6px rgba(241,38,35,.11)}
.pc-hero h1{max-width:780px;font-size:clamp(3rem,5.35vw,5.65rem)!important;line-height:.96!important;text-transform:uppercase;letter-spacing:-3.2px!important}
.pc-hero h1 em{display:inline;color:var(--sjc-cyan)!important;font-style:normal!important}
.pc-hero-lead{max-width:720px;color:#fff!important;font-size:1.15rem!important}
.pc-hero-description{color:#bfc9d4!important;max-width:720px!important}
.pc-btn{border-radius:10px!important;min-height:48px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.pc-btn:hover{transform:translateY(-2px)}
.pc-btn-primary{background:linear-gradient(135deg,var(--sjc-red),#ff3e38)!important;color:#fff!important;box-shadow:0 14px 30px rgba(241,38,35,.24)!important}
.pc-btn-primary:hover{box-shadow:0 18px 38px rgba(241,38,35,.32)!important}
.pc-btn-ghost,.pc-btn-ghost-light{border-color:rgba(0,183,232,.65)!important;background:rgba(0,183,232,.04)!important;color:#fff!important}
.pc-btn-ghost:hover,.pc-btn-ghost-light:hover{background:rgba(0,183,232,.12)!important}
.pc-trust-row b{color:var(--sjc-cyan)!important}

/* Hero visual */
.pc-hero-visual{min-height:500px!important}
.pc-service-showcase{position:relative!important;overflow:hidden!important;border:1px solid rgba(0,183,232,.27)!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;box-shadow:var(--sjc-shadow-strong)!important}
.pc-service-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(0,183,232,.18),transparent 28%),radial-gradient(circle at 28% 86%,rgba(241,38,35,.12),transparent 30%);pointer-events:none}
.pc-showcase-main{position:relative!important;background:linear-gradient(160deg,#ffffff 0%,#f5f7f9 100%)!important;color:var(--sjc-ink)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.pc-showcase-main small{color:var(--sjc-red)!important}
.pc-showcase-main span{color:#5d6773!important}
.pc-showcase-main strong{color:#0d1116!important}
.pc-showcase-logo{width:112px;height:112px;object-fit:contain;border-radius:50%;background:#fff;margin-bottom:auto;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.pc-showcase-tile{position:relative!important;background:#11171d!important;border-color:rgba(255,255,255,.10)!important}
.pc-showcase-tile b{color:var(--sjc-cyan)!important}
.pc-showcase-tile:nth-child(3) b{color:#fff!important}
.pc-showcase-tile:nth-child(4) b{color:var(--sjc-red)!important}
.pc-float-card{background:rgba(6,9,12,.94)!important;border-color:rgba(0,183,232,.25)!important}
.pc-float-one{border-left:3px solid var(--sjc-red)!important}.pc-float-two{border-left:3px solid var(--sjc-cyan)!important}

/* Proof strip */
.pc-proof{background:#fff!important;border-bottom:1px solid var(--sjc-line)!important}
.pc-proof-grid div{position:relative!important}
.pc-proof strong{color:#0e141b!important}.pc-proof span{color:#667085!important}
.pc-proof-grid div:before{content:"";display:block;width:28px;height:3px;margin-bottom:8px;border-radius:3px;background:var(--sjc-cyan)}
.pc-proof-grid div:nth-child(even):before{background:var(--sjc-red)}

/* Titles */
.pc-kicker{color:var(--sjc-red)!important;letter-spacing:1.4px!important}
.pc-section-head h2,.pc-about h2,.pc-contact-section h2{color:#0e1217!important;font-weight:800!important}
.pc-section-head-light h2,.pc-contact-section h2{color:#fff!important}
.pc-section-head-light .pc-kicker,.pc-contact-section .pc-kicker{color:var(--sjc-cyan)!important}

/* Service cards */
.pc-service-card,.pc-app-card,.pc-catalog-card,.pc-company-card,.pc-photo-card,.pc-fleet-card,.pc-price-card{border-color:#e1e6eb!important;box-shadow:0 10px 32px rgba(10,20,28,.055)!important}
.pc-service-card{position:relative!important;overflow:hidden!important}
.pc-service-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--sjc-red),var(--sjc-cyan));transform:scaleX(0);transform-origin:left;transition:.22s ease}
.pc-service-card:hover:after{transform:scaleX(1)}
.pc-service-primary{background:linear-gradient(145deg,#070707,#151719)!important;border-color:#23272b!important;color:#fff!important}
.pc-service-icon{background:var(--sjc-cyan-soft)!important;color:#007f9d!important;border:1px solid #c4f2fb}
.pc-service-primary .pc-service-icon{background:rgba(0,183,232,.12)!important;color:var(--sjc-cyan-2)!important;border-color:rgba(0,183,232,.22)}
.pc-service-card small{color:var(--sjc-red)!important}
.pc-service-primary small{color:var(--sjc-cyan)!important}
.pc-service-card a,.pc-text-link,.pc-event-copy a,.pc-fleet-copy a{color:#0086a7!important}
.pc-service-primary a{color:var(--sjc-cyan-2)!important}

/* Hub */
.pc-commerce-hub{background:linear-gradient(180deg,#f7fafc,#fff)!important}
.pc-action-card{border-radius:18px!important;border-color:#e1e5ea!important;background:#fff!important;box-shadow:0 14px 38px rgba(4,15,24,.06)!important}
.pc-action-card>span{background:var(--sjc-cyan-soft)!important;color:#007e9b!important;border:1px solid #c8f2fa}
.pc-action-card small,.pc-action-card b{color:var(--sjc-red)!important}
.pc-action-card:hover{border-color:#8ce4f2!important;box-shadow:0 22px 55px rgba(4,15,24,.11)!important}
.pc-action-accent{background:linear-gradient(145deg,#060606,#16181b)!important;border-color:#22282e!important;color:#fff!important}
.pc-action-accent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sjc-red)}
.pc-action-accent>span{background:rgba(0,183,232,.12)!important;color:var(--sjc-cyan-2)!important}
.pc-action-accent small,.pc-action-accent b{color:var(--sjc-cyan-2)!important}

/* Applications */
.pc-software-section{background:#f5f7f9!important}
.pc-app-card{position:relative!important;border-radius:18px!important}
.pc-app-featured{border-color:#9ce7f3!important;box-shadow:0 18px 48px rgba(0,183,232,.10)!important}
.pc-app-media{background:linear-gradient(135deg,#07090b 0%,#101920 50%,#083c4d 100%)!important}
.pc-app-media:after{content:"";position:absolute;inset:auto -15% -40% 22%;height:85%;transform:rotate(-8deg);background:linear-gradient(90deg,transparent,rgba(0,183,232,.28),transparent)}
.pc-app-symbol{z-index:2;background:#fff!important;color:var(--sjc-red)!important;border:1px solid #eef2f5}
.pc-app-tag{z-index:2;background:var(--sjc-red)!important}
.pc-app-category{color:#008ba9!important}

/* Dark sections */
.pc-section-dark,.pc-events-section,.pc-contact-section{background:linear-gradient(145deg,#050505,#0e1216)!important}
.pc-capability{background:#11161b!important;border-color:#252c32!important}
.pc-capability span{background:rgba(0,183,232,.10)!important;color:var(--sjc-cyan-2)!important;border:1px solid rgba(0,183,232,.18)}
.pc-capability:nth-child(2n) span{background:rgba(241,38,35,.10)!important;color:#ff7471!important;border-color:rgba(241,38,35,.18)}
.pc-capability p{color:#aeb8c2!important}

/* Catalog */
.pc-catalog-card{border-radius:16px!important;background:#fff!important}
.pc-catalog-featured{border-color:#8de5f2!important}
.pc-catalog-media{background:linear-gradient(145deg,#080a0d,#131a20 58%,#07556c)!important}
.pc-catalog-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(241,38,35,.13));pointer-events:none}
.pc-catalog-copy small{color:var(--sjc-red)!important}
.pc-catalog-price{color:#0089a9!important}
.pc-btn-outline{border-color:#b8dce4!important;background:#fff!important;color:#007f9c!important}
.pc-btn-dark{background:#0b0d0f!important;color:#fff!important;border-color:#0b0d0f!important}

/* Pricing */
.pc-pricing-section{background:#f6f8fa!important}
.pc-price-featured{border-color:#86dfef!important}
.pc-price-badge{background:var(--sjc-red-soft)!important;color:var(--sjc-red-dark)!important}
.pc-price-app{color:#008ba8!important}.pc-btn-price{background:#0a0c0e!important;color:#fff!important}.pc-btn-price:hover{background:var(--sjc-red)!important}

/* About */
.pc-purpose{background:linear-gradient(145deg,#050505,#171a1d)!important;border:1px solid #252a30!important;box-shadow:var(--sjc-shadow)}
.pc-purpose-number{background:rgba(0,183,232,.10)!important;color:var(--sjc-cyan-2)!important;border:1px solid rgba(0,183,232,.20)}

/* Contact */
.pc-contact-card{background:#11161b!important;border-color:#252c32!important;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.pc-contact-list span:first-child{background:rgba(0,183,232,.10)!important;color:var(--sjc-cyan-2)!important}
.pc-whatsapp-link{background:#0d8b65!important}
.pc-field input:focus,.pc-field textarea:focus,.pc-field select:focus{border-color:var(--sjc-cyan)!important;box-shadow:0 0 0 3px rgba(0,183,232,.10)}

/* Public commercial pages */
.pc-commercial-page{background:#f5f7f9!important}
.pc-commercial-hero{position:relative!important;overflow:hidden!important;background:
  radial-gradient(circle at 84% 30%,rgba(0,183,232,.18),transparent 25%),
  linear-gradient(115deg,#030303 0%,#0a1015 62%,#072a36 100%)!important;border-bottom:1px solid rgba(0,183,232,.16)}
.pc-commercial-hero:after{content:"";position:absolute;right:-8%;top:0;width:47%;height:100%;background:repeating-linear-gradient(160deg,transparent 0 24px,rgba(0,183,232,.14) 25px 28px,transparent 29px 56px);opacity:.6;pointer-events:none}
.pc-commercial-hero>.pc-container,.pc-commercial-hero-grid{position:relative;z-index:2}
.pc-commercial-hero .pc-kicker{color:var(--sjc-cyan)!important}
.pc-commercial-hero h1{font-weight:850!important;letter-spacing:-2.6px!important;text-transform:uppercase}
.pc-commercial-hero p{color:#bdc7d0!important}
.pc-catalog-toolbar,.pc-request-card{border-color:#dde3e8!important;box-shadow:0 18px 55px rgba(8,20,28,.075)!important}
.pc-catalog-toolbar{border-top:3px solid var(--sjc-cyan)!important}
.pc-request-card{border-radius:18px!important;border-top:4px solid var(--sjc-red)!important}
.pc-step-badge{background:#061216!important;color:var(--sjc-cyan-2)!important;border:1px solid #134654!important}
.pc-request-points span{border-left:3px solid var(--sjc-cyan)!important}
.pc-request-points span:nth-child(2n){border-left-color:var(--sjc-red)!important}
.pc-selected-service{border-color:#9fe7f2!important;background:#f0fcff!important}
.pc-selected-service small{color:#007e99!important}
.pc-upload-zone{border-color:#9bdbe5!important;background:linear-gradient(180deg,#fbfeff,#f0fbfd)!important}
.pc-upload-zone:hover{border-color:var(--sjc-cyan)!important}
.pc-success-box>span{background:var(--sjc-cyan-soft)!important;color:#007f9b!important}
.pc-success-box>strong{border-color:#79d7e7!important;background:#f0fcff!important;color:#006b83!important}
.pc-commercial-cta{background:linear-gradient(145deg,#050505,#111418)!important}
.pc-simple-footer{background:#030303!important;color:#8f98a2!important;border-top:1px solid #1d2227}
.pc-simple-footer a{color:var(--sjc-cyan-2)!important}

/* Footer */
.pc-footer{background:#020202!important;border-top:1px solid #191d21!important}
.pc-footer-grid>div>a:hover{color:var(--sjc-cyan-2)!important}
.pc-footer .pc-brand-image{width:54px!important;height:54px!important}
.pc-whatsapp-float{background:#0d8b65!important;border:2px solid #fff!important}

/* Branded login/setup visual hooks */
.sjc-login-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.sjc-login-logo{width:72px;height:72px;border-radius:50%;object-fit:contain;background:#fff;border:2px solid #111;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.sjc-login-brand strong{display:block;font-size:1.08rem;color:#111827}.sjc-login-brand small{display:block;margin-top:3px;color:#667085}

@media(max-width:1020px){
  .pc-nav{background:#080a0c!important;border-color:#272d33!important;box-shadow:0 24px 60px rgba(0,0,0,.35)}
  .pc-hero{min-height:auto}
  .pc-hero-grid{grid-template-columns:1fr!important}
  .pc-hero h1{max-width:850px}
}
@media(max-width:680px){
  .pc-nav-wrap{min-height:72px!important}.pc-brand-image,.pc-brand-logo-static{width:48px!important;height:48px!important}.pc-brand span{font-size:.9rem!important}
  .pc-hero h1{font-size:clamp(2.55rem,12vw,4rem)!important;letter-spacing:-2px!important}
  .pc-commercial-hero h1{text-transform:none}
  .pc-showcase-logo{width:82px;height:82px}
}


/* Catalog category navigation */
.sjc-category-band{padding:30px 0 6px;background:#f5f7f9;border-bottom:1px solid #e2e7eb}
.sjc-category-band-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:14px;margin-bottom:15px}
.sjc-category-band-head>span{color:var(--sjc-red);font-size:.68rem;font-weight:900;letter-spacing:1.3px}.sjc-category-band-head>strong{font-size:1.3rem;color:#111827}.sjc-category-band-head>small{color:#77818c}
.sjc-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sjc-category-card{position:relative;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;min-height:82px;padding:13px;border:1px solid #e0e5e9;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(4,15,24,.04);transition:.2s ease;overflow:hidden}
.sjc-category-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--sjc-cyan),var(--sjc-red));transform:scaleX(0);transform-origin:left;transition:.2s ease}.sjc-category-card:hover{transform:translateY(-3px);border-color:#8de2ef;box-shadow:0 15px 35px rgba(4,15,24,.09)}.sjc-category-card:hover:after{transform:scaleX(1)}
.sjc-category-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#061216;color:var(--sjc-cyan-2);font-size:.72rem;font-weight:900;border:1px solid #163c47}.sjc-category-copy b,.sjc-category-copy small{display:block}.sjc-category-copy b{color:#111827;font-size:.86rem}.sjc-category-copy small{margin-top:3px;color:#77818c;font-size:.67rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sjc-category-count{color:var(--sjc-red);font-size:1.05rem;font-weight:900;text-align:right}.sjc-category-count small{display:block;color:#8b949e;font-size:.58rem;font-weight:700}
@media(max-width:1020px){.sjc-category-grid{grid-template-columns:repeat(2,1fr)}.sjc-category-band-head{grid-template-columns:1fr}.sjc-category-band-head>small{margin-top:-7px}}
@media(max-width:680px){.sjc-category-grid{grid-template-columns:1fr}.sjc-category-card{grid-template-columns:42px 1fr auto}.sjc-category-band{padding-top:22px}}