/* Final Janelas das Emoções imagery — individual WebP files uploaded by Ana. */

/* HOME + CATALOG HERO */
.hero-grid .hero-art,
.catalog-hero > .hero-art {
  background-image: linear-gradient(90deg, rgba(255,250,243,.02), rgba(255,250,243,.00)), url('/assets/mockup/serenidade_mediterranica_ao_por_do_sol.webp') !important;
  background-size: cover !important;
  background-position: center 42% !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
}
.hero-grid .hero-art::before,.hero-grid .hero-art::after,
.catalog-hero > .hero-art::before,.catalog-hero > .hero-art::after,
.hero-grid .hero-art .leaf,.catalog-hero > .hero-art .leaf,
.hero-grid .hero-art .script-note,.catalog-hero > .hero-art .script-note { display:none !important; }

/* PRODUCT COVERS — individual assets, never cropped */
.product-cover,
.product-media.mock-cover {
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:center !important;
  background-color:#f6f0e8 !important;
}
.product-card:nth-child(1) .product-cover,
.mock-cover-voltar {
  background-image:url('/assets/mockup/voltar_para_si_guia_de_autoconhecimento_capa_1.webp') !important;
}
.product-card:nth-child(2) .product-cover,
.mock-cover-calma {
  background-image:url('/assets/mockup/a_calma_que_eu_procuro.webp') !important;
}
.product-card:nth-child(3) .product-cover,
.mock-cover-comunicacao {
  background-image:url('/assets/mockup/comunicacao_que_aproxima_conexoes_mais_leves.webp') !important;
}
.product-card:nth-child(4) .product-cover,
.mock-cover-cuidar {
  background-image:url('/assets/mockup/cuidar_de_mim_sem_culpa.webp') !important;
}
.mock-cover-mente {
  background-image:url('/assets/mockup/quando_a_mente_nao_desliga.webp') !important;
}
.product-media.mock-cover { min-height:240px; }

/* Only these two source covers need a slightly fuller crop in product cards. */
.product-media.mock-cover-voltar,
.product-media.mock-cover-calma {
  background-size:cover !important;
}

/* FEATURED COLLECTION */
#catalog-featured .product-cover {
  background-image:url('/assets/mockup/voltar_para_si_guia_de_autoconhecimento_capa_1.webp') !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#f6f0e8 !important;
  border-radius:22px;
}

/* ACCESS / LOGIN */
.login-scene {
  background-image:url('/assets/mockup/refugio_mediterranico_ao_entardecer.webp') !important;
  background-size:cover !important;
  background-position:center 40% !important;
  background-repeat:no-repeat !important;
}
/* The approved photo must stay unobstructed; remove the legacy generated arch/silhouette. */
.login-scene::after { display:none !important; content:none !important; }
.access-story {
  position:relative;
  background-image:linear-gradient(90deg,rgba(249,245,237,.98) 0%,rgba(249,245,237,.90) 48%,rgba(249,245,237,.22) 100%),url('/assets/mockup/refugio_mediterranico_ao_entardecer.webp') !important;
  background-size:auto,cover !important;
  background-position:center,center 42% !important;
  background-repeat:no-repeat !important;
}

/* PLANS */
.plans-art {
  background-image:url('/assets/mockup/serenidade_ao_por_do_sol_mediterranico.webp') !important;
  background-size:cover !important;
  background-position:center 42% !important;
  background-repeat:no-repeat !important;
}
.plans-art::before,.plans-art::after,.plans-art .script-note {display:none !important;}

/* HOME MEMBER + PROFESSIONAL TEASERS */
.feature-band:not([style]) .quote-card {
  min-height:220px;
  color:transparent !important;
  background:url('/assets/mockup/jornario_sereno_a_luz_dourada.webp') center 42%/cover no-repeat !important;
}
.feature-band[style*="f3e6dc"] .quote-card {
  min-height:220px;
  color:transparent !important;
  background:url('/assets/mockup/espaco_de_trabalho_sereno_a_luz_dourada.webp') center 38%/cover no-repeat !important;
}

/* MEMBER DASHBOARD */
.member-welcome {
  position:relative;
  overflow:hidden;
  padding-right:min(45%,420px) !important;
  min-height:260px;
}
.member-welcome::after {
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:43%;
  background:url('/assets/mockup/jornario_sereno_a_luz_dourada.webp') center 38%/cover no-repeat;
  border-radius:0 22px 22px 0;
  pointer-events:none;
}

/* PROFESSIONAL PORTAL */
.admin-hello-visual {
  background:url('/assets/mockup/espaco_de_trabalho_sereno_a_luz_dourada.webp') center 38%/cover no-repeat !important;
  min-height:240px;
  border-radius:22px;
}
.login-admin {
  position:relative;
  overflow:hidden;
}
.login-admin::after {
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:36%;
  background:url('/assets/mockup/espaco_de_trabalho_sereno_a_luz_dourada.webp') center 36%/cover no-repeat;
  opacity:.20;
  pointer-events:none;
}

@media (max-width:800px){
  .hero-grid .hero-art,.catalog-hero > .hero-art{background-position:center 34% !important;}
  .member-welcome{padding-right:18px !important;padding-bottom:205px !important;}
  .member-welcome::after{width:100%;height:190px;inset:auto 0 0 0;border-radius:0 0 18px 18px;background-position:center 32%;}
  .feature-band:not([style]) .quote-card,.feature-band[style*="f3e6dc"] .quote-card{min-height:200px;}
  .access-story{background-image:linear-gradient(rgba(249,245,237,.90),rgba(249,245,237,.90)),url('/assets/mockup/refugio_mediterranico_ao_entardecer.webp') !important;background-size:auto,cover !important;background-position:center,center 38% !important;}
  .plans-art{min-height:300px;background-position:center 36% !important;}
  .product-media.mock-cover{min-height:280px;}

  /* Mobile login: keep the access card first and the visual story below. */
  body.login-page{padding:10px !important;}
  .login-layout{display:flex !important;flex-direction:column !important;gap:14px !important;min-height:auto !important;}
  .login-card{order:1 !important;align-self:stretch !important;padding:22px !important;border-radius:22px !important;}
  .login-story{order:2 !important;padding:18px 10px 26px !important;}
  .login-story h1{font-size:40px !important;line-height:1 !important;margin:22px 0 10px !important;}
  .login-story>.lead{font-size:14px !important;line-height:1.5 !important;}
  .login-benefits{gap:10px !important;margin-top:18px !important;}
  .login-benefit{border-right:0 !important;border-bottom:1px solid #dccfbe !important;padding:0 0 12px !important;}
  .login-benefit:last-child{border-bottom:0 !important;}
  .login-scene{height:220px !important;border-radius:24px !important;background-position:center 38% !important;margin-top:14px !important;}
}