.single-obra-nueva .header-element h1,

.single-reventa .header-element h1{

	font-size: 2em;

    width: 80%;

    margin: auto auto 50px

}
/*.home .main-menu li a,*/
.home .cshero-header-content-widget a{
	color:#fff !important;
}

@media(max-width:480px){

    .single-obra-nueva .header-element h1,

    .single-reventa .header-element h1{

        font-size: 1.5em;

    }

}

.buscador{

	margin-bottom: 45px;

}

.buscar input {
    background: #262443;
    color: #fff;
    border: none;
    cursor: pointer;
}

.container nav .pagination{
    margin-bottom: 100px;
}



#carga,#loadAjax {

	display:none;

	width:100%;

	margin:auto;

	height:650px;

	background:#ffffff8c;

	position:fixed;

	top:0px;

	left:0px;

	z-index: 200;

}

#carga img,#loadAjax img {

	width:50px;

	position:absolute;

	left:50%;

	top:50%;

	transform:translate(-50%,-50%);

}



.blq-total{

	padding: 50px 20px;
    background: #ffffffd9;
    box-shadow: 0px 0px 10px #8080802e;
    border-radius: 5px;
    border-top: 5px solid;
    border-bottom: 5px solid;
    margin-bottom:  20px;

}
hr {

    border-top: 1px solid #262a4338 !important;
}

	.blq-1 label,.blq-1 input,.blq-1 select,

	.blq-2 label,.blq-2 input,.blq-2 select,

	.blq-3 label,.blq-3 input,.blq-3 select,

	.blq-4 label{

		display: block;

		width: 100%;

		margin: 10px 0px;

		box-sizing: border-box;

		border: none;

		outline: none;

	}

	.blq-1 input,.blq-1 select,

	.blq-2 input,.blq-2 select,

	.blq-3 input,.blq-3 select{

		border:1px solid #00000040;

	}

	.page .blq-1{

		display: grid;

		grid-template-columns: repeat(6, 1fr);

		column-gap: 20px;
        row-gap: 20px;

	}
    .page .blq-2{

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        column-gap: 20px;
        row-gap: 20px;
    }

	.page .blq-3{

		display: grid;

		grid-template-columns: repeat(3, 1fr);

		column-gap: 20px;
        row-gap: 20px;
	}
    .page .blq-4{

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        column-gap: 20px;
        row-gap: 20px;
    }
    .page .blq-5{

        display: grid;

        grid-template-columns: repeat(5, 1fr);

        column-gap: 20px;
        row-gap: 20px;
    }
    .page .blq-6{

        display: grid;

        grid-template-columns: repeat(6, 1fr);

        column-gap: 20px;
        row-gap: 20px;
    }
    .page .blq-7{

        display: grid;

        grid-template-columns: repeat(7, 1fr);

        column-gap: 20px;
        row-gap: 20px;
    }
    .page .blq-8{

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        column-gap: 20px;
        row-gap: 20px;
    }

    .page .blq-4 .caract {

	   display: grid;

       grid-template-columns: repeat(4, 1fr);

	   column-gap: 20px;
       row-gap: 20px;

    }

    @media(max-width:820px){

	   .page .blq-1,.page .blq-2,.page .blq-3,.page .blq-5,.page .blq-6,.page .blq-7,.page .blq-8,.page .blq-4,.page .blq-4 .caract{

		   display: block;

		}

    }
    .busqueda-avanzada,.busqueda-avanzada-inv{
        display:none;
        background: #f5f5f5;
        padding: 20px;
        border-top: 2px solid #fff;
    }
    #busqAvanz,#busqAvanz-inv{
        cursor: pointer;
        padding: 10px 20px;
        background: #f5f5f5;
        width:220px;
        color: #466078 !important;
        font-weight: 600;
    }
    .csbody input[type="submit"], .csbody input#submit:hover, .csbody .btn-primary{
        width:100%;
    }
    @media(max-width: 820px){

        #busqAvanz,#busqAvanz-inv,
        .csbody input[type="submit"], .csbody input#submit:hover, .csbody .btn-primary{
            
            width:100%;
            
        }
    }

	.caracteristica{

		margin-right:10px;

	}



	.warnning{

		width: 100%;

	    margin: 30px auto;

	    background: #262a43;

	    padding: 20px;

	    color: #fff;
		margin-bottom: 100px;

	}



.cuadricula{

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

    column-gap: 30px;

    row-gap: 30px;

    width: 100%;

    margin: 50px auto;

}

