/* Apartado 18: composiciones compactas, sin alterar la tienda ni las demos sociales. */
.p-story[data-module="campanas"] .p-slide-heading h1{font-size:clamp(25px,2.3vw,34px)}
.p-story[data-module="campanas"] .p-slide-heading .p-eyebrow{display:none}
.p-story[data-module="campanas"] .p-intro{font-size:11px;line-height:1.5;margin-top:7px;max-width:1100px}
.p-story[data-module="campanas"] .p-demo-stage{padding:0;overflow:auto}
.cx-ads,.cx-analytics{font-family:'DM Sans',Arial,sans-serif;color:#35482f;background:#fff;border:1px solid #dce3d5;min-width:0;padding:14px;display:flex;flex-direction:column;gap:12px}
.cx-ads *, .cx-analytics *{box-sizing:border-box}
.cx-controls{display:flex;gap:14px;align-items:end;min-width:0}
.cx-controls>small{margin-left:auto;align-self:center;font-size:9px;color:#75816b}
.cx-controls label{display:grid;gap:4px;font-size:9px;color:#6f7f63}
.cx-controls select{border:1px solid #d7dfcd;background:#f9faf6;color:#35482f;padding:7px 10px;font:11px 'DM Sans',Arial,sans-serif;min-height:32px;max-width:100%}
.cx-formats,.cx-report-tabs{display:flex;gap:5px}
.cx-formats button,.cx-report-tabs button{background:#f5f7f0;border:1px solid #dce2d3;color:#526548;font-size:10px;padding:8px 12px;min-height:32px}
.cx-formats button[aria-pressed=true],.cx-report-tabs button[aria-pressed=true]{background:#445e38;border-color:#445e38;color:#fff}
.cx-ad-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.8fr);gap:20px;min-height:0}
.cx-ad-preview{background:#f2f4ed;padding:16px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.cx-search{background:#fff;border:1px solid #dce2d4;border-radius:20px;display:flex;justify-content:space-between;padding:10px 14px;font-size:11px;margin-bottom:12px;color:#384238}
.cx-google{background:#fff;padding:17px;border:1px solid #dfe4d7;color:#303930}
.cx-google>small{font-size:9px}.cx-brand{display:flex;gap:8px;align-items:center;margin:10px 0;font-size:11px}.cx-brand img{width:34px;height:30px;object-fit:contain}.cx-brand small{display:block;font-size:9px;color:#78816e}
.cx-google>a{font:20px/1.3 Arial,sans-serif;color:#1a0dab;text-decoration:none}
.proposal .cx-google p{font:12px/1.5 Arial,sans-serif;margin:10px 0;color:#59664e}
.cx-google>a.cx-destination{font-size:11px;display:block;margin-top:10px}
.cx-brief{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:2px 0}
.cx-tag{align-self:start;background:#edf1e5;padding:5px 8px;color:#57724b;font-size:9px}
.proposal .cx-brief h3{font-size:26px;line-height:1.1;margin:8px 0 10px}
.cx-brief dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.cx-brief dt{font-size:9px;color:#7a886d;margin-bottom:4px}
.cx-brief dd{font-size:11px;line-height:1.45;margin:0;color:#4c6142}
.cx-next{padding:10px 12px;background:#f2f5ed;border-left:2px solid #8b9c74;margin-top:13px}
.cx-next b{font-size:10px}.proposal .cx-next p{font-size:10px;line-height:1.5;margin:4px 0 0;color:#637456}
.cx-social{background:#fff;width:100%;max-width:440px;margin:auto;border:1px solid #dbe2d1}
.cx-social header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;height:auto!important}
.cx-social header img{width:35px;height:26px;object-fit:contain}.cx-social header span{font-size:10px}.cx-social header small{display:block;color:#7c8772;font-size:8px;margin-top:2px}
.cx-visual{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:#e9eedf;padding:12px 18px;min-height:158px;gap:8px}
.cx-visual small{font-size:8px;letter-spacing:1px}.proposal .cx-visual h3{font:27px/1.1 Georgia,serif;margin:8px 0;color:#344a2d}.proposal .cx-visual p{font-size:10px;line-height:1.4;margin:5px 0;color:#5d7252}
.cx-visual img{width:100%;height:145px;object-fit:contain;mix-blend-mode:multiply}
.cx-social>a{display:block;text-align:center;background:#46613b;color:#fff;padding:9px;text-decoration:none;font-size:10px}
.proposal .cx-social>p{font-size:10px;line-height:1.45;margin:0;padding:8px 12px;color:#657558}
.cx-visual.cx-cata{position:relative;display:block;padding:0;height:175px}.cx-cata img{height:100%;object-fit:cover;mix-blend-mode:normal;display:block}.cx-cata>div{position:absolute;inset:0;padding:16px;background:linear-gradient(0deg,#1e2b18dd,transparent);display:flex;flex-direction:column;justify-content:end}.cx-cata>div small,.proposal .cx-cata h3{color:#fff}
.cx-ad-preview.cx-story-preview{padding:8px}.cx-social.cx-story{max-width:172px;position:relative;aspect-ratio:9/16;display:flex;flex-direction:column;background:#e9eedf}.cx-story header{padding:7px;font-size:8px}.cx-story .cx-visual{flex:1;min-height:0;grid-template-columns:1fr;text-align:center;gap:0;padding:8px 12px}.proposal .cx-story h3{font-size:21px;margin:6px 0}.cx-story .cx-visual img{height:118px}.cx-story .cx-cata img{height:100%}.cx-story .cx-cata>div{padding:12px}.cx-story header img{width:24px;height:23px}.cx-story header span{font-size:8px}.cx-story header small{font-size:7px}.cx-story .cx-visual small{font-size:7px}.cx-story>a{font-size:9px}
/* Analytics */
.cx-analytics{gap:9px;padding:12px}
.cx-report-title{margin-right:auto}.cx-report-title strong{font-size:13px;display:block}.cx-report-title small{font-size:8px;letter-spacing:.6px;color:#8b7956;display:block;margin-top:4px}
.cx-report-tabs{border-bottom:1px solid #e0e6d7;padding-bottom:7px}.cx-report-tabs button{padding:6px 10px;min-height:27px;font-size:10px}
.cx-report-content{min-width:0}.cx-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:9px}
.cx-metrics article,.cx-funnel-summary>article,.cx-detail-metrics article{padding:9px 12px;border:1px solid #e1e7d8;background:#fafbf7;min-width:0}
.cx-metrics span,.cx-funnel-summary>article span,.cx-detail-metrics span{display:block;font-size:9px;color:#6e7c61}
.cx-metrics strong,.cx-funnel-summary>article strong,.cx-detail-metrics strong{font:30px/1.1 'Barlow Condensed',sans-serif;color:#3e5734;display:block;margin:4px 0}
.cx-metrics small,.cx-funnel-summary>article small,.cx-detail-metrics small{font-size:8px;color:#7e886f}
.cx-charts{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;margin-bottom:8px}
.cx-chart{border:1px solid #e1e7d8;padding:10px 12px;min-width:0}
.cx-chart header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;height:auto!important;padding:0;background:transparent}
.proposal .cx-chart h3{font-size:20px;color:#425b37}.cx-chart header>small,.cx-chart header>span{font-size:8px;color:#7a856c}
.cx-chart header i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4c745a;margin-left:6px}.cx-chart header i.gold{background:#b69a65}
.cx-chart svg{width:100%;height:123px;display:block}.cx-chart svg text{font:10px Arial,sans-serif;fill:#78816e}
.cx-channel-chart>div{margin:12px 0 0}.cx-channel-chart>div>span,.cx-funnel>div>span{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#54674a}.cx-channel-chart b,.cx-funnel b{font-weight:500}
.cx-bar{height:7px;background:#eef1e8;margin:6px 0 4px;overflow:hidden;border-radius:2px}.cx-bar>b{height:100%;background:#4c745a;display:block;min-width:2px}.cx-channel-chart>div>small,.cx-funnel>div>small{font-size:8px;color:#7a886c}
.cx-table{overflow-x:auto}.cx-table table{width:100%;border-collapse:collapse;font-size:10px;text-align:right}.cx-table caption{text-align:left;font-size:9px;color:#78876b;margin-bottom:5px}.cx-table th{font-weight:400;font-size:8px;color:#7b886f;background:#f7f9f2}.cx-table th,.cx-table td{padding:6px 8px;border-bottom:1px solid #e5eadf;white-space:nowrap}.cx-table th:first-child,.cx-table td:first-child{text-align:left}.cx-table td button{background:none;border:0;padding:0;color:#49683c;font-size:10px;text-align:left;text-decoration:underline;text-underline-offset:3px}
.proposal .cx-report-note{font-size:8px;line-height:1.4;color:#8b7956;margin:0}
.cx-funnel-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.cx-funnel>div{margin-top:12px}.cx-funnel .cx-bar{height:11px}.cx-funnel-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.cx-funnel-summary .cx-next{grid-column:1/-1;margin:0}.cx-funnel-summary .cx-next p{font-size:12px;line-height:1.6}
.cx-tracking{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cx-tracking>article{padding:15px;background:#f7f9f2;border:1px solid #e0e6d7}.cx-tracking small{font-size:8px;letter-spacing:.6px;color:#839176}.proposal .cx-tracking h3{font-size:23px;margin:8px 0 12px}.proposal .cx-tracking p,.cx-tracking li{font-size:11px;line-height:1.6;color:#657856}.cx-tracking ul{padding-left:14px}.cx-track-flow{display:grid;gap:7px}.cx-track-flow>div{display:flex;gap:10px;font-size:10px;align-items:center;background:#fff;padding:7px}.cx-track-flow b{color:#8c9c7b}.cx-tracking code{font-size:10px}
.cx-detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
@media(min-width:851px) and (max-height:760px){
.cx-ads{padding:10px;gap:8px}.cx-ad-preview{padding:10px}.cx-google{padding:12px}.cx-search{margin-bottom:7px;padding:8px 12px}.cx-brand{margin:7px 0}.cx-brief dl{gap:9px}.cx-brief dd{font-size:10px}.cx-next{margin-top:10px;padding:8px 10px}.cx-visual{min-height:138px}.cx-visual img{height:128px}.cx-cata{height:155px!important}.cx-social.cx-story{max-width:155px}.cx-story .cx-visual img{height:100px}.cx-story .cx-cata img{height:100%}
.cx-analytics{padding:10px;gap:6px}.cx-metrics{margin-bottom:6px;gap:6px}.cx-metrics article{padding:6px 10px}.cx-metrics strong{font-size:26px;margin:3px 0}.cx-chart{padding:7px 10px}.cx-chart svg{height:102px}.cx-chart header{margin-bottom:3px}.cx-channel-chart>div{margin-top:8px}.cx-table th,.cx-table td{padding:5px 7px}.cx-charts{margin-bottom:6px}.cx-report-tabs{padding-bottom:5px}
}
@media(max-width:850px){.cx-ad-body{grid-template-columns:1fr 1fr;gap:12px}.cx-controls>small{display:none}.cx-tracking{grid-template-columns:1fr 1fr}.cx-reading{grid-column:1/-1}}
@media(max-width:600px){
.p-story[data-module="campanas"] .p-slide-heading h1{font-size:25px}.p-story[data-module="campanas"] .p-intro{font-size:10px;line-height:1.4;margin-top:5px}
.cx-ads,.cx-analytics{padding:8px;gap:7px}.cx-controls{gap:7px;flex-wrap:wrap}.cx-controls label{font-size:8px;gap:3px}.cx-controls select{font-size:11px;padding:6px;min-height:30px}.cx-formats{gap:3px}.cx-formats button{padding:7px;font-size:9px;min-height:30px}.cx-ads .cx-controls label{width:100%}.cx-ads .cx-controls select{width:100%}.cx-formats{width:100%}.cx-formats button{flex:1}
.cx-ad-body{display:flex;flex-direction:column;gap:8px}.cx-ad-preview{padding:8px}.cx-google{padding:10px}.cx-search{font-size:10px;padding:8px 10px;margin-bottom:7px}.cx-google>a{font-size:17px}.proposal .cx-google p{font-size:11px;margin:8px 0}.cx-brand{margin:7px 0}.cx-brief h3,.cx-tag,.cx-brief .cx-next{display:none}.cx-brief dl{gap:8px}.cx-brief dt{font-size:8px}.cx-brief dd{font-size:10px;line-height:1.4}.cx-social header{padding:6px 9px}.cx-visual{min-height:130px;padding:8px 12px}.cx-visual img{height:120px}.proposal .cx-visual h3{font-size:22px}.proposal .cx-social>p{font-size:9px;padding:6px 9px}.cx-visual.cx-cata{height:145px}.cx-social.cx-story{max-width:140px}.cx-story .cx-visual img{height:90px}.cx-story .cx-cata img{height:100%}.proposal .cx-story h3{font-size:18px}.cx-brief dl>div:nth-child(1),.cx-brief dl>div:nth-child(3){display:none}
.cx-report-title{width:100%}.cx-report-title strong{font-size:12px}.cx-report-title small{font-size:7px;margin-top:2px}.cx-controls label{flex:1;min-width:0}.cx-report-tabs{gap:3px}.cx-report-tabs button{flex:1;padding:6px 3px;font-size:9px;line-height:1.2;min-height:29px}.cx-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:6px}.cx-metrics article{padding:6px 8px}.cx-metrics strong{font-size:24px;margin:3px 0}.cx-metrics span{font-size:9px}.cx-metrics small{display:none}.cx-extra-metric{display:none}.cx-charts{grid-template-columns:1fr;margin-bottom:6px}.cx-channel-chart{display:none}.cx-chart{padding:7px 8px}.proposal .cx-chart h3{font-size:19px}.cx-chart svg{height:88px}.cx-table table{font-size:9px}.cx-table th,.cx-table td{padding:6px 4px}.cx-table td button{font-size:9px}.cx-table th:nth-child(3),.cx-table td:nth-child(3),.cx-table th:nth-child(6),.cx-table td:nth-child(6){display:none}.cx-table caption{font-size:8px}.proposal .cx-report-note{font-size:7px;line-height:1.3}
.cx-funnel-layout{grid-template-columns:1fr;gap:7px}.cx-funnel>div{margin-top:8px}.cx-funnel .cx-bar{height:7px}.cx-funnel-summary{gap:5px}.cx-funnel-summary>article{padding:7px 8px}.cx-funnel-summary>article strong{font-size:24px}.cx-funnel-summary .cx-next{padding:7px 9px}.cx-funnel-summary .cx-next p{font-size:10px;line-height:1.4}.cx-tracking{grid-template-columns:1fr;gap:7px}.cx-tracking>article{padding:10px}.proposal .cx-tracking h3{font-size:21px;margin:6px 0 8px}.proposal .cx-tracking p,.cx-tracking li{font-size:10px;line-height:1.4}.cx-track-flow{grid-template-columns:1fr 1fr;gap:5px}.cx-track-flow>div{padding:5px;font-size:9px;gap:5px}
}
.cx-ads .cx-controls label,.cx-analytics .cx-controls label{margin:0}
.cx-analytics .cx-controls{align-items:center}
.cx-metrics article,.cx-channel-chart>div,.cx-table{line-height:1.3}
.cx-channel-chart>div{font-size:10px}.cx-channel-chart>div>small{display:block;line-height:1.3}
.cx-table th,.cx-table td{line-height:1.35}
@media(min-width:851px){.cx-analytics .cx-controls label{display:flex;align-items:center;gap:7px}}
@media(min-width:851px) and (max-height:760px){.cx-analytics{gap:5px}.cx-analytics .cx-controls label{font-size:8px}}
.cx-funnel>div{font-size:10px;line-height:1.3}
.cx-funnel>div>small{display:block;line-height:1.3}
@media(min-width:851px) and (max-height:760px){.cx-funnel>div{margin-top:9px}.cx-funnel .cx-bar{height:9px}.cx-funnel-summary .cx-next p{font-size:11px;line-height:1.5}}
.cx-analytics .cx-chart header,.cx-ads .cx-social header{min-height:0!important}
.cx-report-tabs .cx-mobile-channel{display:none}
.cx-only-channels .cx-metrics,.cx-only-channels .cx-charts{display:none}
@media(max-width:600px){
.cx-analytics{padding:6px}
.cx-report-title strong{display:none}.cx-report-title small{margin:0}
.cx-report-tabs .cx-mobile-channel{display:block}
.cx-report-tabs button{font-size:8px;padding:5px 3px}
.cx-report-content .cx-table{display:none}.cx-report-content.cx-only-channels .cx-table{display:block}
.cx-metrics article{padding:5px 8px}.cx-metrics strong{font-size:22px;margin:2px 0}
.cx-chart svg{height:74px}.cx-chart svg text{font-size:13px}
}
