.elementor-34 .elementor-element.elementor-element-8a25b36{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-9881112{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-55e24cd{text-align:center;}.elementor-34 .elementor-element.elementor-element-55e24cd .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-b3d64d8{text-align:center;}.elementor-34 .elementor-element.elementor-element-b3d64d8 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-4fd33e4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:060px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-80ab24d{--display:flex;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-affad3c{--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio-item__img, .elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio-item__overlay{border-radius:5px 5px 5px 5px;}.elementor-34 .elementor-element.elementor-element-affad3c a .elementor-portfolio-item__overlay{background-color:#0033CC9E;}.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio-item__title{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:700;}.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filter{color:var( --e-global-color-primary );font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:0.3px;}.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filter.elementor-active{color:#5980FF;}.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filter:not(:last-child){margin-right:calc(6px/2);}.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filter:not(:first-child){margin-left:calc(6px/2);}.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filters{margin-bottom:10px;}body.elementor-page-34:not(.elementor-motion-effects-element-type-background), body.elementor-page-34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-8a25b36{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-b3d64d8 .elementor-heading-title{font-size:35px;}.elementor-34 .elementor-element.elementor-element-4fd33e4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-8a25b36{--width:100%;}.elementor-34 .elementor-element.elementor-element-9881112{--width:90%;}.elementor-34 .elementor-element.elementor-element-4fd33e4{--width:100%;}.elementor-34 .elementor-element.elementor-element-80ab24d{--width:90%;}}/* Start custom CSS for portfolio, class: .elementor-element-affad3c *//* 1. The Container Stroke */
.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filters {
    text-align: left !important;
    justify-content: flex-start !important;
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    

    border: 0px solid #0033cc;
    padding: 8px;            
    border-radius: 10px;     
    background-color: transparent;
}

/* 2. Individual Pills */
.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filter {
    padding: 10px 22px !important;
    border-radius: 10px !important;
    border: 1px solid transparent; /* Hidden by default to look cleaner inside the container */
    background-color: #C7CEED;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    line-height: 1;
    color: #0033cc;
    margin-bottom: 5px;
}

/* 3. Hover and Active State */
.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filter:hover,
.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filter.elementor-active {
    background-color: #0033cc;
    color: #ffffff !important;
}

/* 1. Hide the original "All" text but keep the pill visible */
.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filter[data-filter="__all"] {
    font-size: 0 !important;
}

/* 2. Inject the Spanish word "Todos" */
.elementor-34 .elementor-element.elementor-element-affad3c .elementor-portfolio__filter[data-filter="__all"]:before {
    content: "Todos"; /* Change this to "Proyectos", "Ver Todo", etc. */
    font-size: 14px;  /* Match your original font size */
    visibility: visible;
}/* End custom CSS */