/* TABLA SOLUCIONES */

/* CLASES DE LAS FORMAS GEOMETRICAS */
.product-column-geometry-container{
	width:100%;
	max-width:92px;
	aspect-ratio: 1 / 1;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.product-column-geometry-container.none{
	display:none !important;
}

.justify-end{
	display: flex;
    justify-content: flex-end !important;
    padding-right: 10px;
	margin:12px 0;
}

/* CIRCLE */
.product-column-geometry-container.circle{
	border-radius:100%;
}

.circle > *{
	display:flex;
	align-items:center;
	justify-content:center;
	width:95% !important;
	aspect-ratio: 1 / 1;
	border-radius:100%;
	
}

.circle.uno > *{
	background:#bfa9a9 !important;
}

.circle.dos > *{
	background:#dab1c1 !important;
}

.circle.tres > *{
	background:#c4a9b2 !important;
}

.circle.cuatro > *{
	background:#e4beba !important;
}

.circle.cinco > *{
	background:#d9d9d8 !important;
}

.legend-title{
	font-size: 12px !important;
    margin: 0 !important;
    color: #000 !important;
	font-family: 'DM Sans' !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.wpb_raw_html{
	margin:0 !important;
}

.inner-geometry-link{
	text-decoration:none !important;
}

.prueba-columna{
	width:14%;
}
.inner-geometry-wrapper{
	display:flex;
	flex-direction:column !important;
	align-items:center;
	justify-content:center;
}

.inner-geometry-wrapper > p{
	margin:0 !important;	
}

.circle_number{
	display:flex;
	font-size:12px;
}

.inner-geometry-text{
	font-weight:500 !important;
}

.soluciones-legend-container .wpb_wrapper{
	display:flex;
	align-items:center;
	
}

.soluciones-legend-container .wpb_wrapper > h3{
	line-height:0.9;
}
.wpb_wrapper:has(.wpb_raw_html:first-child){
	width:100%;
}

.wpb_raw_html{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}

.iframe-container-soluciones .wpb_raw_html{
	display:unset !important;
}

/* TEXTO DENTRO DE FIGURA GEOMETRICA */

p:has(a > strong.inner-geometry-text), p:has(strong.inner-geometry-text){
	font-size:12px;
	text-align:center;
	text-decoration:none;
	line-height:1;
}

.soluciones-table-2-items{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
}

.soluciones-table-indice-container{
	width:15% !important;
}

div.soluciones-table-indice-container-row > div.soluciones-table-indice-container{
	border-right-color: #fff !important;
    border-right-width: 3px !important;
    border-right-style: solid;
}

div.soluciones-table-indice-container{
	border-right-color: #c4281a !important;
    border-right-width: 3px !important;
    border-right-style: solid;
}

.soluciones-title{
	color: #000 !important;
	font-weight:bold;
}

.soluciones-table-2-rows-space-between > * > .wpb_wrapper{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.soluciones-table-2-rows-space-between > * > .wpb_wrapper:after{
	content: none !important;
}

.justify-center{
	display:flex;
	gap:10px;
	justify-content:center !important;
	margin:12px 0;
}

.width-10{
	width: 7%;
	max-width:16px;
    padding: 0 !important;
}

.product-column-round-container:has(a):hover{
	transform:scale(1.1);
}

.bullet-points-soluciones p{
	font-size:20px;
}

.bullet-points-soluciones p:before{
	content: "";
    display: inline-block;
    background-image: url(../img/andbank-forward-slash.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
    height: 32px;
    margin-right: 10px;
    vertical-align: top;
}

#soluciones-table-container-mobile{
	display:none;
}
@media (max-width:768px){
	#soluciones-table-container{
		display:none;
	}
	.justify-end{
		justify-content:center !important;
		padding-right:unset !important;
	}
	.soluciones-title > br{
		display:none;
	}
	.soluciones-table-indice-container{
		width:100% !important;
		border:none !important;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #E8E6E5 !important;
		gap:15px;
		border-bottom:3px solid #c4281a !important;
	}
	.toggle-arrow{
		cursor: pointer;
		font-size: 20px;
		font-weight: bold;
		padding: 0 !important;
	}
	.toggle-arrow.open{
		transform: rotateZ(90deg);
		padding:0 !important;
	}
	.soluciones-table-indice-container > div.vc_column-inner{
		width:fit-content;
		border:none !important;
		background:#E8E6E5 !important;
	}
	.soluciones-table-indice-container > *{
		border:none !important;
		padding:10px 0 !important;
		display:flex;
		justify-content:center;
		background:#E8E6E5 !important;
	}
	#gama-merch-mobile .col-1-title-mobile, #row-4-1{
		display:none !important;
	}
	#subyacente-directo-mobile, #seleccion-de-gestores-mobile, #mandato-externo-mobile, #gama-merch-mobile{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#subyacente-directo-mobile > *, #seleccion-de-gestores-mobile > *, #mandato-externo-mobile > *, #gama-merch-mobile > *{
		width:100%;
	}
	.prueba-columna{
		width:unset !important;
	}
	.vc_section .vc_row.vc_row-flex{
		flex-wrap:nowrap;
		margin-bottom:15px;
	}
	.wpb_wrapper:has(.soluciones-table-mobile) > *:not(:first-child) {
  	display: none;
	}
	.soluciones-table-mobile:hover{
		cursor:pointer;
	}
}

@media (min-width:768px) and (max-width:1024px) {
	#soluciones-table-container{
		display:none;
	}
	.justify-end{
		justify-content:center !important;
		padding-right:unset !important;
	}
	.soluciones-title > br{
		display:none;
	}
	.soluciones-table-indice-container{
		width:100% !important;
		border:none !important;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #E8E6E5 !important;
		gap:15px;
		border-bottom:3px solid #c4281a !important;
	}
	.toggle-arrow{
		cursor: pointer;
		font-size: 20px;
		font-weight: bold;
		padding: 0 !important;
	}
	.toggle-arrow.open{
		transform: rotateZ(90deg);
		padding:0 !important;
	}
	.soluciones-table-indice-container > div.vc_column-inner{
		width:fit-content;
		border:none !important;
		background:#E8E6E5 !important;
	}
	.soluciones-table-indice-container > *{
		border:none !important;
		padding:10px 0 !important;
		display:flex;
		justify-content:center;
		background:#E8E6E5 !important;
	}
	#gama-merch-mobile .col-1-title-mobile, #row-4-1{
		display:none !important;
	}
	#subyacente-directo-mobile, #seleccion-de-gestores-mobile, #mandato-externo-mobile, #gama-merch-mobile{
		display:flex;
		justify-content:center;
		align-items:center;
		width: 95%;
        margin: 0 auto;
	}
	#subyacente-directo-mobile > *, #seleccion-de-gestores-mobile > *, #mandato-externo-mobile > *, #gama-merch-mobile > *{
		width:100%;
	}
	.prueba-columna{
		width:unset !important;
	}
	.vc_section .vc_row.vc_row-flex{
		flex-wrap:nowrap;
		margin-bottom:15px;
	}
	.wpb_wrapper:has(.soluciones-table-mobile) > *:not(:first-child) {
  	display: none;
	}
	.soluciones-table-mobile:hover{
		cursor:pointer;
	}
	div.vc_col-sm-3{
		width:100% !important;
	}
}