/* Propuesta audiovisual: estilos aislados, divisiones rectas. */
.hba-section { padding:78px 5% !important; background:#101411; color:#f4f2e9; }
.hba-section > .elementor-container { max-width:1200px; margin:auto; }
.hba-section .elementor-widget-wrap { align-content:flex-start; }
.hba-section.hba-inner { padding:0 !important; background:transparent; }
.hba-section.hba-light { background:var(--hb-audiovisual-paper,#f4f2e9); color:var(--hb-audiovisual-ink,#111411); }
.hba-section .hba-eyebrow { letter-spacing:1.6px; margin-bottom:18px; }
.hba-section .hba-eyebrow::before { content:''; display:inline-block; width:24px; height:2px; background:var(--hb-audiovisual-accent,#ceff48); margin-right:12px; vertical-align:middle; }
.hba-section .hba-cta .elementor-button { border-radius:40px; }
.hba-section .hba-cta a:focus-visible { outline:3px solid currentColor; outline-offset:5px; }
.hba-section.hba-hero { padding-block:0; overflow:hidden; }
.hba-section .hba-hero-copy > .elementor-widget-wrap { padding:65px 0 32px !important; position:relative; z-index:2; }
.hba-section .hba-title { margin:10px 0 20px; }
.hba-section .hba-hero-photo { height:100%; }
.hba-section .hba-hero-photo .elementor-widget-container { height:100%; }
.hba-section .hba-hero-photo img { height:590px; width:100%; object-fit:cover; object-position:center; mask-image:linear-gradient(to right,transparent,#000 22%); }
.hba-section .hba-hero-note { margin-top:45px; padding-top:20px; border-top:1px solid #555; letter-spacing:1px; }
.hba-section .hba-service > .elementor-widget-wrap { padding-left:22px !important; }
.hba-section .hba-number { border-top:1px solid #aaa; padding-top:10px; }
.hba-section .hba-reel > .elementor-widget-wrap { padding-left:22px !important; position:relative; }
.hba-section .hba-portrait img { width:100%; aspect-ratio:9/16; object-fit:cover; border-radius:10px; }
.hba-section .hba-play { display:none; }
.hba-section .hba-play .elementor-icon { color:white; font-size:17px; }
.hba-section .hba-play svg { width:17px; height:17px; fill:white; }
.hba-section .hba-caption { padding-top:8px; }
.hba-section .hba-caption::before { content:''; display:inline-block; width:18px; height:2px; background:var(--hb-audiovisual-accent,#ceff48); margin-right:8px; vertical-align:middle; }
.hba-section.hba-formats { margin-top:36px; border-top:1px solid #525650; padding-top:28px; }
.hba-section .hba-landscape img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:10px; }
.hba-section .hba-podcast-poster > .elementor-widget-wrap { padding-left:30px !important; }
.hba-section .hba-podcast-poster .hba-play { position:absolute; left:50%; top:50%; margin:-21px 0 0; }
.hba-section.hba-podcast-bottom { margin-top:42px; }
.hba-section.hba-podcast-bottom > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-right:25px !important; }
.hba-section .hba-wave img { mix-blend-mode:multiply; width:85%; }
.hba-section.hba-work-row { margin-top:35px; }
.hba-section .hba-work > .elementor-widget-wrap { padding:0 12px !important; }
.hba-section .hba-work-photo img { width:100%; aspect-ratio:1.15; object-fit:cover; border-radius:10px; }
.hba-section .hba-work-label { margin-top:0; }
.hba-section .hba-process-copy > .elementor-widget-wrap { padding-left:40px !important; }
.hba-section .hba-process-photo img { width:100%; min-height:290px; object-fit:cover; border-radius:10px; }
.hba-section.hba-steps { margin-top:24px; }
.hba-section .hba-step > .elementor-widget-wrap { padding:0 16px !important; border-left:1px solid #b9d85d; }
.hba-section.hba-closing { background:var(--hb-audiovisual-accent,#ceff48); color:var(--hb-audiovisual-ink,#111411); padding-block:45px; }
.hba-section.hba-closing > .elementor-container { align-items:center; }
.hba-section.hba-closing > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-right:25px !important; }
@media(max-width:1024px) {
 .hba-section .hba-title .elementor-heading-title { font-size:48px; }
 .hba-section .hba-service > .elementor-widget-wrap { padding-left:12px !important; }
 .hba-section .hba-reel > .elementor-widget-wrap { padding-left:12px !important; }
}
@media(max-width:767px) {
 .hba-section { padding:45px 6% !important; }
 .hba-section > .elementor-container { flex-wrap:wrap; }
 .hba-section > .elementor-container > .elementor-column { width:100%; }
 .hba-section .hba-title .elementor-heading-title { font-size:clamp(36px,9vw,52px); }
 .hba-section .hba-hero-copy > .elementor-widget-wrap { padding-top:40px; }
 .hba-section .hba-hero-photo img { height:300px; mask-image:none; }
 .hba-section .hba-service { margin-top:28px; }
 .hba-section.hba-services > .elementor-container > .hba-service { width:50%; }
 .hba-section .hba-reel > .elementor-widget-wrap { padding:28px 0 0 !important; }
 .hba-section .hba-portrait img { max-height:480px; object-position:center; }
 .hba-section.hba-formats > .elementor-container { gap:20px; }
 .hba-section .hba-podcast-poster > .elementor-widget-wrap { padding:25px 0 0 !important; }
 .hba-section.hba-podcast-bottom > .elementor-container { gap:20px; }
 .hba-section .hba-work > .elementor-widget-wrap { padding:0 0 25px !important; }
 .hba-section .hba-process-copy > .elementor-widget-wrap { padding:28px 0 0 !important; }
 .hba-section .hba-step { margin-top:20px; }
 .hba-section.hba-closing > .elementor-container { gap:20px; }
}

.hba-section .hba-portrait .elementor-wrapper { aspect-ratio:9/16; border-radius:10px; overflow:hidden; }
.hba-section .hba-landscape .elementor-wrapper { aspect-ratio:16/9; border-radius:10px; overflow:hidden; }
.hba-section .elementor-widget-video .elementor-custom-embed-play i { color:#f0443c; }