.single-socio #hero-int {
    background: url('../img/background-socios.jpg') no-repeat center center;
}
.single-socio #body-int > .container > article {
    display: grid;
    grid-template-columns: minmax(0,480px) 1fr;
    gap: 50px;
}

#socios {
    background-image: url('../img/bars.svg');
    background-repeat: repeat-y;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 50px;
}
.page-id-267 #socios {
  padding-top: 50px;
}
#socios h2 {
    text-align: right;
    text-transform: uppercase;
    background: url('../img/plane.svg') no-repeat right center;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 3.125rem;
    margin-right: -16px;
    margin-bottom: 70px;
    font-size: 1.5rem;
    line-height: 1;
}
#socios .swiper-socios {
    margin: 0px;
}
#socios .swiper-wrapper {
    align-items: center;
}
#socios .swiper-slide {
    width: auto;
}
#socios .swiper-slide a {
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
}
#socios .swiper-slide a > img {
    height: 100px;
    max-width: 170px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: all .3s ease;
    margin: 0 auto 30px;
}
#socios .swiper-slide a:hover img {
    filter: grayscale(0%);
}
#socios .btn-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: white;
  border-radius: 999px;
  padding: 0px;
  transition: all .3s ease;
  height: 3.125rem;
  width: 3.125rem;
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  overflow: hidden;
  margin: 0 auto;
}
#socios .btn-info .btn-text {
  white-space: nowrap;
  font-size: 0;
  width: 0px;
}
#socios .swiper-slide a:hover .btn-info,
#socios .swiper-slide a:focus .btn-info {
  background-color: #2561b8;
  width: 9rem;
  gap: 20px;
}
#socios .swiper-slide a:hover .btn-text,
#socios .swiper-slide a:focus .btn-text {
  font-size: initial;
  width: auto;
}
#socios .swiper-slide a .btn-ico svg path,
#socios .swiper-slide a .btn-ico svg path {
  stroke: white;
}
#socios .swiper-slide a:hover .btn-ico svg path,
#socios .swiper-slide a:focus .btn-ico svg path {
  stroke: white;
}
#socios .swiper-button-next {
  position: relative !important;
  left: inherit !important;
  right: inherit !important;
  top: 3px !important;
  background: transparent url('../img/right.svg') no-repeat center center;
}
#socios .swiper-button-prev {
  position: relative !important;
  left: inherit !important;
  right: inherit !important;
  top: 3px !important;
  background: transparent url('../img/left.svg') no-repeat center center;
}
#socios .control {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
#socios .swiper-pagination {
	position: relative !important;
	left: inherit !important;
	right: inherit !important;
	top: inherit !important;
	width: 50px;
}

.accordion-header {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 80px;
	border: none;
	text-align: left;
	font-size: 1.2rem;
	cursor: pointer;
	border-top: 1px solid black;
	background: url('../img/closed.svg') no-repeat right 40px center;
	font-family: var(--font-secondary);
	font-size: 1.5rem;
	line-height: 1;
	display: flex;
	align-items: center;
	gap: 30px;
	font-weight: 500;
}
.accordion-item h3 {
  margin: 0px;
}
.accordion-item button span {
	font-size: 2.25rem;
	line-height: 1;
	color: #666666;
	font-weight: lighter;
}
.accordion-header[aria-expanded="true"] {
  	background: url('../img/open.svg') no-repeat right 40px center;
}
.accordion-content {
	position: relative;
	display: none;
	padding: 10px 0px 50px;
	border-bottom: 1px solid black;
}
.accordion-content.active {
  	display: block;
}

@media (max-width: 1200px) {

    #socios h2 {
        margin-right: 0px;
    }

}

@media (max-width: 992px) {
    
    .single-socio #body-int > .container > article {
        display: grid;
        grid-template-columns: 1fr;
        gap: 50px;
    }

}