/*!
 * Mini Bootstrap CSS | CDI
 * Grid + Containers + Display + Flex + Spacing Essentials
 */
 *,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:1rem;line-height:1.5;color:#212529;background:#fff;-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;font-weight:500;line-height:1.2}p{margin:0 0 1rem}button,input,select,textarea{font:inherit;margin:0}button{cursor:pointer}.container,.container-fluid{width:100%;margin:auto;padding-left:.75rem;padding-right:.75rem}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}.row{display:flex;flex-wrap:wrap;margin-left:-.75rem;margin-right:-.75rem}.row>*{width:100%;max-width:100%;padding-left:.75rem;padding-right:.75rem;flex-shrink:0}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.333333%}.col-2{flex:0 0 auto;width:16.666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.333333%}.col-5{flex:0 0 auto;width:41.666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.333333%}.col-8{flex:0 0 auto;width:66.666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.333333%}.col-11{flex:0 0 auto;width:91.666667%}.col-12{flex:0 0 auto;width:100%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.666667%}@media(min-width:576px){.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.333333%}.col-sm-2{flex:0 0 auto;width:16.666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.333333%}.col-sm-5{flex:0 0 auto;width:41.666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.333333%}.col-sm-8{flex:0 0 auto;width:66.666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.333333%}.col-sm-11{flex:0 0 auto;width:91.666667%}.col-sm-12{flex:0 0 auto;width:100%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.666667%}}@media(min-width:768px){.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.333333%}.col-md-2{flex:0 0 auto;width:16.666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-5{flex:0 0 auto;width:41.666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.333333%}.col-md-8{flex:0 0 auto;width:66.666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.333333%}.col-md-11{flex:0 0 auto;width:91.666667%}.col-md-12{flex:0 0 auto;width:100%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.666667%}}@media(min-width:992px){.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.333333%}.col-lg-2{flex:0 0 auto;width:16.666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-5{flex:0 0 auto;width:41.666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.333333%}.col-lg-8{flex:0 0 auto;width:66.666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.333333%}.col-lg-11{flex:0 0 auto;width:91.666667%}.col-lg-12{flex:0 0 auto;width:100%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.666667%}}@media(min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.333333%}.col-xl-2{flex:0 0 auto;width:16.666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.333333%}.col-xl-5{flex:0 0 auto;width:41.666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.333333%}.col-xl-8{flex:0 0 auto;width:66.666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.333333%}.col-xl-11{flex:0 0 auto;width:91.666667%}.col-xl-12{flex:0 0 auto;width:100%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.666667%}}@media(min-width:1400px){.col-xxl{flex:1 0 0%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.333333%}.col-xxl-2{flex:0 0 auto;width:16.666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.333333%}.col-xxl-5{flex:0 0 auto;width:41.666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.333333%}.col-xxl-8{flex:0 0 auto;width:66.666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.333333%}.col-xxl-11{flex:0 0 auto;width:91.666667%}.col-xxl-12{flex:0 0 auto;width:100%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.666667%}}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-center{align-self:center!important}.align-self-end{align-self:flex-end!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-100{height:100%!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.overflow-hidden{overflow:hidden!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.text-center{text-align:center!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.g-0,.gx-0{--gutter-x:0}.g-0,.gy-0{--gutter-y:0}.g-1,.gx-1{--gutter-x:.25rem}.g-1,.gy-1{--gutter-y:.25rem}.g-2,.gx-2{--gutter-x:.5rem}.g-2,.gy-2{--gutter-y:.5rem}.g-3,.gx-3{--gutter-x:1rem}.g-3,.gy-3{--gutter-y:1rem}.g-4,.gx-4{--gutter-x:1.5rem}.g-4,.gy-4{--gutter-y:1.5rem}.g-5,.gx-5{--gutter-x:3rem}.g-5,.gy-5{--gutter-y:3rem}.row{margin-left:calc(var(--gutter-x,.75rem)*-.5);margin-right:calc(var(--gutter-x,.75rem)*-.5);row-gap:var(--gutter-y,0)}.row>*{padding-left:calc(var(--gutter-x,.75rem)*.5);padding-right:calc(var(--gutter-x,.75rem)*.5)}

