/* Start - ENLACE OFUSCADO */
.no-link {
    cursor: pointer;
}
/* End - ENLACE OFUSCADO */

.vc-captcha::first-letter, .vc-captcha span { font-size: 0; }

/* MODALES */
.modales {
    display: none;
    position: fixed;
    color: #676767;
}

.modales > div {
    position: relative;
    padding: 28px;
    font-family: verdana;
    font-size: 12px;
}

/* MODAL RGPD */
:is(#modalRGPD, #modalRGPD2) {
    p {
        margin-bottom: .5rem;
    }
    p, a, span, button, .h4 {
        color: #222 !important;
    }
    button.btn-success {
        color: #FFF !important;
        i {
            color: #FFF !important;
        }
    }
    a {
        text-decoration: underline !important;
    }
    input[type=checkbox] {
        min-height: unset;
        opacity: 1;
        width: 15px;
        position: static;
        margin-right: 5px;
        margin-bottom: 12px;
        vertical-align: -15px;
    }
    .modal-content {
        padding: 1rem;
    }
}

/* Start - COOKIE CONSENT */
#open_preferences_center.fixed {
    position: fixed;
    font-family: sans-serif;
    left: 10px;
    bottom: 5px;
    z-index: 9999;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 10rem;
    -o-border-radius: 10rem;
    -ms-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -webkit-border-radius: 10rem;
}
#open_preferences_center.fixed:hover {
    opacity: 1;
}
#open_preferences_center.fixed i {
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
}
#open_preferences_center.fixed mark {
    background-color: inherit;
    color: inherit;
    border-radius: inherit;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1em;
}
#open_preferences_center.fixed i + mark {
    padding-left: 0;
}
/*.termsfeed-com---nb {
	max-width: 450px !important;
	border: #fff !important;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}/**/
.termsfeed-com---nb-simple {
    max-width: 450px !important;
    border: #fff !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
}
.termsfeed-com---nb .cc-nb-main-container {
    padding: 2.25rem 2.75rem 2.75rem !important;
}
/* End - COOKIE CONSENT */

/* Start - Efectos boton llamada permanente y whatsapp */
.back-to-top {
    position: fixed;
    z-index: 1049;
    left: 50%;
    bottom: 9px; /*100px;*/
    width: auto;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webit-transform: translateX(-50%);
}
.back-to-top a, .back-to-top > span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    background-color: #2299ee;
    text-align: center;
    cursor: pointer;
    color: #ffffff !important;
    font-size: 20px;
    margin: 0 5px;
    border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
