@font-face{font-family:Inter;src:url(Inter-latin.woff2)}*{box-sizing:border-box}body{margin:0;background:#faf7f2;color:#2d2d2d;font:16px/1.6 Inter,Arial,sans-serif}header,main{max-width:1000px;margin:auto;padding:24px}h1,h2,h3{line-height:1.25}section,article,fieldset{background:#f2ece3;border:1px solid #e6ddd0;border-radius:24px;padding:24px;margin:16px 0}fieldset legend{font-weight:700}label{display:block;margin:14px 0 6px;font-weight:600}input,select,textarea,button{font:inherit;max-width:100%}input:not([type=checkbox]),select,textarea{width:100%;padding:11px;border:1px solid #cfc4b4;border-radius:16px;background:#faf7f2;color:#2d2d2d;min-height:48px}textarea{min-height:110px}button,.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid #c8956c;border-radius:999px;background:#c8956c;color:#1a1a1a;font-weight:700;cursor:pointer;margin:8px 8px 8px 0;text-decoration:none}button.secondary{background:transparent;color:#2d2d2d;border-color:#cfc4b4}button:disabled{cursor:not-allowed;background:#f2ece3;color:#6b655d;border-color:#e6ddd0}a{color:#82552f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c8956c;outline-offset:2px}.notice{background:#f5ebe1;padding:16px;border-radius:16px}.muted,small{color:#6b655d}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.error{color:#5e3d24;font-weight:600}.badge{display:inline-block;background:#f5ebe1;border-radius:16px;padding:3px 12px}ul{padding-left:22px}p,li{overflow-wrap:anywhere}.checks label{font-weight:400}.metrics{display:flex;flex-wrap:wrap;gap:18px}.metrics p{flex:1;min-width:130px}.metrics strong{display:block;font-size:1.5rem}@media(max-width:599px){.grid{grid-template-columns:1fr}header,main{padding:16px}section,article,fieldset{padding:16px}}.shalom-feedback-media{display:block;width:100%;aspect-ratio:32/9;object-fit:cover;border-radius:24px;margin:16px 0}.shalom-feedback-ejemplos{max-width:952px;margin:0 auto 24px}.shalom-feedback-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shalom-feedback-quotes blockquote{margin:0;padding:16px;border:1px solid #cfc4b4;border-radius:16px}.shalom-feedback-quotes footer{font-size:14px;color:inherit;opacity:.85}@media(max-width:1000px){.shalom-feedback-ejemplos{margin:0 24px 24px}}@media(max-width:599px){.shalom-feedback-quotes{grid-template-columns:1fr}.shalom-feedback-ejemplos{margin:0 16px 16px}.shalom-feedback-media{aspect-ratio:16/7;object-position:left}}
/* Ilustración según el tema: Crema por omisión, Noche cuando el tema compartido lo pide. */
.shalom-feedback-media.solo-noche,body.theme-night .shalom-feedback-media.solo-crema{display:none}
body.theme-night .shalom-feedback-media.solo-noche{display:block}

/* Tu opinión en tres pasos. */
#opinion-form fieldset{border:0;margin:0;padding:0;min-width:0}
#opinion-form legend{font-size:1.25rem;font-weight:700;margin:0 0 8px;padding:0}
.shalom-feedback-progress{margin:16px 0 8px;font-weight:600}
.shalom-feedback-bar{height:8px;border-radius:999px;background:var(--shalom-feedback-line,#e6ddd0);overflow:hidden;margin-bottom:24px}
.shalom-feedback-bar span{display:block;height:100%;background:#c8956c;border-radius:999px;transition:width .2s}
.shalom-feedback-steps-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.shalom-feedback-steps-nav button{flex:1 1 160px}
@media (prefers-reduced-motion:reduce){.shalom-feedback-bar span{transition:none}}
body.theme-night .shalom-feedback-bar{background:#2e2e2e}