/* Academia ETERNI · Recursos premium V50 */

:root{
  --res-plum:#43284b;
  --res-plum-soft:#66506e;
  --res-gold:#b58b4d;
  --res-ivory:#f8f4ef;
  --res-paper:#fffdfa;
  --res-lilac:#f5eff7;
  --res-sage:#eef4ed;
  --res-cream:#f7efe4;
  --res-line:rgba(67,40,75,.10);
  --res-shadow:0 22px 58px rgba(45,28,51,.08);
}

body[data-student-page="resources"]{
  background:
    radial-gradient(circle at 87% 8%,rgba(181,139,77,.09),transparent 24rem),
    linear-gradient(180deg,#fbf8f4 0%,var(--res-ivory) 100%);
}

.resources-premium-page [hidden],
.resources-premium-page .entitlement-locked{
  display:none!important;
}

.resources-hero{
  padding:46px 0 24px;
}

.resources-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  gap:34px;
  align-items:end;
}

.resources-hero-copy{
  max-width:760px;
}

.resources-hero-copy h1{
  margin:7px 0 12px;
  color:var(--res-plum);
  font:600 clamp(54px,7vw,78px)/.92 "Cormorant Garamond",serif;
}

.resources-hero-copy p{
  max-width:700px;
  margin:0;
  color:#756b78;
  font-size:15px;
  line-height:1.7;
}

.resources-course-shortcut{
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 16px;
  align-items:center;
  padding:20px 22px;
  border:1px solid var(--res-line);
  border-radius:24px;
  background:rgba(255,253,250,.88);
  box-shadow:0 14px 38px rgba(45,28,51,.06);
}

