/* Generated by build-home-diagnostic.py. Do not edit. */
#diagnostico #diag-form .wiz-head{
            display: flex; align-items: center; justify-content: space-between;
            gap: 16px;
            margin-bottom: 28px;
            padding-bottom: 18px;
            border-bottom: 1px solid var(--borde-sutil);
          }
#diagnostico #diag-form .wiz-meta{
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 11px;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--texto-suave);
          }
#diagnostico #diag-form .wiz-meta b{ color: var(--confianza); font-weight: 600; }
#diagnostico #diag-form .wiz-meta .num{ color: var(--accion); font-weight: 700; }
#diagnostico #diag-form .wiz-save{
            display: inline-flex; align-items: center; gap: 8px;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 10.5px;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--texto-suave);
            opacity: .65;
            transition: opacity .3s var(--ease-out);
          }
#diagnostico #diag-form .wiz-save .led{
            width: 6px; height: 6px; border-radius: 999px;
            background: #2e7d52;
          }
#diagnostico #diag-form .wiz-progress{
            position: relative;
            height: 3px;
            background: var(--borde-sutil);
            border-radius: 999px;
            overflow: hidden;
            margin-bottom: 28px;
          }
#diagnostico #diag-form .wiz-progress-fill{
            position: absolute; left: 0; top: 0; bottom: 0;
            background: linear-gradient(90deg, var(--accion), var(--acento));
            width: 20%;
            transition: width .4s var(--ease-out);
          }
#diagnostico #diag-form .wiz-step{ display: none; }
#diagnostico #diag-form .wiz-step.is-active{ display: block; animation: wizRise .4s var(--ease-out) both; }
@keyframes wizRise {
            from { opacity: 0; transform: translateY(8px); }
            to { opacity: 1; transform: translateY(0); }
          }
#diagnostico #diag-form .wiz-step h3{
            font-family: var(--font-display, "Georgia", serif);
            font-size: clamp(1.4rem, 2.6vw, 1.85rem);
            line-height: 1.2;
            letter-spacing: -.015em;
            color: var(--confianza);
            margin: 0 0 8px;
            font-weight: 600;
          }
#diagnostico #diag-form .wiz-step h3 em{
            font-style: italic; color: var(--accion); font-weight: 500;
          }
#diagnostico #diag-form .wiz-step .wiz-help{
            color: var(--texto-suave);
            font-size: .95rem;
            margin: 0 0 22px;
            max-width: 52ch;
          }
#diagnostico #diag-form .wiz-options{ display: grid; gap: 10px; }
#diagnostico #diag-form .wiz-options.cols-2{ grid-template-columns: repeat(2, 1fr); }
@media  (max-width: 560px) {#diagnostico #diag-form .wiz-options.cols-2{ grid-template-columns: 1fr; }}
#diagnostico #diag-form .wiz-opt{
            position: relative;
            display: flex; align-items: flex-start; gap: 14px;
            padding: 14px 16px;
            background: var(--fondo);
            border: 1px solid var(--borde-sutil);
            border-radius: 12px;
            cursor: pointer;
            transition: border-color .2s var(--ease-out), background .2s var(--ease-out), transform .15s var(--ease-out);
          }
#diagnostico #diag-form .wiz-opt:hover{ border-color: rgba(44, 62, 80, .25); background: #fff; }
#diagnostico #diag-form .wiz-opt input{ position: absolute; opacity: 0; pointer-events: none; }
#diagnostico #diag-form .wiz-opt .ind{
            flex-shrink: 0;
            width: 20px; height: 20px;
            border: 1.5px solid rgba(44, 62, 80, .25);
            border-radius: 999px;
            background: #fff;
            display: inline-flex; align-items: center; justify-content: center;
            margin-top: 2px;
            transition: all .2s var(--ease-out);
          }
#diagnostico #diag-form .wiz-opt .ind svg{
            width: 12px; height: 12px;
            opacity: 0; transform: scale(.6);
            transition: all .2s var(--ease-out);
            color: #fff;
          }
#diagnostico #diag-form .wiz-opt .opt-text{
            flex: 1;
            font-size: .98rem;
            color: var(--confianza);
            line-height: 1.4;
          }
#diagnostico #diag-form .wiz-opt .opt-text small{
            display: block; margin-top: 3px;
            color: var(--texto-suave);
            font-size: .82rem;
            line-height: 1.4;
          }
