/*
Theme Name: Criar Site Profissional
Theme URI: https://criarsiteprofissional.com
Author: Criar Site Profissional
Description: Catálogo de modelos de sites com carrosséis, páginas de modelos e orçamento por WhatsApp.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: criar-site-profissional
*/

:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102a33;background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 26px}.top{border-bottom:1px solid #e3e9e9;background:white;position:sticky;top:0;z-index:2}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;letter-spacing:-.05em;font-size:1.35rem;line-height:1}.brand small{display:block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#2f907b;margin-top:7px}.links{display:flex;align-items:center;gap:28px;font-weight:650;font-size:.94rem}.links a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:#176c60;color:#fff;font-weight:740;min-height:50px;padding:13px 23px;cursor:pointer}.btn:hover{background:#10564d}.btn.ghost{background:white;color:#102a33;border:1px solid #adbdbb}.hero{background:#102a33;color:white;padding:86px 0 76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:55px;align-items:center}.eyebrow{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#83d9bb;margin:0 0 24px}h1{font-size:clamp(2.8rem,5.5vw,5.35rem);letter-spacing:-.065em;line-height:1.05;margin:0 0 25px}h1 em{color:#95e4bf;font-style:normal}.lead{font-size:1.18rem;line-height:1.65;color:#d9e9e8;max-width:640px;margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions .btn{background:#b5eccb;color:#102a33}.actions .ghost{background:transparent;color:white;border-color:#638180}.micro{margin-top:20px;color:#b5cccc;font-size:.91rem}.visual{background:#f9fcfa;border-radius:15px;padding:14px;box-shadow:22px 22px 0 #23504f;transform:rotate(1deg);color:#102a33}.browser{border:1px solid #dbe8e6;border-radius:9px;overflow:hidden}.bar{height:34px;border-bottom:1px solid #e3ecea;padding:11px;display:flex;gap:5px}.bar span{width:7px;height:7px;background:#b4c7c4;border-radius:50%}.sample{padding:26px;background:linear-gradient(145deg,#f4f9f7,#e8f5ef);min-height:310px}.sample .pill{background:#d8ebe3;border-radius:20px;width:100px;height:10px}.sample h3{font-size:2rem;line-height:1.15;letter-spacing:-.055em;margin:26px 0 15px;max-width:290px}.line{background:#c9dcd5;height:9px;border-radius:9px;margin:11px 0;max-width:270px}.line.short{max-width:190px}.sample .cta{display:block;margin-top:25px;background:#176c60;border-radius:5px;width:126px;height:32px}.samplefoot{display:flex;gap:10px;margin-top:28px}.samplefoot i{display:block;background:white;height:72px;flex:1;border-radius:7px;border:1px solid #dce9e4}section{padding:82px 0}.section-label{color:#176c60;text-transform:uppercase;letter-spacing:.15em;font-size:.79rem;font-weight:800;margin:0 0 12px}h2{font-size:clamp(2rem,3.3vw,3.15rem);letter-spacing:-.052em;line-height:1.15;margin:0 0 20px}.section-intro{font-size:1.1rem;color:#506568;line-height:1.65;max-width:680px;margin:0 0 32px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:27px;border:1px solid #dfe8e7;border-radius:12px;background:#fff}.card strong{font-size:1.22rem;letter-spacing:-.03em}.card p{color:#52676a;line-height:1.6;margin-bottom:0}.card .num{display:block;color:#20816e;font-weight:800;margin-bottom:40px}.muted{background:#f2f7f5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border-top:2px solid #176c60;padding-top:18px}.step span{font-weight:850;color:#176c60}.step h3{font-size:1.2rem;margin:18px 0 8px}.step p{line-height:1.6;color:#52676a;margin:0}.contact{background:#102a33;color:white}.contact .section-label{color:#8fdfb9}.contact .section-intro{color:#d1e3df}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.form{background:white;color:#102a33;border-radius:12px;padding:28px;display:grid;gap:15px}.form label{font-size:.9rem;font-weight:700;display:grid;gap:7px}.form input,.form textarea,.form select{border:1px solid #c8d8d5;border-radius:6px;padding:12px;width:100%;background:white;color:#102a33}.form textarea{min-height:96px;resize:vertical}.form .btn{width:100%}.hint{font-size:.83rem;color:#637779;margin:0;line-height:1.5}.status{font-weight:650;min-height:1.4em}footer{background:#0b2027;color:#c8d9d8;padding:25px 0;font-size:.9rem}footer .wrap{display:flex;justify-content:space-between;gap:20px}.mobile{display:none}@media(max-width:800px){.wrap{padding:0 20px}.links{display:none}.mobile{display:inline-flex}.nav{min-height:70px}.hero{padding:60px 0}.hero-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.visual{max-width:460px;box-shadow:12px 12px 0 #23504f}.cards,.steps{grid-template-columns:1fr}.card .num{margin-bottom:20px}section{padding:62px 0}footer .wrap{display:block}h1{font-size:clamp(2.8rem,11vw,4.6rem)}}
.intro{background:#102a33;color:white;padding:58px 0 48px}.intro h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:930px;margin-bottom:16px}.intro h1 em{color:#95e4bf;font-style:normal}.intro p:not(.eyebrow){font-size:1.1rem;line-height:1.6;color:#d9e9e8;max-width:680px}.intro .btn{background:#b5eccb;color:#102a33;margin-top:14px}.showcase{padding:58px 0 64px}.showcase:nth-of-type(even){background:#f2f7f5}.row-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.row-head h2{margin-bottom:6px}.row-head p:last-child{color:#52676a;margin:0}.controls{display:flex;gap:8px}.controls button{height:44px;width:44px;border:1px solid #b9ccc8;background:#fff;border-radius:50%;cursor:pointer;font-size:1.4rem;color:#102a33}.controls button:hover{background:#dcefe8}.rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:3px 1px 18px}.model{flex:0 0 235px;scroll-snap-align:start;background:#fff;border:1px solid #dfe8e7;border-radius:10px;overflow:hidden}.model img{width:100%;height:288px;object-fit:cover;object-position:top;background:#f5f5f5;display:block}.model>div{padding:18px}.model span{font-size:.85rem;color:#42796f;font-weight:700}.model h3{margin:6px 0 15px;font-size:1.15rem}.model a{color:#176c60;font-weight:800;text-decoration:underline;text-underline-offset:3px}.model a span{color:inherit}@media(max-width:800px){.intro{padding:43px 0}.model{flex-basis:205px}.model img{height:250px}.showcase{padding:40px 0}.row-head{align-items:start}.controls button{height:38px;width:38px}}
.catalog-section{background:#f2f7f5}.catalog-tools{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin:24px 0}.search-label{display:grid;gap:8px;font-weight:750;min-width:min(100%,350px)}.search-label input{padding:13px;border:1px solid #bed2ce;border-radius:7px;background:white;font-size:1rem}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:white;border:1px solid #bed2ce;border-radius:20px;padding:9px 17px;cursor:pointer;color:#102a33;font-weight:700}.filters button.active{background:#176c60;color:white;border-color:#176c60}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.catalog-grid .model{min-width:0}.catalog-grid .model img{height:255px}.image-link{display:block}.catalog-item[hidden],#empty-models[hidden],.selected-model[hidden]{display:none}.selected-model{background:#edf6f0;padding:12px;border-radius:6px;font-weight:700;text-transform:capitalize}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-grid .model img{height:190px}.catalog-grid .model>div{padding:12px}.catalog-grid .model h3{font-size:1rem}.catalog-grid .model a{font-size:.9rem}}

body.admin-bar .top{top:32px}@media(max-width:782px){body.admin-bar .top{top:46px}}.model-img-link{display:block}.model-img-link img{object-fit:cover;object-position:top}.catalog-item[hidden]{display:none}.detail{padding:42px 0 80px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.detail-img{width:100%;max-width:520px;height:auto;border:1px solid #dce7e3;border-radius:10px}.detail h1{font-size:clamp(2.3rem,4vw,4rem);color:#102a33}.detail p{color:#52676a;line-height:1.7;font-size:1.1rem}.detail ul{padding-left:22px;line-height:2;color:#334d50}.crumb{padding-top:30px;font-weight:700;color:#176c60}@media(max-width:800px){.detail-grid{grid-template-columns:1fr;gap:26px}.detail{padding-top:26px}}

.csp-product-actions{padding:22px;margin:22px 0;border:1px solid #dce7e3;border-radius:10px;background:#fff}.csp-product-actions p{line-height:1.65}.csp-product-actions .btn{display:inline-block;margin:9px 0 18px}.csp-simulator{border-top:1px solid #dce7e3;padding-top:16px}.csp-simulator summary{cursor:pointer;font-weight:700;color:#176c60;font-size:1.08rem}.csp-sim-form{display:grid;gap:12px;margin-top:20px}.csp-sim-form label{display:grid;gap:6px;font-weight:600}.csp-sim-form input,.csp-sim-form select,.csp-sim-form textarea{width:100%;min-height:46px;padding:11px;border:1px solid #bed2ce;border-radius:7px;background:#fff;font:inherit}.csp-sim-form textarea{min-height:105px}.csp-sim-form .btn{justify-self:start}.csp-sim-form small{color:#52676a}