/* Estilos inline para garantir que funcionem no WordPress */
      :root {
        --orange-50: #fff7ed;
        --orange-100: #ffedd5;
        --orange-200: #fed7aa;
        --orange-300: #fdba74;
        --orange-400: #fb923c;
        --orange-500: #f97316;
        --orange-600: #ea580c;
        --orange-700: #c2410c;
        --orange-800: #9a3412;
        --orange-900: #7c2d12;

        --gray-50: #f9fafb;
        --gray-100: #f3f4f6;
        --gray-200: #e5e7eb;
        --gray-300: #d1d5db;
        --gray-400: #9ca3af;
        --gray-500: #6b7280;
        --gray-600: #4b5563;
        --gray-700: #374151;
        --gray-800: #1f2937;
        --gray-900: #111827;

        --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
          0 1px 2px 0 rgba(0, 0, 0, 0.06);
        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
          0 2px 4px -1px rgba(0, 0, 0, 0.06);
        --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
          0 4px 6px -2px rgba(0, 0, 0, 0.05);

        --radius: 0.5rem;
        --radius-sm: 0.25rem;
        --radius-lg: 0.75rem;
      }

      * {
        font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
          Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
          sans-serif;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        background-color: var(--gray-50);
        color: var(--gray-800);
        line-height: 1.5;
      }

      .container {
        width: 100%;
        max-width: 768px;
        margin: 0 auto;
        padding: 0 1rem;
      }

      /* Header */
      .header {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: white;
        border-bottom: 1px solid var(--gray-100);
        box-shadow: var(--shadow-sm);
      }

      .header-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 4rem;
      }

      .logo {
        display: flex;
        align-items: center;
      }

      .logo-image {
        height: 32px;
        width: auto;
      }

      /* Main Content */
      main {
        padding: 2rem 1rem;
      }

      /* Profile Section */
      .profile-section {
        position: relative;
        margin-bottom: 4rem;
      }

      /* Banner */
      .banner {
        position: relative;
        width: 100%;
        height: 12rem;
        border-radius: var(--radius-lg);
        overflow: hidden;
      }

      .banner-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .banner-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0.1),
          rgba(0, 0, 0, 0.4)
        );
      }

      .banner-content {
        position: absolute;
        top: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
      }

      .banner-content h2 {
        font-size: 1.5rem;
        font-weight: 700;
        color: white;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        margin-bottom: 0.5rem;
      }

      .banner-stats {
        display: flex;
        align-items: center;
        gap: 1rem;
        font-size: 0.875rem;
        color: white;
      }

      .stat {
        display: flex;
        align-items: center;
        gap: 0.25rem;
      }

      /* Profile Image */
      .profile-image-container {
        position: absolute;
        bottom: -2.5rem;
        left: 1.5rem;
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid white;
        box-shadow: var(--shadow);
        z-index: 5;
      }

      .profile-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* Cards */
      .card {
        background-color: white;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        margin-bottom: 1.5rem;
        overflow: hidden;
      }

      .card-header {
        padding: 1.5rem 1.5rem 0.5rem;
      }
      .card-header h3 {
        font-size: 1.125rem;
        font-weight: 500;
      }

      .card-content {
        padding: 1.5rem;
        padding-top: 0.2rem;
      }

      /* Profile Card */
      .profile-card {
        padding-top: 0.5rem;
        margin-top: 2rem;
      }

      .profile-card span {
        display: block;
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--gray-800);
        margin-bottom: 0.25rem;
      }

      .username {
        font-size: 0.875rem;
        color: var(--gray-500);
        margin-bottom: 0.5rem;
      }

      .bio {
        font-size: 0.875rem;
        color: var(--gray-600);
        margin-top: 0.5rem;
      }

      /* Subscription Buttons */
      .subscription-link {
        display: block;
        text-decoration: none;
        margin-bottom: 0.75rem;
      }

      .subscription-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 3.5rem;
        padding: 0 1.5rem;
        border-radius: var(--radius);
        border: none;
        font-size: 1rem;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s;
      }

      .primary-button {
        background: linear-gradient(
          to right,
          var(--orange-400),
          var(--orange-500)
        );
        color: white;
        border: none;
      }

      .primary-button:hover {
        background: linear-gradient(
          to right,
          var(--orange-500),
          var(--orange-600)
        );
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
      }

      .outline-button {
        background-color: white;
        border: 1px solid var(--orange-200);
        color: var(--gray-800);
      }

      .outline-button:hover {
        background-color: var(--orange-50);
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
      }

      .button-left {
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }

      .badge {
        display: inline-block;
        padding: 0.125rem 0.5rem;
        font-size: 0.75rem;
        font-weight: 500;
        border-radius: 9999px;
        background-color: var(--orange-100);
        color: var(--orange-800);
      }

      .price {
        font-weight: 700;
      }

      .highlight {
        color: var(--orange-600);
      }

      /* Pulse Animation */
      @keyframes pulse {
        0% {
          box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7);
        }
        70% {
          box-shadow: 0 0 0 10px rgba(249, 115, 22, 0);
        }
        100% {
          box-shadow: 0 0 0 0 rgba(249, 115, 22, 0);
        }
      }

      .pulse {
        animation: pulse 2s infinite;
      }

      /* Promotions */
      .promotions {
        margin-top: 1.5rem;
      }

      .promotions-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.5rem;
        cursor: pointer;
      }

      .promotions-header h4 {
        font-size: 0.875rem;
        font-weight: 500;
      }

      .chevron {
        color: var(--gray-400);
        transition: transform 0.3s ease;
      }

      /* Content Tabs */
      .content-tabs {
        /* margin-bottom: 2rem; */
      }

      .tabs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        border-radius: var(--radius);
        overflow: hidden;
        margin-bottom: 1rem;
      }

      .tab {
        padding: 0.75rem;
        text-align: center;
        font-size: 0.875rem;
        background-color: var(--gray-100);
        border: none;
        cursor: pointer;
        transition: background-color 0.2s;
        color: var(--gray-600);
      }

      .tab.active {
        background-color: var(--orange-50);
        color: var(--orange-500);
        font-weight: 500;
      }

      .tab:first-child.active {
        box-shadow: inset -1px 0 0 var(--orange-200);
      }

      .tab:last-child.active {
        box-shadow: inset 1px 0 0 var(--orange-200);
      }

      .tab-content {
        display: none;
      }

      .tab-content.active {
        display: block;
        /* display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px */
      }

      /* Media Subtabs */
      .media-subtabs {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-bottom: 1rem;
        overflow-x: auto;
        padding-bottom: 0.5rem;
      }

      .subtab {
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
        background-color: var(--gray-100);
        border: none;
        border-radius: var(--radius-sm);
        cursor: pointer;
        transition: background-color 0.2s;
        color: var(--gray-600);
        white-space: nowrap;
      }

      .subtab.active {
        background-color: var(--orange-100);
        color: var(--orange-700);
        font-weight: 500;
      }

      /* Post Card */
      .post-card {
        background-color: white;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        overflow: hidden;
      }

      .post-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px;
        border-bottom: 1px solid var(--gray-100);
      }

      .post-user {
        display: flex;
        align-items: center;
        gap: 0.75rem;
      }

      .post-avatar {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        object-fit: cover;
      }

      .post-user h4 {
        font-size: 0.875rem;
        font-weight: 500;
        margin-bottom: 0.125rem;
      }

      .post-username {
        font-size: 0.75rem;
        color: var(--gray-500);
      }

      .post-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        border: none;
        background-color: transparent;
        color: var(--gray-500);
        cursor: pointer;
      }

      .post-menu:hover {
        background-color: var(--gray-100);
      }

      /* Post Content */
      .post-content {
        position: relative;
        height: 300px;
        overflow: hidden;
      }

      .post-image {
        width: 100%;
        height: auto;
        object-fit: cover;
      }

      /* Video Content */
      .post-video-container {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
      }

      .post-video {
        width: 100%;
        height: auto;
        display: block;
        /* Impede que o v deo seja reproduzido em tela cheia no iOS */
        object-fit: contain;
      }

      .video-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 2;
      }

      /* Locked Content */
      .locked-content {
        position: relative;
        height: 15rem;
        background-color: var(--orange-50);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
      }

      .logo-background {
        position: absolute;
        width: 80%;
        max-width: 200px;
        height: auto;
        opacity: 0.1;
        z-index: 0;
      }

      /* Removido o efeito de borr o */
      /* .locked-content::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle, transparent 30%, var(--orange-50) 70%);
      opacity: 0.8;
    } */

      .lock-icon {
        position: relative;
        z-index: 1;
        color: var(--gray-400);
        background-color: rgba(255, 255, 255, 0.5);
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1rem;
      }

      /* Post Stats */
      .post-stats {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0.75rem 1rem;
        font-size: 0.75rem;
        color: var(--gray-600);
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: var(--radius);
      }

      .post-stat {
        display: flex;
        align-items: center;
        gap: 0.25rem;
      }

      /* Post Actions */
      .post-actions {
        display: flex;
        align-items: center;
        padding: 0.75rem 1rem;
      }

      .action-button {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.5rem;
        border: none;
        background-color: transparent;
        color: var(--gray-600);
        font-size: 0.875rem;
        cursor: pointer;
        border-radius: var(--radius-sm);
      }

      .action-button:hover {
        background-color: var(--gray-100);
      }

      .action-button.bookmark {
        margin-left: auto;
      }

      /* Media Grid */
      .media-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
      }

      .media-item {
        position: relative;
        aspect-ratio: 1 / 1;
        background-color: var(--orange-50);
        border-radius: var(--radius-sm);
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      /* Removido o efeito de borr o */
      /* .media-item::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle, transparent 30%, var(--orange-50) 70%);
      opacity: 0.8;
    } */

      .media-item .lock-icon {
        width: 3rem;
        height: 3rem;
        margin-bottom: 0;
      }

      /* Cookie Consent */
      .cookie-consent {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 1rem;
        background-color: white;
        border-top: 1px solid var(--gray-200);
        box-shadow: var(--shadow-lg);
        z-index: 50;
      }

      .cookie-container {
        display: flex;
        flex-direction: column;
        gap: 1rem;
      }

      .cookie-consent p {
        font-size: 0.875rem;
        color: var(--gray-600);
      }

      .cookie-consent button {
        align-self: center;
        padding: 0.5rem 1.5rem;
      }

      /* Responsive */
      @media (min-width: 768px) {
        .cookie-container {
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
        }

        .cookie-consent button {
          flex-shrink: 0;
        }

        .profile-image-container {
          width: 6rem;
          height: 6rem;
        }
      }

      @media (max-width: 480px) {
        .banner-stats {
          font-size: 0.75rem;
        }

        .profile-image-container {
          width: 4.5rem;
          height: 4.5rem;
          bottom: -2.25rem;
        }

        .post-actions {
          flex-wrap: wrap;
        }

        .action-button {
          font-size: 0.75rem;
        }
      }
      .promo-banner {
      background-color: #ff641c;
      color: #ffffff;
      text-align: center;
      padding: 10px 20px;
      font-weight: bold;
      font-family: Inter, sans-serif;
      text-transform: uppercase;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 9999;
      font-size: 15px;
    }
    body {
      margin: 0;
      padding-top: 50px; /* Espaço para o banner */
    }
	/* Diminui tamanho da fonte apenas nos botões de promoções */
.promotions .subscription-button {
  font-size: 0.85rem !important;
}

.promotions .subscription-button .badge {
  font-size: 0.7rem !important;
}

.promotions .subscription-button .price {
  font-size: 0.9rem !important;
}