.elementor-18 .elementor-element.elementor-element-30f6944{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-30f6944{--width:97%;}}/* Start custom CSS for html, class: .elementor-element-182b37b */#cap-pallares-page {

  --pm-night: #1d130d;
  --pm-earth: #2a1b12;
  --pm-clay: #3a261b;

  --pm-gold: #c99a4a;
  --pm-gold-light: #e8c67f;

  --pm-cream: #f2e7d2;
  --pm-paper: #f7efe1;

  --pm-ink: #2b1a10;
  --pm-red: #a3391f;

  --pm-soft: #c4ae8e;

  --pm-display: "Cinzel", Georgia, serif;
  --pm-text: "EB Garamond", Georgia, serif;

  font-family: var(--pm-text);

  overflow: hidden;
}


/* RESET */

#cap-pallares-page *,
#cap-pallares-page *::before,
#cap-pallares-page *::after {
  box-sizing: border-box;
}

#cap-pallares-page h1,
#cap-pallares-page h2,
#cap-pallares-page h3,
#cap-pallares-page h4 {
  font-family: var(--pm-display);
}

#cap-pallares-page p {
  font-family: var(--pm-text);
}


/* CONTAINER */

.pm-container {

  width: min(
    1180px,
    calc(100% - 50px)
  );

  margin: auto;
}


/* =========================================================
   HERO
========================================================= */

.pm-hero {

  min-height: 850px;

  position: relative;

  display: flex;
  align-items: center;

  padding: 110px 0;

  color: var(--pm-cream);

  background:
    radial-gradient(
      circle at 70% 45%,
      rgba(201,154,74,.13),
      transparent 28%
    ),
    var(--pm-night);

  overflow: hidden;
}

.pm-hero-texture {

  position: absolute;

  inset: -20%;

  opacity: .08;

  background-image:
    linear-gradient(
      45deg,
      transparent 48%,
      var(--pm-gold) 49%,
      transparent 51%
    );

  background-size: 90px 90px;

  transform: rotate(8deg);
}

.pm-hero-inner {

  width: min(
    1180px,
    calc(100% - 50px)
  );

  margin: auto;

  position: relative;

  z-index: 3;

  display: grid;

  grid-template-columns: 1fr 480px;

  gap: 70px;

  align-items: center;
}

.pm-eyebrow {

  font-family: var(--pm-display);

  color: var(--pm-gold);

  font-size: 11px;

  letter-spacing: 4px;
}

.pm-hero h1 {

  margin: 25px 0 15px;

  font-size: clamp(
    65px,
    9vw,
    125px
  );

  line-height: .82;

  font-weight: 400;

  letter-spacing: -3px;
}

.pm-hero h1 em {

  font-style: normal;

  color: var(--pm-gold);
}

.pm-gold-line {

  width: 100px;
  height: 2px;

  margin: 35px 0;

  background: var(--pm-gold);
}

.pm-hero h2 {

  margin: 0;

  font-family: var(--pm-text);

  font-size: 28px;

  line-height: 1.25;

  font-weight: 400;

  font-style: italic;

  color: var(--pm-gold-light);
}

.pm-hero-copy > p {

  max-width: 620px;

  margin-top: 25px;

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.7;
}


/* BUTTONS */

.pm-hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 14px;

  margin-top: 35px;
}

.pm-btn,
.pm-btn-outline {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 16px 24px;

  font-family: var(--pm-display);

  font-size: 10px;

  letter-spacing: 2px;

  text-decoration: none !important;

  transition: .3s ease;
}

.pm-btn {

  background: var(--pm-gold);

  color: var(--pm-night) !important;
}

.pm-btn:hover {

  background: var(--pm-gold-light);

  transform: translateY(-3px);
}

.pm-btn-outline {

  border: 1px solid rgba(
    232,
    198,
    127,
    .5
  );

  color: var(--pm-gold-light) !important;
}

.pm-btn-outline:hover {

  background: rgba(
    201,
    154,
    74,
    .1
  );
}


/* =========================================================
   HERO BOOK
========================================================= */

.pm-hero-book {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 600px;
}

.pm-book-shadow {

  position: absolute;

  width: 350px;
  height: 350px;

  border-radius: 50%;

  background: rgba(
    201,
    154,
    74,
    .12
  );

  filter: blur(60px);
}

.pm-book-cover {

  width: 360px;
  height: 510px;

  position: relative;

  z-index: 2;

  padding: 30px;

  text-align: center;

  background:
    radial-gradient(
      circle at center,
      #4b3021,
      #23140d 75%
    );

  border: 1px solid
    rgba(201,154,74,.55);

  box-shadow:
    25px 35px 80px
    rgba(0,0,0,.5),

    inset 0 0 0 8px
    rgba(201,154,74,.07);

  transform:
    rotate(2deg);
}

.pm-book-cover::before {

  content: "";

  position: absolute;

  inset: 15px;

  border: 1px solid
    rgba(201,154,74,.4);
}

.pm-cover-author {

  position: relative;

  font-family: var(--pm-display);

  font-size: 10px;

  letter-spacing: 4px;

  color: var(--pm-gold);
}

.pm-cover-pallar {

  width: 145px;
  height: 205px;

  position: relative;

  margin: 70px auto 35px;

  border-radius:
    48% 52%
    45% 55%;

  background: var(--pm-cream);

  transform: rotate(11deg);

  box-shadow:
    0 0 0 2px var(--pm-gold),

    0 0 50px
    rgba(201,154,74,.2);
}

.pm-cover-pallar i {

  position: absolute;

  width: 11px;
  height: 11px;

  border-radius: 50%;

  background: var(--pm-night);
}

.pm-cover-pallar i:nth-child(1) {
  left: 27%;
  top: 18%;
}

