/* 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; } }
Auténtica experiencia mexicana
Ubicado en la Riviera Nayarit, a las afueras del encantador pueblo de Sayulita, Avela Boutique Hotel ofrece una auténtica y cómoda aventura vacacional. Nuestros huéspedes disfrutan de únicas experiencias locales en un impresionante entorno tropical, bien conectado y a la vez alejado de los congestionados destinos turísticos.
Durante tu estancia, disfrutarás de comodidad de primera clase y una gran variedad de actividades inolvidables mientras experimentas el lujo sin pretensiones y un servicio cálido, siempre con una sonrisa. Avela Boutique Hotel lo ofrece todo en un ambiente acogedor que combina el estilo tradicional con un toque moderno.
Experimenta el verdadero sabor de México
Nuestros talentosos chefs preparan todo desde cero, realzando los sabores locales tradicionales con un toque contemporáneo. Disfruta de nuestro desayuno, y brunch diarios con especialidades de temporada e ingredientes locales frescos.
Relájate, descansa y desestrésate.
Nuestros servicios de spa te lo hacen fácil.
Disfruta de tratamientos de relajación y bienestar premium impartidos por profesionales certificados y con experiencia. Recibe tus servicios en un ambiente de spa relajante o en la comodidad y privacidad de tu suite Avela.
Qué dicen nuestros huéspedes
Este lugar es hermoso, inmaculado, tranquilo y tranquilo. El personal es atento y atento. Un lujoso oasis en la impresionante Sayulita.
¡Quería tomarme el tiempo y decir gracias! Mi esposa y yo disfrutamos mucho de nuestra estancia.
No podría agradecerte lo suficiente por hacerlo especial para nosotros. Verdaderamente una experiencia recordaremos las actividades, la comida, y LAS CAMAS! Nunca dormimos tan bien como esta semana pasada. Gracias personal de Avela te superaste a ti mismo
¡Las camas más cómodas de todas!
“No sé de dónde saca Avela su ropa de cama, pero guau... era como dormir en una nube”.
Este es un verdadero hotel boutique y uno de los mejores en los que me he alojado durante mucho tiempo.
Es una propiedad relativamente pequeña con habitaciones que rodean una hermosa piscina en el medio. La habitación es sencilla, pero muy bien curada. El hotel está cerca del pueblo pero lo más bonito es que no hay ruido del pueblo principal.
Síguenos
Mantente conectado y síguenos en Instagram para conocer las últimas actualizaciones, reels, historias y momentos cautivadores.