.elementor-2010 .elementor-element.elementor-element-1310767{--display:flex;}.elementor-2010 .elementor-element.elementor-element-5554621{--display:flex;}.elementor-2010 .elementor-element.elementor-element-814f0c0{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c3c8aa0 */.catania-app {
  --ca-bg: #06101d;
  --ca-bg-2: #081827;
  --ca-panel: #0d1d2c;
  --ca-panel-2: #102436;
  --ca-line: rgba(159, 182, 198, 0.2);
  --ca-line-strong: rgba(96, 165, 250, 0.34);
  --ca-accent: #2dd4bf;
  --ca-accent-2: #60a5fa;
  --ca-text: #edf7fc;
  --ca-muted: #9fb6c6;
  --ca-dim: #708b9d;
  --ca-warn: #f6c96b;

  width: 100%;
  color: var(--ca-text) !important;
  background: var(--ca-bg) !important;
  font-family: inherit !important;
  direction: rtl;
  text-align: right;
  line-height: 1.85;
  isolation: isolate;
}

.catania-app,
.catania-app *,
.catania-app *::before,
.catania-app *::after {
  box-sizing: border-box;
  font-family: inherit !important;
}

.catania-app .ca-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
  padding: 14px 16px 28px;
  color: var(--ca-text) !important;
  background:
    linear-gradient(
      180deg,
      rgba(13, 29, 44, 0.32),
      rgba(6, 16, 29, 0) 300px
    ),
    var(--ca-bg) !important;
}

.catania-app a {
  color: var(--ca-accent-2) !important;
  text-decoration: none;
}

.catania-app a:hover {
  color: var(--ca-accent) !important;
}

.catania-app button,
.catania-app a {
  -webkit-tap-highlight-color: transparent;
}

.catania-app button:focus-visible,
.catania-app a:focus-visible,
.catania-app summary:focus-visible {
  outline: 2px solid var(--ca-accent) !important;
  outline-offset: 3px;
}


/* =========================
   TOP APP BAR
   ========================= */

.catania-app .ca-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid var(--ca-line);
  border-radius: 4px;
  color: var(--ca-muted) !important;
  background: rgba(13, 29, 44, 0.7) !important;
  font-size: 12px;
}

.catania-app .ca-status,
.catania-app .ca-update {
  color: var(--ca-muted) !important;
}

.catania-app .ca-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.catania-app .ca-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ca-accent) !important;
  box-shadow: 0 0 10px rgba(45, 212, 191, 0.45);
}


/* =========================
   BREADCRUMB
   ========================= */

.catania-app .ca-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 15px auto 8px;
  color: var(--ca-dim) !important;
  font-size: 12px;
}

.catania-app .ca-breadcrumb a,
.catania-app .ca-breadcrumb span {
  color: var(--ca-muted) !important;
}


/* =========================
   HERO
   ========================= */

.catania-app .ca-hero {
  text-align: center;
}

.catania-app .ca-eyebrow,
.catania-app .ca-kicker,
.catania-app .ca-section-meta {
  color: var(--ca-accent) !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  direction: ltr;
}

.catania-app .ca-hero h1 {
  max-width: 980px;
  margin: 7px auto 8px !important;
  padding: 0 !important;
  color: var(--ca-text) !important;
  background: transparent !important;
  font-size: clamp(25px, 3vw, 40px) !important;
  line-height: 1.42 !important;
  font-weight: 800 !important;
  text-align: center !important;
}

.catania-app .ca-lead {
  max-width: 920px;
  margin: 0 auto !important;
  color: var(--ca-muted) !important;
  background: transparent !important;
  font-size: 15px;
  line-height: 1.95;
  text-align: center !important;
}


/* =========================
   FEATURED IMAGE
   ========================= */

.catania-app .ca-cover {
  display: block !important;

  width: min(33vw, 520px) !important;
  min-width: 340px !important;

  margin-top: 18px !important;
  margin-bottom: 15px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;

  float: none !important;

  left: auto !important;
  right: auto !important;

  transform: none !important;

  position: relative !important;
  clear: both !important;

  border: 1px solid var(--ca-line-strong);
  border-radius: 4px;

  overflow: hidden;

  background: var(--ca-panel) !important;
}