.pm-cover-pallar i:nth-child(2) {
  left: 55%;
  top: 30%;
}

.pm-cover-pallar i:nth-child(3) {
  left: 32%;
  top: 45%;
}

.pm-cover-pallar i:nth-child(4) {
  left: 61%;
  top: 58%;
}

.pm-cover-pallar i:nth-child(5) {
  left: 38%;
  top: 70%;
}

.pm-cover-pallar i:nth-child(6) {
  left: 55%;
  top: 83%;
}

.pm-book-cover h3 {

  position: relative;

  margin: 0;

  font-size: 29px;

  line-height: 1;

  letter-spacing: 2px;

  color: var(--pm-cream);
}

.pm-book-cover p {

  position: relative;

  color: var(--pm-gold-light);

  font-size: 15px;

  font-style: italic;

  line-height: 1.35;
}

.pm-book-cover small {

  position: absolute;

  bottom: 25px;

  left: 0;
  right: 0;

  font-family: var(--pm-display);

  font-size: 7px;

  letter-spacing: 2px;

  color: var(--pm-gold);
}


/* =========================================================
   PRESENTATION
========================================================= */

.pm-presentation {

  padding: 140px 0;

  background: var(--pm-paper);
}

.pm-section-tag {

  display: block;

  font-family: var(--pm-display);

  font-size: 10px;

  letter-spacing: 4px;

  color: var(--pm-gold);
}

.pm-presentation-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 100px;

  margin-top: 55px;
}

.pm-presentation h2 {

  margin: 0;

  font-size: clamp(
    45px,
    5vw,
    72px
  );

  line-height: .98;

  font-weight: 400;
}

.pm-presentation-copy p {

  color: #604a37;

  font-size: 20px;

  line-height: 1.75;

  margin-top: 0;

  margin-bottom: 25px;
}


/* =========================================================
   CULTURE
========================================================= */

.pm-culture {

  padding: 140px 0;

  color: var(--pm-cream);

  background: var(--pm-earth);
}

.pm-culture-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 100px;

  margin-top: 60px;
}

.pm-culture-title {

  position: relative;
}

.pm-culture-title h2 {

  margin: 0;

  font-size: clamp(
    45px,
    5vw,
    72px
  );

  line-height: 1;

  font-weight: 400;
}

.pm-number {

  position: absolute;

  right: 0;

  bottom: -50px;

  font-family: var(--pm-display);

  font-size: 150px;

  line-height: 1;

  color: rgba(
    201,
    154,
    74,
    .08
  );
}

.pm-culture-copy p {

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.75;
}

.pm-highlight {

  margin-top: 40px;

  padding: 25px;

  border-left: 2px solid
    var(--pm-gold);

  background:
    rgba(
      201,
      154,
      74,
      .05
    );
}

.pm-highlight span {

  display: block;

  font-family: var(--pm-display);

  color: var(--pm-gold);

  font-size: 10px;

  letter-spacing: 3px;
}

.pm-highlight strong {

  display: block;

  margin-top: 8px;

  font-family: var(--pm-text);

  font-size: 22px;

  font-weight: 400;
}


/* =========================================================
   SEED SECTION
========================================================= */

.pm-seed-section {

  min-height: 700px;

  padding: 100px 7%;

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 80px;

  align-items: center;

  background:
    radial-gradient(
      circle at 25% 50%,
      rgba(
        201,
        154,
        74,
        .13
      ),
      transparent 35%
    ),
    var(--pm-night);

  color: var(--pm-cream);
}

.pm-seed-orbits {

  height: 550px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;
}

.pm-orbit {

  position: absolute;

  border: 1px solid
    rgba(
      201,
      154,
      74,
      .25
    );

  border-radius: 50%;
}

.pm-orbit-a {
  width: 280px;
  height: 280px;
}

.pm-orbit-b {
  width: 400px;
  height: 400px;
}

.pm-orbit-c {
  width: 520px;
  height: 520px;
}

.pm-big-pallar {

  width: 190px;
  height: 270px;

  position: relative;

  border-radius:
    48% 52%
    45% 55%;

  background: var(--pm-cream);

  transform: rotate(11deg);

  box-shadow:
    0 0 0 3px var(--pm-gold),

    0 0 80px
    rgba(
      201,
      154,
      74,
      .2
    );
}

.pm-big-pallar i {

  position: absolute;

  width: 15px;
  height: 15px;

  border-radius: 50%;

  background: var(--pm-night);
}

.pm-big-pallar i:nth-child(1) {
  left: 25%;
  top: 18%;
}

.pm-big-pallar i:nth-child(2) {
  left: 55%;
  top: 28%;
}

.pm-big-pallar i:nth-child(3) {
  left: 32%;
  top: 42%;
}

.pm-big-pallar i:nth-child(4) {
  left: 65%;
  top: 55%;
}

.pm-big-pallar i:nth-child(5) {
  left: 28%;
  top: 68%;
}

.pm-big-pallar i:nth-child(6) {
  left: 53%;
  top: 77%;
}

.pm-big-pallar i:nth-child(7) {
  left: 43%;
  top: 88%;
}

.pm-seed-copy {

  max-width: 550px;
}

.pm-seed-copy h2 {

  margin: 25px 0;

  font-size: clamp(
    48px,
    6vw,
    80px
  );

  line-height: .95;

  font-weight: 400;
}

.pm-seed-copy p {

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.75;
}

.pm-seed-copy blockquote {

  margin: 35px 0 0;

  padding-left: 25px;

  border-left: 2px solid
    var(--pm-gold);

  color: var(--pm-gold-light);

  font-size: 25px;

  font-style: italic;

  line-height: 1.4;
}


/* =========================================================
   COSMOS
========================================================= */

.pm-cosmos {

  padding: 140px 0;

  background: #eadbc3;
}

