/*
Theme Name: PMP Lavorazioni Meccaniche
Theme URI: https://www.pmplavorazionimeccaniche.it/
Author: DVCA Studio
Author URI: https://www.dvcadesign.it/
Description: Tema su misura per PMP - Lavorazioni Meccaniche S.r.l. — design "Officina Corporate" (v6). Standalone, senza page builder: ogni pagina e un template PHP self-contained. Tailwind compilato, font self-hosted, consenso cookie con blocco preventivo di Google Maps.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pmp
*/

    .bg-steel{--tw-bg-opacity:1;background-color:rgb(0 111 37/var(--tw-bg-opacity,1))}
    .text-steel{--tw-text-opacity:1;color:rgb(0 111 37/var(--tw-text-opacity,1))}
    .border-steel{--tw-border-opacity:1;border-color:rgb(0 111 37/var(--tw-border-opacity,1))}
    .ring-steel{--tw-ring-opacity:1;--tw-ring-color:rgb(0 111 37/var(--tw-ring-opacity,1))}
    .text-steel-light{--tw-text-opacity:1;color:rgb(143 220 160/var(--tw-text-opacity,1))}
    .decoration-steel-light{text-decoration-color:#8FDCA0}
    .hover\:bg-steel-dark:hover{--tw-bg-opacity:1;background-color:rgb(0 89 29/var(--tw-bg-opacity,1))}
    .hover\:text-steel:hover{--tw-text-opacity:1;color:rgb(0 111 37/var(--tw-text-opacity,1))}
    .hover\:text-steel-dark:hover{--tw-text-opacity:1;color:rgb(0 89 29/var(--tw-text-opacity,1))}
    .hover\:text-steel-light:hover{--tw-text-opacity:1;color:rgb(143 220 160/var(--tw-text-opacity,1))}
    .hover\:border-steel:hover{--tw-border-opacity:1;border-color:rgb(0 111 37/var(--tw-border-opacity,1))}
    .focus\:border-steel:focus{--tw-border-opacity:1;border-color:rgb(0 111 37/var(--tw-border-opacity,1))}
    .focus\:ring-steel:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 111 37/var(--tw-ring-opacity,1))}
    .focus-visible\:outline-steel:focus-visible{outline-color:#006F25}

    .bg-ink{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}
    .bg-white\/5{background-color:hsla(0,0%,100%,.05)}
    .border-white\/10{border-color:hsla(0,0%,100%,.1)}
    .text-white\/50{color:hsla(0,0%,100%,.5)}
    .h-auto{height:auto}
    .top-0{top:0}
    .pt-2{padding-top:.5rem}
    .p-5{padding:1.25rem}
    .mb-6{margin-bottom:1.5rem}
    .max-w-4xl{max-width:56rem}
    .mt-auto{margin-top:auto}
    .pb-8{padding-bottom:2rem}
    .border-steel\/30{border-color:rgba(0,111,37,.3)}
    @media (min-width:768px){ .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} }
    @media (min-width:1024px){ .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} }

    .skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:#006F25;color:#fff;padding:.75rem 1.5rem;font-weight:600;border-radius:0 0 .5rem 0}
    .skip-link:focus{left:0}
    #siteHeader{transition:background-color .3s ease,box-shadow .3s ease}
    #siteHeader.scrolled{position:fixed;top:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #E2E8F0;box-shadow:0 1px 2px rgba(15,23,42,.06)}
    #siteHeader.scrolled .nav-link{color:#0F172A}
    #siteHeader.scrolled .nav-link:hover{color:#006F25}
    #siteHeader.scrolled .logo-main{color:#0F172A}
    #siteHeader.scrolled .logo-sub{color:#475569}
    .pmp-logo-marchio{display:block;height:1.9rem;width:auto}
    @media (min-width:768px){ .pmp-logo-marchio{height:2.25rem} }
    #siteHeader.scrolled .menu-ico{color:#0F172A}
    body.error404 #siteHeader .logo-main,body.error404 #siteHeader .nav-link,body.error404 #siteHeader .menu-ico{color:#0F172A}
    body.error404 #siteHeader .logo-sub{color:#475569}
    body.error404 #siteHeader .nav-link:hover{color:#006F25}

    body.admin-bar #siteHeader{top:32px}
    body.admin-bar #siteHeader.scrolled{top:32px}
    @media screen and (max-width:782px){
      body.admin-bar #siteHeader{top:46px}
      body.admin-bar #siteHeader.scrolled{top:0}
    }

    .hero-home{height:80svh;min-height:560px}
    @media (min-width:1024px){ .hero-home{height:100svh} }
    body.admin-bar .hero-home{height:calc(80svh - 32px)}
    @media (min-width:1024px){ body.admin-bar .hero-home{height:calc(100svh - 32px)} }
    @media screen and (max-width:782px){ body.admin-bar .hero-home{height:calc(80svh - 46px)} }
    @media (max-width:767px){
      .hero-home,body.admin-bar .hero-home,section.h-\[78svh\]{height:auto;min-height:30rem;display:flex;flex-direction:column;justify-content:flex-end;padding-top:5.5rem}
      .hero-home>.hero-testo,section.h-\[78svh\]>div.h-full{height:auto;flex:none}
      .hero-home>.hero-testo{padding-bottom:3.5rem}
      section.h-\[78svh\]>div.h-full{padding-bottom:6rem}
    }
    @media (max-width:767px){
      .hero-home h1,section.h-\[78svh\] h1,section.min-h-\[45svh\].pt-36 h1{font-size:1.75rem;line-height:1.08}
      .hero-home p.font-mono,section.h-\[78svh\] p.font-mono,section.min-h-\[45svh\].pt-36 p.font-mono{font-size:.6875rem;margin-bottom:.875rem}
      .hero-home p.text-lg,section.h-\[78svh\] p.text-lg{font-size:.9375rem;line-height:1.5;margin-top:.875rem}
      .hero-home .flex-wrap,section.h-\[78svh\] .flex-wrap{margin-top:1.5rem;gap:.75rem}
      .hero-home .flex-wrap a,section.h-\[78svh\] .flex-wrap a{flex:1 1 0;justify-content:center;text-align:center;font-size:.875rem;padding:.7rem 1rem}
    }

    .max-w-7xl{max-width:88rem}

    .pmp-hero-storica{object-position:center 32%}
    .pmp-hero-facciata{object-position:0 50%}
    @media (min-width:1024px){ .pmp-storica-allinea{margin-top:2rem} }

    .pmp-qualita-foto{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}

    .pmp-carosello{position:relative}
    .pmp-palco{position:relative;aspect-ratio:3/2;border-radius:.5rem;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05)}
    .pmp-slide{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:zoom-in;opacity:0;pointer-events:none;transition:opacity .7s ease}
    .pmp-slide.is-attiva{opacity:1;pointer-events:auto}
    .pmp-slide-img{display:block;width:100%;height:100%;object-fit:contain}
    .pmp-miniature{display:grid;grid-template-columns:repeat(var(--pmp-mini-colonne,4),minmax(0,1fr));gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none}
    .pmp-mini{display:block;width:100%;padding:0;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);border-radius:.375rem;overflow:hidden;cursor:pointer;opacity:.55;transition:opacity .3s ease,border-color .3s ease,box-shadow .3s ease}
    .pmp-mini:hover{opacity:1}
    .pmp-mini.is-attiva{opacity:1;border-color:#006F25;box-shadow:0 0 0 1px #006F25}
    .pmp-mini-img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
    .pmp-slide:focus-visible,.pmp-mini:focus-visible{outline:2px solid #006F25;outline-offset:3px}
    @media (min-width:640px){ .pmp-miniature{gap:.75rem;margin-top:.75rem} }
    @media (prefers-reduced-motion:reduce){ .pmp-slide{transition:none} }

    .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
    .reveal.is-visible{opacity:1;transform:none}
    .pmp-settori{padding-top:4rem}
    .pmp-scala.reveal{opacity:1;transform:none;transition:none}
    .pmp-scala>*{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
    .pmp-scala.is-visible>*{opacity:1;transform:none}
    .pmp-scala>*:nth-child(2){transition-delay:.12s}
    .pmp-scala>*:nth-child(3){transition-delay:.24s}
    .pmp-scala>*:nth-child(4){transition-delay:.36s}
    .pmp-scala>*:nth-child(5){transition-delay:.48s}
    .pmp-scala>*:nth-child(6){transition-delay:.6s}
    .pmp-scala>*:nth-child(7){transition-delay:.72s}
    .pmp-scala>*:nth-child(8){transition-delay:.84s}
    @media (min-width:768px){ .pmp-settori{padding-top:5rem} }
    .scroll-line{animation:scrollPulse 2.2s ease-in-out infinite;transform-origin:top}
    @keyframes scrollPulse{0%{transform:scaleY(0)}55%{transform:scaleY(1)}100%{transform:scaleY(0)}}
    .g-item{transition:opacity .35s ease,transform .35s ease}
    .g-item.g-hidden,.g-gruppo.g-hidden{display:none}
    #lightbox{border:0;padding:0;background:transparent;max-width:min(72rem,calc(100vw - 2rem));width:100%}
    #lightbox::backdrop{background:rgba(2,6,23,.88);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
    body.overflow-hidden .cnc-cc{display:none}
    .overflow-x-auto>table{min-width:36rem}
    #lightbox button{min-width:2.75rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center}
    .cnc-cc-mapsph{flex:1 1 auto}
    .bg-steel\/5{background-color:rgba(0,111,37,.05)}
    .border-red-300{border-color:#FCA5A5}
    .bg-red-50{background-color:#FEF2F2}
    .text-red-900{color:#7F1D1D}
    @media (max-width:639px){
      .pmp-miniature{grid-template-columns:repeat(4,minmax(0,1fr))}
    }
    @media (max-width:767px){
      #richiesta input:not([type=checkbox]),#richiesta textarea{font-size:1rem}
    }
    @media (prefers-reduced-motion:reduce){
      .reveal{opacity:1;transform:none;transition:none}
      .pmp-scala>*{opacity:1;transform:none;transition:none;transition-delay:0s}
      .scroll-line{animation:none}
      #siteHeader{transition:none}
      .g-item{transition:none}
    }

    .pmp-strip img{height:auto;aspect-ratio:4/3;min-height:7rem;max-height:10rem}
    .pmp-strip>li>a,.pmp-strip>li>button{height:100%}
    .pmp-strip>li>a>span:last-child,.pmp-strip>li>button>span:last-child{padding:.75rem}
    .pmp-strip .justify-between{gap:.5rem}
    .pmp-strip .justify-between>span:first-child{min-width:0;font-size:clamp(.8125rem,3.6vw,.9375rem);line-height:1.3;overflow-wrap:break-word;hyphens:auto}
    .pmp-strip .justify-between>[aria-hidden="true"]{flex:none;line-height:1}
    .pmp-strip a:focus-visible,.pmp-strip button:focus-visible{outline:2px solid #006F25;outline-offset:3px}
    .pmp-strip-5>li:nth-child(5){grid-column:1/-1}
    .pmp-strip-5>li:nth-child(5) img{aspect-ratio:3/1}
    .pmp-strip-email{overflow-wrap:anywhere}
    @media (min-width:640px){
      .pmp-strip>li>a,.pmp-strip>li>button{display:flex;flex-direction:column;height:15rem}
      .pmp-strip>li>a>span:first-child,.pmp-strip>li>button>span:first-child{flex:1 1 auto;min-height:0;overflow:hidden}
      .pmp-strip>li>a>span:last-child,.pmp-strip>li>button>span:last-child{flex:0 0 auto}
      .pmp-strip img,.pmp-ico{height:100%;max-height:none;aspect-ratio:auto}
    }
    @media (min-width:1024px){
      .pmp-strip>li>a,.pmp-strip>li>button{height:17rem}
    }
    .pmp-ico{display:grid;place-items:center;height:auto;aspect-ratio:4/3;min-height:7rem;max-height:10rem;background:#0F172A;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px),radial-gradient(120% 90% at 78% 15%,rgba(0,111,37,.55),transparent 62%)}
    .pmp-ico svg{width:34%;max-width:4.5rem;height:auto;color:#8FDCA0}
    .pmp-strip>li>a:hover .pmp-ico svg{color:#fff}
    @media (min-width:640px){
      .pmp-ico{aspect-ratio:16/9;max-height:11rem}
    }
    @media (min-width:1024px){
      .pmp-ico{max-height:none}
    }
    .pmp-obiettivi{display:grid;grid-template-columns:1fr;gap:1rem;list-style:none;padding:0;margin-top:2rem}
    @media (min-width:560px){ .pmp-obiettivi{grid-template-columns:repeat(2,minmax(0,1fr))} }
    .pmp-cifre{display:grid;grid-template-columns:1fr;gap:2.75rem 2rem}
    .pmp-cifra{display:grid;grid-template-rows:auto 1fr;justify-items:center;text-align:center}
    .pmp-cifra dd{grid-row:1;margin:0;line-height:1;font-variant-numeric:tabular-nums}
    .pmp-cifra dt{grid-row:2;margin-top:.9rem}
    @media (min-width:640px){
      .pmp-cifre{grid-template-columns:repeat(3,minmax(0,1fr))}
    }
    @media (min-width:640px){
      .pmp-strip img{aspect-ratio:16/9;max-height:11rem}
      .pmp-strip>li>a>span:last-child,.pmp-strip>li>button>span:last-child{padding:.875rem 1rem}
    }
    @media (min-width:1024px){
      .pmp-strip img{max-height:none}
      .pmp-strip>li>a>span:last-child,.pmp-strip>li>button>span:last-child{padding:1rem}
      .pmp-strip-5>li:nth-child(5){grid-column:auto}
      .pmp-strip-5>li:nth-child(5) img{aspect-ratio:16/9}
    }
    @media (min-width:1280px){
      .pmp-strip .justify-between>span:first-child{font-size:1rem}
    }
    @media (prefers-reduced-motion:reduce){
      .pmp-strip .transition-transform{transition:none}
      .pmp-strip .group:hover img,.pmp-strip .group:hover [aria-hidden="true"]{transform:none}
    }