/* Agenda de Milhões v4.4.0 — layout templates. Layout only; palette comes from theme settings. */
body[data-layout-template] .hero,
body[data-layout-template] .services-section,
body[data-layout-template] .boutique-preview,
body[data-layout-template] .tariff-library,
body[data-layout-template] .offers-section,
body[data-layout-template] .club-section,
body[data-layout-template] .contact-section { transition: padding .2s ease, border-radius .2s ease; }

/* 01 — Serenity Editorial: editorial, acolhedor e visualmente distribuído. */
body[data-layout-template="serenity-editorial"] .hero{min-height:530px;background:var(--paper);color:var(--site-text);border-bottom:1px solid color-mix(in srgb,var(--site-text),transparent 92%)}
body[data-layout-template="serenity-editorial"] .hero-image{inset:0 0 0 auto;width:47%;height:100%;opacity:1;background-position:center 42%;}
body[data-layout-template="serenity-editorial"] .hero-shade{inset:0 0 0 37%;z-index:-1;background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper),transparent 42%) 28%,transparent 78%)}
body[data-layout-template="serenity-editorial"] .hero-inner{min-height:530px;grid-template-columns:minmax(0,1.15fr) minmax(225px,.66fr);gap:clamp(20px,3.5vw,52px);padding:58px clamp(20px,6vw,84px) 44px}
body[data-layout-template="serenity-editorial"] .hero h1{color:var(--site-text);font-size:clamp(42px,4.8vw,70px)}
body[data-layout-template="serenity-editorial"] .hero h1 em{color:var(--gold)}
body[data-layout-template="serenity-editorial"] .hero-description{color:color-mix(in srgb,var(--site-text),transparent 20%)}
body[data-layout-template="serenity-editorial"] .hero-benefits>div{color:var(--site-text);border-color:color-mix(in srgb,var(--site-text),transparent 84%)}
body[data-layout-template="serenity-editorial"] .hero-aside-card{background:color-mix(in srgb,var(--paper),#fff 12%);color:var(--site-text);border:1px solid color-mix(in srgb,var(--gold),transparent 42%);box-shadow:0 18px 45px #20160b18;backdrop-filter:none}
body[data-layout-template="serenity-editorial"] .aside-quote{color:var(--site-text)}
body[data-layout-template="serenity-editorial"] .hero-location{color:color-mix(in srgb,var(--site-text),transparent 28%)}
body[data-layout-template="serenity-editorial"] .hero-whatsapp{color:var(--site-text)}
body[data-layout-template="serenity-editorial"] .hero-aside-card .text-link{color:var(--gold)}
body[data-layout-template="serenity-editorial"] .trust-strip{background:color-mix(in srgb,var(--paper),#fff 35%);color:var(--site-text);border-color:color-mix(in srgb,var(--site-text),transparent 90%)}
body[data-layout-template="serenity-editorial"] .trust-inner>div{border-color:color-mix(in srgb,var(--site-text),transparent 90%)}
body[data-layout-template="serenity-editorial"] .trust-inner p{color:var(--site-text)}
body[data-layout-template="serenity-editorial"] .services-section{padding-top:72px;padding-bottom:76px}
body[data-layout-template="serenity-editorial"] .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body[data-layout-template="serenity-editorial"] .service-card{border-radius:18px;box-shadow:0 12px 32px #6e4e1d0b}
body[data-layout-template="serenity-editorial"] .service-image{height:196px}
body[data-layout-template="serenity-editorial"] .service-body{padding:18px 17px 16px}
body[data-layout-template="serenity-editorial"] .service-body h3{font-size:21px}

/* 02 — Editorial Duo: metade conteúdo, metade imagem de marca. */
body[data-layout-template="editorial-duo"] .hero{min-height:590px;background:var(--ink);color:var(--paper)}
body[data-layout-template="editorial-duo"] .hero-image{inset:0 0 0 auto;width:53%;opacity:1;background-position:center 42%}
body[data-layout-template="editorial-duo"] .hero-shade{inset:0 0 0 39%;background:linear-gradient(90deg,var(--ink) 0%,color-mix(in srgb,var(--ink),transparent 30%) 24%,transparent 83%)}
body[data-layout-template="editorial-duo"] .hero-inner{min-height:590px;grid-template-columns:minmax(0,1.15fr) minmax(210px,.72fr);padding:65px clamp(24px,6vw,88px) 48px;gap:34px}
body[data-layout-template="editorial-duo"] .hero-copy{max-width:710px}
body[data-layout-template="editorial-duo"] .hero h1{font-size:clamp(48px,5.8vw,84px);line-height:.94}
body[data-layout-template="editorial-duo"] .hero-aside{align-self:end;margin-bottom:0}
body[data-layout-template="editorial-duo"] .hero-aside-card{box-shadow:0 25px 65px #0004}
body[data-layout-template="editorial-duo"] .services-section{max-width:1240px}
body[data-layout-template="editorial-duo"] .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body[data-layout-template="editorial-duo"] .service-card{border-radius:3px;box-shadow:none}
body[data-layout-template="editorial-duo"] .service-image{height:224px}
body[data-layout-template="editorial-duo"] .service-body{padding:19px 18px 17px}

/* 03 — Mosaico Studio: serviços em cartões com escalas alternadas. */
body[data-layout-template="mosaic-studio"] .hero{min-height:495px}
body[data-layout-template="mosaic-studio"] .hero-inner{min-height:495px;padding-top:54px;padding-bottom:40px}
body[data-layout-template="mosaic-studio"] .hero-aside-card{max-width:285px}
body[data-layout-template="mosaic-studio"] .services-section{max-width:1450px;padding-left:clamp(18px,3.5vw,54px);padding-right:clamp(18px,3.5vw,54px)}
body[data-layout-template="mosaic-studio"] .services-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:16px}
body[data-layout-template="mosaic-studio"] .service-card:first-child{grid-column:span 2;grid-row:span 2}
body[data-layout-template="mosaic-studio"] .service-card:first-child .service-image{height:clamp(310px,37vw,445px)}
body[data-layout-template="mosaic-studio"] .service-card:nth-child(4n+3) .service-image{height:205px}
body[data-layout-template="mosaic-studio"] .service-card{border-radius:5px}
body[data-layout-template="mosaic-studio"] .service-body h3{font-size:clamp(16px,1.5vw,22px)}

/* 04 — Catálogo Vertical: largura contida e cartões de leitura horizontal. */
body[data-layout-template="catalogo-vertical"] .hero{min-height:375px}
body[data-layout-template="catalogo-vertical"] .hero-inner{min-height:375px;padding-top:44px;padding-bottom:35px;grid-template-columns:minmax(0,1.3fr) minmax(200px,.55fr)}
body[data-layout-template="catalogo-vertical"] .hero h1{font-size:clamp(38px,4.2vw,59px)}
body[data-layout-template="catalogo-vertical"] .services-section{max-width:1120px;padding-top:58px;padding-bottom:63px}
body[data-layout-template="catalogo-vertical"] .section-head{align-items:flex-start}
body[data-layout-template="catalogo-vertical"] .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body[data-layout-template="catalogo-vertical"] .service-card{display:grid;grid-template-columns:minmax(105px,.56fr) minmax(0,1fr);border-radius:8px;box-shadow:none}
body[data-layout-template="catalogo-vertical"] .service-image{height:100%;min-height:180px}
body[data-layout-template="catalogo-vertical"] .service-image:after{display:none}
body[data-layout-template="catalogo-vertical"] .service-body{padding:14px 13px}
body[data-layout-template="catalogo-vertical"] .service-desc{margin:7px 0 10px}

/* 05 — Atelier Central: composição centrada e busca como principal entrada. */
body[data-layout-template="atelier-central"] .hero{min-height:515px;background:var(--paper);color:var(--site-text)}
body[data-layout-template="atelier-central"] .hero-image{inset:0;width:100%;opacity:.18;background-position:center 43%}
body[data-layout-template="atelier-central"] .hero-shade{inset:0;background:linear-gradient(180deg,var(--paper) 0%,color-mix(in srgb,var(--paper),transparent 5%) 52%,var(--paper) 100%)}
body[data-layout-template="atelier-central"] .hero-inner{min-height:515px;display:block;text-align:center;padding:64px clamp(18px,7vw,100px) 48px}
body[data-layout-template="atelier-central"] .hero-copy{max-width:850px;margin:0 auto}
body[data-layout-template="atelier-central"] .hero h1{font-size:clamp(48px,6.3vw,85px);color:var(--site-text)}
body[data-layout-template="atelier-central"] .hero h1 em{color:var(--gold)}
body[data-layout-template="atelier-central"] .hero-description{margin:19px auto 24px;color:color-mix(in srgb,var(--site-text),transparent 18%);max-width:650px}
body[data-layout-template="atelier-central"] .search-box{margin:0 auto;max-width:680px}
body[data-layout-template="atelier-central"] .hero-benefits{justify-content:center;margin:28px auto 0;max-width:810px}
body[data-layout-template="atelier-central"] .hero-benefits>div{color:var(--site-text);border-color:color-mix(in srgb,var(--site-text),transparent 86%)}
body[data-layout-template="atelier-central"] .hero-aside{width:auto;margin:22px auto 0;justify-self:center;align-self:center}
body[data-layout-template="atelier-central"] .hero-aside-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;padding:12px 17px;background:color-mix(in srgb,var(--paper),#fff 35%);color:var(--site-text);box-shadow:none;border-color:color-mix(in srgb,var(--site-text),transparent 88%)}
body[data-layout-template="atelier-central"] .aside-label,body[data-layout-template="atelier-central"] .aside-rule,body[data-layout-template="atelier-central"] .aside-quote{display:none}
body[data-layout-template="atelier-central"] .hero-location{margin:0;color:var(--site-text)}
body[data-layout-template="atelier-central"] .hero-whatsapp{color:var(--site-text)}
body[data-layout-template="atelier-central"] .hero-aside-card .text-link{color:var(--gold)}
body[data-layout-template="atelier-central"] .services-section{text-align:center;max-width:1340px}
body[data-layout-template="atelier-central"] .section-head{display:block;text-align:center;max-width:800px;margin:0 auto 30px}
body[data-layout-template="atelier-central"] .section-description{margin-left:auto;margin-right:auto}
body[data-layout-template="atelier-central"] .category-pills{justify-content:center}
body[data-layout-template="atelier-central"] .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}

/* 06 — Vitrine Assimétrica: um item principal com mais área. */
body[data-layout-template="vitrine-assimetrica"] .hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(220px,.66fr)}
body[data-layout-template="vitrine-assimetrica"] .services-section{max-width:1360px}
body[data-layout-template="vitrine-assimetrica"] .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:19px}
body[data-layout-template="vitrine-assimetrica"] .service-card:first-child{grid-column:span 2;grid-row:span 2}
body[data-layout-template="vitrine-assimetrica"] .service-card:first-child .service-image{height:clamp(340px,37vw,460px)}
body[data-layout-template="vitrine-assimetrica"] .service-card:first-child .service-body{padding:24px}
body[data-layout-template="vitrine-assimetrica"] .service-card:first-child .service-body h3{font-size:clamp(24px,2.5vw,35px)}
body[data-layout-template="vitrine-assimetrica"] .service-card:nth-child(2) .service-image,body[data-layout-template="vitrine-assimetrica"] .service-card:nth-child(3) .service-image{height:150px}

/* 07 — Ofertas em Destaque: as compras coletivas aparecem antes do catálogo. */
body[data-layout-template="ofertas-em-destaque"] #conteudo{display:flex;flex-direction:column}
body[data-layout-template="ofertas-em-destaque"] #inicio{order:1}
body[data-layout-template="ofertas-em-destaque"] .trust-strip{order:2}
body[data-layout-template="ofertas-em-destaque"] #ofertas{order:3}
body[data-layout-template="ofertas-em-destaque"] #servicos{order:4}
body[data-layout-template="ofertas-em-destaque"] #boutiquePreview{order:5}
body[data-layout-template="ofertas-em-destaque"] #tarifs{order:6}
body[data-layout-template="ofertas-em-destaque"] #businessVideoWrap{order:7}
body[data-layout-template="ofertas-em-destaque"] #clube{order:8}
body[data-layout-template="ofertas-em-destaque"] #contato{order:9}
body[data-layout-template="ofertas-em-destaque"] .offers-section{padding-top:26px;padding-bottom:30px}
body[data-layout-template="ofertas-em-destaque"] .offers-inner{padding-top:54px;padding-bottom:55px}
body[data-layout-template="ofertas-em-destaque"] .offers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body[data-layout-template="ofertas-em-destaque"] .offer-card{grid-template-columns:minmax(90px,.7fr) minmax(0,1fr);border-radius:14px}
body[data-layout-template="ofertas-em-destaque"] .services-section{padding-top:56px}

/* 08 — Reserva Rápida: hero menor, pesquisa maior e percurso curto. */
body[data-layout-template="reserva-rapida"] .hero{min-height:410px}
body[data-layout-template="reserva-rapida"] .hero-inner{min-height:410px;padding-top:38px;padding-bottom:28px;grid-template-columns:minmax(0,1.15fr) minmax(180px,.56fr);gap:25px}
body[data-layout-template="reserva-rapida"] .hero h1{font-size:clamp(38px,4.5vw,63px)}
body[data-layout-template="reserva-rapida"] .hero-description{margin:13px 0 16px}
body[data-layout-template="reserva-rapida"] .search-box{max-width:740px;padding:8px;border-radius:12px}
body[data-layout-template="reserva-rapida"] .search-service select{font-size:13px}
body[data-layout-template="reserva-rapida"] .search-box .button{min-width:130px}
body[data-layout-template="reserva-rapida"] .hero-benefits{margin-top:17px}
body[data-layout-template="reserva-rapida"] .services-section{padding-top:50px;padding-bottom:58px}
body[data-layout-template="reserva-rapida"] .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body[data-layout-template="reserva-rapida"] .service-image{height:148px}
body[data-layout-template="reserva-rapida"] .service-body{padding:13px 12px}
body[data-layout-template="reserva-rapida"] .service-desc{margin:7px 0 10px}

/* 09 — Catálogo Compacto: útil para portfólios grandes. */
body[data-layout-template="catalogo-compacto"] .hero{min-height:385px}
body[data-layout-template="catalogo-compacto"] .hero-inner{min-height:385px;padding-top:38px;padding-bottom:34px}
body[data-layout-template="catalogo-compacto"] .hero h1{font-size:clamp(38px,4.3vw,60px)}
body[data-layout-template="catalogo-compacto"] .hero-benefits{margin-top:20px}
body[data-layout-template="catalogo-compacto"] .services-section{max-width:1500px;padding-left:clamp(15px,3vw,44px);padding-right:clamp(15px,3vw,44px);padding-top:52px}
body[data-layout-template="catalogo-compacto"] .section-head{margin-bottom:20px}
body[data-layout-template="catalogo-compacto"] .services-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
body[data-layout-template="catalogo-compacto"] .service-image{height:132px}
body[data-layout-template="catalogo-compacto"] .service-body{padding:11px 10px}
body[data-layout-template="catalogo-compacto"] .service-body h3{font-size:16px}
body[data-layout-template="catalogo-compacto"] .service-desc{font-size:9px;line-height:1.5;margin:7px 0 9px}
body[data-layout-template="catalogo-compacto"] .service-price-row{padding-top:8px;gap:5px}
body[data-layout-template="catalogo-compacto"] .service-price{font-size:12px}
body[data-layout-template="catalogo-compacto"] .service-book{padding:7px 9px;min-height:30px}

/* 10 — Studio Story: cartões horizontais para contar melhor cada serviço. */
body[data-layout-template="studio-story"] .hero{min-height:550px}
body[data-layout-template="studio-story"] .hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(260px,.8fr);gap:45px}
body[data-layout-template="studio-story"] .hero-aside-card{max-width:330px}
body[data-layout-template="studio-story"] .services-section{max-width:1240px}
body[data-layout-template="studio-story"] .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
body[data-layout-template="studio-story"] .service-card{display:grid;grid-template-columns:minmax(130px,.72fr) minmax(0,1fr);border-radius:9px;box-shadow:none}
body[data-layout-template="studio-story"] .service-image{height:100%;min-height:225px}
body[data-layout-template="studio-story"] .service-image:after{display:none}
body[data-layout-template="studio-story"] .service-body{padding:16px 15px}
body[data-layout-template="studio-story"] .service-desc{line-height:1.7}

/* Serviço: lista ou grade — independente do template e das cores. */
body[data-service-display="list"] .services-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:100%;}
body[data-service-display="list"] .service-card{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);align-items:stretch;min-height:172px;border-radius:11px;box-shadow:none;}
body[data-service-display="list"] .service-card:first-child{grid-column:auto;grid-row:auto;}
body[data-service-display="list"] .service-image{height:100%;min-height:172px;}
body[data-service-display="list"] .service-body{padding:17px 20px;display:flex;flex-direction:column;}
body[data-service-display="list"] .service-body h3{font-size:clamp(17px,2vw,22px);}
body[data-service-display="list"] .service-desc{font-size:11px;max-width:800px;margin:7px 0 12px;}
body[data-service-display="list"] .service-price-row{margin-top:auto;}