#diagnostico #diag-form .wiz-opt input:checked ~ .ind{
            background: var(--accion);
            border-color: var(--accion);
          }
#diagnostico #diag-form .wiz-opt input:checked ~ .ind svg{ opacity: 1; transform: scale(1); }
#diagnostico #diag-form .wiz-opt:has(input:checked){
            border-color: var(--accion);
            background: rgba(232, 101, 26, .08);
          }
#diagnostico #diag-form .wiz-field{ margin-bottom: 16px; }
#diagnostico #diag-form .wiz-field label{
            display: block;
            font-size: .8rem;
            font-weight: 600;
            color: var(--confianza);
            margin-bottom: 8px;
          }
#diagnostico #diag-form .wiz-field label .opt{
            font-weight: 400; color: var(--texto-suave); margin-left: 6px; font-size: .78rem;
          }
#diagnostico #diag-form .wiz-field input,#diagnostico #diag-form .wiz-field textarea{
            width: 100%;
            font: inherit;
            font-size: 1rem;
            color: var(--confianza);
            background: var(--fondo);
            border: 1px solid var(--borde-sutil);
            border-radius: 10px;
            padding: 12px 14px;
            transition: border-color .2s var(--ease-out), background .2s var(--ease-out), box-shadow .2s var(--ease-out);
          }
#diagnostico #diag-form .wiz-field textarea{
            min-height: 100px; resize: vertical; line-height: 1.5;
          }
#diagnostico #diag-form .wiz-field input:focus,#diagnostico #diag-form .wiz-field textarea:focus{
            outline: none;
            border-color: var(--accion);
            background: #fff;
            box-shadow: 0 0 0 3px rgba(232, 101, 26, .12);
          }
#diagnostico #diag-form .wiz-field.has-error input,#diagnostico #diag-form .wiz-field.has-error textarea{
            border-color: #c0392b; background: #fef6f4;
          }
#diagnostico #diag-form .wiz-field .wiz-err{
            display: none; margin-top: 6px; font-size: .82rem; color: #c0392b;
          }
#diagnostico #diag-form .wiz-field.has-error .wiz-err{ display: block; }
#diagnostico #diag-form .wiz-options.has-error .wiz-opt{
            border-color: #c0392b;
            background: #fef6f4;
          }
#diagnostico #diag-form .wiz-options.has-error::after{
            content: "Selecciona una opción para continuar.";
            display: block;
            margin-top: 10px;
            font-size: .82rem;
            color: #c0392b;
          }
#diagnostico #diag-form .wiz-actions{
            display: flex; align-items: center; justify-content: space-between;
            gap: 12px;
            margin-top: 28px;
            padding-top: 22px;
            border-top: 1px solid var(--borde-sutil);
          }
#diagnostico #diag-form .wiz-actions .right{ display: inline-flex; gap: 10px; }
#diagnostico #diag-form .wiz-btn{
            display: inline-flex; align-items: center; gap: 8px;
            padding: 12px 20px;
            font-family: inherit;
            font-size: .98rem;
            font-weight: 500;
            border-radius: 999px;
            border: 1px solid transparent;
            cursor: pointer;
            transition: transform .15s var(--ease-out), background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);
          }
#diagnostico #diag-form .wiz-btn svg{ width: 15px; height: 15px; }
#diagnostico #diag-form .wiz-primary{
            background: var(--confianza); color: #fff; border-color: var(--confianza);
          }
#diagnostico #diag-form .wiz-primary:hover{ background: var(--accion); border-color: var(--accion); transform: translateY(-1px); }
#diagnostico #diag-form .wiz-primary:disabled{ opacity: .35; cursor: not-allowed; transform: none; background: var(--confianza); }
#diagnostico #diag-form .wiz-ghost{
            background: transparent; color: var(--confianza); border-color: rgba(44, 62, 80, .22);
          }
#diagnostico #diag-form .wiz-ghost:hover{ background: #fff; border-color: var(--confianza); }
#diagnostico #diag-form .wiz-ghost:disabled{ opacity: .35; cursor: not-allowed; }
#diagnostico #diag-form .wiz-segment{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
          }
