:root {      --c-black: #0a0705;      --c-dark: #110e0c;      --c-card: #1a1410;      --c-card-h: #231c17;      --c-border: #2e2520;      --c-border-h: #4a3a30;      --c-red: #c0392b;      --c-red-h: #e74c3c;      --c-red-glow: #c0392b4d;      --c-amber: #e8a020;      --c-amber-h: #f5b835;      --c-green: #27ae60;      --c-text: #ede8e2;      --c-text-2: #9e8e80;      --c-text-3: #5c4f45;      --f-display: "Bebas Neue", cursive;      --f-cond: "Barlow Condensed", sans-serif;      --f-body: "Barlow", sans-serif;      --nav-h: 70px;      --r: 6px;      --r-lg: 12px;      --s1: 4px;      --s2: 8px;      --s3: 12px;      --s4: 16px;      --s5: 24px;      --s6: 32px;      --s7: 48px;      --s8: 64px;      --s9: 96px;      --t-fast: .15s ease-out;      --t-mid: .28s ease-out;      --t-slow: .5s ease-out  }    *, :before, :after {      box-sizing: border-box;      margin: 0;      padding: 0  }    html {      scroll-behavior: smooth  }    body {      background: var(--c-black);      color: var(--c-text);      font-family: var(--f-body);      -webkit-font-smoothing: antialiased;      font-size: 16px;      line-height: 1.6;      overflow-x: hidden  }    img {      max-width: 100%;      height: auto;      display: block  }    ul {      list-style: none  }    a {      color: inherit;      text-decoration: none  }    address {      font-style: normal  }    @media (prefers-reduced-motion:reduce) {      *, :before, :after {          transition-duration: .01ms !important;          animation-duration: .01ms !important      }        html {          scroll-behavior: auto      }  }    @keyframes ticker {      0% {          transform: translate(0)      }        to {          transform: translate(-50%)      }  }    @keyframes pulse-dot {      0%, to {          opacity: 1      }        50% {          opacity: .3      }  }    @keyframes pulse-wa {      0%, to {          box-shadow: 0 0 #25d36680      }        60% {          box-shadow: 0 0 0 14px #25d36600      }  }    @keyframes count-up {      0% {          opacity: 0;          transform: translateY(10px)      }        to {          opacity: 1;          transform: translateY(0)      }  }    @keyframes hero-in {      0% {          opacity: 0;          transform: translateY(30px)      }        to {          opacity: 1;          transform: translateY(0)      }  }    @keyframes badge-in {      0% {          opacity: 0;          transform: translate(-20px)      }        to {          opacity: 1;          transform: translate(0)      }  }    @keyframes shimmer {      0% {          background-position: 200% 0      }        to {          background-position: -200% 0      }  }    @keyframes revealFallback {      to {          opacity: 1;          transform: none      }  }    .reveal {      opacity: 0;      transition: opacity .6s ease-out, transform .6s ease-out;      animation: .01ms 2.8s forwards revealFallback;      transform: translateY(24px)  }    .reveal.visible {      opacity: 1;      animation: none;      transform: none  }    .reveal-delay-1.visible {      transition-delay: .12s  }    .reveal-delay-2.visible {      transition-delay: .24s  }    .reveal-delay-3.visible {      transition-delay: .36s  }    .reveal-delay-4.visible {      transition-delay: .48s  }    .skeleton {      background: linear-gradient(90deg, var(--c-card) 25%, var(--c-card-h) 50%, var(--c-card) 75%);      border-radius: var(--r-lg);      background-size: 200% 100%;      animation: 1.4s infinite shimmer  }    .skeleton-card {      height: 300px  }    .container {      max-width: 1240px;      padding: 0 var(--s5);      margin: 0 auto  }    .section {      padding: var(--s9) 0  }    .skip-link {      background: var(--c-amber);      color: #000;      border-radius: var(--r);      z-index: 9999;      padding: .5rem 1.2rem;      font-weight: 700;      transition: top .2s;      position: absolute;      top: -100%;      left: 1rem  }    .skip-link:focus {      top: 1rem  }    .btn {      justify-content: center;      align-items: center;      gap: var(--s2);      font-family: var(--f-cond);      letter-spacing: 1px;      text-transform: uppercase;      border-radius: var(--r);      cursor: pointer;      min-height: 48px;      transition: var(--t-mid);      white-space: nowrap;      border: 2px solid #0000;      padding: 13px 26px;      font-size: 1rem;      font-weight: 700;      display: inline-flex  }    .btn:focus-visible {      outline: 3px solid var(--c-amber);      outline-offset: 3px  }    .btn--fire {      background: var(--c-red);      color: #fff;      border-color: var(--c-red);      box-shadow: 0 4px 20px var(--c-red-glow)  }    .btn--fire:hover {      background: var(--c-red-h);      border-color: var(--c-red-h);      color: #fff;      transform: translateY(-2px);      box-shadow: 0 6px 28px #e74c3c80  }    .btn--ghost {      color: var(--c-text);      border-color: var(--c-border-h);      background: 0 0  }    .btn--ghost:hover {      border-color: var(--c-amber);      color: var(--c-amber);      transform: translateY(-2px)  }    .btn--outline {      color: var(--c-text);      border-color: var(--c-border-h);      background: 0 0  }    .btn--outline:hover {      background: var(--c-card-h);      border-color: var(--c-text-2);      color: var(--c-text)  }    .btn--lg {      min-height: 52px;      padding: 15px 32px;      font-size: 1.05rem  }    .btn--xl {      min-height: 58px;      padding: 18px 40px;      font-size: 1.15rem  }    .btn--full {      width: 100%  }    .btn[disabled] {      opacity: .55;      cursor: not-allowed;      transform: none !important  }    .btn-loading {      display: none  }    .section-header {      margin-bottom: var(--s7)  }    .section-tag {      font-family: var(--f-cond);      letter-spacing: 3px;      text-transform: uppercase;      color: var(--c-amber);      margin-bottom: var(--s3);      border: 1px solid #e8a0204d;      border-radius: 2px;      padding: 4px 12px;      font-size: .75rem;      font-weight: 700;      display: inline-block  }    .section-tag--light {      color: #fff;      border-color: #ffffff4d  }    .section-title {      font-family: var(--f-display);      letter-spacing: 1px;      color: var(--c-text);      margin-bottom: var(--s4);      font-size: clamp(2.2rem, 6vw, 4rem);      line-height: 1  }    .section-title em {      color: var(--c-red);      font-style: normal  }    .section-desc {      color: var(--c-text-2);      max-width: 500px;      font-size: 1rem  }    .header {      height: var(--nav-h);      backdrop-filter: blur(16px);      border-bottom: 1px solid var(--c-border);      z-index: 1000;      transition: background var(--t-mid), box-shadow var(--t-mid);      background: #0a0705eb;      position: fixed;      top: 0;      left: 0;      right: 0  }    .header.scrolled {      box-shadow: 0 1px 0 var(--c-red-glow), 0 4px 24px #0009;      background: #0a0705fa  }    .header__inner {      max-width: 1240px;      padding: 0 var(--s5);      justify-content: space-between;      align-items: center;      gap: var(--s4);      height: 100%;      margin: 0 auto;      display: flex  }    .header__logo {      align-items: center;      gap: var(--s3);      font-family: var(--f-display);      letter-spacing: 2px;      color: var(--c-text);      flex-shrink: 0;      font-size: 1.7rem;      display: flex  }    .header__logo-img {      object-fit: contain;      width: 40px;      height: 36px  }    .header__logo em {      color: var(--c-red);      font-style: normal  }    .header__logo:hover {      color: var(--c-text)  }    .header__nav ul {      gap: var(--s5);      align-items: center;      display: flex  }    .header__nav a {      font-family: var(--f-cond);      letter-spacing: 1.5px;      text-transform: uppercase;      color: var(--c-text-2);      transition: color var(--t-fast);      padding-bottom: 3px;      font-size: .85rem;      font-weight: 700;      position: relative  }    .header__nav a:after {      content: "";      background: var(--c-amber);      transform-origin: 0;      width: 100%;      height: 2px;      transition: transform var(--t-mid);      position: absolute;      bottom: 0;      left: 0;      transform: scaleX(0)  }    .header__nav a:hover, .header__nav a.active {      color: var(--c-text)  }    .header__nav a:hover:after, .header__nav a.active:after {      transform: scaleX(1)  }    .header__nav a:focus-visible {      outline: 2px solid var(--c-amber);      outline-offset: 4px;      border-radius: 2px  }    .header__actions {      align-items: center;      gap: var(--s3);      display: flex  }    .header__cta {      min-height: 40px;      padding: 9px 18px;      font-size: .8rem  }    .header__toggle {      cursor: pointer;      padding: var(--s2);      background: 0 0;      border: none;      flex-direction: column;      justify-content: center;      align-items: center;      gap: 5px;      min-width: 44px;      min-height: 44px;      display: none  }    .header__toggle span {      background: var(--c-text);      width: 22px;      height: 2px;      transition: var(--t-mid);      transform-origin: 50%;      display: block  }    .header__toggle.open span:first-child {      transform: translateY(7px)rotate(45deg)  }    .header__toggle.open span:nth-child(2) {      opacity: 0;      transform: scaleX(0)  }    .header__toggle.open span:nth-child(3) {      transform: translateY(-7px)rotate(-45deg)  }    .hero {      min-height: 100svh;      padding-top: var(--nav-h);      justify-content: center;      align-items: center;      display: flex;      position: relative;      overflow: hidden  }    .hero__bg {      filter: brightness(.18)saturate(.5);      will-change: transform;      z-index: 0;      background: url(/assets/wall.webp) 50%/cover no-repeat;      position: absolute;      top: -5%;      bottom: -5%;      left: -5%;      right: -5%  }    .hero__bg-noise {      opacity: .4;      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");      position: absolute;      top: 0;      bottom: 0;      left: 0;      right: 0  }    .hero__bg-vignette {      background: radial-gradient(ellipse at 50% 40%, transparent 30%, #0a0705cc 80%), linear-gradient(to bottom, transparent 40%, var(--c-black) 100%);      position: absolute;      top: 0;      bottom: 0;      left: 0;      right: 0  }    .hero__badge {      top: calc(var(--nav-h) + 20px);      z-index: 2;      align-items: center;      gap: var(--s2);      color: #fff;      font-family: var(--f-cond);      letter-spacing: 2px;      text-transform: uppercase;      white-space: nowrap;      -webkit-backdrop-filter: blur(8px);      backdrop-filter: blur(8px);      background: #c0392b26;      border: 1px solid #c0392b66;      border-radius: 100px;      padding: 7px 18px;      font-size: .78rem;      font-weight: 700;      animation: .8s ease-out .3s both badge-in;      display: flex;      position: absolute;      left: 50%;      transform: translate(-50%)  }    .hero__badge-dot {      background: var(--c-red);      border-radius: 50%;      flex-shrink: 0;      width: 7px;      height: 7px;      animation: 1.5s ease-in-out infinite pulse-dot  }    .hero__content {      z-index: 2;      text-align: center;      padding: var(--s7) var(--s5);      max-width: 760px;      position: relative  }    .hero__eyebrow {      justify-content: center;      align-items: center;      gap: var(--s4);      font-family: var(--f-cond);      letter-spacing: 4px;      text-transform: uppercase;      color: var(--c-amber);      margin-bottom: var(--s5);      font-size: .8rem;      font-weight: 600;      animation: .7s ease-out .4s both hero-in;      display: flex  }    .hero__eyebrow-line {      background: var(--c-amber);      opacity: .5;      width: 32px;      height: 1px;      display: block  }    .hero__title {      font-family: var(--f-display);      letter-spacing: 2px;      text-transform: uppercase;      color: var(--c-text);      margin-bottom: var(--s5);      font-size: clamp(4rem, 14vw, 9rem);      line-height: .92;      animation: .7s ease-out .5s both hero-in  }    .hero__title--accent {      color: var(--c-red);      -webkit-text-stroke: 2px var(--c-red);      text-shadow: 0 0 40px var(--c-red-glow), 0 0 80px #c0392b33;      display: block  }    .hero__sub {      color: var(--c-text-2);      max-width: 540px;      margin: 0 auto var(--s6);      font-size: clamp(.95rem, 2vw, 1.1rem);      line-height: 1.7;      animation: .7s ease-out .6s both hero-in  }    .hero__actions {      gap: var(--s3);      flex-wrap: wrap;      justify-content: center;      animation: .7s ease-out .7s both hero-in;      display: flex  }    .hero__trust {      margin-top: var(--s5);      color: var(--c-text-2);      font-size: .82rem;      animation: .7s ease-out .8s both hero-in  }    .hero__trust i {      color: var(--c-amber);      margin-right: 1px;      font-size: .7rem  }    .hero__trust strong {      color: var(--c-text);      margin-left: var(--s1)  }    .hero__scroll {      bottom: var(--s6);      z-index: 2;      position: absolute;      left: 50%;      transform: translate(-50%)  }    .hero__scroll-line {      background: linear-gradient(#e8a02099, #0000);      width: 1px;      height: 44px;      animation: 1s 1.2s both hero-in  }    .stats {      background: var(--c-dark);      border-top: 1px solid var(--c-border);      border-bottom: 1px solid var(--c-border);      padding: var(--s7) var(--s5)  }    .stats__inner {      justify-content: center;      align-items: center;      gap: var(--s6);      flex-wrap: wrap;      max-width: 1240px;      margin: 0 auto;      display: flex  }    .stats__item {      text-align: center  }    .stats__num {      font-family: var(--f-display);      color: var(--c-text);      letter-spacing: 1px;      font-size: clamp(2.5rem, 6vw, 4rem);      line-height: 1;      display: block  }    .stats__num--suffix {      font-family: var(--f-display);      color: var(--c-amber);      font-size: clamp(1.4rem, 3vw, 2rem)  }    .stats__label {      font-family: var(--f-cond);      letter-spacing: 2px;      text-transform: uppercase;      color: var(--c-text-2);      margin-top: var(--s1);      font-size: .78rem;      font-weight: 600;      display: block  }    .stats__divider {      color: var(--c-border-h);      align-self: center;      font-size: .8rem  }    .ticker {      background: var(--c-red);      padding: var(--s3) 0;      border-top: 1px solid #0003;      border-bottom: 1px solid #0003;      overflow: hidden  }    .ticker__track {      gap: var(--s5);      width: max-content;      font-family: var(--f-cond);      letter-spacing: 2px;      text-transform: uppercase;      color: #fff;      white-space: nowrap;      align-items: center;      font-size: .95rem;      font-weight: 700;      animation: 20s linear infinite ticker;      display: flex  }    .ticker__track b {      opacity: .5;      font-size: .6rem;      font-weight: 400  }    .agenda-grid {      gap: var(--s5);      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));      display: grid  }    .event-card {      background: var(--c-card);      border: 1px solid var(--c-border);      border-radius: var(--r-lg);      transition: transform var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid);      flex-direction: column;      display: flex;      overflow: hidden  }    .event-card:hover {      border-color: var(--c-red);      transform: translateY(-5px);      box-shadow: 0 8px 32px #00000080  }    .event-img {      background-position: 50%;      background-size: cover;      height: 190px;      position: relative  }    .event-img:after {      content: "";      background: linear-gradient(#0000 45%, #0a0705d9 100%);      position: absolute;      top: 0;      bottom: 0;      left: 0;      right: 0  }    .event-day {      bottom: var(--s3);      left: var(--s3);      z-index: 1;      background: var(--c-red);      color: #fff;      font-family: var(--f-cond);      letter-spacing: 1px;      border-radius: 2px;      padding: 3px 10px;      font-size: .72rem;      font-weight: 700;      position: absolute  }    .event-spots {      bottom: var(--s3);      right: var(--s3);      z-index: 1;      color: var(--c-amber);      font-family: var(--f-cond);      letter-spacing: 1px;      background: #e8a02026;      border: 1px solid #e8a02066;      border-radius: 2px;      padding: 3px 8px;      font-size: .68rem;      font-weight: 700;      position: absolute  }    .event-body {      padding: var(--s4);      flex-direction: column;      flex: 1;      display: flex  }    .event-title {      font-family: var(--f-cond);      letter-spacing: 1px;      color: var(--c-text);      margin-bottom: var(--s2);      font-size: 1.35rem;      font-weight: 800  }    .event-meta {      gap: var(--s4);      color: var(--c-text-2);      margin-bottom: var(--s2);      font-size: .8rem;      display: flex  }    .event-meta i {      color: var(--c-red);      margin-right: 3px  }    .event-genre {      color: var(--c-amber);      margin-bottom: var(--s4);      font-size: .78rem  }    .event-cta {      background: var(--c-red);      color: #fff;      text-align: center;      font-family: var(--f-cond);      letter-spacing: 1px;      text-transform: uppercase;      border-radius: var(--r);      transition: background var(--t-fast), transform var(--t-fast);      margin-top: auto;      padding: 11px;      font-size: .9rem;      font-weight: 700;      display: block  }    .event-cta:hover {      background: var(--c-red-h);      color: #fff;      transform: scale(1.01)  }    .event-cta i {      margin-right: 6px  }    .cardapio {      background: var(--c-dark)  }    .cardapio-grid {      gap: var(--s4);      margin-bottom: var(--s6);      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));      display: grid  }    .cardapio-card {      background: var(--c-card);      border: 1px solid var(--c-border);      border-radius: var(--r-lg);      padding: var(--s5);      transition: border-color var(--t-mid), transform var(--t-mid)  }    .cardapio-card:hover {      border-color: var(--c-amber);      transform: translateY(-3px)  }    .cardapio-card__icon {      margin-bottom: var(--s3);      font-size: 2.2rem;      display: block  }    .cardapio-card h3 {      font-family: var(--f-cond);      letter-spacing: 1px;      margin-bottom: var(--s2);      color: var(--c-text);      font-size: 1.15rem;      font-weight: 800  }    .cardapio-card p {      color: var(--c-text-2);      margin-bottom: var(--s3);      font-size: .85rem;      line-height: 1.5  }    .cardapio-card__price {      font-family: var(--f-cond);      color: var(--c-text-2);      letter-spacing: .5px;      font-size: .9rem;      font-weight: 700  }    .cardapio-card__price.highlight {      color: var(--c-amber)  }    .cardapio-cta {      text-align: center  }    .carpadio-feature {      padding: var(--s9) 0;      position: relative;      overflow: hidden  }    .carpadio-feature__bg {      filter: brightness(.12)saturate(.4);      background: url(https://images.unsplash.com/photo-1558030006-450675393462?w=1600&fit=crop) 50%/cover no-repeat;      position: absolute;      top: 0;      bottom: 0;      left: 0;      right: 0  }    .carpadio-feature:after {      content: "";      background: linear-gradient(105deg, #0a0705f7 50%, #0a070599 100%);      position: absolute;      top: 0;      bottom: 0;      left: 0;      right: 0  }    .carpadio-feature__content {      z-index: 1;      max-width: 520px;      padding: 0 var(--s5) 0 max(var(--s5), calc((100vw - 1240px) / 2 + var(--s5)));      position: relative  }    .carpadio-feature__title {      font-family: var(--f-display);      letter-spacing: 1px;      color: var(--c-text);      margin-bottom: var(--s5);      font-size: clamp(2.5rem, 6vw, 4.5rem);      line-height: .95  }    .carpadio-feature__desc {      color: var(--c-text-2);      margin-bottom: var(--s5);      font-size: 1rem;      line-height: 1.7  }    .carpadio-feature__list {      margin-bottom: var(--s6);      gap: var(--s3);      flex-direction: column;      display: flex  }    .carpadio-feature__list li {      align-items: center;      gap: var(--s3);      color: var(--c-text-2);      font-size: .9rem;      display: flex  }    .carpadio-feature__list i {      color: var(--c-green);      flex-shrink: 0;      font-size: .85rem  }    .carpadio-feature__cards {      right: max(var(--s5), calc((100vw - 1240px) / 2 + var(--s5)));      z-index: 1;      gap: var(--s3);      grid-template-columns: 1fr 1fr;      width: min(460px, 38vw);      display: grid;      position: absolute;      top: 50%;      transform: translateY(-50%)  }    .gallery-grid {      gap: var(--s3);      margin-bottom: var(--s6);      grid-template-columns: repeat(3, 1fr);      display: grid  }    .gallery-item {      aspect-ratio: 1;      border-radius: var(--r);      cursor: pointer;      background: var(--c-card);      position: relative;      overflow: hidden  }    .gallery-item img {      object-fit: cover;      width: 100%;      height: 100%;      transition: transform var(--t-slow)  }    .gallery-item:hover img {      transform: scale(1.07)  }    .gallery-overlay {      color: #fff;      opacity: 0;      transition: opacity var(--t-mid);      background: #c0392b80;      justify-content: center;      align-items: center;      font-size: 1.4rem;      display: flex;      position: absolute;      top: 0;      bottom: 0;      left: 0;      right: 0  }    :is(.gallery-item:hover .gallery-overlay, .gallery-item:focus-visible .gallery-overlay) {      opacity: 1  }    .gallery-item:focus-visible {      outline: 3px solid var(--c-amber);      outline-offset: 2px  }    .galeria-cta {      text-align: center  }    .memorias {      background: var(--c-dark)  }    .past-grid {      gap: var(--s4);      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      display: grid  }    .past-card {      background: var(--c-card);      border: 1px solid var(--c-border);      border-radius: var(--r-lg);      transition: transform var(--t-mid), border-color var(--t-mid);      position: relative;      overflow: hidden  }    .past-card:hover {      border-color: var(--c-border-h);      transform: translateY(-3px)  }    .past-img {      filter: grayscale(.5);      height: 170px;      transition: filter var(--t-mid);      background-position: 50%;      background-size: cover  }    .past-card:hover .past-img {      filter: grayscale(0)  }    .past-info {      padding: var(--s4)  }    .past-info h3 {      font-family: var(--f-cond);      letter-spacing: 1px;      margin-bottom: var(--s1);      font-size: 1.1rem;      font-weight: 800  }    .past-meta {      color: var(--c-amber);      letter-spacing: 1px;      margin-bottom: var(--s1);      font-size: .75rem  }    .past-tag {      color: var(--c-text-2);      border: 1px solid var(--c-border-h);      border-radius: 2px;      padding: 2px 8px;      font-size: .7rem;      display: inline-block  }    .past-sold-badge {      top: var(--s3);      left: var(--s3);      z-index: 1;      background: var(--c-red);      color: #fff;      font-family: var(--f-cond);      letter-spacing: 1.5px;      border-radius: 2px;      padding: 3px 10px;      font-size: .65rem;      font-weight: 700;      position: absolute  }    .dep-grid {      gap: var(--s5);      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));      display: grid  }    .dep-card {      background: var(--c-card);      border: 1px solid var(--c-border);      border-radius: var(--r-lg);      padding: var(--s6);      border-top: 3px solid var(--c-red);      transition: border-color var(--t-mid)  }    .dep-card:hover {      border-color: var(--c-amber);      border-top-color: var(--c-amber)  }    .dep-card__stars {      color: var(--c-amber);      margin-bottom: var(--s3);      letter-spacing: 2px;      font-size: 1rem  }    .dep-card p {      color: var(--c-text-2);      margin-bottom: var(--s4);      font-size: .9rem;      font-style: italic;      line-height: 1.7  }    .dep-card p:before {      content: "\"";      color: var(--c-red);      vertical-align: -.3em;      margin-right: 4px;      font-size: 1.4rem;      line-height: 0  }    .dep-card footer {      color: var(--c-text-3);      font-size: .78rem;      font-family: var(--f-cond);      letter-spacing: 1px  }    .dep-card footer strong {      color: var(--c-text-2)  }    .cta-final {      padding: var(--s9) var(--s5);      text-align: center;      position: relative;      overflow: hidden  }    .cta-final__bg {      background: radial-gradient(ellipse 80% 60% at 50% 50%, #c0392b1f 0%, transparent 70%), var(--c-dark);      border-top: 1px solid var(--c-border);      border-bottom: 1px solid var(--c-border);      position: absolute;      top: 0;      bottom: 0;      left: 0;      right: 0  }    .cta-final__content {      z-index: 1;      max-width: 680px;      margin: 0 auto;      position: relative  }    .cta-final__title {      font-family: var(--f-display);      letter-spacing: 1px;      color: var(--c-text);      margin-bottom: var(--s5);      font-size: clamp(2.5rem, 7vw, 5rem);      line-height: .95  }    .cta-final__desc {      color: var(--c-text-2);      margin-bottom: var(--s6);      font-size: 1rem;      line-height: 1.7  }    .cta-final__actions {      gap: var(--s3);      margin-bottom: var(--s4);      flex-wrap: wrap;      justify-content: center;      display: flex  }    .cta-final__reassurance {      color: var(--c-text-3);      justify-content: center;      align-items: center;      gap: var(--s2);      font-size: .78rem;      display: flex  }    .cta-final__reassurance i {      color: var(--c-green)  }    .footer {      background: var(--c-dark);      border-top: 1px solid var(--c-border);      padding: var(--s9) 0 0  }    .footer__inner {      gap: var(--s8);      padding-bottom: var(--s8);      grid-template-columns: 1fr 1fr 1.4fr;      display: grid  }    .footer__logo {      object-fit: contain;      width: 50px;      height: 45px;      margin-bottom: var(--s4)  }    .footer__tagline {      color: var(--c-text-2);      margin-bottom: var(--s4);      font-size: .9rem;      line-height: 1.6  }    .footer__social {      gap: var(--s3);      display: flex  }    .footer__social a {      background: var(--c-card);      border: 1px solid var(--c-border);      width: 38px;      height: 38px;      color: var(--c-text-2);      transition: var(--t-fast);      border-radius: 50%;      justify-content: center;      align-items: center;      font-size: .95rem;      display: flex  }    .footer__social a:hover {      background: var(--c-red);      border-color: var(--c-red);      color: #fff;      transform: translateY(-2px)  }    .footer__info h4, .footer__form h4 {      font-family: var(--f-cond);      letter-spacing: 2px;      text-transform: uppercase;      color: var(--c-text-2);      margin-bottom: var(--s4);      padding-bottom: var(--s2);      border-bottom: 1px solid var(--c-border);      font-size: .78rem;      font-weight: 700  }    .footer__info address {      gap: var(--s3);      flex-direction: column;      display: flex  }    .footer__info p {      color: var(--c-text-2);      align-items: flex-start;      gap: var(--s2);      font-size: .85rem;      display: flex  }    .footer__info i {      color: var(--c-red);      flex-shrink: 0;      margin-top: 3px;      font-size: .8rem  }    .footer__info a {      color: var(--c-text-2);      transition: color var(--t-fast)  }    .footer__info a:hover {      color: var(--c-amber)  }    .footer__bottom {      border-top: 1px solid var(--c-border);      padding: var(--s4) var(--s5);      text-align: center;      color: var(--c-text-3);      font-size: .78rem;      font-family: var(--f-cond);      letter-spacing: 1px  }    .form-honeypot {      opacity: 0;      pointer-events: none;      width: 1px;      height: 1px;      position: absolute;      left: -9999px;      overflow: hidden  }    .form-group {      margin-bottom: var(--s3)  }    .form-label {      letter-spacing: .5px;      color: var(--c-text-2);      margin-bottom: var(--s1);      font-size: .72rem;      font-weight: 600;      display: block  }    .form-input {      background: var(--c-black);      border: 1px solid var(--c-border);      border-radius: var(--r);      width: 100%;      color: var(--c-text);      font-family: var(--f-body);      transition: border-color var(--t-fast), box-shadow var(--t-fast);      outline: none;      padding: 10px 13px;      font-size: .875rem  }    .form-input::placeholder {      color: var(--c-text-3)  }    .form-input:focus {      border-color: var(--c-red);      box-shadow: 0 0 0 3px var(--c-red-glow)  }    .form-textarea {      resize: vertical;      min-height: 80px  }    .form-status {      margin-top: var(--s2);      padding: var(--s2) var(--s3);      border-radius: var(--r);      font-size: .8rem;      display: none  }    .form-status:not(:empty) {      display: block  }    .form-status[data-status=success] {      color: #6fcf97;      background: #27ae601f;      border: 1px solid #27ae604d  }    .form-status[data-status=error] {      color: #eb7b6d;      background: #c0392b1f;      border: 1px solid #c0392b4d  }    .lightbox {      z-index: 2000;      -webkit-backdrop-filter: blur(8px);      backdrop-filter: blur(8px);      background: #000000ed;      justify-content: center;      align-items: center;      display: flex;      position: fixed;      top: 0;      bottom: 0;      left: 0;      right: 0  }    .lightbox[hidden] {      display: none  }    .lightbox__img {      object-fit: contain;      border-radius: var(--r);      max-width: 90vw;      max-height: 85vh  }    .lightbox__close, .lightbox__prev, .lightbox__next {      color: #fff;      cursor: pointer;      width: 48px;      height: 48px;      transition: background var(--t-fast);      background: #ffffff14;      border: 1px solid #ffffff26;      border-radius: 50%;      justify-content: center;      align-items: center;      font-size: 1rem;      display: flex;      position: absolute  }    .lightbox__close {      top: var(--s4);      right: var(--s4)  }    .lightbox__prev {      left: var(--s4);      top: 50%;      transform: translateY(-50%)  }    .lightbox__next {      right: var(--s4);      top: 50%;      transform: translateY(-50%)  }    .lightbox__close:hover, .lightbox__prev:hover, .lightbox__next:hover {      background: var(--c-red);      border-color: var(--c-red)  }    .wa-float {      bottom: var(--s5);      right: var(--s5);      z-index: 900;      color: #fff;      width: 58px;      height: 58px;      transition: transform var(--t-fast);      background: #25d366;      border-radius: 50%;      justify-content: center;      align-items: center;      font-size: 1.7rem;      animation: 2.5s ease-in-out infinite pulse-wa;      display: flex;      position: fixed;      box-shadow: 0 4px 20px #25d36666  }    .wa-float:hover {      color: #fff;      animation: none;      transform: scale(1.08)  }    .wa-tooltip {      color: #fff;      border-radius: var(--r);      white-space: nowrap;      opacity: 0;      pointer-events: none;      transition: opacity var(--t-fast);      background: #111;      padding: 5px 12px;      font-size: .75rem;      position: absolute;      right: 68px  }    .wa-float:hover .wa-tooltip {      opacity: 1  }    .carpadio-card.mini {      padding: var(--s3);      border-radius: var(--r);      font-size: .8rem  }    .carpadio-card.mini .carpadio-img {      border-radius: var(--r);      height: 120px;      margin-bottom: var(--s2);      background-position: 50%;      background-size: cover;      position: relative  }    .carpadio-card.mini .carpadio-badge {      top: var(--s2);      right: var(--s2);      background: var(--c-red);      color: #fff;      letter-spacing: 1px;      border-radius: 2px;      padding: 2px 7px;      font-size: .6rem;      font-weight: 700;      position: absolute  }    .carpadio-card.mini .carpadio-name {      font-family: var(--f-cond);      color: var(--c-text);      font-size: .9rem;      font-weight: 800  }    .carpadio-card.mini .carpadio-price {      color: var(--c-amber);      font-family: var(--f-cond);      font-size: .85rem;      font-weight: 700  }    @media (max-width:1024px) {      .carpadio-feature__cards {          display: none      }        .carpadio-feature__content {          max-width: 100%      }        .footer__inner {          grid-template-columns: 1fr 1fr      }        .footer__form {          grid-column: 1/-1      }  }    @media (max-width:768px) {      :root {          --nav-h: 64px      }        .header__nav {          top: var(--nav-h);          -webkit-backdrop-filter: blur(20px);          backdrop-filter: blur(20px);          border-bottom: 1px solid var(--c-border);          transition: transform var(--t-mid);          z-index: 999;          background: #0a0705fc;          position: fixed;          left: 0;          right: 0;          transform: translateY(-150%)      }        .header__nav.open {          transform: translateY(0)      }        .header__nav ul {          padding: var(--s4) 0;          flex-direction: column;          gap: 0      }        .header__nav a {          padding: var(--s3) var(--s6);          min-height: 48px;          padding-top: 0;          padding-bottom: 0;          font-size: 1.1rem;          line-height: 48px;          display: block      }        .header__nav a:after, .header__cta {          display: none      }        .header__toggle {          display: flex      }        .hero__title {          font-size: clamp(3.5rem, 18vw, 6rem)      }        .hero__actions {          flex-direction: column;          align-items: center      }        .stats__divider {          display: none      }        .stats__inner {          gap: var(--s5)      }        .gallery-grid {          grid-template-columns: repeat(2, 1fr)      }        .dep-grid {          grid-template-columns: 1fr      }        .footer__inner {          gap: var(--s6);          grid-template-columns: 1fr      }        .cta-final__actions {          flex-direction: column;          align-items: center      }        .wa-float {          width: 50px;          height: 50px;          font-size: 1.4rem;          bottom: 20px;          right: 16px      }        .lightbox__prev, .lightbox__next {          display: none      }  }    @media (max-width:480px) {      .agenda-grid, .past-grid {          grid-template-columns: 1fr      }        .gallery-grid {          gap: var(--s2);          grid-template-columns: repeat(2, 1fr)      }        .cardapio-grid {          grid-template-columns: 1fr      }        .hero__badge {          padding: 6px 14px;          font-size: .68rem      }        .wa-float {          width: 46px;          height: 46px;          font-size: 1.3rem;          bottom: 16px;          right: 12px      }  }    .menu-tabs {      gap: var(--s2);      margin-bottom: var(--s7);      border-bottom: 2px solid var(--c-border);      padding-bottom: 0;      display: flex  }    .menu-tab {      padding: 12px var(--s5);      font-family: var(--f-cond);      letter-spacing: 1.5px;      text-transform: uppercase;      color: var(--c-text-2);      cursor: pointer;      transition: color var(--t-fast), border-color var(--t-fast);      align-items: center;      gap: var(--s2);      background: 0 0;      border: none;      border-bottom: 3px solid #0000;      min-height: 48px;      margin-bottom: -2px;      font-size: 1rem;      font-weight: 700;      display: flex  }    .menu-tab:hover {      color: var(--c-text)  }    .menu-tab.active {      color: var(--c-amber);      border-bottom-color: var(--c-amber)  }    .menu-tab:focus-visible {      outline: 2px solid var(--c-amber);      outline-offset: 2px;      border-radius: var(--r)  }    .menu-panel {      display: block  }    .menu-panel.hidden {      display: none  }    .menu-category {      margin-bottom: var(--s7)  }    .menu-category__title {      font-family: var(--f-display);      letter-spacing: 2px;      color: var(--c-text);      align-items: center;      gap: var(--s4);      margin-bottom: var(--s4);      font-size: clamp(1.3rem, 3vw, 1.8rem);      display: flex  }    .menu-category__title span {      align-items: center;      gap: var(--s4);      white-space: nowrap;      display: flex  }    .menu-category__title:after {      content: "";      background: var(--c-border);      flex: 1;      height: 1px  }    .menu-category__price-tag {      font-family: var(--f-cond);      color: var(--c-amber);      letter-spacing: 1px;      border: 1px solid #e8a0204d;      border-radius: 2px;      padding: 2px 10px;      font-size: .78rem;      font-style: normal;      font-weight: 700  }    .menu-category__obs {      color: var(--c-text-3);      margin-bottom: var(--s4);      padding-left: var(--s2);      border-left: 2px solid var(--c-border-h);      font-size: .82rem;      font-style: italic  }    .menu-items-grid {      border: 1px solid var(--c-border);      border-radius: var(--r-lg);      flex-direction: column;      gap: 1px;      display: flex;      overflow: hidden  }    .menu-item {      justify-content: space-between;      align-items: flex-start;      gap: var(--s4);      padding: 14px var(--s5);      background: var(--c-card);      transition: background var(--t-fast);      display: flex  }    .menu-item:not(:last-child) {      border-bottom: 1px solid var(--c-border)  }    .menu-item:hover {      background: var(--c-card-h)  }    .menu-item__info {      flex-direction: column;      flex: 1;      gap: 2px;      display: flex  }    .menu-item__info strong {      font-family: var(--f-cond);      letter-spacing: .5px;      color: var(--c-text);      font-size: 1rem;      font-weight: 800  }    .menu-item__info span {      color: var(--c-text-2);      font-size: .82rem;      line-height: 1.4  }    .menu-item__price {      font-family: var(--f-cond);      color: var(--c-amber);      white-space: nowrap;      letter-spacing: .5px;      flex-shrink: 0;      font-size: 1.1rem;      font-weight: 800  }    .menu-addons-grid {      border: 1px solid var(--c-border);      border-radius: var(--r-lg);      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));      gap: 1px;      display: grid;      overflow: hidden  }    .menu-addon {      justify-content: space-between;      align-items: center;      gap: var(--s3);      padding: 10px var(--s5);      background: var(--c-card);      color: var(--c-text-2);      border: 1px solid var(--c-border);      transition: background var(--t-fast);      font-size: .85rem;      display: flex  }    .menu-addon:hover {      background: var(--c-card-h)  }    .menu-addon span:last-child {      font-family: var(--f-cond);      color: var(--c-amber);      white-space: nowrap;      font-weight: 700  }    .menu-pizza-grid {      gap: var(--s2);      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));      display: grid  }    .menu-pizza-item {      background: var(--c-card);      border: 1px solid var(--c-border);      border-radius: var(--r);      padding: 12px var(--s4);      font-family: var(--f-cond);      color: var(--c-text);      letter-spacing: .5px;      text-align: center;      transition: border-color var(--t-fast), color var(--t-fast), background var(--t-fast);      font-size: .95rem;      font-weight: 600  }    .menu-pizza-item:hover {      border-color: var(--c-amber);      color: var(--c-amber);      background: var(--c-card-h)  }    .menu-obs {      gap: var(--s4);      border-radius: var(--r-lg);      padding: var(--s4) var(--s5);      margin-top: var(--s5);      background: #e8a0200f;      border: 1px solid #e8a02033;      align-items: flex-start;      display: flex  }    .menu-obs i {      color: var(--c-amber);      flex-shrink: 0;      margin-top: 2px;      font-size: 1rem  }    .menu-obs strong {      font-family: var(--f-cond);      letter-spacing: 1px;      text-transform: uppercase;      color: var(--c-amber);      margin-bottom: 4px;      font-size: .85rem;      font-weight: 700;      display: block  }    .menu-obs p {      color: var(--c-text-2);      font-size: .82rem;      line-height: 1.5  }    @media (max-width:600px) {      .menu-tabs {          -webkit-overflow-scrolling: touch;          scrollbar-width: none;          overflow-x: auto      }        .menu-tabs::-webkit-scrollbar {          display: none      }        .menu-tab {          white-space: nowrap;          padding: 12px var(--s4);          font-size: .85rem      }        .menu-addons-grid {          grid-template-columns: 1fr      }        .menu-pizza-grid {          grid-template-columns: 1fr 1fr      }  }    .form-input.input--error {      border-color: var(--c-red);      box-shadow: 0 0 0 3px var(--c-red-glow)  }    .form-field-error {      color: #eb7b6d;      margin-top: 4px;      padding-left: 2px;      font-size: .72rem;      display: block  }    .form-status[data-status=info] {      color: var(--c-amber);      background: #e8a0201a;      border: 1px solid #e8a0204d;      display: block  }    .status-wa-link {      color: #25d366;      font-weight: 700;      text-decoration: underline  }    .status-wa-link:hover {      color: #1db954  }    .lightbox__caption {      bottom: var(--s5);      color: var(--c-text-2);      white-space: nowrap;      text-overflow: ellipsis;      pointer-events: none;      background: #0009;      border-radius: 100px;      max-width: 80vw;      padding: 4px 14px;      font-size: .78rem;      position: absolute;      left: 50%;      overflow: hidden;      transform: translate(-50%)  }    .lightbox__counter {      top: var(--s4);      color: var(--c-text-2);      font-family: var(--f-cond);      letter-spacing: 1px;      pointer-events: none;      background: #00000080;      border-radius: 100px;      padding: 3px 12px;      font-size: .75rem;      position: absolute;      left: 50%;      transform: translate(-50%)  }    .empty-state {      text-align: center;      padding: var(--s8) var(--s5);      color: var(--c-text-2);      grid-column: 1/-1  }    .empty-state p {      margin-bottom: var(--s4);      font-size: .95rem  }    :focus-visible {      outline: 3px solid var(--c-amber);      outline-offset: 3px;      border-radius: var(--r)  }    body.nav-open {      overflow: hidden  }    .menu-item:focus-within {      background: var(--c-card-h);      outline: none  }    :root {      --c-text-3: #6e6058  }    @media print {      .header, .wa-float, .ticker, .hero__scroll {          display: none !important      }        body {          color: #000;          background: #fff      }        .section-title, .hero__title, .stats__num {          color: #000      }  }    .menu-qr-hint {      align-items: center;      gap: var(--s3);      margin-top: var(--s4);      padding: 10px var(--s4);      border-radius: var(--r-full);      color: var(--c-text-2);      transition: border-color var(--t-fast), background var(--t-fast), transform var(--t-fast);      background: #e8a02012;      border: 1px solid #e8a02040;      font-size: .9rem;      display: inline-flex  }    .menu-qr-hint strong {      color: var(--c-amber);      font-weight: 700  }    .menu-qr-hint>i:first-child {      color: var(--c-amber);      flex-shrink: 0;      font-size: 1.1rem  }    .menu-qr-hint>i:last-child {      color: var(--c-amber);      transition: transform var(--t-fast);      font-size: .8rem  }    .menu-qr-hint:hover {      border-color: var(--c-amber);      background: #e8a0201f;      transform: translateY(-2px)  }    .menu-qr-hint:hover>i:last-child {      transform: translate(3px)  }    .menu-qr-hint:focus-visible {      outline: 3px solid var(--c-amber);      outline-offset: 3px  }    @media (max-width:480px) {      .menu-qr-hint {          padding: 10px var(--s3);          font-size: .82rem      }  }    .menu-item {      position: relative  }    .menu-item:before {      content: "";      background: var(--c-amber);      width: 0;      transition: width var(--t-fast);      position: absolute;      top: 0;      bottom: 0;      left: 0  }    .menu-item:hover:before {      width: 3px  }    .menu-pizza-item:active {      transform: scale(.98)  }    @media (max-width:768px) {      .hero__bg {          background-image: url(/assets/wall-mobile.webp)      }  }    .menu-category__obs {      color: #8a7a6c  }    .icon {      vertical-align: -.125em;      fill: currentColor;      flex-shrink: 0;      width: 1em;      height: 1em;      display: inline-block  }    .footer__heading {      font-family: var(--f-cond);      letter-spacing: 2px;      text-transform: uppercase;      color: var(--c-text-2);      margin-bottom: var(--s4);      padding-bottom: var(--s2);      border-bottom: 1px solid var(--c-border);      font-size: .78rem;      font-weight: 700  }    .footer__bottom p {      color: #9a8a7c  }