{"id":105155,"date":"2025-05-19T12:43:44","date_gmt":"2025-05-19T15:43:44","guid":{"rendered":"https:\/\/www.satcarwash.cl\/reservas\/?page_id=105155"},"modified":"2025-12-16T15:56:05","modified_gmt":"2025-12-16T18:56:05","slug":"reservas","status":"publish","type":"page","link":"https:\/\/www.satcarwash.cl\/reservas\/","title":{"rendered":"RESERVAS"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#000000&#8243; custom_padding=\u00bb4px||0px|||\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row column_structure=\u00bb1_3,1_3,1_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb1%||1%||true|false\u00bb custom_padding=\u00bb11px||3px|||\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_blurb use_icon=\u00bbon\u00bb font_icon=\u00bb&#xe00b;||divi||400&#8243; icon_color=\u00bb#fd00b1&#8243; icon_placement=\u00bbleft\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_text_color=\u00bb#FFFFFF\u00bb body_text_color=\u00bb#FFFFFF\u00bb body_font_size=\u00bb18px\u00bb text_orientation=\u00bbcenter\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<p><span style=\"color: #00ccff;\">Fono:<\/span> <a href=\"tel:+56958352044\">+569 583 52 044<\/a><\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_blurb use_icon=\u00bbon\u00bb font_icon=\u00bb&#xe01d;||divi||400&#8243; icon_color=\u00bb#fd00b1&#8243; icon_placement=\u00bbleft\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_text_color=\u00bb#FFFFFF\u00bb body_font_size=\u00bb15px\u00bb text_orientation_tablet=\u00bb\u00bb text_orientation_phone=\u00bbcenter\u00bb text_orientation_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb]<a href=\"https:\/\/www.google.com\/maps\/place\/San+Francisco+75,+Santiago,+Regi%C3%B3n+Metropolitana\/@-33.4449831,-70.6494745,17z\/data=!4m15!1m8!3m7!1s0x9662c5a0746c67a5:0xf693bda2a02ef203!2sSan+Francisco+75,+Santiago,+Regi%C3%B3n+Metropolitana!3b1!8m2!3d-33.4449831!4d-70.6472858!16s%2Fg%2F11c23zrlff!3m5!1s0x9662c5a0746c67a5:0xf693bda2a02ef203!8m2!3d-33.4449831!4d-70.6472858!16s%2Fg%2F11c23zrlff?hl=es\" target=\"_blank\" rel=\"noopener\"><span class=\"elementor-icon-list-text\">San francisco 75 Santiago Centro<\/span><\/a><br \/>\n[\/et_pb_blurb][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_social_media_follow _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_orientation_tablet=\u00bb\u00bb text_orientation_phone=\u00bbcenter\u00bb text_orientation_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_social_media_follow_network social_network=\u00bbfacebook\u00bb url=\u00bbhttps:\/\/www.facebook.com\/profile.php?id=100064047457607&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#3b5998&#8243; global_colors_info=\u00bb{}\u00bb follow_button=\u00bboff\u00bb url_new_window=\u00bbon\u00bb]facebook[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=\u00bbinstagram\u00bb url=\u00bbhttps:\/\/www.instagram.com\/satcarwash\/\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#ea2c59&#8243; global_colors_info=\u00bb{}\u00bb follow_button=\u00bboff\u00bb url_new_window=\u00bbon\u00bb]instagram[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#000000&#8243; use_background_color_gradient=\u00bbon\u00bb background_color_gradient_stops=\u00bb#000000 0%|#e733f4 100%\u00bb background_enable_image=\u00bboff\u00bb background_blend=\u00bbmultiply\u00bb background_video_mp4=\u00bbhttps:\/\/www.satcarwash.cl\/reservas\/wp-content\/uploads\/2025\/05\/VIDEOSLIDER3.mp4&#8243; custom_padding=\u00bb1px||234px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row column_structure=\u00bb1_3,2_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb width=\u00bb69%\u00bb custom_padding=\u00bb95px|||||\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb2_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_font=\u00bbLato|600|||||||\u00bb text_text_color=\u00bb#FFFFFF\u00bb text_font_size=\u00bb33px\u00bb text_line_height=\u00bb1.6em\u00bb header_font_size=\u00bb27px\u00bb background_color=\u00bbrgba(0,0,0,0.33)\u00bb text_orientation=\u00bbcenter\u00bb width=\u00bb100%\u00bb custom_margin=\u00bb-1px|||||\u00bb custom_padding=\u00bb23px|||0px||\u00bb text_line_height_tablet=\u00bb1.6em\u00bb text_line_height_phone=\u00bb1.4em\u00bb text_line_height_last_edited=\u00bbon|phone\u00bb text_orientation_tablet=\u00bbcenter\u00bb text_orientation_phone=\u00bbcenter\u00bb text_orientation_last_edited=\u00bbon|phone\u00bb border_radii=\u00bbon|20px|20px|20px|20px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p><strong>\u00a1AGENDA TU HORA EN MENOS DE UN MINUTO!<\/strong><br \/>Servicio r\u00e1pido, profesional y al mejor precio.<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=\u00bb#agenda\u00bb button_text=\u00bbAgenda Aqu\u00ed\u00bb button_alignment=\u00bbcenter\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb custom_button=\u00bbon\u00bb button_text_size=\u00bb19px\u00bb button_text_color=\u00bb#FFFFFF\u00bb button_bg_color=\u00bb#fd00b1&#8243; button_border_radius=\u00bb8px\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#f2f5f9&#8243; custom_padding=\u00bb||4px|||\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row column_structure=\u00bb1_4,1_4,1_4,1_4&#8243; use_custom_gutter=\u00bbon\u00bb gutter_width=\u00bb1&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#FFFFFF\u00bb width=\u00bb97%\u00bb max_width=\u00bb95%\u00bb custom_margin=\u00bb-140px||||false|false\u00bb custom_padding=\u00bb40px||40px||true|false\u00bb border_radii=\u00bbon|5px|5px|5px|5px\u00bb box_shadow_style=\u00bbpreset1&#8243; box_shadow_horizontal=\u00bb6px\u00bb box_shadow_vertical=\u00bb6px\u00bb box_shadow_color=\u00bbrgba(0,0,0,0.2)\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb|24px||24px|false|true\u00bb custom_padding_tablet=\u00bb||30px||false|true\u00bb custom_padding_phone=\u00bb\u00bb custom_padding_last_edited=\u00bbon|tablet\u00bb border_width_right=\u00bb1px\u00bb border_color_right=\u00bb#dddddd\u00bb border_width_right_tablet=\u00bb0px\u00bb border_width_right_phone=\u00bb\u00bb border_width_right_last_edited=\u00bbon|tablet\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_blurb title=\u00bbLavado Exterior\u00bb use_icon=\u00bbon\u00bb font_icon=\u00bb&#xf1b9;||fa||900&#8243; icon_color=\u00bb#fd00b1&#8243; icon_placement=\u00bbleft\u00bb admin_label=\u00bbNew Ideas\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbOpen Sans|700|||||||\u00bb header_text_color=\u00bb#333333&#8243; body_font=\u00bbLato||||||||\u00bb body_text_color=\u00bb#000000&#8243; global_colors_info=\u00bb{}\u00bb]<\/p>\n<ul>\n<li>Lavado carroceria<\/li>\n<li>Lavado de carroceria + cera a elecci\u00f3n<\/li>\n<li>Lavado de carroceria + cera a elecci\u00f3n + abrillantador<\/li>\n<\/ul>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb|24px||24px|false|true\u00bb custom_padding_tablet=\u00bb||30px||false|true\u00bb custom_padding_phone=\u00bb\u00bb custom_padding_last_edited=\u00bbon|tablet\u00bb border_width_right=\u00bb1px\u00bb border_color_right=\u00bb#dddddd\u00bb border_width_right_tablet=\u00bb0px\u00bb border_width_right_phone=\u00bb\u00bb border_width_right_last_edited=\u00bbon|desktop\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_blurb title=\u00bbLavado Interior\u00bb use_icon=\u00bbon\u00bb font_icon=\u00bb&#xf1b9;||fa||900&#8243; icon_color=\u00bb#fd00b1&#8243; icon_placement=\u00bbleft\u00bb admin_label=\u00bbExponential Growth\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbOpen Sans|700|||||||\u00bb header_text_color=\u00bb#333333&#8243; body_font=\u00bbLato||||||||\u00bb body_text_color=\u00bb#000000&#8243; global_colors_info=\u00bb{}\u00bb]<\/p>\n<ul>\n<li>Aspirado completo<\/li>\n<li>Limpieza del techo del auto<\/li>\n<li>Vaporizado de tapiz<\/li>\n<li>Limpieza de alfombra<\/li>\n<li>Humectaci\u00f3n de asiento de cuero<\/li>\n<\/ul>\n<p>&nbsp;<br \/>\n[\/et_pb_blurb][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb|24px||24px|false|true\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_blurb title=\u00bbServicio completo\u00bb use_icon=\u00bbon\u00bb font_icon=\u00bb&#xf1b9;||fa||900&#8243; icon_color=\u00bb#fd00b1&#8243; icon_placement=\u00bbleft\u00bb admin_label=\u00bbGuaranteed Results\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbOpen Sans|700|||||||\u00bb header_text_color=\u00bb#333333&#8243; body_font=\u00bbLato||||||||\u00bb body_text_color=\u00bb#000000&#8243; global_colors_info=\u00bb{}\u00bb]<\/p>\n<ul>\n<li>Lavado simple<\/li>\n<li>Lavado tiki taka<\/li>\n<li>Lavado para matrimonio<\/li>\n<li>Lavado alta gama<\/li>\n<\/ul>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb|24px||24px|false|true\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_blurb title=\u00bbExtras\u00bb use_icon=\u00bbon\u00bb font_icon=\u00bb&#xf1b9;||fa||900&#8243; icon_color=\u00bb#fd00b1&#8243; icon_placement=\u00bbleft\u00bb admin_label=\u00bbGuaranteed Results\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbOpen Sans|700|||||||\u00bb header_text_color=\u00bb#333333&#8243; body_font=\u00bbLato||||||||\u00bb body_text_color=\u00bb#000000&#8243; global_colors_info=\u00bb{}\u00bb]<\/p>\n<ul>\n<li>Pulido de Llantas<\/li>\n<li>Pulido de Focos<\/li>\n<li>Pulido de Carroceria<\/li>\n<li>Simunizado de carrocer\u00eda<\/li>\n<li>Grabado de patentes<\/li>\n<li>Cer\u00e1mico<\/li>\n<li>Vaporizador de Motor<\/li>\n<li>Vende tu auto<\/li>\n<\/ul>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; module_id=\u00bbagenda\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#000000&#8243; custom_padding=\u00bb4px||8px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||20px||false|false\u00bb custom_padding=\u00bb||4px|||\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbWho We Are\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_font=\u00bbLato||||||||\u00bb text_text_color=\u00bb#fd00b1&#8243; text_font_size=\u00bb44px\u00bb text_line_height=\u00bb1.2em\u00bb header_text_color=\u00bb#FFFFFF\u00bb header_font_size=\u00bb19px\u00bb header_line_height=\u00bb1.1em\u00bb header_2_font=\u00bbOpen Sans|700|||||||\u00bb header_2_text_align=\u00bbcenter\u00bb header_2_text_color=\u00bb#333333&#8243; header_2_font_size=\u00bb50px\u00bb header_2_line_height=\u00bb1.3em\u00bb header_6_font=\u00bbOpen Sans|700||on|||||\u00bb header_6_text_align=\u00bbcenter\u00bb header_6_text_color=\u00bb#E02B20&#8243; header_6_font_size=\u00bb16px\u00bb text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb||-1px|||\u00bb header_2_font_size_tablet=\u00bb40px\u00bb header_2_font_size_phone=\u00bb30px\u00bb header_2_font_size_last_edited=\u00bbon|desktop\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p>\u00a1Agenda tu hora hoy mismo!<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_font=\u00bbLato|700|||||||\u00bb text_text_color=\u00bb#FFFFFF\u00bb text_font_size=\u00bb24px\u00bb text_line_height=\u00bb1.8em\u00bb header_font_size=\u00bb26px\u00bb header_line_height=\u00bb1.1em\u00bb text_orientation=\u00bbcenter\u00bb global_colors_info=\u00bb{}\u00bb]Elige el d\u00eda y la hora que m\u00e1s te acomode<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row admin_label=\u00bbFila\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code admin_label=\u00bbCODIGO HTML SISTEMA DE RESERVAS\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<div class=\"booking-container\"><!-- [et_pb_line_break_holder] -->  <!-- Barra de progreso --><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"progress-bar\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"progress-step active\" id=\"step-1\" data-step=\"1\"><span>Categor\u00eda<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"progress-step\" id=\"step-2\" data-step=\"2\"><span>Servicio<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"progress-step\" id=\"step-3\" data-step=\"3\"><span>Veh\u00edculo<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"progress-step\" id=\"step-4\" data-step=\"4\"><span>Fecha y Hora<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"progress-step\" id=\"step-5\" data-step=\"5\"><span>Informaci\u00f3n<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"progress-step\" id=\"step-6\" data-step=\"6\"><span>Confirmaci\u00f3n<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->   <!-- Selecci\u00f3n de categor\u00eda --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"category-container active\" id=\"category-step\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h2>Selecciona una categor\u00eda<\/h2>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"category-types-container\" id=\"category-types-container\"><!-- [et_pb_line_break_holder] -->          <!-- Las categor\u00edas se cargar\u00e1n din\u00e1micamente --><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- Selecci\u00f3n de servicio --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"services-container\" id=\"services-step\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h2>Selecciona un servicio<\/h2>\n<p><!-- [et_pb_line_break_holder] -->      <!-- Los servicios se cargar\u00e1n din\u00e1micamente --><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <!-- Selecci\u00f3n de tipo de veh\u00edculo --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"vehicle-container\" id=\"vehicle-step\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h2>Selecciona el tipo de veh\u00edculo<\/h2>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"vehicle-types-container\" id=\"vehicle-types-container\"><!-- [et_pb_line_break_holder] -->          <!-- Los tipos de veh\u00edculo se cargar\u00e1n din\u00e1micamente --><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- Selecci\u00f3n de fecha y hora --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"calendar-container\" id=\"calendar-step\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h2>Selecciona fecha y hora<\/h2>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"calendar-header\"><!-- [et_pb_line_break_holder] -->          <button class=\"button button-secondary\" id=\"prev-month\"><i class=\"fas fa-chevron-left\"><\/i><\/button><!-- [et_pb_line_break_holder] -->          <\/p>\n<h3 id=\"current-month\">Febrero 2024<\/h3>\n<p><!-- [et_pb_line_break_holder] -->        \t<button class=\"button button-secondary\" id=\"next-month\"><i class=\"fas fa-chevron-right\"><\/i><\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"calendar-grid\" id=\"calendar-grid\"><!-- [et_pb_line_break_holder] -->          <!-- Se generar\u00e1 din\u00e1micamente con JavaScript --><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"time-slots\" id=\"time-slots\"><!-- [et_pb_line_break_holder] -->          <\/p>\n<h3>Horarios disponibles<\/h3>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"time-grid\"><!-- [et_pb_line_break_holder] -->              <!-- Se generar\u00e1 din\u00e1micamente con JavaScript --><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- Formulario de informaci\u00f3n --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"form-container\" id=\"form-step\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h2>Completa tu informaci\u00f3n<\/h2>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<form id=\"booking-form\"><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->              <label for=\"name\">Nombre *<\/label><!-- [et_pb_line_break_holder] -->              <input type=\"text\" id=\"name\" required><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->              <label for=\"surname\">Apellidos *<\/label><!-- [et_pb_line_break_holder] -->              <input type=\"text\" id=\"surname\" required><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->              <label for=\"phone\">Tel\u00e9fono *<\/label><!-- [et_pb_line_break_holder] -->              <input type=\"tel\" id=\"phone\" required><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->              <label for=\"email\">Email *<\/label><!-- [et_pb_line_break_holder] -->              <input type=\"email\" id=\"email\" required><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/form>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- Confirmaci\u00f3n --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"confirmation-container\" id=\"confirmation-step\"><!-- [et_pb_line_break_holder] -->      <!-- Se generar\u00e1 din\u00e1micamente con JavaScript --><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- Botones de navegaci\u00f3n --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"button-container\"><!-- [et_pb_line_break_holder] -->      <button class=\"button button-secondary\" id=\"back-button\" style=\"display: none;\">Atr\u00e1s<\/button><!-- [et_pb_line_break_holder] -->      <button class=\"button button-primary\" id=\"next-button\">Siguiente<\/button><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_code admin_label=\u00bbCSS\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<style><!-- [et_pb_line_break_holder] -->  :root {<!-- [et_pb_line_break_holder] -->  --primary-color: #6c5ce7;<!-- [et_pb_line_break_holder] -->  --secondary-color: #90A1B9;<!-- [et_pb_line_break_holder] -->  --success-color: #00b894;<!-- [et_pb_line_break_holder] -->  --text-color: #2d3436;<!-- [et_pb_line_break_holder] -->  --border-radius: 8px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.booking-container {<!-- [et_pb_line_break_holder] -->  padding: 2rem;<!-- [et_pb_line_break_holder] -->  background: #fff;<!-- [et_pb_line_break_holder] -->  border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] -->  box-shadow: 0 2px 10px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.booking-container h2 {<!-- [et_pb_line_break_holder] -->  font-size: 1.4rem;<!-- [et_pb_line_break_holder] -->  margin-bottom: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.booking-container h3 {<!-- [et_pb_line_break_holder] -->  font-size: 1.2rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Barra de progreso *\/<!-- [et_pb_line_break_holder] -->.progress-bar {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  margin-bottom: 2rem;<!-- [et_pb_line_break_holder] -->  padding: 1rem 1rem 1.9rem 1rem;<!-- [et_pb_line_break_holder] -->  background: #f7f7f7;<!-- [et_pb_line_break_holder] -->  border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] -->  position: relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-step {<!-- [et_pb_line_break_holder] -->  flex: 1;<!-- [et_pb_line_break_holder] -->  text-align: center;<!-- [et_pb_line_break_holder] -->  position: relative;<!-- [et_pb_line_break_holder] -->  color: var(--secondary-color);<!-- [et_pb_line_break_holder] -->  padding-bottom: 30px; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-step::after {<!-- [et_pb_line_break_holder] -->  content: attr(data-step); <!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  left: 50%;<!-- [et_pb_line_break_holder] -->  bottom: -10px;<!-- [et_pb_line_break_holder] -->  width: 30px;<!-- [et_pb_line_break_holder] -->  height: 30px;<!-- [et_pb_line_break_holder] -->  background: #fff;<!-- [et_pb_line_break_holder] -->  border: 2px solid var(--secondary-color);<!-- [et_pb_line_break_holder] -->  border-radius: 50%;<!-- [et_pb_line_break_holder] -->  transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  justify-content: center;<!-- [et_pb_line_break_holder] -->  font-size: 14px;<!-- [et_pb_line_break_holder] -->  font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-step.active {<!-- [et_pb_line_break_holder] -->  color: var(--primary-color);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-step.active::after {<!-- [et_pb_line_break_holder] -->  border-color: var(--primary-color);<!-- [et_pb_line_break_holder] -->  background: var(--primary-color);<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-step.completed::after {<!-- [et_pb_line_break_holder] -->  content: '\\f00c';<!-- [et_pb_line_break_holder] -->  font-family: 'Font Awesome 6 Free';<!-- [et_pb_line_break_holder] -->  font-weight: 900; <!-- [et_pb_line_break_holder] -->  border-color: var(--success-color);<!-- [et_pb_line_break_holder] -->  background: var(--success-color);<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  font-size: 12px; <!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  justify-content: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Estilos comunes para categor\u00edas y servicios *\/<!-- [et_pb_line_break_holder] -->.category-card, .service-card {<!-- [et_pb_line_break_holder] -->  padding: 1.5rem;<!-- [et_pb_line_break_holder] -->  border: 1px solid #eee;<!-- [et_pb_line_break_holder] -->  border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  justify-content: space-between;<!-- [et_pb_line_break_holder] -->  align-items: flex-start;<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->  transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->  margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.category-card:hover, .service-card:hover {<!-- [et_pb_line_break_holder] -->  border-color: var(--primary-color);<!-- [et_pb_line_break_holder] -->  box-shadow: 0 2px 5px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->  transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.category-info, .service-info {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  align-items: flex-start;<!-- [et_pb_line_break_holder] -->  gap: 1rem;<!-- [et_pb_line_break_holder] -->  flex: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Estilo com\u00fan para iconos de categor\u00eda y servicio *\/<!-- [et_pb_line_break_holder] -->.category-icon, .service-icon {<!-- [et_pb_line_break_holder] -->  width: 100px;<!-- [et_pb_line_break_holder] -->  height: 100px;<!-- [et_pb_line_break_holder] -->  background: var(--primary-color);<!-- [et_pb_line_break_holder] -->  border-radius: 4px;<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  justify-content: center;<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  font-size: 1.5rem;<!-- [et_pb_line_break_holder] -->  flex-shrink: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Estilos para im\u00e1genes en iconos *\/<!-- [et_pb_line_break_holder] -->.category-icon img, .service-icon img {<!-- [et_pb_line_break_holder] -->  width: 100%;<!-- [et_pb_line_break_holder] -->  height: 100%;<!-- [et_pb_line_break_holder] -->  object-fit: cover;<!-- [et_pb_line_break_holder] -->  border-radius: 4px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.category-details, .service-details {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  flex-direction: column;<!-- [et_pb_line_break_holder] -->  flex: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.category-details h3, .service-details h3 {<!-- [et_pb_line_break_holder] -->  margin-bottom: 0.25rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.category-description, .service-description {<!-- [et_pb_line_break_holder] -->  margin: 0.5rem 0;<!-- [et_pb_line_break_holder] -->  color: var(--text-color);<!-- [et_pb_line_break_holder] -->  font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->  line-height: 1.4;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Ajustar el service-duration *\/<!-- [et_pb_line_break_holder] -->.service-duration {<!-- [et_pb_line_break_holder] -->  display: inline-block;<!-- [et_pb_line_break_holder] -->  padding: 0.25rem 0.75rem;<!-- [et_pb_line_break_holder] -->  background: #f0f0f0;<!-- [et_pb_line_break_holder] -->  border-radius: 1rem;<!-- [et_pb_line_break_holder] -->  font-size: 0.875rem;<!-- [et_pb_line_break_holder] -->  width: fit-content;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.service-price, .category-price {<!-- [et_pb_line_break_holder] -->  color: var(--success-color);<!-- [et_pb_line_break_holder] -->  font-weight: bold;<!-- [et_pb_line_break_holder] -->  font-size: 1.2rem;<!-- [et_pb_line_break_holder] -->  padding-left: 1rem;<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Animaci\u00f3n de aparici\u00f3n de tarjetas *\/<!-- [et_pb_line_break_holder] -->.fade-in-card {<!-- [et_pb_line_break_holder] -->  opacity: 0;<!-- [et_pb_line_break_holder] -->  transition: opacity 0.3s ease-in-out, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fade-in-card.fade-in-active {<!-- [et_pb_line_break_holder] -->  opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Estilos para los contenedores *\/<!-- [et_pb_line_break_holder] -->.category-container,<!-- [et_pb_line_break_holder] -->.services-container,<!-- [et_pb_line_break_holder] -->.vehicle-container,<!-- [et_pb_line_break_holder] -->.calendar-container,<!-- [et_pb_line_break_holder] -->.form-container,<!-- [et_pb_line_break_holder] -->.confirmation-container {<!-- [et_pb_line_break_holder] -->  opacity: 0;<!-- [et_pb_line_break_holder] -->  visibility: hidden;<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  transition: opacity 0.3s ease-in-out, visibility 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.category-container.active,<!-- [et_pb_line_break_holder] -->.services-container.active,<!-- [et_pb_line_break_holder] -->.vehicle-container.active,<!-- [et_pb_line_break_holder] -->.calendar-container.active,<!-- [et_pb_line_break_holder] -->.form-container.active,<!-- [et_pb_line_break_holder] -->.confirmation-container.active {<!-- [et_pb_line_break_holder] -->  opacity: 1;<!-- [et_pb_line_break_holder] -->  visibility: visible;<!-- [et_pb_line_break_holder] -->  position: relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Contenedor de grid para servicios *\/<!-- [et_pb_line_break_holder] -->.services-container-grid {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  flex-direction: column;<!-- [et_pb_line_break_holder] -->  gap: 1rem;<!-- [et_pb_line_break_holder] -->  margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Estilos para pills *\/<!-- [et_pb_line_break_holder] -->.category-pill {<!-- [et_pb_line_break_holder] -->  background-color: #5a67d8;<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  padding: 0.25rem 0.75rem;<!-- [et_pb_line_break_holder] -->  border-radius: 1rem;<!-- [et_pb_line_break_holder] -->  font-size: 0.8rem;<!-- [et_pb_line_break_holder] -->  margin-bottom: 0.5rem;<!-- [et_pb_line_break_holder] -->  margin-right: 0.5rem;<!-- [et_pb_line_break_holder] -->  display: inline-block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.service-pill {<!-- [et_pb_line_break_holder] -->  background-color: var(--primary-color);<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  padding: 0.25rem 0.75rem;<!-- [et_pb_line_break_holder] -->  border-radius: 1rem;<!-- [et_pb_line_break_holder] -->  font-size: 0.8rem;<!-- [et_pb_line_break_holder] -->  margin-bottom: 0.5rem;<!-- [et_pb_line_break_holder] -->  display: inline-block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Para organizar m\u00faltiples pills *\/<!-- [et_pb_line_break_holder] -->.pills-container {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->  gap: 0.5rem;<!-- [et_pb_line_break_holder] -->  margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Estilos para veh\u00edculos *\/<!-- [et_pb_line_break_holder] -->.vehicle-types-container {<!-- [et_pb_line_break_holder] -->  display: grid;<!-- [et_pb_line_break_holder] -->  gap: 1rem;<!-- [et_pb_line_break_holder] -->  margin-bottom: 2rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.vehicle-card {<!-- [et_pb_line_break_holder] -->  padding: 1.5rem;<!-- [et_pb_line_break_holder] -->  border: 1px solid #eee;<!-- [et_pb_line_break_holder] -->  border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  justify-content: space-between;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->  transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.vehicle-card:hover {<!-- [et_pb_line_break_holder] -->  border-color: var(--primary-color);<!-- [et_pb_line_break_holder] -->  box-shadow: 0 2px 5px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->  transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.vehicle-info {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  gap: 1rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.vehicle-icon {<!-- [et_pb_line_break_holder] -->  width: 48px;<!-- [et_pb_line_break_holder] -->  height: 48px;<!-- [et_pb_line_break_holder] -->  background: var(--secondary-color);<!-- [et_pb_line_break_holder] -->  border-radius: 50%;<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  justify-content: center;<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  font-size: 1.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.vehicle-details h3 {<!-- [et_pb_line_break_holder] -->  margin-bottom: 0.25rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.vehicle-price {<!-- [et_pb_line_break_holder] -->  color: var(--success-color);<!-- [et_pb_line_break_holder] -->  font-weight: bold;<!-- [et_pb_line_break_holder] -->  font-size: 1.2rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Calendario *\/<!-- [et_pb_line_break_holder] -->.calendar-header {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  justify-content: space-between;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.booking-container .calendar-container h2 {<!-- [et_pb_line_break_holder] -->  margin-bottom: 0.8rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.calendar-grid {<!-- [et_pb_line_break_holder] -->  display: grid;<!-- [et_pb_line_break_holder] -->  grid-template-columns: repeat(7, 1fr);<!-- [et_pb_line_break_holder] -->  gap: 0.5rem;<!-- [et_pb_line_break_holder] -->  text-align: center;<!-- [et_pb_line_break_holder] -->  margin-bottom: 2rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.calendar-grid .weekday {<!-- [et_pb_line_break_holder] -->  font-weight: bold;<!-- [et_pb_line_break_holder] -->  color: var(--secondary-color);<!-- [et_pb_line_break_holder] -->  padding: 0.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.calendar-day {<!-- [et_pb_line_break_holder] -->  padding: 0.75rem 0.5rem;<!-- [et_pb_line_break_holder] -->  border: 1px solid #eee;<!-- [et_pb_line_break_holder] -->  border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->  position: relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.calendar-day.disabled {<!-- [et_pb_line_break_holder] -->  color: #b5b9bf;<!-- [et_pb_line_break_holder] -->  cursor: not-allowed;<!-- [et_pb_line_break_holder] -->  background: #f5f5f5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.calendar-day.available {<!-- [et_pb_line_break_holder] -->  background: #f0f8ff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.calendar-day.selected {<!-- [et_pb_line_break_holder] -->  background: var(--primary-color);<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  border-color: var(--primary-color);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.calendar-day.today::after {<!-- [et_pb_line_break_holder] -->  content: \"\";<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  bottom: 2px;<!-- [et_pb_line_break_holder] -->  left: 50%;<!-- [et_pb_line_break_holder] -->  transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->  width: 4px;<!-- [et_pb_line_break_holder] -->  height: 4px;<!-- [et_pb_line_break_holder] -->  background: var(--primary-color);<!-- [et_pb_line_break_holder] -->  border-radius: 50%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Horarios *\/<!-- [et_pb_line_break_holder] -->.time-slots {<!-- [et_pb_line_break_holder] -->  margin-top: 2rem;<!-- [et_pb_line_break_holder] -->  display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-slots.active {<!-- [et_pb_line_break_holder] -->  display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-grid {<!-- [et_pb_line_break_holder] -->  display: grid;<!-- [et_pb_line_break_holder] -->  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));<!-- [et_pb_line_break_holder] -->  gap: 1rem;<!-- [et_pb_line_break_holder] -->  margin-top: 1rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-slot {<!-- [et_pb_line_break_holder] -->  padding: 0.75rem 0.5rem;<!-- [et_pb_line_break_holder] -->  text-align: center;<!-- [et_pb_line_break_holder] -->  border: 1px solid #eee;<!-- [et_pb_line_break_holder] -->  border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->  transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-slot:hover {<!-- [et_pb_line_break_holder] -->  border-color: var(--primary-color);<!-- [et_pb_line_break_holder] -->  background: #f8f9ff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-slot.selected {<!-- [et_pb_line_break_holder] -->  background: var(--primary-color);<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  border-color: var(--primary-color);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-slot.disabled {<!-- [et_pb_line_break_holder] -->  color: #b5b9bf;<!-- [et_pb_line_break_holder] -->  cursor: not-allowed;<!-- [et_pb_line_break_holder] -->  background: #f5f5f5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-slot.disabled:hover {<!-- [et_pb_line_break_holder] -->  border: 1px solid #eee;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Formulario *\/<!-- [et_pb_line_break_holder] -->.form-container h2 {<!-- [et_pb_line_break_holder] -->  margin-bottom: 0.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-group {<!-- [et_pb_line_break_holder] -->  margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-group label {<!-- [et_pb_line_break_holder] -->  display: block;<!-- [et_pb_line_break_holder] -->  margin-bottom: 0.5rem;<!-- [et_pb_line_break_holder] -->  font-weight: 500;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-group input {<!-- [et_pb_line_break_holder] -->  width: 100%;<!-- [et_pb_line_break_holder] -->  padding: 0.75rem;<!-- [et_pb_line_break_holder] -->  border: 1px solid #ddd;<!-- [et_pb_line_break_holder] -->  border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] -->  font-size: 1rem;<!-- [et_pb_line_break_holder] -->  transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-group input:focus {<!-- [et_pb_line_break_holder] -->  outline: none;<!-- [et_pb_line_break_holder] -->  border-color: var(--primary-color);<!-- [et_pb_line_break_holder] -->  box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-group input.error {<!-- [et_pb_line_break_holder] -->  border-color: #ff4444;<!-- [et_pb_line_break_holder] -->  background-color: #fff8f8;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.error-message {<!-- [et_pb_line_break_holder] -->  color: #ff4444;<!-- [et_pb_line_break_holder] -->  font-size: 0.875rem;<!-- [et_pb_line_break_holder] -->  margin-top: 0.25rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Confirmaci\u00f3n *\/<!-- [et_pb_line_break_holder] -->.confirmation-details {<!-- [et_pb_line_break_holder] -->  padding: 2rem;<!-- [et_pb_line_break_holder] -->  background: #f8f9fa;<!-- [et_pb_line_break_holder] -->  border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] -->  margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.confirmation-details h3 {<!-- [et_pb_line_break_holder] -->  color: var(--success-color);<!-- [et_pb_line_break_holder] -->  margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.user-details {<!-- [et_pb_line_break_holder] -->  margin-top: 1.5rem;<!-- [et_pb_line_break_holder] -->  padding-top: 1.5rem;<!-- [et_pb_line_break_holder] -->  border-top: 1px solid #eee;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Botones *\/<!-- [et_pb_line_break_holder] -->.button-container {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  justify-content: space-between;<!-- [et_pb_line_break_holder] -->  margin-top: 2rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button {<!-- [et_pb_line_break_holder] -->  padding: 0.75rem 1.5rem;<!-- [et_pb_line_break_holder] -->  border: none;<!-- [et_pb_line_break_holder] -->  border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->  font-weight: bold;<!-- [et_pb_line_break_holder] -->  transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button-primary {<!-- [et_pb_line_break_holder] -->  background: var(--primary-color);<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button-secondary {<!-- [et_pb_line_break_holder] -->  background: var(--secondary-color);<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button:hover {<!-- [et_pb_line_break_holder] -->  opacity: 0.9;<!-- [et_pb_line_break_holder] -->  transform: translateY(-1px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button:disabled {<!-- [et_pb_line_break_holder] -->  opacity: 0.5;<!-- [et_pb_line_break_holder] -->  cursor: not-allowed;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Estilos para el bot\u00f3n de WhatsApp *\/<!-- [et_pb_line_break_holder] -->.whatsapp-button-container {<!-- [et_pb_line_break_holder] -->  margin-top: 2rem;<!-- [et_pb_line_break_holder] -->  text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button-whatsapp {<!-- [et_pb_line_break_holder] -->  background-color: #25D366;<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->  padding: 1rem 2rem;<!-- [et_pb_line_break_holder] -->  display: inline-flex;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  gap: 0.5rem;<!-- [et_pb_line_break_holder] -->  transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button-whatsapp:hover {<!-- [et_pb_line_break_holder] -->  background-color: #128C7E;<!-- [et_pb_line_break_holder] -->  transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.whatsapp-icon {<!-- [et_pb_line_break_holder] -->  font-size: 1.4rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Loader *\/<!-- [et_pb_line_break_holder] -->.loader-container {<!-- [et_pb_line_break_holder] -->  text-align: center;<!-- [et_pb_line_break_holder] -->  padding: 2rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.loader {<!-- [et_pb_line_break_holder] -->  width: 48px;<!-- [et_pb_line_break_holder] -->  height: 48px;<!-- [et_pb_line_break_holder] -->  border: 5px solid #f3f3f3;<!-- [et_pb_line_break_holder] -->  border-top: 5px solid var(--primary-color);<!-- [et_pb_line_break_holder] -->  border-radius: 50%;<!-- [et_pb_line_break_holder] -->  animation: spin 1s linear infinite;<!-- [et_pb_line_break_holder] -->  margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-slots .loader-container {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  flex-direction: column;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  gap: 0.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-slots .loader-container p {<!-- [et_pb_line_break_holder] -->  white-space: nowrap;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes spin {<!-- [et_pb_line_break_holder] -->  0% { transform: rotate(0deg); }<!-- [et_pb_line_break_holder] -->  100% { transform: rotate(360deg); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Estilos para los iconos de FontAwesome *\/<!-- [et_pb_line_break_holder] -->.service-icon i,<!-- [et_pb_line_break_holder] -->.category-icon i {<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  font-size: 1.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.confirmation-details i {<!-- [et_pb_line_break_holder] -->  margin-right: 0.5rem;<!-- [et_pb_line_break_holder] -->  color: var(--secondary-color);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.confirmation-details h3 i {<!-- [et_pb_line_break_holder] -->  margin-right: 0.5rem;<!-- [et_pb_line_break_holder] -->  color: var(--primary-color);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.confirmation-details .button-whatsapp i {<!-- [et_pb_line_break_holder] -->  color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button-whatsapp i {<!-- [et_pb_line_break_holder] -->  font-size: 1.2rem;<!-- [et_pb_line_break_holder] -->  margin-right: 0.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.time-slot i {<!-- [et_pb_line_break_holder] -->  margin-right: 0.3rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* MEJORAS DE RESPONSIVE *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->  \/* Mejoras generales para tablets y m\u00f3viles *\/<!-- [et_pb_line_break_holder] -->  .booking-container {<!-- [et_pb_line_break_holder] -->    padding: 1rem;<!-- [et_pb_line_break_holder] -->    max-width: 100%;<!-- [et_pb_line_break_holder] -->    overflow-x: hidden;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .booking-container h2 {<!-- [et_pb_line_break_holder] -->    font-size: 1.3rem;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0.8rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .booking-container h3 {<!-- [et_pb_line_break_holder] -->    font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0.6rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Mejora de los elementos de la barra de progreso *\/<!-- [et_pb_line_break_holder] -->  .progress-bar {<!-- [et_pb_line_break_holder] -->    padding: 0.5rem 0.5rem 1.5rem 0.5rem;<!-- [et_pb_line_break_holder] -->    margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->    flex-wrap: nowrap;<!-- [et_pb_line_break_holder] -->    overflow-x: hidden;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .progress-step {<!-- [et_pb_line_break_holder] -->    font-size: 0.75rem;<!-- [et_pb_line_break_holder] -->    padding-bottom: 25px;<!-- [et_pb_line_break_holder] -->    white-space: nowrap; \/* Evita saltos de l\u00ednea en los textos *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .progress-step::after {<!-- [et_pb_line_break_holder] -->    width: 24px;<!-- [et_pb_line_break_holder] -->    height: 24px;<!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] -->    bottom: -8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Ajustes para categor\u00edas y servicios en m\u00f3vil *\/<!-- [et_pb_line_break_holder] -->  .category-card, .service-card {<!-- [et_pb_line_break_holder] -->    padding: 1rem;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .category-info, .service-info {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0.75rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .category-icon, .service-icon {<!-- [et_pb_line_break_holder] -->    width: 70px;<!-- [et_pb_line_break_holder] -->    height: 70px;<!-- [et_pb_line_break_holder] -->    font-size: 1rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .service-price, .category-price {<!-- [et_pb_line_break_holder] -->    align-self: flex-end;<!-- [et_pb_line_break_holder] -->    margin-top: 0.5rem;<!-- [et_pb_line_break_holder] -->    font-size: 1rem;<!-- [et_pb_line_break_holder] -->    padding: 0.25rem 0.5rem;<!-- [et_pb_line_break_holder] -->    background-color: #f8f9fa;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    padding-left: 0.5rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Mejoras para veh\u00edculos *\/<!-- [et_pb_line_break_holder] -->  .vehicle-card {<!-- [et_pb_line_break_holder] -->    padding: 0.8rem;<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: auto 1fr auto;<!-- [et_pb_line_break_holder] -->    gap: 0.5rem;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .vehicle-icon {<!-- [et_pb_line_break_holder] -->    width: 36px;<!-- [et_pb_line_break_holder] -->    height: 36px;<!-- [et_pb_line_break_holder] -->    font-size: 1rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .vehicle-details h3 {<!-- [et_pb_line_break_holder] -->    font-size: 0.95rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .vehicle-price {<!-- [et_pb_line_break_holder] -->    font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->    justify-self: end;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .category-pill, .service-pill {<!-- [et_pb_line_break_holder] -->    font-size: 0.75rem;<!-- [et_pb_line_break_holder] -->    padding: 0.2rem 0.6rem;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0.4rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Mejoras para el calendario *\/<!-- [et_pb_line_break_holder] -->  .calendar-container {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    overflow-x: hidden;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .calendar-grid {<!-- [et_pb_line_break_holder] -->    gap: 0.2rem;<!-- [et_pb_line_break_holder] -->    font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .calendar-day {<!-- [et_pb_line_break_holder] -->    padding: 0.4rem 0.2rem;<!-- [et_pb_line_break_holder] -->    font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .time-grid {<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(auto-fill, minmax(65px, 1fr));<!-- [et_pb_line_break_holder] -->    gap: 0.4rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .time-slot {<!-- [et_pb_line_break_holder] -->    padding: 0.4rem 0.2rem;<!-- [et_pb_line_break_holder] -->    font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Mejoras para botones *\/<!-- [et_pb_line_break_holder] -->  .button {<!-- [et_pb_line_break_holder] -->    padding: 0.6rem 1.2rem;<!-- [et_pb_line_break_holder] -->    font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Ajuste para acomodar todos los pasos *\/<!-- [et_pb_line_break_holder] -->  .progress-step span {<!-- [et_pb_line_break_holder] -->    display: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Solo mostrar el texto en el paso activo *\/<!-- [et_pb_line_break_holder] -->  .progress-step.active span {<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    font-size: 0.65rem;<!-- [et_pb_line_break_holder] -->    margin-bottom: -5px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->  \/* Ajustes espec\u00edficos para m\u00f3viles peque\u00f1os *\/<!-- [et_pb_line_break_holder] -->  .booking-container {<!-- [et_pb_line_break_holder] -->    padding: 0.8rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .booking-container h2 {<!-- [et_pb_line_break_holder] -->    font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0.6rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .booking-container h3 {<!-- [et_pb_line_break_holder] -->    font-size: 0.95rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Ajuste fino a la barra de progreso *\/<!-- [et_pb_line_break_holder] -->  .progress-step {<!-- [et_pb_line_break_holder] -->    font-size: 0.65rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .progress-step::after {<!-- [et_pb_line_break_holder] -->    width: 20px;<!-- [et_pb_line_break_holder] -->    height: 20px;<!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] -->    bottom: -6px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Ajustes para categor\u00edas y servicios *\/<!-- [et_pb_line_break_holder] -->  .category-icon, .service-icon {<!-- [et_pb_line_break_holder] -->    width: 50px;<!-- [et_pb_line_break_holder] -->    height: 50px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .category-details h3, .service-details h3 {<!-- [et_pb_line_break_holder] -->    font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .category-description, .service-description {<!-- [et_pb_line_break_holder] -->    font-size: 0.75rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .service-duration {<!-- [et_pb_line_break_holder] -->    font-size: 0.7rem;<!-- [et_pb_line_break_holder] -->    padding: 0.1rem 0.5rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .service-price, .category-price {<!-- [et_pb_line_break_holder] -->    font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Ajustes para el calendario *\/<!-- [et_pb_line_break_holder] -->  .calendar-header h3 {<!-- [et_pb_line_break_holder] -->    font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .calendar-grid {<!-- [et_pb_line_break_holder] -->    gap: 0.15rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .calendar-day {<!-- [et_pb_line_break_holder] -->    padding: 0.3rem 0.1rem;<!-- [et_pb_line_break_holder] -->    font-size: 0.8rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Ajuste espec\u00edfico para contener el calendario *\/<!-- [et_pb_line_break_holder] -->  .calendar-container {<!-- [et_pb_line_break_holder] -->    max-width: 100%;<!-- [et_pb_line_break_holder] -->    overflow-x: hidden;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .calendar-grid {<!-- [et_pb_line_break_holder] -->    max-width: 100%;<!-- [et_pb_line_break_holder] -->    min-width: 280px; \/* Asegurar que no sea demasiado peque\u00f1o *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Botones espec\u00edficos para esta vista *\/<!-- [et_pb_line_break_holder] -->  #prev-month, #next-month {<!-- [et_pb_line_break_holder] -->    padding: 0.3rem 0.7rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .button {<!-- [et_pb_line_break_holder] -->    padding: 0.5rem 1rem;<!-- [et_pb_line_break_holder] -->    font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Ajustes para formulario *\/<!-- [et_pb_line_break_holder] -->  .form-group label {<!-- [et_pb_line_break_holder] -->    font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .form-group input {<!-- [et_pb_line_break_holder] -->    padding: 0.5rem;<!-- [et_pb_line_break_holder] -->    font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .time-grid {<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 0.4rem;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 350px) {<!-- [et_pb_line_break_holder] -->  \/* Ajustes extremos para pantallas muy peque\u00f1as *\/<!-- [et_pb_line_break_holder] -->  .progress-step {<!-- [et_pb_line_break_holder] -->    font-size: 0;  \/* Ocultar el texto completamente *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .progress-step::after {<!-- [et_pb_line_break_holder] -->    width: 18px;<!-- [et_pb_line_break_holder] -->    height: 18px;<!-- [et_pb_line_break_holder] -->    font-size: 9px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .vehicle-card {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    padding: 0.7rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .vehicle-info {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0.4rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .vehicle-price {<!-- [et_pb_line_break_holder] -->    align-self: flex-end;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .calendar-day, .calendar-grid .weekday {<!-- [et_pb_line_break_holder] -->    font-size: 0.7rem;<!-- [et_pb_line_break_holder] -->    padding: 0.25rem 0.1rem;<!-- [et_pb_line_break_holder] -->    height: 25px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Ajuste cr\u00edtico para el calendario en pantallas muy peque\u00f1as *\/<!-- [et_pb_line_break_holder] -->  .calendar-grid {<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(7, 1fr);<!-- [et_pb_line_break_holder] -->    min-width: 250px;<!-- [et_pb_line_break_holder] -->    gap: 0.1rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .category-icon, .service-icon {<!-- [et_pb_line_break_holder] -->    width: 40px;<!-- [et_pb_line_break_holder] -->    height: 40px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][et_pb_code admin_label=\u00bbJAVA SCRIPT\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->const API = {<!-- [et_pb_line_break_holder] -->    URL: 'https:\/\/script.google.com\/macros\/s\/AKfycbyth0cKbxQjlOpuEDNPOn_OaGB-TS4a1VTZXe2nuROwTErn6wITa3tY6h2ppLcWKmsJMw\/exec', \/\/ \ud83d\udd25 REEMPLAZAR URL APPSCRIPT<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    async get(action, params = {}) {<!-- [et_pb_line_break_holder] -->        const controller = new AbortController();<!-- [et_pb_line_break_holder] -->        const timeout = setTimeout(() => controller.abort(), 10000); \/\/ 10 segundos<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            const queryParams = new URLSearchParams({ action, ...params }).toString();<!-- [et_pb_line_break_holder] -->            const response = await fetch(`${this.URL}?${queryParams}`, {<!-- [et_pb_line_break_holder] -->                signal: controller.signal<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            clearTimeout(timeout);<!-- [et_pb_line_break_holder] -->            return response.json();<!-- [et_pb_line_break_holder] -->        } catch (error) {<!-- [et_pb_line_break_holder] -->            clearTimeout(timeout);<!-- [et_pb_line_break_holder] -->            throw error;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    },<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    async post(action, data) {<!-- [et_pb_line_break_holder] -->        const response = await fetch(`${this.URL}?action=${action}`, {<!-- [et_pb_line_break_holder] -->            method: 'POST',<!-- [et_pb_line_break_holder] -->            body: JSON.stringify({ data: JSON.stringify(data) })<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        return response.json();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  class BookingSystem {<!-- [et_pb_line_break_holder] -->    constructor() {<!-- [et_pb_line_break_holder] -->        this.currentStep = 1;<!-- [et_pb_line_break_holder] -->        this.maxSteps = 6; <!-- [et_pb_line_break_holder] -->        this.WHATSAPP_NUMBER = '56948459706'; \/\/ \ud83d\udd25 REEMPLAZAR NUMERO DE WHATSAPP<!-- [et_pb_line_break_holder] -->        this.bookingData = {<!-- [et_pb_line_break_holder] -->            category: null, <!-- [et_pb_line_break_holder] -->            service: null,<!-- [et_pb_line_break_holder] -->            vehicle: null,<!-- [et_pb_line_break_holder] -->            date: null,<!-- [et_pb_line_break_holder] -->            time: null,<!-- [et_pb_line_break_holder] -->            userInfo: {}<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->        this.currentDate = new Date();<!-- [et_pb_line_break_holder] -->        this.selectedDate = null;<!-- [et_pb_line_break_holder] -->        this.vehicleTypes = []; <!-- [et_pb_line_break_holder] -->        this.categories = []; <!-- [et_pb_line_break_holder] -->        this.services = []; <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.festiveDays = [];  <!-- [et_pb_line_break_holder] -->        this.workingDays = []; <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.initializeElements();<!-- [et_pb_line_break_holder] -->        this.loadCategories(); <!-- [et_pb_line_break_holder] -->        this.loadConfiguration(); <!-- [et_pb_line_break_holder] -->        this.attachEventListeners();<!-- [et_pb_line_break_holder] -->        this.isLoading = false;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    setLoading(loading) {<!-- [et_pb_line_break_holder] -->        this.isLoading = loading;<!-- [et_pb_line_break_holder] -->        this.nextButton.disabled = loading;<!-- [et_pb_line_break_holder] -->        this.backButton.disabled = loading;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    showAlert(message) {<!-- [et_pb_line_break_holder] -->        const alertBox = document.createElement('div');<!-- [et_pb_line_break_holder] -->        alertBox.style.cssText = `<!-- [et_pb_line_break_holder] -->            position: fixed;<!-- [et_pb_line_break_holder] -->            top: 50%;<!-- [et_pb_line_break_holder] -->            left: 50%;<!-- [et_pb_line_break_holder] -->            transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->            padding: 20px;<!-- [et_pb_line_break_holder] -->            background: white;<!-- [et_pb_line_break_holder] -->            border-radius: 8px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 10px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->            z-index: 1000;<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] -->        alertBox.innerHTML = `<!-- [et_pb_line_break_holder] -->            <pee style=\"margin-bottom: 15px\">${message}<\/pee><!-- [et_pb_line_break_holder] -->            <button class=\"button button-primary\">Aceptar<\/button><!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] -->        document.body.appendChild(alertBox);<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        alertBox.querySelector('button').onclick = () => alertBox.remove();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    loadConfiguration() {<!-- [et_pb_line_break_holder] -->        API.get('getConfiguration')<!-- [et_pb_line_break_holder] -->            .then(config => {<!-- [et_pb_line_break_holder] -->                this.limiteReservaHoras = parseInt(config.limite_reserva_horas, 10) || 0;<!-- [et_pb_line_break_holder] -->                this.festiveDays = config.dias_festivos || [];<!-- [et_pb_line_break_holder] -->                this.workingDays = config.dias_laborables || [];<!-- [et_pb_line_break_holder] -->                this.renderCalendar();<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .catch(error => console.error('Error:', error));<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    initializeElements() {<!-- [et_pb_line_break_holder] -->        this.containers = {<!-- [et_pb_line_break_holder] -->            category: document.getElementById('category-step'), \/\/ Nuevo contenedor para categor\u00edas<!-- [et_pb_line_break_holder] -->            services: document.getElementById('services-step'),<!-- [et_pb_line_break_holder] -->            vehicle: document.getElementById('vehicle-step'),<!-- [et_pb_line_break_holder] -->            calendar: document.getElementById('calendar-step'),<!-- [et_pb_line_break_holder] -->            form: document.getElementById('form-step'),<!-- [et_pb_line_break_holder] -->            confirmation: document.getElementById('confirmation-step')<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.calendarGrid = document.getElementById('calendar-grid');<!-- [et_pb_line_break_holder] -->        this.currentMonthElement = document.getElementById('current-month');<!-- [et_pb_line_break_holder] -->        this.timeSlotsContainer = document.getElementById('time-slots');<!-- [et_pb_line_break_holder] -->        this.timeGrid = this.timeSlotsContainer.querySelector('.time-grid');<!-- [et_pb_line_break_holder] -->        this.backButton = document.getElementById('back-button');<!-- [et_pb_line_break_holder] -->        this.nextButton = document.getElementById('next-button');<!-- [et_pb_line_break_holder] -->        this.prevMonthButton = document.getElementById('prev-month');<!-- [et_pb_line_break_holder] -->        this.nextMonthButton = document.getElementById('next-month');<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.renderCalendar();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    \/\/ Nuevo m\u00e9todo para cargar categor\u00edas<!-- [et_pb_line_break_holder] -->    loadCategories() {<!-- [et_pb_line_break_holder] -->        const container = document.getElementById('category-step');<!-- [et_pb_line_break_holder] -->        container.innerHTML = `<!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>Selecciona una categor\u00eda<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"loader-container\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"loader\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Cargando categor\u00edas...<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->        API.get('getCategories')<!-- [et_pb_line_break_holder] -->            .then(response => {<!-- [et_pb_line_break_holder] -->                console.log('Respuesta de getCategories:', response); <!-- [et_pb_line_break_holder] -->                this.categories = response;<!-- [et_pb_line_break_holder] -->                this.renderCategories(response);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Tambi\u00e9n cargar todos los servicios para tenerlos disponibles<!-- [et_pb_line_break_holder] -->                return API.get('getServices');<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .then(services => {<!-- [et_pb_line_break_holder] -->                console.log('Todos los servicios cargados:', services);<!-- [et_pb_line_break_holder] -->                this.services = services;<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .catch(error => {<!-- [et_pb_line_break_holder] -->                console.error('Error al cargar categor\u00edas:', error);<!-- [et_pb_line_break_holder] -->                container.innerHTML = `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2>Error al cargar categor\u00edas<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Por favor, intenta de nuevo m\u00e1s tarde.<\/pee><!-- [et_pb_line_break_holder] -->                `;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    \/\/ Nuevo m\u00e9todo para renderizar categor\u00edas<!-- [et_pb_line_break_holder] -->    renderCategories(categories) {<!-- [et_pb_line_break_holder] -->        console.log('Datos de categor\u00edas recibidos:', categories); <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (!Array.isArray(categories)) {<!-- [et_pb_line_break_holder] -->            console.error('Las categor\u00edas no son un array:', categories);<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const container = document.getElementById('category-step');<!-- [et_pb_line_break_holder] -->        container.innerHTML = '<\/p>\n<h2>Selecciona una categor\u00eda<\/h2>\n<p>';<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        categories.forEach(category => {<!-- [et_pb_line_break_holder] -->            if (category.activo) {<!-- [et_pb_line_break_holder] -->                const categoryCard = document.createElement('div');<!-- [et_pb_line_break_holder] -->                categoryCard.className = 'category-card fade-in-card';<!-- [et_pb_line_break_holder] -->                categoryCard.setAttribute('data-category', category.id);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Imagen o icono para la categor\u00eda<!-- [et_pb_line_break_holder] -->                const iconContent = category.imagen_url ? <!-- [et_pb_line_break_holder] -->                    `<img decoding=\"async\" src=\"${category.imagen_url}\" alt=\"${category.nombre}\">` : <!-- [et_pb_line_break_holder] -->                    `<i class=\"fas fa-${category.icono || 'tag'}\"><\/i>`;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Descripci\u00f3n con validaci\u00f3n<!-- [et_pb_line_break_holder] -->                const descriptionHtml = category.descripcion ? <!-- [et_pb_line_break_holder] -->                    `<pee class=\"category-description\">${category.descripcion}<\/pee>` : '';<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                categoryCard.innerHTML = `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"category-info\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"category-icon\"><!-- [et_pb_line_break_holder] -->                            ${iconContent}<!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"category-details\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3>${category.nombre}<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            ${descriptionHtml}<!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                container.appendChild(categoryCard);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Hacer aparecer todas las tarjetas al mismo tiempo<!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            document.querySelectorAll('.fade-in-card').forEach(card => {<!-- [et_pb_line_break_holder] -->                card.classList.add('fade-in-active');<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        }, 50);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        this.attachCategoryEvents();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    \/\/ Nuevo m\u00e9todo para adjuntar eventos a las categor\u00edas<!-- [et_pb_line_break_holder] -->    attachCategoryEvents() {<!-- [et_pb_line_break_holder] -->        const categoryCards = document.querySelectorAll('.category-card');<!-- [et_pb_line_break_holder] -->        categoryCards.forEach(card => {<!-- [et_pb_line_break_holder] -->            card.addEventListener('click', () => this.selectCategory(card));<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    \/\/ Nuevo m\u00e9todo para seleccionar una categor\u00eda<!-- [et_pb_line_break_holder] -->    selectCategory(card) {<!-- [et_pb_line_break_holder] -->        document.querySelectorAll('.category-card').forEach(c => <!-- [et_pb_line_break_holder] -->            c.style.borderColor = '#eee');<!-- [et_pb_line_break_holder] -->        card.style.borderColor = 'var(--primary-color)';<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        const categoryId = card.getAttribute('data-category');<!-- [et_pb_line_break_holder] -->        const selectedCategory = this.categories.find(c => c.id.toString() === categoryId);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.bookingData.category = {<!-- [et_pb_line_break_holder] -->            id: categoryId,<!-- [et_pb_line_break_holder] -->            name: card.querySelector('h3').textContent<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Filtrar servicios por la categor\u00eda seleccionada<!-- [et_pb_line_break_holder] -->        this.loadServicesForCategory(categoryId);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Deshabilitar el bot\u00f3n moment\u00e1neamente para evitar doble clic<!-- [et_pb_line_break_holder] -->        this.nextButton.disabled = true;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Peque\u00f1o delay para que el usuario vea la selecci\u00f3n antes de cambiar de paso<!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            this.navigateStep(1);<!-- [et_pb_line_break_holder] -->            this.nextButton.disabled = false;<!-- [et_pb_line_break_holder] -->        }, 200);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    \/\/ M\u00e9todo modificado para cargar servicios por categor\u00eda<!-- [et_pb_line_break_holder] -->    loadServicesForCategory(categoryId) {<!-- [et_pb_line_break_holder] -->        const container = document.getElementById('services-step');<!-- [et_pb_line_break_holder] -->        container.innerHTML = `<!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>Selecciona un servicio<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"category-pill\">${this.bookingData.category.name}<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"loader-container\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"loader\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Cargando servicios...<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->        API.get('getServicesByCategory', { categoryId: categoryId })<!-- [et_pb_line_break_holder] -->            .then(response => {<!-- [et_pb_line_break_holder] -->                console.log('Servicios para categor\u00eda:', response); <!-- [et_pb_line_break_holder] -->                this.renderServices(response);<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .catch(error => {<!-- [et_pb_line_break_holder] -->                console.error('Error al cargar servicios:', error);<!-- [et_pb_line_break_holder] -->                container.innerHTML = `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2>Error al cargar servicios<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Por favor, intenta de nuevo m\u00e1s tarde.<\/pee><!-- [et_pb_line_break_holder] -->                `;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    \/\/ M\u00e9todo para renderizar servicios (ahora filtrados por categor\u00eda)<!-- [et_pb_line_break_holder] -->    renderServices(services) {<!-- [et_pb_line_break_holder] -->        console.log('Datos de servicios recibidos:', services); <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (!Array.isArray(services)) {<!-- [et_pb_line_break_holder] -->            console.error('Los servicios no son un array:', services);<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const container = document.getElementById('services-step');<!-- [et_pb_line_break_holder] -->        container.innerHTML = `<!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>Selecciona un servicio<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"category-pill\">${this.bookingData.category.name}<\/div>\n<p><!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        const servicesContainer = document.createElement('div');<!-- [et_pb_line_break_holder] -->        servicesContainer.className = 'services-container-grid';<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        services.forEach(service => {<!-- [et_pb_line_break_holder] -->            if (service.activo) {<!-- [et_pb_line_break_holder] -->                const serviceCard = document.createElement('div');<!-- [et_pb_line_break_holder] -->                serviceCard.className = 'service-card fade-in-card';<!-- [et_pb_line_break_holder] -->                serviceCard.setAttribute('data-service', service.id);<!-- [et_pb_line_break_holder] -->                serviceCard.setAttribute('data-price', service.precio);<!-- [et_pb_line_break_holder] -->                serviceCard.setAttribute('data-duration', service.duracion);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Imagen o letra inicial como icono<!-- [et_pb_line_break_holder] -->                const iconContent = service.imagen_url ? <!-- [et_pb_line_break_holder] -->                    `<img decoding=\"async\" src=\"${service.imagen_url}\" alt=\"${service.nombre}\">` : <!-- [et_pb_line_break_holder] -->                    service.nombre.charAt(0);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Descripci\u00f3n con validaci\u00f3n<!-- [et_pb_line_break_holder] -->                const descriptionHtml = service.descripcion && service.descripcion !== 'falta descripcion' ? <!-- [et_pb_line_break_holder] -->                    `<pee class=\"service-description\">${service.descripcion}<\/pee>` : '';<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                serviceCard.innerHTML = `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"service-info\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"service-icon\"><!-- [et_pb_line_break_holder] -->                            ${iconContent}<!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"service-details\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3>${service.nombre}<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            ${descriptionHtml}<!-- [et_pb_line_break_holder] -->                            <span class=\"service-duration\">${service.duracion}min<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"service-price\">${service.precio}<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                servicesContainer.appendChild(serviceCard);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        container.appendChild(servicesContainer);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Hacer aparecer todas las tarjetas al mismo tiempo<!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            document.querySelectorAll('.fade-in-card').forEach(card => {<!-- [et_pb_line_break_holder] -->                card.classList.add('fade-in-active');<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        }, 50);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        this.attachServiceEvents();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    attachEventListeners() {<!-- [et_pb_line_break_holder] -->        this.backButton.addEventListener('click', () => this.navigateStep(-1));<!-- [et_pb_line_break_holder] -->        this.nextButton.addEventListener('click', () => this.navigateStep(1));<!-- [et_pb_line_break_holder] -->        this.prevMonthButton.addEventListener('click', () => this.changeMonth(-1));<!-- [et_pb_line_break_holder] -->        this.nextMonthButton.addEventListener('click', () => this.changeMonth(1));<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    attachServiceEvents() {<!-- [et_pb_line_break_holder] -->        const serviceCards = document.querySelectorAll('.service-card');<!-- [et_pb_line_break_holder] -->        serviceCards.forEach(card => {<!-- [et_pb_line_break_holder] -->            card.addEventListener('click', () => this.selectService(card));<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    selectService(card) {<!-- [et_pb_line_break_holder] -->        document.querySelectorAll('.service-card').forEach(c => <!-- [et_pb_line_break_holder] -->            c.style.borderColor = '#eee');<!-- [et_pb_line_break_holder] -->        card.style.borderColor = 'var(--primary-color)';<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.bookingData.service = {<!-- [et_pb_line_break_holder] -->            id: card.dataset.service,<!-- [et_pb_line_break_holder] -->            name: card.querySelector('h3').textContent,<!-- [et_pb_line_break_holder] -->            price: card.dataset.price,<!-- [et_pb_line_break_holder] -->            duration: card.dataset.duration<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Cargar los tipos de veh\u00edculo para este servicio<!-- [et_pb_line_break_holder] -->        this.loadVehicleTypes(card.dataset.service);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Deshabilitar el bot\u00f3n moment\u00e1neamente para evitar doble clic<!-- [et_pb_line_break_holder] -->        this.nextButton.disabled = true;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Peque\u00f1o delay para que el usuario vea la selecci\u00f3n antes de cambiar de paso<!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            this.navigateStep(1);<!-- [et_pb_line_break_holder] -->            this.nextButton.disabled = false;<!-- [et_pb_line_break_holder] -->        }, 200);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    loadVehicleTypes(serviceId) {<!-- [et_pb_line_break_holder] -->        const container = document.getElementById('vehicle-step');<!-- [et_pb_line_break_holder] -->        container.innerHTML = `<!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>Selecciona tu tipo de veh\u00edculo<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"category-pill\">${this.bookingData.category.name}<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"service-pill\">${this.bookingData.service.name}<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"loader-container\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"loader\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Cargando tipos de veh\u00edculo...<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->        API.get('getVehicleTypes', { serviceId: serviceId })<!-- [et_pb_line_break_holder] -->            .then(response => {<!-- [et_pb_line_break_holder] -->                console.log('Tipos de veh\u00edculo recibidos:', response);<!-- [et_pb_line_break_holder] -->                this.vehicleTypes = response;<!-- [et_pb_line_break_holder] -->                this.renderVehicleTypes(response);<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .catch(error => {<!-- [et_pb_line_break_holder] -->                console.error('Error al cargar tipos de veh\u00edculo:', error);<!-- [et_pb_line_break_holder] -->                container.innerHTML = `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2>Error al cargar tipos de veh\u00edculo<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Por favor, intenta de nuevo m\u00e1s tarde.<\/pee><!-- [et_pb_line_break_holder] -->                `;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    renderVehicleTypes(vehicleTypes) {<!-- [et_pb_line_break_holder] -->        if (!Array.isArray(vehicleTypes)) {<!-- [et_pb_line_break_holder] -->            console.error('Los tipos de veh\u00edculo no son un array:', vehicleTypes);<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        const container = document.getElementById('vehicle-step');<!-- [et_pb_line_break_holder] -->        const vehiclesContainer = document.createElement('div');<!-- [et_pb_line_break_holder] -->        vehiclesContainer.className = 'vehicle-types-container';<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        container.innerHTML = `<!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>Selecciona tu tipo de veh\u00edculo<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"category-pill\">${this.bookingData.category.name}<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"service-pill\">${this.bookingData.service.name}<\/div>\n<p><!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        vehicleTypes.forEach(vehicle => {<!-- [et_pb_line_break_holder] -->            const vehicleCard = document.createElement('div');<!-- [et_pb_line_break_holder] -->            vehicleCard.className = 'vehicle-card fade-in-card';<!-- [et_pb_line_break_holder] -->            vehicleCard.setAttribute('data-vehicle', vehicle.id);<!-- [et_pb_line_break_holder] -->            vehicleCard.setAttribute('data-price', vehicle.precio);<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            vehicleCard.innerHTML = `<!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"vehicle-info\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"vehicle-icon\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fas fa-car\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"vehicle-details\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3>${vehicle.nombre}<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"vehicle-price\">${vehicle.precio}<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            vehiclesContainer.appendChild(vehicleCard);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        container.appendChild(vehiclesContainer);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Hacer aparecer todas las tarjetas al mismo tiempo<!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            document.querySelectorAll('.fade-in-card').forEach(card => {<!-- [et_pb_line_break_holder] -->                card.classList.add('fade-in-active');<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        }, 50);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.attachVehicleEvents();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    attachVehicleEvents() {<!-- [et_pb_line_break_holder] -->        const vehicleCards = document.querySelectorAll('.vehicle-card');<!-- [et_pb_line_break_holder] -->        vehicleCards.forEach(card => {<!-- [et_pb_line_break_holder] -->            card.addEventListener('click', () => this.selectVehicle(card));<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    selectVehicle(card) {<!-- [et_pb_line_break_holder] -->        document.querySelectorAll('.vehicle-card').forEach(c => <!-- [et_pb_line_break_holder] -->            c.style.borderColor = '#eee');<!-- [et_pb_line_break_holder] -->        card.style.borderColor = 'var(--primary-color)';<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        const vehicleId = card.getAttribute('data-vehicle');<!-- [et_pb_line_break_holder] -->        const selectedVehicle = this.vehicleTypes.find(v => v.id.toString() === vehicleId);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.bookingData.vehicle = {<!-- [et_pb_line_break_holder] -->            id: vehicleId,<!-- [et_pb_line_break_holder] -->            name: card.querySelector('h3').textContent,<!-- [et_pb_line_break_holder] -->            price: card.getAttribute('data-price')<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Actualizar el precio del servicio con el precio del veh\u00edculo<!-- [et_pb_line_break_holder] -->        this.bookingData.service.price = card.getAttribute('data-price');<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Deshabilitar el bot\u00f3n moment\u00e1neamente para evitar doble clic<!-- [et_pb_line_break_holder] -->        this.nextButton.disabled = true;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/\/ Peque\u00f1o delay para que el usuario vea la selecci\u00f3n antes de cambiar de paso<!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            this.navigateStep(1);<!-- [et_pb_line_break_holder] -->            this.nextButton.disabled = false;<!-- [et_pb_line_break_holder] -->        }, 200);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    renderCalendar() {<!-- [et_pb_line_break_holder] -->        if (!this.festiveDays || !this.workingDays) {<!-- [et_pb_line_break_holder] -->            console.warn(\"\u26a0\ufe0f FestiveDays o WorkingDays a\u00fan no est\u00e1n definidos. Esperando datos...\");<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const ahora = new Date(); <!-- [et_pb_line_break_holder] -->        const limiteHoras = parseInt(this.limiteReservaHoras, 10) || 0; <!-- [et_pb_line_break_holder] -->        console.log(\"\ud83d\udccc L\u00edmite de anticipaci\u00f3n en horas:\", limiteHoras);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const year = this.currentDate.getFullYear();<!-- [et_pb_line_break_holder] -->        const month = this.currentDate.getMonth();<!-- [et_pb_line_break_holder] -->        const monthNames = ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',<!-- [et_pb_line_break_holder] -->                            'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        this.currentMonthElement.textContent = `${monthNames[month]} ${year}`;<!-- [et_pb_line_break_holder] -->        this.calendarGrid.innerHTML = '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const weekDays = ['Dom', 'Lun', 'Mar', 'Mi\u00e9', 'Jue', 'Vie', 'S\u00e1b'];<!-- [et_pb_line_break_holder] -->        weekDays.forEach(day => {<!-- [et_pb_line_break_holder] -->            const dayElement = document.createElement('div');<!-- [et_pb_line_break_holder] -->            dayElement.className = 'weekday';<!-- [et_pb_line_break_holder] -->            dayElement.textContent = day;<!-- [et_pb_line_break_holder] -->            this.calendarGrid.appendChild(dayElement);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const firstDay = new Date(year, month, 1);<!-- [et_pb_line_break_holder] -->        const startingDay = firstDay.getDay();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        for (let i = 0; i < startingDay; i++) {<!-- [et_pb_line_break_holder] -->            const emptyDay = document.createElement('div');<!-- [et_pb_line_break_holder] -->            emptyDay.className = 'calendar-day disabled';<!-- [et_pb_line_break_holder] -->            this.calendarGrid.appendChild(emptyDay);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const daysInMonth = new Date(year, month + 1, 0).getDate();<!-- [et_pb_line_break_holder] -->        const fechaActual = ahora.getDate();<!-- [et_pb_line_break_holder] -->        const mesActual = ahora.getMonth();<!-- [et_pb_line_break_holder] -->        const a\u00f1oActual = ahora.getFullYear();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        for (let day = 1; day <= daysInMonth; day++) {<!-- [et_pb_line_break_holder] -->            const dayElement = document.createElement('div');<!-- [et_pb_line_break_holder] -->            dayElement.className = 'calendar-day';<!-- [et_pb_line_break_holder] -->            dayElement.textContent = day;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const currentDate = new Date(year, month, day);<!-- [et_pb_line_break_holder] -->            const dateStr = currentDate.toISOString().split('T')[0];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Determinar si es un d\u00eda antes de hoy (deshabilitado)<!-- [et_pb_line_break_holder] -->            let esDiaAnteriorAHoy = currentDate < new Date(a\u00f1oActual, mesActual, fechaActual);<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            if (esDiaAnteriorAHoy) {<!-- [et_pb_line_break_holder] -->                \/\/ D\u00edas anteriores a hoy siempre deshabilitados<!-- [et_pb_line_break_holder] -->                dayElement.classList.add('disabled');<!-- [et_pb_line_break_holder] -->            } else if (this.festiveDays.includes(dateStr) || !this.workingDays.includes(currentDate.getDay())) {<!-- [et_pb_line_break_holder] -->                \/\/ D\u00edas festivos o no laborables<!-- [et_pb_line_break_holder] -->                dayElement.classList.add('disabled');<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                dayElement.classList.add('available');<!-- [et_pb_line_break_holder] -->                dayElement.addEventListener('click', () => this.selectDate(currentDate, dayElement));<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            this.calendarGrid.appendChild(dayElement);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    selectDate(date, element) {<!-- [et_pb_line_break_holder] -->        document.querySelectorAll('.calendar-day').forEach(d => d.classList.remove('selected'));<!-- [et_pb_line_break_holder] -->        element.classList.add('selected');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        this.selectedDate = date;<!-- [et_pb_line_break_holder] -->        this.bookingData.date = date;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.timeGrid.innerHTML = `<!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"loader-container\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"loader\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <pee style=\"margin-top: 10px;\">Cargando horarios...<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.timeGrid.style.display = 'flex';<!-- [et_pb_line_break_holder] -->        this.timeGrid.style.justifyContent = 'center';<!-- [et_pb_line_break_holder] -->        this.timeGrid.style.alignItems = 'center';<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.checkAvailability(date);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.timeSlotsContainer.classList.add('active');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    checkAvailability(date) {<!-- [et_pb_line_break_holder] -->        const dateStr = date.toISOString().split('T')[0];<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Calcular si es hoy, ma\u00f1ana, o un d\u00eda futuro<!-- [et_pb_line_break_holder] -->        const ahora = new Date();<!-- [et_pb_line_break_holder] -->        const hoy = new Date(ahora.getFullYear(), ahora.getMonth(), ahora.getDate());<!-- [et_pb_line_break_holder] -->        const fechaSeleccionada = new Date(date.getFullYear(), date.getMonth(), date.getDate());<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Calcular la diferencia en d\u00edas<!-- [et_pb_line_break_holder] -->        const difDias = Math.floor((fechaSeleccionada - hoy) \/ (1000 * 60 * 60 * 24));<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        const esHoy = difDias === 0;<!-- [et_pb_line_break_holder] -->        const esMa\u00f1ana = difDias === 1;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        console.log(\"\ud83d\udcc5 Verificando disponibilidad para:\", dateStr);<!-- [et_pb_line_break_holder] -->        console.log(\"\ud83d\udd04 Es hoy:\", esHoy, \"Es ma\u00f1ana:\", esMa\u00f1ana, \"Diferencia en d\u00edas:\", difDias);<!-- [et_pb_line_break_holder] -->        console.log(\"\u23f1\ufe0f L\u00edmite de horas configurado:\", this.limiteReservaHoras);<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        API.get('checkAvailability', { <!-- [et_pb_line_break_holder] -->            date: dateStr, <!-- [et_pb_line_break_holder] -->            serviceId: this.bookingData.service.id <!-- [et_pb_line_break_holder] -->        })<!-- [et_pb_line_break_holder] -->            .then(slots => {<!-- [et_pb_line_break_holder] -->                console.log(\"\ud83d\udccc Slots recibidos del servidor:\", slots);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                if (!slots || !Array.isArray(slots) || slots.length === 0) {<!-- [et_pb_line_break_holder] -->                    console.warn(\"\u26a0\ufe0f No se recibieron slots v\u00e1lidos del servidor\");<!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    this.timeGrid.innerHTML = `<!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"no-slots-message\" style=\"grid-column: span 3; text-align: center; padding: 20px;\"><!-- [et_pb_line_break_holder] -->                            <i class=\"fas fa-clock\" style=\"font-size: 24px; color: #999; margin-bottom: 10px;\"><\/i><!-- [et_pb_line_break_holder] -->                            <pee>No hay horarios disponibles para esta fecha.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    `;<!-- [et_pb_line_break_holder] -->                    return;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                this.timeSlots = slots;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ CORRECCI\u00d3N IMPORTANTE: Aplicar el l\u00edmite de horas solo para el d\u00eda actual<!-- [et_pb_line_break_holder] -->                \/\/ No aplicar l\u00edmites para d\u00edas futuros<!-- [et_pb_line_break_holder] -->                if (esHoy && this.limiteReservaHoras > 0) {<!-- [et_pb_line_break_holder] -->                    const horaActual = ahora.getHours();<!-- [et_pb_line_break_holder] -->                    const minutoActual = ahora.getMinutes();<!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    console.log(`\ud83d\udd52 Hora actual: ${horaActual}:${minutoActual}`);<!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    this.timeSlots = this.timeSlots.map(slot => {<!-- [et_pb_line_break_holder] -->                        const [slotHora, slotMinuto] = slot.time.split(':').map(Number);<!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        \/\/ Calcular diferencia de tiempo en minutos<!-- [et_pb_line_break_holder] -->                        const minutosTotalesActual = horaActual * 60 + minutoActual;<!-- [et_pb_line_break_holder] -->                        const minutosTotalesSlot = slotHora * 60 + slotMinuto;<!-- [et_pb_line_break_holder] -->                        const diferenciaMinutos = minutosTotalesSlot - minutosTotalesActual;<!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        console.log(`\ud83d\udd0d Horario ${slot.time} - Diferencia: ${diferenciaMinutos} minutos - L\u00edmite: ${this.limiteReservaHoras * 60} minutos`);<!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        \/\/ Si la diferencia es menor que el l\u00edmite en minutos, marcar como reservado<!-- [et_pb_line_break_holder] -->                        if (diferenciaMinutos < this.limiteReservaHoras * 60) {<!-- [et_pb_line_break_holder] -->                            console.log(`\u26d4 Horario ${slot.time} bloqueado por l\u00edmite de tiempo`);<!-- [et_pb_line_break_holder] -->                            return {...slot, reserved: true};<!-- [et_pb_line_break_holder] -->                        }<!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        return slot;<!-- [et_pb_line_break_holder] -->                    });<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                console.log(\"\ud83d\udccc Slots procesados:\", this.timeSlots);<!-- [et_pb_line_break_holder] -->                this.renderTimeSlots();<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .catch(error => {<!-- [et_pb_line_break_holder] -->                console.error(\"\u274c Error al obtener horarios:\", error);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                this.timeGrid.innerHTML = `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"error-message\" style=\"grid-column: span 3; text-align: center; padding: 20px;\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fas fa-exclamation-triangle\" style=\"font-size: 24px; color: #d9534f; margin-bottom: 10px;\"><\/i><!-- [et_pb_line_break_holder] -->                        <pee>Ocurri\u00f3 un error al cargar los horarios. Por favor, intenta de nuevo.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                `;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    renderTimeSlots() {<!-- [et_pb_line_break_holder] -->        console.log(\"\ud83d\udd04 Renderizando time slots:\", this.timeSlots);<!-- [et_pb_line_break_holder] -->        this.timeGrid.innerHTML = \"\"; <!-- [et_pb_line_break_holder] -->        this.timeGrid.style.display = 'grid'; <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Verificar si hay slots disponibles<!-- [et_pb_line_break_holder] -->        if (!this.timeSlots || this.timeSlots.length === 0) {<!-- [et_pb_line_break_holder] -->            this.timeGrid.innerHTML = `<!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"no-slots-message\" style=\"grid-column: span 3; text-align: center; padding: 20px;\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fas fa-clock\" style=\"font-size: 24px; color: #999; margin-bottom: 10px;\"><\/i><!-- [et_pb_line_break_holder] -->                    <pee>No hay horarios disponibles para esta fecha.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            `;<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Contador para verificar si hay slots disponibles<!-- [et_pb_line_break_holder] -->        let disponiblesCount = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        this.timeSlots.forEach(slot => {<!-- [et_pb_line_break_holder] -->            const slotElement = document.createElement(\"div\");<!-- [et_pb_line_break_holder] -->            slotElement.classList.add(\"time-slot\");<!-- [et_pb_line_break_holder] -->            slotElement.textContent = slot.time;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if (slot.reserved) {<!-- [et_pb_line_break_holder] -->                slotElement.classList.add(\"disabled\");<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                disponiblesCount++;<!-- [et_pb_line_break_holder] -->                slotElement.addEventListener(\"click\", () => {<!-- [et_pb_line_break_holder] -->                    this.selectTime(slotElement, slot.time);<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            this.timeGrid.appendChild(slotElement);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        console.log(`\ud83d\udd22 Horarios disponibles: ${disponiblesCount} de ${this.timeSlots.length}`);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Si no hay horarios disponibles despu\u00e9s del filtrado, mostrar mensaje<!-- [et_pb_line_break_holder] -->        if (disponiblesCount === 0 && this.timeSlots.length > 0) {<!-- [et_pb_line_break_holder] -->            this.timeGrid.innerHTML = `<!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"no-slots-message\" style=\"grid-column: span 3; text-align: center; padding: 20px;\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fas fa-clock\" style=\"font-size: 24px; color: #999; margin-bottom: 10px;\"><\/i><!-- [et_pb_line_break_holder] -->                    <pee>No hay horarios disponibles para esta fecha dentro del l\u00edmite de reserva (${this.limiteReservaHoras} horas).<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            `;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    selectTime(slotElement, time) {<!-- [et_pb_line_break_holder] -->        document.querySelectorAll('.time-slot').forEach(t => t.classList.remove('selected'));<!-- [et_pb_line_break_holder] -->        slotElement.classList.add('selected');<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.bookingData.time = time;<!-- [et_pb_line_break_holder] -->        this.nextButton.disabled = true;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            this.navigateStep(1);<!-- [et_pb_line_break_holder] -->            this.nextButton.disabled = false;<!-- [et_pb_line_break_holder] -->        }, 200);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    changeMonth(direction) {<!-- [et_pb_line_break_holder] -->        this.currentDate.setDate(1);<!-- [et_pb_line_break_holder] -->        this.currentDate.setMonth(this.currentDate.getMonth() + direction);<!-- [et_pb_line_break_holder] -->        this.renderCalendar();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    navigateStep(direction) {<!-- [et_pb_line_break_holder] -->      const newStep = this.currentStep + direction;<!-- [et_pb_line_break_holder] -->      if (newStep < 1 || newStep > this.maxSteps) return;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      \/\/ Validaciones antes de avanzar<!-- [et_pb_line_break_holder] -->      if (direction > 0) {<!-- [et_pb_line_break_holder] -->          if (newStep === 2 && !this.bookingData.category) {<!-- [et_pb_line_break_holder] -->              this.showAlert('Por favor, selecciona una categor\u00eda');<!-- [et_pb_line_break_holder] -->              return;<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          if (newStep === 3 && !this.bookingData.service) {<!-- [et_pb_line_break_holder] -->              this.showAlert('Por favor, selecciona un servicio');<!-- [et_pb_line_break_holder] -->              return;<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          if (newStep === 4 && !this.bookingData.vehicle) {<!-- [et_pb_line_break_holder] -->              this.showAlert('Por favor, selecciona un tipo de veh\u00edculo');<!-- [et_pb_line_break_holder] -->              return;<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          if (newStep === 5 && !this.bookingData.time) {<!-- [et_pb_line_break_holder] -->              this.showAlert('Por favor, selecciona una fecha y hora');<!-- [et_pb_line_break_holder] -->              return;<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          if (newStep === 6 && !this.validateForm()) {<!-- [et_pb_line_break_holder] -->              this.showAlert('Por favor, completa todos los campos requeridos');<!-- [et_pb_line_break_holder] -->              return;<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      \/\/ Obtener los pasos correctos seg\u00fan sus IDs<!-- [et_pb_line_break_holder] -->      const stepContainers = {<!-- [et_pb_line_break_holder] -->          1: this.containers.category,<!-- [et_pb_line_break_holder] -->          2: this.containers.services,<!-- [et_pb_line_break_holder] -->          3: this.containers.vehicle,<!-- [et_pb_line_break_holder] -->          4: this.containers.calendar,<!-- [et_pb_line_break_holder] -->          5: this.containers.form,<!-- [et_pb_line_break_holder] -->          6: this.containers.confirmation<!-- [et_pb_line_break_holder] -->      };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      const currentContainer = stepContainers[this.currentStep];<!-- [et_pb_line_break_holder] -->      const newContainer = stepContainers[newStep];<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      if (currentContainer) {<!-- [et_pb_line_break_holder] -->          currentContainer.style.opacity = '0';<!-- [et_pb_line_break_holder] -->          setTimeout(() => {<!-- [et_pb_line_break_holder] -->              currentContainer.classList.remove('active');<!-- [et_pb_line_break_holder] -->          }, 500);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      setTimeout(() => {<!-- [et_pb_line_break_holder] -->          if (newContainer) {<!-- [et_pb_line_break_holder] -->              newContainer.classList.add('active');<!-- [et_pb_line_break_holder] -->              newContainer.style.opacity = '1';<!-- [et_pb_line_break_holder] -->              <!-- [et_pb_line_break_holder] -->              \/\/ Asegurar que el paso de confirmaci\u00f3n se muestra correctamente<!-- [et_pb_line_break_holder] -->              if (newStep === 6) {<!-- [et_pb_line_break_holder] -->                  this.submitForm(); \/\/ Genera la confirmaci\u00f3n<!-- [et_pb_line_break_holder] -->                  this.containers.confirmation.style.display = 'block'; \/\/ Asegurar visibilidad<!-- [et_pb_line_break_holder] -->              }<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->      }, 500);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      \/\/ Actualizar la barra de progreso<!-- [et_pb_line_break_holder] -->      document.getElementById(`step-${this.currentStep}`).classList.remove('active');<!-- [et_pb_line_break_holder] -->      document.getElementById(`step-${newStep}`).classList.add('active');<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      if (direction > 0) {<!-- [et_pb_line_break_holder] -->          document.getElementById(`step-${this.currentStep}`).classList.add('completed');<!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] -->          document.getElementById(`step-${this.currentStep}`).classList.remove('completed');<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      \/\/ Mostrar u ocultar el bot\u00f3n \"Atr\u00e1s\"<!-- [et_pb_line_break_holder] -->      this.backButton.style.display = newStep > 1 ? 'inline-block' : 'none';<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      \/\/ Si es el \u00faltimo paso, ocultar el bot\u00f3n \"Siguiente\"<!-- [et_pb_line_break_holder] -->      this.nextButton.style.display = newStep === this.maxSteps ? 'none' : 'inline-block';<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      \/\/ Actualizar el paso actual<!-- [et_pb_line_break_holder] -->      this.currentStep = newStep;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    validateForm() {<!-- [et_pb_line_break_holder] -->        const form = document.getElementById('booking-form');<!-- [et_pb_line_break_holder] -->        const requiredFields = form.querySelectorAll('[required]');<!-- [et_pb_line_break_holder] -->        let isValid = true;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        requiredFields.forEach(field => {<!-- [et_pb_line_break_holder] -->            if (!field.value.trim()) {<!-- [et_pb_line_break_holder] -->                isValid = false;<!-- [et_pb_line_break_holder] -->                field.classList.add('error');<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                field.classList.remove('error');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        return isValid;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    submitForm() {<!-- [et_pb_line_break_holder] -->        const form = document.getElementById('booking-form');<!-- [et_pb_line_break_holder] -->        this.bookingData.userInfo = {<!-- [et_pb_line_break_holder] -->            name: form.querySelector('#name').value,<!-- [et_pb_line_break_holder] -->            surname: form.querySelector('#surname').value,<!-- [et_pb_line_break_holder] -->            email: form.querySelector('#email').value,<!-- [et_pb_line_break_holder] -->            phone: form.querySelector('#phone').value<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.showConfirmation();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    showConfirmation() {<!-- [et_pb_line_break_holder] -->        const dateOptions = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };<!-- [et_pb_line_break_holder] -->        const formattedDate = this.bookingData.date.toLocaleDateString('es-ES', dateOptions);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        const confirmationDetails = `<!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"confirmation-details\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><i class=\"fas fa-check-circle\"><\/i> Resumen de tu reserva<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee><i class=\"fas fa-layer-group\"><\/i> <strong>Categor\u00eda:<\/strong> ${this.bookingData.category?.name || 'N\/A'}<\/pee><!-- [et_pb_line_break_holder] -->                <pee><i class=\"fas fa-star\"><\/i> <strong>Servicio:<\/strong> ${this.bookingData.service?.name || 'N\/A'}<\/pee><!-- [et_pb_line_break_holder] -->                <pee><i class=\"fas fa-car\"><\/i> <strong>Veh\u00edculo:<\/strong> ${this.bookingData.vehicle?.name || 'N\/A'}<\/pee><!-- [et_pb_line_break_holder] -->                <pee><i class=\"fas fa-calendar\"><\/i> <strong>Fecha:<\/strong> ${formattedDate || 'N\/A'}<\/pee><!-- [et_pb_line_break_holder] -->                <pee><i class=\"far fa-clock\"><\/i> <strong>Hora:<\/strong> ${this.bookingData.time || 'N\/A'}<\/pee><!-- [et_pb_line_break_holder] -->                <pee><i class=\"fas fa-tag\"><\/i> <strong>Total:<\/strong> ${this.bookingData.service?.price || 'N\/A'}<\/pee><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"user-details\"><!-- [et_pb_line_break_holder] -->                    <pee><i class=\"fas fa-user\"><\/i> <strong>Cliente:<\/strong> ${this.bookingData.userInfo?.name || 'N\/A'} ${this.bookingData.userInfo?.surname || ''}<\/pee><!-- [et_pb_line_break_holder] -->                    <pee><i class=\"fas fa-phone\"><\/i> <strong>Tel\u00e9fono:<\/strong> ${this.bookingData.userInfo?.phone || 'N\/A'}<\/pee><!-- [et_pb_line_break_holder] -->                    <pee><i class=\"fas fa-envelope\"><\/i> <strong>Email:<\/strong> ${this.bookingData.userInfo?.email || 'N\/A'}<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"whatsapp-button-container\"><!-- [et_pb_line_break_holder] -->                    <button id=\"whatsapp-button\" class=\"button button-whatsapp\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fab fa-whatsapp\"><\/i> Confirmar reserva v\u00eda WhatsApp<!-- [et_pb_line_break_holder] -->                    <\/button><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        this.containers.confirmation.innerHTML = confirmationDetails;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        document.getElementById('whatsapp-button').addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->            \/\/ Crear mensaje para WhatsApp<!-- [et_pb_line_break_holder] -->            const message = `*Nueva Reserva*\\n\\n` +<!-- [et_pb_line_break_holder] -->            `*Categor\u00eda:* ${this.bookingData.category.name}\\n` +<!-- [et_pb_line_break_holder] -->            `*Servicio:* ${this.bookingData.service.name}\\n` +<!-- [et_pb_line_break_holder] -->            `*Veh\u00edculo:* ${this.bookingData.vehicle.name}\\n` +<!-- [et_pb_line_break_holder] -->            `*Fecha:* ${this.bookingData.date.toLocaleDateString('es-ES')}\\n` +<!-- [et_pb_line_break_holder] -->            `*Hora:* ${this.bookingData.time}\\n` +<!-- [et_pb_line_break_holder] -->            `*Total:* ${this.bookingData.service.price}\\n\\n` +<!-- [et_pb_line_break_holder] -->            `*Datos del cliente:*\\n` +<!-- [et_pb_line_break_holder] -->            `- Nombre: ${this.bookingData.userInfo.name} ${this.bookingData.userInfo.surname}\\n` +<!-- [et_pb_line_break_holder] -->            `- Email: ${this.bookingData.userInfo.email}\\n` +<!-- [et_pb_line_break_holder] -->            (this.bookingData.userInfo.phone ? `- Tel\u00e9fono: ${this.bookingData.userInfo.phone}\\n` : '') +<!-- [et_pb_line_break_holder] -->            `\\n\u00a1Hola! Me gustar\u00eda confirmar esta reserva.`;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->            const encodedMessage = encodeURIComponent(message);<!-- [et_pb_line_break_holder] -->            const whatsappUrl = `https:\/\/wa.me\/${this.WHATSAPP_NUMBER}?text=${encodedMessage}`;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->            \/\/ \ud83d\udd25 Detectar si es un dispositivo m\u00f3vil o escritorio<!-- [et_pb_line_break_holder] -->            const isMobile = \/iPhone|iPad|iPod|Android\/i.test(navigator.userAgent);<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->            if (isMobile) {<!-- [et_pb_line_break_holder] -->                \/\/ \ud83d\udcf1 En m\u00f3viles, abrir WhatsApp en la misma ventana<!-- [et_pb_line_break_holder] -->                window.location.href = whatsappUrl;<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                \/\/ \ud83d\udda5\ufe0f En escritorio, abrir WhatsApp Web en una nueva pesta\u00f1a<!-- [et_pb_line_break_holder] -->                window.open(whatsappUrl, '_blank');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->            \/\/ \ud83d\udd25 Guardar la reserva en segundo plano despu\u00e9s de 3 segundos<!-- [et_pb_line_break_holder] -->            setTimeout(() => {<!-- [et_pb_line_break_holder] -->                const bookingDataToSave = {<!-- [et_pb_line_break_holder] -->                    ...this.bookingData,<!-- [et_pb_line_break_holder] -->                    date: this.bookingData.date.toISOString().split('T')[0]<!-- [et_pb_line_break_holder] -->                };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->                API.post('createBooking', bookingDataToSave)<!-- [et_pb_line_break_holder] -->                    .then(response => {<!-- [et_pb_line_break_holder] -->                        console.log(\"\ud83d\udccc Reserva guardada correctamente:\", response);<!-- [et_pb_line_break_holder] -->                    })<!-- [et_pb_line_break_holder] -->                    .catch(error => {<!-- [et_pb_line_break_holder] -->                        console.error(\"\u26a0\ufe0f Error al guardar la reserva:\", error);<!-- [et_pb_line_break_holder] -->                    });<!-- [et_pb_line_break_holder] -->            }, 3000);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  document.addEventListener('DOMContentLoaded', () => {<!-- [et_pb_line_break_holder] -->    window.bookingSystem = new BookingSystem();<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#f2f5f9&#8243; locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||20px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbTestimonials\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_font_size=\u00bb30px\u00bb header_2_font=\u00bbOpen Sans|700|||||||\u00bb header_2_text_align=\u00bbcenter\u00bb header_2_text_color=\u00bb#333333&#8243; header_2_font_size=\u00bb50px\u00bb header_2_line_height=\u00bb1.3em\u00bb header_6_font=\u00bbOpen Sans|700||on|||||\u00bb header_6_text_align=\u00bbcenter\u00bb header_6_text_color=\u00bb#E02B20&#8243; header_6_font_size=\u00bb16px\u00bb text_orientation=\u00bbcenter\u00bb header_2_font_size_tablet=\u00bb40px\u00bb header_2_font_size_phone=\u00bb30px\u00bb header_2_font_size_last_edited=\u00bbon|desktop\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p>Testimoniales<\/p>\n<h4>Que opinan nuestros clientes<\/h4>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3&#8243; use_custom_gutter=\u00bbon\u00bb gutter_width=\u00bb2&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_testimonial author=\u00bbArturo Soto Arces\u00bb portrait_url=\u00bbhttps:\/\/www.satcarwash.cl\/reservas\/wp-content\/uploads\/2025\/04\/arturo.jpeg\u00bb quote_icon=\u00bboff\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb body_font=\u00bbLato||on||||||\u00bb body_text_color=\u00bb#666666&#8243; body_font_size=\u00bb18px\u00bb author_font=\u00bbOpen Sans|700|||||||\u00bb author_text_color=\u00bb#333333&#8243; background_color=\u00bb#FFFFFF\u00bb text_orientation=\u00bbcenter\u00bb custom_css_testimonial_author=\u00bbfont-style: normal;\u00bb border_radii=\u00bbon|5px|5px|5px|5px\u00bb box_shadow_style=\u00bbpreset1&#8243; box_shadow_color=\u00bbrgba(0,0,0,0.1)\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<div>\n<div class=\"OA1nbd\">Excelente servicio, llevo a\u00f1os lavando mi veh\u00edculo con ellos y siempre se destacan, utilizando muy buenos productos y dejando un acabado perfecto.<\/div>\n<\/div>\n<div class=\"svzjne\">\n<div data-ved=\"0CDMQ9rwBahcKEwi4zJmLgu-MAxUAAAAAHQAAAAAQAw\">\n<div class=\"U26fgb BMsU5c h5qmQc isUndragged\" tabindex=\"0\" role=\"button\" aria-label=\"Marcar la opini\u00f3n de Arturo Soto Arce como \u00fatil.\" aria-disabled=\"false\" data-tooltip=\"Marcar la opini\u00f3n de Arturo Soto Arce como \u00fatil.\" aria-pressed=\"false\" data-tooltip-vertical-offset=\"-12\" data-tooltip-horizontal-offset=\"0\"><\/div>\n<\/div>\n<div data-ed=\"%.@.&quot;https:\/\/www.google.com\/maps\/reviews\/data=!4m8!14m7!1m6!2m5!1sChZDSUhNMG9nS0VJQ0FnSUNfaFl6SEV3EAE!2m1!1s0x0:0x796d25d05f13184e!3m1!1s2@1:CIHM0ogKEICAgIC_hYzHEw%7CCgwIufKpvAYQsOmeqwE%7C?hl=es-419&quot;,&quot;Sat carwash&quot;,&quot;Sat carwash&quot;,null,null,null,[null,null,null,null,null,14,null,1]]\" data-sf=\"14\" data-sm=\"1\" data-sp=\"0\" data-shem=\"\" data-ct=\"2\"><\/div>\n<\/div>\n<p>[\/et_pb_testimonial][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_testimonial author=\u00bbJhonatan Avila Vera\u00bb portrait_url=\u00bbhttps:\/\/layout.diviextended.com\/landing-plus\/wp-content\/uploads\/2020\/04\/testimonial-2.jpg\u00bb quote_icon=\u00bboff\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb body_font=\u00bbLato||on||||||\u00bb body_text_color=\u00bb#666666&#8243; body_font_size=\u00bb18px\u00bb author_font=\u00bbOpen Sans|700|||||||\u00bb author_text_color=\u00bb#333333&#8243; background_color=\u00bb#FFFFFF\u00bb text_orientation=\u00bbcenter\u00bb custom_css_testimonial_author=\u00bbfont-style: normal;\u00bb border_radii=\u00bbon|5px|5px|5px|5px\u00bb box_shadow_style=\u00bbpreset1&#8243; box_shadow_color=\u00bbrgba(0,0,0,0.1)\u00bb global_colors_info=\u00bb{}\u00bb]Buen servicio y los precios<br \/>\nLa atenci\u00f3n muy exelente \ud83d\udcaa<br \/>\n[\/et_pb_testimonial][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_testimonial author=\u00bbPaula m\u00f3nica Silva\u00bb portrait_url=\u00bbhttps:\/\/layout.diviextended.com\/landing-plus\/wp-content\/uploads\/2020\/04\/testimonial-3.jpg\u00bb quote_icon=\u00bboff\u00bb author_last_edited=\u00bboff|desktop\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb body_font=\u00bbLato||on||||||\u00bb body_text_color=\u00bb#666666&#8243; body_font_size=\u00bb18px\u00bb author_font=\u00bbOpen Sans|700|||||||\u00bb author_text_color=\u00bb#333333&#8243; background_color=\u00bb#FFFFFF\u00bb text_orientation=\u00bbcenter\u00bb custom_css_testimonial_author=\u00bbfont-style: normal;\u00bb border_radii=\u00bbon|5px|5px|5px|5px\u00bb box_shadow_style=\u00bbpreset1&#8243; box_shadow_color=\u00bbrgba(0,0,0,0.1)\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<div>\n<div class=\"OA1nbd\">Muy buen servicio y buenos precios.<\/div>\n<\/div>\n<div class=\"svzjne\">\n<div data-ved=\"0CEsQ9rwBahcKEwjI34q4ju-MAxUAAAAAHQAAAAAQAw\">\n<div class=\"U26fgb BMsU5c h5qmQc isUndragged\" tabindex=\"0\" role=\"button\" aria-label=\"Marcar la opini\u00f3n de Paula M\u00f3nica Silva como \u00fatil.\" aria-disabled=\"false\" data-tooltip=\"Marcar la opini\u00f3n de Paula M\u00f3nica Silva como \u00fatil.\" aria-pressed=\"false\" data-tooltip-vertical-offset=\"-12\" data-tooltip-horizontal-offset=\"0\"><\/div>\n<\/div>\n<div data-ed=\"%.@.&quot;https:\/\/www.google.com\/maps\/reviews\/data=!4m8!14m7!1m6!2m5!1sChZDSUhNMG9nS0VJQ0FnSUR2cWUtNkJnEAE!2m1!1s0x0:0x796d25d05f13184e!3m1!1s2@1:CIHM0ogKEICAgIDvqe-6Bg%7CCgwIy6ScuwYQiNXJpQE%7C?hl=es-419&quot;,&quot;Sat carwash&quot;,&quot;Sat carwash&quot;,null,null,null,[null,null,null,null,null,14,null,1]]\" data-sf=\"14\" data-sm=\"1\" data-sp=\"0\" data-shem=\"\" data-ct=\"2\"><\/div>\n<\/div>\n<p>[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; make_equal=\u00bbon\u00bb specialty=\u00bbon\u00bb custom_css_main_1=\u00bbdisplay: flex;||flex-wrap: wrap;\u00bb module_id=\u00bblp-contact-section\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#000000&#8243; global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_2&#8243; specialty_columns=\u00bb2&#8243; _builder_version=\u00bb4.16&#8243; custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_row_inner _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column_inner saved_specialty_column_type=\u00bb1_2&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbLet&#8217;s Collaborate\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#fd00b1&#8243; text_font_size=\u00bb36px\u00bb header_text_color=\u00bb#fd00b1&#8243; header_font_size=\u00bb18px\u00bb header_2_font=\u00bbOpen Sans|700|||||||\u00bb header_2_text_align=\u00bbleft\u00bb header_2_text_color=\u00bb#333333&#8243; header_2_font_size=\u00bb50px\u00bb header_2_line_height=\u00bb1.3em\u00bb header_6_font=\u00bbOpen Sans|700||on|||||\u00bb header_6_text_align=\u00bbleft\u00bb header_6_text_color=\u00bb#E02B20&#8243; header_6_font_size=\u00bb16px\u00bb text_orientation=\u00bbcenter\u00bb background_layout=\u00bbdark\u00bb custom_margin=\u00bb||16px|||\u00bb header_2_font_size_tablet=\u00bb40px\u00bb header_2_font_size_phone=\u00bb30px\u00bb header_2_font_size_last_edited=\u00bbon|desktop\u00bb global_colors_info=\u00bb{}\u00bb]<span style=\"color: #ffffff;\">Empresas en convenio<\/span><br \/>\n[\/et_pb_text][et_pb_text admin_label=\u00bbLet&#8217;s Collaborate\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#FFFFFF\u00bb text_font_size=\u00bb19px\u00bb header_text_color=\u00bb#FFFFFF\u00bb header_font_size=\u00bb18px\u00bb header_2_font=\u00bbOpen Sans|700|||||||\u00bb header_2_text_align=\u00bbleft\u00bb header_2_text_color=\u00bb#333333&#8243; header_2_font_size=\u00bb50px\u00bb header_2_line_height=\u00bb1.3em\u00bb header_6_font=\u00bbOpen Sans|700||on|||||\u00bb header_6_text_align=\u00bbleft\u00bb header_6_text_color=\u00bb#E02B20&#8243; header_6_font_size=\u00bb16px\u00bb text_orientation=\u00bbcenter\u00bb background_layout=\u00bbdark\u00bb header_2_font_size_tablet=\u00bb40px\u00bb header_2_font_size_phone=\u00bb30px\u00bb header_2_font_size_last_edited=\u00bbon|desktop\u00bb global_colors_info=\u00bb{}\u00bb]Completa el formulario y te contactamos<br \/>\n[\/et_pb_text][et_pb_button button_text=\u00bbCont\u00e1ctanos x whatsapp ac\u00e1\u00bb button_alignment=\u00bbcenter\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb custom_button=\u00bbon\u00bb button_text_size=\u00bb19px\u00bb button_text_color=\u00bb#FFFFFF\u00bb button_bg_color=\u00bb#2ab51b\u00bb button_border_width=\u00bb0px\u00bb button_border_radius=\u00bb11px\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_button][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#FFFFFF\u00bb text_font_size=\u00bb18px\u00bb text_orientation=\u00bbcenter\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p>Horario de Atenci\u00f3n<br \/>Lunes a Viernes 08:00 a 18:00<br \/>S\u00e1bado: 10:00 a 15:00<\/p>\n<p>[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][et_pb_column type=\u00bb1_2&#8243; _builder_version=\u00bb4.16&#8243; custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_contact_form captcha=\u00bboff\u00bb email=\u00bbeliohj@gmail.com\u00bb custom_message=\u00bbNombre: %%Name%%||et_pb_line_break_holder||Empresa: %%Company%%||et_pb_line_break_holder||Fono: %%Phone%%||et_pb_line_break_holder||Correo: %%Email%%||et_pb_line_break_holder||Mensaje: %%Message%%\u00bb module_class=\u00bblp2-contact-form\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb form_field_background_color=\u00bbRGBA(0,0,0,0)\u00bb form_field_text_color=\u00bb#999999&#8243; form_field_focus_text_color=\u00bb#666666&#8243; form_field_custom_padding=\u00bb|0px||0px|false|true\u00bb form_field_font=\u00bbLato|600|||||||\u00bb custom_button=\u00bbon\u00bb button_text_size=\u00bb18px\u00bb button_text_color=\u00bb#FFFFFF\u00bb button_bg_color=\u00bbRGBA(255,255,255,0)\u00bb button_bg_use_color_gradient=\u00bbon\u00bb button_bg_color_gradient_direction=\u00bb90deg\u00bb button_bg_color_gradient_stops=\u00bb#e02b20 0%|#cc1c1c 100%\u00bb button_bg_color_gradient_start=\u00bb#e02b20&#8243; button_bg_color_gradient_end=\u00bb#cc1c1c\u00bb button_border_width=\u00bb0px\u00bb button_border_radius=\u00bb8px\u00bb button_letter_spacing=\u00bb1px\u00bb button_font=\u00bbLato|700||on|||||\u00bb button_use_icon=\u00bboff\u00bb button_custom_margin=\u00bb24px||||false|false\u00bb button_custom_padding=\u00bb15px|40px|15px|40px|true|true\u00bb border_width_bottom=\u00bb2px\u00bb border_color_bottom=\u00bb#cccccc\u00bb border_width_bottom_last_edited=\u00bboff|desktop\u00bb box_shadow_style_button=\u00bbpreset3&#8243; box_shadow_color_button=\u00bbRGBA(255,255,255,0)\u00bb global_colors_info=\u00bb{}\u00bb box_shadow_color_button__hover_enabled=\u00bbon|desktop\u00bb box_shadow_color_button__hover=\u00bbrgba(0,0,0,0.31)\u00bb][et_pb_contact_field field_id=\u00bbName\u00bb field_title=\u00bbNombre y apellido\u00bb _builder_version=\u00bb4.27.4&#8243; global_colors_info=\u00bb{}\u00bb button_text_size__hover_enabled=\u00bboff\u00bb button_one_text_size__hover_enabled=\u00bboff\u00bb button_two_text_size__hover_enabled=\u00bboff\u00bb button_text_color__hover_enabled=\u00bboff\u00bb button_one_text_color__hover_enabled=\u00bboff\u00bb button_two_text_color__hover_enabled=\u00bboff\u00bb button_border_width__hover_enabled=\u00bboff\u00bb button_one_border_width__hover_enabled=\u00bboff\u00bb button_two_border_width__hover_enabled=\u00bboff\u00bb button_border_color__hover_enabled=\u00bboff\u00bb button_one_border_color__hover_enabled=\u00bboff\u00bb button_two_border_color__hover_enabled=\u00bboff\u00bb button_border_radius__hover_enabled=\u00bboff\u00bb button_one_border_radius__hover_enabled=\u00bboff\u00bb button_two_border_radius__hover_enabled=\u00bboff\u00bb button_letter_spacing__hover_enabled=\u00bboff\u00bb button_one_letter_spacing__hover_enabled=\u00bboff\u00bb button_two_letter_spacing__hover_enabled=\u00bboff\u00bb button_bg_color__hover_enabled=\u00bboff\u00bb button_one_bg_color__hover_enabled=\u00bboff\u00bb button_two_bg_color__hover_enabled=\u00bboff\u00bb][\/et_pb_contact_field][et_pb_contact_field field_id=\u00bbCompany\u00bb field_title=\u00bbEmpresa\u00bb _builder_version=\u00bb4.27.4&#8243; global_colors_info=\u00bb{}\u00bb button_text_size__hover_enabled=\u00bboff\u00bb button_one_text_size__hover_enabled=\u00bboff\u00bb button_two_text_size__hover_enabled=\u00bboff\u00bb button_text_color__hover_enabled=\u00bboff\u00bb button_one_text_color__hover_enabled=\u00bboff\u00bb button_two_text_color__hover_enabled=\u00bboff\u00bb button_border_width__hover_enabled=\u00bboff\u00bb button_one_border_width__hover_enabled=\u00bboff\u00bb button_two_border_width__hover_enabled=\u00bboff\u00bb button_border_color__hover_enabled=\u00bboff\u00bb button_one_border_color__hover_enabled=\u00bboff\u00bb button_two_border_color__hover_enabled=\u00bboff\u00bb button_border_radius__hover_enabled=\u00bboff\u00bb button_one_border_radius__hover_enabled=\u00bboff\u00bb button_two_border_radius__hover_enabled=\u00bboff\u00bb button_letter_spacing__hover_enabled=\u00bboff\u00bb button_one_letter_spacing__hover_enabled=\u00bboff\u00bb button_two_letter_spacing__hover_enabled=\u00bboff\u00bb button_bg_color__hover_enabled=\u00bboff\u00bb button_one_bg_color__hover_enabled=\u00bboff\u00bb button_two_bg_color__hover_enabled=\u00bboff\u00bb][\/et_pb_contact_field][et_pb_contact_field field_id=\u00bbphone\u00bb field_title=\u00bbTelefono\u00bb _builder_version=\u00bb4.27.4&#8243; global_colors_info=\u00bb{}\u00bb button_text_size__hover_enabled=\u00bboff\u00bb button_one_text_size__hover_enabled=\u00bboff\u00bb button_two_text_size__hover_enabled=\u00bboff\u00bb button_text_color__hover_enabled=\u00bboff\u00bb button_one_text_color__hover_enabled=\u00bboff\u00bb button_two_text_color__hover_enabled=\u00bboff\u00bb button_border_width__hover_enabled=\u00bboff\u00bb button_one_border_width__hover_enabled=\u00bboff\u00bb button_two_border_width__hover_enabled=\u00bboff\u00bb button_border_color__hover_enabled=\u00bboff\u00bb button_one_border_color__hover_enabled=\u00bboff\u00bb button_two_border_color__hover_enabled=\u00bboff\u00bb button_border_radius__hover_enabled=\u00bboff\u00bb button_one_border_radius__hover_enabled=\u00bboff\u00bb button_two_border_radius__hover_enabled=\u00bboff\u00bb button_letter_spacing__hover_enabled=\u00bboff\u00bb button_one_letter_spacing__hover_enabled=\u00bboff\u00bb button_two_letter_spacing__hover_enabled=\u00bboff\u00bb button_bg_color__hover_enabled=\u00bboff\u00bb button_one_bg_color__hover_enabled=\u00bboff\u00bb button_two_bg_color__hover_enabled=\u00bboff\u00bb][\/et_pb_contact_field][et_pb_contact_field field_id=\u00bbEmail\u00bb field_title=\u00bbCorreo\u00bb field_type=\u00bbemail\u00bb _builder_version=\u00bb4.27.4&#8243; global_colors_info=\u00bb{}\u00bb button_text_size__hover_enabled=\u00bboff\u00bb button_one_text_size__hover_enabled=\u00bboff\u00bb button_two_text_size__hover_enabled=\u00bboff\u00bb button_text_color__hover_enabled=\u00bboff\u00bb button_one_text_color__hover_enabled=\u00bboff\u00bb button_two_text_color__hover_enabled=\u00bboff\u00bb button_border_width__hover_enabled=\u00bboff\u00bb button_one_border_width__hover_enabled=\u00bboff\u00bb button_two_border_width__hover_enabled=\u00bboff\u00bb button_border_color__hover_enabled=\u00bboff\u00bb button_one_border_color__hover_enabled=\u00bboff\u00bb button_two_border_color__hover_enabled=\u00bboff\u00bb button_border_radius__hover_enabled=\u00bboff\u00bb button_one_border_radius__hover_enabled=\u00bboff\u00bb button_two_border_radius__hover_enabled=\u00bboff\u00bb button_letter_spacing__hover_enabled=\u00bboff\u00bb button_one_letter_spacing__hover_enabled=\u00bboff\u00bb button_two_letter_spacing__hover_enabled=\u00bboff\u00bb button_bg_color__hover_enabled=\u00bboff\u00bb button_one_bg_color__hover_enabled=\u00bboff\u00bb button_two_bg_color__hover_enabled=\u00bboff\u00bb][\/et_pb_contact_field][et_pb_contact_field field_id=\u00bbMessage\u00bb field_title=\u00bbMensaje\u00bb field_type=\u00bbtext\u00bb fullwidth_field=\u00bbon\u00bb _builder_version=\u00bb4.27.4&#8243; global_colors_info=\u00bb{}\u00bb button_text_size__hover_enabled=\u00bboff\u00bb button_one_text_size__hover_enabled=\u00bboff\u00bb button_two_text_size__hover_enabled=\u00bboff\u00bb button_text_color__hover_enabled=\u00bboff\u00bb button_one_text_color__hover_enabled=\u00bboff\u00bb button_two_text_color__hover_enabled=\u00bboff\u00bb button_border_width__hover_enabled=\u00bboff\u00bb button_one_border_width__hover_enabled=\u00bboff\u00bb button_two_border_width__hover_enabled=\u00bboff\u00bb button_border_color__hover_enabled=\u00bboff\u00bb button_one_border_color__hover_enabled=\u00bboff\u00bb button_two_border_color__hover_enabled=\u00bboff\u00bb button_border_radius__hover_enabled=\u00bboff\u00bb button_one_border_radius__hover_enabled=\u00bboff\u00bb button_two_border_radius__hover_enabled=\u00bboff\u00bb button_letter_spacing__hover_enabled=\u00bboff\u00bb button_one_letter_spacing__hover_enabled=\u00bboff\u00bb button_two_letter_spacing__hover_enabled=\u00bboff\u00bb button_bg_color__hover_enabled=\u00bboff\u00bb button_one_bg_color__hover_enabled=\u00bboff\u00bb button_two_bg_color__hover_enabled=\u00bboff\u00bb][\/et_pb_contact_field][\/et_pb_contact_form][\/et_pb_column][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fono: +569 583 52 044San francisco 75 Santiago Centro \u00a1AGENDA TU HORA EN MENOS DE UN MINUTO!Servicio r\u00e1pido, profesional y al mejor precio. Lavado carroceria Lavado de carroceria + cera a elecci\u00f3n Lavado de carroceria + cera a elecci\u00f3n + abrillantador Aspirado completo Limpieza del techo del auto Vaporizado de tapiz Limpieza de alfombra Humectaci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":52,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-105155","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.satcarwash.cl\/reservas\/wp-json\/wp\/v2\/pages\/105155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.satcarwash.cl\/reservas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.satcarwash.cl\/reservas\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.satcarwash.cl\/reservas\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.satcarwash.cl\/reservas\/wp-json\/wp\/v2\/comments?post=105155"}],"version-history":[{"count":12,"href":"https:\/\/www.satcarwash.cl\/reservas\/wp-json\/wp\/v2\/pages\/105155\/revisions"}],"predecessor-version":[{"id":105228,"href":"https:\/\/www.satcarwash.cl\/reservas\/wp-json\/wp\/v2\/pages\/105155\/revisions\/105228"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.satcarwash.cl\/reservas\/wp-json\/wp\/v2\/media\/52"}],"wp:attachment":[{"href":"https:\/\/www.satcarwash.cl\/reservas\/wp-json\/wp\/v2\/media?parent=105155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}