/* CMWR V3.0 · mobile · 05-contato */
@media (max-width:760px){
.contact-section.contact-section--telegram { min-height:auto; }
.contact-stage { width:100%;border-radius:18px; }
.telegram-field > span { font-size:7px; }
.voice-panel { border-radius:5px; }
}

@media (max-width:900px){
.contact-section.contact-section--telegram{
    position:relative !important;
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    padding:0 48px 0 0 !important;
    overflow:hidden !important;
    display:block !important;
    background:#071018 !important;
  }
.contact-stage{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#071018 !important;
  }
.contact-artboard{
    border-radius:0 !important;
    overflow:hidden !important;
  }
.contact-art{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:47% center !important;
    border-radius:0 !important;
    filter:brightness(.48) saturate(.84) contrast(1.03) !important;
  }
.contact-artboard::before{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 28% 20%,rgba(255,146,55,.16),transparent 28%),
      linear-gradient(180deg,rgba(2,8,12,.12),rgba(2,7,10,.58) 72%,rgba(2,6,9,.80));
  }
.official-neon-logo{
    z-index:5 !important;
    left:50% !important;
    top:2.2% !important;
    width:32% !important;
    height:9% !important;
    transform:translateX(-50%) !important;
    opacity:.84 !important;
  }
.official-neon-logo img{
    width:100% !important;
    height:100% !important;
  }
/* Telegrama vira o cartão principal do mobile. */
  .telegram-form{
    position:absolute !important;
    z-index:10 !important;
    left:6% !important;
    right:6% !important;
    top:12% !important;
    width:auto !important;
    height:50% !important;
    padding:12px !important;
    display:grid !important;
    grid-template-rows:28px 50px 50px minmax(94px,1fr) 42px auto !important;
    gap:8px !important;
    border:1px solid rgba(221,188,126,.44) !important;
    border-radius:14px !important;
    background:
      linear-gradient(180deg,rgba(236,211,163,.94),rgba(201,168,113,.92)) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.38),inset 0 0 18px rgba(95,51,22,.12) !important;
    color:#261a14 !important;
    pointer-events:auto !important;
  }
.telegram-heading{
    position:relative !important;
    inset:auto !important;
    align-self:center !important;
    font-size:18px !important;
    letter-spacing:.08em !important;
  }
.telegram-field{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    height:100% !important;
    gap:0 !important;
  }
.telegram-field > span{
    left:10px !important;
    top:7px !important;
    font-size:8px !important;
  }
.telegram-field input,
  .telegram-field textarea{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    padding:18px 10px 7px !important;
    border-radius:7px !important;
    border:1px solid rgba(79,47,26,.26) !important;
    background:rgba(255,249,232,.46) !important;
    color:#271a12 !important;
    box-shadow:inset 0 1px 3px rgba(78,39,18,.09) !important;
  }
.telegram-field--name,
  .telegram-field--email,
  .telegram-field--message{
    left:auto !important;
    top:auto !important;
    width:100% !important;
    height:100% !important;
  }
.telegram-submit{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    border-radius:21px !important;
    gap:8px !important;
    font-size:10px !important;
  }
.telegram-status{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    min-height:14px !important;
    padding:3px 5px !important;
    border-radius:6px !important;
    font-size:7px !important;
    text-align:center !important;
  }
/* No teste mobile a cabine vira somente referência visual ao fundo. */
  .phone-copy,
  .mailbox-label,
  .contact-socials{
    display:none !important;
  }
/* Botão de voz central e simples, inspirado no telefone analógico. */
  .phone-start-zone{
    position:absolute !important;
    z-index:14 !important;
    left:50% !important;
    top:65.5% !important;
    width:54px !important;
    height:54px !important;
    transform:translateX(-50%) !important;
    border:1px solid rgba(239,187,90,.72) !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,rgba(20,23,24,.96),rgba(5,7,8,.98)) !important;
    box-shadow:0 9px 20px rgba(0,0,0,.42),inset 0 0 0 2px rgba(255,255,255,.025) !important;
  }
.phone-start-zone__play{
    left:50% !important;
    top:39% !important;
    width:36% !important;
  }