.home .cuadricula {

    margin: 50px auto 100px;
}
@media(max-width:1200px){

	.cuadricula {

       grid-template-columns: repeat(2, 1fr);

	   width:auto;

	}

}

@media(max-width:820px){

	.cuadricula {

       grid-template-columns: repeat(1, 1fr);

	   width:auto;

	}

}

.page-id-1056 .cuadricula,.page-id-1023 .cuadricula,.page-id-1021 .cuadricula{

	width: 100%;

}

.elemento-cuadricula{

	position:relative;

}

.page-id-1056 .cuadricula img,.page-id-1123 .cuadricula img,.page-id-1121 .cuadricula img{

	width: 100%;

    height: 500px;

    object-fit: cover;

    margin: auto;

}

.container-propiedades{

	position: relative;

    background: #262a430f;

}

.link-galleria{

	position: absolute;

	padding: 5px 10px;

    background: #f3f3f3;

}

.link-galleria .link-action{

	position: relative;

    top: 5px;

    left: -3px;

}

.link-galleria span{

    color: #002349;

    cursor:pointer;

}

.link-galleria .numFoto{

    font-size: 0.8em;

    position: relative;

    top: -2px;

}

.galleria img{

	width: 100%;

	height: 330px;

    object-fit: cover;

}
.price{
    background: #262a43;
    color: #fff;
    padding: 10px 20px;
    font-size: 1.2em;
	display: flex;
	justify-content: space-between;
}
.show-price{
	margin-top:5px;
}
.price-single{
    display: flex;
    justify-content: space-between;
    background: #262a43;
    color: #fff;
    padding: 10px 20px;
    font-size: 1.2em;
}
.precios{
    margin-left: 20px;
    font-size: 1.5em;
    display:flex;
}
.precios .changeMoney{
    margin-left: 20px;
    width:100px;
}
.preciomin,.preciomax{
	position:relative;
}
.referen{
    margin-top: 10px;
    margin-right: 15px;
}
#ref-shared{
   position:relative;
   display:flex;
   justify-content: space-between;
}
@media(max-width: 720px){
    .price-single{
        display: block;
    }
    #ref-shared {
       display: block;
    }
    .referen{
       text-align: center;
    }
    .precios{
        margin-left: 0px;
        font-size: 1.5em;
        margin-bottom: 20px;
        margin-top: 20px;
        justify-content: center;
    }
    .descriptivo{
        padding: 0px 20px;
    }
}
.botones{
    background: #262a43;
    margin-bottom: 100px;
    width: 200px;
    padding: 10px;
}
.botones a{
    color: #fff !important;
    text-align: center;
    display: block;
    width: 100%;
}

.single-obra-nueva .price,

.single-reventa .price{

	background: #fff;

    color: #262a43;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-template-rows: auto;

    column-gap: 20px

}

.others{

	/*background: #262a4321;*/

} 

.others li p{

    margin-top: 5px;


}

.others li .datos{

	font-weight: bold;

    font-size: 1em;

    height: 10px;

}

.referencia {
    color: #002349;
    text-align: right;
    padding: 8px;
}

.refer input{
    width: 100%;
    padding: 9px !important;
}


.single-obra-nueva .referencia,

.single-reventa .referencia{

	color: #262a43;

    font-size: 0.8em;

    background: transparent;

    text-align: right;

    position: initial;

    padding: 0px;

}

.referencia #accion{

	text-align: right;

}

.referencia span{

	text-transform: uppercase;

	font-size:0.8em;

}

.others-single {
    background: #c3c3c32e;
    padding: 15px;
    height: auto;
}

.single-obra-nueva .others-single,

.single-reventa .others-single{

	background: transparent;

	padding: 15px 0px;

}

.cuadricula .wrapp a{

	color: #262a43;

	cursor: pointer;

	text-decoration: none;

}

.verMasPropiedades{
    margin-top: 50px;
}

.others .titulo{

    font-size: 0.9em;
    padding:20px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    color: #262a43;
    font-weight: 500;

}

.others-single .referencia{

	font-size: 0.8em;

    margin-top: 20px;

    float: right;

    position: relative;

    top: -40px;

}

.others-single .block-one{

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    grid-template-rows: auto;

    column-gap: 20px;

    row-gap: 20px;

    text-align: center;

    width: 100%;

     margin-bottom: 20px;

}

.others-single .block-two {



	display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-template-rows: auto;

    column-gap: 20px;

    row-gap: 20px;

    text-align: center;

    width: 100%;

    margin-bottom: 20px;



}