.catania-app .ca-cover img {
  display: block !important;

  width: 100% !important;
  height: auto !important;

  aspect-ratio: 16 / 9;

  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  object-fit: cover !important;
  object-position: center !important;
}

.catania-app .ca-cover figcaption {
  display: grid;
  gap: 1px;

  padding: 7px 9px;

  border-top: 1px solid var(--ca-line);

  color: var(--ca-muted) !important;
  background: var(--ca-panel) !important;

  font-size: 10px;
  text-align: center;
  line-height: 1.55;
}

.catania-app .ca-cover figcaption strong {
  color: var(--ca-text) !important;
  font-size: 11px;
}


/* =========================
   QUICK STATS
   ========================= */

.catania-app .ca-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  margin: 0 auto 8px;
}

.catania-app .ca-stat {
  min-width: 0;

  padding: 10px 8px;

  border: 1px solid var(--ca-line);
  border-radius: 4px;

  background: var(--ca-panel) !important;

  text-align: center;
}

.catania-app .ca-stat span {
  display: block;

  margin-bottom: 2px;

  color: var(--ca-dim) !important;

  font-size: 10px;
}

.catania-app .ca-stat strong {
  display: block;

  color: var(--ca-text) !important;

  font-size: 14px;
  line-height: 1.5;
}

.catania-app .ca-stat-accent {
  border-color: rgba(45, 212, 191, 0.48);

  background:
    linear-gradient(
      180deg,
      rgba(45, 212, 191, 0.1),
      rgba(13, 29, 44, 0.96)
    ) !important;
}

.catania-app .ca-stat-accent strong {
  color: var(--ca-accent) !important;
}


/* =========================
   QUICK ACTIONS
   ========================= */

.catania-app .ca-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;

  margin: 0 0 18px;
}

.catania-app .ca-actions a {
  display: grid;

  grid-template-columns: 1fr auto;
  grid-template-areas:
    "small arrow"
    "title arrow";

  align-items: center;

  min-height: 58px;

  padding: 8px 10px;

  border: 1px solid var(--ca-line);
  border-radius: 4px;

  color: var(--ca-text) !important;
  background: var(--ca-bg-2) !important;

  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}

.catania-app .ca-actions a:hover {
  border-color: var(--ca-line-strong);

  color: var(--ca-text) !important;
  background: var(--ca-panel) !important;

  transform: translateY(-1px);
}

.catania-app .ca-actions a span {
  grid-area: small;

  color: var(--ca-dim) !important;

  font-size: 9px;

  direction: ltr;
  text-align: right;
}

.catania-app .ca-actions a strong {
  grid-area: title;

  color: var(--ca-text) !important;

  font-size: 12px;
}

.catania-app .ca-actions a b {
  grid-area: arrow;

  color: var(--ca-accent) !important;

  font-size: 16px;
  font-weight: 400;
}


/* =========================
   KNOWLEDGE BASE HEADER
   ========================= */

.catania-app .ca-kb {
  margin-top: 2px;
}

.catania-app .ca-kb-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;

  margin-bottom: 8px;
  padding-bottom: 8px;

  border-bottom: 1px solid var(--ca-line);
}

.catania-app .ca-kb-title {
  margin-top: 1px;

  color: var(--ca-text) !important;

  font-size: 19px;
  font-weight: 800;
  line-height: 1.5;
}

.catania-app .ca-count {
  display: inline-flex;
  align-items: center;

  min-height: 28px;

  padding: 3px 9px;

  border: 1px solid var(--ca-line);
  border-radius: 4px;

  color: var(--ca-muted) !important;
  background: var(--ca-panel) !important;

  font-size: 11px;
  white-space: nowrap;
}


/* =========================
   KNOWLEDGE CARDS
   ========================= */

.catania-app .ca-grid {
  display: grid;

  grid-template-columns: repeat(6, minmax(0, 1fr));

  gap: 8px;
}

