/*
Theme Name: Eng Online Promocional
Description: Página promocional Eng Online com suporte a WooCommerce e projetos complementares.
Version: 1.3.0
Author: Eng Online
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: engonline-promocional
*/
:root{--black:#111;--gray:#e1e1e1;--yellow:#ffc107;--muted:#677d94;--green:#5fc779}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#fff;color:var(--black);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d29700;outline-offset:3px}.wrap{max-width:1180px;padding:0 28px;margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:white;padding:12px}header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:20}nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}nav img{max-width:64px;max-height:64px;width:auto}nav .logo{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900;text-decoration:none}nav .links{display:flex;gap:32px;align-items:center}nav .links a{font-size:14px;text-decoration:none;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;background:#000;color:white;border:1px solid #000;border-radius:999px;padding:12px 23px;text-decoration:none;font-size:14px;font-weight:650;cursor:pointer}.btn:hover{background:#333}.btn.light{background:#f4f7fa;border-color:#dfe8f1;color:#111}.promo{margin:30px auto;background:#eee;border-radius:22px;padding:24px 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.promo .badge{background:#d1d1d1;border-radius:99px;padding:9px 20px;font-size:24px;font-weight:700}.promo p{margin:5px 0;font-size:14px}.promo small{font-size:12px;color:#666}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:460px;padding:35px 0 55px}.hero-media{height:360px;min-width:0;background:#f3f4f3;border-radius:12px;overflow:hidden}.hero-media iframe{width:100%;height:100%;border:0}.hero-media img{width:100%;height:100%;object-fit:contain}.hero h1{font-size:clamp(35px,4vw,55px);line-height:1.08;letter-spacing:-1.7px;margin:0 0 20px}.hero p{color:#4d5962;max-width:510px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.section{padding:70px 0}.gray{background:#e1e1e1}.section h2{font-size:clamp(27px,3vw,36px);line-height:1.2;text-align:center;letter-spacing:-.8px;margin:0 0 32px}.section-sub{text-align:center;color:var(--muted);max-width:760px;margin:-18px auto 25px;font-size:14px}.strip{display:flex;gap:25px;overflow:auto;scroll-snap-type:x mandatory;padding:8px 4px 25px;scrollbar-width:thin}.strip img{height:135px;width:200px;object-fit:contain;flex:0 0 200px;scroll-snap-align:start}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #e3e7eb;border-radius:16px;padding:25px}.project-card{background:transparent;border-color:#cfd0d0;padding:16px}.project-card h3{text-align:center;margin:0 0 16px}.project-card img{height:195px;width:100%;object-fit:contain;background:#fff;border-radius:8px}.project-card .pdf{display:block;width:fit-content;margin:15px auto;background:#687b93;color:#fff;padding:8px 14px;font-size:12px;text-decoration:none}.project-card h4{margin:18px 0 6px}.project-card ul{padding-left:18px;font-size:13px;color:#3f464c}.offers{background:#e1e1e1;border-radius:22px;padding:55px 30px}.offers .card{text-align:center}.offers .eyebrow{display:inline-block;background:#e9e9e9;border-radius:99px;padding:7px 15px;font-size:12px;font-weight:700}.offers strong{font-size:32px;display:block;margin:8px 0}.offers p{font-size:14px}.terms{text-align:center;display:block;margin:0 auto 25px}.price-card h3{font-size:21px;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #e5eaf0}.price-card .price{font-size:35px;font-weight:750;line-height:1.05}.price-card small{color:var(--muted)}.price-card ul{list-style:none;padding:0;color:#647487;font-size:14px}.price-card li{padding:3px 0}.price-card li:before{content:'✓';display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:50%;width:17px;height:17px;margin-right:8px;font-size:11px}.price-card .btn{margin-top:12px}.contact{text-align:center}.contact-box{max-width:380px;margin:auto;text-align:left}.contact-box h3{margin:0}.contact-box a{background:#54c76c;color:white;padding:10px 14px;border-radius:4px;display:inline-block;text-decoration:none;margin-top:10px;font-size:14px}.shop-products ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0}.shop-products ul.products li.product{float:none!important;width:auto!important;margin:0!important}.shop-products ul.products li.product img{aspect-ratio:4/3;object-fit:cover}.woocommerce-page .site-main{min-height:50vh;padding:45px 28px;max-width:1180px;margin:auto}.woocommerce-page ul.products li.product img{border-radius:8px}.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{background:#111;color:#fff}.woocommerce div.product div.images img{width:100%;height:auto}.notice{padding:20px;background:#f3f4f5;border-radius:12px;text-align:center}.content{max-width:1000px;margin:auto;padding:45px 28px}.content h1{font-size:40px}.content img{height:auto}.footer{background:#080808;color:#eee;padding:55px 0}.footer .grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;font-size:13px}.footer a{color:white}.mobile-toggle{display:none}.smallnote{color:#666;font-size:12px}@media(max-width:760px){.wrap{padding:0 20px}nav{min-height:68px}.mobile-toggle{display:block;background:none;border:1px solid #ccc;border-radius:7px;padding:8px 12px}nav .links{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:15px 20px;border-bottom:1px solid #ddd;flex-direction:column;align-items:flex-start;gap:15px}nav .links.open{display:flex}.promo{grid-template-columns:auto 1fr;gap:14px;padding:20px}.promo .btn{grid-column:1/-1}.hero{grid-template-columns:1fr;gap:25px;padding:20px 0 45px}.hero-media{height:260px;order:2}.hero h1{font-size:38px}.section{padding:48px 0}.cards{grid-template-columns:1fr}.offers{padding:35px 18px}.shop-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.footer .grid{grid-template-columns:1fr;gap:15px}.price-card{padding:22px}}

.example-slider{position:relative}.example-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.project-card .example-track img{flex:0 0 100%;width:100%;scroll-snap-align:start}.example-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.example-nav button{pointer-events:auto;background:#ffffffdc;border:0;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:19px}

/* Produtos: apresentação consistente na vitrine, na loja e em produtos relacionados. */
.woocommerce ul.products, .shop-products ul.products {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0 0 32px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after {display:none!important}
.woocommerce ul.products li.product,.shop-products ul.products li.product {display:flex!important;flex-direction:column;float:none!important;width:auto!important;margin:0!important;min-width:0;background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;box-shadow:0 7px 24px rgba(0,0,0,.05);padding:0 16px 17px}
.woocommerce ul.products li.product > a:first-child {display:block;text-decoration:none;color:#1b1b1b}
.woocommerce ul.products li.product a img,.shop-products ul.products li.product img {width:calc(100% + 32px)!important;max-width:none;margin:0 -16px 15px!important;aspect-ratio:4/3;object-fit:contain;background:#f6f6f4;border-radius:0!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title {font-size:17px!important;line-height:1.35!important;font-weight:700;padding:0!important;margin:0 0 9px!important}
.woocommerce ul.products li.product .price {color:#343434!important;font-size:15px!important;font-weight:700;margin:0 0 14px!important}
.woocommerce ul.products li.product .price del {opacity:.65}
.woocommerce ul.products li.product .onsale {z-index:1;margin:10px!important;right:0;top:0}
.woocommerce ul.products li.product > .eng-whatsapp-button {margin-top:auto!important}
.shop-products ul.products li.product > p {margin:auto 0 0}
.woocommerce a.eng-whatsapp-button,.shop-products a.eng-whatsapp-button {display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:11px 15px!important;background:#178044!important;color:#fff!important;border:0!important;border-radius:9px!important;text-align:center;text-decoration:none;font-size:13px!important;font-weight:700;line-height:1.3}
.woocommerce ul.products li.product .eng-whatsapp-button {width:100%}
.woocommerce a.eng-whatsapp-button:hover,.shop-products a.eng-whatsapp-button:hover {background:#126b39!important;color:#fff!important}
.woocommerce div.product div.images {background:#f7f7f5;border-radius:18px;overflow:hidden;padding:12px}
.woocommerce div.product div.images img {object-fit:contain;border-radius:10px}
.woocommerce div.product .summary {padding:12px 0}
.woocommerce div.product .product_title {font-size:clamp(28px,3.5vw,42px);line-height:1.14;letter-spacing:-.5px;margin-bottom:15px}
.woocommerce div.product p.price,.woocommerce div.product span.price {font-size:24px;color:#222;font-weight:700}
.woocommerce div.product .woocommerce-product-details__short-description {color:#515151;line-height:1.7}
.woocommerce div.product .woocommerce-tabs ul.tabs {padding-left:0}
.woocommerce div.product .woocommerce-tabs .panel {line-height:1.7}
.woocommerce .eng-single-contact {margin:15px 0}
.woocommerce .related.products {clear:both;padding-top:35px}
@media(max-width:900px){.woocommerce ul.products,.shop-products ul.products {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.woocommerce ul.products,.shop-products ul.products {gap:12px}.woocommerce ul.products li.product,.shop-products ul.products li.product {padding:0 11px 12px;border-radius:12px}.woocommerce ul.products li.product a img,.shop-products ul.products li.product img {width:calc(100% + 22px)!important;margin:0 -11px 12px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title {font-size:15px!important}.woocommerce a.eng-whatsapp-button {font-size:12px!important;padding:10px 8px!important}.woocommerce div.product .summary {padding:0}}
