.cad-list{border:1px solid #eee;border-radius:6px;padding:10px 20px}.cad-card{display:grid;grid-template-columns:minmax(130px,25%) minmax(0,1fr) 230px;gap:28px;align-items:center;padding:30px 12px;margin:0}.cad-card+.cad-card{border-top:1px solid #f3f3f3}.cad-picture{display:flex;align-items:center;justify-content:center}.cad-image{display:block;object-fit:contain;max-height:210px;width:100%;height:auto}.cad-title{font-size:clamp(18px,2vw,23px);font-weight:700;line-height:1.3;margin:12px 0!important}.cad-desc{font-size:16px;line-height:1.6;margin:10px 0 0!important}.cad-badge{display:inline-block;color:#fff;background:#303030;font-size:14px;font-weight:700;padding:5px 9px;line-height:1.3}.cad-buttons{display:flex;flex-direction:column;gap:14px;width:100%}.cad-button{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;text-decoration:none!important;border-radius:5px;min-height:50px;padding:10px 12px;color:var(--cad-fg)!important;background:var(--cad-bg);font-weight:400;font-size:16px;transition:filter .15s}.cad-button:hover,.cad-button:focus{filter:brightness(.94);color:var(--cad-fg)!important}.cad-compact{grid-template-columns:100px minmax(0,1fr) 180px;padding:15px 5px}.cad-compact .cad-image{max-height:120px}.cad-compact .cad-desc{font-size:14px}.cad-compact .cad-button{min-height:42px;font-size:14px}.cad-card:not(.cad-list .cad-card){border:1px solid #eee;border-radius:6px;padding:18px}@media(max-width:760px){.cad-card,.cad-compact{grid-template-columns:minmax(90px,30%) minmax(0,1fr);gap:12px;padding:20px 5px}.cad-card>.cad-buttons{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.cad-card .cad-button{flex:1 1 160px;min-height:46px}.cad-image{max-height:160px}.cad-desc{font-size:15px}.cad-list{padding:4px 12px}}@media(max-width:400px){.cad-card{grid-template-columns:1fr}.cad-picture{max-width:200px;margin:auto}.cad-card>.cad-buttons{grid-column:auto}.cad-title{margin:8px 0!important}}

.cad-image-link{display:block;width:100%;text-decoration:none!important}.cad-title-link{color:inherit!important;text-decoration:none!important}.cad-title-link:hover,.cad-auto-link:hover{text-decoration:underline!important}.cad-image-link:focus-visible,.cad-title-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* v1.4: enforce the 3-column component within Gutenberg's editor canvas and Kadence Sections. */
:where(.editor-styles-wrapper, .block-editor-block-list__layout, .wp-block-kadence-column, .kt-inside-inner-col) .cad-card,
.cad-editor-preview .cad-card,
.cad-card {
 display:grid!important;
 grid-template-columns:minmax(0, 25%) minmax(0, 1fr) minmax(180px, 230px)!important;
 align-items:center!important;
 column-gap:28px!important;
 row-gap:18px!important;
 width:100%;max-width:100%;box-sizing:border-box;
}
.cad-card > .cad-picture {grid-column:1;min-width:0;}
.cad-card > .cad-details {grid-column:2;min-width:0;}
.cad-card > .cad-buttons {grid-column:3;min-width:0;display:flex!important;flex-direction:column!important;align-items:stretch!important;}
.cad-card .cad-picture img.cad-image {width:100%!important;max-width:100%!important;height:auto!important;max-height:210px!important;object-fit:contain!important;}
.cad-card .cad-button {display:flex!important;width:100%!important;box-sizing:border-box!important;color:var(--cad-fg)!important;background-color:var(--cad-bg)!important;text-decoration:none!important;}
.cad-editor-preview {width:100%;max-width:100%;}
@media (max-width:850px) {
 :where(.editor-styles-wrapper, .block-editor-block-list__layout, .wp-block-kadence-column, .kt-inside-inner-col) .cad-card, .cad-editor-preview .cad-card,.cad-card {grid-template-columns:minmax(0, 30%) minmax(0, 1fr)!important;gap:14px!important;}
 .cad-card > .cad-buttons {grid-column:1 / -1!important;flex-direction:row!important;flex-wrap:wrap!important;}
 .cad-card .cad-button {flex:1 1 175px!important;width:auto!important;}
}
@media (max-width:480px) {
 :where(.editor-styles-wrapper, .block-editor-block-list__layout, .wp-block-kadence-column, .kt-inside-inner-col) .cad-card,.cad-editor-preview .cad-card,.cad-card {grid-template-columns:minmax(0, 1fr)!important;}
 .cad-card > .cad-picture,.cad-card > .cad-details,.cad-card > .cad-buttons {grid-column:1!important;}
 .cad-card > .cad-picture {width:100%;max-width:220px;margin:0 auto;}
 .cad-card > .cad-buttons {flex-direction:column!important;}
 .cad-card .cad-button {flex:none!important;width:100%!important;}
}
/* Interface de edição rápida */
.cad-modal{width:min(760px,calc(100vw - 32px));max-height:90vh}.cad-modal-fields{display:grid;gap:12px}.cad-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cad-modal-media{display:flex;align-items:center;gap:12px}.cad-modal-media img{max-height:95px;max-width:135px;object-fit:contain}.cad-modal-platform{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:12px}.cad-modal-platform i{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%}.cad-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.cad-modal-fields h3{margin:12px 0 0}.cad-modal-fields .components-toggle-control{margin-bottom:0}@media(max-width:600px){.cad-modal-grid,.cad-modal-platform{grid-template-columns:1fr}}

.cad-add-platform{border-top:1px solid #ddd;padding-top:12px}.cad-platform-form{margin-top:12px;display:flex;flex-wrap:wrap;align-items:end;gap:12px}.cad-platform-form>.components-base-control{min-width:200px}.cad-platform-form label{display:flex;gap:8px;align-items:center}.cad-primary{font-size:11px;color:#147d46}.cad-modal-platform{min-width:0}.cad-modal-platform .components-base-control{margin:0}

/* v1.7: etiqueta sem fundo e edição direta dos campos do cartão */
.cad-badge{background:transparent!important;color:inherit!important;font-size:15px;font-weight:500;padding:0!important;line-height:1.4;}
.cad-editable-card .cad-badge-editable{display:block;width:fit-content;min-width:7em;}
.cad-editable-card .cad-badge-editable:empty:before{color:#757575;}
.cad-editable-card .cad-editable-title-row{display:flex;align-items:baseline;gap:5px;}
.cad-editable-card .cad-editable-title-row .cad-title{flex:1;min-width:0;}
.cad-editable-card .cad-details [contenteditable="true"]{cursor:text;border-radius:3px;}
.cad-editable-card .cad-details [contenteditable="true"]:focus{outline:1px solid #2271b1;outline-offset:3px;}
.cad-inline-hint{display:block;color:#777;font-size:11px;margin-top:9px;}
.cad-editable-card .cad-button{cursor:default;}
.cad-missing-image{font-size:12px;color:#777;}

/* v1.8: true inline native text fields in the Gutenberg preview */
.cad-editable-card .cad-inline-input{box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;border:1px solid transparent!important;background:transparent!important;color:inherit!important;padding:3px 4px!important;font-family:inherit!important;letter-spacing:inherit!important;resize:vertical!important;opacity:1!important;pointer-events:auto!important;position:relative!important;z-index:2!important;}
.cad-editable-card .cad-inline-input:hover{border-color:#c3c4c7!important;background:rgba(0,0,0,.025)!important;}
.cad-editable-card .cad-inline-input:focus{border-color:#2271b1!important;background:#fff!important;outline:1px solid #2271b1!important;box-shadow:none!important;}
.cad-editable-card .cad-inline-badge{font-size:15px!important;font-weight:500!important;line-height:1.4!important;margin:0 0 8px!important;}
.cad-editable-card .cad-inline-title{font-size:clamp(18px,2vw,23px)!important;font-weight:700!important;line-height:1.3!important;margin:0!important;}
.cad-editable-card .cad-inline-desc{font-size:16px!important;font-weight:400!important;line-height:1.6!important;margin:8px 0 0!important;overflow:hidden!important;}
.cad-editable-card .cad-inline-hint{display:block;color:#72777c;font-size:11px;margin-top:8px;}

/* v1.9: inline editing in the Gutenberg preview and non-black badges globally */
.cad-card .cad-badge{background:none!important;color:inherit!important;padding:0!important;font-weight:500!important}
.editor-styles-wrapper .cad-editor-preview .cad-inline-input{appearance:none!important;-webkit-appearance:none!important;cursor:text!important;user-select:text!important;-webkit-user-select:text!important}
.editor-styles-wrapper .cad-editor-preview .cad-inline-input:focus{background:#fff!important;color:#222!important}
.cad-editable-card .cad-inline-badge{font-weight:500!important}

/* 1.10: selected CAD block visible in Gutenberg, without affecting public pages */
.editor-styles-wrapper .cad-editor-block{position:relative;min-width:0;box-sizing:border-box;}
.editor-styles-wrapper .cad-editor-block.is-selected{outline:2px solid var(--wp-admin-theme-color,#3858e9)!important;outline-offset:1px!important;}
.editor-styles-wrapper .cad-editor-block.has-child-selected{outline:1px solid var(--wp-admin-theme-color,#3858e9)!important;outline-offset:1px!important;}
.editor-styles-wrapper .cad-editor-block .cad-editable-card{margin:0;}

/* 1.10.1: only native Gutenberg outline; no blue selection panel or pseudo-elements */
.editor-styles-wrapper .cad-editor-block.is-selected::before,.editor-styles-wrapper .cad-editor-block.is-selected::after{content:none!important;display:none!important;}
.editor-styles-wrapper .cad-editor-block.is-selected{background:transparent!important;}

/* v1.11: Estrutura de blocos internos do CAD. */
.cad-structured > .wp-block-cad-foto{grid-column:1;min-width:0}
.cad-structured > .wp-block-cad-detalhes{grid-column:2;min-width:0}
.cad-structured > .wp-block-cad-acoes{grid-column:3;min-width:0}
.cad-structured .cad-actions-child .cad-buttons{display:flex;flex-direction:column;gap:14px;width:100%}
.cad-structured .cad-structure-details{min-width:0}
.cad-structured .wp-block-cad-etiqueta{background:transparent!important;color:inherit!important;padding:0!important;font-weight:500!important;font-size:15px}
.cad-structured .wp-block-cad-titulo{font-size:clamp(18px,2vw,23px);font-weight:700;line-height:1.3;margin:12px 0!important}
.cad-structured .wp-block-cad-descricao{font-size:16px;line-height:1.6;margin:10px 0 0!important}
.editor-styles-wrapper .cad-structured .block-editor-inner-blocks,.editor-styles-wrapper .cad-structured .block-editor-block-list__layout{min-width:0}
.editor-styles-wrapper .cad-complete-root .cad-structured{border:1px solid #eee;border-radius:6px}
@media(max-width:850px){.cad-structured > .wp-block-cad-acoes{grid-column:1/-1}}
@media(max-width:480px){.cad-structured > .wp-block-cad-foto,.cad-structured > .wp-block-cad-detalhes,.cad-structured > .wp-block-cad-acoes{grid-column:1}}

.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout{display:grid;grid-template-columns:minmax(0,25%) minmax(0,1fr) minmax(180px,230px);gap:28px;align-items:center}
@media(max-width:850px){.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout{grid-template-columns:minmax(0,30%) minmax(0,1fr);gap:14px}}
@media(max-width:480px){.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout{grid-template-columns:1fr}}

/* v1.11.1: seleção e inserção padrão do Gutenberg, sem faixa de destaque artificial */
.editor-styles-wrapper .cad-complete-root .cad-structured .block-list-appender{grid-column:1/-1}
.editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-inner-blocks{width:100%}
.editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-foto{grid-column:1}
.editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-detalhes{grid-column:2}
.editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-acoes{grid-column:3}
@media(max-width:850px){.editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-acoes{grid-column:1/-1}}
@media(max-width:480px){.editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-foto,.editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-detalhes,.editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-acoes{grid-column:1}}

/* v1.12: grid correta nos blocos internos reais do Gutenberg. */
.editor-styles-wrapper .cad-complete-root{display:block!important;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.editor-styles-wrapper .cad-complete-root > .cad-structured {
 display:block!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;
 box-sizing:border-box!important;padding:18px!important;
}
.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks,
.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {
 width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {
 display:grid!important;grid-template-columns:minmax(0,25%) minmax(0,1fr) minmax(180px,230px)!important;
 gap:24px!important;align-items:center!important;
}
.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-cad-foto,
.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-cad-detalhes,
.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-cad-acoes {
 width:100%!important;max-width:100%!important;min-width:0!important;position:relative!important;
 margin:0!important;box-sizing:border-box!important;align-self:center!important;
}
.editor-styles-wrapper .cad-complete-root > .cad-structured .cad-structure-details > .block-editor-inner-blocks,
.editor-styles-wrapper .cad-complete-root > .cad-structured .cad-structure-details > .block-editor-inner-blocks > .block-editor-block-list__layout {width:100%!important;min-width:0!important;display:block!important}
.editor-styles-wrapper .cad-complete-root > .cad-structured .cad-structure-details .wp-block-cad-etiqueta,
.editor-styles-wrapper .cad-complete-root > .cad-structured .cad-structure-details .wp-block-cad-titulo,
.editor-styles-wrapper .cad-complete-root > .cad-structured .cad-structure-details .wp-block-cad-descricao {width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow-wrap:break-word!important;word-break:normal!important}
.editor-styles-wrapper .cad-complete-root > .cad-structured .cad-actions-child .cad-buttons{width:100%!important;min-width:0!important}
@media(max-width:850px){
 .editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {grid-template-columns:minmax(0,30%) minmax(0,1fr)!important;gap:14px!important}
 .editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-cad-acoes {grid-column:1/-1!important}
}
@media(max-width:480px){
 .editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {grid-template-columns:minmax(0,1fr)!important}
 .editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-cad-foto,
 .editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-cad-detalhes,
 .editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-cad-acoes {grid-column:1!important}
}

/* v1.15: um único cartão visual para blocos completos, tanto no editor quanto no site. */
.cad-card.cad-structured {
 box-sizing:border-box!important; width:100%; max-width:100%; min-width:0;
 border:1px solid #ededed!important; border-radius:6px!important;
 padding:22px 20px!important; margin:0!important;
 grid-template-columns:minmax(0,25%) minmax(0,1fr) minmax(180px,230px)!important;
 column-gap:28px!important; row-gap:14px!important; align-items:center!important;
}
.cad-card.cad-structured > .cad-picture,.cad-card.cad-structured > .cad-details,
.cad-card.cad-structured > .cad-buttons {min-width:0;max-width:100%;}
.cad-card.cad-structured > .cad-picture {grid-column:1!important;}
.cad-card.cad-structured > .cad-details {grid-column:2!important;}
.cad-card.cad-structured > .cad-buttons {grid-column:3!important;}
.cad-card.cad-structured .cad-badge {display:block; background:transparent!important; color:inherit!important;
 font-size:15px!important;font-weight:400!important;padding:0!important;margin:0 0 10px!important;}
.cad-card.cad-structured .cad-title {font-size:clamp(18px,2vw,23px);font-weight:700;line-height:1.3;
 margin:0 0 12px!important;}
.cad-card.cad-structured .cad-desc {font-size:16px!important;line-height:1.6!important;margin:0!important;}
.cad-card.cad-structured .cad-image {max-height:210px!important;object-fit:contain!important;}
.cad-card.cad-structured .cad-buttons {display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;}
.cad-card.cad-structured .cad-button {width:100%!important;min-height:50px;box-sizing:border-box;}
/* O editor do Gutenberg envolve os filhos com dois elementos próprios. */
.editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured {display:block!important;}
.editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {
 display:grid!important;grid-template-columns:minmax(0,25%) minmax(0,1fr) minmax(180px,230px)!important;
 gap:28px!important;align-items:center!important;
}
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {font-weight:400!important;font-size:15px!important;line-height:1.4!important;margin:0 0 10px!important;}
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo {margin:0 0 12px!important;line-height:1.3!important;}
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-descricao {margin:0!important;line-height:1.6!important;}
@media(max-width:850px){
 .cad-card.cad-structured {grid-template-columns:minmax(0,30%) minmax(0,1fr)!important;gap:14px!important;}
 .cad-card.cad-structured > .cad-buttons {grid-column:1/-1!important;flex-direction:row!important;flex-wrap:wrap!important;}
 .cad-card.cad-structured .cad-button {flex:1 1 170px;width:auto!important;}
 .editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {grid-template-columns:minmax(0,30%) minmax(0,1fr)!important;gap:14px!important;}
}
@media(max-width:480px){
 .cad-card.cad-structured {grid-template-columns:minmax(0,1fr)!important;padding:16px!important;}
 .cad-card.cad-structured > .cad-picture,.cad-card.cad-structured > .cad-details,.cad-card.cad-structured > .cad-buttons {grid-column:1!important;}
 .cad-card.cad-structured > .cad-buttons{flex-direction:column!important;}
 .cad-card.cad-structured .cad-button {width:100%!important;flex:none!important;}
 .editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {grid-template-columns:minmax(0,1fr)!important;}
}


/* v1.16: o bloco completo compartilha as medidas e a responsividade do cartao simples. */
.cad-card.cad-structured,
.editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured{
 padding:18px!important; border:1px solid #eee!important;border-radius:6px!important;
 width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
/* O Gutenberg introduz wrappers no editor, que devem continuar dentro da grade. */
.editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout{
 grid-template-columns:minmax(0,25%) minmax(0,1fr) minmax(0,230px)!important;
 gap:28px!important;align-items:center!important;
}
.cad-card.cad-structured > .cad-picture,
.cad-card.cad-structured > .cad-details,
.cad-card.cad-structured > .cad-buttons{width:100%!important;min-width:0!important;max-width:100%!important;}
.cad-card.cad-structured > .cad-buttons{display:flex!important;flex-direction:column!important;gap:14px!important;align-items:stretch!important;}
.cad-card.cad-structured .cad-button,
.editor-styles-wrapper .cad-complete-root .cad-actions-child .cad-button{
 display:flex!important;width:100%!important;min-height:50px!important;height:auto!important;
 padding:10px 12px!important;line-height:1.4!important;flex:0 0 auto!important;
 align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
 font-size:16px!important;text-align:center!important;white-space:normal!important;
}
.cad-card.cad-structured .cad-picture{display:flex!important;align-items:center!important;justify-content:center!important;}
.cad-card.cad-structured .cad-image{width:100%!important;height:auto!important;max-height:210px!important;object-fit:contain!important;}
/* Os botoes '+' sao controles do editor, nao partes do cartao publicado. */
.editor-styles-wrapper .cad-complete-root .cad-structured .block-list-appender{
 grid-column:1/-1!important; min-height:0!important;max-width:100%!important;
}
/* Tablets e celulares: imagem e texto lado a lado, plataformas abaixo, como no cartao simples. */
@media(max-width:850px){
 .cad-card.cad-structured{display:grid!important;grid-template-columns:minmax(0,30%) minmax(0,1fr)!important;gap:14px!important;align-items:center!important;}
 .cad-card.cad-structured > .cad-picture{grid-column:1!important;}
 .cad-card.cad-structured > .cad-details{grid-column:2!important;}
 .cad-card.cad-structured > .cad-buttons{grid-column:1/-1!important;flex-direction:row!important;flex-wrap:wrap!important;gap:14px!important;}
 .cad-card.cad-structured > .cad-buttons > .cad-button{flex:1 1 160px!important;width:auto!important;}
 .editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout{
  grid-template-columns:minmax(0,30%) minmax(0,1fr)!important;gap:14px!important;align-items:center!important;
 }
 .editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-foto{grid-column:1!important;}
 .editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-detalhes{grid-column:2!important;}
 .editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-acoes{grid-column:1/-1!important;}
 .editor-styles-wrapper .cad-complete-root .cad-actions-child .cad-buttons{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:14px!important;}
 .editor-styles-wrapper .cad-complete-root .cad-actions-child .cad-button{flex:1 1 160px!important;width:auto!important;min-height:46px!important;}
 .cad-card.cad-structured .cad-desc{font-size:15px!important;}
}
/* Somente em telas muito estreitas o cartao passa a uma coluna. */
@media(max-width:400px){
 .cad-card.cad-structured{grid-template-columns:minmax(0,1fr)!important;}
 .cad-card.cad-structured > .cad-picture,.cad-card.cad-structured > .cad-details,.cad-card.cad-structured > .cad-buttons{grid-column:1!important;}
 .cad-card.cad-structured > .cad-picture{width:100%!important;max-width:200px!important;margin:auto!important;}
 .editor-styles-wrapper .cad-complete-root > .cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout{grid-template-columns:minmax(0,1fr)!important;}
 .editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-foto,
 .editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-detalhes,
 .editor-styles-wrapper .cad-complete-root .cad-structured .block-editor-block-list__layout > .wp-block-cad-acoes{grid-column:1!important;}
}

/* v1.17: botoes independentes, com largura e altura previsiveis em qualquer Section. */
.wp-block-cad-botoes,.cad-editor-preview[data-cad-block="botoes"]{width:100%;min-width:0;max-width:100%;box-sizing:border-box;}
.wp-block-cad-botoes > .cad-buttons,.cad-editor-preview[data-cad-block="botoes"] .cad-buttons{
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:stretch!important;
 gap:12px!important;width:100%!important;min-width:0!important;max-width:100%!important;
}
.wp-block-cad-botoes > .cad-buttons > .cad-button,.cad-editor-preview[data-cad-block="botoes"] .cad-buttons > .cad-button{
 flex:1 1 190px!important;max-width:100%!important;width:auto!important;height:auto!important;
 min-height:48px!important;padding:12px 16px!important;box-sizing:border-box!important;
 font-size:16px!important;line-height:1.35!important;align-items:center!important;justify-content:center!important;
}
@media(max-width:480px){
 .wp-block-cad-botoes > .cad-buttons > .cad-button,.cad-editor-preview[data-cad-block="botoes"] .cad-buttons > .cad-button{flex:1 1 100%!important;}
}
/* O botao de adicionar filhos nao deve flutuar sobre a descricao do cartao. */
.editor-styles-wrapper .cad-complete-root .cad-structured .block-list-appender{display:none!important;}

/* v1.18: alinhamento editorial do cartão expansível e prévia independente dos botões */
@media (min-width:851px){
 .cad-card.cad-structured {align-items:start!important;}
 .cad-card.cad-structured > .cad-picture {align-self:start!important;margin-top:22px!important;}
 .cad-card.cad-structured > .cad-details {align-self:start!important;margin-top:0!important;}
 .cad-card.cad-structured > .cad-buttons {align-self:start!important;margin-top:42px!important;}
 .editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {align-items:start!important;}
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto {align-self:start!important;margin-top:22px!important;}
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes {align-self:start!important;margin-top:0!important;}
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes {align-self:start!important;margin-top:42px!important;}
}
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {margin-top:0!important;margin-bottom:13px!important;}
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo {margin-top:0!important;margin-bottom:11px!important;}
.cad-card.cad-structured .cad-structure-details .cad-badge {margin-bottom:13px!important;}
.cad-card.cad-structured .cad-structure-details .cad-title {margin-top:0!important;margin-bottom:11px!important;}
.cad-editor-preview[data-cad-block="botoes"] .cad-buttons-standalone{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:12px!important;width:100%!important;}
.cad-editor-preview[data-cad-block="botoes"] .cad-buttons-standalone .cad-button{flex:1 1 180px!important;width:auto!important;min-height:48px!important;max-width:100%!important;}
@media(max-width:480px){
 .cad-editor-preview[data-cad-block="botoes"] .cad-buttons-standalone .cad-button{flex:1 1 100%!important;}
}

/* v1.19: botões independentes com o mesmo tamanho dos botões originais. */
.wp-block-cad-botoes .cad-buttons,
.editor-styles-wrapper .cad-editor-preview[data-cad-block="botoes"] .cad-buttons,
.editor-styles-wrapper .cad-editor-preview[data-cad-block="botoes"] .cad-buttons-standalone {
 display:flex!important;flex-flow:row wrap!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
.wp-block-cad-botoes .cad-buttons > .cad-button,
.editor-styles-wrapper .cad-editor-preview[data-cad-block="botoes"] .cad-buttons > .cad-button,
.editor-styles-wrapper .cad-editor-preview[data-cad-block="botoes"] .cad-buttons-standalone > .cad-button {
 flex:0 0 230px!important;width:230px!important;max-width:100%!important;
 min-height:50px!important;height:auto!important;padding:10px 12px!important;
 line-height:1.35!important;border-radius:5px!important;box-sizing:border-box!important;
}
@media(max-width:480px){
 .wp-block-cad-botoes .cad-buttons > .cad-button,
 .editor-styles-wrapper .cad-editor-preview[data-cad-block="botoes"] .cad-buttons > .cad-button,
 .editor-styles-wrapper .cad-editor-preview[data-cad-block="botoes"] .cad-buttons-standalone > .cad-button {
  flex:1 1 180px!important;width:auto!important;max-width:100%!important;
 }
}

/* 1.21: nivel real do titulo controla o tamanho; suporte ao FontSizePicker nativo. */
.cad-card.cad-structured .cad-title,
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo {
 font-size:var(--cad-title-size,23px)!important;
 line-height:1.32!important;
}
/* Alinhamento editorial identico ao cartao simples: etiqueta no topo e elementos laterais abaixo. */
@media (min-width:851px){
 .cad-card.cad-structured {align-items:start!important;}
 .cad-card.cad-structured > .cad-picture {align-self:start!important;margin-top:22px!important;}
 .cad-card.cad-structured > .cad-details {align-self:start!important;margin-top:0!important;}
 .cad-card.cad-structured > .cad-buttons {align-self:start!important;margin-top:42px!important;}
 .editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {align-items:start!important;}
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto {align-self:start!important;margin-top:22px!important;}
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes {align-self:start!important;margin-top:0!important;}
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes {align-self:start!important;margin-top:42px!important;}
}
/* Botões afiliados criados pelo CAD nunca usam a cor preta padrão do Kadence no hover. */

/* v1.22.3: removido deslocamento negativo da coluna central. */


/* v1.22.2: correção do layout publicado do bloco completo. */
@media (min-width:851px){
 .cad-card.cad-structured{display:grid!important;grid-template-columns:minmax(220px,240px) minmax(0,1fr) 230px!important;column-gap:34px!important;row-gap:14px!important;align-items:start!important;padding:26px 20px!important;}
 .cad-card.cad-structured > .wp-block-cad-foto{grid-column:1!important;align-self:start!important;min-width:0!important;margin-top:18px!important;}
 .cad-card.cad-structured > .wp-block-cad-detalhes{grid-column:2!important;align-self:start!important;min-width:0!important;margin-top:0!important;transform:none!important;}
 .cad-card.cad-structured > .wp-block-cad-acoes{grid-column:3!important;align-self:start!important;min-width:0!important;margin-top:28px!important;}
 .cad-card.cad-structured > .wp-block-cad-foto .cad-picture{display:flex!important;align-items:flex-start!important;justify-content:center!important;}
 .cad-card.cad-structured > .wp-block-cad-detalhes .cad-details{display:block!important;min-width:0!important;}
 .cad-card.cad-structured > .wp-block-cad-detalhes .cad-badge{display:block!important;margin:0 0 12px!important;padding:0!important;background:none!important;color:inherit!important;font-weight:400!important;font-size:15px!important;line-height:1.4!important;}
 .cad-card.cad-structured > .wp-block-cad-detalhes .cad-title{margin:0 0 14px!important;line-height:1.28!important;}
 .cad-card.cad-structured > .wp-block-cad-detalhes .cad-desc{margin:0!important;line-height:1.62!important;}
 .cad-card.cad-structured > .wp-block-cad-acoes .cad-buttons{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;}
 .cad-card.cad-structured > .wp-block-cad-acoes .cad-button{width:100%!important;min-height:50px!important;}
}
@media (max-width:850px){
 .cad-card.cad-structured{display:grid!important;grid-template-columns:minmax(120px,30%) minmax(0,1fr)!important;column-gap:18px!important;row-gap:14px!important;align-items:start!important;padding:20px 16px!important;}
 .cad-card.cad-structured > .wp-block-cad-foto{grid-column:1!important;align-self:start!important;margin-top:8px!important;}
 .cad-card.cad-structured > .wp-block-cad-detalhes{grid-column:2!important;align-self:start!important;transform:none!important;}
 .cad-card.cad-structured > .wp-block-cad-acoes{grid-column:1 / -1!important;align-self:start!important;margin-top:10px!important;}
 .cad-card.cad-structured > .wp-block-cad-acoes .cad-buttons{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;justify-content:flex-start!important;}
 .cad-card.cad-structured > .wp-block-cad-acoes .cad-button{flex:0 0 230px!important;width:230px!important;max-width:100%!important;}
}
@media (max-width:480px){
 .cad-card.cad-structured{grid-template-columns:1fr!important;padding:16px 14px!important;}
 .cad-card.cad-structured > .wp-block-cad-foto,.cad-card.cad-structured > .wp-block-cad-detalhes,.cad-card.cad-structured > .wp-block-cad-acoes{grid-column:1!important;transform:none!important;}
 .cad-card.cad-structured > .wp-block-cad-foto{max-width:200px!important;margin:0 auto 6px!important;}
 .cad-card.cad-structured > .wp-block-cad-acoes .cad-buttons{display:flex!important;flex-direction:column!important;gap:12px!important;}
 .cad-card.cad-structured > .wp-block-cad-acoes .cad-button{width:100%!important;flex:none!important;}
}

/* v1.22.3: corrige a coluna de informações renderizada no front-end e editor.
   O elemento real é .cad-details.cad-structure-details, filho do wrapper
   wp-block-cad-detalhes. O deslocamento de -37px o tirava da borda. */
.cad-card.cad-structured .cad-details.cad-structure-details,
.editor-styles-wrapper .cad-complete-root .cad-details.cad-structure-details,
.cad-card.cad-structured > .wp-block-cad-detalhes,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes {
  transform:none!important;
  position:relative!important;
  top:auto!important;
  margin-top:0!important;
}
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge {
  margin-top:0!important;
}

/* v1.22.4: mesmas colunas no Gutenberg e na pagina publicada. */
@media(min-width:851px){
 .cad-card.cad-structured{display:grid!important;grid-template-columns:minmax(170px,25%) minmax(0,1fr) 230px!important;column-gap:28px!important;align-items:start!important;padding:24px 18px!important;min-height:0!important;}
 .cad-card.cad-structured > .cad-picture{grid-column:1!important;align-self:start!important;margin:18px 0 0!important;transform:none!important;}
 .cad-card.cad-structured > .cad-details,.cad-card.cad-structured > .cad-details.cad-structure-details{grid-column:2!important;align-self:start!important;margin:0!important;padding:0!important;transform:none!important;position:static!important;top:auto!important;}
 .cad-card.cad-structured > .cad-buttons{grid-column:3!important;align-self:start!important;margin:28px 0 0!important;transform:none!important;}
}
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge{display:block!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important;margin:0 0 12px!important;padding:0!important;position:static!important;transform:none!important;}
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-title{margin:0 0 14px!important;line-height:1.3!important;}
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-desc{margin:0!important;line-height:1.6!important;}
@media(max-width:850px){.cad-card.cad-structured > .cad-details.cad-structure-details{margin:0!important;transform:none!important;position:static!important;}}


/* v1.22.5: ajuste fino de espaçamento para deixar editor e visualização praticamente iguais. */
@media (min-width:851px){
  .cad-card.cad-structured{
    grid-template-columns:minmax(190px,220px) minmax(0,1fr) 230px!important;
    column-gap:30px!important;
    row-gap:10px!important;
    padding:20px 18px!important;
    align-items:start!important;
  }
  .cad-card.cad-structured > .cad-picture{
    margin:14px 0 0!important;
    align-self:start!important;
  }
  .cad-card.cad-structured > .cad-details,
  .cad-card.cad-structured > .cad-details.cad-structure-details{
    margin:0!important;
    padding-top:0!important;
    align-self:start!important;
    transform:none!important;
  }
  .cad-card.cad-structured > .cad-buttons{
    margin:20px 0 0!important;
    align-self:start!important;
  }
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge{margin:0 0 10px!important;}
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-title{margin:0 0 12px!important;}
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-desc{margin:0!important;}

  .editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout{
    grid-template-columns:minmax(190px,220px) minmax(0,1fr) 230px!important;
    column-gap:30px!important;
    row-gap:10px!important;
    align-items:start!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto{
    margin:14px 0 0!important;
    align-self:start!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes,
  .editor-styles-wrapper .cad-complete-root .cad-details.cad-structure-details{
    margin:0!important;
    padding-top:0!important;
    align-self:start!important;
    transform:none!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes{
    margin:20px 0 0!important;
    align-self:start!important;
  }
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta{margin:0 0 10px!important;}
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo{margin:0 0 12px!important;}
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-descricao{margin:0!important;}
}
@media (max-width:850px){
  .cad-card.cad-structured,
  .editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout{
    row-gap:12px!important;
  }
}

/* v1.22.6: somente no HTML publicado, descer a coluna de informações.
   No editor os filhos ficam dentro de wrappers Gutenberg, portanto esta regra
   alcança apenas .cad-details renderizado diretamente pelo PHP. */
@media (min-width:851px) {
  .cad-card.cad-structured > .cad-details.cad-structure-details {
    margin-top:24px!important;
    transform:none!important;
  }
}

/* v1.23.0: alinhamento único e ajustável para edição e página publicada. */
@media(min-width:851px){
 .cad-card.cad-structured>.cad-details.cad-structure-details,
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes.cad-structure-details{
  transform:translateY(var(--cad-text-offset,0px))!important;
  margin-top:0!important;
  top:auto!important;
 }
 .cad-card.cad-structured>.cad-picture{margin-top:18px!important;}
 .cad-card.cad-structured>.cad-buttons{margin-top:28px!important;}
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto{margin-top:18px!important;}
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes{margin-top:28px!important;}
}
.cad-card.cad-structured .cad-structure-details .cad-badge{margin:0 0 12px!important;}
.cad-card.cad-structured .cad-structure-details .cad-title{margin:0 0 12px!important;}
.cad-card.cad-structured .cad-structure-details .cad-desc{margin:0!important;}
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta{margin:0 0 12px!important;}
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo{margin:0 0 12px!important;}
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-descricao{margin:0!important;}

/* v1.24.0: estilos individuais de tipografia e posição. */
.cad-card.cad-structured .cad-details .cad-badge,
.cad-card.cad-structured .cad-details .cad-desc,
.cad-card.cad-structured .cad-details .cad-title,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-etiqueta,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-titulo,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-descricao {
 position:relative!important;
 top:var(--cad-item-offset,0px)!important;
}
.cad-card.cad-structured .cad-details .cad-badge,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-etiqueta {
 font-weight:var(--cad-item-weight,400)!important;
 font-size:var(--cad-item-font,15px)!important;
}
.cad-card.cad-structured .cad-details .cad-desc,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-descricao { font-size:var(--cad-item-font,16px)!important; }
.cad-card.cad-structured .cad-details .cad-title,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-titulo { font-size:var(--cad-title-size,23px)!important; }

/* 1.24.1: mesmas regras tipográficas para a edição e o HTML salvo. */
.cad-card.cad-structured .cad-structure-details,
.editor-styles-wrapper .cad-complete-root .cad-structure-details{
 align-self:start!important;box-sizing:border-box!important;padding:0!important;
}
.cad-card.cad-structured .cad-structure-details .cad-badge,
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta{
 display:block!important;line-height:1.4!important;margin:0 0 12px!important;padding:0!important;
}
.cad-card.cad-structured .cad-structure-details .cad-title,
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo{
 display:block!important;line-height:1.3!important;margin:0 0 12px!important;padding:0!important;
}
.cad-card.cad-structured .cad-structure-details .cad-desc,
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-descricao{
 display:block!important;line-height:1.6!important;margin:0!important;padding:0!important;
}
@media(min-width:851px){
 .cad-card.cad-structured > .cad-details.cad-structure-details{
  margin-top:0!important;transform:translateY(var(--cad-text-offset,0px))!important;
 }
}
/* Responsividade de botões isolados pela largura real do bloco, inclusive
 no modo móvel do editor que pode usar viewport larga. */
.wp-block-cad-botoes,
.editor-styles-wrapper .cad-editor-preview[data-cad-block="botoes"]{container-type:inline-size;}
@container(max-width:490px){
 .cad-buttons-standalone,
 .wp-block-cad-botoes > .cad-buttons,
 .cad-editor-preview[data-cad-block="botoes"] .cad-buttons{
  display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
  align-items:center!important;gap:8px!important;
 }
 .cad-buttons-standalone > .cad-button,
 .wp-block-cad-botoes > .cad-buttons > .cad-button,
 .cad-editor-preview[data-cad-block="botoes"] .cad-buttons > .cad-button{
  flex:0 0 auto!important;width:min(100%,230px)!important;
  max-width:100%!important;min-height:50px!important;
 }
}


/* v1.24.2: bases de espaçamento específicas para renderização PHP e editor. */
@media (min-width:851px){
  .cad-card.cad-structured {align-items:start!important;}
  .cad-card.cad-structured > .cad-details.cad-structure-details{
    grid-column:2!important;align-self:start!important;
    margin:0!important;padding:0!important;
    transform:translateY(calc(24px + var(--cad-text-offset,0px)))!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes.cad-structure-details {
    margin:0!important;padding:0!important;
    transform:translateY(var(--cad-text-offset,0px))!important;
  }
}
/* Tamanho, peso e espaçamentos dos filhos, sem dependência de estilos de h2/h3 do tema. */
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-etiqueta{
  margin:0 0 12px!important;font-size:var(--cad-item-font,15px)!important;
  font-weight:var(--cad-item-weight,400)!important;line-height:1.4!important;
}
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-title,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-titulo{
  margin:0 0 12px!important;font-size:var(--cad-title-size,23px)!important;
  line-height:1.3!important;font-weight:700!important;
}
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-desc,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-descricao{
  margin:0!important;font-size:var(--cad-item-font,16px)!important;
  line-height:1.6!important;
}
/* Botões independentes se quebram pela largura do cartão e permanecem com 230px. */
.wp-block-cad-botoes .cad-buttons, .cad-editor-preview[data-cad-block="botoes"] .cad-buttons{
  display:flex!important; flex-flow:row wrap!important; justify-content:center!important;
  align-items:center!important;gap:8px!important;
}
.wp-block-cad-botoes .cad-buttons > .cad-button,
.cad-editor-preview[data-cad-block="botoes"] .cad-buttons > .cad-button {
  flex:0 0 230px!important;max-width:100%!important;width:230px!important;
  min-height:50px!important;height:auto!important;
}
@media(max-width:480px){
  .wp-block-cad-botoes .cad-buttons > .cad-button,
  .cad-editor-preview[data-cad-block="botoes"] .cad-buttons > .cad-button{
    flex:0 1 230px!important;width:min(100%,230px)!important;
  }
}

/* v1.24.3: aproxima o espaçamento do texto na página publicada ao editor. */
@media (min-width:851px) {
  .cad-card.cad-structured > .cad-details.cad-structure-details {
    transform:translateY(calc(10px + var(--cad-text-offset,0px)))!important;
    margin:0!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes.cad-structure-details {
    transform:translateY(var(--cad-text-offset,0px))!important;
  }
}
/* Botões empilhados em telas pequenas, no cartão e no bloco CAD independente. */
@media (max-width:760px) {
  .cad-card.cad-structured > .cad-buttons,
  .cad-card.cad-structured .cad-actions-child > .cad-buttons,
  .wp-block-cad-botoes > .cad-buttons,
  .cad-editor-preview[data-cad-block="botoes"] .cad-buttons {
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
  }
  .cad-card.cad-structured > .cad-buttons > .cad-button,
  .cad-card.cad-structured .cad-actions-child .cad-button,
  .wp-block-cad-botoes > .cad-buttons > .cad-button,
  .cad-editor-preview[data-cad-block="botoes"] .cad-buttons > .cad-button {
    flex:0 0 auto!important;
    width:min(100%,230px)!important;
    max-width:100%!important;
    min-height:50px!important;
    height:auto!important;
  }
  .cad-card.cad-structured > .cad-details.cad-structure-details {
    transform:translateY(var(--cad-text-offset,0px))!important;
  }
}
/* Funciona também se o viewport do editor for amplo, mas a Section for estreita. */
.wp-block-cad-botoes {container-type:inline-size;}
@container (max-width:490px) {
  .wp-block-cad-botoes > .cad-buttons {
    flex-flow:column nowrap!important;
    align-items:center!important;
    gap:8px!important;
  }
  .wp-block-cad-botoes > .cad-buttons > .cad-button {
    flex:0 0 auto!important;
    width:min(100%,230px)!important;
    max-width:100%!important;
  }
}


/* v1.24.4: alinhar a visualização salva com a edição. */
@media (min-width:851px){
  .cad-card.cad-structured > .cad-details.cad-structure-details{
    transform:translateY(var(--cad-text-offset,0px))!important;
    margin:0!important;
  }
}

/* v1.24.5: equivalência visual do texto no editor e na página publicada.
   Não muda os controles individuais nem os botões e a imagem. */
@media (min-width:851px) {
  body:not(.block-editor-page) .cad-card.cad-structured > .cad-details.cad-structure-details {
    transform:translateY(calc(16px + var(--cad-text-offset,0px)))!important;
  }
  body:not(.block-editor-page) .cad-card.cad-structured > .cad-details.cad-structure-details > .cad-badge {
    margin-bottom:17px!important;
  }
}

/* v1.24.6: compensacao de diferenca entre editor e front-end.
   A etiqueta comeca 6px acima e o titulo 12px mais abaixo relativamente a 1.24.5. */
@media(min-width:851px){
 body:not(.block-editor-page) .cad-card.cad-structured > .cad-details.cad-structure-details{
 transform:translateY(calc(10px + var(--cad-text-offset,0px)))!important;
 }
 body:not(.block-editor-page) .cad-card.cad-structured > .cad-details.cad-structure-details > .cad-badge{
 margin-bottom:29px!important;
 }
}


/* v1.24.7: ajuste mobile do bloco completo para seguir o editor.
   Mantém imagem à esquerda, texto à direita e botões empilhados abaixo. */
@media (max-width: 680px) {
  .cad-card.cad-structured {
    display:grid !important;
    grid-template-columns: 108px minmax(0,1fr) !important;
    column-gap: 16px !important;
    row-gap: 10px !important;
    align-items:start !important;
    padding: 16px 14px !important;
  }
  .cad-card.cad-structured > .cad-picture {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 108px !important;
  }
  .cad-card.cad-structured > .cad-picture img,
  .cad-card.cad-structured > .cad-picture .wp-block-image,
  .cad-card.cad-structured > .cad-picture figure {
    max-width: 100% !important;
    width: 100% !important;
  }
  .cad-card.cad-structured > .cad-details.cad-structure-details {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin: 0 !important;
    transform: translateY(var(--cad-text-offset,0px)) !important;
  }
  .cad-card.cad-structured > .cad-details.cad-structure-details > .cad-badge {
    margin: 0 0 10px !important;
  }
  .cad-card.cad-structured > .cad-details.cad-structure-details > .cad-title {
    margin: 0 0 12px !important;
    line-height: 1.25 !important;
  }
  .cad-card.cad-structured > .cad-details.cad-structure-details > .cad-desc {
    margin: 0 !important;
    line-height: 1.55 !important;
  }
  .cad-card.cad-structured > .cad-buttons,
  .cad-card.cad-structured .cad-actions-child > .cad-buttons {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
  }
  .cad-card.cad-structured > .cad-buttons > .cad-button,
  .cad-card.cad-structured .cad-actions-child .cad-button {
    width: min(100%, 262px) !important;
    max-width: 100% !important;
    min-height: 50px !important;
  }
}

/* espelhamento visual no editor para o mesmo comportamento em telas estreitas */
@media (max-width: 680px) {
  .editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {
    display:grid !important;
    grid-template-columns: 108px minmax(0,1fr) !important;
    column-gap: 16px !important;
    row-gap: 10px !important;
    align-items:start !important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 108px !important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes,
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes.cad-structure-details {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin: 0 !important;
    transform: none !important;
  }
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
    margin: 0 0 10px !important;
  }
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo {
    margin: 0 0 12px !important;
    line-height: 1.25 !important;
  }
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-descricao {
    margin: 0 !important;
    line-height: 1.55 !important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes,
  .editor-styles-wrapper .cad-complete-root .cad-actions-child {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-top: 14px !important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes .cad-buttons,
  .editor-styles-wrapper .cad-complete-root .cad-actions-child > .cad-buttons {
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    align-items:center !important;
    width:100% !important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes .cad-button,
  .editor-styles-wrapper .cad-complete-root .cad-actions-child .cad-button {
    width:min(100%,262px) !important;
    max-width:100% !important;
    min-height:50px !important;
  }
}


/* 1.24.8: cartão vertical no celular. Não modifica os layouts desktop. */
@media (max-width:680px) {
  .cad-card.cad-structured {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    padding:18px 16px 22px!important;
    align-items:stretch!important;
  }
  .cad-card.cad-structured > .cad-picture {
    grid-column:1!important;grid-row:1!important;
    width:100%!important;max-width:100%!important;
    margin:0 auto 24px!important;padding:0!important;
    justify-self:center!important;align-self:center!important;
    display:flex!important;justify-content:center!important;
  }
  .cad-card.cad-structured > .cad-picture .cad-image,
  .cad-card.cad-structured > .cad-picture img {
    max-width:100%!important;width:auto!important;
    max-height:260px!important;height:auto!important;
    object-fit:contain!important;
  }
  .cad-card.cad-structured > .cad-details.cad-structure-details {
    grid-column:1!important;grid-row:2!important;
    width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;
    transform:none!important;align-self:start!important;
  }
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge {
    margin:0 0 14px!important;line-height:1.4!important;
  }
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-title {
    margin:0 0 14px!important;line-height:1.3!important;
  }
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-desc {
    margin:0!important;line-height:1.6!important;
  }
  .cad-card.cad-structured > .cad-buttons {
    grid-column:1!important;grid-row:3!important;
    display:flex!important;flex-flow:column nowrap!important;
    align-items:center!important;justify-content:center!important;
    width:100%!important;gap:12px!important;
    margin:24px 0 0!important;padding:0!important;
  }
  .cad-card.cad-structured > .cad-buttons > .cad-button {
    width:min(100%,230px)!important;max-width:100%!important;
    flex:0 0 auto!important;min-height:50px!important;
  }
  /* Mesma ordem e medidas no editor Gutenberg. */
  .editor-styles-wrapper .cad-complete-root > .cad-card.cad-structured > .block-editor-inner-blocks > .block-editor-block-list__layout {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;align-items:stretch!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto {
    grid-column:1!important;grid-row:1!important;
    width:100%!important;max-width:100%!important;
    display:flex!important;justify-content:center!important;
    margin:0 auto 24px!important;padding:0!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto .cad-image {
    width:auto!important;max-width:100%!important;max-height:260px!important;
    object-fit:contain!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes.cad-structure-details {
    grid-column:1!important;grid-row:2!important;
    width:100%!important;max-width:100%!important;
    margin:0!important;padding:0!important;
    transform:none!important;
  }
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {margin:0 0 14px!important;}
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo {margin:0 0 14px!important;line-height:1.3!important;}
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-descricao {margin:0!important;line-height:1.6!important;}
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes {
    grid-column:1!important;grid-row:3!important;
    width:100%!important;max-width:100%!important;
    margin:24px 0 0!important;padding:0!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes .cad-buttons {
    display:flex!important;flex-flow:column nowrap!important;
    justify-content:center!important;align-items:center!important;
    gap:12px!important;width:100%!important;
  }
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes .cad-button {
    flex:0 0 auto!important;width:min(100%,230px)!important;
    min-height:50px!important;max-width:100%!important;
  }
}

/* v1.24.9: acabamento visual apenas para cartões CAD em celular. */
@media (max-width:680px) {
  .cad-card.cad-structured {
    padding:14px 14px 20px!important;
    border-radius:10px!important;
    row-gap:0!important;
    overflow:visible!important;
  }
  /* Foto: moldura delicada, sem ampliar desnecessariamente a máquina. */
  .cad-card.cad-structured > .cad-picture,
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto {
    box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;
    min-height:0!important;
    padding:13px 12px!important;
    margin:0 0 16px!important;
    background:#f7f7f7!important;
    border:1px solid #e5e5e5!important;
    border-radius:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .cad-card.cad-structured > .cad-picture img.cad-image,
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto img.cad-image {
    width:auto!important;
    max-width:100%!important;
    max-height:200px!important;
    height:auto!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
  .cad-card.cad-structured > .cad-details.cad-structure-details,
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-detalhes.cad-structure-details {
    margin:0!important;
    padding:0 1px!important;
    width:100%!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge,
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
    margin:0 0 12px!important;
    line-height:1.4!important;
  }
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-title,
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo {
    margin:0 0 14px!important;
    line-height:1.3!important;
  }
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-desc,
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-descricao {
    margin:0!important;
    line-height:1.55!important;
  }
  .cad-card.cad-structured > .cad-buttons,
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes {
    margin:18px 0 0!important;
  }
  .cad-card.cad-structured > .cad-buttons,
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes .cad-buttons {
    gap:9px!important;
  }
  .cad-card.cad-structured > .cad-buttons > .cad-button,
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-acoes .cad-button {
    min-height:50px!important;
    width:min(100%,230px)!important;
    border-radius:6px!important;
  }
}

/* v1.25.0: mobile - espaço entre etiqueta e título, igual no editor e publicado.
   O deslocamento individual dos elementos permanece respeitado. */
@media (max-width:680px) {
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge,
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
    margin-bottom:26px!important;
  }
}

/* v1.26.2: aparência global sem alterar estrutura Gutenberg ou salvamento. */
.cad-card.cad-structured {
 background-color:var(--cad-card-custom-bg,#fff)!important;
 border-color:var(--cad-card-custom-border,#eee)!important;
 border-radius:var(--cad-card-custom-radius,6px)!important;
}
/* Gap aplicado somente entre cartões CAD adjacentes. */
.wp-block-cad-completo + .wp-block-cad-completo,
.cad-card.cad-structured + .cad-card.cad-structured {
 margin-top:var(--cad-card-custom-gap,12px)!important;
}
@media(max-width:680px){
 .cad-card.cad-structured .cad-picture{
  background:var(--cad-image-custom-bg,#f7f7f7)!important;
  border:calc(var(--cad-image-frame-enabled,1) * 1px) solid var(--cad-image-custom-border,#e3e3e3)!important;
  border-radius:var(--cad-image-custom-radius,16px)!important;
 }
 .cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge,
 .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta{
   margin-bottom:var(--cad-label-custom-gap,20px)!important;
 }
}


/* v1.26.3: configurações globais com prioridade sobre o estilo mobile anterior.
   Mantém dimensões e responsividade, substitui apenas cores, moldura e raio. */
@media (max-width:680px) {
  .cad-card.cad-structured > .cad-picture,
  .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto {
    background-color:var(--cad-image-custom-bg,#fff)!important;
    border-color:var(--cad-image-custom-border,#e3e3e3)!important;
    border-style:solid!important;
    border-width:calc(var(--cad-image-frame-enabled,1) * 1px)!important;
    border-radius:var(--cad-image-custom-radius,16px)!important;
  }
  /* Não mudar a tipografia nem os deslocamentos individuais. */
  .cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge,
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
    margin-bottom:var(--cad-label-custom-gap,20px)!important;
  }
}

/* v1.27.0: etiqueta personalizável e espaçamento mobile dos botões. */
.cad-card.cad-structured .cad-badge,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-etiqueta {
  background-color:var(--cad-label-bg,#fff)!important;
  border:calc(var(--cad-label-frame-enabled,0) * 1px) solid var(--cad-label-border,#fff)!important;
  border-radius:var(--cad-label-radius,4px)!important;
  padding:calc(var(--cad-label-frame-enabled,0) * 5px) calc(var(--cad-label-frame-enabled,0) * 8px)!important;
  box-sizing:border-box;
}
@media(max-width:760px){
 .cad-card.cad-structured > .cad-buttons,
 .cad-card.cad-structured .cad-actions-child > .cad-buttons,
 .wp-block-cad-botoes > .cad-buttons,
 .cad-editor-preview[data-cad-block="botoes"] .cad-buttons,
 .editor-styles-wrapper .cad-complete-root .cad-actions-child .cad-buttons {
   gap:var(--cad-mobile-buttons-gap,9px)!important;
 }
}

/* 1.27.1: a etiqueta envolve o próprio texto, sem ocupar a coluna inteira. */
.cad-card.cad-structured .cad-badge,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-etiqueta {
  display:table!important;
  width:max-content!important;
  max-width:100%!important;
  align-self:start!important;
  justify-self:start!important;
  color:var(--cad-label-text,#232f3e)!important;
  box-sizing:border-box!important;
}
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge {
  display:table!important;
  width:max-content!important;
  max-width:100%!important;
}


/* 1.27.2: a cor/borda pertencem apenas ao texto da etiqueta, não à coluna.
   A regra precisa superar o width:100% de wrappers antigos do Gutenberg. */
.editor-styles-wrapper .cad-complete-root > .cad-structured .cad-structure-details .wp-block-cad-etiqueta,
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta,
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge {
  display:table!important;
  width:fit-content!important;
  min-width:0!important;
  max-width:100%!important;
  flex-grow:0!important;
  flex-shrink:0!important;
  justify-self:start!important;
  align-self:start!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

/* 1.27.3: no editor, keep the label background only around the text. */
.editor-styles-wrapper .cad-complete-root .block-editor-block-list__block[data-type="cad/etiqueta"],
.editor-styles-wrapper .cad-complete-root .block-editor-block-list__layout [data-type="cad/etiqueta"] {
  width: fit-content !important;
  max-width: 100% !important;
  align-self: flex-start !important;
}
.editor-styles-wrapper .cad-complete-root .block-editor-block-list__block[data-type="cad/etiqueta"] .block-editor-rich-text__editable,
.editor-styles-wrapper .cad-complete-root .block-editor-block-list__block[data-type="cad/etiqueta"] .wp-block-cad-etiqueta,
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  vertical-align: top !important;
}

/* 1.28.0: optional ranking pinned to the image corner. */
.cad-card.cad-structured .cad-picture-rank,.editor-styles-wrapper .cad-complete-root .cad-picture-rank{position:relative!important;}
.cad-rank-circle{position:absolute;top:4px;left:4px;z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#252525;color:white;font-weight:700;font-size:17px;line-height:1;box-shadow:0 1px 4px #0002;}
@media(max-width:680px){.cad-rank-circle{top:8px;left:8px;}}

/* v1.28.1 - etiqueta no mobile com fundo apenas em torno do texto, com respiro */
@media (max-width: 760px){
  body:not(.block-editor-page) .cad-card.cad-structured > .cad-details.cad-structure-details > .cad-badge,
  body:not(.block-editor-page) .cad-card .cad-badge,
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta,
  .editor-styles-wrapper .cad-complete-root .cad-structured .cad-badge {
    display: inline-block !important;
    width: auto !important;
    max-width: calc(100% - 2px) !important;
    min-width: 0 !important;
    align-self: flex-start !important;
    padding: 6px 8px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: break-word !important;
    vertical-align: top !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  body:not(.block-editor-page) .cad-card.cad-structured > .cad-details.cad-structure-details > .cad-badge{
    margin-bottom: 14px !important;
  }
}

/* v1.28.2: ranking customizável; etiqueta compacta com respiro nos quatro lados.
   CSS restrito ao cartão CAD e ao editor Gutenberg. */
.cad-card.cad-structured .cad-picture .cad-rank-circle,
.editor-styles-wrapper .cad-complete-root .cad-rank-circle {
 width:var(--cad-rank-size,38px)!important;
 height:var(--cad-rank-size,38px)!important;
 background:var(--cad-rank-bg,#252525)!important;
 color:var(--cad-rank-fg,#fff)!important;
 font-size:var(--cad-rank-font,17px)!important;
}
.cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge,
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
 width:fit-content!important;max-width:100%!important;min-width:0!important;
 display:table!important;box-sizing:border-box!important;
 padding:5px 9px!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
 border-radius:var(--cad-label-radius,4px)!important;
}
.editor-styles-wrapper .cad-complete-root .block-editor-block-list__block[data-type="cad/etiqueta"] {
 width:fit-content!important; max-width:100%!important;
}
@media(min-width:851px){
 .cad-card.cad-structured > .cad-picture{margin-top:0!important;transform:translateY(-9px)!important;}
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto{margin-top:0!important;transform:translateY(-9px)!important;}
}

/* v1.28.6: ajuste pequeno e isolado para etiquetas com múltiplas linhas no celular.
   O fundo acompanha cada linha; espaçamento do título usa a configuração global.
   Nenhuma mudança no PHP de salvamento ou no JavaScript de edição. */
@media(max-width:680px){
 body:not(.block-editor-page) .cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge,
 .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  padding:4px 8px!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  box-decoration-break:clone!important;
  -webkit-box-decoration-break:clone!important;
  line-height:1.65!important;
 }
 body:not(.block-editor-page) .cad-card.cad-structured .cad-details.cad-structure-details > .cad-title,
 .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo {
   margin-top:0!important;
   padding-top:var(--cad-label-custom-gap,20px)!important;
   box-sizing:border-box!important;
 }
}

/* v1.30.0: cadastro central dentro do editor com layout compacto */
.cad-modal .components-modal__content{max-width:100%;}
.cad-modal-fields{display:grid;gap:13px;max-width:1000px;}
.cad-modal-heading{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #dcdcde;border-radius:7px;background:#fafafa;}
.cad-modal-heading img,.cad-modal-heading>span{width:70px;height:70px;object-fit:contain;border-radius:6px;background:white;display:flex;align-items:center;justify-content:center;}
.cad-modal-heading p{margin:5px 0;color:#646970;}
.cad-modal-categories>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.cad-modal-categories label{display:flex;align-items:center;gap:5px;background:#f6f7f7;padding:6px 9px;border-radius:4px;}
.cad-modal-platform{display:grid;grid-template-columns:minmax(100px,1fr) minmax(200px,2fr);gap:12px;align-items:center;}
@media(max-width:600px){.cad-modal-platform{grid-template-columns:1fr;}}

/* v1.30.2: amplia apenas a foto dentro da area existente, por dispositivo. */
.cad-card .cad-picture,
.editor-styles-wrapper .cad-complete-root .cad-picture,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-foto { overflow:hidden; }
.cad-card .cad-picture img.cad-image,
.editor-styles-wrapper .cad-complete-root .cad-picture img.cad-image,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-foto img.cad-image {
  transform:translateY(var(--cad-image-shift-desktop,0px)) scale(var(--cad-image-scale-desktop,1));
  transform-origin:center center;
}
@media(max-width:760px){
 .cad-card .cad-picture img.cad-image,
 .editor-styles-wrapper .cad-complete-root .cad-picture img.cad-image,
 .editor-styles-wrapper .cad-complete-root .wp-block-cad-foto img.cad-image {transform:translateY(var(--cad-image-shift-mobile,0px)) scale(var(--cad-image-scale-mobile,1));}
}


/* v1.30.5: posição pública, desktop +6px; mobile -4px, para dar mais respiro antes da etiqueta. */
.cad-card .cad-picture img.cad-image {
  transform:translateY(calc(var(--cad-image-shift-desktop,0px) + 6px)) scale(var(--cad-image-scale-desktop,1));
}
@media(max-width:760px){
  .cad-card .cad-picture img.cad-image {
    transform:translateY(calc(var(--cad-image-shift-mobile,0px) - 4px)) scale(var(--cad-image-scale-mobile,1));
  }
}

/* v1.31.4: acoes do modal Gutenberg sempre acessiveis, sem alterar salvamento. */
.cad-modal .cad-modal-fields > .cad-modal-actions {
  position: sticky !important;
  bottom: -1px !important;
  z-index: 20;
  background: #fff;
  border-top: 1px solid #dcdcde;
  padding: 14px 4px 10px;
  margin-top: 0;
  box-shadow: 0 -6px 12px rgba(255,255,255,.95);
}
.cad-modal .components-modal__content {
  padding-bottom: 0 !important;
}

/* v1.31.5: somente reorganizacao da janela de edicao do Gutenberg. */
.cad-modal .components-modal__content { padding: 12px 18px 0 !important; }
.cad-modal .cad-modal-fields { gap: 10px; }
.cad-modal .cad-modal-heading { padding: 8px 10px; }
.cad-modal .cad-modal-heading img,
.cad-modal .cad-modal-heading > span { width: 54px; height: 54px; }
.cad-modal .cad-modal-main-row { display:grid; grid-template-columns:minmax(250px,1.35fr) minmax(210px,1fr); gap:16px; align-items:end; }
.cad-modal .cad-modal-name { min-width:0; }
.cad-modal .cad-modal-categories { min-width:0; }
.cad-modal .cad-modal-categories > div { gap:5px; margin-top:6px; }
.cad-modal .cad-modal-categories label { padding:5px 7px; }
.cad-modal .cad-modal-media { gap:12px; padding:4px 0; flex-wrap:wrap; }
.cad-modal .cad-modal-media img { max-height:74px; max-width:105px; }
.cad-modal .cad-modal-media .components-base-control { flex:1 1 190px; min-width:180px; max-width:100%; }
.cad-modal .cad-modal-platform { grid-template-columns:minmax(110px,1fr) minmax(200px,2fr); gap:10px; }
.cad-modal .cad-modal-fields > h3 { margin:8px 0 0; }
.cad-modal .cad-modal-fields > h3 + p { margin:0 0 2px; }
.cad-modal .cad-modal-fields > .cad-modal-actions { padding-top:10px; padding-bottom:10px; }
@media(max-width:640px){
 .cad-modal .cad-modal-main-row { grid-template-columns:1fr; gap:10px; }
 .cad-modal .cad-modal-platform { grid-template-columns:1fr; gap:4px; }
 .cad-modal .components-modal__content { padding:12px 12px 0 !important; }
}

/* v1.31.6: modal de produto compacto, sem cabeçalho repetido. */
.cad-modal .cad-modal-fields {gap:8px;}
.cad-modal .cad-modal-main-row {align-items:center;}
.cad-modal .cad-modal-media {gap:10px;padding:0;align-items:center;}
.cad-modal .cad-modal-media img {max-width:76px;max-height:62px;object-fit:contain;}
.cad-modal .cad-modal-external-url {flex:1 1 100%;margin:0;}
.cad-modal .cad-modal-external-url summary {cursor:pointer;color:#2271b1;font-size:12px;line-height:20px;width:fit-content;}
.cad-modal .cad-modal-external-url .components-base-control {margin-top:5px;max-width:100%;}
.cad-modal .cad-modal-links-header {display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:3px;}
.cad-modal .cad-modal-links-header h3 {margin:0;font-size:14px;}
.cad-modal .cad-modal-hint {font-size:12px;color:#646970;margin:0;}
.cad-modal .cad-modal-platform {grid-template-columns:minmax(110px,1fr) minmax(200px,2.5fr);gap:8px;}
.cad-modal .cad-modal-platform .components-base-control {margin-bottom:0;}
.cad-modal .cad-modal-platform .components-text-control__input,
.cad-modal .cad-modal-main-row .components-text-control__input,
.cad-modal .cad-modal-terms .components-text-control__input {min-height:34px;height:34px;padding-top:4px;padding-bottom:4px;}
.cad-modal .cad-modal-terms {margin:1px 0;}
.cad-modal .cad-modal-fields > .cad-modal-actions {margin-top:2px;}
@media(max-width:640px){.cad-modal .cad-modal-platform{grid-template-columns:1fr;gap:3px;}}

/* v1.32.0: numero local visivel tambem em titulo personalizado no editor. */
.editor-styles-wrapper .cad-complete-root .wp-block-cad-titulo[style*="--cad-editor-rank-prefix"]::before {
  content:var(--cad-editor-rank-prefix);
}


/* v1.32.1: contorno da etiqueta independente do fundo; todos os dispositivos. */
.cad-card.cad-structured .cad-badge,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-etiqueta {
  border-width:calc(var(--cad-label-border-enabled,var(--cad-label-frame-enabled,0)) * 1px)!important;
}

/* v1.32.1: faixa de tablet, sem interferir em <=760px ou >=851px.
   A largura real disponível pode depender das colunas do tema. */
@media (min-width:761px) and (max-width:850px) {
  body:not(.block-editor-page) .cad-card.cad-structured {
    display:grid!important;
    grid-template-columns:minmax(125px,31%) minmax(0,1fr)!important;
    column-gap:18px!important;row-gap:14px!important;
    align-items:center!important;padding:18px 14px!important;
  }
  body:not(.block-editor-page) .cad-card.cad-structured > .cad-picture {
    grid-column:1!important;grid-row:1!important;
    width:100%!important;max-width:100%!important;
    justify-self:center!important;align-self:center!important;
  }
  body:not(.block-editor-page) .cad-card.cad-structured > .cad-details.cad-structure-details {
    grid-column:2!important;grid-row:1!important;
    min-width:0!important;margin:0!important;
  }
  body:not(.block-editor-page) .cad-card.cad-structured > .cad-buttons,
  body:not(.block-editor-page) .cad-card.cad-structured .cad-actions-child > .cad-buttons {
    grid-column:1 / -1!important;grid-row:2!important;
    display:flex!important;flex-flow:row wrap!important;
    justify-content:center!important;align-items:stretch!important;
    gap:10px!important;width:100%!important;margin:0!important;
  }
  body:not(.block-editor-page) .cad-card.cad-structured .cad-buttons > .cad-button {
    flex:1 1 150px!important;width:auto!important;max-width:none!important;
    min-height:44px!important;
  }
}


/* v1.32.2: mesma pintura de fundo por linha do celular, agora no tablet e PC.
   Não altera as regras mobile (<=680px) nem outros componentes. */
@media (min-width:681px) {
  body:not(.block-editor-page) .cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge,
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
    display:inline!important;
    width:auto!important;
    max-width:none!important;
    padding:4px 8px!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    -webkit-box-decoration-break:clone!important;
    box-decoration-break:clone!important;
    line-height:1.65!important;
  }
}


/* v1.32.3: etiqueta inline não gera margem vertical confiável.
   Somente tablet/PC: aplica o espaçamento global ao título, igual ao mobile. */
@media (min-width: 681px) {
  body:not(.block-editor-page) .cad-card.cad-structured .cad-details.cad-structure-details > .cad-title,
  .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-titulo {
    margin-top: 0 !important;
    padding-top: var(--cad-label-custom-gap,20px) !important;
    box-sizing: border-box !important;
  }
}

/* v1.32.4: tipografia global com possibilidade de ajustes locais por bloco. */
.cad-card.cad-structured .cad-details .cad-badge,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-etiqueta {
  font-weight:var(--cad-item-weight,var(--cad-label-global-weight,400))!important;
  font-size:var(--cad-item-font,var(--cad-label-global-size,15px))!important;
}
.cad-card.cad-structured .cad-details .cad-desc,
.editor-styles-wrapper .cad-complete-root .wp-block-cad-descricao {
  font-weight:var(--cad-item-weight,var(--cad-desc-global-weight,400))!important;
  font-size:var(--cad-item-font,var(--cad-desc-global-size,16px))!important;
}


/* v1.32.5: prioridade global/local consistente na versão publicada e Gutenberg.
   Variável local somente quando a personalização daquele bloco estiver ativa. */
body:not(.block-editor-page) .cad-card.cad-structured .cad-details.cad-structure-details > .cad-badge,
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
  font-weight:var(--cad-item-weight,var(--cad-label-global-weight,400))!important;
  font-size:var(--cad-item-font,var(--cad-label-global-size,15px))!important;
}
body:not(.block-editor-page) .cad-card.cad-structured .cad-details.cad-structure-details > .cad-desc,
.editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-descricao {
  font-weight:var(--cad-item-weight,var(--cad-desc-global-weight,400))!important;
  font-size:var(--cad-item-font,var(--cad-desc-global-size,16px))!important;
}
/* Editor no tablet/PC: o wrapper do Gutenberg não deve esticar o fundo. */
@media (min-width:681px){
 .editor-styles-wrapper .cad-complete-root .cad-structure-details .block-editor-block-list__block[data-type="cad/etiqueta"],
 .editor-styles-wrapper .cad-complete-root .cad-structure-details .wp-block-cad-etiqueta {
   display:inline!important;
   width:auto!important;
   max-width:none!important;
   white-space:normal!important;
   -webkit-box-decoration-break:clone!important;
   box-decoration-break:clone!important;
 }
}