.phone-start-zone__label{
    top:72% !important;
    font-size:6px !important;
  }
.voice-panel{
    position:absolute !important;
    z-index:13 !important;
    left:6% !important;
    right:6% !important;
    top:auto !important;
    bottom:5.5% !important;
    width:auto !important;
    height:20% !important;
    min-height:108px !important;
    padding:8px 9px 7px !important;
    border-radius:12px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(235,161,80,.08),transparent 34%),
      linear-gradient(180deg,rgba(14,18,19,.97),rgba(4,6,7,.99)) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.02) !important;
  }
.voice-live-display{
    height:30% !important;
    gap:6px !important;
    padding-bottom:5px !important;
  }
.voice-live-dot{
    width:9px !important;
  }
.voice-live-display strong{
    font-size:10px !important;
  }
.voice-live-display small{
    font-size:7px !important;
  }
.voice-actions{
    height:70% !important;
    gap:2px !important;
    padding-top:5px !important;
  }
.voice-action__icon{
    width:30px !important;
    font-size:13px !important;
  }
.voice-action > span:last-child{
    bottom:1% !important;
    font-size:6px !important;
  }
.site-credit{
    position:absolute !important;
    z-index:15 !important;
    left:50% !important;
    right:auto !important;
    bottom:1.2% !important;
    top:auto !important;
    width:auto !important;
    height:auto !important;
    transform:translateX(-50%) !important;
    padding:0 !important;
    color:rgba(244,226,189,.58) !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
  }
.site-credit span{
    display:none !important;
  }
.site-credit strong{
    font-size:6px !important;
    letter-spacing:.05em !important;
  }
}

