/* V19.11 — apresentação editorial premium do primeiro e-book real */

/* Card do catálogo: capa completa em mockup, ambiente derivado da própria arte */
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"]{
  position:relative;
  isolation:isolate;
  border-color:rgba(246,198,77,.34);
  background:
    linear-gradient(150deg,rgba(14,24,38,.98),rgba(5,8,13,.99) 58%,rgba(24,16,5,.98));
  box-shadow:0 20px 54px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.025) inset;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"]:hover,
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"]:focus-visible{
  border-color:rgba(246,198,77,.78);
  box-shadow:0 28px 75px rgba(0,0,0,.46),0 0 34px rgba(246,198,77,.12);
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image{
  isolation:isolate;
  aspect-ratio:4/3;
  min-height:0;
  background:
    radial-gradient(circle at 76% 28%,rgba(246,198,77,.23),transparent 28%),
    linear-gradient(132deg,rgba(11,35,60,.98),rgba(6,12,21,.96) 54%,rgba(38,24,5,.94));
  overflow:hidden;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:0;
  background:
    linear-gradient(180deg,rgba(2,5,10,.04),rgba(2,5,10,.54)),
    url("/assets/ebooks/fundamentos-contextos-avaliacao-imobiliaria-v1.png") center 34%/cover no-repeat;
  filter:blur(13px) saturate(.9);
  opacity:.38;
  transform:scale(1.08);
  transition:transform .5s ease,opacity .5s ease;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(2,6,13,.72) 0%,rgba(2,6,13,.16) 42%,rgba(2,6,13,.06) 100%),
    linear-gradient(180deg,transparent 54%,rgba(2,4,8,.42));
  pointer-events:none;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image img{
  display:block;
  position:absolute;
  z-index:3;
  right:8%;
  top:5%;
  width:auto;
  height:90%;
  max-width:60%;
  object-fit:contain;
  opacity:1;
  border-radius:5px;
  box-shadow:
    0 22px 38px rgba(0,0,0,.5),
    -8px 10px 24px rgba(7,20,35,.25),
    0 0 0 1px rgba(255,255,255,.35);
  transform:perspective(650px) rotateY(-5deg) rotateZ(1.2deg);
  transform-origin:center;
  filter:saturate(.97) contrast(1.02);
  transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .5s ease,box-shadow .5s ease;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image span{
  z-index:4;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"]:hover .product-image::before,
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"]:focus-visible .product-image::before{
  transform:scale(1.16);
  opacity:.46;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"]:hover .product-image img,
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"]:focus-visible .product-image img{
  transform:perspective(650px) rotateY(-2deg) rotateZ(.4deg) translateY(-4px) scale(1.035);
  filter:saturate(1.05) contrast(1.03);
  box-shadow:0 28px 52px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.48),0 0 28px rgba(246,198,77,.11);
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-body{
  position:relative;
  background:
    radial-gradient(circle at 90% 0,rgba(246,198,77,.075),transparent 34%),
    linear-gradient(180deg,rgba(11,15,21,.97),rgba(6,7,9,.99));
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-card-title{
  font-size:clamp(14px,1.12vw,17px);
  letter-spacing:-.02em;
}

/* Página individual: hero de produto com atmosfera editorial e mockup de capa */
.real-product-page .real-product-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:122px 0 72px;
  background:
    radial-gradient(circle at 82% 20%,rgba(246,198,77,.16),transparent 29%),
    radial-gradient(circle at 12% 86%,rgba(40,99,130,.2),transparent 34%),
    linear-gradient(135deg,#03070d 0%,#07111c 50%,#100b04 100%);
}
.real-product-page .real-product-hero::before{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,5,10,.96) 0%,rgba(2,5,10,.76) 42%,rgba(2,5,10,.42) 100%),
    url("/assets/ebooks/fundamentos-contextos-avaliacao-imobiliaria-v1.png") 82% 40%/cover no-repeat;
  filter:blur(22px) saturate(.72);
  opacity:.24;
  transform:scale(1.1);
}
.real-product-page .real-product-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    radial-gradient(circle at 74% 45%,rgba(246,198,77,.14),transparent 24%);
  background-size:48px 48px,48px 48px,auto;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%);
  pointer-events:none;
}
.real-product-page .real-product-layout{
  grid-template-columns:minmax(310px,460px) minmax(0,1fr);
  gap:clamp(42px,6vw,88px);
  min-height:590px;
}
.real-product-page .real-cover{
  position:relative;
  width:min(100%,430px);
  max-width:none;
  min-height:560px;
  display:grid;
  place-items:center;
  overflow:visible;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 52% 22%,rgba(255,255,255,.11),transparent 27%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015));
  box-shadow:
    0 42px 110px rgba(0,0,0,.55),
    0 0 0 1px rgba(246,198,77,.1) inset,
    0 0 58px rgba(246,198,77,.08);
  backdrop-filter:blur(10px);
  perspective:1000px;
}
.real-product-page .real-cover::before,
.real-product-page .real-cover::after{
  content:"";
  position:absolute;
  width:68%;
  height:78%;
  border-radius:12px;
  border:1px solid rgba(246,198,77,.2);
  background:linear-gradient(145deg,rgba(246,198,77,.07),rgba(16,37,57,.16));
  box-shadow:0 18px 50px rgba(0,0,0,.26);
}
.real-product-page .real-cover::before{
  transform:translate(-25px,16px) rotate(-5deg);
  opacity:.58;
}
.real-product-page .real-cover::after{
  transform:translate(24px,-12px) rotate(4deg);
  opacity:.36;
}
.real-product-page .real-cover img{
  position:relative;
  z-index:3;
  display:block;
  width:auto;
  height:min(500px,72vh);
  max-width:78%;
  object-fit:contain;
  border-radius:8px;
  box-shadow:
    0 42px 72px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.48),
    -14px 18px 34px rgba(13,39,63,.3);
  transform:rotateY(-5deg) rotateZ(-1.1deg) translateY(-3px);
  filter:saturate(.98) contrast(1.015);
  transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .65s ease,filter .65s ease;
}
.real-product-page .real-cover:hover img{
  transform:rotateY(-1deg) rotateZ(-.25deg) translateY(-9px) scale(1.018);
  box-shadow:0 54px 88px rgba(0,0,0,.63),0 0 0 1px rgba(255,255,255,.58),0 0 42px rgba(246,198,77,.12);
  filter:saturate(1.04) contrast(1.025);
}
.real-product-page .real-product-copy{
  position:relative;
  z-index:2;
}
.real-product-page .real-product-copy h1{
  max-width:900px;
  font-size:clamp(2.6rem,5.2vw,5.25rem);
  line-height:.94;
  letter-spacing:-.06em;
  text-wrap:balance;
  text-shadow:0 12px 34px rgba(0,0,0,.34);
}
.real-product-page .real-summary{
  max-width:700px;
  font-size:clamp(1rem,1.65vw,1.22rem);
}
.real-product-page .product-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  max-width:610px;
  margin:25px 0 8px;
}
.real-product-page .product-highlights span{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:13px;
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(8px);
}
.real-product-page .product-highlights small{
  color:#8e98a5;
  font-size:.6rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.real-product-page .product-highlights strong{
  color:#fff;
  font-size:.86rem;
  line-height:1.25;
}
.real-product-page .free-access-note{
  border-color:rgba(69,212,155,.42);
  background:linear-gradient(135deg,rgba(31,137,99,.19),rgba(255,255,255,.025));
  box-shadow:0 14px 34px rgba(0,0,0,.15);
}
.real-product-page .real-product-copy .btn.primary{
  min-height:50px;
  padding-inline:24px;
  box-shadow:0 16px 36px rgba(246,198,77,.16);
}

@media(max-width:980px){
  .real-product-page .real-product-layout{grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:34px;min-height:auto}
  .real-product-page .real-cover{min-height:475px}
  .real-product-page .real-cover img{height:min(430px,65vh)}
  .real-product-page .real-product-copy h1{font-size:clamp(2.35rem,5vw,4rem)}
}
@media(max-width:720px){
  .real-product-page .real-product-hero{padding:104px 0 48px}
  .real-product-page .real-product-layout{grid-template-columns:1fr;gap:34px}
  .real-product-page .real-cover{width:min(100%,330px);min-height:430px;border-radius:26px}
  .real-product-page .real-cover img{height:390px;max-width:77%}
  .real-product-page .real-product-copy h1{font-size:clamp(2.25rem,11vw,3.25rem);line-height:.98;letter-spacing:-.05em}
  .real-product-page .product-highlights{grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:auto}
  .real-product-page .product-highlights span{padding:10px 8px}
  .real-product-page .product-highlights strong{font-size:.74rem}
  .real-product-page .free-access-note{max-width:100%}
  .ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image img{right:7%;height:88%;max-width:58%}
}
@media(max-width:430px){
  .real-product-page .real-cover{min-height:385px}
  .real-product-page .real-cover img{height:350px}
  .real-product-page .product-highlights{gap:6px}
  .real-product-page .product-highlights span{padding:9px 7px;border-radius:10px}
  .real-product-page .product-highlights small{font-size:.52rem}
  .real-product-page .product-highlights strong{font-size:.68rem}
}
@media(prefers-reduced-motion:reduce){
  .ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image::before,
  .ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image img,
  .real-product-page .real-cover img{transition:none}
}

/* Produto real em destaque: mais presença sem alterar os demais cards */
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"]{
  grid-column:span 2;
  display:grid;
  grid-template-columns:minmax(210px,44%) minmax(0,1fr);
  min-height:330px;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image{
  aspect-ratio:auto;
  min-height:100%;
  border-bottom:0;
  border-right:1px solid rgba(246,198,77,.16);
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image img{
  right:3%;
  top:-1%;
  height:102%;
  max-width:72%;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-body{
  padding:22px;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-card-title{
  font-size:clamp(1.05rem,1.5vw,1.35rem);
  line-height:1.18;
  margin-top:4px;
}
.ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-card-description{
  font-size:.79rem;
  line-height:1.58;
  max-width:34rem;
}
@media(max-width:760px){
  .ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"]{
    grid-column:1/-1;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image{
    aspect-ratio:16/10;
    min-height:0;
    border-right:0;
    border-bottom:1px solid rgba(246,198,77,.16);
  }
  .ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-image img{
    right:4%;
    top:-4%;
    height:108%;
    max-width:68%;
  }
  .ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-body{
    padding:17px;
  }
  .ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-card-title{
    font-size:1.08rem;
  }
  .ct-product-link[data-product-id="fundamentos-contextos-avaliacao-imobiliaria-v1"] .product-card-description{
    font-size:.76rem;
  }
}