/*
Theme Name: Compuquik 2026
Theme URI: https://www.compuquik.com
Author: Compuquik
Description: A bilingual, lightweight theme built for Compuquik Puerto Rico.
Version: 1.0.5
Text Domain: compuquik-2026
*/
/* On smaller screens the robot begins after, never on top of, the calls to action. */
@media (max-width:800px){body .cq-buttons{position:relative;z-index:5}body .cq-art{margin-top:18px;z-index:1}}
@media (max-width:500px){body .cq-art{margin-top:20px}}
/* The service promises are part of the hero flow, so they never overlap its buttons. */
body .cq-hero .cq-trust{position:relative;grid-column:1/-1;left:auto;right:auto;align-self:end;margin-top:20px}
/* Keep the complete robot inside its stage, including its feet. */
body .cq-hero .cq-art{min-height:520px;padding-bottom:24px}
body .cq-hero .cq-robot{bottom:24px;width:min(78%,400px);max-height:400px;object-fit:contain}
@media (max-width:800px){body .cq-hero .cq-art{min-height:400px;padding-bottom:16px}body .cq-hero .cq-robot{bottom:16px;width:min(88%,360px);max-height:360px}}
/* Prevent long edited headlines from widening and being clipped on phones. */
@media (max-width:800px){body .cq-hero>div{min-width:0}body .cq-hero h1{overflow-wrap:anywhere;word-break:normal}body .cq-hero .cq-intro{overflow-wrap:break-word}}
:root{--ink:#202720;--orange:#ff6000;--green:#4e9b43;--paper:#fbfaf4;--line:#dfe5d8;--blue:#073052}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.cq-section{padding-left:max(6vw,32px);padding-right:max(6vw,32px)}.cq-header{height:82px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2027201c;background:#fbfaf4eb;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.cq-brand{display:flex;align-items:center}.cq-brand img{width:215px;height:auto;display:block}.cq-nav{display:flex;gap:26px;font-size:14px;font-weight:700}.cq-nav a:hover{color:var(--orange)}.cq-actions{display:flex;align-items:center;gap:22px}.cq-language{display:flex;gap:6px;align-items:center;color:#789;font-size:12px;font-weight:700}.cq-language button{border:0;background:none;padding:2px;cursor:pointer;color:inherit;font-weight:700}.cq-language button.is-active{color:var(--ink)}.cq-call{font-size:13px;font-weight:800;padding:11px 16px;border:1px solid var(--ink);border-radius:999px}.cq-call:hover{background:var(--ink);color:#fff}.cq-hero{min-height:685px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding-top:110px;overflow:hidden;background:linear-gradient(115deg,#fbfaf4 0%,#fbfaf4 56%,#e6f0df 56%)}.cq-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 20px;text-transform:uppercase;color:#597256;font-size:11px;font-weight:800;letter-spacing:1.5px}.cq-eyebrow:before{content:"";width:25px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.cq-hero h1{max-width:670px;margin-bottom:23px;font-size:clamp(52px,6.1vw,91px);letter-spacing:-.07em;line-height:.94}.cq-hero h1 span{display:block}.cq-intro{max-width:540px;color:#516252;font-size:18px;line-height:1.55}.cq-buttons{display:flex;gap:13px;margin-top:32px}.cq-button{display:inline-flex;align-items:center;gap:24px;padding:15px 20px;border-radius:7px;font-size:14px;font-weight:800}.cq-button b{font-size:19px;font-weight:400}.cq-button-primary{background:var(--orange);color:#fff}.cq-button-primary:hover{background:#d94d00}.cq-button-quiet{border:1px solid #b6c4b0}.cq-art{position:relative;min-height:440px}.cq-signal{position:absolute;border:1px solid #ff600033;border-radius:50%}.cq-s1{width:360px;height:360px;top:22px;right:30px}.cq-s2{width:480px;height:480px;top:-38px;right:-30px}.cq-s3{width:620px;height:620px;top:-105px;right:-105px}.cq-robot{position:absolute;z-index:2;right:4%;bottom:0;width:min(88%,440px);max-height:480px;object-fit:cover;object-position:center;border-radius:46% 46% 22% 22%;filter:drop-shadow(17px 19px 0 #2027201a)}.cq-icon{position:absolute;z-index:4;right:0;bottom:35px;width:66px;height:auto;background:#fff;border-radius:17px;padding:9px;box-shadow:0 11px 24px #20272024}.cq-support-card{position:absolute;z-index:4;right:0;top:38px;background:#fff;border-radius:8px;padding:11px 13px;box-shadow:0 11px 24px #20272024;font-size:9px;letter-spacing:1px;font-weight:700;display:grid;grid-template-columns:auto 1fr;column-gap:6px}.cq-support-card strong{grid-column:2;font-size:19px;letter-spacing:-1px;color:var(--orange)}.cq-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:3px}.cq-fast{position:absolute;z-index:4;left:0;bottom:78px;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:var(--orange);color:#fff;font-weight:900;font-size:15px;line-height:.9;text-align:center;transform:rotate(-10deg)}.cq-trust{position:absolute;bottom:0;left:max(6vw,32px);right:max(6vw,32px);border-top:1px solid #cbd8db;display:flex;gap:31px;padding:21px 0}.cq-trust p{margin:0;color:#577285;font-size:12px;font-weight:700}.cq-trust span{color:var(--orange);margin-right:7px}.cq-services{padding-top:115px;padding-bottom:115px}.cq-heading{display:grid;grid-template-columns:1.1fr .55fr;gap:50px;align-items:end}.cq-heading h2,.cq-about h2,.cq-why h2,.cq-contact h2{font-size:clamp(35px,4.2vw,59px);line-height:.99;letter-spacing:-.055em;margin-bottom:40px;max-width:720px}.cq-heading>p{color:#647462;line-height:1.55;max-width:330px}.cq-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:40px}.cq-card{position:relative;min-height:278px;padding:25px 27px 24px;border-right:1px solid var(--line)}.cq-card:first-child{padding-left:0}.cq-card:last-child{border:0}.cq-number{font-size:11px;font-weight:800;color:var(--orange)}.cq-card h3{font-size:21px;line-height:1.05;letter-spacing:-.035em;margin:59px 0 14px}.cq-card>p:not(.cq-number){color:#657562;line-height:1.48;font-size:14px}.cq-card a{position:absolute;bottom:24px;font-size:12px;font-weight:800;color:var(--green);text-decoration:underline;text-underline-offset:4px}.cq-arrow{position:absolute;bottom:22px;right:18px;color:var(--orange);font-size:22px}.cq-why-wrap{background:var(--ink);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.cq-why{padding-top:110px;padding-bottom:110px}.cq-why .cq-eyebrow{color:#dbe8d5}.cq-why h2{margin-bottom:23px}.cq-why>p:not(.cq-eyebrow){max-width:570px;color:#b8d5e5;font-size:18px;line-height:1.55}.cq-reasons{padding:10px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:660px}.cq-reasons li{font-size:14px;font-weight:700;color:#d9edf6}.cq-reasons span{display:block;color:var(--green);font-size:20px;margin-bottom:8px}.cq-orbits{position:relative;min-height:500px;background:radial-gradient(circle at center,#258ec16b,transparent 45%)}.cq-orbit{position:absolute;border:1px solid #ade0f34a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.cq-o1{width:160px;height:160px}.cq-o2{width:305px;height:305px}.cq-o3{width:470px;height:470px}.cq-core{position:absolute;display:grid;place-items:center;top:50%;left:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:var(--green);color:var(--ink);font-size:49px;font-weight:900;box-shadow:0 0 0 14px #32c5cb1f}.cq-about{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.cq-about h2{margin-bottom:0}.cq-about-text{font-size:20px;line-height:1.55;max-width:590px;color:#456276}.cq-area{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}.cq-area span{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;background:var(--orange);color:#fff;font-weight:900}.cq-area p{margin:0;font-size:13px;font-weight:800}.cq-contact-wrap{background:linear-gradient(130deg,#0a446c,#073052)}.cq-contact{padding-top:103px;padding-bottom:110px;color:#fff;position:relative;overflow:hidden}.cq-contact:after{content:"";position:absolute;width:530px;height:530px;border:1px solid #a9e2f024;border-radius:50%;right:-130px;top:-140px}.cq-contact .cq-eyebrow{color:#dbe8d5}.cq-contact h2{max-width:720px;margin-bottom:21px}.cq-contact>p:not(.cq-eyebrow){max-width:540px;color:#c4dfeb;font-size:18px;line-height:1.5}.cq-phone{position:relative;z-index:2;display:inline-flex;align-items:end;gap:16px;margin-top:31px;font-size:clamp(30px,4vw,52px);line-height:.9;font-weight:900;letter-spacing:-.06em}.cq-phone small{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--green);padding-bottom:7px}.cq-phone b{font-weight:400;color:var(--green)}.cq-footer{padding:34px max(6vw,32px);display:grid;grid-template-columns:1fr 1.5fr auto;gap:40px;align-items:center;background:#eef2ee;color:#526a76;font-size:12px}.cq-footer p{margin:0}.cq-footer .cq-brand img{width:180px}@media(max-width:800px){.cq-header{height:70px}.cq-nav{display:none}.cq-actions{gap:12px}.cq-call{padding:9px 12px}.cq-hero{grid-template-columns:1fr;padding-top:75px;background:linear-gradient(145deg,#f7f6f1 0%,#f7f6f1 66%,#e0f1f5 66%)}.cq-art{min-height:380px;margin-top:-35px}.cq-trust{position:relative;left:auto;right:auto;grid-column:1;flex-wrap:wrap;gap:12px;padding:18px 0}.cq-heading,.cq-about{grid-template-columns:1fr}.cq-heading h2{margin-bottom:0}.cq-grid{grid-template-columns:1fr 1fr}.cq-card:nth-child(odd){padding-left:0}.cq-card:nth-child(even){border-right:0}.cq-why-wrap{grid-template-columns:1fr}.cq-orbits{min-height:330px}.cq-reasons{grid-template-columns:1fr}.cq-about-text{font-size:18px}.cq-contact{padding-top:80px;padding-bottom:80px}.cq-footer{grid-template-columns:1fr;gap:16px}}@media(max-width:500px){.cq-section{padding-left:23px;padding-right:23px}.cq-header{padding:0 20px}.cq-call{display:none}.cq-hero h1{font-size:52px}.cq-intro{font-size:16px}.cq-buttons{flex-direction:column;align-items:flex-start}.cq-art{min-height:330px}.cq-fast{width:70px;height:70px;font-size:12px;bottom:46px}.cq-grid{grid-template-columns:1fr}.cq-card,.cq-card:nth-child(odd){padding:23px 0;border-right:0;border-bottom:1px solid var(--line);min-height:220px}.cq-card h3{margin-top:31px}.cq-orbits{min-height:260px}.cq-o3{width:340px;height:340px}.cq-about{padding-top:75px;padding-bottom:75px}.cq-phone{font-size:32px;gap:8px;flex-wrap:wrap}.cq-phone small{width:100%}}