* {
    margin: 0px;
    padding: 0px;
}

img {
    width: 100%;
}

ol,
ul {
    padding-left: 0rem !important;
}

ul,
ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 0;
}

body {
    font-family: 'Roboto', sans-serif;
    min-height: 100vh;
}

a {
    text-decoration: none;
}

main {
    min-height: 86vh;
}

.login {
    background-image: url('../img/background_login.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    width: 100%;
    object-fit: cover;
    min-height: 100vh;
}

/*BOTONERAS CON ICONOS*/
.icon-nav {
    font-size: 2em;
}
/*BOTONERAS CON ICONOS*/


/*ajuste de altura del editor ckeditor, y summernote*/
.ck-editor__editable,
.note-editing-area,
.ql-editor {
    min-height: 300px;
}

/*ajuste de altura del editor*/

/*de la plantilla del front*/
body {
    background-color: #8a7e71;
    color: #494634;
}

.navbar-custom {
    background-color: #D6D1DC;
    color: #494216;
}

.hero {
    background: url('/static/img/image.png') no-repeat center center;
    background-size: cover;
    height: 90vh;
    color: #D6D1DC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.btn-primary {
    background-color: #6d512b;
    border-color: #6d512b;
}

.bg-primary {
    background-color: #6d512b !important;
    border-color: #6d512b;
    color: #D6D1DC !important;
}

.btn-primary:hover {
    background-color: #494216;
    border-color: #494216;
}

.reserva-div {
    background-color: rgba(214, 209, 220, 0.85);
    color: rgba(73, 70, 52, 1);
    border-color: #494634;
    border-style: solid;
    border-width: 3px;
    width: 800px;
    max-width: 95%;
    padding: 1.5rem 2.5rem;
    border-radius: 50px;
}

.reserva-div input,
.reserva-div select {
    background: transparent;
    border: 3px solid rgba(73, 70, 52, 1);
    color: rgba(73, 70, 52, 1);
}

.reserva-div input::placeholder,
.reserva-div textarea::placeholder {
    color: #D6D1DC;
    /* el color que quieras */
    opacity: 1;
    /* opcional: hace que no quede más transparente */
}

footer {
    background-color: #000000;
    color: #D6D1DC;
    padding: 60px 0;
}

.footer-logo {
    max-width: 150px;
}

.footer-column {
    text-align: center;
}

.footer-column ul {
    list-style: none;
    padding: 0;
}

.footer-column ul li a {
    color: #D6D1DC !important;
    text-decoration: none;
}

.footer-column ul li a:hover {
    text-decoration: underline;
}

/*para el grid de cabanias*/
.card-cabania {
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
}

.card-img-top {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    object-fit: cover;
    height: 200px;
}

.card-body small {
    color: #6c757d;
}

/*para el grid de cabanias*/


/*para la galería*/
.ud-single-blog:hover .ud-blog-image img {
    -webkit-transform: scale(1.05) rotate(2deg);
    transform: scale(1.05) rotate(2deg);
}

/*boton whatsapp*/
#whatsapp {
   position: fixed;
   bottom: 90px;
   right:20px;
}
svg {
   width: 80px;
   filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
}
circle {
   fill: #25d366;
}
path {
   fill: #fff;
}
/*boton whatsapp*/