/* Copy-B ORIGINAL · v1.0.2: mudanças SOMENTE em telas móveis (<=760px). */
.mobile-signup-trigger,.mobile-signup-modal[hidden]{display:none!important}
@media (max-width:760px){
  body.copyb-signup-open{overflow:hidden!important}
  .hero-layout.container{
    width:min(100% - 34px,540px)!important;
    max-width:540px!important;
    padding:0 0 27px!important;
    margin:0 auto!important;
    display:block!important;
  }
  .hero .hero-content{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    padding:clamp(285px,81vw,390px) 0 0!important;
    margin:0!important;
    text-align:center!important;
    z-index:3!important;
  }
  .hero .hero-event-date{position:absolute!important;left:0!important;top:13px!important;text-align:left!important}
  .hero .hero-content .campaign-logo{
    display:block!important;position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:min(82vw,320px)!important;max-width:100%!important;
    height:auto!important;margin:0 auto 24px!important;
    align-self:center!important;
    object-fit:contain!important;
  }
  .hero .hero-content h1{
    display:block!important;position:relative!important;
    left:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;max-width:480px!important;
    height:auto!important;margin:0 auto!important;
    font-family:var(--display)!important;
    font-size:clamp(30px,7.4vw,40px)!important;
    font-weight:600!important;line-height:1.13!important;
    text-align:center!important;letter-spacing:-.025em!important;
  }
  .hero .hero-content .hero-sub{
    display:block!important;position:relative!important;
    top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    width:100%!important;max-width:420px!important;
    height:auto!important;max-height:none!important;
    min-height:0!important;overflow:visible!important;visibility:visible!important;
    margin:22px auto 0!important;padding:0 4px!important;
    color:#fff!important;text-align:center!important;
    font:600 clamp(16px,4.05vw,20px)/1.43 var(--sans)!important;
    letter-spacing:0!important;
  }
  .mobile-signup-trigger{
    display:flex!important;align-items:center;justify-content:center;gap:22px;
    width:min(100%,350px);min-height:53px;margin:28px auto 6px;
    border:0;border-radius:999px;
    color:#1b1008;background:linear-gradient(105deg,#f5a438,#ffdc76);
    font:800 clamp(15px,4vw,19px)/1.1 var(--sans);
    box-shadow:0 7px 22px rgba(255,151,25,.33);
    cursor:pointer;
  }
  .mobile-signup-trigger span{font-size:25px;line-height:1}
  /* O formulário sai do hero e passa ao modal via JS; sem duplicar inputs nem integrações. */
  .hero-layout > .hero-right{display:none!important}
  .mobile-signup-modal{
    position:fixed!important;inset:0!important;z-index:2147483000!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding: max(9px, env(safe-area-inset-top)) 10px max(9px, env(safe-area-inset-bottom));
    overflow:hidden!important;
  }
  .mobile-signup-modal[hidden]{display:none!important}
  .mobile-signup-shade{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
  .mobile-signup-panel{
    position:relative;z-index:1;width:min(100%,440px);
    max-height:calc(100vh - 18px);max-height:calc(100dvh - 18px);
    overflow-y:auto;overscroll-behavior:contain;
    scrollbar-width:thin;border:1px solid rgba(243,185,87,.68);
    border-radius:20px;background:#1c100b;
    box-shadow:0 14px 60px #000e;
    padding:28px 0 0;
  }
  .mobile-signup-close{
    position:absolute;z-index:3;right:7px;top:5px;
    width:29px;height:29px;border:0;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:#392519;color:#fff;cursor:pointer;
    font:700 25px/1 Arial,sans-serif;
  }
  .mobile-signup-modal .hero-right{
    display:block!important;position:relative!important;
    inset:auto!important;transform:none!important;
    margin:0!important;padding:0!important;
    width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;
    z-index:1!important;
  }
  .mobile-signup-modal .hero-right>.form-card{
    display:block!important;position:relative!important;
    margin:0!important;width:100%!important;max-width:none!important;
    padding:0 20px 17px!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;background:transparent!important;color:#fff!important;
  }
  .mobile-signup-modal .form-kicker{font:800 10px/1.2 var(--sans)!important;color:#ffcd71!important;text-align:center!important;display:block!important;letter-spacing:.045em!important}
  .mobile-signup-modal .form-card h2{font:700 clamp(23px,5.8vw,28px)/1.13 var(--display)!important;color:#fff!important;text-align:center!important;margin:8px 0 7px!important}
  .mobile-signup-modal .form-intro{font:500 12px/1.35 var(--sans)!important;text-align:center!important;margin:0 0 12px!important;color:#f2e3d3!important}
  .mobile-signup-modal #form-copy-b{display:grid!important;gap:4px!important}
  .mobile-signup-modal #form-copy-b>label:not(.consent){font:700 11px/1.2 var(--sans)!important;margin:5px 0 0!important;color:#fff!important}
  .mobile-signup-modal #form-copy-b input:not([type=checkbox]):not([type=hidden]){
    min-height:39px!important;height:39px!important;
    padding:7px 12px!important;border:1px solid #c4a58d!important;border-radius:8px!important;
    background:#fff!important;color:#271b15!important;font:500 14px/1.2 var(--sans)!important;
  }
  .mobile-signup-modal .consent{display:flex!important;gap:8px!important;align-items:flex-start!important;
    margin:9px 0 8px!important;font:500 11px/1.3 var(--sans)!important;color:#f6e9df!important}
  .mobile-signup-modal .consent input{width:16px!important;height:16px!important;min-height:16px!important;flex:0 0 16px!important;margin:0!important}
  .mobile-signup-modal #form-copy-b .btn-gold{height:47px!important;min-height:47px!important;padding:8px 14px!important;
    border-radius:999px!important;font:800 15px/1.2 var(--sans)!important;background:linear-gradient(105deg,#f4a83e,#ffdb73)!important;color:#221207!important}
  .mobile-signup-modal .form-fine{font:500 9px/1.4 var(--sans)!important;color:#e6d5c3!important;text-align:center!important;margin:9px 0 0!important}
  .mobile-signup-modal #form-message:not([hidden]){font-size:11px;line-height:1.2;margin:4px 0}
}
@media(max-width:360px){
  .hero .hero-content{padding-top:clamp(275px,84vw,310px)!important}
  .hero .hero-content .campaign-logo{width:85%!important;margin-bottom:19px!important}
  .hero .hero-content h1{font-size:clamp(28px,8.1vw,32px)!important}
  .hero .hero-content .hero-sub{font-size:15px!important;line-height:1.42!important}
}
@media(max-width:760px) and (max-height:580px){
  .mobile-signup-panel{padding-top:24px;border-radius:15px}
  .mobile-signup-modal .hero-right>.form-card{padding:0 13px 9px!important}
  .mobile-signup-modal .form-card h2{font-size:21px!important;margin:4px 0!important}
  .mobile-signup-modal .form-intro{font-size:11px!important;margin-bottom:6px!important}
  .mobile-signup-modal #form-copy-b{gap:2px!important}
  .mobile-signup-modal #form-copy-b>label:not(.consent){font-size:10px!important;margin-top:2px!important}
  .mobile-signup-modal #form-copy-b input:not([type=checkbox]):not([type=hidden]){height:33px!important;min-height:33px!important;font-size:13px!important}
  .mobile-signup-modal .consent{font-size:10px!important;margin:4px 0!important}
  .mobile-signup-modal #form-copy-b .btn-gold{height:40px!important;min-height:40px!important}
  .mobile-signup-modal .form-fine{font-size:8px!important;margin-top:5px!important}
}
@media(min-width:761px){.mobile-signup-trigger,.mobile-signup-modal{display:none!important}}


/* v1.1.5: proposta visual com elementos HTML reais, exclusivamente mobile */
@media (max-width:760px){
 body .hero{background:linear-gradient(180deg,#140a06 0%,#180b06 52%,#4c220e 83%,#54270e 100%)!important;overflow:hidden!important}
 body .hero .hero-pattern, body .hero .hero-mobile-backdrop{display:none!important}
 body .hero .hero-approved-art{
  display:block!important;position:absolute!important;top:0!important;left:0!important;right:0!important;
  width:100%!important;height:auto!important;aspect-ratio:941/740!important;z-index:0!important;
  background-image:url('../img/copyb-mobile-cenario-foto-v116.webp')!important;
  background-size:100% auto!important;background-position:top center!important;background-repeat:no-repeat!important;
 }
 body .hero .hero-approved-art::before,body .hero .hero-approved-art::after,body .hero .hero-content::before{content:none!important;display:none!important}
 body .hero .hero-portrait{display:none!important}
 body .hero .hero-layout.container{display:block!important;position:relative!important;z-index:2!important;width:100%!important;max-width:560px!important;margin:0 auto!important;padding:0 20px 37px!important}
 body .hero .hero-content{display:flex!important;flex-direction:column!important;align-items:center!important;
   position:relative!important;z-index:3!important;width:100%!important;height:auto!important;min-height:0!important;
   padding:calc(min(100vw,560px)*.786 - 76px) 0 0!important;margin:0!important;text-align:center!important}
 body .hero .hero-content .hero-event-date{display:block!important;position:absolute!important;top:13px!important;left:0!important;color:#ffda80!important;letter-spacing:.02em!important;font-size:clamp(10px,2.6vw,15px)!important;font-weight:800!important}
 body .hero .hero-content .eyebrow,body .hero .hero-content .hero-signoff{display:none!important}
 body .hero .hero-content .campaign-logo{display:block!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;
  width:min(86vw,430px)!important;max-width:100%!important;height:auto!important;object-fit:contain!important;
  margin:0 auto 27px!important;filter:drop-shadow(0 5px 12px #000) drop-shadow(0 0 18px #000)!important}
 body .hero .hero-content h1{display:block!important;position:relative!important;left:auto!important;top:auto!important;
   width:100%!important;max-width:510px!important;height:auto!important;margin:0 auto!important;
   font:600 clamp(30px,7.1vw,44px)/1.12 var(--display)!important;text-align:center!important;letter-spacing:-.025em!important;
   color:#fff!important;text-shadow:0 2px 6px #140703!important}
 body .hero .hero-content h1 em{color:#ffde8b!important}
 body .hero .hero-content .hero-sub{display:block!important;position:relative!important;top:auto!important;left:auto!important;
  width:100%!important;max-width:470px!important;height:auto!important;margin:24px auto 0!important;padding:0!important;
  font:700 clamp(16px,3.8vw,20px)/1.4 var(--sans)!important;color:#fff!important;text-align:center!important;
  text-shadow:0 2px 5px #180805,0 0 10px #180805!important}
 body .hero .hero-content #mobile-signup-trigger{display:flex!important;position:relative!important;left:auto!important;top:auto!important;
  width:min(100%,430px)!important;min-height:58px!important;height:auto!important;margin:28px auto 0!important;
  padding:12px 15px!important;border:0!important;border-radius:999px!important;cursor:pointer!important;
  align-items:center!important;justify-content:center!important;gap:24px!important;
  background:linear-gradient(100deg,#f7a838,#ffe080)!important;color:#1b1008!important;
  font:800 clamp(16px,4vw,21px)/1.1 var(--sans)!important;box-shadow:0 8px 28px #d5853c60!important}
 body .hero .hero-content #mobile-signup-trigger span{display:inline!important;font-size:25px!important;color:#1b1008!important}
 body .hero-layout>.hero-right{display:none!important}
}
@media(max-width:360px){body .hero .hero-content{padding-top:calc(100vw*.786 - 58px)!important}body .hero .hero-content .campaign-logo{margin-bottom:20px!important}}

/* v1.1.6: apenas mobile — cenário com película preta a 60%, foto da Chef preservada. */