views:
  - title: Home
    type: sidebar
    layout:
      columns: 2
    badges: []
    popup_cards:
      sensor.speedtest_download:
        title: Sistema
        large: true
        card:
          type: custom:stack-in-card
          cards:
            - type: horizontal-stack
              cards:
                - accuracy: 5
                  align_icon: left
                  entities:
                    - entity: sensor.speedtest_download
                      name: SpeedTest
                      show_state: true
                    - entity: sensor.google_wifi_system_aaaaabzy0fy_download_speed
                      name: Google Wifi
                      show_state: true
                  hours_to_show: 24
                  hour24: true
                  animate: true
                  line_width: 2
                  font_size_header: 12
                  font_size: 65
                  name: Download
                  points_per_hour: 10
                  show:
                    points: false
                  type: custom:mini-graph-card
                  upper_bound: 420
                  color_thresholds:
                    - value: 250
                      color: '#008400'
                    - value: 150
                      color: '#d35400'
                    - value: 100
                      color: '#c0392b'
                - accuracy: 5
                  align_icon: left
                  entities:
                    - entity: sensor.speedtest_upload
                      name: SpeedTest
                      show_state: true
                    - entity: sensor.google_wifi_system_aaaaabzy0fy_upload_speed
                      name: Google Wifi
                      show_state: true
                  hours_to_show: 24
                  hour24: true
                  animate: true
                  line_width: 2
                  font_size_header: 12
                  font_size: 65
                  name: Upload
                  points_per_hour: 10
                  show:
                    points: false
                  type: custom:mini-graph-card
                  upper_bound: 120
                  color_thresholds:
                    - value: 80
                      color: '#008400'
                    - value: 60
                      color: '#d35400'
                    - value: 30
                      color: '#c0392b'
            - type: horizontal-stack
              cards:
                - type: custom:mini-graph-card
                  name: Processador
                  entities:
                    - entity: sensor.processor_use_percent
                      name: Processador
                      show_state: true
                  line_color: orange
                  line_width: 4
                  animate: true
                  font_size_header: 12
                  font_size: 70
                  align_icon: left
                  align_state: center
                - type: custom:mini-graph-card
                  name: RAM
                  entities:
                    - entity: sensor.memory_use_percent
                      name: RAM
                      show_state: true
                  line_color: orange
                  line_width: 4
                  animate: true
                  font_size_header: 12
                  font_size: 70
                  align_icon: left
                  align_state: center
                - type: custom:mini-graph-card
                  name: Disco
                  entities:
                    - entity: sensor.disk_use_percent
                      name: Disco
                      show_state: true
                  line_color: orange
                  line_width: 4
                  animate: true
                  font_size_header: 12
                  font_size: 70
                  align_icon: left
                  align_state: center
      light.teto_escritorio:
        title: Escritorio
        style:
          $: |
            .mdc-dialog .mdc-dialog__container {
              width: 100%;
            }
            .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
              width:100%;
              box-shadow:none;
            }
          .: |
            :host {
              --mdc-theme-surface: rgba(0,0,0,0);
              --secondary-background-color: rgba(0,0,0,0);
              --ha-card-background: rgba(0,0,0,0);
              --mdc-dialog-scrim-color: rgba(0,0,0,0.8);
              --mdc-dialog-min-height: 100%;
              --mdc-dialog-min-width: 100%;
              --mdc-dialog-max-width: 100%;
            }
            mwc-icon-button {
              color: #FFF;
            }
        card:
          type: custom:light-popup-card
          entity: light.teto_escritorio
          icon: mdi:led-strip
          brightWidth: 150px
          brightHeight: 400px
          switchWidth: 150px
          switchHeight: 400px
          displaytype: slider
      person.alice:
        title: Localização Alice
        large: true
        card:
          type: map
          geo_location_sources:
            - all
          entities:
            - entity: person.alice
          hours_to_show: 3
          dark_mode: true
          default_zoom: 15
          aspect_ratio: 6x6
      person.patrick:
        title: Localização Patrick
        large: true
        card:
          type: map
          geo_location_sources:
            - all
          entities:
            - entity: person.patrick
          hours_to_show: 3
          dark_mode: true
          default_zoom: 15
          aspect_ratio: 6x6
      sensor.luzes_acesas:
        title: Luzes Acesas
        card:
          type: custom:auto-entities
          show_empty: false
          card:
            type: entities
            state_color: true
            show_header_toggle: false
          filter:
            include:
              - domain: light
                state: 'on'
                options:
                  type: custom:slider-entity-row
                  toggle: false
            exclude:
              - entity_id: light.browser*
          sort:
            method: none
            numeric: false
            reverse: false
      vacuum.robo_de_limpeza:
        title: Robô de Limpeza
        card:
          type: custom:xiaomi-vacuum-map-card
          title: ''
          preset_name: Live map
          language: pt-BR
          entity: vacuum.robo_de_limpeza
          map_source:
            camera: camera.xiaomi_cloud_map_extractor
          calibration_source:
            camera: true
          map_modes:
            - template: vacuum_clean_segment
              predefined_selections:
                - id: 2
                  outline:
                    - - 28500
                      - 24300
                    - - 28500
                      - 26300
                    - - 25300
                      - 26300
                    - - 25300
                      - 24300
                  label:
                    text: Cozinha
                    x: 22282
                    'y': 26496
                    offset_y: 35
                  icon:
                    name: mdi:shower
                    x: 22282
                    'y': 26496
                - id: 3
                  outline:
                    - - 25000
                      - 27500
                    - - 28300
                      - 27500
                    - - 28700
                      - 32900
                    - - 25000
                      - 32900
                  label:
                    text: Sala
                    x: 26500
                    'y': 30000
                    offset_y: 35
                  icon:
                    name: mdi:television
                    x: 26500
                    'y': 30000
            - template: vacuum_goto
            - template: vacuum_clean_zone
          Vacuum_platform: default
      sensor.iphone_alice_last_update_trigger:
        title: Localização de Dispositivos
        card:
          type: custom:auto-entities
          show_empty: false
          card:
            type: entities
            state_color: true
            show_header_toggle: false
          filter:
            include:
              - domain: sensor
                entity_id: sensor.*presence*
                options:
                  show_state: true
            exclude:
              - state: not_home
              - state: unavailable
          sort:
            method: none
      calendar.email.com:
        title: Calendário - 1 Semana
        card:
          type: vertical-stack
          cards:
            - type: horizontal-stack
              cards:
                - type: custom:atomic-calendar-revive
                  entities:
                    - entity: calendar.email_com
                    - entity: calendar.feriados_no_brasil
                    - entity: calendar.aniversarios
                  firstDayOfWeek: 1
                  maxDaysToShow: 7
                  hideFinishedEvents: true
                  showLocation: true
                  showRelativeTime: true
                  showWeekDay: true
                  disableEventLink: true
                  showDescription: false
    cards:
      - entity: weather.casa
        theme: Animated Weather Card
        type: custom:simple-weather-card
        backdrop: true
        primary_info:
          - humidity
          - precipitation_probability
        view_layout:
          position: sidebar
      - type: custom:simple-clock-card
        use_military: true
        hide_seconds: true
        font_size: 2rem
        padding_size: 20px
        view_layout:
          position: sidebar
        card_mod:
          style: |
            ha-card {
              --ha-card-background: rgb(37, 89, 150);
              color: white;
            }
      - type: custom:mod-card
        style: |
          ha-card {
            background: rgb(10, 25, 42);
            border-radius: var(--ha-card-border-radius, 4px);
            box-shadow: gray;
          }
        card:
          type: grid
          cards:
            - type: custom:button-card
              entity: person.patrick
              entity_picture: /local/patrick_memoji.png
              show_entity_picture: true
              name: Patrick
              show_state: true
              size: 35%
              styles:
                card:
                  - height: 90px
                  - background: transparent
                name:
                  - font-weight: 500
                  - font-size: 14px
                state:
                  - font-size: 10px
              state:
                - styles:
                    state:
                      - filter: opacity(30%)
                    name:
                      - filter: opacity(30%)
                  value: not_home
                - value: unavailable
                  style:
                    - opacity: 0.2
                  styles:
                    icon:
                      - color: red
                      - filter: opacity(30%)
                    name:
                      - color: red
                      - filter: opacity(30%)
                    state:
                      - color: red
                      - filter: opacity(30%)
            - type: custom:button-card
              entity: person.alice
              entity_picture: /local/alice_memoji.png
              show_entity_picture: true
              name: Alice
              show_state: true
              size: 35%
              styles:
                card:
                  - height: 90px
                  - background: transparent
                name:
                  - font-weight: 500
                  - font-size: 14px
                state:
                  - font-size: 10px
              state:
                - styles:
                    state:
                      - filter: opacity(30%)
                    name:
                      - filter: opacity(30%)
                  value: not_home
                - value: unavailable
                  style:
                    - opacity: 0.2
                  styles:
                    icon:
                      - color: red
                      - filter: opacity(30%)
                    name:
                      - color: red
                      - filter: opacity(30%)
                    state:
                      - color: red
                      - filter: opacity(30%)
            - type: custom:button-card
              entity: binary_sensor.caramelo
              entity_picture: /local/caramelo_memoji.png
              show_entity_picture: true
              name: Caramelo
              show_state: true
              size: 35%
              styles:
                card:
                  - height: 90px
                  - background: transparent
                name:
                  - font-weight: 500
                  - font-size: 14px
                state:
                  - font-size: 10px
              state:
                - styles:
                    state:
                      - filter: opacity(30%)
                    name:
                      - filter: opacity(30%)
                  value: 'off'
                - value: unavailable
                  style:
                    - opacity: 0.2
                  styles:
                    icon:
                      - color: red
                      - filter: opacity(30%)
                    name:
                      - color: red
                      - filter: opacity(30%)
                    state:
                      - color: red
                      - filter: opacity(30%)
          square: false
        view_layout:
          position: sidebar
      - type: custom:auto-entities
        show_empty: false
        card:
          type: entities
          state_color: false
          show_header_toggle: false
        filter:
          include:
            - entity_id: sensor.luzes_acesas
              state: '>0'
        sort:
          method: none
          numeric: false
          reverse: false
        view_layout:
          position: sidebar
      - type: vertical-stack
        cards:
          - type: custom:stack-in-card
            background: true
            box_shadow: true
            margin: true
            border_radius: true
            cards:
              - type: horizontal-stack
                cards:
                  - entity: binary_sensor.garagem_ultrasonico_1_estacionado
                    name: Garagem 1
                    show_state: false
                    show_label: true
                    size: 30%
                    hold_action:
                      action: more-info
                    state:
                      - style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                          name:
                            - color: red
                          state:
                            - color: red
                        value: unavailable
                      - style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                        value: 'off'
                        label: Livre
                      - style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: green
                        value: 'on'
                        label: Estacionado
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                      label:
                        - font-size: 10px
                    type: custom:button-card
                    lock:
                      enabled: true
                      unlock: hold
                      duration: 1
                  - entity: vacuum.robo_de_limpeza
                    name: Robô Limpeza
                    show_state: true
                    show_label: true
                    size: 30%
                    hold_action:
                      action: more-info
                    state:
                      - style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                        value: unavailable
                      - value: docked
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                    styles:
                      card:
                        - border-radius: 10px
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
                  - entity: alarm_control_panel.alarme
                    name: Alarme
                    show_state: true
                    size: 30%
                    color: auto
                    state:
                      - styles:
                          icon:
                            - color: red
                        value: disarmed
                      - styles:
                          card:
                            - background-color: rgb(255, 204, 102)
                            - '--keep-background': 'true'
                          icon:
                            - color: black
                            - filter: opacity(30%)
                            - animations:
                                - blink .5s linear infinite
                          state:
                            - color: black
                          name:
                            - color: black
                        value: armed_night
                        color_type: card
                      - styles:
                          card:
                            - background-color: green
                            - '--keep-background': 'true'
                          icon:
                            - animations:
                                - blink .5s linear infinite
                        value: armed_away
                        color_type: card
                      - styles:
                          icon:
                            - animations:
                                - blink .5s linear infinite
                        value: arming
                        color_type: card
                      - styles:
                          card:
                            - background-color: orange
                            - '--keep-background': 'true'
                        value: armed_home
                        color_type: card
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
              - type: horizontal-stack
                cards:
                  - entity: climate.ar_escritorio
                    name: Ar Escritório
                    show_state: true
                    size: 30%
                    state:
                      - styles:
                          card:
                            - background-color: rgb(37, 89, 150)
                          icon:
                            - animations:
                                - blink .5s linear infinite
                        value: cool
                        color_type: card
                      - value: 'off'
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - styles:
                          card:
                            - background-color: rgb(37, 89, 150)
                          icon:
                            - animations:
                                - blink .5s linear infinite
                        value: dry
                        color_type: card
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
                  - entity: lock.portao_social
                    show_state: true
                    size: 30%
                    state:
                      - styles:
                          card:
                            - background-color: red
                          icon:
                            - animation: blink 2s ease infinite
                        value: unlocked
                        color_type: card
                      - value: locked
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - color: green
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
                  - entity: input_select.maqlavar_status
                    name: Máquina Lavar
                    show_state: true
                    show_label: true
                    size: 30%
                    state:
                      - styles:
                          card:
                            - background: rgb(232, 190, 158)
                        value: Centrifugando
                      - styles:
                          card:
                            - background: rgb(232, 190, 158)
                        value: Batendo
                      - styles:
                          card:
                            - background: rgb(232, 190, 158)
                        value: Enchendo
                      - styles:
                          card:
                            - background: rgb(207, 98, 14)
                        value: Molho
                      - styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                        value: Parada
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
                    lock:
                      enabled: true
                      unlock: hold
                      duration: 1
              - type: horizontal-stack
                cards:
                  - entity: switch.garagem_sirene_alarm
                    name: Sirene Garagem
                    show_state: true
                    size: 30%
                    state:
                      - styles:
                          card:
                            - background-color: rgb(37, 89, 150)
                          icon:
                            - animations:
                                - blink .5s linear infinite
                        value: cool
                        color_type: card
                      - value: 'off'
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                      - value: 'on'
                        styles:
                          icon:
                            - color: red
                          name:
                            - color: red
                          state:
                            - color: red
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
                  - entity: calendar.email_com
                    name: Calendário
                    show_state: false
                    size: 30%
                    state:
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                      - styles:
                          card:
                            - background: rgb(207, 98, 14)
                        value: 'on'
                      - value: 'off'
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
                  - entity: sensor.iphone_alice_last_update_trigger
                    name: Dispositivos
                    show_state: false
                    size: 30%
                    state:
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
              - type: horizontal-stack
                cards:
                  - entity: sensor.lixo
                    show_state: false
                    size: 30%
                    state:
                      - styles:
                          card:
                            - background-color: rgb(37, 89, 150)
                          icon:
                            - animations:
                                - blink .5s linear infinite
                        value: cool
                        color_type: card
                      - value: 1
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                      - styles:
                          card:
                            - background-color: red
                            - '--keep-background': 'true'
                          icon:
                            - animation: blink 2s ease infinite
                        value: 0
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
                  - entity: binary_sensor.cozinha_sensor_de_gas
                    name: Gás
                    show_state: true
                    size: 30%
                    state:
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                      - styles:
                          card:
                            - background: rgb(207, 98, 14)
                        value: 'on'
                      - value: 'off'
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
                  - entity: sensor.speedtest_download
                    name: Sistema
                    icon: mdi:tools
                    show_state: false
                    size: 30%
                    state:
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                    styles:
                      card:
                        - height: 90px
                      name:
                        - font-weight: 500
                        - font-size: 12px
                      state:
                        - font-size: 10px
                    type: custom:button-card
            view_layout:
              position: sidebar
        view_layout:
          position: sidebar
      - type: grid
        cards:
          - type: custom:stack-in-card
            background: true
            cards:
              - color: rgb(25, 83, 148)
                color_type: label-card
                name: Iluminação
                styles:
                  card:
                    - height: 55px
                    - font-size: 20px
                    - '--keep-background': 'true'
                type: custom:button-card
              - type: custom:stack-in-card
                mode: horizontal
                cards:
                  - type: custom:button-card
                    entity: light.teto_sala
                    name: Sala
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: light.sala_mesa
                    name: Mesa
                    icon: mdi:ceiling-light
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: light.teto_escritorio
                    name: Escritório
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: light.expositor_escritorio
                    name: Expositor
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
              - type: horizontal-stack
                cards:
                  - type: custom:button-card
                    entity: light.luz_da_cozinha
                    name: Cozinha
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: light.garagem
                    name: Garagem
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: light.luz_do_banheiro
                    name: Banheiro
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: switch.corredor
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
              - type: horizontal-stack
                cards:
                  - type: custom:button-card
                    entity: light.painel_led
                    name: Painel Led
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: light.kfsuwi_screen
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: switch.sala_tomada_tablet
                    name: Tomada Tablet
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: light.escritorio_abajur
                    color: auto
                    size: 40%
                    show_state: false
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 120px
                        - '--keep-background': 'true'
                      name:
                        - font-size: 12px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 10px
                        - font-family: Helvetica
                        - justify-self: start
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - justify-self: start
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'on'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                          card:
                            - '--keep-background': 'true'
                      - value: 'off'
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
          - type: custom:frigate-card
            live:
              provider: frigate-jsmpeg
            frigate:
              camera_name: birdseye
            menu:
              buttons:
                frigate: false
                live: false
                snapshots: false
                frigate_ui: false
                clips: false
                download: false
                fullscreen: true
        square: false
        columns: 2
      - type: grid
        cards:
          - type: custom:stack-in-card
            cards:
              - color: rgb(207, 98, 14)
                color_type: label-card
                name: Informações Gerais
                styles:
                  card:
                    - height: 55px
                    - font-size: 20px
                    - '--keep-background': 'true'
                type: custom:button-card
              - type: horizontal-stack
                cards:
                  - type: custom:mini-graph-card
                    name: Conta Estimada
                    entities:
                      - sensor.custo_mes_atual
                    animate: true
                    line_width: 4
                    font_size_header: 12
                    font_size: 70
                    align_icon: left
                    align_state: center
                  - type: custom:mini-graph-card
                    entities:
                      - entity: sensor.sonoff_1000dd27e4_power
                    name: Consumo Atual
                    animate: true
                    line_width: 4
                    font_size_header: 12
                    font_size: 70
                    line_color: '#e74c3c'
                    align_icon: left
                    hours_to_show: 24
                    align_state: center
                    show:
                      graph: bar
                  - type: custom:mini-graph-card
                    name: Total Mensal
                    entities:
                      - sensor.total_mensal
                    line_color: orange
                    line_width: 4
                    animate: true
                    font_size_header: 12
                    font_size: 70
                    align_icon: left
                    align_state: center
              - color: rgb(207, 98, 14)
                color_type: label-card
                name: Temperatura e Umidade
                styles:
                  card:
                    - height: 55px
                    - font-size: 20px
                    - '--keep-background': 'true'
                type: custom:button-card
              - type: horizontal-stack
                cards:
                  - type: custom:mini-graph-card
                    name: Índices de Calor
                    entities:
                      - entity: sensor.icalor_escritorio
                        name: Escritório
                        show_state: true
                      - entity: sensor.garagem_portao_social_temperatura
                        name: Externa
                        show_state: true
                      - entity: sensor.icalor_sala
                        name: Sala
                        show_state: true
                      - entity: sensor.deposito_temperatura
                        name: Depósito
                        show_state: true
                    animate: true
                    line_width: 2
                    font_size_header: 12
                    font_size: 70
                    align_icon: left
                  - type: custom:mini-graph-card
                    name: Umidade
                    entities:
                      - entity: sensor.quarto_sensor_umidade
                        name: Escritório
                        show_state: true
                      - entity: sensor.escritorio_sensor_umidade
                        name: Quarto
                        show_state: true
                      - entity: sensor.deposito_umidade
                        name: Depósito
                        show_state: true
                      - entity: sensor.sala_sensor_umidade
                        name: Sala
                        show_state: true
                    animate: true
                    line_width: 2
                    font_size_header: 12
                    font_size: 70
                    align_icon: left
          - type: custom:stack-in-card
            cards:
              - color: rgb(25, 83, 148)
                color_type: label-card
                name: Cortinas / Persianas
                styles:
                  card:
                    - height: 55px
                    - font-size: 20px
                    - '--keep-background': 'true'
                type: custom:button-card
              - type: horizontal-stack
                cards:
                  - type: custom:button-card
                    entity: cover.sala_persiana
                    name: Sala
                    color: auto
                    size: 40%
                    show_state: true
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 90px
                        - '--paper-card-background-color': rgb(255, 251, 239)
                      name:
                        - font-size: 11px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 13px
                        - font-family: Helvetica
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: open
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                      - value: closed
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: cover.escritorio_cortina
                    name: Escritório
                    color: auto
                    size: 40%
                    show_state: true
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 90px
                        - '--paper-card-background-color': rgb(255, 251, 239)
                      name:
                        - font-size: 11px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 13px
                        - font-family: Helvetica
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: open
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                      - value: closed
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: cover.escritorio_cortina
                    name: Quarto
                    color: auto
                    size: 40%
                    show_state: true
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 90px
                        - '--paper-card-background-color': rgb(255, 251, 239)
                      name:
                        - font-size: 11px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 13px
                        - font-family: Helvetica
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: open
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                      - value: closed
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: cover.persiana_da_cozinha
                    name: Cozinha
                    color: auto
                    size: 40%
                    show_state: true
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 90px
                        - '--paper-card-background-color': rgb(255, 251, 239)
                      name:
                        - font-size: 11px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 13px
                        - font-family: Helvetica
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: open
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                      - value: closed
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
              - color: rgb(25, 83, 148)
                color_type: label-card
                name: Pessoas Detectadas
                styles:
                  card:
                    - height: 55px
                    - font-size: 20px
                    - '--keep-background': 'true'
                type: custom:button-card
              - type: horizontal-stack
                cards:
                  - type: picture-entity
                    entity: camera.frente_1_person
                    camera_image: camera.frente_1_person
                    show_state: false
                    show_name: true
                    name: Frente 1
                  - type: picture-entity
                    entity: camera.frente_2_person
                    camera_image: camera.frente_2_person
                    show_state: false
                    show_name: true
                    name: Frente 2
                  - type: picture-entity
                    entity: camera.fundos_1_person
                    camera_image: camera.fundos_1_person
                    show_state: false
                    show_name: true
                    name: Fundos 1
              - type: horizontal-stack
                cards:
                  - type: picture-entity
                    entity: camera.frente_1_car
                    camera_image: camera.frente_1_car
                    show_state: false
                    show_name: true
                    name: Frente 1
                  - type: picture-entity
                    entity: camera.frente_2_car
                    camera_image: camera.frente_2_car
                    show_state: false
                    show_name: true
                    name: Frente 2
                  - type: picture-entity
                    entity: camera.fundos_2_person
                    camera_image: camera.fundos_2_person
                    show_state: false
                    show_name: true
                    name: Fundos 2
          - type: custom:stack-in-card
            cards:
              - color: rgb(10, 25, 42)
                color_type: label-card
                name: Multimidia
                styles:
                  card:
                    - height: 55px
                    - font-size: 20px
                    - '--keep-background': 'true'
                type: custom:button-card
              - type: horizontal-stack
                cards:
                  - type: custom:button-card
                    entity: select.harmony_elite_activities
                    name: TV Sala
                    color: auto
                    size: 40%
                    show_state: true
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 90px
                        - '--paper-card-background-color': rgb(255, 251, 239)
                      name:
                        - font-size: 11px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 13px
                        - font-family: Helvetica
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: 'On'
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                      - value: PowerOff
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: media_player.tv_escritorio
                    name: TV Escritório
                    color: auto
                    size: 40%
                    show_state: true
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 90px
                        - '--paper-card-background-color': rgb(255, 251, 239)
                      name:
                        - font-size: 11px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 13px
                        - font-family: Helvetica
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: playing
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                      - value: 'off'
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
                  - type: custom:button-card
                    entity: media_player.xbox
                    color: auto
                    size: 40%
                    show_state: true
                    show_label: true
                    hold_action:
                      action: more-info
                    styles:
                      card:
                        - height: 90px
                        - '--paper-card-background-color': rgb(255, 251, 239)
                      name:
                        - font-size: 11px
                        - font-family: Helvetica
                        - font-weight: bold
                      label:
                        - color: gray
                        - font-size: 13px
                        - font-family: Helvetica
                      state:
                        - font-size: 11px
                        - font-family: Helvetica
                        - text-transform: capitalize
                        - font-weight: bold
                    state:
                      - value: open
                        styles:
                          name:
                            - color: gray
                          state:
                            - color: gray
                      - value: 'off'
                        style:
                          - opacity: 0.4
                        styles:
                          icon:
                            - filter: opacity(30%)
                          name:
                            - filter: opacity(30%)
                          state:
                            - filter: opacity(30%)
                      - value: unavailable
                        style:
                          - opacity: 0.2
                        styles:
                          icon:
                            - color: red
                            - filter: opacity(30%)
                          name:
                            - color: red
                            - filter: opacity(30%)
                          state:
                            - color: red
                            - filter: opacity(30%)
              - color: green
                color_type: label-card
                name: Spotify
                styles:
                  card:
                    - height: 55px
                    - font-size: 20px
                    - '--keep-background': 'true'
                type: custom:button-card
              - type: custom:spotify-card
                spotify_entity: media_player.spotify_sua_conta
                grid_show_title: true
                account: default
                limit: 6
                hide_warning: true
                display_style: grid
                grid_covers_per_row: '3'
                hide_top_header: true
                hide_currently_playing: true
                hide_playback_controls: true
                playlist_type: featured
        square: false
        columns: 3
      - type: custom:stack-in-card
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:atomic-calendar-revive
                entities:
                  - entity: calendar.email_com
                  - entity: calendar.feriados_no_brasil
                  - entity: calendar.aniversarios
                firstDayOfWeek: 1
                maxDaysToShow: 1
                hideFinishedEvents: true
                showLocation: false
                showRelativeTime: true
                showWeekDay: true
                disableEventLink: true
                showDescription: false
                refreshInterval: 60
        view_layout:
          position: sidebar
        card_mod:
          style: |
            ha-card {
              --ha-card-background: rgb(207, 98, 14);
              color: white;
            }
      - type: custom:mini-media-player
        entity: media_player.spotify_sua_conta
        sound_mode: full
        source: full
        hide:
          controls: false
          play_pause: false
          play_stop: false
          artwork_border: true
          icon: true
          name: true
        info: scroll
        group: true
        artwork: full-cover
        view_layout:
          position: sidebar
title: casa