/* ARQORA México — es-MX localization, Mexico-first landing-page CRO and code-rendered examples */

:root{--mx-green:#1d7a45}
html{scroll-behavior:smooth}
body{font-variant-numeric:tabular-nums}
.brand-sub{letter-spacing:.13em}
.hero h1{max-width:760px}
.hero-lead{max-width:540px}
.header-cta{white-space:nowrap}

/* Mexico-localized code-rendered website example. */
.concept-real-screen{background:#0a0a0a}
.concept-real-screen picture,.concept-real-screen>img{display:none!important}
.mx-site-demo{display:grid;grid-template-rows:auto 1fr auto;color:#fff;isolation:isolate}
.mx-demo-nav{height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 18px;background:#0d0d0d;border-bottom:1px solid #2c2c2c;font-family:var(--body)}
.mx-demo-nav>strong{font:900 18px/.88 var(--display);letter-spacing:.02em}.mx-demo-nav>strong span{color:var(--orange)}
.mx-demo-nav nav{display:flex;justify-content:center;gap:22px;color:#bbb;font-size:7px}.mx-demo-nav>b{background:var(--orange);color:#131313;padding:9px 11px;font:900 7px var(--display);white-space:nowrap}
.mx-demo-hero{position:relative;min-height:305px;overflow:hidden;background:#101010}
.mx-demo-photo{position:absolute;inset:0;background:url("../media/proyecto-concreto-mx.webp") center/cover no-repeat;transform:scale(1.01)}
.mx-demo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.97) 0%,rgba(4,4,4,.86) 31%,rgba(4,4,4,.44) 54%,rgba(4,4,4,.05) 78%)}
.mx-demo-copy{position:relative;z-index:2;width:51%;padding:34px 18px 24px 28px}
.mx-demo-copy small{color:var(--orange);font:800 7px/1.25 var(--body);letter-spacing:.17em}
.mx-demo-copy h3{margin:11px 0 10px;font:900 35px/.82 var(--display);letter-spacing:-.02em}.mx-demo-copy h3 span{color:var(--orange)}
.mx-demo-copy p{max-width:250px;margin:0 0 16px;color:#c4c4c4;font:500 8px/1.45 var(--body)}
.mx-demo-copy i{display:inline-flex;background:var(--orange);color:#111;padding:8px 10px;font:900 8px/1 var(--display);font-style:normal}
.mx-demo-services{height:68px;display:grid;grid-template-columns:1.5fr repeat(3,.7fr);align-items:center;gap:10px;padding:0 20px;background:#0d0d0d;border-top:1px solid #292929}
.mx-demo-services div{display:grid;gap:3px}.mx-demo-services small{color:#aaa;font:800 6px/1 var(--body);letter-spacing:.14em}.mx-demo-services strong{font:900 14px/1 var(--display)}.mx-demo-services>span{display:grid;place-items:center;height:35px;border:1px solid #2c2c2c;color:#c9c9c9;font:700 7px/1 var(--body)}

.concept-real-phone picture,.concept-real-phone>img{display:none!important}
.mx-phone-demo{height:100%;border-radius:18px;overflow:hidden;background:#0c0c0c;display:flex;flex-direction:column;color:#fff}
.mx-phone-nav{height:36px;padding:13px 10px 4px;display:flex;align-items:center;justify-content:space-between;background:#0b0b0b}.mx-phone-nav b{font:900 10px/1 var(--display);color:var(--orange)}.mx-phone-nav span{font-size:10px;color:#ddd}
.mx-phone-photo{height:89px;background:url("../media/proyecto-concreto-mx.webp") 63% 47%/cover no-repeat;position:relative}.mx-phone-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.58),transparent 55%)}
.mx-phone-copy{padding:10px 8px;display:grid;align-content:start;gap:5px}.mx-phone-copy small{color:var(--orange);font:800 5px/1.2 var(--body);letter-spacing:.1em}.mx-phone-copy strong{font:900 14px/.88 var(--display)}.mx-phone-copy>span{color:var(--orange);font:900 12px/.88 var(--display)}.mx-phone-copy i{width:max-content;margin-top:4px;background:var(--orange);color:#111;padding:6px 7px;font:900 6px/1 var(--display);font-style:normal}

/* Fully Spanish Google Business Profile example, rendered in code. */
.gbp-device-glass{background:#fff!important;padding:0!important;color:#242424}
.mx-gbp-ui{height:100%;display:flex;flex-direction:column;background:#fff;font-family:Arial,sans-serif}
.mx-gbp-search{height:48px;flex:none;display:grid;grid-template-columns:auto 18px 1fr 16px;align-items:center;gap:6px;padding:0 13px;background:#fff;border-bottom:1px solid #eee;color:#333;font-size:9px}.mx-gbp-search>strong{font-size:13px;letter-spacing:-.04em;color:#4285f4}.mx-gbp-search>b{font-size:8px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-gbp-search>span{font-size:12px}.mx-gbp-search>i{font-size:15px;font-style:normal;color:#777}
.mx-gbp-photo{height:146px;flex:none;position:relative;background:url("../media/perfil-google-proyecto-mx.webp") center/cover no-repeat}.mx-gbp-photo:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,rgba(0,0,0,.18))}.mx-gbp-photo>span{position:absolute;right:9px;bottom:8px;z-index:2;background:rgba(0,0,0,.68);color:#fff;border-radius:12px;padding:5px 7px;font-size:7px}
.mx-gbp-body{padding:12px 12px 14px;display:block;min-height:0;overflow:hidden}.mx-gbp-body h3{margin:0 0 3px;font:700 18px/1.05 Arial,sans-serif;color:#202124}.mx-gbp-rating{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-size:8px}.mx-gbp-rating>b{font-size:10px}.mx-gbp-rating>span{color:#f9ab00;letter-spacing:.02em}.mx-gbp-rating>small{color:#5f6368}.mx-gbp-body>p{margin:0 0 11px;color:#5f6368;font-size:8px}.mx-gbp-body>p em,.mx-gbp-row em{color:#188038;font-style:normal;font-weight:700}
.mx-gbp-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 -1px 9px;text-align:center}.mx-gbp-actions>span{display:grid;justify-items:center;gap:3px;color:#1a73e8;font-size:14px}.mx-gbp-actions small{font-size:6px;color:#3c4043;font-weight:500}
.mx-gbp-tabs{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:3px;margin:0 -12px;padding:0 12px 7px;border-bottom:1px solid #ddd;text-align:center;color:#5f6368;font-size:6px}.mx-gbp-tabs>b{color:#1a73e8;border-bottom:2px solid #1a73e8;padding-bottom:5px}
.mx-gbp-about{position:relative;padding:10px 14px 9px 0;border-bottom:1px solid #e8eaed;color:#3c4043;font-size:7px;line-height:1.4}.mx-gbp-about>b{position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:14px;color:#5f6368}
.mx-gbp-row{min-height:38px;display:grid;grid-template-columns:20px 1fr 10px;align-items:center;gap:5px;border-bottom:1px solid #e8eaed;color:#1a73e8}.mx-gbp-row>span{font-size:11px}.mx-gbp-row p{display:grid;gap:1px;margin:0;color:#202124;font-size:7px}.mx-gbp-row p strong{font-size:7.5px;font-weight:500}.mx-gbp-row p small{font-size:6px;color:#5f6368}.mx-gbp-row>b{color:#5f6368;font-size:12px}.mx-gbp-map{height:67px;margin-top:9px;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(36deg,#cce6c4 0 30%,#e9e4cf 31% 55%,#a9d5ef 56% 70%,#d8ecd1 71%);color:#333;font-size:8px}.mx-gbp-map:before,.mx-gbp-map:after{content:"";position:absolute;background:#f1c75b}.mx-gbp-map:before{width:140%;height:3px;left:-12%;top:45%;transform:rotate(-12deg)}.mx-gbp-map:after{height:140%;width:3px;left:54%;top:-20%;transform:rotate(12deg)}.mx-gbp-map span{position:absolute;z-index:2;left:48%;top:55%;font-weight:700}.mx-gbp-map i{position:absolute;z-index:3;left:44%;top:36%;width:12px;height:12px;border-radius:50% 50% 50% 0;background:#ea4335;transform:rotate(-45deg);box-shadow:0 2px 5px rgba(0,0,0,.18)}
.gbp-example-badge{font-size:5.5px}

/* Spanish copy needs slightly different rhythm and safer wrapping. */
.gbp h2{max-width:1040px}
.gbp-outline{white-space:nowrap}
.gbp-price-number{letter-spacing:-.03em}
.service-option-price em{letter-spacing:.06em;text-align:right}
.contact-card-v2 .contact-card-head>div>p:not(.eyebrow){max-width:620px}
.contact-card-v2 input[type="tel"]{font-variant-numeric:tabular-nums}

/* Mexico ad-traffic trust treatment: no Australian phone-number emphasis. */
.call-block svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-contact a:first-child{color:var(--orange)}
.sticky-call{font-size:19px}

@media(max-width:1220px){
  .mx-demo-nav nav{gap:13px}.mx-demo-copy h3{font-size:30px}.mx-demo-copy{width:55%}
}
@media(max-width:980px){
  .hero h1{max-width:720px}
  .mx-demo-hero{min-height:330px}.mx-demo-copy h3{font-size:38px}
}
@media(max-width:700px){
  .hero h1{font-size:clamp(55px,17.2vw,80px);line-height:.78;letter-spacing:-.03em}
  .hero-lead br{display:none}
  .hero-concept{padding-top:62px!important}
  .mx-demo-nav{height:40px;padding:0 9px;gap:6px}.mx-demo-nav>strong{font-size:11px}.mx-demo-nav nav{display:none}.mx-demo-nav>b{font-size:5.5px;padding:6px 7px}
  .mx-demo-hero{min-height:190px}.mx-demo-photo{background-position:63% center}.mx-demo-overlay{background:linear-gradient(90deg,rgba(4,4,4,.96),rgba(4,4,4,.7) 54%,rgba(4,4,4,.1) 87%)}.mx-demo-copy{width:61%;padding:20px 8px 13px 12px}.mx-demo-copy small{font-size:5px}.mx-demo-copy h3{font-size:24px;margin:8px 0 7px}.mx-demo-copy p{font-size:5.7px;margin-bottom:8px}.mx-demo-copy i{font-size:5.5px;padding:6px 7px}
  .mx-demo-services{height:43px;padding:0 9px;gap:5px;grid-template-columns:1.2fr repeat(3,.65fr)}.mx-demo-services small{font-size:4px}.mx-demo-services strong{font-size:8px}.mx-demo-services>span{height:24px;font-size:4.5px}
  .mx-phone-nav{height:28px;padding:10px 6px 3px}.mx-phone-photo{height:58px}.mx-phone-copy{padding:6px 5px;gap:3px}.mx-phone-copy small{font-size:3.6px}.mx-phone-copy strong{font-size:9px}.mx-phone-copy>span{font-size:8px}.mx-phone-copy i{font-size:4px;padding:4px 5px}

  .gbp h2{font-size:clamp(39px,10.1vw,62px);line-height:.9}.gbp-outline{font-size:.82em}
  .gbp-device{width:min(78vw,276px);aspect-ratio:302/537;height:auto;margin-top:-22px}
  .mx-gbp-search{height:35px;padding:0 9px;font-size:6px;grid-template-columns:auto 12px 1fr 10px}.mx-gbp-search>strong{font-size:10px}.mx-gbp-search>b{font-size:6px}.mx-gbp-photo{height:108px}.mx-gbp-body{padding:8px}.mx-gbp-body h3{font-size:13px}.mx-gbp-rating{font-size:6px;margin-bottom:3px}.mx-gbp-rating>b{font-size:7px}.mx-gbp-body>p{font-size:5.6px;margin-bottom:7px}.mx-gbp-actions{margin-bottom:6px}.mx-gbp-actions>span{font-size:10px}.mx-gbp-actions small{font-size:4.5px}.mx-gbp-tabs{margin:0 -8px;padding:0 8px 5px;font-size:4.5px}.mx-gbp-about{font-size:5.3px;padding:7px 11px 6px 0}.mx-gbp-row{min-height:29px;grid-template-columns:15px 1fr 8px}.mx-gbp-row>span{font-size:8px}.mx-gbp-row p strong{font-size:5.4px}.mx-gbp-row p small{font-size:4.5px}.mx-gbp-map{height:44px;margin-top:6px;font-size:5px}

  .gbp-price-number{font-size:clamp(44px,13.5vw,64px)}
  .service-option{grid-template-columns:31px minmax(0,1fr) minmax(73px,auto)}
  .service-option-price{font-size:17px;padding-right:14px}
  .service-option-price em{font-size:5.5px;max-width:72px;line-height:1.15;white-space:normal}
  .service-option-copy strong{font-size:12px}
  .contact-steps button{letter-spacing:0}
  .contact-card-v2 .contact-card-head h2{font-size:clamp(45px,13vw,62px);line-height:.86}
}
@media(max-width:390px){
  .hero h1{font-size:55px}
  .gbp h2{font-size:38px}.gbp-outline{font-size:.8em}
  .service-option{grid-template-columns:29px minmax(0,1fr) minmax(68px,auto)}
  .service-option-price{font-size:15px;padding-right:12px}.service-option-price em{font-size:5px;max-width:64px}
  .service-option-copy strong{font-size:11px}.service-option-copy small{font-size:7px}
}
@media(max-width:350px){
  .hero h1{font-size:49px}.gbp h2{font-size:35px}.gbp-outline{font-size:.78em}
}
@media(prefers-reduced-motion:reduce){.mx-demo-photo,.mx-phone-photo{transform:none!important}}
/* Final Mexico QA refinements */
@media(min-width:701px){.hero-note{left:0}}
@media(max-width:700px){
  .hero-lead br{display:block}
  .hero h1 .brush-word{font-size:.9em;letter-spacing:-.045em;width:auto}
  .gbp-stage{padding-bottom:48px}
  .gbp-device{margin-bottom:26px}
}
@media(max-width:700px){
  .gbp-stage{display:flex;flex-direction:column;min-height:0;padding-bottom:10px;gap:8px}
  .gbp-device{position:relative;top:auto;right:auto;align-self:flex-end;margin:-24px 4px 24px 0}
  .gbp-illustrative{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin:0;font-size:7px}
}
@media(max-width:390px){.gbp-stage{min-height:0}.gbp-device{top:auto;right:auto;width:min(72vw,250px);height:auto}}
@media(max-width:350px){.gbp-stage{min-height:0}.gbp-device{top:auto;right:auto;width:min(70vw,230px);height:auto}}
@media(max-width:700px){.hero h1{font-size:clamp(50px,14.5vw,61px);line-height:.8}.hero h1 .brush-word{font-size:.95em}}
@media(max-width:350px){.hero h1{font-size:48px}}