.elementor-10 .elementor-element.elementor-element-ec1df6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-51635adc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:064px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-1f3217f{text-align:center;}.elementor-10 .elementor-element.elementor-element-1f3217f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-10 .elementor-element.elementor-element-3ff7340{--spacer-size:80px;}.elementor-10 .elementor-element.elementor-element-1fedd975{text-align:center;}.elementor-10 .elementor-element.elementor-element-1fedd975 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:400;text-transform:uppercase;line-height:24px;color:#000000;}.elementor-10 .elementor-element.elementor-element-65bd45ea{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-843d161{--display:flex;}.elementor-10 .elementor-element.elementor-element-1f78e19{--display:flex;}.elementor-10 .elementor-element.elementor-element-74b808f{--display:flex;}.elementor-10 .elementor-element.elementor-element-65fd9b5{--display:flex;}.elementor-10 .elementor-element.elementor-element-4fc6c13{--display:flex;}.elementor-10 .elementor-element.elementor-element-7bbc3fc{--display:flex;}.elementor-10 .elementor-element.elementor-element-d319437{--display:flex;}.elementor-10 .elementor-element.elementor-element-e32da34{--display:flex;}.elementor-10 .elementor-element.elementor-element-c46af81{--display:flex;}.elementor-10 .elementor-element.elementor-element-73ce50d3{--n-accordion-title-font-size:1,75rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-10 .elementor-element.elementor-element-73ce50d3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-10 .elementor-element.elementor-element-73ce50d3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-10 .elementor-element.elementor-element-73ce50d3 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}:where( .elementor-10 .elementor-element.elementor-element-73ce50d3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-51635adc{--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-10 .elementor-element.elementor-element-1f3217f .elementor-heading-title{font-size:18px;line-height:1.5em;}.elementor-10 .elementor-element.elementor-element-3ff7340{--spacer-size:9px;}.elementor-10 .elementor-element.elementor-element-1fedd975 .elementor-heading-title{font-size:18px;line-height:1.3em;}}/* Start custom CSS */* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body, html {
      height: 100%;
      font-family: Arial, sans-serif;
    }

    .hero {
         display: flex;
    flex-direction: column;
      position: relative;
      width: 100%;
      height: 100vh;
      background: url('http://vickrestaurante.com.br/wp-content/uploads/2025/09/campinas.jpg') no-repeat center center/cover;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 50px;
      transition: background-image 0.5s ease-in-out;
      padding: 20px;
    }
    
    .container{
    display: flex;
    gap:32px;
    }


    .option {
      flex: 1;
      min-width: 440px;
      min-height: 400px;
      background-color: rgba(0, 0, 0, 0.6);
      color: #fff !important;
      font-size: 22px;
      font-weight: bold;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 15px;
      border-radius: 12px;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
      text-transform: uppercase;
      text-align: center;
      padding: 20px;
    }

    .option h2{
    color: #fff !important;
    }
    
    .option img {
      width: 220px;
      opacity: 0;
      transform: translateY(10px);
      transition: all 0.3s ease-in-out;
    }

    /* Estado ativo (desktop + mobile + padrão) */
    .option.active {
      background-color: #fff;
      color: #000 !important;
    }
    
    .option.active h2{
    color:  #000 !important;
    }
    

    .option.active img {
      opacity: 1;
      transform: translateY(0);
    }

    /* Mobile responsivo */
    @media (max-width: 768px) {
      .hero {
        flex-direction: column;
        gap: 20px;
      }
      .container{
          flex-direction: column;
          gap:16px;
          padding:16px;
      }
      .option {
        max-width: 100%;
        width: 100%;
         min-width: 240px;
      min-height: 200px;
      }
    }/* End custom CSS */