/* =====================================================
   RC App Embed — style.css
   ===================================================== */

.rc-ae {
  font-family: 'Jost', sans-serif;
  width: 100%;
}

/* ── Intro ───────────────────────────────────────────── */
.rc-ae__intro {
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.5rem;
  background-color: #f1ebe4;
  border-left: 2px solid #c58f95;
}

.rc-ae__intro p {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.78;
  color: #5f6b74;
}

/* ── Frame wrapper ───────────────────────────────────── */
.rc-ae__frame-wrap {
  width: 100%;
  position: relative;
  border: 1px solid #ddd2c6;
  border-radius: 0;
  overflow: hidden;
  background-color: #f6f1ea;
}

/* Loading shimmer */
.rc-ae__frame-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    #f6f1ea 25%,
    #f1ebe4 50%,
    #f6f1ea 75%);
  background-size: 200% 100%;
  animation: rc-ae-shimmer 1.5s infinite;
  z-index: 0;
}

@keyframes rc-ae-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ── Iframe ──────────────────────────────────────────── */
.rc-ae__frame {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  background: transparent;
}

/* ── Nota sotto ──────────────────────────────────────── */
.rc-ae__note {
  margin: 0.75rem 0 0;
  font-size: 0.8rem;
  color: #5f6b74;
  text-align: center;
}

.rc-ae__note a {
  color: #c58f95;
  text-decoration: none;
  font-weight: 500;
  transition: color .2s ease;
}

.rc-ae__note a:hover {
  color: #21374c;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
  .rc-ae__frame-wrap {
    /* Su mobile altezza automatica — scroll interno */
    height: 90vh !important;
  }
}