.pm-cosmos-heading {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 100px;

  margin-top: 55px;

  align-items: end;
}

.pm-cosmos-heading h2 {

  margin: 0;

  font-size: clamp(
    48px,
    6vw,
    80px
  );

  line-height: .9;

  font-weight: 400;
}

.pm-cosmos-heading h2 em {

  display: block;

  color: var(--pm-gold);

  font-style: normal;
}

.pm-cosmos-heading p {

  color: #604a37;

  font-size: 20px;

  line-height: 1.7;
}

.pm-cosmos-cards {

  margin-top: 80px;

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  gap: 1px;

  background:
    rgba(
      43,
      26,
      16,
      .2
    );
}

.pm-cosmos-cards article {

  padding: 35px;

  background: #eadbc3;
}

.pm-cosmos-cards article > span {

  font-family: var(--pm-display);

  color: var(--pm-gold);

  font-size: 11px;
}

.pm-card-symbol {

  margin-top: 45px;

  font-family: Georgia, serif;

  color: var(--pm-gold);

  font-size: 45px;
}

.pm-cosmos-cards h3 {

  margin: 20px 0 10px;

  font-size: 25px;

  font-weight: 400;
}

.pm-cosmos-cards p {

  color: #604a37;

  font-size: 17px;

  line-height: 1.6;
}


/* =========================================================
   MOONS
========================================================= */

.pm-moons {

  padding: 140px 0;

  background: var(--pm-night);

  color: var(--pm-cream);
}

.pm-moons-header {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 100px;

  margin-top: 50px;

  align-items: end;
}

.pm-moons-header h2 {

  margin: 0;

  font-size: clamp(
    48px,
    6vw,
    80px
  );

  line-height: .9;

  font-weight: 400;
}

.pm-moons-header p {

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.7;
}

.pm-moons-grid {

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  gap: 20px;

  margin-top: 80px;
}

.pm-moons-grid article {

  text-align: center;

  padding: 30px 15px;
}

.pm-moon {

  width: 120px;
  height: 120px;

  margin: auto auto 35px;

  border-radius: 50%;

  background: var(--pm-cream);

  box-shadow:
    0 0 45px
    rgba(
      232,
      198,
      127,
      .16
    );
}

.pm-moon-waning {

  background:
    linear-gradient(
      90deg,
      var(--pm-cream) 50%,
      var(--pm-night) 50%
    );
}

.pm-moon-waxing {

  background:
    linear-gradient(
      90deg,
      var(--pm-night) 50%,
      var(--pm-cream) 50%
    );
}

.pm-moon-new {

  background: #30251e;

  border: 1px solid #725f4b;

  box-shadow: none;
}

.pm-moons-grid article span {

  font-family: var(--pm-display);

  color: var(--pm-gold);

  font-size: 9px;

  letter-spacing: 2px;
}

.pm-moons-grid h3 {

  margin-top: 12px;

  font-family: var(--pm-text);

  font-size: 21px;

  font-weight: 400;
}


/* =========================================================
   REPRESENTATION
========================================================= */

.pm-representation {

  padding: 140px 0;

  background: var(--pm-paper);
}

.pm-representation-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 100px;

  align-items: center;

  margin-top: 65px;
}

.pm-board {

  width: 450px;
  height: 450px;

  margin: auto;

  position: relative;

  border: 1px solid
    var(--pm-gold);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;
}

.pm-board-circle {

  position: absolute;

  border: 1px dashed
    var(--pm-gold);

  border-radius: 50%;
}

.pm-board-outer {

  width: 380px;
  height: 380px;
}

.pm-board-middle {

  width: 270px;
  height: 270px;
}

.pm-board-inner {

  width: 150px;
  height: 150px;
}

.pm-board-point {

  width: 15px;
  height: 15px;

  position: absolute;

  border-radius: 50%;

  background: var(--pm-red);
}

.p1 {
  top: 25px;
  left: calc(50% - 7px);
}

.p2 {
  right: 25px;
  top: calc(50% - 7px);
}

.p3 {
  bottom: 25px;
  left: calc(50% - 7px);
}

.p4 {
  left: 25px;
  top: calc(50% - 7px);
}

.pm-board-cross {

  width: 300px;
  height: 1px;

  position: absolute;

  background: var(--pm-gold);
}

.pm-board-cross::after {

  content: "";

  width: 1px;
  height: 300px;

  position: absolute;

  left: 50%;
  top: -150px;

  background: var(--pm-gold);
}

.pm-board-center {

  position: relative;

  z-index: 2;

  width: 70px;
  height: 70px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: var(--pm-night);

  color: var(--pm-gold);

  font-size: 28px;
}

.pm-representation-copy h2 {

  margin: 25px 0;

  font-size: clamp(
    48px,
    6vw,
    78px
  );

  line-height: .9;

  font-weight: 400;
}

.pm-representation-copy > p {

  max-width: 550px;

  color: #604a37;

  font-size: 20px;

  line-height: 1.7;
}

.pm-mini-list {

  margin-top: 40px;

  border-top: 1px solid
    rgba(
      43,
      26,
      16,
      .2
    );
}

.pm-mini-list div {

  display: flex;

  gap: 25px;

  padding: 18px 0;

  border-bottom: 1px solid
    rgba(
      43,
      26,
      16,
      .2
    );
}

.pm-mini-list span {

  color: var(--pm-gold);

  font-family: var(--pm-display);
}

.pm-mini-list strong {

  font-family: var(--pm-display);

  font-weight: 400;
}


/* =========================================================
   READING
========================================================= */

.pm-reading {

  padding: 140px 0;

  background: var(--pm-clay);

  color: var(--pm-cream);
}

.pm-reading-heading {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 100px;

  margin-top: 55px;

  align-items: end;
}

