/* Publish / mi-anuncio form styles — tokens come from the theme (:root). Works standalone with fallbacks. */
.au-form{--_ink:var(--ink,#1C1A17);--_paper:var(--paper,#F6F0E4);--_naranja:var(--naranja,#F05A1A);--_wa:var(--wa,#25D366);max-width:760px;margin:0 auto}
.au-hp{position:absolute!important;left:-9999px!important;height:0;width:0;opacity:0}
.au-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;list-style:none;margin:0 0 20px;padding:0;counter-reset:s}
.au-steps li{counter-increment:s;font:700 12px/1.2 var(--font-body,sans-serif);text-transform:uppercase;letter-spacing:.06em;padding:10px 6px 8px;border-bottom:4px solid rgba(28,26,23,.18);color:var(--ink-2,#5A5650)}
.au-steps li::before{content:counter(s) " · ";color:var(--_naranja)}
.au-steps li.is-active{border-color:var(--_naranja);color:var(--_ink)}
.au-steps li.is-done{border-color:var(--_ink)}
.au-step{display:none;border:2px solid var(--_ink);padding:18px 16px 20px;margin:0 0 16px;background:var(--paper-2,#EDE4D3);position:relative}
.au-step.is-active{display:block;animation:au-in .35s ease both}
@keyframes au-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.au-step legend{font:900 28px/1 var(--font-display,sans-serif);text-transform:uppercase;padding:0 8px;background:var(--_paper);border:2px solid var(--_ink)}
.au-step legend small{display:block;font:400 14px/1.4 var(--font-body,sans-serif);text-transform:none;margin-top:6px;color:var(--ink-2,#5A5650)}
.au-grid{display:grid;grid-template-columns:1fr;gap:14px 16px;margin-top:8px}
@media(min-width:640px){.au-grid{grid-template-columns:1fr 1fr}.au-field--wide{grid-column:1/-1}}
.au-field{display:flex;flex-direction:column;gap:6px;font:700 14px/1.3 var(--font-body,sans-serif)}
.au-field>span small{font-weight:400;color:var(--ink-2,#5A5650)}
.au-field input:not([type=checkbox]),.au-field select,.au-field textarea{font:400 17px/1.3 var(--font-body,sans-serif);padding:12px 12px;border:2px solid var(--_ink);background:var(--_paper);color:var(--_ink);border-radius:4px;min-height:48px;width:100%}
.au-field textarea{min-height:120px;resize:vertical}
.au-field input:focus,.au-field select:focus,.au-field textarea:focus{outline:3px solid var(--_naranja);outline-offset:2px}
.au-field .is-invalid{border-color:var(--bad,#A62B1F);box-shadow:0 0 0 3px rgba(166,43,31,.25)}
.au-checks{flex-direction:row;flex-wrap:wrap;gap:16px;align-items:end;font-weight:400}
.au-checks label,.au-consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.4}
.au-checks input,.au-consent input{width:22px;height:22px;flex:none;accent-color:var(--_naranja);margin-top:2px}
.au-err{margin:0;color:var(--bad,#A62B1F);font:700 13px/1.35 var(--font-body,sans-serif)}
.au-hint{margin:0;color:var(--ok,#1F7A3A);font:700 13px/1.35 var(--font-body,sans-serif)}
.au-note{font:400 15px/1.5 var(--font-body,sans-serif);color:var(--ink-2,#5A5650);margin:12px 0 0}
.au-alert{border:2px solid var(--bad,#A62B1F);background:#fff;color:var(--bad,#A62B1F);padding:10px 12px;margin:0 0 16px;font:400 15px/1.4 var(--font-body,sans-serif)}
.au-alert--ok{border-color:var(--ok,#1F7A3A);color:var(--ok,#1F7A3A)}
.au-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:8px}
.au-previews figure{margin:0;position:relative;aspect-ratio:4/3;border:2px solid var(--_ink);background:#fff;overflow:hidden}
.au-previews img{width:100%;height:100%;object-fit:cover;display:block}
.au-previews figcaption{position:absolute;left:0;bottom:0;background:var(--_naranja);color:#fff;font:700 11px/1 var(--font-body,sans-serif);text-transform:uppercase;padding:4px 6px}
.au-previews p{grid-column:1/-1}
.au-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}
.au-nav .au-btn:only-child{margin-left:auto}
.au-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:2px solid var(--_ink);border-radius:4px;font:700 16px/1 var(--font-body,sans-serif);text-decoration:none;cursor:pointer;background:var(--_paper);color:var(--_ink);transition:transform .12s ease,box-shadow .12s ease}
.au-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--_ink)}
.au-btn:active{transform:none;box-shadow:none}
.au-btn--ink{background:var(--_ink);color:var(--_paper)}
.au-btn--naranja{background:var(--_naranja);color:#fff;border-color:var(--_ink)}
.au-btn--ghost{background:transparent}
.au-btn--wa{background:var(--_wa);color:#0b3d2e;border-color:#0b3d2e}
.au-btn--big{font-size:20px;min-height:60px;width:100%}
.au-btn--sm{min-height:36px;padding:6px 12px;font-size:14px}
.au-btn[disabled]{opacity:.6;cursor:progress}
/* confirmation + mi anuncio */
.au-ok{max-width:640px;margin:0 auto;border:2px solid var(--_ink);background:var(--paper-2,#EDE4D3);padding:24px 20px}
.au-ok h2{font:900 32px/1.05 var(--font-display,sans-serif);text-transform:uppercase;margin:8px 0 6px}
.au-ok h3{font:900 20px/1.1 var(--font-display,sans-serif);text-transform:uppercase;margin:18px 0 8px}
.au-lead{font:400 18px/1.45 var(--font-body,sans-serif);margin:0 0 14px}
.au-code{font:900 64px/1 var(--font-display,sans-serif);letter-spacing:.12em;text-align:center;border:3px dashed var(--_ink);padding:18px 8px;margin:8px 0 14px;background:var(--_paper);transform:rotate(-1deg)}
.au-stamp{display:inline-block;font:700 12px/1 var(--font-body,sans-serif);letter-spacing:.12em;text-transform:uppercase;border:2px solid currentColor;padding:6px 10px;border-radius:4px;transform:rotate(-2deg);margin:0 0 6px}
.au-stamp--ok{color:var(--ok,#1F7A3A)}.au-stamp--warn{color:var(--warn,#B8860B)}.au-stamp--bad{color:var(--bad,#A62B1F)}.au-stamp--neutral{color:var(--ink-2,#5A5650)}
.au-tear{border:0;border-top:2px dashed var(--_ink);margin:20px 0;opacity:.5}
.au-list{padding-left:20px;font:400 16px/1.5 var(--font-body,sans-serif)}
.au-list li{margin:0 0 8px}
.au-link{color:var(--_ink);text-decoration:underline;text-decoration-color:var(--_naranja);text-underline-offset:3px;word-break:break-all}
.au-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}
.au-actions--precio{align-items:flex-end}
.au-actions--precio .au-field{flex:1;min-width:160px}