Home

Visual storytelling for brands, stays
&
Experiences in Mexico

Sayulita Nayarit Mexico.

Brands & Spaces

 

Lifestyle & Stays

Experiences

Project Inquiry Let’s Talk

Every project is different.
We prefer to understand the idea before defining a plan.

explore menu

Since 2016

Our History​

 
How it all started

Our story goes back over 25 years ago, when consectetur adipiscing elit. Vestibulum ac commodo nibh, sed finibus velit. Morbi mattis faucibus urna, a imperdiet nisl interdum non. Sed mattis nisl rhoncus, rhoncus erat sit amet, gravida mi. Sed ut augue nunc. Duis tincidunt semper sagittis…

our full history

Reservations

Book a table

/* Need to check and remove the input variables related to the Style Tab. */
.srfm-form-container-3237 {
/* New test variables */
--srfm-color-scheme-primary: var(--ast-global-color-0);
--srfm-color-scheme-text-on-primary: #FFFFFF;
--srfm-color-scheme-text: var(--ast-global-color-2);
--srfm-quill-editor-color: var(--ast-global-color-0);

--srfm-color-input-label: var(--ast-global-color-2);
--srfm-color-input-description: hsl( from var(--ast-global-color-2) h s l / 0.65 );
--srfm-color-input-placeholder: hsl( from var(--ast-global-color-2) h s l / 0.5 );
--srfm-color-input-text: var(--ast-global-color-2);
--srfm-color-input-prefix: hsl( from var(--ast-global-color-2) h s l / 0.65 );
--srfm-color-input-background: hsl( from var(--ast-global-color-2) h s l / 0.02 );
--srfm-color-input-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.05 );
--srfm-color-input-background-disabled: hsl( from var(--ast-global-color-2) h s l / 0.07 );
--srfm-color-input-border: hsl( from var(--ast-global-color-2) h s l / 0.25 );
--srfm-color-input-border-disabled: hsl( from var(--ast-global-color-2) h s l / 0.15 );
--srfm-color-multi-choice-svg: hsl( from var(--ast-global-color-2) h s l / 0.7 );
--srfm-color-input-border-hover: hsl( from var(--ast-global-color-0) h s l / 0.65 );
--srfm-color-input-border-focus-glow: hsl( from var(--ast-global-color-0) h s l / 0.15 );
--srfm-color-input-selected: hsl( from var(--ast-global-color-0) h s l / 0.1 );
--srfm-btn-color-hover: hsl( from var(--ast-global-color-0) h s l / 0.9 );
--srfm-btn-color-disabled: hsl( from var(--ast-global-color-0) h s l / 0.25 );

/* Dropdown Variables */
--srfm-dropdown-input-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.05 );
--srfm-dropdown-option-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.10 );
--srfm-dropdown-option-background-selected: hsl( from var(--ast-global-color-2) h s l / 0.05 );
--srfm-dropdown-option-selected-icon: hsl( from var(--ast-global-color-2) h s l / 0.65 );
--srfm-dropdown-option-text-color: hsl( from var(--ast-global-color-2) h s l / 0.80 );
--srfm-dropdown-option-selected-text: var(--ast-global-color-2);
--srfm-dropdown-badge-background: hsl( from var(--ast-global-color-2) h s l / 0.05 );
--srfm-dropdown-badge-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.10 );
--srfm-dropdown-menu-border-color: hsl( from var(--ast-global-color-2) h s l / 0.10 );
--srfm-dropdown-placeholder-color: hsl( from var(--ast-global-color-2) h s l / 0.50 );
--srfm-dropdown-icon-color: hsl( from var(--ast-global-color-2) h s l / 0.65 );
--srfm-dropdown-icon-disabled: hsl( from var(--ast-global-color-2) h s l / 0.25 );

/* Background Control Variables */
--srfm-instant-form-padding-top: 32px;--srfm-instant-form-padding-right: 32px;--srfm-instant-form-padding-bottom: 32px;--srfm-instant-form-padding-left: 32px;--srfm-instant-form-border-radius-top: 12px;--srfm-instant-form-border-radius-right: 12px;--srfm-instant-form-border-radius-bottom: 12px;--srfm-instant-form-border-radius-left: 12px;--srfm-form-padding-top: 0px;--srfm-form-padding-right: 0px;--srfm-form-padding-bottom: 0px;--srfm-form-padding-left: 0px;--srfm-form-border-radius-top: 0px;--srfm-form-border-radius-right: 0px;--srfm-form-border-radius-bottom: 0px;--srfm-form-border-radius-left: 0px;--srfm-bg-overlay-opacity: 1; --srfm-row-gap-between-blocks: 18px;--srfm-address-label-font-size: 16px;--srfm-address-label-line-height: 24px;--srfm-address-description-font-size: 14px;--srfm-address-description-line-height: 20px;--srfm-col-gap-between-fields: 16px;--srfm-row-gap-between-fields: 16px;--srfm-gap-below-address-label: 14px;--srfm-dropdown-font-size: 14px;--srfm-dropdown-gap-between-input-menu: 4px;--srfm-dropdown-badge-padding: 2px 6px;--srfm-dropdown-multiselect-font-size: 12px;--srfm-dropdown-multiselect-line-height: 16px;--srfm-dropdown-padding-right: 12px;--srfm-dropdown-padding-right-icon: calc( var( --srfm-dropdown-padding-right ) + 20px );--srfm-dropdown-multiselect-padding: 8px var( --srfm-dropdown-padding-right-icon ) 8px 8px;--srfm-input-height: 44px;--srfm-input-field-padding: 10px 12px;--srfm-input-field-font-size: 16px;--srfm-input-field-line-height: 24px;--srfm-input-field-margin-top: 6px;--srfm-input-field-margin-bottom: 6px;--srfm-checkbox-label-font-size: 16px;--srfm-checkbox-label-line-height: 24px;--srfm-checkbox-description-font-size: 14px;--srfm-checkbox-description-line-height: 20px;--srfm-check-ctn-width: 16px;--srfm-check-ctn-height: 16px;--srfm-check-svg-size: 10px;--srfm-checkbox-margin-top-frontend: 4px;--srfm-checkbox-margin-top-editor: 6px;--srfm-check-gap: 8px;--srfm-checkbox-description-margin-left: 24px;--srfm-flag-section-padding: 10px 0 10px 12px;--srfm-gap-between-icon-text: 8px;--srfm-label-font-size: 16px;--srfm-label-line-height: 24px;--srfm-description-font-size: 14px;--srfm-description-line-height: 20px;--srfm-btn-padding: 10px 14px;--srfm-btn-font-size: 16px;--srfm-btn-line-height: 24px;--srfm-multi-choice-horizontal-padding: 20px;--srfm-multi-choice-vertical-padding: 20px;--srfm-multi-choice-internal-option-gap: 8px;--srfm-multi-choice-vertical-svg-size: 40px;--srfm-multi-choice-horizontal-image-size: 24px;--srfm-multi-choice-vertical-image-size: 120px;--srfm-multi-choice-outer-padding: 2px; }

This field is required.

This field is required.

This field is required.

This field is required.

This field is required.