.pm-reading-heading h2 {

  margin: 0;

  font-size: clamp(
    55px,
    7vw,
    90px
  );

  line-height: .9;

  font-weight: 400;
}

.pm-reading-heading p {

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.7;
}

.pm-reading-grid {

  margin-top: 75px;

  display: grid;

  grid-template-columns:
    repeat(3,1fr);

  gap: 20px;
}

.pm-reading-grid article {

  min-height: 280px;

  padding: 35px;

  border: 1px solid
    rgba(
      201,
      154,
      74,
      .35
    );
}

.pm-reading-grid article > span {

  font-family: var(--pm-display);

  color: var(--pm-gold);
}

.pm-reading-icon {

  margin-top: 35px;

  color: var(--pm-gold);

  font-size: 35px;
}

.pm-reading-grid h3 {

  margin: 15px 0 5px;

  font-size: 28px;

  font-weight: 400;
}

.pm-reading-grid p {

  color: #d8c8ae;

  font-size: 18px;
}


/* =========================================================
   CLASSIFICATION
========================================================= */

.pm-classification {

  padding: 140px 0;

  background: var(--pm-paper);
}

.pm-classification h2 {

  margin: 25px 0 70px;

  font-size: clamp(
    50px,
    6vw,
    80px
  );

  line-height: .9;

  font-weight: 400;
}

.pm-classification-list {

  border-top: 1px solid
    rgba(
      43,
      26,
      16,
      .25
    );
}

.pm-classification-list > div {

  min-height: 110px;

  display: grid;

  grid-template-columns:
    80px 1fr 40px;

  gap: 30px;

  align-items: center;

  border-bottom: 1px solid
    rgba(
      43,
      26,
      16,
      .25
    );
}

.pm-classification-list span {

  color: var(--pm-gold);

  font-family: var(--pm-display);
}

.pm-classification-list small {

  display: block;

  color: var(--pm-gold);

  font-family: var(--pm-display);

  font-size: 9px;

  letter-spacing: 2px;
}

.pm-classification-list strong {

  display: block;

  margin-top: 7px;

  font-family: var(--pm-display);

  font-size: 22px;

  font-weight: 400;
}

.pm-classification-list b {

  color: var(--pm-gold);

  font-size: 25px;

  font-weight: 400;
}


/* =========================================================
   STARS
========================================================= */

.pm-stars {

  padding: 140px 0;

  color: var(--pm-cream);

  background:
    radial-gradient(
      circle at 70% 30%,
      rgba(
        201,
        154,
        74,
        .12
      ),
      transparent 25%
    ),
    var(--pm-night);
}

.pm-stars-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 100px;
}

.pm-stars h2 {

  margin-top: 25px;

  font-size: clamp(
    48px,
    6vw,
    80px
  );

  line-height: .9;

  font-weight: 400;
}

.pm-stars-content {

  border-top: 1px solid
    rgba(
      201,
      154,
      74,
      .35
    );
}

.pm-star-item {

  padding: 30px 0;

  border-bottom: 1px solid
    rgba(
      201,
      154,
      74,
      .25
    );
}

.pm-star-item strong {

  font-family: var(--pm-display);

  color: var(--pm-gold-light);

  font-size: 22px;

  font-weight: 400;
}

.pm-star-item p {

  margin-top: 10px;

  color: #d8c8ae;

  font-size: 18px;

  line-height: 1.6;
}


/* =========================================================
   FINAL
========================================================= */

.pm-final {

  min-height: 650px;

  padding: 120px 25px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  background:
    radial-gradient(
      circle at center,
      rgba(
        201,
        154,
        74,
        .15
      ),
      transparent 35%
    ),
    var(--pm-night);

  color: var(--pm-cream);
}

.pm-final-inner {

  max-width: 850px;
}

.pm-final-inner > span {

  font-family: var(--pm-display);

  color: var(--pm-gold);

  font-size: 10px;

  letter-spacing: 4px;
}

.pm-final h2 {

  margin: 30px 0;

  font-size: clamp(
    50px,
    7vw,
    90px
  );

  line-height: .9;

  font-weight: 400;
}

.pm-final p {

  max-width: 600px;

  margin: auto auto 35px;

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.7;
}

.pm-final-button {

  display: inline-flex;

  padding: 18px 30px;

  background: var(--pm-gold);

  color: var(--pm-night) !important;

  text-decoration: none !important;

  font-family: var(--pm-display);

  font-size: 10px;

  letter-spacing: 2px;

  transition: .3s ease;
}

.pm-final-button:hover {

  background: var(--pm-gold-light);

  transform: translateY(-3px);
}


/* =========================================================
   NEXT BOOKS
========================================================= */

.pm-next-books {

  padding: 90px 0;

  background: #eadbc3;
}

.pm-next-books > .pm-container > span {

  font-family: var(--pm-display);

  color: var(--pm-gold);

  font-size: 10px;

  letter-spacing: 4px;
}

.pm-next-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  margin-top: 30px;

  gap: 1px;

  background:
    rgba(
      43,
      26,
      16,
      .2
    );
}

.pm-next-grid a {

  position: relative;

  padding: 40px;

  background: #eadbc3;

  text-decoration: none !important;

  color: var(--pm-ink);

  transition: .3s ease;
}

.pm-next-grid a:hover {

  background: var(--pm-paper);
}

.pm-next-grid small {

  display: block;

  color: var(--pm-gold);

  font-family: var(--pm-display);

  letter-spacing: 2px;
}

.pm-next-grid strong {

  display: block;

  margin-top: 20px;

  font-family: var(--pm-display);

  font-size: 32px;

  font-weight: 400;
}

.pm-next-grid em {

  display: block;

  margin-top: 7px;

  font-family: var(--pm-text);

  color: #604a37;

  font-size: 18px;
}