.resources-course-shortcut span{
  grid-column:1/-1;
  color:var(--res-gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

.resources-course-shortcut strong{
  color:var(--res-plum);
  font-size:13px;
}

.resources-course-shortcut b{
  color:var(--res-plum);
  font-size:20px;
  font-weight:500;
}

.resources-content-section{
  padding:18px 0 78px;
}

.resources-tool-section,
.resources-assigned-section{
  margin-bottom:38px;
}

.resources-section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:18px;
}

.resources-section-heading h2{
  margin:5px 0 0;
  color:var(--res-plum);
  font:600 clamp(36px,5vw,50px)/.97 "Cormorant Garamond",serif;
}

.resources-section-heading>p{
  max-width:390px;
  margin:0;
  color:#847985;
  font-size:12px;
  line-height:1.55;
  text-align:right;
}

/* Cuaderno personal */
.premium-notebook-card{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  min-height:150px;
  padding:26px 28px;
  overflow:hidden;
  border:1px solid rgba(96,67,103,.11);
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 12%,rgba(181,139,77,.12),transparent 18rem),
    linear-gradient(135deg,#fbf8fc,#f3edf6);
  box-shadow:var(--res-shadow);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.premium-notebook-card:hover{
  transform:translateY(-3px);
  border-color:rgba(181,139,77,.25);
  box-shadow:0 28px 66px rgba(45,28,51,.11);
}

.premium-notebook-icon{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:19px;
  color:#fff;
  background:linear-gradient(145deg,#76507f,#43284b);
  box-shadow:0 12px 28px rgba(67,40,75,.20);
  font-size:25px;
}

.premium-notebook-copy span{
  display:block;
  color:var(--res-gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

.premium-notebook-copy h3{
  margin:5px 0 6px;
  color:var(--res-plum);
  font:600 32px/1 "Cormorant Garamond",serif;
}

.premium-notebook-copy p{
  margin:0;
  color:#746a77;
  line-height:1.55;
}

.premium-notebook-card>strong{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:0 17px;
  border-radius:14px;
  color:var(--res-plum);
  background:#fff;
  box-shadow:0 9px 22px rgba(45,28,51,.06);
  font-size:12px;
  white-space:nowrap;
}

/* Filtros */
.resource-filter-bar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 18px;
}

.resource-filter{
  padding:9px 14px;
  border:1px solid var(--res-line);
  border-radius:999px;
  color:#716675;
  background:rgba(255,253,250,.82);
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}

.resource-filter.active{
  color:#fff;
  border-color:var(--res-plum);
  background:var(--res-plum);
}

/* Materiales */
.premium-resource-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.premium-resource-card{
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:20px;
  min-height:220px;
  padding:24px;
  border:1px solid var(--res-line);
  border-radius:28px;
  background:linear-gradient(145deg,#fffdfa,#f7efe4);
  box-shadow:var(--res-shadow);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.premium-resource-card[data-resource-kind="audio"]{
  background:linear-gradient(145deg,#fff,#eef4ed);
}

.premium-resource-card[data-resource-kind="cuaderno"]{
  background:linear-gradient(145deg,#fff,#f5eff7);
}

.premium-resource-card:hover{
  transform:translateY(-3px);
  border-color:rgba(181,139,77,.26);
  box-shadow:0 28px 68px rgba(45,28,51,.11);
}

.premium-resource-icon{
  display:grid;
  place-items:center;
  align-self:start;
  width:84px;
  height:104px;
  border-radius:20px;
  color:var(--res-plum);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(181,139,77,.15);
  box-shadow:0 12px 28px rgba(45,28,51,.06);
}

.premium-resource-icon span{
  font:700 18px/1 "Inter",sans-serif;
}

.premium-resource-copy{
  min-width:0;
}

.premium-resource-meta{
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap;
}

.premium-resource-meta span{
  color:var(--res-gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}

.premium-resource-meta i{
  padding:5px 8px;
  border-radius:999px;
  color:#776b79;
  background:rgba(255,255,255,.75);
  font:normal 700 9px "Inter",sans-serif;
}

.premium-resource-copy h3{
  margin:8px 0 8px;
  color:var(--res-plum);
  font:600 34px/1 "Cormorant Garamond",serif;
}

.premium-resource-copy p{
  margin:0;
  color:#756b78;
  line-height:1.55;
}

.premium-resource-copy small{
  display:block;
  margin-top:13px;
  color:#918593;
  font-size:10px;
}

.premium-resource-action{
  grid-column:1/-1;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  min-height:48px;
  padding:0 17px;
  border-radius:15px;
  color:#fff;
  background:var(--res-plum);
  font-size:12px;
  font-weight:800;
}

.premium-resource-action:hover{
  background:var(--res-plum-soft);
}

.premium-resources-empty{
  margin-top:18px;
  background:rgba(255,253,250,.64);
}

/* Cierre */
.resources-help-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  margin-top:42px;
  padding:30px 32px;
  border:1px solid var(--res-line);
  border-radius:30px;
  background:
    radial-gradient(circle at 90% 10%,rgba(121,144,117,.11),transparent 17rem),
    linear-gradient(135deg,#fffdfa,#f0f4ee);
  box-shadow:0 18px 48px rgba(45,28,51,.06);
}

.resources-help-card h2{
  margin:5px 0 8px;
  color:var(--res-plum);
  font:600 39px/1 "Cormorant Garamond",serif;
}

.resources-help-card p{
  max-width:700px;
  margin:0;
  color:#756b78;
  line-height:1.6;
}

.resources-help-card>a{
  padding:15px 20px;
  border-radius:16px;
  color:#fff;
  background:var(--res-plum);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

@media(max-width:1050px){
  .resources-hero-grid{
    grid-template-columns:1fr;
  }

  .resources-course-shortcut{
    width:min(330px,100%);
  }

  .premium-resource-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .resources-hero{
    padding-top:30px;
  }

  .resources-hero-copy h1{
    font-size:56px;
  }

  .resources-section-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .resources-section-heading>p{
    text-align:left;
  }

  .premium-notebook-card{
    grid-template-columns:58px minmax(0,1fr);
    padding:22px;
  }

  .premium-notebook-icon{
    width:58px;
    height:58px;
  }

  .premium-notebook-card>strong{
    grid-column:1/-1;
    justify-content:space-between;
  }

  .resources-help-card{
    grid-template-columns:1fr;
  }

  .resources-help-card>a{
    justify-self:start;
  }
}

@media(max-width:520px){
  .premium-resource-card{
    grid-template-columns:68px minmax(0,1fr);
    padding:20px;
  }

  .premium-resource-icon{
    width:68px;
    height:88px;
  }

  .premium-resource-copy h3{
    font-size:30px;
  }

  .premium-resource-action{
    width:100%;
  }
}