html{scroll-behavior:smooth} [id]{scroll-margin-top:92px} [hidden]{display:none!important}
#slider{position:relative;height:min(76vw,100svh);min-height:450px;background:#231914;overflow:hidden}
#slider .sp-slides,#slider .sp-slide{position:absolute;inset:0}
#slider .sp-slide:not(:first-child):not(.is-visible){display:none}
#slider .sp-image{width:100%;height:100%;object-fit:cover}
#slider .sp-layer{position:absolute;inset:0;display:grid;place-items:center;text-align:center;margin:0;padding:1rem;color:#fff;height:auto!important;font-size:clamp(2rem,6vw,5rem)!important;line-height:1.1}
#slider .img-overlay{position:absolute;inset:0;background:#21160d65;z-index:1}
#slider .sp-layer{z-index:2}
.pao-controls{position:absolute;z-index:3;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.pao-controls button,#pao-gallery button{cursor:pointer;padding:.4em .85em;color:#fff;background:#302219;border:1px solid #fff9;border-radius:4px}
.portfolio-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.portfolio-items .portfolio-item{width:100%;float:none;position:relative}
.portfolio-items .portfolio-item>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.portfolio-items .portfolio-details-wrapper{position:absolute;inset:0}
.portfolio-items .portfolio-item:focus-within .portfolio-details-wrapper{opacity:1;visibility:visible}
#pao-gallery{max-width:min(92vw,1100px);padding:12px;background:#241912;border:0;color:#fff}
#pao-gallery::backdrop{background:#000c}
#pao-gallery img{display:block;max-width:100%;max-height:78vh;margin:8px auto 0}
#testimonial-slider .pao-controls{position:static;transform:none;justify-content:center;margin-top:15px}
.footer-container a[href^="tel:"]{color:inherit;text-decoration:underline}
.footer-container .contac-us{min-width:0}
#topNav.pao-scrolled,#topNav:has(.pao-open){background:#232323}
#topNav .navbar-nav>li:empty{display:none}
@media(min-width:992px){
  #topNav .navbar-logo{display:none}
  #topNav.pao-scrolled{padding:0!important}
  #topNav.pao-scrolled>.container{width:92%;max-width:1680px}
  #topNav.pao-scrolled .navbar-brand{display:none}
  #topNav.pao-scrolled .navbar-nav{display:flex;align-items:center;justify-content:space-between;float:none;margin:0;padding:0!important;gap:clamp(8px,1.1vw,26px);min-height:clamp(86px,8.7vw,178px)}
  #topNav.pao-scrolled .navbar-nav>li{display:block;float:none;white-space:nowrap;margin:0}
  #topNav.pao-scrolled .navbar-nav>li:empty{display:none}
  #topNav.pao-scrolled .navbar-nav>li>a{padding:8px 0;font-size:clamp(12px,1.15vw,23px)}
  #topNav.pao-scrolled .navbar-logo img{width:clamp(105px,10vw,208px);height:auto;margin:0;vertical-align:middle}
  [id]{scroll-margin-top:clamp(92px,8.7vw,178px)}
}
@media(max-width:991px){
  #topNav{padding:0!important}
  #topNav>.container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;max-width:none;padding:0 16px}
  #topNav .navbar-brand{grid-column:1;grid-row:1;float:none!important;clear:none;width:max-content;max-width:100%;height:auto;margin:0;padding:12px 0}
  #topNav .navbar-brand #logo{display:block;width:clamp(124px,29vw,188px);height:auto;margin:0;padding:0;border-radius:0}
  #topNav.pao-scrolled .navbar-brand #logo{content:url("images/logos/logo-secundario-paodavomaria.png")}
  #topNav .navbar-toggler{display:block!important;grid-column:2;grid-row:1;margin:0;float:none!important}
  #topNav #collapsingNavbar{grid-column:1/-1;width:100%;max-height:calc(100dvh - 90px);overflow-y:auto}
  #topNav #collapsingNavbar:not(.pao-open){display:none!important}
  #topNav #collapsingNavbar.pao-open{display:block!important}
  #topNav .navbar-nav{display:block;float:none;width:100%;margin:0;padding:0 0 12px!important;text-align:left}
  #topNav .navbar-nav>li{display:block;float:none;width:100%;padding:7px 0;margin:0;background:none}
  #topNav .navbar-nav>li.navbar-logo,#topNav .navbar-nav>li:empty{display:none}
}
.pao-controls button:focus-visible,#pao-gallery button:focus-visible,.featured-work-img:focus-visible{outline:3px solid #ef971d;outline-offset:3px}
@media(hover:none){.portfolio-items .portfolio-item .portfolio-details-wrapper{opacity:1;background:transparent}}
@media(max-width:767px){#slider{height:66svh;min-height:370px}.portfolio-items{grid-template-columns:repeat(2,minmax(0,1fr))}#collapsingNavbar:not(.pao-open){display:none!important}#collapsingNavbar.pao-open{display:block!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}