.pm-next-grid b {

  position: absolute;

  right: 35px;

  top: 50%;

  color: var(--pm-gold);

  font-size: 28px;

  font-weight: 400;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .pm-hero-inner {

    grid-template-columns: 1fr;

    text-align: center;
  }

  .pm-hero-copy {

    max-width: 750px;

    margin: auto;
  }

  .pm-gold-line {

    margin-left: auto;
    margin-right: auto;
  }

  .pm-hero-actions {

    justify-content: center;
  }

  .pm-hero-book {

    min-height: 520px;
  }

  .pm-presentation-grid,
  .pm-culture-grid,
  .pm-cosmos-heading,
  .pm-moons-header,
  .pm-representation-grid,
  .pm-reading-heading,
  .pm-stars-grid {

    grid-template-columns: 1fr;

    gap: 45px;
  }

  .pm-cosmos-cards {

    grid-template-columns:
      repeat(2,1fr);
  }

  .pm-moons-grid {

    grid-template-columns:
      repeat(2,1fr);
  }

  .pm-reading-grid {

    grid-template-columns: 1fr;
  }

  .pm-seed-section {

    grid-template-columns: 1fr;

    text-align: center;
  }

  .pm-seed-copy {

    margin: auto;
  }

  .pm-seed-copy blockquote {

    text-align: left;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

  .pm-container {

    width: calc(100% - 35px);
  }

  .pm-hero {

    min-height: auto;

    padding: 90px 0;
  }

  .pm-hero h1 {

    font-size: 58px;

    letter-spacing: -1px;
  }

  .pm-hero h2 {

    font-size: 22px;
  }

  .pm-hero-copy > p {

    font-size: 18px;
  }

  .pm-hero-actions {

    flex-direction: column;

    align-items: stretch;
  }

  .pm-btn,
  .pm-btn-outline {

    width: 100%;
  }

  .pm-book-cover {

    width: 280px;
    height: 400px;
  }

  .pm-cover-pallar {

    width: 115px;
    height: 165px;

    margin-top: 55px;
  }

  .pm-presentation,
  .pm-culture,
  .pm-cosmos,
  .pm-moons,
  .pm-representation,
  .pm-reading,
  .pm-classification,
  .pm-stars {

    padding: 90px 0;
  }

  .pm-seed-section {

    padding: 70px 20px;
  }

  .pm-seed-orbits {

    height: 350px;
  }

  .pm-orbit-a {

    width: 190px;
    height: 190px;
  }

  .pm-orbit-b {

    width: 270px;
    height: 270px;
  }

  .pm-orbit-c {

    width: 350px;
    height: 350px;
  }

  .pm-big-pallar {

    width: 130px;
    height: 190px;
  }

  .pm-cosmos-cards,
  .pm-moons-grid {

    grid-template-columns: 1fr;
  }

  .pm-board {

    width: 290px;
    height: 290px;
  }

  .pm-board-outer {

    width: 250px;
    height: 250px;
  }

  .pm-board-middle {

    width: 180px;
    height: 180px;
  }

  .pm-board-inner {

    width: 100px;
    height: 100px;
  }

  .pm-board-cross {

    width: 210px;
  }

  .pm-board-cross::after {

    height: 210px;

    top: -105px;
  }

  .pm-classification-list > div {

    grid-template-columns:
      40px 1fr 20px;

    gap: 15px;

    padding: 25px 0;
  }

  .pm-classification-list strong {

    font-size: 17px;
  }

  .pm-next-grid {

    grid-template-columns: 1fr;
  }

  .pm-final {

    min-height: 550px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30f6944 */#cap-pallares-page {

  --noche: #1d130d;
  --tierra: #2a1b12;
  --barro: #3a261b;

  --oro: #c99a4a;
  --oro-claro: #e8c67f;

  --crema: #f2e7d2;
  --pergamino: #f7efe1;

  --tinta: #2b1a10;
  --arcilla: #a3391f;

  --suave: #c4ae8e;

  --display: "Cinzel", Georgia, serif;
  --texto: "EB Garamond", Georgia, serif;

  font-family: var(--texto);

  overflow: hidden;

  background: var(--pergamino);

  color: var(--tinta);
}

#cap-pallares-page *,
#cap-pallares-page *::before,
#cap-pallares-page *::after {
  box-sizing: border-box;
}

#cap-pallares-page h1,
#cap-pallares-page h2,
#cap-pallares-page h3,
#cap-pallares-page h4 {
  font-family: var(--display);
}

#cap-pallares-page p {
  font-family: var(--texto);
}

.pm-container {

  width: min(1180px, calc(100% - 50px));

  margin: auto;
}

.pm-section-label {

  font-family: var(--display);

  font-size: 11px;

  letter-spacing: 4px;

  color: var(--oro);
}


/* =========================================================
   HERO
========================================================= */

.pm-hero {

  min-height: 780px;

  position: relative;

  display: grid;

  grid-template-columns: 1fr 1fr;

  align-items: center;

  padding: 100px 8%;

  background:
    radial-gradient(
      circle at 75% 50%,
      rgba(201,154,74,.15),
      transparent 30%
    ),
    var(--noche);

  color: var(--crema);

  overflow: hidden;
}

.pm-hero::before {

  content: "";

  position: absolute;

  inset: 0;

  opacity: .07;

  background-image:
    linear-gradient(
      45deg,
      transparent 48%,
      var(--oro) 49%,
      transparent 51%
    );

  background-size: 95px 95px;
}

.pm-hero-text {

  position: relative;

  z-index: 3;

  max-width: 650px;
}

.pm-eyebrow {

  font-family: var(--display);

  font-size: 11px;

  letter-spacing: 5px;

  color: var(--oro);
}

