body.page-cms {
}

body.page-cms .breadcrumb,
body.page-cms .header-secondary {
  display: none !important;
}

body.page-cms #content {
  background-color: white;
  margin: 0;
}

body.page-cms .page-header {
  max-width: 1920px;
  margin: 0 auto;
  padding-block: 25px;
}

body.page-cms .page-header h1 {
  display: none;
  --max: 400;
  --min: 20;
  --maxtrans: 1920;
  --mintrans: 430;
  padding-inline: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  ) !important;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: black;
  --max-fs: 80;
  --min-fs: 40;
  --maxtrans-fs: 1920;
  --mintrans-fs: 430;
  font-size: clamp(
    var(--min-fs) * 1px,
    calc(
      (var(--max-fs) - var(--min-fs)) *
        (
          (100vw - var(--mintrans-fs) * 1px) /
            (var(--maxtrans-fs) - var(--mintrans-fs))
        ) + var(--min-fs) * 1px
    ),
    var(--max-fs) * 1px
  );
}

body.page-cms .faqs {
  max-width: 1920px;
  margin: 0 auto;
  --max: 100;
  --min: 0;
  --maxtrans: 1920;
  --mintrans: 430;
  padding-inline: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  ) !important;

  margin-bottom: 50px;
}

body.page-cms .faqs:last-child {
  margin-bottom: 150px;
}

body.page-cms .faqs h5 {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  gap: 15px;
  font-family: "Poppins", sans-serif;
  --max-fs: 36;
  --min-fs: 36;
  --maxtrans-fs: 1920;
  --mintrans-fs: 430;
  font-size: clamp(
    var(--min-fs) * 1px,
    calc(
      (var(--max-fs) - var(--min-fs)) *
        (
          (100vw - var(--mintrans-fs) * 1px) /
            (var(--maxtrans-fs) - var(--mintrans-fs))
        ) + var(--min-fs) * 1px
    ),
    var(--max-fs) * 1px
  );
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: black;
}

body.page-cms .faqs img {
  width: 50px;
  object-fit: contain;
}

body.page-cms .faqs .faq {
  /* padding-left: 100px; */
  /* padding-right: 150px; */

  --max-pl: 100;
  --min-pl: 20;
  --maxtrans-pl: 1920;
  --mintrans-pl: 430;
  padding-left: clamp(
    var(--min-pl) * 1px,
    calc(
      (var(--max-pl) - var(--min-pl)) *
        (
          (100vw - var(--mintrans-pl) * 1px) /
            (var(--maxtrans-pl) - var(--mintrans-pl))
        ) + var(--min-pl) * 1px
    ),
    var(--max-pl) * 1px
  );

  --max-pr: 150;
  --min-pr: 20;
  --maxtrans-pr: 1920;
  --mintrans-pr: 430;
  padding-right: clamp(
    var(--min-pr) * 1px,
    calc(
      (var(--max-pr) - var(--min-pr)) *
        (
          (100vw - var(--mintrans-pr) * 1px) /
            (var(--maxtrans-pr) - var(--mintrans-pr))
        ) + var(--min-pr) * 1px
    ),
    var(--max-pr) * 1px
  );
}

body.page-cms .faqs .faq details {
  /* border-top: 1px solid black; */
  /* padding-bottom: 20px; */
}

body.page-cms .faqs .faq details:last-child {
  /* border-bottom: 1px solid black; */
}

body.page-cms .faqs .faq details summary {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #d7a569;
  padding-block: 25px;
  background-image: url("/themes/child_classic/assets/media/addblack.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  cursor: pointer;
}

body.page-cms .faqs .faq details:open summary {
  background-image: url("/themes/child_classic/assets/media/lessblack.svg") !important;
}

body.page-cms .faqs .faq details summary {
  color: black !important;
}

body.page-cms .faqs .faq details:open summary {
  color: black !important;
}

body.page-cms .faqs .faq details p,
body.page-cms .faqs .faq details li {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: black;
  /* padding-right: 900px; */
  --max-pr: 900;
  --min-pr: 0;
  --maxtrans-pr: 1920;
  --mintrans-pr: 430;
  padding-right: clamp(
    var(--min-pr) * 1px,
    calc(
      (var(--max-pr) - var(--min-pr)) *
        (
          (100vw - var(--mintrans-pr) * 1px) /
            (var(--maxtrans-pr) - var(--mintrans-pr))
        ) + var(--min-pr) * 1px
    ),
    var(--max-pr) * 1px
  );
}

body.page-cms .faqs .faq details p:last-child {
  padding-bottom: 20px;
}

.tabs-2 {
  display: flex;
  justify-content: center;
  /* gap: 50px; */
  --max: 100;
  --min: 20;
  --maxtrans: 1920;
  --mintrans: 430;
  gap: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  );
  margin-bottom: 100px;
  flex-wrap: wrap;
}
.tabs-2 .tab-link {
  box-shadow: none;
  border-radius: 5px;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.15;
  letter-spacing: normal;
  text-align: center;
  color: black;
  cursor: pointer;
  outline: none;
}
.tabs-2 .tab-link.active {
  color: #d7a569;
  text-decoration: underline;
}