.others-single .block-one div{

	background: #fff;

    padding: 10px;

}

.others-single .block-three {



	display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

    column-gap: 20px;

    row-gap: 20px;

    text-align: center;

    width: 100%;

    margin-top: 20px;

    margin-bottom: 20px;

}

.others-single .block-two div,.others-single .block-three div,.others-single .block-four div,.others-single .block-five div{

    padding: 10px 0px;

}

.others-single .block-four{

	display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-template-rows: auto;

    column-gap: 20px;

    row-gap: 20px;

    text-align: center;

    width: 100%;

    margin-bottom: 20px;

}

.others-single .block-five{

	display: grid;

    grid-template-columns: repeat(5, 1fr);

    grid-template-rows: auto;

    column-gap: 20px;

    row-gap: 20px;

    text-align: center;

    width: 100%;

    margin-bottom: 20px;

}

.others-single .block-four div{

	width: 100%;

    margin: auto;

}

.others-single .block-four p img{

	width: 100%;

}

.others-single .block p img{

	width: 50px;

}



@media(max-width:768px){



	.others-single .block-one,

	.others-single .block-two,

	.others-single .block-three,

	.others-single .block-four,

	.others-single .block-five,

	.popup-gallery{

		display: block;

	}

	.others-single .block-one div,

	.others-single .block-two div,

	.others-single .block-three div,

	.others-single .block-four div,

	.others-single .block-five div {

   

	    margin-bottom: 10px;

	}

	.popup-gallery img {

	    height: auto;

	}

}



.datos-list-grid-one ul{

	display: flex;

    /*grid-template-columns: repeat(1, 1fr);

    grid-template-rows: auto;

    padding-inline-start: 0px;*/

}

.datos-list-grid-three{
    padding: 10px 20px;
}

.datos-list-grid-three ul{

	padding-inline-start: 0px;
    display: flex;
    /*justify-content: space-between;*/

}
@media(max-width:360px){
    /*.datos-list-grid-three ul{
        display: block;
    }*/
    .datos-list-grid-three ul li, .datos-list-grid-four ul li, .datos-list-grid-one ul li {
        display: block;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
}
.datos-list-grid-three ul li span{
    display:block;
}

.box-singular{

	display: grid;

    grid-template-columns: 62% 35%;

    grid-template-rows: auto;

    column-gap: 30px;

}


@media(max-width:920px){

    .box-singular {

        grid-template-columns: 100%;

    }
   

}

.list-inline{
    background: transparent;
    color: #262a43;
    margin-left:0px !important;
}

.list-inline-item img{

    width:25px;

}



.single-obra-nueva .list-inline,

.single-reventa .list-inline{

    display: block;

    background: #262a430f;

    color: #262a43;

}

.line-horizontal-black{

	width: 50px;

    margin-left: 0px;

    border-top: 1px solid #262a43;

    margin-bottom: 30px;

}

.block{

	display: flex;

}



.block div:first-child{

    margin-left:0;

}

.block div{

    margin-left: 20px;

    padding: 10px 5px;

    border: 1px solid #262a434d;

    width: 100%;

    margin-bottom: 10px;

    text-align: center;

}

.block-img{

	display:grid;

	grid-template-columns: repeat(3, 1fr);

    row-gap: 20px;

    column-gap: 20px;

}

.block-img div{

    margin-left: 0px;

    width: auto;

}

@media(max-width:480px){

    .block {

        display: block;

        width: 100%;

    }

    .block div{

        margin-left: 0px;

        padding: 10px 0px;

    }

}

.espacio{

	height:20px;

}

.datos-list-grid-four ul{



    padding-inline-start: 0px;

}



.datos-list-grid-three ul li,.datos-list-grid-four ul li,.datos-list-grid-one ul li{

	display: block;
    text-align: center;
    font-size: 0.9em;
    margin-right: 10px;

}

@media(max-width:820){

	.datos-list-grid-three ul li,.datos-list-grid-four ul li,.datos-list-grid-one ul li{

		display: inline-block;

	}

}

.datos-list-grid-three ul li:first-child,.datos-list-grid-four ul li:first-child,.datos-list-grid-one ul li:first-child{

	

	border: none;

	margin-left: 0px;



}

.datos-list-grid-four ul li:nth-child(1){

	border-right: 1px solid #262a438c;

    border-bottom: 1px solid #262a438c;

}

.datos-list-grid-four ul li:nth-child(2){

    border-bottom: 1px solid #262a438c;

	border-top: none;

    border-right: none;

	border-left: none;

}

.datos-list-grid-four ul li:nth-child(3){

	border-right: 1px solid #262a438c;

    border-bottom: none;

    border-left: none;

	border-top: none;

}

.datos-list-grid-four ul li:nth-child(4){

	border: none;

}

@media(max-width:420px){

	.list-inline-item img {
        width: 40px;
    }

}

.buttons-pags{

	margin: auto;

	width: 95%; 

}



.buttons-pags .pags{

	padding: 5px 10px;

    background: #262a43;

    border: none;

    color: #fff;

    margin-right: 5px;

}



.cita{

	font-size: 2em;

    line-height: 2;

    text-align: center;

    background: #262a432b;

    padding: 50px;

}



.img-single-propiedades{

    

    background: #a2d7e70f;

    border: 1px solid #00000014;

    padding: 20px;

    box-sizing: border-box;

}

.wrapp-img-single-propiedades{

      width: 100%;

      margin: auto;

}

.img-single-propiedades img{

      width: 100%;

}

@media(max-width:768px){



	.img-single-propiedades {

	    

	    border: none;

	    padding: 0px;

	}

}



.popup-gallery {

    width: 100%;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

    column-gap: 20px;

    row-gap: 15px;

}

@media(max-width:920px){

    

    .popup-gallery {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:480px){

    

    .popup-gallery {

        grid-template-columns: repeat(1, 1fr);

    }

}



.single .popup-gallery img {

    width: 100%;

    height: 300px;

    object-fit: cover;



}





.count{

	margin-top: 40px;

    padding-bottom: 10px;

    border-bottom: 1px solid #00000040;

}



.conversor{

    padding: 30px;

    background: #262a430f;

    margin-top: 30px;

}

.conversor #p{

    margin-top: 10px;

}

.conversor #p span{

    margin-left: 10px;

}

