.elementor-1486 .elementor-element.elementor-element-f4365c6:not(.elementor-motion-effects-element-type-background), .elementor-1486 .elementor-element.elementor-element-f4365c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cata.edu.pe/wp-content/uploads/2023/11/pagina-1.png");background-position:0px 0px;background-size:cover;}.elementor-1486 .elementor-element.elementor-element-f4365c6 > .elementor-background-overlay{opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1486 .elementor-element.elementor-element-f4365c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:27em 0em 1em 0em;}.elementor-1486 .elementor-element.elementor-element-f4365c6 > .elementor-shape-bottom .elementor-shape-fill{fill:#0E509AA1;}.elementor-1486 .elementor-element.elementor-element-f4365c6 > .elementor-shape-bottom svg{width:calc(128% + 1.3px);height:500px;}.elementor-bc-flex-widget .elementor-1486 .elementor-element.elementor-element-13f6a80.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1486 .elementor-element.elementor-element-13f6a80.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1486 .elementor-element.elementor-element-13f6a80.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1486 .elementor-element.elementor-element-13f6a80 > .elementor-element-populated{margin:0em 0em 0em 3em;--e-column-margin-right:0em;--e-column-margin-left:3em;padding:0px 0px 0px 0px;}.elementor-1486 .elementor-element.elementor-element-be9f82b{text-align:left;}.elementor-1486 .elementor-element.elementor-element-be9f82b .elementor-heading-title{color:#FFFFFF00;font-family:"Quicksand", Sans-serif;font-size:3em;font-weight:700;}.elementor-1486 .elementor-element.elementor-element-be9f82b > .elementor-widget-container{margin:3px 8px 3px 8px;background-color:#FFBD59;}.elementor-1486 .elementor-element.elementor-element-9e94566 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-1486 .elementor-element.elementor-element-9e94566 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0em 0em 0em 3em;--e-column-margin-right:0em;--e-column-margin-left:3em;padding:0px 0px 0px 0px;}.elementor-1486 .elementor-element.elementor-element-9e94566 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1486 .elementor-element.elementor-element-620c9c8{text-align:left;}.elementor-1486 .elementor-element.elementor-element-620c9c8 .elementor-heading-title{color:#FFFFFF;font-family:"Quicksand", Sans-serif;font-size:4em;font-weight:600;}.elementor-1486 .elementor-element.elementor-element-620c9c8 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-1486 .elementor-element.elementor-element-916372a{margin-top:0em;margin-bottom:0em;padding:4em 4em 4em 4em;}.elementor-1486 .elementor-element.elementor-element-f671ce1{text-align:center;}.elementor-1486 .elementor-element.elementor-element-f671ce1 .elementor-heading-title{color:#53565A;font-family:"Quicksand", Sans-serif;font-size:30px;font-weight:600;}.elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title, .elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title:before, .elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title:after, .elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-content, .elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tabs-content-wrapper{border-width:0px;}.elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title, .elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title a{color:#D9D9D9;}.elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title.elementor-active,
					 .elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title.elementor-active a{color:#FFFFFF;}.elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title{font-family:"Quicksand", Sans-serif;font-weight:600;}.elementor-1486 .elementor-element.elementor-element-8528909 > .elementor-widget-container{margin:1em 0em 0em 0em;}@media(min-width:768px){.elementor-1486 .elementor-element.elementor-element-13f6a80{width:2.152%;}.elementor-1486 .elementor-element.elementor-element-9e94566{width:97.848%;}}@media(max-width:1024px){.elementor-1486 .elementor-element.elementor-element-f4365c6:not(.elementor-motion-effects-element-type-background), .elementor-1486 .elementor-element.elementor-element-f4365c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1486 .elementor-element.elementor-element-f4365c6:not(.elementor-motion-effects-element-type-background), .elementor-1486 .elementor-element.elementor-element-f4365c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for tabs, class: .elementor-element-8528909 */.tab-matricula-1{
    color: #d9d9d9;
}
.tab-matricula-1:hover{
    color: white;
}

.tab-matricula-2{
    color: #d9d9d9;
}
.tab-matricula-2:hover{
    color: white;
}


/* Style the tabs - each tab has its own ID - find it by inspecting it */
#elementor-tab-title-1391 {
    border: solid #d9d9d9 1px;
    border-radius: 20px;
    text-align: center;
}


