body {
  margin: 0px;
  font-family: var(--font-primary, 'IBM Plex Sans', system-ui, sans-serif);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: #F4F7F6;
  color: #001817;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

@media (prefers-color-scheme: dark) {
  body {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: #001817;
  color: #FFFFFF;
  }
}

h1 {
  margin: 0px;
  line-height: 1.15;
}

p {
  margin: 0px;
}

.obra {
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 56px 32px 64px;
}

@media (max-width: 600px) {
  .obra {
  padding: 36px 24px 48px;
  }
}

.obra-marca {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin: 0px 0px 44px;
}

@media (max-width: 600px) {
  .obra-marca {
  gap: 14px;
  margin-bottom: 32px;
  }
}

.obra-titulo {
  font-size: 58px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .obra-titulo {
  font-size: 40px;
  margin-bottom: 16px;
  white-space: normal;
  }
}

@media (max-width: 820px) {
  .obra-titulo {
  font-size: 48px;
  }
}

.obra-texto {
  font-size: 20px;
  color: #004340;
}

@media (prefers-color-scheme: dark) {
  .obra-texto {
  color: #A4CDCA;
  }
}

@media (max-width: 600px) {
  .obra-texto {
  font-size: 17px;
  }
}

.apk {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: #F2F5F4;
}

.apk-wrap {
  max-width: 640px;
  width: 100%;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #E2E6E6;
  border-right-color: #E2E6E6;
  border-bottom-color: #E2E6E6;
  border-left-color: #E2E6E6;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  padding: 56px 48px;
  text-align: center;
}

.apk-marca {
  margin: 0px 0px 32px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #005854;
}

.apk-titulo {
  margin: 0px 0px 20px;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #030C0C;
}

.apk-texto {
  margin: 0px 0px 40px;
  font-size: 21px;
  line-height: 1.5;
  color: #4B5554;
}

.apk-boton-fila {
  margin: 0px 0px 28px;
}

.apk-boton {
  display: inline-block;
  padding: 22px 56px;
  font-size: 26px;
  font-weight: 600;
  color: #FFFFFF;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: #006E69;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  text-decoration: none;
}

.apk-boton:focus {
  outline-color: #030C0C;
  outline-style: solid;
  outline-width: 4px;
  outline-offset: 4px;
}

.apk-nota {
  margin: 0px;
  font-size: 17px;
  color: #4B5554;
}

.obra-simbolo {
  width: 88px;
  height: 88px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: block;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPgogIDx0aXRsZT5LaW9za3Ug4oCUIG1hcmNhIGV4cHJlc2l2YTwvdGl0bGU+CgogIAogIDxsaW5lYXJHcmFkaWVudCBpZD0iZy12LWV4cCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICB4MT0iOC4zNyIgeTE9IjEyLjAxIiB4Mj0iMzAuNjMiIHkyPSI1MS41OSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNBNENEQ0EiLz4KICAgIDxzdG9wIG9mZnNldD0iMC41IiBzdG9wLWNvbG9yPSIjMDhBNDlFIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZFNjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIAogIDxsaW5lYXJHcmFkaWVudCBpZD0iZy1hLWV4cCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICB4MT0iMjAuNzIiIHkxPSIxOS4xMyIgeDI9IjU2LjAzIiB5Mj0iMzkuMDAiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjQUJCN0YyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzVGNkNENyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM0E0MEEzIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICAKICA8bGluZWFyR3JhZGllbnQgaWQ9ImctYy1leHAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIgogICAgeDE9IjE4LjA3IiB5MT0iMjYuNzAiIHgyPSI0MC44MyIgeTI9IjQ5LjQ2Ij4KICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0FCQjdGMiIvPgogICAgPHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiM1RjZDRDciLz4KICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzNBNDBBMyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgCiAgCiAgCiAgCiAgPGxpbmVhckdyYWRpZW50IGlkPSJlLXYtZXhwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgIHgxPSI4LjM3IiB5MT0iMTIuMDEiIHgyPSI4LjM3IiB5Mj0iNTEuNTkiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDA1ODU0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDQzNDAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIAogIDxsaW5lYXJHcmFkaWVudCBpZD0iZS1hLWV4cCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICB4MT0iMjAuNzIiIHkxPSIxOS4xMyIgeDI9IjIwLjcyIiB5Mj0iMzkuMDAiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjM0E0MEEzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRTMzODAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIAogIDxsaW5lYXJHcmFkaWVudCBpZD0iZS1jLWV4cCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICB4MT0iMTguMDciIHkxPSIyNi43MCIgeDI9IjE4LjA3IiB5Mj0iNDkuNDYiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjM0E0MEEzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRTMzODAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIAogIDxmaWx0ZXIgaWQ9InMtZXhwIiB4PSItMzUlIiB5PSItMzUlIiB3aWR0aD0iMTcwJSIgaGVpZ2h0PSIxNzAlIj4KICAgIDxmZURyb3BTaGFkb3cgZHg9Ii0wLjM1IiBkeT0iMC40NSIgc3RkRGV2aWF0aW9uPSIwLjM1IgogICAgICBmbG9vZC1jb2xvcj0iIzAwMTgxNyIgZmxvb2Qtb3BhY2l0eT0iMC40MiIvPgogICAgPGZlRHJvcFNoYWRvdyBkeD0iMCIgZHk9IjEuMSIgc3RkRGV2aWF0aW9uPSIxLjUiCiAgICAgIGZsb29kLWNvbG9yPSIjMDAxODE3IiBmbG9vZC1vcGFjaXR5PSIwLjE2Ii8+CiAgPC9maWx0ZXI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJoLWV4cCI+CiAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwOEE0OUUiIHN0b3Atb3BhY2l0eT0iMC4yMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDhBNDlFIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxlbGxpcHNlIGN4PSIzMiIgY3k9IjMyIiByeD0iMzQiIHJ5PSIzMiIgZmlsbD0idXJsKCNoLWV4cCkiLz4KICA8ZyBpZD0iYXBhaXNhZG8tMTYtOSIgZmlsdGVyPSJ1cmwoI3MtZXhwKSI+CiAgICA8cmVjdCBpZD0iZXNwZXNvci1hcGFpc2FkbyIgeD0iMjAuMzIiIHk9IjE5LjUzIiB3aWR0aD0iMzUuMzEiIGhlaWdodD0iMTkuODYiIHJ4PSI1LjAiIGZpbGw9InVybCgjZS1hLWV4cCkiLz4KICAgIDxyZWN0IGlkPSJjYXJhLWFwYWlzYWRvIiB4PSIyMC43MiIgeT0iMTkuMTMiIHdpZHRoPSIzNS4zMSIgaGVpZ2h0PSIxOS44NiIKICAgICAgcng9IjUuMCIgZmlsbD0idXJsKCNnLWEtZXhwKSIvPgogIDwvZz4KICAKICA8ZyBpZD0idmVydGljYWwtOS0xNiIgZmlsdGVyPSJ1cmwoI3MtZXhwKSI+CiAgICA8cmVjdCBpZD0iZXNwZXNvci12ZXJ0aWNhbCIgeD0iNy45NyIgeT0iMTIuNDEiIHdpZHRoPSIyMi4yNiIgaGVpZ2h0PSIzOS41OCIgcng9IjUuMCIgZmlsbD0idXJsKCNlLXYtZXhwKSIvPgogICAgPHJlY3QgaWQ9ImNhcmEtdmVydGljYWwiIHg9IjguMzciIHk9IjEyLjAxIiB3aWR0aD0iMjIuMjYiIGhlaWdodD0iMzkuNTgiCiAgICAgIHJ4PSI1LjAiIGZpbGw9InVybCgjZy12LWV4cCkiLz4KICA8L2c+CiAgCiAgPGcgaWQ9ImN1YWRyYWRvLTEtMSIgZmlsdGVyPSJ1cmwoI3MtZXhwKSIgb3BhY2l0eT0iMS4wIj4KICAgIDxyZWN0IGlkPSJlc3Blc29yLWN1YWRyYWRvIiB4PSIxNy42NyIgeT0iMjcuMTAiIHdpZHRoPSIyMi43NiIgaGVpZ2h0PSIyMi43NiIgcng9IjUuMCIgZmlsbD0idXJsKCNlLWMtZXhwKSIvPgogICAgPHJlY3QgaWQ9ImNhcmEtY3VhZHJhZG8iIHg9IjE4LjA3IiB5PSIyNi43MCIgd2lkdGg9IjIyLjc2IiBoZWlnaHQ9IjIyLjc2IgogICAgICByeD0iNS4wIiBmaWxsPSJ1cmwoI2ctYy1leHApIi8+CiAgPC9nPgogIAo8L3N2Zz4K");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}

@media (max-width: 600px) {
  .obra-simbolo {
  width: 60px;
  height: 60px;
  }
}

.obra-nombre {
  font-size: 62px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #08A49E;
  text-shadow: 0 2px 4px rgba(0, 24, 23, 0.28);
}

@media (prefers-color-scheme: dark) {
  .obra-nombre {
  color: #72BDB7;
  text-shadow: 0 0 12px rgba(8, 164, 158, 0.30);
  }
}

@media (max-width: 600px) {
  .obra-nombre {
  font-size: 42px;
  }
}

.obra-cuerpo {
  max-width: 720px;
}

.obra-cinta {
  display: block;
  width: 200px;
  height: 10px;
  margin-top: 48px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-image: repeating-linear-gradient(135deg, #08A49E 0 14px, #001817 14px 28px);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

@media (max-width: 600px) {
  .obra-cinta {
  margin-top: 36px;
  }
}