/*
    - Name: "full.scss"
    - Description: "Add custom styles in full display for books"
*/
/* Media query breakpoints */
/* montserrat-100 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-100italic - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200italic - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat Light";
  font-style: normal;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Light italic";
  font-style: italic;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Italic";
  font-style: italic;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat 500";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat 500 italic";
  font-style: italic;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Semi";
  font-style: normal;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Semi italic";
  font-style: italic;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Bold italic";
  font-style: italic;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Mansalva";
  font-style: normal;
  src: url("/themes/custom/manos_unidas/assets/fonts/Mansalva/Mansalva.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-serif-4-200 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-ExtraLight.woff2") format("woff2");
}
/* source-serif-4-200italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-ExtraLightItalic.woff2") format("woff2");
}
/* source-serif-4-300 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Light.woff2") format("woff2");
}
/* source-serif-4-300italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-LightItalic.woff2") format("woff2");
}
/* source-serif-4-400 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Regular.woff2") format("woff2");
}
/* source-serif-4-400italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Italic.woff2") format("woff2");
}
/* source-serif-4-500 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Medium.woff2") format("woff2");
}
/* source-serif-4-500italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-MediumItalic.woff2") format("woff2");
}
/* source-serif-4-600 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-SemiBold.woff2") format("woff2");
}
/* source-serif-4-600italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-SemiBoldItalic.woff2") format("woff2");
}
/* source-serif-4-700 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Bold.woff2") format("woff2");
}
/* source-serif-4-700italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-BoldItalic.woff2") format("woff2");
}
/* source-serif-4-800 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-ExtraBold.woff2") format("woff2");
}
/* source-serif-4-800italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-ExtraBoldItalic.woff2") format("woff2");
}
/* source-serif-4-900 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Black.woff2") format("woff2");
}
/* source-serif-4-900italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-BlackItalic.woff2") format("woff2");
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/themes/custom/manos_unidas/assets/fonts/icomoon/icomoon.tff") format("tff"), url("/themes/custom/manos_unidas/assets/fonts/icomoon/icomoon.eot?") format("eot"), url("/themes/custom/manos_unidas/assets/fonts/icomoon/icomoon.woff") format("woff");
}
.node__book--full .vlsuite-layout.container {
  --container: 1680px;
}
.node__book--full .books-title {
  padding: var(--spacing-lg) 0;
  text-align: center;
}
.node__book--full .block-vlsuite-block-field-blocknodebookimage img {
  width: 100%;
}
.node__book--full .block-vlsuite-block-field-blocknodebookbody > div,
.node__book--full .block-vlsuite-block-field-blocknodebooksummary > div {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-smx);
}
@media (min-width: 576px) {
  .node__book--full .block-vlsuite-block-field-blocknodebookbody > div,
  .node__book--full .block-vlsuite-block-field-blocknodebooksummary > div {
    gap: var(--spacing-md);
  }
}
.node__book--full .block-vlsuite-block-field-blocknodebookbody h2,
.node__book--full .block-vlsuite-block-field-blocknodebooksummary h2 {
  text-align: left;
  font-size: 1.25rem;
}
@media (min-width: 480px) {
  .node__book--full .block-vlsuite-block-field-blocknodebookbody h2,
  .node__book--full .block-vlsuite-block-field-blocknodebooksummary h2 {
    font-size: 1.375rem;
    line-height: 1.625rem;
  }
}
.node__book--full .block-vlsuite-block-field-blocknodebookbody h2 img,
.node__book--full .block-vlsuite-block-field-blocknodebooksummary h2 img {
  transform: scale(0.5);
  position: relative;
  top: 20px;
}
.node__book--full .flex-container {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--spacing-mdx);
  align-items: center;
  text-align: left;
}
@media (min-width: 576px) {
  .node__book--full .flex-container {
    flex-direction: row;
  }
}
.node__book--full .flex-container .texto {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.node__book--full .flex-container .btn {
  display: inline-block;
  padding: 8px 24px;
  border-radius: 999px;
  font-family: var(--medium);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0125rem;
  text-decoration: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: var(--base-trans);
  cursor: pointer;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white);
}
@media (min-width: 1200px) {
  .node__book--full .flex-container .btn {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.node__book--full .flex-container .btn:hover {
  font-family: var(--bold);
}
.node__book--full .flex-container .btn:hover {
  background-color: var(--white);
  color: var(--primary-color);
}
.node__book--full .flex-container .btn-r {
  display: inline-block;
  padding: 8px 24px;
  border-radius: 999px;
  font-family: var(--medium);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0125rem;
  text-decoration: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: var(--base-trans);
  cursor: pointer;
  background-color: var(--secondary-color-500);
  color: var(--black);
}
@media (min-width: 1200px) {
  .node__book--full .flex-container .btn-r {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.node__book--full .flex-container .btn-r:hover {
  font-family: var(--bold);
}
.node__book--full .flex-container .btn-r:hover {
  background-color: var(--white);
}
.node__book--full .destacado {
  padding: 16px;
  border-radius: 0 0 50px 0;
  background-color: var(--gray-100);
  font-family: var(--bold);
}
@media (min-width: 576px) {
  .node__book--full .destacado {
    padding: 24px;
    border-radius: 0 0 99px 0;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 992px) {
  .node__book--full .destacado {
    padding: 40px;
  }
}
.node__book--full .destacado-r-60, .node__book--full .destacado-b-60 {
  padding: 16px;
  border-radius: 0 0 50px 0;
  background-color: var(--secondary-color-100);
  font-family: var(--bold);
}
@media (min-width: 576px) {
  .node__book--full .destacado-r-60, .node__book--full .destacado-b-60 {
    padding: 24px;
    border-radius: 0 0 99px 0;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 992px) {
  .node__book--full .destacado-r-60, .node__book--full .destacado-b-60 {
    padding: 40px;
  }
}
.node__book--full .quote {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--spacing-md);
}
@media (min-width: 992px) {
  .node__book--full .quote {
    margin-top: 0;
  }
}
.node__book--full .quote img {
  position: relative;
  z-index: 1;
  width: 100px;
  top: 40px;
}
@media (min-width: 992px) {
  .node__book--full .quote img {
    width: 200px;
    top: 80px;
  }
}
.node__book--full .quote .text {
  padding-top: 60px;
}
@media (min-width: 992px) {
  .node__book--full .quote .text {
    padding-top: 100px;
  }
}
.node__book--full blockquote, .node__book--full .text {
  position: relative;
  margin: 0;
  padding: 16px;
  border-radius: 0 0 50px 0;
  background-color: var(--primary-color-100);
}
@media (min-width: 576px) {
  .node__book--full blockquote, .node__book--full .text {
    padding: 24px;
    border-radius: 0 0 99px 0;
  }
}
@media (min-width: 992px) {
  .node__book--full blockquote, .node__book--full .text {
    padding: 40px;
  }
}
.node__book--full blockquote::after, .node__book--full .text::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='44' viewBox='0 0 94 80' fill='none'%3E%3Cpath d='M4.25969 0V6.62626C8.04609 9.21212 11.0962 13.0909 13.4102 18.2626C15.7241 23.3266 16.881 28.7138 16.881 34.4242C16.881 37.2256 16.6707 39.8653 16.25 42.3434C11.3066 42.6667 7.36243 44.5522 4.41746 48C1.47248 51.3401 0 55.6498 0 60.9293C0 66.3165 1.8406 70.8418 5.52182 74.5051C9.09786 78.1684 13.6205 80 19.0898 80C25.9263 80 31.5007 77.1448 35.813 71.4343C40.0201 65.7239 42.1237 58.3434 42.1237 49.2929C42.1237 42.0741 40.6512 35.0707 37.7062 28.2828C34.656 21.4949 30.6067 16 25.5582 11.798C20.5097 7.48822 13.4101 3.55556 4.25969 0ZM68.9151 42.3434H67.4952C63.6036 42.3434 60.1854 44.229 57.2404 48C54.1902 51.771 52.6652 56.0808 52.6652 60.9293C52.6652 66.3165 54.4006 70.8418 57.8715 74.5051C61.3423 78.1684 65.6546 80 70.8083 80C77.4345 80 82.9563 76.9832 87.3738 70.9495C91.7913 64.9158 94 57.3737 94 48.3232C94 36.9024 90.7395 26.936 84.2185 18.4242C77.5923 9.80471 68.4944 3.6633 56.9249 0V6.94949C65.3391 13.8451 69.5462 22.8956 69.5462 34.101L68.9151 42.3434Z' fill='%23AAD9FF'/%3E%3C/svg%3E");
  position: absolute;
  top: -18px;
  right: 20px;
}
@media (min-width: 576px) {
  .node__book--full blockquote::after, .node__book--full .text::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94' height='80' viewBox='0 0 94 80' fill='none'%3E%3Cpath d='M4.25969 0V6.62626C8.04609 9.21212 11.0962 13.0909 13.4102 18.2626C15.7241 23.3266 16.881 28.7138 16.881 34.4242C16.881 37.2256 16.6707 39.8653 16.25 42.3434C11.3066 42.6667 7.36243 44.5522 4.41746 48C1.47248 51.3401 0 55.6498 0 60.9293C0 66.3165 1.8406 70.8418 5.52182 74.5051C9.09786 78.1684 13.6205 80 19.0898 80C25.9263 80 31.5007 77.1448 35.813 71.4343C40.0201 65.7239 42.1237 58.3434 42.1237 49.2929C42.1237 42.0741 40.6512 35.0707 37.7062 28.2828C34.656 21.4949 30.6067 16 25.5582 11.798C20.5097 7.48822 13.4101 3.55556 4.25969 0ZM68.9151 42.3434H67.4952C63.6036 42.3434 60.1854 44.229 57.2404 48C54.1902 51.771 52.6652 56.0808 52.6652 60.9293C52.6652 66.3165 54.4006 70.8418 57.8715 74.5051C61.3423 78.1684 65.6546 80 70.8083 80C77.4345 80 82.9563 76.9832 87.3738 70.9495C91.7913 64.9158 94 57.3737 94 48.3232C94 36.9024 90.7395 26.936 84.2185 18.4242C77.5923 9.80471 68.4944 3.6633 56.9249 0V6.94949C65.3391 13.8451 69.5462 22.8956 69.5462 34.101L68.9151 42.3434Z' fill='%23AAD9FF'/%3E%3C/svg%3E");
    right: 50px;
  }
}
.node__book--full blockquote p, .node__book--full .text p {
  max-width: calc(100% - 80px);
  font-family: var(--bold);
}
@media (min-width: 576px) {
  .node__book--full blockquote p, .node__book--full .text p {
    max-width: calc(100% - 150px);
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 992px) {
  .node__book--full blockquote p, .node__book--full .text p {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
.node__book--full .buttons.special {
  margin: auto;
}
.node__book--full .buttons.special .btn.red {
  display: inline-block;
  padding: 8px 24px;
  border-radius: 999px;
  font-family: var(--medium);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0125rem;
  text-decoration: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: var(--base-trans);
  cursor: pointer;
  background-color: var(--secondary-color-500);
  color: var(--black);
}
@media (min-width: 1200px) {
  .node__book--full .buttons.special .btn.red {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.node__book--full .buttons.special .btn.red:hover {
  font-family: var(--bold);
}
.node__book--full .buttons.special .btn.red:hover {
  background-color: var(--white);
}
.node__book--full p {
  margin: 0;
  color: var(--black);
  font-family: var(--medium);
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0125rem;
}
@media (min-width: 576px) {
  .node__book--full p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.block-vlsuite-block-field-blocknodebookimage-gallery {
  max-width: var(--small-container);
  margin: 0 auto;
  padding-left: var(--gutter-container);
  padding-right: var(--gutter-container);
}
.block-vlsuite-block-field-blocknodebookimage-gallery .splide {
  position: relative;
}
.block-vlsuite-block-field-blocknodebookimage-gallery .splide__slide img {
  width: 100%;
  height: auto;
  display: block;
}
.block-vlsuite-block-field-blocknodebookimage-gallery .splide-nav-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  padding: var(--spacing-xs) var(--spacing-md);
  background-color: var(--white);
}
@media (min-width: 576px) {
  .block-vlsuite-block-field-blocknodebookimage-gallery .splide-nav-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

.book-portada-slider {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  max-width: 960px;
  margin: 0 auto;
}
.book-portada-slider .splide__track {
  overflow: hidden;
}
.book-portada-slider .splide__list {
  align-items: stretch;
}
.book-portada-slider .splide__slide {
  height: auto;
}
.book-portada-slider .splide-nav-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding: var(--spacing-xs) 0;
}
.book-portada-slider .splide-nav-wrapper .splide__arrow {
  border: none;
  width: 25px;
  height: 25px;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.book-portada-slider .splide-nav-wrapper .splide__arrow:disabled {
  opacity: 0.3;
}
.book-portada-slider .splide-nav-wrapper .splide__arrow svg {
  display: none;
}
.book-portada-slider .splide-nav-wrapper .splide__arrow--prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99996 15.1422L3.78603 10.9282C2.43916 9.58136 1.76573 8.90792 1.76573 8.07108C1.76573 7.23425 2.43916 6.56081 3.78603 5.21394L7.99996 1.00002' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.071 8.07099H2.34307' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.book-portada-slider .splide-nav-wrapper .splide__arrow--next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00004 15.1422L12.214 10.9282C13.5608 9.58136 14.2343 8.90792 14.2343 8.07108C14.2343 7.23425 13.5608 6.56081 12.214 5.21394L8.00004 1.00002' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.929008 8.07099H13.6569' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.book-portada-slider .splide-nav-wrapper .splide__pagination {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: static;
}
.book-portada-slider .splide-nav-wrapper .splide__pagination li {
  display: flex;
  align-items: center;
}
.book-portada-slider .splide-nav-wrapper .splide__pagination__page {
  display: block;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 16px;
  padding: 0;
  margin: 0;
  background-color: var(--gray-700);
  cursor: pointer;
  transition: all var(--base-trans);
  opacity: 1;
}
.book-portada-slider .splide-nav-wrapper .splide__pagination__page.is-active {
  width: 40px;
  background-color: var(--black);
  transform: none;
}
.book-portada-slider--few .splide__list {
  justify-content: center;
}

.book-portada-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: var(--black);
}
.book-portada-card__image {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3/4;
  background-color: var(--gray-200);
}
.book-portada-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform var(--base-trans);
}
.book-portada-card__image-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--gray-200);
}
.book-portada-card:hover .book-portada-card__image img {
  transform: scale(1.04);
}
.book-portada-card__number {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.85);
  color: var(--primary-color-700);
  font-family: var(--bold);
  font-size: 0.8125rem;
  line-height: 1;
  border: 1px solid var(--primary-color-200);
}
.is-active .book-portada-card__number {
  background-color: var(--primary-color-200);
}
.book-portada-card__title {
  margin: var(--spacing-xs) 0 0;
  font-family: var(--bold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  letter-spacing: 0.03125rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--black);
}
@media (min-width: 576px) {
  .book-portada-card__title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.book-nav-bar {
  border-top: 1px solid var(--primary-color-200);
  border-bottom: 1px solid var(--primary-color-200);
  margin-bottom: var(--spacing-md);
}
.book-nav-bar__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-xs) 0;
  gap: var(--spacing-sm);
}
.book-nav-bar__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--primary-color-700);
  font-family: var(--medium);
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  transition: color var(--base-trans);
}
.book-nav-bar__link:hover {
  color: var(--primary-color-500);
  text-decoration: underline;
}
.book-nav-bar__prev .book-nav-bar__arrow {
  font-size: 1.25rem;
  line-height: 1;
}
.book-nav-bar__next {
  text-align: right;
}
.book-nav-bar__next .book-nav-bar__arrow {
  font-size: 1.25rem;
  line-height: 1;
}
.book-nav-bar__placeholder {
  flex: 1;
}

.block-book-navigation {
  margin: var(--spacing-md);
}

.book-index-panel {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-top: var(--spacing-sm);
}
.book-index-panel > summary {
  list-style: none;
}
.book-index-panel > summary::-webkit-details-marker {
  display: none;
}
.book-index-panel__header {
  background-color: var(--primary-color-700);
  padding: var(--spacing-xs) var(--spacing-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--white);
  font-family: var(--bold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.book-index-panel__toggle-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform var(--base-trans);
}
.book-index-panel[open] .book-index-panel__toggle-icon {
  transform: rotate(180deg);
}
.book-index-panel__list {
  list-style: none;
  margin: 0;
  padding: var(--spacing-xxs) 0;
  background-color: var(--secondary-color-100);
  counter-reset: book-index;
}
.book-index-panel__item {
  counter-increment: book-index;
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: 6px var(--spacing-sm);
  transition: background-color var(--base-trans);
}
.book-index-panel__item::before {
  content: counter(book-index);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--primary-color-700);
  background-color: var(--secondary-color-100);
  color: var(--primary-color-700);
  font-family: var(--bold);
  font-size: 0.6875rem;
  line-height: 1;
}
.book-index-panel__item.is-active {
  background-color: var(--secondary-color-300);
}
.book-index-panel__item.is-active::before {
  background-color: var(--primary-color-700);
  color: var(--white);
  border-color: var(--primary-color-700);
}
.book-index-panel__item:hover:not(.is-active) {
  background-color: var(--secondary-color-300);
}
.book-index-panel__item-link {
  flex: 1;
  color: var(--black);
  font-family: var(--medium);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  text-decoration: none;
  transition: color var(--base-trans);
}
.book-index-panel__item-link:hover {
  color: var(--primary-color-700);
}
.is-active .book-index-panel__item-link {
  font-family: var(--bold);
}
/*# sourceMappingURL=full.css.map */
