/* 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; } }
Esta amplia suite con dos habitaciones privadas y dos baños privados, junto con una sala de estar es su mejor opción para amigos y familiares.
Confort Minimalista
La Junior Suite Deluxe le da la bienvenida con su decoración y combinación perfecta de confort y estilo.
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.
Planifique su estadía con nosotros: Descubra Avela Boutique Hotel en Sayulita.
Síguenos
Mantente conectado y síguenos en Instagram para conocer las últimas actualizaciones, reels, historias y momentos cautivadores.