/* Propuesta 3: formulario empresarial basado en wizard-0001, radio-0002, input-0007 y button-0001. */
:root{--sh-primary:#1769aa;--sh-primary-hover:#0f568d;--forms-bg:#f2f3f5;--forms-border:#d8dadd;--forms-text:#242424;--forms-muted:#616161}
body{margin:0;background:var(--forms-bg);color:var(--forms-text);font-family:"Segoe UI",Arial,sans-serif;font-size:15px}
body.brand-avant{--sh-primary:#8a315e;--sh-primary-hover:#70264b}
.site-header{height:64px;padding:0 max(24px,calc((100vw - 980px)/2));background:#fff;border:0;border-bottom:1px solid #ddd;box-shadow:none;backdrop-filter:none}.brand{gap:9px;color:#252525;letter-spacing:0}.brand-mark,.brand-avant .brand-mark{width:32px;height:32px;border-radius:4px;background:var(--sh-primary);font-size:17px}.brand strong{font-size:17px}.brand small{margin-top:1px;color:#666}.header-label{padding:4px 8px;border:0;border-radius:3px;background:#f0f0f0;color:#555;font-size:12px;font-weight:600}
.page-shell{display:grid;width:min(980px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px;gap:16px}.page-shell:has(.hero-card){grid-template-columns:minmax(0,1fr) 300px;align-items:start}.breadcrumbs{margin:0;color:#656565;font-size:12px}.breadcrumbs a{color:var(--sh-primary);font-weight:600}
.hero-card,.hero-aside,.content-card,.survey-card,.results-card,.detail-card{border:1px solid var(--forms-border);border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.hero-card{padding:44px 48px;border-top:8px solid var(--sh-primary);overflow:hidden}.hero-card:before{display:none}.eyebrow{margin-bottom:13px;color:var(--sh-primary);font-size:11px;font-weight:700;letter-spacing:.08em}.hero-card h1,.content-card h1,.admin-heading h1{margin:0 0 14px;color:#202020;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(31px,4vw,43px);font-weight:600;line-height:1.15;letter-spacing:-.025em}.hero-subtitle,.lead{margin:0 0 22px;color:#3d5d73;font-size:18px;line-height:1.45}.hero-card>p:not(.hero-subtitle){color:#525252;font-size:15px;line-height:1.6}.trust-row{display:flex;gap:8px;margin:26px 0;flex-wrap:wrap}.trust-row span{padding:6px 9px;border:0;border-radius:4px;background:#f1f3f5;color:#505050;font-size:12px;font-weight:600}.hero-aside,.brand-avant .hero-aside{min-height:0;padding:28px;background:#fff;color:#303030}.hero-aside h2{margin:18px 0 8px;color:#303030;font-size:20px}.hero-aside p{color:#606060;font-size:14px;line-height:1.55}.shield{width:42px;height:42px;border-radius:50%;background:#e6f1f8;color:var(--sh-primary);font-size:20px}
.button,.sh-button{min-height:40px;padding:0 18px;border-radius:4px!important;box-shadow:none!important;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:600;transform:none!important}.primary,.sh-button--primary{border:1px solid var(--sh-primary)!important;background:var(--sh-primary)!important;color:#fff!important}.primary:hover,.sh-button--primary:hover{background:var(--sh-primary-hover)!important}.secondary,.sh-button--outline-neutral{border:1px solid #aaa!important;background:#fff!important;color:#333!important}
.content-card{padding:40px 44px;border-top:8px solid var(--sh-primary)}.narrow{width:min(800px,100%)}.instruction-list{gap:10px;margin:28px 0}.instruction-list article{gap:16px;padding:16px;border:1px solid #e1e1e1;border-radius:5px;background:#fafafa}.instruction-list b,.question-number{width:30px;height:30px;border-radius:50%;background:var(--sh-primary);font-size:13px}.instruction-list h2{font-size:15px}.instruction-list p{font-size:14px}
.survey-card.forms-card.sh-wizard{display:block;width:min(820px,100%);min-height:0;margin:auto;padding:0;border-top:8px solid var(--sh-primary)}.progress-meta{padding:18px 34px 8px;color:#606060;font-size:12px}.sh-progress{height:4px;margin:0 34px;border-radius:2px;background:#e1e1e1}.sh-progress__bar{width:var(--sh-progress-value);height:100%;border-radius:2px;background:var(--sh-primary)}.forms-card form{padding:36px 34px 30px}.forms-card legend{display:flex;width:100%;gap:12px;align-items:flex-start;color:#252525;font-size:25px;font-weight:600;line-height:1.32;letter-spacing:-.01em}.field-help{margin:10px 0 22px;padding-left:42px;color:var(--forms-muted);font-size:14px}.optional-label{margin-left:auto;padding:4px 8px;border:0;border-radius:3px;background:#ededed;color:#666;font-size:11px}.alert{margin:17px 0;padding:11px 13px;border:1px solid #d13438;border-radius:4px;background:#fde7e9;color:#8b1d20}
input[type=text],input[type=email],textarea{width:100%;margin-top:20px;padding:12px 13px;border:1px solid #8a8886;border-radius:4px;background:#fff;color:#252525;font-family:"Segoe UI",Arial,sans-serif;font-size:16px;outline:0}textarea{min-height:130px}input:focus,textarea:focus{border-color:var(--sh-primary);box-shadow:0 0 0 2px rgba(23,105,170,.18)}
.options,.options.sh-survey-options,.options.sh-survey-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.option,.sh-survey-options label,.sh-survey-check-grid label{display:flex!important;min-height:54px;align-items:center;justify-items:initial!important;gap:12px;padding:12px 14px;border:1px solid #c8c6c4;border-radius:5px;background:#fff;box-shadow:none;cursor:pointer}.option:hover{border-color:#797775;background:#fafafa}.option:has(input:checked){border-color:var(--sh-primary);background:#edf5fa;box-shadow:0 0 0 1px var(--sh-primary)}.option input{position:absolute;opacity:0}.control{width:20px;height:20px;border:2px solid #676767;border-radius:3px;background:#fff}.option input[type=radio]+.control{border-radius:50%}.option input:checked+.control{border-color:var(--sh-primary);background:var(--sh-primary);box-shadow:inset 0 0 0 4px #fff}.option input[type=checkbox]:checked+.control{box-shadow:none}.other-field{margin-top:18px;padding:17px;border:1px solid #d0d0d0;border-radius:5px;background:#f8f8f8}.other-field textarea{margin-top:8px}.actions.sh-survey-actions{display:flex;justify-content:space-between;margin-top:30px;padding:20px 0 0;border-top:1px solid #e2e2e2;background:#fff}
.success-card{text-align:center}.success-icon{margin:0 auto 20px;border-radius:50%}.success-card h1{font-size:36px}
.admin-heading{margin:8px 0}.admin-heading h1{font-size:38px}.secure-badge,.status-pill{border-radius:3px}.stats-grid{gap:12px}.stats-grid article,.stats-grid .sh-card{padding:18px;border:1px solid var(--forms-border);border-radius:6px;box-shadow:none}.stats-grid strong{font-size:29px}.results-card{border-radius:7px}.results-toolbar{padding:20px}.search-form input[type=search]{border-radius:4px}.table-wrap{border-top:1px solid #ddd}th{background:#f3f3f3;color:#4f4f4f}th,td{padding:13px 16px}.detail-card{border-radius:7px}.answer-list article{border-radius:5px;background:#fafafa}
footer{color:#696969}
@media(max-width:820px){.page-shell:has(.hero-card){grid-template-columns:1fr}.options,.options.sh-survey-options,.options.sh-survey-check-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{padding:0 14px}.page-shell{width:calc(100% - 20px);padding:20px 0}.hero-card,.hero-aside,.content-card{padding:26px 22px}.forms-card form{padding:28px 20px}.progress-meta{padding-right:20px;padding-left:20px}.sh-progress{margin:0 20px}.forms-card legend{font-size:22px}.field-help{padding-left:0}.actions.sh-survey-actions{flex-direction:column-reverse}.actions .button{width:100%}.header-label{display:none}}
