:root {
	--color-primary: #156CA7;
	--color-primary-2: #157CC2;
	--color-secondary: #8FCC23;
	--color-dark: #1F2937;
	--color-text: #000000;
	--dark: #156CA7;
	--dark-secondary: #114f7d;
	--color-heading: #000000;
	--color-paragraph: #000000;
	--space-section: 70px;
	--container-w: 1320px;
	--bg-gradient: linear-gradient(135deg, #8FCC23, #7AB31D, #6FA018);
	--bg-gradient-secondary: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-2) 100%);
	--bg-gradient-minimal: #ffffff;
	--color-style-two: var(--color-secondary);
	--color-style-three: var(--color-primary-2);
}

body {
	color: var(--color-text);
	overflow-x: clip;
}

main {
	overflow-x: hidden;
}

.row.g-0 {
	--bs-gutter-x: 0;
}

.visa-category-three-carousel.swiper,
.visa-category-four-carousel.swiper,
.nuestros-convenios-carousel.swiper,
.testimonial-style-three-carousel.swiper,
.eventos-actividades-carousel.swiper,
.banner-fade.swiper {
	overflow: hidden;
}

.color-primary-2 {
	color: var(--color-primary-2) !important;
}

.fw-bold {
	font-weight: 700;
}

.btn-style-one::before,
.btn-style-one span {
	display: none;
}

.pt {
	padding-top: var(--space-section);
}

.pb {
	padding-bottom: var(--space-section);
}

.mt {
	margin-top: var(--space-section);
}

.mb {
	margin-bottom: var(--space-section);
}

.p {
	font-size: 18px;
	line-height: 1.8;
	letter-spacing: .016em;
	color: var(--color-text);
}

.sec-p .p+.p {
	margin-top: 15px;
}

/* El editor de texto del panel (jHtmlArea) deja escribir <ol>/<ul> con <li> a
   mano. El reset global de la plantilla (ul, li { list-style: none } en
   assets/css/style.css) les quita el numero/la vineta a TODOS los <li> del
   sitio, menus incluidos, y ahi no pasa nada porque esos menus dibujan su
   propio marcador. Pero el texto libre del editor no trae marcador propio:
   sus <li> quedaban sin numero, sin vineta y sin sangria, mezclados con el
   resto del parrafo. Se restaura la lista nativa SOLO donde se pinta ese
   texto en todo el sitio (`.p` y `.sec-p`, los contenedores que usan
   detalle-*.php, productos-servicios-tarjeta-credito.php, etc.) y SOLO para
   <ol>/<ul> sin clase, para no tocar las listas propias del maquetado
   (`.list-style-one`, `.list-style-two`, los menus del header/pie), que ya
   traen su bullet dibujado con ::before y usan clase. */
.p ol:not([class]),
.p ul:not([class]),
.sec-p ol:not([class]),
.sec-p ul:not([class]) {
	margin: 0 0 15px;
	padding-left: 20px;
}

.p ol:not([class]),
.sec-p ol:not([class]) {
	list-style-type: decimal;
}

.p ul:not([class]),
.sec-p ul:not([class]) {
	list-style-type: disc;
}

.p ol:not([class]) li,
.p ul:not([class]) li,
.sec-p ol:not([class]) li,
.sec-p ul:not([class]) li {
	list-style: inherit;
	margin-bottom: 8px;
}

.p ol:not([class]) li:last-child,
.p ul:not([class]) li:last-child,
.sec-p ol:not([class]) li:last-child,
.sec-p ul:not([class]) li:last-child {
	margin-bottom: 0;
}

.site-heading .title {
	color: var(--color-heading);
	font-weight: 400 !important;
}

.site-heading .title span,
.site-heading .title .fw-bold {
	font-weight: 700 !important;
}

.top-bar-area {
	background-color: var(--color-primary-2);
	padding: 0;
}

.top-bar-area .row {
	min-height: 57px;
}

.top-bar-area .container-full {
	max-width: 1412px;
	margin: 0 auto;
	padding: 0 15px;
}

.top-bar-area ul.item-flex {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0;
	list-style: none;
	justify-content: flex-start;
}

.top-bar-area ul.item-flex li a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--white);
	font-size: 16px;
	font-weight: 500;
}

.top-bar-area ul.item-flex li a img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.top-bar-area .topbar-actions {
	display: flex;
	gap: 20px;
	justify-content: flex-end;
	flex-wrap: nowrap;
	margin-right: 12px;
}

.btn-topbar {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	height: 39px;
	padding: 0 14px;
	border: 1px solid var(--white);
	border-radius: 30px;
	color: var(--white);
	font-size: 15.5px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	transition: all .3s ease-in-out;
}

.btn-topbar:hover {
	background: var(--white);
	color: var(--color-primary-2);
}

.btn-topbar__ico {
	width: 20px;
	height: 20px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.btn-topbar__ico--color {
	filter: none;
}

.btn-topbar:hover .btn-topbar__ico {
	filter: brightness(0);
}

.btn-topbar:hover .btn-topbar__ico--color {
	filter: none;
}

header nav.navbar.navbar-default {
	padding: 0;
}

header nav.navbar .container-full {
	position: relative;
	height: 106px;
}

nav.navbar.validnavs.navbar-style-two .navbar-header::after {
	background: #F1F1F1;
	top: -10px;
	bottom: -9px;
	right: -44px;
}

header nav.navbar .navbar-header,
header nav.navbar .navbar-collapse,
header nav.navbar .attr-right {
	position: relative;
	z-index: 1;
}

header nav.navbar .navbar-header,
header nav.navbar .attr-right {
	flex-shrink: 0;
}

.navbar-brand > img.logo-display,
.navbar-brand > img.logo-scrolled {
	height: 83px;
	width: auto;
	max-width: none;
}

.navbar-header .navbar-brand {
	margin-left: -12px;
	margin-top: 4px;
}

.navbar.validnavs .navbar-nav > li > a {
	text-transform: uppercase;
	font-size: 15.8px;
	padding-left: 11.5px;
	padding-right: 11.5px;
}

nav.navbar.validnavs .navbar-nav.navbar-right > li:first-child {
	margin-right: 17px;
}

nav.navbar.validnavs .navbar-nav.navbar-right {
	margin-left: 67px;
	margin-right: -93px;
}

nav.navbar.validnavs .attr-right {
	padding-left: 0;
	margin-left: -13px;
	margin-right: 5px;
}

.navbar .attr-right .attr-nav ul li a.btn-asesor,
.attr-nav ul li a.btn-asesor,
.btn-asesor {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 40px;
	padding: 0 10px 0 7px;
	border-radius: 30px;
	background: var(--color-secondary);
	color: #000;
	font-size: 15.8px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	transition: all .3s ease-in-out;
}

.attr-nav ul li a.btn-asesor:hover,
.btn-asesor:hover {
	background: var(--color-primary-2);
	color: var(--white);
}

.btn-asesor__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.btn-asesor__ico img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

nav.navbar.validnavs ul li.dropdown ul.dropdown-menu li a {
	font-size: 15px;
}

@media (max-width: 1199px) {
	header nav.navbar .attr-right {
		display: none;
	}

	nav.navbar.validnavs .navbar-nav.navbar-right {
		margin-left: 0;
		margin-right: 0;
	}

	nav.navbar.validnavs .navbar-nav.navbar-right > li:first-child {
		margin-right: 0;
	}

	nav.navbar.validnavs .attr-right {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 1023px) {
	header nav.navbar .navbar-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		flex: 1 1 100%;
		width: 100%;
	}

	header nav.navbar .navbar-header .navbar-brand {
		position: static;
		transform: none;
		margin-left: 0;
		margin-top: 0;
		order: -1;
	}

	header nav.navbar .navbar-header .navbar-toggle {
		order: 1;
		margin: 0;
	}

	header nav.navbar .navbar-brand > img.logo-display,
	header nav.navbar .navbar-brand > img.logo-scrolled {
		width: 134px;
		height: 60px;
		max-width: none;
		max-height: none;
	}
}

@media (max-width: 1199px) {
	.top-bar-area .row {
		justify-content: space-between;
		row-gap: 6px;
		padding: 6px 0;
	}

	.top-bar-area .row > .info,
	.top-bar-area .row > .text-end {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.top-bar-area .row > .text-end {
		margin-left: auto;
	}

	.top-bar-area ul.item-flex {
		gap: 18px;
	}

	.top-bar-area ul.item-flex li a {
		font-size: 14px;
		gap: 8px;
	}

	.top-bar-area ul.item-flex li a img {
		width: 18px;
		height: 18px;
	}

	.top-bar-area .topbar-actions {
		margin-right: 0;
		gap: 14px;
	}

	.btn-topbar {
		flex-shrink: 0;
		height: 36px;
		padding: 0 12px;
		gap: 9px;
		font-size: 13.5px;
	}

	.btn-topbar__ico {
		width: 18px;
		height: 18px;
	}
}

@media (max-width: 991px) {
	.top-bar-area {
		display: block;
		padding: 8px 0;
	}

	.top-bar-area .row {
		--bs-gutter-y: 0;
		margin-top: 0;
		min-height: 0;
		padding: 0;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 8px 24px;
	}

	.top-bar-area .row > .info,
	.top-bar-area .row > .text-end {
		margin-left: 0;
		margin-top: 0;
		text-align: center !important;
	}

	.top-bar-area .address-info ul.item-flex {
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px 18px;
	}

	.top-bar-area ul.item-flex li,
	.top-bar-area ul.item-flex li a {
		line-height: 1.5;
	}

	.top-bar-area ul.item-flex li a {
		font-size: 14px;
		gap: 8px;
	}

	.top-bar-area ul.item-flex li a img {
		width: 17px;
		height: 17px;
	}

	.top-bar-area .topbar-actions {
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
		margin-right: 0;
	}

	.btn-topbar {
		height: 32px;
		padding: 0 12px;
		gap: 8px;
		font-size: 12px;
	}

	.btn-topbar__ico {
		width: 16px;
		height: 16px;
	}
}

@media (max-width: 767px) {
	header nav.navbar .navbar-brand > img.logo-display,
	header nav.navbar .navbar-brand > img.logo-scrolled {
		width: 112px;
		height: 50px;
	}
}

@media (max-width: 479px) {
	.top-bar-area .topbar-actions {
		gap: 6px;
	}

	.btn-topbar {
		height: 30px;
		padding: 0 10px;
		gap: 0;
		font-size: 11px;
	}

	.btn-topbar__ico {
		display: none;
	}
}

.rail-home {
	position: fixed;
	right: 0;
	top: 186px;
	height: auto;
	z-index: 97;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 16px;
}

.rail-home > * {
	flex: 0 0 auto;
}

.rail-home__redes {
	width: 38px;
	height: 126px;
	background: var(--bg-gray);
	border-radius: 8px 0 0 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
}

.rail-home__redes a {
	color: #000;
	font-size: 22px;
	line-height: 1;
	transition: all .3s ease-in-out;
}

.rail-home__redes a:hover {
	color: var(--color-primary-2);
}

.rail-home__pse {
	width: 69px;
	height: 68px;
	background: var(--bg-gray);
	border-radius: 8px 0 0 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rail-home__pse img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.banner-area.banner-style-three .item {
	height: 580px;
}

.banner-area .container {
	max-width: 1388px;
}

.banner-area.banner-style-three .shadow-left::after {
	background: rgba(0, 0, 0, .552);
}

.banner-area.banner-style-three .content h2 {
	font-size: 59px;
	line-height: 1.39;
	margin-bottom: 18px;
	color: var(--white);
}

.banner-area.banner-style-three .content .p {
	color: var(--white);
	font-size: 16px;
	max-width: 575px;
	margin-bottom: 38px;
}

.banner-area .banner-fade .banner-prev-nav,
.banner-area .banner-fade .banner-next-nav {
	opacity: 1;
	visibility: visible;
	width: auto;
	height: auto;
	line-height: 1;
	background: none;
	box-shadow: none;
	border-radius: 0;
}

.banner-area .banner-prev-nav::before,
.banner-area .banner-next-nav::before {
	display: none;
}

.banner-area .banner-fade .banner-prev-nav {
	left: 11px;
	top: calc(50% + 3px);
}

.banner-area .banner-fade .banner-next-nav {
	right: 13px;
	top: calc(50% + 3px);
}

.banner-area.banner-style-three .content .button {
	line-height: 0;
}

.banner-area.banner-style-three .content .btn-style-one,
.about-style-five-info .btn-style-one {
	padding: 13px 30px;
	color: #000;
}

.indicadores-economicos-area {
	background: var(--white);
	padding: 37px 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.indicadores-economicos-area .container-full {
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.indicadores-economicos-carousel.swiper {
	overflow: hidden;
	padding: 6px 0 6px 3px;
	margin: -6px 0;
}

.indicadores-economicos-carousel .swiper-slide {
	width: 311px;
	height: auto;
}

.indicador-item {
	height: 80px;
	padding: 17px 12px 0;
	background: var(--white);
	box-shadow: 0 3px 3px -1px rgba(0, 0, 0, .40), 0 0 2px rgba(0, 0, 0, .07);
}

.indicador-item .top,
.indicador-item .bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	white-space: nowrap;
	gap: 10px;
}

.indicador-item .top {
	font-size: 15.8px;
	font-weight: 500;
	line-height: 20px;
	color: var(--color-text);
	margin-bottom: 0;
}

.indicador-item .bottom {
	align-items: flex-start;
	font-size: 15px;
	line-height: 25px;
	color: var(--color-text);
	padding-right: 9px;
}

.indicador-item .value {
	font-size: 22.6px;
	line-height: 29px;
	color: #8a8a8a;
}

.indicador-item .change {
	font-size: 14px;
}

.indicador-item .pct,
.indicador-item .change {
	color: var(--color-text);
}

.indicador-item .value.up {
	color: #2FC643;
}

.indicador-item .value.down {
	color: #DD1C31;
}

.indicador-item .pct.up i {
	color: #2FC643;
}

.indicador-item .pct.down i {
	color: #DD1C31;
}

.tqn-area {
	position: relative;
	padding-top: 26px;
}

.tqn-inner {
	position: relative;
	min-height: 578px;
}

.tqn-thumb {
	position: absolute;
	top: 0;
	right: 0;
	width: 40.3%;
	max-width: 522px;
	border-radius: 16px;
	overflow: hidden;
	z-index: 1;
}

.tqn-thumb img {
	display: block;
	width: 100%;
	height: 578px;
	object-fit: cover;
}

.tqn-area .site-heading {
	position: relative;
	z-index: 2;
	padding-top: 67px;
	margin-bottom: 0;
}

.tqn-area .site-heading .title {
	font-size: 52px !important;
	line-height: 1.46;
	margin-bottom: 0;
}

.tqn-cards {
	position: relative;
	z-index: 2;
	display: flex;
	gap: 32px;
	width: 96.6%;
	margin-top: 58px;
}

.tqn-card {
	flex: 1 1 0;
	min-width: 0;
	height: 225px;
	padding: 40px 29px;
	border-radius: 12px;
	display: block;
	background-color: var(--bg-gray);
	background-image:
		linear-gradient(233deg, rgba(239, 239, 239, 0) 53%, rgba(239, 239, 239, 1) 63%),
		radial-gradient(circle, #dcdcdc 2px, transparent 2.2px);
	background-size: 100% 100%, 8.2px 10px;
	transition: all .3s ease-in-out;
}

.tqn-card:hover {
	transform: translateY(-6px);
}

.tqn-card--destacada {
	background-color: var(--color-secondary);
	background-image: none;
}

.tqn-card__icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--color-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
}

.tqn-card__icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	filter: brightness(0);
}

.tqn-card__icon--pse img {
	filter: none;
	width: 24px;
	height: 24px;
}

.tqn-card--destacada .tqn-card__icon {
	background: var(--white);
}

.tqn-card h4 {
	font-size: 22px;
	line-height: 1.364;
	font-weight: 700;
	margin: 0;
	color: var(--color-heading);
}

.productos-servicios-area {
	position: relative;
	z-index: 1;
	padding-top: 64px;
	padding-bottom: 90px;
	background-color: transparent;
	background-image: linear-gradient(to bottom,
			var(--color-primary-2) 0,
			var(--color-primary-2) 472px,
			transparent 472px);
}

.productos-servicios-area::before,
.productos-servicios-area::after {
	content: "";
	position: absolute;
	top: 0;
	height: 472px;
	width: 200px;
	z-index: -1;
	background-image: radial-gradient(circle, rgba(255, 255, 255, .16) 2px, transparent 2.2px);
	background-size: 16px 16px;
}

.productos-servicios-area::before {
	left: 0;
}

.productos-servicios-area::after {
	right: 0;
}

.productos-servicios-area .site-heading {
	margin-bottom: 81px;
}

.productos-servicios-area .site-heading .title {
	color: var(--white);
	font-size: 52px !important;
	margin-bottom: 0;
}

.visa-category-three-carousel .swiper-slide {
	padding: 0 15px;
}

.visa-cat-style-three {
	background: var(--white);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 26px rgba(0, 0, 0, .07);
}

.visa-cat-style-three .circle-icon-btn .button-icon {
	background: var(--color-secondary);
}

.visa-cat-style-three .info {
	padding: 52px 30px 30px;
}

.visa-cat-style-three .thumb {
	display: block;
	overflow: hidden;
}

.visa-cat-style-three .thumb img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	transition: all .4s ease-in-out;
}

.visa-cat-style-three:hover .thumb img {
	transform: scale(1.08);
}

.visa-cat-style-three .info .top {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 30px;
}

.visa-cat-style-three .info .top img {
	height: 58px;
	width: auto;
}

.visa-cat-style-three .info .top h4 {
	font-size: 24px;
	margin: 0;
}

.visa-cat-style-three .info .p {
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-text);
	margin-bottom: 30px;
}

.visa-category-three-items {
	position: relative;
}

.visa-category-three-navs > div {
	position: absolute;
	top: 242px;
	z-index: 3;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-size: 22px;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.visa-category-three-navs > div:hover {
	color: var(--color-secondary);
}

.visa-category-three-prev {
	left: -60px;
}

.visa-category-three-next {
	right: -60px;
}

.about-style-five-info .sub-title {
	font-size: 55px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-heading);
	margin-bottom: 10px;
	text-transform: none;
	display: block;
	border: none;
	padding: 0;
	border-radius: 0;
}

.about-style-five-info .title {
	font-size: 55px !important;
	line-height: 1.2;
	color: var(--color-primary-2);
	margin-bottom: 16px;
}

.about-style-five-info .sec-p .p {
	line-height: 30px;
}

.about-style-five-info .sec-p .p+.p {
	margin-top: 30px;
}

.about-style-five-info .list-style-two {
	margin-top: 28px;
}

.about-style-five-info .list-style-two li {
	margin-top: 0;
	margin-bottom: 12px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: .016em;
}

.about-style-five-info .list-style-two li:last-child {
	margin-bottom: 0;
}

.about-style-five-info .list-style-two li::after {
	display: none;
}

.about-style-five-info .list-style-two li::before {
	top: 8px;
	width: 14px;
	height: 14px;
}

.about-style-five-thumb>img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.about-style-five-shape {
	position: absolute;
	left: 80.9%;
	top: 64.6%;
	width: 59.9%;
	z-index: -1;
	pointer-events: none;
}

.about-style-five-shape img {
	width: 100%;
	height: auto;
	border-radius: 0;
}

@media (min-width: 992px) {
	.about-style-five-area .row>.col-lg-6:not(.order-lg-last) {
		flex: 0 0 52.9%;
		max-width: 52.9%;
	}

	.about-style-five-area .row>.col-lg-6.order-lg-last {
		flex: 0 0 47.1%;
		max-width: 47.1%;
		padding-left: 14px;
	}

	.about-style-five-area .row.align-center {
		align-items: flex-start;
	}

	.about-style-five-thumb {
		margin-top: -6.2%;
	}
}

.list-style-two {
	list-style: none;
	margin-top: 25px;
}

.list-style-two li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 12px;
	font-size: 16px;
	color: var(--color-text);
}

