/* Custom commercial screens only. WoodMart owns the page chrome and typography. */
.cpux-page {
  --cpux-paper: #fff;
  --cpux-ink: var(--wd-title-color, #242424);
  --cpux-pink: var(--wd-primary-color, #b90065);
  --cpux-line: #e5e5e5;
  --cpux-muted: #626262;
  --cpux-green: #117442;
}
html.cpux-document { margin-top: 0 !important; }
.cpux-page .cpux-width { width: min(1280px, calc(100% - 40px)); margin-inline: auto; }
.cpux-wa-inline { display: inline-flex; align-items: center; gap: 8px; color: #117442; font-weight: 600; text-decoration: none; }
.cpux-wa-inline svg { width: 22px; height: 22px; fill: currentColor; flex: none; }
.cpux-wa-inline:hover { text-decoration: underline; }
.cpux-alert { padding: 12px 16px; background: #fff0f6; border-left: 3px solid var(--cpux-pink); line-height: 1.6; }
.cpux-page .cp-consent-btn--accept { background: var(--cpux-pink); }
.cpux-page .cp-store-mega-nav { display: none; }

.cpux-company { padding-block: 40px 70px; }
.cpux-company-head { max-width: 850px; margin-bottom: 35px; }
.cpux-company-head h1 { font-size: clamp(36px, 4.5vw, 60px); line-height: 1.12; margin-block: 16px 24px; }
.cpux-company-head p { font-size: 17px; line-height: 1.65; margin-bottom: 22px; }
.cpux-company-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.cpux-company-card { min-width: 0; border: 1px solid var(--cpux-line); border-radius: var(--wd-brd-radius, 8px); overflow: hidden; background: #fff; }
.cpux-company-card > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; object-position: center; background: #f7f7f7; }
.cpux-company-card > div { padding: 22px; }
.cpux-company-card h2 { font-size: 24px; line-height: 1.25; margin-block: 12px 9px; }
.cpux-company-card p { font-size: 14px; line-height: 1.65; margin-bottom: 17px; }
.cpux-company-price { display: block; font-size: 28px; line-height: 1.25; font-weight: 700; margin-bottom: 18px; color: var(--cpux-ink); }
.cpux-company-price small { display: block; font-size: 12px; line-height: 1.6; font-weight: 400; color: var(--cpux-muted); margin-top: 5px; }
.cpux-company-card .cpux-wa-inline { font-size: 13px; }
.cpux-company-other { margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--cpux-line); }
.cpux-company-other h2 { font-size: 28px; margin-bottom: 20px; }
.cpux-company-other p { margin-bottom: 20px; }
@media (max-width: 800px) { .cpux-company-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } }
@media (max-width: 580px) { .cpux-company-grid { grid-template-columns: 1fr; } }

/* Ejemplos visuales de la guía; únicamente página informativa */
.cp-marking-guide .cp-guide-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 16px}
.cp-marking-guide .cp-guide-card{margin:0;border:1px solid #dce3f0;border-radius:18px;background:#fff;overflow:hidden}
.cp-marking-guide .cp-guide-shirt{position:relative;width:100%;max-width:360px;aspect-ratio:1;margin:12px auto 0;isolation:isolate}
.cp-marking-guide .cp-guide-garment{display:block;width:100%;height:100%;object-fit:contain}
.cp-marking-guide .cp-guide-area{position:absolute;display:flex;align-items:center;justify-content:center;border:1.5px dashed #e71d73;background:rgba(231,29,115,.035);box-sizing:border-box}
.cp-marking-guide .cp-guide-area img{width:92%;height:92%;object-fit:contain;display:block}
.cp-marking-guide .cp-guide-shirt--chest .cp-guide-area{left:55%;top:18%;width:12%;height:12%}
.cp-marking-guide .cp-guide-shirt--front .cp-guide-area{left:33%;top:24%;width:34%;height:42%}
.cp-marking-guide .cp-guide-shirt--back .cp-guide-area{left:32%;top:16%;width:36%;height:42%}
.cp-marking-guide .cp-guide-shirt--sleeve .cp-guide-area{left:47%;top:21%;width:10%;height:10%}
.cp-marking-guide .cp-guide-card figcaption{padding:16px 22px 22px}
.cp-marking-guide .cp-guide-card h3,.cp-marking-guide .cp-guide-proportion h3{margin:0 0 6px;font-size:21px;line-height:1.25;color:#10203d}
.cp-marking-guide .cp-guide-card p{font-size:15px;line-height:1.55;margin:0}
.cp-marking-guide .cp-guide-card .cp-guide-size{display:inline-block;color:#ae1852;background:#fff1f6;border-radius:7px;padding:5px 9px;margin:3px 0 10px;font-size:14px}
.cp-marking-guide .cp-guide-note{font-size:13px;color:#526580;line-height:1.5;margin:12px 0 22px}
.cp-marking-guide .cp-guide-proportion{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:26px;background:#fff;border:1px solid #dce3f0;padding:22px;border-radius:16px;margin:28px 0}
.cp-marking-guide .cp-guide-proportion__sample{border:1px dashed #e71d73;border-radius:8px;padding:12px;background:#fff7fa}
.cp-marking-guide .cp-guide-proportion__sample img{display:block;width:100%;height:auto}
.cp-marking-guide .cp-guide-proportion p{font-size:15px;margin:0}
@media(max-width:600px){.cp-marking-guide .cp-guide-examples{grid-template-columns:1fr;gap:16px}.cp-marking-guide .cp-guide-shirt{max-width:310px}.cp-marking-guide .cp-guide-card figcaption{padding:14px 18px 20px}.cp-marking-guide .cp-guide-proportion{grid-template-columns:1fr;gap:16px;padding:18px}.cp-marking-guide .cp-guide-proportion__sample{max-width:200px}}

.cp-marking-guide .cp-table-wrap{max-width:100%;overflow-x:auto}.cpux-page .cp-marking-guide h2,.cpux-page .cp-marking-guide h3{color:var(--cpux-ink)}


/* Keep contrast and media behavior inside the custom configurators. */
.cpux-page .group-quote__choice[hidden] { display: none !important; }
.cpux-page .cpsch-landing__quote :is(h2, h3),
.cpux-page .group-quote__summary p,
.cpux-page .group-quote__summary [data-group-quote-per-person],
.cpux-page .cpqa-summary :is(h2, h3, p, .cpqa-summary-lines, .cpqa-price strong) { color: #fff; }
.cpux-page .cpqa-summary { background: #251420; color: #fff; }
.cpux-page .group-quote__summary :is(.group-quote__notice, .group-quote__tax),
.cpux-page .cpqa-summary :is(.cpqa-price small, .cpqa-price em) { color: #e1d3dc; }
.cpux-page .cpqa-product-media { position: relative; }
.cpux-page .cpqa-product-media-art { position: absolute; inset: 0; display: block; background: center / contain no-repeat; }
.cpux-accessory-help { line-height: 1.6; color: var(--cpux-muted); margin-block: 10px 14px; }
.cpux-page .pack-card .btn[href*="wa.me"] { color: var(--cpux-green); border-color: #b4cbbd; }
.cpux-page .pack-card .btn[href*="wa.me"] svg { width: 21px; height: 21px; fill: currentColor; flex: none; }