:root {
  --color-vermelho: #891f0a;
  --color-vermelho-escuro: #631405;
  --color-destaque: #eb6546;
  --color-amarelo-claro: #ece6d5;
  --color-dark: #110401;
  --color-cream: #f3eddc;
  --font-title: "georgia-pro", Georgia, "Times New Roman", serif;
  --font-body: "poppins", Arial, sans-serif;
  --container-wide: 1180px;
}

body {
  min-width: 320px;
  font-family: var(--font-body);
  font-size: 20px;
  line-height: 1.15;
  color: var(--color-dark);
  background: var(--color-vermelho-escuro);
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 18% 20%, rgba(235, 101, 70, .12), transparent 16%), radial-gradient(circle at 82% 42%, rgba(235, 101, 70, .1), transparent 18%), var(--color-vermelho-escuro);
}

h1,
h2,
h3 {
  font-family: var(--font-title);
  font-weight: 700;
  line-height: 1.15;
}

h1 {

    margin: 12px auto 6px;
    font-size: 38px !important;
    color: var(--color-cream);
    font-style: italic;
}

h2 { font-size: 32px; font-style: italic;}
h3 { font-size: 24px; font-style: italic;}
p { font-size: 18px; line-height: 1.15; }
a { color: inherit; }
.container { max-width: var(--container-wide); }

.skip-link {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 20;
  padding: 10px 14px;
  color: var(--color-dark);
  background: var(--color-amarelo-claro);
  transform: translateY(-140%);
}

.skip-link:focus { transform: translateY(0); }
.section-ptb { padding-top: 45px; padding-bottom: 45px; }
.section-pt { padding-top: 45px; }
.section-pb { padding-bottom: 45px; }
.narrow { width: 100%; max-width: 800px; }


.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 28px;
  border: 0;
  border-radius: 999px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-amarelo-claro);
  text-decoration: none;
  text-transform: uppercase;
  background: var(--color-destaque);
  transition: transform .2s ease, background-color .2s ease;
    width: 280px;
    height: 62px; 
    margin-top: 14px;    
}

.button:hover,
.button:focus-visible {
  color: #fff;
  background: #ff7658;
  transform: translateY(-2px);
}

.section-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .65s ease, transform .65s ease;
}

.section-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.image-fallback {
  background: linear-gradient(135deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .03)), #d9d2c0;
  object-fit: cover;
}

/* Header */
.site-header {
  position: relative;
  min-height: 570px;
  padding: 34px 0 36px;
  overflow: hidden;
  color: var(--color-amarelo-claro);
  text-align: center;
  background: var(--color-vermelho-escuro) url("images/bg.jpg") center / cover no-repeat;
}

.hero-frame {
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(236, 230, 213, .45);
  pointer-events: none;
}

.hero-frame::before,
.hero-frame::after {
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  border: 2px solid var(--color-amarelo-claro);
  border-radius: 50%;
  background: var(--color-dark);
}

.hero-frame::before { left: -7px; top: -7px; }
.hero-frame::after { right: -7px; top: -7px; }

.hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 588px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.hero-logo {
  width: 150px;
  min-height: 80px;
  object-fit: contain;
}

.hero-offer {
  width: min(250px, 72vw);
  min-height: 120px;
  margin: 8px auto 16px;
  object-fit: contain;
}

.hero-dish {
  position: absolute;
  z-index: 1;
  bottom: -58px;
  width: min(54vw, 360px);
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
}

.hero-dish-left { left: -22vw; }
.hero-dish-right { right: -22vw; }
.site-header p { max-width: 410px; margin: 0 auto 8px; color: var(--color-amarelo-claro); }

/* Sobre */
.section-light { color: var(--color-vermelho); background: var(--color-amarelo-claro); }
#sobre h2 { margin-bottom: 16px; color: var(--color-vermelho); }

