/* Content service: shared identity, with media kept in device-shaped frames. */
body.content-page main>.hero{display:flex;align-items:center;justify-content:center;flex-direction:column;height:calc(100svh - 24px);min-height:680px}
body.content-page .hero-inner{margin-block:auto!important}
body.content-page .hero-grid-bg{display:none}
body.content-page .hero .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
body.content-page .hero .breadcrumbs-mini{margin-top:28px}
body.content-page :is(.work-inner,.positioning-inner,.content-origin-inner,.content-process-inner,.info-inner){max-width:none;width:100%;padding:0;margin:0}
body.content-page :is(.work-title,.info-title,.content-origin h2,.content-process h2){font-size:clamp(32px,3.7vw,52px)!important;max-width:1000px;line-height:1.14;margin-bottom:24px}
body.content-page :is(.work-desc,.auth-card p,.auth-copy-grid p,.content-origin-intro,.content-origin-card p,.content-origin-card li,.process-step-body p,.process-vertical-header p,.info p,.info li,.price-intro p,.price-footer-copy,.price-features li){font:400 14px/1.62 DM,sans-serif!important;color:var(--gray);text-align:start;text-wrap:pretty}
body.content-page :is(.work-desc,.content-origin-intro){max-width:78ch}
body.content-page .work-header{margin-bottom:42px}
body.content-page .yt-grid{gap:28px;margin-bottom:72px}
body.content-page .yt-card{background:#292331;border:7px solid #292331;border-top-width:20px;border-bottom-width:12px;border-radius:16px;box-shadow:0 12px 26px #20102d14;position:relative;overflow:visible}
body.content-page .yt-card::before{content:'';position:absolute;top:-13px;left:8px;width:4px;height:4px;background:#a69cab;border-radius:50%;box-shadow:8px 0 #a69cab,16px 0 #a69cab}
body.content-page .yt-thumb{border-radius:5px;overflow:hidden}
body.content-page .yt-card :is(h3,p,.yt-card-title,.yt-info){color:#fff}
body.content-page .fb-phone-frame{background:#292331;border:1px solid #55465e;padding:10px 8px 14px;box-shadow:0 12px 28px #20102d22}
body.content-page .fb-phone-notch{background:#85728f}
body.content-page .fb-phone-screen{aspect-ratio:9/16}
body.content-page .reels-block-label{margin-top:80px}
body.content-page .auth-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:18px 0}
body.content-page .auth-grid{gap:32px}
body.content-page .content-origin-card{background:#eeeae4;border:0;border-radius:22px;box-shadow:none;padding:28px;min-height:0;--white:#302538;--gray:#65576e;--purple:#6b269c}
body.content-page .content-origin-card-tag{background:none;padding:0;font:500 10px/1.5 DM,sans-serif;letter-spacing:.12em}
body.content-page .content-origin-card h3{font-size:25px}
body.content-page .omni-flow{margin:40px 0}
body.content-page .of-root{background:#6b269c;border:0;box-shadow:none;color:#fff;border-radius:20px}
body.content-page .of-root :is(strong,p,span){color:#fff!important}
body.content-page .of-outputs li{background:#eeeae4;border:0;color:#302538;border-radius:16px;box-shadow:none}
body.content-page .of-outputs li :is(span,em){color:#65576e}
body.content-page .process-vertical-list{width:100%;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
body.content-page .process-vertical-list::before,body.content-page .process-vertical-step::before{display:none}
body.content-page .process-vertical-step{background:transparent;border:0;box-shadow:none;padding:20px 0;display:flex;gap:20px}
body.content-page .process-step-num-badge{font:400 36px/1.2 Fraunces,serif!important;border:0;background:none;box-shadow:none;color:var(--purple);min-width:48px;position:static;transform:none}
body.content-page .process-step-body{padding:0}
body.content-page .process-step-body h4{font:400 25px/1.2 Caviar,sans-serif;letter-spacing:-.03em;color:var(--white)}
body.content-page .omni-feature{--white:#302538;--gray:#65576e;--purple:#6b269c}
body.content-page .spot-sticker{transform:none;background:#6b269c;color:#fff;border:0;box-shadow:none;border-radius:18px}
body.content-page .info{border:0}
body.content-page .info-inner{gap:48px}
body.content-page .dircom-spot-card{border:0;border-radius:24px;overflow:hidden}
body.content-page .dircom-spot-title{color:#fff!important}
body.content-page .price-card-flex{background:#eeeae4;border-radius:24px;padding:40px;box-shadow:none;border:0;--white:#302538;--gray:#65576e;--purple:#6b269c;--cta-color:#51256f;--cta-border:#6b269c55;--cta-hover:#6b269c;--cta-hover-text:#fff}
body.content-page .price-card-flex h3{font-size:32px}
body.content-page .price-badge-organic{border:0;width:auto}
body.content-page .faq-trigger h3{font:500 17px/1.5 DM,sans-serif!important;letter-spacing:normal}
body.content-page .faq-body p{padding:0 0 24px!important;max-width:80ch}
body.content-page .faq-body{padding:0!important}
body.content-page .cta-section{border-radius:24px}
body.content-page .related-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.content-page .related-article-card{display:flex;flex-direction:column;background:#eeeae4;border-radius:20px;overflow:hidden;color:#302538;text-decoration:none}
body.content-page .related-article-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
body.content-page .related-article-card strong{font:500 16px/1.5 DM,sans-serif;padding:22px;color:#302538}
@media(max-width:800px){body.content-page .process-vertical-list{grid-template-columns:1fr}body.content-page .price-card-flex{padding:28px}}
@media(max-width:600px){body.content-page main>.hero{height:auto;min-height:calc(100svh - 16px);padding:110px 24px 32px!important}body.content-page .hero .hero-title{font-size:38px!important}body.content-page .yt-grid{grid-template-columns:1fr}body.content-page .related-articles-grid{grid-template-columns:1fr}body.content-page .price-card-flex{padding:26px 22px}body.content-page .info-inner{grid-template-columns:1fr}}
body.content-page .page-orb{display:none}
body.content-page .hero .hero-title .hero-emphasis{color:#fff!important;text-shadow:none!important}
body.content-page .info-right{background:#eeeae4;border-radius:22px;padding:30px;--white:#302538;--gray:#65576e;--purple:#6b269c}
body.content-page .cta-inner{background:#eeeae4;border:0;box-shadow:none;border-radius:24px;padding:40px;max-width:none;width:100%;--white:#302538;--gray:#65576e;--purple:#6b269c}
body.content-page .cta-inner :is(h2,p){color:var(--white)!important}
body.content-page .cta-inner p{font:400 14px/1.62 DM,sans-serif!important}
body.content-page .dircom-spot-content{--cta-color:#fff4ff;--cta-border:#e0c9e780;--cta-hover:#eeeae4;--cta-hover-text:#302538}
body.content-page .spot-sticker{position:static!important;float:right;margin:0 0 20px 24px;padding:12px 18px;width:auto;height:auto;min-height:0}
body.content-page .price-tiers-row,body.content-page .price-footer{border:0;box-shadow:none}
@media(max-width:600px){body.content-page .cta-inner{padding:26px 22px}body.content-page .spot-sticker{float:none;width:fit-content;margin:0 0 24px}}

body.content-page .hero .hero-title .content-title-line{display:block;white-space:nowrap}
body.content-page .hero .hero-title{font-size:clamp(30px,4.5vw,70px)!important}
@media(max-width:600px){body.content-page .hero .hero-title{font-size:clamp(20px,5.9vw,35px)!important;letter-spacing:-.045em}}
/* Plain video thumbnails converge into their final grid positions. */
body.content-page :is(.yt-grid,.fb-reels-track){position:relative;isolation:isolate}
body.content-page .fb-reel-phone{transform-origin:50% 50%;transition:transform .35s var(--ease-out)}
body.content-page .yt-card{border:0;background:transparent;border-radius:18px;box-shadow:none;overflow:hidden;transform-origin:50% 50%;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
body.content-page .yt-card::before{display:none}
body.content-page .yt-thumb{border-radius:18px}
body.content-page :is(.yt-thumb,.fb-phone-screen) img{transition:transform .45s var(--ease-out)}
@media(hover:hover) and (pointer:fine){
body.content-page .yt-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(31,27,46,.14)}
body.content-page .fb-reel-phone:hover{transform:translateY(-5px)}
body.content-page :is(.yt-card:hover .yt-thumb,.fb-reel-phone:hover .fb-phone-screen) img{transform:scale(1.06)}
}
@media(prefers-reduced-motion:reduce){body.content-page :is(.yt-card,.fb-reel-phone){transform:none!important;opacity:1!important}body.content-page :is(.yt-thumb,.fb-phone-screen) img{transition:none!important;transform:none!important}}
/* Podcast offer: integrated price, compact copy and a readable production diagram. */
body.content-page #estrategia-ganadora .omni-feature{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:28px 36px;padding:44px;background:#eeeae4;color:#302538}
body.content-page #estrategia-ganadora .omni-feature::before,body.content-page #estrategia-ganadora .omni-feature::after{display:none}
body.content-page #estrategia-ganadora .section-label{grid-column:1;grid-row:1;margin:0;color:#6b269c}
body.content-page #estrategia-ganadora .omni-title{grid-column:1;grid-row:2;max-width:none;margin:0;font-size:clamp(32px,3.5vw,48px)!important}
body.content-page .podcast-price{grid-column:2;grid-row:1/3;align-self:center;display:flex;flex-direction:column;gap:8px;text-align:right;color:#6b269c}
body.content-page .podcast-price span{font:500 10px/1.5 DM,sans-serif;letter-spacing:.12em;text-transform:uppercase}
body.content-page .podcast-price strong{font:400 48px/1.1 Fraunces,serif;white-space:nowrap}
body.content-page #estrategia-ganadora .omni-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px 36px;margin:0}
body.content-page #estrategia-ganadora .omni-copy p{margin:0}
body.content-page #estrategia-ganadora .omni-principle{grid-column:2;grid-row:1/3;align-self:center;font:400 23px/1.4 Caviar,sans-serif;color:#6b269c}
body.content-page #estrategia-ganadora .omni-process{grid-column:1/-1;max-width:none;margin-top:10px}
body.content-page #estrategia-ganadora .omni-map{grid-template-columns:minmax(0,1fr) 60px minmax(0,1.3fr);gap:20px}
body.content-page #estrategia-ganadora .omni-origin{padding:28px;border-radius:18px}
body.content-page #estrategia-ganadora .omni-origin strong{font:400 28px/1.2 Caviar,sans-serif}
body.content-page #estrategia-ganadora .omni-origin small{font:400 14px/1.62 DM,sans-serif;margin-top:16px}
body.content-page #estrategia-ganadora .omni-outputs li{padding:18px 22px}
body.content-page #estrategia-ganadora .omni-efficiency{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;text-align:center;margin-top:20px;color:#65576e}
body.content-page #estrategia-ganadora .omni-efficiency strong{font:400 23px/1.4 Caviar,sans-serif;color:#6b269c}
body.content-page #estrategia-ganadora .spot-cta{justify-content:center;text-align:center;margin:0}
@media(max-width:650px){body.content-page #estrategia-ganadora .omni-feature{padding:26px 22px;grid-template-columns:1fr;gap:24px}body.content-page .podcast-price{grid-column:1;grid-row:3;text-align:left;flex-direction:row;align-items:baseline;gap:12px}body.content-page #estrategia-ganadora .omni-copy{display:block}body.content-page #estrategia-ganadora .omni-copy>*{display:block;margin-bottom:20px!important}body.content-page #estrategia-ganadora .omni-map{grid-template-columns:1fr}body.content-page #estrategia-ganadora .omni-connector{height:24px}}
/* Formats sit directly on the outer card. */
body.content-page .info-right .formats-panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0}
body.content-page .info-right .formats-panel::before,body.content-page .info-right .formats-panel::after{display:none}
/* Centred digital-service offer with its price inside the video card. */
body.content-page .dircom-spot-wrap{width:100%;max-width:1100px;margin-inline:auto;float:none;padding:0}
body.content-page .dircom-spot-wrap::before,body.content-page .dircom-spot-wrap::after{display:none}
body.content-page .dircom-spot-card{display:block;width:100%;margin:0;border:0;box-shadow:none!important;transform:none!important;border-radius:24px;text-decoration:none}
body.content-page .dircom-spot-content{padding:48px;max-width:none;text-align:center}
body.content-page .dircom-spot-kicker{background:none;border:0;padding:0;border-radius:0;color:#fff;font:500 10px/1.5 DM,sans-serif;letter-spacing:.14em}
body.content-page .dircom-spot-desc{font:400 14px/1.62 DM,sans-serif;color:#f3edf6;max-width:72ch;margin:24px auto}
body.content-page .digital-offer-price{display:flex;align-items:baseline;justify-content:center;gap:10px;color:#fff;margin:28px 0}
body.content-page .digital-offer-price strong{font:400 42px/1.2 Fraunces,serif;color:#fff}
body.content-page .digital-offer-price span{font:400 13px/1.5 DM,sans-serif;color:#f3edf6}
@media(max-width:600px){body.content-page .dircom-spot-content{padding:32px 22px}}
/* Interior prices use the approved social-media proposal typography. */
body.content-page .podcast-price.price-badge-organic{width:100%;height:180px;min-width:0;float:none;padding:0 0 0 24px;border:0;border-left:1px solid #6b269c33;background:transparent;box-shadow:none;transform:none;animation:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}
body.content-page .podcast-price .badge-lbl{font:700 .72rem/1.5 DM,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6b269c;opacity:.85}
body.content-page .podcast-price .badge-price{font:400 56px/1 Caviar,sans-serif;letter-spacing:normal;color:#6b269c;margin:.2rem 0}
body.content-page .price-footer .price-badge-organic{width:230px;flex-shrink:0;border:0;border-right:1px solid #6b269c33;border-radius:0;box-shadow:none;transform:none;animation:none;background:transparent;color:#6b269c}
@media(max-width:650px){body.content-page .podcast-price.price-badge-organic{height:auto;min-height:110px;border-left:0;border-bottom:1px solid #6b269c33;padding:0 0 20px;align-items:flex-start}body.content-page .price-footer .price-badge-organic{width:100%;border-right:0;border-bottom:1px solid #6b269c33}}

/* One integrated budget invitation, within the content plans card. */
body.content-page .price-footer{background:transparent;border:0;border-radius:0;padding:12px 0 0;margin-top:24px;grid-template-columns:230px minmax(0,1fr);column-gap:36px;row-gap:20px;justify-items:stretch}
body.content-page .price-footer-copy strong{font:400 26px/1.25 Caviar,sans-serif;color:#6b269c;margin-bottom:12px}
body.content-page .price-footer-copy a{color:#6b269c;text-underline-offset:3px}
body.content-page .price-footer .btn{justify-self:start}
@media(max-width:650px){body.content-page .price-footer{grid-template-columns:1fr;gap:22px;padding:0}.price-footer .price-badge-container{grid-row:auto}body.content-page .price-footer .price-badge-organic{height:auto;padding-bottom:22px;align-items:flex-start}body.content-page .price-footer .btn{grid-column:1}body.content-page .price-footer-copy strong{font-size:24px}}

/* Match the approved proposal-price hover and keep amount/currency together. */
body.content-page #estrategia-ganadora .omni-feature{grid-template-columns:minmax(0,1fr) 230px}
body.content-page .badge-price{white-space:nowrap}
body.content-page .podcast-price.price-badge-organic:hover,body.content-page .price-footer .price-badge-organic:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 16px 48px rgba(107,38,156,.45)}
@media(max-width:650px){body.content-page #estrategia-ganadora .omni-feature{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.content-page .price-badge-organic{transition:none}body.content-page .price-badge-organic:hover{transform:none!important}}

/* Budget action spans the complete card below the price and explanation. */
body.content-page .price-footer .price-badge-container{grid-row:1}
html body.content-page .price-footer .btn{grid-column:1/-1;grid-row:2;justify-self:center;margin-top:12px;font-size:14px!important;padding:15px 28px!important;min-height:50px;border-color:#6b269c!important}
@media(max-width:650px){html body.content-page .price-footer .btn{grid-row:3}}