/* PELOO – Página Tecnologia (usa também peloo-home.css) */
body.peloo-tec section.page-header,body.peloo-tec section.user-content{display:none!important}
body.peloo-tec #peloo-tec{display:block}

/* HERO */
.tc-hero{background:radial-gradient(120% 90% at 80% 20%,#13606C 0%,#0F4C57 45%,#0B3840 100%);color:#fff;overflow:hidden}
.tc-hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:center;padding-top:clamp(48px,7vw,96px);padding-bottom:40px}
.tc-hero__text{display:flex;flex-direction:column;gap:22px}
.tc-hero__text p{margin:0;font-size:18px;line-height:1.6;color:#CFE7E4;max-width:32em}
.tc-pill{align-self:flex-start;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0F2A2F;background:#9FE3DA;padding:8px 14px;border-radius:999px}
.tc-h1{margin:0;font-size:clamp(38px,5.6vw,64px);line-height:1.04;font-weight:800;letter-spacing:-.035em;color:#fff}
.tc-h1 span{color:#9FE3DA}
.tc-btn-aqua{background:#2FB5A8!important;color:#0F2A2F!important}
.tc-btn-aqua:hover{background:#4CCABD!important}
.tc-btn-outline{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.7)}
.tc-btn-white{background:#fff;color:#0F4C57!important}
.tc-hero__visual{display:flex;justify-content:center}
.tc-orb{position:relative;width:min(100%,460px);aspect-ratio:1/1}
.tc-orb__ring,.tc-orb__drops{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tc-orb__img{position:absolute;inset:26px;border-radius:50%;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.tc-orb__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);animation:ptZoom 14s ease-in-out infinite alternate}
.tc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding-bottom:clamp(48px,6vw,80px)}
.tc-stat{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:22px;padding:22px 24px;display:flex;flex-direction:column;gap:4px}
.tc-stat b{font-size:clamp(36px,4vw,48px);font-weight:800;letter-spacing:-.03em;color:#9FE3DA;line-height:1}
.tc-stat small{font-size:14px;color:#CFE7E4}

/* COMO FUNCIONA */
.tc-lab{background:var(--mint);border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:16px}
.tc-lab svg{width:100%;height:auto;display:block}
.tc-fibers rect{fill:#B9C4C6}
.tc-wet rect{fill:#2FB5A8;opacity:0;transition:opacity .8s ease}
.tc-s1,.tc-s2{opacity:0;transition:opacity .5s ease}
.tc-lab[data-step="1"] .tc-s1{opacity:1}
.tc-lab[data-step="2"] .tc-s2{opacity:1}
.tc-lab[data-step="3"] .tc-s2{opacity:.35}
.tc-lab[data-step="3"] .tc-wet rect{opacity:.28}
.tc-lab[data-step="3"] .tc-wet rect:nth-child(odd){opacity:.4}
.tc-lab__bar{height:6px;border-radius:999px;background:#D5ECE9;overflow:hidden}
.tc-lab__bar i{display:block;height:100%;width:0;background:var(--teal);border-radius:999px}
.tc-steps{display:flex;flex-direction:column;gap:12px}
.tc-step{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;text-align:left;font:inherit;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:22px;padding:20px 22px;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}
.tc-step:hover{transform:translateY(-2px)}
.tc-step span{width:48px;height:48px;border-radius:50%;background:#E3F5F3;color:var(--teal);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s}
.tc-step b{display:block;font-size:19px;font-weight:800;margin-bottom:4px}
.tc-step p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.tc-step[aria-selected="true"]{border-color:var(--teal);box-shadow:0 16px 36px rgba(14,124,123,.14)}
.tc-step[aria-selected="true"] span{background:var(--teal);color:#fff}

/* COMPARADOR */
.tc-compare-sec{background:#F7F9F9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tc-slider{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:16/8;min-height:380px;user-select:none;box-shadow:0 30px 60px rgba(15,76,87,.12)}
.tc-slider__pane{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px}
.tc-slider__pane svg{position:absolute;left:0;right:0;top:6%;width:100%;height:62%}
.tc-slider__pane--comum{background:#F4EFE8;color:#4A3F2C}
.tc-slider__pane--peloo{background:#E6F6F4;color:var(--deep);clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.tc-slider__pane ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.tc-slider__pane li{font-size:13px;font-weight:700;background:rgba(255,255,255,.8);padding:8px 12px;border-radius:999px}
.tc-slider__pane--comum ul{justify-content:flex-end}
.tc-slider__label{position:absolute;top:20px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px}
.tc-slider__pane--comum .tc-slider__label{right:20px;background:#6A5A3F;color:#fff}
.tc-slider__pane--peloo .tc-slider__label{left:20px;background:var(--teal);color:#fff}
.tc-slider__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 0 1px rgba(15,76,87,.15)}
.tc-slider__handle i{position:absolute;top:50%;left:50%;width:52px;height:52px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(15,76,87,.25);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%230E7C7B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.tc-slider input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.tc-flow-wide{animation:ptFlowWide 4s linear infinite;transform-box:fill-box}

/* CUIDADO */
.tc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}
.tc-card{border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:10px;background:#fff;transition:transform .25s,box-shadow .25s}
.tc-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,76,87,.10)}
.tc-card svg{width:44px;height:44px;padding:10px;border-radius:14px;background:#E3F5F3;fill:none;stroke:var(--teal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tc-card b{font-size:18px;font-weight:800}
.tc-card p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}

/* PERFORMANCE */
.tc-perf{background:var(--mint)}
.tc-perf__img{border-radius:28px;overflow:hidden;aspect-ratio:4/5;max-height:560px}
.tc-perf__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 6s ease}
.tc-perf__img:hover img{transform:scale(1.06)}
.tc-perf__text{display:flex;flex-direction:column;gap:16px}
.tc-comp{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:8px;margin-top:8px}
.tc-comp__row{display:flex;justify-content:space-between;font-size:15px;font-weight:700}
.tc-comp__row b{color:var(--teal)}
.tc-comp__bar{height:14px;border-radius:999px;background:#E7EFEF;overflow:hidden;margin-bottom:8px}
.tc-comp__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0E7C7B,#2FB5A8);border-radius:999px;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.tc-comp.is-in .tc-comp__bar i{width:var(--w)}

/* CTA */
.tc-cta{background:var(--deep);color:#fff;text-align:center}
.tc-cta__in{align-items:center}
.tc-cta__in p{margin:0;font-size:18px;color:#CFE7E4;max-width:34em;line-height:1.6}
.tc-checks{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.tc-checks li{font-size:14px;font-weight:700;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:10px 16px 10px 38px;border-radius:999px;position:relative}
.tc-checks li::before{content:"";position:absolute;left:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239FE3DA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center no-repeat}

@keyframes ptZoom{from{transform:scale(1.15)}to{transform:scale(1.3) translate(-3%,2%)}}
@keyframes ptFlowWide{0%{transform:translateX(0);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateX(720px);opacity:0}}
@media (max-width:600px){.tc-slider{aspect-ratio:auto;min-height:440px}.tc-slider__pane li{font-size:12px}}

/* ===== Selo comparativo "Seca 2X mais rápido" ===== */
.tc-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.tc-2x{grid-column:span 2;grid-row:span 2;justify-content:center;gap:16px!important;padding:26px 30px!important}
.tc-2x__t{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.02em;color:#fff}
.tc-2x__t em{font-style:normal;color:#9FE3DA}
.tc-2x__row{display:flex;justify-content:space-between;font-size:14px;font-weight:800;color:#9FE3DA;margin-bottom:6px}
.tc-2x__row--c{color:#CFE7E4;font-weight:700}
.tc-2x__lbl--c{color:#A8B6B8}
.tc-2x__bar{height:18px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.tc-2x__bar i{display:block;height:100%;width:0;border-radius:999px;transition:width 2.2s cubic-bezier(.4,0,.2,1) .3s}
.tc-2x__bar--p i{background:#2FB5A8}
.tc-2x__bar--c i{background:#7A8B8E}
.tc-2x.is-in .tc-2x__bar--p i{width:100%}
.tc-2x.is-in .tc-2x__bar--c i{width:50%}
.tc-2x__lbl{opacity:0;transform:scale(.6);transition:opacity .4s ease,transform .4s ease}
.tc-2x.is-in .tc-2x__lbl--p{opacity:1;transform:none;transition-delay:2.5s}
.tc-2x.is-in .tc-2x__lbl--c{opacity:1;transform:none;transition-delay:3.3s}
@media (max-width:760px){.tc-stats{grid-template-columns:1fr!important}.tc-2x{grid-column:auto;grid-row:auto}}