{"en_US": "<data inherit_id=\"web_editor.snippet_options\" primary=\"True\">\n    <!-- =================================================================== -->\n    <!-- Modify generic snippet options                                      -->\n    <!-- =================================================================== -->\n\n    <xpath expr=\"//we-button[@data-name='image_transform_opt']\" position=\"attributes\">\n        <attribute name=\"data-dependencies\">no_animation_opt</attribute>\n    </xpath>\n\n    <!-- Hover effects options -->\n    <xpath expr=\"//div[@data-js='ImageTools']\" position=\"inside\">\n        <div id=\"o_hover_effects_options\">\n            <we-select string=\"Effect\" class=\"o_we_sublevel_1\" data-attribute-name=\"hoverEffect\" data-set-img-shape-hover-effect=\"true\">\n                <we-button data-select-data-attribute=\"\" data-name=\"hover_effect_none_opt\">None</we-button>\n                <we-button data-select-data-attribute=\"overlay\" data-name=\"hover_effect_overlay_opt\">Overlay</we-button>\n                <we-button data-select-data-attribute=\"image_zoom_in\" data-name=\"hover_effect_zoom_in_opt\">Zoom In</we-button>\n                <we-button data-select-data-attribute=\"image_zoom_out\" data-name=\"hover_effect_zoom_out_opt\">Zoom Out</we-button>\n                <we-button data-select-data-attribute=\"dolly_zoom\" data-name=\"hover_effect_dolly_zoom_opt\">Dolly Zoom</we-button>\n                <we-button data-select-data-attribute=\"outline\" data-name=\"hover_effect_outline_opt\">Outline</we-button>\n                <we-button data-select-data-attribute=\"image_mirror_blur\" data-name=\"hover_effect_mirror_blur_opt\">Mirror Blur</we-button>\n            </we-select>\n            <we-range string=\"Intensity\" class=\"o_we_sublevel_2\" data-select-data-attribute=\"\" data-attribute-name=\"hoverEffectIntensity\" data-dependencies=\"hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_mirror_blur_opt, hover_effect_dolly_zoom_opt\" data-min=\"1\" data-max=\"100\" data-step=\"1\" data-display-range-value=\"true\" data-no-preview=\"true\"/>\n            <we-colorpicker string=\"Color\" class=\"o_we_sublevel_2\" data-set-hover-effect-color=\"true\" data-excluded=\"theme, common\" data-dependencies=\"hover_effect_dolly_zoom_opt, hover_effect_overlay_opt, hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_outline_opt\" data-no-preview=\"true\" data-name=\"hover_effect_color_opt\"/>\n            <we-input string=\"Stroke Width\" class=\"o_we_sublevel_2\" data-select-data-attribute=\"\" data-attribute-name=\"hoverEffectStrokeWidth\" data-step=\"1\" data-min=\"1\" data-unit=\"px\" data-dependencies=\"hover_effect_outline_opt\" data-no-preview=\"true\"/>\n        </div>\n    </xpath>\n\n     <!-- Version control -->\n    <xpath expr=\"//t[@t-call='web_editor.snippet_options_version_control']\" position=\"replace\">\n        <!-- General selector defining the parent elements of s_card snippets on\n             which the s_card options should be bound (instead of the s_card).\n             Note: defined here to be set above all the other options that might\n             need it. -->\n        <t t-set=\"card_parent_handlers\" t-value=\"'.s_three_columns .row &gt; div, .s_comparisons .row &gt; div, .s_cards_grid .row &gt; div, .s_cards_soft .row &gt; div, .s_product_list .row &gt; div'\"/>\n\n        <!-- Binding the option on the snippet if it is not a s_card with a\n             handler parent -->\n        <t t-call=\"web_editor.snippet_options_version_control\">\n            <t t-set=\"selector\" t-value=\"'[data-snippet]'\"/>\n            <t t-set=\"exclude\" t-valuef=\"div:is(#{card_parent_handlers}) &gt; .s_card\"/>\n        </t>\n\n        <!-- Binding the option on the s_card handler parent -->\n        <t t-call=\"web_editor.snippet_options_version_control\">\n            <t t-set=\"selector\" t-valuef=\"#{card_parent_handlers}\"/>\n            <t t-set=\"target\" t-value=\"'&gt; .s_card'\"/>\n        </t>\n    </xpath>\n\n    <!-- Font Awesome icons -->\n    <xpath expr=\"//div[@data-js='FontawesomeTools']\" position=\"inside\">\n        <t t-call=\"website.snippet_options_border_line_widgets\">\n            <t t-set=\"label\">Border</t>\n            <t t-set=\"with_bs_class\" t-value=\"True\"/>\n        </t>\n    </xpath>\n\n    <!-- =================================================================== -->\n    <!-- Adding website specific snippet options                             -->\n    <!-- =================================================================== -->\n\n    <xpath expr=\".\" position=\"inside\">\n\n    <!-- H-ALIGN -->\n    <div id=\"so_text_align\" data-selector=\".s_share, .s_text_highlight, .s_social_media\">\n        <we-button-group string=\"Alignment\">\n            <we-button class=\"fa fa-fw fa-align-left\" title=\"Left\" data-select-class=\"text-start\"/>\n            <we-button class=\"fa fa-fw fa-align-center\" title=\"Center\" data-select-class=\"text-center\"/>\n            <we-button class=\"fa fa-fw fa-align-right\" title=\"Right\" data-select-class=\"text-end\"/>\n        </we-button-group>\n    </div>\n\n    <div data-selector=\".s_share, .s_social_media\">\n        <we-select string=\"Title Position\" data-apply-to=\".s_share_title, .s_social_media_title\">\n            <we-button data-select-class=\"d-block\">Top</we-button>\n            <we-button data-select-class=\"\">Left</we-button>\n            <we-button data-select-class=\"d-none\">None</we-button>\n        </we-select>\n        <we-select string=\"Layout\" data-apply-to=\".fa\">\n            <we-button data-select-class=\"rounded shadow-sm\">Square</we-button>\n            <we-button data-select-class=\"rounded-empty-circle shadow-sm\">Circle</we-button>\n            <we-button data-select-class=\"rounded-circle shadow-sm\">Disk</we-button>\n            <we-button data-select-class=\"fa-stack\">None</we-button>\n        </we-select>\n        <we-select string=\"Size\" data-apply-to=\".fa\">\n            <we-button data-select-class=\"\">Small</we-button>\n            <we-button data-select-class=\"fa-2x\">Medium</we-button>\n            <we-button data-select-class=\"fa-3x\">Big</we-button>\n        </we-select>\n        <!-- Compatibility, keep reverse logical, don't use `icon_color` -->\n        <we-checkbox string=\"Color\" data-select-class=\"no_icon_color|\"/>\n    </div>\n\n    <div id=\"so_width\" data-selector=\".s_alert, .s_blockquote, .s_text_highlight\">\n        <we-select string=\"Width\">\n            <we-button data-select-class=\"w-25\">25%</we-button>\n            <we-button data-select-class=\"w-50\">50%</we-button>\n            <we-button data-select-class=\"w-75\">75%</we-button>\n            <we-button data-select-class=\"w-100\" data-name=\"so_width_100\">100%</we-button>\n        </we-select>\n    </div>\n\n    <div id=\"so_block_align\" data-selector=\".s_alert, .s_blockquote, .s_text_highlight\">\n        <we-button-group string=\"Alignment\" data-dependencies=\"!so_width_100\">\n            <we-button class=\"fa fa-fw fa-align-left\" title=\"Left\" data-select-class=\"me-auto\"/>\n            <we-button class=\"fa fa-fw fa-align-center\" title=\"Center\" data-select-class=\"mx-auto\"/>\n            <we-button class=\"fa fa-fw fa-align-right\" title=\"Right\" data-select-class=\"ms-auto\"/>\n        </we-button-group>\n    </div>\n\n    <!-- Carousel | .s_carousel | .s_quotes_carousel -->\n    <!-- Dedicated colorpicker so that there is not 3 level of\n         o_colored_level. Use inline-style color for the same reason. -->\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"'section'\"/>\n        <t t-set=\"target\" t-value=\"'&gt; .carousel'\"/>\n        <t t-set=\"with_colors\" t-value=\"True\"/>\n        <t t-set=\"with_images\" t-value=\"True\"/>\n        <t t-set=\"with_videos\" t-value=\"True\"/>\n        <t t-set=\"with_shapes\" t-value=\"True\"/>\n        <t t-set=\"with_gradients\" t-value=\"True\"/>\n        <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n    </t>\n\n    <t t-call=\"website.snippet_options_carousel\"/>\n\n    <div data-js=\"CarouselItem\" data-selector=\".s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item\">\n        <we-button class=\"fa fa-fw fa-angle-left\" data-switch-to-slide=\"left\" data-no-preview=\"true\" title=\"Move Backward\"/>\n        <we-button class=\"fa fa-fw fa-angle-right me-2\" data-switch-to-slide=\"right\" data-no-preview=\"true\" title=\"Move Forward\"/>\n        <we-button class=\"fa fa-fw fa-plus o_we_bg_success\" data-add-slide-item=\"true\" data-no-preview=\"true\" title=\"Add Slide\"/>\n        <we-button class=\"fa fa-fw fa-minus o_we_bg_danger\" data-remove-slide=\"true\" data-no-preview=\"true\" title=\"Remove Slide\"/>\n    </div>\n\n    <div data-js=\"GalleryElement\" data-selector=\".s_image_gallery img, .s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item\">\n        <we-row string=\"Re-order\" data-no-preview=\"true\">\n            <we-button class=\"fa fa-fw fa-angle-double-left\" title=\"Move to first\" data-position=\"first\"/>\n            <we-button class=\"fa fa-fw fa-angle-left\" title=\"Move to previous\" data-position=\"prev\"/>\n            <we-button class=\"fa fa-fw fa-angle-right\" title=\"Move to next\" data-position=\"next\"/>\n            <we-button class=\"fa fa-fw fa-angle-double-right\" title=\"Move to last\" data-position=\"last\"/>\n        </we-row>\n    </div>\n    <!-- Accordion -->\n    <div data-js=\"collapse\" data-selector=\".accordion &gt; .accordion-item\" data-drop-in=\".accordion:has(&gt; .accordion-item)\"/>\n\n    <div data-js=\"MultipleItems\" data-selector=\".s_accordion\">\n        <we-row string=\"Items\">\n            <we-button data-add-item=\"\" data-item=\".accordion &gt; .accordion-item:last\" data-select-item=\"\" data-no-preview=\"true\" class=\"o_we_bg_brand_primary\">\n                Add New\n            </we-button>\n        </we-row>\n    </div>\n\n    <t t-set=\"so_submit_button_selector\" t-translation=\"off\">\n        .s_donation_donate_btn, .s_website_form_send\n    </t>\n\n    <!-- Button -->\n    <div data-js=\"Button\" data-selector=\"a.btn\" t-att-data-exclude=\"so_submit_button_selector\"/>\n\n    <!-- Columns only -->\n    <div data-js=\"layout_column\" data-selector=\"section.s_features_grid, section.s_process_steps\" data-target=\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\">\n        <t t-call=\"website.column_count_option\"/>\n    </div>\n\n    <!-- Grid only -->\n    <div data-js=\"layout_column\" data-selector=\"section.s_masonry_block, section.s_quadrant, section.s_image_frame, section.s_card_offset, section.s_contact_info\" data-target=\"&gt; *:has(&gt; .row)\">\n        <t t-call=\"website.grid_layout_options\"/>\n    </div>\n\n    <!-- Grid and columns -->\n    <div data-js=\"layout_column\" data-selector=\"section\" data-target=\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\" data-exclude=\".s_dynamic, .s_dynamic_snippet_content, .s_dynamic_snippet_title, .s_masonry_block, .s_framed_intro, .s_features_grid, .s_media_list, .s_table_of_content, .s_process_steps, .s_image_gallery, .s_timeline, .s_pricelist_boxed, .s_quadrant, .s_pricelist_cafe, .s_faq_horizontal, .s_image_frame, .s_card_offset, .s_contact_info\">\n        <we-row>\n            <we-button-group string=\"Layout\" data-no-preview=\"true\">\n                <we-button data-select-layout=\"grid\" data-name=\"grid_mode\">Grid</we-button>\n                <we-button data-select-layout=\"normal\" data-name=\"normal_mode\">Cols</we-button>\n            </we-button-group>\n            <t t-call=\"website.column_count_option\">\n                <t t-set=\"with_grid\" t-value=\"True\"/>\n            </t>\n        </we-row>\n        <t t-call=\"website.grid_layout_options\">\n            <t t-set=\"indent\" t-value=\"True\"/>\n        </t>\n    </div>\n\n    <!--  Vertical Alignment -->\n    <div data-js=\"vAlignment\" id=\"row_valign_snippet_option\" data-selector=\".s_text_image, .s_image_text, .s_three_columns, .s_showcase, .s_numbers, .s_faq_collapse, .s_references, .s_accordion_image, .s_shape_image\" data-target=\".row\">\n        <t t-call=\"website.vertical_alignment_option\">\n            <t t-set=\"indent\" t-value=\"True\"/>\n        </t>\n    </div>\n\n    <!-- Move snippets around -->\n    <div data-js=\"SnippetMove\" data-selector=\"section, .s_accordion .accordion-item, .s_showcase .row .row:not(.s_col_no_resize) &gt; div, .s_hr\" data-no-scroll=\".s_accordion .accordion-item\">\n        <we-button class=\"fa fa-fw fa-angle-up\" data-move-snippet=\"prev\" data-no-preview=\"true\" data-name=\"move_up_opt\"/>\n        <we-button class=\"fa fa-fw fa-angle-down\" data-move-snippet=\"next\" data-no-preview=\"true\" data-name=\"move_down_opt\"/>\n    </div>\n    <div data-js=\"SnippetMove\" data-selector=\".row:not(.s_col_no_resize) &gt; div, .nav-item\" data-exclude=\".s_showcase .row .row &gt; div\" data-name=\"move_horizontally_opt\">\n        <we-button class=\"fa fa-fw fa-angle-left\" data-move-snippet=\"prev\" data-no-preview=\"true\" data-name=\"move_left_opt\"/>\n        <we-button class=\"fa fa-fw fa-angle-right\" data-move-snippet=\"next\" data-no-preview=\"true\" data-name=\"move_right_opt\"/>\n    </div>\n\n    <!-- Background -->\n    <t t-set=\"only_bg_color_selector\" t-value=\"'section .row &gt; div, .s_text_highlight, .s_mega_menu_thumbnails_footer, .s_hr, .s_cta_badge'\"/>\n    <t t-set=\"only_bg_color_exclude\" t-valuef=\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .s_image_gallery .row &gt; div, .s_text_cover .row &gt; .o_not_editable, [data-snippet] :not(.oe_structure) &gt; .s_hr, #{card_parent_handlers}\"/>\n\n    <t t-set=\"base_only_bg_image_selector\" t-value=\"'.s_tabs .oe_structure &gt; *, footer .oe_structure &gt; *'\"/>\n    <t t-set=\"only_bg_image_selector\" t-value=\"base_only_bg_image_selector\"/>\n    <t t-set=\"only_bg_image_exclude\" t-value=\"''\"/>\n\n    <t t-set=\"both_bg_color_image_selector\" t-value=\"'section, .carousel-item, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .parallax, .s_text_cover .row &gt; .o_not_editable'\"/>\n    <t t-set=\"both_bg_color_image_exclude\" t-value=\"base_only_bg_image_selector + ', .s_carousel_wrapper, .s_image_gallery .carousel-item, .s_google_map, .s_map, [data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_masonry_block .s_col_no_resize, .s_quotes_carousel_wrapper, .s_carousel_intro_wrapper'\"/>\n\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"both_bg_color_image_selector\"/>\n        <t t-set=\"exclude\" t-value=\"both_bg_color_image_exclude\"/>\n        <t t-set=\"with_colors\" t-value=\"True\"/>\n        <t t-set=\"with_images\" t-value=\"True\"/>\n        <t t-set=\"with_videos\" t-value=\"True\"/>\n        <t t-set=\"with_shapes\" t-value=\"True\"/>\n        <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n        <t t-set=\"with_gradients\" t-value=\"True\"/>\n    </t>\n\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"only_bg_color_selector\"/>\n        <t t-set=\"exclude\" t-value=\"only_bg_color_exclude\"/>\n        <t t-set=\"with_colors\" t-value=\"True\"/>\n        <t t-set=\"with_images\" t-value=\"False\"/>\n        <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n        <t t-set=\"with_gradients\" t-value=\"True\"/>\n    </t>\n\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"only_bg_image_selector\"/>\n        <t t-set=\"exclude\" t-value=\"only_bg_image_exclude\"/>\n        <t t-set=\"with_colors\" t-value=\"False\"/>\n        <t t-set=\"with_images\" t-value=\"True\"/>\n        <t t-set=\"with_videos\" t-value=\"True\"/>\n        <t t-set=\"with_shapes\" t-value=\"True\"/>\n    </t>\n\n    <!-- Grid mode columns -->\n    <div data-js=\"GridColumns\" data-selector=\".row:not(.s_col_no_resize) &gt; div\">\n        <we-row string=\"Padding (Y, X)\">\n            <we-input data-select-style=\"\" data-css-property=\"--grid-item-padding-y\" data-unit=\"px\" data-name=\"grid_padding_y_opt\"/>\n            <we-input data-select-style=\"\" data-css-property=\"--grid-item-padding-x\" data-unit=\"px\" data-name=\"grid_padding_x_opt\"/>\n        </we-row>\n    </div>\n\n    <!-- Border | Columns -->\n    <div data-js=\"Box\" data-selector=\"section .row &gt; div\" t-attf-data-exclude=\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_image_gallery .row &gt; div, .s_masonry_block .s_col_no_resize, .s_text_cover .row &gt; .o_not_editable, #{card_parent_handlers}\">\n        <t t-call=\"website.snippet_options_border_widgets\"/>\n        <t t-call=\"website.snippet_options_shadow_widgets\"/>\n    </div>\n\n    <div data-js=\"sizing_y\" data-selector=\"section, .row &gt; div, .parallax, .s_hr, .carousel-item, .s_rating\" data-exclude=\"section:has(&gt; .carousel), .s_image_gallery .carousel-item, .s_col_no_resize.row &gt; div, .s_col_no_resize\"/>\n\n    <div data-js=\"sizing_x\" data-selector=\".row &gt; div\" data-drop-near=\".row:not(.s_col_no_resize) &gt; div\" data-exclude=\".s_col_no_resize.row &gt; div, .s_col_no_resize\"/>\n\n    <div data-js=\"sizing_grid\" data-selector=\".row &gt; div\" data-drop-near=\".row.o_grid_mode &gt; div\" data-exclude=\".s_col_no_resize.row &gt; div, .s_col_no_resize\"/>\n\n    <t t-set=\"so_snippet_addition_selector\" t-translation=\"off\">section, .parallax, .s_hr</t>\n    <div id=\"so_snippet_addition\" t-att-data-selector=\"so_snippet_addition_selector\" data-drop-in=\":not(p).oe_structure:not(.oe_structure_solo), :not(.o_mega_menu):not(p)[data-oe-type=html], :not(p).oe_structure.oe_structure_solo:not(:has(&gt; section:not(.s_snippet_group), &gt; div:not(.o_hook_drop_zone)))\"/>\n        <!-- /!\\ drop-in here is partly duplicated for s_popup (see dedicated options) -->\n        <!-- TODO should be improved -->\n\n    <t t-set=\"so_content_addition_selector\" t-translation=\"off\">\n        blockquote, .s_alert, .o_facebook_page, .s_share, .s_social_media, .s_rating,\n        .s_hr, .s_google_map, .s_map, .s_countdown, .s_chart, .s_text_highlight, .s_progress_bar, .s_badge,\n        .s_embed_code, .s_donation, .s_add_to_cart, .s_online_appointment, .o_snippet_drop_in_only, .s_image, .s_cta_badge, .s_accordion\n    </t>\n\n    <t t-set=\"special_cards_selector\" t-valuef=\".s_card.s_timeline_card, div:is(#{card_parent_handlers}) &gt; .s_card\"/>\n\n    <div id=\"so_content_addition\" t-attf-data-selector=\"#{so_content_addition_selector}, .s_card\" t-attf-data-drop-near=\"p, h1, h2, h3, ul, ol, div:not(.o_grid_item_image) &gt; img, .btn, #{so_content_addition_selector}, .s_card:not(#{special_cards_selector})\" t-attf-data-exclude=\"#{special_cards_selector}\" data-drop-in=\"nav\"/>\n\n    <div data-js=\"SnippetSave\" data-selector=\"[data-snippet], a.btn\" t-attf-data-exclude=\".o_no_save, #{so_submit_button_selector}\">\n        <we-button class=\"fa fa-fw fa-save o_we_link o_we_hover_warning\" title=\"Save the block to use it elsewhere\" data-save-snippet=\"\" data-no-preview=\"true\"/>\n    </div>\n\n    <div data-js=\"menu_data\" data-selector=\".top_menu li &gt; a, [data-content_menu_id] li &gt; a\" data-exclude=\".dropdown-toggle, li.o_header_menu_button a, [data-toggle], .o_offcanvas_logo\" data-no-check=\"true\"/>\n\n    <div data-js=\"WebsiteLevelColor\" data-selector=\"#wrapwrap &gt; header\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-select string=\"Template\" data-variable=\"header-template\" data-default-variables=\"header-links-style: default\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button title=\"Default\" data-name=\"header_default_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_default\" data-customize-website-variable=\"'default'\" data-img=\"/website/static/src/img/snippets_options/header_template_default.svg\"/>\n            <we-button title=\"Hamburger menu\" data-name=\"header_hamburger_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_hamburger, website.no_autohide_menu\" data-customize-website-variable=\"'hamburger'\" data-img=\"/website/static/src/img/snippets_options/header_template_hamburger.svg\"/>\n            <we-button title=\"Rounded box menu\" data-name=\"header_boxed_opt\" data-trigger=\"over_content_header_visibility_opt\" data-customize-website-views=\"website.header_navbar_pills_style,website.template_header_boxed\" data-customize-website-variable=\"'boxed'\" data-customize-website-variables=\"header-links-style: pills\" data-img=\"/website/static/src/img/snippets_options/header_template_boxed.svg\"/>\n            <we-button title=\"Stretch menu\" data-name=\"header_stretch_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_stretch\" data-customize-website-variable=\"'stretch'\" data-img=\"/website/static/src/img/snippets_options/header_template_stretch.svg\"/>\n            <we-button title=\"Vertical\" data-name=\"header_vertical_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_vertical\" data-customize-website-variable=\"'vertical'\" data-img=\"/website/static/src/img/snippets_options/header_template_vertical.svg\"/>\n            <we-button title=\"Menu with Search bar\" data-name=\"header_search_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_search\" data-customize-website-variable=\"'search'\" data-img=\"/website/static/src/img/snippets_options/header_template_search.svg\"/>\n            <we-button title=\"Menu - Sales 1\" data-name=\"header_sales_one_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_one\" data-customize-website-variable=\"'sales_one'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_one.svg\"/>\n            <we-button title=\"Menu - Sales 2\" data-name=\"header_sales_two_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_two\" data-customize-website-variable=\"'sales_two'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_two.svg\"/>\n            <we-button title=\"Menu - Sales 3\" data-name=\"header_sales_three_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_three\" data-customize-website-variable=\"'sales_three'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_three.svg\"/>\n            <we-button title=\"Menu - Sales 4\" data-name=\"header_sales_four_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_four\" data-customize-website-variable=\"'sales_four'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_four.svg\"/>\n            <we-button title=\"Sidebar\" data-name=\"header_sidebar_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sidebar, website.no_autohide_menu\" data-customize-website-variable=\"'sidebar'\" data-img=\"/website/static/src/img/snippets_options/header_template_sidebar.svg\"/>\n        </we-select>\n\n        <!-- Header Sidebar Template - Options -->\n        <we-input string=\"Width\" class=\"o_we_sublevel_1\" data-dependencies=\"header_sidebar_opt\" data-customize-website-variable=\"null\" data-variable=\"sidebar-width\" data-unit=\"px\" data-save-unit=\"rem\"/>\n\n        <we-row string=\"Background\">\n            <we-colorpicker data-customize-website-color=\"\" data-color=\"menu\" data-customize-website-layer2-color=\"\" data-layer-color=\"menu-custom\" data-layer-gradient=\"menu-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_one_opt\" data-customize-website-color=\"\" data-color=\"header-sales_one\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_one-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_two_opt\" data-customize-website-color=\"\" data-color=\"header-sales_two\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_two-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_three_opt\" data-customize-website-color=\"\" data-color=\"header-sales_three\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_three-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_four_opt\" data-customize-website-color=\"\" data-color=\"header-sales_four\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_four-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n        </we-row>\n    </div>\n\n    <!-- Header - Borders & Shadows -->\n    <div data-js=\"HeaderBox\" id=\"option_header_shadow\" data-selector=\"#wrapwrap &gt; header:not(:has(.o_header_force_no_radius))\" data-target=\"nav\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <t t-call=\"website.snippet_options_header_box\"/>\n    </div>\n\n    <div data-js=\"HeaderBox\" id=\"option_header_shadow\" data-selector=\"#wrapwrap &gt; header:has(.o_header_force_no_radius)\" data-target=\"nav\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <t t-call=\"website.snippet_options_header_box\">\n            <t t-set=\"_no_border_radius\" t-value=\"True\"/>\n        </t>\n    </div>\n\n    <div data-selector=\"#wrapwrap &gt; header\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n\n        <we-select string=\"Scroll Effect\" data-dependencies=\"!header_sidebar_opt\" class=\"o_scroll_effects_selector\" data-variable=\"header-scroll-effect\">\n            <t t-set=\"header_effect_standard_label\">Standard</t>\n            <t t-set=\"header_effect_scroll_label\">Scroll</t>\n            <t t-set=\"header_effect_fixed_label\">Fixed</t>\n            <t t-set=\"header_effect_disappears_label\">Disappears</t>\n            <t t-set=\"header_effect_fadeout_label\">Fade Out</t>\n            <we-button id=\"option_header_visibility_standard\" t-att-data-select-label=\"header_effect_standard_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'standard'\" data-name=\"header_visibility_standard_opt\" data-select-class=\"o_header_standard\" data-customize-website-views=\"website.header_visibility_standard\" data-img=\"/website/static/src/img/snippets_options/header_effect_standard.png\">\n                <span t-esc=\"header_effect_standard_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_scroll\" t-att-data-select-label=\"header_effect_scroll_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'scroll'\" data-name=\"header_effect_scroll_opt\" data-select-class=\"\" data-customize-website-views=\"\" data-img=\"/website/static/src/img/snippets_options/header_effect_scroll.png\">\n                <span t-esc=\"header_effect_scroll_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_fixed\" t-att-data-select-label=\"header_effect_fixed_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'fixed'\" data-name=\"header_effect_fixed_opt\" data-select-class=\"o_header_fixed\" data-customize-website-views=\"website.header_visibility_fixed\" data-img=\"/website/static/src/img/snippets_options/header_effect_fixed.png\">\n                <span t-esc=\"header_effect_fixed_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_disappears\" t-att-data-select-label=\"header_effect_disappears_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'disappears'\" data-name=\"header_effect_disappears_opt\" data-select-class=\"o_header_disappears\" data-customize-website-views=\"website.header_visibility_disappears\" data-img=\"/website/static/src/img/snippets_options/header_effect_disappears.png\">\n                <span t-esc=\"header_effect_disappears_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_fade_out\" t-att-data-select-label=\"header_effect_fadeout_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'fade-out'\" data-name=\"header_effect_fade_out_opt\" data-select-class=\"o_header_fade_out\" data-customize-website-views=\"website.header_visibility_fade_out\" data-img=\"/website/static/src/img/snippets_options/header_effect_fade_out.png\">\n               <span t-esc=\"header_effect_fadeout_label\"/>\n            </we-button>\n        </we-select>\n    </div>\n\n    <div data-js=\"TopMenuVisibility\" data-selector=\"[data-main-object^='website.page('] #wrapwrap &gt; header\" data-no-check=\"true\">\n        <we-select string=\"Header Position\" data-no-preview=\"true\" data-dependencies=\"!header_sidebar_opt\">\n            <we-button data-name=\"over_content_header_visibility_opt\" data-visibility=\"transparent\">Over The Content</we-button>\n            <we-button data-name=\"regular_header_visibility_opt\" data-visibility=\"regular\">Regular</we-button>\n            <we-button data-visibility=\"hidden\">Hidden</we-button>\n        </we-select>\n    </div>\n\n    <div data-js=\"topMenuColor\" data-selector=\"[data-main-object^='website.page('] #wrapwrap &gt; header\" data-no-check=\"true\">\n        <we-colorpicker string=\"Background\" class=\"o_we_sublevel_1\" id=\"option_header_transparent_color\" data-select-style=\"true\" data-prevent-important=\"true\" data-css-property=\"background-color\" data-color-prefix=\"bg-\" data-excluded=\"theme, common\" data-page-option-name=\"header_color\"/>\n        <we-colorpicker string=\"Text Color\" class=\"o_we_sublevel_1\" id=\"option_header_transparent_text_color\" data-select-style=\"true\" data-css-property=\"color\" data-color-prefix=\"text-\" data-page-option-name=\"header_text_color\"/>\n    </div>\n\n    <div data-js=\"HeaderElements\" data-selector=\"#wrapwrap &gt; header\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-row string=\"Elements\" class=\"o_we_full_row align-items-start\">\n            <we-button title=\"Show/hide text element\" class=\"d-flex justify-content-center flex-grow-1\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_text.svg\" data-customize-website-views=\"website.header_text_element\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Show/hide language selector\" class=\"fa fa-flag d-flex justify-content-center flex-grow-1\" data-name=\"header_language_selector_opt\" data-customize-website-views=\"website.header_language_selector\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Show/hide search bar\" class=\"fa fa-search d-flex justify-content-center flex-grow-1\" data-customize-website-views=\"website.header_search_box\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Show/hide sign in button\" class=\"fa fa-sign-in d-flex justify-content-center flex-grow-1\" data-customize-website-views=\"portal.user_sign_in\" data-reload=\"/\" data-no-preview=\"true\"/>\n        </we-row>\n        <we-row string=\" \" class=\"o_we_full_row align-items-start mt-1\">\n            <we-button title=\"Show/hide social links\" class=\"flex-grow-1 d-flex justify-content-center\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_social.svg\" data-customize-website-views=\"website.header_social_links\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Show/hide button\" class=\"flex-grow-1 d-flex justify-content-center\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_cta.svg\" data-customize-website-views=\"website.header_call_to_action\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Show/hide logo\" class=\"flex-grow-1 d-flex justify-content-center\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_logo.svg\" data-customize-website-views=\"|website.option_header_brand_name|website.option_header_brand_logo\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n        </we-row>\n    </div>\n\n    <!-- Header > Navbar Options -->\n    <div data-js=\"HeaderNavbar\" data-selector=\"#wrapwrap &gt; header nav.navbar\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n\n        <we-select string=\"Mobile Alignment\" data-name=\"header_mobile_alignment_opt\" data-variable=\"hamburger-position-mobile\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"\" data-customize-website-variable=\"'left'\">Left</we-button>\n            <we-button data-customize-website-views=\"website.template_header_mobile_align_center, website.template_header_hamburger_mobile_align_center\" data-customize-website-variable=\"'center'\">Center</we-button>\n            <we-button data-customize-website-views=\"website.template_header_mobile_align_right, website.template_header_hamburger_mobile_align_right\" data-customize-website-variable=\"'right'\">Right</we-button>\n        </we-select>\n\n        <we-fontfamilypicker string=\"Font\" data-variable=\"navbar-font\"/>\n\n        <we-row string=\"Format\" class=\"o_we_header_font_row\">\n            <we-input data-customize-website-variable=\"null\" data-variable=\"header-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-colorpicker data-variable=\"header-text-color\" data-customize-website-variable=\"\"/>\n            <!-- Generic alignment option controling all the template at once. -->\n            <!-- Currently needed to be this way as the SCSS variable controls -->\n            <!-- the mobile alignement which is the same for all templates. -->\n            <we-select class=\"o_we_icon_select\" data-name=\"header_alignment_opt\" data-variable=\"hamburger-position\" data-reload=\"/\" title=\"Alignment\" data-dependencies=\"header_default_opt, header_hamburger_opt, header_boxed_opt, header_stretch_opt, header_search_opt, header_sales_one_opt, header_sales_two_opt, header_sales_four_opt, header_sidebar_opt\">\n                <we-button data-customize-website-views=\"\" data-customize-website-variable=\"'left'\" data-icon=\"fa-align-left\"/>\n                <we-button data-customize-website-views=\"website.template_header_default_align_center, website.template_header_boxed_align_center, website.template_header_stretch_align_center, website.template_header_search_align_center, website.template_header_sales_one_align_center, website.template_header_sales_two_align_center, website.template_header_sales_four_align_center, website.template_header_sidebar_align_center\" data-customize-website-variable=\"'center'\" data-icon=\"fa-align-center\" data-dependencies=\"!header_hamburger_opt\"/>\n                <we-button data-customize-website-views=\"website.template_header_default_align_right, website.template_header_hamburger_align_right, website.template_header_boxed_align_right, website.template_header_stretch_align_right, website.template_header_search_align_right, website.template_header_sales_one_align_right, website.template_header_sales_two_align_right, website.template_header_sales_four_align_right, website.template_header_sidebar_align_right\" data-customize-website-variable=\"'right'\" data-icon=\"fa-align-right\"/>\n            </we-select>\n        </we-row>\n\n        <we-select string=\"Links Style\" data-variable=\"header-links-style\" data-reload=\"/\" data-dependencies=\"!header_stretch_opt\">\n            <we-button data-name=\"option_header_navbar_links_default\" data-customize-website-views=\"\" data-customize-website-variable=\"'default'\">Default</we-button>\n            <we-button data-name=\"option_header_navbar_links_fill\" data-customize-website-views=\"website.header_navbar_pills_style\" data-customize-website-variable=\"'fill'\">Fill</we-button>\n            <we-button data-name=\"option_header_navbar_links_outline\" data-customize-website-views=\"\" data-customize-website-variable=\"'outline'\">Outline</we-button>\n            <we-button data-name=\"option_header_navbar_links_pills\" data-customize-website-views=\"website.header_navbar_pills_style\" data-customize-website-variable=\"'pills'\">Pills</we-button>\n            <we-button data-name=\"option_header_navbar_block\" data-customize-website-views=\"website.header_navbar_pills_style\" data-customize-website-variable=\"'block'\">Block</we-button>\n            <we-button data-name=\"option_header_navbar_border_bottom\" data-customize-website-views=\"\" data-customize-website-variable=\"'border-bottom'\">Border Bottom</we-button>\n        </we-select>\n\n        <we-select string=\"Additional colors\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"\">Default</we-button>\n            <we-button data-customize-website-views=\"website.template_header_additional_color_primary\">Primary</we-button>\n            <we-button data-customize-website-views=\"website.template_header_additional_color_secondary\">Secondary</we-button>\n        </we-select>\n\n        <we-select id=\"option_header_dropdown\" string=\"Sub Menus\" data-dependencies=\"!header_hamburger_opt\" data-no-preview=\"true\">\n            <we-button data-select-class=\"o_hoverable_dropdown\" data-customize-website-views=\"website.header_hoverable_dropdown\">On Hover</we-button>\n            <we-button data-select-class=\"\" data-name=\"header_dropdown_on_click_opt\">On Click</we-button>\n        </we-select>\n    </div>\n\n    <div data-selector=\"#wrapwrap &gt; header nav.navbar .o_header_language_selector\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-select string=\"Style\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"website.header_language_selector\">Dropdown</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector, website.header_language_selector_inline\">Inline</we-button>\n        </we-select>\n        <we-select string=\"Label\" class=\"o_we_sublevel_1\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button data-customize-website-views=\"\">Text</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_flag, website.header_language_selector_no_text\">Flag</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_flag\">Flag and Text</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_code, website.header_language_selector_no_text\">Code</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_flag, website.header_language_selector_code, website.header_language_selector_no_text\">Flag and Code</we-button>\n        </we-select>\n    </div>\n\n    <div data-selector=\"#wrapwrap &gt; header nav.navbar .navbar-brand\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-select string=\"Logo\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"\" data-name=\"option_header_brand_none\">None</we-button>\n            <we-button data-customize-website-views=\"website.option_header_brand_name\">Text</we-button>\n            <we-button data-customize-website-views=\"website.option_header_brand_logo\">Image</we-button>\n        </we-select>\n        <we-input string=\"Height\" class=\"o_we_sublevel_1\" data-dependencies=\"!option_header_brand_none\" data-customize-website-variable=\"null\" data-variable=\"logo-height\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        <we-input string=\"Height (Scrolled)\" class=\"o_we_sublevel_1\" data-name=\"option_logo_height_scrolled\" data-customize-website-variable=\"null\" data-variable=\"fixed-logo-height\" data-unit=\"px\" data-save-unit=\"rem\" data-dependencies=\"!header_effect_scroll_opt\"/>\n    </div>\n\n    <!-- Footer - Colors & Layouts -->\n    <div data-js=\"WebsiteLevelColor\" data-selector=\"#wrapwrap &gt; footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n\n        <!-- Layouts -->\n        <we-select string=\"Template\" data-variable=\"footer-template\" data-reload=\"/\">\n            <we-button title=\"Default\" data-customize-website-views=\"website.footer_custom\" data-customize-website-variable=\"'default'\" data-img=\"/website/static/src/img/snippets_options/footer_template_default.svg\"/>\n            <we-button title=\"Descriptive\" data-customize-website-views=\"website.template_footer_descriptive\" data-customize-website-variable=\"'descriptive'\" data-img=\"/website/static/src/img/snippets_options/footer_template_descriptive.svg\"/>\n            <we-button title=\"Centered\" data-customize-website-views=\"website.template_footer_centered\" data-customize-website-variable=\"'centered'\" data-img=\"/website/static/src/img/snippets_options/footer_template_centered.svg\"/>\n            <we-button title=\"Links\" data-customize-website-views=\"website.template_footer_links\" data-customize-website-variable=\"'links'\" data-img=\"/website/static/src/img/snippets_options/footer_template_links.svg\"/>\n            <we-button title=\"Minimalist\" data-customize-website-views=\"website.template_footer_minimalist\" data-customize-website-variable=\"'minimalist'\" data-img=\"/website/static/src/img/snippets_options/footer_template_minimalist.svg\"/>\n            <we-button title=\"Contact\" data-customize-website-views=\"website.template_footer_contact\" data-customize-website-variable=\"'contact'\" data-img=\"/website/static/src/img/snippets_options/footer_template_contact.svg\"/>\n            <we-button title=\"Call-to-action\" data-customize-website-views=\"website.template_footer_call_to_action\" data-customize-website-variable=\"'call_to_action'\" data-img=\"/website/static/src/img/snippets_options/footer_template_call_to_action.svg\"/>\n            <we-button title=\"Headline\" data-customize-website-views=\"website.template_footer_headline\" data-customize-website-variable=\"'headline'\" data-img=\"/website/static/src/img/snippets_options/footer_template_headline.svg\"/>\n        </we-select>\n        <!-- Colors -->\n        <we-colorpicker string=\"Colors\" data-customize-website-color=\"\" data-color=\"footer\" data-customize-website-layer2-color=\"\" data-layer-color=\"footer-custom\" data-layer-gradient=\"footer-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n        <we-select string=\"Slideout Effect\" data-variable=\"footer-effect\" data-reload=\"/\">\n            <we-button string=\"Regular\" data-customize-website-views=\"\" data-customize-website-variable=\"\"/>\n            <we-button string=\"Slide Hover\" data-customize-website-views=\"website.template_footer_slideout\" data-customize-website-variable=\"'slideout_slide_hover'\"/>\n            <we-button string=\"Shadow\" data-customize-website-views=\"website.template_footer_slideout\" data-customize-website-variable=\"'slideout_shadow'\"/>\n        </we-select>\n        <we-checkbox string=\"Copyright\" data-name=\"footer_copyright_opt\" data-customize-website-views=\"website.footer_no_copyright|\" data-no-preview=\"true\" data-reload=\"/\"/>\n    </div>\n\n    <!-- Footer - Borders & Shadows -->\n    <div data-js=\"Box\" data-selector=\"#wrapwrap &gt; footer\" data-target=\"#footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <t t-call=\"website.snippet_options_border_widgets\"/>\n        <t t-call=\"website.snippet_options_shadow_widgets\"/>\n    </div>\n\n    <!-- Scroll to Top -->\n    <div data-selector=\"#wrapwrap &gt; footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-row string=\"Scroll Top Button\">\n            <we-checkbox data-name=\"footer_scrolltop_opt\" data-customize-website-views=\"website.option_footer_scrolltop\" data-customize-website-variable=\"false|true\" data-variable=\"footer-scrolltop\" data-reload=\"/\"/>\n            <we-select data-dependencies=\"footer_scrolltop_opt\" data-apply-to=\"#o_footer_scrolltop_wrapper\">\n                <we-button string=\"Left\" data-select-class=\"justify-content-start\"/>\n                <we-button string=\"Center\" data-select-class=\"justify-content-center\"/>\n                <we-button string=\"Right\" data-select-class=\"justify-content-end\"/>\n            </we-select>\n        </we-row>\n    </div>\n\n    <div data-js=\"HideFooter\" data-selector=\"[data-main-object^='website.page('] #wrapwrap &gt; footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-checkbox string=\"Page Visibility\" data-name=\"hide_footer_page_opt\" data-visibility=\"hidden|shown\" data-no-preview=\"true\"/>\n    </div>\n\n    <!-- Copyright -->\n    <div data-js=\"WebsiteLevelColor\" data-selector=\".o_footer_copyright\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-colorpicker string=\"Colors\" data-customize-website-color=\"\" data-color=\"copyright\" data-customize-website-layer2-color=\"\" data-layer-color=\"copyright-custom\" data-layer-gradient=\"copyright-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n        <we-select data-name=\"footer_language_selector_opt\" string=\"Language Selector\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button data-name=\"language_selector_none_opt\" data-customize-website-views=\"\">None</we-button>\n            <we-button data-customize-website-views=\"portal.footer_language_selector\">Dropdown</we-button>\n            <we-button data-customize-website-views=\"portal.footer_language_selector, website.footer_language_selector_inline\">Inline</we-button>\n        </we-select>\n        <we-select data-name=\"footer_language_selector_label_opt\" string=\"Label\" class=\"o_we_sublevel_1\" data-dependencies=\"!language_selector_none_opt\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button data-customize-website-views=\"\">Text</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_flag, website.footer_language_selector_no_text\">Flag</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_flag\">Flag and Text</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_code, website.footer_language_selector_no_text\">Code</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_flag, website.footer_language_selector_code, website.footer_language_selector_no_text\">Flag and Code</we-button>\n        </we-select>\n    </div>\n\n    <!-- Anchor Name -->\n    <div data-js=\"anchor\" data-selector=\":not(p).oe_structure &gt; *, :not(p)[data-oe-type=html] &gt; *\" data-exclude=\".modal *, .oe_structure .oe_structure *, [data-oe-type=html] .oe_structure *, .s_popup\">\n        <we-button class=\"fa fa-fw fa-link o_we_link\" title=\"Create a link to target this section\" data-no-preview=\"true\"/>\n    </div>\n\n    <div data-js=\"anchor\" data-selector=\".s_popup\" data-target=\".modal\">\n    </div>\n\n    <!-- Mega Menu settings -->\n    <div data-js=\"MegaMenuLayout\" data-selector=\".o_mega_menu\">\n        <we-select string=\"Template\" data-name=\"mega_menu_template_opt\">\n            <t t-set=\"_label\">Multi Menus</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_multi_menus\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_multi_menus.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Image Menu</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_menu_image_menu\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_menu_image_menu.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Odoo Menu</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_odoo_menu\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_odoo_menu.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Little Icons</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_little_icons\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_little_icons.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Big Icons Subtitles</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_big_icons_subtitles\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_big_icons_subtitles.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Images Subtitles</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_images_subtitles\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_images_subtitles.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Logos</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_menus_logos\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_menus_logos.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Thumbnails</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_thumbnails\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_thumbnails.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Cards</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_cards\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_cards.svg\" t-out=\"_label\"/>\n        </we-select>\n        <we-select string=\"Size\">\n            <we-button data-select-class=\"\">Full-Width</we-button>\n            <we-button data-select-class=\"o_mega_menu_container_size\">Narrow</we-button>\n        </we-select>\n    </div>\n\n    <div data-js=\"MegaMenuNoDelete\" data-selector=\".o_mega_menu &gt; section\"/>\n\n    <div data-selector=\".o_mega_menu .nav &gt; .nav-link\" data-drop-in=\".o_mega_menu nav\" data-drop-near=\".o_mega_menu .nav-link\"/>\n\n    <div data-js=\"CoverProperties\" data-selector=\".o_record_cover_container\" data-no-check=\"true\">\n        <we-row string=\"Background\" class=\"o_we_full_row\">\n            <t t-call=\"web_editor.snippet_options_background_color_widget\">\n                <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n                <t t-set=\"with_gradients\" t-value=\"True\"/>\n            </t>\n            <we-button-group class=\"ms-auto\">\n                <we-imagepicker title=\"Image\" data-background=\"\" data-button-style=\"true\"/>\n                <we-button class=\"fa fa-fw fa-ban\" title=\"None\" data-background=\"\">\n                </we-button>\n            </we-button-group>\n        </we-row>\n        <we-select string=\"Size\" data-name=\"size_opt\" data-cover-opt-name=\"size\">\n            <we-button data-select-class=\"o_full_screen_height\">Full Screen</we-button>\n            <we-button class=\"o_record_cover_opt_size_default\" data-select-class=\"o_half_screen_height\">Half Screen</we-button>\n            <we-button data-select-class=\"cover_auto\">Fit text</we-button>\n        </we-select>\n        <we-select string=\"Filter Intensity\" data-name=\"filters_opt\" data-cover-opt-name=\"filters\">\n            <we-button data-filter-value=\"0.0\">None</we-button>\n            <we-button data-filter-value=\"0.2\">Low</we-button>\n            <we-button data-filter-value=\"0.4\">Medium</we-button>\n            <we-button data-filter-value=\"0.6\">High</we-button>\n        </we-select>\n        <we-select string=\"Text Alignment\" data-name=\"text_align_opt\" data-cover-opt-name=\"text_align\">\n            <we-button data-select-class=\"\">Left</we-button>\n            <we-button data-select-class=\"text-center\">Centered</we-button>\n            <we-button data-select-class=\"text-end\">Right</we-button>\n        </we-select>\n    </div>\n\n    <!-- Stretch section -->\n    <div data-js=\"ContainerWidth\" data-selector=\"section\" data-exclude=\"[data-snippet] :not(.oe_structure) &gt; [data-snippet]\" data-target=\"&gt; .container, &gt; .container-fluid, &gt; .o_container_small\">\n        <we-button-group string=\"Content Width\">\n            <we-button data-select-class=\"o_container_small\" data-img=\"/website/static/src/img/snippets_options/content_width_small.svg\" title=\"Small\"/>\n            <we-button data-select-class=\"container\" data-img=\"/website/static/src/img/snippets_options/content_width_normal.svg\" title=\"Regular\"/>\n            <we-button data-select-class=\"container-fluid\" data-img=\"/website/static/src/img/snippets_options/content_width_full.svg\" title=\"Full\"/>\n        </we-button-group>\n    </div>\n\n    <!-- Scroll to next section button (only for full height) -->\n    <div data-js=\"ScrollButton\" data-selector=\"section\" data-exclude=\"[data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_instagram_page\">\n        <!-- Min height of section -->\n        <we-button-group string=\"Height\" data-show-scroll-button=\"\">\n            <we-button data-name=\"minheight_auto_opt\" data-select-class=\"\" title=\"Fit content\">Auto</we-button>\n            <we-button data-select-class=\"o_half_screen_height\" title=\"Half screen\">50%</we-button>\n            <we-button data-select-class=\"o_full_screen_height\" title=\"Full screen\" data-name=\"full_height_opt\" data-show-scroll-button=\"true\">100%</we-button>\n        </we-button-group>\n\n        <we-input string=\"Height\" class=\"o_we_sublevel_1\" data-name=\"fixed_height_opt\" data-dependencies=\"minheight_auto_opt\" data-select-style=\"\" data-unit=\"px\" data-css-property=\"height\" data-force-style=\"\"/>\n            <!--    ↑ ↑ ↑\n            For this setting, we need to always force the style (= if the block\n            is naturally 800px tall and the user enters 800px for this setting,\n            we set 800px as inline style anyway). Indeed, this snippet's style\n            is based on the height that is forced but once the related public\n            widgets are started, the inner carousel items receive a min-height\n            which makes it so the snippet \"natural\" height is equal to the\n            initially forced height... so if the style is not forced, it would\n            ultimately be removed by mistake thinking it is not necessary.\n            Note: this is forced as not important as we still need the height to\n            be reset to 'auto' in mobile (generic css rules).\n            -->\n\n        <we-checkbox string=\"Scroll Down Button\" data-toggle-button=\"true\" data-no-preview=\"true\" data-dependencies=\"full_height_opt\" data-name=\"scroll_button_opt\"/>\n        <we-row string=\"Colors\" class=\"o_we_sublevel_1\">\n            <we-colorpicker data-select-style=\"true\" data-css-property=\"background-color\" data-color-prefix=\"bg-\" data-apply-to=\".o_scroll_button\" data-dependencies=\"scroll_button_opt\"/>\n            <we-colorpicker data-select-style=\"true\" data-css-property=\"color\" data-color-prefix=\"text-\" data-apply-to=\".o_scroll_button\" data-dependencies=\"scroll_button_opt\"/>\n        </we-row>\n        <we-select string=\"Spacing\" class=\"o_we_sublevel_1\" data-apply-to=\".o_scroll_button\" data-dependencies=\"scroll_button_opt\">\n            <we-button data-select-class=\"\">None</we-button>\n            <we-button data-select-class=\"mb-1\">Extra-Small</we-button>\n            <we-button data-select-class=\"mb-2\">Small</we-button>\n            <we-button data-select-class=\"mb-3\">Medium</we-button>\n            <we-button data-select-class=\"mb-4\">Large</we-button>\n            <we-button data-select-class=\"mb-5\">Extra-Large</we-button>\n        </we-select>\n    </div>\n\n    <t t-set=\"_device_visibility_widgets\">\n        <we-button class=\"o_we_device\" data-toggle-device-visibility=\"no_desktop\" title=\"Show/Hide on Desktop\" data-no-preview=\"true\" data-img=\"/website/static/src/img/snippets_options/desktop_invisible.svg\"/>\n        <we-button class=\"o_we_device\" data-toggle-device-visibility=\"no_mobile\" title=\"Show/Hide on Mobile\" data-no-preview=\"true\" data-img=\"/website/static/src/img/snippets_options/mobile_invisible.svg\"/>\n    </t>\n    <div data-js=\"ConditionalVisibility\" data-selector=\"section, .s_hr\">\n        <t t-set=\"current_website\" t-value=\"request.env['website'].get_current_website()\"/>\n        <we-collapse>\n            <we-row string=\"Visibility\">\n                <t t-out=\"_device_visibility_widgets\"/>\n                <we-select data-attribute-name=\"visibility\" data-no-preview=\"true\">\n                    <we-button data-select-data-attribute=\"\">No condition</we-button>\n                    <we-button data-select-data-attribute=\"conditional\" data-select-class=\"o_snippet_invisible\" data-name=\"visibility_conditional\">Conditionally</we-button>\n                </we-select>\n            </we-row>\n\n            <t t-if=\"request.geoip.country_code\">\n                <t t-call=\"website.snippet_options_conditional_visibility\">\n                    <t t-set=\"option_name\">Country</t>\n                    <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueCountryRule\"/>\n                    <t t-set=\"save_attribute\" t-valuef=\"visibilityValueCountry\"/>\n                    <t t-set=\"attribute_name\" t-valuef=\"data-country\"/>\n                    <t t-set=\"model\" t-valuef=\"res.country\"/>\n                    <t t-set=\"call_with\" t-valuef=\"code\"/>\n                    <t t-set=\"data_fields\" t-valuef=\"[&quot;code&quot;]\"/>\n                </t>\n            </t>\n            <t t-if=\"len(current_website.language_ids) &gt; 1\">\n                <t t-call=\"website.snippet_options_conditional_visibility\">\n                    <t t-set=\"option_name\">Languages</t>\n                    <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueLangRule\"/>\n                    <t t-set=\"save_attribute\" t-valuef=\"visibilityValueLang\"/>\n                    <t t-set=\"attribute_name\" t-valuef=\"lang\"/>\n                    <t t-set=\"model\" t-valuef=\"res.lang\"/>\n                    <t t-set=\"call_with\" t-valuef=\"code\"/>\n                    <t t-set=\"domain\" t-translation=\"off\">[[\"id\", \"in\", <t t-out=\"current_website.language_ids.ids\"/>]]</t>\n                    <t t-set=\"data_fields\" t-valuef=\"[&quot;code&quot;]\"/>\n                </t>\n            </t>\n            <t t-call=\"website.snippet_options_conditional_visibility\">\n                <t t-set=\"option_name\">UTM Campaign</t>\n                <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueUtmCampaignRule\"/>\n                <t t-set=\"save_attribute\" t-valuef=\"visibilityValueUtmCampaign\"/>\n                <t t-set=\"attribute_name\" t-valuef=\"data-utm-campaign\"/>\n                <t t-set=\"model\" t-valuef=\"utm.campaign\"/>\n                <t t-set=\"call_with\" t-valuef=\"display_name\"/>\n            </t>\n            <t t-call=\"website.snippet_options_conditional_visibility\">\n                <t t-set=\"option_name\">UTM Medium</t>\n                <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueUtmMediumRule\"/>\n                <t t-set=\"save_attribute\" t-valuef=\"visibilityValueUtmMedium\"/>\n                <t t-set=\"attribute_name\" t-valuef=\"data-utm-medium\"/>\n                <t t-set=\"model\" t-valuef=\"utm.medium\"/>\n                <t t-set=\"call_with\" t-valuef=\"display_name\"/>\n            </t>\n            <t t-call=\"website.snippet_options_conditional_visibility\">\n                <t t-set=\"option_name\">UTM Source</t>\n                <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueUtmSourceRule\"/>\n                <t t-set=\"save_attribute\" t-valuef=\"visibilityValueUtmSource\"/>\n                <t t-set=\"attribute_name\" t-valuef=\"data-utm-source\"/>\n                <t t-set=\"model\" t-valuef=\"utm.source\"/>\n                <t t-set=\"call_with\" t-valuef=\"display_name\"/>\n            </t>\n            <we-select string=\"Users\" class=\"o_we_sublevel_1\" data-dependencies=\"visibility_conditional\" data-attribute-name=\"data-logged\" data-save-attribute=\"visibilityValueLogged\" data-no-preview=\"true\" data-attribute-default-value=\"\">\n                <we-button data-select-value=\"true\">Visible for Logged In</we-button>\n                <we-button data-select-value=\"false\">Visible for Logged Out</we-button>\n                <we-button data-select-value=\"\">Visible for Everyone</we-button>\n            </we-select>\n        </we-collapse>\n    </div>\n\n    <!-- Mobile/Desktop display options -->\n    <div data-js=\"DeviceVisibility\" data-selector=\"section .row &gt; div\" data-exclude=\".s_col_no_resize.row &gt; div, .s_masonry_block .s_col_no_resize\">\n        <we-row string=\"Visibility\">\n            <t t-out=\"_device_visibility_widgets\"/>\n        </we-row>\n    </div>\n\n    <!-- Cookies Bar -->\n    <div data-selector=\"#website_cookies_bar\" data-js=\"CookiesBar\" data-target=\".modal\">\n        <we-select string=\"Layout\" class=\"o_we_inline\">\n            <we-button data-select-class=\"o_cookies_discrete\" data-select-layout=\"discrete\" data-trigger=\"position_bottom,s_popup_size_full\">Discrete</we-button>\n            <we-button data-select-class=\"o_cookies_classic\" data-select-layout=\"classic\" data-trigger=\"position_bottom,s_popup_size_full\">Classic</we-button>\n            <we-button data-name=\"layout_popup_opt\" data-select-class=\"o_cookies_popup\" data-select-layout=\"popup\" data-trigger=\"position_middle,s_popup_size_md\">Popup</we-button>\n        </we-select>\n    </div>\n\n    <!-- Image position in grid -->\n    <div data-js=\"GridImage\" data-selector=\"img\">\n        <we-select string=\"Position\">\n            <we-button data-change-grid-image-mode=\"cover\">Cover</we-button>\n            <we-button data-change-grid-image-mode=\"contain\">Contain</we-button>\n        </we-select>\n    </div>\n\n    <!-- Indicators: '.o_dot' and '.o_dot_line' -->\n    <t t-set=\"o_dot_color_selector\" t-valuef=\".s_timeline .s_timeline_row\"/>\n    <t t-set=\"o_dot_line_color_selector\" t-valuef=\".s_timeline\"/>\n\n    <div t-att-data-selector=\"o_dot_color_selector\">\n        <we-colorpicker string=\"Dot Color\" data-select-style=\"true\" data-css-property=\"color\" data-color-prefix=\"text-\" data-apply-to=\".o_dot\"/>\n    </div>\n    <div t-att-data-selector=\"o_dot_line_color_selector\">\n        <we-colorpicker string=\"Dot Lines Color\" data-select-style=\"true\" data-css-property=\"border-color\" data-color-prefix=\"border-\" data-apply-to=\".o_dot_line\"/>\n    </div>\n\n    <!-- Website Animate -->\n    <div data-js=\"WebsiteAnimate\" data-selector=\".o_animable, section .row &gt; div, img, .fa, .btn, .o_animated_text\" data-exclude=\"[data-oe-xpath], .o_not-animable, .s_col_no_resize.row &gt; div, .s_col_no_resize\" data-text-selector=\".o_animated_text\">\n        <!-- Animation mode -->\n        <we-row string=\"Animation\">\n            <we-select data-dependencies=\"!image_transform_opt\" data-is-animation-type-selection=\"true\" data-no-preview=\"true\">\n                <we-button data-animation-mode=\"\" data-select-class=\"\" data-name=\"no_animation_opt\">None</we-button>\n                <we-button data-animation-mode=\"onAppearance\" data-force-animation=\"true\" data-select-class=\"o_animate\" data-name=\"animation_on_appearance_opt\">On Appearance</we-button>\n                <we-button data-animation-mode=\"onScroll\" data-select-class=\"o_animate o_animate_on_scroll\" data-force-animation=\"true\" data-name=\"animation_on_scroll_opt\">On Scroll</we-button>\n                <we-button data-animation-mode=\"onHover\" data-select-class=\"o_animate_on_hover\" data-name=\"animation_on_hover_opt\">On Hover</we-button>\n            </we-select>\n            <we-button-group data-dependencies=\"animation_on_scroll_opt\" data-no-preview=\"true\" data-force-animation=\"true\">\n                <we-button data-select-class=\"\">In</we-button>\n                <we-button data-select-class=\"o_animate_out\">Out</we-button>\n            </we-button-group>\n        </we-row>\n        <!-- Effect -->\n        <we-select string=\"Effect\" class=\"o_we_sublevel_1\" data-name=\"animation_effect_opt\">\n            <we-button data-select-class=\"\" data-name=\"o_anim_no_effect_opt\" data-dependencies=\"no_animation_opt\">None</we-button>\n            <we-button data-select-class=\"o_anim_fade_in\" data-trigger=\"animation_direction_in_place_opt\">Fade</we-button>\n            <we-button data-select-class=\"o_anim_slide_in\" data-name=\"o_anim_slide_in_opt\" data-trigger=\"animation_direction_from_right_opt\">Slide</we-button>\n            <we-button data-select-class=\"o_anim_bounce_in\" data-trigger=\"animation_direction_in_place_opt\">Bounce</we-button>\n            <we-button data-select-class=\"o_anim_rotate_in\" data-name=\"o_anim_rotate_opt\" data-trigger=\"animation_direction_in_place_opt\">Rotate</we-button>\n            <we-button data-select-class=\"o_anim_zoom_out\" data-trigger=\"animation_direction_in_place_opt\">Zoom Out</we-button>\n            <we-button data-select-class=\"o_anim_zoom_in\" data-trigger=\"animation_direction_in_place_opt\">Zoom In</we-button>\n            <we-button data-select-class=\"o_anim_flash\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Flash</we-button>\n            <we-button data-select-class=\"o_anim_pulse\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Pulse</we-button>\n            <we-button data-select-class=\"o_anim_shake\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Shake</we-button>\n            <we-button data-select-class=\"o_anim_tada\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Tada</we-button>\n            <we-button data-select-class=\"o_anim_flip_in_x\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Flip-In-X</we-button>\n            <we-button data-select-class=\"o_anim_flip_in_y\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Flip-In-Y</we-button>\n        </we-select>\n        <!-- Direction -->\n        <we-select string=\"Direction\" class=\"o_we_sublevel_1\" data-name=\"animation_direction_opt\" data-force-animation=\"true\">\n            <we-button data-select-class=\"\" data-name=\"animation_direction_in_place_opt\" data-dependencies=\"!o_anim_slide_in_opt\">In Place</we-button>\n            <we-button data-select-class=\"o_anim_from_right\" data-name=\"animation_direction_from_right_opt\" data-dependencies=\"!o_anim_rotate_opt\">From Right</we-button>\n            <we-button data-select-class=\"o_anim_from_left\" data-dependencies=\"!o_anim_rotate_opt\">From Left</we-button>\n            <we-button data-select-class=\"o_anim_from_bottom\" data-dependencies=\"!o_anim_rotate_opt\">From Bottom</we-button>\n            <we-button data-select-class=\"o_anim_from_top\" data-dependencies=\"!o_anim_rotate_opt\">From Top</we-button>\n            <we-button data-select-class=\"o_anim_from_top_right\" data-dependencies=\"o_anim_rotate_opt\">From Top Right</we-button>\n            <we-button data-select-class=\"o_anim_from_top_left\" data-dependencies=\"o_anim_rotate_opt\">From Top Left</we-button>\n            <we-button data-select-class=\"o_anim_from_bottom_right\" data-dependencies=\"o_anim_rotate_opt\">From Bottom Right</we-button>\n            <we-button data-select-class=\"o_anim_from_bottom_left\" data-dependencies=\"o_anim_rotate_opt\">From Bottom Left</we-button>\n        </we-select>\n        <!-- Trigger -->\n        <we-select string=\"Trigger\" class=\"o_we_sublevel_1\" data-dependencies=\"animation_on_appearance_opt\" data-name=\"animation_trigger_opt\">\n            <we-button data-select-class=\"\">First Time Only</we-button>\n            <we-button data-select-class=\"o_animate_both_scroll\">Every Time</we-button>\n        </we-select>\n        <!-- Intensity -->\n        <we-range string=\"Intensity\" class=\"o_we_sublevel_1\" data-name=\"animation_intensity_opt\" data-animation-intensity=\"\" data-min=\"1\" data-max=\"100\" data-step=\"1\" data-display-range-value=\"true\" data-no-preview=\"true\"/>\n        <!-- Scroll Zone -->\n        <we-row string=\"Scroll Zone\" class=\"o_we_sublevel_1\">\n            <we-input data-unit=\"%\" data-step=\"1\" data-dependencies=\"animation_on_scroll_opt\" data-no-preview=\"true\" data-select-data-attribute=\"\" data-attribute-name=\"scrollZoneStart\" data-force-animation=\"true\"/>\n            <span class=\"mx-2\">to</span>\n            <we-input data-unit=\"%\" data-step=\"1\" data-dependencies=\"animation_on_scroll_opt\" data-no-preview=\"true\" data-select-data-attribute=\"\" data-attribute-name=\"scrollZoneEnd\" data-force-animation=\"true\"/>\n        </we-row>\n        <!-- Start After -->\n        <we-input string=\"Start After\" class=\"o_we_sublevel_1 o_we_small_input\" data-dependencies=\"animation_on_appearance_opt\" data-name=\"animation_delay_opt\" data-select-style=\"0s\" data-css-property=\"animation-delay\" data-unit=\"s\"/>\n        <!-- Duration -->\n        <we-input string=\"Duration\" class=\"o_we_sublevel_1 o_we_small_input\" data-dependencies=\"animation_on_appearance_opt\" data-select-style=\"0.4s\" data-css-property=\"animation-duration\" data-unit=\"s\"/>\n    </div>\n\n    <!-- Text highlight effects -->\n    <div data-js=\"TextHighlight\" data-selector=\".o_text_highlight\" data-text-selector=\".o_text_highlight\">\n        <!-- Text highlight style -->\n        <we-select string=\"Highlight\" data-name=\"text_highlight_opt\" class=\"o_we_select_grid\">\n            <div class=\"grid gap-0\">\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_underline\" data-set-text-highlight=\"underline\" data-select-label=\"Underline\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_freehand_1\" data-set-text-highlight=\"freehand_1\" data-select-label=\"Freehand 1\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_freehand_2 o_text_highlight_fill\" data-set-text-highlight=\"freehand_2\" data-select-label=\"Freehand 2\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_freehand_3 o_text_highlight_fill\" data-set-text-highlight=\"freehand_3\" data-select-label=\"Freehand 3\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_double\" data-set-text-highlight=\"double\" data-select-label=\"Double\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_wavy\" data-set-text-highlight=\"wavy\" data-select-label=\"Wavy\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_circle_1\" data-set-text-highlight=\"circle_1\" data-select-label=\"Circle 1\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_circle_2 o_text_highlight_fill\" data-set-text-highlight=\"circle_2\" data-select-label=\"Circle 2\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_circle_3 o_text_highlight_fill\" data-set-text-highlight=\"circle_3\" data-select-label=\"Circle 3\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_over_underline\" data-set-text-highlight=\"over_underline\" data-select-label=\"Over And Underline\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_scribble_1\" data-set-text-highlight=\"scribble_1\" data-select-label=\"Scribble 1\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_scribble_2 o_text_highlight_fill\" data-set-text-highlight=\"scribble_2\" data-select-label=\"Scribble 2\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_scribble_3 o_text_highlight_fill\" data-set-text-highlight=\"scribble_3\" data-select-label=\"Scribble 3\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_scribble_4 o_text_highlight_fill\" data-set-text-highlight=\"scribble_4\" data-select-label=\"Scribble 4\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_jagged\" data-set-text-highlight=\"jagged\" data-select-label=\"Jagged\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_cross\" data-set-text-highlight=\"cross\" data-select-label=\"Cross\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_diagonal\" data-set-text-highlight=\"diagonal\" data-select-label=\"Diagonal\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_strikethrough\" data-set-text-highlight=\"strikethrough\" data-select-label=\"Strikethrough\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_bold o_text_highlight_fill\" data-set-text-highlight=\"bold\" data-select-label=\"Bold\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_bold_1 o_text_highlight_fill\" data-set-text-highlight=\"bold_1\" data-select-label=\"Bold 1\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_bold_2 o_text_highlight_fill\" data-set-text-highlight=\"bold_2\" data-select-label=\"Bold 2\"/>\n            </div>\n        </we-select>\n        <!-- Text highlight color -->\n        <we-colorpicker string=\"Color\" class=\"o_we_sublevel_1\" data-dependencies=\"text_highlight_opt\" data-css-property=\"--text-highlight-color\" data-select-style=\"\"/>\n        <!-- Text highlight thickness -->\n        <we-input string=\"Thickness\" class=\"o_we_sublevel_1 o_we_small_input\" data-dependencies=\"text_highlight_opt\" data-css-property=\"--text-highlight-width\" data-select-style=\"\" data-unit=\"px\"/>\n    </div>\n\n    <!-- Theme options -->\n    <div data-js=\"ThemeColors\" data-selector=\"theme-colors\" data-no-check=\"true\">\n        <we-alert class=\"o_old_color_system_warning d-none mt-2\">\n            It appears your website is still using the old color system of\n            Odoo 13.0 in some places. We made sure it is still working but\n            we recommend you to try to use the new color system, which is\n            still customizable.\n        </we-alert>\n        <we-row class=\"o_we_theme_colors_selector\">\n            <div class=\"o_we_theme_colors_selector_group\">\n                <we-title>Main</we-title>\n                <we-colorpicker data-name=\"color_1_opt\" title=\"Primary\" data-customize-website-color=\"\" data-color=\"o-color-1\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n                <we-colorpicker data-name=\"color_2_opt\" title=\"Secondary\" data-customize-website-color=\"\" data-color=\"o-color-2\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n                <we-colorpicker data-customize-website-color=\"\" data-color=\"o-color-3\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n            </div>\n            <div class=\"o_we_theme_colors_selector_group\">\n                <we-title>Light &amp; Dark</we-title>\n                <we-colorpicker data-customize-website-color=\"\" data-color=\"o-color-4\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n                <we-colorpicker data-customize-website-color=\"\" data-color=\"o-color-5\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n            </div>\n            <we-select data-img=\"/website/static/src/img/snippets_options/palette.svg\" class=\"o_we_theme_colors_select\" data-variable=\"color-palettes-name\"/>\n        </we-row>\n        <we-collapse class=\"o_we_theme_presets_collapse\" string=\"Color Presets\">\n        </we-collapse>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"website-settings\" data-no-check=\"true\">\n        <we-row string=\"Theme\" groups=\"base.group_system\">\n            <we-button data-switch-theme=\"\" data-no-preview=\"true\" class=\"o_we_bg_brand_primary\">Switch Theme</we-button>\n        </we-row>\n        <we-row string=\"Language\">\n            <we-button data-add-language=\"\" data-no-preview=\"true\" class=\"o_we_bg_brand_primary\">Add a Language</we-button>\n        </we-row>\n        <we-select string=\"Page Layout\" data-variable=\"layout\">\n            <we-button data-customize-website-variable=\"'full'\" data-name=\"layout_full_opt\">Full</we-button>\n            <we-button data-customize-website-variable=\"'boxed'\">Boxed</we-button>\n            <we-button data-customize-website-variable=\"'framed'\">Framed</we-button>\n            <we-button data-customize-website-variable=\"'postcard'\">Postcard</we-button>\n        </we-select>\n        <we-row string=\"Background\" class=\"o_we_sublevel_1\" data-no-preview=\"true\">\n            <we-colorpicker data-dependencies=\"!layout_full_opt\" data-customize-website-color=\"\" data-color=\"body\"/>\n            <we-button-group data-imagepicker=\"body_bg_image_opt\">\n                <we-button title=\"Image\" class=\"fa fa-fw fa-camera\" data-customize-body-bg-type=\"'image'\"/>\n                <we-button title=\"Pattern\" class=\"fa fa-fw fa-th\" data-customize-body-bg-type=\"'pattern'\"/>\n                <we-button title=\"None\" class=\"fa fa-fw fa-ban\" data-customize-body-bg-type=\"NONE\"/>\n            </we-button-group>\n            <!-- Hidden imagepicker enabled by above button-group -->\n            <we-imagepicker data-name=\"body_bg_image_opt\" data-customize-body-bg=\"\"/>\n        </we-row>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-paragraph\" data-no-check=\"true\">\n        <we-collapse>\n            <we-input string=\"Font Size\" data-customize-website-variable=\"null\" data-variable=\"font-size-base\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Small\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" data-variable=\"small-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-fontfamilypicker string=\"Font Family\" data-variable=\"font\"/>\n        <!-- \"× \": \\u00D7\\u2000 -->\n        <we-input string=\"Line Height\" data-customize-website-variable=\"null\" data-variable=\"body-line-height\" data-fake-unit=\"× \"/>\n        <we-row string=\"Margins\">\n            <we-input title=\"Top\" data-customize-website-variable=\"\" data-variable=\"paragraph-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n            <we-input title=\"Bottom\" data-customize-website-variable=\"\" data-variable=\"paragraph-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n        </we-row>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-headings\" data-no-check=\"true\">\n        <t t-set=\"heading_label\">Heading</t>\n        <t t-set=\"display_label\">Display</t>\n        <we-collapse>\n            <we-input string=\"Font Size\" title=\"Heading 1\" data-customize-website-variable=\"null\" data-variable=\"h1-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"h#{depth}-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </t>\n            <!-- We don't use `display-font-sizes.5` and `display-font-sizes.6` -->\n            <t t-set=\"used_display_font_sizes\" t-value=\"[1, 2, 3, 4]\"/>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"display-#{depth}-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <we-row string=\"Font Family\" title=\"Heading 1\">\n                <we-fontfamilypicker data-variable=\"headings-font\"/>\n                <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Reset to Paragraph Font Family\" data-customize-website-variable=\"\" data-variable=\"headings-font\" data-remove-font=\"set-headings-font\" data-no-preview=\"true\"/>\n            </we-row>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-fontfamilypicker t-attf-data-variable=\"h#{depth}-font\"/>\n                    <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Reset to Headings Font Family\" data-customize-website-variable=\"\" t-attf-data-variable=\"h#{depth}-font\" t-attf-data-remove-font=\"set-h#{depth}-font\" data-no-preview=\"true\"/>\n                </we-row>\n            </t>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-fontfamilypicker t-attf-data-variable=\"display-#{depth}-font\"/>\n                    <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Reset to Headings Font Family\" data-customize-website-variable=\"\" t-attf-data-variable=\"display-#{depth}-font\" t-attf-data-remove-font=\"set-display-#{depth}-font\" data-no-preview=\"true\"/>\n                </we-row>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <!-- \"× \": \\u00D7\\u2000 -->\n            <we-input string=\"Line Height\" title=\"Heading 1\" data-customize-website-variable=\"null\" data-variable=\"headings-line-height\" data-fake-unit=\"× \"/>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"h#{depth}-line-height\" data-fake-unit=\"× \"/>\n            </t>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"display-#{depth}-line-height\" data-fake-unit=\"× \"/>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <we-row string=\"Margins\" title=\"Heading 1\">\n                <we-input title=\"Top\" data-customize-website-variable=\"\" data-variable=\"headings-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n                <we-input title=\"Bottom\" data-customize-website-variable=\"\" data-variable=\"headings-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n            </we-row>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-input title=\"Top\" data-customize-website-variable=\"\" t-attf-data-variable=\"h#{depth}-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n                    <we-input title=\"Bottom\" data-customize-website-variable=\"\" t-attf-data-variable=\"h#{depth}-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n                </we-row>\n            </t>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-input title=\"Top\" data-customize-website-variable=\"\" t-attf-data-variable=\"display-#{depth}-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n                    <we-input title=\"Bottom\" data-customize-website-variable=\"\" t-attf-data-variable=\"display-#{depth}-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n                </we-row>\n            </t>\n        </we-collapse>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-button\" data-no-check=\"true\">\n        <we-select string=\"Primary Style\" data-button=\"primary\" data-no-preview=\"true\">\n            <we-button data-customize-button-style=\"fill\">Fill</we-button>\n            <we-button data-customize-button-style=\"outline\" data-name=\"btn_primary_outline_opt\">Outline</we-button>\n            <we-button data-customize-button-style=\"flat\">Flat</we-button>\n        </we-select>\n        <we-input string=\"Border Width\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-primary-outline-border-width\" data-dependencies=\"btn_primary_outline_opt\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        <we-select string=\"Secondary Style\" data-button=\"secondary\" data-no-preview=\"true\">\n            <we-button data-customize-button-style=\"fill\">Fill</we-button>\n            <we-button data-customize-button-style=\"outline\" data-name=\"btn_secondary_outline_opt\">Outline</we-button>\n            <we-button data-customize-button-style=\"flat\">Flat</we-button>\n        </we-select>\n        <we-input string=\"Border Width\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-secondary-outline-border-width\" data-dependencies=\"btn_secondary_outline_opt\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        <we-row string=\"Font Family\">\n            <we-fontfamilypicker data-variable=\"buttons-font\"/>\n            <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Reset to Paragraph Font Family\" data-customize-website-variable=\"\" data-variable=\"buttons-font\" data-remove-font=\"set-buttons-font\" data-no-preview=\"true\"/>\n        </we-row>\n        <we-collapse>\n            <we-row string=\"Padding\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"btn-padding-y\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"btn-padding-x\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Small\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"btn-padding-y-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"btn-padding-x-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Large\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"btn-padding-y-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"btn-padding-x-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Font Size\" data-customize-website-variable=\"\" data-variable=\"btn-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Small\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-font-size-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Large\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-font-size-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Round Corners\" data-customize-website-variable=\"\" data-variable=\"btn-border-radius\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Small\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-border-radius-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Large\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-border-radius-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-select string=\"On Click Effect\" data-variable=\"btn-ripple\">\n            <we-button data-customize-website-variable=\"false\">None</we-button>\n            <we-button data-customize-website-variable=\"true\" data-customize-website-assets=\"website.ripple_effect_scss, website.ripple_effect_js\">Ripple</we-button>\n        </we-select>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-link\" data-no-check=\"true\">\n        <we-select string=\"Link Style\" data-variable=\"link-underline\">\n            <we-button data-customize-website-variable=\"'never'\">No Underline</we-button>\n            <we-button data-customize-website-variable=\"'hover'\">Underline On Hover</we-button>\n            <we-button data-customize-website-variable=\"'always'\">Always Underline</we-button>\n        </we-select>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-input\" data-no-check=\"true\">\n        <we-collapse>\n            <we-row string=\"Paddings\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"input-padding-y\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"input-padding-x\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Small\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"input-padding-y-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"input-padding-x-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Large\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"input-padding-y-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"input-padding-x-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Font Size\" data-customize-website-variable=\"\" data-variable=\"input-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Small\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-font-size-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Large\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-font-size-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Border Width\" data-customize-website-variable=\"\" data-variable=\"input-border-width\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Border Radius\" data-customize-website-variable=\"\" data-variable=\"input-border-radius\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Small\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-border-radius-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Large\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-border-radius-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-row string=\"Background\">\n            <we-colorpicker title=\"Background\" data-no-transparency=\"true\" data-customize-website-color=\"\" data-color=\"input\"/>\n        </we-row>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-advanced\" data-no-check=\"true\">\n        <we-checkbox string=\"Show Header\" data-customize-website-views=\"website.option_layout_hide_header|\" data-reload=\"/\"/>\n        <we-row string=\"Code Injection\" title=\"Enter code that will be added into every page of your site\">\n            <we-button data-no-preview=\"true\" data-open-custom-code-dialog=\"head\">&amp;lt;head&amp;gt; and &amp;lt;/body&amp;gt;</we-button>\n        </we-row>\n        <we-row string=\"Google Map\">\n            <we-button data-configure-api-key=\"\" data-no-preview=\"true\">Custom Key</we-button>\n        </we-row>\n        <we-row string=\"Status Colors\">\n            <we-colorpicker title=\"Success\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"success\" data-selected-tab=\"custom-colors\"/>\n            <we-colorpicker title=\"Info\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"info\" data-selected-tab=\"custom-colors\"/>\n            <we-colorpicker title=\"Warning\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"warning\" data-selected-tab=\"custom-colors\"/>\n            <we-colorpicker title=\"Error\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"danger\" data-selected-tab=\"custom-colors\"/>\n        </we-row>\n        <we-collapse>\n            <we-row string=\"Grays\" class=\"o_we_gray_preview o_we_collapse_toggler\">\n                <t t-foreach=\"9\" t-as=\"i\">\n                    <t t-set=\"grayCode\" t-value=\"str((9 - i) * 100)\"/>\n                    <span t-attf-title=\"Gray #{grayCode}\" t-attf-variable=\"#{grayCode}\" t-attf-class=\"o_we_user_value_widget o_we_gray_preview bg-#{grayCode}\"/>\n                </t>\n            </we-row>\n            <we-range string=\"Hue\" class=\"o_we_sublevel_1 o_we_slider_tint\" data-customize-gray=\"\" data-param=\"gray-hue\" data-min=\"0\" data-max=\"359.9\" data-step=\"0.1\"/>\n            <we-range string=\"Saturation\" class=\"o_we_sublevel_1\" data-customize-gray=\"\" data-param=\"gray-extra-saturation\" data-step=\"0.1\"/>\n        </we-collapse>\n    </div>\n    <!-- Info page ('/website/info') -->\n    <div data-selector=\"main:has(.o_website_info)\" data-page-options=\"true\" groups=\"website.group_website_designer\" data-no-check=\"true\" string=\"Info Page\">\n        <we-checkbox string=\"Odoo Information\" data-customize-website-views=\"website.show_website_info\" data-no-preview=\"true\" data-reload=\"/\"/>\n    </div>\n    <div data-js=\"SwitchableViews\" data-selector=\"#wrapwrap &gt; main\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n            <!-- Options will be populated by JS -->\n    </div>\n\n    </xpath>\n<xpath expr=\".\" position=\"attributes\"><attribute name=\"t-name\">website.snippet_options</attribute></xpath></data>", "es_ES": "<data inherit_id=\"web_editor.snippet_options\" primary=\"True\">\n    <!-- =================================================================== -->\n    <!-- Modify generic snippet options                                      -->\n    <!-- =================================================================== -->\n\n    <xpath expr=\"//we-button[@data-name='image_transform_opt']\" position=\"attributes\">\n        <attribute name=\"data-dependencies\">no_animation_opt</attribute>\n    </xpath>\n\n    <!-- Hover effects options -->\n    <xpath expr=\"//div[@data-js='ImageTools']\" position=\"inside\">\n        <div id=\"o_hover_effects_options\">\n            <we-select string=\"Efecto\" class=\"o_we_sublevel_1\" data-attribute-name=\"hoverEffect\" data-set-img-shape-hover-effect=\"true\">\n                <we-button data-select-data-attribute=\"\" data-name=\"hover_effect_none_opt\">Ninguno</we-button>\n                <we-button data-select-data-attribute=\"overlay\" data-name=\"hover_effect_overlay_opt\">Superponer</we-button>\n                <we-button data-select-data-attribute=\"image_zoom_in\" data-name=\"hover_effect_zoom_in_opt\">Acercar</we-button>\n                <we-button data-select-data-attribute=\"image_zoom_out\" data-name=\"hover_effect_zoom_out_opt\">Alejar</we-button>\n                <we-button data-select-data-attribute=\"dolly_zoom\" data-name=\"hover_effect_dolly_zoom_opt\">Efecto vértigo</we-button>\n                <we-button data-select-data-attribute=\"outline\" data-name=\"hover_effect_outline_opt\">Esquema</we-button>\n                <we-button data-select-data-attribute=\"image_mirror_blur\" data-name=\"hover_effect_mirror_blur_opt\">Desenfoque en espejo</we-button>\n            </we-select>\n            <we-range string=\"Intensidad\" class=\"o_we_sublevel_2\" data-select-data-attribute=\"\" data-attribute-name=\"hoverEffectIntensity\" data-dependencies=\"hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_mirror_blur_opt, hover_effect_dolly_zoom_opt\" data-min=\"1\" data-max=\"100\" data-step=\"1\" data-display-range-value=\"true\" data-no-preview=\"true\"/>\n            <we-colorpicker string=\"Color\" class=\"o_we_sublevel_2\" data-set-hover-effect-color=\"true\" data-excluded=\"theme, common\" data-dependencies=\"hover_effect_dolly_zoom_opt, hover_effect_overlay_opt, hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_outline_opt\" data-no-preview=\"true\" data-name=\"hover_effect_color_opt\"/>\n            <we-input string=\"Ancho del trazo\" class=\"o_we_sublevel_2\" data-select-data-attribute=\"\" data-attribute-name=\"hoverEffectStrokeWidth\" data-step=\"1\" data-min=\"1\" data-unit=\"px\" data-dependencies=\"hover_effect_outline_opt\" data-no-preview=\"true\"/>\n        </div>\n    </xpath>\n\n     <!-- Version control -->\n    <xpath expr=\"//t[@t-call='web_editor.snippet_options_version_control']\" position=\"replace\">\n        <!-- General selector defining the parent elements of s_card snippets on\n             which the s_card options should be bound (instead of the s_card).\n             Note: defined here to be set above all the other options that might\n             need it. -->\n        <t t-set=\"card_parent_handlers\" t-value=\"'.s_three_columns .row &gt; div, .s_comparisons .row &gt; div, .s_cards_grid .row &gt; div, .s_cards_soft .row &gt; div, .s_product_list .row &gt; div'\"/>\n\n        <!-- Binding the option on the snippet if it is not a s_card with a\n             handler parent -->\n        <t t-call=\"web_editor.snippet_options_version_control\">\n            <t t-set=\"selector\" t-value=\"'[data-snippet]'\"/>\n            <t t-set=\"exclude\" t-valuef=\"div:is(#{card_parent_handlers}) &gt; .s_card\"/>\n        </t>\n\n        <!-- Binding the option on the s_card handler parent -->\n        <t t-call=\"web_editor.snippet_options_version_control\">\n            <t t-set=\"selector\" t-valuef=\"#{card_parent_handlers}\"/>\n            <t t-set=\"target\" t-value=\"'&gt; .s_card'\"/>\n        </t>\n    </xpath>\n\n    <!-- Font Awesome icons -->\n    <xpath expr=\"//div[@data-js='FontawesomeTools']\" position=\"inside\">\n        <t t-call=\"website.snippet_options_border_line_widgets\">\n            <t t-set=\"label\">Borde</t>\n            <t t-set=\"with_bs_class\" t-value=\"True\"/>\n        </t>\n    </xpath>\n\n    <!-- =================================================================== -->\n    <!-- Adding website specific snippet options                             -->\n    <!-- =================================================================== -->\n\n    <xpath expr=\".\" position=\"inside\">\n\n    <!-- H-ALIGN -->\n    <div id=\"so_text_align\" data-selector=\".s_share, .s_text_highlight, .s_social_media\">\n        <we-button-group string=\"Alineación\">\n            <we-button class=\"fa fa-fw fa-align-left\" title=\"Izquierda\" data-select-class=\"text-start\"/>\n            <we-button class=\"fa fa-fw fa-align-center\" title=\"Centro\" data-select-class=\"text-center\"/>\n            <we-button class=\"fa fa-fw fa-align-right\" title=\"Derecha\" data-select-class=\"text-end\"/>\n        </we-button-group>\n    </div>\n\n    <div data-selector=\".s_share, .s_social_media\">\n        <we-select string=\"Posición del título\" data-apply-to=\".s_share_title, .s_social_media_title\">\n            <we-button data-select-class=\"d-block\">Arriba</we-button>\n            <we-button data-select-class=\"\">Izquierda</we-button>\n            <we-button data-select-class=\"d-none\">Ninguno</we-button>\n        </we-select>\n        <we-select string=\"Diseño\" data-apply-to=\".fa\">\n            <we-button data-select-class=\"rounded shadow-sm\">Cuadrado</we-button>\n            <we-button data-select-class=\"rounded-empty-circle shadow-sm\">Círculo</we-button>\n            <we-button data-select-class=\"rounded-circle shadow-sm\">Disco</we-button>\n            <we-button data-select-class=\"fa-stack\">Ninguno</we-button>\n        </we-select>\n        <we-select string=\"Tamaño\" data-apply-to=\".fa\">\n            <we-button data-select-class=\"\">Pequeño</we-button>\n            <we-button data-select-class=\"fa-2x\">Medio</we-button>\n            <we-button data-select-class=\"fa-3x\">Grande</we-button>\n        </we-select>\n        <!-- Compatibility, keep reverse logical, don't use `icon_color` -->\n        <we-checkbox string=\"Color\" data-select-class=\"no_icon_color|\"/>\n    </div>\n\n    <div id=\"so_width\" data-selector=\".s_alert, .s_blockquote, .s_text_highlight\">\n        <we-select string=\"Ancho\">\n            <we-button data-select-class=\"w-25\">25%</we-button>\n            <we-button data-select-class=\"w-50\">50%</we-button>\n            <we-button data-select-class=\"w-75\">75%</we-button>\n            <we-button data-select-class=\"w-100\" data-name=\"so_width_100\">100%</we-button>\n        </we-select>\n    </div>\n\n    <div id=\"so_block_align\" data-selector=\".s_alert, .s_blockquote, .s_text_highlight\">\n        <we-button-group string=\"Alineación\" data-dependencies=\"!so_width_100\">\n            <we-button class=\"fa fa-fw fa-align-left\" title=\"Izquierda\" data-select-class=\"me-auto\"/>\n            <we-button class=\"fa fa-fw fa-align-center\" title=\"Centro\" data-select-class=\"mx-auto\"/>\n            <we-button class=\"fa fa-fw fa-align-right\" title=\"Derecha\" data-select-class=\"ms-auto\"/>\n        </we-button-group>\n    </div>\n\n    <!-- Carousel | .s_carousel | .s_quotes_carousel -->\n    <!-- Dedicated colorpicker so that there is not 3 level of\n         o_colored_level. Use inline-style color for the same reason. -->\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"'section'\"/>\n        <t t-set=\"target\" t-value=\"'&gt; .carousel'\"/>\n        <t t-set=\"with_colors\" t-value=\"True\"/>\n        <t t-set=\"with_images\" t-value=\"True\"/>\n        <t t-set=\"with_videos\" t-value=\"True\"/>\n        <t t-set=\"with_shapes\" t-value=\"True\"/>\n        <t t-set=\"with_gradients\" t-value=\"True\"/>\n        <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n    </t>\n\n    <t t-call=\"website.snippet_options_carousel\"/>\n\n    <div data-js=\"CarouselItem\" data-selector=\".s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item\">\n        <we-button class=\"fa fa-fw fa-angle-left\" data-switch-to-slide=\"left\" data-no-preview=\"true\" title=\"Mover hacia atrás\"/>\n        <we-button class=\"fa fa-fw fa-angle-right me-2\" data-switch-to-slide=\"right\" data-no-preview=\"true\" title=\"Mover hacia adelante\"/>\n        <we-button class=\"fa fa-fw fa-plus o_we_bg_success\" data-add-slide-item=\"true\" data-no-preview=\"true\" title=\"Añadir diapositiva\"/>\n        <we-button class=\"fa fa-fw fa-minus o_we_bg_danger\" data-remove-slide=\"true\" data-no-preview=\"true\" title=\"Eliminar diapositiva\"/>\n    </div>\n\n    <div data-js=\"GalleryElement\" data-selector=\".s_image_gallery img, .s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item\">\n        <we-row string=\"Reordenar\" data-no-preview=\"true\">\n            <we-button class=\"fa fa-fw fa-angle-double-left\" title=\"Mover al principio\" data-position=\"first\"/>\n            <we-button class=\"fa fa-fw fa-angle-left\" title=\"Mover al anterior\" data-position=\"prev\"/>\n            <we-button class=\"fa fa-fw fa-angle-right\" title=\"Mover al siguiente\" data-position=\"next\"/>\n            <we-button class=\"fa fa-fw fa-angle-double-right\" title=\"Mover al final\" data-position=\"last\"/>\n        </we-row>\n    </div>\n    <!-- Accordion -->\n    <div data-js=\"collapse\" data-selector=\".accordion &gt; .accordion-item\" data-drop-in=\".accordion:has(&gt; .accordion-item)\"/>\n\n    <div data-js=\"MultipleItems\" data-selector=\".s_accordion\">\n        <we-row string=\"Elementos\">\n            <we-button data-add-item=\"\" data-item=\".accordion &gt; .accordion-item:last\" data-select-item=\"\" data-no-preview=\"true\" class=\"o_we_bg_brand_primary\">\n                Añadir nuevo\n            </we-button>\n        </we-row>\n    </div>\n\n    <t t-set=\"so_submit_button_selector\" t-translation=\"off\">\n        .s_donation_donate_btn, .s_website_form_send\n    </t>\n\n    <!-- Button -->\n    <div data-js=\"Button\" data-selector=\"a.btn\" t-att-data-exclude=\"so_submit_button_selector\"/>\n\n    <!-- Columns only -->\n    <div data-js=\"layout_column\" data-selector=\"section.s_features_grid, section.s_process_steps\" data-target=\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\">\n        <t t-call=\"website.column_count_option\"/>\n    </div>\n\n    <!-- Grid only -->\n    <div data-js=\"layout_column\" data-selector=\"section.s_masonry_block, section.s_quadrant, section.s_image_frame, section.s_card_offset, section.s_contact_info\" data-target=\"&gt; *:has(&gt; .row)\">\n        <t t-call=\"website.grid_layout_options\"/>\n    </div>\n\n    <!-- Grid and columns -->\n    <div data-js=\"layout_column\" data-selector=\"section\" data-target=\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\" data-exclude=\".s_dynamic, .s_dynamic_snippet_content, .s_dynamic_snippet_title, .s_masonry_block, .s_framed_intro, .s_features_grid, .s_media_list, .s_table_of_content, .s_process_steps, .s_image_gallery, .s_timeline, .s_pricelist_boxed, .s_quadrant, .s_pricelist_cafe, .s_faq_horizontal, .s_image_frame, .s_card_offset, .s_contact_info\">\n        <we-row>\n            <we-button-group string=\"Diseño\" data-no-preview=\"true\">\n                <we-button data-select-layout=\"grid\" data-name=\"grid_mode\">Cuadrícula</we-button>\n                <we-button data-select-layout=\"normal\" data-name=\"normal_mode\">Columnas</we-button>\n            </we-button-group>\n            <t t-call=\"website.column_count_option\">\n                <t t-set=\"with_grid\" t-value=\"True\"/>\n            </t>\n        </we-row>\n        <t t-call=\"website.grid_layout_options\">\n            <t t-set=\"indent\" t-value=\"True\"/>\n        </t>\n    </div>\n\n    <!--  Vertical Alignment -->\n    <div data-js=\"vAlignment\" id=\"row_valign_snippet_option\" data-selector=\".s_text_image, .s_image_text, .s_three_columns, .s_showcase, .s_numbers, .s_faq_collapse, .s_references, .s_accordion_image, .s_shape_image\" data-target=\".row\">\n        <t t-call=\"website.vertical_alignment_option\">\n            <t t-set=\"indent\" t-value=\"True\"/>\n        </t>\n    </div>\n\n    <!-- Move snippets around -->\n    <div data-js=\"SnippetMove\" data-selector=\"section, .s_accordion .accordion-item, .s_showcase .row .row:not(.s_col_no_resize) &gt; div, .s_hr\" data-no-scroll=\".s_accordion .accordion-item\">\n        <we-button class=\"fa fa-fw fa-angle-up\" data-move-snippet=\"prev\" data-no-preview=\"true\" data-name=\"move_up_opt\"/>\n        <we-button class=\"fa fa-fw fa-angle-down\" data-move-snippet=\"next\" data-no-preview=\"true\" data-name=\"move_down_opt\"/>\n    </div>\n    <div data-js=\"SnippetMove\" data-selector=\".row:not(.s_col_no_resize) &gt; div, .nav-item\" data-exclude=\".s_showcase .row .row &gt; div\" data-name=\"move_horizontally_opt\">\n        <we-button class=\"fa fa-fw fa-angle-left\" data-move-snippet=\"prev\" data-no-preview=\"true\" data-name=\"move_left_opt\"/>\n        <we-button class=\"fa fa-fw fa-angle-right\" data-move-snippet=\"next\" data-no-preview=\"true\" data-name=\"move_right_opt\"/>\n    </div>\n\n    <!-- Background -->\n    <t t-set=\"only_bg_color_selector\" t-value=\"'section .row &gt; div, .s_text_highlight, .s_mega_menu_thumbnails_footer, .s_hr, .s_cta_badge'\"/>\n    <t t-set=\"only_bg_color_exclude\" t-valuef=\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .s_image_gallery .row &gt; div, .s_text_cover .row &gt; .o_not_editable, [data-snippet] :not(.oe_structure) &gt; .s_hr, #{card_parent_handlers}\"/>\n\n    <t t-set=\"base_only_bg_image_selector\" t-value=\"'.s_tabs .oe_structure &gt; *, footer .oe_structure &gt; *'\"/>\n    <t t-set=\"only_bg_image_selector\" t-value=\"base_only_bg_image_selector\"/>\n    <t t-set=\"only_bg_image_exclude\" t-value=\"''\"/>\n\n    <t t-set=\"both_bg_color_image_selector\" t-value=\"'section, .carousel-item, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .parallax, .s_text_cover .row &gt; .o_not_editable'\"/>\n    <t t-set=\"both_bg_color_image_exclude\" t-value=\"base_only_bg_image_selector + ', .s_carousel_wrapper, .s_image_gallery .carousel-item, .s_google_map, .s_map, [data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_masonry_block .s_col_no_resize, .s_quotes_carousel_wrapper, .s_carousel_intro_wrapper'\"/>\n\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"both_bg_color_image_selector\"/>\n        <t t-set=\"exclude\" t-value=\"both_bg_color_image_exclude\"/>\n        <t t-set=\"with_colors\" t-value=\"True\"/>\n        <t t-set=\"with_images\" t-value=\"True\"/>\n        <t t-set=\"with_videos\" t-value=\"True\"/>\n        <t t-set=\"with_shapes\" t-value=\"True\"/>\n        <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n        <t t-set=\"with_gradients\" t-value=\"True\"/>\n    </t>\n\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"only_bg_color_selector\"/>\n        <t t-set=\"exclude\" t-value=\"only_bg_color_exclude\"/>\n        <t t-set=\"with_colors\" t-value=\"True\"/>\n        <t t-set=\"with_images\" t-value=\"False\"/>\n        <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n        <t t-set=\"with_gradients\" t-value=\"True\"/>\n    </t>\n\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"only_bg_image_selector\"/>\n        <t t-set=\"exclude\" t-value=\"only_bg_image_exclude\"/>\n        <t t-set=\"with_colors\" t-value=\"False\"/>\n        <t t-set=\"with_images\" t-value=\"True\"/>\n        <t t-set=\"with_videos\" t-value=\"True\"/>\n        <t t-set=\"with_shapes\" t-value=\"True\"/>\n    </t>\n\n    <!-- Grid mode columns -->\n    <div data-js=\"GridColumns\" data-selector=\".row:not(.s_col_no_resize) &gt; div\">\n        <we-row string=\"Relleno (Y, X)\">\n            <we-input data-select-style=\"\" data-css-property=\"--grid-item-padding-y\" data-unit=\"px\" data-name=\"grid_padding_y_opt\"/>\n            <we-input data-select-style=\"\" data-css-property=\"--grid-item-padding-x\" data-unit=\"px\" data-name=\"grid_padding_x_opt\"/>\n        </we-row>\n    </div>\n\n    <!-- Border | Columns -->\n    <div data-js=\"Box\" data-selector=\"section .row &gt; div\" t-attf-data-exclude=\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_image_gallery .row &gt; div, .s_masonry_block .s_col_no_resize, .s_text_cover .row &gt; .o_not_editable, #{card_parent_handlers}\">\n        <t t-call=\"website.snippet_options_border_widgets\"/>\n        <t t-call=\"website.snippet_options_shadow_widgets\"/>\n    </div>\n\n    <div data-js=\"sizing_y\" data-selector=\"section, .row &gt; div, .parallax, .s_hr, .carousel-item, .s_rating\" data-exclude=\"section:has(&gt; .carousel), .s_image_gallery .carousel-item, .s_col_no_resize.row &gt; div, .s_col_no_resize\"/>\n\n    <div data-js=\"sizing_x\" data-selector=\".row &gt; div\" data-drop-near=\".row:not(.s_col_no_resize) &gt; div\" data-exclude=\".s_col_no_resize.row &gt; div, .s_col_no_resize\"/>\n\n    <div data-js=\"sizing_grid\" data-selector=\".row &gt; div\" data-drop-near=\".row.o_grid_mode &gt; div\" data-exclude=\".s_col_no_resize.row &gt; div, .s_col_no_resize\"/>\n\n    <t t-set=\"so_snippet_addition_selector\" t-translation=\"off\">section, .parallax, .s_hr</t>\n    <div id=\"so_snippet_addition\" t-att-data-selector=\"so_snippet_addition_selector\" data-drop-in=\":not(p).oe_structure:not(.oe_structure_solo), :not(.o_mega_menu):not(p)[data-oe-type=html], :not(p).oe_structure.oe_structure_solo:not(:has(&gt; section:not(.s_snippet_group), &gt; div:not(.o_hook_drop_zone)))\"/>\n        <!-- /!\\ drop-in here is partly duplicated for s_popup (see dedicated options) -->\n        <!-- TODO should be improved -->\n\n    <t t-set=\"so_content_addition_selector\" t-translation=\"off\">\n        blockquote, .s_alert, .o_facebook_page, .s_share, .s_social_media, .s_rating,\n        .s_hr, .s_google_map, .s_map, .s_countdown, .s_chart, .s_text_highlight, .s_progress_bar, .s_badge,\n        .s_embed_code, .s_donation, .s_add_to_cart, .s_online_appointment, .o_snippet_drop_in_only, .s_image, .s_cta_badge, .s_accordion\n    </t>\n\n    <t t-set=\"special_cards_selector\" t-valuef=\".s_card.s_timeline_card, div:is(#{card_parent_handlers}) &gt; .s_card\"/>\n\n    <div id=\"so_content_addition\" t-attf-data-selector=\"#{so_content_addition_selector}, .s_card\" t-attf-data-drop-near=\"p, h1, h2, h3, ul, ol, div:not(.o_grid_item_image) &gt; img, .btn, #{so_content_addition_selector}, .s_card:not(#{special_cards_selector})\" t-attf-data-exclude=\"#{special_cards_selector}\" data-drop-in=\"nav\"/>\n\n    <div data-js=\"SnippetSave\" data-selector=\"[data-snippet], a.btn\" t-attf-data-exclude=\".o_no_save, #{so_submit_button_selector}\">\n        <we-button class=\"fa fa-fw fa-save o_we_link o_we_hover_warning\" title=\"Guardar el bloque para usarlo en otro lugar\" data-save-snippet=\"\" data-no-preview=\"true\"/>\n    </div>\n\n    <div data-js=\"menu_data\" data-selector=\".top_menu li &gt; a, [data-content_menu_id] li &gt; a\" data-exclude=\".dropdown-toggle, li.o_header_menu_button a, [data-toggle], .o_offcanvas_logo\" data-no-check=\"true\"/>\n\n    <div data-js=\"WebsiteLevelColor\" data-selector=\"#wrapwrap &gt; header\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-select string=\"Plantilla\" data-variable=\"header-template\" data-default-variables=\"header-links-style: default\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button title=\"Por defecto\" data-name=\"header_default_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_default\" data-customize-website-variable=\"'default'\" data-img=\"/website/static/src/img/snippets_options/header_template_default.svg\"/>\n            <we-button title=\"Menú hamburguesa\" data-name=\"header_hamburger_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_hamburger, website.no_autohide_menu\" data-customize-website-variable=\"'hamburger'\" data-img=\"/website/static/src/img/snippets_options/header_template_hamburger.svg\"/>\n            <we-button title=\"Menú redondeado\" data-name=\"header_boxed_opt\" data-trigger=\"over_content_header_visibility_opt\" data-customize-website-views=\"website.header_navbar_pills_style,website.template_header_boxed\" data-customize-website-variable=\"'boxed'\" data-customize-website-variables=\"header-links-style: pills\" data-img=\"/website/static/src/img/snippets_options/header_template_boxed.svg\"/>\n            <we-button title=\"Desplegar menú\" data-name=\"header_stretch_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_stretch\" data-customize-website-variable=\"'stretch'\" data-img=\"/website/static/src/img/snippets_options/header_template_stretch.svg\"/>\n            <we-button title=\"Vertical\" data-name=\"header_vertical_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_vertical\" data-customize-website-variable=\"'vertical'\" data-img=\"/website/static/src/img/snippets_options/header_template_vertical.svg\"/>\n            <we-button title=\"Menú con barra de búsqueda\" data-name=\"header_search_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_search\" data-customize-website-variable=\"'search'\" data-img=\"/website/static/src/img/snippets_options/header_template_search.svg\"/>\n            <we-button title=\"Menú - Ventas 1\" data-name=\"header_sales_one_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_one\" data-customize-website-variable=\"'sales_one'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_one.svg\"/>\n            <we-button title=\"Menú - Ventas 2\" data-name=\"header_sales_two_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_two\" data-customize-website-variable=\"'sales_two'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_two.svg\"/>\n            <we-button title=\"Menú - Ventas 3\" data-name=\"header_sales_three_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_three\" data-customize-website-variable=\"'sales_three'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_three.svg\"/>\n            <we-button title=\"Menú - Ventas 4\" data-name=\"header_sales_four_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_four\" data-customize-website-variable=\"'sales_four'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_four.svg\"/>\n            <we-button title=\"Barra lateral\" data-name=\"header_sidebar_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sidebar, website.no_autohide_menu\" data-customize-website-variable=\"'sidebar'\" data-img=\"/website/static/src/img/snippets_options/header_template_sidebar.svg\"/>\n        </we-select>\n\n        <!-- Header Sidebar Template - Options -->\n        <we-input string=\"Ancho\" class=\"o_we_sublevel_1\" data-dependencies=\"header_sidebar_opt\" data-customize-website-variable=\"null\" data-variable=\"sidebar-width\" data-unit=\"px\" data-save-unit=\"rem\"/>\n\n        <we-row string=\"Fondo\">\n            <we-colorpicker data-customize-website-color=\"\" data-color=\"menu\" data-customize-website-layer2-color=\"\" data-layer-color=\"menu-custom\" data-layer-gradient=\"menu-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_one_opt\" data-customize-website-color=\"\" data-color=\"header-sales_one\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_one-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_two_opt\" data-customize-website-color=\"\" data-color=\"header-sales_two\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_two-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_three_opt\" data-customize-website-color=\"\" data-color=\"header-sales_three\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_three-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_four_opt\" data-customize-website-color=\"\" data-color=\"header-sales_four\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_four-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n        </we-row>\n    </div>\n\n    <!-- Header - Borders & Shadows -->\n    <div data-js=\"HeaderBox\" id=\"option_header_shadow\" data-selector=\"#wrapwrap &gt; header:not(:has(.o_header_force_no_radius))\" data-target=\"nav\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <t t-call=\"website.snippet_options_header_box\"/>\n    </div>\n\n    <div data-js=\"HeaderBox\" id=\"option_header_shadow\" data-selector=\"#wrapwrap &gt; header:has(.o_header_force_no_radius)\" data-target=\"nav\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <t t-call=\"website.snippet_options_header_box\">\n            <t t-set=\"_no_border_radius\" t-value=\"True\"/>\n        </t>\n    </div>\n\n    <div data-selector=\"#wrapwrap &gt; header\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n\n        <we-select string=\"Efecto del desplazamiento\" data-dependencies=\"!header_sidebar_opt\" class=\"o_scroll_effects_selector\" data-variable=\"header-scroll-effect\">\n            <t t-set=\"header_effect_standard_label\">Estándar</t>\n            <t t-set=\"header_effect_scroll_label\">Desplazamiento</t>\n            <t t-set=\"header_effect_fixed_label\">Fijo</t>\n            <t t-set=\"header_effect_disappears_label\">Desaparece</t>\n            <t t-set=\"header_effect_fadeout_label\">Desvanecer</t>\n            <we-button id=\"option_header_visibility_standard\" t-att-data-select-label=\"header_effect_standard_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'standard'\" data-name=\"header_visibility_standard_opt\" data-select-class=\"o_header_standard\" data-customize-website-views=\"website.header_visibility_standard\" data-img=\"/website/static/src/img/snippets_options/header_effect_standard.png\">\n                <span t-esc=\"header_effect_standard_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_scroll\" t-att-data-select-label=\"header_effect_scroll_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'scroll'\" data-name=\"header_effect_scroll_opt\" data-select-class=\"\" data-customize-website-views=\"\" data-img=\"/website/static/src/img/snippets_options/header_effect_scroll.png\">\n                <span t-esc=\"header_effect_scroll_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_fixed\" t-att-data-select-label=\"header_effect_fixed_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'fixed'\" data-name=\"header_effect_fixed_opt\" data-select-class=\"o_header_fixed\" data-customize-website-views=\"website.header_visibility_fixed\" data-img=\"/website/static/src/img/snippets_options/header_effect_fixed.png\">\n                <span t-esc=\"header_effect_fixed_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_disappears\" t-att-data-select-label=\"header_effect_disappears_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'disappears'\" data-name=\"header_effect_disappears_opt\" data-select-class=\"o_header_disappears\" data-customize-website-views=\"website.header_visibility_disappears\" data-img=\"/website/static/src/img/snippets_options/header_effect_disappears.png\">\n                <span t-esc=\"header_effect_disappears_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_fade_out\" t-att-data-select-label=\"header_effect_fadeout_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'fade-out'\" data-name=\"header_effect_fade_out_opt\" data-select-class=\"o_header_fade_out\" data-customize-website-views=\"website.header_visibility_fade_out\" data-img=\"/website/static/src/img/snippets_options/header_effect_fade_out.png\">\n               <span t-esc=\"header_effect_fadeout_label\"/>\n            </we-button>\n        </we-select>\n    </div>\n\n    <div data-js=\"TopMenuVisibility\" data-selector=\"[data-main-object^='website.page('] #wrapwrap &gt; header\" data-no-check=\"true\">\n        <we-select string=\"Posición del encabezado\" data-no-preview=\"true\" data-dependencies=\"!header_sidebar_opt\">\n            <we-button data-name=\"over_content_header_visibility_opt\" data-visibility=\"transparent\">Sobre el contenido</we-button>\n            <we-button data-name=\"regular_header_visibility_opt\" data-visibility=\"regular\">Regular</we-button>\n            <we-button data-visibility=\"hidden\">Oculto</we-button>\n        </we-select>\n    </div>\n\n    <div data-js=\"topMenuColor\" data-selector=\"[data-main-object^='website.page('] #wrapwrap &gt; header\" data-no-check=\"true\">\n        <we-colorpicker string=\"Fondo\" class=\"o_we_sublevel_1\" id=\"option_header_transparent_color\" data-select-style=\"true\" data-prevent-important=\"true\" data-css-property=\"background-color\" data-color-prefix=\"bg-\" data-excluded=\"theme, common\" data-page-option-name=\"header_color\"/>\n        <we-colorpicker string=\"Color del texto\" class=\"o_we_sublevel_1\" id=\"option_header_transparent_text_color\" data-select-style=\"true\" data-css-property=\"color\" data-color-prefix=\"text-\" data-page-option-name=\"header_text_color\"/>\n    </div>\n\n    <div data-js=\"HeaderElements\" data-selector=\"#wrapwrap &gt; header\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-row string=\"Elementos\" class=\"o_we_full_row align-items-start\">\n            <we-button title=\"Mostrar/ocultar elementos de texto\" class=\"d-flex justify-content-center flex-grow-1\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_text.svg\" data-customize-website-views=\"website.header_text_element\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar selección de idioma\" class=\"fa fa-flag d-flex justify-content-center flex-grow-1\" data-name=\"header_language_selector_opt\" data-customize-website-views=\"website.header_language_selector\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar barra de búsqueda\" class=\"fa fa-search d-flex justify-content-center flex-grow-1\" data-customize-website-views=\"website.header_search_box\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar botón de inicio de sesión\" class=\"fa fa-sign-in d-flex justify-content-center flex-grow-1\" data-customize-website-views=\"portal.user_sign_in\" data-reload=\"/\" data-no-preview=\"true\"/>\n        </we-row>\n        <we-row string=\" \" class=\"o_we_full_row align-items-start mt-1\">\n            <we-button title=\"Mostrar/ocultar enlaces de redes sociales\" class=\"flex-grow-1 d-flex justify-content-center\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_social.svg\" data-customize-website-views=\"website.header_social_links\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar botón\" class=\"flex-grow-1 d-flex justify-content-center\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_cta.svg\" data-customize-website-views=\"website.header_call_to_action\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar logotipo\" class=\"flex-grow-1 d-flex justify-content-center\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_logo.svg\" data-customize-website-views=\"|website.option_header_brand_name|website.option_header_brand_logo\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n        </we-row>\n    </div>\n\n    <!-- Header > Navbar Options -->\n    <div data-js=\"HeaderNavbar\" data-selector=\"#wrapwrap &gt; header nav.navbar\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n\n        <we-select string=\"Alineación móvil\" data-name=\"header_mobile_alignment_opt\" data-variable=\"hamburger-position-mobile\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"\" data-customize-website-variable=\"'left'\">Izquierda</we-button>\n            <we-button data-customize-website-views=\"website.template_header_mobile_align_center, website.template_header_hamburger_mobile_align_center\" data-customize-website-variable=\"'center'\">Centro</we-button>\n            <we-button data-customize-website-views=\"website.template_header_mobile_align_right, website.template_header_hamburger_mobile_align_right\" data-customize-website-variable=\"'right'\">Derecha</we-button>\n        </we-select>\n\n        <we-fontfamilypicker string=\"Fuente\" data-variable=\"navbar-font\"/>\n\n        <we-row string=\"Formato\" class=\"o_we_header_font_row\">\n            <we-input data-customize-website-variable=\"null\" data-variable=\"header-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-colorpicker data-variable=\"header-text-color\" data-customize-website-variable=\"\"/>\n            <!-- Generic alignment option controling all the template at once. -->\n            <!-- Currently needed to be this way as the SCSS variable controls -->\n            <!-- the mobile alignement which is the same for all templates. -->\n            <we-select class=\"o_we_icon_select\" data-name=\"header_alignment_opt\" data-variable=\"hamburger-position\" data-reload=\"/\" title=\"Alineación\" data-dependencies=\"header_default_opt, header_hamburger_opt, header_boxed_opt, header_stretch_opt, header_search_opt, header_sales_one_opt, header_sales_two_opt, header_sales_four_opt, header_sidebar_opt\">\n                <we-button data-customize-website-views=\"\" data-customize-website-variable=\"'left'\" data-icon=\"fa-align-left\"/>\n                <we-button data-customize-website-views=\"website.template_header_default_align_center, website.template_header_boxed_align_center, website.template_header_stretch_align_center, website.template_header_search_align_center, website.template_header_sales_one_align_center, website.template_header_sales_two_align_center, website.template_header_sales_four_align_center, website.template_header_sidebar_align_center\" data-customize-website-variable=\"'center'\" data-icon=\"fa-align-center\" data-dependencies=\"!header_hamburger_opt\"/>\n                <we-button data-customize-website-views=\"website.template_header_default_align_right, website.template_header_hamburger_align_right, website.template_header_boxed_align_right, website.template_header_stretch_align_right, website.template_header_search_align_right, website.template_header_sales_one_align_right, website.template_header_sales_two_align_right, website.template_header_sales_four_align_right, website.template_header_sidebar_align_right\" data-customize-website-variable=\"'right'\" data-icon=\"fa-align-right\"/>\n            </we-select>\n        </we-row>\n\n        <we-select string=\"Estilo de enlaces\" data-variable=\"header-links-style\" data-reload=\"/\" data-dependencies=\"!header_stretch_opt\">\n            <we-button data-name=\"option_header_navbar_links_default\" data-customize-website-views=\"\" data-customize-website-variable=\"'default'\">Por defecto</we-button>\n            <we-button data-name=\"option_header_navbar_links_fill\" data-customize-website-views=\"website.header_navbar_pills_style\" data-customize-website-variable=\"'fill'\">Rellenar</we-button>\n            <we-button data-name=\"option_header_navbar_links_outline\" data-customize-website-views=\"\" data-customize-website-variable=\"'outline'\">Esquema</we-button>\n            <we-button data-name=\"option_header_navbar_links_pills\" data-customize-website-views=\"website.header_navbar_pills_style\" data-customize-website-variable=\"'pills'\">Píldoras</we-button>\n            <we-button data-name=\"option_header_navbar_block\" data-customize-website-views=\"website.header_navbar_pills_style\" data-customize-website-variable=\"'block'\">Bloquear</we-button>\n            <we-button data-name=\"option_header_navbar_border_bottom\" data-customize-website-views=\"\" data-customize-website-variable=\"'border-bottom'\">Borde inferior</we-button>\n        </we-select>\n\n        <we-select string=\"Colores adicionales\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"\">Por defecto</we-button>\n            <we-button data-customize-website-views=\"website.template_header_additional_color_primary\">Primario</we-button>\n            <we-button data-customize-website-views=\"website.template_header_additional_color_secondary\">Secundario</we-button>\n        </we-select>\n\n        <we-select id=\"option_header_dropdown\" string=\"Submenús\" data-dependencies=\"!header_hamburger_opt\" data-no-preview=\"true\">\n            <we-button data-select-class=\"o_hoverable_dropdown\" data-customize-website-views=\"website.header_hoverable_dropdown\">Al deslizar el ratón</we-button>\n            <we-button data-select-class=\"\" data-name=\"header_dropdown_on_click_opt\">Al hacer clic</we-button>\n        </we-select>\n    </div>\n\n    <div data-selector=\"#wrapwrap &gt; header nav.navbar .o_header_language_selector\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-select string=\"Estilo\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"website.header_language_selector\">Desplegable</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector, website.header_language_selector_inline\">Inline</we-button>\n        </we-select>\n        <we-select string=\"Etiqueta\" class=\"o_we_sublevel_1\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button data-customize-website-views=\"\">Texto</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_flag, website.header_language_selector_no_text\">Bandera</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_flag\">Bandera y Texto</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_code, website.header_language_selector_no_text\">Código</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_flag, website.header_language_selector_code, website.header_language_selector_no_text\">Bandera y código</we-button>\n        </we-select>\n    </div>\n\n    <div data-selector=\"#wrapwrap &gt; header nav.navbar .navbar-brand\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-select string=\"Logotipo\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"\" data-name=\"option_header_brand_none\">Ninguno</we-button>\n            <we-button data-customize-website-views=\"website.option_header_brand_name\">Texto</we-button>\n            <we-button data-customize-website-views=\"website.option_header_brand_logo\">Imagen</we-button>\n        </we-select>\n        <we-input string=\"Altura\" class=\"o_we_sublevel_1\" data-dependencies=\"!option_header_brand_none\" data-customize-website-variable=\"null\" data-variable=\"logo-height\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        <we-input string=\"Altura (Desplazada)\" class=\"o_we_sublevel_1\" data-name=\"option_logo_height_scrolled\" data-customize-website-variable=\"null\" data-variable=\"fixed-logo-height\" data-unit=\"px\" data-save-unit=\"rem\" data-dependencies=\"!header_effect_scroll_opt\"/>\n    </div>\n\n    <!-- Footer - Colors & Layouts -->\n    <div data-js=\"WebsiteLevelColor\" data-selector=\"#wrapwrap &gt; footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n\n        <!-- Layouts -->\n        <we-select string=\"Plantilla\" data-variable=\"footer-template\" data-reload=\"/\">\n            <we-button title=\"Por defecto\" data-customize-website-views=\"website.footer_custom\" data-customize-website-variable=\"'default'\" data-img=\"/website/static/src/img/snippets_options/footer_template_default.svg\"/>\n            <we-button title=\"Descriptiva\" data-customize-website-views=\"website.template_footer_descriptive\" data-customize-website-variable=\"'descriptive'\" data-img=\"/website/static/src/img/snippets_options/footer_template_descriptive.svg\"/>\n            <we-button title=\"Centrado\" data-customize-website-views=\"website.template_footer_centered\" data-customize-website-variable=\"'centered'\" data-img=\"/website/static/src/img/snippets_options/footer_template_centered.svg\"/>\n            <we-button title=\"Enlaces\" data-customize-website-views=\"website.template_footer_links\" data-customize-website-variable=\"'links'\" data-img=\"/website/static/src/img/snippets_options/footer_template_links.svg\"/>\n            <we-button title=\"Minimalista\" data-customize-website-views=\"website.template_footer_minimalist\" data-customize-website-variable=\"'minimalist'\" data-img=\"/website/static/src/img/snippets_options/footer_template_minimalist.svg\"/>\n            <we-button title=\"Contacto\" data-customize-website-views=\"website.template_footer_contact\" data-customize-website-variable=\"'contact'\" data-img=\"/website/static/src/img/snippets_options/footer_template_contact.svg\"/>\n            <we-button title=\"Llamada a la acción\" data-customize-website-views=\"website.template_footer_call_to_action\" data-customize-website-variable=\"'call_to_action'\" data-img=\"/website/static/src/img/snippets_options/footer_template_call_to_action.svg\"/>\n            <we-button title=\"Titular\" data-customize-website-views=\"website.template_footer_headline\" data-customize-website-variable=\"'headline'\" data-img=\"/website/static/src/img/snippets_options/footer_template_headline.svg\"/>\n        </we-select>\n        <!-- Colors -->\n        <we-colorpicker string=\"Colores\" data-customize-website-color=\"\" data-color=\"footer\" data-customize-website-layer2-color=\"\" data-layer-color=\"footer-custom\" data-layer-gradient=\"footer-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n        <we-select string=\"Efecto de desplazamiento\" data-variable=\"footer-effect\" data-reload=\"/\">\n            <we-button string=\"Regular\" data-customize-website-views=\"\" data-customize-website-variable=\"\"/>\n            <we-button string=\"Deslizamiento al pasar el ratón\" data-customize-website-views=\"website.template_footer_slideout\" data-customize-website-variable=\"'slideout_slide_hover'\"/>\n            <we-button string=\"Sombra\" data-customize-website-views=\"website.template_footer_slideout\" data-customize-website-variable=\"'slideout_shadow'\"/>\n        </we-select>\n        <we-checkbox string=\"Derechos de autor\" data-name=\"footer_copyright_opt\" data-customize-website-views=\"website.footer_no_copyright|\" data-no-preview=\"true\" data-reload=\"/\"/>\n    </div>\n\n    <!-- Footer - Borders & Shadows -->\n    <div data-js=\"Box\" data-selector=\"#wrapwrap &gt; footer\" data-target=\"#footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <t t-call=\"website.snippet_options_border_widgets\"/>\n        <t t-call=\"website.snippet_options_shadow_widgets\"/>\n    </div>\n\n    <!-- Scroll to Top -->\n    <div data-selector=\"#wrapwrap &gt; footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-row string=\"Botón &quot;Desplazar hacia arriba&quot;\">\n            <we-checkbox data-name=\"footer_scrolltop_opt\" data-customize-website-views=\"website.option_footer_scrolltop\" data-customize-website-variable=\"false|true\" data-variable=\"footer-scrolltop\" data-reload=\"/\"/>\n            <we-select data-dependencies=\"footer_scrolltop_opt\" data-apply-to=\"#o_footer_scrolltop_wrapper\">\n                <we-button string=\"Izquierda\" data-select-class=\"justify-content-start\"/>\n                <we-button string=\"Centro\" data-select-class=\"justify-content-center\"/>\n                <we-button string=\"Derecha\" data-select-class=\"justify-content-end\"/>\n            </we-select>\n        </we-row>\n    </div>\n\n    <div data-js=\"HideFooter\" data-selector=\"[data-main-object^='website.page('] #wrapwrap &gt; footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-checkbox string=\"Visibilidad de la página\" data-name=\"hide_footer_page_opt\" data-visibility=\"hidden|shown\" data-no-preview=\"true\"/>\n    </div>\n\n    <!-- Copyright -->\n    <div data-js=\"WebsiteLevelColor\" data-selector=\".o_footer_copyright\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-colorpicker string=\"Colores\" data-customize-website-color=\"\" data-color=\"copyright\" data-customize-website-layer2-color=\"\" data-layer-color=\"copyright-custom\" data-layer-gradient=\"copyright-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n        <we-select data-name=\"footer_language_selector_opt\" string=\"Selector de idiomas\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button data-name=\"language_selector_none_opt\" data-customize-website-views=\"\">Ninguno</we-button>\n            <we-button data-customize-website-views=\"portal.footer_language_selector\">Desplegable</we-button>\n            <we-button data-customize-website-views=\"portal.footer_language_selector, website.footer_language_selector_inline\">Inline</we-button>\n        </we-select>\n        <we-select data-name=\"footer_language_selector_label_opt\" string=\"Etiqueta\" class=\"o_we_sublevel_1\" data-dependencies=\"!language_selector_none_opt\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button data-customize-website-views=\"\">Texto</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_flag, website.footer_language_selector_no_text\">Bandera</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_flag\">Bandera y Texto</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_code, website.footer_language_selector_no_text\">Código</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_flag, website.footer_language_selector_code, website.footer_language_selector_no_text\">Bandera y código</we-button>\n        </we-select>\n    </div>\n\n    <!-- Anchor Name -->\n    <div data-js=\"anchor\" data-selector=\":not(p).oe_structure &gt; *, :not(p)[data-oe-type=html] &gt; *\" data-exclude=\".modal *, .oe_structure .oe_structure *, [data-oe-type=html] .oe_structure *, .s_popup\">\n        <we-button class=\"fa fa-fw fa-link o_we_link\" title=\"Crear un enlace para dirigir esta sección\" data-no-preview=\"true\"/>\n    </div>\n\n    <div data-js=\"anchor\" data-selector=\".s_popup\" data-target=\".modal\">\n    </div>\n\n    <!-- Mega Menu settings -->\n    <div data-js=\"MegaMenuLayout\" data-selector=\".o_mega_menu\">\n        <we-select string=\"Plantilla\" data-name=\"mega_menu_template_opt\">\n            <t t-set=\"_label\">Menús múltiples</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_multi_menus\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_multi_menus.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Menú de imagen</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_menu_image_menu\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_menu_image_menu.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Menú de Odoo</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_odoo_menu\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_odoo_menu.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Iconos pequeños</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_little_icons\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_little_icons.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Subtítulos de grandes iconos</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_big_icons_subtitles\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_big_icons_subtitles.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Subtítulos de las imágenes</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_images_subtitles\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_images_subtitles.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Logotipos</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_menus_logos\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_menus_logos.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Miniaturas</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_thumbnails\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_thumbnails.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Tarjetas</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_cards\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_cards.svg\" t-out=\"_label\"/>\n        </we-select>\n        <we-select string=\"Tamaño\">\n            <we-button data-select-class=\"\">Ancho completo</we-button>\n            <we-button data-select-class=\"o_mega_menu_container_size\">Estrecho</we-button>\n        </we-select>\n    </div>\n\n    <div data-js=\"MegaMenuNoDelete\" data-selector=\".o_mega_menu &gt; section\"/>\n\n    <div data-selector=\".o_mega_menu .nav &gt; .nav-link\" data-drop-in=\".o_mega_menu nav\" data-drop-near=\".o_mega_menu .nav-link\"/>\n\n    <div data-js=\"CoverProperties\" data-selector=\".o_record_cover_container\" data-no-check=\"true\">\n        <we-row string=\"Fondo\" class=\"o_we_full_row\">\n            <t t-call=\"web_editor.snippet_options_background_color_widget\">\n                <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n                <t t-set=\"with_gradients\" t-value=\"True\"/>\n            </t>\n            <we-button-group class=\"ms-auto\">\n                <we-imagepicker title=\"Imagen\" data-background=\"\" data-button-style=\"true\"/>\n                <we-button class=\"fa fa-fw fa-ban\" title=\"Ninguno\" data-background=\"\">\n                </we-button>\n            </we-button-group>\n        </we-row>\n        <we-select string=\"Tamaño\" data-name=\"size_opt\" data-cover-opt-name=\"size\">\n            <we-button data-select-class=\"o_full_screen_height\">Pantalla completa</we-button>\n            <we-button class=\"o_record_cover_opt_size_default\" data-select-class=\"o_half_screen_height\">Media pantalla</we-button>\n            <we-button data-select-class=\"cover_auto\">Ajustar texto</we-button>\n        </we-select>\n        <we-select string=\"Intensidad del filtro\" data-name=\"filters_opt\" data-cover-opt-name=\"filters\">\n            <we-button data-filter-value=\"0.0\">Ninguno</we-button>\n            <we-button data-filter-value=\"0.2\">Baja</we-button>\n            <we-button data-filter-value=\"0.4\">Medio</we-button>\n            <we-button data-filter-value=\"0.6\">Alta</we-button>\n        </we-select>\n        <we-select string=\"Alineación del texto\" data-name=\"text_align_opt\" data-cover-opt-name=\"text_align\">\n            <we-button data-select-class=\"\">Izquierda</we-button>\n            <we-button data-select-class=\"text-center\">Centrado</we-button>\n            <we-button data-select-class=\"text-end\">Derecha</we-button>\n        </we-select>\n    </div>\n\n    <!-- Stretch section -->\n    <div data-js=\"ContainerWidth\" data-selector=\"section\" data-exclude=\"[data-snippet] :not(.oe_structure) &gt; [data-snippet]\" data-target=\"&gt; .container, &gt; .container-fluid, &gt; .o_container_small\">\n        <we-button-group string=\"Ancho de contenido\">\n            <we-button data-select-class=\"o_container_small\" data-img=\"/website/static/src/img/snippets_options/content_width_small.svg\" title=\"Pequeño\"/>\n            <we-button data-select-class=\"container\" data-img=\"/website/static/src/img/snippets_options/content_width_normal.svg\" title=\"Regular\"/>\n            <we-button data-select-class=\"container-fluid\" data-img=\"/website/static/src/img/snippets_options/content_width_full.svg\" title=\"Completo\"/>\n        </we-button-group>\n    </div>\n\n    <!-- Scroll to next section button (only for full height) -->\n    <div data-js=\"ScrollButton\" data-selector=\"section\" data-exclude=\"[data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_instagram_page\">\n        <!-- Min height of section -->\n        <we-button-group string=\"Altura\" data-show-scroll-button=\"\">\n            <we-button data-name=\"minheight_auto_opt\" data-select-class=\"\" title=\"Ajustar contenido\">Auto</we-button>\n            <we-button data-select-class=\"o_half_screen_height\" title=\"Media pantalla\">50%</we-button>\n            <we-button data-select-class=\"o_full_screen_height\" title=\"Pantalla completa\" data-name=\"full_height_opt\" data-show-scroll-button=\"true\">100%</we-button>\n        </we-button-group>\n\n        <we-input string=\"Altura\" class=\"o_we_sublevel_1\" data-name=\"fixed_height_opt\" data-dependencies=\"minheight_auto_opt\" data-select-style=\"\" data-unit=\"px\" data-css-property=\"height\" data-force-style=\"\"/>\n            <!--    ↑ ↑ ↑\n            For this setting, we need to always force the style (= if the block\n            is naturally 800px tall and the user enters 800px for this setting,\n            we set 800px as inline style anyway). Indeed, this snippet's style\n            is based on the height that is forced but once the related public\n            widgets are started, the inner carousel items receive a min-height\n            which makes it so the snippet \"natural\" height is equal to the\n            initially forced height... so if the style is not forced, it would\n            ultimately be removed by mistake thinking it is not necessary.\n            Note: this is forced as not important as we still need the height to\n            be reset to 'auto' in mobile (generic css rules).\n            -->\n\n        <we-checkbox string=\"Botón de desplazamiento para abajo\" data-toggle-button=\"true\" data-no-preview=\"true\" data-dependencies=\"full_height_opt\" data-name=\"scroll_button_opt\"/>\n        <we-row string=\"Colores\" class=\"o_we_sublevel_1\">\n            <we-colorpicker data-select-style=\"true\" data-css-property=\"background-color\" data-color-prefix=\"bg-\" data-apply-to=\".o_scroll_button\" data-dependencies=\"scroll_button_opt\"/>\n            <we-colorpicker data-select-style=\"true\" data-css-property=\"color\" data-color-prefix=\"text-\" data-apply-to=\".o_scroll_button\" data-dependencies=\"scroll_button_opt\"/>\n        </we-row>\n        <we-select string=\"Espacios\" class=\"o_we_sublevel_1\" data-apply-to=\".o_scroll_button\" data-dependencies=\"scroll_button_opt\">\n            <we-button data-select-class=\"\">Ninguno</we-button>\n            <we-button data-select-class=\"mb-1\">Extra pequeño</we-button>\n            <we-button data-select-class=\"mb-2\">Pequeño</we-button>\n            <we-button data-select-class=\"mb-3\">Medio</we-button>\n            <we-button data-select-class=\"mb-4\">Grande</we-button>\n            <we-button data-select-class=\"mb-5\">Extra-Grande</we-button>\n        </we-select>\n    </div>\n\n    <t t-set=\"_device_visibility_widgets\">\n        <we-button class=\"o_we_device\" data-toggle-device-visibility=\"no_desktop\" title=\"Mostrar/ocultar en el escritorio\" data-no-preview=\"true\" data-img=\"/website/static/src/img/snippets_options/desktop_invisible.svg\"/>\n        <we-button class=\"o_we_device\" data-toggle-device-visibility=\"no_mobile\" title=\"Mostrar/ocultar en móvil\" data-no-preview=\"true\" data-img=\"/website/static/src/img/snippets_options/mobile_invisible.svg\"/>\n    </t>\n    <div data-js=\"ConditionalVisibility\" data-selector=\"section, .s_hr\">\n        <t t-set=\"current_website\" t-value=\"request.env['website'].get_current_website()\"/>\n        <we-collapse>\n            <we-row string=\"Visibilidad\">\n                <t t-out=\"_device_visibility_widgets\"/>\n                <we-select data-attribute-name=\"visibility\" data-no-preview=\"true\">\n                    <we-button data-select-data-attribute=\"\">Sin condición</we-button>\n                    <we-button data-select-data-attribute=\"conditional\" data-select-class=\"o_snippet_invisible\" data-name=\"visibility_conditional\">Condicionalmente</we-button>\n                </we-select>\n            </we-row>\n\n            <t t-if=\"request.geoip.country_code\">\n                <t t-call=\"website.snippet_options_conditional_visibility\">\n                    <t t-set=\"option_name\">País</t>\n                    <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueCountryRule\"/>\n                    <t t-set=\"save_attribute\" t-valuef=\"visibilityValueCountry\"/>\n                    <t t-set=\"attribute_name\" t-valuef=\"data-country\"/>\n                    <t t-set=\"model\" t-valuef=\"res.country\"/>\n                    <t t-set=\"call_with\" t-valuef=\"code\"/>\n                    <t t-set=\"data_fields\" t-valuef=\"[&quot;code&quot;]\"/>\n                </t>\n            </t>\n            <t t-if=\"len(current_website.language_ids) &gt; 1\">\n                <t t-call=\"website.snippet_options_conditional_visibility\">\n                    <t t-set=\"option_name\">Idiomas</t>\n                    <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueLangRule\"/>\n                    <t t-set=\"save_attribute\" t-valuef=\"visibilityValueLang\"/>\n                    <t t-set=\"attribute_name\" t-valuef=\"lang\"/>\n                    <t t-set=\"model\" t-valuef=\"res.lang\"/>\n                    <t t-set=\"call_with\" t-valuef=\"code\"/>\n                    <t t-set=\"domain\" t-translation=\"off\">[[\"id\", \"in\", <t t-out=\"current_website.language_ids.ids\"/>]]</t>\n                    <t t-set=\"data_fields\" t-valuef=\"[&quot;code&quot;]\"/>\n                </t>\n            </t>\n            <t t-call=\"website.snippet_options_conditional_visibility\">\n                <t t-set=\"option_name\">Campaña UTM</t>\n                <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueUtmCampaignRule\"/>\n                <t t-set=\"save_attribute\" t-valuef=\"visibilityValueUtmCampaign\"/>\n                <t t-set=\"attribute_name\" t-valuef=\"data-utm-campaign\"/>\n                <t t-set=\"model\" t-valuef=\"utm.campaign\"/>\n                <t t-set=\"call_with\" t-valuef=\"display_name\"/>\n            </t>\n            <t t-call=\"website.snippet_options_conditional_visibility\">\n                <t t-set=\"option_name\">Medio UTM</t>\n                <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueUtmMediumRule\"/>\n                <t t-set=\"save_attribute\" t-valuef=\"visibilityValueUtmMedium\"/>\n                <t t-set=\"attribute_name\" t-valuef=\"data-utm-medium\"/>\n                <t t-set=\"model\" t-valuef=\"utm.medium\"/>\n                <t t-set=\"call_with\" t-valuef=\"display_name\"/>\n            </t>\n            <t t-call=\"website.snippet_options_conditional_visibility\">\n                <t t-set=\"option_name\">Fuente UTM</t>\n                <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueUtmSourceRule\"/>\n                <t t-set=\"save_attribute\" t-valuef=\"visibilityValueUtmSource\"/>\n                <t t-set=\"attribute_name\" t-valuef=\"data-utm-source\"/>\n                <t t-set=\"model\" t-valuef=\"utm.source\"/>\n                <t t-set=\"call_with\" t-valuef=\"display_name\"/>\n            </t>\n            <we-select string=\"Usuarios\" class=\"o_we_sublevel_1\" data-dependencies=\"visibility_conditional\" data-attribute-name=\"data-logged\" data-save-attribute=\"visibilityValueLogged\" data-no-preview=\"true\" data-attribute-default-value=\"\">\n                <we-button data-select-value=\"true\">Visible solo con sesión iniciada</we-button>\n                <we-button data-select-value=\"false\">Visible solo sin iniciar la sesión</we-button>\n                <we-button data-select-value=\"\">Visible para todos</we-button>\n            </we-select>\n        </we-collapse>\n    </div>\n\n    <!-- Mobile/Desktop display options -->\n    <div data-js=\"DeviceVisibility\" data-selector=\"section .row &gt; div\" data-exclude=\".s_col_no_resize.row &gt; div, .s_masonry_block .s_col_no_resize\">\n        <we-row string=\"Visibilidad\">\n            <t t-out=\"_device_visibility_widgets\"/>\n        </we-row>\n    </div>\n\n    <!-- Cookies Bar -->\n    <div data-selector=\"#website_cookies_bar\" data-js=\"CookiesBar\" data-target=\".modal\">\n        <we-select string=\"Diseño\" class=\"o_we_inline\">\n            <we-button data-select-class=\"o_cookies_discrete\" data-select-layout=\"discrete\" data-trigger=\"position_bottom,s_popup_size_full\">Discreto</we-button>\n            <we-button data-select-class=\"o_cookies_classic\" data-select-layout=\"classic\" data-trigger=\"position_bottom,s_popup_size_full\">Clásico</we-button>\n            <we-button data-name=\"layout_popup_opt\" data-select-class=\"o_cookies_popup\" data-select-layout=\"popup\" data-trigger=\"position_middle,s_popup_size_md\">Ventana emergente</we-button>\n        </we-select>\n    </div>\n\n    <!-- Image position in grid -->\n    <div data-js=\"GridImage\" data-selector=\"img\">\n        <we-select string=\"Posición\">\n            <we-button data-change-grid-image-mode=\"cover\">Portada</we-button>\n            <we-button data-change-grid-image-mode=\"contain\">Contiene</we-button>\n        </we-select>\n    </div>\n\n    <!-- Indicators: '.o_dot' and '.o_dot_line' -->\n    <t t-set=\"o_dot_color_selector\" t-valuef=\".s_timeline .s_timeline_row\"/>\n    <t t-set=\"o_dot_line_color_selector\" t-valuef=\".s_timeline\"/>\n\n    <div t-att-data-selector=\"o_dot_color_selector\">\n        <we-colorpicker string=\"Color del punto\" data-select-style=\"true\" data-css-property=\"color\" data-color-prefix=\"text-\" data-apply-to=\".o_dot\"/>\n    </div>\n    <div t-att-data-selector=\"o_dot_line_color_selector\">\n        <we-colorpicker string=\"Color de la línea de puntos\" data-select-style=\"true\" data-css-property=\"border-color\" data-color-prefix=\"border-\" data-apply-to=\".o_dot_line\"/>\n    </div>\n\n    <!-- Website Animate -->\n    <div data-js=\"WebsiteAnimate\" data-selector=\".o_animable, section .row &gt; div, img, .fa, .btn, .o_animated_text\" data-exclude=\"[data-oe-xpath], .o_not-animable, .s_col_no_resize.row &gt; div, .s_col_no_resize\" data-text-selector=\".o_animated_text\">\n        <!-- Animation mode -->\n        <we-row string=\"Animación\">\n            <we-select data-dependencies=\"!image_transform_opt\" data-is-animation-type-selection=\"true\" data-no-preview=\"true\">\n                <we-button data-animation-mode=\"\" data-select-class=\"\" data-name=\"no_animation_opt\">Ninguno</we-button>\n                <we-button data-animation-mode=\"onAppearance\" data-force-animation=\"true\" data-select-class=\"o_animate\" data-name=\"animation_on_appearance_opt\">Cuando aparece</we-button>\n                <we-button data-animation-mode=\"onScroll\" data-select-class=\"o_animate o_animate_on_scroll\" data-force-animation=\"true\" data-name=\"animation_on_scroll_opt\">Al deslizar verticalmente</we-button>\n                <we-button data-animation-mode=\"onHover\" data-select-class=\"o_animate_on_hover\" data-name=\"animation_on_hover_opt\">Al deslizar el ratón</we-button>\n            </we-select>\n            <we-button-group data-dependencies=\"animation_on_scroll_opt\" data-no-preview=\"true\" data-force-animation=\"true\">\n                <we-button data-select-class=\"\">Dentro</we-button>\n                <we-button data-select-class=\"o_animate_out\">Salida</we-button>\n            </we-button-group>\n        </we-row>\n        <!-- Effect -->\n        <we-select string=\"Efecto\" class=\"o_we_sublevel_1\" data-name=\"animation_effect_opt\">\n            <we-button data-select-class=\"\" data-name=\"o_anim_no_effect_opt\" data-dependencies=\"no_animation_opt\">Ninguno</we-button>\n            <we-button data-select-class=\"o_anim_fade_in\" data-trigger=\"animation_direction_in_place_opt\">Desvanecer</we-button>\n            <we-button data-select-class=\"o_anim_slide_in\" data-name=\"o_anim_slide_in_opt\" data-trigger=\"animation_direction_from_right_opt\">Deslizar</we-button>\n            <we-button data-select-class=\"o_anim_bounce_in\" data-trigger=\"animation_direction_in_place_opt\">Rebotado</we-button>\n            <we-button data-select-class=\"o_anim_rotate_in\" data-name=\"o_anim_rotate_opt\" data-trigger=\"animation_direction_in_place_opt\">Rotar</we-button>\n            <we-button data-select-class=\"o_anim_zoom_out\" data-trigger=\"animation_direction_in_place_opt\">Alejar</we-button>\n            <we-button data-select-class=\"o_anim_zoom_in\" data-trigger=\"animation_direction_in_place_opt\">Acercar</we-button>\n            <we-button data-select-class=\"o_anim_flash\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Flash</we-button>\n            <we-button data-select-class=\"o_anim_pulse\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Pulso</we-button>\n            <we-button data-select-class=\"o_anim_shake\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Sacudir</we-button>\n            <we-button data-select-class=\"o_anim_tada\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Tada</we-button>\n            <we-button data-select-class=\"o_anim_flip_in_x\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Girar sobre eje X</we-button>\n            <we-button data-select-class=\"o_anim_flip_in_y\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Girar sobre eje Y</we-button>\n        </we-select>\n        <!-- Direction -->\n        <we-select string=\"Dirección\" class=\"o_we_sublevel_1\" data-name=\"animation_direction_opt\" data-force-animation=\"true\">\n            <we-button data-select-class=\"\" data-name=\"animation_direction_in_place_opt\" data-dependencies=\"!o_anim_slide_in_opt\">En su lugar</we-button>\n            <we-button data-select-class=\"o_anim_from_right\" data-name=\"animation_direction_from_right_opt\" data-dependencies=\"!o_anim_rotate_opt\">Desde la derecha</we-button>\n            <we-button data-select-class=\"o_anim_from_left\" data-dependencies=\"!o_anim_rotate_opt\">Desde la izquierda</we-button>\n            <we-button data-select-class=\"o_anim_from_bottom\" data-dependencies=\"!o_anim_rotate_opt\">Desde abajo</we-button>\n            <we-button data-select-class=\"o_anim_from_top\" data-dependencies=\"!o_anim_rotate_opt\">Desde arriba</we-button>\n            <we-button data-select-class=\"o_anim_from_top_right\" data-dependencies=\"o_anim_rotate_opt\">Desde arriba a la derecha</we-button>\n            <we-button data-select-class=\"o_anim_from_top_left\" data-dependencies=\"o_anim_rotate_opt\">Desde arriba a la izquierda</we-button>\n            <we-button data-select-class=\"o_anim_from_bottom_right\" data-dependencies=\"o_anim_rotate_opt\">Desde abajo a la derecha</we-button>\n            <we-button data-select-class=\"o_anim_from_bottom_left\" data-dependencies=\"o_anim_rotate_opt\">Desde abajo a la izquierda</we-button>\n        </we-select>\n        <!-- Trigger -->\n        <we-select string=\"Activador\" class=\"o_we_sublevel_1\" data-dependencies=\"animation_on_appearance_opt\" data-name=\"animation_trigger_opt\">\n            <we-button data-select-class=\"\">Sólo la primera vez</we-button>\n            <we-button data-select-class=\"o_animate_both_scroll\">Cada vez</we-button>\n        </we-select>\n        <!-- Intensity -->\n        <we-range string=\"Intensidad\" class=\"o_we_sublevel_1\" data-name=\"animation_intensity_opt\" data-animation-intensity=\"\" data-min=\"1\" data-max=\"100\" data-step=\"1\" data-display-range-value=\"true\" data-no-preview=\"true\"/>\n        <!-- Scroll Zone -->\n        <we-row string=\"Zona de desplazamiento\" class=\"o_we_sublevel_1\">\n            <we-input data-unit=\"%\" data-step=\"1\" data-dependencies=\"animation_on_scroll_opt\" data-no-preview=\"true\" data-select-data-attribute=\"\" data-attribute-name=\"scrollZoneStart\" data-force-animation=\"true\"/>\n            <span class=\"mx-2\">a</span>\n            <we-input data-unit=\"%\" data-step=\"1\" data-dependencies=\"animation_on_scroll_opt\" data-no-preview=\"true\" data-select-data-attribute=\"\" data-attribute-name=\"scrollZoneEnd\" data-force-animation=\"true\"/>\n        </we-row>\n        <!-- Start After -->\n        <we-input string=\"Empezar después\" class=\"o_we_sublevel_1 o_we_small_input\" data-dependencies=\"animation_on_appearance_opt\" data-name=\"animation_delay_opt\" data-select-style=\"0s\" data-css-property=\"animation-delay\" data-unit=\"s\"/>\n        <!-- Duration -->\n        <we-input string=\"Duración\" class=\"o_we_sublevel_1 o_we_small_input\" data-dependencies=\"animation_on_appearance_opt\" data-select-style=\"0.4s\" data-css-property=\"animation-duration\" data-unit=\"s\"/>\n    </div>\n\n    <!-- Text highlight effects -->\n    <div data-js=\"TextHighlight\" data-selector=\".o_text_highlight\" data-text-selector=\".o_text_highlight\">\n        <!-- Text highlight style -->\n        <we-select string=\"Resaltar\" data-name=\"text_highlight_opt\" class=\"o_we_select_grid\">\n            <div class=\"grid gap-0\">\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_underline\" data-set-text-highlight=\"underline\" data-select-label=\"Underline\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_freehand_1\" data-set-text-highlight=\"freehand_1\" data-select-label=\"Freehand 1\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_freehand_2 o_text_highlight_fill\" data-set-text-highlight=\"freehand_2\" data-select-label=\"Freehand 2\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_freehand_3 o_text_highlight_fill\" data-set-text-highlight=\"freehand_3\" data-select-label=\"Freehand 3\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_double\" data-set-text-highlight=\"double\" data-select-label=\"Double\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_wavy\" data-set-text-highlight=\"wavy\" data-select-label=\"Wavy\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_circle_1\" data-set-text-highlight=\"circle_1\" data-select-label=\"Circle 1\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_circle_2 o_text_highlight_fill\" data-set-text-highlight=\"circle_2\" data-select-label=\"Circle 2\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_circle_3 o_text_highlight_fill\" data-set-text-highlight=\"circle_3\" data-select-label=\"Circle 3\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_over_underline\" data-set-text-highlight=\"over_underline\" data-select-label=\"Over And Underline\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_scribble_1\" data-set-text-highlight=\"scribble_1\" data-select-label=\"Scribble 1\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_scribble_2 o_text_highlight_fill\" data-set-text-highlight=\"scribble_2\" data-select-label=\"Scribble 2\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_scribble_3 o_text_highlight_fill\" data-set-text-highlight=\"scribble_3\" data-select-label=\"Scribble 3\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_scribble_4 o_text_highlight_fill\" data-set-text-highlight=\"scribble_4\" data-select-label=\"Scribble 4\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_jagged\" data-set-text-highlight=\"jagged\" data-select-label=\"Jagged\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_cross\" data-set-text-highlight=\"cross\" data-select-label=\"Cross\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_diagonal\" data-set-text-highlight=\"diagonal\" data-select-label=\"Diagonal\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_strikethrough\" data-set-text-highlight=\"strikethrough\" data-select-label=\"Strikethrough\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_bold o_text_highlight_fill\" data-set-text-highlight=\"bold\" data-select-label=\"Bold\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_bold_1 o_text_highlight_fill\" data-set-text-highlight=\"bold_1\" data-select-label=\"Bold 1\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_bold_2 o_text_highlight_fill\" data-set-text-highlight=\"bold_2\" data-select-label=\"Bold 2\"/>\n            </div>\n        </we-select>\n        <!-- Text highlight color -->\n        <we-colorpicker string=\"Color\" class=\"o_we_sublevel_1\" data-dependencies=\"text_highlight_opt\" data-css-property=\"--text-highlight-color\" data-select-style=\"\"/>\n        <!-- Text highlight thickness -->\n        <we-input string=\"Grosor\" class=\"o_we_sublevel_1 o_we_small_input\" data-dependencies=\"text_highlight_opt\" data-css-property=\"--text-highlight-width\" data-select-style=\"\" data-unit=\"px\"/>\n    </div>\n\n    <!-- Theme options -->\n    <div data-js=\"ThemeColors\" data-selector=\"theme-colors\" data-no-check=\"true\">\n        <we-alert class=\"o_old_color_system_warning d-none mt-2\">\n            Parece que su sitio web aún utiliza el antiguo sistema de colores de\n            Odoo 13.0 para algunas cosas. Todo funciona bien\n            pero le recomendamos que pruebe el nuevo sistema de colores, también\n            es personalizable.\n        </we-alert>\n        <we-row class=\"o_we_theme_colors_selector\">\n            <div class=\"o_we_theme_colors_selector_group\">\n                <we-title>Principal</we-title>\n                <we-colorpicker data-name=\"color_1_opt\" title=\"Primario\" data-customize-website-color=\"\" data-color=\"o-color-1\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n                <we-colorpicker data-name=\"color_2_opt\" title=\"Secundario\" data-customize-website-color=\"\" data-color=\"o-color-2\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n                <we-colorpicker data-customize-website-color=\"\" data-color=\"o-color-3\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n            </div>\n            <div class=\"o_we_theme_colors_selector_group\">\n                <we-title>Claro &amp; oscuro</we-title>\n                <we-colorpicker data-customize-website-color=\"\" data-color=\"o-color-4\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n                <we-colorpicker data-customize-website-color=\"\" data-color=\"o-color-5\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n            </div>\n            <we-select data-img=\"/website/static/src/img/snippets_options/palette.svg\" class=\"o_we_theme_colors_select\" data-variable=\"color-palettes-name\"/>\n        </we-row>\n        <we-collapse class=\"o_we_theme_presets_collapse\" string=\"Preajustes de color\">\n        </we-collapse>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"website-settings\" data-no-check=\"true\">\n        <we-row string=\"Tema favorito\" groups=\"base.group_system\">\n            <we-button data-switch-theme=\"\" data-no-preview=\"true\" class=\"o_we_bg_brand_primary\">Cambiar tema</we-button>\n        </we-row>\n        <we-row string=\"Idioma\">\n            <we-button data-add-language=\"\" data-no-preview=\"true\" class=\"o_we_bg_brand_primary\">Añadir un idioma</we-button>\n        </we-row>\n        <we-select string=\"Diseño de página\" data-variable=\"layout\">\n            <we-button data-customize-website-variable=\"'full'\" data-name=\"layout_full_opt\">Completo</we-button>\n            <we-button data-customize-website-variable=\"'boxed'\">Con caja</we-button>\n            <we-button data-customize-website-variable=\"'framed'\">Enmarcado</we-button>\n            <we-button data-customize-website-variable=\"'postcard'\">Tarjeta postal</we-button>\n        </we-select>\n        <we-row string=\"Fondo\" class=\"o_we_sublevel_1\" data-no-preview=\"true\">\n            <we-colorpicker data-dependencies=\"!layout_full_opt\" data-customize-website-color=\"\" data-color=\"body\"/>\n            <we-button-group data-imagepicker=\"body_bg_image_opt\">\n                <we-button title=\"Imagen\" class=\"fa fa-fw fa-camera\" data-customize-body-bg-type=\"'image'\"/>\n                <we-button title=\"Patrón\" class=\"fa fa-fw fa-th\" data-customize-body-bg-type=\"'pattern'\"/>\n                <we-button title=\"Ninguno\" class=\"fa fa-fw fa-ban\" data-customize-body-bg-type=\"NONE\"/>\n            </we-button-group>\n            <!-- Hidden imagepicker enabled by above button-group -->\n            <we-imagepicker data-name=\"body_bg_image_opt\" data-customize-body-bg=\"\"/>\n        </we-row>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-paragraph\" data-no-check=\"true\">\n        <we-collapse>\n            <we-input string=\"Tamaño de la fuente\" data-customize-website-variable=\"null\" data-variable=\"font-size-base\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeño\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" data-variable=\"small-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-fontfamilypicker string=\"Familia de la fuente\" data-variable=\"font\"/>\n        <!-- \"× \": \\u00D7\\u2000 -->\n        <we-input string=\"Alto de la linea\" data-customize-website-variable=\"null\" data-variable=\"body-line-height\" data-fake-unit=\"× \"/>\n        <we-row string=\"Márgenes\">\n            <we-input title=\"Arriba\" data-customize-website-variable=\"\" data-variable=\"paragraph-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n            <we-input title=\"Abajo\" data-customize-website-variable=\"\" data-variable=\"paragraph-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n        </we-row>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-headings\" data-no-check=\"true\">\n        <t t-set=\"heading_label\">Título</t>\n        <t t-set=\"display_label\">Mostrar en pantalla</t>\n        <we-collapse>\n            <we-input string=\"Tamaño de la fuente\" title=\"Título 1\" data-customize-website-variable=\"null\" data-variable=\"h1-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"h#{depth}-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </t>\n            <!-- We don't use `display-font-sizes.5` and `display-font-sizes.6` -->\n            <t t-set=\"used_display_font_sizes\" t-value=\"[1, 2, 3, 4]\"/>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"display-#{depth}-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <we-row string=\"Familia de la fuente\" title=\"Título 1\">\n                <we-fontfamilypicker data-variable=\"headings-font\"/>\n                <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Restablecer la familia de fuentes de párrafo\" data-customize-website-variable=\"\" data-variable=\"headings-font\" data-remove-font=\"set-headings-font\" data-no-preview=\"true\"/>\n            </we-row>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-fontfamilypicker t-attf-data-variable=\"h#{depth}-font\"/>\n                    <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Restablecer la familia de fuentes de los encabezados\" data-customize-website-variable=\"\" t-attf-data-variable=\"h#{depth}-font\" t-attf-data-remove-font=\"set-h#{depth}-font\" data-no-preview=\"true\"/>\n                </we-row>\n            </t>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-fontfamilypicker t-attf-data-variable=\"display-#{depth}-font\"/>\n                    <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Restablecer la familia de fuentes de los encabezados\" data-customize-website-variable=\"\" t-attf-data-variable=\"display-#{depth}-font\" t-attf-data-remove-font=\"set-display-#{depth}-font\" data-no-preview=\"true\"/>\n                </we-row>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <!-- \"× \": \\u00D7\\u2000 -->\n            <we-input string=\"Alto de la linea\" title=\"Título 1\" data-customize-website-variable=\"null\" data-variable=\"headings-line-height\" data-fake-unit=\"× \"/>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"h#{depth}-line-height\" data-fake-unit=\"× \"/>\n            </t>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"display-#{depth}-line-height\" data-fake-unit=\"× \"/>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <we-row string=\"Márgenes\" title=\"Título 1\">\n                <we-input title=\"Arriba\" data-customize-website-variable=\"\" data-variable=\"headings-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n                <we-input title=\"Abajo\" data-customize-website-variable=\"\" data-variable=\"headings-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n            </we-row>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-input title=\"Arriba\" data-customize-website-variable=\"\" t-attf-data-variable=\"h#{depth}-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n                    <we-input title=\"Abajo\" data-customize-website-variable=\"\" t-attf-data-variable=\"h#{depth}-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n                </we-row>\n            </t>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-input title=\"Arriba\" data-customize-website-variable=\"\" t-attf-data-variable=\"display-#{depth}-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n                    <we-input title=\"Abajo\" data-customize-website-variable=\"\" t-attf-data-variable=\"display-#{depth}-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n                </we-row>\n            </t>\n        </we-collapse>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-button\" data-no-check=\"true\">\n        <we-select string=\"Estilo primario\" data-button=\"primary\" data-no-preview=\"true\">\n            <we-button data-customize-button-style=\"fill\">Rellenar</we-button>\n            <we-button data-customize-button-style=\"outline\" data-name=\"btn_primary_outline_opt\">Esquema</we-button>\n            <we-button data-customize-button-style=\"flat\">Plano</we-button>\n        </we-select>\n        <we-input string=\"Ancho del borde\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-primary-outline-border-width\" data-dependencies=\"btn_primary_outline_opt\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        <we-select string=\"Estilo secundario\" data-button=\"secondary\" data-no-preview=\"true\">\n            <we-button data-customize-button-style=\"fill\">Rellenar</we-button>\n            <we-button data-customize-button-style=\"outline\" data-name=\"btn_secondary_outline_opt\">Esquema</we-button>\n            <we-button data-customize-button-style=\"flat\">Plano</we-button>\n        </we-select>\n        <we-input string=\"Ancho del borde\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-secondary-outline-border-width\" data-dependencies=\"btn_secondary_outline_opt\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        <we-row string=\"Familia de la fuente\">\n            <we-fontfamilypicker data-variable=\"buttons-font\"/>\n            <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Restablecer la familia de fuentes de párrafo\" data-customize-website-variable=\"\" data-variable=\"buttons-font\" data-remove-font=\"set-buttons-font\" data-no-preview=\"true\"/>\n        </we-row>\n        <we-collapse>\n            <we-row string=\"Relleno\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"btn-padding-y\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"btn-padding-x\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Pequeño\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"btn-padding-y-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"btn-padding-x-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Grande\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"btn-padding-y-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"btn-padding-x-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Tamaño de la fuente\" data-customize-website-variable=\"\" data-variable=\"btn-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeño\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-font-size-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Grande\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-font-size-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Esquinas redondas\" data-customize-website-variable=\"\" data-variable=\"btn-border-radius\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeño\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-border-radius-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Grande\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-border-radius-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-select string=\"Efecto al hacer clic\" data-variable=\"btn-ripple\">\n            <we-button data-customize-website-variable=\"false\">Ninguno</we-button>\n            <we-button data-customize-website-variable=\"true\" data-customize-website-assets=\"website.ripple_effect_scss, website.ripple_effect_js\">Onda</we-button>\n        </we-select>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-link\" data-no-check=\"true\">\n        <we-select string=\"Estilo de enlace\" data-variable=\"link-underline\">\n            <we-button data-customize-website-variable=\"'never'\">Sin subrayado</we-button>\n            <we-button data-customize-website-variable=\"'hover'\">Subrayar al deslizar el ratón</we-button>\n            <we-button data-customize-website-variable=\"'always'\">Siempre subrayar</we-button>\n        </we-select>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-input\" data-no-check=\"true\">\n        <we-collapse>\n            <we-row string=\"Rellenos\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"input-padding-y\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"input-padding-x\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Pequeño\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"input-padding-y-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"input-padding-x-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Grande\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"input-padding-y-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"input-padding-x-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Tamaño de la fuente\" data-customize-website-variable=\"\" data-variable=\"input-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeño\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-font-size-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Grande\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-font-size-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Ancho del borde\" data-customize-website-variable=\"\" data-variable=\"input-border-width\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Radio del borde\" data-customize-website-variable=\"\" data-variable=\"input-border-radius\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeño\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-border-radius-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Grande\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-border-radius-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-row string=\"Fondo\">\n            <we-colorpicker title=\"Fondo\" data-no-transparency=\"true\" data-customize-website-color=\"\" data-color=\"input\"/>\n        </we-row>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-advanced\" data-no-check=\"true\">\n        <we-checkbox string=\"Mostrar encabezado\" data-customize-website-views=\"website.option_layout_hide_header|\" data-reload=\"/\"/>\n        <we-row string=\"Inyección de código\" title=\"Introduzca el código que se añadirá a cada página de su sitio\">\n            <we-button data-no-preview=\"true\" data-open-custom-code-dialog=\"head\">&amp;lt;head&amp;gt; and &amp;lt;/body&amp;gt;</we-button>\n        </we-row>\n        <we-row string=\"Google Maps\">\n            <we-button data-configure-api-key=\"\" data-no-preview=\"true\">Clave personalizada</we-button>\n        </we-row>\n        <we-row string=\"Colores de estado\">\n            <we-colorpicker title=\"Éxito\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"success\" data-selected-tab=\"custom-colors\"/>\n            <we-colorpicker title=\"Información\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"info\" data-selected-tab=\"custom-colors\"/>\n            <we-colorpicker title=\"Advertencia\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"warning\" data-selected-tab=\"custom-colors\"/>\n            <we-colorpicker title=\"Error\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"danger\" data-selected-tab=\"custom-colors\"/>\n        </we-row>\n        <we-collapse>\n            <we-row string=\"Grises\" class=\"o_we_gray_preview o_we_collapse_toggler\">\n                <t t-foreach=\"9\" t-as=\"i\">\n                    <t t-set=\"grayCode\" t-value=\"str((9 - i) * 100)\"/>\n                    <span t-attf-title=\"Gris #{grayCode}\" t-attf-variable=\"#{grayCode}\" t-attf-class=\"o_we_user_value_widget o_we_gray_preview bg-#{grayCode}\"/>\n                </t>\n            </we-row>\n            <we-range string=\"Matiz\" class=\"o_we_sublevel_1 o_we_slider_tint\" data-customize-gray=\"\" data-param=\"gray-hue\" data-min=\"0\" data-max=\"359.9\" data-step=\"0.1\"/>\n            <we-range string=\"Saturación\" class=\"o_we_sublevel_1\" data-customize-gray=\"\" data-param=\"gray-extra-saturation\" data-step=\"0.1\"/>\n        </we-collapse>\n    </div>\n    <!-- Info page ('/website/info') -->\n    <div data-selector=\"main:has(.o_website_info)\" data-page-options=\"true\" groups=\"website.group_website_designer\" data-no-check=\"true\" string=\"Página de información\">\n        <we-checkbox string=\"Información de Odoo\" data-customize-website-views=\"website.show_website_info\" data-no-preview=\"true\" data-reload=\"/\"/>\n    </div>\n    <div data-js=\"SwitchableViews\" data-selector=\"#wrapwrap &gt; main\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n            <!-- Options will be populated by JS -->\n    </div>\n\n    </xpath>\n<xpath expr=\".\" position=\"attributes\"><attribute name=\"t-name\">website.snippet_options</attribute></xpath></data>", "pt_PT": "<data inherit_id=\"web_editor.snippet_options\" primary=\"True\">\n    <!-- =================================================================== -->\n    <!-- Modify generic snippet options                                      -->\n    <!-- =================================================================== -->\n\n    <xpath expr=\"//we-button[@data-name='image_transform_opt']\" position=\"attributes\">\n        <attribute name=\"data-dependencies\">no_animation_opt</attribute>\n    </xpath>\n\n    <!-- Hover effects options -->\n    <xpath expr=\"//div[@data-js='ImageTools']\" position=\"inside\">\n        <div id=\"o_hover_effects_options\">\n            <we-select string=\"Efeito\" class=\"o_we_sublevel_1\" data-attribute-name=\"hoverEffect\" data-set-img-shape-hover-effect=\"true\">\n                <we-button data-select-data-attribute=\"\" data-name=\"hover_effect_none_opt\">Nenhum(a)</we-button>\n                <we-button data-select-data-attribute=\"overlay\" data-name=\"hover_effect_overlay_opt\">Sobreposição</we-button>\n                <we-button data-select-data-attribute=\"image_zoom_in\" data-name=\"hover_effect_zoom_in_opt\">Mais zoom</we-button>\n                <we-button data-select-data-attribute=\"image_zoom_out\" data-name=\"hover_effect_zoom_out_opt\">Menos zoom</we-button>\n                <we-button data-select-data-attribute=\"dolly_zoom\" data-name=\"hover_effect_dolly_zoom_opt\">Efeito Dolly Zoom</we-button>\n                <we-button data-select-data-attribute=\"outline\" data-name=\"hover_effect_outline_opt\">Contorno</we-button>\n                <we-button data-select-data-attribute=\"image_mirror_blur\" data-name=\"hover_effect_mirror_blur_opt\">Desfoque</we-button>\n            </we-select>\n            <we-range string=\"Intensidade\" class=\"o_we_sublevel_2\" data-select-data-attribute=\"\" data-attribute-name=\"hoverEffectIntensity\" data-dependencies=\"hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_mirror_blur_opt, hover_effect_dolly_zoom_opt\" data-min=\"1\" data-max=\"100\" data-step=\"1\" data-display-range-value=\"true\" data-no-preview=\"true\"/>\n            <we-colorpicker string=\"Cor\" class=\"o_we_sublevel_2\" data-set-hover-effect-color=\"true\" data-excluded=\"theme, common\" data-dependencies=\"hover_effect_dolly_zoom_opt, hover_effect_overlay_opt, hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_outline_opt\" data-no-preview=\"true\" data-name=\"hover_effect_color_opt\"/>\n            <we-input string=\"Largura do traçado\" class=\"o_we_sublevel_2\" data-select-data-attribute=\"\" data-attribute-name=\"hoverEffectStrokeWidth\" data-step=\"1\" data-min=\"1\" data-unit=\"px\" data-dependencies=\"hover_effect_outline_opt\" data-no-preview=\"true\"/>\n        </div>\n    </xpath>\n\n     <!-- Version control -->\n    <xpath expr=\"//t[@t-call='web_editor.snippet_options_version_control']\" position=\"replace\">\n        <!-- General selector defining the parent elements of s_card snippets on\n             which the s_card options should be bound (instead of the s_card).\n             Note: defined here to be set above all the other options that might\n             need it. -->\n        <t t-set=\"card_parent_handlers\" t-value=\"'.s_three_columns .row &gt; div, .s_comparisons .row &gt; div, .s_cards_grid .row &gt; div, .s_cards_soft .row &gt; div, .s_product_list .row &gt; div'\"/>\n\n        <!-- Binding the option on the snippet if it is not a s_card with a\n             handler parent -->\n        <t t-call=\"web_editor.snippet_options_version_control\">\n            <t t-set=\"selector\" t-value=\"'[data-snippet]'\"/>\n            <t t-set=\"exclude\" t-valuef=\"div:is(#{card_parent_handlers}) &gt; .s_card\"/>\n        </t>\n\n        <!-- Binding the option on the s_card handler parent -->\n        <t t-call=\"web_editor.snippet_options_version_control\">\n            <t t-set=\"selector\" t-valuef=\"#{card_parent_handlers}\"/>\n            <t t-set=\"target\" t-value=\"'&gt; .s_card'\"/>\n        </t>\n    </xpath>\n\n    <!-- Font Awesome icons -->\n    <xpath expr=\"//div[@data-js='FontawesomeTools']\" position=\"inside\">\n        <t t-call=\"website.snippet_options_border_line_widgets\">\n            <t t-set=\"label\">Borda</t>\n            <t t-set=\"with_bs_class\" t-value=\"True\"/>\n        </t>\n    </xpath>\n\n    <!-- =================================================================== -->\n    <!-- Adding website specific snippet options                             -->\n    <!-- =================================================================== -->\n\n    <xpath expr=\".\" position=\"inside\">\n\n    <!-- H-ALIGN -->\n    <div id=\"so_text_align\" data-selector=\".s_share, .s_text_highlight, .s_social_media\">\n        <we-button-group string=\"Alinhamento\">\n            <we-button class=\"fa fa-fw fa-align-left\" title=\"Esquerda\" data-select-class=\"text-start\"/>\n            <we-button class=\"fa fa-fw fa-align-center\" title=\"Centro\" data-select-class=\"text-center\"/>\n            <we-button class=\"fa fa-fw fa-align-right\" title=\"Direita\" data-select-class=\"text-end\"/>\n        </we-button-group>\n    </div>\n\n    <div data-selector=\".s_share, .s_social_media\">\n        <we-select string=\"Posição do título\" data-apply-to=\".s_share_title, .s_social_media_title\">\n            <we-button data-select-class=\"d-block\">Topo</we-button>\n            <we-button data-select-class=\"\">Esquerda</we-button>\n            <we-button data-select-class=\"d-none\">Nenhum(a)</we-button>\n        </we-select>\n        <we-select string=\"Aspeto\" data-apply-to=\".fa\">\n            <we-button data-select-class=\"rounded shadow-sm\">Quadrado</we-button>\n            <we-button data-select-class=\"rounded-empty-circle shadow-sm\">Círculo</we-button>\n            <we-button data-select-class=\"rounded-circle shadow-sm\">Disco</we-button>\n            <we-button data-select-class=\"fa-stack\">Nenhum(a)</we-button>\n        </we-select>\n        <we-select string=\"Tamanho\" data-apply-to=\".fa\">\n            <we-button data-select-class=\"\">Pequeno</we-button>\n            <we-button data-select-class=\"fa-2x\">Fonte</we-button>\n            <we-button data-select-class=\"fa-3x\">Grande</we-button>\n        </we-select>\n        <!-- Compatibility, keep reverse logical, don't use `icon_color` -->\n        <we-checkbox string=\"Cor\" data-select-class=\"no_icon_color|\"/>\n    </div>\n\n    <div id=\"so_width\" data-selector=\".s_alert, .s_blockquote, .s_text_highlight\">\n        <we-select string=\"Largura\">\n            <we-button data-select-class=\"w-25\">25%</we-button>\n            <we-button data-select-class=\"w-50\">50%</we-button>\n            <we-button data-select-class=\"w-75\">75%</we-button>\n            <we-button data-select-class=\"w-100\" data-name=\"so_width_100\">100%</we-button>\n        </we-select>\n    </div>\n\n    <div id=\"so_block_align\" data-selector=\".s_alert, .s_blockquote, .s_text_highlight\">\n        <we-button-group string=\"Alinhamento\" data-dependencies=\"!so_width_100\">\n            <we-button class=\"fa fa-fw fa-align-left\" title=\"Esquerda\" data-select-class=\"me-auto\"/>\n            <we-button class=\"fa fa-fw fa-align-center\" title=\"Centro\" data-select-class=\"mx-auto\"/>\n            <we-button class=\"fa fa-fw fa-align-right\" title=\"Direita\" data-select-class=\"ms-auto\"/>\n        </we-button-group>\n    </div>\n\n    <!-- Carousel | .s_carousel | .s_quotes_carousel -->\n    <!-- Dedicated colorpicker so that there is not 3 level of\n         o_colored_level. Use inline-style color for the same reason. -->\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"'section'\"/>\n        <t t-set=\"target\" t-value=\"'&gt; .carousel'\"/>\n        <t t-set=\"with_colors\" t-value=\"True\"/>\n        <t t-set=\"with_images\" t-value=\"True\"/>\n        <t t-set=\"with_videos\" t-value=\"True\"/>\n        <t t-set=\"with_shapes\" t-value=\"True\"/>\n        <t t-set=\"with_gradients\" t-value=\"True\"/>\n        <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n    </t>\n\n    <t t-call=\"website.snippet_options_carousel\"/>\n\n    <div data-js=\"CarouselItem\" data-selector=\".s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item\">\n        <we-button class=\"fa fa-fw fa-angle-left\" data-switch-to-slide=\"left\" data-no-preview=\"true\" title=\"Mover para trás\"/>\n        <we-button class=\"fa fa-fw fa-angle-right me-2\" data-switch-to-slide=\"right\" data-no-preview=\"true\" title=\"Mover para frente\"/>\n        <we-button class=\"fa fa-fw fa-plus o_we_bg_success\" data-add-slide-item=\"true\" data-no-preview=\"true\" title=\"Adicionar slide\"/>\n        <we-button class=\"fa fa-fw fa-minus o_we_bg_danger\" data-remove-slide=\"true\" data-no-preview=\"true\" title=\"Remover slide\"/>\n    </div>\n\n    <div data-js=\"GalleryElement\" data-selector=\".s_image_gallery img, .s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item\">\n        <we-row string=\"Reordenar\" data-no-preview=\"true\">\n            <we-button class=\"fa fa-fw fa-angle-double-left\" title=\"Mover para o primeiro\" data-position=\"first\"/>\n            <we-button class=\"fa fa-fw fa-angle-left\" title=\"Mover para o anterior\" data-position=\"prev\"/>\n            <we-button class=\"fa fa-fw fa-angle-right\" title=\"Mover para o próximo\" data-position=\"next\"/>\n            <we-button class=\"fa fa-fw fa-angle-double-right\" title=\"Mover para o último\" data-position=\"last\"/>\n        </we-row>\n    </div>\n    <!-- Accordion -->\n    <div data-js=\"collapse\" data-selector=\".accordion &gt; .accordion-item\" data-drop-in=\".accordion:has(&gt; .accordion-item)\"/>\n\n    <div data-js=\"MultipleItems\" data-selector=\".s_accordion\">\n        <we-row string=\"Itens\">\n            <we-button data-add-item=\"\" data-item=\".accordion &gt; .accordion-item:last\" data-select-item=\"\" data-no-preview=\"true\" class=\"o_we_bg_brand_primary\">\n                Adicionar novo\n            </we-button>\n        </we-row>\n    </div>\n\n    <t t-set=\"so_submit_button_selector\" t-translation=\"off\">\n        .s_donation_donate_btn, .s_website_form_send\n    </t>\n\n    <!-- Button -->\n    <div data-js=\"Button\" data-selector=\"a.btn\" t-att-data-exclude=\"so_submit_button_selector\"/>\n\n    <!-- Columns only -->\n    <div data-js=\"layout_column\" data-selector=\"section.s_features_grid, section.s_process_steps\" data-target=\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\">\n        <t t-call=\"website.column_count_option\"/>\n    </div>\n\n    <!-- Grid only -->\n    <div data-js=\"layout_column\" data-selector=\"section.s_masonry_block, section.s_quadrant, section.s_image_frame, section.s_card_offset, section.s_contact_info\" data-target=\"&gt; *:has(&gt; .row)\">\n        <t t-call=\"website.grid_layout_options\"/>\n    </div>\n\n    <!-- Grid and columns -->\n    <div data-js=\"layout_column\" data-selector=\"section\" data-target=\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\" data-exclude=\".s_dynamic, .s_dynamic_snippet_content, .s_dynamic_snippet_title, .s_masonry_block, .s_framed_intro, .s_features_grid, .s_media_list, .s_table_of_content, .s_process_steps, .s_image_gallery, .s_timeline, .s_pricelist_boxed, .s_quadrant, .s_pricelist_cafe, .s_faq_horizontal, .s_image_frame, .s_card_offset, .s_contact_info\">\n        <we-row>\n            <we-button-group string=\"Aspeto\" data-no-preview=\"true\">\n                <we-button data-select-layout=\"grid\" data-name=\"grid_mode\">Grelha</we-button>\n                <we-button data-select-layout=\"normal\" data-name=\"normal_mode\">Colunas</we-button>\n            </we-button-group>\n            <t t-call=\"website.column_count_option\">\n                <t t-set=\"with_grid\" t-value=\"True\"/>\n            </t>\n        </we-row>\n        <t t-call=\"website.grid_layout_options\">\n            <t t-set=\"indent\" t-value=\"True\"/>\n        </t>\n    </div>\n\n    <!--  Vertical Alignment -->\n    <div data-js=\"vAlignment\" id=\"row_valign_snippet_option\" data-selector=\".s_text_image, .s_image_text, .s_three_columns, .s_showcase, .s_numbers, .s_faq_collapse, .s_references, .s_accordion_image, .s_shape_image\" data-target=\".row\">\n        <t t-call=\"website.vertical_alignment_option\">\n            <t t-set=\"indent\" t-value=\"True\"/>\n        </t>\n    </div>\n\n    <!-- Move snippets around -->\n    <div data-js=\"SnippetMove\" data-selector=\"section, .s_accordion .accordion-item, .s_showcase .row .row:not(.s_col_no_resize) &gt; div, .s_hr\" data-no-scroll=\".s_accordion .accordion-item\">\n        <we-button class=\"fa fa-fw fa-angle-up\" data-move-snippet=\"prev\" data-no-preview=\"true\" data-name=\"move_up_opt\"/>\n        <we-button class=\"fa fa-fw fa-angle-down\" data-move-snippet=\"next\" data-no-preview=\"true\" data-name=\"move_down_opt\"/>\n    </div>\n    <div data-js=\"SnippetMove\" data-selector=\".row:not(.s_col_no_resize) &gt; div, .nav-item\" data-exclude=\".s_showcase .row .row &gt; div\" data-name=\"move_horizontally_opt\">\n        <we-button class=\"fa fa-fw fa-angle-left\" data-move-snippet=\"prev\" data-no-preview=\"true\" data-name=\"move_left_opt\"/>\n        <we-button class=\"fa fa-fw fa-angle-right\" data-move-snippet=\"next\" data-no-preview=\"true\" data-name=\"move_right_opt\"/>\n    </div>\n\n    <!-- Background -->\n    <t t-set=\"only_bg_color_selector\" t-value=\"'section .row &gt; div, .s_text_highlight, .s_mega_menu_thumbnails_footer, .s_hr, .s_cta_badge'\"/>\n    <t t-set=\"only_bg_color_exclude\" t-valuef=\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .s_image_gallery .row &gt; div, .s_text_cover .row &gt; .o_not_editable, [data-snippet] :not(.oe_structure) &gt; .s_hr, #{card_parent_handlers}\"/>\n\n    <t t-set=\"base_only_bg_image_selector\" t-value=\"'.s_tabs .oe_structure &gt; *, footer .oe_structure &gt; *'\"/>\n    <t t-set=\"only_bg_image_selector\" t-value=\"base_only_bg_image_selector\"/>\n    <t t-set=\"only_bg_image_exclude\" t-value=\"''\"/>\n\n    <t t-set=\"both_bg_color_image_selector\" t-value=\"'section, .carousel-item, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .parallax, .s_text_cover .row &gt; .o_not_editable'\"/>\n    <t t-set=\"both_bg_color_image_exclude\" t-value=\"base_only_bg_image_selector + ', .s_carousel_wrapper, .s_image_gallery .carousel-item, .s_google_map, .s_map, [data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_masonry_block .s_col_no_resize, .s_quotes_carousel_wrapper, .s_carousel_intro_wrapper'\"/>\n\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"both_bg_color_image_selector\"/>\n        <t t-set=\"exclude\" t-value=\"both_bg_color_image_exclude\"/>\n        <t t-set=\"with_colors\" t-value=\"True\"/>\n        <t t-set=\"with_images\" t-value=\"True\"/>\n        <t t-set=\"with_videos\" t-value=\"True\"/>\n        <t t-set=\"with_shapes\" t-value=\"True\"/>\n        <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n        <t t-set=\"with_gradients\" t-value=\"True\"/>\n    </t>\n\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"only_bg_color_selector\"/>\n        <t t-set=\"exclude\" t-value=\"only_bg_color_exclude\"/>\n        <t t-set=\"with_colors\" t-value=\"True\"/>\n        <t t-set=\"with_images\" t-value=\"False\"/>\n        <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n        <t t-set=\"with_gradients\" t-value=\"True\"/>\n    </t>\n\n    <t t-call=\"website.snippet_options_background_options\">\n        <t t-set=\"selector\" t-value=\"only_bg_image_selector\"/>\n        <t t-set=\"exclude\" t-value=\"only_bg_image_exclude\"/>\n        <t t-set=\"with_colors\" t-value=\"False\"/>\n        <t t-set=\"with_images\" t-value=\"True\"/>\n        <t t-set=\"with_videos\" t-value=\"True\"/>\n        <t t-set=\"with_shapes\" t-value=\"True\"/>\n    </t>\n\n    <!-- Grid mode columns -->\n    <div data-js=\"GridColumns\" data-selector=\".row:not(.s_col_no_resize) &gt; div\">\n        <we-row string=\"Preenchimento (Y, X)\">\n            <we-input data-select-style=\"\" data-css-property=\"--grid-item-padding-y\" data-unit=\"px\" data-name=\"grid_padding_y_opt\"/>\n            <we-input data-select-style=\"\" data-css-property=\"--grid-item-padding-x\" data-unit=\"px\" data-name=\"grid_padding_x_opt\"/>\n        </we-row>\n    </div>\n\n    <!-- Border | Columns -->\n    <div data-js=\"Box\" data-selector=\"section .row &gt; div\" t-attf-data-exclude=\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_image_gallery .row &gt; div, .s_masonry_block .s_col_no_resize, .s_text_cover .row &gt; .o_not_editable, #{card_parent_handlers}\">\n        <t t-call=\"website.snippet_options_border_widgets\"/>\n        <t t-call=\"website.snippet_options_shadow_widgets\"/>\n    </div>\n\n    <div data-js=\"sizing_y\" data-selector=\"section, .row &gt; div, .parallax, .s_hr, .carousel-item, .s_rating\" data-exclude=\"section:has(&gt; .carousel), .s_image_gallery .carousel-item, .s_col_no_resize.row &gt; div, .s_col_no_resize\"/>\n\n    <div data-js=\"sizing_x\" data-selector=\".row &gt; div\" data-drop-near=\".row:not(.s_col_no_resize) &gt; div\" data-exclude=\".s_col_no_resize.row &gt; div, .s_col_no_resize\"/>\n\n    <div data-js=\"sizing_grid\" data-selector=\".row &gt; div\" data-drop-near=\".row.o_grid_mode &gt; div\" data-exclude=\".s_col_no_resize.row &gt; div, .s_col_no_resize\"/>\n\n    <t t-set=\"so_snippet_addition_selector\" t-translation=\"off\">section, .parallax, .s_hr</t>\n    <div id=\"so_snippet_addition\" t-att-data-selector=\"so_snippet_addition_selector\" data-drop-in=\":not(p).oe_structure:not(.oe_structure_solo), :not(.o_mega_menu):not(p)[data-oe-type=html], :not(p).oe_structure.oe_structure_solo:not(:has(&gt; section:not(.s_snippet_group), &gt; div:not(.o_hook_drop_zone)))\"/>\n        <!-- /!\\ drop-in here is partly duplicated for s_popup (see dedicated options) -->\n        <!-- TODO should be improved -->\n\n    <t t-set=\"so_content_addition_selector\" t-translation=\"off\">\n        blockquote, .s_alert, .o_facebook_page, .s_share, .s_social_media, .s_rating,\n        .s_hr, .s_google_map, .s_map, .s_countdown, .s_chart, .s_text_highlight, .s_progress_bar, .s_badge,\n        .s_embed_code, .s_donation, .s_add_to_cart, .s_online_appointment, .o_snippet_drop_in_only, .s_image, .s_cta_badge, .s_accordion\n    </t>\n\n    <t t-set=\"special_cards_selector\" t-valuef=\".s_card.s_timeline_card, div:is(#{card_parent_handlers}) &gt; .s_card\"/>\n\n    <div id=\"so_content_addition\" t-attf-data-selector=\"#{so_content_addition_selector}, .s_card\" t-attf-data-drop-near=\"p, h1, h2, h3, ul, ol, div:not(.o_grid_item_image) &gt; img, .btn, #{so_content_addition_selector}, .s_card:not(#{special_cards_selector})\" t-attf-data-exclude=\"#{special_cards_selector}\" data-drop-in=\"nav\"/>\n\n    <div data-js=\"SnippetSave\" data-selector=\"[data-snippet], a.btn\" t-attf-data-exclude=\".o_no_save, #{so_submit_button_selector}\">\n        <we-button class=\"fa fa-fw fa-save o_we_link o_we_hover_warning\" title=\"Salvar o bloco para usá-lo em outro lugar\" data-save-snippet=\"\" data-no-preview=\"true\"/>\n    </div>\n\n    <div data-js=\"menu_data\" data-selector=\".top_menu li &gt; a, [data-content_menu_id] li &gt; a\" data-exclude=\".dropdown-toggle, li.o_header_menu_button a, [data-toggle], .o_offcanvas_logo\" data-no-check=\"true\"/>\n\n    <div data-js=\"WebsiteLevelColor\" data-selector=\"#wrapwrap &gt; header\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-select string=\"Template\" data-variable=\"header-template\" data-default-variables=\"header-links-style: default\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button title=\"Predefinição\" data-name=\"header_default_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_default\" data-customize-website-variable=\"'default'\" data-img=\"/website/static/src/img/snippets_options/header_template_default.svg\"/>\n            <we-button title=\"Menu de hambúrguer\" data-name=\"header_hamburger_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_hamburger, website.no_autohide_menu\" data-customize-website-variable=\"'hamburger'\" data-img=\"/website/static/src/img/snippets_options/header_template_hamburger.svg\"/>\n            <we-button title=\"Menu de caixa arredondada\" data-name=\"header_boxed_opt\" data-trigger=\"over_content_header_visibility_opt\" data-customize-website-views=\"website.header_navbar_pills_style,website.template_header_boxed\" data-customize-website-variable=\"'boxed'\" data-customize-website-variables=\"header-links-style: pills\" data-img=\"/website/static/src/img/snippets_options/header_template_boxed.svg\"/>\n            <we-button title=\"Esticar menu\" data-name=\"header_stretch_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_stretch\" data-customize-website-variable=\"'stretch'\" data-img=\"/website/static/src/img/snippets_options/header_template_stretch.svg\"/>\n            <we-button title=\"Vertical\" data-name=\"header_vertical_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_vertical\" data-customize-website-variable=\"'vertical'\" data-img=\"/website/static/src/img/snippets_options/header_template_vertical.svg\"/>\n            <we-button title=\"Menu com barra de pesquisa\" data-name=\"header_search_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_search\" data-customize-website-variable=\"'search'\" data-img=\"/website/static/src/img/snippets_options/header_template_search.svg\"/>\n            <we-button title=\"Menu – Vendas 1\" data-name=\"header_sales_one_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_one\" data-customize-website-variable=\"'sales_one'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_one.svg\"/>\n            <we-button title=\"Menu – Vendas 2\" data-name=\"header_sales_two_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_two\" data-customize-website-variable=\"'sales_two'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_two.svg\"/>\n            <we-button title=\"Menu – Vendas 3\" data-name=\"header_sales_three_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_three\" data-customize-website-variable=\"'sales_three'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_three.svg\"/>\n            <we-button title=\"Menu – Vendas 4\" data-name=\"header_sales_four_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sales_four\" data-customize-website-variable=\"'sales_four'\" data-img=\"/website/static/src/img/snippets_options/header_template_sales_four.svg\"/>\n            <we-button title=\"Barra lateral\" data-name=\"header_sidebar_opt\" data-trigger=\"regular_header_visibility_opt\" data-customize-website-views=\"website.template_header_sidebar, website.no_autohide_menu\" data-customize-website-variable=\"'sidebar'\" data-img=\"/website/static/src/img/snippets_options/header_template_sidebar.svg\"/>\n        </we-select>\n\n        <!-- Header Sidebar Template - Options -->\n        <we-input string=\"Largura\" class=\"o_we_sublevel_1\" data-dependencies=\"header_sidebar_opt\" data-customize-website-variable=\"null\" data-variable=\"sidebar-width\" data-unit=\"px\" data-save-unit=\"rem\"/>\n\n        <we-row string=\"Fundo\">\n            <we-colorpicker data-customize-website-color=\"\" data-color=\"menu\" data-customize-website-layer2-color=\"\" data-layer-color=\"menu-custom\" data-layer-gradient=\"menu-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_one_opt\" data-customize-website-color=\"\" data-color=\"header-sales_one\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_one-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_two_opt\" data-customize-website-color=\"\" data-color=\"header-sales_two\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_two-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_three_opt\" data-customize-website-color=\"\" data-color=\"header-sales_three\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_three-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n            <we-colorpicker data-dependencies=\"header_sales_four_opt\" data-customize-website-color=\"\" data-color=\"header-sales_four\" data-customize-website-layer2-color=\"\" data-layer-color=\"header-sales_four-custom\" data-layer-gradient=\"menu-secondary-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n        </we-row>\n    </div>\n\n    <!-- Header - Borders & Shadows -->\n    <div data-js=\"HeaderBox\" id=\"option_header_shadow\" data-selector=\"#wrapwrap &gt; header:not(:has(.o_header_force_no_radius))\" data-target=\"nav\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <t t-call=\"website.snippet_options_header_box\"/>\n    </div>\n\n    <div data-js=\"HeaderBox\" id=\"option_header_shadow\" data-selector=\"#wrapwrap &gt; header:has(.o_header_force_no_radius)\" data-target=\"nav\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <t t-call=\"website.snippet_options_header_box\">\n            <t t-set=\"_no_border_radius\" t-value=\"True\"/>\n        </t>\n    </div>\n\n    <div data-selector=\"#wrapwrap &gt; header\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n\n        <we-select string=\"Efeito de rolagem\" data-dependencies=\"!header_sidebar_opt\" class=\"o_scroll_effects_selector\" data-variable=\"header-scroll-effect\">\n            <t t-set=\"header_effect_standard_label\">Padrão</t>\n            <t t-set=\"header_effect_scroll_label\">Rolagem</t>\n            <t t-set=\"header_effect_fixed_label\">Fixo</t>\n            <t t-set=\"header_effect_disappears_label\">Desaparece</t>\n            <t t-set=\"header_effect_fadeout_label\">Desaparecer</t>\n            <we-button id=\"option_header_visibility_standard\" t-att-data-select-label=\"header_effect_standard_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'standard'\" data-name=\"header_visibility_standard_opt\" data-select-class=\"o_header_standard\" data-customize-website-views=\"website.header_visibility_standard\" data-img=\"/website/static/src/img/snippets_options/header_effect_standard.png\">\n                <span t-esc=\"header_effect_standard_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_scroll\" t-att-data-select-label=\"header_effect_scroll_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'scroll'\" data-name=\"header_effect_scroll_opt\" data-select-class=\"\" data-customize-website-views=\"\" data-img=\"/website/static/src/img/snippets_options/header_effect_scroll.png\">\n                <span t-esc=\"header_effect_scroll_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_fixed\" t-att-data-select-label=\"header_effect_fixed_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'fixed'\" data-name=\"header_effect_fixed_opt\" data-select-class=\"o_header_fixed\" data-customize-website-views=\"website.header_visibility_fixed\" data-img=\"/website/static/src/img/snippets_options/header_effect_fixed.png\">\n                <span t-esc=\"header_effect_fixed_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_disappears\" t-att-data-select-label=\"header_effect_disappears_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'disappears'\" data-name=\"header_effect_disappears_opt\" data-select-class=\"o_header_disappears\" data-customize-website-views=\"website.header_visibility_disappears\" data-img=\"/website/static/src/img/snippets_options/header_effect_disappears.png\">\n                <span t-esc=\"header_effect_disappears_label\"/>\n            </we-button>\n            <we-button id=\"option_header_effect_fade_out\" t-att-data-select-label=\"header_effect_fadeout_label\" class=\"o_we_img_animate\" data-customize-website-variable=\"'fade-out'\" data-name=\"header_effect_fade_out_opt\" data-select-class=\"o_header_fade_out\" data-customize-website-views=\"website.header_visibility_fade_out\" data-img=\"/website/static/src/img/snippets_options/header_effect_fade_out.png\">\n               <span t-esc=\"header_effect_fadeout_label\"/>\n            </we-button>\n        </we-select>\n    </div>\n\n    <div data-js=\"TopMenuVisibility\" data-selector=\"[data-main-object^='website.page('] #wrapwrap &gt; header\" data-no-check=\"true\">\n        <we-select string=\"Posição do cabeçalho\" data-no-preview=\"true\" data-dependencies=\"!header_sidebar_opt\">\n            <we-button data-name=\"over_content_header_visibility_opt\" data-visibility=\"transparent\">Sobre o conteúdo</we-button>\n            <we-button data-name=\"regular_header_visibility_opt\" data-visibility=\"regular\">Normal</we-button>\n            <we-button data-visibility=\"hidden\">Oculto</we-button>\n        </we-select>\n    </div>\n\n    <div data-js=\"topMenuColor\" data-selector=\"[data-main-object^='website.page('] #wrapwrap &gt; header\" data-no-check=\"true\">\n        <we-colorpicker string=\"Fundo\" class=\"o_we_sublevel_1\" id=\"option_header_transparent_color\" data-select-style=\"true\" data-prevent-important=\"true\" data-css-property=\"background-color\" data-color-prefix=\"bg-\" data-excluded=\"theme, common\" data-page-option-name=\"header_color\"/>\n        <we-colorpicker string=\"Cor do texto\" class=\"o_we_sublevel_1\" id=\"option_header_transparent_text_color\" data-select-style=\"true\" data-css-property=\"color\" data-color-prefix=\"text-\" data-page-option-name=\"header_text_color\"/>\n    </div>\n\n    <div data-js=\"HeaderElements\" data-selector=\"#wrapwrap &gt; header\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-row string=\"Elementos\" class=\"o_we_full_row align-items-start\">\n            <we-button title=\"Mostrar/ocultar elemento textual\" class=\"d-flex justify-content-center flex-grow-1\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_text.svg\" data-customize-website-views=\"website.header_text_element\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar seletor de idiomas\" class=\"fa fa-flag d-flex justify-content-center flex-grow-1\" data-name=\"header_language_selector_opt\" data-customize-website-views=\"website.header_language_selector\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar barra de pesquisa\" class=\"fa fa-search d-flex justify-content-center flex-grow-1\" data-customize-website-views=\"website.header_search_box\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar botão de login\" class=\"fa fa-sign-in d-flex justify-content-center flex-grow-1\" data-customize-website-views=\"portal.user_sign_in\" data-reload=\"/\" data-no-preview=\"true\"/>\n        </we-row>\n        <we-row string=\" \" class=\"o_we_full_row align-items-start mt-1\">\n            <we-button title=\"Mostrar/ocultar links de redes sociais\" class=\"flex-grow-1 d-flex justify-content-center\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_social.svg\" data-customize-website-views=\"website.header_social_links\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar botão\" class=\"flex-grow-1 d-flex justify-content-center\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_cta.svg\" data-customize-website-views=\"website.header_call_to_action\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n            <we-button title=\"Mostrar/ocultar logo\" class=\"flex-grow-1 d-flex justify-content-center\" data-img=\"/website/static/src/img/snippets_options/header_extra_element_logo.svg\" data-customize-website-views=\"|website.option_header_brand_name|website.option_header_brand_logo\" data-reset-view-arch=\"true\" data-reload=\"/\"/>\n        </we-row>\n    </div>\n\n    <!-- Header > Navbar Options -->\n    <div data-js=\"HeaderNavbar\" data-selector=\"#wrapwrap &gt; header nav.navbar\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n\n        <we-select string=\"Alinhamento móvel\" data-name=\"header_mobile_alignment_opt\" data-variable=\"hamburger-position-mobile\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"\" data-customize-website-variable=\"'left'\">Esquerda</we-button>\n            <we-button data-customize-website-views=\"website.template_header_mobile_align_center, website.template_header_hamburger_mobile_align_center\" data-customize-website-variable=\"'center'\">Centro</we-button>\n            <we-button data-customize-website-views=\"website.template_header_mobile_align_right, website.template_header_hamburger_mobile_align_right\" data-customize-website-variable=\"'right'\">Direita</we-button>\n        </we-select>\n\n        <we-fontfamilypicker string=\"Fonte\" data-variable=\"navbar-font\"/>\n\n        <we-row string=\"Formato\" class=\"o_we_header_font_row\">\n            <we-input data-customize-website-variable=\"null\" data-variable=\"header-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-colorpicker data-variable=\"header-text-color\" data-customize-website-variable=\"\"/>\n            <!-- Generic alignment option controling all the template at once. -->\n            <!-- Currently needed to be this way as the SCSS variable controls -->\n            <!-- the mobile alignement which is the same for all templates. -->\n            <we-select class=\"o_we_icon_select\" data-name=\"header_alignment_opt\" data-variable=\"hamburger-position\" data-reload=\"/\" title=\"Alinhamento\" data-dependencies=\"header_default_opt, header_hamburger_opt, header_boxed_opt, header_stretch_opt, header_search_opt, header_sales_one_opt, header_sales_two_opt, header_sales_four_opt, header_sidebar_opt\">\n                <we-button data-customize-website-views=\"\" data-customize-website-variable=\"'left'\" data-icon=\"fa-align-left\"/>\n                <we-button data-customize-website-views=\"website.template_header_default_align_center, website.template_header_boxed_align_center, website.template_header_stretch_align_center, website.template_header_search_align_center, website.template_header_sales_one_align_center, website.template_header_sales_two_align_center, website.template_header_sales_four_align_center, website.template_header_sidebar_align_center\" data-customize-website-variable=\"'center'\" data-icon=\"fa-align-center\" data-dependencies=\"!header_hamburger_opt\"/>\n                <we-button data-customize-website-views=\"website.template_header_default_align_right, website.template_header_hamburger_align_right, website.template_header_boxed_align_right, website.template_header_stretch_align_right, website.template_header_search_align_right, website.template_header_sales_one_align_right, website.template_header_sales_two_align_right, website.template_header_sales_four_align_right, website.template_header_sidebar_align_right\" data-customize-website-variable=\"'right'\" data-icon=\"fa-align-right\"/>\n            </we-select>\n        </we-row>\n\n        <we-select string=\"Estilo dos links\" data-variable=\"header-links-style\" data-reload=\"/\" data-dependencies=\"!header_stretch_opt\">\n            <we-button data-name=\"option_header_navbar_links_default\" data-customize-website-views=\"\" data-customize-website-variable=\"'default'\">Predefinição</we-button>\n            <we-button data-name=\"option_header_navbar_links_fill\" data-customize-website-views=\"website.header_navbar_pills_style\" data-customize-website-variable=\"'fill'\">Preencher</we-button>\n            <we-button data-name=\"option_header_navbar_links_outline\" data-customize-website-views=\"\" data-customize-website-variable=\"'outline'\">Contorno</we-button>\n            <we-button data-name=\"option_header_navbar_links_pills\" data-customize-website-views=\"website.header_navbar_pills_style\" data-customize-website-variable=\"'pills'\">Pílulas</we-button>\n            <we-button data-name=\"option_header_navbar_block\" data-customize-website-views=\"website.header_navbar_pills_style\" data-customize-website-variable=\"'block'\">Bloquear</we-button>\n            <we-button data-name=\"option_header_navbar_border_bottom\" data-customize-website-views=\"\" data-customize-website-variable=\"'border-bottom'\">Borda inferior</we-button>\n        </we-select>\n\n        <we-select string=\"Cores adicionais\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"\">Predefinição</we-button>\n            <we-button data-customize-website-views=\"website.template_header_additional_color_primary\">Primário</we-button>\n            <we-button data-customize-website-views=\"website.template_header_additional_color_secondary\">Secundário</we-button>\n        </we-select>\n\n        <we-select id=\"option_header_dropdown\" string=\"Sub menus\" data-dependencies=\"!header_hamburger_opt\" data-no-preview=\"true\">\n            <we-button data-select-class=\"o_hoverable_dropdown\" data-customize-website-views=\"website.header_hoverable_dropdown\">Ao passar o mouse</we-button>\n            <we-button data-select-class=\"\" data-name=\"header_dropdown_on_click_opt\">Ao clicar</we-button>\n        </we-select>\n    </div>\n\n    <div data-selector=\"#wrapwrap &gt; header nav.navbar .o_header_language_selector\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-select string=\"Estilo\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"website.header_language_selector\">Menu suspenso</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector, website.header_language_selector_inline\">Em linha</we-button>\n        </we-select>\n        <we-select string=\"Descrição\" class=\"o_we_sublevel_1\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button data-customize-website-views=\"\">Texto</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_flag, website.header_language_selector_no_text\">Bandeira</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_flag\">Bandeira e texto</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_code, website.header_language_selector_no_text\">Código</we-button>\n            <we-button data-customize-website-views=\"website.header_language_selector_flag, website.header_language_selector_code, website.header_language_selector_no_text\">Bandeira e código</we-button>\n        </we-select>\n    </div>\n\n    <div data-selector=\"#wrapwrap &gt; header nav.navbar .navbar-brand\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-select string=\"Logótipo\" data-reload=\"/\">\n            <we-button data-customize-website-views=\"\" data-name=\"option_header_brand_none\">Nenhum(a)</we-button>\n            <we-button data-customize-website-views=\"website.option_header_brand_name\">Texto</we-button>\n            <we-button data-customize-website-views=\"website.option_header_brand_logo\">Imagem</we-button>\n        </we-select>\n        <we-input string=\"Altura\" class=\"o_we_sublevel_1\" data-dependencies=\"!option_header_brand_none\" data-customize-website-variable=\"null\" data-variable=\"logo-height\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        <we-input string=\"Altura (com rolagem)\" class=\"o_we_sublevel_1\" data-name=\"option_logo_height_scrolled\" data-customize-website-variable=\"null\" data-variable=\"fixed-logo-height\" data-unit=\"px\" data-save-unit=\"rem\" data-dependencies=\"!header_effect_scroll_opt\"/>\n    </div>\n\n    <!-- Footer - Colors & Layouts -->\n    <div data-js=\"WebsiteLevelColor\" data-selector=\"#wrapwrap &gt; footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n\n        <!-- Layouts -->\n        <we-select string=\"Template\" data-variable=\"footer-template\" data-reload=\"/\">\n            <we-button title=\"Predefinição\" data-customize-website-views=\"website.footer_custom\" data-customize-website-variable=\"'default'\" data-img=\"/website/static/src/img/snippets_options/footer_template_default.svg\"/>\n            <we-button title=\"Descritivo\" data-customize-website-views=\"website.template_footer_descriptive\" data-customize-website-variable=\"'descriptive'\" data-img=\"/website/static/src/img/snippets_options/footer_template_descriptive.svg\"/>\n            <we-button title=\"Centralizado\" data-customize-website-views=\"website.template_footer_centered\" data-customize-website-variable=\"'centered'\" data-img=\"/website/static/src/img/snippets_options/footer_template_centered.svg\"/>\n            <we-button title=\"Links\" data-customize-website-views=\"website.template_footer_links\" data-customize-website-variable=\"'links'\" data-img=\"/website/static/src/img/snippets_options/footer_template_links.svg\"/>\n            <we-button title=\"Minimalista\" data-customize-website-views=\"website.template_footer_minimalist\" data-customize-website-variable=\"'minimalist'\" data-img=\"/website/static/src/img/snippets_options/footer_template_minimalist.svg\"/>\n            <we-button title=\"Contacto\" data-customize-website-views=\"website.template_footer_contact\" data-customize-website-variable=\"'contact'\" data-img=\"/website/static/src/img/snippets_options/footer_template_contact.svg\"/>\n            <we-button title=\"Chamada à ação\" data-customize-website-views=\"website.template_footer_call_to_action\" data-customize-website-variable=\"'call_to_action'\" data-img=\"/website/static/src/img/snippets_options/footer_template_call_to_action.svg\"/>\n            <we-button title=\"Título\" data-customize-website-views=\"website.template_footer_headline\" data-customize-website-variable=\"'headline'\" data-img=\"/website/static/src/img/snippets_options/footer_template_headline.svg\"/>\n        </we-select>\n        <!-- Colors -->\n        <we-colorpicker string=\"Cores\" data-customize-website-color=\"\" data-color=\"footer\" data-customize-website-layer2-color=\"\" data-layer-color=\"footer-custom\" data-layer-gradient=\"footer-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n        <we-select string=\"Efeito de deslize\" data-variable=\"footer-effect\" data-reload=\"/\">\n            <we-button string=\"Normal\" data-customize-website-views=\"\" data-customize-website-variable=\"\"/>\n            <we-button string=\"Deslizar passando por cima\" data-customize-website-views=\"website.template_footer_slideout\" data-customize-website-variable=\"'slideout_slide_hover'\"/>\n            <we-button string=\"Sombra\" data-customize-website-views=\"website.template_footer_slideout\" data-customize-website-variable=\"'slideout_shadow'\"/>\n        </we-select>\n        <we-checkbox string=\"Direitos autorais\" data-name=\"footer_copyright_opt\" data-customize-website-views=\"website.footer_no_copyright|\" data-no-preview=\"true\" data-reload=\"/\"/>\n    </div>\n\n    <!-- Footer - Borders & Shadows -->\n    <div data-js=\"Box\" data-selector=\"#wrapwrap &gt; footer\" data-target=\"#footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <t t-call=\"website.snippet_options_border_widgets\"/>\n        <t t-call=\"website.snippet_options_shadow_widgets\"/>\n    </div>\n\n    <!-- Scroll to Top -->\n    <div data-selector=\"#wrapwrap &gt; footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-row string=\"Botão de rolar para o topo\">\n            <we-checkbox data-name=\"footer_scrolltop_opt\" data-customize-website-views=\"website.option_footer_scrolltop\" data-customize-website-variable=\"false|true\" data-variable=\"footer-scrolltop\" data-reload=\"/\"/>\n            <we-select data-dependencies=\"footer_scrolltop_opt\" data-apply-to=\"#o_footer_scrolltop_wrapper\">\n                <we-button string=\"Esquerda\" data-select-class=\"justify-content-start\"/>\n                <we-button string=\"Centro\" data-select-class=\"justify-content-center\"/>\n                <we-button string=\"Direita\" data-select-class=\"justify-content-end\"/>\n            </we-select>\n        </we-row>\n    </div>\n\n    <div data-js=\"HideFooter\" data-selector=\"[data-main-object^='website.page('] #wrapwrap &gt; footer\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-checkbox string=\"Visibilidade da página\" data-name=\"hide_footer_page_opt\" data-visibility=\"hidden|shown\" data-no-preview=\"true\"/>\n    </div>\n\n    <!-- Copyright -->\n    <div data-js=\"WebsiteLevelColor\" data-selector=\".o_footer_copyright\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n        <we-colorpicker string=\"Cores\" data-customize-website-color=\"\" data-color=\"copyright\" data-customize-website-layer2-color=\"\" data-layer-color=\"copyright-custom\" data-layer-gradient=\"copyright-gradient\" data-no-bundle-reload=\"true\" data-null-value=\"'NULL'\" data-with-combinations=\"customizeWebsiteColor\" data-with-gradients=\"true\"/>\n        <we-select data-name=\"footer_language_selector_opt\" string=\"Seletor de idioma\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button data-name=\"language_selector_none_opt\" data-customize-website-views=\"\">Nenhum(a)</we-button>\n            <we-button data-customize-website-views=\"portal.footer_language_selector\">Menu suspenso</we-button>\n            <we-button data-customize-website-views=\"portal.footer_language_selector, website.footer_language_selector_inline\">Em linha</we-button>\n        </we-select>\n        <we-select data-name=\"footer_language_selector_label_opt\" string=\"Descrição\" class=\"o_we_sublevel_1\" data-dependencies=\"!language_selector_none_opt\" data-reload=\"/\" data-no-preview=\"true\">\n            <we-button data-customize-website-views=\"\">Texto</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_flag, website.footer_language_selector_no_text\">Bandeira</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_flag\">Bandeira e texto</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_code, website.footer_language_selector_no_text\">Código</we-button>\n            <we-button data-customize-website-views=\"website.footer_language_selector_flag, website.footer_language_selector_code, website.footer_language_selector_no_text\">Bandeira e código</we-button>\n        </we-select>\n    </div>\n\n    <!-- Anchor Name -->\n    <div data-js=\"anchor\" data-selector=\":not(p).oe_structure &gt; *, :not(p)[data-oe-type=html] &gt; *\" data-exclude=\".modal *, .oe_structure .oe_structure *, [data-oe-type=html] .oe_structure *, .s_popup\">\n        <we-button class=\"fa fa-fw fa-link o_we_link\" title=\"Crie um link para direcionar a esta seção\" data-no-preview=\"true\"/>\n    </div>\n\n    <div data-js=\"anchor\" data-selector=\".s_popup\" data-target=\".modal\">\n    </div>\n\n    <!-- Mega Menu settings -->\n    <div data-js=\"MegaMenuLayout\" data-selector=\".o_mega_menu\">\n        <we-select string=\"Template\" data-name=\"mega_menu_template_opt\">\n            <t t-set=\"_label\">Menus múltiplos</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_multi_menus\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_multi_menus.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Menu de imagens</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_menu_image_menu\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_menu_image_menu.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Menu do Odoo</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_odoo_menu\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_odoo_menu.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Ícones pequenos</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_little_icons\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_little_icons.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Subtítulos de ícones grandes</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_big_icons_subtitles\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_big_icons_subtitles.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Subtítulos das imagens</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_images_subtitles\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_images_subtitles.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Logotipos</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_menus_logos\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_menus_logos.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Miniaturas</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_thumbnails\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_thumbnails.svg\" t-out=\"_label\"/>\n            <t t-set=\"_label\">Cartões</t>\n            <we-button t-att-data-select-label=\"_label\" data-select-template=\"website.s_mega_menu_cards\" data-img=\"/website/static/src/img/snippets_thumbs/s_mega_menu_cards.svg\" t-out=\"_label\"/>\n        </we-select>\n        <we-select string=\"Tamanho\">\n            <we-button data-select-class=\"\">Largura total</we-button>\n            <we-button data-select-class=\"o_mega_menu_container_size\">Limite</we-button>\n        </we-select>\n    </div>\n\n    <div data-js=\"MegaMenuNoDelete\" data-selector=\".o_mega_menu &gt; section\"/>\n\n    <div data-selector=\".o_mega_menu .nav &gt; .nav-link\" data-drop-in=\".o_mega_menu nav\" data-drop-near=\".o_mega_menu .nav-link\"/>\n\n    <div data-js=\"CoverProperties\" data-selector=\".o_record_cover_container\" data-no-check=\"true\">\n        <we-row string=\"Fundo\" class=\"o_we_full_row\">\n            <t t-call=\"web_editor.snippet_options_background_color_widget\">\n                <t t-set=\"with_color_combinations\" t-value=\"True\"/>\n                <t t-set=\"with_gradients\" t-value=\"True\"/>\n            </t>\n            <we-button-group class=\"ms-auto\">\n                <we-imagepicker title=\"Imagem\" data-background=\"\" data-button-style=\"true\"/>\n                <we-button class=\"fa fa-fw fa-ban\" title=\"Nenhum(a)\" data-background=\"\">\n                </we-button>\n            </we-button-group>\n        </we-row>\n        <we-select string=\"Tamanho\" data-name=\"size_opt\" data-cover-opt-name=\"size\">\n            <we-button data-select-class=\"o_full_screen_height\">Ecrã Completo</we-button>\n            <we-button class=\"o_record_cover_opt_size_default\" data-select-class=\"o_half_screen_height\">Meia tela</we-button>\n            <we-button data-select-class=\"cover_auto\">Texto adequado</we-button>\n        </we-select>\n        <we-select string=\"Intensidade do filtro\" data-name=\"filters_opt\" data-cover-opt-name=\"filters\">\n            <we-button data-filter-value=\"0.0\">Nenhum(a)</we-button>\n            <we-button data-filter-value=\"0.2\">Baixo</we-button>\n            <we-button data-filter-value=\"0.4\">Fonte</we-button>\n            <we-button data-filter-value=\"0.6\">Alto</we-button>\n        </we-select>\n        <we-select string=\"Alinhamento do texto\" data-name=\"text_align_opt\" data-cover-opt-name=\"text_align\">\n            <we-button data-select-class=\"\">Esquerda</we-button>\n            <we-button data-select-class=\"text-center\">Centralizado</we-button>\n            <we-button data-select-class=\"text-end\">Direita</we-button>\n        </we-select>\n    </div>\n\n    <!-- Stretch section -->\n    <div data-js=\"ContainerWidth\" data-selector=\"section\" data-exclude=\"[data-snippet] :not(.oe_structure) &gt; [data-snippet]\" data-target=\"&gt; .container, &gt; .container-fluid, &gt; .o_container_small\">\n        <we-button-group string=\"Largura do conteúdo\">\n            <we-button data-select-class=\"o_container_small\" data-img=\"/website/static/src/img/snippets_options/content_width_small.svg\" title=\"Pequeno\"/>\n            <we-button data-select-class=\"container\" data-img=\"/website/static/src/img/snippets_options/content_width_normal.svg\" title=\"Normal\"/>\n            <we-button data-select-class=\"container-fluid\" data-img=\"/website/static/src/img/snippets_options/content_width_full.svg\" title=\"Total\"/>\n        </we-button-group>\n    </div>\n\n    <!-- Scroll to next section button (only for full height) -->\n    <div data-js=\"ScrollButton\" data-selector=\"section\" data-exclude=\"[data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_instagram_page\">\n        <!-- Min height of section -->\n        <we-button-group string=\"Altura\" data-show-scroll-button=\"\">\n            <we-button data-name=\"minheight_auto_opt\" data-select-class=\"\" title=\"Conteúdo adequado\">Automático</we-button>\n            <we-button data-select-class=\"o_half_screen_height\" title=\"Meia tela\">50%</we-button>\n            <we-button data-select-class=\"o_full_screen_height\" title=\"Tela inteira\" data-name=\"full_height_opt\" data-show-scroll-button=\"true\">100%</we-button>\n        </we-button-group>\n\n        <we-input string=\"Altura\" class=\"o_we_sublevel_1\" data-name=\"fixed_height_opt\" data-dependencies=\"minheight_auto_opt\" data-select-style=\"\" data-unit=\"px\" data-css-property=\"height\" data-force-style=\"\"/>\n            <!--    ↑ ↑ ↑\n            For this setting, we need to always force the style (= if the block\n            is naturally 800px tall and the user enters 800px for this setting,\n            we set 800px as inline style anyway). Indeed, this snippet's style\n            is based on the height that is forced but once the related public\n            widgets are started, the inner carousel items receive a min-height\n            which makes it so the snippet \"natural\" height is equal to the\n            initially forced height... so if the style is not forced, it would\n            ultimately be removed by mistake thinking it is not necessary.\n            Note: this is forced as not important as we still need the height to\n            be reset to 'auto' in mobile (generic css rules).\n            -->\n\n        <we-checkbox string=\"Botão Rolar para baixo\" data-toggle-button=\"true\" data-no-preview=\"true\" data-dependencies=\"full_height_opt\" data-name=\"scroll_button_opt\"/>\n        <we-row string=\"Cores\" class=\"o_we_sublevel_1\">\n            <we-colorpicker data-select-style=\"true\" data-css-property=\"background-color\" data-color-prefix=\"bg-\" data-apply-to=\".o_scroll_button\" data-dependencies=\"scroll_button_opt\"/>\n            <we-colorpicker data-select-style=\"true\" data-css-property=\"color\" data-color-prefix=\"text-\" data-apply-to=\".o_scroll_button\" data-dependencies=\"scroll_button_opt\"/>\n        </we-row>\n        <we-select string=\"Espaçamento\" class=\"o_we_sublevel_1\" data-apply-to=\".o_scroll_button\" data-dependencies=\"scroll_button_opt\">\n            <we-button data-select-class=\"\">Nenhum(a)</we-button>\n            <we-button data-select-class=\"mb-1\">Extra pequeno</we-button>\n            <we-button data-select-class=\"mb-2\">Pequeno</we-button>\n            <we-button data-select-class=\"mb-3\">Fonte</we-button>\n            <we-button data-select-class=\"mb-4\">Grande</we-button>\n            <we-button data-select-class=\"mb-5\">Extra-Grande</we-button>\n        </we-select>\n    </div>\n\n    <t t-set=\"_device_visibility_widgets\">\n        <we-button class=\"o_we_device\" data-toggle-device-visibility=\"no_desktop\" title=\"Mostrar/ocultar no desktop\" data-no-preview=\"true\" data-img=\"/website/static/src/img/snippets_options/desktop_invisible.svg\"/>\n        <we-button class=\"o_we_device\" data-toggle-device-visibility=\"no_mobile\" title=\"Mostrar/ocultar em dispositivos móveis\" data-no-preview=\"true\" data-img=\"/website/static/src/img/snippets_options/mobile_invisible.svg\"/>\n    </t>\n    <div data-js=\"ConditionalVisibility\" data-selector=\"section, .s_hr\">\n        <t t-set=\"current_website\" t-value=\"request.env['website'].get_current_website()\"/>\n        <we-collapse>\n            <we-row string=\"Visibilidade\">\n                <t t-out=\"_device_visibility_widgets\"/>\n                <we-select data-attribute-name=\"visibility\" data-no-preview=\"true\">\n                    <we-button data-select-data-attribute=\"\">Sem condição</we-button>\n                    <we-button data-select-data-attribute=\"conditional\" data-select-class=\"o_snippet_invisible\" data-name=\"visibility_conditional\">Condicionalmente</we-button>\n                </we-select>\n            </we-row>\n\n            <t t-if=\"request.geoip.country_code\">\n                <t t-call=\"website.snippet_options_conditional_visibility\">\n                    <t t-set=\"option_name\">País</t>\n                    <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueCountryRule\"/>\n                    <t t-set=\"save_attribute\" t-valuef=\"visibilityValueCountry\"/>\n                    <t t-set=\"attribute_name\" t-valuef=\"data-country\"/>\n                    <t t-set=\"model\" t-valuef=\"res.country\"/>\n                    <t t-set=\"call_with\" t-valuef=\"code\"/>\n                    <t t-set=\"data_fields\" t-valuef=\"[&quot;code&quot;]\"/>\n                </t>\n            </t>\n            <t t-if=\"len(current_website.language_ids) &gt; 1\">\n                <t t-call=\"website.snippet_options_conditional_visibility\">\n                    <t t-set=\"option_name\">Idiomas</t>\n                    <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueLangRule\"/>\n                    <t t-set=\"save_attribute\" t-valuef=\"visibilityValueLang\"/>\n                    <t t-set=\"attribute_name\" t-valuef=\"lang\"/>\n                    <t t-set=\"model\" t-valuef=\"res.lang\"/>\n                    <t t-set=\"call_with\" t-valuef=\"code\"/>\n                    <t t-set=\"domain\" t-translation=\"off\">[[\"id\", \"in\", <t t-out=\"current_website.language_ids.ids\"/>]]</t>\n                    <t t-set=\"data_fields\" t-valuef=\"[&quot;code&quot;]\"/>\n                </t>\n            </t>\n            <t t-call=\"website.snippet_options_conditional_visibility\">\n                <t t-set=\"option_name\">Campanha UTM</t>\n                <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueUtmCampaignRule\"/>\n                <t t-set=\"save_attribute\" t-valuef=\"visibilityValueUtmCampaign\"/>\n                <t t-set=\"attribute_name\" t-valuef=\"data-utm-campaign\"/>\n                <t t-set=\"model\" t-valuef=\"utm.campaign\"/>\n                <t t-set=\"call_with\" t-valuef=\"display_name\"/>\n            </t>\n            <t t-call=\"website.snippet_options_conditional_visibility\">\n                <t t-set=\"option_name\">Meio do UTM</t>\n                <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueUtmMediumRule\"/>\n                <t t-set=\"save_attribute\" t-valuef=\"visibilityValueUtmMedium\"/>\n                <t t-set=\"attribute_name\" t-valuef=\"data-utm-medium\"/>\n                <t t-set=\"model\" t-valuef=\"utm.medium\"/>\n                <t t-set=\"call_with\" t-valuef=\"display_name\"/>\n            </t>\n            <t t-call=\"website.snippet_options_conditional_visibility\">\n                <t t-set=\"option_name\">Origem do UTM</t>\n                <t t-set=\"attribute_rule\" t-valuef=\"visibilityValueUtmSourceRule\"/>\n                <t t-set=\"save_attribute\" t-valuef=\"visibilityValueUtmSource\"/>\n                <t t-set=\"attribute_name\" t-valuef=\"data-utm-source\"/>\n                <t t-set=\"model\" t-valuef=\"utm.source\"/>\n                <t t-set=\"call_with\" t-valuef=\"display_name\"/>\n            </t>\n            <we-select string=\"Utilizadores\" class=\"o_we_sublevel_1\" data-dependencies=\"visibility_conditional\" data-attribute-name=\"data-logged\" data-save-attribute=\"visibilityValueLogged\" data-no-preview=\"true\" data-attribute-default-value=\"\">\n                <we-button data-select-value=\"true\">Visível para usuários conectados</we-button>\n                <we-button data-select-value=\"false\">Visível para usuários desconectados</we-button>\n                <we-button data-select-value=\"\">Visível para todos</we-button>\n            </we-select>\n        </we-collapse>\n    </div>\n\n    <!-- Mobile/Desktop display options -->\n    <div data-js=\"DeviceVisibility\" data-selector=\"section .row &gt; div\" data-exclude=\".s_col_no_resize.row &gt; div, .s_masonry_block .s_col_no_resize\">\n        <we-row string=\"Visibilidade\">\n            <t t-out=\"_device_visibility_widgets\"/>\n        </we-row>\n    </div>\n\n    <!-- Cookies Bar -->\n    <div data-selector=\"#website_cookies_bar\" data-js=\"CookiesBar\" data-target=\".modal\">\n        <we-select string=\"Aspeto\" class=\"o_we_inline\">\n            <we-button data-select-class=\"o_cookies_discrete\" data-select-layout=\"discrete\" data-trigger=\"position_bottom,s_popup_size_full\">Discreto</we-button>\n            <we-button data-select-class=\"o_cookies_classic\" data-select-layout=\"classic\" data-trigger=\"position_bottom,s_popup_size_full\">Clássico</we-button>\n            <we-button data-name=\"layout_popup_opt\" data-select-class=\"o_cookies_popup\" data-select-layout=\"popup\" data-trigger=\"position_middle,s_popup_size_md\">Pop-up</we-button>\n        </we-select>\n    </div>\n\n    <!-- Image position in grid -->\n    <div data-js=\"GridImage\" data-selector=\"img\">\n        <we-select string=\"Posição\">\n            <we-button data-change-grid-image-mode=\"cover\">Capa</we-button>\n            <we-button data-change-grid-image-mode=\"contain\">Contém</we-button>\n        </we-select>\n    </div>\n\n    <!-- Indicators: '.o_dot' and '.o_dot_line' -->\n    <t t-set=\"o_dot_color_selector\" t-valuef=\".s_timeline .s_timeline_row\"/>\n    <t t-set=\"o_dot_line_color_selector\" t-valuef=\".s_timeline\"/>\n\n    <div t-att-data-selector=\"o_dot_color_selector\">\n        <we-colorpicker string=\"Cor do ponto\" data-select-style=\"true\" data-css-property=\"color\" data-color-prefix=\"text-\" data-apply-to=\".o_dot\"/>\n    </div>\n    <div t-att-data-selector=\"o_dot_line_color_selector\">\n        <we-colorpicker string=\"Cor das linhas de pontos\" data-select-style=\"true\" data-css-property=\"border-color\" data-color-prefix=\"border-\" data-apply-to=\".o_dot_line\"/>\n    </div>\n\n    <!-- Website Animate -->\n    <div data-js=\"WebsiteAnimate\" data-selector=\".o_animable, section .row &gt; div, img, .fa, .btn, .o_animated_text\" data-exclude=\"[data-oe-xpath], .o_not-animable, .s_col_no_resize.row &gt; div, .s_col_no_resize\" data-text-selector=\".o_animated_text\">\n        <!-- Animation mode -->\n        <we-row string=\"Animação\">\n            <we-select data-dependencies=\"!image_transform_opt\" data-is-animation-type-selection=\"true\" data-no-preview=\"true\">\n                <we-button data-animation-mode=\"\" data-select-class=\"\" data-name=\"no_animation_opt\">Nenhum(a)</we-button>\n                <we-button data-animation-mode=\"onAppearance\" data-force-animation=\"true\" data-select-class=\"o_animate\" data-name=\"animation_on_appearance_opt\">Na aparência</we-button>\n                <we-button data-animation-mode=\"onScroll\" data-select-class=\"o_animate o_animate_on_scroll\" data-force-animation=\"true\" data-name=\"animation_on_scroll_opt\">Na rolagem</we-button>\n                <we-button data-animation-mode=\"onHover\" data-select-class=\"o_animate_on_hover\" data-name=\"animation_on_hover_opt\">Ao passar o mouse</we-button>\n            </we-select>\n            <we-button-group data-dependencies=\"animation_on_scroll_opt\" data-no-preview=\"true\" data-force-animation=\"true\">\n                <we-button data-select-class=\"\">Em</we-button>\n                <we-button data-select-class=\"o_animate_out\">De</we-button>\n            </we-button-group>\n        </we-row>\n        <!-- Effect -->\n        <we-select string=\"Efeito\" class=\"o_we_sublevel_1\" data-name=\"animation_effect_opt\">\n            <we-button data-select-class=\"\" data-name=\"o_anim_no_effect_opt\" data-dependencies=\"no_animation_opt\">Nenhum(a)</we-button>\n            <we-button data-select-class=\"o_anim_fade_in\" data-trigger=\"animation_direction_in_place_opt\">Esmaecer</we-button>\n            <we-button data-select-class=\"o_anim_slide_in\" data-name=\"o_anim_slide_in_opt\" data-trigger=\"animation_direction_from_right_opt\">Slide</we-button>\n            <we-button data-select-class=\"o_anim_bounce_in\" data-trigger=\"animation_direction_in_place_opt\">Email Rejeitado</we-button>\n            <we-button data-select-class=\"o_anim_rotate_in\" data-name=\"o_anim_rotate_opt\" data-trigger=\"animation_direction_in_place_opt\">Girar</we-button>\n            <we-button data-select-class=\"o_anim_zoom_out\" data-trigger=\"animation_direction_in_place_opt\">Menos zoom</we-button>\n            <we-button data-select-class=\"o_anim_zoom_in\" data-trigger=\"animation_direction_in_place_opt\">Mais zoom</we-button>\n            <we-button data-select-class=\"o_anim_flash\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Flash</we-button>\n            <we-button data-select-class=\"o_anim_pulse\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Pulsar</we-button>\n            <we-button data-select-class=\"o_anim_shake\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Sacudir</we-button>\n            <we-button data-select-class=\"o_anim_tada\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Tadá</we-button>\n            <we-button data-select-class=\"o_anim_flip_in_x\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Virar na vertical</we-button>\n            <we-button data-select-class=\"o_anim_flip_in_y\" data-dependencies=\"animation_on_appearance_opt\" data-trigger=\"animation_direction_in_place_opt\">Virar na horizontal</we-button>\n        </we-select>\n        <!-- Direction -->\n        <we-select string=\"Direção\" class=\"o_we_sublevel_1\" data-name=\"animation_direction_opt\" data-force-animation=\"true\">\n            <we-button data-select-class=\"\" data-name=\"animation_direction_in_place_opt\" data-dependencies=\"!o_anim_slide_in_opt\">No lugar</we-button>\n            <we-button data-select-class=\"o_anim_from_right\" data-name=\"animation_direction_from_right_opt\" data-dependencies=\"!o_anim_rotate_opt\">Da direita</we-button>\n            <we-button data-select-class=\"o_anim_from_left\" data-dependencies=\"!o_anim_rotate_opt\">Da esquerda</we-button>\n            <we-button data-select-class=\"o_anim_from_bottom\" data-dependencies=\"!o_anim_rotate_opt\">De baixo</we-button>\n            <we-button data-select-class=\"o_anim_from_top\" data-dependencies=\"!o_anim_rotate_opt\">Do topo</we-button>\n            <we-button data-select-class=\"o_anim_from_top_right\" data-dependencies=\"o_anim_rotate_opt\">Da direita superior</we-button>\n            <we-button data-select-class=\"o_anim_from_top_left\" data-dependencies=\"o_anim_rotate_opt\">Da esquerda superior</we-button>\n            <we-button data-select-class=\"o_anim_from_bottom_right\" data-dependencies=\"o_anim_rotate_opt\">Da direta inferior</we-button>\n            <we-button data-select-class=\"o_anim_from_bottom_left\" data-dependencies=\"o_anim_rotate_opt\">Da esquerda inferior</we-button>\n        </we-select>\n        <!-- Trigger -->\n        <we-select string=\"Trigger\" class=\"o_we_sublevel_1\" data-dependencies=\"animation_on_appearance_opt\" data-name=\"animation_trigger_opt\">\n            <we-button data-select-class=\"\">Só na primeira vez</we-button>\n            <we-button data-select-class=\"o_animate_both_scroll\">Todas as vezes</we-button>\n        </we-select>\n        <!-- Intensity -->\n        <we-range string=\"Intensidade\" class=\"o_we_sublevel_1\" data-name=\"animation_intensity_opt\" data-animation-intensity=\"\" data-min=\"1\" data-max=\"100\" data-step=\"1\" data-display-range-value=\"true\" data-no-preview=\"true\"/>\n        <!-- Scroll Zone -->\n        <we-row string=\"Zona de rolagem\" class=\"o_we_sublevel_1\">\n            <we-input data-unit=\"%\" data-step=\"1\" data-dependencies=\"animation_on_scroll_opt\" data-no-preview=\"true\" data-select-data-attribute=\"\" data-attribute-name=\"scrollZoneStart\" data-force-animation=\"true\"/>\n            <span class=\"mx-2\">a</span>\n            <we-input data-unit=\"%\" data-step=\"1\" data-dependencies=\"animation_on_scroll_opt\" data-no-preview=\"true\" data-select-data-attribute=\"\" data-attribute-name=\"scrollZoneEnd\" data-force-animation=\"true\"/>\n        </we-row>\n        <!-- Start After -->\n        <we-input string=\"Começar após\" class=\"o_we_sublevel_1 o_we_small_input\" data-dependencies=\"animation_on_appearance_opt\" data-name=\"animation_delay_opt\" data-select-style=\"0s\" data-css-property=\"animation-delay\" data-unit=\"s\"/>\n        <!-- Duration -->\n        <we-input string=\"Duração\" class=\"o_we_sublevel_1 o_we_small_input\" data-dependencies=\"animation_on_appearance_opt\" data-select-style=\"0.4s\" data-css-property=\"animation-duration\" data-unit=\"s\"/>\n    </div>\n\n    <!-- Text highlight effects -->\n    <div data-js=\"TextHighlight\" data-selector=\".o_text_highlight\" data-text-selector=\".o_text_highlight\">\n        <!-- Text highlight style -->\n        <we-select string=\"Destaque\" data-name=\"text_highlight_opt\" class=\"o_we_select_grid\">\n            <div class=\"grid gap-0\">\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_underline\" data-set-text-highlight=\"underline\" data-select-label=\"Underline\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_freehand_1\" data-set-text-highlight=\"freehand_1\" data-select-label=\"Freehand 1\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_freehand_2 o_text_highlight_fill\" data-set-text-highlight=\"freehand_2\" data-select-label=\"Freehand 2\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_freehand_3 o_text_highlight_fill\" data-set-text-highlight=\"freehand_3\" data-select-label=\"Freehand 3\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_double\" data-set-text-highlight=\"double\" data-select-label=\"Double\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_wavy\" data-set-text-highlight=\"wavy\" data-select-label=\"Wavy\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_circle_1\" data-set-text-highlight=\"circle_1\" data-select-label=\"Circle 1\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_circle_2 o_text_highlight_fill\" data-set-text-highlight=\"circle_2\" data-select-label=\"Circle 2\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_circle_3 o_text_highlight_fill\" data-set-text-highlight=\"circle_3\" data-select-label=\"Circle 3\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_over_underline\" data-set-text-highlight=\"over_underline\" data-select-label=\"Over And Underline\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_scribble_1\" data-set-text-highlight=\"scribble_1\" data-select-label=\"Scribble 1\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_scribble_2 o_text_highlight_fill\" data-set-text-highlight=\"scribble_2\" data-select-label=\"Scribble 2\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_scribble_3 o_text_highlight_fill\" data-set-text-highlight=\"scribble_3\" data-select-label=\"Scribble 3\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_scribble_4 o_text_highlight_fill\" data-set-text-highlight=\"scribble_4\" data-select-label=\"Scribble 4\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_jagged\" data-set-text-highlight=\"jagged\" data-select-label=\"Jagged\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_cross\" data-set-text-highlight=\"cross\" data-select-label=\"Cross\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_diagonal\" data-set-text-highlight=\"diagonal\" data-select-label=\"Diagonal\"/>\n                <we-button class=\"g-col-4\" data-select-class=\"o_text_highlight_strikethrough\" data-set-text-highlight=\"strikethrough\" data-select-label=\"Strikethrough\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_bold o_text_highlight_fill\" data-set-text-highlight=\"bold\" data-select-label=\"Bold\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_bold_1 o_text_highlight_fill\" data-set-text-highlight=\"bold_1\" data-select-label=\"Bold 1\"/>\n                <we-button class=\"g-col-4 text-black-50\" data-select-class=\"o_text_highlight_bold_2 o_text_highlight_fill\" data-set-text-highlight=\"bold_2\" data-select-label=\"Bold 2\"/>\n            </div>\n        </we-select>\n        <!-- Text highlight color -->\n        <we-colorpicker string=\"Cor\" class=\"o_we_sublevel_1\" data-dependencies=\"text_highlight_opt\" data-css-property=\"--text-highlight-color\" data-select-style=\"\"/>\n        <!-- Text highlight thickness -->\n        <we-input string=\"Espessura\" class=\"o_we_sublevel_1 o_we_small_input\" data-dependencies=\"text_highlight_opt\" data-css-property=\"--text-highlight-width\" data-select-style=\"\" data-unit=\"px\"/>\n    </div>\n\n    <!-- Theme options -->\n    <div data-js=\"ThemeColors\" data-selector=\"theme-colors\" data-no-check=\"true\">\n        <we-alert class=\"o_old_color_system_warning d-none mt-2\">\n            Parece que seu site ainda usa o antigo sistema de cores\n            do Odoo 13.0 em alguns lugares. Ele ainda está funcionando, mas\n            recomendamos que você tente usar o novo sistema de cores, que\n            ainda é personalizável.\n        </we-alert>\n        <we-row class=\"o_we_theme_colors_selector\">\n            <div class=\"o_we_theme_colors_selector_group\">\n                <we-title>Principal</we-title>\n                <we-colorpicker data-name=\"color_1_opt\" title=\"Primário\" data-customize-website-color=\"\" data-color=\"o-color-1\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n                <we-colorpicker data-name=\"color_2_opt\" title=\"Secundário\" data-customize-website-color=\"\" data-color=\"o-color-2\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n                <we-colorpicker data-customize-website-color=\"\" data-color=\"o-color-3\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n            </div>\n            <div class=\"o_we_theme_colors_selector_group\">\n                <we-title>Claro e escuro</we-title>\n                <we-colorpicker data-customize-website-color=\"\" data-color=\"o-color-4\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n                <we-colorpicker data-customize-website-color=\"\" data-color=\"o-color-5\" data-use-css-color=\"true\" data-selected-tab=\"custom-colors\"/>\n            </div>\n            <we-select data-img=\"/website/static/src/img/snippets_options/palette.svg\" class=\"o_we_theme_colors_select\" data-variable=\"color-palettes-name\"/>\n        </we-row>\n        <we-collapse class=\"o_we_theme_presets_collapse\" string=\"Pré-ajustes de cor\">\n        </we-collapse>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"website-settings\" data-no-check=\"true\">\n        <we-row string=\"Tema\" groups=\"base.group_system\">\n            <we-button data-switch-theme=\"\" data-no-preview=\"true\" class=\"o_we_bg_brand_primary\">Mudar tema</we-button>\n        </we-row>\n        <we-row string=\"Idioma\">\n            <we-button data-add-language=\"\" data-no-preview=\"true\" class=\"o_we_bg_brand_primary\">Adicionar idioma</we-button>\n        </we-row>\n        <we-select string=\"Layout da página\" data-variable=\"layout\">\n            <we-button data-customize-website-variable=\"'full'\" data-name=\"layout_full_opt\">Total</we-button>\n            <we-button data-customize-website-variable=\"'boxed'\">Encaixotado</we-button>\n            <we-button data-customize-website-variable=\"'framed'\">Enquadrado</we-button>\n            <we-button data-customize-website-variable=\"'postcard'\">Cartão postal</we-button>\n        </we-select>\n        <we-row string=\"Fundo\" class=\"o_we_sublevel_1\" data-no-preview=\"true\">\n            <we-colorpicker data-dependencies=\"!layout_full_opt\" data-customize-website-color=\"\" data-color=\"body\"/>\n            <we-button-group data-imagepicker=\"body_bg_image_opt\">\n                <we-button title=\"Imagem\" class=\"fa fa-fw fa-camera\" data-customize-body-bg-type=\"'image'\"/>\n                <we-button title=\"Padrão\" class=\"fa fa-fw fa-th\" data-customize-body-bg-type=\"'pattern'\"/>\n                <we-button title=\"Nenhum(a)\" class=\"fa fa-fw fa-ban\" data-customize-body-bg-type=\"NONE\"/>\n            </we-button-group>\n            <!-- Hidden imagepicker enabled by above button-group -->\n            <we-imagepicker data-name=\"body_bg_image_opt\" data-customize-body-bg=\"\"/>\n        </we-row>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-paragraph\" data-no-check=\"true\">\n        <we-collapse>\n            <we-input string=\"Tamanho da fonte\" data-customize-website-variable=\"null\" data-variable=\"font-size-base\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeno\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" data-variable=\"small-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-fontfamilypicker string=\"Família de fontes\" data-variable=\"font\"/>\n        <!-- \"× \": \\u00D7\\u2000 -->\n        <we-input string=\"Altura da Linha\" data-customize-website-variable=\"null\" data-variable=\"body-line-height\" data-fake-unit=\"× \"/>\n        <we-row string=\"Margens\">\n            <we-input title=\"Topo\" data-customize-website-variable=\"\" data-variable=\"paragraph-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n            <we-input title=\"Fundo\" data-customize-website-variable=\"\" data-variable=\"paragraph-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n        </we-row>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-headings\" data-no-check=\"true\">\n        <t t-set=\"heading_label\">Cabeçalho</t>\n        <t t-set=\"display_label\">Mostrar</t>\n        <we-collapse>\n            <we-input string=\"Tamanho da fonte\" title=\"Cabeçalho 1\" data-customize-website-variable=\"null\" data-variable=\"h1-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"h#{depth}-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </t>\n            <!-- We don't use `display-font-sizes.5` and `display-font-sizes.6` -->\n            <t t-set=\"used_display_font_sizes\" t-value=\"[1, 2, 3, 4]\"/>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"display-#{depth}-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <we-row string=\"Família de fontes\" title=\"Cabeçalho 1\">\n                <we-fontfamilypicker data-variable=\"headings-font\"/>\n                <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Redefinir para a família de fontes de parágrafos\" data-customize-website-variable=\"\" data-variable=\"headings-font\" data-remove-font=\"set-headings-font\" data-no-preview=\"true\"/>\n            </we-row>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-fontfamilypicker t-attf-data-variable=\"h#{depth}-font\"/>\n                    <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Redefinir para a família de fontes de cabeçalhos\" data-customize-website-variable=\"\" t-attf-data-variable=\"h#{depth}-font\" t-attf-data-remove-font=\"set-h#{depth}-font\" data-no-preview=\"true\"/>\n                </we-row>\n            </t>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-fontfamilypicker t-attf-data-variable=\"display-#{depth}-font\"/>\n                    <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Redefinir para a família de fontes de cabeçalhos\" data-customize-website-variable=\"\" t-attf-data-variable=\"display-#{depth}-font\" t-attf-data-remove-font=\"set-display-#{depth}-font\" data-no-preview=\"true\"/>\n                </we-row>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <!-- \"× \": \\u00D7\\u2000 -->\n            <we-input string=\"Altura da Linha\" title=\"Cabeçalho 1\" data-customize-website-variable=\"null\" data-variable=\"headings-line-height\" data-fake-unit=\"× \"/>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"h#{depth}-line-height\" data-fake-unit=\"× \"/>\n            </t>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-input t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"null\" t-attf-data-variable=\"display-#{depth}-line-height\" data-fake-unit=\"× \"/>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <we-row string=\"Margens\" title=\"Cabeçalho 1\">\n                <we-input title=\"Topo\" data-customize-website-variable=\"\" data-variable=\"headings-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n                <we-input title=\"Fundo\" data-customize-website-variable=\"\" data-variable=\"headings-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n            </we-row>\n            <t t-foreach=\"[2, 3, 4, 5, 6]\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{heading_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-input title=\"Topo\" data-customize-website-variable=\"\" t-attf-data-variable=\"h#{depth}-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n                    <we-input title=\"Fundo\" data-customize-website-variable=\"\" t-attf-data-variable=\"h#{depth}-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n                </we-row>\n            </t>\n            <t t-foreach=\"used_display_font_sizes\" t-as=\"depth\">\n                <we-row t-attf-string=\"#{display_label} #{depth}\" class=\"o_we_sublevel_1\">\n                    <we-input title=\"Topo\" data-customize-website-variable=\"\" t-attf-data-variable=\"display-#{depth}-margin-top\" data-unit=\"px\" data-save-unit=\"px\"/>\n                    <we-input title=\"Fundo\" data-customize-website-variable=\"\" t-attf-data-variable=\"display-#{depth}-margin-bottom\" data-unit=\"px\" data-save-unit=\"px\"/>\n                </we-row>\n            </t>\n        </we-collapse>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-button\" data-no-check=\"true\">\n        <we-select string=\"Estilo primário\" data-button=\"primary\" data-no-preview=\"true\">\n            <we-button data-customize-button-style=\"fill\">Preencher</we-button>\n            <we-button data-customize-button-style=\"outline\" data-name=\"btn_primary_outline_opt\">Contorno</we-button>\n            <we-button data-customize-button-style=\"flat\">Plano</we-button>\n        </we-select>\n        <we-input string=\"Largura da borda\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-primary-outline-border-width\" data-dependencies=\"btn_primary_outline_opt\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        <we-select string=\"Estilo secundário\" data-button=\"secondary\" data-no-preview=\"true\">\n            <we-button data-customize-button-style=\"fill\">Preencher</we-button>\n            <we-button data-customize-button-style=\"outline\" data-name=\"btn_secondary_outline_opt\">Contorno</we-button>\n            <we-button data-customize-button-style=\"flat\">Plano</we-button>\n        </we-select>\n        <we-input string=\"Largura da borda\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-secondary-outline-border-width\" data-dependencies=\"btn_secondary_outline_opt\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        <we-row string=\"Família de fontes\">\n            <we-fontfamilypicker data-variable=\"buttons-font\"/>\n            <we-button class=\"fa fa-fw fa-remove o_we_hover_danger o_we_link\" title=\"Redefinir para a família de fontes de parágrafos\" data-customize-website-variable=\"\" data-variable=\"buttons-font\" data-remove-font=\"set-buttons-font\" data-no-preview=\"true\"/>\n        </we-row>\n        <we-collapse>\n            <we-row string=\"Margem de segurança\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"btn-padding-y\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"btn-padding-x\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Pequeno\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"btn-padding-y-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"btn-padding-x-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Grande\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"btn-padding-y-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"btn-padding-x-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Tamanho da fonte\" data-customize-website-variable=\"\" data-variable=\"btn-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeno\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-font-size-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Grande\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-font-size-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Cantos Arredondados\" data-customize-website-variable=\"\" data-variable=\"btn-border-radius\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeno\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-border-radius-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Grande\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"btn-border-radius-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-select string=\"No efeito de clique\" data-variable=\"btn-ripple\">\n            <we-button data-customize-website-variable=\"false\">Nenhum(a)</we-button>\n            <we-button data-customize-website-variable=\"true\" data-customize-website-assets=\"website.ripple_effect_scss, website.ripple_effect_js\">Ondulação</we-button>\n        </we-select>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-link\" data-no-check=\"true\">\n        <we-select string=\"Estilo do link\" data-variable=\"link-underline\">\n            <we-button data-customize-website-variable=\"'never'\">Sem sublinhado</we-button>\n            <we-button data-customize-website-variable=\"'hover'\">Sublinhado ao passar o mouse</we-button>\n            <we-button data-customize-website-variable=\"'always'\">Sempre sublinhado</we-button>\n        </we-select>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-input\" data-no-check=\"true\">\n        <we-collapse>\n            <we-row string=\"Enchimentos\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"input-padding-y\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"input-padding-x\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Pequeno\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"input-padding-y-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"input-padding-x-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n            <we-row string=\"Grande\" class=\"o_we_sublevel_1\">\n                <we-input title=\"Y\" data-customize-website-variable=\"\" data-variable=\"input-padding-y-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n                <we-input title=\"X\" data-customize-website-variable=\"\" data-variable=\"input-padding-x-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            </we-row>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Tamanho da fonte\" data-customize-website-variable=\"\" data-variable=\"input-font-size\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeno\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-font-size-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Grande\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-font-size-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Largura da borda\" data-customize-website-variable=\"\" data-variable=\"input-border-width\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string=\"Raio da borda\" data-customize-website-variable=\"\" data-variable=\"input-border-radius\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Pequeno\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-border-radius-sm\" data-unit=\"px\" data-save-unit=\"rem\"/>\n            <we-input string=\"Grande\" class=\"o_we_sublevel_1\" data-customize-website-variable=\"\" data-variable=\"input-border-radius-lg\" data-unit=\"px\" data-save-unit=\"rem\"/>\n        </we-collapse>\n        <we-row string=\"Fundo\">\n            <we-colorpicker title=\"Fundo\" data-no-transparency=\"true\" data-customize-website-color=\"\" data-color=\"input\"/>\n        </we-row>\n    </div>\n    <div data-js=\"OptionsTab\" data-selector=\"theme-advanced\" data-no-check=\"true\">\n        <we-checkbox string=\"Exibir cabeçalho\" data-customize-website-views=\"website.option_layout_hide_header|\" data-reload=\"/\"/>\n        <we-row string=\"Injeção de código\" title=\"Insira o código que será adicionado dentro de cada página de seu site\">\n            <we-button data-no-preview=\"true\" data-open-custom-code-dialog=\"head\">&amp;lt;head&amp;gt; e &amp;lt;/body&amp;gt;</we-button>\n        </we-row>\n        <we-row string=\"Google Map\">\n            <we-button data-configure-api-key=\"\" data-no-preview=\"true\">Chave personalizada</we-button>\n        </we-row>\n        <we-row string=\"Cores de status\">\n            <we-colorpicker title=\"Sucesso\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"success\" data-selected-tab=\"custom-colors\"/>\n            <we-colorpicker title=\"Informação\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"info\" data-selected-tab=\"custom-colors\"/>\n            <we-colorpicker title=\"Aviso\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"warning\" data-selected-tab=\"custom-colors\"/>\n            <we-colorpicker title=\"Erro\" data-customize-website-color=\"\" data-color-type=\"theme\" data-color=\"danger\" data-selected-tab=\"custom-colors\"/>\n        </we-row>\n        <we-collapse>\n            <we-row string=\"Tons de cinza\" class=\"o_we_gray_preview o_we_collapse_toggler\">\n                <t t-foreach=\"9\" t-as=\"i\">\n                    <t t-set=\"grayCode\" t-value=\"str((9 - i) * 100)\"/>\n                    <span t-attf-title=\"Gray #{grayCode}\" t-attf-variable=\"#{grayCode}\" t-attf-class=\"o_we_user_value_widget o_we_gray_preview bg-#{grayCode}\"/>\n                </t>\n            </we-row>\n            <we-range string=\"Matiz\" class=\"o_we_sublevel_1 o_we_slider_tint\" data-customize-gray=\"\" data-param=\"gray-hue\" data-min=\"0\" data-max=\"359.9\" data-step=\"0.1\"/>\n            <we-range string=\"Saturação\" class=\"o_we_sublevel_1\" data-customize-gray=\"\" data-param=\"gray-extra-saturation\" data-step=\"0.1\"/>\n        </we-collapse>\n    </div>\n    <!-- Info page ('/website/info') -->\n    <div data-selector=\"main:has(.o_website_info)\" data-page-options=\"true\" groups=\"website.group_website_designer\" data-no-check=\"true\" string=\"Página de informações\">\n        <we-checkbox string=\"Informações da Odoo\" data-customize-website-views=\"website.show_website_info\" data-no-preview=\"true\" data-reload=\"/\"/>\n    </div>\n    <div data-js=\"SwitchableViews\" data-selector=\"#wrapwrap &gt; main\" data-no-check=\"true\" groups=\"website.group_website_designer\">\n            <!-- Options will be populated by JS -->\n    </div>\n\n    </xpath>\n<xpath expr=\".\" position=\"attributes\"><attribute name=\"t-name\">website.snippet_options</attribute></xpath></data>"}