/*
Theme Name:   Astra Child
Description:  Personalización de Astra
Author:       South Star
Template:     astra
Version:      1.0.0
Text Domain:  astrachild
*/

.white-image {
    filter: brightness(0) invert(1);
}

.svg-clip figure {
	mask-image: url('/wp-content/uploads/2023/12/mask.svg');
	mask-size: contain;
}

.portfolio-card a {
	text-decoration: none!important;
	display: block;
	border-radius: 1rem;
	padding: 1rem;	
	background-color: var(--ast-global-color-6);	
}

.portfolio-card a:hover {   
	transform: scale(1.025);
    box-shadow: 0 15px 25px 0 var(--wp--preset--color--ast-global-color-7, var(--ast-global-color-7));
}

.portfolio-card__header {
	display: flex;
	align-items: center;
}

.portfolio-card__image {
	flex-basis: 33%;
	flex-shrink: 0;
}

.portfolio-card__content {
	display: flex;
	flex-direction: column;
	min-height: 25.5rem;
	position: relative;
}

.portfolio-card__title {
    display: flex;
    flex-direction: column;
	flex-grow: 1;
    align-self: stretch;
    justify-content: space-between;
}

.portfolio-card__title h3 {
	font-size: clamp(20px, 2.4vw, 28px)!important;
}

.portfolio-card__client { 
    align-self: end;
    font-size: smaller;
    background-color: var(--ast-global-color-5);
    padding: 0 .8rem;
    border-radius: 2rem;
    margin-bottom: 1rem;
}

.portfolio-card__content button {
	position: absolute;
	right: 0;
	bottom: 0;
}

@media (max-width: 911px) {
	.portfolio-card a {
 		grid-template-columns: auto;
		grid-template-rows: 20rem auto;		 
	}
	
	.portfolio-card__title h3 {
		font-size: 28px!important;
	}
}