.acc-work-epower {
position: relative;
margin-block: var(--space-24);
}
.acc-work-epower > .container > div:first-child{
gap: var(--space-5);
}
.acc-work-epower .nav{
position: sticky;
left: 0;
top: 125px;
flex: 0 0 380px;
max-width: 380px;
}
.acc-work-epower aside{
max-height: 600px;
overflow: scroll;
}
.acc-work-epower aside button{
font-size: 16px;
text-align: left;
padding: 24px;
display: flex;
flex-direction: column;
gap: 15px; background: #FFF !important;
color: var(--quinary-color) !important;
border-radius: 0px !important;
box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10);
}
.acc-work-epower aside button .title{
font-weight: 500;
}
.acc-work-epower aside button.active{
background-color: white !important;
border-radius: 10px !important;
border-left: 3px solid var(--primary-color) !important;
}
.acc-work-epower aside button.active .title{
color: var(--primary-color) !important;
}
.acc-work-epower .tab-pane{
border-radius: 10px;
border: 0.5px solid #8A8A8A;
box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10);
padding: 50px 24px;
font-size: var(--fs-18);
}
.acc-work-epower .tab-pane ul{
margin-left: 0;
}
.acc-work-epower .header-panel{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: var(--space-5);
padding-bottom: var(--space-5);
border-bottom: 1px solid #E3E3E3;
}
.acc-work-epower .header-panel h2{
font-size: var(--fs-20);
}
.acc-work-epower b, .acc-work-epower strong {
font-weight: 600;
}
.acc-work-epower #postular{
scroll-margin-top: 200px;
}
.acc-work-epower #postular .form-epower > p:first-child{
display: none !important;
}
.acc-work-epower .offcanvas{
width: 100% !important;
background: #f5f5f5 !important;
}
.acc-work-epower .offcanvas-header{
flex-direction: column;
align-items: center;
text-align: center;
gap: 15px;
box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10);
position: relative;
}
.acc-work-epower .offcanvas-header h5{
font-size: 26px;
font-weight: 600;
line-height: normal;
}
.acc-work-epower .offcanvas-header .btn-close{
position: absolute;
right: 15px;
bottom: 20px;
}
.acc-work-epower .offcanvas-body{
font-size: 16px;
padding-top: 35px;
}
.acc-work-epower .offcanvas-body ul{
margin-left: 0;
}
.acc-work-epower form.sent .wpcf7-response-output{
display: none !important;
}
.acc-work-epower #modalExito .modal-dialog{
max-width: 330px;
}
.acc-work-epower #modalExito .modal-body{
padding: 0;
}
.acc-work-epower #modalExito .modal-body > button{
position: relative;
right: 0;
top: 0;
background: transparent;
border: none;
font-size: 36px;
display: block;
margin: 0 0 0 auto;
}
.acc-work-epower #modalExito .modal-body h5{
font-size: 18px;
margin-block: 15px;
}
.acc-work-epower #modalExito .modal-body p{
font-size: var(--fs-16);
text-align: center;
margin-bottom: 0;
}
@media (max-width: 1200px) {
.acc-work-epower .nav {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.acc-work-epower > .container > div:first-child{
flex-direction: column;
}
.acc-work-epower aside button{
width: 100%;
}
}
@media (max-width: 768px) {
.acc-work-epower {
margin-block: var(--space-12);
}
}