/* Atoms / Icons */

/* CARDS / CARDS */

.card-landscape {
	float: left;
    position: relative;

	display: flex;
	/*width: 459px;*/
	width: 100%;
	padding: var(--Spacing-M, 16px);
	/*justify-content: flex-end;*/
	align-items: flex-start;
	gap: var(--Spacing-M, 16px);

	border-radius: var(--Radius-XL, 16px);
	border: 2px solid transparent;
	background: var(--VV-Grey-50, #FAFAFA);

	margin-bottom: 20px;
}

.card-landscape:hover, .card-landscape:active {
	border-radius: var(--Radius-XL, 16px);
	border: 2px solid var(--VV-Grey-200, #E9E9E9);
	background: var(--VV-Grey-50, #FAFAFA);
}

.card-landscape img.card-landscape-img {
	border-radius: var(--Radius-L, 12px) !important;
	margin-right: 15px !important;
	height: 100% !important;
    min-height: 150px;
	width: 100px;
    object-fit: cover;
}

.card-landscape h3 {
	overflow: hidden !important;
	color: var(--VV-Black, #1A1A1A) !important;
	text-overflow: ellipsis !important;

	/* SmallBold */
	font-family: Poppins !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 26px !important;

	margin-bottom: 0px !important;
}

.card-landscape h3 a {
	color: var(--VV-Black, #1A1A1A) !important;
	text-decoration: none !important;
}

.card-landscape h3 a:hover {
	color: var(--VV-Black, #1A1A1A) !important;
	text-decoration: underline !important;
}

.card-landscape .link {
	text-align:center;
	width: 100%;
	color:#C20E1A;
	line-height: normal;
	font-weight: 500;
	text-decoration: underline;
}

.card-landscape .link:hover {
	text-decoration: none;
}

.card-landscape-blog {
	display: flex;
	padding: var(--Radius-M, 8px);
	/*align-items: center;
	gap: var(--Spacing-L, 24px);
	align-self: stretch;
	*/
	border: 2px solid transparent;
	border-radius: var(--Radius-XL, 16px);
	background: var(--VV-Grey-50, #FAFAFA);
	/*cursor: pointer;*/
	margin-bottom: 20px;
}

.card-landscape-blog:hover, .card-landscape-blog:active {
	border-radius: var(--Radius-XL, 16px);
	border: 2px solid var(--VV-Grey-200, #E9E9E9);
	background: var(--VV-Grey-50, #FAFAFA);
}

.card-landscape-blog img {
	border-radius: var(--Radius-L, 12px) !important;
	margin-right: 24px !important;
	height: 100% !important;
    min-height: 200px;
	width: 100px;
    object-fit: cover;
}

.card-landscape-blog h3 {
	overflow: hidden !important;
	color: var(--VV-Black, #1A1A1A) !important;
	text-overflow: ellipsis !important;

	/* SmallBold */
	font-family: Poppins !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 26px !important;

	margin-bottom: 0px !important;
}

.card-landscape-blog h3 a {
	color: var(--VV-Black, #1A1A1A) !important;
	text-decoration: none !important;
}

.card-landscape-blog h3 a:hover {
	color: var(--VV-Black, #1A1A1A) !important;
	text-decoration: underline !important;
}

.card-landscape-blog p {
	overflow: hidden !important;
	color: var(--VV-Black, #1A1A1A) !important;
	text-overflow: ellipsis !important;

	/* Small */
	font-family: Poppins !important;
	/*font-size: 16px !important;*/
	font-style: normal !important;
	font-weight: 400 !important;
	/*line-height: 26px !important;*/
}

.card-landscape-blog p.fecha {
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 400 !important;

	margin-bottom: 5px !important;
}


.card-vertical {
	display: flex;
	/*width: 459px;*/
	width: 100%;
	padding: var(--Spacing-M, 16px);
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	/*gap: var(--Spacing-3XL, 64px);*/

	border-radius: var(--Radius-XL, 16px);
	background: var(--VV-Grey-50, #FAFAFA);
	border: 2px solid transparent !important;

	margin-bottom: 20px !important;
}

.card-vertical img {
	border-radius: var(--Radius-L, 12px) !important;
	margin-bottom: 24px !important;
	width: 100% !important;
}

.card-vertical h3 {
	overflow: hidden !important;
	color: var(--VV-Black, #1A1A1A) !important;
	text-overflow: ellipsis !important;

	/* SmallBold */
	font-family: Poppins !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 26px !important;

	margin-bottom: 10px !important;

}

.card-vertical h3 a {
	color: var(--VV-Black, #1A1A1A) !important;
	text-decoration: none !important;
}

.card-vertical h3 a:hover {
	color: var(--VV-Black, #1A1A1A) !important;
	text-decoration: underline !important;
}

.card-vertical .link {
	text-align:center;
	width: 100%;
	color:#C20E1A;
	line-height: normal;
	font-weight: 500;
	text-decoration: underline;
}

.card-vertical .link:hover {
	text-decoration: none;
}

.card-vertical:hover, .card-vertical:active {
	border-radius: var(--Radius-XL, 16px) !important;
	border: 2px solid var(--VV-Grey-200, #E9E9E9) !important;
	background: var(--VV-Grey-50, #FAFAFA) !important;
}

.card-vertical.restricted  {

}

.card-vertical.restricted img {
	opacity: 0.2 !important;
}




.card-video-preview {
	display: flex;
	padding: var(--Spacing-M, 16px);
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	/*width: 459px;*/
	width: 100%;

	border-radius: var(--Spacing-M, 16px);
	background: var(--VV-Grey-50, #FAFAFA);
	border: 2px solid transparent;

	margin-bottom: 20px;
}

.card-video-preview .video-btn {
	float: left;
    position: relative;
    width: 100%;
    display: block;

    background-color: #000;
    border-radius: var(--Radius-L, 12px);
}

.card-video-preview .video-btn-icon {
	display: flex;
	width: 48px;
	height: 48px;
	padding: var(--Radius-L, 12px);
	justify-content: center;
	align-items: center;
	flex-shrink: 0;border-radius: var(--Radius-FULL, 100px);
	border: 2px solid var(--VV-White, #FFF);
	background: var(--VV-White, #FFF);
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    opacity: 0.8;
    z-index: 5;
}

.card-video-preview img {
	display: flex;
    max-width: 100%;
    /* height: 278px; */
    width: auto;
    height: auto;
    object-fit: cover;
    min-height: 280px;
    padding: 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: var(--Radius-L, 12px);
    opacity: 0.5;
}

.card-video-preview:hover, .card-video-preview:active {
	border-radius: var(--Radius-XL, 16px);
	border: 2px solid var(--VV-Grey-200, #E9E9E9);
	background: var(--VV-Grey-50, #FAFAFA);
}

.card-video-preview:hover img, .card-video-preview:active img {
    opacity: 1;
}

.card-video-preview:hover  .video-btn-icon , .card-video-preview:active  .video-btn-icon  {
    opacity: 1;
}



/* INPUTS / BUTTONS */

[class^="bi-"]::before, [class*=" bi-"]::before {
	vertical-align: text-top;
}

.cta {
	display: inline-flex;
	height: 45px;
	padding: var(--Spacing-S, 8px) var(--Spacing-L, 24px);
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;

	border-radius: var(--Radius-FULL, 100px);
	background: var(--VV-Primary, #C20E1A);
	border: 2px solid var(--VV-Primary, #C20E1A) !important;

	color: var(--VV-White, #FFF);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
}

.cta:hover {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary, #C20E1A) !important;
	background: var(--VV-White, #FFF) !important;

	color: var(--VV-Primary, #C20E1A);
}

.cta:focus, .cta:active {
	border-radius: var(--Radius-FULL, 100px) !important;
	background: var(--VV-Primary-Light, #FB848E) !important;
	border: 2px solid transparent !important;

	color: var(--VV-White, #FFF);
}

.cta:disabled, .cta.disabled {
	border-radius: var(--Radius-FULL, 100px) !important;
	background: var(--VV-Grey-50, #FAFAFA) !important;

	color: var(--VV-Grey-300, #BFBFBF);
}


.cta-icon {
	display: inline-flex;
	height: 45px;
	padding: var(--Spacing-S, 8px) var(--Spacing-L, 24px);
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;

	border-radius: var(--Radius-FULL, 100px);
	background: var(--VV-Primary, #C20E1A);
	border: 2px solid transparent !important;

	color: var(--VV-White, #FFF);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;

	cursor: pointer;
}

.cta-icon:hover {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary, #C20E1A) !important;
	background: var(--VV-White, #FFF) !important;

	color: var(--VV-Primary, #C20E1A);
}

.cta-icon:focus, .cta-icon:active {
	border-radius: var(--Radius-FULL, 100px) !important;
	background: var(--VV-Primary-Light, #FB848E) !important;
	border: 2px solid transparent !important;

	color: var(--VV-White, #FFF) !important;
}

.cta-icon:disabled, .cta-icon.disabled {
	border-radius: var(--Radius-FULL, 100px) !important;
	background: var(--VV-Grey-50, #FAFAFA) !important;

	color: var(--VV-Grey-300, #BFBFBF) !important;
}

.cta-icon i {
	width: 20px;
	height: 20px;
	font-size: 20px;
	color:#fff !important;
}

.cta-icon:hover i {
	color:#C20E1A !important;
}

.cta-icon:focus i {
	color:#fff !important;
}

.cta-icon:disabled i, .cta-icon.disabled i {
	color: var(--VV-Grey-300, #BFBFBF) !important;
}

.cta-icon svg {
	width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.cta-icon svg path {
	fill:var(--VV-White, #FFF);
}

.cta-icon:has(svg) {
  padding-right: 10px;
}

.cta-icon:hover svg path {
	fill:#C20E1A !important;
}

.cta-icon:focus svg path {
	fill:#fff !important;
}

.cta-icon:disabled svg path, .cta-icon.disabled svg path {
	fill: var(--VV-Grey-300, #BFBFBF) !important;
}



.secondary {
	display: inline-flex;
	height: 45px;
	padding: var(--Spacing-S, 8px) var(--Spacing-L, 24px);
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	cursor: pointer;

	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary, #C20E1A) !important;
	background: var(--VV-White, #FFF) !important;

	color: var(--VV-Black, #1A1A1A) !important;
	text-align: center;

	/* ButtonText */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 29px; /* 207.143% */
	text-decoration: none !important;

}

.secondary:hover, .secondary.active {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary, #C20E1A) !important;
	background: var(--VV-Primary, #C20E1A) !important;

	color: var(--VV-White, #FFF) !important;
}

.secondary:focus, .secondary:active {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary-Light, #FB848E) !important;
	background: var(--VV-White, #FFF) !important;

	color: var(--VV-Primary-Light, #FB848E) !important;
}

.secondary:disabled , .secondary.disabled {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Grey-300, #BFBFBF) !important;
	background: var(--VV-White, #FFF) !important;

	color: var(--VV-Grey-300, #BFBFBF) !important;
}

.secondary i {
	width: 20px;
	height: 20px;
	font-size: 20px;
}

.secondary-icon {
	display: inline-flex;
	height: 45px;
	padding: var(--Spacing-S, 8px) var(--Spacing-M, 16px) var(--Spacing-S, 8px) var(--Spacing-L, 24px);
	justify-content: center;
	align-items: center;
	gap: var(--Spacing-S, 8px);
	flex-shrink: 0;

	color: var(--VV-Black, #1A1A1A) !important;
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: none !important;

	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary, #C20E1A) !important;
	background: var(--VV-White, #FFF) !important;
}

.secondary-icon i {
	color:#1A1A1A !important;
}

.secondary-icon:hover {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary, #C20E1A) !important;
	background: var(--VV-Primary, #C20E1A) !important;
	color: var(--VV-White, #FFF) !important;
}

.secondary-icon:hover i {
	color:#ffffff !important;
}

.secondary-icon:focus, .secondary-icon:active {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary-Light, #FB848E) !important;
	background: var(--VV-White, #FFF) !important;
	color: var(--VV-Primary-Light, #FB848E) !important;
}

.secondary-icon:focus i {
	color: var(--VV-Primary-Light, #FB848E) !important;
}

.secondary-icon:disabled, .secondary-icon.disabled {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary-Light, #FB848E) !important;
	background: var(--VV-White, #FFF) !important;
	color: var(--VV-Primary-Light, #FB848E) !important;
}

.secondary-icon:disabled i, .secondary-icon.disabled i {
	color: var(--VV-Primary-Light, #FB848E) !important;
}

.secondary-icon i {
	width: 20px;
	height: 20px;
	font-size: 20px;
}


.clean {
	display: inline-flex;
	height: 45px;
	padding: var(--Spacing-S, 8px) 0px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;

	color: var(--VV-Primary, #C20E1A);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;

	text-decoration: none;
	cursor: pointer;
}

.clean:hover {
	display: inline-flex;
	height: 45px;
	padding: var(--Spacing-S, 8px) 0px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	color: var(--VV-Primary-Soft, #F93B4B);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.clean:focus, .clean:active {
	color: var(--VV-Primary-Soft, #F93B4B);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	color: var(--VV-Primary-Light, #FB848E);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.clean:disabled, .clean.disabled {
	display: inline-flex;
	height: 45px;
	padding: var(--Spacing-S, 8px) 0px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;

	color: var(--VV-Grey-300, #BFBFBF);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;

	cursor: default;
}


.clean-icon {
	display: inline-flex;
	height: 45px;
	padding: var(--Spacing-S, 8px) 0px;
	justify-content: center;
	align-items: center;
	gap: var(--Spacing-S, 8px);
	flex-shrink: 0;

	color: var(--VV-Primary, #C20E1A);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;

	text-decoration: none !important;
}

.clean-icon i {
    width: 24px;
    height: 24px;
    color: var(--VV-Primary, #C20E1A);
    text-align: right;
    margin-top: 9px;
    margin-left: -8px;
    float: right;
}


.clean-icon:hover {
	color: var(--VV-Primary-Soft, #F93B4B);
}

.clean-icon:hover i {
    color: var(--VV-Primary-Soft, #F93B4B);
}

.clean-icon:focus, .clean-icon:active {
	color: var(--VV-Primary-Light, #FB848E);
}

.clean-icon:focus i, .clean-icon:active i {
    color: var(--VV-Primary-Light, #FB848E);
}

.clean-icon:disabled, .clean-icon.disabled {
	color: var(--VV-Grey-300, #BFBFBF);
}

.clean-icon:disabled i, .clean-icon.disabled i {
   color: var(--VV-Grey-300, #BFBFBF);
}



.rounded {
	display: flex;
width: 48px;
padding: var(--Radius-L, 12px);
justify-content: center;
align-items: center;

border-radius: var(--Radius-FULL, 100px) !important;
background: var(--VV-Primary, #C20E1A) !important;

color: var(--vv-black) !important;

}

.rounded:hover {
	border-radius: var(--Radius-FULL, 100px) !important;
border: 2px solid var(--VV-Primary, #C20E1A) !important;
background: var(--VV-White, #FFF) !important;

color: var(--vv-primary) !important;
}

.rounded:focus {
	border-radius: var(--Radius-FULL, 100px) !important;
background: var(--VV-Grey-200, #E9E9E9) !important;
color:var(--vv-black) !important;
}

.rounded:disabled {
	border-radius: var(--Radius-FULL, 100px) !important;
background: var(--VV-Grey-200, #E9E9E9) !important;
color:var(--vv-white) !important;
}

.rounded i {
	/*width: 20px;
	height: 20px;
	font-size: 20px;
*/

	/*height: 24px;
	flex: 1 0 0;*/

	width: 24px;
	height: 24px;
	flex: 1 0 0;
    font-size: 24px;

}

.rounded-clean {
	gap: 10px;
	flex-shrink: 0;
	display: flex;
	width: 48px;
	height: 48px;
	padding: var(--Radius-L, 12px);
	justify-content: center;
	align-items: center;
	color:var(--vv-black) !important;


	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-White, #FFF) !important;
	background: var(--VV-White, #FFF) !important;
}

.rounded-clean:hover {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Primary, #C20E1A) !important;
	background: var(--VV-Primary, #C20E1A) !important;
	color:var(--vv-white) !important;
}

.rounded-clean  i {
	width: 24px;
	height: 24px;
	flex: 1 0 0;
    font-size: 24px;
}

.rounded-secondary {
	display: flex;
	width: 48px;
	padding: var(--Radius-L, 12px);
	justify-content: center;
	align-items: center;

	border-radius: var(--Radius-FULL, 100px);
	border: 2px solid var(--VV-Primary, #C20E1A);
	background: var(--VV-White, #FFF);
	color:#1A1A1A;
}

.rounded-secondary:hover, .rounded-secondary:active {
	border-radius: var(--Radius-FULL, 100px);
	border: 2px solid var(--VV-Primary, #C20E1A);
	background: var(--VV-Primary, #C20E1A);
	color:#ffffff;
}

.rounded-secondary:focus  {
	border-radius: var(--Radius-FULL, 100px);
	background: var(--VV-Grey-200, #E9E9E9);
	border: 2px solid var(--VV-Grey-200, #E9E9E9);
	color:#1A1A1A;
}

.rounded-secondary:disabled, .rounded-secondary.disabled {
	border-radius: var(--Radius-FULL, 100px);
	background: var(--VV-Grey-200, #E9E9E9);
	border: 2px solid var(--VV-Grey-200, #E9E9E9);
	color:#ffffff;
}

.rounded-secondary  i {
	width: 24px;
	height: 24px;
	flex: 1 0 0;
    font-size: 24px;
}



.social-button {
	display: inline-flex;
	/*padding: var(--Spacing-xs, 8px) var(--Spacing-s, 16px);*/
	padding: 15px 24px;
	justify-content: center;
	align-items: center;
	gap: var(--Spacing-xs, 8px);

	border-radius: var(--Radius-FULL, 100px) !important;
	border: 1px solid var(--VV-Grey-300, #BFBFBF) !important;
	background: var(--VV-White, #FFF) !important;


	color: var(--VV-Black, #1A1A1A) !important;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.social-button:hover {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 1px solid var(--VV-Grey-300, #BFBFBF) !important;
	background: var(--VV-Grey-50, #FAFAFA) !important;
}

.social-button:focus {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 2px solid var(--VV-Grey-50, #FAFAFA) !important;
	background: var(--VV-White, #FFF) !important;
}

.social-button:active {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 1px solid var(--VV-Black, #1A1A1A) !important;
	background: var(--VV-Grey-50, #FAFAFA) !important;
}

.social-button:disabled {
	border-radius: var(--Radius-FULL, 100px) !important;
	border: 1px solid var(--VV-Grey-300, #BFBFBF) !important;
	background: var(--VV-Grey-200, #E9E9E9) !important;

	color: var(--VV-Grey-300, #BFBFBF) !important;
}

.social-button img {
	margin-right: 8px;
	width: 24px;
	height: 24px;
}

.social-button.social-text {
	justify-content: start;
	display: block;
}

.social-button.social-text .social-subtitle {
	float: left;
	position: relative;
	width: 100%;

	color: var(--VV-Grey-300, #BFBFBF);

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
    margin-top: -2px;
}


/* NAVIGATION / TABS */

.tab-group {
	display: inline-flex;
	padding: 0;
	align-items: center;
	gap: var(--Spacing-S, 8px);

	border-radius: var(--Spacing-M, 16px);
	background: var(--VV-Grey-50, #FAFAFA);
}

.tabs {
	display: inline-flex;
	padding: var(--Spacing-S, 8px) var(--Spacing-M, 16px);
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: var(--Radius-L, 12px);
	border: 2px solid var(--VV-Grey-200, #E9E9E9);
	background: var(--VV-White, #FFF);
}

.tabs a {
	text-decoration: none !important;
	color: var(--VV-Black, #1A1A1A);
	text-align: center;

	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.tabs:hover {
	border-radius: var(--Radius-L, 12px);
	border: 2px solid var(--VV-Primary, #C20E1A);
	background: var(--VV-White, #FFF);
	color: var(--VV-Black, #1A1A1A);
	text-align: center;

	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.tabs:hover a {
	color: var(--VV-Black, #1A1A1A);
}

.tabs:active, .tabs.active, .tabs:focus {
	border-radius: var(--Radius-L, 12px);
	background: var(--VV-Primary, #C20E1A);
	border: 2px solid var(--VV-Primary, #C20E1A);
	color: var(--VV-White, #FFF);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.tabs:active a, .tabs.active a, .tabs:focus a {
	color: var(--VV-White, #FFF);
}

.tabs:disabled, .tabs.disabled {
	border-radius: var(--Radius-L, 12px);
	background: var(--VV-Grey-50, #FAFAFA);
	color: var(--VV-Grey-300, #BFBFBF);
	text-align: center;

	/* Button */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.tabs:disabled a, .tabs.disabled a {
	color: var(--VV-Grey-300, #BFBFBF);
}




/* NAVIGATION / Top NavBar */

.avatar-button {
	display: flex;
	width: 56px;
	height: 56px;
	padding: 8px;
	justify-content: center;
	align-items: center;

	display: flex;

	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;

	border-radius: 50px;
	background: var(--VV-Black, #1A1A1A);
	border: 2px solid transparent;

	color: var(--VV-White, #FFF);
	text-align: center;

	/* SmallBold */
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 162.5% */

	cursor: pointer;
}

.avatar-button:hover {
	border-radius: 50px;
	opacity: 0.8;
	background: var(--VV-Black, #1A1A1A);
	border: 2px solid transparent;
	color: var(--VV-White, #FFF);
}

.avatar-button:active , .avatar-button:focus , .avatar-button:focus-visible {
	border-radius: 50px;
	border: 2px solid #F93B4B !important;
	background: var(--VV-Black, #1A1A1A);
	color: var(--VV-White, #FFF);
}

.avatar-button:disabled,.avatar-button.disabled {
	border-radius: 50px;
	background: var(--Neutrals-Neutral400, #BFBFBF);
	border: 2px solid transparent;
	color: var(--VV-White, #FFF);
	cursor: default;
}




/* INPUTS / INPUTS */

/* input helpers por defecto ocultos */

.helper-text {
	display: none;
	color: var(--VV-Black, #1A1A1A) !important;

	/* Note */
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: left;

	padding-left: 15px;
    padding-right: 15px;
	margin-top:8px;
}

.helper-text.error {
	display: block;
	color: var(--VV-State-Error, #E91628) !important;
}

/* input 'enabled' */

input:not([type='checkbox']), select  {

	display: flex;
	height: 48px;
	padding: var(--Spacing-M, 16px);
	align-items: center;
	gap: var(--Spacing-S, 8px);
	align-self: stretch;

	color:var(--vv-grey-600) !important;

	border-radius: var(--Radius-L, 12px) !important;
	border: 1px solid var(--VV-Grey-300, #BFBFBF);
	background: var(--VV-White, #FFF) !important;

	max-width: unset !important;
}



input:not([type='checkbox']):hover , input:not([type='checkbox']):focus, input:not([type='checkbox']):active, 
select:hover, select:focus, select:active  {
	border-radius: var(--Radius-L, 12px) !important;
	border: 1px solid var(--VV-Black, #1A1A1A) !important;
	background: var(--VV-White, #FFF) !important;
	color: var(--vv-black) !important;
	box-shadow: unset !important;
}

input:not([type='checkbox']):disabled, select:disabled {
/*input:not([type='checkbox']):disabled, select:not(#curso.marca_campo_incompleto):disabled {*/
	border-radius: var(--Radius-L, 12px) !important;
	border: 1px solid var(--VV-Grey-300, #BFBFBF) !important;
	background: var(--VV-White, #FFF) !important;

	color:var(--vv-grey-300) !important;
}

input:not([type='checkbox']):disabled~label, .form-floating>.form-select:disabled~label,.form-floating>.form-select.disabled~label {
	color: var(--VV-Grey-300, #BFBFBF) !important;
}


/*input 'error' */

input:not([type='checkbox']).error  {
	border: 1px solid var(--VV-State-Error, #E91628) !important;
}

input:not([type='checkbox']).error + label {
	color: var(--VV-State-Error, #E91628) !important;
}



.form-check label a {
	color: var(--VV-Black, #1A1A1A);
}
.form-check label a:hover {
	text-decoration: none;
}

.form-check {
	/*display: flex;*/
	display: block;
    align-items: center;
    gap: var(--Spacing-S, 8px);
    align-self: stretch;
}

.form-check .form-check-input[type=checkbox] {
	width: 24px;
    height: 24px;
    margin-right: 0;
}

.form-check .form-check-input:checked {
    background-color: var(--VV-Primary, #C20E1A);
    border-color: var(--VV-Primary, #C20E1A);
}

.form-check-input:focus {
    border-color: var(--VV-Primary, #C20E1A);
    outline: 0;
    box-shadow: none;
}

.form-check-label {
	display: block;
    width: calc(100% - 24px);
    padding-left: 15px;
}


/* caso 'Mi perfil' usuario partial*/
.marca_campo_incompleto {
  border: 1px solid var(--VV-State-Error, #E91628) !important;
}


/* Feedback / SnackBar (Toast) */

.snackbar {
	width: 675px;
	top: 29px;
    position: fixed;
}
.snackbar .toast > div > div.toast-icon {
    margin-right: 10px;
    float: left;
    height: 100%;
    align-items: flex-end;
    margin: auto;
    position: relative;

    display: none; 
}

.snackbar .toast i.bi {
	width: 32px;
    height: 32px;
    color: #fff;
    font-size: 32px;
    padding: 0;
    margin: auto;
    margin: 0;
    padding: 0;
    float: left;
}

.snackbar .toast {
	float: left;
    max-width: unset;
   
    position: relative;
    height: auto;

    padding: 6px;  
    /*max-width: 650px;
    max-width: 850px;*/
    margin-top: 15px;
    border-radius: var(--Spacing-M, 16px);
    background: var(--VV-State-Success, #1C9D52);
    color: var(--VV-White, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-top: 15px;

    width: calc(100% - 16px);
    margin-left: 8px;
    margin-right: 8px;
}

.snackbar .toast a {
	 color: var(--VV-White, #FFF);
}

.snackbar .toast .toast-body {
	float: left;
    position: relative;
    padding: 10px 15px;
    word-wrap: initial;
    width: 100%;
    height: auto;

    align-items: center !important;
    display: flex;
}

.snackbar .toast-ok .toast-icon-ok {
  display: block !important; 
}

.snackbar .toast-error {
    border-radius: var(--Spacing-M, 16px);
	background: var(--VV-State-Error, #E91628);
}

.snackbar .toast-error .toast-icon-error {
  display: block !important; 
}

.snackbar .toast-alert {
    border-radius: var(--Spacing-M, 16px);
	background: var(--VV-State-Alert, #F3BA29);
	color: var(--VV-Black, #1A1A1A);
}

.snackbar .toast-alert .toast-icon-alert {
  display: block !important; 
}

.snackbar .toast-alert .toast-icon-alert .bi-exclamation-circle-fill {
  color: var(--VV-Black, #1A1A1A);
}

.snackbar .toast-info {
    border-radius: var(--Spacing-M, 16px);
	background: var(--VV-State-Info, #47B3DE);
}

.snackbar .toast-info .toast-icon-info {
  display: block !important; 
}

.snackbar .toast-text {
	float: left;
    align-items: flex-end;
    width: calc(100% - 46px);
}


/* Feedback / Alerts */

.alerts.warning {
	float: left;
    position: relative;
    width: 100%;
    margin: 0;
    clear: both;
    display: block;

	padding: var(--Spacing-M, 16px) var(--Spacing-s, 16px) var(--Spacing-s, 16px) var(--Spacing-M, 16px);
	align-items: flex-start;
	gap: var(--Spacing-xs, 8px);
	border-radius: var(--Spacing-M, 16px);
	background: rgba(243, 186, 41, 0.20);

	color: var(--Neutrals-Black, #000);

	/* Small */
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
}


.alerts.info {
	float: left;
    position: relative;
    width: 100%;
    margin: 0;
    clear: both;
    display: block;

	padding: var(--Spacing-M, 16px);
	align-items: flex-start;
	gap: var(--Spacing-xs, 8px);

	border-radius: var(--Spacing-M, 16px);
	background: rgba(71, 179, 222, 0.20);
	color: var(--Neutrals-Black, #000);

	/* Small */
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */

}

.alerts .alert-title {
	float: left;
    position: relative;
    width: 100%;
    margin: 0;
    clear: both;
    display: block;

	color: var(--VV-Black, #1A1A1A);

	/* SmallBold */
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 162.5% */

	margin-bottom: 12px;
}

.alerts .alert-title i.bi {
	width: 32px;
	height: 32px;
	color: var(--VV-Black, #1A1A1A) !important;
	font-size: 32px;
	padding: 0;

	float: left;
	margin-right: 8px;
}


.alerts .alert-close {
	width: 32px;
	height: 32px;
	color: var(--VV-Black, #1A1A1A) !important;
	font-size: 32px;
	padding: 0;

	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
}

.alerts p {
	float: left;
    position: relative;
    width: 100%;

    margin: 0;
}
.alerts a {
	float: left;
    position: relative;
    width: 100%;
    margin: 0;
    clear: both;
    display: block;

	color: var(--VV-Primary, #C20E1A);

	/* Small */
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;

	text-decoration: none;
}

.alerts a:hover {
	text-decoration: underline;
}