.pm-hero h1 {

  margin: 25px 0;

  font-size: clamp(65px, 8vw, 115px);

  line-height: .88;

  font-weight: 400;

  letter-spacing: -2px;
}

.pm-hero h1 em {

  color: var(--oro);

  font-style: normal;
}

.pm-line {

  width: 100px;

  height: 2px;

  margin: 35px 0;

  background: var(--oro);
}

.pm-hero-subtitle {

  color: var(--oro-claro);

  font-size: 25px !important;

  font-style: italic;

  margin-bottom: 20px;
}

.pm-hero-description {

  max-width: 600px;

  color: #d8c8ae;

  font-size: 20px !important;

  line-height: 1.7;
}

.pm-button {

  display: inline-flex;

  align-items: center;

  gap: 25px;

  padding: 17px 28px;

  margin-top: 25px;

  background: var(--oro);

  color: var(--noche) !important;

  text-decoration: none !important;

  font-family: var(--display);

  font-size: 10px;

  letter-spacing: 2px;

  transition: .3s ease;
}

.pm-button:hover {

  background: var(--oro-claro);

  transform: translateY(-3px);
}


/* =========================================================
   HERO PALLAR
========================================================= */

.pm-hero-art {

  min-height: 600px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;
}

.pm-orbit {

  position: absolute;

  border: 1px solid rgba(201,154,74,.3);

  border-radius: 50%;
}

.pm-orbit-1 {

  width: 300px;
  height: 300px;
}

.pm-orbit-2 {

  width: 440px;
  height: 440px;
}

.pm-orbit-3 {

  width: 580px;
  height: 580px;

  border-style: dashed;

  opacity: .55;
}

.pm-big-pallar {

  width: 205px;
  height: 295px;

  position: relative;

  border-radius: 48% 52% 45% 55%;

  background: var(--crema);

  transform: rotate(12deg);

  box-shadow:
    0 0 0 3px var(--oro),
    0 0 90px rgba(201,154,74,.3);
}

.pm-big-pallar i {

  position: absolute;

  width: 17px;
  height: 17px;

  border-radius: 50%;

  background: var(--noche);
}

.pm-big-pallar i:nth-child(1) {

  left: 27%;
  top: 18%;
}

.pm-big-pallar i:nth-child(2) {

  left: 58%;
  top: 28%;
}

.pm-big-pallar i:nth-child(3) {

  left: 31%;
  top: 42%;
}

.pm-big-pallar i:nth-child(4) {

  left: 62%;
  top: 56%;
}

.pm-big-pallar i:nth-child(5) {

  left: 32%;
  top: 68%;
}

.pm-big-pallar i:nth-child(6) {

  left: 55%;
  top: 81%;
}


/* =========================================================
   FICHA
========================================================= */

.pm-ficha {

  background: var(--barro);

  color: var(--crema);

  border-top: 1px solid rgba(201,154,74,.25);

  border-bottom: 1px solid rgba(201,154,74,.25);
}

.pm-ficha-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);
}

.pm-ficha-grid > div {

  padding: 35px 25px;

  border-right: 1px solid rgba(201,154,74,.2);
}

.pm-ficha-grid > div:last-child {

  border-right: none;
}

.pm-ficha-grid span {

  display: block;

  font-family: var(--display);

  font-size: 9px;

  letter-spacing: 3px;

  color: var(--oro);
}

.pm-ficha-grid strong {

  display: block;

  margin-top: 8px;

  font-family: var(--display);

  font-size: 13px;

  font-weight: 400;
}


/* =========================================================
   PRESENTATION
========================================================= */

.pm-presentation {

  padding: 140px 0;

  background: var(--pergamino);
}

.pm-two-columns {

  margin-top: 60px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 110px;
}

.pm-two-columns h2 {

  margin: 0;

  font-size: clamp(45px, 5vw, 70px);

  line-height: 1;

  font-weight: 400;
}

.pm-two-columns p {

  font-size: 20px;

  line-height: 1.75;

  color: #604a37;
}


/* =========================================================
   CULTURE
========================================================= */

.pm-culture {

  padding: 140px 0;

  background: var(--tierra);

  color: var(--crema);
}

.pm-culture-header {

  margin-top: 50px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 100px;
}

.pm-culture-header h2 {

  margin: 0;

  font-size: clamp(48px, 5vw, 72px);

  line-height: .98;

  font-weight: 400;
}

.pm-culture-header p {

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.75;
}

.pm-culture-cards {

  margin-top: 80px;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 1px;

  background: rgba(201,154,74,.25);
}

.pm-culture-cards article {

  padding: 45px;

  background: var(--tierra);
}

.pm-culture-cards article > span {

  font-family: var(--display);

  color: var(--oro);
}

.pm-card-symbol {

  width: 90px;
  height: 90px;

  margin: 35px 0;

  border: 1px solid var(--oro);

  border-radius: 50%;

  position: relative;
}

.symbol-seed::before {

  content: "";

  position: absolute;

  width: 38px;
  height: 55px;

  left: 25px;
  top: 16px;

  border-radius: 50%;

  background: var(--crema);

  transform: rotate(20deg);
}

.symbol-sun::before {

  content: "";

  position: absolute;

  inset: 23px;

  border-radius: 50%;

  background: var(--oro);
}

.symbol-moon::before {

  content: "";

  position: absolute;

  width: 45px;
  height: 45px;

  left: 25px;
  top: 20px;

  border-radius: 50%;

  background: var(--crema);
}

.symbol-moon::after {

  content: "";

  position: absolute;

  width: 45px;
  height: 45px;

  left: 38px;
  top: 13px;

  border-radius: 50%;

  background: var(--tierra);
}

.pm-culture-cards h3 {

  font-size: 27px;

  font-weight: 400;
}

.pm-culture-cards p {

  color: #cdbda4;

  font-size: 18px;

  line-height: 1.6;
}


