.border-column-red {
    padding: 40px;
    background: #b52e2c;
    border-radius: 20px;
    color: #fff;
}

.border-column-brillant {
    padding: 40px;
    background: #ff007f;
    border-radius: 20px;
    color: #fff;
}
.border-column-blue {
    padding: 40px;
    background: #990000;
    border-radius: 20px;
    color: #fff;
}
.border-column-magenta {
    padding: 40px;
    background: #ff0066;
    border-radius: 20px;
    color: #fff;
}
.border-column-granate {
    padding: 40px;
    background: #800000;
    border-radius: 20px;
    color: #fff;
}

.border-column-coral {
    padding: 40px;
    background: #ff6f61;
    border-radius: 20px;
    color: #fff;
}
.border-column-melocoton {
    padding: 40px;
    background: #ffdab9;
    border-radius: 20px;
    color: #fff;
}
.border-column-red-pink {
    padding: 40px;
    background: #ff5e62;
    border-radius: 20px;
    color: #fff;
}
.border-column-violet {
    padding: 40px;
    background: #8a2be2;
    border-radius: 20px;
    color: #fff;
}

.img-bg{
    background-image: url('../img/slider/conectado.png')!important;
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}
.img-bg2{
    background-image: url('../img/slider/budu.png')!important;
    /*background-image: url('../img/slider/slide3.jpg')!important;*/
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}
.img-bg3{
    background-image: url('../img/slider/duraderos.png')!important;
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.img-bg4{
    background-image: url('../img/slider/matrimonio.png')!important;
    /*background-image: url('../img/slider/slide3.jpg')!important;*/
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.img-bg5{
    background-image: url('../img/slider/control-absoluto.png')!important;
    /*background-image: url('../img/slider/slide3.jpg')!important;*/
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.img-bg6{
    background-image: url('../img/slider/conexion.png')!important;
    /*background-image: url('../img/slider/slide3.jpg')!important;*/
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.img-bg7{
    background-image: url('../img/slider/hechizo.png')!important;
    /*background-image: url('../img/slider/slide3.jpg')!important;*/
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.img-bg8{
    background-image: url('../img/slider/lazos.png')!important;
    /*background-image: url('../img/slider/slide3.jpg')!important;*/
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.img-bg9{
    background-image: url('../img/slider/trabajos-amarres.jpeg')!important;
    /*background-image: url('../img/slider/slide3.jpg')!important;*/
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.img{
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.form-control, textarea.form-control {
     height: 54px!important;
     color: #ffffff !important;
     border-radius: 0!important;
     padding-left: 22px!important;
     text-transform: uppercase!important;
     color: #020202 !important;
     /*background-color: transparent!important;*/
     background-color: #fff!important;
     border: 2px solid #ffffff!important;
     letter-spacing: 0.1em!important;
     -webkit-box-shadow: none!important;
     box-shadow: none!important;
     -webkit-transition: all .15s!important;
    -o-transition: all .15s!important;
     transition: all .15s!important;
}
.btn-b-white {
    background-color: #fff!important;
    color: #000!important;
}
.btn-b-white:hover, .btn-b-white:focus, .btn-hvr-white:hover, .btn-hvr-white:focus {
    color: #ffffff !important;
    background-color: #ba0707 !important;
    border-color: #fff!important;
}

.btn:hover, .btn:focus {
    border-color: #ba0707 !important;
    background-color: transparent;
}

.text-red{
    color: red!important;
}
.text-black{
    color: #000000;
}

.social-round a .fa {
    color: #fff!important;
}
.shadow-white{
    color: #fff; /* Color del texto blanco */
    text-shadow: 4px 4px 8px rgba(255, 255, 255, 0.8);
}

.bg-black{
    background: #000;
}
.bg-verde-whatsap{
    background: #25D366;
}
.btn-whatsap{
    width: 100%;
    border: 3px solid #fff;
    border-radius: 3px;
}
.font-bold{
    font-weight: bold;
}

.font28px{
    font-size: 28px;
}
.font25{
    font-size: 25px;
}
.font20{
    font-size: 20px;
}
/* Estilos para el contenedor del botón flotante */
.floating-button-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

/* Estilos para el botón flotante redondo */
.floating-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    text-decoration: none;
    border: 3px solid #fff;
    background-color: #25d366; /* Color de fondo de WhatsApp */
    border-radius: 50%; /* Hace el botón redondo */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    transition: background-color 0.3s ease;
    animation: jump 1s infinite alternate; /* Agrega la animación de salto */
}

/* Estilos para el icono de WhatsApp dentro del botón */
.floating-button img {
    width: 50%; /* Ajusta el tamaño del icono según tus necesidades */
}

/* Cambia el color del botón al pasar el ratón sobre él */
.floating-button:hover {
    background-color: #128C7E; /* Nuevo color de fondo al pasar el ratón */
}

/* Animación de salto */
@keyframes jump {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px); /* Ajusta la altura del salto según tu preferencia */
    }
}

@media (min-width: 768px){
    .navbar {
        padding-top: 12px!important;
    }
}