.elementor-9483 .elementor-element.elementor-element-63eb6de > .elementor-container{min-height:90vh;}.elementor-9483 .elementor-element.elementor-element-63eb6de:not(.elementor-motion-effects-element-type-background), .elementor-9483 .elementor-element.elementor-element-63eb6de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://protecso.io/wp-content/uploads/Banner-servicios.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9483 .elementor-element.elementor-element-63eb6de{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 032px 0px 032px;}.elementor-9483 .elementor-element.elementor-element-63eb6de > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9483 .elementor-element.elementor-element-34a4122 > .elementor-container{max-width:1500px;}.elementor-9483 .elementor-element.elementor-element-366819b .elementor-heading-title{color:#F1F1F1;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-9483 .elementor-element.elementor-element-3aadafa{color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-9483 .elementor-element.elementor-element-03b84f9 .elementor-button .elementor-align-icon-right{margin-left:11px;}.elementor-9483 .elementor-element.elementor-element-03b84f9 .elementor-button .elementor-align-icon-left{margin-right:11px;}.elementor-9483 .elementor-element.elementor-element-03b84f9 .elementor-button{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );background-color:var( --e-global-color-f15db80 );border-radius:10px 10px 10px 10px;}.elementor-9483 .elementor-element.elementor-element-03b84f9 .elementor-button:hover, .elementor-9483 .elementor-element.elementor-element-03b84f9 .elementor-button:focus{background-color:#2E6CB4;}.elementor-9483 .elementor-element.elementor-element-03b84f9{width:auto;max-width:auto;align-self:flex-start;}.elementor-9483 .elementor-element.elementor-element-e3639d0 > .elementor-container{max-width:1500px;}.elementor-9483 .elementor-element.elementor-element-e3639d0{padding:3em 3em 3em 3em;}@media(max-width:1024px){.elementor-9483 .elementor-element.elementor-element-366819b .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-9483 .elementor-element.elementor-element-3aadafa{font-size:var( --e-global-typography-text-font-size );}.elementor-9483 .elementor-element.elementor-element-03b84f9 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-9483 .elementor-element.elementor-element-63eb6de{padding:0px 0px 0px 0px;}.elementor-9483 .elementor-element.elementor-element-366819b{text-align:left;}.elementor-9483 .elementor-element.elementor-element-366819b .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-9483 .elementor-element.elementor-element-3aadafa{font-size:var( --e-global-typography-text-font-size );}.elementor-9483 .elementor-element.elementor-element-03b84f9 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );}.elementor-9483 .elementor-element.elementor-element-e3639d0{padding:0em 0em 0em 0em;}}@media(min-width:768px){.elementor-9483 .elementor-element.elementor-element-dff40d5{width:40%;}.elementor-9483 .elementor-element.elementor-element-a16e7c6{width:60%;}}/* Start custom CSS for html, class: .elementor-element-75aa60c */*{
    scroll-behavior: smooth;
}
.boton_aws{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.link_aws{
    background-color: var(--color-button);
    color: white;
    text-align: center;
    border-radius: 10px;
    font-size: 1.5rem;
    padding: 10px 20px;
    text-decoration: none;
    margin: 20px 0;
}

.link_aws:hover{
    color: white;
    background-color: var(--color-hover);
}

.l-content-serv{
    /* background-color: orange; */
    color: #0E2E53;
    /* width: 1500px; */

    position: relative;
    font-size: 1.5rem;
    padding: 3rem 0;
}

.l-content-serv--after::after{
    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% - 4rem);
    margin: 4rem 0;
    border-radius: 0 50px 50px 0;
    top: 0;
    left:-50%;
    z-index: -1;
    background-color: #F1F1F1;
    padding-bottom: 3rem;
}

.c-serv{
    display: grid;
    grid-template-columns: 300px 1fr;
    /* width: 100%; */
    font-weight: bold;
    /* justify-content: center; */
    /* align-items: center; */
    /* background-color: red; */
}