/* =========================================================
   COSMOS
========================================================= */

.pm-cosmos {

  padding: 150px 0;

  background: #eadbc3;
}

.pm-cosmos-grid {

  margin-top: 60px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 80px;

  align-items: center;
}

.pm-cosmos-copy h2 {

  margin: 0 0 30px;

  font-size: clamp(48px, 5vw, 75px);

  line-height: .98;

  font-weight: 400;
}

.pm-cosmos-copy p {

  color: #604a37;

  font-size: 20px;

  line-height: 1.7;
}

.pm-cosmos-diagram {

  height: 500px;

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;
}

.pm-cosmos-orbit {

  position: absolute;

  border: 1px solid rgba(43,26,16,.25);

  border-radius: 50%;
}

.orbit-a {

  width: 220px;
  height: 220px;
}

.orbit-b {

  width: 350px;
  height: 350px;
}

.orbit-c {

  width: 480px;
  height: 480px;

  border-style: dashed;
}

.pm-cosmos-sun {

  width: 90px;
  height: 90px;

  background: var(--oro);

  border-radius: 50%;

  box-shadow: 0 0 50px rgba(201,154,74,.35);

  z-index: 2;
}

.pm-cosmos-dot {

  position: absolute;

  width: 13px;
  height: 13px;

  border-radius: 50%;

  background: var(--arcilla);

  z-index: 3;
}

.dot-a {

  top: 100px;
  right: 160px;
}

.dot-b {

  bottom: 110px;
  left: 130px;
}

.dot-c {

  top: 250px;
  right: 40px;
}


/* =========================================================
   MOONS
========================================================= */

.pm-moons {

  padding: 140px 0;

  background: var(--noche);

  color: var(--crema);
}

.pm-moons-title {

  margin-top: 50px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 100px;
}

.pm-moons-title h2 {

  margin: 0;

  font-size: clamp(48px, 5vw, 75px);

  line-height: .95;

  font-weight: 400;
}

.pm-moons-title p {

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.7;
}

.pm-moon-grid {

  margin-top: 80px;

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 20px;
}

.pm-moon-grid article {

  padding: 35px 20px;

  text-align: center;

  border: 1px solid rgba(201,154,74,.2);
}

.pm-moon {

  width: 110px;
  height: 110px;

  margin: 0 auto 30px;

  border-radius: 50%;

  background: var(--crema);

  box-shadow:
    0 0 35px rgba(232,198,127,.15);
}

.moon-waning {

  background:
    linear-gradient(
      90deg,
      var(--crema) 50%,
      var(--noche) 50%
    );
}

.moon-waxing {

  background:
    linear-gradient(
      90deg,
      var(--noche) 50%,
      var(--crema) 50%
    );
}

.moon-new {

  background: #30251e;

  border: 1px solid #725f4b;
}

.pm-moon-grid article > span {

  font-family: var(--display);

  font-size: 9px;

  letter-spacing: 2px;

  color: var(--oro);
}

.pm-moon-grid h3 {

  margin-top: 12px;

  font-size: 20px;

  font-weight: 400;
}


/* =========================================================
   REPRESENTATION
========================================================= */

.pm-representation {

  padding: 150px 0;

  background: var(--pergamino);
}

.pm-representation-grid {

  margin-top: 60px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 100px;

  align-items: center;
}

.pm-representation-grid h2 {

  margin: 0;

  font-size: clamp(48px, 5vw, 75px);

  line-height: .95;

  font-weight: 400;
}

.pm-representation-grid p {

  margin-top: 30px;

  color: #604a37;

  font-size: 20px;

  line-height: 1.7;
}

.pm-symbol-board {

  width: 430px;
  height: 430px;

  margin: auto;

  position: relative;

  border: 1px solid var(--oro);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;
}

.pm-board-ring {

  position: absolute;

  border: 1px dashed var(--oro);

  border-radius: 50%;
}

.ring-one {

  width: 300px;
  height: 300px;
}

.ring-two {

  width: 190px;
  height: 190px;
}

.pm-board-axis {

  position: absolute;

  background: var(--oro);
}

.axis-x {

  width: 300px;
  height: 1px;
}

.axis-y {

  width: 1px;
  height: 300px;
}

.pm-board-pallar {

  width: 100px;
  height: 145px;

  position: relative;

  border-radius: 50%;

  background: var(--arcilla);

  transform: rotate(12deg);

  z-index: 2;
}

.pm-board-pallar i {

  position: absolute;

  width: 8px;
  height: 8px;

  background: var(--crema);

  border-radius: 50%;
}

.pm-board-pallar i:nth-child(1) {
  left: 25%;
  top: 20%;
}

.pm-board-pallar i:nth-child(2) {
  right: 22%;
  top: 32%;
}

.pm-board-pallar i:nth-child(3) {
  left: 28%;
  bottom: 35%;
}

.pm-board-pallar i:nth-child(4) {
  right: 25%;
  bottom: 18%;
}


/* =========================================================
   READING
========================================================= */

.pm-reading {

  padding: 140px 0;

  background: var(--barro);

  color: var(--crema);
}

.pm-reading h2 {

  margin: 25px 0;

  font-size: clamp(48px, 5vw, 75px);

  line-height: .95;

  font-weight: 400;
}

.pm-reading-intro {

  max-width: 650px;

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.7;
}

.pm-reading-grid {

  margin-top: 70px;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 20px;
}

.pm-reading-grid article {

  padding: 45px;

  border: 1px solid rgba(201,154,74,.3);
}

.pm-reading-grid strong {

  color: var(--oro);

  font-family: var(--display);
}

.pm-reading-icon {

  margin: 35px 0 20px;

  font-size: 50px;

  color: var(--oro);
}

.pm-reading-grid h3 {

  font-size: 28px;

  font-weight: 400;
}