/* Library cards in the admin panel — small wireframe previews for the ten layouts. */
.layout-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:17px 0 20px}
.layout-template-card{appearance:none;display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;text-align:left;padding:12px;background:#fff;border:1px solid #e0dcd4;border-radius:13px;color:#211f1a;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.layout-template-card:hover{transform:translateY(-1px);border-color:#ad945d}
.layout-template-card[aria-pressed="true"]{border:2px solid #9a7627;padding:11px;box-shadow:0 0 0 1px #9a76272b,0 6px 17px #73571914}
.layout-template-card:focus-visible{outline:2px solid #9a7627;outline-offset:2px}
.layout-template-card strong{font-size:13px;line-height:1.25}
.layout-template-card .layout-descriptor{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8d7440;font-weight:750}
.layout-template-card .layout-desc{font-size:11px;line-height:1.45;color:#716b60}
.layout-template-card .layout-structure{font-size:10px;line-height:1.4;color:#8c877e;border-top:1px solid #eeeae3;padding-top:7px}
.layout-template-card[aria-pressed="true"] .layout-structure:before{content:'✓ Selecionado · ';font-weight:800;color:#82611c}
.layout-preview{height:116px;display:grid;grid-template-rows:13px 52px 1fr;gap:5px;padding:8px;background:#f2eee6;border:1px solid #e3ddd2;border-radius:8px;overflow:hidden}
.layout-preview-nav{display:flex;align-items:center;gap:4px;border-bottom:1px solid #ddd5c8;padding-bottom:4px}
.layout-preview-nav i{display:block;height:4px;width:18%;border-radius:4px;background:#c2b8a5}
.layout-preview-nav i:first-child{width:22%;margin-right:auto;background:#867556}
.layout-preview-hero{display:grid;grid-template-columns:1.1fr .8fr;gap:5px;min-height:0}
.layout-preview-copy{display:flex;flex-direction:column;justify-content:center;gap:4px}
.layout-preview-copy i{height:4px;border-radius:5px;background:#c5bbab;width:78%}
.layout-preview-copy i:first-child{height:8px;width:94%;background:#77705f}
.layout-preview-copy i:last-child{width:54%;background:#b8a27b}
.layout-preview-image{display:block;border-radius:3px;background:linear-gradient(135deg,#bdb09a,#e0d7c8 48%,#98846c)}
.layout-preview-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-height:0}
.layout-preview-catalog i{display:block;min-width:0;border-radius:3px;background:linear-gradient(180deg,#c5b9a4 0 44%,#fffdf9 44% 100%);border:1px solid #d9d1c5}
.layout-preview-offer{display:none;height:8px;border-radius:3px;background:#b59a66}
.layout-preview--serenity-editorial .layout-preview-hero{grid-template-columns:1.2fr .7fr}
.layout-preview--editorial-duo .layout-preview-hero{grid-template-columns:1fr 1.2fr}
.layout-preview--editorial-duo .layout-preview-image{border-radius:0}
.layout-preview--mosaic-studio{grid-template-rows:13px 42px 1fr}
.layout-preview--mosaic-studio .layout-preview-catalog{grid-template-columns:1.2fr .7fr .7fr;grid-template-rows:1fr 1fr}
.layout-preview--mosaic-studio .layout-preview-catalog i:first-child{grid-row:span 2}
.layout-preview--catalogo-vertical .layout-preview-hero{grid-template-columns:1fr .4fr}
.layout-preview--catalogo-vertical .layout-preview-catalog{grid-template-columns:1fr;gap:3px}
.layout-preview--catalogo-vertical .layout-preview-catalog i{background:linear-gradient(90deg,#c5b9a4 0 18%,#fffdf9 18% 100%)}
.layout-preview--atelier-central .layout-preview-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.layout-preview--atelier-central .layout-preview-image{display:none}
.layout-preview--atelier-central .layout-preview-copy{align-items:center;width:100%}
.layout-preview--atelier-central .layout-preview-copy i{height:3px}
.layout-preview--atelier-central .layout-preview-catalog{grid-template-columns:repeat(3,minmax(0,1fr));width:82%;margin:auto}
.layout-preview--vitrine-assimetrica .layout-preview-catalog{grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:1fr 1fr}
.layout-preview--vitrine-assimetrica .layout-preview-catalog i:first-child{grid-row:span 2}
.layout-preview--ofertas-em-destaque{grid-template-rows:13px 42px 1fr}
.layout-preview--ofertas-em-destaque .layout-preview-offer{display:block}
.layout-preview--ofertas-em-destaque .layout-preview-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-preview--reserva-rapida .layout-preview-hero{grid-template-columns:1.4fr .5fr}
.layout-preview--reserva-rapida .layout-preview-copy:after{content:'';display:block;width:100%;height:8px;border-radius:4px;background:#fbfaf7;border:1px solid #c6b28a}
.layout-preview--catalogo-compacto{gap:4px}
.layout-preview--catalogo-compacto .layout-preview-catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
.layout-preview--catalogo-compacto .layout-preview-catalog i{border-radius:1px}
.layout-preview--studio-story .layout-preview-hero{grid-template-columns:1.1fr .8fr}
.layout-preview--studio-story .layout-preview-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
.layout-preview--studio-story .layout-preview-catalog i{background:linear-gradient(90deg,#c5b9a4 0 31%,#fffdf9 31% 100%)}
.layout-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.layout-mode-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #e0dcd4;border-radius:10px;padding:13px;background:#fff;color:#26231c;cursor:pointer}
.layout-mode-option:has(input:checked){border-color:#9a7627;box-shadow:0 0 0 1px #9a762733;background:#fffdf8}
.layout-mode-option input{margin-top:3px;accent-color:#9a7627}
.layout-mode-option strong,.layout-mode-option small{display:block}
.layout-mode-option strong{font-size:12px}
.layout-mode-option small{font-size:10px;line-height:1.45;color:#777166;margin-top:3px}
.layout-library-intro{font-size:12px;line-height:1.6;color:#6d675d;margin:5px 0 0;max-width:800px}
.layout-template-help{display:flex;gap:9px;align-items:flex-start;margin:9px 0 17px;padding:10px 12px;border-left:3px solid #b79a5f;background:#faf7ef;color:#6b6252;font-size:11px;line-height:1.5}

/* Responsive adjustments shared by all ten layouts. */
@media(max-width:1100px){
 body[data-layout-template="mosaic-studio"] .services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-layout-template="mosaic-studio"] .service-card:first-child{grid-column:span 2}
 body[data-layout-template="catalogo-compacto"] .services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body[data-layout-template="vitrine-assimetrica"] .service-card:first-child{grid-column:span 2}
 .layout-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 body[data-layout-template="serenity-editorial"] .hero{min-height:0}
 body[data-layout-template="serenity-editorial"] .hero-image{inset:0;width:100%;opacity:.23;background-position:center 35%}
 body[data-layout-template="serenity-editorial"] .hero-shade{inset:0;background:linear-gradient(180deg,var(--paper) 0%,color-mix(in srgb,var(--paper),transparent 6%) 40%,var(--paper) 100%)}
 body[data-layout-template="serenity-editorial"] .hero-inner{display:block;min-height:0;padding:41px 18px 28px}
 body[data-layout-template="serenity-editorial"] .hero-aside{margin:18px 0 0;width:100%}
 body[data-layout-template="serenity-editorial"] .hero-aside-card{display:grid;grid-template-columns:1fr auto;padding:14px;gap:5px 10px}
 body[data-layout-template="serenity-editorial"] .hero-aside-card .aside-label,body[data-layout-template="serenity-editorial"] .hero-aside-card .aside-rule{grid-column:1/-1}
 body[data-layout-template="serenity-editorial"] .hero-aside-card .aside-rule{margin:6px 0}
 body[data-layout-template="serenity-editorial"] .hero-aside-card .aside-quote{font-size:20px;margin:0}
 body[data-layout-template="serenity-editorial"] .hero-benefits>div{font-size:9px}
 body[data-layout-template="editorial-duo"] .hero-image{width:100%;opacity:.34}
 body[data-layout-template="editorial-duo"] .hero-shade{inset:0;background:linear-gradient(90deg,var(--ink) 0%,color-mix(in srgb,var(--ink),transparent 10%) 55%,color-mix(in srgb,var(--ink),transparent 35%) 100%)}
 body[data-layout-template="editorial-duo"] .hero-inner{display:block;min-height:0;padding:44px 18px 30px}
 body[data-layout-template="editorial-duo"] .hero-aside{width:100%;margin-top:20px}
 body[data-layout-template="mosaic-studio"] .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body[data-layout-template="mosaic-studio"] .service-card:first-child{grid-column:span 2;grid-row:auto}
 body[data-layout-template="mosaic-studio"] .service-card:first-child .service-image{height:210px}
 body[data-layout-template="catalogo-vertical"] .hero-inner{display:block;min-height:0;padding:35px 17px 25px}
 body[data-layout-template="catalogo-vertical"] .services-grid{grid-template-columns:1fr}
 body[data-layout-template="catalogo-vertical"] .service-card{grid-template-columns:112px minmax(0,1fr)}
 body[data-layout-template="catalogo-vertical"] .service-image{min-height:160px}
 body[data-layout-template="atelier-central"] .hero-inner{padding:42px 17px 28px;min-height:0}
 body[data-layout-template="atelier-central"] .hero-aside-card{display:grid;grid-template-columns:1fr;gap:8px}
 body[data-layout-template="atelier-central"] .hero-benefits{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}
 body[data-layout-template="atelier-central"] .hero-benefits>div{padding:8px!important;justify-content:flex-start}
 body[data-layout-template="atelier-central"] .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-layout-template="vitrine-assimetrica"] .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body[data-layout-template="vitrine-assimetrica"] .service-card:first-child{grid-column:span 2;grid-row:auto}
 body[data-layout-template="vitrine-assimetrica"] .service-card:first-child .service-image{height:225px}
 body[data-layout-template="ofertas-em-destaque"] .offers-grid{grid-template-columns:1fr}
 body[data-layout-template="ofertas-em-destaque"] .offer-card{grid-template-columns:105px minmax(0,1fr)}
 body[data-layout-template="reserva-rapida"] .hero-inner{display:block;min-height:0;padding:35px 16px 24px}
 body[data-layout-template="reserva-rapida"] .hero-aside{width:100%;margin-top:15px}
 body[data-layout-template="reserva-rapida"] .hero-aside-card{padding:13px;display:grid;grid-template-columns:1fr auto;gap:5px 10px}
 body[data-layout-template="catalogo-compacto"] .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body[data-layout-template="studio-story"] .services-grid{grid-template-columns:1fr}
 .layout-template-grid{grid-template-columns:1fr}
 .layout-preview{height:125px}
 .layout-mode-options{grid-template-columns:1fr}
 body[data-service-display="list"] .service-card{grid-template-columns:104px minmax(0,1fr);min-height:0}
 body[data-service-display="list"] .service-image{min-height:148px}
 body[data-service-display="list"] .service-body{padding:12px 11px}
 body[data-service-display="list"] .service-desc{font-size:10px}
}
@media(max-width:440px){
 body[data-layout-template="catalogo-compacto"] .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-layout-template="atelier-central"] .services-grid{grid-template-columns:1fr}
 body[data-layout-template="catalogo-vertical"] .service-card{grid-template-columns:92px minmax(0,1fr)}
 body[data-service-display="list"] .service-card{grid-template-columns:88px minmax(0,1fr)}
 body[data-service-display="list"] .service-image{min-height:138px}
 body[data-service-display="list"] .service-body{padding:10px}
 body[data-service-display="list"] .service-price-row{align-items:flex-start;flex-direction:column;gap:8px}
}