{"id":19,"date":"2022-11-15T15:02:43","date_gmt":"2022-11-15T14:02:43","guid":{"rendered":"http:\/\/www.teatromarenco.it\/?page_id=19"},"modified":"2026-09-15T19:43:39","modified_gmt":"2026-09-15T17:43:39","slug":"home","status":"publish","type":"page","link":"https:\/\/www.teatromarenco.it\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0894ae9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0894ae9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-76245c4\" data-id=\"76245c4\" 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-3f7e9cd elementor-widget elementor-widget-html\" data-id=\"3f7e9cd\" 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<style>\n\n  \/* ============ TOKENS ============ *\/\n  :root{\n    --cream:#F7F5F3;\n    --white:#FFFFFF;\n    --ink:#1C1815;\n    --ink-70:rgba(28,24,21,.72);\n    --ink-50:rgba(28,24,21,.52);\n    --accent:#6A1611;\n    --accent-tint:rgba(106,22,17,.07);\n    --accent-tint-2:rgba(106,22,17,.16);\n    --line:rgba(28,24,21,.12);\n    --serif:'Fraunces', Georgia, 'Times New Roman', serif;\n    --sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  }\n\n  *{ box-sizing:border-box; }\n  html{ scroll-behavior:smooth; }\n  body{\n    margin:0;\n    background:var(--cream);\n    color:var(--ink);\n    font-family:var(--sans);\n    -webkit-font-smoothing:antialiased;\n    overflow-x:hidden;\n    position:relative;\n  }\n  a{ color:inherit; }\n  img{ max-width:100%; display:block; }\n\n  @media (prefers-reduced-motion: reduce){\n    *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }\n  }\n\n  \/* ============ GRANA DI FONDO \u2014 texture da carta di sala ============ *\/\n  .tm-grain{\n    position:fixed; inset:0; z-index:150;\n    pointer-events:none;\n    opacity:.045;\n    mix-blend-mode:multiply;\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n  }\n\n  \/* ============ SIPARIO \u2014 INTRO ============ *\/\n  .tm-curtain{\n    position:fixed; inset:0; z-index:200;\n    display:flex; pointer-events:none;\n  }\n  .tm-curtain__panel{\n    flex:1;\n    background:\n      repeating-linear-gradient(90deg, rgba(0,0,0,.16) 0 3px, transparent 3px 24px),\n      linear-gradient(180deg, #7d1e17 0%, var(--accent) 45%, #430c09 100%);\n    box-shadow: inset 0 0 100px rgba(0,0,0,.5);\n  }\n  .tm-curtain__panel--left{\n    transform-origin:left;\n    animation: tmCurtainL 1.15s cubic-bezier(.7,0,.3,1) .3s forwards;\n  }\n  .tm-curtain__panel--right{\n    transform-origin:right;\n    animation: tmCurtainR 1.15s cubic-bezier(.7,0,.3,1) .3s forwards;\n  }\n  @keyframes tmCurtainL{ from{ transform:translateX(0); } to{ transform:translateX(-105%); } }\n  @keyframes tmCurtainR{ from{ transform:translateX(0); } to{ transform:translateX(105%); } }\n\n  \/* ============ REVEAL ============ *\/\n  .tm-reveal{\n    opacity:0;\n    transform:translateY(26px);\n    transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);\n  }\n  .tm-reveal.is-visible{ opacity:1; transform:translateY(0); }\n\n  .tm-enter{\n    opacity:0;\n    transform:translateY(18px);\n    animation: tmEnter .8s cubic-bezier(.2,.7,.2,1) forwards;\n  }\n  @keyframes tmEnter{ to{ opacity:1; transform:translateY(0); } }\n\n  \/* ============ HERO ============ *\/\n  .tm-hero{\n    position:relative;\n    width:100%;\n    min-height:620px;\n    overflow:hidden;\n    isolation:isolate;\n  }\n  .tm-hero__bg{\n    position:absolute; inset:-4%;\n    background:\n      linear-gradient(90deg, rgba(10,8,7,.82) 0%, rgba(10,8,7,.58) 52%, rgba(10,8,7,.22) 100%),\n      url('https:\/\/www.teatromarenco.it\/wp-content\/uploads\/2024\/09\/Progetto-senza-titolo.png')\n      center \/ cover no-repeat;\n    animation: tmKenBurns 22s ease-in-out infinite alternate;\n  }\n  @keyframes tmKenBurns{\n    from{ transform:scale(1) translate(0,0); }\n    to{ transform:scale(1.09) translate(-1%,-1%); }\n  }\n  .tm-hero__spotlight{\n    position:absolute; inset:0;\n    pointer-events:none;\n    background:radial-gradient(560px circle at var(--x,50%) var(--y,30%), rgba(255,220,190,.16), transparent 60%);\n    mix-blend-mode:screen;\n    transition:opacity .3s ease;\n    opacity:0;\n  }\n  .tm-hero:hover .tm-hero__spotlight{ opacity:1; }\n\n  .tm-hero__wrap{\n    position:relative;\n    max-width:1180px; margin:0 auto;\n    padding:120px 24px 110px;\n    color:#fff;\n    display:flex; flex-direction:column;\n    min-height:620px;\n    justify-content:flex-end;\n  }\n  .tm-hero__kicker{\n    display:inline-flex; align-items:center; gap:9px;\n    font-size:14px; letter-spacing:.02em;\n    margin-bottom:22px; color:rgba(255,255,255,.86);\n    font-weight:500;\n    animation-delay:1.05s;\n  }\n  .tm-hero__dot{\n    width:8px; height:8px; border-radius:999px;\n    background:var(--accent); display:inline-block; flex:none;\n    animation:tmPulse 2.6s ease-out infinite;\n    animation-delay:2s;\n  }\n  @keyframes tmPulse{\n    0%{ box-shadow:0 0 0 0 rgba(255,255,255,.35); }\n    70%{ box-shadow:0 0 0 9px rgba(255,255,255,0); }\n    100%{ box-shadow:0 0 0 0 rgba(255,255,255,0); }\n  }\n  .tm-hero__title{\n    margin:0 0 20px;\n    font-family:var(--serif);\n    font-weight:600;\n    font-size:clamp(2.6rem, 6vw, 4.4rem);\n    line-height:1.02;\n    letter-spacing:-.01em;\n    max-width:780px;\n    color:#ffffff !important;\n    text-shadow:0 4px 30px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.4);\n    animation-delay:1.2s;\n  }\n  .tm-hero__lead{\n    margin:0 0 40px;\n    font-size:18px; line-height:1.65;\n    max-width:520px;\n    color:rgba(255,255,255,.88);\n    font-weight:400;\n    animation-delay:1.35s;\n  }\n  .tm-hero__actions{\n    display:flex; flex-wrap:wrap;\n    gap:14px; align-items:center;\n    animation-delay:1.5s;\n  }\n  .tm-btn{\n    position:relative;\n    display:inline-flex; align-items:center; gap:9px;\n    padding:14px 26px; border-radius:999px;\n    text-decoration:none; font-size:15px; font-weight:600;\n    white-space:nowrap;\n    transition:transform .18s ease, background .18s ease, box-shadow .25s ease;\n    will-change:transform;\n  }\n  .tm-btn--primary{ background:#fff; color:var(--ink); }\n  .tm-btn--primary:hover{ box-shadow:0 10px 26px rgba(0,0,0,.28); }\n  .tm-btn--ghost{\n    background:rgba(255,255,255,.06);\n    border:1px solid rgba(255,255,255,.55);\n    color:#fff;\n    backdrop-filter:blur(6px);\n  }\n  .tm-btn--ghost:hover{ background:rgba(255,255,255,.16); }\n  .tm-arrow{\n    width:6px; height:6px;\n    border-right:1.8px solid currentColor;\n    border-top:1.8px solid currentColor;\n    transform:rotate(45deg);\n    transition:transform .25s ease;\n  }\n  .tm-btn--primary:hover .tm-arrow{ transform:rotate(45deg) translate(2px,-2px); }\n\n  .tm-hero__links{\n    display:flex; gap:22px; margin-left:8px; font-size:14.5px;\n  }\n  .tm-hero__links a{\n    position:relative;\n    text-decoration:none; color:rgba(255,255,255,.82);\n    padding-bottom:3px;\n  }\n  .tm-hero__links a::after{\n    content:\"\";\n    position:absolute; left:0; bottom:0;\n    width:100%; height:1px;\n    background:rgba(255,255,255,.85);\n    transform:scaleX(.32); transform-origin:left;\n    transition:transform .3s cubic-bezier(.2,.7,.2,1);\n    opacity:.5;\n  }\n  .tm-hero__links a:hover{ color:#fff; }\n  .tm-hero__links a:hover::after{ transform:scaleX(1); opacity:1; }\n\n  \/* Valance \u2014 mantovana del sipario a chiudere la hero *\/\n  .tm-valance{\n    position:relative; z-index:2;\n    display:block; width:100%; height:44px; margin-top:-1px;\n    filter:drop-shadow(0 6px 14px rgba(0,0,0,.25));\n  }\n  .tm-valance path{ fill:var(--accent); }\n  .tm-valance__fringe{\n    transform-origin:top center;\n    animation:tmSway 4.5s ease-in-out infinite;\n  }\n  @keyframes tmSway{\n    0%,100%{ transform:rotate(0deg); }\n    50%{ transform:rotate(.6deg); }\n  }\n\n  @media (max-width:768px){\n    .tm-hero{ min-height:560px; }\n    .tm-hero__wrap{ min-height:560px; padding:90px 20px 64px; }\n    .tm-hero__lead{ max-width:100%; }\n  }\n\n  \/* ============ SEZIONE EDITORIALE: STORIA \/ MISSIONE ============ *\/\n  .tm-editorial{\n    position:relative;\n    background:var(--cream);\n    padding:130px 24px 120px;\n    overflow:hidden;\n  }\n  .tm-editorial__spotlight{\n    position:absolute; inset:0; pointer-events:none;\n    background:radial-gradient(700px circle at var(--ex,50%) var(--ey,20%), var(--accent-tint), transparent 60%);\n    opacity:0; transition:opacity .4s ease;\n  }\n  .tm-editorial:hover .tm-editorial__spotlight{ opacity:1; }\n\n  .tm-editorial__wrap{\n    position:relative; z-index:1;\n    max-width:1180px; margin:0 auto;\n  }\n  .tm-article{\n    display:grid;\n    grid-template-columns:220px 1fr;\n    gap:56px;\n    padding-top:44px;\n    position:relative;\n  }\n  .tm-article::before{\n    content:\"\";\n    position:absolute; top:0; left:0;\n    width:0%; height:1px;\n    background:var(--accent);\n    transition:width 1.1s cubic-bezier(.2,.7,.2,1) .15s;\n  }\n  .tm-article.is-visible::before{ width:100%; }\n  .tm-article::after{\n    content:\"\";\n    position:absolute; top:0; left:0; right:0;\n    height:1px; background:var(--line);\n  }\n  .tm-article + .tm-article{ margin-top:70px; }\n\n  .tm-article__meta{\n    position:sticky; top:96px; align-self:start;\n    position:relative;\n  }\n  \/* Cifra filigranata \u2014 1861, legata alla storia reale del teatro *\/\n  .tm-article__watermark{\n    position:absolute; top:-14px; left:-14px;\n    font-family:var(--serif); font-weight:700;\n    font-size:120px; line-height:1;\n    color:var(--ink);\n    opacity:.04;\n    pointer-events:none;\n    user-select:none;\n    z-index:-1;\n    transition:opacity .6s ease, transform .6s ease;\n  }\n  .tm-article.is-visible .tm-article__watermark{ opacity:.05; transform:translateY(-4px); }\n\n  .tm-article__label{\n    display:inline-block;\n    font-size:13px; font-weight:600;\n    color:var(--accent);\n    background:var(--accent-tint);\n    border:1px solid var(--accent-tint-2);\n    padding:6px 12px;\n    border-radius:999px;\n    margin-bottom:16px;\n    transition:background .2s ease, border-color .2s ease;\n  }\n  .tm-article:hover .tm-article__label{\n    background:var(--accent-tint-2);\n    border-color:var(--accent);\n  }\n  .tm-article__title{\n    font-family:var(--serif);\n    font-weight:600;\n    font-size:clamp(1.6rem, 2.6vw, 2rem);\n    line-height:1.18;\n    margin:0;\n    color:var(--ink);\n  }\n\n  .tm-article__body{ max-width:640px; }\n  .tm-article__body p{\n    margin:0 0 20px;\n    font-size:17.5px;\n    line-height:1.75;\n    color:var(--ink-70);\n  }\n  .tm-article__body p:first-child{\n    font-size:19px;\n    color:var(--ink);\n    font-weight:500;\n  }\n  .tm-article__body p:first-child::first-letter{\n    font-family:var(--serif);\n    font-size:3.1em;\n    font-weight:600;\n    color:var(--accent);\n    float:left;\n    line-height:.78;\n    padding-right:9px;\n    padding-top:2px;\n  }\n  .tm-article__body p:last-child{ margin-bottom:0; }\n\n  @media (max-width:860px){\n    .tm-article{ grid-template-columns:1fr; gap:20px; }\n    .tm-article__meta{ position:static; }\n    .tm-article__watermark{ display:none; }\n  }\n\n  \/* ============ TEATRO OGGI \u2014 INDICE STILE CARTELLONE ============ *\/\n  .tm-oggi{\n    position:relative;\n    background:var(--white);\n    padding:120px 24px 140px;\n    border-top:1px solid var(--line);\n    overflow:hidden;\n  }\n  .tm-oggi__wrap{ position:relative; max-width:1180px; margin:0 auto; }\n\n  .tm-oggi__header{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:48px;\n    align-items:end;\n    margin-bottom:64px;\n  }\n  .tm-oggi__label{\n    display:inline-block;\n    font-size:13px; font-weight:600;\n    color:var(--accent);\n    background:var(--accent-tint);\n    border:1px solid var(--accent-tint-2);\n    padding:6px 12px;\n    border-radius:999px;\n    margin-bottom:18px;\n  }\n  .tm-oggi__title{\n    font-family:var(--serif);\n    font-weight:600;\n    font-size:clamp(2rem, 3.6vw, 2.7rem);\n    line-height:1.12;\n    margin:0;\n    color:var(--ink);\n  }\n  .tm-oggi__intro{\n    font-size:17px; line-height:1.7;\n    color:var(--ink-70);\n    margin:0;\n    padding-bottom:4px;\n  }\n\n  .tm-oggi__list{ border-top:1px solid var(--line); }\n  .tm-oggi__row{\n    position:relative;\n    display:grid;\n    grid-template-columns:28px 280px 1fr;\n    gap:24px;\n    align-items:baseline;\n    padding:30px 22px;\n    margin:0 -22px;\n    border-bottom:1px solid var(--line);\n    border-radius:14px;\n    transition:transform .35s cubic-bezier(.2,.7,.2,1), background .3s ease;\n    transform-style:preserve-3d;\n    perspective:800px;\n    cursor:default;\n    overflow:hidden;\n  }\n  .tm-oggi__row::before{\n    content:\"\";\n    position:absolute; inset:0;\n    background:radial-gradient(260px circle at var(--rx,50%) var(--ry,50%), var(--accent-tint-2), transparent 65%);\n    opacity:0; transition:opacity .3s ease;\n    pointer-events:none;\n  }\n  .tm-oggi__row:hover::before{ opacity:1; }\n  .tm-oggi__row:hover{ background:var(--accent-tint); }\n  .tm-oggi__row-arrow{\n    opacity:0;\n    transform:translateX(-6px);\n    transition:opacity .25s ease, transform .25s ease;\n    color:var(--accent);\n    font-family:var(--serif);\n    font-weight:600;\n    align-self:center;\n  }\n  .tm-oggi__row:hover .tm-oggi__row-arrow{ opacity:1; transform:translateX(0); }\n  .tm-oggi__row strong{\n    position:relative;\n    font-family:var(--serif);\n    font-weight:600;\n    font-size:24px;\n    color:var(--ink);\n    transition:transform .35s cubic-bezier(.2,.7,.2,1);\n    display:inline-block;\n  }\n  .tm-oggi__row:hover strong{ transform:translateX(4px); }\n  .tm-oggi__row span{\n    position:relative;\n    font-size:16px; line-height:1.6;\n    color:var(--ink-70);\n  }\n\n  @media (max-width:860px){\n    .tm-oggi__header{ grid-template-columns:1fr; gap:16px; }\n    .tm-oggi__row{ grid-template-columns:20px 1fr; gap:6px 16px; padding:22px 4px; margin:0; }\n    .tm-oggi__row span{ grid-column:2; }\n  }\n\n<\/style>\n\n<div class=\"tm-grain\" aria-hidden=\"true\"><\/div>\n\n<!-- SIPARIO -->\n<div class=\"tm-curtain\" aria-hidden=\"true\" id=\"tmCurtain\">\n  <div class=\"tm-curtain__panel tm-curtain__panel--left\"><\/div>\n  <div class=\"tm-curtain__panel tm-curtain__panel--right\"><\/div>\n<\/div>\n\n<!-- HERO -->\n<section class=\"tm-hero\" aria-label=\"Hero Teatro Carlo Marenco\" id=\"tmHero\">\n  <div class=\"tm-hero__bg\"><\/div>\n  <div class=\"tm-hero__spotlight\" id=\"tmSpotlight\"><\/div>\n  <div class=\"tm-hero__wrap\">\n    <div class=\"tm-hero__kicker tm-enter\">\n      <span class=\"tm-hero__dot\"><\/span>\n      Teatro Carlo Marenco \u00b7 Ceva\n    <\/div>\n\n    <h1 class=\"tm-hero__title tm-enter\">Teatro Carlo Marenco<\/h1>\n\n    <p class=\"tm-hero__lead tm-enter\">\n      Programmazione di spettacoli, cinema ed eventi culturali.\n      Informazioni, calendario e biglietteria online.\n    <\/p>\n\n    <div class=\"tm-hero__actions tm-enter\">\n      <a class=\"tm-btn tm-btn--primary\" data-magnetic href=\"https:\/\/www.vivaticket.com\/it\/venue\/teatro-carlo-marenco\/518551063\" target=\"_blank\" rel=\"noopener\">\n        Acquista ora <span class=\"tm-arrow\"><\/span>\n      <\/a>\n      <a class=\"tm-btn tm-btn--ghost\" data-magnetic href=\"https:\/\/www.teatromarenco.it\/programma\/\">\n        Programma\n      <\/a>\n      <div class=\"tm-hero__links\">\n        <a href=\"https:\/\/www.teatromarenco.it\/chi-siamo\/\">Il Teatro<\/a>\n        <a href=\"https:\/\/www.teatromarenco.it\/contatti\/\">Contatti<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <svg class=\"tm-valance\" viewBox=\"0 0 1180 44\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n    <g class=\"tm-valance__fringe\">\n      <path d=\"M0,0 H1180 V14 C1130,34 1080,4 1030,24 C980,44 930,10 880,26 C830,42 780,8 730,24 C680,40 630,10 580,26 C530,42 480,8 430,24 C380,40 330,10 280,26 C230,42 180,8 130,24 C80,40 30,12 0,20 Z\"\/>\n    <\/g>\n  <\/svg>\n<\/section>\n\n<!-- STORIA \/ MISSIONE -->\n<section class=\"tm-editorial\" aria-label=\"Storia e Missione del Teatro Carlo Marenco\" id=\"tmEditorial\">\n  <div class=\"tm-editorial__spotlight\" id=\"tmEditorialSpot\"><\/div>\n  <div class=\"tm-editorial__wrap\">\n\n    <article class=\"tm-article tm-reveal\">\n      <div class=\"tm-article__meta\">\n        <span class=\"tm-article__watermark\" aria-hidden=\"true\">1861<\/span>\n        <span class=\"tm-article__label\">Storia<\/span>\n        <h2 class=\"tm-article__title\">Un teatro nato con la citt\u00e0<\/h2>\n      <\/div>\n      <div class=\"tm-article__body\">\n        <p>\n          Costruito nel 1861 grazie all'iniziativa della Societ\u00e0 Filodrammatica cebana\n          e al sostegno dei cittadini, il teatro fu intitolato al drammaturgo locale\n          Carlo Marenco, figura di spicco del romanticismo italiano.\n        <\/p>\n        <p>\n          Progettato in stile all'italiana dall'ingegnere Giovanni Levi,\n          \u00e8 un piccolo gioiello ottocentesco che conserva intatta la sua bellezza:\n          platea a ferro di cavallo, tre ordini di palchi lignei,\n          soffitto affrescato, acustica eccellente.\n        <\/p>\n        <p>\n          Dopo decenni di attivit\u00e0 intensa e trasformazioni,\n          il Marenco ha riaperto nel 2007 completamente restaurato,\n          pronto ad accogliere una nuova stagione di vita culturale.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"tm-article tm-reveal\">\n      <div class=\"tm-article__meta\">\n        <span class=\"tm-article__watermark\" aria-hidden=\"true\">M<\/span>\n        <span class=\"tm-article__label\">Missione<\/span>\n        <h2 class=\"tm-article__title\">Un teatro pubblico, aperto e partecipato<\/h2>\n      <\/div>\n      <div class=\"tm-article__body\">\n        <p>\n          Il nostro teatro \u00e8 uno spazio pubblico aperto, inclusivo e partecipato,\n          pensato per accogliere persone, idee ed esperienze.\n          \u00c8 un luogo dove la cultura diventa occasione di dialogo,\n          crescita collettiva e incontro tra generazioni diverse.\n        <\/p>\n        <p>\n          Ogni stagione \u00e8 costruita con attenzione e cura,\n          con l'obiettivo di offrire proposte di qualit\u00e0 accessibili a tutti.\n        <\/p>\n        <p>\n          Programmiamo spettacoli di prosa, concerti, danza, reading, conferenze,\n          matin\u00e9e per le scuole e rassegne multidisciplinari, creando un calendario dinamico\n          che unisce il meglio della scena nazionale e locale.\n        <\/p>\n        <p>\n          Diamo spazio alle compagnie emergenti, collaboriamo con istituzioni scolastiche,\n          associazioni culturali e realt\u00e0 sociali del territorio per dare vita a un teatro\n          che sia veramente al servizio della comunit\u00e0.\n        <\/p>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<!-- IL TEATRO OGGI -->\n<section class=\"tm-oggi\" aria-label=\"Il Teatro oggi\">\n  <div class=\"tm-oggi__wrap\">\n\n    <div class=\"tm-oggi__header tm-reveal\">\n      <div>\n        <span class=\"tm-oggi__label\">Il teatro oggi<\/span>\n        <h2 class=\"tm-oggi__title\">Un presidio culturale per la citt\u00e0<\/h2>\n      <\/div>\n      <p class=\"tm-oggi__intro\">\n        Il Teatro Carlo Marenco \u00e8 uno spazio culturale pubblico,\n        aperto alla citt\u00e0 e al territorio, dove la programmazione\n        incontra la comunit\u00e0 e le nuove generazioni.\n      <\/p>\n    <\/div>\n\n    <div class=\"tm-oggi__list\">\n      <div class=\"tm-oggi__row tm-reveal\" data-tilt>\n        <span class=\"tm-oggi__row-arrow\">\u2192<\/span>\n        <strong>Spettacoli<\/strong>\n        <span>Prosa, musica, danza e linguaggi contemporanei.<\/span>\n      <\/div>\n      <div class=\"tm-oggi__row tm-reveal\" data-tilt>\n        <span class=\"tm-oggi__row-arrow\">\u2192<\/span>\n        <strong>Scuola<\/strong>\n        <span>Matin\u00e9e, progetti educativi e percorsi per studenti.<\/span>\n      <\/div>\n      <div class=\"tm-oggi__row tm-reveal\" data-tilt>\n        <span class=\"tm-oggi__row-arrow\">\u2192<\/span>\n        <strong>Territorio<\/strong>\n        <span>Collaborazioni con associazioni e realt\u00e0 locali.<\/span>\n      <\/div>\n      <div class=\"tm-oggi__row tm-reveal\" data-tilt>\n        <span class=\"tm-oggi__row-arrow\">\u2192<\/span>\n        <strong>Comunit\u00e0<\/strong>\n        <span>Un luogo di incontro, dialogo e partecipazione.<\/span>\n      <\/div>\n      <div class=\"tm-oggi__row tm-reveal\" data-tilt>\n        <span class=\"tm-oggi__row-arrow\">\u2192<\/span>\n        <strong>Nuove voci<\/strong>\n        <span>Spazio a compagnie emergenti e nuove visioni.<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  \/\/ Rimuove il sipario dal flusso dopo l'apertura\n  var curtain = document.getElementById('tmCurtain');\n  if (curtain){\n    setTimeout(function(){ curtain.style.display = 'none'; }, 1600);\n  }\n\n  \/\/ Scroll reveal\n  var revealEls = document.querySelectorAll('.tm-reveal');\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if (entry.isIntersecting){\n        entry.target.classList.add('is-visible');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: .15, rootMargin: '0px 0px -60px 0px' });\n  revealEls.forEach(function(el, i){\n    el.style.transitionDelay = (Math.min(i % 5, 4) * 0.08) + 's';\n    io.observe(el);\n  });\n\n  \/\/ Spotlight hero\n  var hero = document.getElementById('tmHero');\n  var spotlight = document.getElementById('tmSpotlight');\n  if (hero && spotlight){\n    hero.addEventListener('mousemove', function(e){\n      var r = hero.getBoundingClientRect();\n      spotlight.style.setProperty('--x', ((e.clientX - r.left) \/ r.width) * 100 + '%');\n      spotlight.style.setProperty('--y', ((e.clientY - r.top) \/ r.height) * 100 + '%');\n    });\n  }\n\n  \/\/ Spotlight sezione editoriale\n  var editorial = document.getElementById('tmEditorial');\n  var editorialSpot = document.getElementById('tmEditorialSpot');\n  if (editorial && editorialSpot){\n    editorial.addEventListener('mousemove', function(e){\n      var r = editorial.getBoundingClientRect();\n      editorialSpot.style.setProperty('--ex', ((e.clientX - r.left) \/ r.width) * 100 + '%');\n      editorialSpot.style.setProperty('--ey', ((e.clientY - r.top) \/ r.height) * 100 + '%');\n    });\n  }\n\n  \/\/ Bottoni magnetici\n  document.querySelectorAll('[data-magnetic]').forEach(function(btn){\n    btn.addEventListener('mousemove', function(e){\n      var r = btn.getBoundingClientRect();\n      var x = e.clientX - r.left - r.width \/ 2;\n      var y = e.clientY - r.top - r.height \/ 2;\n      btn.style.transform = 'translate(' + (x * .22) + 'px,' + (y * .3) + 'px)';\n    });\n    btn.addEventListener('mouseleave', function(){\n      btn.style.transform = 'translate(0,0)';\n    });\n  });\n\n  \/\/ Micro-tilt 3D + spotlight sulle righe di \"Teatro oggi\"\n  document.querySelectorAll('[data-tilt]').forEach(function(row){\n    row.addEventListener('mousemove', function(e){\n      var r = row.getBoundingClientRect();\n      var px = (e.clientX - r.left) \/ r.width;\n      var py = (e.clientY - r.top) \/ r.height;\n      var rx = (py - .5) * -3;\n      var ry = (px - .5) * 3;\n      row.style.transform = 'perspective(800px) rotateX(' + rx + 'deg) rotateY(' + ry + 'deg)';\n      row.style.setProperty('--rx', (px * 100) + '%');\n      row.style.setProperty('--ry', (py * 100) + '%');\n    });\n    row.addEventListener('mouseleave', function(){\n      row.style.transform = 'perspective(800px) rotateX(0) rotateY(0)';\n    });\n  });\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Teatro Carlo Marenco \u00b7 Ceva Teatro Carlo Marenco Programmazione di spettacoli, cinema ed eventi culturali. Informazioni, calendario e biglietteria online. Acquista ora Programma Il Teatro Contatti 1861 Storia Un teatro nato con la citt\u00e0 Costruito nel 1861 grazie all&#8217;iniziativa della Societ\u00e0 Filodrammatica cebana e al sostegno dei cittadini, il teatro fu intitolato al drammaturgo locale [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.teatromarenco.it\/en\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.teatromarenco.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.teatromarenco.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.teatromarenco.it\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.teatromarenco.it\/en\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":78,"href":"https:\/\/www.teatromarenco.it\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":839,"href":"https:\/\/www.teatromarenco.it\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/839"}],"wp:attachment":[{"href":"https:\/\/www.teatromarenco.it\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}