.feature-list {
  margin: 24px 0;
  padding: 18px;
  border: 1px solid var(--color-destaque);
  border-radius: 8px;
  background: rgba(255, 255, 255, .25);
}

.feature-list h3 {
  margin-bottom: 12px;
  font-size: 18px;
  font-family: var(--font-body);
  color: var(--color-vermelho-escuro);
}

.feature-list ul { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }
.feature-list li { display: flex; gap: 8px; align-items: flex-start; font-size: 15px; }
.feature-list svg { width: 18px; min-width: 18px; fill: var(--color-destaque); }
.about-media { position: relative; width: min(100%, 430px); margin: 0 auto; }


.badge-float {
    position: absolute;
    z-index: 2;
    left: -36px;
    bottom: 36px;
    display: grid;
    width: 180px;
    height: 180px;
    place-items: center;
    border: 2px solid var(--color-vermelho);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: var(--color-vermelho);
    background: var(--color-amarelo-claro);
    animation: floatBadge 2s ease-in-out infinite;
}

@keyframes floatBadge {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Experiência */
.section-red { color: var(--color-amarelo-claro); background: var(--color-vermelho); }
.experience-grid { display: grid; gap: 28px; align-items: center; }
.experience-image { padding: 10px; border: 1px solid rgba(236, 230, 213, .35); }
.experience-image img { width: 100%; min-height: 250px; object-fit: cover; }
.experience-copy h2 { color: var(--color-destaque); }
.experience-copy strong { display: block; margin-top: 18px; font-size: 20px; color: #fff; }

/* Como funciona */
.section-transition { background: linear-gradient(to bottom, var(--color-amarelo-claro) 0 52%, var(--color-vermelho) 52% 100%); }
.framed-panel { position: relative; padding: 46px 22px; color: var(--color-vermelho); background: var(--color-amarelo-claro); }
.frame-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.frame-svg rect { fill: none; stroke: rgba(17, 4, 1, .55); stroke-width: 2; }
.frame-svg circle { fill: var(--color-dark); }
.framed-panel > h2,
.framed-panel > p,
.framed-panel > .button,
.steps-grid,
.carousel { position: relative; z-index: 1; }
.framed-panel h2 { margin-bottom: 28px; text-align: center; }
.steps-grid { display: grid; gap: 20px; }
.steps-grid article { color: var(--color-dark); }
.steps-grid svg { width: 34px; height: 34px; margin-bottom: 10px; fill: var(--color-vermelho); }
.steps-grid h3 { margin-bottom: 8px; font-size: 21px; font-family: var(--font-body); color: var(--color-dark); }
.steps-grid p { font-size: 16px; }

/* Restaurantes */
.section-deep-red { color: var(--color-amarelo-claro); background: transparent; }
.section-title { margin-bottom: 28px; text-align: center; color: var(--color-amarelo-claro); }
.carousel { --items-per-view: 2; --carousel-gap: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: center; }
.carousel-viewport { grid-column: 1 / -1; grid-row: 1; overflow: hidden; }
.carousel-track { display: flex; gap: var(--carousel-gap); transition: transform .35s ease; will-change: transform; }
.carousel-prev,
.carousel-next { grid-row: 2; }
.carousel-prev { justify-self: end; }
.carousel-next { justify-self: start; }

.restaurant-card {
  display: flex;
  min-width: calc((100% - (var(--carousel-gap) * (var(--items-per-view) - 1))) / var(--items-per-view));
  min-height: 300px;
  flex-direction: column;
  justify-content: center;
  padding: 20px 14px;
  border: 1px solid rgba(236, 230, 213, .8);
  color: var(--color-amarelo-claro);
  text-align: center;
}

#restaurantes .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
    height: 120px;
}

.restaurant-card strong { display: grid; min-height: 50px; place-items: center; font-family: var(--font-title); font-size: 20px; }
.restaurant-card span { width: 72px; height: 1px; margin: 8px auto 12px; background: rgba(236, 230, 213, .8); }
.restaurant-card h2 { margin: 0 0 6px; font-size: 32px; color: #fff; }
.restaurant-card p {
    max-width: 100%;
    margin: 0 auto;
    font-size: 18px;
}

.carousel-arrow {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: var(--color-vermelho);
  background: var(--color-amarelo-claro);
  transition: transform .2s ease, background-color .2s ease;
}

.carousel-arrow svg { width: 24px; height: 24px; fill: currentColor; }
.carousel-arrow:hover,
.carousel-arrow:focus-visible { background: #fff; transform: scale(1.08); }


.restaurants-slider{
    position:relative;
}

.restaurants-swiper{
    overflow:hidden;
}

/* ---------- NAV ---------- */

.restaurants-nav{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:28px;
}

.restaurants-prev,
.restaurants-next{

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none;
    border-radius:50%;

    cursor:pointer;

    color:var(--color-vermelho);
    background:var(--color-amarelo-claro);

    transition:.25s;
}

.restaurants-prev:hover,
.restaurants-next:hover{
    background:#fff;
    transform:scale(1.08);
}

.restaurants-prev svg,
.restaurants-next svg{
    width:24px;
    height:24px;
    fill:currentColor;
}

/* ---------- Desktop ---------- */

@media (min-width:992px){

    .restaurants-nav{
        display:block;
        margin:0;
    }

    .restaurants-prev,
    .restaurants-next{

        position:absolute;
        top:50%;
        margin-top:-23px;
        z-index:20;

    }

    .restaurants-prev{
        left:-70px;
    }

    .restaurants-next{
        right:-70px;
    }

}

/* Desculpa perfeita */
.excuse-grid { display: grid; gap: 28px; align-items: center; }
.excuse-image img { width: 100%; min-height: 360px; object-fit: contain; }
.excuse-copy h2 { color: var(--color-amarelo-claro); }
.excuse-copy p { color: #fff; }

/* Dúvidas */
#duvidas { padding-bottom: 0; }
.faq-list { width: 100%; }
.faq-item:nth-child(3n + 1) { --faq-bg: var(--color-vermelho); }
.faq-item:nth-child(3n + 2) { --faq-bg: var(--color-destaque); }
.faq-item:nth-child(3n) { --faq-bg: var(--color-dark); }
.faq-question { display: flex; width: 100%; min-height: 70px; align-items: center; justify-content: space-between; gap: 16px; padding: 18px max(18px, calc((100vw - var(--container-wide)) / 2 + 18px)); border: 0; color: #fff; text-align: left; background: var(--faq-bg); }
.faq-question span { font-size: 17px; line-height: 1.2; }
.faq-question svg { width: 24px; min-width: 24px; fill: currentColor; }
.faq-question .icon-v { transform-origin: center; transition: transform .2s ease; }
.faq-question[aria-expanded="true"] .icon-v { transform: rotate(90deg) scaleX(0); }
.faq-answer { padding: 18px max(18px, calc((100vw - var(--container-wide)) / 2 + 18px)); color: #fff; background: rgba(17, 4, 1, .65); }
.faq-answer p { max-width: 920px; margin: 0; }





.partners-slider{
    position:relative;
}

.partners-swiper{
    overflow:hidden;
    padding:10px;
}

.partners-swiper .swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center;
    height:140px;
}

.partners-swiper .logo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.partners-swiper .logo img{
    max-width:180px;
    max-height:70px;
    width:auto;
    height:auto;
}

.partners-prev,
.partners-next{

    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:20;

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none;
    border-radius:50%;

    color:var(--color-vermelho);

    background:var(--color-amarelo-claro);

    cursor:pointer;

    transition:.25s;
}

.partners-prev{
    left:-60px;
}

.partners-next{
    right:-60px;
}

.partners-prev:hover,
.partners-next:hover{
    transform:translateY(-50%) scale(1.08);
}

.partners-prev svg,
.partners-next svg{
    width:24px;
    height:24px;
    fill:currentColor;
}

@media (max-width:991px){

    .partners-prev,
    .partners-next{
        display:none;
    }

}

/* Parceiros */
.partners-panel { padding-bottom: 56px; text-align: center; }
.partners-panel h2 { max-width: 640px; margin: 0 auto 2px; }
.partners-panel p { margin-bottom: 24px; color: var(--color-dark); }
.partners-carousel { max-width: 930px; margin: 0 auto 28px; }
.partners-carousel .carousel-track { display: grid; grid-auto-flow: column; grid-template-rows: repeat(3, 76px); grid-auto-columns: calc((100% - 32px) / 3); }
.partner-logo { display: grid; min-height: 76px; place-items: center; padding: 8px; font-family: var(--font-title); font-size: 19px; font-weight: 700; color: var(--color-dark); text-transform: uppercase; }



#parceiros .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
    height: 80px;
}



/* Rodapé e legal */
.site-footer { padding: 56px 0 42px; color: #fff; text-align: center; background: #050202; }
.footer-logo { margin-bottom: 44px; font-family: var(--font-title); font-size: 28px; font-weight: 700; }
.footer-grid { display: grid; gap: 30px; }
.footer-grid h2 { margin-bottom: 14px; font-family: var(--font-body); font-size: 15px; text-transform: uppercase; }
.footer-grid p,
.copyright { font-size: 13px; color: rgba(255, 255, 255, .75); }
.social-list,
.payment-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; padding: 0; margin: 0; list-style: none; }
.social-list a,
.payment-list span { display: grid; min-width: 34px; height: 26px; place-items: center; color: #fff; text-decoration: none; background: rgba(255, 255, 255, .08); }
.copyright { margin-top: 38px; }
.legal { padding: 32px 0 110px; color: var(--color-dark); text-align: center; background: var(--color-amarelo-claro); }
.legal p { margin-bottom: 10px; font-size: 13px; }

/* Banner fixo */
.fixed-banner { position: fixed; left: 50%; bottom: 20px; z-index: 30; width: min(360px, calc(100vw - 32px)); opacity: 0; pointer-events: none; transform: translate(-50%, 18px); transition: opacity .25s ease, transform .25s ease; }
.fixed-banner.visible { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.fixed-banner a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-radius: 999px; color: #fff; text-decoration: none; background: var(--color-destaque); box-shadow: 0 12px 30px rgba(17, 4, 1, .28); }
.fixed-banner span { font-size: 13px; }
.fixed-banner strong { font-size: 15px; }

/* Media queries */
@media (min-width: 768px) {
  h1 { font-size: 44px; }
  h2 { font-size: 40px; }
  h3 { font-size: 35px; }
  p { font-size: 20px; }
  .site-header { min-height: 610px; }
  .hero-logo { width: 180px; }
  .hero-dish { width: min(40vw, 500px); bottom: -96px; }
  .hero-dish-left { left: -120px; }
  .hero-dish-right { right: -120px; }
  .experience-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
  .steps-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .carousel { --items-per-view: 3; }
  .excuse-grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); }
  .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
}

@media (min-width: 992px) {
  .site-header { min-height: 650px; }
  
    
.hero-dish {
    /* width: min(38vw, 100%); */
    width: 588px;
}    
    
  .carousel { --items-per-view: 4; position: relative; display: block; }
  .carousel-arrow { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); }
  .carousel-arrow:hover,
  .carousel-arrow:focus-visible { transform: translateY(-50%) scale(1.08); }
  .carousel-prev { left: -60px; }
  .carousel-next { right: -60px; }
.partners-carousel .carousel-track {
    grid-template-rows: repeat(2, 157px);
    grid-auto-columns: calc((100% - 64px) / 5);
}
  .partners-carousel .carousel-arrow { top: 50%; }
}

@media (min-width: 1200px) {
  .site-header { min-height: 690px; }
  .hero-dish-left { left: -60px; }
  .hero-dish-right { right: -60px; }
  .framed-panel { padding: 64px 70px; }
}

@media (min-width: 1920px) {
  .container { max-width: 1320px; }
    
.hero-dish {width: 728px;}    
.hero-dish-right {right: -60px; bottom: -210px;}    
.hero-dish-left {left: -60px; bottom: -210px;}