.aj-law-attorneys-slide__card picture{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.aj-law-attorneys-slide__card picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.aj-law-attorneys-slide__readmore {
    text-align: center;
    margin: 0 auto;
}
.aj-law-attorneys-slide__socials {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    justify-content: center ;
}
.aj-law-attorneys-slide__card .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}
.aj-law-attorneys-slide__card .icon:hover {
    transform: scale(1.1);
}
.aj-law-attorneys-slide__card .icon.facebook{
    background-image: url('assets/img/icon_facebook.svg');
}
.aj-law-attorneys-slide__card .icon.x{
    background-image: url('assets/img/icon_x.svg');
}
.aj-law-attorneys-slide__card .icon.instagram{
    background-image: url('assets/img/icon_instagram.svg');
}
.aj-law-attorneys-slide__card picture img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.aj-law-attorneys-slide__title{
    margin: 0 0 10px 0 ;
}

.aj-law-attorneys-slide__nav,.aj-law-core-values-slide__nav {
    margin-top: 30px;
    display: flex;
}
.aj-law-attorneys-slide__next,.aj-law-attorneys-slide__prev,.aj-law-core-values-slide__next,.aj-law-core-values-slide__prev {
    display: inline-flex;
    cursor: pointer;
}

.aj-law-attorneys-slide__next,.aj-law-core-values-slide__next {
    margin-left: auto;
    cursor: pointer;
}

.aj-law-attorneys-slide .swiper-slide, .aj-law-core-values-slide .swiper-slide {
  display: flex;
  height: auto;
}

.aj-law-attorneys-slide .aj-law-attorneys-slide__card {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.aj-law-attorneys-slide.swiper {
  padding: 10px;
}

.card-grid {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
    gap:20px;
}

.card {
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:0.4s;
}

/* ICON */
.icon {
    max-width:80px;
    margin:auto;
}

.svg svg {
    width:80px;
    height:80px;
}

/* BUTTON */
.card button {
    opacity:0;
    transform:translateY(20px);
    transition:0.3s;
}

.card:hover button {
    opacity:1;
    transform:translateY(0);
}

/* HOVER ANIMATIONS */
.anim-zoom:hover { transform:scale(1.05); }
.anim-lift:hover { transform:translateY(-10px); }
.anim-rotate:hover { transform:rotate(2deg); }

/* MODAL */
.modal {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.7);
    justify-content:center;
    align-items:center;
}

.modal.active {
    display:flex;
}

.modal-box {
    background:#fff;
    padding:20px;
    max-width:500px;
    width:90%;
    position:relative;
    animation:fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {opacity:0; transform:scale(0.9);}
    to {opacity:1; transform:scale(1);}
}

.close {
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}


/* MODAL */
.card-grid {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
    gap:20px;
}

.card {
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:0.4s;
}

/* ICON */
.icon {
    max-width:80px;
    margin:auto;
}

.svg svg {
    width:80px;
    height:80px;
}

/* BUTTON */
.card button {
    opacity:0;
    transform:translateY(20px);
    transition:0.3s;
}

.card:hover button {
    opacity:1;
    transform:translateY(0);
}

/* HOVER ANIMATIONS */
.anim-zoom:hover { transform:scale(1.05); }
.anim-lift:hover { transform:translateY(-10px); }
.anim-rotate:hover { transform:rotate(2deg); }

/* MODAL */

.lawrank-modal {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.7);
    justify-content:center;
    align-items:center;
    z-index: 9999;
}

.lawrank-modal.active {
    display:flex;
}

.lawrank-modal-box {
    background:#fff;
    padding:20px;
    max-width:800px;
    width:100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position:relative;
}

.lawrank-close {
    position:absolute;
    top:0;
    right:5px;
    cursor:pointer;
}
/* ICONO */
.lawrank-icon {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s ease;
}

.lawrank-card:hover .lawrank-icon {
    opacity: 0;
    transform: translateY(-10px);
}

/* BOTÓN */
.lawrank-open {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: all 0.3s ease;
}

.lawrank-card:hover .lawrank-open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}