.tabs-2 .tab-link:hover img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(60%) saturate(2390%)
    hue-rotate(306deg) brightness(89%) contrast(87%);
}

.tabs-2 .tab-link img {
  width: 30px;
  /* filter: brightness(0) saturate(100%) invert(94%) sepia(60%) saturate(2390%)
    hue-rotate(306deg) brightness(89%) contrast(87%); */
}

.tabs-2 .tab-link {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.tabs-2 .tab-link.active img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(60%) saturate(2390%)
    hue-rotate(306deg) brightness(89%) contrast(87%);
}

.tab-content {
  max-width: 1050px;
  margin: 0 auto;
  /* padding-inline: 150px; */
  /* --max: 350;
  --min: 10;
  --maxtrans: 1920;
  --mintrans: 430;
  padding-inline: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  ) !important; */
}

.tab-content details:last-child {
  margin-bottom: 150px;
}

.tab-content details {
  /* border-top: 1px solid black; */
}

.tab-content details:last-child {
  /* border-bottom: 1px solid black; */
}

.tab-content details summary {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: black;
  padding-block: 25px;
  background-image: url("/themes/child_classic/assets/media/addblack.svg");

  background-repeat: no-repeat;
  background-position: right 20px center;
  cursor: pointer;
  padding-right: 55px;
}

.tab-content details:open summary {
  background-image: url("/themes/child_classic/assets/media/lessblack.svg") !important;
  color: black !important;
}
.tab-content details p,
.tab-content details li {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: black;
  /* padding-right: 900px; */
  /* --max-pr: 900;
  --min-pr: 0;
  --maxtrans-pr: 1920;
  --mintrans-pr: 430;
  padding-right: clamp(
    var(--min-pr) * 1px,
    calc(
      (var(--max-pr) - var(--min-pr)) *
        (
          (100vw - var(--mintrans-pr) * 1px) /
            (var(--maxtrans-pr) - var(--mintrans-pr))
        ) + var(--min-pr) * 1px
    ),
    var(--max-pr) * 1px
  ); */
}
.tab-content.no-icon summary {
  background-image: none !important;
  pointer-events: none;
}
.tab-content.no-icon details:open summary {
  background-image: none !important;
}

.bloque {
  display: flex;
  flex-direction: row;
  gap: 10px;
  max-width: 1050px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .bloque {
    flex-direction: column;
    gap: 0px;
  }
}

.subtabs {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 50px;
  justify-content: start;
}

.subtabs button {
  padding-inline: 30px;
  background: transparent;
  border: none !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.15;
  letter-spacing: normal;
  cursor: pointer;
  outline: none !important;
  text-align: left;
}

.subtabs button.active {
  border-left: 4px solid #d7a569 !important;
  font-weight: 600;
}

.subtabs button:focus {
  /* outline: 2px solid #d7a569;
  border: none; */
}

body.cms-id-7 .tab-content {
  width: 100% !important;
  max-width: none;
}

body.cms-id-7 .tab-content details {
  border-top: 1px solid black;
}

body.cms-id-7 .tab-content details:last-child {
  border-bottom: 1px solid black;
}

.contacto {
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 100px;
  display: flex;
  flex-direction: row;
  gap: 50px;
  --max: 200;
  --min: 20;
  --maxtrans: 1920;
  --mintrans: 900;
  padding-inline: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  );
}

@media (max-width: 900px) {
  .contacto {
    flex-direction: column;
    gap: 20px;
    padding-inline: 20px;
  }
}

.contacto .col1 {
  width: 40%;
}

@media (max-width: 900px) {
  .contacto .col1,
  .contacto .col2 {
    width: 100% !important;
  }
}

.contacto img {
  width: 200px;
  height: auto;
  margin-bottom: 40px;
}
.contacto h5,
.contacto p,
.contacto h6,
.contacto h4,
.contacto li,
.contacto span,
.contacto a,
.contacto button,
.contacto input,
.contacto textarea,
.contacto select,
.contacto option,
.contacto label {
  font-family: "Poppins", sans-serif;
  color: black;
}
.contacto h6 {
  font-style: italic;
}

.contacto h6:nth-of-type(2) {
  margin-top: 30px;
}
.contacto h5 {
  margin-top: 40px;
}
.contacto .col2 {
  width: 60%;
}

.tab-content.active {
  display: flex !important;
  flex-direction: column !important;
}

.cms-id-9 .form-footer.text-sm-right {
  text-align: left !important;
}

.subtabs button {
  color: black !important;
}

.tabs-2 {
  @media (max-width: 767px) {
    justify-content: left;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .cms-id-7 .page-header {
    display: none !important;
  }

  .product-variants label {
    padding-inline: 10% !important;
  }
  .product-variants label span {
    font-size: 13px !important;
  }
}

body.page-cms.cms-id-13 {
  p,
  ul,
  li,
  table {
    color: black;
  }
}

body.page-cms.cms-id-13 table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

body.page-cms.cms-id-13 table th,
body.page-cms.cms-id-13 table td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

body.page-cms.cms-id-13 table th {
  background-color: #f5f5f5;
  color: #333;
  font-weight: bold;
}

body.page-cms.cms-id-13 table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

body.page-cms.cms-id-13 table tbody tr:hover {
  background-color: #f0f0f0;
}