:root{--ink:#2d2924;--muted:#766e64;--brand:#3b2d1f;--soft:#f5f1ea;--line:#e6ded3;--gold:#b7a58b}*{box-sizing:border-box}body{margin:0;background:#f7f4ef;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.hero-survey{height:360px;background:url('../img/vacas-fondo.png') center/cover no-repeat;position:relative;border-bottom-left-radius:50% 7%;border-bottom-right-radius:50% 7%;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.42))}.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.4)}.hero-logo{width:150px;max-width:34vw;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35));margin-bottom:14px}.hero-content h1{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:.08em;text-transform:uppercase;margin:0}.hero-content p{font-size:1.15rem;letter-spacing:.25em;margin:.4rem 0 0}.survey-shell{max-width:1120px;margin:34px auto 70px;padding:0 22px}.progress-wrap{background:white;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 12px 36px rgba(43,34,24,.07);margin-bottom:26px}.progress-label{display:flex;justify-content:space-between;font-weight:700;margin-bottom:10px}.progress{height:10px;background:#eee7dc;border-radius:99px;overflow:hidden}.progress-bar{height:100%;background:var(--brand);width:0;transition:.35s}.wizard-step{display:none}.wizard-step.active{display:block}.intro-card,.state-card,.section-head,.question-card,.axis-block,.open-card,.plan-card,.form-grid-card,.summary-placeholder,.instruction-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 44px rgba(43,34,24,.08)}.intro-card,.state-card{padding:46px 34px}.text-center{text-align:center}.intro-card h2,.state-card h1,.section-head h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 14px}.muted,.section-head p{color:var(--muted)}.btn-main,.btn-soft{border:0;border-radius:14px;padding:14px 24px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-main{background:var(--brand);color:#fff}.btn-soft{background:#fff;color:var(--brand);border:1px solid var(--line)}.section-head{padding:28px 32px;margin-bottom:20px}.form-grid-card{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid-card label,.login-card label,.open-card label{font-weight:700}.form-grid-card input,.login-card input,.add-grid input{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff}.instruction-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:24px}.instruction-card{padding:20px}.instruction-card strong{display:inline-grid;place-items:center;width:36px;height:36px;background:#c7b89f;color:#fff;border-radius:50%;margin-bottom:10px}.axis-block{padding:22px;margin-bottom:22px}.axis-block h3{font-size:1.25rem;margin:0 0 16px}.question-card{padding:18px;margin-bottom:14px;display:grid;grid-template-columns:54px 1fr 320px;gap:16px;align-items:center}.q-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#c7b89f;color:white;font-weight:800}.q-text{font-weight:650;line-height:1.45}.scale-row{display:flex;justify-content:space-between;gap:8px}.scale-pill{display:grid;place-items:center;gap:5px;font-weight:800;color:#4a4035}.scale-pill input{width:20px;height:20px;accent-color:var(--brand)}.question-card textarea,.open-card textarea,.plan-card textarea{grid-column:2 / -1;width:100%;min-height:72px;border:1px solid var(--line);border-radius:14px;padding:12px;resize:vertical;background:#fff}.open-card,.plan-card{padding:20px;margin-bottom:16px}.open-card textarea{margin-top:10px;min-height:120px}.plan-card textarea{min-height:96px}.nav-actions{display:flex;justify-content:space-between;gap:14px;margin-top:24px}.summary-placeholder{padding:28px;color:var(--muted)}.state-card{max-width:720px;margin:90px auto;text-align:center}.success{border-color:#c9dcc8}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f7f4ef,#e8dfd1)}.login-card{width:min(430px,92vw);padding:34px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px rgba(43,34,24,.12);display:grid;gap:15px}.login-card img{width:86px;margin:auto}.login-card h1,.login-card p{text-align:center;margin:0}.login-card small{text-align:center;color:var(--muted)}.alert-error,.alert-ok{border-radius:14px;padding:12px 14px;margin-bottom:14px}.alert-error{background:#fee2e2;color:#991b1b}.alert-ok{background:#dcfce7;color:#166534}.admin-shell{max-width:1320px;margin:0 auto;padding:30px 22px}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.admin-actions,.row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi,.admin-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 36px rgba(43,34,24,.06)}.kpi{padding:18px}.kpi span{display:block;color:var(--muted);font-size:.9rem}.kpi strong{font-size:2rem}.bi-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px}.admin-card{padding:20px;overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table th{text-align:left;color:var(--muted);font-size:.88rem}.badge{background:#f0eadf;color:#3b2d1f;border-radius:999px;padding:6px 10px}.add-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.row-actions form{display:inline}.row-actions button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 10px}code{background:#f4efe7;border-radius:8px;padding:4px 6px;color:#5b4631}@media(max-width:900px){.question-card{grid-template-columns:48px 1fr}.scale-row{grid-column:1/-1}.question-card textarea{grid-column:1/-1}.form-grid-card,.instruction-grid,.bi-grid,.add-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-head{display:block}.hero-survey{height:290px}.hero-logo{width:120px}}@media(max-width:560px){.kpi-grid{grid-template-columns:1fr}.nav-actions{flex-direction:column}.hero-content p{letter-spacing:.12em}.survey-shell{padding:0 12px}.question-card{padding:14px}}

/* Resumen automático y validación obligatoria */
.validation-box {
    display: none;
    position: sticky;
    top: 12px;
    z-index: 50;
    margin: 0 auto 18px auto;
    max-width: 980px;
    padding: 14px 18px;
    border: 1px solid #c9973d;
    border-radius: 14px;
    background: #fff8e8;
    color: #3b2a11;
    box-shadow: 0 12px 32px rgba(42, 28, 10, .14);
    font-weight: 700;
}

.validation-box.show {
    display: block;
}

.question-card.missing-answer {
    border: 2px solid #c9973d;
    background: #fffaf0;
    box-shadow: 0 14px 34px rgba(201, 151, 61, .18);
}

.required-missing input,
.required-missing textarea {
    border-color: #c9973d !important;
    background: #fffaf0 !important;
    box-shadow: 0 0 0 4px rgba(201, 151, 61, .14);
}

.summary-table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(30, 25, 18, .08);
    background: #fff;
}