.list-style-two li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--color-secondary);
}

.choose-us-style-three-info .title {
	font-size: 54px !important;
	font-weight: 400 !important;
	line-height: 1.16;
	margin-bottom: 33px;
}

.choose-us-style-three-info .title span {
	font-weight: 700 !important;
}

.choose-us-style-three-info > .p {
	line-height: 1.67;
}

.card-style-three .item h4 {
	font-size: 24px;
	line-height: 1.42;
}

.card-style-three .item .p {
	line-height: 1.67;
}

.card-style-three .item .number {
	color: transparent;
	-webkit-text-stroke: 1px #82b8dc;
}

@media (min-width: 1200px) {
	.choose-us-three-thumb {
		width: 34.7%;
	}

	.choose-us-style-three-info .card-style-three {
		margin-top: 58px;
	}

	.card-style-three .item {
		flex: 1 1 444px;
		padding-right: 21px;
	}

	.card-style-three .item:last-child {
		flex-basis: 420px;
	}

	.card-style-three .item .number {
		width: 90px;
		flex-shrink: 0;
		white-space: nowrap;
	}
}

.choose-us-three-thumb .video-card a {
	background: var(--color-primary-2);
}

.choose-us-three-thumb .video-card a i {
	color: var(--color-primary-2);
	height: 64px;
	width: 64px;
	line-height: 64px;
}

.choose-us-three-thumb .video-card span {
	background: var(--color-secondary);
	color: #000000;
	font-size: 18px;
	letter-spacing: 0.5px;
	width: 41px;
	padding: 0;
}

.choose-us-style-three-area {
	background: #fafafa;
	padding-top: 89px;
	padding-bottom: 78px;
}

.home-blog-area {
	padding-top: 83px;
	padding-bottom: 82px;
}

.nuestros-beneficios-area {
	background: var(--color-secondary);
	padding: 40px 0 50px;
	border-radius: 20px;
	top: 0;
	max-width: 1408px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 105px;
	margin-bottom: 119px;
}

.nuestros-beneficios-area .visa-category-four-items {
	background: transparent;
	width: 100%;
	margin-left: 0;
	padding: 0;
	border-radius: 0;
}

@media (min-width: 1200px) {
	.choose-us-style-three-info .title {
		padding-right: 0;
	}
}

@media (min-width: 1701px) {
	.documentos-grid {
		margin-left: 45px;
		margin-right: 45px;
	}

	.documentos-grid .documento-item {
		padding-left: 17px;
		padding-right: 17px;
	}

	.choose-us-style-three-area .container {
		max-width: 1370px;
	}

	.historia-timeline-area > .container {
		max-width: 1414px;
	}

	.producto-item-area .container,
	.tarjeta-debito-intro .container {
		max-width: 1400px;
	}

	.tarjeta-operaciones {
		max-width: 1328px;
		margin-left: auto;
		margin-right: auto;
	}
}

.nuestros-beneficios-area .container {
	max-width: var(--main-container, 1320px);
}

.nuestros-beneficios-area .site-heading {
	margin-bottom: 30px;
}

.nuestros-beneficios-area .site-heading .title {
	color: var(--color-heading);
}

.visa-cat-style-four {
	background: var(--white);
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.visa-cat-style-four .thumb {
	display: block;
}

.visa-cat-style-four .thumb img {
	width: 100%;
	height: 205px;
	object-fit: cover;
}

.visa-cat-style-four:not(.card-destacada) .info {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 30px 30px 32px;
}

.visa-cat-style-four .info h4 {
	font-size: 22px;
	margin-bottom: 7px;
}

.visa-cat-style-four .info h4 a {
	color: var(--color-heading);
}

.visa-cat-style-four .info .p {
	font-size: 18px;
	line-height: 30px;
}

.visa-cat-style-four:not(.card-destacada) .info .p {
	flex: 1 1 auto;
}

.btn-outline-small {
	display: inline-block;
	align-self: flex-start;
	margin-top: 19px;
	padding: 7px 13px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #707070;
	color: var(--color-primary-2);
	border-radius: 5px;
	transition: all .3s ease-in-out;
}

.btn-outline-small:hover {
	background: var(--color-primary-2);
	border-color: var(--color-primary-2);
	color: var(--white);
}

.visa-cat-style-four.card-destacada {
	background: var(--color-primary-2);
	color: var(--white);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 44px 30px 30px;
	height: 100%;
}

.visa-cat-style-four.card-destacada .info h4 {
	margin-bottom: 13px;
}

.visa-cat-style-four.card-destacada .info {
	padding: 0;
	width: 100%;
}

.visa-cat-style-four.card-destacada .icon {
	width: 72px;
	height: 72px;
	margin-bottom: 33px;
}

.visa-cat-style-four.card-destacada .icon img {
	width: 100%;
	filter: brightness(0) invert(1);
}

.visa-cat-style-four.card-destacada h4 a,
.visa-cat-style-four.card-destacada .p {
	color: var(--white);
}

.visa-cat-style-four.card-destacada a.circle-icon-btn {
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	width: max-content;
	margin-top: 18px;
}

.visa-cat-style-four a.circle-icon-btn .button-icon {
	background: var(--color-secondary);
}

.visa-cat-style-four a.circle-icon-btn .button-icon img {
	filter: brightness(0) invert(1);
}

.visa-cat-style-four a.circle-icon-btn:hover .button-icon {
	background: var(--color-secondary);
}

.noticias-area {
	position: relative;
	z-index: 1;
	padding-top: 72px;
	padding-bottom: 70px;
}

.noticias-area::after {
	position: absolute;
	inset: 0;
	content: "";
	background: rgba(0, 0, 0, 0.77);
	z-index: -1;
}

.noticias-area .site-heading {
	margin-bottom: 63px;
}

.noticias-area .button {
	margin-top: 52px;
	line-height: 0;
}

.noticias-area .button .btn-style-one {
	font-size: 16px;
	color: var(--color-heading);
}

.noticias-area .site-heading .title {
	color: var(--white);
}

.noticias-area-light {
	background: var(--white);
	padding-top: 100px;
	padding-bottom: 82px;
}

.noticias-area-light .site-heading {
	margin-bottom: 57px;
}

.noticias-area-light .home-blog-style-one .info .inner .content {
	background: var(--bg-gray);
}

.noticias-area-light .home-blog-style-one .btn-regular {
	background: var(--white);
}

.noticias-area-light .button {
	margin-top: 50px;
}

.noticias-area-light .button .btn-style-one {
	font-size: 16px;
	padding: 13px 42px;
	color: var(--color-heading);
}

.home-blog-style-one .thumb {
	display: block;
}

.home-blog-style-one .thumb img {
	width: 100%;
	height: auto;
	aspect-ratio: 636 / 402;
	object-fit: cover;
	border-radius: 10px;
}

.home-blog-style-one .info {
	background: transparent;
	margin: 0 0 -48px;
	padding: 0 30px;
	position: relative;
	top: -48px;
	z-index: 2;
	display: block;
}

.home-blog-style-one .info .inner {
	display: flex;
	gap: 17px;
	align-items: flex-start;
}

.home-blog-style-one .info .inner .meta {
	flex: 0 0 auto;
}

.home-blog-style-one .info .inner .content {
	flex: 1 1 auto;
	background: var(--white);
	border-radius: 12px;
	padding: 45px 12px 35px 38px;
}

.home-blog-style-one .info .inner .date {
	width: 90px;
	background: var(--color-secondary);
	color: var(--color-heading);
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	padding: 0;
	border-radius: 0;
}

.home-blog-style-one .info .inner .date strong {
	display: block;
	background: var(--color-primary-2);
	color: var(--white);
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	padding: 15px 0 16px;
}

.home-blog-style-one h3 {
	font-size: 28px;
	line-height: 38px;
	min-height: 76px;
	margin-bottom: 22px;
}

.home-blog-style-one h3 a {
	color: var(--color-heading);
}

.home-blog-style-one .info,
.home-blog-style-one .info a,
.home-blog-style-one .info h3 a,
.home-blog-style-one .btn-regular {
	color: var(--color-heading);
}

.home-blog-style-one .btn-regular {
	font-size: 17px;
	line-height: 1.6;
	padding: 9px 19px;
}

.home-blog-style-one .btn-regular svg {
	height: 13px;
	top: -1px;
	margin-left: 14px;
}

.home-blog-style-one .btn-regular svg path {
	stroke: var(--color-heading);
}

.testimonial-three-thumb img {
	border-radius: 16px;
	width: 100%;
}

.testimoial-style-three-items .sub-title {
	font-size: 54px;
	font-weight: 400;
	color: var(--color-heading);
	margin-bottom: 0;
	border: none;
	padding: 0;
	text-transform: none;
	border-radius: 0;
}

.testimoial-style-three-items .title {
	font-size: 54px !important;
	margin-bottom: 20px;
}

.testimonial-style-three-item {
	background: #f5f5f5;
	padding: 30px;
	border-radius: 10px;
	position: relative;
}

.testimonial-style-three-item .ratings {
	color: #f7b500;
	margin-bottom: 13px;
}

.testimonial-style-three-item .info {
	display: flow-root;
}

.testimonial-style-three-item .quote {
	float: right;
	width: 60px;
	height: 46px;
	margin: 0 10px 0 24px;
	background-color: var(--color-secondary);
	-webkit-mask-image: url(assets/img/icon/quote.png);
	mask-image: url(assets/img/icon/quote.png);
	-webkit-mask-size: 60px 60px;
	mask-size: 60px 60px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center -7px;
	mask-position: center -7px;
}

.testimonial-style-three-item .quote img {
	opacity: 0;
}

.provider-details {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 15px;
}

.provider-details .thumb img {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	object-fit: cover;
}

.provider-details .content h4 {
	font-size: 20px;
	margin-bottom: 4px;
}

.provider-details .content span {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.35;
	color: #777;
}

.eventos-actividades-area {
	padding-top: 96px;
	padding-bottom: 84px;
}

.eventos-actividades-area .site-heading {
	margin-bottom: 68px;
}

.eventos-actividades-area .button {
	margin-top: 63px;
}

.eventos-actividades-area .button .btn-style-one {
	font-size: 16px;
	color: var(--color-heading);
}

.eventos-actividades-items {
	position: relative;
}

.eventos-actividades-item {
	display: block;
	border-radius: 10px;
	overflow: hidden;
}

.eventos-actividades-item img {
	display: block;
	width: 100%;
	aspect-ratio: 455 / 388;
	object-fit: cover;
	transition: all .4s ease-in-out;
}

.eventos-actividades-item:hover img {
	transform: scale(1.08);
}

.eventos-actividades-prev,
.eventos-actividades-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity .3s ease-in-out;
}