.pm-reading-grid p {

  color: #d8c8ae;

  font-size: 18px;
}


/* =========================================================
   CLASSIFICATION
========================================================= */

.pm-classification {

  padding: 140px 0;

  background: var(--pergamino);
}

.pm-classification h2 {

  max-width: 850px;

  margin: 30px 0 70px;

  font-size: clamp(48px, 5vw, 75px);

  line-height: .95;

  font-weight: 400;
}

.pm-classification-list {

  border-top: 1px solid rgba(43,26,16,.25);
}

.pm-classification-list > div {

  display: grid;

  grid-template-columns: 70px 1fr 30px;

  align-items: center;

  gap: 25px;

  padding: 30px 0;

  border-bottom: 1px solid rgba(43,26,16,.25);
}

.pm-classification-list > div > span {

  font-family: var(--display);

  color: var(--oro);

  font-size: 12px;
}

.pm-classification-list small {

  display: block;

  margin-bottom: 5px;

  font-family: var(--display);

  font-size: 9px;

  letter-spacing: 3px;

  color: var(--oro);
}

.pm-classification-list strong {

  font-family: var(--display);

  font-size: 22px;

  font-weight: 400;
}

.pm-classification-list b {

  font-size: 20px;

  color: var(--oro);
}


/* =========================================================
   FINAL
========================================================= */

.pm-final {

  padding: 160px 25px;

  background:
    radial-gradient(
      circle at center,
      rgba(201,154,74,.16),
      transparent 35%
    ),
    var(--noche);

  color: var(--crema);

  text-align: center;
}

.pm-final-inner {

  max-width: 850px;

  margin: auto;
}

.pm-final span {

  font-family: var(--display);

  font-size: 10px;

  letter-spacing: 5px;

  color: var(--oro);
}

.pm-final h2 {

  margin: 30px 0;

  font-size: clamp(50px, 6vw, 82px);

  line-height: .95;

  font-weight: 400;
}

.pm-final p {

  max-width: 650px;

  margin: auto;

  color: #d8c8ae;

  font-size: 20px;

  line-height: 1.7;
}


/* =========================================================
   NEXT BOOKS
========================================================= */

.pm-next-books {

  padding: 90px 0;

  background: #eadbc3;
}

.pm-next-books > .pm-container > span {

  font-family: var(--display);

  font-size: 10px;

  letter-spacing: 4px;

  color: var(--oro);
}

.pm-next-grid {

  margin-top: 35px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 1px;

  background: rgba(43,26,16,.2);
}

.pm-next-grid a {

  display: block;

  padding: 35px;

  color: var(--tinta);

  text-decoration: none;

  background: #eadbc3;

  transition: .3s ease;
}

.pm-next-grid a:hover {

  background: var(--pergamino);

  padding-left: 45px;
}

.pm-next-grid small {

  display: block;

  font-family: var(--display);

  font-size: 9px;

  letter-spacing: 3px;

  color: var(--oro);
}

.pm-next-grid strong {

  display: block;

  margin: 12px 0;

  font-family: var(--display);

  font-size: 25px;

  font-weight: 400;
}

.pm-next-grid em {

  color: #604a37;

  font-size: 17px;

  font-style: italic;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .pm-hero {

    grid-template-columns: 1fr;

    text-align: center;

    padding: 100px 30px;
  }

  .pm-hero-text {

    margin: auto;
  }

  .pm-line {

    margin-left: auto;
    margin-right: auto;
  }

  .pm-hero-art {

    min-height: 450px;
  }

  .pm-two-columns,
  .pm-culture-header,
  .pm-cosmos-grid,
  .pm-moons-title,
  .pm-representation-grid {

    grid-template-columns: 1fr;

    gap: 50px;
  }

  .pm-culture-cards,
  .pm-moon-grid {

    grid-template-columns: repeat(2, 1fr);
  }

  .pm-reading-grid {

    grid-template-columns: 1fr;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

  .pm-container {

    width: calc(100% - 35px);
  }

  .pm-hero {

    min-height: auto;

    padding: 90px 20px;
  }

  .pm-hero h1 {

    font-size: 58px;
  }

  .pm-hero-subtitle {

    font-size: 21px !important;
  }

  .pm-hero-description {

    font-size: 18px !important;
  }

  .pm-hero-art {

    min-height: 360px;
  }

  .pm-orbit-1 {

    width: 190px;
    height: 190px;
  }

  .pm-orbit-2 {

    width: 280px;
    height: 280px;
  }

  .pm-orbit-3 {

    width: 360px;
    height: 360px;
  }

  .pm-big-pallar {

    width: 130px;
    height: 190px;
  }

  .pm-ficha-grid {

    grid-template-columns: 1fr 1fr;
  }

  .pm-ficha-grid > div {

    border-bottom: 1px solid rgba(201,154,74,.2);
  }

  .pm-presentation,
  .pm-culture,
  .pm-cosmos,
  .pm-moons,
  .pm-representation,
  .pm-reading,
  .pm-classification,
  .pm-final {

    padding: 90px 0;
  }

  .pm-culture-cards,
  .pm-moon-grid {

    grid-template-columns: 1fr;
  }

  .pm-symbol-board {

    width: 300px;
    height: 300px;
  }

  .ring-one {

    width: 210px;
    height: 210px;
  }

  .ring-two {

    width: 135px;
    height: 135px;
  }

  .axis-x {

    width: 210px;
  }

  .axis-y {

    height: 210px;
  }

  .pm-classification-list > div {

    grid-template-columns: 40px 1fr 20px;

    gap: 15px;
  }

  .pm-classification-list strong {

    font-size: 17px;
  }

  .pm-next-grid {

    grid-template-columns: 1fr;
  }

}/* End custom CSS */