.summary-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: .92rem;
}

.summary-table th {
    background: #142734;
    color: #fff;
    text-align: center;
    padding: 12px 10px;
    border: 1px solid #142734;
    font-weight: 800;
}

.summary-table th:nth-child(2),
.summary-table td:nth-child(2) {
    text-align: left;
    min-width: 280px;
}

.summary-table td {
    border: 1px solid #d8d8d8;
    padding: 10px;
    text-align: center;
    color: #1d252b;
}

.summary-table tbody tr:nth-child(even):not(.summary-global-row) {
    background: #eef3f5;
}

.summary-score {
    font-weight: 800;
}

.summary-empty {
    background: #f7f7f7;
}

.summary-average {
    background: #d1b65d;
    color: #111;
    font-weight: 900;
}

.summary-priority {
    font-weight: 900;
    font-size: 1.1rem;
}

.priority-row .summary-priority {
    color: #142734;
    background: #f0df9a;
}

.summary-global-row td {
    background: #142734;
    color: #fff;
    font-weight: 900;
    text-align: left;
}

.summary-global-row .summary-global-average {
    background: #d1b65d;
    color: #111;
    text-align: center;
}

.summary-note {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f6f1e8;
    color: #4d4439;
    font-size: .94rem;
}

/* Encabezado de ejes dentro del formulario */
.axis-title {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 18px;
    padding: 16px 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, #142734, #263b45);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.axis-title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    padding: 9px 12px;
    border-radius: 999px;
    background: #c7b89f;
    color: #142734;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.axis-title h3 {
    margin: 0;
    font-size: clamp(1.05rem, 2vw, 1.45rem);
    line-height: 1.25;
    letter-spacing: .02em;
}

.summary-axis-name strong {
    display: inline-flex;
    margin-right: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #142734;
    color: #fff;
    font-size: .72rem;
    letter-spacing: .06em;
    vertical-align: middle;
}

.summary-axis-name span {
    vertical-align: middle;
}

