/* Social Media — reglas aisladas de Productora, Diseño y Tecnología. */
.hbs-section { position:relative; padding:42px 5%; background:var(--hb-social-paper,#ececea); font-family:Archivo,Arial,sans-serif; }
.hbs-section > .elementor-container { max-width:1184px; width:100%; margin-inline:auto; }
.hbs-section .elementor-column { min-width:0; }
.hbs-section .elementor-column > .elementor-widget-wrap { padding:0 12px; align-content:flex-start; }
.hbs-section .elementor-widget { min-width:0; }
.hbs-section .elementor-widget-text-editor { display:block; }
.hbs-section .elementor-widget p { margin:0; }
.hbs-section .elementor-widget-image img { width:100%; height:auto; display:block; }
.hbs-section .hbs-eyebrow { letter-spacing:1.6px; }
.hbs-section.hbs-hero { padding-block:30px 22px; overflow:hidden; }
.hbs-section .hbs-hero-copy > .elementor-widget-wrap { align-content:center; padding-block:28px; position:relative; z-index:1; }
.hbs-section .hbs-title { margin-block:12px; }
.hbs-section .hbs-cta { margin-top:16px; }
.hbs-section .hbs-cta a { text-decoration:none; }
.hbs-section .hbs-hero-note { margin-top:32px; }
.hbs-section .hbs-hero-note:before { content:""; display:block; width:50px; border-top:1px solid #777; margin-bottom:12px; }
.hbs-section .hbs-hero-art > .elementor-widget-wrap { align-content:center; padding:0; }
.hbs-section .hbs-hero-image img { mix-blend-mode:multiply; }
.hbs-section.hbs-services { background:var(--hb-social-paper,#f5f5f3); }
.hbs-section .hbs-service { border-left:1px solid #8f919a; }
.hbs-section .hbs-service > .elementor-widget-wrap { padding-inline:22px; }
.hbs-section.hbs-format-row { padding:20px 0 0; }
.hbs-section .hbs-format > .elementor-widget-wrap { padding-inline:12px; }
.hbs-section .hbs-format-image img { aspect-ratio:1.04; object-fit:cover; }
.hbs-section .hbs-manifesto { margin-top:22px; padding:12px 18px; border-radius:7px; background:#101010; text-align:center; }
.hbs-section.hbs-process { background:var(--hb-social-paper,#f5f5f3); }
.hbs-section .hbs-step { border-left:1px solid #a3afd5; }
.hbs-section .hbs-step > .elementor-widget-wrap { padding-inline:22px; }
.hbs-section.hbs-closing { background:var(--hb-social-accent,#d6ff24); padding-block:35px; }
.hbs-section .hbs-conversation { text-align:center; transform:rotate(-8deg); }
.hbs-section .hbs-conversation svg { width:100px; height:100px; }
@media(min-width:768px) and (max-width:1024px) {
 .hbs-section .hbs-title .elementor-heading-title { font-size:52px; }
 .hbs-section .hbs-service > .elementor-widget-wrap, .hbs-section .hbs-step > .elementor-widget-wrap { padding-inline:12px; }
 .hbs-section .hbs-services-title .elementor-heading-title { font-size:30px; }
}
@media(max-width:767px) {
 .hbs-section { padding:30px 5%; }
 .hbs-section > .elementor-container { flex-wrap:wrap; }
 .hbs-section > .elementor-container > .elementor-column { width:100%; }
 .hbs-section .hbs-title .elementor-heading-title { font-size:clamp(36px,9.5vw,58px); }
 .hbs-section .hbs-hero-copy > .elementor-widget-wrap { padding-block:5px 20px; }
 .hbs-section .hbs-hero-note { margin-top:15px; }
 .hbs-section.hbs-services > .elementor-container, .hbs-section.hbs-process > .elementor-container { gap:28px 0; }
 .hbs-section.hbs-services > .elementor-container > .hbs-service, .hbs-section.hbs-process > .elementor-container > .hbs-step { width:50%; }
 .hbs-section .hbs-service > .elementor-widget-wrap, .hbs-section .hbs-step > .elementor-widget-wrap { padding-inline:12px; }
 .hbs-section.hbs-format-row { padding:20px 0 0; }
 .hbs-section .hbs-format > .elementor-widget-wrap { padding:0 0 25px; }
 .hbs-section.hbs-closing > .elementor-container > .elementor-column:last-child { margin-top:20px; }
}