/* Styles used only by the Pricing view. */
.pricing-plans-section{padding-top:22px;}
.pricing-value-strip{margin-top:26px;}
.pricing-whatsapp-button{background:#fff;color:var(--ink);}
.size-slider{max-width:620px;margin:0 auto 8px;text-align:center;}
.size-slider .lbl{font-weight:800;font-size:14px;margin-bottom:8px;}
.size-slider .lbl strong{color:var(--red);font-size:19px;}
.size-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px;}
.size-chips button{border:1.5px solid var(--g400);background:#fff;border-radius:999px;padding:9px 16px;font-weight:800;font-size:12.5px;transition:all .18s var(--ease);}
.size-chips button:hover{border-color:var(--ink);}
.size-chips button.on{background:var(--ink);color:#fff;border-color:var(--ink);}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;align-items:stretch;}
@media(max-width:1100px){.plans{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.plans{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto;}}
.plan{border:1.5px solid var(--g200);border-radius:var(--r-lg);padding:28px 26px;background:#fff;display:flex;flex-direction:column;position:relative;transition:all .25s var(--ease);}
.plan:hover{border-color:var(--g300);box-shadow:var(--shadow);}
.plan.hot{border-color:var(--red);}
.plan.free{background:linear-gradient(180deg,#FBFBFB,#fff);}
.plan .p-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;border-radius:999px;padding:6px 18px;font-size:11px;font-weight:800;letter-spacing:.4px;white-space:nowrap;}
.plan h3{font-size:19px;margin-bottom:4px;}
.plan .p-for{font-size:12.5px;color:var(--g500);font-weight:600;margin-bottom:18px;}
.plan .p-price{font-size:36px;font-weight:800;letter-spacing:-1.4px;line-height:1;}
.plan .p-price .zero{color:var(--green);}
.plan .p-price small{font-size:13px;color:var(--g500);font-weight:700;letter-spacing:0;}
.plan .p-sub{font-size:11.5px;color:var(--g500);font-weight:600;margin:6px 0 4px;}
.plan .p-free,.plan .p-cap{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 13px;font-size:11px;font-weight:800;margin:10px 0 18px;width:fit-content;}
.plan .p-free{background:#F4F4F4;color:#171717;}
.plan .p-cap{background:var(--g100);color:var(--g600);}
.plan ul{list-style:none;margin:0 0 22px;padding:18px 0 0;border-top:1px solid var(--g100);flex:1;}
.plan li{padding:6px 0 6px 28px;position:relative;font-size:13px;font-weight:600;color:var(--ink-2);}
.plan li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;top:8px;width:18px;height:18px;border-radius:50%;background:#F4F4F4;color:#171717;font-size:8.5px;display:flex;align-items:center;justify-content:center;}
.plan li.no{color:var(--g500);font-weight:500;}
.plan li.no::before{content:'\f00d';background:var(--g100);color:var(--g500);}
.plan .p-cta{margin-top:auto;}
.note-line{max-width:820px;margin:26px auto 0;border:1px solid var(--g200);border-radius:16px;background:#FCFCFC;padding:14px 18px;font-size:12.5px;font-weight:600;color:var(--ink-2);text-align:left;}
.note-line .nl-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.note-line .nl-top i{color:var(--green);font-size:13px;}
.note-line .rm{border:none;background:none;font-family:inherit;font-weight:800;font-size:12px;color:var(--red);cursor:pointer;text-decoration:underline;padding:0;margin-left:auto;white-space:nowrap;}
.note-line .nl-full{display:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--g200);color:var(--g600);font-weight:500;line-height:1.7;font-size:12.5px;}
.note-line.open .nl-full{display:block;}
.cmp-scroll{overflow-x:auto;border:1px solid var(--g200);border-radius:var(--r-md);-webkit-overflow-scrolling:touch;background:#fff;}
table.cmp{width:100%;border-collapse:separate;border-spacing:0;min-width:820px;background:#fff;}
table.cmp th{background:#FAFAFA;text-align:left;font-size:12.5px;padding:16px;border-bottom:1px solid var(--line);vertical-align:top;}
table.cmp th:first-child{position:sticky;left:0;background:#FAFAFA;z-index:2;min-width:230px;}
table.cmp td{padding:11px 16px;font-size:13px;font-weight:600;border-bottom:1px solid var(--g100);}
table.cmp td:first-child{position:sticky;left:0;background:#fff;font-weight:700;box-shadow:6px 0 8px -6px rgba(20,20,20,.08);}
table.cmp tr:last-child td{border-bottom:none;}
table.cmp .yes{color:var(--green);}
table.cmp .no{color:var(--g300);}
table.cmp .cap{font-size:12px;font-weight:800;color:var(--ink-2);background:var(--g100);border-radius:999px;padding:4px 11px;white-space:nowrap;display:inline-block;}
table.cmp th .cmp-name{display:block;font-size:15px;font-weight:800;letter-spacing:-.2px;}
table.cmp th .cmp-heading-label{font-size:12px;color:var(--g500);}
table.cmp th .cmp-band-label{margin-top:4px;}
table.cmp th.cmp-plan-column{min-width:140px;}
table.cmp th .cmp-name .hotdot{display:inline-block;font-size:8px;color:var(--red);vertical-align:3px;margin-left:5px;}
table.cmp th .cmp-price{display:block;font-size:18px;font-weight:800;letter-spacing:-.5px;margin:5px 0 1px;}
table.cmp th .cmp-price small{font-size:10.5px;color:var(--g500);font-weight:700;}
table.cmp th .cmp-sub{display:block;font-size:10.5px;color:var(--g500);font-weight:700;margin-bottom:10px;}
table.cmp th .btn{padding:9px 14px;font-size:11.5px;box-shadow:none;width:100%;max-width:130px;justify-content:center;}
table.cmp tbody tr:not(.cmp-group):hover td,table.cmp tbody tr:not(.cmp-group):hover td:first-child{background:#FCFCFC;}
tr.cmp-group td{background:#FAFAFA;color:var(--ink);font-size:12.5px;font-weight:700;padding:10px 16px;border-bottom:1px solid var(--g200);}
tr.cmp-group td:first-child{background:#FAFAFA;box-shadow:none;}
@media(min-width:901px){
  .cmp-scroll{overflow:visible;}
  table.cmp thead th{position:sticky;top:calc(var(--headH) - 1px);z-index:4;border-bottom:none;box-shadow:0 1px 0 var(--line),0 6px 18px -12px rgba(20,20,20,.3);}
  table.cmp thead th:first-child{z-index:5;left:auto;}
}
@media(max-width:640px){
  table.cmp th:first-child{min-width:150px;max-width:160px;}
  table.cmp td:first-child{max-width:160px;font-size:12px;}
  table.cmp td,table.cmp th{padding:10px 12px;}
}
