/* PDP v2 — telha sob medida (tipo_lancamento = 'telha'). Port do mock Produto.dc.html (.pf-measure, tutorial,
   badge do price-card, footbar). Escopo body.pf-pdp-v2; carregado apos pf-pdp-v2-mock.css so em PDP de telha. */

/* ── Eyebrow acima do titulo ── */
body.pf-pdp-v2 .pf-pdp .pf-pdp-dept.pf-pdp-dept--telha{font:400 12px/16px "Prompt",system-ui,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0057a6;margin:0}

/* ── Botao .pf-measure (regua + texto + seta + cota tracejada) ── */
body.pf-pdp-v2 .pf-measure{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:8px 18px 8px 8px;margin:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;text-align:left;text-decoration:none!important;cursor:pointer;font-family:"Prompt",system-ui,sans-serif;box-sizing:border-box;overflow:hidden}
body.pf-pdp-v2 .pf-measure>.pf-plate{display:none!important}
body.pf-pdp-v2 .pf-measure .pm-plate{position:absolute;inset:0;z-index:-1;background:#003352;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);overflow:hidden}
body.pf-pdp-v2 .pf-measure .pm-plate::after{content:'';position:absolute;inset:0;background:#0057a6;transform:translateX(-101%);transition:transform 260ms cubic-bezier(.2,.7,.2,1)}
body.pf-pdp-v2 .pf-measure:hover .pm-plate::after,body.pf-pdp-v2 .pf-measure:focus-visible .pm-plate::after{transform:none}
body.pf-pdp-v2 .pf-measure:focus-visible{outline:2px solid #00a3e0;outline-offset:2px}
body.pf-pdp-v2 .pf-measure .pm-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:50px;height:46px;background:#00a3e0;color:#003352;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%)}
body.pf-pdp-v2 .pf-measure .pm-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
body.pf-pdp-v2 .pf-measure .pm-txt b{font:700 21px/24px "Barlow Condensed","Prompt",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:inherit}
body.pf-pdp-v2 .pf-measure .pm-txt small{font-size:12px;line-height:16px;color:#b8c9d8;text-transform:none;letter-spacing:0;font-weight:400}
body.pf-pdp-v2 .pf-measure .pm-go{flex:none;display:inline-flex;transition:transform 200ms}
body.pf-pdp-v2 .pf-measure:hover .pm-go{transform:translateX(4px)}
body.pf-pdp-v2 .pf-measure .pm-cota{position:absolute;left:76px;right:40px;bottom:8px;border-top:1px dashed #00a3e0;opacity:.7;pointer-events:none}
body.pf-pdp-v2 .pf-measure .pm-cota::before,body.pf-pdp-v2 .pf-measure .pm-cota::after{content:'';position:absolute;top:-4px;width:1px;height:7px;background:#00a3e0}
body.pf-pdp-v2 .pf-measure .pm-cota::before{left:0}body.pf-pdp-v2 .pf-measure .pm-cota::after{right:0}
/* variante clara (tutorial) */
body.pf-pdp-v2 .pf-measure.is-light{color:#003352!important}
body.pf-pdp-v2 .pf-measure.is-light .pm-plate{background:#eef5fb;box-shadow:inset 0 0 0 1px #9fc2e0}
body.pf-pdp-v2 .pf-measure.is-light .pm-plate::after{background:#dcebf7}
body.pf-pdp-v2 .pf-measure.is-light .pm-ico{background:#003352;color:#00a3e0}
body.pf-pdp-v2 .pf-measure.is-light .pm-txt small{color:#56657a}
/* variante footbar */
body.pf-pdp-v2 .pf-measure.is-sticky{width:auto;flex:none;min-height:52px;padding:6px 18px 6px 6px;color:#003352!important}
body.pf-pdp-v2 .pf-measure.is-sticky .pm-plate{background:#00a3e0}
body.pf-pdp-v2 .pf-measure.is-sticky .pm-plate::after{background:#fff}
body.pf-pdp-v2 .pf-measure.is-sticky .pm-ico{width:40px;height:38px;background:#003352;color:#00a3e0}
body.pf-pdp-v2 .pf-measure.is-sticky .pm-txt b{font-size:17px;line-height:20px}
body.pf-pdp-v2 .pf-measure.is-sticky .pm-txt small,body.pf-pdp-v2 .pf-measure.is-sticky .pm-cota{display:none}
body.pf-pdp-v2 .pf-measure.is-disabled{opacity:.55}

/* ── Price-card: badge + nota ── */
body.pf-pdp-v2 .pf-pdp .pf-telha-price{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:12px;row-gap:4px}
body.pf-pdp-v2 .pf-pdp .pf-telha-price>.pf-panel-price-block{grid-column:1;grid-row:1}
body.pf-pdp-v2 .pf-pdp .pf-telha-price>.pf-panel-divider{display:none}
body.pf-pdp-v2 .pf-pdp .pf-telha-badge{grid-column:2;grid-row:1;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:2px;background:#eef5fb;color:#0057a6;font-size:13px;line-height:18px;font-weight:500;white-space:nowrap}
body.pf-pdp-v2 .pf-pdp .pf-telha-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
body.pf-pdp-v2 .pf-pdp .pf-telha-note{grid-column:1/-1;grid-row:2;font-size:13px;line-height:18px;color:#56657a}
@media (max-width:480px){
  body.pf-pdp-v2 .pf-pdp .pf-telha-price{grid-template-columns:1fr}
  body.pf-pdp-v2 .pf-pdp .pf-telha-badge{grid-column:1;grid-row:1;justify-self:start}
  body.pf-pdp-v2 .pf-pdp .pf-telha-price>.pf-panel-price-block{grid-row:2}
  body.pf-pdp-v2 .pf-pdp .pf-telha-note{grid-row:3}
}

/* ── Tutorial "Lancamento por medida" ── */
body.pf-pdp-v2 .pf-pdp .pf-telha-steps{list-style:none;margin:0;padding:0}
body.pf-pdp-v2 .pf-pdp .pf-telha-steps li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #d7e1ea}
body.pf-pdp-v2 .pf-pdp .pf-telha-n{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#003352;color:#00a3e0;font:700 18px/1 "Barlow Condensed","Prompt",sans-serif;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}
body.pf-pdp-v2 .pf-pdp .pf-telha-steps b{display:block;font-size:15px;line-height:22px;font-weight:600;color:#003352}
body.pf-pdp-v2 .pf-pdp .pf-telha-steps small{display:block;font-size:14px;line-height:20px;color:#56657a}
body.pf-pdp-v2 .pf-pdp .pf-telha-howto .pf-measure{margin-top:8px}

/* ── Footbar telha ── */
body.pf-pdp-v2 .pf-sticky--telha .pf-tsticky-thumb{flex:none;width:52px;height:52px;border-radius:8px;background:#0b3c59;overflow:hidden;display:inline-flex}
body.pf-pdp-v2 .pf-sticky--telha .pf-tsticky-thumb img{width:100%;height:100%;object-fit:cover;display:block}
body.pf-pdp-v2 .pf-sticky--telha .pf-pdp-sticky-name{font-size:15px;line-height:22px;font-weight:500}
body.pf-pdp-v2 .pf-sticky--telha .pf-pdp-sticky-meta{font-size:13px;color:#b8c9d8}
body.pf-pdp-v2 .pf-sticky--telha .pf-tsticky-cut{color:#8fe0ad}
body.pf-pdp-v2 .pf-sticky--telha .pf-pdp-sticky-price{font-size:22px;font-weight:600}
body.pf-pdp-v2 .pf-sticky--telha .pf-pdp-sticky-price small{font-size:13px;color:#b8c9d8}
@media (max-width:640px){
  body.pf-pdp-v2 .pf-sticky--telha .pf-tsticky-thumb{width:40px;height:40px}
  body.pf-pdp-v2 .pf-sticky--telha .pf-pdp-sticky-price{font-size:18px}
  body.pf-pdp-v2 .pf-measure.is-sticky{padding-right:12px}
  body.pf-pdp-v2 .pf-measure.is-sticky .pm-txt b{font-size:15px}
}
@media (prefers-reduced-motion:reduce){body.pf-pdp-v2 .pf-measure .pm-plate::after,body.pf-pdp-v2 .pf-measure .pm-go{transition:none}}