.catania-app .ca-card {
  grid-column: span 2;

  display: flex;
  flex-direction: column;

  min-width: 0;
  min-height: 178px;

  padding: 12px;

  border: 1px solid var(--ca-line);
  border-radius: 5px;

  color: var(--ca-text) !important;

  background:
    linear-gradient(
      180deg,
      rgba(16, 36, 54, 0.88),
      rgba(13, 29, 44, 0.95)
    ) !important;

  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.catania-app .ca-card:hover {
  transform: translateY(-2px);

  border-color: var(--ca-line-strong);

  background:
    linear-gradient(
      180deg,
      rgba(18, 43, 64, 0.96),
      rgba(13, 29, 44, 0.98)
    ) !important;
}

.catania-app .ca-card-priority {
  grid-column: span 3;

  min-height: 190px;

  border-color: rgba(45, 212, 191, 0.3);

  background:
    linear-gradient(
      135deg,
      rgba(45, 212, 191, 0.08),
      rgba(16, 36, 54, 0.94) 58%,
      rgba(96, 165, 250, 0.07)
    ) !important;
}

.catania-app .ca-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;

  margin-bottom: 7px;
}

.catania-app .ca-num {
  color: var(--ca-accent) !important;

  font-size: 11px;
  font-weight: 800;

  direction: ltr;
}

.catania-app .ca-label {
  color: var(--ca-dim) !important;

  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;

  direction: ltr;
}

.catania-app .ca-card h2 {
  margin: 0 0 5px !important;
  padding: 0 !important;

  color: var(--ca-text) !important;
  background: transparent !important;

  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;

  text-align: right !important;
}

.catania-app .ca-card-priority h2 {
  font-size: 19px !important;
}

.catania-app .ca-card p {
  margin: 0 0 10px !important;

  color: var(--ca-muted) !important;
  background: transparent !important;

  font-size: 12px;
  line-height: 1.75;

  text-align: right !important;
}

.catania-app .ca-card button {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  width: fit-content;

  margin-top: auto;
  padding: 5px 0;

  border: 0;
  border-radius: 0;

  color: var(--ca-accent) !important;
  background: transparent !important;

  font-size: 11px;
  font-weight: 700;

  cursor: pointer;
}

.catania-app .ca-card button:hover {
  color: var(--ca-text) !important;
}


/* =========================
   BOTTOM CTA
   ========================= */

.catania-app .ca-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  margin: 10px 0;

  padding: 11px 12px;

  border: 1px solid var(--ca-line-strong);
  border-radius: 5px;

  background: var(--ca-bg-2) !important;
}

.catania-app .ca-next > div:first-child {
  display: grid;
  gap: 1px;
}

.catania-app .ca-next span {
  color: var(--ca-accent) !important;

  font-size: 10px;
}

.catania-app .ca-next strong {
  color: var(--ca-text) !important;

  font-size: 13px;
  font-weight: 700;
}

.catania-app .ca-next-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.catania-app .ca-next-actions a {
  display: inline-flex;
  align-items: center;

  min-height: 34px;

  padding: 5px 10px;

  border: 1px solid var(--ca-line);
  border-radius: 4px;

  color: var(--ca-text) !important;
  background: var(--ca-panel) !important;

  font-size: 11px;
}

.catania-app .ca-next-actions a:hover {
  border-color: var(--ca-accent);

  color: var(--ca-accent) !important;
}


/* =========================
   FAQ
   ========================= */

.catania-app .ca-faq-panel {
  margin-top: 10px;

  padding: 14px;

  border: 1px solid var(--ca-line);
  border-radius: 5px;

  color: var(--ca-text) !important;
  background: var(--ca-panel) !important;
}

.catania-app .ca-faq-panel h2 {
  margin: 2px 0 10px !important;
  padding: 0 !important;

  color: var(--ca-text) !important;
  background: transparent !important;

  font-size: 20px !important;
  line-height: 1.6 !important;
  font-weight: 800 !important;

  text-align: right !important;
}

.catania-app .ca-faq-list {
  display: grid;
  gap: 5px;
}

.catania-app .ca-faq-list details {
  border: 1px solid var(--ca-line);
  border-radius: 4px;

  background: var(--ca-bg-2) !important;

  overflow: clip;
}

.catania-app .ca-faq-list summary {
  position: relative;

  padding: 9px 34px 9px 10px;

  color: var(--ca-text) !important;
  background: transparent !important;

  font-size: 13px;
  font-weight: 700;

  cursor: pointer;

  list-style: none;
}