.box-conversor{

    padding:30px 0px;

    width:100%;

}

.box-conversor #crypto,

.box-conversor #convertir{

    padding: 10px;

    outline: none;

	border: none;

}

.box-conversor #convertir{

	background:#262a43;

	color:#fff;

    cursor: pointer;

}

.conversor #result{

    background: white;

    padding: 20px;

    border: 1px inset #80808061;

}



.reserva{

    padding: 20px;

    text-align: center;

    background: #262a43;

}

.reserva a{

    color:#ff9800;

    text-decoration: none;

    font-weight: bold;

    padding: 10px;

}



.aviso-reserva{

	padding: 30px;

    background: #262a430f;

    margin-bottom: 30px;

	font-size:0.7em;

	text-align:justify;

}



.form_contact {
    padding: 0px 30px;
    height: 865px;
    overflow-y: scroll;
    background: #d0d0d10f;
    box-shadow: 0px 0px 10px #80808030;
}
@media(max-width:991px){
    .form_contact {
        
        height: auto;
        overflow-y: auto;
        
    }
}

.form_contact .container-form-single label span input,

.form_contact .container-form-single textarea{



    padding:10px;

    width: 100%;

    box-sizing:border-box;

    outline:none;

    border:#80808061;

}

.pagination{

    display:flex !important;

    padding-inline-start: 0px;

    margin-top: 30px;

}

.pagination li{

    list-style:none;
    margin-left:10px;
   

}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    
    background-color: #262a43 !important;
    border-color: #262a43 !important;
    color: #fff !important;
}
@media(max-width: 320px){

    .pagination>li>a, .pagination>li>span{

        padding: 3px 7px !important;
    }
    .pagination li{

        margin-left:4px;
    }
}



.pagination li:first-child{

    margin-left: 0px

}

.pagination li p{

    text-decoration: none;

    padding: 10px 15px;

    background: #262a430f;

    color: #262a43;

	cursor: pointer;

}

@media(max-width:820px){

	.pagination {

		display: inline-block;

		margin-top: 0px;

	}

}

#map {

    height: 200px;

    width: 100%;

}

.popup-gallery img{
    width: 100%;
    height:300px;
    object-fit: cover;
}
.img-head img{
    width: 100%;
    height: 800px;
    object-fit: cover;
    object-position: center;
}

