/*Estilo Botones*/
.btn, #bk-init-booking, .btn-block, .go-white{
    display: inline-block;
    padding: 1rem 1.75rem;
    color:#fff;
    font-weight:600;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    border: none;
}
.br-30{
    border-radius: 30px;
}
.br-5, .btn-block{
    border-radius: 5px;
}
.btn:hover, .btn:focus, #bk-init-booking, .btn-block:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);}
.btn:focus-visible, .btn-block:focus-visible {
    outline: 2px solid var(--color-principal);
    outline-offset: 3px;}
.btn:active, .btn-block:active {
    transform: translateY(0); 
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}
/*Colores*/
.bg-sec{
    background-color:var(--color-secundario);
}
.bg-sec:hover{
    background-color:var(--color-secundario-hover);
}
.bg-princ, #bk-init-booking, .btn-block{
    background-color:var(--color-principal);
}
.bg-princ:hover, #bk-init-booking:hover, .btn-block:hover{
    background-color:var(--color-principal-hover);
}

/*Icono*/
.go:after, .btn-block:after{
    content: "\e09f";
    font: var(--fa-font-solid);
    margin-left:10px;
    font-size:1.2em;
    vertical-align: middle;
}
.go-sec:after, .btn-block:after{
    color: var(--color-secundario);
}
.go-white:after{
    color:#fff;
}
.whts:before{
    content: "\f232";
    font: var(--fa-font-brands);
    margin-right:3px;
    font-size:1.5em;
    vertical-align: middle;
}
.bg-whts{
    background: #17B04B;
}
/*404*/
.error-404{
    text-align: center;
}
/*Margenes*/
.m-4r-y{
    margin-top: 4rem;
    margin-bottom: 4rem;
}
/*Padding*/
.p-4r-y{
    padding-top: 4rem;
    padding-bottom: 4rem;
}