@import url('/blog/meios-de-pagamento-hoteis-pousadas/article-v1.css');
.hero-art img{aspect-ratio:1.02;object-position:42% center}.hero-copy h1{font-size:clamp(36px,4.35vw,60px)}.answer-card{padding:25px 28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:32px 0}.answer-card p:last-child{margin:0}.answer-card .eyebrow{font-size:11px}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.task-grid section{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:23px}.task-grid h3{font-size:20px;margin:9px 0 11px}.task-grid p{font-size:15px;line-height:1.7;margin:0;color:var(--muted)}.task-number{color:var(--gold);font-size:12px;font-weight:750;letter-spacing:.12em}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:29px 0}.compare-grid>section{padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.compare-grid h3{font-size:23px;margin:7px 0 12px}.compare-grid p{font-size:15px;line-height:1.7;margin:0;color:var(--muted)}.compare-grid .eyebrow{font-size:10px;color:var(--gold)}
.demo-figure{margin:36px 0;border:1px solid var(--line);border-radius:22px;background:var(--panel);overflow:hidden}.demo-label{padding:15px 22px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:750}.demo-figure figcaption{font-size:12px;line-height:1.6;color:var(--muted);padding:17px 23px;border-top:1px solid var(--line)}.demo-stage{padding:35px;display:grid;grid-template-columns:minmax(240px,.95fr) minmax(150px,1.05fr);gap:28px;align-items:center;background:radial-gradient(ellipse at 30% 60%,#246cf312,transparent 70%)}.demo-copy h3{font-size:29px;line-height:1.17;margin:0 0 16px}.demo-copy p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 14px}.demo-copy .mini-line{font-size:11px;color:var(--gold);font-weight:700}.phone{--ph-bg:#f6f8fc;--ph-panel:#fff;--ph-ink:#17283e;--ph-sub:#5b6f85;--ph-line:#dce4ef;max-width:282px;width:100%;border:7px solid #172230;border-radius:32px;box-shadow:0 20px 50px #0003;background:var(--ph-bg);color:var(--ph-ink);font-size:11px;line-height:1.35;position:relative;overflow:hidden;margin:auto;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.phone--dark{--ph-bg:#101a2a;--ph-panel:#17263a;--ph-ink:#f1f5fd;--ph-sub:#afbed2;--ph-line:#2c4059}.phone-island{width:64px;height:12px;border-radius:0 0 10px 10px;margin:0 auto 8px;background:#172230}.phone-top{padding:8px 13px 13px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px;font-weight:750}.phone-top span{font-size:8px;color:var(--ph-sub);font-weight:500}.phone-tabs{display:flex;gap:5px;padding:0 10px 10px}.phone-tabs span{border:1px solid var(--ph-line);border-radius:5px;padding:5px 7px;font-size:8px;font-weight:700}.phone-tabs .selected{background:#1f63ee;color:white;border-color:#1f63ee}.phone-cells{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 10px 12px}.ph-cell{border:1px solid var(--ph-line);padding:9px;border-radius:8px;background:var(--ph-panel);min-height:64px}.ph-cell b{font-size:14px;display:block}.ph-cell small{font-size:8px;display:block;margin:2px 0 6px}.ph-tag{display:inline-block;font-size:7px;font-weight:750;padding:3px 5px;border-radius:4px;letter-spacing:.02em;background:#e7f0fd;color:#2051ac}.ph-tag--stay{background:#fde3df;color:#a43126}.ph-tag--clean{background:#e9edf1;color:#445466}.phone--dark .ph-tag--stay{background:#542c32;color:#ffbcb5}.phone--dark .ph-tag--clean{background:#35445a;color:#d7e1f4}.ph-sheet{margin:-7px 9px 12px;padding:14px 12px;background:var(--ph-panel);border:1px solid var(--ph-line);border-radius:12px;box-shadow:0 8px 25px #0001}.ph-sheet-header{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ph-line);padding-bottom:11px;margin-bottom:3px}.ph-avatar{width:29px;height:29px;border-radius:8px;background:#2367ed;color:white;display:grid;place-items:center;font-size:15px}.ph-sheet-header b{display:block;font-size:12px}.ph-sheet-header small{color:var(--ph-sub);font-size:8px}.ph-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--ph-line);font-size:8px}.ph-row span{color:var(--ph-sub);font-weight:650}.ph-row b{text-align:right;font-size:9px}.ph-row .ph-money{color:#168164}.phone--dark .ph-row .ph-money{color:#74dabb}.ph-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.ph-buttons span{padding:9px 4px;border:1px solid var(--ph-line);border-radius:6px;text-align:center;font-size:8px;font-weight:700}.ph-buttons .primary{background:#246cf3;border-color:#246cf3;color:#fff}.ph-bottom{display:flex;justify-content:space-around;border-top:1px solid var(--ph-line);background:var(--ph-panel);padding:10px 5px 13px;font-size:7px;color:var(--ph-sub)}.ph-bottom .active{color:#246cf3;font-weight:700}
.theme-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:590px;margin:auto;padding:32px 22px}.theme-pair .phone{max-width:238px}.theme-caption{font-size:12px;text-align:center;font-weight:700;margin:17px 0 0;color:var(--muted)}.theme-pair .ph-sheet{padding:12px 9px;margin-top:3px}.theme-pair .ph-row{padding:11px 0}.role-notices{display:grid;gap:13px;padding:27px}.role-notice{display:grid;grid-template-columns:39px 1fr;gap:14px;padding:19px;border:1px solid var(--line);border-radius:12px;background:var(--page)}.role-icon{width:39px;height:39px;display:grid;place-items:center;background:var(--raised);border-radius:11px;color:var(--gold)}.role-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.role-notice h3{font-size:16px;margin:0 0 5px}.role-notice p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.role-notice small{display:block;font-size:10px;color:var(--gold);margin:7px 0 0}.evaluation-list{counter-reset:step;list-style:none;padding:0!important;margin:30px 0!important}.evaluation-list li{display:grid;grid-template-columns:32px 1fr;gap:5px 14px;border-bottom:1px solid var(--line);padding:19px 0!important;margin:0!important}.evaluation-list li:before{counter-increment:step;content:counter(step,decimal-leading-zero);grid-row:1/3;color:var(--gold);font-size:12px;font-weight:700;margin-top:4px}.evaluation-list strong{font-size:17px}.evaluation-list span{font-size:15px;line-height:1.7;color:var(--muted)}.article-faq{margin:25px 0}.article-faq details{border-bottom:1px solid var(--line);padding:20px 0}.article-faq summary{font-size:18px;line-height:1.5;font-weight:650;cursor:pointer;list-style-position:outside;margin-left:19px;padding-left:5px}.article-faq details p{font-size:16px;line-height:1.8;color:var(--muted);margin:15px 0 0}.article-faq summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.article-scope{margin:20px 0 0;font-size:12px;color:var(--muted);line-height:1.7}.preview-note{background:var(--panel);border-bottom:1px dashed var(--gold);color:var(--gold);padding:12px 22px;font-size:12px;text-align:center}.social-card{max-width:600px;margin:0 auto;padding:0;background:#07111f;color:#f2f6ff}.social-card .social-scene{height:330px;overflow:hidden}.social-card .social-scene img{display:block;width:100%;height:100%;object-fit:cover}.social-card .social-card-copy{padding:28px 35px 35px}.social-card .social-card-copy img{width:168px}.social-card h3{font-size:42px;line-height:1.1;letter-spacing:-.035em;margin:24px 0 18px}.social-card h3 em{font-style:normal;color:#e9c779}.social-card p{font-size:18px;color:#b0bfd4;line-height:1.6}.social-card small{font-size:13px;color:#e9c779}
@media(max-width:760px){.hero-art img{aspect-ratio:3/2}.answer-card{padding:22px}.task-grid{grid-template-columns:1fr;gap:11px}.task-grid section{padding:20px}.task-grid h3{font-size:20px}.compare-grid{grid-template-columns:1fr;gap:11px}.demo-stage{grid-template-columns:1fr;padding:25px 21px;gap:26px}.demo-copy h3{font-size:27px}.demo-copy{order:-1}.phone{max-width:260px}.theme-pair{grid-template-columns:1fr;gap:28px;padding:26px 20px}.theme-pair .phone{max-width:260px}.theme-caption{font-size:12px}.role-notices{padding:18px;gap:10px}.role-notice{padding:15px;grid-template-columns:31px 1fr;gap:11px}.role-icon{width:31px;height:31px}.role-notice h3{font-size:15px}.role-notice p{font-size:13px}.demo-label{padding:13px 18px;font-size:9px}.demo-figure figcaption{padding:15px 18px;font-size:11px}.article-faq summary{font-size:17px}.social-card .social-card-copy{padding:24px}.social-card h3{font-size:34px}}
@media print{.task-grid,.compare-grid,.theme-pair{break-inside:avoid}}