// OT-MMO: marco de FOCO (Alt+clic, game_apuntar). Como el de objetivo, más pequeño; lo coloca y lo llena
// game_objetivo.lua. Debajo, su barra de carga.
UIWidget
  id: foco
  size: 208 74
  phantom: true
  focusable: false

  UIWidget
    id: marco
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    height: 44
    background-color: #192127F5
    border-width: 1
    border-color: $otmmo-border
    phantom: true

    UIWidget
      id: retratoMarco
      anchors.top: parent.top
      anchors.left: parent.left
      margin: 4 0 0 4
      size: 36 36
      background-color: $otmmo-bg
      border-width: 1
      border-color: $otmmo-border
      clipping: true
      phantom: true

      UICreature
        id: retrato
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        margin-top: -4
        size: 48 48
        creature-size: 64
        creature-center: true
        phantom: true

    Label
      id: etiqueta
      anchors.top: parent.top
      anchors.right: parent.right
      margin: 5 7 0 0
      ttf-font: geist
      ttf-font-size: 10
      color: $otmmo-accent
      text: Foco
      text-auto-resize: true
      phantom: true

    Label
      id: nombre
      anchors.top: parent.top
      anchors.left: retratoMarco.right
      anchors.right: etiqueta.left
      margin: 4 6 0 7
      height: 16
      ttf-font: geistsemibold
      ttf-font-size: 12
      color: $otmmo-text
      text-auto-resize: false
      phantom: true

    UIWidget
      id: vida
      anchors.bottom: parent.bottom
      anchors.left: retratoMarco.right
      anchors.right: parent.right
      margin: 0 6 5 7
      height: 14
      background-color: $otmmo-bg
      border-width: 1
      border-color: $otmmo-border
      phantom: true

      UIWidget
        id: fill
        anchors.top: parent.top
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        margin: 1
        width: 1
        background-color: $otmmo-hp
        phantom: true

      Label
        id: pct
        anchors.fill: parent
        ttf-font: geistmono
        ttf-font-size: 10
        ttf-stroke: 1 #10161C
        color: $otmmo-text
        text-align: center
        phantom: true

  UIWidget
    id: carga
    anchors.top: marco.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin: 4 0 0 0
    height: 20
    background-color: #192127F5
    border-width: 1
    border-color: $otmmo-border
    visible: false
    phantom: true

    UIWidget
      id: fill
      anchors.top: parent.top
      anchors.bottom: parent.bottom
      anchors.left: parent.left
      margin: 1
      width: 1
      background-color: $otmmo-accent
      opacity: 0.35
      phantom: true

    Label
      id: nombre
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 7
      ttf-font: geistsemibold
      ttf-font-size: 11
      color: $otmmo-text
      text-auto-resize: true
      phantom: true

    Label
      id: aviso
      anchors.left: nombre.right
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 6
      ttf-font: geistsemibold
      ttf-font-size: 10
      color: $otmmo-warn
      text: Interrumpe
      text-auto-resize: true
      visible: false
      phantom: true

    Label
      id: tiempo
      anchors.right: parent.right
      anchors.verticalCenter: parent.verticalCenter
      margin-right: 7
      ttf-font: geistmono
      ttf-font-size: 11
      color: $otmmo-text-2
      text-auto-resize: true
      phantom: true