.catania-app .ca-faq-list summary::-webkit-details-marker {
  display: none;
}

.catania-app .ca-faq-list summary::before {
  content: "+";

  position: absolute;
  right: 11px;
  top: 8px;

  color: var(--ca-accent) !important;

  font-size: 17px;
  line-height: 1;
}

.catania-app .ca-faq-list details[open] summary::before {
  content: "−";
}

.catania-app .ca-faq-list p {
  margin: 0 !important;

  padding: 0 12px 10px !important;

  color: var(--ca-muted) !important;
  background: transparent !important;

  font-size: 12px;
  line-height: 1.85;
}


/* =========================
   OFFICIAL SOURCES
   ========================= */

.catania-app .ca-official-sources {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;

  margin-top: 10px;
  padding-top: 10px;

  border-top: 1px solid var(--ca-line);
}

.catania-app .ca-official-sources > span {
  margin-left: 4px;

  color: var(--ca-muted) !important;

  font-size: 11px;
  font-weight: 700;
}

.catania-app .ca-official-sources a,
.catania-app .ca-source-row a {
  display: inline-flex;
  align-items: center;

  min-height: 28px;

  padding: 3px 8px;

  border: 1px solid var(--ca-line);
  border-radius: 4px;

  color: var(--ca-accent-2) !important;
  background: rgba(8, 24, 39, 0.78) !important;

  font-size: 10px;
  line-height: 1.4;
}

.catania-app .ca-official-sources a:hover,
.catania-app .ca-source-row a:hover {
  border-color: var(--ca-accent);

  color: var(--ca-accent) !important;
}


/* =========================
   DIALOG / MODAL
   ========================= */

.catania-app .ca-dialog {
  width: min(780px, calc(100vw - 28px));
  max-width: 780px;
  max-height: 84vh;

  margin: auto;
  padding: 0;

  border: 1px solid rgba(96, 165, 250, 0.42);
  border-radius: 6px;

  color: var(--ca-text) !important;
  background: var(--ca-bg-2) !important;

  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.46);

  overflow: hidden;

  direction: rtl;
}

.catania-app .ca-dialog::backdrop {
  background: rgba(1, 7, 13, 0.84) !important;
}

.catania-app .ca-dialog[open] {
  animation: ca-dialog-in 150ms ease-out;
}

.catania-app .ca-dialog-bar {
  position: sticky;
  top: 0;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  min-height: 43px;

  padding: 7px 9px 7px 12px;

  border-bottom: 1px solid var(--ca-line);

  color: var(--ca-muted) !important;
  background: #0a1a29 !important;
}

.catania-app .ca-dialog-bar > span {
  color: var(--ca-muted) !important;

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;

  direction: ltr;
}

.catania-app .ca-dialog-bar button {
  display: inline-grid;
  place-items: center;

  width: 30px;
  height: 30px;

  padding: 0;

  border: 1px solid var(--ca-line);
  border-radius: 4px;

  color: var(--ca-text) !important;
  background: var(--ca-panel) !important;

  font-size: 20px;
  line-height: 1;

  cursor: pointer;
}

.catania-app .ca-dialog-bar button:hover {
  border-color: var(--ca-accent);

  color: var(--ca-accent) !important;
}

.catania-app .ca-dialog-body {
  max-height: calc(84vh - 43px);

  padding: 18px 20px 20px;

  overflow-y: auto;

  overscroll-behavior: contain;

  scrollbar-color:
    var(--ca-accent-2)
    var(--ca-panel);
}

.catania-app .ca-dialog-body h3 {
  margin: 0 0 10px !important;
  padding: 0 !important;

  color: var(--ca-text) !important;
  background: transparent !important;

  font-size: 23px !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;

  text-align: right !important;
}

.catania-app .ca-dialog-body p {
  margin: 0 0 11px !important;

  color: #c5d6e1 !important;
  background: transparent !important;

  font-size: 14px;
  line-height: 2;

  text-align: right !important;
}

.catania-app .ca-dialog-body strong {
  color: var(--ca-text) !important;
}

