:root{
    --main-color: #15396D;
    --secondary-color: #6C1947;
    --third-color: #F2F609;
    --text-color-white: #FFFFFF;
    --text-color-title-yellow: #ffde59;
    --text-dark: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.custom-btn.btn{
    position: relative;
    overflow: hidden;
    transition: background 400ms;
}

.custom-btn.btn:focus{
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.no-border{
    border: none !important;
}
.no-background{
    background: none !important;
}

.custom-btn.btn-floating{
    border-radius: 50%;
    padding: 0;
    border-width: 0.125rem;
    border-style: solid;
}

.custom-btn.btn-floating {
    width: 2.3125rem;
    height: 2.3125rem;
}

.custom-btn.btn-floating .fa-solid,
.custom-btn.btn-floating .fab,
.custom-btn.btn-floating .far,
.custom-btn.btn-floating .fas {
    width: 2.0625rem;
    line-height: 2.0625rem;
}

span.ripple {
    position: absolute; /* The absolute position we mentioned earlier */
    border-radius: 50%;
    transform: scale(0);
    animation: ripple 600ms linear;
    background-color: var(--main-color);
    /* z-index: 99; */
}

@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

.section-heading{
    color: #051922 !important;
}

/**********************************************/
/*     07. Description 1 Details Lightbox     */
/**********************************************/
.lightbox-basic {
	position: relative;
	max-width: 71.875rem;
	margin: 2.5rem auto;
	padding: 3rem 1rem;
	background-color: #fff;
	text-align: left;
	/* height: 400px; */
}

.lightbox-basic .image-container {
	margin-bottom: 3rem;
	text-align: center;
}

.lightbox-basic h3 {
	margin-bottom: 0.5rem;
}

.lightbox-basic hr {
	width: 2.75rem;
	margin-top: 0.125rem;
	margin-bottom: 1rem;
	margin-left: 0;
	border-top: 0.125rem solid #e0e0e0;
}

.lightbox-basic h4 {
	margin-top: 1.75rem;
	margin-bottom: 0.625rem;
}
.lightbox-basic img{

	/* max-width: 100%; */
	height: 320px !important;
	width: -webkit-fill-available;
}

.lightbox-basic .list-unstyled {
	margin-bottom: 1.5rem;
}

.lightbox-basic .list-unstyled .far {
	color: #19ca94;
	line-height: 1.75rem;
}

.lightbox-basic .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.lightbox-basic .list-unstyled {
	margin-bottom: 1.5rem;
}

/* .media{
	display: flex;
} */
.li-space-lg li {
	margin-bottom: 0.625rem;
}

/* Action Button */
.lightbox-basic .btn-solid-reg.mfp-close {
	position: relative;
	width: auto;
	height: auto;
	color: #fff;
	opacity: 1;
}

.lightbox-basic .btn-solid-reg.mfp-close:hover {
	color: #ff556e;
}
/* end of action Button */

/* Back Button */
.lightbox-basic .btn-outline-reg.mfp-close.as-button {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	margin-left: 0.375rem;
	padding: 1.25rem 2.25rem 1.25rem 2.25rem;
	border: 0.125rem solid #333;
	color: #333;
	opacity: 1;
}

.lightbox-basic .btn-outline-reg.mfp-close.as-button:hover {
	color: #fff;
}
/* end of back button */

/* Close X Button */
.lightbox-basic button.mfp-close.x-button {
	position: absolute;
	top: -0.125rem;
	right: -0.125rem;
	width: 2.75rem;
	height: 2.75rem;
	color: #555;
}
/* end of close x button */

/* Fade-move Animation For Details Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
	transform: translateY(0) perspective(37.5rem) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* end of fade-move animation for details lightbox - magnific popup */

/* Fade Animation For Image Lightbox - Magnific Popup */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation: fadeOut 0.8s;
	animation: fadeOut 0.8s;
}

/* STYLES NUEVOS */

/*-----------------------------------------------------------------*/
/* Tab
/*-----------------------------------------------------------------*/


.content-tab-1 .nav_2 {
	text-align: center;
	text-transform: uppercase;
}

.content-tab-1 > .nav_2 > li {
	float: none;
	display: inline-block;
	border: 2px solid #B1AEAE;
	padding: 3px 14px;
	box-shadow: 0px 0px 2px #F2F2F2;
	margin-bottom: 5px;
	max-width: 210px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
}

.content-tab-1 > .nav_2 li > a {
	color: #CFD9E6;
	background-color: transparent;
	transition: all 0.2s ease 0s;
}

.content-tab-1 > .nav_2 li > a > i {
	color: #474846;
	margin-bottom: 10px;
}

.content-tab-1 > .nav_2 > li > a > h4 {
	display: block;
	color: #4D3F3F;
	margin-bottom: 0px;
}

.content-tab-1 > .nav_2 > li.active > a > h4, .content-tab-1 > .nav_2 > li.active > a > i {
    color: #FFF;
}

.content-tab-1 > .nav_2 > li.active {
    border: 2px solid #7EC13F;
    background: #7EC13F;
}

.tab-content-main {
	padding: 70px 0px 0px;
}

.tab-content-main img {
	float: left;
	margin-right: 75px;
}

.tab1-features {
	margin-bottom:30px;
}

.tab1-features .icon {
	position: absolute;
	width: 40px;
	height: 40px;
	background: #7EC13F ;
	color: #FFF;
	text-align: center;
	line-height: 35px;
	border:2px solid transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;

}

.tab1-features:hover .icon {
	border-color:#7EC13F;
	color:#7EC13F;
	background:transparent;
}

.tab1-features .info {
	margin-left: 60px;
}

.tab-carousel.owl-theme .owl-controls {
	text-align: center;
	position: absolute;
	top: 45%;
	width:100%;
}

.tab-carousel.owl-theme .owl-controls .owl-buttons div {
	display: block;
	width: 30px;
	height: 30px;
	line-height:20px;
	border-radius:0;
	opacity:1;
	background:#7EC13F;
	position: absolute;
	margin: 0;
}

.tab-carousel .owl-prev {
	left:0;
	position:absolute;
}

.tab-carousel .owl-next {
	right:0;
	position:absolute;
}
.tab-carousel .owl-prev:hover, .tab-carousel .owl-next:hover {
	background:#4F3B3B;
}

.tab-carousel .item img {
	display: block;
	width: 100%;
	height: auto;
}

.tab2-services-box {
	margin-bottom: 30px;
	padding: 15px;
	border: 1px solid #E1DDDD;
}
.tab2-services-box .media {
	margin-bottom:30px;
}

.tab2-services-box .services-info p {
	margin-bottom:0;
}

.features-tab3 {
	margin-top: 20px;
	display: inline-block;
}

.features-tab3 .features-left, .features-tab3 .features-right {
	padding-top: 20px;
}

.features-tab3 .features-left h4, .features-tab3 .features-right h4, .features-tab3 .features-left p, .features-tab3 .features-right p {
	line-height: 25px;
}

.features-tab3 .features-left .features-item, .features-tab3 .features-right .features-item {
	margin-bottom: 40px;
}

.features-tab3 .features-left .features-icon, .features-tab3 .features-right .features-icon {
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #7EC13F;
	font-weight: 600;
	border: 1px solid #7EC13F;
	position: relative;
	border-radius: 28px;
	transition: all 0.7s ease-in-out 0s;
}

.features-tab3 .features-left .features-item:hover .features-icon, .features-tab3 .features-right .features-item:hover .features-icon {
	color:#FFF;
	border-color:#7EC13F;
	background:#7EC13F;
}

.features-tab3 .features-left .features-icon {
	float:right;
}

.features-tab3 .features-right .features-icon {
	float:left;
}

.features-tab3 .features-left .features-info {
	text-align: right;
	margin-right: 90px;
}

.features-tab3 .features-right .features-info {
	text-align: left;
	margin-left: 90px;
}

.tab4-services-box {
	margin-bottom:30px;
	text-align:center;
}

.tab4-services-box .icon {
	text-align: center;
	display: inline-block;
	color: #7EC13F;
	width: 100px;
	height: 100px;
	border: 1px solid #7EC13F;
	line-height: 100px;
	border-radius: 50%;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.tab4-services-box .info {
	margin-top:20px;
}

.tab4-services-box .info h4 {
	margin-bottom:14px;
}

.tab4-services-box:hover .icon {
	background:#7EC13F;
	color:#FFF;
	border-color:#7EC13F;
}

.core-features .list {
	margin: 0px;
	padding: 0px 0px 0px 7px;
}

.core-features .list li {
    margin: 0px 0px 12px;
    font-weight: 600;
    line-height: 20px;
    position: relative;
    padding: 0px 0px 0px 25px;
    list-style: outside none none;
	color: #6E6D6D;
}

 .core-features .list li::after {
 top: 0px;
 left: 0px;
 content: "\f058";
 position: absolute;
 font-family: "FontAwesome";
}





/* trabajo */
/************************/
/*     13. Download     */
/************************/
.basic-3 {
	position: relative;
	overflow: hidden;
	padding-top: 8rem;
	padding-bottom: 8rem;
	background-color: #f7fafd;
	text-align: center;
}

.basic-3 .image-container {
	margin-bottom: 2rem;
}

.basic-3 .p-large {
	margin-bottom: 1.75rem;
}

.basic-3 .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.125rem;
	margin-left: 0.5rem;
}

.basic-3 .deco-white-circle-1,
.basic-3 .deco-white-circle-2,
.basic-3 .deco-blue-circle,
.basic-3 .deco-yellow-circle,
.basic-3 .deco-green-diamond {
	display: none;
}

.toast-center {
    position: fixed !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); /* Ajuste para centrar */
    z-index: 9999; /* Asegura que esté por encima de otros elementos */
}

