/* El edificio como centro de cada empresa: pantalla, mesa, selector, guía y hoja lateral. */
.office-scene{container-type:inline-size}
.office-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5fbf8f;box-shadow:0 0 0 0 #5fbf8f99;animation:office-live 2.4s ease-out infinite;flex:none}
@keyframes office-live{0%{box-shadow:0 0 0 0 #5fbf8f99}70%{box-shadow:0 0 0 7px #5fbf8f00}100%{box-shadow:0 0 0 0 #5fbf8f00}}

/* Pantalla grande: mismos cuatro recuadros del video, ahora con la empresa activa. */
.office-screen{position:absolute;z-index:1;left:26.1%;top:0;width:46.3%;height:15.65%;display:grid;grid-template-rows:1.64cqw 1fr;padding:0 .34cqw .26cqw;box-sizing:border-box;background:#1e222b;border-radius:0 0 .3cqw .3cqw;box-shadow:0 .2cqw 1cqw #0006;animation:office-screen-in .7s ease both}
@keyframes office-screen-in{from{opacity:0;filter:brightness(1.6)}to{opacity:1;filter:none}}
.office-screen-label{display:flex;align-items:center;justify-content:center;gap:.5cqw;margin:0;min-width:0;font:500 max(9px,.62cqw)/1 Menlo,monospace;letter-spacing:.18em;color:#dfe3ea;white-space:nowrap;overflow:hidden}
.office-screen-label .office-live-dot{width:.45cqw;height:.45cqw;min-width:6px;min-height:6px}
.office-screen-ticker{letter-spacing:.04em;font-family:'Helvetica Neue',Arial,sans-serif;color:#aeb6c2;overflow:hidden;text-overflow:ellipsis;max-width:22cqw;padding-left:.6cqw;border-left:1px solid #ffffff33}
.office-screen-main{all:unset;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.16cqw;cursor:pointer;min-height:0}
.office-screen-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3cqw;min-width:0;padding:.3cqw .5cqw;border-radius:.18cqw;background:#fdfaf6;color:#1e2530;text-align:center;box-shadow:inset 0 -.12cqw 0 #e8e1d6;transition:background .18s}
.office-screen-tile strong{font:600 clamp(18px,2.2cqw,44px)/1 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.office-screen-tile small{font:clamp(9px,.66cqw,13px)/1.25 'Helvetica Neue',Arial,sans-serif;color:#5c6573;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.office-screen-brand img{max-width:88%;max-height:3.3cqw;object-fit:contain}
.office-screen-brand .office-screen-name{font:italic 500 clamp(17px,1.9cqw,38px)/1.05 Fraunces,Georgia,serif;letter-spacing:-.01em;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.office-screen-brand small{font-family:Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#9a5a28}
.office-screen-main:hover .office-screen-tile{background:#fff}
.office-screen-main:focus-visible{outline:3px solid #3E8EA5;outline-offset:3px;border-radius:.3cqw}
.office-screen-switch,.office-screen-return{position:absolute;right:0;top:calc(100% + .45cqw);display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 12px;border:1px solid #fcfdfe55;border-radius:999px;background:#1e2530d9;color:#f7f4ee;font:500 11px/1 'Helvetica Neue',Arial,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.office-screen-return{position:absolute;z-index:1;left:auto;right:27.6%;top:16.1%}
.office-screen-switch:hover,.office-screen-return:hover{background:#1e2530}
.office-screen-switch:focus-visible,.office-screen-return:focus-visible{outline:3px solid #3E8EA5;outline-offset:2px}
.city[data-company-screen="true"] .office-hotspot.company-hotspot{pointer-events:none;visibility:hidden}
.city:not([data-state="office"]) .office-screen,.city:not([data-state="office"]) .office-screen-return{display:none}

/* Mesa de Dirección: cada área dice si trabaja y cuánto tiene registrado. */
.office-hotspots .office-hotspot>.office-badge{visibility:visible;position:absolute;top:7%;right:6%;display:grid;place-items:center;min-width:max(20px,1.35cqw);height:max(20px,1.35cqw);padding:0 .35cqw;box-sizing:border-box;border-radius:999px;background:#c9854d;color:#fff;font:700 max(10px,.72cqw)/1 'Helvetica Neue',Arial,sans-serif;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px #1e2530aa,0 2px 8px #0006;pointer-events:none}
.office-hotspot[data-area-state="documentada"]>.office-badge{background:#f7f4ee;color:#9a5a28}
.office-hotspot[data-area-state="apagada"]>.office-badge{display:none}
.city[data-table-badges="true"] .office-hotspot.area-hotspot[data-area-state="viva"]{border-color:#c9854d99}
.city[data-table-badges="true"] .office-hotspot.area-hotspot[data-area-state="apagada"]{border-color:#eee9df33}
.office-hotspots .office-hotspot.area-hotspot:hover>.office-label,.office-hotspots .office-hotspot.area-hotspot:focus-visible>.office-label{visibility:visible}
.office-hotspot.is-pulsing{animation:office-area-pulse 1.8s ease-out}
@keyframes office-area-pulse{0%{box-shadow:0 0 0 0 #c9854dcc;border-color:#f3c79b;background:#c9854d33}60%{box-shadow:0 0 0 1.2cqw #c9854d00}100%{box-shadow:none}}

/* Selector de empresa junto a «Volver a la ciudad». */
.city[data-state="office"] .cinema-top{z-index:7;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100vw - 56px)}
.city[data-state="office"] .office-panorama:focus-visible{outline:2px solid #f7f4ee66;outline-offset:-3px}
.office-chip{display:flex;align-items:center;gap:6px;min-height:46px;padding:4px 5px 4px 15px;box-sizing:border-box;border:1px solid #fcfdfecc;border-radius:999px;background:#f7f4eef0;color:#1e2530;box-shadow:0 8px 28px #1e253026;font:13px/1.2 'Helvetica Neue',Arial,sans-serif;max-width:100%}
.office-chip[hidden]{display:none}
.office-chip-select{display:flex;flex-direction:column;gap:2px;margin:0;min-width:0}
.office-chip-select>span{font:8px Menlo,monospace;letter-spacing:.14em;color:#9a5a28}
.office-chip-select select{appearance:none;-webkit-appearance:none;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%231e2530' fill='none' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 2px center;padding:2px 18px 2px 0;font:500 14px/1.2 'Helvetica Neue',Arial,sans-serif;color:#1e2530;max-width:220px;min-height:24px;cursor:pointer}
.office-chip-select strong{font-weight:500;font-size:14px}
.office-chip-action{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 13px;border:1px solid #d3ccbf;border-radius:999px;background:#fcfdfe;color:#1e2530;font:500 12px/1.2 'Helvetica Neue',Arial,sans-serif;cursor:pointer;white-space:nowrap}
.office-chip-demo{background:#1e2530;border-color:#1e2530;color:#f7f4ee}
.office-chip-action:hover{border-color:#c9854d}
.office-chip-help{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d3ccbf;border-radius:50%;background:none;color:#9a5a28;font:600 15px/1 'Helvetica Neue',Arial,sans-serif;cursor:pointer;flex:none}
.office-chip :focus-visible{outline:3px solid #3E8EA5;outline-offset:2px}
.office-chip:not(:has(select)){padding-left:5px}
.office-chip:has(.office-chip-select strong){padding-left:15px}

/* Guía de la oficina: un recuadro señala y una tarjeta explica. */
.office-guide-ring{position:absolute;z-index:2;border:2px solid #f3c79b;border-radius:.6cqw;box-shadow:0 0 0 200vmax #0f141c80,0 0 1.5cqw #c9854d88;pointer-events:none;transition:left .35s ease,top .35s ease,width .35s ease,height .35s ease}
.office-guide{position:absolute;z-index:8;left:50%;bottom:28px;transform:translateX(-50%);width:min(430px,calc(100vw - 32px));box-sizing:border-box;padding:18px 20px 14px;border:1px solid #fcfdfecc;border-radius:18px;background:#f7f4eef7;color:#1e2530;box-shadow:0 20px 60px #0f141c59;font:14px/1.55 'Helvetica Neue',Arial,sans-serif}
.office-guide[hidden]{display:none}
.office-guide-step{margin:0 0 6px;font:9px Menlo,monospace;letter-spacing:.14em;color:#9a5a28}
.office-guide h2{margin:0 0 6px;font:italic 500 25px/1.15 Fraunces,Georgia,serif}
.office-guide p:not(.office-guide-step){margin:0;color:#3b4654}
.office-guide-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.office-guide-actions button{min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid #d3ccbf;background:none;color:#1e2530;font:500 13px 'Helvetica Neue',Arial,sans-serif;cursor:pointer}
.office-guide-actions .office-guide-next{background:#1e2530;border-color:#1e2530;color:#f7f4ee;min-width:110px}
.office-guide-actions button:focus-visible{outline:3px solid #3E8EA5;outline-offset:2px}

/* Mi oficina al lado de la escena: la escena se recorre y ya no queda tapada. */
@media(min-width:1100px) and (min-height:600px){
 .city[data-docked="true"]{--dock:468px}
 .city[data-docked="true"] .office-panorama{right:var(--dock)}
 .city[data-docked="true"] .office-guide{left:calc((100vw - var(--dock)) / 2)}
}
@media(min-width:1334px) and (min-height:751px){
 .office-scene{transition:width .45s ease,top .45s ease}
 .city[data-docked="true"] .office-scene{width:min(calc(100vw - var(--dock)),calc(100svh * 16 / 9));top:max(0px,calc((100svh - (100vw - var(--dock)) * 9 / 16) / 2))}
}

/* Hoja de Mi oficina: resumen de hoy, página, avances y biblioteca. */
.my-company-fab{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 13px 'Helvetica Neue',Arial,sans-serif}
.my-today .my-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.my-today .my-stats>div{padding:12px 10px;border:1px solid #e2ddd3;border-top:3px solid #c9854d;border-radius:4px 4px 10px 10px;background:#fcfdfe}
.my-today .my-stats strong{display:block;font:500 23px/1.1 'Helvetica Neue',Arial,sans-serif;overflow-wrap:anywhere}
.my-today .my-stats span{display:block;background:none;padding:0;border-radius:0;font-size:10px;line-height:1.35;color:#5c6573;margin-top:6px}
.my-table-note{font-size:12px;line-height:1.5;color:#5c6573;margin:12px 0 0!important}
.my-table-button{margin-top:10px;width:100%;min-height:44px;border:1px solid #c9854d;border-radius:10px;background:#fcfdfe;color:#1e2530;font:500 13px 'Helvetica Neue',Arial,sans-serif;cursor:pointer}
.my-table-button:hover{background:#f7f4ee}
.my-company .my-table-button span{background:none;padding:0;border-radius:0;font-size:inherit}
.my-library-tools{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;margin-top:10px}
.my-library-tools select,.my-library-tools input{width:100%;box-sizing:border-box;min-height:44px;padding:10px;border:1px solid #ded7cc;border-radius:8px;background:#fffdfb;color:#1e2530;font:14px 'Helvetica Neue',Arial,sans-serif}
.my-company button:focus-visible,.my-company select:focus-visible,.my-company input:focus-visible,.my-company a:focus-visible,.my-company-fab:focus-visible{outline:3px solid #3E8EA5;outline-offset:2px}
.my-pages button{min-height:44px;border:1px solid #ded7cc;border-radius:8px;background:#fffdfb}
@media(max-width:760px){
 .my-company-layer{top:auto;bottom:max(80px,calc(env(safe-area-inset-bottom) + 72px));left:auto;right:12px;width:auto;max-height:none;overflow:visible}
 .my-company-layer .my-company-fab{position:static;padding:10px 14px;white-space:nowrap}
 .my-company-layer:has(.my-company:not([hidden])){top:28svh;bottom:12px;left:12px;right:12px;overflow:auto}
 .city[data-state="office"] .office-hint{display:none}
 .my-company{height:100%}
 .my-library-tools{grid-template-columns:1fr}
 .my-library-tools input{font-size:16px}
 .city[data-state="office"] .office-chip{position:fixed;z-index:6;top:auto;bottom:max(80px,calc(env(safe-area-inset-bottom) + 72px));left:12px;max-width:calc(100vw - 162px);min-height:44px;padding-left:12px}
 .city[data-state="office"]:has(.my-company-layer) .office-chip{max-width:calc(100vw - 162px)}
 .office-chip-select select{max-width:calc(100vw - 250px)}
 .office-chip-demo{white-space:normal;text-align:left;line-height:1.2;padding:7px 11px}
 .office-chip [data-account]{display:none}
 /* Con la hoja de Mi oficina abierta, nada flota encima: se cierra con su ×. */
 .city[data-state="office"]:has(.my-company:not([hidden])) :is(.cinema-top,.cinema-bottom),body:has(.city[data-state="office"] .my-company:not([hidden])) .rail .menu-toggle{visibility:hidden}
 .office-guide{bottom:max(140px,calc(env(safe-area-inset-bottom) + 132px))}
 .office-guide[data-place="top"]{top:max(12px,env(safe-area-inset-top));bottom:auto}
 .office-guide h2{font-size:22px}
}
@media(max-height:500px) and (orientation:landscape){
 .office-guide{bottom:12px;width:min(400px,calc(100vw - 32px));padding:12px 16px}
 .office-guide h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.office-live-dot,.office-screen,.office-hotspot.is-pulsing{animation:none}.office-scene,.office-guide-ring{transition:none}}

/* Oficina de un área en simulación: acciones y el WhatsApp de la propuesta. */
.workspace-panel .workspace-sim{flex-direction:column;gap:2px;margin:0}
.workspace-sim strong{font:500 16px/1.3 'Helvetica Neue',Arial,sans-serif}
.workspace-panel .workspace-sim-exit{min-height:40px;padding:8px 14px;border-radius:999px;font-size:12px}
.workspace-actions{display:grid;gap:9px;margin:0 0 24px}
.workspace-actions .workspace-kicker{margin-bottom:4px}
.workspace-panel .workspace-action{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:12px 15px;border:1px solid #c9854d;border-radius:12px;background:#fcfdfe;color:#1e2530;text-align:left;text-decoration:none;font:500 14px/1.35 'Helvetica Neue',Arial,sans-serif;cursor:pointer}
.workspace-panel .workspace-action:disabled{border-color:#5fbf8f;background:#eef7f1;color:#245c3d;cursor:default}
.workspace-chat{margin:0 0 24px;border:1px solid #d3ccbf;border-radius:16px;overflow:hidden;background:#efe7dc}
.workspace-chat header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1f5a4a;color:#f4fbf7}
.workspace-chat header small{display:block;font-size:11px;color:#cfe8dc}
.workspace-chat header strong{font-weight:500}
.chat-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f4fbf7;color:#1f5a4a;font-weight:600}
.chat-log{display:flex;flex-direction:column;gap:7px;max-height:260px;overflow:auto;padding:14px 12px;overscroll-behavior:contain}
.chat-bubble{max-width:85%;margin:0!important;padding:8px 11px;border-radius:12px;font-size:13px!important;line-height:1.45!important;box-shadow:0 1px 1px #0000001a;overflow-wrap:anywhere}
.chat-bot{align-self:flex-start;background:#fff;color:#1e2530!important;border-top-left-radius:3px}
.chat-client{align-self:flex-end;background:#d7f3c9;color:#1e2530!important;border-top-right-radius:3px}
.chat-chips{display:flex;gap:6px;overflow-x:auto;padding:0 12px 10px}
.workspace-panel .chat-chips button{flex:none;min-height:36px;padding:7px 11px;border-radius:999px;border:1px solid #c7bfb2;background:#fcfdfe;font-size:12px;white-space:nowrap}
.workspace-chat form{display:flex;gap:6px;padding:8px 10px;background:#f7f4ee;border-top:1px solid #ded7cc}
.workspace-chat form label{flex:1;min-width:0}
.workspace-chat input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #d3ccbf;border-radius:999px;background:#fff;color:#1e2530;font:16px 'Helvetica Neue',Arial,sans-serif}
.workspace-panel .workspace-chat form button{flex:none;min-height:44px;padding:0 16px;border-radius:999px;background:#1f5a4a;border-color:#1f5a4a;color:#fff}
.chat-note{margin:0!important;padding:6px 14px 9px;background:#f7f4ee;font:10px/1.4 Menlo,monospace!important;color:#777366}

/* Entrada central de la ciudad: dice qué hay adentro y, con cuenta, de quién es la oficina. */
.building-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}
.building-sub{font-size:11px;line-height:1.2;letter-spacing:.01em;opacity:.7;max-width:200px;white-space:normal}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.building-sub{font-size:10px;max-width:150px}}
/* El tablero de Motores trae «Centro» pintado en el video; ese lugar ahora es Jarvis (Alex, 28-sep). */
.office-hotspots .office-hotspot[data-panel="jarvis"]::after{content:"Jarvis";position:absolute;left:3.3cqw;top:.15cqw;width:6.6cqw;height:1.9cqw;display:flex;align-items:center;justify-content:flex-start;padding-left:.5cqw;box-sizing:border-box;border-radius:.2cqw;background:#1d232d;color:#e4e1da;font:400 .95cqw/1 'Helvetica Neue',Arial,sans-serif;letter-spacing:.01em;pointer-events:none}

/* Todo dentro de la foto (Alex, 29-sep-2026): la oficina llena la pantalla como foto de portada, sin franjas
   negras; «Volver a la ciudad», la empresa, el Menú y Mi oficina flotan encima de la imagen. Mi oficina ya no
   empuja ni achica la escena. */
.city[data-docked="true"] .office-panorama{right:0}
.city[data-docked="true"] .office-guide{left:50%}
@media(min-width:1334px) and (min-height:751px){
 .office-panorama{overflow:hidden}
 .office-scene,.city[data-docked="true"] .office-scene{position:absolute;margin:0;width:max(100vw,calc(100svh * 16 / 9));top:50%;left:50%;transform:translate(-50%,-50%);transition:none}
}
.my-company{background:#f7f4eee6;-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)}

/* 📱 La ciudad en el celular (Alex, 30-sep-2026: «que se vea en horizontal o arregla la página en cel»).
   Vertical: la escena completa cabe en la pantalla, sin deslizar ni etiquetas cortadas. Los cuatro logos van
   escalonados sobre sus edificios, cada uno con su tallo; «Entrar a la oficina» y «Cerebro» bajan debajo de la
   escena, anchos y a la mano del pulgar; el idioma baja al pie. Alrededor, la misma foto desenfocada continúa
   el cielo arriba y el subsuelo abajo. Revisado por el consejo en rondas hasta que los cinco dijeron que está bien. */
@media(max-width:760px) and (orientation:portrait){
 .city[data-state="idle"]::before{content:"";position:absolute;inset:-24px;background:url(/portada-hostess/media/ciudad.webp) 49% 50%/cover no-repeat;filter:blur(10px) brightness(.62) saturate(1.05);pointer-events:none}
 .panorama{position:relative;z-index:1;overflow:hidden;overflow:clip;touch-action:manipulation}
 .city-frame{--w:min(126vw,600px);--h:calc(var(--w) * 9 / 16);position:absolute;width:var(--w);min-width:0;height:var(--h);left:50%;top:max(96px,calc(50% - var(--h) / 2 - 100px));margin:0;transform:translateX(-50%)}
 .city-poster{object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}
 .city .company-entry{min-width:0;min-height:44px;padding:6px 11px;gap:0;border-radius:12px;background:#f7f4eeeb}
 .city .company-entry .building-arrow{display:none}
 .city .company-entry[data-panel] .company-logo{width:60px;height:24px}
 .city .company-entry[data-panel="hostess"] .company-logo{width:64px;height:22px}
 .city .company-entry[data-panel="heraldo"] .company-logo{height:26px}
 .city .company-entry[data-panel="inmobiliario"] .company-logo{width:64px;height:36px}
 .city .company-entry:after{height:12px}.city .company-entry:before{top:calc(100% + 11px)}
 .building-1{left:22%;top:27%}.building-2{left:33.5%;top:47%}.building-4{left:64%;top:27%}.building-5{left:77%;top:47%}
 .building-3{top:calc(100% + 26px);left:50%;transform:translate(-50%,0);width:min(343px,calc(100vw - 32px));min-height:64px;padding:14px 20px;gap:16px;border-radius:16px;background:#f7f4ee;border-color:#f7f4ee}
 .building-3:after,.building-3:before{display:none}
 .building-3 .building-sub{max-width:none;font-size:12px}
 .building-3 .entry-icon{color:#9a5a28}
 .city .brain{top:calc(100% + 106px);left:50%;transform:translate(-50%,0);min-height:48px}
 .mobile-explore{display:none}
 .rail{padding-top:max(14px,env(safe-area-inset-top))}
 .account-entry .glass,.account-login{min-height:46px}
 body:not([data-scene="office"]) .lang-switch{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);margin:0;min-height:52px}
 body:not([data-scene="office"]) .lang-switch a{min-height:44px;min-width:48px}
}
/* Horizontal: sin encimarse. Los logos van sin flecha y con aire entre ellos, y «Entrar a la oficina» baja un piso. */
@media(max-height:500px) and (orientation:landscape){
 .rail{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 .account-entry .glass,.account-login{min-height:44px}
 .city .company-entry{min-width:0;min-height:44px;padding:6px 10px;gap:0;background:#f7f4eeeb}
 .city .company-entry .building-arrow{display:none}
 .city .company-entry[data-panel] .company-logo{width:58px;height:24px}
 .city .company-entry[data-panel="hostess"] .company-logo{width:62px;height:22px}
 .city .company-entry[data-panel="heraldo"] .company-logo{height:26px}
 .city .company-entry[data-panel="inmobiliario"] .company-logo{width:60px;height:32px}
 .building-1,.building-2,.building-4,.building-5{top:31%}
 .building-4{left:63.5%}.building-5{left:80%}
 .building-3{top:48%;min-height:48px;background:#f7f4ee;border-color:#f7f4ee}.building-3 .building-sub{display:none}
 .building-3 .entry-icon{color:#9a5a28}
 .city .brain{top:79%;min-height:48px}
}
.my-voice-link{display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;box-sizing:border-box}