.h2{position:relative;background:#fbf0e6 url(/hm/paper.webp) center/cover;border:1px solid #e3cdb9;border-radius:14px;padding:28px 34px 22px;color:#180200;font-family:"EB Garamond",Georgia,serif;overflow:hidden;box-shadow:0 2px 14px rgba(60,30,10,.06);margin-bottom:18px}
.h2-leaf{position:absolute;left:-6px;top:-6px;width:130px;pointer-events:none;opacity:.95}
.h2-head{text-align:center;margin:0 0 14px;position:relative}
.h2-title{font-family:"Playfair Display",Georgia,serif;font-weight:800;font-size:3.1rem;letter-spacing:.01em;margin:0;line-height:1;color:#180200}
.h2-title span{color:#c56034}
.h2-sub{margin:.35rem 0 0;font-style:italic;font-weight:600;font-size:1.5rem;color:#b5562b;font-family:"Playfair Display",Georgia,serif}
.h2-grid{display:grid;grid-template-columns:1fr 290px;align-items:center}
.h2-left{padding-right:24px;border-right:1px solid #cdb5a1}
.h2-row{display:grid;grid-template-columns:62px 132px 1px 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #dcc3ad;min-height:62px}
.h2-row:last-child{border-bottom:none}
.h2-ic svg{width:56px;height:56px;display:block}
.h2-lab{font-style:italic;font-size:1.05rem;line-height:1.15;text-align:center}
.h2-vd{width:1px;height:40px;background:#cdb5a1}
.h2-bar,.h2-tbar{--p:50%;position:relative;display:flex;height:38px;border-radius:999px;overflow:visible;border:1.5px solid #3a2414;background:linear-gradient(90deg,#6f7d4f 0 var(--p),#c56034 var(--p) 100%);cursor:pointer;user-select:none;box-shadow:inset 0 2px 3px rgba(0,0,0,.18)}
.h2-bar>span,.h2-tbar>span{display:flex;align-items:center;gap:8px;color:#fbf0e6;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:1.15rem;white-space:nowrap;overflow:hidden}
.h2-h{width:var(--p);padding-left:22px}.h2-a{flex:1;justify-content:flex-end;padding-right:16px}
.h2-bar i,.h2-tbar i{display:flex}.h2-bar i svg{width:20px;height:20px}
.h2-bar .sm b,.h2-tbar .sm b{display:none}.h2-bar .sm i{display:none}
.h2-knob{position:absolute;top:50%;left:var(--p);width:36px!important;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#f2e4d3;border:1.5px solid #3a2414;box-shadow:0 2px 4px rgba(0,0,0,.25);padding:0!important}
.h2-right{padding-left:24px}
.h2-m{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #dcc3ad}
.h2-m:last-child{border-bottom:none}
.h2-mlab{font-style:italic;font-size:1.2rem}
.h2-box{position:relative;display:inline-block}
.h2-box input{width:118px;height:40px;border:1.5px solid #3a2414;border-radius:14px;background:#fbf0e6;text-align:center;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:700;font-size:1.35rem;color:#180200;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.h2-box input:focus{outline:2px solid #c56034}
.h2-pm{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;line-height:.6;font-size:.75rem;opacity:.4;pointer-events:none}
.h2-tot{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:16px;margin-top:16px;background:#efdcc8;border-radius:18px;padding:14px 24px}
.h2-tlab{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:700;font-size:1.65rem;text-align:center;line-height:1.05}
.h2-tlab small{display:block;font-size:1.05rem;font-weight:400}
.h2-tbar{height:54px;cursor:default;margin-right:10px}
.h2-tbar>span{font-size:1.6rem;font-weight:600}.h2-tbar i svg{width:28px;height:28px}
.h2-tbar .h2-h{padding-left:30px;gap:14px}.h2-tbar .h2-a{justify-content:center;gap:12px}
.h2 #hm-nota{display:block;text-align:center;margin:14px 0 0;font-size:1.25rem;letter-spacing:.04em;color:#7a3b1e;border:none;padding:0}
@media(max-width:860px){.h2-grid{grid-template-columns:1fr}.h2-left{padding:0;border-right:none;border-bottom:1px solid #cdb5a1}.h2-right{padding:4px 0 0}}
@media(max-width:600px){.h2{padding:20px 14px 16px}.h2-leaf{width:78px}.h2-title{font-size:2rem}.h2-sub{font-size:1.05rem}
.h2-row{grid-template-columns:40px 1fr;gap:6px 10px}.h2-ic svg{width:40px;height:40px}.h2-lab{text-align:left}.h2-vd{display:none}.h2-bar{grid-column:1/-1;height:34px}.h2-bar>span{font-size:1rem}
.h2-tot{grid-template-columns:1fr;padding:12px;gap:8px}.h2-tlab{font-size:1.3rem}.h2-tbar{height:46px;margin:0}.h2-tbar>span{font-size:1.1rem}.h2-tbar .h2-h{padding-left:16px;gap:8px}.h2-tbar i svg{width:20px;height:20px}}
.h2,.h2 input{font-family:"EB Garamond",Georgia,serif}
.h2-box[data-ap]::before{content:"aprox.";position:absolute;top:-22px;right:8px;line-height:1;font-style:italic;font-size:.75rem;color:#7a5a40}
@media(max-width:600px){.h2-head{padding-top:26px}.h2-tbar>span{font-size:.95rem}.h2-tbar .h2-h{padding-left:12px;gap:6px}.h2-tbar .h2-a{padding-right:10px;gap:6px}.h2-tbar i svg{width:16px;height:16px}}
/* v2: misma familia que #confianza */
.h2{max-width:1024px;margin:0 auto;background:#f2e4d3;border:none;border-radius:0;box-shadow:none;padding:34px 40px 26px;color:#180601;-webkit-font-smoothing:antialiased}
.h2-leaf{width:100px;left:0;top:0}
.h2-title{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:40px;line-height:1.1;color:#1e0a02;padding:0 0 0 60px}
.h2-title span{color:#b5562b}
.h2-sub{font-family:"EB Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:24px;color:#b5562b;margin-top:6px}
.h2-head{margin-bottom:22px}
.h2-left{border-right-color:#cdb5a1}.h2-row,.h2-m{border-bottom-color:#cdb5a1}
.h2-lab{font-size:19px;font-weight:500;line-height:1.15}
.h2-mlab{font-size:22px;font-weight:500}
.h2-bar,.h2-tbar{height:36px;border:2px solid #180200;border-radius:18px;box-shadow:none;background:linear-gradient(90deg,rgba(138,148,112,.95) 0 var(--p),rgba(197,96,52,.95) var(--p) 100%)}
.h2-bar>span,.h2-tbar>span{font-family:"EB Garamond",Georgia,serif;font-weight:600;font-size:21px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.h2-bar i svg path,.h2-bar i svg circle{fill:#fff}.h2-bar i svg[stroke],.h2-tbar i svg[stroke]{stroke:#fff}
.h2-knob{width:40px!important;height:40px;margin:-20px 0 0 -20px;background:#fbf0e6;border:2px solid #180200;box-shadow:none}
.h2-box input{width:128px;height:44px;border:2px solid #180200;border-radius:22px;background:#fbf0e6;font-family:"EB Garamond",Georgia,serif;font-style:italic;font-weight:600;font-size:24px;color:#180200;box-shadow:none}
.h2-box[data-ap]::before{font-size:13px;color:#b5562b;letter-spacing:.1em}
.h2-pm{opacity:.5;font-size:13px}
.h2-tot{background:none;border-radius:0;border-top:1px solid #cdb5a1;margin-top:14px;padding:20px 0 0}
.h2-tlab{font-family:"EB Garamond",Georgia,serif;font-weight:500;font-size:28px}
.h2-tlab small{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:#b5562b;font-weight:500;margin-top:4px}
.h2-tbar{height:50px;border-radius:25px}.h2-tbar>span{font-size:26px}
.h2 #hm-nota{color:#180601}
@media(max-width:759px){.h2{padding:26px 16px 20px}.h2-leaf{width:64px}.h2-head{padding-top:0}.h2-title{font-size:25px;padding-left:34px}.h2-sub{font-size:18px}
.h2-lab{font-size:18px}.h2-mlab{font-size:19px}.h2-bar{height:32px}.h2-bar>span{font-size:18px}.h2-knob{width:34px!important;height:34px;margin:-17px 0 0 -17px}
.h2-tlab{font-size:22px}.h2-tbar{height:42px}.h2-tbar>span{font-size:17px}.h2-box input{font-size:21px;width:120px}}
@media(min-width:760px){.h2-title{font-size:38px;padding:0 20px;white-space:nowrap}}@media(min-width:760px) and (max-width:1000px){.h2-title{font-size:3.6vw}}