.c-serv__box{
    /*background-color: yellow;*/
    padding: 2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* justify-items: center; */
}
.c-serv__img,
.c-serv__imgP{
    /* background-color: blue; */
    width: 150px;
    object-fit: scale-down;
}

.c-serv__img{
    width: 250px;
}

.c-serv__title{
    font-size: 2.5rem;
    /* text-align: center; */
    display: inline-block;
    font-family: var(--font-primary);
    /* background-color: red; */
}
.c-serv__parrafo{
    padding: 2rem;
    box-sizing: border-box;
    /* background-color: aqua; */
}
.c-serv__def{
    font-weight: 500;
    text-align: justify;
    font-family: var(--font-primary);
}

.c-serv__menu{
    display: grid;
    /* grid-template-columns: repeat(auto-fit,minmax(200px, 1fr));  */
    /* grid-template-rows: auto; */
    grid-template-columns: 100%;
    position: relative;
    /* flex-direction: column-reverse; */
    justify-items: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-family: var(--font-primary);
    
    /* background-color: azure; */
    /* gap: 0 0em; */
    /* background-color: red; */

}
.c-serv__itemT,
.c-serv__itemP,
.c-serv__itemS{
    /* background-color: green; */
    list-style: none;
    text-decoration: none;
    margin: 0;
    color: var(--color-primary);
    width: 100%;
    font-size: 1.5rem;
    padding: 1rem;
    margin: 0.1rem 0;
    border-radius: 5px;
    text-align: center ;
    /*cursor: pointer;*/
    /* border-right: 5px solid #133C6C; */
    border-bottom: 3px solid var(--color-primary);
    /* align-self: flex-start; */
    transition: all 1s ease;
    

}

.c-serv__itemT a,
.c-serv__itemP a,
.c-serv__itemS a{
    /*background-color: red;*/
    width: 100%;
    height: 100%;
    color: var(--color-primary);
    text-decoration: none;
}

.c-serv__itemT--show,
.c-serv__itemP--show,
.c-serv__itemS--show{
    pointer-events: none;
    text-decoration: none;
    background-color: var(--color-primary);
    
}

.c-serv__itemT--show a,
.c-serv__itemP--show a,
.c-serv__itemS--show a{
    color: white;
}


.c-serv__itemT:hover,
.c-serv__itemP:hover,
.c-serv__itemS:hover{
    background-color: #133C6C50;

}

.c-serv__descripT,
.c-serv__descripP,
.c-serv__descripS{
    font-weight: 500;
    text-align: justify;
    padding-top: 2rem;
    /* background-color: aqua; */
    display: none;

}
.c-serv__descripT p,
.c-serv__descripP p,
.c-serv__descripS p{
    padding: 2rem; 
    width: 80%;
    /*background-color: blue;*/
}

.c-serv__descripT--show,
.c-serv__descripP--show,
.c-serv__descripS--show{
    display: flex;
    justify-content: center;
    /*background-color: red;*/
    align-items: center;
}


/*.c-serv__titleT{
    width: 100%;
}*/

.c-serv__div{
    width: 70%;
    /*background-color: purple;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /*background-color: yellow;*/
    font-family: var(--font-secondary);
}

.c-serv__boton{
    background-color: var(--color-button);
    padding: 1rem;
    margin: 1rem 0;
    position: relative;
    border-radius: 10px;
    text-decoration: none;
    color: white;
}

.c-serv__boton:hover{
    background-color: var(--color-hover);
    color: white;
}

@media (max-width:1024px){
    .c-serv__descripT--show,
    .c-serv__descripP--show,
    .c-serv__descripS--show{
        flex-direction: column;
    }
    .c-serv__descripT p,
    .c-serv__descripP p,
    .c-serv__descripS p{
        padding: 0px; 
    }
    .c-serv__div{
        width: 100%;
    }
}

@media (max-width:600px){
    .c-serv{
        grid-template-columns: 1fr;
    }
}/* End custom CSS */