{"id":3141,"date":"2026-10-06T12:27:28","date_gmt":"2026-10-06T10:27:28","guid":{"rendered":"https:\/\/www.nonnafrancesca.it\/?page_id=3141"},"modified":"2026-10-15T15:37:30","modified_gmt":"2026-10-15T13:37:30","slug":"esplora","status":"publish","type":"page","link":"https:\/\/www.nonnafrancesca.it\/en\/esplora\/","title":{"rendered":"Esplora"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3141\" class=\"elementor elementor-3141\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-89fcbcc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"89fcbcc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7afc6e7\" data-id=\"7afc6e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85db9d5 elementor-widget elementor-widget-html\" data-id=\"85db9d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..600&family=DM+Sans:wght@400;500;600&display=swap\">\n\n<!-- ============================================================\n     ESPLORA \u2014 esploratore interattivo (widget HTML di Elementor)\n     FOTO: nello script, in DATI, ogni luogo ha \"img\":\"\".\n     Incolla tra le virgolette l'indirizzo della foto dalla Libreria Media.\n     ============================================================ -->\n<section class=\"nxx\" aria-labelledby=\"nxx-title\" tabindex=\"-1\">\n\n  <div class=\"nxx-head\">\n    <div>\n      <p class=\"nxx-eyebrow\">Esplora<\/p>\n      <h1 class=\"nxx-title\" id=\"nxx-title\">Luoghi e <em>itinerari<\/em><\/h1>\n    <\/div>\n    <p class=\"nxx-lead\"><strong>Scopri la Sicilia: natura, mare e storia in un viaggio indimenticabile.<\/strong> Esplora la bellezza autentica dei Nebrodi, ammira le coste azzurre e lasciati affascinare da una storia millenaria, tra paesaggi mozzafiato e luoghi imperdibili.<\/p>\n  <\/div>\n\n  <div class=\"nxx-bar\">\n    <div class=\"nxx-filters\" role=\"group\" aria-label=\"Filtra per zona\">\n      <button type=\"button\" data-f=\"all\" aria-pressed=\"true\">Tutti<\/button>\n      <button type=\"button\" data-f=\"d\" aria-pressed=\"false\"><i style=\"background:#E9B48F\"><\/i>Patti e dintorni<\/button>\n      <button type=\"button\" data-f=\"c\" aria-pressed=\"false\"><i style=\"background:#8FC1D9\"><\/i>Costa tirrenica<\/button>\n      <button type=\"button\" data-f=\"e\" aria-pressed=\"false\"><i style=\"background:#B4CB97\"><\/i>Entroterra<\/button>\n      <button type=\"button\" data-f=\"i\" aria-pressed=\"false\"><i style=\"background:#A9C3D2\"><\/i>Isole Eolie<\/button>\n    <\/div>\n    <button type=\"button\" class=\"nxx-tour\" aria-pressed=\"false\">\n      <svg class=\"nxx-ic-play\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4l13 8-13 8z\"\/><\/svg>\n      <svg class=\"nxx-ic-pause\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"\/><\/svg>\n      <span>Avvia il tour<\/span>\n    <\/button>\n  <\/div>\n\n  <div class=\"nxx-main\">\n    <!-- PALCO -->\n    <div class=\"nxx-stage\">\n      <div class=\"nxx-bg nxx-bg-a is-on\"><\/div>\n      <div class=\"nxx-bg nxx-bg-b\"><\/div>\n      <span class=\"nxx-ghost\" aria-hidden=\"true\"><\/span>\n      <div class=\"nxx-shade\" aria-hidden=\"true\"><\/div>\n      <div class=\"nxx-progress\" aria-hidden=\"true\"><i><\/i><\/div>\n\n      <div class=\"nxx-info\" aria-live=\"polite\">\n        <div class=\"nxx-meta\"><span class=\"nxx-cat\"><\/span><span class=\"nxx-count\"><\/span><span class=\"nxx-dist\"><\/span><\/div>\n        <h2 class=\"nxx-name\"><\/h2>\n        <p class=\"nxx-desc\"><\/p>\n        <ul class=\"nxx-pills\"><\/ul>\n        <div class=\"nxx-actions\">\n          <button type=\"button\" class=\"nxx-more\">Scopri di pi\u00f9<\/button>\n          <a class=\"nxx-maps\" href=\"#\" target=\"_blank\" rel=\"noopener\">Apri in Google Maps \u2197<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"nxx-arrows\">\n        <button type=\"button\" class=\"nxx-prev\" aria-label=\"Luogo precedente\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\n        <button type=\"button\" class=\"nxx-next\" aria-label=\"Luogo successivo\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\n      <\/div>\n    <\/div>\n\n    <!-- MAPPA -->\n    <div class=\"nxx-mapbox\">\n      <div class=\"nxx-mapfit\">\n      <svg class=\"nxx-art\" viewBox=\"0 0 1000 700\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n        <defs>\n          <pattern id=\"nxx-waves\" width=\"60\" height=\"22\" patternUnits=\"userSpaceOnUse\">\n            <path d=\"M0 11 Q15 4 30 11 T60 11\" fill=\"none\" stroke=\"#FFFFFF\" stroke-opacity=\".12\" stroke-width=\"1.2\"\/>\n          <\/pattern>\n        <\/defs>\n        <rect width=\"1000\" height=\"700\" fill=\"#24475C\"\/>\n        <rect width=\"1000\" height=\"470\" fill=\"url(#nxx-waves)\"\/>\n        <g fill=\"#35596E\" stroke=\"#4E7389\" stroke-width=\"2\">\n          <ellipse cx=\"56\" cy=\"199\" rx=\"12\" ry=\"11\"\/>\n          <ellipse cx=\"193\" cy=\"183\" rx=\"15\" ry=\"12\" transform=\"rotate(-10 193 183)\"\/>\n          <path d=\"M350 192 C352 172 368 168 372 180 C376 168 394 170 394 190 C394 206 352 208 350 192 Z\"\/>\n          <path d=\"M420 222 C425 205 450 202 456 220 C462 238 452 262 438 262 C424 262 416 242 420 222 Z\"\/>\n          <path d=\"M436 290 C440 278 462 278 466 292 C470 306 456 316 446 314 C436 312 432 300 436 290 Z\"\/>\n          <ellipse cx=\"514\" cy=\"140\" rx=\"9\" ry=\"8\"\/>\n          <path d=\"M590 46 L607 24 L626 46 C620 54 596 54 590 46 Z\"\/>\n        <\/g>\n        <path d=\"M0 455 C40 450 80 440 110 420 C128 408 142 398 158 404 C172 412 180 430 205 446 C260 470 320 481 385 476 C450 470 520 483 600 481 C680 479 740 470 772 445 C786 432 800 418 816 426 C832 438 842 456 872 463 C920 471 962 466 1000 460 L1000 700 L0 700 Z\" fill=\"#2E4B3F\"\/>\n        <path d=\"M0 455 C40 450 80 440 110 420 C128 408 142 398 158 404 C172 412 180 430 205 446 C260 470 320 481 385 476 C450 470 520 483 600 481 C680 479 740 470 772 445 C786 432 800 418 816 426 C832 438 842 456 872 463 C920 471 962 466 1000 460\" fill=\"none\" stroke=\"#E9B48F\" stroke-opacity=\".55\" stroke-width=\"2\" stroke-dasharray=\"5 6\"\/>\n        <g fill=\"#3A5A4B\">\n          <path d=\"M520 650 C600 560 720 570 790 640 C720 675 600 680 520 650 Z\"\/>\n          <path d=\"M240 560 C300 528 360 540 400 575 C350 600 280 596 240 560 Z\"\/>\n          <path d=\"M60 640 C120 560 210 560 270 630 C220 660 120 670 60 640 Z\"\/>\n        <\/g>\n        <text x=\"300\" y=\"100\" font-family=\"Fraunces, Georgia, serif\" font-style=\"italic\" font-size=\"22\" fill=\"#9FB3BF\">Isole Eolie<\/text>\n        <text x=\"740\" y=\"330\" font-family=\"Fraunces, Georgia, serif\" font-style=\"italic\" font-size=\"24\" fill=\"#6E8C9E\" letter-spacing=\"2\">Mar Tirreno<\/text>\n        <text x=\"560\" y=\"690\" font-family=\"DM Sans, sans-serif\" font-size=\"13\" font-weight=\"600\" letter-spacing=\"3\" fill=\"#7F9A8C\">NEBRODI<\/text>\n      <\/svg>\n      <div class=\"nxx-pins\"><\/div>\n      <\/div>\n      <span class=\"nxx-maplabel\">Mappa illustrata, non in scala<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- STRISCIA DEI LUOGHI -->\n  <div class=\"nxx-stripbar\">\n    <p class=\"nxx-striplabel\">Tutti i luoghi<\/p>\n    <div class=\"nxx-stripnav\">\n      <button type=\"button\" class=\"nxx-sprev\" aria-label=\"Scorri indietro\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\n      <button type=\"button\" class=\"nxx-snext\" aria-label=\"Scorri avanti\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\n    <\/div>\n  <\/div>\n  <div class=\"nxx-strip\" role=\"list\" aria-label=\"Tutti i luoghi\"><\/div>\n\n  <!-- CASSETTO CON I DETTAGLI -->\n  <div class=\"nxx-drawer\" hidden>\n    <div class=\"nxx-drawer-bg\" data-close><\/div>\n    <aside class=\"nxx-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"nxx-d-title\">\n      <button type=\"button\" class=\"nxx-close\" data-close aria-label=\"Chiudi\">\u00d7<\/button>\n      <div class=\"nxx-d-media\"><span class=\"nxx-d-ghost\"><\/span><\/div>\n      <div class=\"nxx-d-body\">\n        <p class=\"nxx-d-cat\"><\/p>\n        <h3 class=\"nxx-d-title\" id=\"nxx-d-title\"><\/h3>\n        <div class=\"nxx-d-text\"><\/div>\n        <p class=\"nxx-d-sub\">Da non perdere<\/p>\n        <ul class=\"nxx-d-list\"><\/ul>\n        <a class=\"nxx-d-maps\" href=\"#\" target=\"_blank\" rel=\"noopener\">Apri in Google Maps \u2197<\/a>\n      <\/div>\n    <\/aside>\n  <\/div>\n<\/section>\n\n<style>\n.nxx{--k:#A8482A;--k2:#E9B48F;position:relative;background:#14232E;color:#F5EEE3;padding:96px 5vw 100px;font-family:\"DM Sans\",system-ui,sans-serif;box-sizing:border-box;overflow:hidden;outline:none}\n.nxx *,.nxx *::before,.nxx *::after{box-sizing:border-box}\n.nxx [hidden]{display:none!important}\n.nxx button{font-family:inherit}\n.nxx::before{content:\"\";position:absolute;right:-200px;top:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--k) 0%,rgba(0,0,0,0) 70%);opacity:.25;transition:background .9s;pointer-events:none}\n\n.nxx-head,.nxx-bar,.nxx-main,.nxx-strip{position:relative;max-width:1320px;margin-left:auto;margin-right:auto}\n.nxx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:36px}\n.nxx-eyebrow{margin:0 0 14px;font-size:15px;font-weight:600;letter-spacing:.04em;color:#E9B48F}\n.nxx-title{margin:0;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:clamp(48px,6.4vw,92px);line-height:.95;letter-spacing:-.025em;color:#FBF7F0}\n.nxx-title em{font-style:italic;font-weight:300;color:#E9B48F}\n.nxx-lead{margin:0;max-width:520px;font-size:17px;line-height:1.65;color:#B9C7CF}\n.nxx-lead strong{color:#FBF7F0;font-weight:600}\n\n\/* barra filtri + tour *\/\n.nxx-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}\n.nxx-filters{display:flex;flex-wrap:wrap;gap:8px}\n.nxx-filters button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgba(245,238,227,.22);background:rgba(255,255,255,.04);color:#E8EEF1;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}\n.nxx-filters button:hover{border-color:rgba(245,238,227,.6)}\n.nxx-filters button[aria-pressed=\"true\"]{background:#FBF7F0;color:#14232E;border-color:#FBF7F0}\n.nxx-filters i{width:9px;height:9px;border-radius:50%}\n.nxx-tour{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;border:0;background:var(--k);color:#FBF7F0;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .9s,transform .3s}\n.nxx-tour:hover{transform:translateY(-2px)}\n.nxx-ic-pause,.nxx-tour[aria-pressed=\"true\"] .nxx-ic-play{display:none}\n.nxx-tour[aria-pressed=\"true\"] .nxx-ic-pause{display:block}\n\n\/* palco + mappa *\/\n.nxx-main{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px}\n.nxx-stage{position:relative;min-height:600px;border-radius:28px;overflow:hidden;background:#1F3B4D;isolation:isolate}\n.nxx-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 1s ease,transform 7s ease-out}\n.nxx-bg.is-on{opacity:1;transform:scale(1)}\n.nxx-ghost{position:absolute;right:-10px;top:24px;z-index:1;max-width:90%;text-align:right;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:300;font-size:clamp(70px,9vw,150px);line-height:.9;color:rgba(255,255,255,.12);pointer-events:none;transition:opacity .5s}\n.nxx-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(14,22,30,.92) 0%,rgba(14,22,30,.55) 45%,rgba(14,22,30,.05) 80%)}\n.nxx-progress{position:absolute;left:0;right:0;top:0;z-index:3;height:3px;background:rgba(255,255,255,.12)}\n.nxx-progress i{display:block;height:100%;width:0;background:var(--k2)}\n.nxx.is-touring .nxx-progress i{animation:nxxBar 6s linear}\n@keyframes nxxBar{from{width:0}to{width:100%}}\n\n.nxx-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:40px 44px 40px}\n.nxx-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}\n.nxx-cat{padding:7px 13px;border-radius:999px;background:var(--k2);color:#14232E;font-size:13px;font-weight:600;transition:background-color .9s}\n.nxx-count{font-family:Fraunces,Georgia,serif;font-size:16px;color:#C9D4DA}\n.nxx-dist{padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.35);font-size:13px;font-weight:500;color:#FBF7F0}\n.nxx-dist:empty{display:none}\n.nxx-name{margin:0 0 14px;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:clamp(44px,5.2vw,76px);line-height:.98;letter-spacing:-.02em;color:#FBF7F0}\n.nxx-desc{margin:0 0 18px;max-width:620px;font-size:17px;line-height:1.6;color:#DCE4E8}\n.nxx-pills{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}\n.nxx-pills li{margin:0;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:13.5px;color:#FBF7F0;list-style:none}\n.nxx-pills:empty{display:none}\n.nxx-actions{display:flex;gap:10px;flex-wrap:wrap}\n.nxx-more,.nxx-maps{display:inline-flex;align-items:center;padding:14px 22px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none!important;cursor:pointer;transition:transform .3s,background-color .3s}\n.nxx-more{border:0;background:#FBF7F0;color:#14232E}\n.nxx-maps{border:1px solid rgba(255,255,255,.45);color:#FBF7F0!important}\n.nxx-more:hover,.nxx-maps:hover{transform:translateY(-2px)}\n.nxx-maps:hover{background:rgba(255,255,255,.12)}\n\n.nxx-info.is-swap .nxx-meta,.nxx-info.is-swap .nxx-name,.nxx-info.is-swap .nxx-desc,.nxx-info.is-swap .nxx-pills,.nxx-info.is-swap .nxx-actions{animation:nxxUp .7s cubic-bezier(.2,.7,.2,1) both}\n.nxx-info.is-swap .nxx-name{animation-delay:.05s}\n.nxx-info.is-swap .nxx-desc{animation-delay:.12s}\n.nxx-info.is-swap .nxx-pills{animation-delay:.18s}\n.nxx-info.is-swap .nxx-actions{animation-delay:.24s}\n@keyframes nxxUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\n\n.nxx-arrows{position:absolute;right:24px;top:24px;z-index:3;display:flex;gap:8px}\n.nxx-arrows button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(14,22,30,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#FBF7F0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .3s}\n.nxx-arrows button:hover{background:rgba(255,255,255,.2)}\n\n.nxx-mapbox{position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#24475C 0%,#24475C 50%,#2E4B3F 50%,#2E4B3F 100%);min-height:600px}\n.nxx-mapfit{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);aspect-ratio:10\/7}\n.nxx-art{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}\n.nxx-pins{position:absolute;inset:0}\n.nxx-maplabel{position:absolute;right:16px;bottom:12px;font-size:11px;color:#8FA6B3}\n.nxx-pin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity .4s}\n.nxx-pin::after{content:\"\";width:14px;height:14px;border-radius:50%;background:var(--pc);border:3px solid #14232E;box-shadow:0 0 0 2px rgba(255,255,255,.25);transition:transform .35s cubic-bezier(.2,.7,.2,1)}\n.nxx-pin:hover::after{transform:scale(1.35)}\n.nxx-pin.is-dim{opacity:.18;pointer-events:none}\n.nxx-pin.is-on{z-index:4}\n.nxx-pin.is-on::after{transform:scale(1.6);background:#FBF7F0;border-color:var(--pc)}\n.nxx-pin.is-on::before{content:\"\";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--pc);animation:nxxPulse 1.8s ease-out infinite}\n@keyframes nxxPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.4);opacity:0}}\n.nxx-tip{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%) translateY(4px);white-space:nowrap;padding:5px 10px;border-radius:999px;background:#FBF7F0;color:#14232E;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}\n.nxx-pin:hover .nxx-tip,.nxx-pin.is-on .nxx-tip{opacity:1;transform:translateX(-50%)}\n.nxx-home{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#A8482A;border:3px solid #FBF7F0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}\n\n\/* striscia *\/\n.nxx-stripbar{position:relative;max-width:1320px;margin:28px auto 6px;display:flex;justify-content:space-between;align-items:center;gap:16px}\n.nxx-striplabel{margin:0;font-size:14px;font-weight:600;letter-spacing:.04em;color:#B9C7CF}\n.nxx-stripnav{display:flex;gap:8px}\n.nxx-stripnav button{width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(245,238,227,.3);background:transparent;color:#FBF7F0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,opacity .3s}\n.nxx-stripnav button:hover{background:rgba(255,255,255,.12)}\n.nxx-stripnav button:disabled{opacity:.3;cursor:default;background:transparent}\n.nxx-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 8px;padding:10px 8px 10px;max-width:1336px;scrollbar-width:none;-ms-overflow-style:none}\n.nxx-strip::-webkit-scrollbar{display:none;width:0;height:0}\n.nxx-card{position:relative;flex:0 0 calc((100% - 60px) \/ 6);height:132px;scroll-snap-align:start;border:0;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;text-align:left;background:linear-gradient(135deg,var(--c1),var(--c2));color:#FBF7F0;outline:2px solid transparent;outline-offset:3px;transition:transform .35s cubic-bezier(.2,.7,.2,1),outline-color .3s,opacity .3s}\n.nxx-card:hover{transform:translateY(-4px)}\n.nxx-card.is-on{outline-color:#FBF7F0}\n.nxx-card-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s}\n.nxx-card:hover .nxx-card-img{transform:scale(1.08)}\n.nxx-card::after{content:\"\";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,22,30,.8),rgba(14,22,30,0) 65%)}\n.nxx-card-n{position:absolute;left:14px;top:12px;z-index:1;font-family:Fraunces,Georgia,serif;font-size:14px;color:rgba(255,255,255,.85)}\n.nxx-card-name{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.1}\n.nxx-card-l{position:absolute;right:-6px;top:-18px;font-family:Fraunces,Georgia,serif;font-style:italic;font-size:110px;line-height:1;color:rgba(255,255,255,.13)}\n\n\/* cassetto *\/\n.nxx-drawer{position:fixed;inset:0;z-index:99999}\n.nxx-drawer-bg{position:absolute;inset:0;background:rgba(10,16,22,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:nxxFade .35s ease}\n.nxx-panel{position:absolute;top:0;right:0;bottom:0;width:min(560px,100%);overflow-y:auto;background:#FBF7F0;color:#2B2019;box-shadow:-30px 0 60px rgba(0,0,0,.3);animation:nxxSlide .45s cubic-bezier(.2,.7,.2,1)}\n@keyframes nxxSlide{from{transform:translateX(100%)}to{transform:none}}\n@keyframes nxxFade{from{opacity:0}to{opacity:1}}\n.nxx-close{position:absolute;top:16px;right:16px;z-index:2;width:46px;height:46px;border-radius:50%;border:0;background:rgba(251,247,240,.9);color:#2B2019;font-size:28px;line-height:1;cursor:pointer}\n.nxx-d-media{position:relative;height:280px;background-size:cover;background-position:center}\n.nxx-d-ghost{position:absolute;left:28px;bottom:18px;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:300;font-size:56px;line-height:1;color:rgba(255,255,255,.85)}\n.nxx-d-body{padding:32px 32px 44px}\n.nxx-d-cat{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--k)}\n.nxx-d-title{margin:0 0 16px;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:40px;line-height:1.05}\n.nxx-d-text p{margin:0 0 14px;font-size:16.5px;line-height:1.7;color:#4A3B30}\n.nxx-d-sub{margin:24px 0 12px;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--k)}\n.nxx-d-list{list-style:none;margin:0 0 28px;padding:0}\n.nxx-d-list li{position:relative;margin:0;padding:12px 0 12px 22px;border-bottom:1px solid #E8DFD2;font-size:15px;line-height:1.55;color:#4A3B30;list-style:none}\n.nxx-d-list li::before{content:\"\";position:absolute;left:0;top:19px;width:9px;height:9px;border-radius:50%;background:var(--k)}\n.nxx-d-list strong{display:block;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:17px;color:#2B2019}\n.nxx-d-maps{display:inline-flex;padding:14px 22px;border-radius:999px;background:var(--k);color:#FBF7F0!important;text-decoration:none!important;font-weight:600}\n.nxx-panel .is-hide{display:none}\n\n.nxx :focus-visible{outline:3px solid #E9B48F;outline-offset:3px}\n\n@media (max-width:1024px){\n  .nxx-main{grid-template-columns:1fr}\n  .nxx-card{flex-basis:calc((100% - 36px) \/ 4)}\n  .nxx-mapbox{min-height:0;aspect-ratio:10\/7;order:2}\n}\n@media (max-width:640px){\n  .nxx{padding:64px 16px 72px}\n  .nxx-stage{min-height:620px;border-radius:22px}\n  .nxx-info{padding:26px 22px 26px}\n  .nxx-desc{font-size:15.5px}\n  .nxx-arrows{right:14px;top:14px}\n  .nxx-arrows button{width:44px;height:44px}\n  .nxx-card{flex-basis:calc((100% - 12px) \/ 2);height:110px}\n  .nxx-pin{width:28px;height:28px}\n  .nxx-pin::after{width:11px;height:11px;border-width:2px}\n  .nxx-tour span{display:none}\n}\n@media (prefers-reduced-motion:reduce){.nxx *{animation:none!important;transition:none!important}}\n<\/style>\n\n<script>\n(function () {\n  \/* ====== DATI DEI LUOGHI \u2014 per aggiungere una foto, compila \"img\" ====== *\/\n  var DATI = [{\"name\": \"Patti\", \"short\": \"Patti\", \"k\": \"d\", \"cat\": \"Patti e dintorni\", \"dist\": \"Sei gi\u00e0 qui\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/patti-nebrodi-sicilia.jpg\", \"p\": [\"Patti si trova lungo la costa tirrenica, tra Capo Milazzo e Capo d\u2019Orlando. \u00c8 nota per il suo patrimonio storico, le spiagge e la vicinanza a Tindari.\"], \"items\": [[\"Cattedrale di San Bartolomeo\", \"chiesa medievale che custodisce le spoglie della regina Adelasia.\"], [\"Villa Romana\", \"sito archeologico con mosaici ben conservati del IV secolo d.C.\"], [\"Basilica di Tindari\", \"importante santuario dedicato alla Madonna Nera, su un promontorio con vista spettacolare.\"], [\"Lungomare di Patti Marina\", \"ideale per passeggiate, ristoranti sul mare e spiagge attrezzate.\"], [\"Riserva dei Laghetti di Marinello\", \"area protetta con lagune costiere e paesaggi suggestivi.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Patti+ME\", \"x\": 385, \"y\": 488}, {\"name\": \"Tindari\", \"short\": \"Tindari\", \"k\": \"d\", \"cat\": \"Patti e dintorni\", \"dist\": \"10 km\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2023\/12\/santuario-del-tindar.jpg\", \"p\": [\"Tindari sorge su un promontorio che domina il Mar Tirreno. \u00c8 famosa per il suo santuario, l\u2019area archeologica e i suggestivi paesaggi naturali.\"], \"items\": [[\"Santuario della Madonna Nera\", \"importante meta di pellegrinaggio, custodisce la statua bizantina della Madonna Nera.\"], [\"Area archeologica\", \"resti dell\u2019antica citt\u00e0 greco-romana, tra cui il teatro greco, le terme e le mura antiche.\"], [\"Laghetti di Marinello\", \"riserva naturale con lagune costiere che cambiano forma nel tempo, circondate da una spiaggia dorata.\"], [\"Teatro Greco\", \"struttura ben conservata con una vista spettacolare sul mare e sulle Isole Eolie.\"]], \"maps\": \"https:\/\/maps.app.goo.gl\/t7XZbRy9W1UsUsPU8\", \"x\": 808, \"y\": 424}, {\"name\": \"Laghetti di Marinello\", \"short\": \"Marinello\", \"k\": \"d\", \"cat\": \"Patti e dintorni\", \"dist\": \"18 km\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2023\/12\/santuario-del-tindar.jpg\", \"p\": [\"I Laghetti di Marinello sono un\u2019area protetta ai piedi del Santuario di Tindari: un sistema di lagune costiere che si formano e si modificano continuamente per l\u2019azione del mare e del vento.\", \"La riserva ha un paesaggio suggestivo, con spiagge di sabbia bianca e acque cristalline, ed \u00e8 un habitat importante per molte specie di uccelli migratori e per la fauna locale. La sua origine \u00e8 legata a leggende locali, tra cui quella della Madonna Nera di Tindari.\"], \"items\": [], \"maps\": \"https:\/\/maps.app.goo.gl\/HpsHoDD9kYZQ16mw5\", \"x\": 752, \"y\": 476}, {\"name\": \"Grotte di Mongiove\", \"short\": \"Mongiove\", \"k\": \"d\", \"cat\": \"Patti e dintorni\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/spiaggia-di-mongiove.jpg\", \"p\": [\"Le Grotte di Mongiove sono un complesso di cavit\u00e0 naturali lungo la costa di Patti. Scavate dal mare, si distinguono per le spettacolari formazioni rocciose, gli archi naturali e i giochi di luce sulle acque cristalline.\", \"Si raggiungono via mare o a piedi con la bassa marea: una meta ideale per escursioni in barca, snorkeling e per chi ama la natura selvaggia.\"], \"items\": [], \"maps\": \"https:\/\/maps.app.goo.gl\/dEHBZ5QYn22X3TPn8\", \"x\": 640, \"y\": 480}, {\"name\": \"Capo Calav\u00e0\", \"short\": \"Capo Calav\u00e0\", \"k\": \"c\", \"cat\": \"Costa tirrenica\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/spiaggi-capo-calava.jpg\", \"p\": [\"Capo Calav\u00e0 \u00e8 un promontorio roccioso sulla costa settentrionale della Sicilia, vicino a Gioiosa Marea. Alte scogliere e calette dalle acque cristalline regalano panorami spettacolari sulle Isole Eolie.\", \"\u00c8 amato per il mare, le immersioni e i tramonti mozzafiato.\"], \"items\": [], \"maps\": \"https:\/\/maps.app.goo.gl\/FZjzx3WBzgiGxGTj8\", \"x\": 152, \"y\": 404}, {\"name\": \"Capo d\u2019Orlando\", \"short\": \"Capo d\u2019Orlando\", \"k\": \"c\", \"cat\": \"Costa tirrenica\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/spiaggia-di-capo-d-orlando.jpg\", \"p\": [\"Capo d\u2019Orlando \u00e8 una localit\u00e0 costiera nota per le sue splendide spiagge, il mare cristallino e il lungomare panoramico.\"], \"items\": [[\"Santuario di Maria Santissima\", \"su un promontorio, con una vista mozzafiato sulle Isole Eolie.\"], [\"Villa Piccolo\", \"dimora storica della famiglia Piccolo di Calanovella, con un museo dedicato alla letteratura e all\u2019arte.\"], [\"Monte della Madonna\", \"ideale per escursioni e panorami suggestivi.\"], [\"Porto Turistico\", \"punto di partenza per le Isole Eolie e centro della vita marittima locale.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Capo+d%27Orlando+ME\", \"x\": 42, \"y\": 452}, {\"name\": \"Milazzo\", \"short\": \"Milazzo\", \"k\": \"c\", \"cat\": \"Costa tirrenica\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/spiaggia-di-milazzo.jpg\", \"p\": [\"Milazzo sorge su un promontorio tra il Mar Tirreno e lo Stretto di Messina. \u00c8 nota per il patrimonio storico, le bellezze naturali e il porto, punto di partenza per le Isole Eolie.\"], \"items\": [[\"Castello di Milazzo\", \"una delle fortezze pi\u00f9 grandi di Sicilia, con vista panoramica e testimonianze dal periodo normanno a quello spagnolo.\"], [\"Borgo Antico\", \"quartiere storico con vicoli suggestivi, chiese e locali tipici.\"], [\"Capo Milazzo\", \"riserva naturale con scogliere, sentieri panoramici e la Piscina di Venere, una piscina naturale scavata nella roccia.\"], [\"Lungomare di Ponente e Levante\", \"ideale per passeggiate, relax e spiagge.\"], [\"Santuario di Sant\u2019Antonio da Padova\", \"scavato nella roccia.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Milazzo+ME\", \"x\": 955, \"y\": 464}, {\"name\": \"Montalbano Elicona\", \"short\": \"Montalbano\", \"k\": \"e\", \"cat\": \"Entroterra\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/montalbano-elicona.jpg\", \"p\": [\"Montalbano Elicona \u00e8 un borgo medievale sui Monti Nebrodi, inserito tra i Borghi pi\u00f9 belli d\u2019Italia e famoso per il suo castello e le sue tradizioni.\"], \"items\": [[\"Castello di Montalbano\", \"imponente fortezza normanno-sveva, un tempo residenza di Federico II d\u2019Aragona.\"], [\"Centro storico\", \"vicoli in pietra, antiche chiese e un\u2019atmosfera medievale suggestiva.\"], [\"Megaliti dell\u2019Argimusco\", \"misteriose formazioni rocciose, la \u201cStonehenge siciliana\u201d, con panorami mozzafiato.\"], [\"Chiesa Madre di San Nicol\u00f2\", \"importante edificio religioso con elementi gotici e barocchi.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Montalbano+Elicona\", \"x\": 640, \"y\": 640}, {\"name\": \"Isola di Vulcano\", \"short\": \"Vulcano\", \"k\": \"i\", \"cat\": \"Isole Eolie\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/isola-di-vulcano.jpg\", \"p\": [\"Vulcano fa parte dell\u2019arcipelago delle Eolie ed \u00e8 famosa per la sua attivit\u00e0 vulcanica, le spiagge nere e le acque termali.\"], \"items\": [[\"Gran Cratere della Fossa\", \"escursione panoramica fino alla vetta del vulcano, tra vista mozzafiato e fumarole attive.\"], [\"Bagni di fango\", \"pozze naturali di fango sulfureo dalle propriet\u00e0 benefiche.\"], [\"Spiaggia delle Sabbie Nere\", \"sabbia vulcanica scura e mare cristallino.\"], [\"Piscine di Venere e Grotta del Cavallo\", \"meraviglie naturali raggiungibili via mare, con acque turchesi.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Isola+di+Vulcano\", \"x\": 451, \"y\": 297}, {\"name\": \"Isola di Lipari\", \"short\": \"Lipari\", \"k\": \"i\", \"cat\": \"Isole Eolie\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/isola-di-lipari.jpg\", \"p\": [\"Lipari \u00e8 la pi\u00f9 grande delle Isole Eolie, conosciuta per la sua storia antichissima, i paesaggi vulcanici e il mare cristallino.\"], \"items\": [[\"Castello di Lipari\", \"cittadella fortificata che ospita il Museo Archeologico Eoliano.\"], [\"Museo Archeologico Eoliano\", \"uno dei pi\u00f9 importanti del Mediterraneo per la civilt\u00e0 eoliana, con reperti preistorici, greci e romani.\"], [\"Cattedrale di San Bartolomeo\", \"chiesa barocca all\u2019interno delle mura del castello.\"], [\"Belvedere Quattrocchi\", \"punto panoramico spettacolare sui faraglioni e sull\u2019isola di Vulcano.\"], [\"Spiaggia Bianca\", \"famosa per il colore chiarissimo della sabbia, dovuto alla pomice.\"], [\"Cave di Pomice e Ossidiana\", \"testimonianza dell\u2019attivit\u00e0 vulcanica e del passato industriale dell\u2019isola.\"], [\"Corso Vittorio Emanuele\", \"la via principale del centro, tra negozi, bar e ristoranti tipici.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Lipari\", \"x\": 438, \"y\": 236}, {\"name\": \"Isola di Salina\", \"short\": \"Salina\", \"k\": \"i\", \"cat\": \"Isole Eolie\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2026\/10\/Aerial_image_of_Salina_view_from_the_southwest-scaled.jpg\", \"p\": [\"Salina \u00e8 l\u2019isola pi\u00f9 verde delle Eolie: due antichi vulcani spenti, ricoperti di vegetazione, le danno il suo profilo inconfondibile. \u00c8 famosa per i capperi, la Malvasia e i suoi borghi tranquilli.\"], \"items\": [[\"Monte Fossa delle Felci\", \"con i suoi 962 metri \u00e8 la vetta pi\u00f9 alta delle Eolie, al centro di una riserva naturale con sentieri panoramici.\"], [\"Pollara\", \"baia spettacolare ai piedi di un antico cratere, resa celebre dal film \u201cIl Postino\u201d.\"], [\"Lingua\", \"piccolo borgo di pescatori con il suo laghetto salato, perfetto per una granita vista mare.\"], [\"Santa Marina Salina\", \"il porto principale, con il corso pedonale tra negozi, bar e case colorate.\"], [\"Santuario della Madonna del Terzito\", \"santuario immerso nel verde, tra i due monti dell\u2019isola.\"], [\"Malvasia e capperi\", \"i prodotti simbolo dell\u2019isola, da assaggiare nelle cantine e nelle aziende locali.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Salina+Isole+Eolie\", \"x\": 372, \"y\": 189}, {\"name\": \"Isola di Stromboli\", \"short\": \"Stromboli\", \"k\": \"i\", \"cat\": \"Isole Eolie\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/isola-di-stromboli.jpg\", \"p\": [\"Stromboli \u00e8 famosa in tutto il mondo per il suo vulcano attivo, che erutta regolarmente da migliaia di anni. L\u2019isola offre un\u2019atmosfera selvaggia, autentica e affascinante.\"], \"items\": [[\"Il vulcano\", \"il vero protagonista dell\u2019isola, con eruzioni spettacolari visibili anche di notte.\"], [\"Sciara del Fuoco\", \"il pendio lavico da cui si osservano le eruzioni in sicurezza, spesso con escursioni guidate.\"], [\"Osservatorio di Punta Labronzo\", \"punto panoramico perfetto per vedere le eruzioni al tramonto.\"], [\"San Vincenzo\", \"il cuore dell\u2019isola, con case bianche, vicoli stretti e vista mare.\"], [\"Chiesa di San Vincenzo\", \"piccola e suggestiva, domina il borgo con un panorama spettacolare.\"], [\"Ginostra\", \"minuscolo borgo raggiungibile solo via mare, senza strade, perfetto per chi cerca tranquillit\u00e0.\"], [\"Spiagge nere\", \"di sabbia vulcanica, tra cui Ficogrande e la Spiaggia Lunga.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Stromboli\", \"x\": 607, \"y\": 40}, {\"name\": \"Isola di Panarea\", \"short\": \"Panarea\", \"k\": \"i\", \"cat\": \"Isole Eolie\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/isola-di-panarea.jpg\", \"p\": [\"Panarea \u00e8 la pi\u00f9 piccola e chic delle Eolie, celebre per il suo fascino esclusivo, le case bianche in stile mediterraneo e la movida estiva.\"], \"items\": [[\"San Pietro\", \"il cuore dell\u2019isola, con boutique, ristoranti eleganti e locali sul mare.\"], [\"Cala Junco\", \"una delle cale pi\u00f9 belle delle Eolie, con acque trasparenti e resti di un villaggio preistorico.\"], [\"Villaggio di Capo Milazzese\", \"sito archeologico dell\u2019et\u00e0 del bronzo, con vista panoramica.\"], [\"Drautto e Cala Zimmari\", \"spiagge perfette per un bagno in acque limpide e tranquille.\"], [\"Dattilo, Basiluzzo, Lisca Bianca\", \"isolotti ideali per escursioni in barca e snorkeling.\"], [\"Chiesa di San Pietro\", \"piccola ma suggestiva, con vista su tutto il porto.\"], [\"Aperitivi al tramonto\", \"rinomata per gli aperitivi sul mare e le serate nei locali esclusivi.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Panarea\", \"x\": 514, \"y\": 140}, {\"name\": \"Isola di Filicudi\", \"short\": \"Filicudi\", \"k\": \"i\", \"cat\": \"Isole Eolie\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/isola-di-panarea.jpg\", \"p\": [\"Filicudi \u00e8 una delle isole pi\u00f9 selvagge e incontaminate delle Eolie: poco abitata, conserva un fascino rustico e silenzioso, lontano dal turismo di massa.\"], \"items\": [[\"Pecorini a Mare\", \"pittoresco villaggio sul mare, ideale per passeggiate e aperitivi al tramonto.\"], [\"Monte Fossa delle Felci\", \"il punto pi\u00f9 alto dell\u2019isola, con panorami spettacolari.\"], [\"Grotta del Bue Marino\", \"grotta marina accessibile in barca, famosa per i giochi di luce.\"], [\"Faraglione La Canna\", \"roccia alta oltre 70 metri che emerge dal mare, simbolo dell\u2019isola.\"], [\"Villaggio di Capo Graziano\", \"area archeologica con resti preistorici immersi nella macchia mediterranea.\"], [\"Spiaggia di Capo Graziano\", \"baia tranquilla con ciottoli e mare limpido.\"], [\"Sentieri naturalistici\", \"percorsi a piedi tra fichi d\u2019india, ginestre e muretti a secco.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Filicudi\", \"x\": 193, \"y\": 183}, {\"name\": \"Isola di Alicudi\", \"short\": \"Alicudi\", \"k\": \"i\", \"cat\": \"Isole Eolie\", \"dist\": \"\", \"img\": \"https:\/\/www.nonnafrancesca.it\/wp-content\/uploads\/2024\/01\/isola-di-alicudi.jpg\", \"p\": [\"Alicudi \u00e8 l\u2019isola pi\u00f9 occidentale e selvaggia delle Eolie: un luogo fuori dal tempo, senza strade asfaltate n\u00e9 mezzi a motore. Perfetta per chi vuole staccare completamente dalla modernit\u00e0.\"], \"items\": [[\"Mulattiere e scalinate\", \"l\u2019unico modo per spostarsi \u00e8 a piedi, lungo antichi sentieri tra le case sparse.\"], [\"Chiesa di San Bartolo\", \"semplice e panoramica, con vista mozzafiato sul mare.\"], [\"Filo dell\u2019Arpa\", \"il punto pi\u00f9 alto dell\u2019isola (675 m), da cui si domina tutto l\u2019arcipelago.\"], [\"Case e terrazzamenti\", \"testimonianze della vita contadina di un tempo.\"], [\"Spiaggette di ciottoli\", \"piccole e selvagge, per un bagno in totale tranquillit\u00e0.\"], [\"Relax e silenzio\", \"niente auto, pochi turisti: solo natura, mare e silenzio.\"]], \"maps\": \"https:\/\/www.google.com\/maps\/search\/?api=1&query=Alicudi\", \"x\": 56, \"y\": 199}];\n\n  var ZONE = {\n    d: { c1: '#A8482A', c2: '#E9B48F' },\n    c: { c1: '#1F6F8B', c2: '#8FC1D9' },\n    e: { c1: '#4F6F2E', c2: '#B4CB97' },\n    i: { c1: '#1F3B4D', c2: '#6E93A8' }\n  };\n\n  function init() {\n    var root = document.querySelector('.nxx');\n    if (!root || root.getAttribute('data-ready')) return;\n    root.setAttribute('data-ready', '1');\n    var $ = function (s) { return root.querySelector(s); };\n\n    var bgA = $('.nxx-bg-a'), bgB = $('.nxx-bg-b'), front = bgA;\n    var info = $('.nxx-info'), ghost = $('.nxx-ghost');\n    var strip = $('.nxx-strip'), pinsBox = $('.nxx-pins');\n    var drawer = $('.nxx-drawer');\n    var tourBtn = $('.nxx-tour'), tourTimer = null;\n    var cur = 0, filter = 'all', cards = [], pins = [];\n    var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    function bgOf(d) {\n      var z = ZONE[d.k];\n      return d.img ? 'url(\"' + d.img + '\")' : 'linear-gradient(135deg,' + z.c1 + ' 0%,' + z.c2 + ' 120%)';\n    }\n    function visible() {\n      var out = [];\n      for (var i = 0; i < DATI.length; i++) if (filter === 'all' || DATI[i].k === filter) out.push(i);\n      return out;\n    }\n    function pad(n) { return (n < 10 ? '0' : '') + n; }\n    function esc(t) { var e = document.createElement('span'); e.textContent = t; return e.innerHTML; }\n\n    \/* --- costruzione striscia e bollini --- *\/\n    DATI.forEach(function (d, i) {\n      var z = ZONE[d.k];\n      var c = document.createElement('button');\n      c.type = 'button';\n      c.className = 'nxx-card';\n      c.setAttribute('role', 'listitem');\n      c.setAttribute('aria-label', d.name);\n      c.style.setProperty('--c1', z.c1); c.style.setProperty('--c2', z.c2);\n      c.innerHTML = (d.img ? '<span class=\"nxx-card-img\" style=\"background-image:url(\\'' + d.img + '\\')\"><\/span>' : '<span class=\"nxx-card-l\">' + esc(d.short.charAt(0)) + '<\/span>') +\n        '<span class=\"nxx-card-n\">' + pad(i + 1) + '<\/span><span class=\"nxx-card-name\">' + esc(d.short) + '<\/span>';\n      c.addEventListener('click', function () { stopTour(); go(i, true); });\n      strip.appendChild(c); cards.push(c);\n\n      var p = document.createElement('button');\n      p.type = 'button';\n      p.className = 'nxx-pin';\n      p.style.left = (d.x \/ 10) + '%';\n      p.style.top = (d.y \/ 7) + '%';\n      p.style.setProperty('--pc', z.c2);\n      p.setAttribute('aria-label', d.name);\n      p.innerHTML = '<span class=\"nxx-tip\">' + esc(d.short) + '<\/span>';\n      p.addEventListener('click', function () { stopTour(); go(i, true); });\n      pinsBox.appendChild(p); pins.push(p);\n    });\n    var home = document.createElement('span');\n    home.className = 'nxx-home';\n    home.style.left = '45%'; home.style.top = (512 \/ 7) + '%';\n    home.title = 'B&B Nonna Francesca';\n    home.innerHTML = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FBF7F0\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l9-7 9 7v9h-6v-6H9v6H3z\"\/><\/svg>';\n    pinsBox.appendChild(home);\n\n    \/* --- mostra un luogo --- *\/\n    function go(i, scroll) {\n      cur = i;\n      var d = DATI[i], z = ZONE[d.k], v = visible(), pos = v.indexOf(i);\n      root.style.setProperty('--k', z.c1);\n      root.style.setProperty('--k2', z.c2);\n\n      var back = front === bgA ? bgB : bgA;\n      back.style.backgroundImage = bgOf(d);\n      back.classList.add('is-on'); front.classList.remove('is-on'); front = back;\n\n      ghost.textContent = d.img ? '' : d.short;\n      $('.nxx-cat').textContent = d.cat;\n      $('.nxx-count').textContent = pad(pos + 1) + ' \/ ' + pad(v.length);\n      $('.nxx-dist').textContent = d.dist || '';\n      $('.nxx-name').textContent = d.name;\n      $('.nxx-desc').textContent = d.p[0] || '';\n      $('.nxx-pills').innerHTML = d.items.slice(0, 4).map(function (it) { return '<li>' + it[0] + '<\/li>'; }).join('');\n      $('.nxx-maps').href = d.maps;\n      $('.nxx-more').textContent = (d.items.length || d.p.length > 1) ? 'Scopri di pi\u00f9' : 'Leggi la scheda';\n\n      info.classList.remove('is-swap'); void info.offsetWidth; info.classList.add('is-swap');\n\n      cards.forEach(function (c, k) { c.classList.toggle('is-on', k === i); c.setAttribute('aria-current', k === i ? 'true' : 'false'); });\n      pins.forEach(function (p, k) { p.classList.toggle('is-on', k === i); });\n      if (scroll && cards[i]) {\n        var c = cards[i], sl = c.offsetLeft - 8;\n        if (c.offsetLeft >= strip.scrollLeft && c.offsetLeft + c.offsetWidth <= strip.scrollLeft + strip.clientWidth) sl = strip.scrollLeft;\n        strip.scrollTo({ left: sl, behavior: reduce ? 'auto' : 'smooth' });\n      }\n      var bar = $('.nxx-progress i');\n      bar.style.animation = 'none'; void bar.offsetWidth; bar.style.animation = '';\n    }\n    function step(dir) {\n      var v = visible(), k = v.indexOf(cur);\n      go(v[(k + dir + v.length) % v.length], true);\n    }\n\n    \/* --- filtri --- *\/\n    root.querySelectorAll('.nxx-filters button').forEach(function (b) {\n      b.addEventListener('click', function () {\n        filter = b.getAttribute('data-f');\n        root.querySelectorAll('.nxx-filters button').forEach(function (x) { x.setAttribute('aria-pressed', x === b ? 'true' : 'false'); });\n        var v = visible();\n        cards.forEach(function (c, k) { c.hidden = v.indexOf(k) === -1; });\n        pins.forEach(function (p, k) { p.classList.toggle('is-dim', v.indexOf(k) === -1); });\n        go(v.indexOf(cur) > -1 ? cur : v[0], true);\n        setTimeout(stripState, 450);\n      });\n    });\n\n    \/* --- frecce della striscia --- *\/\n    var sPrev = $('.nxx-sprev'), sNext = $('.nxx-snext');\n    function stripState() {\n      sPrev.disabled = strip.scrollLeft <= 4;\n      sNext.disabled = strip.scrollLeft + strip.clientWidth >= strip.scrollWidth - 4;\n    }\n    sPrev.addEventListener('click', function () { strip.scrollBy({ left: -(strip.clientWidth - 16), behavior: reduce ? 'auto' : 'smooth' }); });\n    sNext.addEventListener('click', function () { strip.scrollBy({ left: strip.clientWidth - 16, behavior: reduce ? 'auto' : 'smooth' }); });\n    strip.addEventListener('scroll', stripState, { passive: true });\n    window.addEventListener('resize', stripState);\n\n    \/* --- frecce e tastiera --- *\/\n    $('.nxx-prev').addEventListener('click', function () { stopTour(); step(-1); });\n    $('.nxx-next').addEventListener('click', function () { stopTour(); step(1); });\n    root.addEventListener('keydown', function (e) {\n      if (!drawer.hidden) return;\n      if (e.key === 'ArrowRight') { stopTour(); step(1); }\n      if (e.key === 'ArrowLeft') { stopTour(); step(-1); }\n    });\n\n    \/* --- tour automatico --- *\/\n    function stopTour() {\n      if (tourTimer) { clearInterval(tourTimer); tourTimer = null; }\n      tourBtn.setAttribute('aria-pressed', 'false');\n      tourBtn.querySelector('span').textContent = 'Avvia il tour';\n      root.classList.remove('is-touring');\n    }\n    tourBtn.addEventListener('click', function () {\n      if (tourTimer) { stopTour(); return; }\n      tourBtn.setAttribute('aria-pressed', 'true');\n      tourBtn.querySelector('span').textContent = 'Pausa';\n      root.classList.add('is-touring');\n      step(1);\n      tourTimer = setInterval(function () { if (!document.hidden) step(1); }, 6000);\n    });\n\n    \/* --- cassetto \"Scopri di pi\u00f9\" --- *\/\n    var lastFocus = null;\n    function openDrawer() {\n      var d = DATI[cur], z = ZONE[d.k];\n      var panel = drawer.querySelector('.nxx-panel');\n      panel.style.setProperty('--k', z.c1);\n      var media = drawer.querySelector('.nxx-d-media');\n      media.style.backgroundImage = bgOf(d);\n      drawer.querySelector('.nxx-d-ghost').textContent = d.img ? '' : d.short;\n      drawer.querySelector('.nxx-d-cat').textContent = d.cat + (d.dist ? ' \u00b7 ' + d.dist : '');\n      drawer.querySelector('.nxx-d-title').textContent = d.name;\n      drawer.querySelector('.nxx-d-text').innerHTML = d.p.map(function (t) { return '<p>' + t + '<\/p>'; }).join('');\n      var list = drawer.querySelector('.nxx-d-list'), sub = drawer.querySelector('.nxx-d-sub');\n      list.innerHTML = d.items.map(function (it) { return '<li><strong>' + it[0] + '<\/strong>' + it[1] + '<\/li>'; }).join('');\n      list.classList.toggle('is-hide', !d.items.length); sub.classList.toggle('is-hide', !d.items.length);\n      drawer.querySelector('.nxx-d-maps').href = d.maps;\n      stopTour();\n      lastFocus = document.activeElement;\n      document.body.appendChild(drawer);\n      drawer.hidden = false;\n      document.documentElement.style.overflow = 'hidden';\n      drawer.querySelector('.nxx-close').focus();\n    }\n    function closeDrawer() {\n      drawer.hidden = true;\n      root.appendChild(drawer);\n      document.documentElement.style.overflow = '';\n      if (lastFocus) lastFocus.focus();\n    }\n    $('.nxx-more').addEventListener('click', openDrawer);\n    drawer.addEventListener('click', function (e) { if (e.target.hasAttribute('data-close')) closeDrawer(); });\n    document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && !drawer.hidden) closeDrawer(); });\n\n    \/* --- scorrimento col dito sul palco (telefono) --- *\/\n    var sx = null;\n    $('.nxx-stage').addEventListener('touchstart', function (e) { sx = e.touches[0].clientX; }, { passive: true });\n    $('.nxx-stage').addEventListener('touchend', function (e) {\n      if (sx === null) return;\n      var dx = e.changedTouches[0].clientX - sx; sx = null;\n      if (Math.abs(dx) > 50) { stopTour(); step(dx < 0 ? 1 : -1); }\n    });\n\n    go(0, false);\n    stripState();\n    setTimeout(stripState, 400);\n  }\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4b2a5aa elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4b2a5aa\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0a36fd\" data-id=\"e0a36fd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-63dd6d6 elementor-widget elementor-widget-html\" data-id=\"63dd6d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"nex-dist-box\" aria-labelledby=\"nex-dist-title\">\n  <div class=\"nex-dist-wrap\">\n    <div class=\"nex-dist-head\">\n      <p class=\"nex-dist-eyebrow\">Distanze principali<\/p>\n      <h2 class=\"nex-dist-h2\" id=\"nex-dist-title\">Tutto a portata di mano, <em>a partire da casa.<\/em><\/h2>\n    <\/div>\n    <ul class=\"nex-dist-grid\">\n      <li><b>30<small>m<\/small><\/b><span>Parcheggio libero<\/span><\/li>\n      <li><b>350<small>m<\/small><\/b><span>Stazione di Patti<\/span><\/li>\n      <li><b>500<small>m<\/small><\/b><span>Villa Romana<\/span><\/li>\n      <li><b>600<small>m<\/small><\/b><span>Lungomare di Patti Marina<\/span><\/li>\n      <li><b>900<small>m<\/small><\/b><span>Ospedale<\/span><\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<style>\n.nex-dist-box{background:#FFFFFF;padding:100px 5vw;font-family:\"DM Sans\",system-ui,sans-serif;box-sizing:border-box}\n.nex-dist-box *,.nex-dist-box *::before,.nex-dist-box *::after{box-sizing:border-box}\n.nex-dist-wrap{max-width:1280px;margin:0 auto}\n.nex-dist-head{max-width:760px;margin-bottom:44px}\n.nex-dist-eyebrow{margin:0 0 16px;font-size:15px;font-weight:600;letter-spacing:.04em;color:#A8482A}\n.nex-dist-h2{margin:0;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:clamp(36px,4.2vw,54px);line-height:1.06;color:#2B2019}\n.nex-dist-h2 em{font-style:italic;font-weight:300}\n.nex-dist-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}\n.nex-dist-grid li{display:flex;flex-direction:column;gap:12px;margin:0;padding:28px 22px;border-radius:22px;background:#F5EEE3;list-style:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .35s}\n.nex-dist-grid li:hover{transform:translateY(-6px);background:#1F3B4D}\n.nex-dist-grid b{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:46px;line-height:1;color:#A8482A;transition:color .35s}\n.nex-dist-grid small{margin-left:4px;font-family:\"DM Sans\",sans-serif;font-size:15px;font-weight:600}\n.nex-dist-grid span{font-size:15px;line-height:1.4;color:#4A3B30;transition:color .35s}\n.nex-dist-grid li:hover b{color:#E9B48F}\n.nex-dist-grid li:hover span{color:#C9D4DA}\n@media (max-width:1000px){.nex-dist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n@media (max-width:600px){.nex-dist-box{padding:64px 20px}.nex-dist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media (prefers-reduced-motion:reduce){.nex-dist-grid li{transition:none}}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Esplora Luoghi e itinerari Scopri la Sicilia: natura, mare e storia in un viaggio indimenticabile. Esplora la bellezza autentica dei Nebrodi, ammira le coste azzurre e lasciati affascinare da una storia millenaria, tra paesaggi mozzafiato e luoghi imperdibili. Tutti Patti e dintorni Costa tirrenica Entroterra Isole Eolie Avvia il tour Scopri di pi\u00f9 Apri in [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3141","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nonnafrancesca.it\/en\/wp-json\/wp\/v2\/pages\/3141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nonnafrancesca.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nonnafrancesca.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nonnafrancesca.it\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nonnafrancesca.it\/en\/wp-json\/wp\/v2\/comments?post=3141"}],"version-history":[{"count":9,"href":"https:\/\/www.nonnafrancesca.it\/en\/wp-json\/wp\/v2\/pages\/3141\/revisions"}],"predecessor-version":[{"id":3315,"href":"https:\/\/www.nonnafrancesca.it\/en\/wp-json\/wp\/v2\/pages\/3141\/revisions\/3315"}],"wp:attachment":[{"href":"https:\/\/www.nonnafrancesca.it\/en\/wp-json\/wp\/v2\/media?parent=3141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}