.back-to-top2 {
    position: fixed;
    right: 20px;
    bottom: 70px;
    z-index: 1049;
}
.back-to-top2 a, .back-to-top2 > span {
    color: #ffffff;
    font-size: 20px;
    display: inline-block;
    margin: 0 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    background-color: rgba(37, 211, 102, 1);
    border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
.btn-whatsapp, .back-to-top .btn-whatsapp {
    color: #fff !important;
    background-color: #25D366 !important;
}
.back-to-top .btn-whatsapp, .back-to-top2 .btn-whatsapp {
    font-size: 30px;
}

/*
@media (min-width:768px) {
	.back-to-top {
		left: 50px;
		margin-top: 0;
		bottom: 15px;
	}
	.back-to-top .btn-whatsapp.button-pulse {
		display:none;
	}
}
*/
@media (max-width: 991px) {
    .back-to-top2 {
        right: 20px;
    }
}
@media (max-width: 767px) {
    .footer-wrap .footer-bottom {
        padding-bottom: 80px !important;
    }
    .back-to-top2 {
        display: none;
    }
}
/* Pulse */
.button-pulse {
    box-shadow: 0 0 0 0 #2299ee;
    transform: scale(1);
    animation: pulseButton 2s infinite;
}

/*
@media (min-width: 768px) {
	.btn-whatsapp:not(.button-pulse) {
		box-shadow: 0 0 0 0 rgba(228, 48, 39, 1);
		transform: scale(1);
		animation: pulseButton 2s infinite;
	}
}
 */

@keyframes pulseButton {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 #2299ee;
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
.whatsapp-pulse {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 1);
    transform: scale(1);
    animation: pulseWhatsapp 2s infinite;
    transition: all;
}
@keyframes pulseWhatsapp {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
/* Waves - para que funcione, la etiqueta <a> tiene que tener dentro <span class="liquid"></span> */
a:not(.button-waves) .liquid, span:not(.button-waves) .liquid {
    display: none;
}
.button-waves {
    position: relative;
    overflow: hidden;
    background-color: #4973ff !important;
    border: 2px solid white !important;
    width: 56px !important;
    height: 56px !important;
    line-height: 56px !important;
    box-sizing: content-box;
}
.button-waves i {
    position: relative;
    z-index: 5;
    color: #fff;
}
.button-waves .liquid {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    background-color: #4973ff;
    /*box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);/**/
    /*box-shadow: inset 0 0 50px rgba(0, 0, 0, 1);/**/
    transition: .5s;
    /* Esto adicional es para iphone */
    z-index: 1;
    overflow: hidden;
    border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
.button-waves.btn-whatsapp, .button-waves.btn-whatsapp .liquid {
    background-color: #4973ff !important;
    /*background-color: #25D366 !important;/**/
}
.button-waves .liquid::after,
.button-waves .liquid::before {
    content: '';
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -75%);
    background: #000;
}
.button-waves .liquid::before {
    border-radius: 45%; /*45%*/
    background-color: rgba(228, 48, 39, 1);
    animation: wavesButton 5s linear infinite;
    z-index: 1;
}
.button-waves.btn-whatsapp .liquid::before {
    background-color: rgba(37, 211, 102, 1);
}
.button-waves .liquid::after {
    border-radius: 35%; /*40%*/
    background-color: rgba(20, 20, 20, .5);
    animation: wavesButton 10s linear infinite;
    z-index: 0;
}
/*.button-waves:hover .liquid {
	top: -120%;
}/**/
@keyframes wavesButton {
    0% {
        transform: translate(-50%, -75%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -75%) rotate(360deg);
    }
}
/* Shiny */
.button-shiny {
	overflow: hidden;
	transition: all 0.3s ease;
	border: 1px solid #fff;
	position: relative;
}
.button-shiny:hover {
	background: #000;
	color: #fff;
}
.button-shiny:before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: shinyButton 3s ease-in-out infinite;
}
.button-shiny:active {
	box-shadow: 4px 4px 6px 0 rgba(255,255,255,.3),
		-4px -4px 6px 0 rgba(116, 125, 136, .2),
		inset -4px -4px 6px 0 rgba(255,255,255,.2),
		inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}
@keyframes shinyButton {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes shinyButton {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* End - Efectos boton llamada permanente y whatsapp */

/*
@media (min-width:768px){
	.back-to-top{
		display:none;
	}
	footer {
		padding-bottom: 25px !important;
	}
}
*/

/* BOTONES */
button.modal-rgpd-button, button.modal-rgpd-button2 {
    visibility: hidden;
}

a.form-btn {

}

.modales a {
    cursor: pointer;
}

a.modal-ko {
    padding: 7px 0 8px;
    background: #fff;
    color: #676767;
    border: 1px solid #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 38px;
    border-radius: 50%;
    cursor: pointer;
}

a.modal-ko:hover {
    background: #676767;
    color: #fff;
    border: 1px solid #fff;
}

a.modal-btn {
    font-size: 14px;
    margin: 4px 1px 4px 0;
    padding: 6px 18px;
    text-decoration: none;
    display: inline-block;
    width: auto;
    color: #676767;
    background: #fff;
    /*border: 1px solid #676767;*/
}

a.modal-btn.modal-ok {
    color: #fff !important;
    background: #fd0002;
    border: 1px solid #fff;
}

a.modal-btn:hover {
    color: #fff;
    background: #000; /*#676767;*/
    border: 1px solid #fff;
}

a.modal-btn.disabled, a.modal-btn.disabled:hover {
    color: #fff;
    background: #ccc;
    border: 1px solid #fff;
    cursor: default;
}

.d-none-soft {
    height: 0 !important;
    opacity: 0 !important;
    transition: all 2s;
}
.d-none-soft.show-soft {
    height: auto !important;
    opacity: 1 !important;
    transition: all 2s;
}

.shake {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake 2.5s;

    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
    animation-delay: .25s;
}
.shake:hover {
    animation-play-state: paused;
}

.always-move {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: move 0.6s;

    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

.pulse {
    animation: pulse .75s;
    animation-iteration-count: infinite;
}

.always-pulse {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: light-pulse .75s;
    transition: all .4s;

    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}
.always-pulse:hover {
    animation: none;
    transition: all .4s;
}
.always-pulse:hover .fas {
    display: inline-block;
    margin-top: 1px;
}

.hue-rotate {
    animation: hue-rotate 10s;
    animation-iteration-count: infinite;
    color: #dcaeff !important;
}
@keyframes hue-rotate {
    0% { filter: hue-rotate(0deg); }
    25% { filter: hue-rotate(90deg); }
    50% { filter: hue-rotate(180deg); }
    75% { filter: hue-rotate(270deg); }
    100% { filter: hue-rotate(359deg); }
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    2% { transform: translate(-1px, -2px) rotate(-1deg); }
    4% { transform: translate(-3px, 0px) rotate(1deg); }
    6% { transform: translate(3px, 2px) rotate(0deg); }
    8% { transform: translate(1px, -1px) rotate(1deg); }
    10% { transform: translate(-1px, 2px) rotate(-1deg); }
    12% { transform: translate(-3px, 1px) rotate(0deg); }
    14% { transform: translate(3px, 1px) rotate(-1deg); }
    16% { transform: translate(-1px, -1px) rotate(1deg); }
    18% { transform: translate(1px, 2px) rotate(0deg); }
    20% { transform: translate(1px, -2px) rotate(-1deg); }
    22% { transform: translate(1px, 1px) rotate(0deg); }
    24% { transform: translate(-1px, -2px) rotate(-1deg); }
    26% { transform: translate(-3px, 0px) rotate(1deg); }
    28% { transform: translate(3px, 2px) rotate(0deg); }
    30% { transform: translate(1px, -1px) rotate(1deg); }
    32% { transform: translate(-1px, 2px) rotate(-1deg); }
    34% { transform: translate(-3px, 1px) rotate(0deg); }
    36% { transform: translate(3px, 1px) rotate(-1deg); }
    38% { transform: translate(-1px, -1px) rotate(1deg); }
    40% { transform: translate(1px, 2px) rotate(0deg); }
    42% { transform: translate(1px, -2px) rotate(-1deg); }
    44% { transform: translate(1px, 1px) rotate(-1deg); }
    46% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes move {
    0% { transform: translate(-6px, 0) rotate(0deg); }
    50% { transform: translate(0, 0) rotate(-1deg); }
    100% { transform: translate(-6px, 0) rotate(-1deg); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes light-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}