:root{--navy:#183247;--blue:#2f6683;--sky:#eaf4f8;--sand:#f5f1ea;--ink:#243746;--muted:#60727e;--white:#fff;--accent:#c97b4b;--shadow:0 14px 40px rgba(17,44,61,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(145deg,#dcecf3 0%,#f8f6f0 48%,#dbe9ee 100%);line-height:1.65}a{color:inherit}.site{max-width:1120px;margin:26px auto;background:var(--white);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.hero{height:160px;background:url('images/center1.jpg') center/cover no-repeat}.nav{background:var(--navy);display:flex;align-items:center;justify-content:center;gap:4px;padding:0 18px}.nav a{color:#fff;text-decoration:none;padding:15px 18px;font-weight:700;font-size:.94rem;border-bottom:3px solid transparent}.nav a:hover,.nav a.current{background:rgba(255,255,255,.08);border-bottom-color:#7fc4df}.content{padding:48px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:.78rem;font-weight:800}.lead{font-size:1.14rem;color:var(--muted);max-width:780px}.intro{text-align:center;max-width:820px;margin:0 auto 38px}.intro h1,.page-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:8px 0 16px;color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #dce7ec;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(24,50,71,.08)}.card img{width:100%;height:190px;object-fit:cover;display:block}.card-body{padding:24px}.card h2,.card h3{color:var(--navy);margin:0 0 9px}.card p{color:var(--muted);margin:0 0 18px}.button{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;border:0;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer}.button:hover{background:var(--blue)}.button.alt{background:#fff;color:var(--navy);border:1px solid #bfd1da}.band{margin:42px -48px -48px;padding:34px 48px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.band h2{margin:0 0 5px}.band p{margin:0;color:#d9e7ed}.service-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:32px}.panel{padding:28px;border:1px solid #dce7ec;border-radius:16px;background:#fff}.panel h2{color:var(--navy);margin-top:0}.checks{padding-left:20px}.checks li{margin:8px 0}.side{background:var(--sky)}.contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:30px}.contact-box{background:var(--sky);border-radius:16px;padding:28px}.form-card{border:1px solid #dce7ec;border-radius:16px;padding:30px;box-shadow:0 8px 24px rgba(24,50,71,.06)}label{display:block;font-weight:700;color:var(--navy);margin-bottom:6px}input,textarea{width:100%;padding:12px 13px;border:1px solid #b8cbd4;border-radius:9px;font:inherit;margin-bottom:17px;background:#fff}textarea{resize:vertical;min-height:145px}.form-note{font-size:.9rem;color:var(--muted)}.actions{display:flex;gap:10px}.footer{background:#102536;color:#d6e2e8;text-align:center;padding:20px;font-size:.9rem}.security-art{height:220px;display:grid;place-items:center;background:linear-gradient(135deg,#163247,#397a99);position:relative;overflow:hidden}.camera{width:150px;height:68px;background:#f5f7f8;border-radius:14px 14px 28px 14px;transform:rotate(-8deg);position:relative;box-shadow:0 10px 20px rgba(0,0,0,.25)}.camera:before{content:'';position:absolute;width:48px;height:48px;border:10px solid #b8c7ce;background:#213846;border-radius:50%;right:12px;top:0}.camera:after{content:'';position:absolute;width:15px;height:70px;background:#d9e1e5;left:28px;top:54px;transform:rotate(28deg);border-radius:8px}.security-art span{position:absolute;bottom:18px;color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#e5f2f7;color:var(--blue);font-weight:700;font-size:.82rem}.thank{text-align:center;padding:70px 20px}.thank img{max-width:180px}.paypal{margin-top:24px}
@media(max-width:780px){.site{margin:0;border-radius:0}.hero{height:125px}.nav{flex-wrap:wrap}.nav a{padding:11px 10px;font-size:.86rem}.content{padding:30px 20px}.grid,.service-layout,.contact-grid{grid-template-columns:1fr}.band{margin:32px -20px -30px;padding:28px 20px;display:block}.band .button{margin-top:16px}.card img{height:210px}}
/* Color-rich 2026 refresh */
body{background:
 radial-gradient(circle at 10% 15%,rgba(52,168,190,.30),transparent 30%),
 radial-gradient(circle at 88% 12%,rgba(244,166,78,.28),transparent 28%),
 radial-gradient(circle at 80% 82%,rgba(79,139,173,.30),transparent 34%),
 linear-gradient(135deg,#b9e2ea 0%,#f7d6a7 45%,#9fc8da 100%);background-attachment:fixed}
.site{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(240,249,251,.97));border:1px solid rgba(255,255,255,.72);box-shadow:0 22px 60px rgba(14,52,72,.22)}
.content{background:linear-gradient(180deg,rgba(239,250,252,.70),rgba(255,248,236,.66))}
.intro{padding:28px 34px;border-radius:22px;background:linear-gradient(135deg,rgba(214,242,247,.9),rgba(255,232,195,.76));border:1px solid rgba(62,128,153,.15);box-shadow:0 12px 34px rgba(24,50,71,.08)}
.card{border-color:rgba(47,102,131,.20);box-shadow:0 12px 30px rgba(24,50,71,.13)}
.card-body{background:linear-gradient(160deg,#fff 0%,#f4fbfd 62%,#fff4e4 100%)}
.panel{background:linear-gradient(145deg,#fff 0%,#eef9fc 100%);box-shadow:0 10px 26px rgba(24,50,71,.08)}
.side,.contact-box{background:linear-gradient(145deg,#dff4f8 0%,#fff0d7 100%)}
.badge{background:linear-gradient(90deg,#d8f2f7,#ffe3b8);color:#214f68}
.button{background:linear-gradient(135deg,#183247,#2f7895);box-shadow:0 7px 16px rgba(24,50,71,.18)}
.band{background:linear-gradient(110deg,#183247 0%,#23627c 58%,#b66b3d 140%)}
.security-photo{height:220px;overflow:hidden;background:#f4f7f8}.security-photo img{width:100%;height:100%;object-fit:cover;display:block}
.security-system-card{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(24,50,71,.14);border:1px solid rgba(47,102,131,.18);align-self:stretch}.security-system-card img{width:100%;height:300px;object-fit:contain;display:block;background:#fff;padding:10px}.security-caption{padding:20px 22px;background:linear-gradient(135deg,#17364a,#2e7691);color:#fff}.security-caption strong{display:block;font-size:1.12rem;margin-bottom:4px}.security-caption span{color:#dceff5;font-size:.93rem}
@media(max-width:780px){body{background-attachment:scroll}.intro{padding:22px 18px}.security-system-card img{height:240px}}

/* V4 home service layout: two cards per row */
@media (min-width: 760px){ .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} }
/* Training photo framed low to keep faces out of view */
.grid .card:nth-child(3) > img{object-position:center 82%;}

/* Mobile banner fix: show the complete Palmas Computers header without side cropping */
@media(max-width:780px){
  .hero{
    height:auto;
    aspect-ratio:940 / 130;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
  }
}
