/* Practical pages share the editorial identity, with quieter surfaces for reading. */
body:not([data-page="inicio"]) .smoke-atmosphere{opacity:.085}
.page-head{max-width:850px;padding:64px 0 38px}
.page-head h1{font-size:clamp(36px,4.2vw,60px);letter-spacing:-.045em;text-wrap:balance}
.page-head p{max-width:62ch;line-height:1.65;color:#bac4be}
.content{padding-bottom:24px}
.card{display:flex;flex-direction:column;background:#101512;border:1px solid #29332d;overflow:hidden}
.card img{border-radius:0;height:auto;aspect-ratio:8/5;object-fit:cover}
.card>:is(.meta,h3,p,.actions),.card>a>:is(.meta,h3,p,.actions){margin-left:22px;margin-right:22px}
.card .meta{font-size:12px;line-height:1.5;letter-spacing:.04em;margin-top:22px}
.card h3{font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.025em}
.card p{font-size:16px;line-height:1.6;color:#b9c4bd}
.card>.actions{padding-top:24px;margin-top:auto;margin-bottom:22px;gap:12px;flex-wrap:wrap}
.card>a{display:block;padding-bottom:24px}
.card>a:hover h3{color:#ff8650}
.card a:focus-visible{outline-offset:-3px}
.filters{gap:12px;padding:20px 0;border-block:1px solid #303a33;margin:0 0 28px}
.filters label{font-size:14px}
.filters :is(select,input){min-height:48px;font-size:16px}
.filters .search{min-width:220px;flex:0 1 320px}
.filters .search .eyebrow{display:block;margin-bottom:7px;font-size:12px;letter-spacing:.04em}
.notice{font-size:14px;line-height:1.65;background:#111914;border-color:#405047;padding:16px 20px}
.article{max-width:720px}
.article>p{font-size:18px;line-height:1.75;color:#c2ccc5}
.article h1{font-size:clamp(36px,4vw,56px);text-wrap:balance}
.article h2{font-size:28px;letter-spacing:-.025em}
.panel{background:#101612;border-color:#354138}
.panel>p,.explain p{line-height:1.7}
.result{background:#18201b;border-color:#4a5b4f;top:120px}
.result .big{font-family:inherit;font-size:56px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.result p,.result dl{font-size:15px;line-height:1.6}
.result dt{padding-right:10px}
.result dd{font-variant-numeric:tabular-nums;white-space:nowrap}
.cost-table .remove{min-width:44px;min-height:44px}
.cost-table th{font-size:13px}
.dialog{padding:36px;max-height:85dvh;overscroll-behavior:contain}
.dialog h2{padding-right:25px;line-height:1.15;letter-spacing:-.035em}
.dialog p{font-size:16px;line-height:1.6}
.dialog .close{width:44px;height:44px;display:grid;place-items:center}
.field label,.field-grid label{font-size:14px;line-height:1.5}
.field :is(input,select,textarea),.field-grid input{font-size:16px;min-height:48px}
.form-status{margin:16px 0;color:#ffd2bd;font-size:15px;line-height:1.5}
@media(max-width:740px){
 .page-head{padding:36px 0 28px}.page-head p{font-size:17px}
 .card>:is(.meta,h3,p,.actions),.card>a>:is(.meta,h3,p,.actions){margin-left:18px;margin-right:18px}
 .filters .search{flex-basis:100%;max-width:none;margin-left:0}
 .filters :is(.chip,select){min-height:44px}
 .article>p{font-size:17px}.article{margin-top:28px}
 .dialog{padding:28px 20px}.dialog h2{font-size:28px}
 .result{padding:24px}.result dl{font-size:14px}
 .notice{padding:14px 16px}.field-grid{gap:18px}
}