.eventos-actividades-prev {
	left: 0;
}

.eventos-actividades-next {
	right: 0;
}

.eventos-actividades-prev:hover,
.eventos-actividades-next:hover {
	opacity: .6;
}

.nuestros-convenios-area {
	position: relative;
	z-index: 1;
	padding-top: 44px;
	padding-bottom: 78px;
	background-position: center;
	background-size: cover;
}

.nuestros-convenios-area::after {
	position: absolute;
	inset: 0;
	content: "";
	background: rgba(255, 255, 255, 0.7);
	z-index: -1;
}

.nuestros-convenios-area .container {
	padding-left: 15px;
	padding-right: 15px;
}

.nuestros-convenios-area .site-heading {
	margin-bottom: 56px;
}

.nuestros-convenios-area .site-heading .title {
	color: var(--color-heading);
}

.nuestros-convenios-area .country-coverage-two-items {
	position: relative;
}

.nuestros-convenios-area .country-coverage-two-item {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white);
	border: none;
	padding: 0;
	height: auto;
	aspect-ratio: 301 / 126;
	border-radius: 10px;
	overflow: hidden;
}

.nuestros-convenios-area .country-coverage-two-item img {
	display: block;
	width: calc(100% + 6px);
	max-width: none;
	max-height: none;
	height: calc(100% + 6px);
	object-fit: cover;
	object-position: center center;
	margin: 0;
}

.nuestros-convenios-prev,
.nuestros-convenios-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity .3s ease-in-out;
}

.nuestros-convenios-prev {
	left: -51px;
}

.nuestros-convenios-next {
	right: -51px;
}

.nuestros-convenios-prev:hover,
.nuestros-convenios-next:hover {
	opacity: .6;
}

.country-coverage-two-item {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white);
	border-radius: 10px;
	padding: 30px;
	height: 140px;
}

.country-coverage-two-item img {
	max-width: 100%;
	max-height: 80px;
	width: auto;
}

.footer-top-area {
	position: relative;
	background: var(--color-primary);
	overflow: hidden;
}

.footer-split {
	display: flex;
	align-items: stretch;
}

.footer-split__brand {
	flex: 0 0 35.156%;
	max-width: 35.156%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 108px 0 40px 10.83%;
}

.footer-split__main {
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
	border-left: 2px solid rgba(255, 255, 255, .55);
	padding-top: 68px;
}

.footer-split__main::before,
.footer-split__main::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
}

.footer-split__main::before {
	background: var(--footer-fondo, none) center/cover no-repeat;
}

.footer-split__main::after {
	background: var(--color-primary-2);
	opacity: .85;
	z-index: 1;
}

.footer-split__main > * {
	position: relative;
	z-index: 2;
}

.footer-coofinanciar .footer-logo {
	display: block;
	line-height: 0;
}

.footer-coofinanciar .footer-logo img {
	width: 351px;
	height: auto;
	margin-bottom: 0;
}

.footer-social-regular {
	display: flex;
	gap: 12px;
	list-style: none;
	margin: -16px 0 0;
	padding: 0;
}

.footer-coofinanciar ul.footer-social-regular li a {
	width: 41px;
	height: 41px;
	border: none;
	border-radius: 50%;
	background: rgba(143, 204, 35, .8);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease-in-out;
}

.footer-coofinanciar ul.footer-social-regular li a img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.footer-coofinanciar ul.footer-social-regular li a:hover {
	background: var(--color-secondary);
}

.footer-links {
	display: grid;
	grid-template-columns: minmax(0, 254fr) minmax(0, 287fr) minmax(0, 210fr) minmax(0, 250fr);
	padding: 0 15.125% 0 4.344%;
}

.footer-links .footer-item {
	display: flex;
	flex-direction: column;
	margin-top: 0;
}

.footer-item .widget-title {
	color: var(--white);
	margin-bottom: 33px;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.3;
}

.f-item.link ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-coofinanciar .f-item.link ul li {
	margin-top: 0;
	margin-bottom: 19px;
}

.footer-coofinanciar .f-item.link ul li:last-child {
	margin-bottom: 0;
}

.footer-coofinanciar .f-item.link ul li a {
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	display: block;
	width: fit-content;
}

.footer-coofinanciar .f-item.link ul li a:hover {
	color: var(--color-secondary);
}

.footer-badges {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 34px;
	width: 219.048%;
	margin-top: auto;
	margin-bottom: -36px;
}

.footer-badges img {
	height: 53px;
	width: auto;
	max-width: none;
	object-fit: contain;
	flex-shrink: 0;
}

.footer-badges img.footer-badges__fogacoop {
	height: auto;
	width: 156px;
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .55);
	padding: 19px 0 17px;
	margin-top: 46px;
}

.footer-copyright {
	margin: 0;
	padding-left: 4.344%;
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.footer-copyright a {
	color: var(--white);
	text-decoration: none;
}

.footer-copyright a:hover {
	color: var(--color-secondary);
}

#scroll-top {
	position: fixed;
	right: 23px;
	bottom: 70px;
	width: 37px;
	height: 37px;
	background: var(--color-secondary);
	color: var(--color-dark);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	cursor: pointer;
	z-index: 98;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-in-out;
}

#scroll-top.show {
	opacity: 1;
	visibility: visible;
}

#scroll-top:hover {
	background: var(--color-primary-2);
	color: var(--white);
}

#whatsappflotante {
	position: fixed;
	bottom: 32px;
	left: 22px;
	z-index: 99;
	display: flex;
}

.wa-float__btn {
	line-height: 0;
	cursor: pointer;
}

#whatsappflotante .img-w {
	width: 52px;
	height: 52px;
	filter: drop-shadow(0 5px 15px rgba(0, 0, 0, .3));
	transition: opacity .3s ease-in-out;
}

#whatsappflotante:hover .img-w {
	opacity: .8;
}

.breadcrumb-area {
	padding: 88px 0 60px;
}

.breadcrumb-area h1 {
	font-size: 50px;
}

.breadcrumb-area .breadcrumb li {
	color: var(--white);
}

.breadcrumb-area .breadcrumb li:last-child {
	padding-right: 0;
}

.breadcrumb-area::after {
	opacity: .5;
}

.historia-timeline-area {
	padding-bottom: calc(var(--space-section) + 20px);
}

.historia-timeline-area .p {
	text-align: left;
	line-height: 30px;
}

.historia-timeline-area .site-heading {
	margin: 75px 0 0;
}

.historia-timeline-area .site-heading .title {
	font-size: 36px !important;
	font-weight: 600 !important;
	line-height: 47px;
}

.historia-timeline {
	position: relative;
	margin: 102px 0 0;
}

.historia-timeline::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -38px;
	bottom: 76px;
	width: 4px;
	background: #D6D6D6;
	transform: translateX(-50%);
	z-index: 1;
}

.historia-timeline::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -32px;
	width: 12px;
	height: 12px;
	background: #D6D6D6;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.historia-timeline-item {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
	column-gap: 94px;
	margin-bottom: -18px;
}

.historia-timeline-item:last-child {
	margin-bottom: 0;
}

.historia-timeline-item::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 40px;
	width: 48px;
	height: 48px;
	background: var(--color-secondary);
	border: 4px solid #D6D6D6;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.historia-timeline-year {
	grid-column: 1;
	grid-row: 1;
	justify-self: end;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin-top: 25px;
}

.historia-timeline-content {
	grid-column: 2;
	grid-row: 1;
	justify-self: stretch;
	width: 100%;
}

.historia-timeline-item.reverse .historia-timeline-year {
	grid-column: 2;
	justify-self: start;
}

.historia-timeline-item.reverse .historia-timeline-content {
	grid-column: 1;
	justify-self: stretch;
	width: 100%;
	max-width: none;
}

.historia-timeline-content .p {
	position: relative;
	background: var(--bg-gray);
	padding: 30px 24px;
	border-radius: 6px;
	margin: 0;
	text-align: left;
}

.historia-timeline-content .p::before {
	content: "";
	position: absolute;
	top: 40px;
	left: -13px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 13px solid var(--bg-gray);
	transform: translateY(-50%);
}

.historia-timeline-item.reverse .historia-timeline-content .p::before {
	left: auto;
	right: -13px;
	border-right: 0;
	border-left: 13px solid var(--bg-gray);
}

.historia-timeline-outro {
	margin-top: 59px;
}

.cta-credito-area {
	position: relative;
	z-index: 1;
	padding: 103px 0 111px;
}

.cta-credito-area.shadow.dark-hard::after {
	opacity: .56;
}

.cta-credito-area .content .title {
	font-size: 55px !important;
	font-weight: 400 !important;
	margin: 0 0 41px;
}

.cta-credito-area .content .title strong {
	font-weight: 700 !important;
}

.cta-credito-area .content .p {
	max-width: 830px;
	margin: 0 auto;
	font-weight: 700;
	line-height: 1.667;
	color: var(--white);
	text-align: center;
}

.cta-credito-area .content .btn-style-one {
	font-size: 16px;
	padding: 13px 22px;
	color: #000;
}

.footer-contact-strip {
	position: relative;
	background-color: var(--color-secondary);
	padding: 48px 0;
}

.footer-contact-strip::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 35.156%;
	width: 2px;
	background-color: rgba(255, 255, 255, .6);
}

.footer-contact-strip__inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	width: 68.542%;
	margin-left: 14.688%;
}

.footer-contact-strip__item {
	display: flex;
	align-items: center;
	gap: 18px;
	color: #000;
}

.footer-contact-strip__item i {
	width: 50px;
	height: 50px;
	border: 2px solid #000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
}

.footer-contact-strip__item h4 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 9px;
	color: #000;
}

.footer-contact-strip__item p {
	margin: 0;
	color: #000;
	font-size: 17px;
	font-weight: 400;
	line-height: 21px;
}

.footer-contact-strip__item p a {
	font-weight: 400;
	line-height: 21px;
}

.footer-contact-strip__item a {
	color: #000;
}

.footer-contact-strip__item a:hover {
	color: var(--color-primary);
}

.quienes-somos-area {
	padding: 0;
}

.quienes-somos-info {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 13px;
	padding-left: max(15px, calc((100vw - var(--container-w, 1320px)) / 2 - 33px));
	padding-right: 60px;
}

.quienes-somos-info .title {
	font-size: 36px !important;
	margin-bottom: 25px;
}

.quienes-somos-info .sec-p .p {
	line-height: 30px;
}

.quienes-somos-info .sec-p .p+.p {
	margin-top: 30px;
}

.quienes-somos-thumb {
	position: relative;
	height: 100%;
	min-height: 558px;
	overflow: hidden;
}

.quienes-somos-thumb img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mision-vision-area {
	padding: 109px 0 84px;
}

.mision-vision-thumb img {
	width: 100%;
	border-radius: 10px;
	display: block;
}

.accordion-header {
	font-size: inherit;
	line-height: inherit;
	margin-bottom: 0;
}

.mision-vision-accordion .accordion-item.accordion-style-one {
	background: var(--bg-gray);
	margin-top: 27px;
}

.mision-vision-accordion .accordion-item.accordion-style-one:first-child {
	margin-top: 0;
}

.mision-vision-accordion .accordion-item.accordion-style-one button.accordion-button {
	font-size: 19px;
	line-height: 26px;
	padding: 21px 45px 21px 43px;
}

.mision-vision-accordion .accordion-item.accordion-style-one button.accordion-button::before {
	right: 20px;
}

.mision-vision-accordion .accordion-item.accordion-style-one button.accordion-button:not(.collapsed) {
	background: var(--color-primary-2) !important;
	color: var(--white);
}

.mision-vision-accordion .accordion-item.accordion-style-one .accordion-body {
	padding: 27px 20px 19px 43px;
}

.mision-vision-accordion .accordion-item.accordion-style-one .accordion-body .p {
	line-height: 30px;
}

@media (min-width: 1400px) {
	.quienes-somos-area .col-lg-6:first-child {
		flex: 0 0 auto;
		width: 51%;
	}

	.quienes-somos-area .col-lg-6:last-child {
		flex: 0 0 auto;
		width: 49%;
	}

	.mision-vision-area .container {
		padding-left: 0;
		padding-right: 0;
	}

	.mision-vision-area .row {
		--bs-gutter-x: 0;
		margin-left: -21px;
		margin-right: -21px;
	}

	.mision-vision-area .col-lg-6:first-child {
		flex: 0 0 auto;
		width: 48.97%;
	}

	.mision-vision-area .col-lg-6:last-child {
		flex: 0 0 auto;
		width: 47.43%;
		margin-left: 3.6%;
	}
}

.nuestros-valores-area {
	position: relative;
	z-index: 1;
	padding-top: calc(var(--space-section) - 2px);
	padding-bottom: calc(var(--space-section) + 15px);
}

.nuestros-valores-area::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
	z-index: -1;
}

.nuestros-valores-area .site-heading {
	margin-bottom: 71px;
}

.nuestros-valores-area .site-heading .title {
	color: var(--color-secondary);
	font-size: 36px !important;
	font-weight: 700 !important;
}

.valor-item {
	margin-bottom: 30px;
}

.valor-card {
	background: var(--white);
	border-radius: 22px;
	padding: 54px 50px 28px;
	height: 100%;
}

.valor-card .icon {
	margin-bottom: 28px;
	line-height: 0;
}

.valor-card .icon img {
	width: auto;
	height: 69px;
}

.valor-card h4 {
	color: var(--color-primary-2);
	font-size: 24px;
	margin-bottom: 14px;
}

.valor-card .p {
	color: var(--color-heading);
	font-size: 16px;
	line-height: 30px;
}

.esencia-cooperativa-area {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: var(--color-primary-2);
}

.esencia-cooperativa-shape {
	position: absolute;
	left: 32%;
	top: 50%;
	transform: translateY(-50%);
	width: 620px;
	pointer-events: none;
	z-index: -1;
}

.esencia-cooperativa-shape img {
	width: 100%;
	filter: brightness(0) invert(1);
	opacity: .12;
}

.esencia-cooperativa-info {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: calc((100vw - var(--container-w, 1320px)) / 2);
	padding-right: 60px;
}

.esencia-cooperativa-info .title {
	color: var(--white);
	font-size: 38px !important;
	max-width: 460px;
	margin-bottom: 35px;
}

.esencia-tabs {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 460px;
}

.esencia-tab-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: var(--white);
	color: var(--color-heading);
	border: none;
	border-radius: 8px;
	padding: 21px 24px;
	font-size: 22px;
	font-weight: 700;
	text-align: left;
	transition: all .3s ease-in-out;
}

.esencia-tab-btn .arrow {
	width: 32px;
	height: 32px;
	border: 1px solid var(--color-primary-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-primary-2);
	flex-shrink: 0;
	transition: all .3s ease-in-out;
}

.esencia-tab-btn .arrow i {
	transform: rotate(-45deg);
	transition: transform .3s ease-in-out;
}

.esencia-tab-btn.active {
	background: var(--color-secondary);
	color: var(--color-heading);
}

.esencia-tab-btn.active .arrow {
	border-color: var(--color-heading);
	color: var(--color-heading);
}

.esencia-tab-btn.active .arrow i {
	transform: rotate(0deg);
}

.esencia-cooperativa-col {
	position: relative;
	height: 100%;
}

.esencia-cooperativa-thumb {
	position: relative;
	height: 100%;
	min-height: 828px;
}

