*{box-sizing:border-box}:root{--navy:#10283f;--blue:#165d93;--blue2:#1f6aa8;--line:#dde6ef;--muted:#667b8f;--bg:#f3f6fa;--danger:#b74343}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased}.panel{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#0f2d49,#0b2034);color:#fff;padding:25px 18px;position:sticky;top:0;height:100vh;box-shadow:12px 0 45px rgba(10,31,50,.08)}.side .logo{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:950;margin:0 8px 28px}.side .logo span{font-size:14px;line-height:1.15}.side button{width:100%;border:0;background:transparent;color:#c9d7e3;text-align:left;padding:13px 14px;border-radius:12px;font-weight:800;cursor:pointer;margin:3px 0;font-size:14px}.side button.active,.side button:hover{background:rgba(255,255,255,.11);color:#fff}.main{padding:32px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.top h1{margin:4px 0 0;font-size:30px}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:950;color:var(--blue2)}.badge,.mini-badge{padding:8px 11px;background:#eaf3fb;border:1px solid #d6e7f6;border-radius:999px;color:var(--blue);font-weight:900;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 12px 34px rgba(16,40,63,.055)}.metric{color:var(--muted);font-size:13px;font-weight:800}.metric strong{font-size:30px;display:block;margin-top:8px;color:var(--navy)}.section{display:none}.section.active{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:13px;font-weight:850;color:#435b70}input,textarea,select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #cfdbe6;border-radius:11px;font:inherit;color:var(--navy);background:#fff;outline:none}input:focus,textarea:focus,select:focus{border-color:#75a8cf;box-shadow:0 0 0 3px rgba(31,106,168,.08)}textarea{resize:vertical}.btn{padding:11px 15px;border:0;border-radius:11px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 8px 20px rgba(31,106,168,.18)}.btn.danger{background:#fbeaea;color:var(--danger)}.btn.muted{background:#edf2f6;color:#28465f}.btn.ghost{background:transparent;color:#60768a;border:1px solid #d9e3eb}.btn.small{padding:8px 10px;font-size:12px}.btn.wide{min-width:230px}.toolbar,.save-row,.media-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.save-row{justify-content:flex-end;margin-top:18px}.notice{background:#fff8e5;border:1px solid #f0db9e;padding:14px 16px;border-radius:14px;margin-bottom:18px;color:#66551b}.notice strong{color:#493d12}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:13px;border-bottom:1px solid #e8edf2;font-size:13px;vertical-align:top}th{background:#eef4f8;color:#3f5870}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.section-toolbar,.card-title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.section-toolbar h2,.card-title h2{margin:3px 0 5px;font-size:27px}.section-toolbar p{margin:0;color:var(--muted)}.card-title.compact{margin-bottom:10px}.card-title.compact h3{margin:0}.launch-admin-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(560px,1.5fr);gap:18px;align-items:start}.launch-list{position:sticky;top:20px}.product-list{display:grid;gap:9px}.product-admin-row{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:1px solid #e2e9f0;background:#f9fbfd;border-radius:14px;padding:10px;cursor:pointer;color:inherit}.product-admin-row:hover{border-color:#aecae0;background:#f5faff}.product-thumb{width:58px;height:58px;border-radius:12px;background:#edf3f8;display:grid;place-items:center;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb b{font-size:24px}.product-admin-copy{min-width:0}.product-admin-copy strong,.product-admin-copy small,.product-admin-copy em{display:block}.product-admin-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-admin-copy small{color:var(--muted);margin-top:4px}.product-admin-copy em{font-style:normal;color:#34749f;font-size:11px;margin-top:4px;font-weight:800}.product-row-actions{display:grid;gap:5px}.edit-chip,.delete-chip{font-size:11px;font-weight:900;padding:5px 7px;border-radius:8px;background:#eaf2f8;color:#315d7d}.delete-chip{background:#fbecec;color:#a54545}.empty-state{padding:28px 12px;text-align:center;color:var(--muted)}.editor-card{min-width:0}.media-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.media-admin-box{border:1px solid #dfe7ee;background:#f8fafc;border-radius:16px;padding:14px}.media-admin-head{display:flex;justify-content:space-between;margin-bottom:10px}.media-admin-head strong,.media-admin-head span{display:block}.media-admin-head span{font-size:11px;color:var(--muted);margin-top:3px}.media-preview{height:220px;border:1px dashed #bdcbd8;border-radius:13px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#8293a1;font-size:12px;font-weight:800}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:contain;background:#fff}.video-preview video{background:#111}.media-admin-box input[type=file]{font-size:12px;padding:9px;margin:10px 0}.toast{position:fixed;right:24px;bottom:24px;z-index:999;background:#102f49;color:#fff;padding:13px 17px;border-radius:12px;box-shadow:0 16px 45px rgba(0,0,0,.2);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}
@media(max-width:1100px){.launch-admin-layout{grid-template-columns:1fr}.launch-list{position:static}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.panel{grid-template-columns:1fr}.side{height:auto;position:static}.main{padding:20px}.form-grid,.media-admin-grid{grid-template-columns:1fr}.top,.section-toolbar{align-items:flex-start;flex-direction:column}.badge{align-self:flex-start}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.product-admin-row{grid-template-columns:52px minmax(0,1fr)}.product-row-actions{grid-column:2;display:flex}.side{padding:18px 12px}}

/* V58 — página individual das representadas no painel */
.brand-editor-card{display:none;margin-top:18px}.brand-editor-card.is-open{display:block}.brand-editor-card>label{margin-top:14px}.brand-gallery-admin{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.brand-gallery-admin>input[type=file]{margin:12px 0}.brand-gallery-preview{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.brand-photo-admin{height:130px;position:relative;border:1px solid #dfe7ef;border-radius:13px;overflow:hidden;background:#fff}.brand-photo-admin img{width:100%;height:100%;object-fit:cover}.brand-photo-admin button{position:absolute;right:7px;top:7px;width:28px;height:28px;border:0;border-radius:9px;background:rgba(15,36,55,.88);color:#fff;font-size:20px;line-height:1;cursor:pointer}.brand-gallery-empty{grid-column:1/-1;padding:28px;border:1px dashed #bdcbd8;border-radius:13px;background:#fff;text-align:center;color:#8293a1;font-size:12px;font-weight:800}@media(max-width:850px){.brand-gallery-preview{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.brand-gallery-preview{grid-template-columns:1fr}}

/* V59 — enquadramento das fotos e banner administrável das representadas */
.brand-banner-admin{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fafc}
.brand-banner-admin>input[type=file]{margin:12px 0}
.brand-banner-preview{position:relative;height:270px;border:1px dashed #bdcbd8;border-radius:15px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#8293a1;font-size:12px;font-weight:800;text-align:center;padding:0}
.brand-banner-preview>img{width:100%;height:100%;display:block;transform-origin:center center}
.brand-banner-preview>span:not(.banner-preview-corner){padding:24px}
.banner-preview-corner{position:absolute;right:10px;bottom:10px;background:rgba(16,47,73,.84);color:#fff;padding:6px 9px;border-radius:8px;font-size:10px;letter-spacing:.04em}
.image-adjust-controls{display:grid;grid-template-columns:180px repeat(3,minmax(150px,1fr));gap:12px;margin-top:14px;padding:14px;border:1px solid #dfe7ee;border-radius:14px;background:#fff}
.image-adjust-controls label{min-width:0}.image-adjust-controls label span{float:right;color:#62798c;font-size:11px}.image-adjust-controls input[type=range]{padding:0;border:0;box-shadow:none;height:25px;accent-color:var(--blue)}
.image-adjust-controls select{margin-top:7px}.banner-options-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.check-option{display:flex;align-items:center;gap:9px;margin:0}.check-option input{width:auto;margin:0}
.brand-gallery-preview{align-items:start}.brand-photo-admin{height:auto;min-height:170px;padding-bottom:39px}.brand-photo-admin-media{height:130px;overflow:hidden;background:#fff}.brand-photo-admin img{width:100%;height:100%;display:block;transform-origin:center center}.brand-photo-admin .brand-photo-remove{position:absolute;right:7px;top:7px;width:28px;height:28px;border:0;border-radius:9px;background:rgba(15,36,55,.88);color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:2}.brand-photo-adjust{position:absolute;left:8px;right:8px;bottom:7px;height:27px;border:1px solid #cfdae4;border-radius:8px;background:#f3f7fa;color:#294b66;font-size:11px;font-weight:900;cursor:pointer}
.photo-adjust-modal[hidden]{display:none}.photo-adjust-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px}.photo-adjust-backdrop{position:absolute;inset:0;background:rgba(7,20,32,.72);backdrop-filter:blur(6px)}.photo-adjust-dialog{position:relative;z-index:1;width:min(860px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.photo-adjust-close{width:38px;height:38px;border:1px solid #d8e1e9;border-radius:10px;background:#fff;color:#294b66;font-size:27px;cursor:pointer}.photo-adjust-preview{height:min(52vh,430px);border:1px solid #dfe7ee;border-radius:16px;overflow:hidden;background:#f4f7fa;display:grid;place-items:center}.photo-adjust-preview img{width:100%;height:100%;display:block;transform-origin:center center}.panel-modal-open{overflow:hidden}
@media(max-width:1000px){.image-adjust-controls{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.image-adjust-controls{grid-template-columns:1fr}.brand-banner-preview{height:220px}.photo-adjust-dialog{padding:16px}.photo-adjust-preview{height:300px}}


/* V60 — imagens de Lançamentos e Promoções dentro da página de cada representada */
.brand-promos-admin{background:linear-gradient(180deg,#f8fbfe,#f6f9fc)}
.brand-promo-admin-media{background:#f2f5f8}
.brand-promo-preview .brand-photo-admin{min-height:200px}
.brand-promo-preview .brand-photo-admin-media{height:160px}


/* V63 — somente módulo de catálogos PDF das representadas */
.brand-catalogs-admin{background:linear-gradient(180deg,#fbfcfe,#f7f9fc)}
.brand-catalog-preview{display:grid;gap:9px}
.brand-catalog-admin-item{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 34px;gap:12px;align-items:center;padding:11px 12px;border:1px solid #dfe7ef;border-radius:13px;background:#fff}
.brand-catalog-admin-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:11px;background:#eaf3fb;color:#165d93;font-size:12px;font-weight:950;letter-spacing:.06em;border:1px solid #d5e7f5}
.brand-catalog-admin-copy{min-width:0}.brand-catalog-admin-copy strong,.brand-catalog-admin-copy a{display:block}.brand-catalog-admin-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#10283f}.brand-catalog-admin-copy a{margin-top:5px;color:#1f6aa8;font-size:11px;font-weight:850;text-decoration:none}
.brand-catalog-remove{width:30px;height:30px;border:0;border-radius:9px;background:#fbecec;color:#a54545;font-size:20px;line-height:1;cursor:pointer}


/* V69 — editor visual de enquadramento por clique e arraste */
.brand-banner-preview.is-editable{cursor:pointer;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.brand-banner-preview.is-editable:hover,.brand-banner-preview.is-editable:focus-visible{border-color:#86afd0;box-shadow:0 14px 34px rgba(22,93,147,.12)}
.banner-preview-corner{pointer-events:none}
.banner-preview-drag-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:3;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(8,31,49,.82);color:#fff;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.16);opacity:0;transition:opacity .18s ease}
.brand-banner-preview.is-editable:hover .banner-preview-drag-hint,.brand-banner-preview.is-editable:focus-visible .banner-preview-drag-hint{opacity:1}
.brand-photo-click-adjust{cursor:pointer;outline:none;position:relative}
.brand-photo-click-adjust:after{content:'Ajustar';position:absolute;left:8px;top:8px;padding:5px 8px;border-radius:8px;background:rgba(8,31,49,.82);color:#fff;font-size:10px;font-weight:900;opacity:0;transform:translateY(-3px);transition:.18s;pointer-events:none}
.brand-photo-click-adjust:hover:after,.brand-photo-click-adjust:focus-visible:after{opacity:1;transform:none}
.photo-adjust-preview{position:relative;cursor:grab;touch-action:none;user-select:none}
.photo-adjust-preview.is-dragging{cursor:grabbing}
.photo-adjust-preview img{pointer-events:none;user-select:none;-webkit-user-drag:none}
.photo-drag-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;padding:8px 12px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(8,31,49,.84);color:#fff;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.18);pointer-events:none;transition:opacity .18s ease}
.photo-adjust-preview.is-dragging .photo-drag-hint{opacity:.35}
@media(max-width:620px){.banner-preview-drag-hint{opacity:1}.photo-drag-hint{max-width:calc(100% - 24px);white-space:normal;text-align:center}}

.media-preview.image-preview.is-editable{position:relative;cursor:pointer;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.media-preview.image-preview.is-editable:hover,.media-preview.image-preview.is-editable:focus-visible{border-color:#86afd0;box-shadow:0 12px 28px rgba(22,93,147,.11)}
.media-preview.image-preview.is-editable img{padding:0;transform-origin:center center}
.media-preview-adjust-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:3;padding:7px 11px;border-radius:999px;background:rgba(8,31,49,.84);color:#fff;font-size:10px;font-weight:900;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.16);pointer-events:none}


/* V70 — prévia do enquadramento com o mesmo formato usado no site */
.photo-adjust-format-note{margin:-6px 0 12px;padding:9px 12px;border:1px solid #dce8f2;border-radius:11px;background:#f5f9fc;color:#526d84;font-size:11px;font-weight:850;text-align:center}
.photo-adjust-preview{height:auto!important;margin:0 auto;display:block;position:relative;background:#eef3f7;box-shadow:inset 0 0 0 1px rgba(16,40,63,.03)}
.photo-adjust-preview.is-banner-frame{width:min(620px,100%);aspect-ratio:15/11;border-radius:28px}
.photo-adjust-preview.is-gallery-frame{width:min(660px,100%);aspect-ratio:4/3;border-radius:20px}
.photo-adjust-preview.is-promo-frame{width:min(420px,100%);aspect-ratio:4/5;border-radius:16px}
.photo-adjust-preview.is-product-frame{width:min(660px,100%);aspect-ratio:14/11;border-radius:16px}
.photo-adjust-preview img{position:absolute;inset:0;width:100%;height:100%;display:block;transform-origin:center center}
.modal-adjust-controls{margin-top:14px}
.modal-adjust-controls input[type=range]{cursor:ew-resize}
.modal-adjust-controls label:nth-child(3) input[type=range]{cursor:ns-resize}
@media(max-width:620px){.photo-adjust-preview.is-banner-frame,.photo-adjust-preview.is-gallery-frame,.photo-adjust-preview.is-product-frame{width:100%}.photo-adjust-preview.is-promo-frame{width:min(360px,100%)}.photo-adjust-format-note{font-size:10px}}


/* V73 — somente ajuste solicitado: banner do painel com tamanho visual igual ao site */
.brand-banner-preview{
  width:min(316px,100%);
  height:330px;
  margin:0;
}

.photo-adjust-preview.is-banner-frame{
  width:min(316px,100%) !important;
  height:330px !important;
  aspect-ratio:auto !important;
  margin:0 auto;
  border-radius:28px;
  overflow:hidden;
  background:#eef3f7;
}

@media(max-width:900px){
  .brand-banner-preview{
    width:100%;
    height:270px;
  }
  .photo-adjust-preview.is-banner-frame{
    width:100% !important;
    height:270px !important;
  }
}

@media(max-width:560px){
  .brand-banner-preview{
    height:220px;
  }
  .photo-adjust-preview.is-banner-frame{
    height:220px !important;
  }
}

/* V74 — ajuste de vídeo com o mesmo quadro usado no site */
.photo-adjust-preview.is-video-frame{
  width:min(420px,100%) !important;
  height:525px !important;
  aspect-ratio:auto !important;
  margin:0 auto;
  border-radius:16px;
  overflow:hidden;
}
.photo-adjust-preview video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  transform-origin:center center;
}


/* V71 — banners independentes da Home: PC e celular */
.home-banner-admin{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#f8fafc}
.home-banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:15px}
.home-banner-box{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.home-banner-box>strong,.home-banner-help{display:block}.home-banner-help{margin-top:4px;color:#718293;font-size:12px}
.home-banner-preview{position:relative;margin:12px 0;height:220px;border:1px dashed #bdcbd8;border-radius:14px;background:#eef3f7;overflow:hidden;display:grid;place-items:center}
.home-banner-preview img{width:100%;height:100%;object-fit:cover;display:block}
.home-banner-preview>span{position:absolute;left:9px;bottom:9px;padding:6px 9px;border-radius:8px;background:rgba(8,31,49,.78);color:#fff;font-size:10px;font-weight:850}
.home-banner-preview-mobile{max-width:260px;height:260px;margin-left:auto;margin-right:auto}
.home-banner-box input[type=file]{width:100%;margin-bottom:10px}.home-banner-note{margin:14px 0 0;color:#637586;font-size:12px}
@media(max-width:760px){.home-banner-grid{grid-template-columns:1fr}.home-banner-preview{height:200px}.home-banner-preview-mobile{height:240px}}


/* V17 CORRIGIDA - editor visual dos banners */
.home-banner-preview{cursor:grab;user-select:none;touch-action:none;background:#eef3f7;overflow:hidden!important;display:block!important}
.home-banner-preview.dragging{cursor:grabbing}
.home-banner-preview img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;will-change:transform,object-position}
.home-banner-preview-desktop{width:100%;height:auto!important;aspect-ratio:506/474}
.home-banner-preview-mobile{width:100%;max-width:100%!important;height:auto!important;aspect-ratio:1.584/1;margin-left:0!important;margin-right:0!important}
.home-banner-adjust{display:grid;gap:9px;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#f4f8fb;border:1px solid #d9e4ed}
.home-banner-adjust>span{font-size:11px;color:#5c7083;line-height:1.35}
.home-banner-adjust label{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;font-size:12px;font-weight:800;color:#173a5a}
.home-banner-adjust input[type=range]{width:100%}
.home-banner-adjust b{min-width:44px;text-align:right}
@media(max-width:760px){.home-banner-preview-desktop{aspect-ratio:506/474}.home-banner-preview-mobile{aspect-ratio:1.584/1}}

/* V18 - PREVIA FIEL + CONTROLES VISIVEIS */
.v18-badge{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:999px;background:#0d6ba8;color:#fff;font-size:10px;font-style:normal;vertical-align:middle;letter-spacing:.04em}
.home-banner-adjust{display:grid!important;visibility:visible!important;opacity:1!important;gap:9px!important;margin:10px 0 12px!important;padding:11px 12px!important;border-radius:12px!important;background:#eef6fb!important;border:1px solid #bdd8e9!important}
.home-banner-adjust>span{display:block!important;font-size:11px!important;color:#34566f!important;font-weight:700!important}
.home-banner-adjust label{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:9px!important;align-items:center!important}
.home-banner-adjust input[type=range]{display:block!important;width:100%!important}
.home-banner-adjust button{display:inline-flex!important;width:max-content!important}
.home-banner-preview{overflow:hidden!important;position:relative!important;cursor:grab!important;touch-action:none!important}
.home-banner-preview.dragging{cursor:grabbing!important}
.home-banner-preview img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;pointer-events:none!important;user-select:none!important}
/* PC real: quase quadrado/vertical na coluna direita da home */
.home-banner-preview-desktop{width:100%!important;aspect-ratio:1.07/1!important;height:auto!important;max-height:none!important}
/* Celular real: largura do conteúdo x aproximadamente 260px de altura */
.home-banner-preview-mobile{width:100%!important;max-width:none!important;aspect-ratio:1.38/1!important;height:auto!important;max-height:none!important}

/* V19 — banner Home: carrossel ou vídeo, sem alterar dimensões do site */
.home-media-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.home-media-mode button{border:1px solid #c9d7e3;background:#fff;color:#173a5a;border-radius:11px;min-height:42px;font-weight:900;cursor:pointer}
.home-media-mode button.is-active{background:#123b67;color:#fff;border-color:#123b67;box-shadow:0 8px 20px rgba(18,59,103,.16)}
.home-mode-panel,.home-banner-adjust{transition:opacity .18s ease,filter .18s ease}
.home-mode-panel.is-locked,.home-banner-adjust.is-locked{opacity:.38;filter:grayscale(.55);pointer-events:none;position:relative}
.home-mode-panel.is-locked:after,.home-banner-adjust.is-locked:after{content:'BLOQUEADO';position:absolute;right:10px;top:8px;padding:4px 7px;border-radius:7px;background:#25384b;color:#fff;font-size:9px;font-weight:950;letter-spacing:.07em}
.home-banner-preview video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.home-banner-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;min-height:70px}
.home-banner-thumb{position:relative;flex:0 0 76px;height:58px;border:2px solid transparent;border-radius:10px;overflow:visible}
.home-banner-thumb.is-active{border-color:#1f6aa8}
.home-banner-thumb>button:first-child{display:block;width:100%;height:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#eef3f7;cursor:pointer}
.home-banner-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.home-banner-thumb-remove{position:absolute;right:-6px;top:-7px;width:21px;height:21px;border:0;border-radius:50%;background:#b42318;color:#fff;font-weight:900;cursor:pointer;line-height:1}
.home-banner-empty{font-size:12px;color:#6b7d8f;padding:12px 0}


/* V27 — prévia fiel e ajuste do vídeo do banner */
.home-banner-preview video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;pointer-events:none!important;will-change:transform,object-position!important}
.home-video-adjust{margin-top:10px!important}
.home-banner-preview-desktop{aspect-ratio:1.067/1!important}
.home-banner-preview-mobile{aspect-ratio:1.432/1!important}


/* V31-2: prévia da imagem principal da empresa = mesmo formato do site */
.company-main-preview,
.representada-main-preview,
[data-company-main-preview]{
  aspect-ratio: 448 / 328!important;
  height:auto!important;
  overflow:hidden!important;
  border-radius:22px!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
.company-main-preview.dragging,
.representada-main-preview.dragging,
[data-company-main-preview].dragging{cursor:grabbing!important}
.company-main-preview img,
.representada-main-preview img,
[data-company-main-preview] img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  pointer-events:none!important;
}

/* Ajuste final — Fotos da empresa: prévia no painel com o mesmo quadro 4:3 do site */
.brand-gallery-preview .brand-photo-admin{height:auto;min-height:0;padding-bottom:39px}
.brand-gallery-preview .brand-photo-admin-media{height:auto;aspect-ratio:4/3;border-radius:12px;overflow:hidden}
.brand-gallery-preview .brand-photo-admin-media img{position:absolute;inset:0;width:100%;height:100%;display:block}


/* V75 — prévia do banner da representada idêntica ao quadro PC do site */
@media(min-width:901px){
  .brand-banner-preview{
    width:min(450px,100%)!important;
    height:auto!important;
    aspect-ratio:450/330!important;
    margin:0!important;
  }
  .photo-adjust-preview.is-banner-frame{
    width:min(450px,100%)!important;
    height:auto!important;
    aspect-ratio:450/330!important;
    margin:0 auto!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:#eef3f7!important;
  }
}