@media (max-width:900px){
.contact-section.contact-section--telegram{
    --dial-space:48px;
    --scene-width:200%;
    position:relative !important;
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    padding:0 var(--dial-space) 0 0 !important;
    overflow:hidden !important;
    display:block !important;
    background:
      radial-gradient(circle at 48% 46%,rgba(151,72,32,.13),transparent 42%),
      linear-gradient(180deg,#22120d 0%,#160c09 100%) !important;
  }
.contact-stage,
  .contact-artboard{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
.contact-art--desktop{ display:none !important; }
.contact-art--mobile{
    position:absolute !important;
    z-index:0 !important;
    display:block !important;
    top:14.2% !important;
    left:50% !important;
    width:var(--scene-width) !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    border-radius:0 !important;
    user-select:none !important;
    pointer-events:none !important;
    transform:translateX(-50%) scale(1.02) !important;
    transform-origin:50% 50% !important;
    filter:blur(2.6px) brightness(.57) saturate(.82) contrast(1.02) !important;
    transition:
      left .58s cubic-bezier(.22,.72,.18,1),
      width .58s cubic-bezier(.22,.72,.18,1),
      transform .58s cubic-bezier(.22,.72,.18,1),
      filter .34s ease !important;
  }
.contact-mode-message .contact-art--mobile{
    width:170% !important; /* mostra ~58,8% da metade esquerda */
    left:0 !important;
    transform:translateX(0) scale(1) !important;
    filter:brightness(.90) saturate(.94) contrast(1.02) !important;
  }
.contact-mode-audio .contact-art--mobile{
    width:235% !important; /* mostra ~42,6% da metade direita */
    left:100% !important;
    transform:translateX(-100%) scale(1) !important;
    filter:brightness(.92) saturate(.96) contrast(1.02) !important;
  }
/* A antiga camada escura e o cenário desktop não entram no mobile. */
  .contact-artboard::before,
  .phone-copy,
  .mailbox-label,
  .mail-flight,
  .official-neon-logo{
    display:none !important;
  }
/* ---------- apresentação / seletor ---------- */
  .contact-mobile-intro{
    position:absolute;
    z-index:30;
    left:0;
    right:0;
    top:2.1%;
    display:grid;
    justify-items:center;
    gap:5px;
    pointer-events:none;
  }
.contact-mobile-logo{
    display:block;
    width:54px;
    height:30px;
    object-fit:contain;
    opacity:.58;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.62));
  }
.contact-mobile-intro p{
    margin:0;
    color:#f1d8a7;
    font:900 clamp(11px,3.4vw,15px)/1 "Arial Black",Arial,sans-serif;
    letter-spacing:.045em;
    text-shadow:0 2px 4px rgba(0,0,0,.78);
  }
.contact-mode-switcher{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    width:min(86%,320px);
    pointer-events:auto;
  }
.contact-mode-button{
    min-height:38px;
    padding:5px 7px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid rgba(227,192,125,.44);
    border-radius:18px;
    background:rgba(20,12,9,.74);
    color:#ead3a5;
    box-shadow:inset 0 0 10px rgba(240,183,84,.035),0 3px 9px rgba(0,0,0,.22);
    font:800 8px/1 Arial,sans-serif;
    letter-spacing:.035em;
    cursor:pointer;
    touch-action:manipulation;
  }
.contact-mode-button > span{ font-size:13px; line-height:1; }
.contact-mode-button.is-active,
  .contact-mode-button[aria-pressed="true"]{
    border-color:rgba(235,188,91,.88);
    color:#fff0c9;
    background:rgba(82,38,20,.86);
    box-shadow:0 0 9px rgba(226,141,46,.18),inset 0 0 8px rgba(255,219,146,.05);
  }
/* ---------- Telegrama: só existe no modo mensagem ---------- */
  .telegram-form{
    display:none !important;
  }
.contact-mode-message .telegram-form{
    position:absolute !important;
    z-index:12 !important;
    display:block !important;
    left:28.5% !important;
    top:25.5% !important;
    width:67.0% !important;
    height:22.8% !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#2b1b12 !important;
    pointer-events:none !important;
  }
.contact-mode-message .telegram-heading{
    display:none !important; /* TELEGRAMA já pertence à fotografia. */
  }
.contact-mode-message .telegram-field{
    position:absolute !important;
    left:4.5% !important;
    width:89% !important;
    height:auto !important;
    pointer-events:auto !important;
  }
.contact-mode-message .telegram-field--name{ top:26.5% !important; height:14.0% !important; }
.contact-mode-message .telegram-field--email{ top:43.0% !important; height:14.0% !important; }
.contact-mode-message .telegram-field--message{ top:59.0% !important; height:31.5% !important; }
.contact-mode-message .telegram-field > span{
    left:7px !important;
    top:5px !important;
    color:rgba(54,35,23,.72) !important;
    font:800 8px/1 Arial,sans-serif !important;
    text-shadow:none !important;
  }
.contact-mode-message .telegram-field input,
  .contact-mode-message .telegram-field textarea{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    padding:15px 7px 4px !important;
    border:0 !important;
    border-radius:2px !important;
    outline:none !important;
    background:rgba(255,251,232,.07) !important;
    color:#2a1b13 !important;
    caret-color:#9b2a20 !important;
    box-shadow:none !important;
    font:16px/1.15 Arial,sans-serif !important;
  }
.contact-mode-message .telegram-field input:focus,
  .contact-mode-message .telegram-field textarea:focus{
    background:rgba(255,251,232,.28) !important;
    box-shadow:inset 0 0 0 1px rgba(132,74,40,.24) !important;
  }
.contact-mode-message .telegram-submit{
    position:absolute !important;
    z-index:4 !important;
    left:auto !important;
    right:4% !important;
    top:auto !important;
    bottom:-21% !important;
    width:44% !important;
    height:34px !important;
    min-height:34px !important;
    border-radius:17px !important;
    gap:5px !important;
    pointer-events:auto !important;
    font-size:8px !important;
  }
.contact-mode-message .telegram-status{
    position:absolute !important;
    left:3% !important;
    top:auto !important;
    bottom:-37% !important;
    width:94% !important;
    min-height:14px !important;
    padding:4px 6px !important;
    border-radius:6px !important;
    color:#f5dfb4 !important;
    background:rgba(36,16,9,.84) !important;
    font-size:8px !important;
    text-align:center !important;
  }
/* ---------- Áudio: painel vertical creme à esquerda do telefone ---------- */
  .phone-start-zone,
  .voice-panel{
    display:none !important;
  }
.contact-mode-audio .phone-start-zone{
    position:absolute !important;
    z-index:18 !important;
    display:grid !important;
    left:4.0% !important;
    top:24.0% !important;
    width:82px !important;
    height:48px !important;
    transform:none !important;
    border:1px solid rgba(93,62,38,.42) !important;
    border-radius:9px !important;
    background:linear-gradient(180deg,#f1dfb9,#ccb68d) !important;
    color:#302319 !important;
    box-shadow:inset 0 1px rgba(255,255,255,.64),0 5px 10px rgba(0,0,0,.24) !important;
    place-items:center !important;
  }
.contact-mode-audio .phone-start-zone__play{
    position:static !important;
    translate:none !important;
    clip-path:none !important;
    width:24px !important;
    height:17px !important;
    transform:none !important;
    margin-top:1px !important;
    border-radius:5px !important;
    background:linear-gradient(180deg,#c94e39,#942c23) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.22),0 2px 3px rgba(0,0,0,.24) !important;
  }
.contact-mode-audio .phone-start-zone__label{
    position:static !important;
    translate:none !important;
    margin-top:-2px !important;
    color:#35281d !important;
    font:900 7px/1 Arial,sans-serif !important;
    letter-spacing:.08em !important;
  }
.contact-mode-audio .voice-panel{
    position:absolute !important;
    z-index:17 !important;
    display:grid !important;
    grid-template-rows:52px minmax(0,1fr) !important;
    left:4.0% !important;
    top:30.2% !important;
    bottom:auto !important;
    width:82px !important;
    height:32.8% !important;
    min-height:0 !important;
    padding:7px 6px !important;
    border:1px solid rgba(92,62,39,.42) !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,rgba(243,226,190,.96),rgba(198,177,138,.96)) !important;
    color:#302319 !important;
    box-shadow:inset 0 1px rgba(255,255,255,.58),0 8px 16px rgba(0,0,0,.26) !important;
  }
.contact-mode-audio .voice-live-display{
    height:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:9px 1fr !important;
    grid-template-rows:1fr 1fr !important;
    gap:2px 4px !important;
    align-items:center !important;
    padding:0 2px 6px !important;
    border-bottom:1px solid rgba(82,54,34,.22) !important;
  }
.contact-mode-audio .voice-live-dot{
    grid-row:1 / span 2 !important;
    width:8px !important;
    aspect-ratio:1 !important;
  }
.contact-mode-audio .voice-live-display strong{
    color:#302319 !important;
    font:900 8px/1 Arial,sans-serif !important;
    white-space:nowrap !important;
  }
.contact-mode-audio .voice-live-display small{
    color:#6c5741 !important;
    font:800 6px/1 Arial,sans-serif !important;
  }
.contact-mode-audio .voice-actions{
    height:auto !important;
    min-height:0 !important;
    padding:6px 0 0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:repeat(5,minmax(0,1fr)) !important;
    gap:4px !important;
  }
.contact-mode-audio .voice-action{
    position:relative !important;
    min-width:0 !important;
    min-height:0 !important;
    width:100% !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:25px 1fr !important;
    align-items:center !important;
    padding:3px 5px !important;
    border:1px solid rgba(76,53,36,.42) !important;
    border-radius:7px !important;
    background:linear-gradient(180deg,#f5e7c7,#d2bc93) !important;
    color:#302319 !important;
    box-shadow:inset 0 1px rgba(255,255,255,.68),0 2px 3px rgba(0,0,0,.16) !important;
    opacity:1 !important;
  }
.contact-mode-audio .voice-action:disabled{ opacity:.40 !important; }
.contact-mode-audio .voice-action__icon{
    position:static !important;
    translate:none !important;
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:5px !important;
    background:#3b3026 !important;
    color:#f2ddb6 !important;
    font:900 10px/1 Arial,sans-serif !important;
    box-shadow:inset 0 1px rgba(255,255,255,.08) !important;
  }
.contact-mode-audio .voice-action > span:last-child{
    position:static !important;
    translate:none !important;
    color:#3b2c20 !important;
    font:900 6px/1 Arial,sans-serif !important;
    text-align:left !important;
    text-transform:uppercase !important;
  }
/* ---------- redes: hotspots invisíveis sobre os dados da fotografia ---------- */
  .contact-socials{
    position:absolute !important;
    z-index:22 !important;
    inset:0 !important;
    display:none !important;
    pointer-events:none !important;
  }
.contact-mode-message .contact-socials,
  .contact-mode-audio .contact-socials{
    display:block !important;
  }
.contact-socials .social-stamp{
    position:absolute !important;
    display:block !important;
    pointer-events:auto !important;
    background:transparent !important;
    border:0 !important;
  }
/* Dados opacos da fatia do telegrama. */
  .contact-mode-message .social-stamp--facebook{ left:2.0% !important; top:48.2% !important; width:13.5% !important; height:8.3% !important; transform:rotate(-4deg) !important; }
.contact-mode-message .social-stamp--instagram{ left:16.0% !important; top:48.3% !important; width:13.5% !important; height:8.3% !important; transform:rotate(3deg) !important; }
/* Dados translúcidos da fatia do telefone. */
  .contact-mode-audio .social-stamp--facebook{ left:73.0% !important; top:54.4% !important; width:12.5% !important; height:8.1% !important; transform:rotate(-4deg) !important; }
.contact-mode-audio .social-stamp--instagram{ left:85.2% !important; top:54.5% !important; width:12.4% !important; height:8.1% !important; transform:rotate(4deg) !important; }
/* ---------- footer integrado ao lápis/caneta ---------- */
  .site-credit{
    display:none !important;
  }
.contact-mode-message .site-credit,
  .contact-mode-audio .site-credit{
    position:absolute !important;
    z-index:24 !important;
    display:block !important;
    right:auto !important;
    bottom:auto !important;
    height:25px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(71,38,20,.82) !important;
    overflow:visible !important;
    pointer-events:auto !important;
    text-decoration:none !important;
  }
.contact-mode-message .site-credit{
    left:28% !important;
    top:48.0% !important;
    width:63% !important;
    transform:rotate(-.2deg) !important;
  }
.contact-mode-audio .site-credit{
    left:37% !important;
    top:53.0% !important;
    width:58% !important;
    transform:rotate(-5deg) !important;
  }
.site-credit span,
  .site-credit strong{
    position:absolute !important;
    display:block !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    color:rgba(55,34,21,.78) !important;
    text-shadow:0 1px rgba(255,255,255,.20) !important;
    white-space:nowrap !important;
    font-family:Arial,sans-serif !important;
  }
.site-credit span{
    left:10% !important;
    font-size:6px !important;
    font-weight:800 !important;
  }
.site-credit strong{
    right:7% !important;
    font-size:6px !important;
    font-weight:900 !important;
  }
/* O estado inicial mostra só a escolha, sem controles sobre a foto. */
  .contact-mode-intro .telegram-form,
  .contact-mode-intro .phone-start-zone,
  .contact-mode-intro .voice-panel,
  .contact-mode-intro .contact-socials,
  .contact-mode-intro .site-credit{
    display:none !important;
  }
}

@media (max-width:900px) and (prefers-reduced-motion:reduce){
.contact-art--mobile{ transition:none !important; }
}

@media (max-width: 900px){
/* Botão global continua acessível sem brigar com o dial. */
  .back-to-player { right:58px; left:auto; bottom:14px; }
.back-to-player__text { display:inline; font-size:9px; white-space:nowrap; }
.back-to-player { gap:5px; padding:6px 9px 6px 6px; }
}

@media (max-width: 900px){
.back-to-player {
    right:50px;
  }
}

@media (max-width:900px){
/* O botão global também respeita a zona segura. */
  .back-to-player {
    bottom:calc(var(--s02-browser-safe) + 6px) !important;
  }
}

@media(max-width:900px){
.contact-section.contact-section--telegram,
  .contact-stage,.contact-artboard{height:100dvh!important;min-height:100dvh!important}
.contact-artboard::after{
    content:""!important;display:block!important;position:absolute;z-index:0;inset:0;
    background:radial-gradient(ellipse at 50% 55%,#512817 0%,#28140e 58%,#1c100c 100%);
    filter:brightness(.63) saturate(.84);pointer-events:none
  }
.contact-art--mobile,.contact-mode-message .contact-art--mobile,
  .contact-mode-audio .contact-art--mobile,.contact-mode-intro .contact-art--mobile{
    z-index:1!important;top:var(--s05-photo-top,15%)!important;
    width:var(--s05-photo-width,220%)!important;height:var(--s05-photo-height,auto)!important;
    max-width:none!important;object-fit:fill!important;transform:none!important;
    filter:brightness(.98) saturate(.98)!important;
    -webkit-mask-image:linear-gradient(180deg,transparent,black 13%,black 94%,transparent);
    mask-image:linear-gradient(180deg,transparent,black 13%,black 94%,transparent)
  }
.contact-mode-message .contact-art--mobile{left:var(--s05-message-left,-32%)!important}
.contact-mode-audio .contact-art--mobile{left:var(--s05-audio-left,-120%)!important}
.contact-mode-intro .contact-art--mobile{
    left:var(--s05-intro-left,-15%)!important;
    width:var(--s05-intro-width,130%)!important;
    height:var(--s05-intro-height,auto)!important;
    filter:blur(1.2px) brightness(.70) saturate(.92)!important
  }
.contact-mode-message .telegram-form{
    inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important
  }
.contact-mode-message .telegram-field{
    left:var(--s05-field-left,4%)!important;width:var(--s05-field-width,90%)!important;
    pointer-events:auto!important
  }
.contact-mode-message .telegram-field--name{
    top:var(--s05-name-top,39%)!important;height:var(--s05-line-height,5%)!important
  }
.contact-mode-message .telegram-field--email{
    top:var(--s05-email-top,45%)!important;height:var(--s05-line-height,5%)!important
  }
.contact-mode-message .telegram-field--message{
    top:var(--s05-message-top,51%)!important;height:var(--s05-message-height,18%)!important
  }
.contact-mode-message .telegram-field>span{font-size:clamp(8px,2.3vw,11px)!important}
.contact-mode-message .telegram-submit{
    left:auto!important;right:12px!important;top:var(--s05-submit-top,73%)!important;
    bottom:auto!important;width:min(48%,165px)!important;min-height:42px!important;font-size:10px!important
  }
.contact-mode-message .telegram-status{
    left:5%!important;top:var(--s05-status-top,79%)!important;bottom:auto!important;
    width:90%!important;min-height:0!important;font-size:12px!important;line-height:1.3!important;padding:7px 9px!important
  }
.contact-mode-audio .voice-help{display:block!important;left:4%!important;top:var(--s05-help-top,20%)!important;width:92%!important;padding:7px 9px!important;font-size:11px!important;line-height:1.3!important}
.contact-mode-audio .phone-start-zone{
    left:4%!important;top:var(--s05-record-top,32%)!important;
    width:clamp(90px,25%,112px)!important;height:48px!important
  }
.contact-mode-audio .voice-panel{
    left:4%!important;top:var(--s05-panel-top,41%)!important;
    width:clamp(90px,25%,112px)!important;height:var(--s05-panel-height,36%)!important;
    grid-template-rows:48px minmax(0,1fr)!important
  }
.contact-mode-message .social-stamp--facebook,.contact-mode-audio .social-stamp--facebook{
    left:var(--s05-facebook-left,10%)!important;top:var(--s05-social-top,80%)!important;
    width:var(--s05-social-size,10%)!important;height:var(--s05-social-height,6%)!important;
    transform:none!important
  }
.contact-mode-message .social-stamp--instagram,.contact-mode-audio .social-stamp--instagram{
    left:var(--s05-instagram-left,25%)!important;top:var(--s05-social-top,80%)!important;
    width:var(--s05-social-size,10%)!important;height:var(--s05-social-height,6%)!important;
    transform:none!important
  }
.site-credit,.contact-mode-message .site-credit,.contact-mode-audio .site-credit,
  .contact-mode-intro .site-credit{
    position:absolute!important;z-index:40!important;display:flex!important;
    left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;height:49px!important;padding:6px 7px!important;
    align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;
    border:0!important;border-top:1px solid rgba(225,188,120,.28)!important;
    border-radius:0!important;background:#21110d!important;box-shadow:none!important;
    transform:none!important;color:#f3dfb4!important;text-decoration:none!important;pointer-events:auto!important
  }
}

@media(max-width:900px){
.contact-mode-message .contact-art--mobile{
   top:var(--s05-message-photo-top,22%)!important;
   width:var(--s05-message-photo-width,160%)!important;
   height:var(--s05-message-photo-height,auto)!important;
   left:var(--s05-message-left,0px)!important
 }
/* Remove a translação antiga do footer de dentro do artboard. */
 .site-credit,.contact-mode-message .site-credit,.contact-mode-audio .site-credit,
 .contact-mode-intro .site-credit{
   translate:none!important;transform:none!important;box-sizing:border-box!important;
   max-width:100%!important;overflow:hidden!important
 }
.contact-mode-audio .phone-start-zone{width:clamp(76px,20%,91px)!important}
.contact-mode-audio .voice-panel{
   width:clamp(76px,20%,91px)!important;
   background:linear-gradient(180deg,#3a251a,#21150f)!important;
   border-color:#8d6440!important;color:#f8e5bf!important;
   padding:5px 4px!important
 }
.contact-mode-audio .voice-live-display{
   border-bottom-color:rgba(240,204,147,.35)!important
 }
.contact-mode-audio .voice-live-display strong,
 .contact-mode-audio .voice-live-display small{color:#f8e5bf!important}
.contact-mode-audio .voice-action{
   background:linear-gradient(180deg,#4c3024,#2b1b15)!important;
   color:#f8e5bf!important;border-color:#96724e!important;
   box-shadow:inset 0 1px rgba(255,226,176,.13),0 2px 4px rgba(0,0,0,.30)!important
 }
.contact-mode-audio .voice-action:disabled{opacity:.60!important}
.contact-mode-audio .voice-action__icon{
   background:#241612!important;color:#f3c985!important
 }
.contact-mode-audio .voice-action>span:last-child{
   color:#f8e5bf!important;font-size:7px!important
 }
}

@media(max-width:900px){
.contact-mode-intro .contact-art--mobile{top:var(--s05-intro-top,30%)!important;width:var(--s05-intro-width,145%)!important;height:var(--s05-intro-height,auto)!important;object-fit:contain!important}
}

@media(max-width:900px){
.contact-mode-intro .contact-art--mobile{display:none!important}
.contact-mode-intro .contact-scene-intro{
    display:block;position:absolute;z-index:1;inset:0;width:100%;height:100%;
    object-fit:cover;object-position:center center;max-width:none;
    filter:brightness(.72) saturate(.92);pointer-events:none;user-select:none
  }
.contact-mode-intro .contact-mobile-intro{z-index:30}
/* A escolha fica na faixa de madeira abaixo do telegrama. */
  .contact-mode-intro .contact-mobile-intro{
    top:65%;
    gap:7px;
    padding:0 8px;
    box-sizing:border-box;
  }
.contact-mode-intro .contact-mobile-logo{
    width:clamp(150px,45vw,210px);
    height:auto;
    aspect-ratio:1784 / 882;
    opacity:1;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.96)) drop-shadow(0 0 9px rgba(240,171,85,.55));
  }
.contact-mode-intro .contact-mobile-intro p{
    font-size:clamp(12px,3.4vw,16px);
    text-align:center;
    text-shadow:0 2px 5px #150904,0 0 9px #150904;
  }
.contact-mode-intro .contact-mode-switcher{
    width:min(96%,350px);
    gap:8px;
  }
.contact-mode-intro .contact-mode-button{
    min-height:44px;
    font-size:clamp(9px,2.35vw,11px);
    border-color:rgba(245,205,139,.78);
    background:rgba(20,12,9,.9);
    color:#ffebc5;
    box-shadow:0 3px 10px rgba(0,0,0,.55);
  }
}