/* POINT UP · seção "Tu dirección, aquí" (#pu-aqui) · 19/10/2026 · landing /oficina-virtual/ e orgânica /oficina-virtual-temuco/ */
#pu-aqui{--aq-muted:#C9C8C2;--aq-line:rgba(255,255,255,.14);color:#fff;font-family:"Inter Tight",system-ui,sans-serif;text-align:center}
#pu-aqui *{box-sizing:border-box}
#pu-aqui p{margin:0}
#pu-aqui .pu-aqui-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* moldura: landing = painel escuro da landing (classes pu-lp-sec/pu-lp-dark); orgânica = cartão escuro igual ao "Qué documentos recibes" */
.pu-benefits #pu-aqui.pu-aqui--card{background:#151515;border-radius:32px;padding:64px 48px 56px;max-width:1100px;margin-left:auto;margin-right:auto}
/* topo: coluna centralizada, como as seções vizinhas */
#pu-aqui .pu-aqui-top{max-width:640px;margin:0 auto}
#pu-aqui .pu-aqui-h2{color:#fff!important;font-size:clamp(28px,3vw,42px)!important;line-height:1.1!important;font-weight:700!important;letter-spacing:-.02em;margin:0 auto 28px!important;max-width:15em;text-align:center!important;text-wrap:balance}
#pu-aqui .pu-aqui-sub{color:var(--aq-muted);font-size:clamp(17px,1.35vw,19px);line-height:1.45;max-width:30em;margin:0 auto 26px;text-wrap:balance}
#pu-aqui .pu-aqui-form{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 6px 6px 22px;max-width:480px;margin:0 auto 18px;transition:box-shadow .2s ease}
#pu-aqui .pu-aqui-form:focus-within{box-shadow:0 0 0 3px rgba(244,208,0,.55)}
#pu-aqui .pu-aqui-form input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;font:600 17px/1.2 "Inter Tight",sans-serif;color:#151515!important;padding:12px 0!important;margin:0;height:auto;border-radius:0}
#pu-aqui .pu-aqui-form input::placeholder{color:#8A887F;opacity:1}
#pu-aqui .pu-aqui-form button{flex:none;min-height:48px;padding:0 26px!important;border:0!important;border-radius:999px!important;background:#F4D000!important;color:#151515!important;font:700 16px/1 "Inter Tight",sans-serif!important;cursor:pointer;visibility:visible!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important}
#pu-aqui .pu-aqui-form button:hover{background:#FFE033!important}
#pu-aqui .pu-aqui-hint{font-size:14px;color:#A8A8A8;margin:10px auto 26px}
#pu-aqui .pu-aqui-tabs{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;max-width:520px;margin:0 auto;padding:5px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
/* pílula amarela que desliza até a aba ativa (--i vem do JS) */
#pu-aqui .pu-aqui-tabs-ind{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px) / 5);border-radius:999px;background:#F4D000;box-shadow:0 4px 14px rgba(244,208,0,.28);transform:translateX(calc(var(--i,0) * 100%));transition:transform .42s cubic-bezier(.23,1,.32,1);pointer-events:none}
#pu-aqui .pu-aqui-tabs button{position:relative;z-index:1}
#pu-aqui .pu-aqui-tabs button{min-height:44px;padding:0 6px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#E6E6E6!important;font:600 15px/1 "Inter Tight",sans-serif!important;cursor:pointer;transition:background-color .25s ease,color .25s ease;visibility:visible!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;white-space:nowrap}
#pu-aqui .pu-aqui-tabs button[aria-selected="true"]{background:transparent!important;color:#151515!important;font-weight:700!important}
@media (hover:hover){#pu-aqui .pu-aqui-tabs button[aria-selected="false"]:hover{color:#fff!important}}
#pu-aqui button,#pu-aqui .pu-aqui-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#pu-aqui .pu-aqui-tabs button:active,#pu-aqui .pu-aqui-form button:active,#pu-aqui .pu-aqui-btn:active{transform:scale(.97)}
#pu-aqui .pu-aqui-top{scroll-margin-top:96px}
#pu-aqui .pu-aqui-form input{scroll-margin-bottom:120px}
#pu-aqui .pu-aqui-form.pu-aqui-pulso{animation:puAquiPulso 1.5s cubic-bezier(.23,1,.32,1)}
@keyframes puAquiPulso{0%,100%{box-shadow:0 0 0 0 rgba(244,208,0,0)}25%{box-shadow:0 0 0 6px rgba(244,208,0,.75)}}
#pu-aqui button:focus-visible,#pu-aqui a:focus-visible{outline:3px solid #F4D000!important;outline-offset:2px}

/* palco da vista prévia: altura fixa = trocar de aba não empurra a página */
#pu-aqui .pu-aqui-prev{position:relative;height:280px;display:flex;align-items:center;justify-content:center;margin-top:28px}
#pu-aqui .pu-aqui-doc{position:relative;overflow:hidden;width:100%;max-width:520px;border-radius:20px;background:#FAFAF7;color:#222;padding:26px 26px 24px;font-size:14px;line-height:1.5;text-align:left;box-shadow:0 18px 40px rgba(0,0,0,.35)}
#pu-aqui .pu-aqui-doc b{display:block;color:#151515}
#pu-aqui .pu-aqui-doc span{display:block}
#pu-aqui .pu-aqui-n{font-size:18px;font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}
#pu-aqui .pu-aqui-addr{display:inline!important;background:#FFF1A8;border-radius:4px;padding:1px 5px;font-weight:700;color:#151515;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#pu-aqui .pu-aqui-wm{position:absolute!important;inset:0;display:flex!important;align-items:center;justify-content:center;transform:rotate(-16deg);font:900 44px/1 "Inter Tight",sans-serif;letter-spacing:.12em;color:rgba(21,21,21,.06);pointer-events:none}
#pu-aqui .pu-aqui-fac-h{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #E2E0D8;margin-bottom:12px}
#pu-aqui .pu-aqui-fac-h > div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}
#pu-aqui .pu-aqui-fac .pu-aqui-n{text-transform:uppercase;font-size:16px}
#pu-aqui .pu-aqui-rut{flex:none;border:2px solid #C0392B;color:#C0392B;font-weight:800;font-size:11px;line-height:1.35;text-align:center;padding:8px 10px;align-self:flex-start}
#pu-aqui .pu-aqui-fac-l{color:#5C5C5C;font-size:13px}
#pu-aqui .pu-aqui-fir{display:flex;gap:16px;align-items:flex-start}
#pu-aqui .pu-aqui-fir > div{display:flex;flex-direction:column;gap:3px;min-width:0}
#pu-aqui .pu-aqui-fir .pu-aqui-n{font-size:16px}
#pu-aqui .pu-aqui-logo{flex:none;width:52px;height:52px;border-radius:14px;background:#151515;color:#F4D000;display:flex!important;align-items:center;justify-content:center;font:900 22px/1 "Inter Tight",sans-serif}
#pu-aqui .pu-aqui-web{background:#1E1E1E;color:#D6D6D6;border:1px solid #333}
#pu-aqui .pu-aqui-web b{color:#fff}
#pu-aqui .pu-aqui-web .pu-aqui-wm{color:rgba(255,255,255,.06)}
#pu-aqui .pu-aqui-web .pu-aqui-addr{background:rgba(244,208,0,.18);color:#F4D000}
#pu-aqui .pu-aqui-web-bar{display:flex!important;gap:6px;margin-bottom:18px}
#pu-aqui .pu-aqui-web-bar i{width:9px;height:9px;border-radius:50%;background:#444}
#pu-aqui .pu-aqui-web-ft{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #333;padding-top:16px}
#pu-aqui .pu-aqui-web-ft > div{display:flex;flex-direction:column;gap:4px;min-width:0}
#pu-aqui .pu-aqui-web-ft .pu-aqui-n{font-size:16px}
#pu-aqui .pu-aqui-tar{aspect-ratio:1.75/1;max-width:440px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}
#pu-aqui .pu-aqui-tar::after{content:"";position:absolute;right:-34px;top:-34px;width:104px;height:104px;border-radius:50%;background:#F4D000}
#pu-aqui .pu-aqui-tar .pu-aqui-n{font-size:20px;text-transform:uppercase;position:relative;z-index:1;max-width:76%}
#pu-aqui .pu-aqui-tar > div{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}
#pu-aqui .pu-aqui-in{animation:puAquiIn .45s cubic-bezier(.23,1,.32,1)}
@keyframes puAquiIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
#pu-aqui .pu-aqui-plan{margin:16px auto 0;font-size:15px;line-height:1.5;color:var(--aq-muted);min-height:3em;max-width:30em;text-wrap:balance}
#pu-aqui .pu-aqui-plan b{color:#F4D000;display:inline}
#pu-aqui .pu-aqui-plan b:first-of-type{white-space:nowrap}

/* lugar: título centralizado, mapa | fotos */
#pu-aqui .pu-aqui-lugar{margin-top:56px;padding-top:56px;border-top:1px solid var(--aq-line)}
#pu-aqui .pu-aqui-lugar-top{max-width:640px;margin:0 auto 24px}
#pu-aqui .pu-aqui-lugar-top h3{color:#fff!important;font-size:clamp(22px,2vw,28px)!important;font-weight:700!important;line-height:1.2!important;margin:0 0 8px!important;text-align:center!important;text-wrap:balance}
#pu-aqui .pu-aqui-lugar-top p{color:var(--aq-muted);font-size:16px;line-height:1.5;text-wrap:balance}
#pu-aqui .pu-aqui-lugar-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;text-align:left}
#pu-aqui .pu-aqui-mapa-box{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3.1;background:#232323}
#pu-aqui .pu-aqui-mapa-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;max-width:none}
#pu-aqui .pu-aqui-chip{position:absolute;right:12px;top:12px;background:#151515;color:#fff;font:700 13px/1 "Inter Tight",sans-serif;padding:9px 14px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:none;white-space:nowrap}
#pu-aqui .pu-aqui-mapa-txt{margin-top:16px;color:var(--aq-muted);font-size:15px;line-height:1.45;text-align:center;text-wrap:balance}
#pu-aqui .pu-aqui-mapa-txt b{color:#fff;display:inline}
#pu-aqui .pu-aqui-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:4/3.1}
#pu-aqui .pu-aqui-grid li{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#2A2A2A}
#pu-aqui .pu-aqui-grid .pu-aqui-f1{grid-row:span 2}
#pu-aqui .pu-aqui-grid img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;border-radius:0!important}
#pu-aqui .pu-aqui-grid li > span{position:absolute;left:0;right:0;bottom:0;padding:32px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#E6E6E6;font-size:12px;line-height:1.3;text-align:left}
#pu-aqui .pu-aqui-grid li > span b{display:block;color:#fff;font-size:14px}

/* botões no padrão das páginas (pílula, 700, 52px) */
#pu-aqui .pu-aqui-btn{display:flex!important;align-items:center;justify-content:center;min-height:52px;padding:14px 28px!important;border-radius:999px!important;font:700 16px/1.2 "Inter Tight",sans-serif!important;text-decoration:none!important;text-align:center;cursor:pointer;visibility:visible!important;transition:background-color .15s ease,color .15s ease,transform .15s ease}
#pu-aqui .pu-aqui-btn--yellow{background:#F4D000!important;color:#151515!important;border:1.5px solid #F4D000!important}
#pu-aqui .pu-aqui-btn--yellow:hover{background:#FFE033!important}
#pu-aqui .pu-aqui-btn--ghost{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)!important;max-width:320px;margin:14px auto 0}
#pu-aqui .pu-aqui-btn--ghost:hover{background:#fff!important;color:#151515!important;border-color:#fff!important}

/* fechamento */
#pu-aqui .pu-aqui-cierre{max-width:560px;margin:56px auto 0}
#pu-aqui .pu-aqui-rev{display:inline-flex;align-items:center;gap:10px;color:#E6E6E6!important;text-decoration:none!important;font-size:15px}
#pu-aqui .pu-aqui-rev b{color:#fff}
#pu-aqui .pu-aqui-stars{color:#F4D000;letter-spacing:2px}
#pu-aqui .pu-aqui-cta{width:100%;max-width:420px;margin:18px auto 0}
#pu-aqui .pu-aqui-legal{margin:14px auto 0;font-size:13px;line-height:1.5;color:#A8A8A8;max-width:34em;text-wrap:balance}

@media(max-width:900px){
  #pu-aqui .pu-aqui-lugar-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:700px){
  .pu-benefits #pu-aqui.pu-aqui--card{border-radius:24px;padding:44px 24px 36px}
  #pu-aqui .pu-aqui-h2{font-size:26px!important}
  #pu-aqui .pu-aqui-sub{font-size:16px;margin-bottom:22px}
  #pu-aqui .pu-aqui-form{padding-left:18px}
  #pu-aqui .pu-aqui-form button{padding:0 22px!important}
  #pu-aqui .pu-aqui-tabs button{font-size:14px!important;padding:0 2px!important}
  #pu-aqui .pu-aqui-prev{height:250px;margin-top:22px}
  #pu-aqui .pu-aqui-doc{padding:20px 18px 18px;font-size:13px;border-radius:18px}
  #pu-aqui .pu-aqui-n{font-size:16px}
  #pu-aqui .pu-aqui-rut{font-size:10px;padding:6px 8px}
  #pu-aqui .pu-aqui-wm{font-size:34px}
  #pu-aqui .pu-aqui-web-ft{grid-template-columns:1fr;gap:12px}
  #pu-aqui .pu-aqui-lugar{margin-top:44px;padding-top:44px}
  #pu-aqui .pu-aqui-lugar-top{margin-bottom:22px}
  #pu-aqui .pu-aqui-mapa-box{border-radius:20px}
  #pu-aqui .pu-aqui-chip{right:10px;top:10px;font-size:12px;padding:8px 12px}
  #pu-aqui .pu-aqui-btn--ghost{max-width:none}
  #pu-aqui .pu-aqui-grid{aspect-ratio:auto;grid-template-rows:150px 150px;gap:8px}
  #pu-aqui .pu-aqui-grid li{border-radius:16px}
  #pu-aqui .pu-aqui-cierre{margin-top:44px}
  #pu-aqui .pu-aqui-rev{flex-direction:column;gap:6px}
}
@media(max-width:680px){.pu-benefits #pu-aqui.pu-aqui--card{margin-bottom:84px!important}}
@media(max-width:600px){.pu-benefits #pu-aqui.pu-aqui--card{margin-left:-4px!important;margin-right:-4px!important}}
/* celular estreito: o mapa não tem espaço livre para o chip sem cobrir os botões do Google; a legenda abaixo do mapa já diz o mesmo */
@media(max-width:520px){#pu-aqui .pu-aqui-chip{display:none}}
@media(prefers-reduced-motion:reduce){#pu-aqui .pu-aqui-in,#pu-aqui .pu-aqui-form.pu-aqui-pulso{animation:none}}

/* aba Mapa (primeira, em destaque): pin com o nome da empresa + Portal Temuco de referência + ficha com a direção */
#pu-aqui .pu-aqui-prev{transition:height .4s cubic-bezier(.23,1,.32,1)}
#pu-aqui .pu-aqui-prev--mapa{height:400px}
#pu-aqui .pu-aqui-map{max-width:560px;padding:0}
#pu-aqui .pu-aqui-map-img{position:relative;height:230px;overflow:hidden;background:#ECEEE7}
#pu-aqui .pu-aqui-map-img svg{display:block;width:100%;height:100%}
/* nome no pin (foreignObject dentro do SVG) */
#pu-aqui .pu-aqui-map-lbl{display:flex;align-items:flex-start;height:100%}
#pu-aqui .pu-aqui-map-lbl .pu-aqui-n{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:800 15px/1.15 "Inter Tight",sans-serif;letter-spacing:-.01em;color:#B3261E;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 4px #fff,0 0 4px #fff;overflow-wrap:anywhere}
#pu-aqui .pu-aqui-map-pin{animation:puAquiPin .7s cubic-bezier(.23,1,.32,1) both;filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}
@keyframes puAquiPin{from{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}
/* rota: escondida até digitar; depois se desenha, aparece o "A pasos" e o Portal pulsa */
#pu-aqui .pu-aqui-map-rota,#pu-aqui .pu-aqui-map-rota-base{stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
#pu-aqui .pu-aqui-map-rota-base{stroke-dasharray:none;stroke-dashoffset:0}
#pu-aqui .pu-aqui-map-chip{opacity:0}
#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-rota{opacity:1;animation:puAquiRota 1.5s cubic-bezier(.65,0,.35,1) .15s forwards}
#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-rota-base{animation:puAquiFade .3s .15s forwards}
#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-chip{animation:puAquiChip .45s cubic-bezier(.23,1,.32,1) 1.45s forwards;transform-box:fill-box;transform-origin:center}
#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-av{animation:puAquiAv 1.2s ease 1.2s 1}
#pu-aqui .pu-aqui-map-poi-pulso{transform-box:fill-box;transform-origin:center;opacity:0}
#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-poi-pulso{animation:puAquiPulsoPoi 1.4s ease-out 1.5s 2}
#pu-aqui .pu-aqui-map--ja .pu-aqui-map-rota,#pu-aqui .pu-aqui-map--ja .pu-aqui-map-rota-base,#pu-aqui .pu-aqui-map--ja .pu-aqui-map-chip{animation-duration:.01s;animation-delay:0s}
@keyframes puAquiRota{to{stroke-dashoffset:0}}
@keyframes puAquiFade{to{opacity:1}}
@keyframes puAquiChip{from{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}
@keyframes puAquiAv{50%{stroke:#F4C400}}
@keyframes puAquiPulsoPoi{from{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}
#pu-aqui .pu-aqui-map-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 20px 18px;min-width:0}
#pu-aqui .pu-aqui-map-info .pu-aqui-n{font-size:19px}
#pu-aqui .pu-aqui-map-ref{font-size:13px;color:#6B6B66}
#pu-aqui .pu-aqui-map-acts{display:flex!important;flex-wrap:wrap;gap:6px;margin-top:6px}
#pu-aqui .pu-aqui-map-act{display:inline-flex!important;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid #D9D7CF;color:#151515;font:700 12px/1 "Inter Tight",sans-serif}
#pu-aqui .pu-aqui-map-act--on{background:#151515;border-color:#151515;color:#fff}
@media(max-width:400px){#pu-aqui .pu-aqui-map-act:last-child{display:none!important}}
@media(prefers-reduced-motion:reduce){#pu-aqui .pu-aqui-map-pin{animation:none}#pu-aqui .pu-aqui-prev{transition:none}#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-rota{animation:none;stroke-dashoffset:0}#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-rota-base,#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-chip{animation:none;opacity:1}#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-poi-pulso,#pu-aqui .pu-aqui-map--ruta .pu-aqui-map-av{animation:none}}
/* atalho no hero das 2 páginas */
.pu-aqui-atajo{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 4px;font:600 16px/1.2 "Inter Tight",sans-serif!important;text-decoration:underline!important;text-underline-offset:5px;text-decoration-thickness:1.5px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pu-aqui-atajo svg{width:18px;height:18px;flex:none;fill:none!important;stroke:currentColor!important;visibility:visible!important;transition:transform .25s cubic-bezier(.23,1,.32,1)}
@media (hover:hover){.pu-aqui-atajo:hover svg{transform:translateY(3px)}}
.pu-lp .pu-lp-hero .pu-aqui-atajo{color:#fff!important;margin-top:6px}
.pu-configurator .hero-copy .pu-aqui-atajo{color:#151515!important;margin-top:14px}
@media(max-width:700px){
  #pu-aqui .pu-aqui-prev,#pu-aqui .pu-aqui-prev--mapa{height:auto;min-height:250px} /* celular: cresce com nomes longos em vez de vazar */
  #pu-aqui .pu-aqui-map{padding:0}
  #pu-aqui .pu-aqui-map-img{height:196px}
  #pu-aqui .pu-aqui-map-info{padding:14px 16px 16px;gap:5px}
  #pu-aqui .pu-aqui-map-info .pu-aqui-n{font-size:17px}
  #pu-aqui .pu-aqui-tabs{gap:2px;padding:4px}
  #pu-aqui .pu-aqui-tabs button{font-size:13.5px!important}
  .pu-aqui-atajo{font-size:15px!important}
}
@media(max-width:760px){.pu-configurator .hero-copy .pu-aqui-atajo{display:flex!important;margin:12px auto 0}}

@media (prefers-reduced-motion:reduce){#pu-aqui .pu-aqui-tabs-ind{transition:none}}