/* Local office: supplied storefront photo, practical details and a live map. */
.office{position:relative;isolation:isolate;overflow:hidden;background:#051e30;color:#fff;padding:104px max(32px,calc((100% - 1240px)/2))}
.office__backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
.office__backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 44%}
.office::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,22,38,.96) 0%,rgba(3,22,38,.89) 39%,rgba(3,22,38,.63) 72%,rgba(3,22,38,.51) 100%),linear-gradient(0deg,rgba(3,22,38,.66),transparent 34%,transparent 78%,rgba(3,22,38,.22));pointer-events:none}
.office__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:clamp(40px,6vw,86px)}
.office__content{min-width:0}
.office svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.office h2{max-width:570px;margin:0;font-size:clamp(36px,3.5vw,50px);line-height:1.1;font-weight:500;letter-spacing:-.045em;text-wrap:pretty}
.office__intro{max-width:410px;margin:23px 0 30px;color:#c0d0da;font-size:14px;line-height:1.8}
.office__details{display:grid;gap:22px;margin:0}
.office__detail{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px}
.office__detail-icon{position:absolute;left:-36px;top:0;display:grid;place-items:center;width:24px;height:24px;color:#b7d1df}
.office__detail-icon svg{width:21px;height:21px}
.office__detail dt{position:relative;grid-column:2;margin:0 0 5px;font-size:12px;font-weight:600;color:#fff}
.office__detail dd{grid-column:2;margin:0;color:#d0dee6;font-size:14px;line-height:1.7}
.office__detail address{font-style:normal}
.office__phone{display:inline-block;font-variant-numeric:tabular-nums;text-underline-offset:4px}
.office__phone:hover{text-decoration:underline;color:#fff}
.office__actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:30px}
.office__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1px solid transparent;border-radius:999px;padding:12px 19px;font-size:11px;font-weight:700;line-height:1.4;transition:background .2s,border-color .2s,transform .2s}
.office__button svg{width:18px;height:18px}
.office__button svg.office__whatsapp-icon{width:20px;height:20px;fill:currentColor;stroke:none}
.office__button--primary{background:var(--cyan-light);color:#06263d}
.office__button--primary>span{margin-left:4px;font-size:16px}
.office__button--primary:hover{background:#a4eaf4;transform:translateY(-2px)}
.office__button--secondary{border-color:rgba(225,241,248,.32);color:#fff;background:rgba(4,24,39,.25)}
.office__button--secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(225,241,248,.65);transform:translateY(-2px)}
.office__map{min-width:0;padding:4px;border:1px solid rgba(223,242,249,.28);border-radius:16px;background:#edf2f3;box-shadow:0 18px 45px rgba(0,12,24,.16)}
.office__map-frame{display:block;width:100%;height:375px;border:0;border-radius:11px 11px 0 0;background:#dbe4e7}
.office__map-link{display:flex;align-items:center;gap:12px;min-height:78px;padding:16px 15px;border-radius:0 0 11px 11px;background:#072437;color:#fff}
.office__map-link>svg{color:var(--cyan-light)}
.office__map-link>span:nth-child(2){flex:1;min-width:0}
.office__map-link strong{display:block;font-size:11px;font-weight:700;line-height:1.5}
.office__map-link small{display:block;margin-top:3px;font-size:10px;line-height:1.5;color:#afc4d0}
.office__map-arrow{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:10px;color:var(--cyan-light)}
.office__map-arrow>span:last-child{font-size:20px;transition:transform .2s}
.office__map-link:hover .office__map-arrow>span:last-child{transform:translate(2px,-2px)}
.office a:focus-visible,.office iframe:focus-visible{outline:2px solid var(--cyan-light);outline-offset:5px}
@media(min-width:901px) and (max-width:1100px){.office__layout{gap:38px}.office h2{font-size:42px}.office__button{padding-inline:15px;font-size:10px}.office__map-frame{height:355px}.office__map-arrow>span:first-child{display:none}}
@media(max-width:900px){.office{padding:80px 32px}.office__layout{grid-template-columns:minmax(0,1fr);gap:40px}.office__content{max-width:620px}.office h2{max-width:620px;font-size:clamp(38px,5.5vw,50px)}.office__intro{max-width:500px}.office__map-frame{height:360px}.office__backdrop img{object-position:62% center}.office::before{background:linear-gradient(180deg,rgba(3,22,38,.92),rgba(3,22,38,.84) 48%,rgba(3,22,38,.57) 100%)}}
@media(max-width:680px){.office{padding:80px 22px 64px}.office__layout{gap:32px}.office h2{max-width:440px;font-size:clamp(35px,8.4vw,44px)}.office__intro{margin:20px 0 26px;font-size:13px;line-height:1.8}.office__details{gap:20px}.office__detail dt{font-size:12px}.office__detail dd{font-size:14px}.office__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:27px}.office__button{width:100%;min-height:52px;font-size:12px}.office__map{padding:4px;border-radius:16px}.office__map-frame{height:290px;border-radius:11px 11px 0 0}.office__map-link{gap:10px;min-height:82px;padding:14px 12px;border-radius:0 0 11px 11px}.office__map-link>svg{width:18px;height:18px}.office__map-link strong{font-size:10px}.office__map-link small{font-size:9px}.office__map-arrow>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.office *{transition:none!important}}