@media  (max-width: 520px) {#diagnostico #diag-form .wiz-segment{ grid-template-columns: 1fr; }}
#diagnostico #diag-form .wiz-segment label{
            position: relative;
            display: flex; flex-direction: column; align-items: center;
            gap: 14px;
            padding: 28px 20px;
            background: var(--fondo);
            border: 1.5px solid var(--borde-sutil);
            border-radius: 14px;
            cursor: pointer;
            text-align: center;
            transition: all .25s var(--ease-out);
          }
#diagnostico #diag-form .wiz-segment label:hover{
            border-color: rgba(44, 62, 80, .3); background: #fff;
            transform: translateY(-2px);
          }
#diagnostico #diag-form .wiz-segment input{ position: absolute; opacity: 0; pointer-events: none; }
#diagnostico #diag-form .wiz-segment .ico{
            width: 56px; height: 56px;
            border-radius: 14px;
            background: rgba(232, 101, 26, .1);
            color: var(--accion);
            display: inline-flex; align-items: center; justify-content: center;
            transition: all .25s var(--ease-out);
          }
#diagnostico #diag-form .wiz-segment .ico svg{ width: 28px; height: 28px; }
#diagnostico #diag-form .wiz-segment .seg-title{ font-weight: 600; color: var(--confianza); font-size: 1.05rem; }
#diagnostico #diag-form .wiz-segment .seg-sub{ font-size: .85rem; color: var(--texto-suave); line-height: 1.4; }
#diagnostico #diag-form .wiz-segment label:has(input:checked){
            border-color: var(--accion);
            background: rgba(232, 101, 26, .06);
            box-shadow: 0 0 0 4px rgba(232, 101, 26, .08);
          }
#diagnostico #diag-form .wiz-segment label:has(input:checked) .ico{ background: var(--accion); color: #fff; }
#diagnostico #diag-form .wiz-chips{
            display: flex; flex-wrap: wrap; gap: 8px;
            margin-top: 4px;
          }
#diagnostico #diag-form .wiz-chip{
            position: relative;
            display: inline-flex; align-items: center; gap: 7px;
            padding: 9px 14px;
            background: var(--fondo);
            border: 1px solid var(--borde-sutil);
            border-radius: 999px;
            cursor: pointer;
            font-size: .9rem;
            color: var(--confianza);
            transition: all .2s var(--ease-out);
            user-select: none;
          }
#diagnostico #diag-form .wiz-chip:hover{ border-color: rgba(44, 62, 80, .3); background: #fff; }
#diagnostico #diag-form .wiz-chip input{ position: absolute; opacity: 0; pointer-events: none; }
#diagnostico #diag-form .wiz-chip .chip-dot{
            width: 14px; height: 14px; border-radius: 999px;
            border: 1.5px solid rgba(44, 62, 80, .3);
            background: #fff;
            display: inline-flex; align-items: center; justify-content: center;
            transition: all .2s var(--ease-out);
            flex-shrink: 0;
          }
#diagnostico #diag-form .wiz-chip .chip-dot svg{
            width: 9px; height: 9px; color: #fff; opacity: 0; transform: scale(.5);
            transition: all .2s var(--ease-out);
          }
#diagnostico #diag-form .wiz-chip input:checked ~ .chip-dot{ background: var(--accion); border-color: var(--accion); }
#diagnostico #diag-form .wiz-chip input:checked ~ .chip-dot svg{ opacity: 1; transform: scale(1); }
#diagnostico #diag-form .wiz-chip:has(input:checked){
            background: rgba(232, 101, 26, .08);
            border-color: var(--accion);
          }
#diagnostico #diag-form .wiz-levels{ display: grid; gap: 10px; }
#diagnostico #diag-form .wiz-level{
            position: relative;
            display: flex; align-items: flex-start; gap: 14px;
            padding: 16px 18px;
            background: var(--fondo);
            border: 1px solid var(--borde-sutil);
            border-radius: 12px;
            cursor: pointer;
            transition: all .2s var(--ease-out);
          }
#diagnostico #diag-form .wiz-level:hover{ border-color: rgba(44, 62, 80, .25); background: #fff; }
#diagnostico #diag-form .wiz-level input{ position: absolute; opacity: 0; pointer-events: none; }
#diagnostico #diag-form .wiz-level .emoji{
            font-size: 1.4rem; line-height: 1; flex-shrink: 0;
            width: 38px; height: 38px;
            display: inline-flex; align-items: center; justify-content: center;
            background: rgba(232, 101, 26, .08);
            border-radius: 10px;
          }
