/*
  CID compatibility layer.

  Loaded after the migrated Kadence "CSS adicional". Keep this file focused:
  typography/color alignment plus behavioral protections that must survive
  the child theme.
*/

:root {
  --ci-yellow: #f9d619;
  --ci-yellow-2: #edc800;
  --ci-black: #000000;
  --ci-ink: #111315;
  --ci-muted: #667175;
  --ci-soft: #f4f5f2;
  --ci-silver: #eef1f2;
  --ci-line: #dce3e5;
  --ci-white: #ffffff;
  --ci-font: Heebo, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.blog,
body.single-post,
body.post-type-archive-product,
body.tax-product_cat,
body.single-product,
body.page-id-1224,
body.postid-1224,
body.page-id-6481,
body.page-id-6474 {
  font-family: var(--ci-font);
  color: var(--ci-ink);
  letter-spacing: 0;
}

body.blog,
body.single-post,
body.post-type-archive-product,
body.tax-product_cat,
body.single-product {
  --cid-blog-ink: var(--ci-ink);
  --cid-note-ink: var(--ci-ink);
  --cid-products-ink: var(--ci-ink);
  --cid-subcat-ink: var(--ci-ink);
  --cid-product-ink: var(--ci-ink);
  --cid-blog-muted: var(--ci-muted);
  --cid-note-muted: var(--ci-muted);
  --cid-products-muted: var(--ci-muted);
  --cid-subcat-muted: var(--ci-muted);
  --cid-product-muted: var(--ci-muted);
  --cid-blog-accent: var(--ci-yellow);
  --cid-note-accent: var(--ci-yellow);
  --cid-products-accent: var(--ci-yellow);
  --cid-subcat-accent: var(--ci-yellow);
  --cid-product-accent: var(--ci-yellow);
  --cid-blog-accent-strong: var(--ci-yellow-2);
  --cid-note-accent-strong: var(--ci-yellow-2);
  --cid-products-accent-strong: var(--ci-yellow-2);
  --cid-subcat-accent-strong: var(--ci-yellow-2);
}

body.blog h1,
body.blog h2,
body.blog h3,
body.single-post h1,
body.single-post h2,
body.single-post h3,
body.post-type-archive-product h1,
body.post-type-archive-product h2,
body.post-type-archive-product h3,
body.tax-product_cat h1,
body.tax-product_cat h2,
body.tax-product_cat h3,
body.single-product h1,
body.single-product h2,
body.single-product h3,
body.page-id-1224 h1,
body.page-id-1224 h2,
body.page-id-1224 h3,
body.postid-1224 h1,
body.postid-1224 h2,
body.postid-1224 h3,
body.page-id-6481 h1,
body.page-id-6481 h2,
body.page-id-6481 h3,
body.page-id-6474 h1,
body.page-id-6474 h2,
body.page-id-6474 h3 {
  font-family: var(--ci-font);
  letter-spacing: 0;
}

body.blog .entry-hero .page-title,
body.single-post .post-title .entry-title,
body.post-type-archive-product .entry-hero .page-title,
body.tax-product_cat .entry-hero .page-title,
body.single-product .product_title.entry-title {
  font-weight: 950 !important;
}

body.blog #archive-container .entry-title a,
body.single-post .single-content h2,
body.single-post .entry-related-title,
body.post-type-archive-product ul.products.product-archive .woocommerce-loop-category__title,
body.tax-product_cat ul.products.product-archive .woocommerce-loop-product__title a,
body.single-product .woocommerce-Tabs-panel h2,
body.single-product .up-sells > h2,
body.single-product .related.products > h2 {
  font-weight: 900 !important;
}

body.blog p,
body.blog li,
body.single-post p,
body.single-post li,
body.post-type-archive-product p,
body.post-type-archive-product li,
body.tax-product_cat p,
body.tax-product_cat li,
body.single-product p,
body.single-product li,
body.page-id-1224 p,
body.page-id-1224 li,
body.postid-1224 p,
body.postid-1224 li {
  font-family: var(--ci-font);
}

body.blog input,
body.blog select,
body.blog textarea,
body.blog button,
body.single-post input,
body.single-post select,
body.single-post textarea,
body.single-post button,
body.post-type-archive-product input,
body.post-type-archive-product select,
body.post-type-archive-product textarea,
body.post-type-archive-product button,
body.tax-product_cat input,
body.tax-product_cat select,
body.tax-product_cat textarea,
body.tax-product_cat button,
body.single-product input,
body.single-product select,
body.single-product textarea,
body.single-product button {
  font-family: var(--ci-font);
}

body.blog #archive-container .entry-meta,
body.single-post .entry-meta,
body.single-post .entry-author,
body.single-post .entry-tags,
body.single-post .comments-area,
body.single-post #comments,
body.single-post #respond,
body.single-post .comment-respond,
body.single-post .comment-form,
body.single-post .comments-link,
body.single-post .entry-comments,
body.single-product .entry-meta,
body.single-product .posted-by,
body.single-product .posted-on,
body.single-product .byline,
body.single-product .author,
body.single-product .comments-area,
body.single-product #comments,
body.single-product #respond,
body.single-product .comment-respond,
body.single-product .comment-form,
body.single-product .woocommerce-Reviews,
body.single-product #reviews {
  display: none !important;
}

