/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
margin-bottom: 0 !important;
}
/*
Make the following elements inherit typography styles from the parent and not have hardcoded values.
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
*/
/* Prevent all click and hover interaction with an element */
.pointer-events-off {
pointer-events: none;
}
/* Enables all click and hover interaction with an element */
.pointer-events-on {
pointer-events: auto;
}
/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
content: "";
display: block;
padding-bottom: 100%;
}
/*Hide focus outline for main content element*/
main:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
/* Make sure containers never lose their center alignment*/
.container-medium, .container-small, .container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/*Reset selects, buttons, and links styles*/
.w-input, .w-select, a {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
/*Apply "..." after 3 lines of text */
.text-style-3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-style-2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Removes native scrollbar */
.no-scrollbar {
-ms-overflow-style: none; // IE 10+
overflow: -moz-scrollbars-none; // Firefox
}
.no-scrollbar::-webkit-scrollbar {
display: none; // Safari and Chrome
}
/* Adds inline flex display */
.display-inlineflex {
display: inline-flex;
}
/* These classes are never overwritten */
.hide {
display: none !important;
}
@media screen and (max-width: 991px) {
.hide, .hide-tablet {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.hide-mobile-landscape{
display: none !important;
}
}
@media screen and (max-width: 479px) {
.hide-mobile{
display: none !important;
}
}
.margin-0 {
margin: 0rem !important;
}
.padding-0 {
padding: 0rem !important;
}
.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}
.margin-top {
margin-right: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-top {
padding-right: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-right {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-right {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-bottom {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-bottom {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.margin-left {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-left {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-horizontal {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-horizontal {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-vertical {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-vertical {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
html { font-size: 1rem; }
@media screen and (max-width:1920px) { html { font-size: 1rem; } }
@media screen and (max-width:1440px) { html { font-size: 1rem; } }
@media screen and (max-width:1215px) { html { font-size: 1rem; } }
@media screen and (max-width:990px) { html { font-size: calc(0.7573529411764707rem + 0.3921568627450979vw); } }
@media screen and (max-width:735px) { html { font-size: 0.9375rem; } }
@media screen and (max-width:607px) { html { font-size: 0.9375rem; } }
@media screen and (max-width:479px) { html { font-size: 0.9375rem; } }
Avela Boutique Hotel delivers it all at an affordable price.
Situated on the Riviera Nayarit just outside the charming town of Sayulita, Avela Boutique Hotel delivers an authentic and comfortable holiday adventure. Our guests enjoy genuine local experiences in a breathtaking tropical setting that's both well-connected yet nothing like Mexico's overcrowded tourist destinations.
During your stay, you'll enjoy first-class comfort and a wealth of unforgettable activities as you experience luxury without pretension and elite service with a smile. Avela Boutique Hotel delivers it all against an inviting backdrop that blends traditional style with casual modern flair.
Experience the real taste of Mexico
Our talented chefs make everything from scratch, highlighting traditional local flavors with a contemporary twist. Join us daily for breakfast, lunch, and dinner, with seasonal specials and farm-fresh local ingredients.
Relax, unwind, and de-stress.
Our spa and wellness services make it easy.
Enjoy premium health and wellness treatments delivered by licensed and experienced professionals. Receive your services in a soothing spa setting, or in the comfort and privacy of your Avela suite.
Most comfortable beds ever!
"I don't know where Avela gets their bedding, but wow...it was like sleeping on a cloud."
I wanted to take the time and say thank you! My wife and I enjoyed our stay a lot.
I couldn’t thank you enough for making it special for us. Truly an experience we will remember the activities, the food, and THE BEDS! We never slept as good as this past week. Thank you Avela staff you outdid yourself
This place is beautiful, immaculate, peaceful and quiet. The staff is caring and attentive. A luxurious oasis in stunning Sayulita.
This is a real boutique hotel and one of the best one I've stayed at for a very long time.
It's a relatively small property with rooms surrounding a beautiful pool in the middle. The room are simple, but very well curated. The hotel is close to the village but the nicest thing is that it there is no noise from the main village.
Follow us
Stay connected and follow us on Instagram for the latest updates, behind-the-scenes glimpses, and captivating moments.
.webp)
