/* 
    == GRID ==
*/
.grid-rd {
    position: relative;
    width: 95%;
    margin: 0 auto;
    transition: height 0.4s ease; /* Suaviza el cambio de altura del contenedor */
}

.grid-rd-item {
    position: absolute;
    list-style: none;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); /* Animación tipo Pinterest */
    will-change: transform, top, left; /* Optimiza el rendimiento del navegador */
}

.grid-rd-item img {
    display: block;
    width: 100%;
    height: auto; /* Evita distorsiones */
    border-radius: 8px;
}

/* Estilos para tarjetas del portfolio con Masonry */
.card-portfolio {
	display: block;
	width: 100%;
	height: auto;
	background: transparent;
	overflow: hidden;
}

.plane-inner {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.plane-inner-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.small-plane {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.small-plane img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media screen and (max-width: 1320px) {

    #content {
        margin: 0 20px;
    }

}

/* Responsive para tablets - 2 columnas */
@media screen and (max-width: 992px) {
    .grid-sizer {
        width: 50%;
    }
    
    .small-plane {
        height: 250px;
    }
}

/* Responsive para móviles - 1 columna */
@media screen and (max-width: 720px) {

    #content {
        margin: 0 10px;
    }

    .my-5 {
        margin-top: 1vh;
        margin-bottom: 10vh !important;
    }
    
    div.contenedor-modulo-clientes
    {
        padding-top:0 !important;
    }
    
    .small-plane {
        height: 280px;
    }
}