/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 17 2023 | 10:40:54 */
/*TLP PORTFOLIO - LISTA DE ENTRADAS*/
.portfolio-proyectos .tlp-portfolio-isotope-button > button{text-transform: none}
.portfolio-proyectos .tlp-portfolio-isotope-button > button.selected{}
.portfolio-proyectos .tlp-overlay{background-color: rgba(0,0,0,0.3) !important}
.portfolio-proyectos .tlp-content{padding: 0px 20px; background: var(--a-color-blanco); border: 1px solid var(--a-color-gris-claro);}
.portfolio-proyectos .tlp-content-holder > h2,
.portfolio-proyectos .tlp-content-holder > h3{margin-bottom: 5px;}
.portfolio-proyectos .tlp-content-holder > h2 > a,
.portfolio-proyectos .tlp-content-holder > h3 > a{font-family: var(--a-encabezado-fuente); font-weight: var(--a-encabezado-grosor); 
	text-transform: var(--a-encabezado-text-transform); letter-spacing: var(--a-encabezado-letter-spacing);color: var(--a-color-negro); color: var(--a-color-1);}
.portfolio-proyectos .tlp-content-holder > h2 > a{font-size: var(--a-encabezado-tamano-2); }
.portfolio-proyectos .tlp-content-holder > h3 > a{font-size: var(--a-encabezado-tamano-3); }
.portfolio-proyectos .tlp-content-holder > h2 > a:hover,
.portfolio-proyectos .tlp-content-holder > h3 > a:hover{color: var(--a-color-1-hover); text-decoration: none}
.portfolio-proyectos .tlp-content-holder > .extra-features,
.portfolio-proyectos .tlp-content-holder > .extra-features ul li label{text-transform: none;} /*textos*/
.portfolio-proyectos .tlp-content-holder .extra-features label{font-family: var(--a-body-fuente); font-size: var(--a-body-tamano); 
	line-height: var(--a-body-line-height); font-weight: 400; letter-spacing: var(--a-body-letter-spacing);}
/*responsive*/
@media (max-width: 1024px){
	.portfolio-proyectos .rt-row > .tlp-single-item{max-width: 100%; flex: 100%}
}



/*TLP PORTFOLIO - PAGINA DE UNA ENTRADA*/
body.single-portfolio .tlp-portfolio-container{max-width: var(--a-ancho-web-m); margin: 75px auto; padding: 0px 25px;}
body.single-portfolio .tlp-portfolio-container .portfolio-title{font-family: var(--a-encabezado-fuente); font-size: var(--a-encabezado-tamano-2); font-weight: var(--a-encabezado-grosor); 
	text-transform: var(--a-encabezado-text-transform); letter-spacing: var(--a-encabezado-letter-spacing);color: var(--a-color-negro);}
body.single-portfolio .tlp-portfolio-container .portfolio-detail-desc label{font-family: var(--a-label-fuente); font-size: var(--a-label-tamano);
	line-height: var(--a-label-line-height); font-weight: var(--a-label-grosor); color: var(--a-color-negro); letter-spacing: var(--a-label-letter-spacing);
    text-transform: var(--a-label-text-transform);}
body.single-portfolio .tlp-portfolio-container .single-item-meta .categories{display: none} /*categorio*/
/*redes*/
body.single-portfolio .tlp-portfolio-container .portfolio-detail-desc .redes-sociales{margin-top: 30px}
body.single-portfolio .tlp-portfolio-container .portfolio-detail-desc .redes-sociales > span.elementor-grid-item{margin: 0px 5px}
body.single-portfolio .tlp-portfolio-container .portfolio-detail-desc .redes-sociales a{background: var(--a-rrss-background); border: 1px solid var(--a-rrss-icon-oscuro);}
body.single-portfolio .tlp-portfolio-container .portfolio-detail-desc .redes-sociales a i,
body.single-portfolio .tlp-portfolio-container .portfolio-detail-desc .redes-sociales a svg path{color: var(--a-rrss-icon-oscuro); fill: var(--a-rrss-icon-oscuro) !important;
	transition: var(--a-transition);}
body.single-portfolio .tlp-portfolio-container .portfolio-detail-desc .redes-sociales a:hover{background: var(--a-rrss-background-oscuro-hover); 
	border: 1px solid var(--a-rrss-background-oscuro-hover);}