.custom-section::before,
.custom-section::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.custom-section::before {
    width: 300px;
    height: 300px;
    background: rgba(108, 25, 71, 0.2);
    /* Guinda */
    top: -100px;
    left: -100px;
}

.custom-section::after {
    width: 400px;
    height: 400px;
    background: rgba(21, 57, 109, 0.2);
    /* Azul */
    bottom: -150px;
    right: -150px;
}

.btn {
    display: inline-block;
    padding: 12px 30px;
    border: 2px solid var(--secondary-color);
    color: var(--text-color-white);
    font-weight: bold;
    transition: all 0.3s;
    text-decoration: none;
}
.btn-inver {
    display: inline-block;
    padding: 12px 30px;
    border: 2px solid var(--secondary-color);
    color: var(--text-dark);
    font-weight: bold;
    transition: all 0.3s;
    text-decoration: none;
}

#sendInformation {
    margin-top: 2rem;
}

.btn:hover {
    background: var(--secondary-color);
    color: var(--text-color-white);
}
.btn-inver:hover {
    background: var(--secondary-color);
    color: var(--text-color-white);
}

/* Estilo del section */
.custom-section {
    position: relative;
    overflow: hidden;
    color: white;
}

.banner-title,
.section-title {
    color: var(--main-color);
    word-break: break-word;
}

.banner-title span,
.section-title span {
    color: var(--text-color-title-yellow);
}

.spacer{
    margin-block: 5rem;
}