#diagnostico #diag-form .wiz-level .lvl-body{ flex: 1; }
#diagnostico #diag-form .wiz-level .lvl-title{ font-weight: 600; color: var(--confianza); font-size: .98rem; margin-bottom: 2px; }
#diagnostico #diag-form .wiz-level .lvl-sub{ font-size: .85rem; color: var(--texto-suave); line-height: 1.4; }
#diagnostico #diag-form .wiz-level:has(input:checked){
            border-color: var(--accion);
            background: rgba(232, 101, 26, .06);
          }
#diagnostico #diag-form .wiz-rs-handle{ margin-top: 12px; display: none; }
#diagnostico #diag-form .wiz-rs-handle.is-visible{ display: block; animation: wizRise .3s var(--ease-out) both; }
#diagnostico #diag-form .wiz-step[data-only="empresa"],#diagnostico #diag-form .wiz-step[data-only="profesional"]{  }
#diagnostico body{padding:0}
#diagnostico main.container{max-width:940px;padding-top:32px;padding-bottom:40px}
#diagnostico .preview-notice{padding:16px;background:#fff0df;color:#2c3e50}
#diagnostico header{padding:20px 0}
#diagnostico .diag-steps{display:flex;gap:16px;list-style:none;padding:0;margin:24px 0;flex-wrap:wrap}
#diagnostico .diag-steps [aria-current=step]{color:var(--accion);font-weight:700}
#diagnostico #diag-form fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}
#diagnostico #diag-form legend{font-weight:600;margin-bottom:12px}
#diagnostico #diag-form select{font:inherit;width:100%;padding:12px 14px;border:1px solid var(--borde-sutil);border-radius:10px;background:var(--fondo);color:var(--confianza)}
#diagnostico #diag-form .wiz-err{display:block;color:#a52820;font-size:.85rem}
#diagnostico #diag-form .wiz-err:empty{display:none}
#diagnostico #diag-form .wiz-opt:focus-within,#diagnostico #diag-form .wiz-chip:focus-within{outline:3px solid var(--accion);outline-offset:3px}
#diagnostico #diag-form .likert-options{display:flex;justify-content:space-between;gap:8px}
#diagnostico #diag-form .likert-options label{flex:1;justify-content:center;min-height:48px;padding:10px 0}
#diagnostico #diag-form .likert-labels{display:flex;justify-content:space-between;gap:15px;font-size:.8rem;margin:5px 0 20px}
#diagnostico #diag-form .likert-labels span:last-child{text-align:right}
#diagnostico #diag-form [hidden]{display:none!important}
#diagnostico .diag-error{color:#a52820}
#diagnostico #diag-form .consent input{width:24px;height:24px;flex:none;accent-color:var(--accion)}
#diagnostico #diag-form .consent{display:flex;align-items:start;gap:12px}
#diagnostico #diag-form .consent label{font-size:.9rem}
#diagnostico .preview-agenda{display:flex;gap:12px;flex-wrap:wrap}
#diagnostico footer{margin:24px 0}
#diagnostico .cta-card{max-width:100%;box-sizing:border-box}
#diagnostico input,#diagnostico select,#diagnostico textarea{max-width:100%}
@media (max-width:560px){#diagnostico main.container{padding:20px 16px}
#diagnostico .cta-card{padding:20px 16px}
#diagnostico #diag-form .wiz-actions{flex-wrap:wrap}
#diagnostico #diag-form .wiz-btn{font-size:.9rem;padding:12px 16px}
#diagnostico .diag-steps{font-size:.85rem;gap:12px}}
#diagnostico body{ background:#fff8f0; color:#2c3e50; font-family:Inter,system-ui,sans-serif; }
#diagnostico .preview-notice{ background:#2c3e50; color:#fff8f0; text-align:center; padding:8px 20px; font-size:11px; line-height:1.6; letter-spacing:.015em; }
#diagnostico .preview-notice strong{ color:#ffbd92; }
#diagnostico .preview-notice .preview-detail{ margin-left:10px; opacity:.85; }
#diagnostico .site-top{ max-width:1240px; margin:0 auto; padding:27px 40px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e8ddd0; }
#diagnostico .site-top .brand{ display:block; }
#diagnostico .site-top .brand img{ width:185px; height:auto; max-height:60px; object-fit:contain; }
#diagnostico .site-top .top-label{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#5a6470; }
#diagnostico main.container{ max-width:1240px; padding:62px 40px 32px; }
#diagnostico .diag-layout{ display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:64px; align-items:start; }
#diagnostico .diag-intro{ padding-top:36px; }
#diagnostico .intro-line{ width:42px; height:3px; background:#e8651a; margin-bottom:28px; }
#diagnostico .diag-intro h1{ font:500 clamp(40px,4.2vw,57px)/1.08 Georgia,"Times New Roman",serif; letter-spacing:-.045em; max-width:440px; text-wrap:initial; }
#diagnostico .diag-intro h1 em{ color:#e8651a; font-weight:400; }
#diagnostico .diag-intro .intro-copy{ margin-top:24px; color:#5a6470; font-size:16px; line-height:1.85; max-width:365px; }
#diagnostico .intro-facts{ display:flex; gap:9px; flex-wrap:wrap; margin-top:26px; }
#diagnostico .intro-facts span{ display:inline-flex; align-items:center; gap:7px; border:1px solid #e8ddd0; padding:7px 11px; border-radius:30px; font-size:11px; color:#5a6470; background:#fffcf8; }
#diagnostico .intro-facts svg{ width:14px; height:14px; color:#e8651a; }
#diagnostico .intro-signature{ margin-top:50px; display:flex; gap:13px; align-items:center; padding-top:24px; border-top:1px solid #e8ddd0; }
#diagnostico .intro-signature .monogram{ flex:none; display:grid; place-items:center; height:43px; width:43px; border-radius:50%; background:#2c3e50; color:#fff8f0; font:20px Georgia,serif; }
#diagnostico .intro-signature p{ font-size:12px; line-height:1.75; color:#5a6470; }
#diagnostico .intro-signature strong{ color:#2c3e50; font-weight:600; }
#diagnostico .form-shell{ min-width:0; }
#diagnostico .cta-card{ padding:0!important; border:1px solid #e8ddd0; border-radius:22px; background:white; box-shadow:0 16px 45px -20px rgba(44,62,80,.19),0 2px 6px rgba(44,62,80,.025); max-width:100%; overflow:hidden; }
#diagnostico .diag-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:0; padding:24px 26px 22px; list-style:none; border-bottom:1px solid #eee7de; background:#fdfbf8; }
#diagnostico .diag-steps li{ display:flex; align-items:center; gap:9px; color:#858c94; font-size:11px; font-weight:500; line-height:1.4; }
#diagnostico .diag-steps .step-number{ width:27px; height:27px; flex:none; border:1px solid #dedbd6; border-radius:50%; display:grid; place-items:center; font-size:10px; font-family:ui-monospace,monospace; }
#diagnostico .diag-steps [aria-current=step]{ color:#2c3e50; font-weight:600; }
#diagnostico .diag-steps [aria-current=step] .step-number{ border-color:#e8651a; color:white; background:#e8651a; box-shadow:0 0 0 4px #e8651a0c; }
#diagnostico .diag-steps .is-complete .step-number{ background:#2c3e50; border-color:#2c3e50; color:white; }
#diagnostico #diag-form{ padding:28px 34px 30px; }
#diagnostico #diag-form .wiz-head{ margin-bottom:18px; padding-bottom:0; border:0; gap:8px; }
#diagnostico #diag-form .wiz-meta{ font-size:10px; letter-spacing:.1em; }
#diagnostico #diag-form .time-note{ display:flex; gap:6px; align-items:center; color:#77818a; font-size:11px; }
#diagnostico #diag-form .time-note svg{ height:13px; width:13px; }
#diagnostico #diag-form .wiz-progress{ height:2px; margin-bottom:27px; background:#f0e8df; }
#diagnostico #diag-form .wiz-step h3{ font:500 30px/1.18 Georgia,serif; letter-spacing:-.025em; margin:0 0 8px; }
#diagnostico #diag-form .wiz-help{ color:#7c858f; font-size:13px; margin-bottom:24px; }
#diagnostico #diag-form .wiz-field{ margin-bottom:19px; }
#diagnostico #diag-form .wiz-field label{ font-size:12px; font-weight:600; margin-bottom:8px; }
#diagnostico #diag-form .wiz-field input,#diagnostico #diag-form .wiz-field textarea,#diagnostico #diag-form select{ border:1px solid #e5ded5; background:#fffdfa; color:#2c3e50; border-radius:9px; min-height:49px; padding:12px 14px; font:400 15px/1.5 Inter,system-ui,sans-serif; transition:border-color .15s,box-shadow .15s; }
#diagnostico #diag-form .wiz-field input:focus,#diagnostico #diag-form .wiz-field textarea:focus,#diagnostico #diag-form select:focus{ border-color:#e8651a; background:white; box-shadow:0 0 0 3px #e8651a0c; outline:none; }
#diagnostico #diag-form .wiz-field small{ display:block; margin-top:7px; color:#858b91; font-size:11px; }
#diagnostico #diag-form legend{ font-size:14px; line-height:1.5; margin-bottom:12px; }
#diagnostico #diag-form .wiz-options{ gap:9px; }
#diagnostico #diag-form .wiz-opt{ border-radius:11px; padding:14px; background:#fffcf8; }
#diagnostico #diag-form .wiz-opt .opt-text{ font-size:13px; line-height:1.5; }
#diagnostico #diag-form .wiz-opt input:checked ~ .opt-text{ color:#a8440f; }
#diagnostico #diag-form .wiz-opt:has(input:checked){ background:#fff4e9; border-color:#e8651a; }
#diagnostico #diag-form .wiz-opt:has(input[type=checkbox]) .ind{ border-radius:5px; }
#diagnostico #diag-form .work-options{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:24px; }
#diagnostico #diag-form .work-options .wiz-opt{ flex-direction:column; gap:16px; padding:20px 16px; text-align:left; min-height:136px; }
#diagnostico #diag-form .work-options .work-icon{ width:39px; height:39px; background:#fbeadd; color:#e8651a; border-radius:10px; padding:9px; }
#diagnostico #diag-form .work-options .ind{ position:absolute; right:14px; top:13px; width:17px; height:17px; }
#diagnostico #diag-form .work-options .opt-text{ font-weight:600; max-width:170px; }
#diagnostico #diag-form .work-options label:has(input:checked) .work-icon{ background:#e8651a; color:#fff; }
#diagnostico #diag-form .consent{ background:#faf7f3; border:1px solid #eee7dd; border-radius:11px; padding:15px; gap:12px; margin-top:26px; }
#diagnostico #diag-form .consent input{ width:20px; height:20px; min-height:20px; padding:0; }
#diagnostico #diag-form .consent label{ font-size:11px; line-height:1.8; font-weight:400; margin:0; }
#diagnostico #diag-form .consent + a{ display:inline-block; margin-top:8px; font-size:11px; }
#diagnostico #diag-form .wiz-actions{ margin-top:26px; padding-top:22px; gap:12px; }
#diagnostico #diag-form .wiz-btn{ min-height:46px; padding:12px 20px; font-size:13px; }
#diagnostico #diag-form #next{ margin-left:auto; gap:18px; }
#diagnostico #diag-form #next::after{ content:"→"; font-size:18px; line-height:1; }
#diagnostico #diag-form #next:disabled{ opacity:.4; }
#diagnostico #diag-form .likert-options{ gap:7px; }
#diagnostico #diag-form .likert-options .wiz-opt{ min-width:0; padding:12px 0; text-align:center; }
#diagnostico #diag-form .likert-options .opt-text{ flex:initial; font-size:15px; font-family:ui-monospace,monospace; }
#diagnostico #diag-form .likert-options .wiz-opt:has(input:checked){ background:#2c3e50; border-color:#2c3e50; }
#diagnostico #diag-form .likert-options .wiz-opt input:checked ~ .opt-text{ color:white; }
#diagnostico #diag-form .likert-labels{ color:#858b91; font-size:10px; margin:7px 0 24px; }
#diagnostico #diag-form .wiz-err,#diagnostico .diag-error{ font-size:12px; }
#diagnostico #diag-form .has-error input,#diagnostico #diag-form .has-error select{ border-color:#bd3a2b; }
#diagnostico #diag-form #booking-confirmation{ border-left:3px solid #e8651a; padding:12px 14px; background:#fff8f0; font-size:13px; margin:0 0 16px; }
#diagnostico #diag-form #booking-confirmation + p{ font-size:13px; color:#5a6470; margin-bottom:24px; }
#diagnostico .footer-note{ margin:20px 0 0; display:flex; justify-content:space-between; gap:16px; color:#858b91; font-size:11px; }
#diagnostico .footer-note a{ color:#697581; }
#diagnostico .mobile-trust{ display:none; }
#diagnostico #diag-form .agenda-meta{ display:flex; gap:12px; flex-wrap:wrap; margin:12px 0 22px; font-size:11px; color:#7b858e; }
#diagnostico #diag-form .agenda-meta span{ display:flex; gap:5px; align-items:center; }
#diagnostico #diag-form .agenda-meta svg{ width:13px; height:13px; color:#e8651a; }
#diagnostico #booking-person{ font-size:11px; overflow-wrap:anywhere; padding:11px 13px; background:#faf7f3; border:1px solid #eee7de; border-radius:8px; margin:18px 0 23px; }
#diagnostico .agenda-layout{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr); gap:22px; }
#diagnostico .calendar-panel{ min-width:0; }
#diagnostico .month-heading{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:17px; }
#diagnostico #diag-form .month-heading h4{ font-size:14px; font-weight:600; text-transform:capitalize; }
#diagnostico .month-nav{ display:flex; gap:5px; }
#diagnostico .month-nav button{ width:32px; height:32px; border:1px solid #e8ddd0; border-radius:50%; background:white; color:#2c3e50; display:grid; place-items:center; padding:7px; }
#diagnostico .month-nav button:disabled{ opacity:.3; cursor:default; }
#diagnostico .calendar-week,#diagnostico .calendar-grid{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
#diagnostico .calendar-week{ margin-bottom:7px; }
#diagnostico .calendar-week span{ font:10px/24px ui-monospace,monospace; color:#89919a; text-align:center; }
#diagnostico .calendar-grid button{ position:relative; border:1px solid transparent; background:#fff9f2; color:#2c3e50; border-radius:8px; aspect-ratio:1; padding:0; font-size:12px; min-width:0; }
#diagnostico .calendar-grid button::after{ content:""; position:absolute; width:3px; height:3px; border-radius:50%; bottom:4px; left:calc(50% - 1.5px); background:#e8651a; }
#diagnostico .calendar-grid button:disabled{ color:#b8bfc3; background:transparent; cursor:default; }
#diagnostico .calendar-grid button:disabled::after{ display:none; }
#diagnostico .calendar-grid button[aria-pressed=true]{ background:#e8651a; color:#fff; border-color:#e8651a; box-shadow:0 3px 8px #e8651a25; }
#diagnostico .calendar-grid button[aria-pressed=true]::after{ background:#fff; }
#diagnostico .calendar-grid button:not(:disabled):hover{ border-color:#e8651a; }
#diagnostico .calendar-key{ display:flex; align-items:center; gap:7px; margin-top:13px; font-size:10px; color:#89919a; }
#diagnostico .calendar-key::before{ content:""; width:4px; height:4px; background:#e8651a; border-radius:50%; }
#diagnostico .time-panel{ border-left:1px solid #efe8df; padding-left:20px; min-width:0; }
#diagnostico #diag-form .time-panel h4{ font-size:12px; font-weight:600; text-transform:capitalize; margin:7px 0 16px; line-height:1.5; }
#diagnostico .time-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
#diagnostico .time-grid button{ padding:10px 2px; min-height:40px; background:white; color:#2c3e50; border:1px solid #e8ddd0; border-radius:7px; font:11px ui-monospace,monospace; }
#diagnostico .time-grid button:hover{ border-color:#e8651a; }
#diagnostico .time-grid button[aria-pressed=true]{ color:white; background:#2c3e50; border-color:#2c3e50; }
#diagnostico .booking-summary{ display:flex; gap:11px; align-items:center; margin-top:23px; padding:13px 15px; border:1px solid #f0d4ba; background:#fff8ee; border-radius:10px; }
#diagnostico .booking-summary svg{ width:18px; height:18px; color:#e8651a; flex:none; }
#diagnostico .booking-summary p{ font-size:12px; font-weight:500; line-height:1.6; text-transform:capitalize; }
#diagnostico #diag-form .agenda-info{ font-size:11px; line-height:1.7; color:#858b91; margin-top:18px; }
@media (min-width:1000px) {#diagnostico body.is-agenda .diag-layout{ grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:48px; }
#diagnostico body.is-agenda .diag-intro h1{ font-size:49px; }}
@media (max-width:900px) {#diagnostico main.container{ padding:34px 24px; max-width:740px; }
#diagnostico .diag-layout{ grid-template-columns:1fr; gap:28px; }
#diagnostico .diag-intro{ padding:0; }
#diagnostico .diag-intro h1{ font-size:42px; max-width:none; }
#diagnostico .diag-intro .intro-copy{ max-width:570px; margin-top:16px; font-size:14px; line-height:1.8; }
#diagnostico .intro-line{ margin-bottom:18px; }
#diagnostico .intro-facts{ margin-top:18px; }
#diagnostico .intro-signature{ display:none; }
#diagnostico .mobile-trust{ display:block; font-size:12px; line-height:1.8; color:#6b7783; margin-top:24px; }
#diagnostico .site-top{ padding:20px 24px; }}
@media (max-width:560px) {#diagnostico .preview-notice{ font-size:10px; padding:6px 12px; }
#diagnostico .preview-detail{ display:none; }
#diagnostico .site-top{ padding:17px 20px; }
#diagnostico .site-top .brand img{ width:151px; }
#diagnostico .site-top .top-label{ font-size:8px; max-width:75px; text-align:right; line-height:1.6; }
#diagnostico main.container{ padding:28px 16px 24px; }
#diagnostico .diag-layout{ gap:24px; }
#diagnostico .diag-intro{ padding:0 5px; }
#diagnostico .diag-intro h1{ font-size:37px; line-height:1.12; letter-spacing:-.04em; }
#diagnostico .diag-intro .intro-copy{ font-size:13px; line-height:1.8; margin-top:14px; }
#diagnostico .intro-line{ width:30px; height:2px; margin-bottom:16px; }
#diagnostico .intro-facts{ margin-top:16px; gap:6px; }
#diagnostico .intro-facts span{ font-size:9px; padding:5px 9px; }
#diagnostico .cta-card{ border-radius:17px; }
#diagnostico .diag-steps{ padding:19px 16px; gap:8px; }
#diagnostico .diag-steps li{ flex-direction:column; align-items:flex-start; gap:8px; font-size:10px; }
#diagnostico .diag-steps .step-number{ width:25px; height:25px; font-size:9px; }
#diagnostico #diag-form{ padding:23px 20px 24px; }
#diagnostico #diag-form .wiz-step h3{ font-size:27px; }
#diagnostico #diag-form .wiz-field input,#diagnostico #diag-form .wiz-field textarea,#diagnostico #diag-form select{ font-size:16px; }
#diagnostico #diag-form .wiz-head{ margin-bottom:16px; }
#diagnostico #diag-form .wiz-progress{ margin-bottom:24px; }
#diagnostico #diag-form .wiz-meta{ font-size:9px; }
#diagnostico #diag-form .time-note{ font-size:10px; }
#diagnostico #diag-form .work-options{ grid-template-columns:1fr; gap:10px; }
#diagnostico #diag-form .work-options .wiz-opt{ flex-direction:row; align-items:center; padding:17px 14px; gap:13px; min-height:82px; }
#diagnostico #diag-form .work-options .ind{ top:calc(50% - 9px); }
#diagnostico #diag-form .work-options .opt-text{ padding-right:17px; font-size:12px; }
#diagnostico #diag-form .work-options .work-icon{ flex:none; }
#diagnostico .agenda-layout{ grid-template-columns:1fr; gap:22px; }
#diagnostico .calendar-grid{ gap:5px; }
#diagnostico .calendar-grid button{ min-height:39px; font-size:12px; }
#diagnostico .month-nav button{ width:40px; height:40px; }
#diagnostico #diag-form .month-heading h4{ font-size:15px; }
#diagnostico .time-panel{ border-left:0; border-top:1px solid #efe8df; padding:20px 0 0; }
#diagnostico #diag-form .time-panel h4{ margin:0 0 13px; font-size:13px; }
#diagnostico .time-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#diagnostico .time-grid button{ min-height:44px; font-size:12px; }
#diagnostico #diag-form #next{ font-size:12px; padding:12px 17px; gap:10px; }
#diagnostico #diag-form .wiz-btn{ padding:12px 13px; font-size:12px; }
#diagnostico .footer-note{ font-size:10px; flex-wrap:wrap; gap:7px; }}
@media (prefers-reduced-motion:reduce) {#diagnostico #diag-form .wiz-step{ animation:none; }}
#diagnostico .form-shell{max-width:760px;margin:32px auto 0}#diagnostico #diag-form{scroll-margin-top:100px}