.cepillo-ts{--cepillo-ts-text: #121212;--cepillo-ts-muted: #5b5b5b;--cepillo-ts-border: #e3e3e6;--cepillo-ts-panel-bg: #f7f8fb;padding:40px clamp(16px,4vw,40px) 48px;background:#fff;font-family:Poppins,sans-serif;color:var(--cepillo-ts-text)}.cepillo-ts__inner{max-width:1100px;margin:0 auto}.cepillo-ts__header{text-align:center;max-width:680px;margin:0 auto 32px}.cepillo-ts__title{font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2;margin:0 0 12px}.cepillo-ts__accent{color:#879fc9}.cepillo-ts__intro{font-size:16px;color:var(--cepillo-ts-muted);line-height:1.5}.cepillo-ts__intro p{margin:0}.cepillo-ts__body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center}.cepillo-ts__visual{position:relative;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#f1f3f8;display:flex;align-items:center;justify-content:center}.cepillo-ts__glow{--glow-color: #92A8D1;position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at center,color-mix(in srgb,var(--glow-color) 35%,transparent) 0%,transparent 70%);transition:background .35s ease;pointer-events:none}.cepillo-ts__image{position:relative;z-index:1;width:82%;height:82%;object-fit:contain;display:block}.cepillo-ts__video{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}.cepillo-ts__panel{display:flex;flex-direction:column;gap:20px;min-width:0}.cepillo-ts__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}.cepillo-ts__tab{--mode-accent: #92A8D1;appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:106px;padding:16px 8px;border:1px solid var(--cepillo-ts-border);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .15s ease;text-align:center;outline:none}.cepillo-ts__tab:hover{transform:translateY(-2px)}.cepillo-ts__tab:focus-visible{outline:2px solid var(--mode-accent);outline-offset:2px}.cepillo-ts__tab.is-active{border:1.5px solid var(--mode-accent);background-color:color-mix(in srgb,var(--mode-accent) 8%,white)}.cepillo-ts__tab-icon{width:30px;height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--mode-accent)}.cepillo-ts__tab-icon svg{width:100%;height:100%}.cepillo-ts__tab-icon img{width:100%;height:100%;object-fit:contain;display:block}.cepillo-ts__tab-label{display:block;width:100%;min-width:0;font-size:12px;font-weight:600;line-height:1.3;white-space:normal;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.cepillo-ts__descriptions{position:relative;background:var(--cepillo-ts-panel-bg);border-radius:14px;padding:22px 24px;min-height:96px}.cepillo-ts__description{display:none;font-size:15px;line-height:1.6;color:var(--cepillo-ts-text);animation:cepillo-ts-fade .25s ease}.cepillo-ts__description.is-active{display:block}.cepillo-ts__description p{margin:0}@keyframes cepillo-ts-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.cepillo-ts{padding:28px 16px 20px}.cepillo-ts__header{margin-bottom:20px}.cepillo-ts__title{margin-bottom:16px}.cepillo-ts__body{grid-template-columns:1fr;gap:20px}.cepillo-ts__visual{max-width:420px;margin:0 auto;width:100%}.cepillo-ts__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cepillo-ts__tab{min-height:98px;padding:12px 4px;gap:8px}.cepillo-ts__tab-icon{width:26px;height:26px}.cepillo-ts__tab-label{font-size:10.5px}.cepillo-ts__tab-label--long{font-size:9.5px}.cepillo-ts__descriptions{padding:16px}}@media screen and (min-width:750px){.cepillo-ts__body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"visual top" "visual header" "visual panel" "visual bottom";align-items:stretch;column-gap:48px;row-gap:0}.cepillo-ts__header{grid-area:header;text-align:left;max-width:none;margin:0 0 16px}.cepillo-ts__title{font-size:clamp(22px,2.1vw,28px)}.cepillo-ts__intro{font-size:15px}.cepillo-ts__visual{grid-area:visual;aspect-ratio:auto;width:100%;height:100%}.cepillo-ts__panel{grid-area:panel;gap:16px}}@media screen and (min-width:750px){.cepillo-ts--media-right .cepillo-ts__body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"top visual" "header visual" "panel visual" "bottom visual"}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-cepillo-therapy-selector.css.map */