/* CSS Document */



.fc-container .fancybox-bg {
     /* background: rgba(0, 0, 0, .5); */
   /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.5298494397759104) 0%, rgba(0, 0, 0, 0) 100%); */ */
    /* -webkit-backdrop-filter: blur(5px); */
    /* backdrop-filter: blur(5px); */
}

.fancybox-is-open.fc-container .fancybox-bg {
    opacity: 1;

}

.fc-content {
    margin: 20px;
    max-width: 550px;
    padding: 30px;
    box-shadow: var(--color-celeste) 10px 10px 60px -25px;
    border-radius: 4px;
    /* background: linear-gradient(180deg, rgba(48, 130, 144, 1) 0%, rgba(48, 130, 144, 0.7) 80px, rgba(48, 130, 144, .5) 100%); */
    background: linear-gradient(180deg, rgba(48, 130, 144, 1) 0%, rgba(48, 130, 144, 0.3) 80px, rgba(48, 130, 144, .2) 100%);

    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);

    --color-texto: rgb(215, 234, 243);
	--color-celeste: rgb(103, 230, 235);
	--color-azul: rgb(27, 60, 66);
	--color-elemento: rgba(109, 194, 209, 0.2);
	--color-elemento-hover: rgba(16, 36, 48, 0.7);
	--color-naranja: rgb(228, 120, 70);
	--color-naranja-oscuro: rgb(224, 79, 53);
}

.fc-content h3 {
    margin-top: 0;
    font-size: 1.6em;
    letter-spacing: normal;
}

.fc-content p {
    color: var(--color-texto);
    line-height: 1.5;
    margin-bottom: 20px;
}

.fc-content p:last-child {
    margin-bottom: 0px;
}

/* Custom animation */
.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next {
    transform: translateY(-60px) scale(1.1);
    opacity: 0;
}

.fancybox-fx-material.fancybox-slide--current {
    opacity: 1;
    transform: translateY(0) scale(1);
}




.btn {
    width: calc(50% - 20px);
    background-color: var(--color-naranja);
    color: #fff;
    font-size: 12px;
    flex-grow: 2;

   
    border-radius: 10px;

    padding: 8px;
	padding-top: 9px;
	padding-left: 20px;
	padding-right: 20px;


    display: inline-block;
    margin: 0 auto;
    text-align: center;


    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    border: 0;
    font-family: 'Spartan', sans-serif;
    font-weight: 700;

    margin: 10px;

    border: 0px;


    cursor: pointer;
    outline: none;

}

.btn:Hover {
    transform: scale(1.06);
    background-color: var(--color-naranja-oscuro);
}



.btn2 {
    width: calc(50% - 20px);
    background-color: var(--color-elemento);
    color: #fff;
    font-size: 12px;
    flex-grow: 2;

   
    border-radius: 10px;

    padding: 8px;
	padding-top: 9px;
	padding-left: 20px;
	padding-right: 20px;


    display: inline-block;
    margin: 0 auto;
    text-align: center;


    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    border: 0;
    font-family: 'Spartan', sans-serif;
    font-weight: 700;

    margin: 10px;

    border: 0px;


    cursor: pointer;
    outline: none;

}

.btn2:Hover {
    transform: scale(1.06);
    background-color: var(--color-naranja-oscuro);
}