body.blog #archive-container .post-more-link,
body.blog #archive-container .more-link,
body.single-post .entry-related .post-more-link,
body.single-post .entry-related .more-link {
  font-size: 0 !important;
}

body.blog #archive-container .post-more-link::before,
body.blog #archive-container .more-link::before,
body.single-post .entry-related .post-more-link::before,
body.single-post .entry-related .more-link::before {
  content: "Leer";
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body.blog #archive-container .post-more-link::after,
body.blog #archive-container .more-link::after,
body.single-post .entry-related .post-more-link::after,
body.single-post .entry-related .more-link::after {
  content: "  \2192";
  font-size: 0.9rem;
}

body.single-product .woocommerce-breadcrumb,
body.single-product .kadence-breadcrumbs,
body.single-product .rank-math-breadcrumb,
body.single-product .yoast-breadcrumb,
body.single-product .breadcrumbs,
body.single-product nav.breadcrumbs,
body.single-product nav[aria-label*="breadcrumb" i],
body.tax-product_cat .woocommerce-breadcrumb,
body.tax-product_cat .kadence-breadcrumbs,
body.tax-product_cat .rank-math-breadcrumb,
body.tax-product_cat .yoast-breadcrumb,
body.tax-product_cat .breadcrumbs,
body.tax-product_cat nav.breadcrumbs,
body.tax-product_cat nav[aria-label*="breadcrumb" i] {
  display: none !important;
}

body.post-type-archive-product #secondary,
body.post-type-archive-product #secondary.primary-sidebar,
body.tax-product_cat #secondary,
body.tax-product_cat #secondary.primary-sidebar {
  display: block;
  visibility: visible;
}

body.post-type-archive-product #secondary form.wp-block-search,
body.post-type-archive-product #secondary .wc-block-product-categories,
body.tax-product_cat #secondary form.wp-block-search,
body.tax-product_cat #secondary .wc-block-product-categories {
  visibility: visible;
}

body.post-type-archive-product ul.products.product-archive {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.tax-product_cat ul.products.product-archive {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-id-1224 .contenido-escritorio,
body.postid-1224 .contenido-escritorio {
  display: block !important;
}

body.page-id-1224 .contenido-movil,
body.postid-1224 .contenido-movil {
  display: none !important;
}

body.page-id-1224 .fp-iframe,
body.postid-1224 .fp-iframe {
  width: 100% !important;
  min-height: 800px;
  border: 1px solid lightgray;
}

body.page-id-6481 .ci-footer {
  display: none !important;
}

#ht-ctc-chat,
.ht-ctc,
.ht_ctc_chat,
.ctc-analytics,
[class*="ht-ctc"],
[id*="ht-ctc"],
[class*="click-to-chat"],
.joinchat,
.wa__widget_container {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ci-wa-float {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 99990;
}

.ci-page .ci-hero .ci-hero-actions {
  margin-top: clamp(48px, 5svh, 62px) !important;
}

.ci-page .ci-hero .ci-hero-proof {
  margin-top: clamp(18px, 2.8svh, 28px) !important;
}

@media (min-width: 981px) and (max-height: 920px) {
  .ci-page .ci-hero .ci-hero-actions {
    margin-top: clamp(46px, 5svh, 58px) !important;
  }
}

@media (min-width: 981px) and (max-height: 800px) {
  .ci-page .ci-hero .ci-hero-actions {
    margin-top: 42px !important;
  }

  .ci-page .ci-hero .ci-hero-proof {
    margin-top: 14px !important;
  }
}

.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ci-page .ci-newsletter .ci-subscribe-slot,
.entry-content .ci-newsletter .ci-subscribe-slot {
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ci-page .ci-newsletter .ci-subscribe-slot form,
.ci-page .ci-newsletter .ci-subscribe-slot .forminator-ui,
.ci-page .ci-newsletter .ci-subscribe-slot [id^="forminator-module-"],
.entry-content .ci-newsletter .ci-subscribe-slot form,
.entry-content .ci-newsletter .ci-subscribe-slot .forminator-ui,
.entry-content .ci-newsletter .ci-subscribe-slot [id^="forminator-module-"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media screen and (max-width: 1200px) {
  body.post-type-archive-product ul.products.product-archive,
  body.tax-product_cat ul.products.product-archive {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 900px) {
  body.tax-product_cat ul.products.product-archive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 768px) {
  body.post-type-archive-product ul.products.product-archive,
  body.tax-product_cat ul.products.product-archive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-id-1224 .contenido-escritorio,
  body.postid-1224 .contenido-escritorio {
    display: none !important;
  }

  body.page-id-1224 .contenido-movil,
  body.postid-1224 .contenido-movil {
    display: block !important;
  }

  body.page-id-1224 .fp-iframe,
  body.postid-1224 .fp-iframe {
    min-height: calc(100dvh - 96px);
  }
}