body.page {
	--andbank-highlight: #D52B1E;
	font-family: "source_sans_prolight";
    //letter-spacing: 1px;
}
b, strong {
	font-family: 'source_sans_prolight';
	font-weight:bold
}
strong {
	color: var(--andbank-highlight);
}
p {
	font-size: 1.125rem;
	font-size:1.3rem;
}
p.highlight {
    font-size: 1.8rem;
    color: #000;
}
dialog {
	max-width:1200px;
}
dialog .cerrar,
dialog .cerrar:focus,
dialog .cerrar:hover {
    float: right;
    background-image: url(../images/cerrar.png);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: top right;
    padding-left: 1rem;
    width: 0;
    display: block;
    color: #ffffff00;
}
summary {
	text-align:left;
	cursor:pointer;
	text-transform:uppercase;
}
summary:after {
	content:" Ver más>";
	text-transform:none;
}
details[open] summary:after {
	content:"";
}
details[open] summary {
	padding-bottom: 2rem;
	cursor:default;
}
.mas {
	padding-left:1em;
}
.hero-section,
section.realidad {
	padding-top: 0;
}
.hero-section {
	margin-top:2rem;
}
.hero .wp-block-column:first-child  {
	background: url(https://www.andbank.es/wp-content/themes/andbank/agentes/images/slash.png) 2rem no-repeat;
	background-size:contain;
	padding:0;
}
.hero .wp-block-column:first-child {
	display: flex;
    align-items: center;
}
.hero .page-intro-text {
	padding:0;
	background-image:none;
}

.page-template-template-marcasuma-php .hero p.intro-text,
.page-template-template-marcasuma-2-php .hero p.intro-text{
	margin-bottom:2.35rem;
}

.page-template-template-marcasuma-php section,
.page-template-template-marcasuma-2-php section {
	text-align:left;
}

.page-template-template-marcasuma-php .hero-section,
.page-template-template-marcasuma-2-php .hero-section {
	text-align:left;
}
	
.page-template-template-marcasuma-php h1,
.page-template-template-marcasuma-2-php h1{
	font-size:2.75rem;
	letter-spacing: 0.05em;
    line-height: 1.2em;
}

.page-template-template-marcasuma-php h1 .subheader,
.page-template-template-marcasuma-2-php h1 .subheader{
    display: block;
    font-size: 88%;
    letter-spacing: 0.015em;
    margin-bottom: 1.5rem;
}

.page-template-template-marcasuma-php .hero p,
.page-template-template-marcasuma-2-php .hero p{
	//font-size:1.15rem;
	line-height:2.25rem;
}

.page-template-template-marcasuma-php p.intro-text,
.page-template-template-marcasuma-2-php p.intro-text{
	font-size: 1.5rem;
    letter-spacing: -.3px;
	margin-bottom:.5rem;
}

.page-template-template-marcasuma-php .wysiwyg h2,
.page-template-template-marcasuma-2-php .wysiwyg h2{
	text-align:center;
	font-size: 1.8rem;
    margin-top: 0;
    letter-spacing: -.04rem;
    margin-bottom: 2rem;
}

.banner {
    font-size: 1.5rem;
    padding: 0.5rem 1rem 0.5rem 4rem;
    background: #efefef url(https://www.andbank.es/wp-content/uploads/2023/04/mas.png) 0.5rem center no-repeat;
    background-size: 3rem;
    max-width: 12rem;
    line-height: 1.75rem;
}
section.alto-nivel,
section.bases-solidas {
	padding-top:0;
	text-align:center;
}
.bases-solidas p {
	font-size:1.35rem;
}
.bases-solidas .icon {
	margin:2rem 0;
}
.bases-solidas .icon img {
    max-height: 3.5rem;
    width: auto;
}
.bases-solidas .wp-block-column {
	text-transform: uppercase;
	text-align:center;
}
.bases-solidas .grafico {
    max-width: 18rem;
    margin: auto;
}
.bases-solidas a {
	font-size:1.5rem;
	color: var(--andbank-highlight);
	text-decoration:underline;
	text-decoration-thickness: 1px;
}

section.realidad {
	text-align:center;
}
.realidad .wp-block-columns.cifras {
    font-size: 1.3rem;
	text-align:center;
	margin-bottom:0;
}
.realidad .cifras + p {
	margin-bottom:6rem;
}
.realidad p {
	font-size:1.3rem;
}
.realidad .cifras p {
    text-transform: uppercase;
}
.realidad .cifra .highlight {
    font-size: 3.5rem;
	color: var(--andbank-highlight);
}
.realidad .icon {
	margin:2rem 0 3.5rem;
	height:2rem;
}
.realidad .icon img {
    max-width: 3rem;
    height: auto;
}
.realidad .equipo .icon img {
    max-width: 4.5rem;
}
.realidad .graficos img {
    max-width: 27.5rem;
	width:100%;
    aspect-ratio: 65/38;
}
.realidad .graficos .incorporaciones img {
	aspect-ratio: 55/38;
}
.graficos .wp-block-column {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

section.referentes, 
section.multijurisdiccion,
section.clientes {
	padding:0;
}
.referentes {
	counter-reset: referente;
}
.referentes ol,
.referentes li {
	display:flex;
}
.referentes ol {
	flex-wrap: wrap;
	justify-content:space-between;
}
.referentes li {
	flex-basis:30%;
	margin-bottom: 4.5rem;
	font-size:1.4rem;
	text-align:left;
}
.referentes li::before {
	counter-increment: referente;
 	content: counter(referente);
	color:var(--andbank-highlight);
	border-right: 1px solid var(--andbank-highlight);
	font-size:6.5rem;
	padding-right:1rem;
	margin-right:2rem;
	line-height:6.5rem;
}

.testimonios .video,
.testimonios .video figure {
    display: flex;
    align-items: center;
	position:relative;
}
.testimonios .texto {
	padding:1.5rem;
}
.testimonios h3 {
	color:var(--andbank-highlight);
}
section.testimonios {
	text-align:left;
}
.testimonios .wp-block-columns {
	background: #f7f3ed;
}
.testimonios .wp-block-columns:nth-child(odd) {
	flex-direction:row-reverse;
}
.testimonios blockquote {
	border-left:0;
	padding:0;
	quotes: "«" "»";
}
.testimonios blockquote p:before { content: open-quote; display:inline; }
.testimonios blockquote p:after  { content: close-quote;display:inline;}

@media screen and (min-width: 782px) {
	.testimonios .wp-block-columns:not(.is-not-stacked-on-mobile) {
		gap:8% !important;
	}
	.testimonios .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.video {
		flex-basis: 32%;
	}
	.testimonios .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.texto {
		flex-basis: 60%;
	}
	.testimonios .wp-block-columns:nth-child(odd) {
		//background: #f7f3ed;
		background:linear-gradient(-90deg, #fff 0%, #fff 2rem, #f7f3ed 2rem, #f7f3ed 100%);
		padding-left:4rem;
	}
	.testimonios .wp-block-columns:nth-child(even) { 
		padding-right:4rem;
	}
	.testimonios .wp-block-columns {
		//background: #f7f3ed;
		background:linear-gradient(90deg, #fff 0%, #fff 2rem, #f7f3ed 2rem, #f7f3ed 100%);
	}
	.testimonios .wp-block-columns .video:before {
		content: "*";
		overflow: hidden;
		display: block;
		padding-left: 8rem;
		background: white url(https://www.andbank.es/wp-content/themes/andbank/agentes/images/slash.png) left bottom no-repeat;
		background-size: contain;
		position: absolute;
		height: 100%;
		aspect-ratio: 23/56;
		color: #fff;
		margin-left: 2rem;
		left:0;
	}
	.testimonios .wp-block-columns:nth-child(odd) .video:before {
		right:0;
		left:initial;
	}
}
.razones .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.razones p {
	font-size:1.3rem;
}
.razones figure,
.medios figure {
	background: url(https://www.andbank.es/wp-content/themes/andbank/agentes/images/slash.png) 2rem no-repeat;
    padding: 2rem 0;
    background-size: contain;
}
.razones .highlight {
	font-weight:bold;
}

#dialog-inscripcion [for=your-location] {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}
#dialog-inscripcion [name=your-location],
#dialog-inscripcion [name=cartera]{
    font-size: 1.5rem;
    padding: 1.9rem 1.5rem;
    border: 1px solid #fff;
}
#dialog-inscripcion [name=cartera] {
    padding: 1.1rem 1.5rem;
}
#dialog-inscripcion [for=your-location]+br {
    display: none;
}

.form-group.cartera p {
	display:flex;
	flex-direction:row;
}

details summary {
	font-size: 1.5em;
}
section.multijurisdiccion {
    text-align: left;
}
.wysiwyg .multijurisdiccion p {
	line-height:2.3rem;
}

.propuesta .wp-block-column,
.multijurisdiccion .wp-block-column {
	display: flex;
    justify-content: center;
    flex-direction: column;
}

section.propuesta p {
	text-align:left;
}
.propuesta cite .author {
	color: var(--andbank-highlight);
}
section cite {
	margin-top: 2rem;
    display: inline-block;
    text-align: left;
	font-size:1.2rem;	
	font-style:normal;
}
cite .author {
	color: var(--andbank-highlight);
	font-size:1.5rem;
	margin-top:2rem;
}
.propuesta strong {
	color:#000;
}
.propuesta blockquote {
	border-left:0;
}

.wysiwyg .medios h3 {
	font-size:1.5rem;
	padding-left:1rem;
	background: url(https://www.andbank.es/wp-content/themes/andbank/agentes/images/slash.png) left no-repeat;
	background-size: 1rem;
	margin-top:0;
	margin-bottom:1.5rem;
}
section.medios {
    text-align: left;
}
.medios .noticias,
.medios .incorporaciones {
	padding-left:4rem;
	background-repeat:no-repeat;
	background-position: top left;
	background-size: 2rem 2rem;
}
.medios .noticias {
	background-image: url(https://www.andbank.es/wp-content/themes/andbank/agentes/images/noticias.png);
}
.medios .incorporaciones {
	background-image: url(https://www.andbank.es/wp-content/themes/andbank/agentes/images/incorporaciones.png);
	background-size: 3rem 2rem;
}
.medios .noticias ul,
.medios .incorporaciones ul {
	padding-left:0;
	margin-bottom:2.5rem;
}
.medios .noticias li,
.medios .incorporaciones li {
	list-style:none; 
	border-bottom: 1px solid #666;
	font-size:1.1rem;
}
.medios .noticias li:first-child,
.medios .incorporaciones li:first-child {
	border-top: 1px solid #666;
}
.medios .noticias a,
.medios .incorporaciones a {
	color: var(--andbank-highlight);
	text-decoration:underline 1px;
}

.sumate {
	font-size:2rem;
}
.page-template-template-marcasuma-php a.wp-block-button__link,
.page-template-template-marcasuma-2-php a.wp-block-button__link {
	background-color: var(--andbank-highlight);
    color: #fff;
	padding: 0.5rem 3.5rem;
    border-radius: 1rem;
    font-size: 1.2rem;
	text-decoration: none;
	border-radius: 3px;
}


@media screen and (max-width:781px) {
	section {
		margin-top:2rem;
	}
	figure {
		text-align:center;
	}
	:is(.medios, .multijurisdiccion, .razones, .hero) figure.wp-block-image {
		width: 100%;
		padding:2rem 0;
	}
	:is(.medios, .multijurisdiccion, .razones, .hero) .wp-block-image img {
		width: 100%;
		height:auto;
	}
	.referentes li::before {
		font-size:4rem;
		line-height:4rem;
		margin-right:1rem;
	}
	.referentes li {
		flex-basis: 50%;
	}
}
@media (max-width: 1199px) {
	body .wysiwyg p {
		font-size:1.125rem;
	}
	dialog .cerrar {
		padding:2rem;
	}
}

.testimonios .video, 
.testimonios .video figure, 
.wp-block-embed iframe {
    max-width: 100%;
    aspect-ratio: 144/81;
    height: auto;
	justify-content:center;
}

.testimonios .video img {
	padding:1rem 0;
}
dialog .wpcf7 .wpcf7-submit {
    font-size: 1.2rem;
}