/* Four-language navigation; Arabic is a native RTL layout, not a mirrored image. */
@font-face{font-family:NotoSansArabic;src:url('/assets/noto-sans-arabic-variable.woff2') format('woff2');font-weight:100 900;font-stretch:62.5% 100%;font-display:swap}
html[lang=ar]{--body:NotoSansArabic,Montserrat,Tahoma,Arial,sans-serif;--display:NotoSansArabic,'Montserrat Display',Tahoma,Arial,sans-serif}
.languages a[aria-current=page],.utility a[lang][aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.languages{flex-wrap:wrap}
.mobile-language-shortcut{display:none}
html[dir=rtl] body{font-family:var(--body)}
html[dir=rtl] :is(h1,h2,h3,h4){letter-spacing:0!important;line-height:1.4}
html[dir=rtl] :is(p,li,figcaption){line-height:1.85}
html[dir=rtl] :is(button,input,textarea,select){font-family:var(--body)}
html[dir=rtl] :is(.brand-name,.brand-name small){font-family:var(--display);direction:ltr}
html[dir=rtl] :is(.button,.text-link,.nav-trigger,.footer-grid a,.footer-links .tn-chat-entry,.office-market summary,.tn-form label){text-align:start}
html[dir=rtl] .footer-tail .maker-credit{text-align:end}
html[dir=rtl] :is(.s-component-text ul,.c-prose ul,.pest-main ul,.article-body ul){padding-left:0;padding-inline-start:24px}
html[dir=rtl] .s-list>li{padding-left:0;padding-inline-start:19px}
html[dir=rtl] .s-list>li:before{left:auto;right:0}
html[dir=rtl] .s-process li{padding:28px 0 0 26px}
html[dir=rtl] .s-process li:not(:first-child){border-left:0;border-right:1px solid #ccd6c3;padding-right:26px}
html[dir=rtl] .tn-form input:not([type=email]):not([type=tel]),html[dir=rtl] .tn-form textarea{direction:rtl;text-align:start}
/* Keep the spam trap invisible without creating a 10,000px RTL scroll area. */
html[dir=rtl] .tn-form-hp{left:0!important;right:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
html[dir=rtl] :is(a[href^='tel:'],a[href^='mailto:'],.office-card h3){unicode-bidi:isolate}
html[dir=rtl] .office-card dd{text-align:right}
html[dir=rtl] .office-card .copy-phone{direction:rtl}
html[dir=rtl] .a-site:not(.a-home) main .s-closing>.wrap{padding-right:0;padding-left:min(38vw,430px);background-position:left 5% bottom}
html[dir=rtl] .a-home :is(.photographic-hero h1,.feedback-scene-title){letter-spacing:0;font-size:clamp(46px,5.3vw,78px);line-height:1.35}
html[dir=rtl] .a-home .hero-message{max-width:720px}
html[dir=rtl] .a-home .hero-description{max-width:43ch}
html[dir=rtl] .a-home .feedback-scene-metrics{direction:rtl}
html[dir=rtl] .a-home .feedback-audit{direction:rtl}
html[dir=rtl] .tn-chat-bubble{text-align:start;line-height:1.8}
html[dir=rtl] :is(.tn-chat-choices button,.tn-chat-heading,.tn-chat-form input){text-align:start}
html[dir=rtl] .search-results a{direction:rtl;text-align:start}
html[dir=rtl] .skip{left:auto;right:18px}
@media(min-width:960px){
 .a-site .utility>div{gap:17px}
 html[lang=pt] .a-site .navigation{gap:20px}
 html[dir=rtl] .a-site .navigation{gap:20px}
 html[dir=rtl] .nav-shell{gap:24px}
}
@media(max-width:959px){
 /* Native WebKit selects need the full inner height for Arabic font metrics. */
 .a-site select.mobile-language-shortcut{display:block;flex:none;width:64px;height:44px;min-height:44px;padding:0 3px;border:1px solid #b7c2b3;border-radius:4px;background:#fff;color:#202822;font:600 14px/1.3 var(--body);text-align:center;cursor:pointer;direction:ltr}
 .a-site .nav-shell{gap:12px}
 .mobile-language-shortcut:focus-visible{outline:3px solid #916a00;outline-offset:3px}
 html[dir=rtl] .footer-tail .maker-credit{text-align:start}
 html[dir=rtl] .a-home :is(.photographic-hero h1,.feedback-scene-title){font-size:clamp(42px,8.5vw,64px);line-height:1.4}
 html[dir=rtl] .a-home .hero-description{font-size:17px;line-height:1.8}
}
@media(max-width:760px){
 html[dir=rtl] .a-site:not(.a-home) main .s-closing>.wrap{padding-inline:clamp(22px,5vw,64px);padding-bottom:210px;background-position:left 18px bottom}
 html[dir=rtl] .s-process li,html[dir=rtl] .s-process li:not(:first-child){border:0;padding:24px 0}
 html[dir=rtl] .s-component h2{font-size:27px}
}
@media(max-width:380px){.a-site .nav-shell{padding-inline:16px;gap:8px}.a-site select.mobile-language-shortcut{width:58px}}

/* El chat vive pegado a la esquina inferior DERECHA. En árabe esa esquina es
   donde empieza el texto —el pie de foto de «Nuestra historia» quedaba debajo
   del lanzador—, así que en RTL cambia de lado, como el resto de la página. */
html[dir=rtl] .tn-chat-launcher{right:auto;left:max(16px,env(safe-area-inset-left))}
html[dir=rtl] #tn-franchise-chat{inset:auto auto 24px 24px}
@media(max-width:600px){
  html[dir=rtl] .tn-chat-launcher{right:auto;left:max(10px,env(safe-area-inset-left))}
}