@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,700&display=swap');
:root{color-scheme:light;--ink:#312522;--muted:#776b62;--wine:#552927;--accent:#a76c3b;--gold:#ca9850;--paper:#fbf8f3;--border:#ded2bf;--cream:#f3eadd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #cb8e3f;outline-offset:2px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--wine);color:#f8e4c1;min-height:34px;display:flex;justify-content:center;align-items:center;gap:22px;font-weight:700;font-size:10px;letter-spacing:.21em}.topbar span{font-size:13px}.site-head{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center}.crest{height:48px;width:48px;border:2px solid var(--wine);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;font-weight:800;font-family:Georgia,serif;color:var(--wine);font-size:19px;letter-spacing:-2px}.crest span{font-size:8px;position:absolute;bottom:5px;letter-spacing:0}.brand strong{font-family:'Playfair Display',serif;display:block;font-size:21px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.meta-pill{border:1px solid var(--border);border-radius:100px;padding:10px 14px;font-size:10px;letter-spacing:.15em;color:#796452;font-weight:700}.layout{display:grid;grid-template-columns:.91fr 1fr;gap:80px;padding-top:65px;padding-bottom:80px;align-items:start}.intro{position:sticky;top:28px}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.2em;display:flex;align-items:center;gap:12px}.line{display:inline-block;width:34px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:'Playfair Display',serif;color:var(--wine);font-weight:800;font-size:clamp(72px,7.6vw,115px);line-height:.91;letter-spacing:-.07em;margin:28px 0 30px}h1 em{color:#9f6237;font-weight:700}h1 .asterisk{color:var(--gold);font-family:Georgia,serif;font-size:.37em;vertical-align:top;position:relative;top:.2em;left:.22em;letter-spacing:0}.lead{font-size:17px;line-height:1.7;color:#6e6259;max-width:440px}.note{background:#eee2d2;border-left:3px solid var(--gold);margin-top:36px;padding:19px 19px 18px 14px;display:flex;gap:12px;color:#68564a;font-size:12px;line-height:1.7}.note strong{color:var(--wine)}.note-icon{font-size:24px;color:#92562f;line-height:1}.event-mini{display:flex;gap:18px;align-items:center;color:#a17d56;letter-spacing:.2em;font-size:10px;font-weight:800;margin-top:34px}.event-mini span:first-child,.event-mini span:last-child{font-size:20px}.purchase-panel{background:#fffefb;border:1px solid var(--border);box-shadow:0 16px 65px #4d271a10;padding:34px;border-radius:7px}.step{display:block;color:#9a6b47;letter-spacing:.17em;font-weight:800;font-size:10px;margin-bottom:9px}.panel-title h2{font-family:'Playfair Display',serif;font-size:30px;letter-spacing:-.03em;margin:0 0 7px}.panel-title p{color:var(--muted);line-height:1.5;font-size:13px;margin:0 0 27px}.quantity-box{border:1px solid #e6d8c5;background:#f9f2e8;display:flex;justify-content:space-between;align-items:center;padding:19px;border-radius:4px;gap:15px}.tiny-label{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;color:#8d725c;margin-bottom:8px}.quantity-box strong{display:block;font-family:'Playfair Display',serif;font-size:28px;color:var(--wine);line-height:1.15}.quantity-box small{display:block;color:#9b8270;margin-top:7px;font-size:10px}.stepper{display:flex;border:1px solid #cfbc9e;background:#fff;align-items:center;border-radius:4px;height:41px}.stepper button{background:none;border:0;width:38px;height:39px;font-size:21px;color:var(--wine)}.stepper button:disabled{opacity:.3}.stepper output{min-width:27px;text-align:center;font-weight:800}.subsection{padding-top:29px;margin-top:28px;border-top:1px solid #e8dfd2}.subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.subhead h3{font-family:'Playfair Display',serif;font-size:20px;margin:0}.subhead span{font-size:11px;color:var(--muted)}.foliao-row{display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:end;margin-bottom:11px}.foliao-num{border-radius:50%;background:#f4e7d5;color:var(--wine);width:28px;height:28px;display:grid;place-items:center;font-weight:800;margin-bottom:10px;font-size:11px}label{font-size:12px;font-weight:700;color:#68574b;display:block}label input,label select{display:block;width:100%;height:44px;margin-top:7px;border:1px solid #d9ccbb;border-radius:3px;background:#fff;color:var(--ink);padding:0 12px;min-width:0;font-size:13px;outline:none}label input:focus,label select:focus{border-color:var(--accent)}label input::placeholder{color:#afa59a;font-weight:400}.hint{color:#8e7d70;font-size:11px;line-height:1.6;margin:9px 0 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields .full{grid-column:1 / -1}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-option{padding:14px 10px;border:1px solid #ded3c4;border-radius:4px;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:68px;position:relative}.payment-option.selected{border:1.5px solid var(--wine);background:#fbf5ee}.payment-option input{position:absolute;opacity:0;width:1px;height:1px}.pay-icon{font-size:22px;color:#895330}.payment-option strong{display:block;color:var(--ink);font-size:12px}.payment-option small{display:block;font-size:10px;color:#9b8c7d;margin-top:4px}.option-tick{margin-left:auto;color:var(--wine);visibility:hidden}.payment-option.selected .option-tick{visibility:visible}.payment-option.disabled{opacity:.54;cursor:not-allowed}.installments{padding:12px 0 0}.installments select{max-width:270px}.warning{color:#a35f38;font-size:11px;margin:12px 0 0;line-height:1.5}.summary{margin-top:30px;background:#f4ede3;border:1px solid #e6d9c9;padding:19px}.summary-heading{font-size:10px;letter-spacing:.17em;color:#877061;font-weight:800;margin-bottom:13px}.sum-row{display:flex;justify-content:space-between;padding:8px 0;color:#6e5e51;font-size:12px;gap:9px}.sum-row strong{color:var(--ink)}.sum-row.final{border-top:1px solid #d6c5ad;margin-top:8px;padding-top:16px;align-items:center;font-weight:800;color:var(--wine);font-size:14px}.sum-row.final strong{font-family:'Playfair Display',serif;color:var(--wine);font-size:24px}.parcel-info{font-size:11px;color:#7a5c3e;text-align:right}.agreement{display:flex;gap:9px;align-items:flex-start;line-height:1.6;margin-top:20px;font-weight:500;color:#70645b;font-size:11px}.agreement input{height:16px;width:16px;flex:0 0 auto;margin:3px 0 0;accent-color:var(--wine)}.agreement a,.footer a{color:#8e502b;text-decoration:underline}.cta{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;border:0;border-radius:3px;background:var(--wine);color:#fff9ea;font-weight:800;letter-spacing:.03em;padding:17px 20px;font-size:14px;margin-top:22px;min-height:52px}.cta:hover{background:#6e332e}.cta:disabled{opacity:.65;cursor:wait}.secure{text-align:center;font-size:10px;color:#918276;margin:13px 0 0;line-height:1.5}.secure span{color:#b98448}.message{padding:13px;border:1px solid #e0b29a;background:#fff0e4;color:#853c24;margin-top:14px;border-radius:4px;font-size:12px;line-height:1.6}.hidden{display:none!important}.honeypot{position:absolute;left:-5000px;top:-5000px}.footer{border-top:1px solid var(--border);padding-top:26px;padding-bottom:35px;font-size:11px;color:#8e7b6d;line-height:1.7}.footer strong{color:var(--wine);font-size:13px}.footer p{max-width:830px;margin-top:8px}.admin-link{font-size:11px}.modal{position:fixed;inset:0;background:#271812ad;z-index:50;display:flex;justify-content:center;align-items:center;padding:20px}.modal-card{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;background:#fffdf9;border:1px solid #d5bc9d;padding:31px;box-shadow:0 25px 70px #180a0733}.modal-card h2{font-family:'Playfair Display',serif;font-size:30px;margin:12px 0 18px}.close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:29px;color:#896f61}.review-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #eee2d5;padding:10px 0;font-size:12px}.review-row strong{text-align:right}.modal-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;margin-top:25px}.modal-actions .cta{margin-top:0}.back{border:1px solid #cbb8a3;background:#fff;color:var(--wine);font-weight:700;border-radius:3px}.admin-body{background:#f7f2ea;min-height:100vh}.admin-main{padding-top:45px;padding-bottom:100px}.admin-main h1{font-size:50px;margin:0 0 15px}.admin-box{padding:22px;background:white;border:1px solid var(--border);border-radius:5px;margin-top:24px}.admin-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.admin-actions label{width:min(370px,100%)}.admin-actions button{padding:13px 18px;border:0;background:var(--wine);color:#fff;border-radius:3px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stat{border:1px solid var(--border);background:#fff;padding:20px}.stat strong{display:block;font-family:'Playfair Display',serif;font-size:30px;color:var(--wine)}.stat span{color:var(--muted);font-size:11px}.table-scroll{overflow:auto}.order-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.order-table th,.order-table td{border-bottom:1px solid #eadfce;padding:11px;vertical-align:top;white-space:nowrap}.order-table th{color:#7f6753;background:#f6eee4;text-transform:uppercase;font-size:10px;letter-spacing:.05em}.order-table td small{display:block;color:#887466;margin-top:4px}.status{font-weight:800}.debug{font-size:12px;color:#8b6754;margin-top:12px}
@media(max-width:1000px){.layout{gap:32px;grid-template-columns:.85fr 1fr}h1{font-size:clamp(63px,7vw,95px)}.purchase-panel{padding:25px}}
@media(max-width:760px){.wrap{width:min(100% - 28px,560px)}.site-head{height:78px}.meta-pill{font-size:8px;padding:8px}.brand strong{font-size:18px}.brand small{font-size:9px}.crest{width:43px;height:43px}.layout{display:block;padding-top:35px;padding-bottom:50px}.intro{position:static}.eyebrow{font-size:9px}h1{font-size:clamp(69px,16vw,100px);margin:20px 0}.lead{font-size:14px;line-height:1.65}.note{margin-top:22px}.event-mini{margin:20px 0 24px;gap:10px;font-size:9px}.purchase-panel{padding:21px 15px}.panel-title h2{font-size:28px}.quantity-box{padding:13px}.quantity-box strong{font-size:23px}.foliao-row{grid-template-columns:22px 1fr;gap:8px}.foliao-num{width:22px;height:22px}.foliao-row label{font-size:11px}.fields{gap:11px}.fields label{font-size:11px}.payment-option{padding:10px 7px;gap:7px}.pay-icon{font-size:17px}.payment-option small{font-size:9px}.sum-row.final strong{font-size:22px}.modal-card{padding:22px}.stats{grid-template-columns:1fr}.admin-main h1{font-size:45px}}


/* V0.4 — Identidade visual Rancho dos Primos, referências fornecidas pela organização */
:root{--ink:#321e17;--muted:#80695a;--wine:#592218;--accent:#c16f31;--gold:#e9a53e;--paper:#f8f1e8;--border:#e0cbb0;--cream:#ffefd5}
body{background:linear-gradient(180deg,#fbf4ea 0,#f7eee3 380px,#fcf8f2 100%)}
.topbar{background:#270e0b;color:#ffd99d;min-height:38px;letter-spacing:.16em}
.site-head{height:86px;border-bottom-color:#e6d2bb}
.brand{text-decoration:none;color:inherit;gap:11px}
.brand-avatar{width:50px;height:50px;object-fit:cover;object-position:center;border-radius:13px;background:#100806;border:1px solid #8f5833;box-shadow:0 3px 10px #20100922}
.brand strong{color:#4f2819;font-size:21px}
.brand small{letter-spacing:.13em}
.header-action{display:inline-flex;align-items:center;gap:11px;border:1px solid #9c6538;color:#713a20;background:#fffaf2;text-decoration:none;border-radius:100px;padding:12px 20px;font-weight:800;font-size:12px}
.header-action:hover{background:#f4e2c9}
.hero-banner{margin-top:26px;display:grid;grid-template-columns:.94fr 1fr;min-height:420px;overflow:hidden;border-radius:18px;background:#25110e;box-shadow:0 24px 48px #2e150d22}
.hero-copy{position:relative;padding:50px 25px 45px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(circle at -20% 90%,#8b3b1f55,transparent 55%),repeating-linear-gradient(0deg,#ffffff03 0 2px,transparent 2px 10px)}
.hero-kicker{font-size:10px;letter-spacing:.2em;color:#eac48a;font-weight:800}
.hero-copy h1{font-size:clamp(44px,4.4vw,76px);color:#fff5e6;letter-spacing:-.058em;line-height:1.04;margin:22px 0}
.hero-copy h1 em{font-style:normal;color:#f4af4b}
.hero-copy p{font-size:15px;line-height:1.65;color:#ecd9c3;max-width:400px;margin:0 0 24px}
.hero-cta{background:#e6a04b;color:#28130d;text-decoration:none;font-size:13px;font-weight:900;padding:16px 19px;border-radius:8px;display:flex;gap:14px;align-items:center;box-shadow:0 5px 0 #b96524}
.hero-cta:hover{background:#f3b35f}
.hero-foot{color:#d5ac7f;font-weight:800;font-size:9px;letter-spacing:.19em;margin-top:26px}
.hero-illustration{min-width:0;position:relative;overflow:hidden;background:#7e391e}
.hero-illustration::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#25110e33,transparent 32%),linear-gradient(0deg,#351c18a8,transparent 24%);pointer-events:none}
.hero-illustration img{height:100%;width:100%;display:block;object-fit:cover;object-position:center}
.layout{grid-template-columns:.95fr 1.02fr;gap:50px;padding-top:53px;align-items:start}
.intro{position:static}
.intro-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(34px,3.4vw,48px);line-height:1.08;color:#52251a;letter-spacing:-.04em;margin:18px 0}
.intro-title em{color:#b66a2c}
.lead{font-size:15px;line-height:1.7;color:#71594b;margin-bottom:22px}
.abada-card{position:relative;margin:20px 0 16px;background:#fffaf4;border:1px solid #e2cdae;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #64330f14}
.abada-card img{display:block;width:100%;height:auto}
.abada-card figcaption{padding:12px 15px;font-weight:800;font-size:10px;color:#784320;letter-spacing:.14em;border-top:1px solid #eee0cf;background:#fffbf4}
.abada-card figcaption span{color:#c37a38}
.friends-card{margin:16px 0;overflow:hidden;border-radius:12px;position:relative}
.friends-card img{display:block;width:100%;height:auto}
.friends-card figcaption{position:absolute;bottom:0;left:0;right:0;padding:29px 15px 13px;color:#fffaf2;font-weight:800;font-size:12px;letter-spacing:.02em;background:linear-gradient(0deg,#291008bd,transparent)}
.note{margin-top:20px;background:#f2e1ca;border-radius:8px;border-left:4px solid #b46e36;color:#6e503f}
.note strong{color:#55231b}
.purchase-panel{border-radius:13px;border:1px solid #dfc9a9;padding:32px;box-shadow:0 18px 52px #4c260e13;scroll-margin-top:16px}
.panel-title h2{color:#50221b;font-size:32px}
.step{color:#985025}
.quantity-box{background:#fff3df;border:1px solid #e4c6a1;border-radius:8px}
.payment-option{border-radius:8px}
.payment-option.selected{background:#fff4df;border-color:#9f632e}
.summary{border-radius:8px;background:#fcf0de}
.cta{background:linear-gradient(120deg,#762d1b,#4a1d16);border-radius:7px;box-shadow:0 3px 0 #2f120d}
.cta:hover{background:#813a22}
.footer{border-top-color:#e0c4a4}
.admin-body{background:#fbf3e9}
@media (max-width:1000px){.hero-copy{padding:39px 27px}.hero-copy h1{font-size:clamp(43px,5vw,58px)}.layout{gap:28px}.purchase-panel{padding:25px}}
@media (max-width:760px){
 .topbar{font-size:9px;gap:10px;min-height:35px}
 .site-head{height:77px}
 .brand-avatar{width:44px;height:44px;border-radius:10px}
 .brand strong{font-size:17px}
 .brand small{font-size:8px}
 .header-action{padding:10px 12px;font-size:10px}
 .hero-banner{margin-top:12px;grid-template-columns:1fr;min-height:0;border-radius:12px}
 .hero-illustration{order:-1;height:auto;aspect-ratio:1.45;}
 .hero-illustration img{object-position:center 43%}
 .hero-copy{padding:25px 23px 27px}
 .hero-copy h1{font-size:clamp(40px,10vw,58px);margin:13px 0}
 .hero-copy p{font-size:13px;line-height:1.6;margin-bottom:19px}
 .hero-foot{margin-top:20px}
 .layout{padding-top:31px;padding-bottom:50px}
 .intro-title{font-size:36px}
 .lead{font-size:14px}
 .friends-card{display:none}
 .note{margin-bottom:22px}
 .purchase-panel{padding:20px 16px}
}
@media(max-width:390px){.brand small{max-width:125px;line-height:1.5}.header-action{padding:8px 9px}.hero-illustration{aspect-ratio:1.25}.hero-copy h1{font-size:40px}}