.form_contact::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    /*display: none;  /* Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.form_contact::-webkit-scrollbar-thumb {
    background: #262a43;
    border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.form_contact::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
.form_contact::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
.form_contact::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.form_contact::-webkit-scrollbar-track:hover,
.form_contact::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

.formHome{
    margin: -5px 0px 100px;
    position:relative;   
    z-index:200;
}
@media(max-width:360px){
    .formHome{
        margin: -40px 0px 100px;
    }
}

.formHome .blq-total{
        margin: auto;
        width: 80%;
        border-top-right-radius:5px;
        border-bottom-right-radius:5px;
        border-top-left-radius:0px;
        border-bottom-left-radius:5px;
}

.chooseForm{
    width: 80%;
    margin: auto;
    display: flex;
}

#chooseForm1,#chooseForm2{
    background: #262a43;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 1px;
    color: #fff;
    cursor: pointer;
}
#chooseForm2{
	background: #cfcfcf;
}
#formInversiones{
    display:none;
}
@media(max-width:360px){
	.chooseForm{
		display: block;
	}
	#chooseForm1,#chooseForm2{
		border-top-left-radius: 0px;
        border-top-right-radius: 0px;
	}
	.formHome .blq-total {
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
		
	}
}
.bloq-home{
    margin-top: 100px;
    margin-bottom: 150px;
}

#formInmuebles .precioAlq{
    display:none;
}
#formInmuebles .precioFiltr{
    display:none;
}
.to{
    display: flex;
    justify-content: space-between;
}
.to p{
    position: relative;
    top: 10px;
}
#ordenar{
    float: right;
    width: 200px;
}
.no-data{
    color: red;
    margin-top: 10px;
    margin-left: 0px;
}
@media(max-width:820px){

    .no-data{
        margin-top: 45px;
    }
}
.descriptivo{
	padding: 20px 10px;
}
.bankEuropean{
	font-size: 0.8em;
	margin-left: 18px;
	margin-top: 10px;
	color: #262a43;
}
.changeMoney{
	width: 80px;
	color: #262a43;
	padding: 0;
}
.tipo-mensual{
	margin-left:10px;
}
.plus-price{
	display:ruby;
}
.localidades{
    position:relative;
}
#load{
    display:none;
    
}
.load_1,.load_2,.load_3,.load_4,.load_5{
    width: 20px;
    position: absolute;
    top: 45px;
    left: 42%;
}
#load img{
    width: 100%;
}

.block-features{

    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto;
    column-gap: 5px;
    margin-bottom:20px;
}

.block-features div {
    
    padding: 10px 5px;
    border: 1px solid #262a434d;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
@media(max-width:480px){
    .block-features{
       display: block;
   }
}

#btn::before {
width:20px;
height:18px;
content:'';
background-size: 100% 100%;
display:block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.6 512.6' style='enable-background:new 0 0 512.629 512.629' xml:space='preserve' fill='%23ffffff' width='512' height='512'%3E%3Cpath d='M0 256a99 99 0 0 0 167 73l148 67-2 16a100 100 0 1 0 18-56l-139-63c10-23 10-50 0-74l138-63a99 99 0 1 0-15-40l-148 67A99 99 0 0 0 0 256z'/%3E%3C/svg%3E");
}
#btn{
    padding: 10px;
    border-radius: 7px;
    line-height: 1;
    box-shadow: 0px 0px 5px #fff;
    background-color: #262a43;
    z-index: 9999;
    cursor: pointer;
}
@media(max-width:720px){

  #btn {
    margin-top: 10px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
#btn:hover,
#btn:active,
#btn:focus{
    opacity:0.8;
}

.provs,.cius,.typs{
   position:relative;
}
.links-singles{
	text-align: right;
}
.links-singles #prev{
	background: #262a43;
    padding: 10px;
    position: relative;
    top: -15px;
    color: #fff;
    margin-right: 20px;
}
.links-singles #next{
	background: #262a43;
    padding: 10px;
    position: relative;
    top: -15px;
    color: #fff;
}

/* Estilos para el buscador flotante */
#buscador-flotante {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 10px;
    transition: transform 0.3s ease;
    transform: translateY(-100%);
}

#buscador-flotante.visible {
    transform: translateY(0);
}

#boton-expandir {
    cursor: pointer;
    font-size: 20px;
    margin-right: 10px;
    padding: 10px;
    background-color: #262a43;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#formulario-busqueda-flotante {
    display: flex;
    gap: 10px;
    flex-grow: 1;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

#formulario-busqueda-flotante.visible {
    max-height: 100px; /* Ajusta según el contenido */
    padding: 10px 0;
}

/*#formulario-busqueda-flotante input,
#formulario-busqueda-flotante select {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    flex: 1;
    min-width: 150px;
}

#formulario-busqueda-flotante button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}*/