/* Pie visual tipo campo: imagen banner sin deformación */
.survey-landscape-footer {
    height: 150px;
    margin-top: 42px;
    overflow: hidden;
    pointer-events: none;
    background-image: linear-gradient(180deg, #f7f4ef 0%, rgba(247,244,239,0) 32%), url('../img/footer-fossa-final.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.survey-landscape-footer::before,
.survey-landscape-footer::after {
    content: none;
}

.footer-hills,
.footer-fence,
.footer-tree { display: none; }

.start-shell{max-width:760px;margin-top:-72px;position:relative;z-index:2}.start-card{text-align:center}.start-logo{width:94px;height:auto;object-fit:contain;margin:0 auto 16px;display:block}.start-form{display:grid;gap:16px;margin-top:22px;text-align:left}.start-form label{font-weight:800;color:#3b2d1f}.start-form input,.user-grid input,.user-grid select,.admin-table input,.admin-table select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fff}.start-form .btn-main{width:100%;margin-top:4px}.resume-note{margin:-10px 0 20px;padding:12px 16px;border:1px solid #e4d4b8;border-radius:14px;background:#fff8ec;color:#5b4327;font-weight:800}.user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.check-row{display:flex;gap:8px;align-items:center;font-weight:800}.check-row input{width:auto}.user-grid button{align-self:stretch}

@media(max-width:900px){
    .axis-title{align-items:flex-start;flex-direction:column;gap:10px}
    .survey-landscape-footer{height:96px;margin-top:28px}
}


/* Administración premium con barra lateral */
.admin-body{background:#f4f1eb;min-height:100vh;display:flex;color:#241f19}.side-nav{position:fixed;inset:0 auto 0 0;width:280px;background:linear-gradient(180deg,#172734,#0f1b25);color:#fff;padding:24px 18px;box-shadow:14px 0 40px rgba(15,27,37,.16);z-index:100}.side-brand{display:flex;align-items:center;gap:14px;padding:8px 8px 24px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:20px}.side-brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:16px;padding:5px}.side-brand strong{display:block;font-size:1.2rem;letter-spacing:.02em}.side-brand span{color:#b8c4cc;font-size:.9rem}.side-nav nav{display:grid;gap:8px}.side-nav nav a{display:flex;align-items:center;gap:12px;color:#d7e0e6;text-decoration:none;padding:14px 16px;border-radius:16px;font-weight:800;transition:.2s}.side-nav nav a:hover,.side-nav nav a.active{background:rgba(255,255,255,.12);color:#fff;transform:translateX(2px)}.side-logout{position:absolute;left:18px;right:18px;bottom:22px}.side-logout button{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:16px;padding:13px;font-weight:800}.admin-main{margin-left:280px;width:calc(100% - 280px);padding:34px;min-height:100vh}.admin-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.admin-page-head h1{font-size:clamp(2rem,3vw,3.1rem);margin:0;color:#201a14;font-weight:900}.admin-page-head p{margin:.35rem 0 0;color:#70675c}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900;color:#9b805b!important}.filter-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;min-width:280px;box-shadow:0 12px 32px rgba(43,34,24,.06)}.filter-card label{display:block;font-weight:900;color:#6e6257;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.filter-card select,.list-create-grid input,.add-grid-list input,.bulk-area{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fff}.executive.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-card-admin{background:linear-gradient(135deg,#fff,#fbf7ef)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process-grid div{border:1px solid #e7ded2;border-radius:18px;padding:18px;background:#fff}.process-grid strong{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#3b2d1f;color:#fff;margin-bottom:10px}.process-grid span{display:block;font-weight:900}.process-grid p{color:#70675c;font-size:.92rem;margin:.35rem 0 0}.list-create-grid{display:grid;grid-template-columns:1.2fr 1.5fr auto;gap:12px}.add-grid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.add-grid-list button{grid-column:1/-1}.bulk-area{min-height:142px;resize:vertical}.big-progress{height:34px;border-radius:999px;background:#eee6da;overflow:hidden;border:1px solid #e0d5c7}.big-progress span,.table-progress span,.mini-bars i{display:block;height:100%;background:linear-gradient(90deg,#3b2d1f,#b7a58b);border-radius:999px}.chart-legend{margin:14px 0 20px;color:#70675c}.mini-bars{display:grid;gap:12px}.mini-bars div{display:grid;grid-template-columns:120px 1fr 50px;align-items:center;gap:12px}.mini-bars label{font-weight:800;color:#5e554b}.mini-bars span{height:12px;border-radius:999px;background:#eee6da;overflow:hidden}.table-progress{height:10px;width:120px;background:#eee6da;border-radius:999px;overflow:hidden;display:inline-block;margin-right:8px}.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;background:#eef3f5;color:#142734;font-weight:800;font-size:.82rem}.compact th,.compact td{padding:10px}.mt-3{margin-top:18px!important}.admin-card h2{font-weight:900;color:#201a14;margin-bottom:16px}.admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:1100px){.side-nav{width:86px}.side-brand div,.side-nav nav span{display:none}.side-brand{justify-content:center}.side-nav nav a{justify-content:center}.admin-main{margin-left:86px;width:calc(100% - 86px);padding:22px}.executive.kpi-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-grid{grid-template-columns:1fr}}@media(max-width:720px){.admin-body{display:block}.side-nav{position:static;width:auto;display:flex;align-items:center;gap:12px;overflow-x:auto}.side-brand{border:0;margin:0;padding:0}.side-nav nav{display:flex}.side-logout{position:static;margin-left:auto}.admin-main{margin:0;width:auto;padding:18px}.admin-page-head{display:block}.executive.kpi-grid,.process-grid,.list-create-grid,.add-grid-list{grid-template-columns:1fr}.filter-card{min-width:0;margin-top:14px}}

/* BI ejecutivo premium */
.bi-pro-page{display:grid;gap:22px}.bi-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.bi-hero h1{font-size:clamp(2.6rem,4vw,4.2rem);line-height:.95;margin:0;color:#201a14;font-weight:950;letter-spacing:-.04em}.bi-hero p:not(.eyebrow){color:#71675d;margin:.7rem 0 0}.bi-filter-stack{display:grid;gap:10px;min-width:330px}.bi-filter-card{width:100%;min-width:0;border-radius:22px;padding:17px 18px}.bi-date-filter{display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:#5f554b;font-weight:800;box-shadow:0 10px 26px rgba(43,34,24,.04)}.bi-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.bi-kpi-card{position:relative;min-height:124px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;padding:18px 18px 16px 70px;box-shadow:0 18px 42px rgba(43,34,24,.07);overflow:hidden}.bi-kpi-card::after{content:"";position:absolute;right:-28px;bottom:-28px;width:86px;height:86px;border-radius:50%;background:rgba(183,165,139,.10)}.bi-kpi-card span{display:block;color:#6d6257;font-size:.9rem}.bi-kpi-card strong{display:block;margin:7px 0 2px;font-size:2rem;line-height:1;font-weight:950;color:#201a14}.bi-kpi-card small{display:block;color:#7b7167;font-size:.78rem;line-height:1.25}.bi-kpi-icon{position:absolute;left:18px;top:21px;width:38px;height:38px;display:grid;place-items:center;border-radius:16px;background:#f0eadf;color:#3b2d1f;font-weight:950}.bi-kpi-icon.green{background:#e5f1e1;color:#2f6f2e}.bi-kpi-icon.gold{background:#f2e7d2;color:#8b612e}.bi-kpi-icon.warn{background:#fae4d4;color:#9b431d}.bi-kpi-icon.soft{background:#efebe4;color:#786d62}.critical-card{background:linear-gradient(135deg,#fff,#fff8ef)}.bi-update-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.75);border:1px solid rgba(230,222,211,.75);border-radius:18px;padding:12px 18px;color:#5e554b;box-shadow:0 12px 28px rgba(43,34,24,.04)}.bi-update-strip span:first-child{font-weight:800}.bi-main-grid{display:grid;grid-template-columns:1.2fr .9fr .95fr;gap:18px}.bi-two-grid{display:grid;grid-template-columns:.95fr 1.35fr;gap:18px}.bi-panel{background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 18px 44px rgba(43,34,24,.07);overflow:hidden}.bi-panel-large{min-height:360px}.bi-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.bi-panel-head h2,.bi-insights h2{font-size:1.35rem;font-weight:950;letter-spacing:-.03em;color:#201a14;margin:0}.bi-panel-head span{color:#7a7065;font-size:.86rem;font-weight:700}.bi-line-chart{height:210px;margin-bottom:16px}.bi-bar-list,.part-compare{display:grid;gap:13px}.bi-bar-list div,.part-compare div{display:grid;grid-template-columns:112px 1fr 54px;align-items:center;gap:12px}.bi-bar-list label,.part-compare label{font-weight:900;color:#5d5349}.bi-bar-list span,.part-compare span{height:13px;border-radius:999px;background:#ece4d8;overflow:hidden}.bi-bar-list i,.part-compare i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3b2d1f,#b7a58b)}.bi-bar-list i.pending{background:#d8ccb9}.bi-bar-list b,.part-compare b{text-align:right;color:#201a14}.funnel{display:grid;gap:10px;padding-top:8px}.funnel div{width:var(--w);min-width:36%;height:50px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;color:#fff;background:linear-gradient(90deg,#3b2d1f,#8d7a64);clip-path:polygon(6% 0,94% 0,84% 100%,16% 100%);font-weight:900}.funnel div:nth-child(2){background:linear-gradient(90deg,#5b4a38,#9f8b73)}.funnel div:nth-child(3){background:linear-gradient(90deg,#9b856a,#c2ad8c)}.funnel div.ok{background:linear-gradient(90deg,#5f8f5b,#9dbd87)}.funnel span{font-size:.88rem}.donut-wrap{height:210px}.donut-legend{display:grid;gap:10px;margin-top:10px}.donut-legend span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5e554b}.donut-legend i{width:12px;height:12px;border-radius:4px;background:#5f8f5b;margin-right:6px;display:inline-block}.donut-legend span:nth-child(2) i{background:#b7a58b}.donut-legend span:nth-child(3) i{background:#e7dccb}.score-chart{height:180px;margin-top:16px}.bi-table-wrap{width:100%;overflow:auto}.bi-table{width:100%;border-collapse:collapse;min-width:760px}.bi-table th{padding:13px 12px;color:#73685d;text-transform:uppercase;font-size:.76rem;letter-spacing:.06em;border-bottom:1px solid var(--line);white-space:nowrap}.bi-table td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle;color:#312b25}.bi-table tr:hover td{background:#fbf8f2}.part-pill{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:12px;background:#172734;color:#fff;font-weight:950}.semaforo{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:7px 11px;font-weight:900;font-size:.8rem}.semaforo.ok{background:#dff0df;color:#286222}.semaforo.good{background:#e7f2df;color:#3b6d30}.semaforo.warn{background:#fff0d5;color:#855a1e}.semaforo.critical{background:#ffe2d4;color:#8f321b}.bi-insights{background:rgba(255,255,255,.72);border:1px solid rgba(230,222,211,.85);border-radius:26px;padding:20px;box-shadow:0 14px 34px rgba(43,34,24,.05)}.insight-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}.insight-grid div{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;min-height:86px}.insight-grid span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0eadf;color:#3b2d1f;font-weight:950;flex:0 0 auto}.insight-grid p{margin:0;color:#4f463d;font-size:.9rem;line-height:1.35}.bi-people-panel{padding-bottom:12px}.people-head{align-items:center}.people-filters{display:flex;gap:10px;align-items:center}.people-filters input,.people-filters select{border:1px solid var(--line);border-radius:14px;padding:11px 13px;background:#fff;min-width:230px}.mini-progress{display:inline-block;width:88px;height:9px;border-radius:999px;background:#ece4d8;overflow:hidden;vertical-align:middle;margin-right:8px}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#3b2d1f,#b7a58b);border-radius:999px}.status-pill.done{background:#e5f1e1;color:#2f6f2e}.status-pill.progress{background:#fff0d5;color:#855a1e}.status-pill.sent{background:#e7edf3;color:#172734}.status-pill.pending{background:#efe9df;color:#756858}.detail-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;background:#3b2d1f;color:#fff;text-decoration:none;font-weight:900;white-space:nowrap}.detail-link:hover{color:#fff;background:#22180f}.empty-state{text-align:center!important;color:#766e64;padding:26px!important}.people-table{min-width:1120px}@media(max-width:1450px){.bi-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bi-main-grid,.bi-two-grid{grid-template-columns:1fr}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.bi-hero{display:block}.bi-filter-stack{min-width:0;margin-top:18px}.bi-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-update-strip,.people-head{display:block}.people-filters{display:grid;margin-top:14px}.insight-grid{grid-template-columns:1fr}.bi-panel{padding:17px}}@media(max-width:560px){.bi-kpi-grid{grid-template-columns:1fr}.bi-kpi-card{min-height:112px}.bi-bar-list div,.part-compare div{grid-template-columns:86px 1fr 42px}.bi-hero h1{font-size:2.4rem}}

/* BI ejecutivo FOSSA */
.bi-exec-page{display:grid;gap:22px}.bi-exec-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.bi-exec-header h1{font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:.95;margin:0;color:#201a14;font-weight:950;letter-spacing:0}.bi-exec-header p:not(.eyebrow){color:#71675d;margin:.75rem 0 0;font-size:1.02rem}.bi-exec-filter{min-width:330px;display:grid;gap:10px}.bi-exec-filter form,.last-update{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 16px 40px rgba(43,34,24,.06)}.bi-exec-filter label,.last-update span{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;color:#7b6957;font-weight:950;margin-bottom:8px}.bi-exec-filter select{width:100%;border:1px solid #ded4c6;border-radius:12px;background:#fff;padding:11px 12px;font-weight:800;color:#2d2924}.last-update strong{font-size:.95rem;color:#2d2924}.bi-kpi-eight{grid-template-columns:repeat(4,minmax(0,1fr))}.bi-kpi-eight .bi-kpi-card{min-height:116px}.side-nav nav a.active{background:linear-gradient(135deg,#947550,#b59a71);color:#fff;box-shadow:0 12px 28px rgba(148,117,80,.24)}.nav-ico{display:inline-grid;place-items:center;width:22px}.axis-table{min-width:860px}.donut-legend.four span:nth-child(1) i{background:#b7a58b}.donut-legend.four span:nth-child(2) i{background:#5f8f5b}.donut-legend.four span:nth-child(3) i{background:#d79a4d}.donut-legend.four span:nth-child(4) i{background:#e7dccb}.bi-panel .empty-state{min-height:190px;display:grid;place-items:center;border:1px dashed #dfd4c5;border-radius:18px;background:#fbf8f2;color:#756858;font-weight:800}.bi-table .empty-state{min-height:0;border:0;background:transparent}.status-pill.critical{background:#ffe2d4;color:#8f321b}@media(max-width:1300px){.bi-kpi-eight{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-exec-header{display:block}.bi-exec-filter{min-width:0;margin-top:18px}}@media(max-width:680px){.bi-kpi-eight{grid-template-columns:1fr}.bi-exec-header h1{font-size:2.5rem}}

/* BI referencia visual */
.admin-body{background:radial-gradient(circle at 42% 0,#fff 0,#f8f4ed 38%,#f3eee6 100%)}
.side-nav{background:linear-gradient(180deg,rgba(31,25,18,.98) 0%,rgba(25,22,18,.96) 48%,rgba(39,31,22,.92) 100%),url('../img/vacas-fondo.png') center bottom/cover no-repeat;box-shadow:18px 0 60px rgba(43,34,24,.18)}
.side-nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,rgba(24,20,16,0),rgba(19,16,12,.88));pointer-events:none}.side-nav>*{position:relative;z-index:1}.side-brand img{border-radius:50%;background:#fff}.side-nav nav a{border-radius:14px;padding:15px 16px}.side-nav nav a.active{background:linear-gradient(135deg,#9b7b55,#b1956d);box-shadow:0 14px 34px rgba(155,123,85,.28);transform:none}.side-logout button{background:rgba(25,22,18,.78);box-shadow:0 18px 34px rgba(0,0,0,.24);border-radius:16px}
.admin-main{padding:30px 32px 28px}.bi-reference-page{display:grid;gap:16px}.bi-ref-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:2px}.bi-ref-header h1{font-size:clamp(2.5rem,4.6vw,4.6rem);line-height:.95;margin:0;color:#241b15;font-weight:950;letter-spacing:0}.bi-ref-header p:not(.eyebrow){font-size:1.05rem;color:#6d6258;margin:.75rem 0 0}.bi-ref-filters{display:grid;gap:10px;min-width:330px}.bi-ref-select,.bi-ref-date{background:rgba(255,255,255,.92);border:1px solid #eee7dc;border-radius:18px;padding:14px 16px;box-shadow:0 16px 44px rgba(43,34,24,.06)}.bi-ref-select label,.bi-ref-date span{display:block;text-transform:uppercase;letter-spacing:.12em;font-weight:950;font-size:.72rem;color:#80664a;margin-bottom:8px}.bi-ref-select select{width:100%;border:1px solid #e0d7cc;border-radius:11px;background:#fff;padding:11px 12px;font-weight:800;color:#2d2924}.bi-ref-date strong{font-size:.95rem;color:#2d2924}.bi-ref-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.bi-ref-kpi{position:relative;min-height:112px;background:rgba(255,255,255,.94);border:1px solid #eee7dc;border-radius:17px;padding:18px 16px 14px 72px;box-shadow:0 18px 42px rgba(43,34,24,.065);overflow:hidden}.bi-ref-kpi i{position:absolute;left:18px;top:24px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f2ece4;color:#5a3c24;font-style:normal;font-weight:950;font-size:1.15rem}.bi-ref-kpi i.green{background:#e9f3e5;color:#2e7a32}.bi-ref-kpi i.gold{background:#f4ead9;color:#8a612f}.bi-ref-kpi span{display:block;color:#4a4037;font-size:.88rem;font-weight:650}.bi-ref-kpi strong{display:block;margin:8px 0 5px;color:#241b15;font-size:1.9rem;line-height:1;font-weight:950}.bi-ref-kpi small{display:block;color:#6f665d;font-size:.78rem}.bi-ref-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(255,255,255,.76);border:1px solid rgba(238,231,220,.82);border-radius:13px;padding:12px 18px;color:#594f46;box-shadow:0 12px 30px rgba(43,34,24,.045)}.bi-ref-strip b{color:#d39b39;margin-right:10px}.bi-ref-chart-grid{display:grid;grid-template-columns:1.18fr .95fr 1.03fr;gap:14px}.bi-ref-lower-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.bi-ref-panel{background:rgba(255,255,255,.95);border:1px solid #eee7dc;border-radius:17px;padding:20px;box-shadow:0 18px 44px rgba(43,34,24,.06);overflow:hidden}.bi-ref-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.bi-ref-panel-head h2{font-size:1.05rem;font-weight:950;color:#1f1812;margin:0}.bi-ref-panel-head span{font-size:.8rem;color:#766b61;font-weight:700}.bi-ref-chart{height:240px}.chart-wide{min-height:320px}.ref-funnel-layout{display:grid;grid-template-columns:1.1fr .75fr;align-items:center;gap:16px}.ref-funnel{display:grid;gap:3px;align-items:center;padding:12px 0}.ref-funnel div{height:48px;width:var(--w);min-width:42%;margin:0 auto;display:grid;place-items:center;color:#fff;background:linear-gradient(90deg,#3b2d1f,#5f422a);clip-path:polygon(4% 0,96% 0,86% 100%,14% 100%);font-weight:950}.ref-funnel div:nth-child(2){background:linear-gradient(90deg,#664a31,#987653)}.ref-funnel div:nth-child(3){background:linear-gradient(90deg,#a7835b,#ceb18b)}.ref-funnel div.ok{background:linear-gradient(90deg,#699263,#94b083)}.ref-funnel-stats{display:grid;grid-template-columns:auto 1fr;gap:3px 8px}.ref-funnel-stats b{font-size:1rem;color:#201a14}.ref-funnel-stats span{font-size:.78rem;color:#6d6258}.ref-donut-layout{display:grid;grid-template-columns:1fr .8fr;gap:12px;align-items:center}.ref .donut-legend,.donut-legend.ref{gap:14px}.donut-legend.ref span:nth-child(1) i{background:#d9b783}.donut-legend.ref span:nth-child(2) i{background:#5f8f5b}.donut-legend.ref span:nth-child(3) i{background:#d79a4d}.donut-legend.ref span:nth-child(4) i{background:#e7dccb}.ref-score-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.ref-score-cards div{background:#f7f3ee;border:1px solid #eee7dc;border-radius:12px;padding:13px 14px}.ref-score-cards span{display:block;color:#594f46;font-size:.82rem}.ref-score-cards strong{display:block;margin-top:7px;color:#241b15;font-size:1.55rem;font-weight:950}.ref-axis-table{min-width:820px}.bi-ref-insights{display:grid;grid-template-columns:.75fr repeat(4,1fr);gap:12px}.bi-ref-insights article{background:rgba(255,255,255,.92);border:1px solid #eee7dc;border-radius:14px;padding:14px 16px;min-height:64px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 34px rgba(43,34,24,.045)}.bi-ref-insights b{font-size:1.05rem;color:#241b15}.bi-ref-insights i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e9f3e5;color:#2f7c32;font-style:normal;font-weight:950;flex:0 0 auto}.bi-ref-insights article:nth-child(3) i{background:#fff0d5;color:#9a5b16}.bi-ref-insights article:nth-child(5) i{background:#f2eadf;color:#8a612f}.bi-ref-insights span{font-size:.88rem;color:#4f463d;line-height:1.35}.bi-ref-panel .empty-state{min-height:180px;display:grid;place-items:center;border:1px dashed #dfd4c5;border-radius:14px;background:#fbf8f2;color:#756858;font-weight:800}.bi-table .empty-state{min-height:0;border:0;background:transparent}.status-pill.critical{background:#ffe2d4;color:#8f321b}.semaforo{font-size:.78rem}.people-table{min-width:1050px}@media(max-width:1500px){.bi-ref-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.bi-ref-chart-grid,.bi-ref-lower-grid{grid-template-columns:1fr}.bi-ref-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-ref-insights article:first-child{grid-column:1/-1}}@media(max-width:900px){.bi-ref-header{display:block}.bi-ref-filters{min-width:0;margin-top:16px}.bi-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-ref-strip,.bi-ref-panel-head,.people-head{display:block}.ref-funnel-layout,.ref-donut-layout{grid-template-columns:1fr}.ref-score-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-ref-insights{grid-template-columns:1fr}.bi-ref-panel{padding:16px}}@media(max-width:560px){.bi-ref-kpis,.ref-score-cards{grid-template-columns:1fr}.bi-ref-header h1{font-size:2.45rem}.bi-ref-kpi{min-height:102px}}
/* Ajuste visual del formulario publico de encuesta */
.survey-page {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.survey-page .survey-shell {
    width: 100%;
    margin: clamp(42px, 6vw, 72px) auto 70px;
    padding-inline: clamp(16px, 4vw, 32px);
}

.survey-page.public-start-page .start-shell {
    display: flex;
    justify-content: center;
    max-width: 100%;
    margin-top: clamp(42px, 6vw, 72px);
}

.survey-page.public-start-page .start-card,
.wizard-step[data-title="Bienvenida"] .intro-card,
.wizard-step[data-title="Finalización"] .intro-card {
    width: 100%;
    max-width: 720px;
    margin-inline: auto;
}

.survey-page.public-start-page .start-card h2,
.wizard-step .intro-card h2 {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: manual;
    letter-spacing: 0;
}

@media (max-width: 900px) {
    .survey-page .survey-shell,
    .survey-page.public-start-page .start-shell {
        margin-top: clamp(34px, 7vw, 54px);
    }
}

@media (max-width: 560px) {
    .survey-page .survey-shell {
        padding-inline: 14px;
    }

    .survey-page.public-start-page .start-card,
    .wizard-step[data-title="Bienvenida"] .intro-card,
    .wizard-step[data-title="Finalización"] .intro-card {
        padding: 34px 20px;
    }
}

/* Plan de acción individual */
.plan-card {
    padding: 0;
    overflow: hidden;
    border-radius: 24px;
}

.plan-gap-note {
    display: none;
    margin: 0 0 16px;
    padding: 14px 16px;
    border: 1px solid #e6d8c5;
    border-radius: 16px;
    background: #fffaf2;
    color: #5e554b;
    font-weight: 700;
    line-height: 1.45;
}

.plan-gap-note.show {
    display: block;
}

.plan-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    border-bottom: 1px solid #eadfce;
    background: linear-gradient(135deg, #fffaf2, #ffffff);
}

.plan-card-head span {
    display: block;
    color: #80664a;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.plan-card h3 {
    margin: 4px 0 0;
    color: #1f2d36;
    font-size: 1.5rem;
}

.plan-average-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    border-radius: 999px;
    padding: 9px 13px;
    background: #172734;
    color: #fff;
    font-size: .9rem;
    white-space: nowrap;
    box-shadow: 0 12px 24px rgba(23, 39, 52, .16);
}

.plan-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 22px;
}

.plan-action-grid label {
    display: grid;
    gap: 8px;
    color: #3b2d1f;
    font-weight: 800;
}

.plan-action-grid input,
.plan-action-grid textarea {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fffdfa;
    color: var(--ink);
    font: inherit;
    font-weight: 500;
    padding: 13px 14px;
    transition: border-color .2s, box-shadow .2s, background .2s;
}

.plan-action-grid input:focus,
.plan-action-grid textarea:focus {
    outline: none;
    border-color: #bda37e;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(189, 163, 126, .15);
}

.plan-dimension[readonly] {
    background: #f5efe6;
    color: #2f241b;
    font-weight: 800;
}

.plan-action-grid textarea {
    grid-column: auto;
    min-height: 92px;
    resize: vertical;
}

.plan-action-grid label:nth-child(2),
.plan-action-grid label:nth-child(5) {
    grid-column: 1 / -1;
}

.axis-qualitative {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #e6d8c5;
    border-radius: 18px;
    background: #fffaf2;
}

.axis-qualitative label {
    display: grid;
    gap: 10px;
    color: #3b2d1f;
    font-weight: 900;
}

.axis-qualitative textarea {
    width: 100%;
    min-height: 104px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    color: var(--ink);
    font: inherit;
    font-weight: 500;
    padding: 13px 14px;
    resize: vertical;
}

.axis-qualitative textarea:focus {
    outline: none;
    border-color: #bda37e;
    box-shadow: 0 0 0 4px rgba(189, 163, 126, .15);
}

@media (max-width: 720px) {
    .plan-card-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .plan-action-grid {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .plan-card h3 {
        font-size: 1.35rem;
    }
}