CSS sticky element showing up sooner than it should - css

Question

I've been stuck with a problem with a sticky element in a web form. It works as it should (moves along with column headers and sticks in position upon reaching the preset "top" coordinates... however, it shows up before it should! This causes me to end up with a green rectangle blocking the view at the bottom of the page.
I guess it has to do with its parent container and the fact that there's another sticky element above the one causing trouble. But I can't figure out the solution.
I'm attaching the HTML and CSS for reference. The problematic element has a class name "whitebkgrd_worksession_2" (the first instance in the CSS is embbeded in a media query.)
Thanks!
<section>
<h2 class="worksessionsticky">En sesión de trabajo con Gerente de Servicio y Líder de Calidad</h2>
<fieldset class="WorkSession">
<div class="whitebkgrd_worksession"></div>
<p class="form8header1">Encuesta de Pulso</p>
<p class="form8header2">Sí</p>
<p class="form8header3">No</p>
<p class="form8header4">Comentarios</p>
<p class="form8header5">Material de apoyo para DMA</p>
<label class="form8item1">1. ¿Existe correlación entre resultados de PULSO y CSI?
<br>
<br>PULSO CSI / NPS > Platforma CSI / NPS & VOC ---> Requiere
Plan de acción</label>
<input class="form8item1radio1" type="radio" name="section2q1" id="ah" value="Accept2" required>
<input class="form8item1radio2" type="radio" name="section2q1" id="ai" value="Reject2">
<textarea class="form8item1comment" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline12"></div>
<p class="multianswer5">El Distribuidor ha difundido y asegurado que cada
integrante en servicio aplique:</p>
<label class="form8item2_1">2. Infografía de Pulso (Enfoque y mejores prácticas)</label>
<input class="form8item2_1radio1" type="radio" name="section2q2_1" id="aj" value="Accept2" required>
<input class="form8item2_1radio2" type="radio" name="section2q2_1" id="ak" value="Reject2">
<label class="form8item2_2">3. Script de Pulso (¿Cómo invitar a los Clientes a contestar pulso?)</label>
<input class="form8item2_2radio1" type="radio" name="section2q2_2" id="al" value="Accept2" required>
<input class="form8item2_2radio2" type="radio" name="section2q2_2" id="am" value="Reject2">
<textarea class="multicomm5" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline13"></div>
<p class="multianswer6">La notificación de HOT ALERTS en la aplicación de Pulso
funciona correctamente para:</p>
<label class="form8item3_1">4. Gerente de Servicio</label>
<input class="formitem3_1radio1" type="radio" name="section2q3_1" id="an" value="Accept2" required>
<input class="formitem3_1radio2" type="radio" name="section2q3_1" id="ao" value="Reject2">
<label class="form8item3_2">5. Líder de Calidad</label>
<input class="formitem3_2radio1" type="radio" name="section2q3_2" id="ap" value="Accept2" required>
<input class="formitem3_2radio2" type="radio" name="section2q3_2" id="aq" value="Reject2">
<label class="form8item3_3">Personal asignado para atender Clientes (especificar qué puestos tienen)</label>
<textarea class="multicomm6" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline14"></div>
<p class="form8itemadded">El Gerente de Servicio y Líder de Calidad deberán mostrar si:</p>
<label class="form8itemadded_1">6. Conocen dónde revisar su calificación de CSI/NPS de Pulso</label>
<input class="formitemaddedradio1" type="radio" name="section2qadded" id="at2" value="Accept2" required>
<input class="formitemaddedradio2" type="radio" name="section2qadded" id="au2" value="Reject2">
<label class="form8itemadded_2">7. Cumplen con el objetivo del 70% de Encuestas de Pulso vs OR (público y garantía)</label>
<input class="formitemadded_2radio1" type="radio" name="section2qadded2" id="at2_2" value="Accept2" required>
<input class="formitemadded_2radio2" type="radio" name="section2qadded2" id="au2_2" value="Reject2">
<textarea class="multicommadded" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline15"></div>
<label class="form8item4">8. ¿El Distribuidor analiza la calidad de información en Encuestas de Pulso?</label>
<input class="formitem4radio1" type="radio" name="section2q4" id="at" value="Accept2" required>
<input class="formitem4radio2" type="radio" name="section2q4" id="au" value="Reject2">
<textarea class="multicomm7" placeholder="Escribe tus notas aquí"></textarea>
<p class="form8item4note1">Si alguno de los puntos de análisis no se realiza, el punto 5 se encuentra en incumplimiento (marcar la casilla “NO”):</p>
<p class="form8item4note2">-% de encuestas sin comentarios vs total de encuestas en el mes</p>
<p class="form8item4note3">-% de encuestas comentarios SENTIMIENTO NEGATIVO vs total de encuestas en el mes</p>
<p class="form8item4note4">-% de Hot Alerts en Pulso vs total de encuestas en el mes</p>
<p class="form8item4note5">-Acciones puntuales de mejora con base en el análisis de información de la Encuesta de Pulso</p>
<div class="borderline16"></div>
<label class="form8item2ndadded">9. ¿Cuenta el Distribuidor con un proceso de recuperación de clientes por HA de Pulso (evidencia de procesos y responsables, así como casos documentados)?</label>
<input class="formitem2ndaddedradio1" type="radio" name="section2qadded3" id="at3" value="Accept2" required>
<input class="formitem2ndaddedradio2" type="radio" name="section2qadded3" id="au3" value="Reject2">
<textarea class="multicommadded2" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline17"></div>
<div class="form8jobaid1_back">
</div>
<p class="form8jobaid1">Reporte mensual revisado
<br>Resultados CX</p>
<div class="form8jobaid2_back">
</div>
<p class="form8jobaid2"><a target="_blank">Infografía digital Pulso</a>
<br><a target="_blank">Script aplicación encuesta de Pulso</a></p>
<div class="form8jobaid3_back">
</div>
<p class="form8jobaid3"><a target="_blank">Manual de usuario de plataforma de Pulso</a></p>
<div class="whitebkgrd_worksession_2"></div>
<p class="form8header1_2">CSI & VOC</p>
<p class="form8header2_2">Sí</p>
<p class="form8header3_2">No</p>
<p class="form8header4_2">Comentarios</p>
<p class="form8header5_2">Material de apoyo para DMA</p>
<label class="form8item5">10. ¿Existe un proceso para asegurar la calidad de los registros en su DMS para las encuestas de CSI?</label>
<input class="form8item5radio1" type="radio" name="section2q5" id="av" value="Accept2" required>
<input class="form8item5radio2" type="radio" name="section2q5" id="aw" value="Reject2">
<textarea class="form8item5comment" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline18"></div>
<label class="form8item6">11. ¿Cuenta con esquema retador y alcanzable de bonificación por cumplimiento de CSI y “0” HA para Asesores de Servicio?</label>
<input class="form8item6radio1" type="radio" name="section2q6" id="ax" value="Accept2" required>
<input class="form8item6radio2" type="radio" name="section2q6" id="ay" value="Reject2">
<textarea class="form8item6comment" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline19"></div>
<label class="form8item7">12. ¿El Distribuidor conoce las 3 prioridades de mejora con base a sus VERBATIMS? (Sentimiento Negativo)</label>
<input class="form8item7radio1" type="radio" name="section2q7" id="az" value="Accept2" required>
<input class="form8item7radio2" type="radio" name="section2q7" id="aaa" value="Reject2">
<textarea class="form8item7comment" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline20"></div>
<label class="form8item8">13. ¿Cuenta con revisiones programadas con su equipo de
servicio para revisar PULSO y desempeño de CSI / NPS (Plataforma de InMoment)? ¿Tiene evidencia?</label>
<input class="form8item8radio1" type="radio" name="section2q8" id="aab" value="Accept2" required>
<input class="form8item8radio2" type="radio" name="section2q8" id="aac" value="Reject2">
<textarea class="form8item8comment" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline21"></div>
<label class="form8item9">14. ¿El Gerente de Servicio revisa con su equipo el One
Pager de Posventa?</label>
<input class="form8item9radio1" type="radio" name="section2q9" id="aad" value="Accept2" required>
<input class="form8item9radio2" type="radio" name="section2q9" id="aae" value="Reject2">
<textarea class="form8item9comment" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline22"></div>
<label class="form8item10">15. ¿Cuenta con acciones puntuales en su Plan de Mejora considerando los resultados de CSI / NPS & Verbatims?</label>
<input class="form8item10radio1" type="radio" name="section2q10" id="aaf" value="Accept2" required>
<input class="form8item10radio2" type="radio" name="section2q10" id="aag" value="Reject2">
<textarea class="form8item10comment" placeholder="Escribe tus notas aquí"></textarea>
<div class="borderline23"></div>
<label class="form8item11">16. ¿El personal de Servicio ha acreditado el WBT del
Proceso Revisado de atención en Servicio?</label>
<input class="form8item11radio1" type="radio" name="section2q11" id="aah" value="Accept2" required>
<input class="form8item11radio2" type="radio" name="section2q11" id="aai" value="Reject2">
<textarea class="form8item11comment" placeholder="Escribe tus notas aquí"></textarea>
<p class="form8item11note">Verificar si han revisado el VIDEO y que cuenten con la infografía digital</p>
<div class="form8jobaid4_back">
<p class="form8jobaid4"><a target="_blank">Reportes de calidad de registros</a></p>
</div>
<div class="form8jobaid5_back">
<p class="form8jobaid5"><a target="_blank">Esquema base comisiones por CSI</a></p>
</div>
<div class="form8jobaid6_back">
<p class="form8jobaid6"><a target="_blank">Dashboard verbatims - Encuestas de CSI</a></p>
</div>
<div class="form8jobaid7_back">
<p class="form8jobaid7">OnePager posventa CSI</p>
</div>
<div class="form8jobaid8_back">
<p class="form8jobaid8"><a target="blank">Proceso rediseñado "Atención a clientes en Servicio"</a>
<br><a target="_blank">Video e infografía digital</a></p>
</div>
</fieldset>
<p class="page2footer">Acordar acción requerida por parte del Distribuidor dentro del PLAN DE ACCIÓN para respuestas “NO”.</p>
</section>
</main>
</fieldset>
</section>
</form>
</body>
</html>
CSS:
#media (orientation: portrait){
label, p, input, placeholder {
font-size: 0.8em
}
.worksessionsticky {
font-size: 1em;
}
.form3header1, .form7header1,
.form3item1, .form3item2,
.form7item1, .form7item2,
.counter, .percentage {
font-size: 0.65em;
}
.receptionsticky, .followupsticky, .deliverysticky, .worksessionsticky {
position: sticky;
top: 85px;
z-index: 1;
-webkit-overflow-scrolling: auto;
backface-visibility: hidden;
width: 102%;
padding-top: 15px;
}
.form8header1, .form8header2, .form8header3,
.form8header4, .form8header5, .form8header1_2,
.form8header2_2, .form8header3_2, .form8header4_2,
.form8header5_2 {
position: sticky;
top: 140px;
z-index: 0;
padding-top: 25px;
-webkit-overflow-scrolling: auto;
backface-visibility: hidden;
}
.whitebkgrd_worksession_2 {
position: sticky;
top: 130px;
left: 0px;
bottom: 0;
z-index: 0;
padding-top: 9px;
-webkit-overflow-scrolling: auto;
backface-visibility: hidden;
grid-column: 1 / 6;
width: 108%;
height: 78px;
margin-left: 0;
background-color: lightgreen;
grid-row: 20;
}
}
.whitebkgrd_worksession_2 {
position: sticky;
z-index: 0;
top: 130px;
left: 0px;
bottom: 0;
padding-top: 9px;
-webkit-overflow-scrolling: auto;
backface-visibility: hidden;
grid-column: 1 / 6;
width: 108%;
height: 78px;
margin-left: 0;
background-color: lightgreen;
grid-row: 20;
}