.esencia-cooperativa-thumb > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.esencia-cooperativa-content {
	position: absolute;
	left: -67.7%;
	bottom: 0;
	width: 82.5%;
	display: grid;
	align-items: start;
	max-width: calc(100% - 40px);
	background: var(--white);
	border-radius: 10px;
	padding: 35px 40px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, .25);
}

.esencia-cooperativa-content > .tab-pane {
	display: block;
	grid-area: 1 / 1;
	visibility: hidden;
}

.esencia-cooperativa-content > .tab-pane.show {
	visibility: visible;
}

.esencia-cooperativa-content h3 {
	color: var(--color-heading);
	margin-bottom: 15px;
}

.esencia-cooperativa-content .p {
	color: var(--color-text);
	margin: 0;
}

.documentos-informes-area {
	padding-top: calc(var(--space-section) + 3px);
	padding-bottom: calc(var(--space-section) + 4px);
}

.documentos-informes-area .site-heading {
	margin-bottom: 44px;
}

.documentos-informes-area .site-heading .title {
	font-size: 36px !important;
	font-weight: 700 !important;
}

.documento-item {
	margin-bottom: 23px;
}

.documento-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 11px;
	height: 100%;
	min-height: 153px;
	background: var(--bg-gray);
	border-radius: 6px;
	padding: 26px 20px;
	text-align: center;
	transition: all .3s ease-in-out;
}

.documento-card .icon {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.documento-card .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.documento-card h4 {
	margin: 0;
	font-size: 20px;
	line-height: 30px;
	color: var(--color-heading);
	transition: color .3s ease-in-out;
}

.documento-card:hover {
	background: var(--color-secondary);
}

.documento-card:hover h4 {
	color: var(--white);
}

.producto-item-area {
	padding-top: 109px;
	padding-bottom: 47px;
}

.producto-item-area .producto-item {
	display: flex;
	align-items: flex-start;
	gap: 42px;
}

.producto-item-area .producto-item+.producto-item {
	margin-top: 83px;
}

.producto-item-area .producto-item.reverse {
	flex-direction: row-reverse;
}

.producto-item-thumb {
	flex: 0 0 calc(50% - 21px);
	max-width: calc(50% - 21px);
}

.producto-item-thumb img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	display: block;
}

.producto-item-content {
	flex: 1;
	padding-top: 29px;
}

.producto-item-content h2 {
	font-size: 36px;
	margin-bottom: 23px;
}

.producto-item-content .p {
	line-height: 1.7;
	margin-bottom: 12px;
}

.producto-item-content .list-style-two {
	margin-top: 29px;
}

.producto-item-content .list-style-two li {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: .016em;
	margin-bottom: 0;
	padding-left: 13px;
}

.producto-item-content .list-style-two li::before {
	top: 10px;
}

.producto-cta {
	margin-top: 45px;
}

.producto-cta h2 {
	font-size: 36px;
	margin-bottom: 40px;
}

.producto-cta .button .btn-style-one {
	font-size: 18px;
	padding: 13px 27px;
	color: var(--color-heading);
}

.producto-cta .button .btn-style-one .fa-whatsapp {
	position: relative;
	isolation: isolate;
	margin-right: 4px;
	font-size: 25px;
	vertical-align: -4px;
	color: var(--white);
}

.producto-cta .button .btn-style-one .fa-whatsapp::after {
	content: "";
	position: absolute;
	left: 51%;
	top: 48%;
	width: .78em;
	height: .78em;
	margin: -.39em 0 0 -.39em;
	border-radius: 50% 50% 50% 18%;
	background: #25D366;
	z-index: -1;
}

@media (min-width: 1701px) {
	.auxilios-intro-area .container {
		max-width: 1400px;
	}

	.producto-item-area .producto-item:nth-of-type(2) {
		margin-top: 82px;
	}

	.producto-item-area .producto-item:nth-of-type(3) {
		margin-top: 92px;
	}

	.producto-item-area .producto-item:nth-of-type(4) {
		margin-top: 84px;
	}

	.producto-item-area .producto-item:nth-of-type(5) {
		margin-top: 74px;
	}
}

.producto-item-area.producto-item-area--tarjeta {
	padding-top: calc(var(--space-section) - 4px);
	padding-bottom: calc(var(--space-section) + 26px);
}

.producto-item-area--tarjeta .producto-item+.producto-item {
	margin-top: 93px;
}

.producto-item-area--tarjeta .producto-item.reverse .producto-item-content {
	padding-top: 33px;
}

.producto-item-area--tarjeta .producto-item:not(.reverse) .producto-item-content {
	padding-top: 24px;
}

.producto-item-area--tarjeta .producto-item-content .p {
	line-height: 30px;
}

.producto-item-area--tarjeta .producto-item-content>.p,
.producto-item-area--tarjeta .sec-p .p {
	margin-bottom: 0;
}

.producto-item-area--tarjeta .sec-p .p+.p {
	margin-top: 30px;
}

.producto-item-area--tarjeta .button {
	line-height: 0;
}

.producto-item-area--tarjeta .producto-item-content>.button {
	margin-top: 30px;
}

.producto-item-area--tarjeta .btn-style-one {
	font-size: 16px;
	padding: 13px 24px;
}

.tarjeta-debito-intro {
	padding-top: calc(var(--space-section) + 11px);
	padding-bottom: calc(var(--space-section) + 13px);
}

.tarjeta-debito-intro .p {
	line-height: 30px;
}

.tarjeta-debito-intro .sec-p .p+.p {
	margin-top: 30px;
}

.tarjeta-debito-intro .site-heading {
	margin-bottom: 39px;
}

.tarjeta-debito-intro .site-heading .title {
	font-size: 36px !important;
	font-weight: 800 !important;
}

.tarjeta-operaciones {
	margin-top: 36px;
	--bs-gutter-y: 30px;
}

.tarjeta-operacion-item {
	height: 100%;
	background: var(--color-primary-2);
	border-radius: 20px;
	padding: 54px 34px 11px 52px;
}

.tarjeta-operacion-item img {
	height: 70px;
	margin-bottom: 30px;
}

.tarjeta-operacion-item .p {
	color: var(--white);
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 0;
}

.requisito-cards {
	margin-top: 21px;
	margin-bottom: 34px;
	--bs-gutter-x: 22px;
	--bs-gutter-y: 20px;
}

.requisito-card {
	height: 100%;
	background: var(--color-secondary);
	border-radius: 20px;
	padding: 38px 8px 7px;
	text-align: center;
}

.requisito-card img {
	height: 69px;
	margin-bottom: 15px;
}

.requisito-card .p {
	color: var(--color-heading);
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 0;
}

.nota-tarifas {
	background: var(--bg-gray);
	border-radius: 10px;
	text-align: center;
	max-width: 624px;
	padding: 15px 12px 14px;
	margin: 18px auto 0;
}

.nota-tarifas .p {
	font-weight: 600;
	color: var(--color-heading);
	margin-bottom: 22px;
	text-transform: uppercase;
	font-size: 18px;
}

.auxilios-intro-area {
	padding-top: calc(var(--space-section) + 18px);
	padding-bottom: calc(var(--space-section) + 11px);
}

.auxilios-intro-area .sec-p .p {
	line-height: 1.667;
}

.auxilios-intro-area .sec-p .p+.p {
	margin-top: 30px;
}

.auxilio-items {
	margin-top: 24px;
	--bs-gutter-x: 42px;
	--bs-gutter-y: 56px;
}

.auxilio-item {
	margin-bottom: 0;
}

.auxilio-card {
	background: var(--bg-gray);
	height: 100%;
}

.auxilio-card .thumb {
	display: block;
	overflow: hidden;
}

.auxilio-card .thumb img {
	width: 100%;
	height: 379px;
	object-fit: cover;
	display: block;
	transition: transform .4s ease-in-out;
}

.auxilio-card:hover .thumb img {
	transform: scale(1.06);
}

.auxilio-card .info {
	padding: 27px 6px 27px 15px;
}

.auxilio-card .info h3 {
	font-size: 32px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--color-heading);
	margin-bottom: 25px;
}

.auxilio-card .info .p {
	line-height: 1.667;
	margin-bottom: 0;
}

.auxilios-intro-area .producto-cta {
	margin-top: 65px;
}

.convenios-listado-area {
	padding-top: calc(var(--space-section) - 10px);
	padding-bottom: calc(var(--space-section) + 24px);
}

.convenios-listado-area .convenios-categoria {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-heading);
	text-align: center;
	margin-bottom: 43px;
}

.convenios-listado-area .country-coverage-two-item {
	display: block;
	background: none;
	border: none;
	padding: 0;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
}

.convenios-listado-area .country-coverage-two-item img {
	display: block;
	width: 100%;
	max-width: none;
	max-height: none;
	height: auto;
	margin: 0;
}

.convenios-listado-area .convenios-items + .convenios-categoria-row {
	margin-top: calc(var(--space-section) + 5px);
}

.convenio-detalle-area {
	padding-top: 72px;
	padding-bottom: 65px;
}

.convenio-detalle-info {
	display: flex;
	align-items: flex-start;
	gap: 60px;
}

.convenio-detalle-logo {
	flex: 0 0 411px;
}

.convenio-detalle-logo img {
	width: 100%;
	height: auto;
	display: block;
}

.convenio-detalle-content .title {
	font-size: 36px !important;
	margin-bottom: 26px;
}

.convenio-galeria-area {
	margin-top: 72px;
	margin-bottom: 50px;
}

.convenio-galeria-area .title {
	font-size: 36px !important;
	margin-bottom: 40px;
}

.convenio-galeria-wrap {
	position: relative;
}

.convenio-galeria-carousel {
	overflow: hidden;
}

.convenio-galeria-carousel .swiper-slide img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	display: block;
	border-radius: 10px;
}

.convenio-galeria-prev,
.convenio-galeria-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	font-size: 22px;
	color: var(--color-heading);
	cursor: pointer;
	transition: color .3s ease-in-out;
}

.convenio-galeria-prev {
	left: -36px;
}

.convenio-galeria-next {
	right: -36px;
}

.convenio-galeria-prev:hover,
.convenio-galeria-next:hover {
	color: var(--color-primary-2);
}

.otros-beneficios-area {
	background: var(--color-primary-2);
	padding-bottom: calc(var(--space-section) + 30px);
}

.otros-beneficios-area .site-heading {
	text-align: center;
	margin-top: 22px;
	margin-bottom: 55px;
}

.otros-beneficios-area .site-heading .title {
	color: var(--white);
	font-size: 39px !important;
}

.otros-beneficios-area .visa-offer-country-items > li {
	background: var(--color-primary) !important;
	border-color: #FFFFFF;
}

.otros-beneficios-area .visa-offer-country-items li.out {
	background: var(--color-primary-2) !important;
}

.otros-beneficios-area .visa-offer-country-item .icon img {
	height: 84px;
	width: 84px;
	object-fit: contain;
	flex-shrink: 0;
}

.otros-beneficios-area .visa-offer-country-item .country h5 {
	color: var(--white);
	font-size: 20px;
}

.otros-beneficios-area .out .visa-offer-country-item {
	justify-content: flex-start;
}

.otros-beneficios-area .out .visa-offer-country-item .bottom {
	margin-top: 0;
}

.otros-beneficios-area .out .visa-offer-country-item .country h5 {
	font-size: 28px;
}

@media (min-width: 992px) {
	.otros-beneficios-area li:not(.out) .country h5.wrap-rl {
		writing-mode: vertical-rl;
	}

	.otros-beneficios-area li:not(.out) .visa-offer-country-item .bottom {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin-top: 0;
	}
}

.otros-beneficios-area ul.list-style-one {
	margin-top: 25px;
	/* El color va tambien en el contenedor: el <li> solo lo pinta cuando el
	   texto viene envuelto en <li>. Lo que el cliente escribe desde el panel
	   entra como parrafo suelto y quedaba negro sobre el azul de la seccion. */
	color: var(--white);
}

.otros-beneficios-area ul.list-style-one li {
	color: var(--white);
	font-size: 19px;
	line-height: 1.28;
}

.contactenos-info-area {
	padding-top: calc(var(--space-section) + 8px);
	padding-bottom: calc(var(--space-section) + 16px);
}

.contactenos-info-area .title {
	font-size: 36px !important;
	margin-bottom: 27px;
}

.contactenos-info-list {
	display: flex;
	flex-direction: column;
	gap: 35px;
	margin-left: -13px;
	margin-right: 11px;
}

.contactenos-info-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: var(--color-secondary);
	border-radius: 6px;
	padding: 28px 30px;
}

.contactenos-info-item img {
	width: 79px;
	height: 79px;
	flex-shrink: 0;
	border-radius: 50%;
}

.contactenos-info-item__text {
	min-width: 0;
	overflow-wrap: anywhere;
}

.contactenos-info-item h5 {
	color: var(--color-heading);
	font-size: 20px;
	margin-bottom: 10px;
}

.contactenos-info-item .p {
	color: var(--color-text);
	font-size: 18px;
	line-height: 24px;
	margin: 0;
}

.contactenos-info-item .p a {
	color: inherit;
	font-weight: inherit;
}

.contactenos-info-item .p a:hover {
	color: var(--white);
}

.contactenos-form-box {
	background: var(--color-primary-2);
	border-radius: 6px;
	padding: 50px 86px 55px;
	margin-left: 32px;
	margin-right: 6px;
}

.contactenos-form-box .p {
	color: var(--white);
	text-align: center;
	line-height: 30px;
	margin-bottom: 49px;
}

.contactenos-form-box .form-group {
	margin-bottom: 32px;
}

.contactenos-form-box .form-control {
	background: transparent;
	border: none;
	border-bottom: 2px solid rgba(255, 255, 255, .5);
	border-radius: 0;
	height: 39px;
	min-height: 39px;
	padding: 6px 0 0;
	font-size: 18px;
	color: var(--white);
	box-shadow: none !important;
}

.contactenos-form-box .form-control::placeholder {
	color: var(--white);
	opacity: 1;
}

.contactenos-form-box textarea.form-control {
	height: 142px;
}

.contactenos-form-captcha {
	height: 59px;
	margin: 37px 0 36px;
}

.pqrsf-form-area .contactenos-form-captcha {
	margin: 12px 0 11px;
}

.solicitud-form-area .contactenos-form-captcha {
	margin: 13px 0 12px;
}

.contactenos-form-box .btn-style-one {
	font-size: 18px;
	padding: 13px 69px;
	color: var(--color-text);
}

.contactenos-form-check {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 10px 0 30px;
}

.contactenos-form-check input[type="checkbox"] {
	width: 18px;
	height: 18px;
	min-height: 18px;
	flex-shrink: 0;
	background: var(--white);
	border: 2px solid var(--white);
	accent-color: var(--color-secondary);
	cursor: pointer;
}

.contactenos-form-check label {
	margin: 0;
	color: var(--white);
	font-size: 15px;
}

.contactenos-form-box .contactenos-form-check {
	/* Sin margen inferior el boton Enviar quedaba pegado a la linea de la
	   politica de datos. Se deja el mismo respiro que ya usa el bloque de PQRSF
	   (8px arriba / 20px abajo), que es el criterio del propio maquetado. */
	margin: 8px 0 20px;
}

.contactenos-form-box .contactenos-form-check label {
	font-size: 18px;
}