body.single-portfolio .tlp-portfolio-container .portfolio-detail-desc .redes-sociales a:hover i,
body.single-portfolio .tlp-portfolio-container .portfolio-detail-desc .redes-sociales a:hover svg path{color: var(--a-rrss-icon-hover); fill: var(--a-rrss-icon-hover) !important; transition: var(--a-transition);}
/*estructura personalizada*/
body.single-portfolio .elementor-column.datos{}
body.single-portfolio .elementor-column.datos .encabezado{margin-bottom: 20px}
body.single-portfolio .elementor-column.datos .elementor-widget-text-editor{padding-left: 10px; margin-bottom: 3px}
body.single-portfolio .elementor-widget-theme-post-content.contenido .gallery-item{padding: 2px !important}
/*responsive*/
@media (max-width: 1024px){
	body.single-portfolio section.elementor-section section.elementor-section{margin-bottom: 0px}
}



body.single-featured_item .portfolio-inner img{max-width: 600px}
/*PAGINA SIMPLE DE UN PORTFOLIO - PORTFOLIO FLATSOME (creo)*/
body.single-portfolio .pfp-single-portfolio-detail{}
body.single-portfolio .pfp-single-portfolio-detail > div:not(.portfolio-detail-desc){}
/*body.single-portfolio .pfp-single-portfolio-detail > div:not(.portfolio-detail-desc) > .portfolio-title{display: none}*/
body.single-portfolio .pfp-single-portfolio-detail .others-info ul.single-item-meta{list-style: none}
body.single-portfolio .pfp-single-portfolio-detail .others-info ul.single-item-meta > li > label{display: none}
body.single-portfolio .pfp-single-portfolio-detail .portfolio-details > p:first-child{margin-bottom: 0px}
body.single-portfolio .pfp-single-portfolio-detail .portfolio-details > .pfp-col-lg-8{padding: 0px}
body.single-portfolio .pfp-single-portfolio-detail .portfolio-details img{max-width: 200px; float: left; padding: 0px 10px 10px 0px; margin-bottom: 0px}
body.single-portfolio .pfp-single-portfolio-detail .others-info{text-align: left; font-weight: var(--a-body-grosor); font-size: var(--a-body-tamano);}
body.single-portfolio .pfp-single-portfolio-detail .others-info .campos-personalizados{/* position: relative; *//* top: -25px; */}
body.single-portfolio .pfp-single-portfolio-detail .others-info li.categories{/* position: relative; *//* top: 29px; */}
/*slider*/
body.single-portfolio .pfp-single-portfolio-detail #slider > .flex-viewport{height: 500px !important}


/*LISTA PORFOLIO - PORTFOLIO FLATSOME (creo)*/
section.lista-portfolio section > .elementor-container{padding: 0px !important; max-width: 100% !important;}
section.lista-portfolio .elementor-widget-image-box .elementor-image-box-content,
section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item > .tlp-content{padding: 10px 15px 30px;}
section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item > .tlp-content{background: var(--a-color-2) !important; }
section.lista-portfolio .elementor-widget-image-box .elementor-image-box-wrapper,
section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item{box-shadow: var(--a-box-shadow); max-width: 500px; margin: auto;}
section.lista-portfolio .elementor-widget-image-box .elementor-image-box-title,
section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item > .tlp-content .title > a{font-family: var(--a-encabezado-fuente) !important; font-weight: var(--a-encabezado-grosor) !important; font-size: 30px !important; line-height: 36px !important; text-transform: var(--a-encabezado-text-transform) !important; 
	letter-spacing: var(--a-encabezado-letter-spacing) !important; color: var(--a-color-1)}
section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item > .tlp-content .extra-features li,
section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item > .tlp-content .short-desc,
section.lista-portfolio .elementor-widget-image-box .elementor-image-box-description{font-family: var(--a-body-fuente) !important;
    font-size: var(--a-body-tamano) !important; line-height: var(--a-body-line-height) !important; font-weight: var(--a-body-grosor) !important;
    letter-spacing: var(--a-body-letter-spacing) !important; margin-bottom: 0px}
section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item > .tlp-content .extra-features li.client-name{display: none}
section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item > .tlp-content .extra-features li label{font-weight: 500}
section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item .tlp-overlay{background-color: rgba(0,0,0,0.5);}
/*responsive*/
@media (max-width: 992px){
	section.lista-portfolio section .elementor-column{/*max-width: 100%; flex: 100%*/}
}
@media (max-width: 768px){
	section.lista-portfolio{padding: 70px 0px 50px 0px !important}
	section.lista-portfolio section .elementor-widget-wrap{padding: 10px 0px !important}
	section.lista-portfolio .elementor-widget-image-box,
	section.lista-portfolio .pfp-container-fluid .tlp-portfolio-item{margin-bottom: 20px}
}