/* Style how the tabs look when you hover over them */

#elementor-tab-title-1391:hover {
    background-color: #FFBD59;
    border: solid #FFBD59 2px;
}



#elementor-tab-title-1392 {
    text-align: center;
    border: solid #d9d9d9 1px;
    border-radius: 20px;
}

#elementor-tab-title-1392:hover {
    background-color: #FFBD59;
    color: #FFFFFF;
}



/* This makes sure the tabs are all in the same row on mobile */

@media screen and (min-width: 320px) {
  #h-tabs .elementor-tabs-wrapper {
    display: flex;
        flex-direction: row;
  }
}

@media screen and (min-width: 320px) {
  #h-tabs .elementor-tab-mobile-title {
    display: none;
  }
}


/* Control the padding on mobile */

@media screen and (min-width: 320px) {
    .elementor-widget-tabs .elementor-tab-desktop-title {
        padding-top: 15px;
        padding-bottom: 15px;
        border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
    }


/* Add some padding to the whole tabs bar */

#h-tabs .elementor-tabs-wrapper {
    padding-left:10px;
    padding-right: 10px;
}


/* This makes the tabs stay centered regardless of screen resolution */

#h-tabs .elementor-tabs-wrapper {
    display: flex;
    justify-content: center;
}


/* Style how the tabs look when active 

.elementor-260 .elementor-element.elementor-element-879dc77 .elementor-tab-title.elementor-active, .elementor-260 .elementor-element.elementor-element-879dc77 .elementor-tab-title.elementor-active
{
    background-color: #101010;
    color: #ffffff;
}*/

.elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title.elementor-active, .elementor-1486 .elementor-element.elementor-element-8528909 .elementor-tab-title.elementor-active a
{
    background-color: #FFBD59;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-916372a *//* Style the tabs - each tab has its own ID - find it by inspecting it */

#elementor-tab-title-1391 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-left: 30px;
    padding-right: 30px;
    /*: solid #CCCCCC 2px;*/
    margin-right:40px;
    text-align: center;
}


/* Style how the tabs look when you hover over them */

#elementor-tab-title-1391:hover {
    background-color: #FFBD59;
    border: solid #FFBD59 2px;
    color: #FFFFFF;
}


/* Repeat this process for all tabs */

#elementor-tab-title-1252 {
    padding-left: 30px;
    padding-right: 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;

    margin-right:40px;
    text-align: center;
}

#elementor-tab-title-1252:hover {
    background-color: #FFBD59;

    color: #FFFFFF;
}

#elementor-tab-title-1253 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-left: 30px;
    padding-right: 30px;

    text-align: center;
}

#elementor-tab-title-1253:hover {
    background-color: #FFBD59;

    color: #FFFFFF;
}





/* This makes sure the tabs are all in the same row on mobile */

@media screen and (min-width: 320px) {
  #h-tabs .elementor-tabs-wrapper {
    display: flex;
        flex-direction: row;
  }
}

@media screen and (min-width: 320px) {
  #h-tabs .elementor-tab-mobile-title {
    display: none;
  }
}


/* Control the padding on mobile */

@media screen and (min-width: 320px) {
    .elementor-widget-tabs .elementor-tab-desktop-title {
        padding-top: 15px;
        padding-bottom: 15px;
    }


/* Add some padding to the whole tabs bar */

#h-tabs .elementor-tabs-wrapper {
    padding-left:10px;
    padding-right: 10px;
}


/* This makes the tabs stay centered regardless of screen resolution */

#h-tabs .elementor-tabs-wrapper {
    display: flex;
    justify-content: center;
}


/* Style how the tabs look when active 

.elementor-260 .elementor-element.elementor-element-879dc77 .elementor-tab-title.elementor-active, .elementor-260 .elementor-element.elementor-element-879dc77 .elementor-tab-title.elementor-active
{
    background-color: #101010;
    color: #ffffff;
}*/

.elementor-1473 .elementor-element.elementor-element-773cdd6 .elementor-tab-title.elementor-active, .elementor-1473 .elementor-element.elementor-element-773cdd6 .elementor-tab-title.elementor-active a
{
    background-color: #FFBD59;
    color: #ffffff;
    border: solid #FFBD59 2px;
}/* End custom CSS */