.catania-app .ca-dialog-body a {
  color: var(--ca-accent-2) !important;

  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.catania-app .ca-data-list,
.catania-app .ca-steps {
  margin: 9px 0 13px !important;

  padding: 0 22px 0 0 !important;

  color: #c5d6e1 !important;
}

.catania-app .ca-data-list li,
.catania-app .ca-steps li {
  margin: 5px 0;

  color: #c5d6e1 !important;

  font-size: 13px;
  line-height: 1.9;
}

.catania-app .ca-source-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;

  margin-top: 14px;
  padding-top: 11px;

  border-top: 1px solid var(--ca-line);
}

.catania-app .ca-source-row a {
  text-decoration: none;
}


/* =========================
   IMAT RESOURCE GRID
   ========================= */

.catania-app .ca-resource-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 6px;

  margin-top: 12px;
}

.catania-app .ca-resource-grid a {
  display: grid;
  gap: 1px;

  min-height: 58px;

  padding: 8px 9px;

  border: 1px solid var(--ca-line);
  border-radius: 4px;

  color: var(--ca-text) !important;
  background: var(--ca-panel) !important;

  text-decoration: none;
}

.catania-app .ca-resource-grid a:hover {
  border-color: var(--ca-accent);

  background: var(--ca-panel-2) !important;
}

.catania-app .ca-resource-grid span {
  color: var(--ca-dim) !important;

  font-size: 9px;

  direction: ltr;
}

.catania-app .ca-resource-grid strong {
  color: var(--ca-text) !important;

  font-size: 12px;
}


/* =========================
   BODY SCROLL LOCK
   ========================= */

body.modal-open {
  overflow: hidden !important;
}


/* =========================
   ANIMATION
   ========================= */

@keyframes ca-dialog-in {
  from {
    opacity: 0;
    transform: translateY(7px) scale(0.992);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 900px) {

  .catania-app .ca-stats {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .catania-app .ca-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .catania-app .ca-card,
  .catania-app .ca-card-priority {
    grid-column: span 1;
  }

  .catania-app .ca-card-priority {
    min-height: 178px;
  }

  .catania-app .ca-card-priority h2 {
    font-size: 17px !important;
  }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 640px) {

  .catania-app .ca-shell {
    padding: 10px 10px 20px;
  }

  .catania-app .ca-topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .catania-app .ca-hero h1 {
    font-size: 24px !important;
    line-height: 1.5 !important;
  }

  .catania-app .ca-lead {
    font-size: 13px;
    line-height: 1.9;
  }

  .catania-app .ca-cover {
    width: 92% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .catania-app .ca-stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .catania-app .ca-actions {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .catania-app .ca-grid {
    grid-template-columns: 1fr;
  }

  .catania-app .ca-card,
  .catania-app .ca-card-priority {
    min-height: 0;
  }

  .catania-app .ca-kb-head {
    align-items: flex-start;
  }

  .catania-app .ca-kb-title {
    font-size: 17px;
  }

  .catania-app .ca-next {
    align-items: stretch;
    flex-direction: column;
  }

  .catania-app .ca-next-actions {
    display: grid;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .catania-app .ca-next-actions a {
    justify-content: center;
    text-align: center;
  }

  .catania-app .ca-dialog {
    width: calc(100vw - 12px);
    max-width: none;

    height: calc(100dvh - 12px);
    max-height: none;

    border-radius: 4px;
  }

  .catania-app .ca-dialog-body {
    max-height: calc(100dvh - 55px);

    padding: 14px 13px 18px;
  }

  .catania-app .ca-dialog-body h3 {
    font-size: 19px !important;
  }

  .catania-app .ca-dialog-body p {
    font-size: 13px;
  }

  .catania-app .ca-resource-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .catania-app .ca-official-sources {
    align-items: stretch;
  }

}


/* =========================
   SMALL MOBILE
   ========================= */

@media (max-width: 390px) {

  .catania-app .ca-resource-grid {
    grid-template-columns: 1fr;
  }

  .catania-app .ca-next-actions {
    grid-template-columns: 1fr;
  }

}


/* =========================
   REDUCED MOTION
   ========================= */

@media (prefers-reduced-motion: reduce) {

  .catania-app .ca-card,
  .catania-app .ca-actions a,
  .catania-app .ca-dialog[open] {
    transition: none;
    animation: none;
  }

}/* End custom CSS */