.contactenos-form-check a {
	color: var(--white);
	text-decoration: underline;
}

.solicitud-form-box .contactenos-form-check,
.pqrsf-form-box .contactenos-form-check {
	justify-content: center;
	gap: 8px;
}

.solicitud-form-box .contactenos-form-check label,
.pqrsf-form-box .contactenos-form-check label {
	font-weight: 500;
	letter-spacing: .016em;
}

.solicitud-form-box .contactenos-form-check a,
.pqrsf-form-box .contactenos-form-check a {
	font-weight: 500;
}

.solicitud-form-box .btn-style-one:hover,
.pqrsf-form-box .btn-style-one:hover,
.pqrsf-solicitudes-box .btn-style-one:hover,
.contactenos-form-box .btn-style-one:hover {
	color: var(--white);
}

.solicitud-form-box .form-control:focus,
.pqrsf-form-box .form-control:focus,
.contactenos-form-box .form-control:focus {
	border-bottom-color: var(--white);
	outline: 2px solid rgba(255, 255, 255, .7);
	outline-offset: 3px;
}

.solicitud-form-box .contactenos-form-check input[type="checkbox"]:focus-visible,
.pqrsf-form-box .contactenos-form-check input[type="checkbox"]:focus-visible,
.solicitud-form-box .btn-style-one:focus-visible,
.pqrsf-form-box .btn-style-one:focus-visible,
.solicitud-form-box .contactenos-form-check a:focus-visible,
.pqrsf-form-box .contactenos-form-check a:focus-visible,
.solicitud-upload__control:focus-within label.btn-style-one {
	outline: 2px solid var(--white);
	outline-offset: 3px;
}

.maps-area iframe {
	display: block;
	height: 572px;
	margin-bottom: 0;
}

#mensaje {
	position: relative;
	overflow: hidden;
}

#mensaje::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background-color: var(--black);
	opacity: .5;
}

#mensaje .img-pc {
	display: block;
	width: 100%;
	height: auto;
}

#mensaje .content-m {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#mensaje h2 {
	color: var(--white);
	font-weight: 700;
	font-size: 50px;
	line-height: 1.3;
	margin-bottom: 30px;
}

#mensaje .icono-mensaje {
	width: 165px;
}

.solicitud-form-box .form-group {
	margin-bottom: 8px;
}

.solicitud-form-box .form-group label {
	color: var(--white);
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: .016em;
	margin-bottom: 6px;
}

.solicitud-form-box .form-control {
	line-height: 1.3;
	padding: 2px 12px 4px 0;
	height: 32px;
	min-height: 32px;
}

.solicitud-form-box textarea.form-control {
	height: 113px;
}

.solicitud-form-box .btn-style-one {
	background: var(--color-secondary);
}

.solicitud-upload {
	margin: 30px 0;
}

.solicitud-upload__label {
	color: var(--white);
	font-weight: 700;
	margin-bottom: 15px;
}

.solicitud-upload__control {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 15px;
}

.solicitud-upload__input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.solicitud-upload__control label.btn-style-one {
	margin: 0;
	padding: 9px 19px;
	cursor: pointer;
}

.solicitud-upload__filename {
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
}

.solicitud-upload__hint {
	color: var(--white);
	font-size: 14px;
	font-weight: 700;
}

.preguntas-frecuentes-faq-area {
	padding-top: calc(var(--space-section) - 2px);
	padding-bottom: calc(var(--space-section) + 32px);
}

.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one {
	background: var(--bg-gray);
	margin-top: 14px;
}

.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one:first-child {
	margin-top: 0;
}

.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one:has(> .accordion-collapse.show) {
	margin-bottom: 29px;
}

.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one button.accordion-button {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	padding: 21px 75px 21px 43px;
}

.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one button.accordion-button::before {
	font-size: 18px;
	right: 40px;
}

.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one button.accordion-button:not(.collapsed) {
	background: var(--color-primary-2);
}

.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one .accordion-body {
	padding: 27px 43px 17px;
}

.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one .accordion-body .p {
	line-height: 30px;
}

@media (min-width: 1701px) {
	.preguntas-frecuentes-faq-area .container {
		max-width: 1400px;
	}
}

