/* Integración Kit UC con clases de WordPress */
/* @todo: Integrar a través de theme.json */

/* Backgrounds */
.bg--lightgray-c {
	background-color: var(--lightgray-c);
}

/* Estilos tipográficos */
.text-weight--light {
	font-weight: 300;
}
.text-weight--light strong {
	font-weight: 700;
}
.has-text-align-center {
	text-align: center;
}
.has-text-align-right {
	text-align: right;
}
.has-text-align-left {
	text-align: left;
}
.uc-h4 {
	font-size: 1.25em;
}
.uc-btn.btn-featured,
.uc-btn.btn-listed {
	line-height: 1.35;
}
/* HR como divisor de texto */
.uc-card hr.uc-text-divider {
	border: none;
}

/* UC Heading */
.heading-container > hr.uc-heading-decoration {
	margin-left: 1rem;
	border: none;
}

/* Estilo de link en títulos de tarjetas */
.uc-card .uc-card_body h3 a {
	text-decoration: none;
	color: #212529;
}
.uc-card.card-bg--blue .uc-card_body h3 a {
	color: var(--white);
}
.uc-card .uc-card_body h3 a:hover {
	text-decoration: underline;
}

/**
 * Botón simple 
 * Con soporte para alineación de texto
 */
p.uc-btn-simple,
p.uc-btn-simple.has-text-align-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
p.uc-btn-simple.has-text-align-center {
	justify-content: center;
}
p.uc-btn-simple.has-text-align-left {
	justify-content: flex-start;
}
p.uc-btn-simple > a {
	text-decoration: none;
}
p.uc-btn-simple > a:hover {
	text-decoration: underline;
}
p.uc-btn-simple > i.uc-icon {
	margin-left: .5rem;
	font-size: 16px;
}
/**
 * Botón primario
 * Con soporte para alineación de texto
 */
p.uc-btn-primary {
	display: grid;
	grid-template-columns: auto 3rem;
	align-items: center;
}
p.uc-btn-primary > a {
	grid-column: 1/3;
	grid-row: 1/-1;
	padding: 12px 3rem 12px 16px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
	color: var(--primary);
	background-color: var(--white);
	border-radius: 4px;
	border: 1px solid var(--lightgray-a);
	border-top-color: rgb(234, 234, 234);
	border-right-color: rgb(234, 234, 234);
	border-bottom-color: rgb(234, 234, 234);
	border-left-color: rgb(234, 234, 234);
	box-shadow: 0 0 8px rgba(136,136,136,.18);
	transition: background-color .2s ease;
}
p.uc-btn-primary > .uc-icon {
	position: relative;
	grid-column: 2/3;
	grid-row: 1/-1;
	justify-self: center;
	align-self: center;
	font-size: 1rem;
	z-index: 1;
}

/**
 * Botón secundario
 * Con soporte para alineación de texto
 */
p.uc-btn-hero > a,
a.btn-hero {
	padding-bottom: calc(27px + 1rem);
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	color: var(--yellow);
	transition: color .3s ease-in-out;
}
p.uc-btn-hero > .uc-icon,
a.btn-hero > .uc-icon {
	position: relative;
	padding: 4px;
	font-size: 23px;
	z-index: 1;
	color: var(--black);
	background-color: var(--yellow);
	border-radius: 50%;
	transition: background-color .3s ease-in-out;
}
p.uc-btn-hero > a:hover,
a.btn-hero:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
	color: var(--darkyellow);
}
p.uc-btn-hero > a:hover + .uc-icon,
a.btn-hero:hover > .uc-icon {
	background-color: var(--darkyellow);
}

/**
 * Botón destacado
 */
p.uc-btn-featured {
	display: grid;
	grid-template-columns: auto 3rem;
	align-items: center;
	line-height: 1.35;
}
p.uc-btn-featured > a {
	grid-column: 1/3;
	grid-row: 1/-1;
	width: 100%;
	text-decoration: none;
	color: var(--black);
	background: var(--white);
	padding: 24px 3rem 24px 16px;
	border: 1px solid var(--lightgray-a);
	border-radius: 0 4px 4px 0;
	box-shadow: 0 0 8px rgba(136,136,136,.18);
	border-left: 2px solid var(--yellow);
}
p.uc-btn-featured > a:hover {
	border-color: var(--yellow);
}
p.uc-btn-featured > .uc-icon {
	position: relative;
	grid-column: 2/3;
	grid-row: 1/-1;
	justify-self: center;
	align-self: center;
	font-size: 1rem;
	z-index: 1;
}

/* Estilo para click sobre íconos */
p.uc-btn-hero > a,
p.uc-btn-featured > a,
p.uc-btn-primary > a,
p.uc-btn-simple > a {
	position: relative;
}
p.uc-btn-hero > a::after,
p.uc-btn-featured > a::after,
p.uc-btn-primary > a::after,
p.uc-btn-simple > a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
p.uc-btn-simple > a::after {
	width: calc(100% + 1.5rem);
}

/* Card body en Group */
/* .uc-card > .wp-block-group__inner-container {
	padding: 20px;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	position: relative;
	z-index: auto;
} */
@media (min-width: 992px) {
	/* .uc-card > .wp-block-group__inner-container {
		padding: 24px;
	} */
	.uc-card.uc-card-xl > .uc-card_body {
		padding: 48px;
	}
}
/* Container en Group */
.uc-group > .wp-block-group__inner-container {
	width: 100%;
	padding-right: 16px;
	padding-left: 16px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px) {
	.uc-group > .wp-block-group__inner-container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.uc-group > .wp-block-group__inner-container {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.uc-group > .wp-block-group__inner-container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.uc-group > .wp-block-group__inner-container {
		max-width: 1248px;
	}
}

/* Imagen con cita */
.wp-block-group.uc-image-quote .uc-image-quote_image {
	width: 100%;
	height: 100%;
	min-height: auto !important;
}
.wp-block-group.uc-image-quote .uc-image-quote_image > img {
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width: 996px) {
	.wp-block-group.uc-image-quote .uc-card {
		width: unset;
		margin-top: 0;
	}
}

/* Cover */
.uc-hero > .wp-block-cover__inner-container {
	width: 100%;
	height: 100%;
	max-width: 800px;
	align-content: center;
	padding-right: 16px;
	padding-left: 16px;
	margin-right: auto;
	margin-left: auto;
}
.wp-block-cover.uc-hero .wp-block-cover__background:not(.has-background-dim) {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg,rgba(3,18,46,.5),rgba(2,11,28,.65) 46.28%,rgba(0,0,0,.65));
}
.wp-block-cover.uc-hero .wp-block-cover__image-background {
	z-index: -2;
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	width: 100%;
	height: 100%;
	pointer-events: none;
}