{"id":2,"date":"2024-06-11T06:53:21","date_gmt":"2024-06-11T06:53:21","guid":{"rendered":"https:\/\/trattoriasanmarco.cl\/wordpress\/?page_id=2"},"modified":"2026-02-07T10:32:03","modified_gmt":"2026-02-07T13:32:03","slug":"sample","status":"publish","type":"page","link":"https:\/\/miatrattoria.cl\/","title":{"rendered":"Principal"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1feb449d e-con-full e-flex e-con e-parent\" data-id=\"1feb449d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f8d30f elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"3f8d30f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>[vc_row][vc_column]\n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"food-delivery1\" data-id=\"16\" id=\"SR7_16_1\" class=\"rs-respect-topbar rs-ov-hidden\" data-version=\"6.7.12\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_16_1-65\" data-key=\"65\">\n\t\t\t\t\t\t\t<a id=\"SR7_16_1-65-0\" class=\"sr7-layer\" href=\"https:\/\/miatrattoria.cl\/index.php\/cucina_artesanal_mia\/\" target=\"_blank\" rel=\"nofollow noopener\"><i class=\"fa-book\"><\/i> Cucina &#038; bar<\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_16_1-65-1\" class=\"sr7-layer\" href=\"https:\/\/www.instagram.com\/stories\/highlights\/18057288686136378\/\" target=\"_self\" rel=\"nofollow\"><i class=\"fa-calendar-check-o\"><\/i> Horario<\/a>\n\t\t\t\t\t\t\t<h4 id=\"SR7_16_1-65-4\" class=\"sr7-layer\">Artesanal \u00b7 Contempor\u00e1nea<\/h4>\n\t\t\t\t\t\t\t<a id=\"SR7_16_1-65-19\" class=\"sr7-layer\" href=\"https:\/\/miatrattoria.cl\/reservas\/\" target=\"_self\" rel=\"nofollow\"><i class=\"fa-calendar-check-o\"><\/i> Reservas<\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_16_1-66\" data-key=\"66\">\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img data-src=\"\/\/miatrattoria.cl\/wp-content\/uploads\/2025\/06\/1-01.png\" data-libid=\"3309\" data-lib=\"medialibrary\" title=\"1-01\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9taWF0cmF0dG9yaWEuY2wvd3AtY29udGVudC91cGxvYWRzLzIwMjUvMDYvMS0wMS5wbmc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/miatrattoria.cl\/wp-content\/uploads\/2026\/02\/Mia_Trattoria_web_phone.mp4\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9taWF0cmF0dG9yaWEuY2wvd3AtY29udGVudC91cGxvYWRzLzIwMjYvMDIvTWlhX1RyYXR0b3JpYV93ZWJfcGhvbmUubXA0\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script>\n\t\t\t\t\tSR7.PMH ??={}; SR7.PMH[\"SR7_16_1\"] = {cn:0,state:false,fn: function() { if (_tpt!==undefined && _tpt.prepareModuleHeight !== undefined) {  _tpt.prepareModuleHeight({id:\"SR7_16_1\",el:[900,900,768,500,800],type:'hero',shdw:'0',gh:[900,900,768,500,800],gw:[1240,1240,1024,778,480],vpt:['100px&#039;,&#039;100px&#039;,&#039;100px&#039;,&#039;100px&#039;,&#039;100px'],size:{fullWidth:true, fullHeight:true},fho:'#masthead,',mh:'0',onh:0,onw:0,bg:{color:'{\"type\":\"solid\",\"orig\":\"#000000\",\"string\":\"rgba(0, 0, 0, 1)\"}'}});   SR7.PMH[\"SR7_16_1\"].state=true;} else if((SR7.PMH[\"SR7_16_1\"].cn++)<100)\tsetTimeout( SR7.PMH[\"SR7_16_1\"].fn,19);}};SR7.PMH[\"SR7_16_1\" ].fn();\n\t\t\t\t<\/script>\n[\/vc_column][\/vc_row]<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccc85a0 e-grid e-con-boxed e-con e-parent\" data-id=\"ccc85a0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20b4fb8 elementor-widget elementor-widget-text-editor\" data-id=\"20b4fb8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p data-start=\"172\" data-end=\"470\"><strong data-start=\"172\" data-end=\"307\">Mia <\/strong>es una<strong data-start=\"172\" data-end=\"307\"> Trattoria<\/strong> chileno\u2013italiana que une ingredientes locales con la tradici\u00f3n de la cocina italiana.<br data-start=\"307\" data-end=\"310\" \/>Nos definimos como una cocina artesanal y contempor\u00e1nea, donde la simplicidad expresa autenticidad y cada plato busca el equilibrio entre innovaci\u00f3n y ra\u00edces.<\/p><p data-start=\"472\" data-end=\"831\">La carta de Mia se inspira en dos herencias que dialogan de manera natural: la riqueza del mar y la tierra chilena, y la pasi\u00f3n por la tradici\u00f3n culinaria italiana. Cada preparaci\u00f3n se elabora a mano, con respeto por el producto y atenci\u00f3n en los detalles, desde las pastas de colores rellenas hasta las salsas que acompa\u00f1an con delicadeza cada combinaci\u00f3n.<\/p><p data-start=\"833\" data-end=\"1135\">Ejemplos como los <strong data-start=\"851\" data-end=\"877\">sorrentinos al cancato<\/strong>, que reinterpretan un cl\u00e1sico del sur de Chile en formato italiano, o los <strong data-start=\"952\" data-end=\"1007\">gnocchi alla panna de queso de cabra y miel de ulmo<\/strong>, que combinan dulzor y cremosidad con un sello local, muestran el esp\u00edritu de Mia: una propuesta artesanal, simple y aut\u00e9ntica.<\/p><p data-start=\"1137\" data-end=\"1413\">En Mia Trattoria buscamos que cada visita sea un momento de calma y sabor, un par\u00e9ntesis para disfrutar frente al mar de Re\u00f1aca. Con Valpara\u00edso al fondo, la mesa se convierte en el espacio donde la cocina italiana se renueva a partir de los productos y la identidad chilena.<\/p><p data-start=\"1137\" data-end=\"1413\">Atte. Mia<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff5a6d6 e-flex e-con-boxed e-con e-parent\" data-id=\"ff5a6d6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dffe296 elementor-widget elementor-widget-html\" data-id=\"dffe296\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Bot\u00f3n flotante que alterna abrir\/cerrar -->\n<div class=\"fab-button\" id=\"floatingFormButton\">\n    <span class=\"fab-icon\">\u2709\ufe0f<\/span>\n    <span class=\"fab-label\">Cont\u00e1ctanos<\/span>\n<\/div>\n\n<!-- Formulario oculto -->\n<div class=\"fab-overlay\" id=\"floatingFormOverlay\">\n    <div class=\"fab-container\">\n        <!-- T\u00edtulo solo visible en m\u00f3viles -->\n        <div class=\"mobile-title\">Cont\u00e1ctanos<\/div>\n        \n        <div class=\"fab-content\">\n            \t\t<div data-elementor-type=\"widget\" data-elementor-id=\"5962\" class=\"elementor elementor-5962\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5962 raven-form-button-align-center elementor-widget elementor-widget-raven-form\" data-id=\"5962\" data-element_type=\"widget\" data-settings=\"{&quot;fields&quot;:[{&quot;label&quot;:&quot;Contacto&quot;,&quot;field_custom_id&quot;:&quot;name&quot;,&quot;placeholder&quot;:&quot;Nombre&quot;,&quot;_id&quot;:&quot;4ca34f8&quot;,&quot;acceptance_text&quot;:null,&quot;step_previous_button&quot;:null,&quot;step_next_button&quot;:null,&quot;width&quot;:&quot;50&quot;,&quot;type&quot;:&quot;text&quot;,&quot;recaptcha_badge&quot;:null,&quot;recaptcha_theme&quot;:null,&quot;recaptcha_size&quot;:null,&quot;checked_by_default&quot;:null,&quot;min_time&quot;:null,&quot;max_time&quot;:null,&quot;min_date&quot;:null,&quot;max_date&quot;:null,&quot;localization&quot;:null,&quot;min&quot;:null,&quot;max&quot;:null,&quot;field_options&quot;:null,&quot;inline_list&quot;:null,&quot;native_html5&quot;:null,&quot;multiple_selection&quot;:null,&quot;rows&quot;:null,&quot;required&quot;:&quot;&quot;,&quot;iti_tel&quot;:null,&quot;iti_tel_tel_type&quot;:null,&quot;iti_tel_require_area&quot;:null,&quot;iti_tel_allow_dropdown&quot;:null,&quot;iti_tel_country_include&quot;:null,&quot;iti_tel_ip_detect&quot;:null,&quot;iti_tel_internationalize&quot;:null,&quot;file_sizes&quot;:null,&quot;file_types&quot;:null,&quot;allow_multiple_upload&quot;:null,&quot;max_files&quot;:null,&quot;step_icon&quot;:null,&quot;field_value&quot;:&quot;&quot;},{&quot;field_custom_id&quot;:&quot;email&quot;,&quot;type&quot;:&quot;email&quot;,&quot;placeholder&quot;:&quot;Correo&quot;,&quot;required&quot;:&quot;true&quot;,&quot;_id&quot;:&quot;d4d40b7&quot;,&quot;acceptance_text&quot;:null,&quot;step_previous_button&quot;:null,&quot;step_next_button&quot;:null,&quot;width&quot;:&quot;50&quot;,&quot;label&quot;:&quot;&quot;,&quot;recaptcha_badge&quot;:null,&quot;recaptcha_theme&quot;:null,&quot;recaptcha_size&quot;:null,&quot;checked_by_default&quot;:null,&quot;min_time&quot;:null,&quot;max_time&quot;:null,&quot;min_date&quot;:null,&quot;max_date&quot;:null,&quot;localization&quot;:null,&quot;min&quot;:null,&quot;max&quot;:null,&quot;field_options&quot;:null,&quot;inline_list&quot;:null,&quot;native_html5&quot;:null,&quot;multiple_selection&quot;:null,&quot;rows&quot;:null,&quot;iti_tel&quot;:null,&quot;iti_tel_tel_type&quot;:null,&quot;iti_tel_require_area&quot;:null,&quot;iti_tel_allow_dropdown&quot;:null,&quot;iti_tel_country_include&quot;:null,&quot;iti_tel_ip_detect&quot;:null,&quot;iti_tel_internationalize&quot;:null,&quot;file_sizes&quot;:null,&quot;file_types&quot;:null,&quot;allow_multiple_upload&quot;:null,&quot;max_files&quot;:null,&quot;step_icon&quot;:null,&quot;field_value&quot;:&quot;&quot;},{&quot;field_custom_id&quot;:&quot;message&quot;,&quot;type&quot;:&quot;textarea&quot;,&quot;placeholder&quot;:&quot;Mensaje&quot;,&quot;_id&quot;:&quot;b5d8cdc&quot;,&quot;acceptance_text&quot;:null,&quot;step_previous_button&quot;:null,&quot;step_next_button&quot;:null,&quot;label&quot;:&quot;&quot;,&quot;recaptcha_badge&quot;:null,&quot;recaptcha_theme&quot;:null,&quot;recaptcha_size&quot;:null,&quot;checked_by_default&quot;:null,&quot;min_time&quot;:null,&quot;max_time&quot;:null,&quot;min_date&quot;:null,&quot;max_date&quot;:null,&quot;localization&quot;:null,&quot;min&quot;:null,&quot;max&quot;:null,&quot;field_options&quot;:null,&quot;inline_list&quot;:null,&quot;native_html5&quot;:null,&quot;multiple_selection&quot;:null,&quot;rows&quot;:5,&quot;required&quot;:&quot;&quot;,&quot;iti_tel&quot;:null,&quot;iti_tel_tel_type&quot;:null,&quot;iti_tel_require_area&quot;:null,&quot;iti_tel_allow_dropdown&quot;:null,&quot;iti_tel_country_include&quot;:null,&quot;iti_tel_ip_detect&quot;:null,&quot;iti_tel_internationalize&quot;:null,&quot;file_sizes&quot;:null,&quot;file_types&quot;:null,&quot;allow_multiple_upload&quot;:null,&quot;max_files&quot;:null,&quot;step_icon&quot;:null,&quot;width&quot;:&quot;100&quot;,&quot;field_value&quot;:&quot;&quot;}],&quot;steps_type&quot;:&quot;number&quot;,&quot;steps_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"raven-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form class=\"raven-form raven-flex raven-flex-wrap raven-flex-bottom raven-hide-required-mark\" method=\"post\" name=\"Contacto\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"5962\" \/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"5962\" \/>\n\t\t\t\t\t<div id=\"raven-field-group-4ca34f8\" class=\"raven-flex-wrap raven-field-type-text raven-field-group elementor-column elementor-col-50\">\n\t\t\t\t\t<label\n\t\t\tfor=\"form-field-4ca34f8\"\n\t\t\tclass=\"raven-field-label\">\n\t\t\tContacto\t\t\t\t\t\t<\/label>\n\t\t\t\t<input\n\t\t\toninput=\"onInvalidRavenFormField(event)\"\n\t\t\toninvalid=\"onInvalidRavenFormField(event)\"\n\t\t\ttype=\"text\" name=\"fields[4ca34f8]\" id=\"form-field-4ca34f8\" class=\"raven-field\" placeholder=\"Nombre\" data-type=\"text\">\n\t\t\t\t<\/div>\n\t\t\t\t<div id=\"raven-field-group-d4d40b7\" class=\"raven-flex-wrap raven-field-type-email raven-field-group elementor-column elementor-col-50 raven-field-required\">\n\t\t\t\t\t<input\n\t\t\toninput=\"onInvalidRavenFormField(event)\"\n\t\t\toninvalid=\"onInvalidRavenFormField(event)\"\n\t\t\ttype=\"email\" name=\"fields[d4d40b7]\" id=\"form-field-d4d40b7\" class=\"raven-field\" placeholder=\"Correo\" data-type=\"email\" required=\"required\">\n\t\t\t\t<\/div>\n\t\t\t\t<div id=\"raven-field-group-b5d8cdc\" class=\"raven-flex-wrap raven-field-type-textarea raven-field-group elementor-column elementor-col-100\">\n\t\t\t\t\t<textarea\n\t\t\toninput=\"onInvalidRavenFormField(event)\"\n\t\t\toninvalid=\"onInvalidRavenFormField(event)\"\n\t\t\ttype=\"textarea\" name=\"fields[b5d8cdc]\" id=\"form-field-b5d8cdc\" class=\"raven-field\" placeholder=\"Mensaje\" data-type=\"textarea\"\t\t\trows=\"5\"><\/textarea>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"raven-field-group raven-field-type-submit-button elementor-column elementor-col-100\">\n\t\t\t\t\t\t\t\t\t<button class=\"raven-submit-button\" type=\"submit\">\n\t\t\t\t\t\t<span>Enviar<\/span>\n\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/form>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ===== RESET ===== *\/\n.fab-content .elementor-widget {\n    margin-bottom: 0 !important;\n}\n\n.fab-content .elementor-form {\n    margin: 0 !important;\n}\n\n\/* ===== BOT\u00d3N FLOTANTE ===== *\/\n.fab-button {\n    position: fixed;\n    bottom: 30px;\n    right: 30px;\n    background: rgb(179, 29, 50);\n    color: white;\n    border: none;\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    z-index: 9999;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n}\n\n.fab-button:hover {\n    transform: scale(1.1);\n    box-shadow: 0 8px 25px rgba(0, 115, 170, 0.4);\n    width: 160px;\n    border-radius: 30px;\n}\n\n.fab-icon {\n    font-size: 24px;\n   transition: all 0.3s;\n}\n\n.fab-label {\n    position: absolute;\n    opacity: 0;\n    font-size: 14px;\n    font-weight: 600;\n    white-space: nowrap;\n    transition: all 0.3s;\n    transform: translateX(20px);\n}\n\n.fab-button:hover .fab-icon {\n    transform: translateY(-20px);\n}\n\n.fab-button:hover .fab-label {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n\/* ===== OVERLAY ===== *\/\n.fab-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    backdrop-filter: blur(3px);\n    z-index: 9998;\n    animation: fadeIn 0.3s ease;\n}\n\n.fab-overlay.active {\n    display: block;\n}\n\n\/* ===== CONTENEDOR DEL FORMULARIO ===== *\/\n.fab-container {\n    position: absolute;\n    bottom: 100px;\n    right: 30px;\n    width: 400px;\n    max-width: 90vw;\n    background: white;\n    border-radius: 15px;\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);\n    animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n    max-height: 80vh;\n    display: flex;\n    flex-direction: column;\n    \n    \/* BORDE DE 3PX CON COLOR DEL BOT\u00d3N ENVIAR *\/\n    border: 6px solid #8C0909;\n}\n\n\/* ===== T\u00cdTULO PARA M\u00d3VILES ===== *\/\n.mobile-title {\n    display: none;\n    background: linear-gradient(135deg, #0073aa, #00a8ff);\n    color: white;\n    padding: 15px 20px;\n    text-align: center;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0;\n}\n\n\/* ===== CONTENIDO ===== *\/\n.fab-content {\n    padding: 25px;\n    overflow-y: auto;\n    flex-grow: 1;\n}\n\n\/* ===== BOT\u00d3N ACTIVO (CUANDO EL FORMULARIO EST\u00c1 ABIERTO) ===== *\/\n.fab-button.active {\n  \/*  transform: rotate(45deg);\n   background: linear-gradient(135deg, #ff4757, #ff3838); *\/\n}\n\n.fab-button.active:hover {\n   \/* transform: rotate(45deg) scale(1.1);*\/\n}\n\n.fab-button.active .fab-icon {\n    transform: rotate(-45deg);*\/\n}\n\n.fab-button.active .fab-label {\n    display: none;\n}\n\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 768px) {\n    .fab-button {\n        bottom: 20px;\n        right: 20px;\n        width: 56px;\n        height: 56px;\n    }\n    \n.fab-button:hover .fab-icon {\n    transform: translateY(0px);\n}\n.fab-button.active .fab-icon {\n    transform: rotate(-45deg);*\/\n}\n\n\n  .fab-button:hover {\n        width: 56px;\n        border-radius: 50%;\n    }\n    \n\/*    .fab-button:hover .fab-icon {\n        transform: none;\n    } *\/\n    \n    .fab-label {\n        display: none;\n    }\n    \n    .fab-container {\n        width: calc(100vw - 40px);\n        right: 20px;\n        left: 20px;\n        bottom: 80px;\n        max-height: 70vh;\n        border-width: 3px;\n    }\n    \n    \/* MOSTRAR T\u00cdTULO EN M\u00d3VILES *\/\n    .mobile-title {\n        display: block;\n    }\n    \n    .fab-content {\n        padding: 20px;\n    }\n}\n\n@media (max-width: 480px) {\n    .fab-button {\n        bottom: 15px;\n        right: 15px;\n        width: 50px;\n        height: 50px;\n    }\n    \n    .fab-icon {\n        font-size: 20px;\n    }\n    \n    .fab-container {\n        width: calc(100vw - 30px);\n        right: 15px;\n        left: 15px;\n        bottom: 70px;\n        max-height: 65vh;\n        border-width: 3px;\n    }\n    \n    .mobile-title {\n        padding: 12px 15px;\n        font-size: 16px;\n    }\n    \n    .fab-content {\n        padding: 15px;\n    }\n}\n\n\/* ===== ANIMACIONES ===== *\/\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n@keyframes slideUp {\n    from {\n        transform: translateY(30px) scale(0.95);\n        opacity: 0;\n    }\n    to {\n        transform: translateY(0) scale(1);\n        opacity: 1;\n    }\n}\n\n\/* ===== DETECTAR COLOR DEL BOT\u00d3N ENVIAR Y APLICARLO AL BORDE ===== *\/\n\/* Esto detectar\u00e1 autom\u00e1ticamente el color del bot\u00f3n enviar de Elementor *\/\n.fab-content .elementor-button {\n    position: relative;\n}\n\n\/* Si el bot\u00f3n tiene color personalizado, heredarlo al borde\n.fab-container {\n    border-color: var(--button-color, #0073aa) !important;\n} *\/\n\n\/* Estilo para capturar el color del bot\u00f3n enviar\n.fab-content .elementor-button.elementor-size-md,\n.fab-content .elementor-button.elementor-size-lg,\n.fab-content .elementor-button.elementor-size-sm,\n.fab-content .elementor-button[type=\"submit\"],\n.fab-content input[type=\"submit\"] {\n    background-color: var(--button-bg-color) !important;\n}  *\/\n\n\/* Asegurar que los inputs tengan buen tama\u00f1o *\/\n.fab-content input,\n.fab-content textarea,\n.fab-content select {\n    width: 100% !important;\n    box-sizing: border-box !important;\n}\n\n\/* Scrollbar personalizado *\/\n.fab-content::-webkit-scrollbar {\n    width: 6px;\n}\n\n.fab-content::-webkit-scrollbar-track {\n    background: #f1f1f1;\n    border-radius: 3px;\n}\n\n.fab-content::-webkit-scrollbar-thumb {\n    background: #0073aa;\n    border-radius: 3px;\n}\n\n\/* Para Firefox *\/\n.fab-content {\n    scrollbar-width: thin;\n    scrollbar-color: #0073aa #f1f1f1;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Elementos del DOM\n    const button = document.getElementById('floatingFormButton');\n    const overlay = document.getElementById('floatingFormOverlay');\n    \n    \/\/ Estado del formulario\n    let isFormOpen = false;\n    \n    \/\/ Funci\u00f3n para abrir\/cerrar el formulario\n    function toggleForm() {\n        if (isFormOpen) {\n            \/\/ Cerrar formulario\n            overlay.classList.remove('active');\n            button.classList.remove('active');\n            document.body.style.overflow = '';\n            isFormOpen = false;\n        } else {\n            \/\/ Abrir formulario\n            overlay.classList.add('active');\n            button.classList.add('active');\n            document.body.style.overflow = 'hidden';\n            isFormOpen = true;\n            \n            \/\/ Detectar color del bot\u00f3n enviar y aplicarlo al borde\n            setTimeout(detectButtonColor, 100);\n        }\n    }\n    \n    \/\/ Funci\u00f3n para detectar el color del bot\u00f3n enviar\n    function detectButtonColor() {\n        const submitButtons = document.querySelectorAll('.fab-content .elementor-button[type=\"submit\"], .fab-content input[type=\"submit\"], .fab-content button[type=\"submit\"]');\n        \n        if (submitButtons.length > 0) {\n            const firstButton = submitButtons[0];\n            const computedStyle = window.getComputedStyle(firstButton);\n            const bgColor = computedStyle.backgroundColor;\n            \n            \/\/ Aplicar el color al borde del contenedor\n            const container = document.querySelector('.fab-container');\n            if (container && bgColor !== 'rgba(0, 0, 0, 0)' && bgColor !== 'transparent') {\n                container.style.borderColor = bgColor;\n                \n                \/\/ Tambi\u00e9n aplicar al t\u00edtulo m\u00f3vil si existe\n                const mobileTitle = document.querySelector('.mobile-title');\n                if (mobileTitle) {\n                    mobileTitle.style.background = bgColor;\n                }\n            }\n        }\n    }\n    \n    \/\/ Evento en el bot\u00f3n\n    button.addEventListener('click', function(e) {\n        e.stopPropagation();\n        toggleForm();\n    });\n    \n    \/\/ Cerrar al hacer clic en el overlay (fondo oscuro)\n    overlay.addEventListener('click', function(e) {\n        if (e.target === overlay) {\n            toggleForm();\n        }\n    });\n    \n    \/\/ Cerrar con tecla ESC\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && isFormOpen) {\n            toggleForm();\n        }\n    });\n    \n    \/\/ Observar cambios en el formulario para detectar color din\u00e1micamente\n    const observer = new MutationObserver(function(mutations) {\n        mutations.forEach(function(mutation) {\n            if (mutation.addedNodes.length > 0) {\n                detectButtonColor();\n            }\n        });\n    });\n    \n    \/\/ Iniciar observaci\u00f3n cuando el formulario se cargue\n    setTimeout(function() {\n        const formContent = document.querySelector('.fab-content');\n        if (formContent) {\n            observer.observe(formContent, { childList: true, subtree: true });\n            detectButtonColor();\n        }\n    }, 500);\n    \n    \/\/ Opcional: Cerrar autom\u00e1ticamente despu\u00e9s de enviar el formulario\n    setTimeout(function() {\n        const forms = document.querySelectorAll('.fab-content form');\n        forms.forEach(form => {\n            \/\/ Verificar si el formulario tiene mensaje de \u00e9xito\n            const successObserver = new MutationObserver(function(mutations) {\n                mutations.forEach(function(mutation) {\n                    if (mutation.type === 'childList') {\n                        const successMsg = form.querySelector('.elementor-message.elementor-message-success');\n                        if (successMsg) {\n                            \/\/ Cerrar despu\u00e9s de 3 segundos\n                            setTimeout(() => {\n                                if (isFormOpen) toggleForm();\n                            }, 3000);\n                        }\n                    }\n                });\n            });\n            \n            \/\/ Observar cambios en el formulario\n            successObserver.observe(form, { childList: true, subtree: true });\n        });\n    }, 1000);\n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row] Mia es una Trattoria chileno\u2013italiana que une ingredientes locales con la tradici\u00f3n de la cocina italiana.Nos definimos como una cocina artesanal y contempor\u00e1nea, donde la simplicidad expresa autenticidad y cada plato busca el equilibrio entre innovaci\u00f3n y ra\u00edces. La carta de Mia se inspira en dos herencias que dialogan de manera natural: la riqueza [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/miatrattoria.cl\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miatrattoria.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/miatrattoria.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/miatrattoria.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miatrattoria.cl\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":384,"href":"https:\/\/miatrattoria.cl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":6580,"href":"https:\/\/miatrattoria.cl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/6580"}],"wp:attachment":[{"href":"https:\/\/miatrattoria.cl\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}