@media (max-width: 1200px) {
	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one {
		margin-top: 13px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one:has(> .accordion-collapse.show) {
		margin-bottom: 26px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one button.accordion-button {
		font-size: 18px;
		line-height: 25px;
		padding: 19px 60px 19px 30px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one button.accordion-button::before {
		font-size: 17px;
		right: 27px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one .accordion-body {
		padding: 24px 30px 16px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one .accordion-body .p {
		line-height: 29px;
	}
}

@media (max-width: 991px) {
	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one button.accordion-button {
		font-size: 17px;
		line-height: 24px;
		padding: 18px 52px 18px 25px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one button.accordion-button::before {
		font-size: 16px;
		right: 22px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one .accordion-body {
		padding: 22px 25px 15px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one .accordion-body .p {
		line-height: 28px;
	}
}

@media (max-width: 767px) {
	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one {
		margin-top: 12px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one:has(> .accordion-collapse.show) {
		margin-bottom: 24px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one button.accordion-button {
		font-size: 16px;
		line-height: 23px;
		padding: 16px 42px 16px 20px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one button.accordion-button::before {
		font-size: 15px;
		right: 18px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one .accordion-body {
		padding: 18px 20px 14px;
	}

	.preguntas-frecuentes-faq-area .accordion-item.accordion-style-one .accordion-body .p {
		line-height: 1.8;
	}
}

.pqrsf-form-area .site-heading .title {
	font-size: 36px !important;
	font-weight: 800 !important;
	margin-bottom: 30px;
}

.pqrsf-form-box {
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 39px;
}

.pqrsf-form-box .btn-style-one {
	background: var(--color-secondary);
}

.pqrsf-form-box .p {
	font-weight: 700;
	letter-spacing: normal;
	margin-bottom: 20px;
}

.pqrsf-form-box .form-group {
	margin-bottom: 8px;
}

.pqrsf-form-box .form-group label {
	color: var(--white);
	font-weight: 600;
	font-size: 18px;
	letter-spacing: .016em;
}

.pqrsf-form-box .form-control {
	line-height: 1.3;
	padding: 2px 12px 4px 0;
}

.pqrsf-form-box textarea.form-control {
	height: 70px;
}

.pqrsf-form-box .solicitud-upload {
	margin: 15px 0;
}

.pqrsf-form-box .contactenos-form-check {
	margin: 8px 0 20px;
}

.pqrsf-form-subheading {
	color: var(--white);
	font-weight: 700;
	font-size: 22px;
	text-align: center;
	margin: 12px 0 10px;
}

.pqrsf-form-box select.form-control {
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M8 11 2 5h12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 14px;
	padding-right: 22px;
	cursor: pointer;
}

.pqrsf-form-box select.form-control option {
	color: var(--color-text);
}

.pqrsf-solicitudes-area {
	padding-top: 20px;
	padding-bottom: calc(var(--space-section) + 19px);
}

.pqrsf-solicitudes-area .site-heading {
	margin-bottom: 40px;
}

.pqrsf-solicitudes-area .site-heading .title {
	font-size: 36px !important;
	font-weight: 800 !important;
}

.pqrsf-solicitudes-box {
	border-radius: 6px;
	padding: 50px 24px 54px;
}

.pqrsf-solicitudes-box .p {
	text-align: center;
	line-height: 30px;
	margin-bottom: 20px;
}

.pqrsf-solicitudes-box > .p {
	margin-bottom: 40px;
}

.pqrsf-solicitudes-box .btn-style-one {
	background: var(--color-primary-2);
	font-size: 18px;
	padding: 13px 69px;
	margin-top: 10px;
}

.pqrsf-solicitudes-box .form-group {
	max-width: 1130px;
	margin: 0 auto 42px;
}

.pqrsf-solicitudes-box .form-group label {
	display: block;
	color: var(--color-heading);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: .016em;
	margin-bottom: 6px;
}

.pqrsf-solicitudes-box .form-control {
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .3);
	border-radius: 0;
	height: 32px;
	min-height: 32px;
	padding: 2px 12px 4px 0;
	font-size: 18px;
	line-height: 1.3;
	color: var(--color-text);
	box-shadow: none !important;
}

.pqrsf-solicitudes-box .form-control:focus {
	border-bottom-color: var(--color-primary);
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}

.pqrsf-solicitudes-box .btn-style-one:focus-visible {
	outline: 2px solid var(--color-primary-2);
	outline-offset: 3px;
}

.pqrsf-solicitudes-legal {
	max-width: 1248px;
	margin: 7px auto 0;
	text-align: center;
}

.pqrsf-solicitudes-legal h3 {
	color: var(--color-primary-2);
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 29px;
}

.pqrsf-solicitudes-legal .p {
	text-align: center;
	margin-bottom: 26px;
}

.vinculate-info-area {
	padding-top: calc(var(--space-section) - 5px);
	padding-bottom: calc(var(--space-section) - 12px);
}

@media (min-width: 1400px) {
	.vinculate-info-area .container {
		max-width: 1370px;
	}
}

.vinculate-info-area .site-heading {
	margin-bottom: 39px;
}

.vinculate-info-area .site-heading .title {
	font-size: 36px !important;
	font-weight: 700 !important;
}

.vinculate-info-area .sec-p .p {
	line-height: 30px;
}

.vinculate-info-area .sec-p .p+.p {
	margin-top: 30px;
}

.vinculacion-opciones-area {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: var(--color-primary-2);
}

.vinculacion-opciones-shape {
	position: absolute;
	left: 44.27%;
	top: 20px;
	width: 420px;
	pointer-events: none;
	z-index: 0;
}

.vinculacion-opciones-shape img {
	width: 100%;
	filter: brightness(0) invert(1);
}

.vinculacion-opciones-info {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 98px;
	padding-bottom: 60px;
	padding-right: 40px;
	padding-left: calc((100vw - var(--container-w, 1320px)) / 2 + 4px);
}

.vinculacion-opciones-info .title {
	color: var(--white);
	font-size: 36px !important;
	line-height: 48px;
	max-width: 480px;
	margin-bottom: 91px;
}

.vinculacion-opciones-info .esencia-tabs {
	max-width: 467px;
	flex-wrap: nowrap;
}

.vinculacion-opciones-info .esencia-tabs::before,
.vinculacion-opciones-info .esencia-tabs::after {
	display: none;
}

.vinculacion-opciones-info .esencia-tab-btn {
	min-height: 75px;
	padding: 17px 24px;
}

.vinculacion-opciones-info .esencia-tab-btn .arrow {
	width: 40px;
	height: 40px;
}

.vinculacion-opciones-info .esencia-tab-btn .arrow i {
	font-size: 17px;
}

@media (min-width: 992px) {
	.vinculacion-opciones-area>.row>.col-lg-8 {
		width: 65.89%;
	}

	.vinculacion-opciones-area>.row>.col-lg-4 {
		width: 34.11%;
	}
}

.vinculacion-opciones-thumb {
	position: relative;
	height: 100%;
	min-height: 614px;
	overflow: hidden;
}

.vinculacion-opciones-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.vinculacion-opciones-content {
	position: absolute;
	right: 28.4%;
	bottom: 0;
	width: 528px;
	max-width: calc(100% - 40px);
	background: var(--white);
	border-radius: 10px;
	padding: 45px 48px 75px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, .25);
	z-index: 2;
}

.vinculacion-opciones-content h3 {
	color: var(--color-heading);
	margin-bottom: 25px;
}

.vinculacion-opciones-content .p {
	color: var(--color-text);
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}

.vinculacion-opciones-content .p+.p {
	margin-top: 30px;
}

.eventos-listado-area {
	padding-top: calc(var(--space-section) + 30px);
	padding-bottom: calc(var(--space-section) + 35px);
}

.eventos-listado-area .row {
	--bs-gutter-x: 30px;
	--bs-gutter-y: 46px;
}

.eventos-listado-card {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	background: var(--white);
}

.eventos-listado-card .thumb {
	overflow: hidden;
}

.eventos-listado-card .thumb img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	transition: all .4s ease-in-out;
}

.eventos-listado-card:hover .thumb img {
	transform: scale(1.08);
}

.eventos-listado-card .caption {
	background: var(--color-secondary);
	padding: 14px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 72px;
	text-align: center;
}

.eventos-listado-card .caption h4 {
	color: var(--color-heading);
	font-size: 22px;
	line-height: 1.3;
	margin: 0;
}

.evento-detalle-area {
	padding-top: 40px;
	padding-bottom: calc(var(--space-section) + 29px);
}

.evento-detalle-area .title {
	font-size: 29px !important;
	margin-bottom: 25px;
}

.evento-detalle-galeria {
	--bs-gutter-x: 30px;
	--bs-gutter-y: 52px;
}

.evento-detalle-galeria-item a {
	display: block;
	border-radius: 14px;
	overflow: hidden;
}

.evento-detalle-galeria-item img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	display: block;
	transition: all .4s ease-in-out;
}

.evento-detalle-galeria-item a:hover img {
	transform: scale(1.08);
}

.noticias-listado-area {
	padding-top: 79px;
	padding-bottom: 93px;
}

.noticias-listado-items {
	--bs-gutter-x: 30px;
	--bs-gutter-y: 93px;
}

.noticia-detalle-content .title {
	font-size: 36px !important;
	text-align: center;
	margin-bottom: 55px;
}

.noticia-detalle-thumb {
	position: relative;
	max-width: 1020px;
	margin: 0 auto 61px;
}

.noticia-detalle-thumb img {
	width: 100%;
	height: auto;
	aspect-ratio: 1020 / 401;
	object-fit: cover;
	border-radius: 8px;
	display: block;
}

.noticia-detalle-thumb .meta {
	position: absolute;
	top: 26px;
	left: 18px;
	z-index: 2;
}

.noticia-detalle-thumb .meta .date {
	width: 90px;
	text-align: center;
	line-height: 1.2;
	overflow: hidden;
}

.noticia-detalle-thumb .meta .date strong {
	display: block;
	background: var(--color-primary-2);
	color: var(--white);
	font-size: 40px;
	padding: 12px 0 11px;
}

.noticia-detalle-thumb .meta .date span {
	display: block;
	background: var(--color-secondary);
	color: var(--color-text);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	padding: 4px 0 3px;
}

.noticia-detalle-content .p {
	text-align: justify;
	line-height: 30px;
}

.noticia-detalle-content .sec-p .p+.p {
	margin-top: 30px;
}

@media (min-width: 1701px) {
	.noticia-detalle-area {
		padding-bottom: 77px;
	}

	.noticia-detalle-area .container {
		max-width: 1400px;
	}
}

@media (max-width: 1700px) {
	.home-blog-style-one .info {
		padding: 0 24px;
		top: -42px;
		margin-bottom: -42px;
	}

	.home-blog-style-one .info .inner {
		gap: 14px;
	}

	.home-blog-style-one .info .inner .content {
		padding: 34px 28px 28px;
	}

	.home-blog-style-one .info .inner .date {
		width: 76px;
		font-size: 16px;
	}

	.home-blog-style-one .info .inner .date strong {
		font-size: 34px;
		padding: 12px 0 13px;
	}

	.home-blog-style-one h3 {
		font-size: 24px;
		line-height: 32px;
		min-height: 64px;
		margin-bottom: 18px;
	}

	.home-blog-style-one .btn-regular {
		font-size: 15px;
		padding: 8px 18px;
	}

	.footer-coofinanciar .footer-logo img {
		width: 310px;
	}

	.footer-split__brand {
		padding-top: 95px;
	}

	.footer-links {
		padding-right: 9%;
	}

	.container {
		max-width: 1200px;
	}

	:root {
		--space-section: 80px;
		--container-w: 1200px;
	}

	.banner-area.banner-style-three .item {
		height: 520px;
	}

	.banner-area.banner-style-three .content h2 {
		font-size: 50px;
	}

	#mensaje h2 {
		font-size: 44px;
		margin-bottom: 26px;
	}

	#mensaje .icono-mensaje {
		width: 150px;
	}

	.cta-credito-area .content .title {
		font-size: 48px !important;
	}

	.quienes-somos-info .title,
	.esencia-cooperativa-info .title {
		font-size: 34px !important;
	}

	.esencia-cooperativa-shape {
		width: 340px;
	}

	.documentos-informes-area .site-heading .title {
		font-size: 32px !important;
	}

	.producto-item-area {
		padding-top: 90px;
		padding-bottom: 45px;
	}

	.producto-item-content h2 {
		font-size: 30px;
	}

	.tarjeta-operacion-item .p {
		font-size: 16px;
	}

	.tarjeta-debito-intro .site-heading .title {
		font-size: 32px !important;
	}

	.auxilio-card .thumb img {
		height: 335px;
	}

	.auxilio-card .info {
		padding: 25px 15px;
	}

	.auxilio-card .info h3 {
		font-size: 28px;
	}

	.convenio-detalle-logo {
		flex: 0 0 340px;
	}

	.convenio-detalle-content .title {
		font-size: 32px !important;
	}

	.convenio-galeria-area .title {
		font-size: 32px !important;
	}

	.convenio-galeria-carousel .swiper-slide img {
		height: 240px;
	}

	.contactenos-info-area .title {
		font-size: 32px !important;
	}

	.vinculacion-opciones-info {
		padding-top: 80px;
		padding-bottom: 55px;
	}

	.vinculacion-opciones-info .title {
		font-size: 30px !important;
		margin-bottom: 70px;
	}

	.vinculacion-opciones-content {
		width: 440px;
		padding: 30px 34px;
	}

	.vinculacion-opciones-shape {
		width: 340px;
	}

	.eventos-listado-card .thumb img {
		height: 240px;
	}

	.noticia-detalle-content .title {
		font-size: 32px !important;
		margin-bottom: 45px;
	}

	.noticia-detalle-thumb {
		margin-bottom: 50px;
	}

	.noticia-detalle-thumb .meta .date strong {
		font-size: 36px;
	}
}

@media (max-width: 1450px) {
	.footer-coofinanciar .footer-logo img {
		width: 265px;
	}

	.footer-split__brand {
		padding-top: 80px;
	}

	.footer-links {
		padding-right: 5%;
	}

	.footer-item .widget-title {
		font-size: 20px;
		margin-bottom: 28px;
	}

	.f-item.link ul li {
		margin-bottom: 16px;
	}

	.f-item.link ul li a {
		font-size: 15px;
	}

	.footer-badges img {
		height: 46px;
	}

	.footer-badges img.footer-badges__fogacoop {
		height: auto;
		width: 135px;
	}

	.footer-contact-strip__item h4 {
		font-size: 18px;
	}

	.footer-contact-strip__item p {
		font-size: 15px;
	}

	.container {
		max-width: 1150px;
	}

	:root {
		--space-section: 70px;
		--container-w: 1150px;
	}

	.nuestros-valores-area .site-heading {
		margin-bottom: 60px;
	}

	.nuestros-valores-area .site-heading .title {
		font-size: 34px !important;
	}

	.valor-card {
		padding: 48px 42px 26px;
	}

	.banner-area.banner-style-three .item {
		height: 480px;
	}

	.banner-area.banner-style-three .content h2 {
		font-size: 42px;
	}

	#mensaje h2 {
		font-size: 38px;
		margin-bottom: 22px;
	}

	#mensaje .icono-mensaje {
		width: 135px;
	}

	.p {
		font-size: 17px;
	}

	.esencia-tab-btn {
		font-size: 16px;
		padding: 15px 18px;
	}

	.vinculacion-opciones-info .esencia-tab-btn {
		min-height: 0;
		padding: 15px 18px;
	}

	.vinculacion-opciones-info .esencia-tab-btn .arrow {
		width: 34px;
		height: 34px;
	}

	.vinculacion-opciones-info .esencia-tab-btn .arrow i {
		font-size: 15px;
	}

	.esencia-cooperativa-content {
		padding: 28px 32px;
	}

	.about-style-five-info .sub-title,
	.about-style-five-info .title {
		font-size: 46px !important;
	}

	.choose-us-style-three-info .title {
		font-size: 42px !important;
	}

	.testimoial-style-three-items .title {
		font-size: 48px !important;
	}

	.indicador-item {
		padding: 16px 18px;
	}

	.cta-credito-area {
		padding: 85px 0 90px;
	}

	.cta-credito-area .content .title {
		font-size: 42px !important;
		margin-bottom: 34px;
	}

	.historia-timeline-year {
		font-size: 22px;
	}

	.historia-timeline-content .p {
		padding: 26px 22px;
	}

	.documento-card {
		padding: 26px 18px;
	}

	.producto-item-area {
		padding-top: 80px;
		padding-bottom: 45px;
	}

	.producto-item-area .producto-item {
		gap: 40px;
	}

	.producto-item-area .producto-item+.producto-item {
		margin-top: 80px;
	}

	.producto-item-content {
		padding-top: 20px;
	}

	.producto-item-content h2 {
		font-size: 28px;
	}

	.tarjeta-operacion-item {
		padding: 30px 25px;
	}

	.tarjeta-operacion-item img {
		height: 56px;
		margin-bottom: 20px;
	}

	.tarjeta-debito-intro .site-heading .title {
		font-size: 29px !important;
	}

	.auxilio-card .thumb img {
		height: 320px;
	}

	.auxilio-card .info {
		padding: 25px 15px;
	}

	.auxilio-card .info h3 {
		font-size: 26px;
	}

	.convenios-listado-area .convenios-categoria {
		font-size: 32px;
	}

	.convenio-detalle-info {
		gap: 40px;
	}

	.convenio-detalle-logo {
		flex: 0 0 300px;
	}

	.convenio-galeria-carousel .swiper-slide img {
		height: 210px;
	}

	.convenio-galeria-prev {
		left: -30px;
	}

	.convenio-galeria-next {
		right: -30px;
	}

	.contactenos-info-area .title {
		font-size: 30px !important;
	}

	.vinculacion-opciones-info .title {
		font-size: 26px !important;
		margin-bottom: 45px;
	}

	.vinculacion-opciones-info {
		padding-right: 30px;
		padding-top: 60px;
		padding-bottom: 45px;
	}

	.vinculacion-opciones-content {
		width: 380px;
		padding: 26px 28px;
		right: 22%;
	}

	.vinculacion-opciones-content h3 {
		font-size: 22px;
	}

	.vinculacion-opciones-shape {
		width: 280px;
		left: 44%;
	}

	.eventos-listado-card .thumb img {
		height: 220px;
	}

	.eventos-listado-card .caption h4 {
		font-size: 20px;
	}

	.noticia-detalle-thumb {
		margin-bottom: 45px;
	}
}

@media (max-width: 1200px) {
	.noticias-area {
		padding-top: 60px;
		padding-bottom: 58px;
	}

	.noticias-area-light {
		padding-top: 66px;
		padding-bottom: 58px;
	}

	.home-blog-style-one .thumb img {
		border-radius: 10px 10px 0 0;
	}

	.home-blog-style-one .info {
		padding: 0;
		top: 0;
		margin: 0;
	}

	.home-blog-style-one .info .inner {
		display: block;
	}

	.home-blog-style-one .info .inner .meta {
		position: absolute;
		bottom: 100%;
		left: 24px;
		margin-bottom: -28px;
	}

	.home-blog-style-one .info .inner .content {
		padding: 55px 26px 26px;
		border-radius: 0 0 10px 10px;
	}

	.home-blog-style-one h3 {
		font-size: 22px;
		line-height: 30px;
		min-height: 60px;
	}

	.choose-us-style-three-info .title {
		font-size: 36px !important;
	}

	.card-style-three .item h4 {
		font-size: 22px;
	}

	.footer-coofinanciar .footer-logo img {
		width: 220px;
	}

	.footer-split__brand {
		padding-top: 65px;
	}

	.footer-links {
		padding: 0 3% 0 4%;
		gap: 0 12px;
	}

	.footer-badges {
		width: calc(219.048% + 12px);
	}

	.footer-item .widget-title {
		font-size: 18px;
		margin-bottom: 22px;
	}

	.f-item.link ul li {
		margin-bottom: 14px;
	}

	.f-item.link ul li a {
		font-size: 14px;
		line-height: 21px;
	}

	.footer-badges img {
		height: 40px;
	}

	.footer-badges img.footer-badges__fogacoop {
		height: auto;
		width: 118px;
	}

	.footer-badges {
		margin-bottom: -24px;
	}

	.footer-copyright {
		font-size: 14px;
	}

	.footer-contact-strip__inner {
		width: 76%;
		margin-left: 12%;
	}

	.footer-contact-strip__item i {
		width: 44px;
		height: 44px;
		font-size: 18px;
	}

	.footer-contact-strip__item h4 {
		font-size: 17px;
		margin-bottom: 6px;
	}

	.footer-contact-strip__item p {
		font-size: 14px;
	}

	.container {
		max-width: 970px;
	}

	:root {
		--space-section: 60px;
		--container-w: 970px;
	}

	.nuestros-valores-area .site-heading {
		margin-bottom: 48px;
	}

	.nuestros-valores-area .site-heading .title {
		font-size: 32px !important;
	}

	.valor-card {
		padding: 40px 32px 24px;
	}

	.valor-card .icon img {
		height: 60px;
	}

	.banner-area.banner-style-three .item {
		height: 440px;
	}

	.quienes-somos-info,
	.esencia-cooperativa-info {
		padding-right: 30px;
	}

	.quienes-somos-thumb {
		min-height: 460px;
	}

	.mision-vision-area {
		padding: 90px 0 70px;
	}

	.esencia-cooperativa-content {
		left: -180px;
		width: 320px;
		padding: 24px 26px;
	}

	.esencia-cooperativa-shape {
		width: 280px;
		right: 4%;
	}

	.banner-area .container {
		max-width: 100%;
		padding-left: 42px;
		padding-right: 42px;
	}

	.indicadores-economicos-area .container-full {
		max-width: 1382px;
		padding: 0 15px;
		margin: 0 auto;
	}

	.indicadores-economicos-carousel.swiper {
		padding-left: 0;
	}

	.tqn-area {
		padding-top: 45px;
	}

	.tqn-thumb img {
		height: 460px;
	}

	.tqn-inner {
		min-height: 460px;
	}

	.tqn-area .site-heading .title {
		font-size: 40px !important;
	}

	.tqn-card {
		height: 190px;
		padding: 28px 22px;
	}

	.tqn-card h4 {
		font-size: 18px;
	}

	.historia-timeline-year {
		font-size: 22px;
	}

	.breadcrumb-area {
		padding: 70px 0 50px;
	}

	.breadcrumb-area h1 {
		font-size: 44px;
	}

	#mensaje h2 {
		font-size: 34px;
		margin-bottom: 20px;
	}

	#mensaje .icono-mensaje {
		width: 120px;
	}

	.documentos-informes-area .site-heading .title {
		font-size: 28px !important;
	}

	.producto-item-area {
		padding-top: 70px;
		padding-bottom: 40px;
	}

	.producto-cta h2 {
		font-size: 30px;
	}

	.producto-item-content h2 {
		font-size: 26px;
	}

	.tarjeta-operaciones {
		margin-top: 35px;
	}

	.requisito-card .p {
		font-size: 14px;
	}

	.auxilio-card .thumb img {
		height: 270px;
	}

	.convenio-detalle-logo {
		flex: 0 0 260px;
	}

	.convenio-detalle-content .title {
		font-size: 30px !important;
	}

	.convenio-galeria-area .title {
		font-size: 30px !important;
	}

	.convenio-galeria-carousel .swiper-slide img {
		height: 190px;
	}

	.contactenos-info-area .title {
		font-size: 27px !important;
	}

	.contactenos-info-list {
		margin-left: 0;
		margin-right: 0;
	}

	.contactenos-form-box {
		padding: 40px;
		margin-left: 0;
		margin-right: 0;
	}

	.vinculacion-opciones-info {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	.vinculacion-opciones-info .title {
		margin-bottom: 35px;
	}

	.vinculacion-opciones-content {
		width: 320px;
		padding: 22px 24px;
		right: 15%;
	}

	.vinculacion-opciones-content h3 {
		font-size: 20px;
	}

	.vinculacion-opciones-content .p {
		font-size: 15px;
		line-height: 26px;
	}

	.vinculacion-opciones-shape {
		width: 240px;
	}

	.eventos-listado-card .thumb img {
		height: 260px;
	}

	.noticia-detalle-content .title {
		font-size: 28px !important;
		margin-bottom: 35px;
	}

	.noticia-detalle-thumb {
		margin-bottom: 38px;
	}

	.noticia-detalle-thumb .meta .date {
		width: 76px;
	}

	.noticia-detalle-thumb .meta .date strong {
		font-size: 32px;
		padding: 10px 0 9px;
	}

	.noticia-detalle-thumb .meta .date span {
		font-size: 15px;
		padding: 4px 0 3px;
	}
}

@media (max-width: 991px) {
	.rail-home {
		top: 240px;
	}

	.otros-beneficios-area .out .visa-offer-country-item .country h5 {
		font-size: 24px;
	}

	.footer-split {
		flex-direction: column;
	}

	.footer-split__brand {
		flex: 0 0 auto;
		max-width: 100%;
		padding: 50px 15px 45px;
	}

	.footer-split__main {
		border-left: 0;
		border-top: 2px solid rgba(255, 255, 255, .55);
		padding-top: 45px;
	}

	.footer-split__main::before,
	.footer-split__main::after {
		content: none;
	}

	.footer-links {
		grid-template-columns: 1fr 1fr;
		gap: 40px 30px;
		padding: 0 15px;
	}

	.footer-badges {
		justify-content: flex-start;
		width: auto;
		margin: 25px 0 0;
	}

	.footer-bottom {
		margin-top: 40px;
		text-align: center;
	}

	.footer-copyright {
		padding-left: 0;
	}

	.footer-coofinanciar .footer-logo img {
		width: 260px;
	}

	.footer-social-regular {
		margin-top: -8px;
	}

	.container {
		max-width: 720px;
	}

	:root {
		--space-section: 50px;
	}

	.row {
		--bs-gutter-y: 30px;
	}

	.footer-contact-strip::after {
		content: none;
	}

	.footer-contact-strip__inner {
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin-left: 0;
		padding: 0 15px;
		gap: 26px;
	}

	.footer-contact-strip__item {
		width: 100%;
		max-width: 460px;
		justify-content: flex-start;
	}

	.banner-area.banner-style-three .item {
		height: 480px;
	}

	.banner-area.banner-style-three .content h2 {
		font-size: 34px;
	}

	#mensaje h2 {
		font-size: 30px;
		margin-bottom: 18px;
	}

	#mensaje .icono-mensaje {
		width: 110px;
	}

	.tqn-area {
		padding-top: 50px;
	}

	.tqn-inner {
		min-height: 0;
	}

	.tqn-thumb {
		position: static;
		width: 100%;
		max-width: 100%;
		margin-top: 30px;
	}

	.tqn-thumb img {
		height: 320px;
	}

	.tqn-area .site-heading {
		padding-top: 0;
	}

	.tqn-area .site-heading .title {
		font-size: 34px !important;
	}

	.tqn-cards {
		width: 100%;
		flex-wrap: wrap;
		gap: 20px;
		margin-top: 30px;
	}

	.tqn-card {
		flex: 0 0 calc(50% - 10px);
		height: auto;
		min-height: 170px;
	}

	.choose-us-three-thumb {
		position: relative;
		margin-bottom: 30px;
	}

	.nuestros-beneficios-area {
		padding: 50px 0;
		border-radius: 0;
	}

	.testimonial-three-thumb {
		margin-bottom: 30px;
	}

	.eventos-actividades-carousel {
		padding: 0 15px;
	}

	.eventos-actividades-prev {
		left: 10px;
	}

	.eventos-actividades-next {
		right: 10px;
	}

	.nuestros-convenios-prev {
		left: -26px;
	}

	.nuestros-convenios-next {
		right: -26px;
	}

	.country-coverage-two-item {
		height: 120px;
		padding: 20px;
	}

	.country-coverage-two-item img {
		max-height: 60px;
	}

	.convenios-listado-area .convenios-categoria {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.about-style-five-info .sub-title,
	.about-style-five-info .title {
		font-size: 36px !important;
	}

	.about-style-five-info .sec-p .p,
	.about-style-five-info .list-style-two li {
		font-size: 17px;
		line-height: 28px;
	}

	.about-style-five-shape {
		display: none;
	}

	.testimoial-style-three-items .sub-title {
		font-size: 40px;
	}

	.about-style-five-info .sub-title {
		text-transform: none;
		display: block;
		border: none;
		padding: 0;
	}

	#whatsappflotante {
		left: 18px;
		bottom: 18px;
	}

	#whatsappflotante .img-w {
		width: 48px;
		height: 48px;
	}

	#scroll-top {
		right: 18px;
		bottom: 18px;
	}

	.breadcrumb-area {
		padding: 55px 0 40px !important;
	}

	.breadcrumb-area h1 {
		font-size: 38px;
	}

	.cta-credito-area {
		padding: 65px 0 70px;
	}

	.cta-credito-area .content .title {
		font-size: 34px !important;
		margin-bottom: 26px;
	}

	.cta-credito-area .content .p {
		font-size: 16px;
		max-width: 640px;
	}

	.quienes-somos-area {
		padding: var(--space-section) 0;
	}

	.quienes-somos-info {
		padding: 0 15px 30px;
	}

	.quienes-somos-info .title {
		font-size: 30px !important;
	}

	.quienes-somos-info .sec-p .p {
		line-height: 1.8;
	}

	.quienes-somos-info .sec-p .p+.p {
		margin-top: 15px;
	}

	.quienes-somos-thumb {
		min-height: 320px;
	}

	.mision-vision-area {
		padding: 0 0 var(--space-section);
	}

	.mision-vision-thumb {
		margin-bottom: 30px;
	}

	.nuestros-valores-area .site-heading {
		margin-bottom: 40px;
	}

	.nuestros-valores-area .site-heading .title {
		font-size: 30px !important;
	}

	.valor-card {
		padding: 30px 24px 22px;
	}

	.valor-card .icon {
		margin-bottom: 22px;
	}

	.valor-card .icon img {
		height: 52px;
	}

	.valor-card h4 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.valor-card .p {
		line-height: 26px;
	}

	.documentos-informes-area .site-heading .title {
		font-size: 26px !important;
	}

	.documento-item {
		margin-bottom: 0;
	}

	.documento-card {
		min-height: auto;
		padding: 24px 18px;
	}

	.producto-item-area {
		padding-top: 60px;
		padding-bottom: 40px;
	}

	.producto-item-area .producto-item,
	.producto-item-area .producto-item.reverse {
		flex-direction: column;
		align-items: stretch;
		gap: 25px;
	}

	.producto-item-area--tarjeta .producto-item.reverse .producto-item-content,
	.producto-item-area--tarjeta .producto-item:not(.reverse) .producto-item-content {
		padding-top: 0;
	}

	.producto-item-content {
		padding-top: 0;
	}

	.producto-item-area .producto-item+.producto-item {
		margin-top: 40px;
	}

	.producto-item-thumb {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.producto-cta {
		margin-top: 40px;
	}

	.producto-cta h2 {
		font-size: 26px;
	}

	.tarjeta-operaciones {
		margin-top: 30px;
	}

	.tarjeta-operacion-item {
		padding: 25px 20px;
	}

	.requisito-cards {
		margin: 20px 0 15px;
	}

	.nota-tarifas {
		padding: 25px 20px;
	}

	.esencia-cooperativa-shape {
		display: none;
	}

	.esencia-cooperativa-info {
		padding: 40px 20px 40px;
		text-align: center;
		align-items: center;
	}

	.esencia-cooperativa-info .title {
		font-size: 28px !important;
	}

	.esencia-tabs {
		width: 100%;
		max-width: 460px;
	}

	.esencia-cooperativa-thumb {
		min-height: 340px;
	}

	.esencia-cooperativa-content > .tab-pane {
		display: none;
		visibility: visible;
	}

	.esencia-cooperativa-content > .tab-pane.active {
		display: block;
	}

	.esencia-cooperativa-content {
		display: block;
		position: relative;
		left: 0;
		bottom: auto;
		z-index: 2;
		width: 100%;
		max-width: calc(100% - 40px);
		margin: -60px auto 0;
	}

	.esencia-cooperativa-content h3 {
		font-size: 22px;
	}

	.mision-vision-accordion .accordion-item.accordion-style-one {
		margin-top: 20px;
	}

	.mision-vision-accordion .accordion-item.accordion-style-one button.accordion-button {
		font-size: 16px;
		padding: 18px 45px 18px 30px;
	}

	.mision-vision-accordion .accordion-item.accordion-style-one .accordion-body {
		padding: 22px 25px 22px 30px;
	}

	.mision-vision-accordion .accordion-item.accordion-style-one .accordion-body .p {
		line-height: 1.8;
	}

	.historia-timeline-area .site-heading {
		margin-top: 50px;
	}

	.historia-timeline-area .site-heading .title {
		font-size: 32px !important;
		line-height: 42px;
	}

	.historia-timeline {
		max-width: 100%;
		margin-top: 40px;
	}

	.historia-timeline::before,
	.historia-timeline::after {
		display: none;
	}

	.historia-timeline-item {
		grid-template-columns: 1fr;
		row-gap: 15px;
		margin-bottom: 30px;
	}

	.historia-timeline-item::before {
		left: 0;
		top: 0;
		width: 24px;
		height: 24px;
		border-width: 3px;
		transform: none;
	}

	.historia-timeline-content .p::before,
	.historia-timeline-item.reverse .historia-timeline-content .p::before {
		display: none;
	}

	.historia-timeline-outro {
		margin-top: 40px;
	}

	.historia-timeline-year,
	.historia-timeline-item.reverse .historia-timeline-year {
		grid-column: 1;
		justify-self: start;
		text-align: left;
		padding-left: 36px;
		margin-top: 0;
	}

	.historia-timeline-content,
	.historia-timeline-item.reverse .historia-timeline-content {
		grid-column: 1;
		justify-self: stretch;
		max-width: 100%;
	}

	.auxilio-items {
		margin-top: 30px;
		--bs-gutter-y: 40px;
	}

	.auxilio-item {
		margin-bottom: 0;
	}

	.auxilio-card .thumb img {
		height: 400px;
	}

	.convenio-detalle-info {
		flex-direction: column;
		gap: 30px;
	}

	.convenio-detalle-logo {
		flex: 0 0 auto;
		width: 100%;
		max-width: 340px;
		margin: 0 auto;
	}

	.convenio-galeria-wrap {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.convenio-galeria-carousel {
		flex: 1;
		min-width: 0;
	}

	.convenio-galeria-prev,
	.convenio-galeria-next {
		position: static;
		transform: none;
		font-size: 20px;
	}

	.convenio-galeria-carousel .swiper-slide img {
		height: 220px;
	}

	.contactenos-info-area .title {
		font-size: 24px !important;
	}

	.contactenos-form-box {
		margin-top: 30px;
	}

	.maps-area iframe {
		height: 450px;
	}

	.vinculacion-opciones-shape {
		display: none;
	}

	.vinculacion-opciones-info {
		padding: 40px 20px;
		text-align: center;
		align-items: center;
	}

	.vinculacion-opciones-info .title {
		max-width: 100%;
		font-size: 26px !important;
		margin-bottom: 30px;
	}

	.vinculacion-opciones-info .esencia-tabs {
		width: 100%;
		max-width: 460px;
	}

	.vinculacion-opciones-thumb {
		height: 340px;
		min-height: 340px;
	}

	.vinculacion-opciones-content {
		position: static;
		width: 100%;
		max-width: calc(100% - 40px);
		margin: -60px auto 0;
	}

	.vinculacion-opciones-content h3 {
		font-size: 22px;
	}

	.eventos-listado-card .thumb img {
		height: 230px;
	}

	.eventos-listado-card .caption {
		min-height: 76px;
	}

	.eventos-listado-card .caption h4 {
		font-size: 18px;
	}

	.noticia-detalle-thumb img {
		aspect-ratio: auto;
		height: 300px;
	}

	.noticia-detalle-content .p {
		line-height: 1.8;
	}

	.noticia-detalle-content .sec-p .p+.p {
		margin-top: 15px;
	}
}

@media (max-width: 767px) {
	.otros-beneficios-area .out .visa-offer-country-item .country h5 {
		font-size: 21px;
	}

	.breadcrumb-area {
		padding: 45px 0 32px !important;
	}

	.breadcrumb-area h1 {
		font-size: 32px;
	}

	.noticias-area {
		padding-top: 48px;
		padding-bottom: 46px;
	}

	.noticias-area-light {
		padding-top: 52px;
		padding-bottom: 46px;
	}

	.noticias-area-light .site-heading {
		margin-bottom: 40px;
	}

	.home-blog-style-one .info .inner .content {
		padding: 52px 20px 22px;
	}

	.home-blog-style-one .info .inner .date {
		width: 68px;
		font-size: 15px;
	}

	.home-blog-style-one .info .inner .date strong {
		font-size: 30px;
		padding: 10px 0 11px;
	}

	.home-blog-style-one h3 {
		font-size: 20px;
		line-height: 28px;
		min-height: 0;
	}

	.footer-coofinanciar .footer-logo img {
		width: 210px;
	}

	.footer-links {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.footer-split__brand {
		padding: 40px 15px 35px;
	}

	.footer-contact-strip {
		padding: 35px 0;
	}

	.footer-contact-strip__item {
		gap: 14px;
	}

	.footer-contact-strip__item i {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.footer-contact-strip__item p {
		font-size: 13px;
	}

	:root {
		--space-section: 40px;
	}

	.banner-area.banner-style-three .item {
		height: auto;
		min-height: 420px;
		padding: 60px 0;
	}

	.banner-area.banner-style-three .content h2 {
		font-size: 28px;
	}

	#mensaje {
		min-height: 420px;
	}

	#mensaje .img-pc {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#mensaje h2 {
		font-size: 24px;
		margin-bottom: 16px;
	}

	#mensaje .icono-mensaje {
		width: 90px;
	}

	.indicadores-economicos-carousel .swiper-slide {
		width: min(311px, 100%);
	}

	.indicador-item {
		height: auto;
		padding-bottom: 14px;
	}

	.about-style-five-info .sub-title,
	.about-style-five-info .title {
		font-size: 32px !important;
	}

	.about-style-five-thumb .fun-fact {
		width: 130px;
		height: 130px;
	}

	.about-style-five-thumb .fun-fact .counter {
		font-size: 34px;
	}

	.choose-us-style-three-info .title {
		font-size: 28px !important;
	}

	.card-style-three .item h4 {
		font-size: 20px;
	}

	.card-style-three {
		flex-direction: column;
	}

	.testimoial-style-three-items .title {
		font-size: 38px !important;
	}

	.eventos-actividades-area {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.eventos-actividades-area .site-heading {
		margin-bottom: 40px;
	}

	.eventos-actividades-area .button {
		margin-top: 35px;
	}

	.nuestros-convenios-area {
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.nuestros-convenios-area .site-heading {
		margin-bottom: 35px;
	}

	.nuestros-convenios-prev,
	.nuestros-convenios-next {
		display: none;
	}

	.country-coverage-two-item {
		height: 100px;
		padding: 15px;
	}

	.country-coverage-two-item img {
		max-height: 55px;
	}

	.convenios-listado-area .convenios-categoria {
		font-size: 20px;
		margin-bottom: 24px;
	}

	.about-style-five-info .sec-p .p,
	.about-style-five-info .list-style-two li {
		font-size: 16px;
		line-height: 27px;
	}

	.testimoial-style-three-items .sub-title {
		font-size: 36px;
	}

	.about-style-five-info .sub-title {
		text-transform: none;
		display: block;
		border: none;
		padding: 0;
	}

	.cta-credito-area {
		padding: 55px 0 60px;
	}

	.cta-credito-area .content .title {
		font-size: 28px !important;
		margin-bottom: 20px;
	}

	.historia-timeline-year {
		font-size: 20px;
	}

	.historia-timeline-area .site-heading .title {
		font-size: 28px !important;
		line-height: 38px;
	}

	.historia-timeline-content .p {
		padding: 22px 18px;
	}

	.quienes-somos-info .title {
		font-size: 26px !important;
	}

	.quienes-somos-thumb {
		min-height: 260px;
	}

	.mision-vision-accordion .accordion-item.accordion-style-one {
		margin-top: 15px;
	}

	.mision-vision-accordion .accordion-item.accordion-style-one button.accordion-button {
		font-size: 16px;
		padding: 16px 40px 16px 20px;
	}

	.mision-vision-accordion .accordion-item.accordion-style-one .accordion-body {
		padding: 20px;
	}

	.nuestros-valores-area .site-heading {
		margin-bottom: 34px;
	}

	.nuestros-valores-area .site-heading .title {
		font-size: 26px !important;
	}

	.valor-card {
		padding: 34px 28px 26px;
	}

	.valor-card .icon {
		margin-bottom: 24px;
	}

	.valor-card .icon img {
		height: 60px;
	}

	.valor-card h4 {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.valor-card .p {
		line-height: 28px;
	}

	.documentos-informes-area .site-heading .title {
		font-size: 24px !important;
	}

	.documento-card {
		padding: 22px 16px;
	}

	.producto-item-area {
		padding-top: 50px;
		padding-bottom: 35px;
	}

	.producto-item-content h2 {
		font-size: 24px;
	}

	.producto-item-content .list-style-two li {
		font-size: 16px;
		line-height: 28px;
	}

	.producto-cta .button .btn-style-one {
		font-size: 16px;
		padding: 12px 22px;
	}

	.producto-cta h2 {
		font-size: 22px;
	}

	.tarjeta-operacion-item .p {
		font-size: 15px;
	}

	.requisito-card {
		padding: 20px 15px;
	}

	.nota-tarifas .p {
		font-size: 16px;
	}

	.esencia-cooperativa-info .title {
		font-size: 24px !important;
	}

	.esencia-tab-btn {
		font-size: 15px;
		padding: 13px 16px;
	}

	.vinculacion-opciones-info .esencia-tab-btn {
		padding: 13px 16px;
	}

	.vinculacion-opciones-info .esencia-tab-btn .arrow {
		width: 30px;
		height: 30px;
	}

	.esencia-cooperativa-thumb {
		min-height: 260px;
	}

	.esencia-cooperativa-content {
		padding: 22px 22px;
	}

	.esencia-cooperativa-content h3 {
		font-size: 20px;
	}

	.auxilio-card .thumb img {
		height: 220px;
	}

	.auxilio-card .info {
		padding: 20px;
	}

	.auxilio-card .info h3 {
		font-size: 23px;
	}

	.convenio-detalle-logo {
		max-width: 260px;
	}

	.convenio-detalle-content .title {
		font-size: 28px !important;
	}

	.convenio-galeria-area .title {
		font-size: 28px !important;
	}

	.convenio-galeria-carousel .swiper-slide img {
		height: 180px;
	}

	.contactenos-info-area .title {
		font-size: 22px !important;
	}

	.contactenos-info-item {
		gap: 14px;
		padding: 24px 20px;
	}

	.contactenos-info-item img {
		width: 60px;
		height: 60px;
	}

	.contactenos-info-item h5 {
		font-size: 18px;
	}

	.contactenos-info-item .p {
		font-size: 16px;
		line-height: 22px;
	}

	.contactenos-form-box {
		padding: 30px 20px;
	}

	.contactenos-form-box .btn-style-one {
		padding: 11px 40px;
	}

	.pqrsf-solicitudes-box {
		padding: 30px 20px 34px;
	}

	.pqrsf-solicitudes-box .btn-style-one {
		padding: 11px 40px;
	}

	.maps-area iframe {
		height: 350px;
	}

	.vinculacion-opciones-info .title {
		font-size: 24px !important;
	}

	.vinculacion-opciones-thumb {
		height: 260px;
		min-height: 260px;
	}

	.vinculacion-opciones-content {
		padding: 22px 22px;
	}

	.vinculacion-opciones-content h3 {
		font-size: 20px;
	}

	.eventos-listado-area .row {
		--bs-gutter-x: 15px;
	}

	.noticias-listado-items {
		--bs-gutter-x: 15px;
		--bs-gutter-y: 40px;
	}

	.eventos-listado-card .thumb img {
		height: 180px;
	}

	.eventos-listado-card .caption {
		min-height: 64px;
		padding: 12px 10px;
	}

	.eventos-listado-card .caption h4 {
		font-size: 16px;
	}

	.noticia-detalle-content .title {
		font-size: 24px !important;
		margin-bottom: 25px;
	}

	.noticia-detalle-thumb {
		margin-bottom: 28px;
	}

	.noticia-detalle-thumb img {
		height: 240px;
	}

	.noticia-detalle-thumb .meta {
		top: 14px;
		left: 14px;
	}

	.noticia-detalle-thumb .meta .date {
		width: 62px;
	}

	.noticia-detalle-thumb .meta .date strong {
		font-size: 26px;
		padding: 8px 0 7px;
	}

	.noticia-detalle-thumb .meta .date span {
		font-size: 13px;
		padding: 3px 0 3px;
	}
}

@media (max-width: 1700px) {
	.evento-detalle-area .title {
		font-size: 28px !important;
	}

	.evento-detalle-galeria {
		--bs-gutter-y: 46px;
	}

	.evento-detalle-galeria-item img {
		height: 258px;
	}
}

@media (max-width: 1450px) {
	.evento-detalle-galeria {
		--bs-gutter-y: 40px;
	}

	.evento-detalle-galeria-item img {
		height: 247px;
	}
}

@media (max-width: 1200px) {
	.evento-detalle-area .title {
		font-size: 26px !important;
	}

	.evento-detalle-galeria {
		--bs-gutter-x: 24px;
		--bs-gutter-y: 34px;
	}

	.evento-detalle-galeria-item img {
		height: 206px;
	}
}

@media (max-width: 991px) {
	.evento-detalle-area {
		padding-top: 30px;
	}

	.evento-detalle-galeria {
		--bs-gutter-x: 24px;
	}

	.evento-detalle-galeria-item img {
		height: 238px;
	}
}

@media (max-width: 767px) {
	.evento-detalle-area .title {
		font-size: 24px !important;
	}

	.evento-detalle-galeria {
		--bs-gutter-x: 16px;
		--bs-gutter-y: 24px;
	}

	.evento-detalle-galeria-item img {
		height: 200px;
	}
}

.nuestros-beneficios-area .visa-category-four-navs > div.visa-category-four-prev {
	left: -86px;
}

.nuestros-beneficios-area .visa-category-four-navs > div.visa-category-four-next {
	right: -86px;
}

.visa-cat-style-four.card-destacada a.circle-icon-btn span {
	color: var(--white);
	border: none;
	padding: 0;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 700;
}

.nuestros-beneficios-area .visa-category-four-carousel .swiper-slide {
	height: auto;
}

.solicitud-form-area .site-heading .title {
	font-size: 36px !important;
	font-weight: 800 !important;
}

.solicitud-form-box {
	margin-left: 0;
	margin-right: 0;
}

.solicitud-form-box .p {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: normal;
}

.pagina-error {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 800px;
	padding: 80px 0;
	text-align: center;
	background: var(--bg-gradient-secondary);
}

.pagina-error__title {
	color: var(--white);
	font-weight: 700;
	font-size: 50px;
	line-height: 1.3;
	margin-bottom: 24px;
}

.pagina-error__text {
	color: var(--white);
	max-width: 620px;
	margin: 0 auto 34px;
}

.pagina-error .btn-style-one {
	background: var(--color-secondary);
}

@media (max-width: 1450px) {
	.pagina-error {
		min-height: 700px;
	}
}

@media (max-width: 1200px) {
	.pagina-error {
		min-height: 600px;
	}

	.pagina-error__title {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.pagina-error {
		min-height: 460px;
		padding: 60px 0;
	}

	.pagina-error__title {
		font-size: 36px;
	}
}

@media (max-width: 767px) {
	.pagina-error {
		min-height: 380px;
		padding: 50px 0;
	}

	.pagina-error__title {
		font-size: 28px;
		margin-bottom: 18px;
	}

	.pagina-error__text {
		margin-bottom: 24px;
	}
}

/* ==========================================================================
   RONDA 2 — Ajuste responsive de tipografia y de la tarjeta de convenios.
   Las secciones que se rehicieron despues del maquetado original quedaron con
   su font-size declarado SOLO en la regla base, sin escalon en ningun
   breakpoint: a 375px seguian mostrando el tamano de escritorio. Aca se les
   completa la rampa 1200 / 991 / 767 con la misma proporcion que ya usaba el
   resto del sitio (~0.85 por escalon), y se bajan los valores del tramo 767
   que todavia eran de escritorio.
   No se toca ningun valor por encima de 1450px: el escritorio queda igual.
   ========================================================================== */

@media (max-width: 1200px) {
	.otros-beneficios-area .site-heading .title {
		font-size: 32px !important;
	}

	.solicitud-form-area .site-heading .title,
	.pqrsf-form-area .site-heading .title,
	.pqrsf-solicitudes-area .site-heading .title,
	.vinculate-info-area .site-heading .title {
		font-size: 30px !important;
	}

	.otros-beneficios-area ul.list-style-one li {
		font-size: 17px;
	}

	/* Quedaba plano en 52px en TODOS los anchos. Se le da la misma rampa que
	   ya tenian los otros titulares de seccion del home (45 / 42 / 24). */
	.productos-servicios-area .site-heading .title {
		font-size: 45px !important;
	}
}

@media (max-width: 991px) {
	.otros-beneficios-area .site-heading .title {
		font-size: 28px !important;
	}

	.solicitud-form-area .site-heading .title,
	.pqrsf-form-area .site-heading .title,
	.pqrsf-solicitudes-area .site-heading .title,
	.vinculate-info-area .site-heading .title {
		font-size: 27px !important;
	}

	.otros-beneficios-area .visa-offer-country-item .country h5 {
		font-size: 18px;
	}

	.otros-beneficios-area ul.list-style-one li {
		font-size: 16px;
	}

	.pqrsf-form-subheading {
		font-size: 19px;
	}

	.indicador-item .value {
		font-size: 20px;
		line-height: 26px;
	}

	.productos-servicios-area .site-heading .title {
		font-size: 42px !important;
	}

	/* La tarjeta de convenio pasa a 1 slide por vista y se estiraba a todo el
	   ancho del contenedor: se limita al tamano natural del logo (301x126). */
	.nuestros-convenios-area .country-coverage-two-item {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 767px) {

	/* --- Titulares de seccion --- */
	.breadcrumb-area h1 {
		font-size: 26px;
	}

	.otros-beneficios-area .site-heading .title,
	.choose-us-style-three-info .title,
	.pagina-error__title {
		font-size: 24px !important;
	}

	.solicitud-form-area .site-heading .title,
	.pqrsf-form-area .site-heading .title,
	.pqrsf-solicitudes-area .site-heading .title,
	.vinculate-info-area .site-heading .title {
		font-size: 24px !important;
	}

	.about-style-five-info .sub-title,
	.about-style-five-info .title {
		font-size: 26px !important;
	}

	/* Titulares de seccion del home. El tema los dejaba en 36-38px a 767px (y
	   el de Productos y Servicios en 52px fijo), tamanos de escritorio que a
	   375px ocupaban dos y tres renglones. */
	.productos-servicios-area .site-heading .title,
	.nuestros-beneficios-area .site-heading .title,
	.noticias-area .site-heading .title,
	.eventos-actividades-area .site-heading .title,
	.nuestros-convenios-area .site-heading .title,
	.tqn-area .site-heading .title,
	.historia-timeline-area .site-heading .title,
	.testimoial-style-three-items .title {
		font-size: 24px !important;
	}

	/* Bloques compartidos por casi todas las internas (cta-credito y
	   noticias-interna). Quedaban en 36px y 28px a 375px: son los que el
	   cliente veia grandes en politicas, solicitud, pqrsf y vinculate. */
	.noticias-area-light .site-heading .title {
		font-size: 24px !important;
	}

	.cta-credito-area .content .title {
		font-size: 24px !important;
	}

	.convenio-galeria-area .title {
		font-size: 23px !important;
	}

	/* Numeral decorativo de "Por que elegir Coofinanciar" */
	.card-style-three .item .number {
		font-size: 34px;
	}

	.banner-area.banner-style-three .content h2 {
		font-size: 23px;
	}

	.convenio-detalle-content .title {
		font-size: 23px !important;
	}

	.quienes-somos-info .title,
	.tarjeta-debito-intro .site-heading .title {
		font-size: 22px !important;
	}

	.testimoial-style-three-items .sub-title {
		font-size: 22px;
	}

	.contactenos-info-area .title {
		font-size: 20px !important;
	}

	/* --- Fechas y datos destacados --- */
	.home-blog-style-one .info .inner .date strong {
		font-size: 22px;
	}

	.noticia-detalle-thumb .meta .date strong {
		font-size: 21px;
	}

	.indicador-item .value {
		font-size: 18px;
		line-height: 24px;
	}

	/* --- Tarjetas y listas --- */
	.otros-beneficios-area .out .visa-offer-country-item .country h5 {
		font-size: 18px;
	}

	.otros-beneficios-area .visa-offer-country-item .country h5 {
		font-size: 17px;
	}

	.otros-beneficios-area ul.list-style-one li {
		font-size: 15px;
	}

	.documento-card h4,
	.provider-details .content h4 {
		font-size: 17px;
	}

	.provider-details .content span,
	.choose-us-three-thumb .video-card span {
		font-size: 15px;
	}

	/* --- Formularios (solicitud, pqrsf, contactenos) --- */
	.pqrsf-form-subheading {
		font-size: 18px;
	}

	.solicitud-form-box .p,
	.solicitud-form-box .form-group label,
	.pqrsf-form-box .form-group label,
	.contactenos-form-box .btn-style-one,
	.contactenos-form-box .contactenos-form-check label {
		font-size: 15px;
	}

	/* --- Navegacion y pie --- */
	.breadcrumb-area .breadcrumb li {
		font-size: 14px;
	}

	.footer-item .widget-title {
		font-size: 16px;
	}

	/* --- Cuerpo de texto (politica de privacidad y paginas de contenido) --- */
	p,
	.p {
		font-size: 16px;
	}

	/* La regla generica de arriba no debe subir el credito del pie, que ya
	   estaba resuelto en 14px desde el tramo de 1200px. */
	.footer-copyright,
	.footer-copyright .p {
		font-size: 14px;
	}

	/* --- Tarjeta de convenios --- */
	.nuestros-convenios-area .country-coverage-two-item {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 767px) {
	.auxilio-card .info h3 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.indicadores-economicos-area .info h4,
	.todo-lo-que-necesitas-area .item .info h4,
	.about-style-five-info .sub-title,
	.site-heading .sub-title {
		font-size: 18px;
	}

	.pqrsf-form .form-group label,
	.pqrsf-solicitudes-form .form-group label,
	.contactenos-form .form-group label,
	.solicitud-form .form-group label {
		font-size: 15px;
	}

	.pqrsf-solicitudes-legal h3,
	.pqrsf-legal h3 {
		font-size: 20px;
	}
}

/* Pagina de estado (error). Misma estructura que en asijur: la foto va a
   sangre con un velo oscuro encima, y el texto centrado sobre ella. */
.pagina-estado {
	position: relative;
	overflow: hidden;
}

.pagina-estado__bg {
	position: absolute;
	inset: 0;
}

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

.pagina-estado__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.67);
}

.pagina-estado__content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 800px;
	padding: 80px 0;
	text-align: center;
}

.pagina-estado__title {
	color: #ffffff;
	font-weight: 700;
	font-size: 50px;
	line-height: 1.3;
	margin-bottom: 30px;
}

.pagina-estado__text {
	color: #ffffff;
	margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
	.pagina-estado__content {
		min-height: 560px;
	}

	.pagina-estado__title {
		font-size: 38px;
	}
}

@media only screen and (max-width: 767px) {
	.pagina-estado__content {
		min-height: 440px;
		padding: 60px 0;
	}

	.pagina-estado__title {
		font-size: 26px;
	}
}

/* ---------------------------------------------------------------------------
   Circulo verde decorativo de los iconos.
   Antes venia PEGADO dentro del PNG. Ahora el PNG trae solo el dibujo y el
   circulo se pinta aca, de fondo de la propia imagen — asi queda DETRAS del
   trazo, como en el arte original, y escala solo en todos los cortes sin
   depender del ancho de cada icono.
   Medido sobre los 12 PNG originales: centro en 81% / 75% de la caja y radio
   ~19% del ancho y ~23% del alto, en rgba(143,203,34,.56).
--------------------------------------------------------------------------- */
.valor-card .icon img,
.tarjeta-operacion-item img {
	background: radial-gradient(ellipse 19% 23% at 81% 75%,
			rgba(143, 203, 34, 0.56) 0 98%, rgba(143, 203, 34, 0) 100%);
}