{"id":6,"date":"2026-09-09T14:40:57","date_gmt":"2026-09-09T14:40:57","guid":{"rendered":"https:\/\/cyan-skunk-721281.hostingersite.com\/?page_id=6"},"modified":"2026-09-14T14:50:04","modified_gmt":"2026-09-14T14:50:04","slug":"home","status":"publish","type":"page","link":"https:\/\/outsidemedia.ar\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto\" id=\"hero\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html\"><section class=\"om-outfront-hero\">\n\n<style>\n\/* ==========================================================\n   HERO OUTFRONT\n   VIDEO FULL BACKGROUND\n   WordPress + Impreza + WPBakery\n========================================================== *\/\n\n.om-outfront-hero {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    background: #000000;\n    box-sizing: border-box;\n}\n\n.om-outfront-hero *,\n.om-outfront-hero *::before,\n.om-outfront-hero *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   VIDEO DE FONDO\n========================================================== *\/\n\n.om-outfront-hero__video {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: hidden;\n}\n\n.om-outfront-hero__video video {\n    position: absolute;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n    object-position: center center;\n\n    margin: 0;\n    padding: 0;\n\n    border: 0;\n\n    pointer-events: none;\n}\n\n\n\/* ==========================================================\n   OVERLAY MUY SUAVE\n   Para mantener legibilidad sin tapar el video\n========================================================== *\/\n\n.om-outfront-hero::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.88) 0%,\n            rgba(255,255,255,.62) 28%,\n            rgba(255,255,255,.12) 58%,\n            rgba(255,255,255,0) 78%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* ==========================================================\n   CONTENIDO\n========================================================== *\/\n\n.om-outfront-hero__inner {\n    position: relative;\n    z-index: 5;\n\n    width: 100%;\n    max-width: 1440px;\n    min-height: 100vh;\n\n    margin: 0 auto;\n\n    padding:\n        clamp(170px, 20vh, 250px)\n        40px\n        80px;\n\n    display: flex;\n    align-items: flex-start;\n}\n\n\n\/* ==========================================================\n   TITULAR\n========================================================== *\/\n\n.om-outfront-hero__title {\n    position: relative;\n\n    width: max-content;\n    max-width: 900px;\n\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(\n            --om-font,\n            \"Montserrat\",\n            Arial,\n            Helvetica,\n            sans-serif\n        );\n\n    font-size: clamp(60px, 6vw, 100px);\n    font-weight: 800;\n\n    line-height: .87;\n    letter-spacing: -0.065em;\n\n    text-transform: uppercase;\n\n    color: #000000 !important;\n}\n\n.om-outfront-hero__title-line {\n    display: block;\n    white-space: nowrap;\n}\n\n.om-outfront-hero__title-line--accent {\n    color: var(--om-accent, #8500b5);\n}\n\n\n\/* ==========================================================\n   BOT\u00d3N VER VIDEO\n========================================================== *\/\n\n.om-outfront-hero__film {\n    position: absolute;\n    z-index: 8;\n\n    right: clamp(35px, 5vw, 80px);\n    bottom: clamp(40px, 5vw, 75px);\n\n    width: clamp(118px, 9vw, 150px);\n    height: clamp(118px, 9vw, 150px);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: var(--om-accent, #8500b5);\n\n    color: #ffffff !important;\n\n    font-family:\n        var(\n            --om-font,\n            \"Montserrat\",\n            Arial,\n            Helvetica,\n            sans-serif\n        );\n\n    font-size: 14px;\n    font-weight: 600;\n\n    line-height: 1;\n\n    text-align: center;\n    text-decoration: none !important;\n\n    transform: rotate(-8deg);\n\n    transition:\n        transform .4s cubic-bezier(.2,.7,.2,1),\n        background-color .4s ease;\n\n    cursor: pointer;\n}\n\n.om-outfront-hero__film span {\n    display: block;\n    transform: rotate(8deg);\n}\n\n.om-outfront-hero__film span::after {\n    content: \"\u2197\";\n\n    display: inline-block;\n\n    margin-left: 7px;\n\n    font-size: 15px;\n\n    transition: transform .3s ease;\n}\n\n.om-outfront-hero__film:hover {\n    color: #ffffff !important;\n\n    transform:\n        rotate(-8deg)\n        scale(1.07);\n}\n\n.om-outfront-hero__film:hover span::after {\n    transform: translate(2px, -2px);\n}\n\n\n\/* ==========================================================\n   ANIMACI\u00d3N DE ENTRADA\n========================================================== *\/\n\n@keyframes omHeroTitleIn {\n\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n}\n\n.om-outfront-hero__title-line {\n    opacity: 0;\n\n    animation:\n        omHeroTitleIn\n        .75s\n        cubic-bezier(.2,.7,.2,1)\n        forwards;\n}\n\n.om-outfront-hero__title-line:nth-child(1) {\n    animation-delay: .10s;\n}\n\n.om-outfront-hero__title-line:nth-child(2) {\n    animation-delay: .20s;\n}\n\n.om-outfront-hero__title-line:nth-child(3) {\n    animation-delay: .30s;\n}\n\n\n\/* ==========================================================\n   NOTEBOOK\n========================================================== *\/\n\n@media (max-width: 1200px) {\n\n    .om-outfront-hero__inner {\n        padding-left: 32px;\n        padding-right: 32px;\n    }\n\n    .om-outfront-hero__title {\n        font-size: clamp(56px, 6.5vw, 82px);\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 900px) {\n\n    .om-outfront-hero,\n    .om-outfront-hero__inner {\n        min-height: 820px;\n    }\n\n    .om-outfront-hero__inner {\n        padding:\n            140px\n            28px\n            60px;\n    }\n\n    .om-outfront-hero__title {\n        max-width: 760px;\n\n        font-size: clamp(50px, 8vw, 70px);\n    }\n\n    .om-outfront-hero__film {\n        right: 28px;\n        bottom: 35px;\n    }\n\n    .om-outfront-hero::after {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(255,255,255,.86) 0%,\n                rgba(255,255,255,.55) 42%,\n                rgba(255,255,255,.08) 75%\n            );\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .om-outfront-hero,\n    .om-outfront-hero__inner {\n        min-height: 720px;\n    }\n\n    .om-outfront-hero__inner {\n        padding:\n            100px\n            20px\n            140px;\n\n        align-items: flex-start;\n    }\n\n    .om-outfront-hero__title {\n        width: 100%;\n        max-width: 100%;\n\n        font-size: clamp(42px, 13vw, 62px);\n\n        line-height: .89;\n        letter-spacing: -0.06em;\n    }\n\n    .om-outfront-hero__title-line {\n        white-space: normal;\n    }\n\n    .om-outfront-hero__film {\n        right: 20px;\n        bottom: 25px;\n\n        width: 108px;\n        height: 108px;\n\n        font-size: 12px;\n    }\n\n    .om-outfront-hero::after {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(255,255,255,.88) 0%,\n                rgba(255,255,255,.62) 38%,\n                rgba(255,255,255,.12) 72%,\n                rgba(255,255,255,0) 100%\n            );\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE PEQUE\u00d1O\n========================================================== *\/\n\n@media (max-width: 420px) {\n\n    .om-outfront-hero__title {\n        font-size: 40px;\n    }\n\n}\n\n\n\/* ==========================================================\n   REDUCED MOTION\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .om-outfront-hero__title-line {\n        opacity: 1;\n        animation: none;\n    }\n\n}\n\n<\/style>\n\n\n<!-- VIDEO FULL BACKGROUND -->\n\n<div class=\"om-outfront-hero__video\">\n\n    <video\n        autoplay\n        muted\n        loop\n        playsinline\n        preload=\"auto\"\n        aria-hidden=\"true\"\n    >\n        <source\n            src=\"\/wp-content\/uploads\/2026\/09\/homepage-hero-desktop-sizzle.mp4\"\n            type=\"video\/mp4\"\n        >\n    <\/video>\n\n<\/div>\n\n\n<!-- CONTENIDO -->\n\n<div class=\"om-outfront-hero__inner\">\n\n    <h1 class=\"om-outfront-hero__title\">\n\n        <span class=\"om-outfront-hero__title-line\">\n            CONSTRUIMOS\n        <\/span>\n\n        <span class=\"om-outfront-hero__title-line\">\n            MARCAS EN EL\n        <\/span>\n\n        <span class=\"\n            om-outfront-hero__title-line\n            om-outfront-hero__title-line--accent\n        \">\n            MUNDO REAL\n        <\/span>\n\n    <\/h1>\n\n<\/div>\n\n\n<!-- BOT\u00d3N -->\n\n<a\n    class=\"om-outfront-hero__film\"\n    href=\"#\"\n    aria-label=\"Ver video\"\n>\n    <span>Ver video<\/span>\n<\/a>\n\n<\/section>\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\" id=\"medios\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html\"><section class=\"om-irl-slider\" id=\"om-irl-slider\">\n\n<style>\n\/* ==========================================================\n   OUTFRONT \u2014 IRL SLIDESHOW\n   WordPress + Impreza + WPBakery\n========================================================== *\/\n\n.om-irl-slider {\n    position: relative;\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: transparent !important;\n    overflow: hidden;\n}\n\n.om-irl-slider *,\n.om-irl-slider *::before,\n.om-irl-slider *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   ESCENARIO\n========================================================== *\/\n\n.om-irl-slider__stage {\n    position: relative;\n\n    width: 100%;\n    min-height: 650px;\n\n    margin: 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    background: #ffffff;\n}\n\n\n\/* ==========================================================\n   SLIDES\n========================================================== *\/\n\n.om-irl-slide {\n    position: absolute;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    opacity: 0;\n    visibility: hidden;\n\n    pointer-events: none;\n\n    transition:\n        opacity .65s cubic-bezier(.2,.7,.2,1),\n        visibility .65s;\n}\n\n.om-irl-slide.is-active {\n    z-index: 2;\n\n    opacity: 1;\n    visibility: visible;\n\n    pointer-events: auto;\n}\n\n\n\/* ==========================================================\n   FOTO\n========================================================== *\/\n\n.om-irl-slide__photo {\n    position: absolute;\n\n    z-index: 1;\n\n    left: 0;\n    top: 0;\n\n    width: 56%;\n    height: 100%;\n\n    overflow: hidden;\n\n    background: #dddddd;\n}\n\n.om-irl-slide__photo img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    object-fit: cover;\n    object-position: center center;\n\n    transform: scale(1.02);\n\n    transition:\n        transform 1.1s cubic-bezier(.2,.7,.2,1);\n}\n\n.om-irl-slide.is-active .om-irl-slide__photo img {\n    transform: scale(1);\n}\n\n\n\/* ==========================================================\n   PANEL VIOLETA\n========================================================== *\/\n\n.om-irl-slide__panel {\n    position: absolute;\n\n    z-index: 3;\n\n    top: 8%;\n    right: 0;\n    bottom: 8%;\n\n    width: 72%;\n\n    overflow: hidden;\n\n    background: #60168e;\n\n    clip-path: polygon(\n        31% 0,\n        100% 0,\n        100% 100%,\n        0 100%\n    );\n}\n\n\n\/* TRI\u00c1NGULO SECUNDARIO *\/\n\n.om-irl-slide__panel::before {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 1;\n\n    left: 0;\n    bottom: 0;\n\n    width: 31%;\n    height: 54%;\n\n    background: rgba(126, 31, 164, .52);\n\n    clip-path: polygon(\n        0 0,\n        100% 100%,\n        0 100%\n    );\n\n    pointer-events: none;\n}\n\n\n\/* ==========================================================\n   CONTENIDO\n========================================================== *\/\n\n.om-irl-slide__content {\n    position: relative;\n    z-index: 3;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0;\n\n    padding:\n        7%\n        5.5%\n        7%\n        30%;\n\n    display: flex;\n    flex-direction: column;\n\n    min-width: 0;\n}\n\n\n\/* ==========================================================\n   TABS\n========================================================== *\/\n\n.om-irl-tabs {\n    display: flex;\n    align-items: center;\n\n    gap: clamp(22px, 2.7vw, 52px);\n\n    width: 100%;\n\n    margin: 0 0 clamp(32px, 3.5vw, 58px);\n    padding: 0;\n}\n\n.om-irl-tab {\n    appearance: none;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: 42px;\n\n    margin: 0;\n    padding: 0;\n\n    border: 0;\n    border-radius: 999px;\n\n    background: transparent;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(12px, .8vw, 14px);\n    font-weight: 700;\n\n    line-height: 1;\n\n    color: #ffffff !important;\n\n    white-space: nowrap;\n\n    cursor: pointer;\n\n    transition:\n        background-color .3s ease,\n        padding .3s ease,\n        opacity .3s ease;\n}\n\n.om-irl-tab:hover {\n    opacity: .72;\n}\n\n.om-irl-tab.is-active {\n    padding-left: 27px;\n    padding-right: 27px;\n\n    opacity: 1;\n\n    background: rgba(181, 106, 207, .62);\n}\n\n\n\/* ==========================================================\n   T\u00cdTULOS\n========================================================== *\/\n\n.om-irl-slide__title {\n    width: 100%;\n    max-width: 100%;\n\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(48px, 4.25vw, 78px);\n    font-weight: 900;\n\n    line-height: .96;\n\n    letter-spacing: -.045em;\n\n    text-transform: uppercase;\n\n    color: #ffffff !important;\n\n    overflow: visible;\n\n    word-break: normal;\n}\n\n\n\/* Cada l\u00ednea se controla manualmente *\/\n\n.om-irl-slide__title-line {\n    display: block;\n\n    width: 100%;\n\n    white-space: nowrap;\n}\n\n\n\/* ==========================================================\n   VARIANTES SEG\u00daN LONGITUD\n========================================================== *\/\n\n\/* Slide 1:\n   EL PODER\n   DE LOS MEDIOS IRL\n*\/\n\n.om-irl-slide__title--media {\n    font-size: clamp(46px, 3.8vw, 70px);\n}\n\n\n\/* Slide 2:\n   POTENCIADOS POR\n   LAS AUDIENCIAS\n*\/\n\n.om-irl-slide__title--audience {\n    font-size: clamp(46px, 4vw, 74px);\n}\n\n\n\/* Slide 3:\n   INNOVACI\u00d3N\n   EN EVOLUCI\u00d3N\n*\/\n\n.om-irl-slide__title--innovation {\n    font-size: clamp(48px, 4.3vw, 79px);\n}\n\n\n\/* ==========================================================\n   PARTE INFERIOR\n========================================================== *\/\n\n.om-irl-slide__bottom {\n    width: 100%;\n\n    margin-top: auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(280px, 1fr)\n        auto;\n\n    align-items: end;\n\n    gap: clamp(35px, 4vw, 75px);\n}\n\n\n\/* ==========================================================\n   TEXTO\n========================================================== *\/\n\n.om-irl-slide__text {\n    width: 100%;\n    max-width: 540px;\n\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(14px, .95vw, 16px);\n    font-weight: 400;\n\n    line-height: 1.5;\n\n    letter-spacing: -.01em;\n\n    color: #ffffff !important;\n}\n\n\n\/* ==========================================================\n   CTA\n========================================================== *\/\n\n.om-irl-slide__cta {\n    display: inline-flex;\n    align-items: center;\n\n    margin: 0 0 3px;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(14px, .95vw, 16px);\n    font-weight: 700;\n\n    line-height: 1;\n\n    color: #ffffff !important;\n\n    white-space: nowrap;\n\n    text-decoration: none !important;\n\n    transition:\n        opacity .3s ease,\n        transform .3s ease;\n}\n\n.om-irl-slide__cta::before {\n    content: \"\/\";\n\n    margin-right: 9px;\n\n    font-size: 25px;\n    font-weight: 500;\n\n    line-height: .8;\n}\n\n.om-irl-slide__cta:hover {\n    color: #ffffff !important;\n\n    opacity: .7;\n\n    transform: translateX(5px);\n}\n\n\n\/* ==========================================================\n   ANIMACI\u00d3N CONTENIDO\n========================================================== *\/\n\n.om-irl-slide__title,\n.om-irl-slide__bottom {\n    opacity: 0;\n\n    transform: translateY(18px);\n\n    transition:\n        opacity .55s ease,\n        transform .55s cubic-bezier(.2,.7,.2,1);\n}\n\n.om-irl-slide.is-active .om-irl-slide__title,\n.om-irl-slide.is-active .om-irl-slide__bottom {\n    opacity: 1;\n\n    transform: translateY(0);\n}\n\n.om-irl-slide.is-active .om-irl-slide__title {\n    transition-delay: .12s;\n}\n\n.om-irl-slide.is-active .om-irl-slide__bottom {\n    transition-delay: .22s;\n}\n\n\n\/* ==========================================================\n   NOTEBOOK\n========================================================== *\/\n\n@media (max-width: 1250px) {\n\n    .om-irl-slider__stage {\n        min-height: 610px;\n    }\n\n    .om-irl-slide__photo {\n        width: 59%;\n    }\n\n    .om-irl-slide__panel {\n        width: 76%;\n    }\n\n    .om-irl-slide__content {\n        padding-left: 29%;\n        padding-right: 4.5%;\n    }\n\n    .om-irl-slide__title {\n        font-size: clamp(43px, 4.2vw, 64px);\n    }\n\n    .om-irl-slide__title--media {\n        font-size: clamp(41px, 3.75vw, 59px);\n    }\n\n    .om-irl-slide__title--audience {\n        font-size: clamp(41px, 3.9vw, 61px);\n    }\n\n    .om-irl-slide__title--innovation {\n        font-size: clamp(43px, 4.1vw, 64px);\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 980px) {\n\n    .om-irl-slider__stage {\n        min-height: 570px;\n    }\n\n    .om-irl-slide__panel {\n        top: 5%;\n        bottom: 5%;\n\n        width: 80%;\n\n        clip-path: polygon(\n            27% 0,\n            100% 0,\n            100% 100%,\n            0 100%\n        );\n    }\n\n    .om-irl-slide__content {\n        padding:\n            6%\n            4%\n            6%\n            28%;\n    }\n\n    .om-irl-tabs {\n        margin-bottom: 34px;\n\n        gap: 18px;\n    }\n\n    .om-irl-tab {\n        font-size: 11px;\n    }\n\n    .om-irl-tab.is-active {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n    .om-irl-slide__title,\n    .om-irl-slide__title--media,\n    .om-irl-slide__title--audience,\n    .om-irl-slide__title--innovation {\n        font-size: clamp(36px, 4.4vw, 48px);\n\n        line-height: .98;\n\n        letter-spacing: -.04em;\n    }\n\n    .om-irl-slide__bottom {\n        gap: 24px;\n    }\n\n    .om-irl-slide__text {\n        font-size: 13px;\n    }\n\n    .om-irl-slide__cta {\n        font-size: 13px;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .om-irl-slider__stage {\n        min-height: 0;\n\n        background: transparent;\n    }\n\n\n    .om-irl-slide {\n        position: relative;\n        inset: auto;\n\n        display: none;\n\n        height: auto;\n\n        opacity: 1;\n        visibility: visible;\n    }\n\n    .om-irl-slide.is-active {\n        display: block;\n    }\n\n\n    \/* FOTO *\/\n\n    .om-irl-slide__photo {\n        position: relative;\n\n        width: 100%;\n        height: auto;\n\n        aspect-ratio: 4 \/ 3;\n    }\n\n\n    \/* PANEL *\/\n\n    .om-irl-slide__panel {\n        position: relative;\n\n        top: auto;\n        right: auto;\n        bottom: auto;\n\n        width: 100%;\n\n        min-height: 570px;\n\n        clip-path: none;\n    }\n\n\n    .om-irl-slide__panel::before {\n        width: 43%;\n        height: 37%;\n    }\n\n\n    \/* CONTENIDO *\/\n\n    .om-irl-slide__content {\n        min-height: 570px;\n\n        padding:\n            32px\n            20px\n            38px;\n    }\n\n\n    \/* TABS *\/\n\n    .om-irl-tabs {\n        gap: 8px;\n\n        margin-bottom: 42px;\n\n        overflow-x: auto;\n\n        scrollbar-width: none;\n    }\n\n    .om-irl-tabs::-webkit-scrollbar {\n        display: none;\n    }\n\n    .om-irl-tab {\n        min-height: 40px;\n\n        font-size: 12px;\n\n        flex: 0 0 auto;\n    }\n\n    .om-irl-tab.is-active {\n        padding-left: 18px;\n        padding-right: 18px;\n    }\n\n\n    \/* TITULO *\/\n\n    .om-irl-slide__title,\n    .om-irl-slide__title--media,\n    .om-irl-slide__title--audience,\n    .om-irl-slide__title--innovation {\n        font-size: clamp(37px, 10.5vw, 54px);\n\n        line-height: 1;\n\n        letter-spacing: -.045em;\n    }\n\n    .om-irl-slide__title-line {\n        white-space: normal;\n    }\n\n\n    \/* ABAJO *\/\n\n    .om-irl-slide__bottom {\n        margin-top: 55px;\n\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n    }\n\n    .om-irl-slide__text {\n        max-width: 100%;\n\n        font-size: 14px;\n    }\n\n    .om-irl-slide__cta {\n        justify-self: start;\n\n        font-size: 14px;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE PEQUE\u00d1O\n========================================================== *\/\n\n@media (max-width: 430px) {\n\n    .om-irl-slide__title,\n    .om-irl-slide__title--media,\n    .om-irl-slide__title--audience,\n    .om-irl-slide__title--innovation {\n        font-size: clamp(34px, 10vw, 44px);\n\n        line-height: 1.02;\n    }\n\n}\n\n\n\/* ==========================================================\n   REDUCED MOTION\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .om-irl-slide,\n    .om-irl-slide__photo img,\n    .om-irl-slide__title,\n    .om-irl-slide__bottom,\n    .om-irl-tab {\n        transition: none !important;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"om-irl-slider__stage\">\n\n\n    <!-- ==================================================\n         SLIDE 1\n    =================================================== -->\n\n    <article\n        class=\"om-irl-slide is-active\"\n        data-slide=\"0\"\n    >\n\n        <div class=\"om-irl-slide__photo\">\n\n            <img decoding=\"async\"\n                src=\"\/wp-content\/uploads\/2026\/09\/irl-quienes-somos.webp\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n\n        <\/div>\n\n\n        <div class=\"om-irl-slide__panel\">\n\n            <div class=\"om-irl-slide__content\">\n\n\n                <div class=\"om-irl-tabs\">\n\n                    <button\n                        class=\"om-irl-tab is-active\"\n                        type=\"button\"\n                        data-go-slide=\"0\"\n                    >\n                        Qui\u00e9nes somos\n                    <\/button>\n\n                    <button\n                        class=\"om-irl-tab\"\n                        type=\"button\"\n                        data-go-slide=\"1\"\n                    >\n                        Audiencia\n                    <\/button>\n\n                    <button\n                        class=\"om-irl-tab\"\n                        type=\"button\"\n                        data-go-slide=\"2\"\n                    >\n                        Innovaci\u00f3n\n                    <\/button>\n\n                <\/div>\n\n\n                <h2\n                    class=\"\n                        om-irl-slide__title\n                        om-irl-slide__title--media\n                    \"\n                >\n\n                    <span class=\"om-irl-slide__title-line\">\n                        EL PODER\n                    <\/span>\n\n                    <span class=\"om-irl-slide__title-line\">\n                        DE LOS MEDIOS IRL\n                    <\/span>\n\n                <\/h2>\n\n\n                <div class=\"om-irl-slide__bottom\">\n\n                    <p class=\"om-irl-slide__text\">\n                        Dise\u00f1ados para hacer mucho m\u00e1s que ser vistos.\n                        Creamos experiencias innovadoras en el mundo real\n                        que conectan, influyen y generan impacto. A trav\u00e9s\n                        de la excelencia creativa, entornos de alto impacto\n                        y datos inteligentes de audiencia, ayudamos a las\n                        marcas a movilizar personas y dejar una impresi\u00f3n\n                        duradera.\n                    <\/p>\n\n\n                    <a\n                        class=\"om-irl-slide__cta\"\n                        href=\"#quienes-somos\"\n                    >\n                        Sobre nosotros\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/article>\n\n\n\n    <!-- ==================================================\n         SLIDE 2\n    =================================================== -->\n\n    <article\n        class=\"om-irl-slide\"\n        data-slide=\"1\"\n    >\n\n        <div class=\"om-irl-slide__photo\">\n\n            <img decoding=\"async\"\n                src=\"\/wp-content\/uploads\/2026\/09\/irl-audiencia.webp\"\n                alt=\"\"\n                loading=\"lazy\"\n            >\n\n        <\/div>\n\n\n        <div class=\"om-irl-slide__panel\">\n\n            <div class=\"om-irl-slide__content\">\n\n\n                <div class=\"om-irl-tabs\">\n\n                    <button\n                        class=\"om-irl-tab\"\n                        type=\"button\"\n                        data-go-slide=\"0\"\n                    >\n                        Qui\u00e9nes somos\n                    <\/button>\n\n                    <button\n                        class=\"om-irl-tab is-active\"\n                        type=\"button\"\n                        data-go-slide=\"1\"\n                    >\n                        Audiencia\n                    <\/button>\n\n                    <button\n                        class=\"om-irl-tab\"\n                        type=\"button\"\n                        data-go-slide=\"2\"\n                    >\n                        Innovaci\u00f3n\n                    <\/button>\n\n                <\/div>\n\n\n                <h2\n                    class=\"\n                        om-irl-slide__title\n                        om-irl-slide__title--audience\n                    \"\n                >\n\n                    <span class=\"om-irl-slide__title-line\">\n                        POTENCIADOS POR\n                    <\/span>\n\n                    <span class=\"om-irl-slide__title-line\">\n                        LAS AUDIENCIAS\n                    <\/span>\n\n                <\/h2>\n\n\n                <div class=\"om-irl-slide__bottom\">\n\n                    <p class=\"om-irl-slide__text\">\n                        Nos apoyamos en un enfoque de datos \u00e1gil,\n                        flexible y de primer nivel para garantizar\n                        que las campa\u00f1as de medios IRL lleguen a las\n                        audiencias deseadas, en el momento y en los\n                        lugares adecuados, generando el m\u00e1ximo impacto\n                        para cada negocio.\n                    <\/p>\n\n\n                    <a\n                        class=\"om-irl-slide__cta\"\n                        href=\"#audiencia\"\n                    >\n                        Encontr\u00e1 tu audiencia\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/article>\n\n\n\n    <!-- ==================================================\n         SLIDE 3\n    =================================================== -->\n\n    <article\n        class=\"om-irl-slide\"\n        data-slide=\"2\"\n    >\n\n        <div class=\"om-irl-slide__photo\">\n\n            <img decoding=\"async\"\n                src=\"\/wp-content\/uploads\/2026\/09\/irl-innovacion.webp\"\n                alt=\"\"\n                loading=\"lazy\"\n            >\n\n        <\/div>\n\n\n        <div class=\"om-irl-slide__panel\">\n\n            <div class=\"om-irl-slide__content\">\n\n\n                <div class=\"om-irl-tabs\">\n\n                    <button\n                        class=\"om-irl-tab\"\n                        type=\"button\"\n                        data-go-slide=\"0\"\n                    >\n                        Qui\u00e9nes somos\n                    <\/button>\n\n                    <button\n                        class=\"om-irl-tab\"\n                        type=\"button\"\n                        data-go-slide=\"1\"\n                    >\n                        Audiencia\n                    <\/button>\n\n                    <button\n                        class=\"om-irl-tab is-active\"\n                        type=\"button\"\n                        data-go-slide=\"2\"\n                    >\n                        Innovaci\u00f3n\n                    <\/button>\n\n                <\/div>\n\n\n                <h2\n                    class=\"\n                        om-irl-slide__title\n                        om-irl-slide__title--innovation\n                    \"\n                >\n\n                    <span class=\"om-irl-slide__title-line\">\n                        INNOVACI\u00d3N\n                    <\/span>\n\n                    <span class=\"om-irl-slide__title-line\">\n                        EN EVOLUCI\u00d3N\n                    <\/span>\n\n                <\/h2>\n\n\n                <div class=\"om-irl-slide__bottom\">\n\n                    <p class=\"om-irl-slide__text\">\n                        Lideramos la industria incorporando inteligencia\n                        a los medios IRL, escalando las posibilidades\n                        digitales y adoptando nuevas tecnolog\u00edas, desde\n                        soluciones program\u00e1ticas y medici\u00f3n de resultados\n                        hasta experiencias interactivas y desarrollos\n                        innovadores.\n                    <\/p>\n\n\n                    <a\n                        class=\"om-irl-slide__cta\"\n                        href=\"#tecnologia\"\n                    >\n                        Tecnolog\u00eda publicitaria\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/article>\n\n\n<\/div>\n\n\n<script>\n(function () {\n\n    const slider = document.getElementById('om-irl-slider');\n\n    if (!slider) return;\n\n\n    const slides = Array.from(\n        slider.querySelectorAll('.om-irl-slide')\n    );\n\n    const totalSlides = slides.length;\n\n    let currentSlide = 0;\n\n    let autoplay = null;\n\n    const delay = 5500;\n\n\n    function showSlide(index) {\n\n        if (index < 0) {\n            index = totalSlides - 1;\n        }\n\n        if (index >= totalSlides) {\n            index = 0;\n        }\n\n\n        slides.forEach(function (slide, slideIndex) {\n\n            slide.classList.toggle(\n                'is-active',\n                slideIndex === index\n            );\n\n        });\n\n\n        currentSlide = index;\n\n    }\n\n\n    function startAutoplay() {\n\n        stopAutoplay();\n\n        autoplay = window.setInterval(\n            function () {\n\n                showSlide(currentSlide + 1);\n\n            },\n            delay\n        );\n\n    }\n\n\n    function stopAutoplay() {\n\n        if (!autoplay) return;\n\n        window.clearInterval(autoplay);\n\n        autoplay = null;\n\n    }\n\n\n    slider.addEventListener(\n        'click',\n        function (event) {\n\n            const button =\n                event.target.closest(\n                    '.om-irl-tab'\n                );\n\n            if (!button) return;\n\n\n            const index = Number(\n                button.dataset.goSlide\n            );\n\n\n            showSlide(index);\n\n            startAutoplay();\n\n        }\n    );\n\n\n    slider.addEventListener(\n        'mouseenter',\n        stopAutoplay\n    );\n\n\n    slider.addEventListener(\n        'mouseleave',\n        startAutoplay\n    );\n\n\n    document.addEventListener(\n        'visibilitychange',\n        function () {\n\n            if (document.hidden) {\n\n                stopAutoplay();\n\n            } else {\n\n                startAutoplay();\n\n            }\n\n        }\n    );\n\n\n    showSlide(0);\n\n    startAutoplay();\n\n})();\n<\/script>\n\n<\/section><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_04b5345d height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html\" id=\"elpoder\"><section class=\"om-move\">\n\n<style>\n\/* ==========================================================\n   OUTFRONT \u2014 THE POWER TO MOVE\n   WordPress + Impreza + WPBakery\n========================================================== *\/\n\n.om-move {\n    position: relative;\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n\n    background: #f7f7f7;\n}\n\n.om-move *,\n.om-move *::before,\n.om-move *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   CONTENIDO\n========================================================== *\/\n\n.om-move__inner {\n    position: relative;\n    z-index: 5;\n\n    width: 100%;\n    min-height: 690px;\n\n    margin: 0;\n    padding:\n        clamp(75px, 7vw, 110px)\n        clamp(30px, 6vw, 95px)\n        clamp(85px, 8vw, 125px);\n\n    display: flex;\n    align-items: flex-start;\n}\n\n\n\/* ==========================================================\n   COLUMNA IZQUIERDA\n========================================================== *\/\n\n.om-move__content {\n    position: relative;\n    z-index: 5;\n\n    width: 48%;\n    max-width: 610px;\n}\n\n\n\/* ==========================================================\n   TITULO\n========================================================== *\/\n\n.om-move__title {\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(58px, 5vw, 88px);\n    font-weight: 900;\n\n    line-height: .91;\n\n    letter-spacing: -.065em;\n\n    text-transform: uppercase;\n\n    color: #000000 !important;\n}\n\n.om-move__title span {\n    display: block;\n}\n\n\n\/* ==========================================================\n   TEXTO\n========================================================== *\/\n\n.om-move__intro {\n    max-width: 580px;\n\n    margin:\n        clamp(45px, 5vw, 68px)\n        0\n        0 !important;\n\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(15px, 1.15vw, 18px);\n    font-weight: 400;\n\n    line-height: 1.5;\n\n    letter-spacing: -.015em;\n\n    color: #111111 !important;\n}\n\n.om-move__intro strong {\n    font-weight: 800;\n}\n\n\n\/* ==========================================================\n   FUENTE\n========================================================== *\/\n\n.om-move__source {\n    display: block;\n\n    margin: 34px 0 0;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: 8px;\n    font-weight: 500;\n\n    line-height: 1;\n\n    text-transform: uppercase;\n\n    color: #222222;\n}\n\n\n\/* ==========================================================\n   BUSCADOR\n========================================================== *\/\n\n.om-move__search {\n    position: relative;\n\n    width: 100%;\n    max-width: 505px;\n\n    height: 72px;\n\n    margin: 38px 0 0;\n\n    display: flex;\n    align-items: center;\n\n    border: 1px solid #d7d7d7;\n    border-radius: 999px;\n\n    background: #ffffff;\n\n    box-shadow:\n        0 12px 30px rgba(0,0,0,.08);\n\n    overflow: hidden;\n}\n\n\n\/* ICONO *\/\n\n.om-move__search-icon {\n    flex: 0 0 auto;\n\n    width: 20px;\n    height: 20px;\n\n    margin-left: 34px;\n    margin-right: 18px;\n\n    color: #000000;\n}\n\n.om-move__search-icon svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    fill: none;\n    stroke: currentColor;\n\n    stroke-width: 2;\n    stroke-linecap: round;\n}\n\n\n\/* INPUT *\/\n\n.om-move__search input {\n    width: 100%;\n    height: 100%;\n\n    margin: 0 !important;\n    padding: 0 28px 0 0 !important;\n\n    border: 0 !important;\n    border-radius: 0 !important;\n\n    outline: 0 !important;\n\n    background: transparent !important;\n\n    box-shadow: none !important;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: 15px;\n    font-weight: 400;\n\n    color: #111111;\n}\n\n.om-move__search input::placeholder {\n    color: #9da1ae;\n\n    opacity: 1;\n}\n\n.om-move__search input:focus {\n    border: 0 !important;\n    box-shadow: none !important;\n}\n\n\n\/* ==========================================================\n   CTA\n========================================================== *\/\n\n.om-move__cta {\n    display: inline-flex;\n    align-items: center;\n\n    margin: 56px 0 0;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: 15px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    color: #000000 !important;\n\n    text-decoration: none !important;\n\n    transition:\n        transform .3s ease,\n        opacity .3s ease;\n}\n\n.om-move__cta::before {\n    content: \"\/\";\n\n    display: inline-block;\n\n    margin-right: 8px;\n\n    font-size: 24px;\n    font-weight: 600;\n\n    line-height: .8;\n}\n\n.om-move__cta:hover {\n    color: #000000 !important;\n\n    opacity: .65;\n\n    transform: translateX(5px);\n}\n\n\n\/* ==========================================================\n   FONDO GEOMETRICO\n========================================================== *\/\n\n.om-move__art {\n    position: absolute;\n\n    z-index: 1;\n\n    top: -7%;\n    right: -2%;\n    bottom: -13%;\n\n    width: 58%;\n\n    overflow: hidden;\n\n    pointer-events: none;\n\n    opacity: .92;\n}\n\n\n\/* SUAVE DEGRADADO *\/\n\n.om-move__art::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        radial-gradient(\n            ellipse at center,\n            rgba(255,255,255,.05) 0%,\n            rgba(235,235,235,.08) 45%,\n            rgba(217,217,217,.15) 100%\n        );\n}\n\n\n\/* ==========================================================\n   PIEZAS DEL FONDO\n========================================================== *\/\n\n.om-move__shape {\n    position: absolute;\n\n    width: var(--w);\n    height: var(--h);\n\n    left: var(--x);\n    top: var(--y);\n\n    background: rgba(255,255,255,.93);\n\n    border:\n        1px solid rgba(205,205,205,.50);\n\n    box-shadow:\n        17px 17px 0 rgba(215,215,215,.20),\n        28px 28px 30px rgba(0,0,0,.025);\n\n    transform:\n        skewX(-25deg)\n        rotate(-.5deg);\n}\n\n\n\/* ALGUNAS PIEZAS MAS TENUES *\/\n\n.om-move__shape:nth-child(3n) {\n    background: rgba(249,249,249,.90);\n}\n\n.om-move__shape:nth-child(4n) {\n    box-shadow:\n        13px 16px 0 rgba(207,207,207,.22);\n}\n\n\n\/* ==========================================================\n   LUZ SUPERIOR\n========================================================== *\/\n\n.om-move__fade {\n    position: absolute;\n\n    z-index: 2;\n\n    top: 0;\n    left: 40%;\n\n    width: 35%;\n    height: 100%;\n\n    background:\n        linear-gradient(\n            90deg,\n            #f7f7f7 0%,\n            rgba(247,247,247,.80) 24%,\n            rgba(247,247,247,.22) 75%,\n            rgba(247,247,247,0) 100%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* ==========================================================\n   NOTEBOOK\n========================================================== *\/\n\n@media (max-width: 1200px) {\n\n    .om-move__inner {\n        min-height: 640px;\n    }\n\n    .om-move__content {\n        width: 52%;\n    }\n\n    .om-move__title {\n        font-size: clamp(53px, 5.4vw, 74px);\n    }\n\n    .om-move__art {\n        width: 60%;\n        right: -5%;\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 900px) {\n\n    .om-move__inner {\n        min-height: 600px;\n\n        padding:\n            65px\n            28px\n            80px;\n    }\n\n    .om-move__content {\n        width: 60%;\n    }\n\n    .om-move__title {\n        font-size: clamp(48px, 7vw, 64px);\n\n        line-height: .93;\n    }\n\n    .om-move__intro {\n        margin-top: 42px !important;\n    }\n\n    .om-move__search {\n        height: 65px;\n    }\n\n    .om-move__art {\n        width: 57%;\n\n        right: -14%;\n\n        opacity: .65;\n    }\n\n    .om-move__fade {\n        left: 43%;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .om-move__inner {\n        min-height: 650px;\n\n        padding:\n            55px\n            20px\n            65px;\n    }\n\n    .om-move__content {\n        width: 100%;\n        max-width: 100%;\n    }\n\n    .om-move__title {\n        font-size: clamp(45px, 13vw, 60px);\n\n        line-height: .94;\n\n        letter-spacing: -.055em;\n    }\n\n    .om-move__intro {\n        max-width: 500px;\n\n        margin-top: 38px !important;\n\n        font-size: 15px;\n    }\n\n    .om-move__source {\n        margin-top: 25px;\n    }\n\n    .om-move__search {\n        max-width: 100%;\n\n        height: 62px;\n\n        margin-top: 32px;\n    }\n\n    .om-move__search-icon {\n        margin-left: 25px;\n        margin-right: 15px;\n    }\n\n    .om-move__search input {\n        font-size: 14px;\n    }\n\n    .om-move__cta {\n        margin-top: 42px;\n    }\n\n\n    \/* FONDO PASA ATRAS DEL CONTENIDO *\/\n\n    .om-move__art {\n        top: 20%;\n        right: -48%;\n        bottom: -10%;\n\n        width: 110%;\n\n        opacity: .20;\n    }\n\n    .om-move__fade {\n        display: none;\n    }\n\n}\n\n<\/style>\n\n\n<!-- ======================================================\n     FONDO ABSTRACTO\n======================================================= -->\n\n<div\n    class=\"om-move__art\"\n    aria-hidden=\"true\"\n>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:14%;--y:-8%;--w:11%;--h:38%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:28%;--y:-3%;--w:12%;--h:52%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:42%;--y:-10%;--w:14%;--h:59%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:57%;--y:5%;--w:16%;--h:46%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:70%;--y:12%;--w:11%;--h:35%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:82%;--y:18%;--w:8%;--h:30%;\">\n    <\/span>\n\n\n    <span class=\"om-move__shape\"\n        style=\"--x:6%;--y:35%;--w:15%;--h:48%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:21%;--y:35%;--w:15%;--h:54%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:36%;--y:34%;--w:17%;--h:57%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:52%;--y:42%;--w:15%;--h:49%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:66%;--y:50%;--w:14%;--h:42%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:79%;--y:55%;--w:10%;--h:37%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:89%;--y:61%;--w:7%;--h:31%;\">\n    <\/span>\n\n\n    <span class=\"om-move__shape\"\n        style=\"--x:13%;--y:75%;--w:13%;--h:39%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:28%;--y:77%;--w:16%;--h:43%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:45%;--y:79%;--w:14%;--h:38%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:60%;--y:80%;--w:12%;--h:34%;\">\n    <\/span>\n\n    <span class=\"om-move__shape\"\n        style=\"--x:73%;--y:81%;--w:9%;--h:30%;\">\n    <\/span>\n\n<\/div>\n\n\n<div\n    class=\"om-move__fade\"\n    aria-hidden=\"true\"\n><\/div>\n\n\n<!-- ======================================================\n     CONTENIDO\n======================================================= -->\n\n<div class=\"om-move__inner\">\n\n    <div class=\"om-move__content\">\n\n\n        <!-- TITULO -->\n\n        <h2 class=\"om-move__title\">\n\n            <span>EL PODER<\/span>\n\n            <span>DE MOVILIZAR<\/span>\n\n        <\/h2>\n\n\n        <!-- TEXTO -->\n\n        <p class=\"om-move__intro\">\n            Nuestros medios llegan semanalmente a\n            <strong>7 de cada 10 estadounidenses.<\/strong>*\n            Una gran audiencia, y tambi\u00e9n muchas\n            audiencias m\u00e1s peque\u00f1as.\n        <\/p>\n\n\n        <!-- FUENTE -->\n\n        <small class=\"om-move__source\">\n            *FUENTE: GEOPATH, 2026\n        <\/small>\n\n\n        <!-- BUSCADOR -->\n\n        <div class=\"om-move__search\">\n\n            <span\n                class=\"om-move__search-icon\"\n                aria-hidden=\"true\"\n            >\n                <svg viewBox=\"0 0 24 24\">\n\n                    <circle\n                        cx=\"11\"\n                        cy=\"11\"\n                        r=\"6.5\">\n                    <\/circle>\n\n                    <path\n                        d=\"M16 16l4 4\">\n                    <\/path>\n\n                <\/svg>\n            <\/span>\n\n\n            <input\n                type=\"text\"\n                placeholder=\"Busc\u00e1 tu mercado por ubicaci\u00f3n o c\u00f3digo postal\"\n                aria-label=\"Buscar mercado\"\n            >\n\n        <\/div>\n\n\n        <!-- CTA -->\n\n        <a\n            class=\"om-move__cta\"\n            href=\"#mercados\"\n        >\n            Explorar todos los mercados\n        <\/a>\n\n\n    <\/div>\n\n<\/div>\n\n<\/section><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_04b5345d height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html\"><section class=\"om-metrics\">\n\n<style>\n\/* ==========================================================\n   OUTFRONT \u2014 METRICAS\n   WordPress + Impreza + WPBakery\n========================================================== *\/\n\n.om-metrics {\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: #f7f7f7;\n}\n\n.om-metrics *,\n.om-metrics *::before,\n.om-metrics *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   GRID\n========================================================== *\/\n\n.om-metrics__grid {\n    width: 100%;\n    margin: 0;\n    padding:\n        0\n        clamp(32px, 6vw, 105px)\n        clamp(55px, 6vw, 90px);\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: clamp(55px, 8vw, 150px);\n}\n\n\n\/* ==========================================================\n   ITEM\n========================================================== *\/\n\n.om-metrics__item {\n    min-width: 0;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* ==========================================================\n   NUMERO\n========================================================== *\/\n\n.om-metrics__number {\n    margin: 0 0 clamp(30px, 3vw, 48px) !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(85px, 9vw, 155px);\n    font-weight: 900;\n\n    line-height: .8;\n\n    letter-spacing: -.075em;\n\n    color: var(--om-accent, #60168e) !important;\n\n    white-space: nowrap;\n}\n\n\n\/* ==========================================================\n   ETIQUETA\n========================================================== *\/\n\n.om-metrics__label-row {\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n\n    margin: 0;\n    padding: 0;\n}\n\n.om-metrics__label {\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(18px, 1.4vw, 24px);\n    font-weight: 800;\n\n    line-height: 1.1;\n\n    letter-spacing: -.025em;\n\n    color: #000000 !important;\n}\n\n\n\/* ==========================================================\n   ICONO INFO\n========================================================== *\/\n\n.om-metrics__info {\n    width: 24px;\n    height: 24px;\n\n    flex: 0 0 24px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0;\n\n    border-radius: 50%;\n\n    background: #cecece;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 15px;\n    font-weight: 700;\n\n    line-height: 1;\n\n    color: #ffffff;\n\n    cursor: help;\n}\n\n\n\/* ==========================================================\n   CTA\n========================================================== *\/\n\n.om-metrics__cta {\n    display: inline-flex;\n    align-items: center;\n\n    margin: clamp(35px, 3vw, 55px) 0 0;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(17px, 1.25vw, 22px);\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: -.025em;\n\n    color: #000000 !important;\n\n    text-decoration: none !important;\n\n    transition:\n        transform .3s ease,\n        opacity .3s ease;\n}\n\n\n\/* BARRA *\/\n\n.om-metrics__cta::before {\n    content: \"\/\";\n\n    display: inline-block;\n\n    margin-right: 8px;\n\n    font-size: 31px;\n    font-weight: 600;\n\n    line-height: .7;\n\n    color: #000000;\n}\n\n.om-metrics__cta:hover {\n    color: #000000 !important;\n\n    opacity: .6;\n\n    transform: translateX(5px);\n}\n\n\n\/* ==========================================================\n   NOTEBOOK\n========================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .om-metrics__grid {\n        gap: 55px;\n    }\n\n    .om-metrics__number {\n        font-size: clamp(75px, 9vw, 115px);\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 850px) {\n\n    .om-metrics__grid {\n        padding-left: 28px;\n        padding-right: 28px;\n\n        gap: 35px;\n    }\n\n    .om-metrics__number {\n        font-size: clamp(63px, 10vw, 90px);\n    }\n\n    .om-metrics__label {\n        font-size: 17px;\n    }\n\n    .om-metrics__cta {\n        font-size: 16px;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .om-metrics__grid {\n        padding:\n            0\n            20px\n            55px;\n\n        grid-template-columns: 1fr;\n\n        gap: 65px;\n    }\n\n    .om-metrics__number {\n        margin-bottom: 25px !important;\n\n        font-size: clamp(82px, 25vw, 125px);\n    }\n\n    .om-metrics__label {\n        font-size: 20px;\n    }\n\n    .om-metrics__cta {\n        margin-top: 28px;\n\n        font-size: 18px;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"om-metrics__grid\">\n\n\n    <!-- ==================================================\n         600K\n    =================================================== -->\n\n    <div class=\"om-metrics__item\">\n\n        <div class=\"om-metrics__number\">\n            600K\n        <\/div>\n\n        <div class=\"om-metrics__label-row\">\n\n            <div class=\"om-metrics__label\">\n                Soportes\n            <\/div>\n\n            <span\n                class=\"om-metrics__info\"\n                title=\"Cantidad de soportes disponibles\"\n                aria-label=\"M\u00e1s informaci\u00f3n\"\n            >\n                i\n            <\/span>\n\n        <\/div>\n\n        <a\n            class=\"om-metrics__cta\"\n            href=\"#medios\"\n        >\n            Explorar medios\n        <\/a>\n\n    <\/div>\n\n\n\n    <!-- ==================================================\n         15B\n    =================================================== -->\n\n    <div class=\"om-metrics__item\">\n\n        <div class=\"om-metrics__number\">\n            15B\n        <\/div>\n\n        <div class=\"om-metrics__label-row\">\n\n            <div class=\"om-metrics__label\">\n                Impresiones\n            <\/div>\n\n            <span\n                class=\"om-metrics__info\"\n                title=\"Impresiones generadas\"\n                aria-label=\"M\u00e1s informaci\u00f3n\"\n            >\n                i\n            <\/span>\n\n        <\/div>\n\n        <a\n            class=\"om-metrics__cta\"\n            href=\"#audiencia\"\n        >\n            Encontr\u00e1 tu audiencia\n        <\/a>\n\n    <\/div>\n\n\n\n    <!-- ==================================================\n         65+\n    =================================================== -->\n\n    <div class=\"om-metrics__item\">\n\n        <div class=\"om-metrics__number\">\n            65+\n        <\/div>\n\n        <div class=\"om-metrics__label-row\">\n\n            <div class=\"om-metrics__label\">\n                Creatividades\n            <\/div>\n\n        <\/div>\n\n        <a\n            class=\"om-metrics__cta\"\n            href=\"#creatividad\"\n        >\n            La creatividad importa\n        <\/a>\n\n    <\/div>\n\n\n<\/div>\n\n<\/section><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html\"><section class=\"om-spots\">\n\n<style>\n.om-spots {\n    position: relative;\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: transparent !important;\n    overflow: hidden;\n}\n\n.om-spots *,\n.om-spots *::before,\n.om-spots *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   ESTRUCTURA\n========================================================== *\/\n\n.om-spots__inner {\n    position: relative;\n\n    width: 100%;\n    min-height: 720px;\n\n    margin: 0;\n\n    padding:\n        clamp(65px, 6vw, 100px)\n        clamp(30px, 6vw, 95px);\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .85fr)\n        minmax(0, 1.15fr);\n\n    gap: clamp(50px, 7vw, 120px);\n\n    align-items: center;\n}\n\n\n\/* ==========================================================\n   TEXTO\n========================================================== *\/\n\n.om-spots__content {\n    position: relative;\n    z-index: 3;\n\n    width: 100%;\n    max-width: 600px;\n}\n\n\n\/* ==========================================================\n   TITULO\n========================================================== *\/\n\n.om-spots__title {\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(54px, 4.7vw, 82px);\n    font-weight: 900;\n\n    line-height: .92;\n\n    letter-spacing: -.06em;\n\n    text-transform: uppercase;\n\n    color: #000000 !important;\n}\n\n.om-spots__title span {\n    display: block;\n}\n\n.om-spots__title-accent {\n    color: var(--om-accent, #60168e);\n}\n\n\n\/* ==========================================================\n   TEXTO\n========================================================== *\/\n\n.om-spots__text {\n    max-width: 570px;\n\n    margin:\n        clamp(42px, 4vw, 62px)\n        0\n        0 !important;\n\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(16px, 1.15vw, 19px);\n    font-weight: 400;\n\n    line-height: 1.48;\n\n    letter-spacing: -.015em;\n\n    color: #111111 !important;\n}\n\n\n\/* ==========================================================\n   BOTON\n========================================================== *\/\n\n.om-spots__button {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 62px;\n\n    margin: clamp(40px, 4vw, 60px) 0 0;\n\n    padding: 0 36px;\n\n    border-radius: 999px;\n\n    background: var(--om-accent, #60168e);\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: 16px;\n    font-weight: 700;\n\n    line-height: 1;\n\n    color: #ffffff !important;\n\n    text-decoration: none !important;\n\n    transition:\n        transform .3s ease,\n        opacity .3s ease;\n}\n\n.om-spots__button:hover {\n    color: #ffffff !important;\n\n    opacity: .86;\n\n    transform: translateY(-2px);\n}\n\n\n\/* ==========================================================\n   IMAGEN\n========================================================== *\/\n\n.om-spots__visual {\n    position: relative;\n\n    width: 100%;\n\n    aspect-ratio: 1.15 \/ 1;\n\n    margin: 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    background: transparent !important;\n}\n\n.om-spots__image {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    object-fit: contain;\n    object-position: center;\n\n    background: transparent !important;\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .om-spots__inner {\n        min-height: 620px;\n\n        padding:\n            60px\n            28px;\n\n        grid-template-columns:\n            minmax(0, .95fr)\n            minmax(0, 1.05fr);\n\n        gap: 45px;\n    }\n\n    .om-spots__title {\n        font-size: clamp(46px, 5.4vw, 65px);\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .om-spots__inner {\n        min-height: 0;\n\n        padding:\n            50px\n            20px;\n\n        grid-template-columns: 1fr;\n\n        gap: 55px;\n    }\n\n    .om-spots__content {\n        max-width: 100%;\n    }\n\n    .om-spots__title {\n        font-size: clamp(42px, 12vw, 58px);\n\n        line-height: .94;\n\n        letter-spacing: -.055em;\n    }\n\n    .om-spots__text {\n        max-width: 100%;\n\n        margin-top: 35px !important;\n\n        font-size: 16px;\n    }\n\n    .om-spots__button {\n        min-height: 58px;\n\n        margin-top: 35px;\n\n        padding-left: 28px;\n        padding-right: 28px;\n\n        font-size: 15px;\n    }\n\n    .om-spots__visual {\n        aspect-ratio: 1 \/ 1;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"om-spots__inner\">\n\n    <div class=\"om-spots__content\">\n\n        <h2 class=\"om-spots__title\">\n\n            <span>DESCUBR\u00cd LOS<\/span>\n\n            <span class=\"om-spots__title-accent\">\n                LUGARES\n            <\/span>\n\n            <span class=\"om-spots__title-accent\">\n                PERFECTOS\n            <\/span>\n\n            <span>PARA TU<\/span>\n\n            <span>MENSAJE<\/span>\n\n        <\/h2>\n\n\n        <p class=\"om-spots__text\">\n            Encontr\u00e1 el soporte de medios IRL ideal\n            en la ciudad o comunidad que quieras alcanzar.\n            Nuestro portfolio incluye ubicaciones estrat\u00e9gicas\n            en los principales mercados. Busc\u00e1 medios por\n            direcci\u00f3n o n\u00famero de unidad.\n        <\/p>\n\n\n        <a\n            class=\"om-spots__button\"\n            href=\"#media-finder\"\n        >\n            Explorar ubicaciones\n        <\/a>\n\n    <\/div>\n\n\n    <!-- IMAGEN PENDIENTE -->\n\n    <div class=\"om-spots__visual\">\n\n        <img decoding=\"async\"\n            class=\"om-spots__image\"\n            src=\"\/wp-content\/uploads\/2026\/09\/IMAGEN-PENDIENTE.webp\"\n            alt=\"Imagen pendiente\"\n        >\n\n    <\/div>\n\n<\/div>\n\n<\/section><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html us_custom_b0546dd7\"><section class=\"om-featured-cases\" aria-label=\"Casos destacados\">\n\n<style>\n\/* ==========================================================\n   CASOS DESTACADOS - 5 CASOS\n   WordPress + Impreza + WPBakery\n========================================================== *\/\n\n.om-featured-cases {\n\n    \/* COLORES *\/\n    --om-cases-bg: #5f188c;\n    --om-cases-ink: #000000;\n    --om-cases-white: #ffffff;\n\n    \/* EFECTO 3D *\/\n    --om-cases-perspective: 1100px;\n\n    \/* Inclinacion inicial *\/\n    --om-cases-angle: -28deg;\n\n    \/* Inclinacion al pasar el mouse *\/\n    --om-cases-angle-hover: -3deg;\n\n    \/* Acercamiento al pasar el mouse *\/\n    --om-cases-depth-hover: 55px;\n\n    \/* Aumento adicional de escala *\/\n    --om-cases-scale-hover: 1.03;\n\n    \/* Duracion del movimiento *\/\n    --om-cases-duration: 650ms;\n\n    position: relative;\n    width: 100%;\n    min-width: 0;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: var(--om-cases-bg) !important;\n\n    overflow: visible;\n\n    container-name: om-featured-cases;\n    container-type: inline-size;\n}\n\n.om-featured-cases *,\n.om-featured-cases *::before,\n.om-featured-cases *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   ESTRUCTURA\n   Sin margen ni padding exterior\n========================================================== *\/\n\n.om-featured-cases__layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .85fr)\n        minmax(0, 1.15fr);\n\n    column-gap: 6%;\n    align-items: start;\n\n    width: 100%;\n    min-width: 0;\n\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\n\/* ==========================================================\n   PRESENTACION IZQUIERDA\n========================================================== *\/\n\n.om-featured-cases__intro {\n    display: flex;\n    flex-direction: column;\n\n    gap: 28px;\n\n    min-width: 0;\n\n    margin: 0;\n    padding: 0;\n}\n\n.om-featured-cases .om-featured-cases__heading {\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(17px, 1.6vw, 23px);\n    font-weight: 700;\n\n    line-height: 1.3;\n    letter-spacing: -.02em;\n\n    text-transform: none;\n\n    color: var(--om-cases-white) !important;\n}\n\n.om-featured-cases .om-featured-cases__description {\n    max-width: 580px;\n\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(28px, 3.2vw, 46px);\n    font-weight: 700;\n\n    line-height: 1.12;\n    letter-spacing: -.035em;\n\n    color: var(--om-cases-white) !important;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* ==========================================================\n   MENU DERECHO\n========================================================== *\/\n\n.om-featured-cases__menu {\n    width: 100%;\n    min-width: 0;\n\n    margin: 0;\n    padding: 0;\n\n    overflow: visible;\n\n    container-type: inline-size;\n}\n\n\n\/* ==========================================================\n   PERSPECTIVA COMPARTIDA\n\n   La lista establece la perspectiva.\n   Cada nombre se mueve de forma independiente.\n========================================================== *\/\n\n.om-featured-cases .om-featured-cases__list {\n    display: block;\n\n    width: 100%;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    list-style: none !important;\n\n    transform: none;\n    overflow: visible;\n\n    perspective: var(--om-cases-perspective);\n    perspective-origin: 100% 50%;\n\n    transform-style: preserve-3d;\n}\n\n.om-featured-cases .om-featured-cases__item {\n    position: relative;\n\n    display: block;\n    min-width: 0;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    list-style: none !important;\n\n    overflow: visible;\n\n    transform-style: preserve-3d;\n}\n\n.om-featured-cases__item:focus-within {\n    z-index: 2;\n}\n\n\n\/* ==========================================================\n   ENLACE FIJO + NOMBRE ANIMADO\n\n   El area clickeable permanece fija.\n   Solo se transforma el texto.\n========================================================== *\/\n\n.om-featured-cases .om-featured-cases__link {\n    position: relative;\n\n    display: block;\n\n    width: 100%;\n    min-height: 44px;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border: 0;\n    border-radius: 0;\n\n    background: transparent !important;\n    box-shadow: none !important;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(54px, 8.7vw, 180px);\n    font-weight: 900;\n    font-style: normal;\n\n    line-height: 1.18;\n    letter-spacing: -.065em;\n\n    text-align: right;\n    text-transform: uppercase;\n    text-decoration: none !important;\n\n    color: var(--om-cases-ink) !important;\n\n    overflow: visible;\n\n    transform-style: preserve-3d;\n\n    -webkit-tap-highlight-color: transparent;\n}\n\n.om-featured-cases .om-featured-cases__link::before,\n.om-featured-cases .om-featured-cases__link::after {\n    content: none !important;\n}\n\n\n\/* ==========================================================\n   NOMBRE DEL CASO\n\n   Admite nombres largos.\n   Se puede insertar <br> para elegir un salto de linea.\n========================================================== *\/\n\n.om-featured-cases__name {\n    display: inline-block;\n\n    max-width: 88%;\n\n    white-space: normal;\n    overflow-wrap: anywhere;\n\n    vertical-align: top;\n\n    pointer-events: none;\n\n    transform-origin: 100% 50%;\n    backface-visibility: hidden;\n\n    transform:\n        translate3d(0, 0, 0)\n        rotateY(var(--om-cases-angle))\n        scale(1);\n\n    transition:\n        transform\n        var(--om-cases-duration)\n        cubic-bezier(.22, 1, .36, 1),\n        color 250ms ease;\n}\n\n\n\/* ==========================================================\n   HOVER\n   Cambia el angulo, se acerca y pasa a blanco\n========================================================== *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n    .om-featured-cases__item:hover {\n        z-index: 2;\n    }\n\n    .om-featured-cases__link:hover .om-featured-cases__name {\n        color: var(--om-cases-white);\n\n        transform:\n            translate3d(\n                -.12em,\n                0,\n                var(--om-cases-depth-hover)\n            )\n            rotateY(var(--om-cases-angle-hover))\n            scale(var(--om-cases-scale-hover));\n    }\n\n}\n\n\n\/* ==========================================================\n   NAVEGACION CON TECLADO\n========================================================== *\/\n\n.om-featured-cases__link:focus-visible .om-featured-cases__name {\n    color: var(--om-cases-white);\n\n    transform:\n        translate3d(\n            -.12em,\n            0,\n            var(--om-cases-depth-hover)\n        )\n        rotateY(var(--om-cases-angle-hover))\n        scale(var(--om-cases-scale-hover));\n}\n\n.om-featured-cases .om-featured-cases__link:focus-visible {\n    outline: 2px solid var(--om-cases-white);\n    outline-offset: -2px;\n}\n\n\n\/* ==========================================================\n   TIPOGRAFIA SEGUN EL ANCHO REAL DEL BLOQUE\n========================================================== *\/\n\n@supports (font-size: 1cqw) {\n\n    .om-featured-cases .om-featured-cases__heading {\n        font-size: clamp(17px, 1.7cqw, 23px);\n    }\n\n    .om-featured-cases .om-featured-cases__description {\n        font-size: clamp(28px, 3.25cqw, 46px);\n    }\n\n    .om-featured-cases .om-featured-cases__link {\n        font-size: min(22cqw, 180px);\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .om-featured-cases__layout {\n        grid-template-columns: minmax(0, 1fr);\n        row-gap: 42px;\n    }\n\n    .om-featured-cases__intro {\n        gap: 20px;\n    }\n\n    .om-featured-cases .om-featured-cases__link {\n        font-size: clamp(48px, 17vw, 110px);\n        text-align: left;\n    }\n\n    .om-featured-cases .om-featured-cases__list {\n        perspective: none;\n    }\n\n    .om-featured-cases .om-featured-cases__name {\n        max-width: 100%;\n        transform: none !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   PANTALLAS SIN HOVER\n========================================================== *\/\n\n@media (hover: none) {\n\n    .om-featured-cases .om-featured-cases__list {\n        perspective: none;\n    }\n\n    .om-featured-cases .om-featured-cases__name {\n        transform: none !important;\n    }\n\n    .om-featured-cases__link:active .om-featured-cases__name {\n        color: var(--om-cases-white);\n    }\n\n}\n\n\n\/* ==========================================================\n   COLUMNAS ESTRECHAS DE WPBAKERY\n========================================================== *\/\n\n@container om-featured-cases (max-width: 720px) {\n\n    .om-featured-cases__layout {\n        grid-template-columns: minmax(0, 1fr);\n        row-gap: 42px;\n    }\n\n    .om-featured-cases__intro {\n        gap: 20px;\n    }\n\n    .om-featured-cases .om-featured-cases__link {\n        font-size: min(21cqw, 110px);\n        text-align: left;\n    }\n\n    .om-featured-cases .om-featured-cases__list {\n        perspective: none;\n    }\n\n    .om-featured-cases .om-featured-cases__name {\n        max-width: 100%;\n        transform: none !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   ACCESIBILIDAD: MOVIMIENTO REDUCIDO\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .om-featured-cases .om-featured-cases__list {\n        perspective: none;\n    }\n\n    .om-featured-cases .om-featured-cases__name {\n        transform: none !important;\n        transition: none !important;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"om-featured-cases__layout\">\n\n\n    <!-- ==================================================\n         PRESENTACION\n         Editar titulo y descripcion aqui\n    =================================================== -->\n\n    <header class=\"om-featured-cases__intro\">\n\n        <h2 class=\"om-featured-cases__heading\">\n            Casos destacados\n        <\/h2>\n\n        <p class=\"om-featured-cases__description\">\n            Descubr\u00ed nuestras \u00faltimas y mejores soluciones\n            a medida para nuestros clientes.\n        <\/p>\n\n    <\/header>\n\n\n    <!-- ==================================================\n         MENU DE CASOS\n\n         PARA REEMPLAZAR CADA CASO:\n\n         1. Cambiar el href por el enlace definitivo.\n         2. Cambiar el texto dentro del span por el nombre real.\n         3. Conservar las clases.\n    =================================================== -->\n\n    <nav\n        class=\"om-featured-cases__menu\"\n        aria-label=\"Seleccionar un caso\"\n    >\n\n        <ol class=\"om-featured-cases__list\">\n\n\n            <!-- =============================================\n                 CASO 1 - EDITAR ESTE BLOQUE\n\n                 href: enlace del caso.\n                 span: nombre visible del caso.\n            ============================================== -->\n\n            <li class=\"om-featured-cases__item\">\n\n                <a\n                    class=\"om-featured-cases__link\"\n                    href=\"#caso-1\"\n                >\n                    <span class=\"om-featured-cases__name\">\n                        Caso 1\n                    <\/span>\n                <\/a>\n\n            <\/li>\n\n            <!-- FIN CASO 1 -->\n\n\n            <!-- =============================================\n                 CASO 2 - EDITAR ESTE BLOQUE\n\n                 href: enlace del caso.\n                 span: nombre visible del caso.\n            ============================================== -->\n\n            <li class=\"om-featured-cases__item\">\n\n                <a\n                    class=\"om-featured-cases__link\"\n                    href=\"#caso-2\"\n                >\n                    <span class=\"om-featured-cases__name\">\n                        Caso 2\n                    <\/span>\n                <\/a>\n\n            <\/li>\n\n            <!-- FIN CASO 2 -->\n\n\n            <!-- =============================================\n                 CASO 3 - EDITAR ESTE BLOQUE\n\n                 href: enlace del caso.\n                 span: nombre visible del caso.\n            ============================================== -->\n\n            <li class=\"om-featured-cases__item\">\n\n                <a\n                    class=\"om-featured-cases__link\"\n                    href=\"#caso-3\"\n                >\n                    <span class=\"om-featured-cases__name\">\n                        Caso 3\n                    <\/span>\n                <\/a>\n\n            <\/li>\n\n            <!-- FIN CASO 3 -->\n\n\n            <!-- =============================================\n                 CASO 4 - EDITAR ESTE BLOQUE\n\n                 href: enlace del caso.\n                 span: nombre visible del caso.\n            ============================================== -->\n\n            <li class=\"om-featured-cases__item\">\n\n                <a\n                    class=\"om-featured-cases__link\"\n                    href=\"#caso-4\"\n                >\n                    <span class=\"om-featured-cases__name\">\n                        Caso 4\n                    <\/span>\n                <\/a>\n\n            <\/li>\n\n            <!-- FIN CASO 4 -->\n\n\n            <!-- =============================================\n                 CASO 5 - EDITAR ESTE BLOQUE\n\n                 href: enlace del caso.\n                 span: nombre visible del caso.\n            ============================================== -->\n\n            <li class=\"om-featured-cases__item\">\n\n                <a\n                    class=\"om-featured-cases__link\"\n                    href=\"#caso-5\"\n                >\n                    <span class=\"om-featured-cases__name\">\n                        Caso 5\n                    <\/span>\n                <\/a>\n\n            <\/li>\n\n            <!-- FIN CASO 5 -->\n\n\n        <\/ol>\n\n    <\/nav>\n\n<\/div>\n\n<\/section><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html\"><section class=\"om-products-services\">\n\n<style>\n\/* ==========================================================\n   PRODUCTOS Y SERVICIOS\n   WordPress + Impreza + WPBakery\n========================================================== *\/\n\n.om-products-services {\n    position: relative;\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: transparent !important;\n    overflow: hidden;\n}\n\n.om-products-services *,\n.om-products-services *::before,\n.om-products-services *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   CONTENIDO INTERNO\n========================================================== *\/\n\n.om-products-services__inner {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* ==========================================================\n   CABECERA\n========================================================== *\/\n\n.om-products-services__top {\n    display: grid;\n\n    grid-template-columns:\n        minmax(190px, 270px)\n        minmax(0, 1fr);\n\n    gap: clamp(40px, 7vw, 120px);\n\n    align-items: start;\n\n    width: 100%;\n\n    margin: 0 0 clamp(45px, 5vw, 75px);\n    padding: 0;\n}\n\n\n\/* TITULO PEQUE\u00d1O *\/\n\n.om-products-services__eyebrow {\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(18px, 1.45vw, 24px);\n    font-weight: 700;\n\n    line-height: 1.2;\n    letter-spacing: -.02em;\n\n    color: #000000 !important;\n}\n\n\n\/* TITULO GRANDE *\/\n\n.om-products-services__headline {\n    width: 100%;\n    max-width: 850px;\n\n    margin: 0 0 0 auto !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(34px, 4vw, 66px);\n    font-weight: 800;\n\n    line-height: 1;\n    letter-spacing: -.045em;\n\n    color: #000000 !important;\n}\n\n.om-products-services__headline-accent {\n    color: var(--om-accent, #60168e);\n}\n\n\n\/* ==========================================================\n   GRID\n========================================================== *\/\n\n.om-products-services__grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: clamp(20px, 2.2vw, 38px);\n\n    width: 100%;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* ==========================================================\n   ITEM\n========================================================== *\/\n\n.om-products-services__item {\n    width: 100%;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* ==========================================================\n   IMAGEN\n========================================================== *\/\n\n.om-products-services__media {\n    position: relative;\n\n    width: 100%;\n    aspect-ratio: 1.38 \/ 1;\n\n    margin: 0 0 28px;\n    padding: 0;\n\n    overflow: hidden;\n\n    background: transparent;\n}\n\n.om-products-services__media img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n        transform .6s cubic-bezier(.2,.7,.2,1);\n}\n\n.om-products-services__item:hover\n.om-products-services__media img {\n    transform: scale(1.035);\n}\n\n\n\/* ==========================================================\n   TITULO ITEM\n========================================================== *\/\n\n.om-products-services__title {\n    margin: 0 0 18px !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(22px, 1.8vw, 30px);\n    font-weight: 800;\n\n    line-height: 1.1;\n    letter-spacing: -.03em;\n\n    color: #000000 !important;\n}\n\n\n\/* ==========================================================\n   TEXTO\n========================================================== *\/\n\n.om-products-services__text {\n    width: 100%;\n    max-width: 92%;\n\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(15px, 1.1vw, 18px);\n    font-weight: 400;\n\n    line-height: 1.48;\n    letter-spacing: -.012em;\n\n    color: #222222 !important;\n}\n\n\n\/* ==========================================================\n   FLECHA\n========================================================== *\/\n\n.om-products-services__link {\n    display: inline-flex;\n    align-items: center;\n\n    margin: 34px 0 0;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: 26px;\n    font-weight: 700;\n\n    line-height: 1;\n\n    color: #000000 !important;\n\n    text-decoration: none !important;\n\n    transition:\n        transform .3s ease,\n        opacity .3s ease;\n}\n\n.om-products-services__link:hover {\n    color: #000000 !important;\n\n    opacity: .6;\n\n    transform: translateX(6px);\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .om-products-services__top {\n        grid-template-columns: 1fr;\n\n        gap: 22px;\n    }\n\n    .om-products-services__headline {\n        max-width: 100%;\n\n        margin-left: 0 !important;\n    }\n\n    .om-products-services__grid {\n        gap: 24px;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .om-products-services__top {\n        margin-bottom: 40px;\n    }\n\n    .om-products-services__headline {\n        font-size:\n            clamp(30px, 9vw, 48px);\n\n        line-height: 1.03;\n    }\n\n    .om-products-services__grid {\n        grid-template-columns: 1fr;\n\n        gap: 45px;\n    }\n\n    .om-products-services__media {\n        margin-bottom: 22px;\n    }\n\n    .om-products-services__text {\n        max-width: 100%;\n    }\n\n    .om-products-services__link {\n        margin-top: 24px;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"om-products-services__inner\">\n\n\n    <!-- ==================================================\n         CABECERA\n    =================================================== -->\n\n    <div class=\"om-products-services__top\">\n\n        <h2 class=\"om-products-services__eyebrow\">\n            Productos y servicios\n        <\/h2>\n\n\n        <div class=\"om-products-services__headline\">\n\n            Del arte a la ciencia,\n            tenemos todo cubierto.\n\n            <span class=\"om-products-services__headline-accent\">\n                Explor\u00e1 nuestra tecnolog\u00eda y nuestros servicios\n                para potenciar tu pr\u00f3xima campa\u00f1a.\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- ==================================================\n         PRODUCTOS \/ SERVICIOS\n    =================================================== -->\n\n    <div class=\"om-products-services__grid\">\n\n\n        <!-- =============================================\n             SERVICIO 1\n\n             REEMPLAZAR:\n             - URL de imagen\n             - t\u00edtulo\n             - descripci\u00f3n\n             - enlace\n        ============================================== -->\n\n        <article class=\"om-products-services__item\">\n\n            <div class=\"om-products-services__media\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/picsum.photos\/seed\/outside-media-1\/1200\/850\"\n                    alt=\"Imagen de ejemplo del servicio 1\"\n                >\n\n            <\/div>\n\n\n            <h3 class=\"om-products-services__title\">\n                Creatividad\n            <\/h3>\n\n\n            <p class=\"om-products-services__text\">\n                Dise\u00f1amos experiencias creativas pensadas\n                para potenciar el impacto de cada campa\u00f1a\n                y aprovechar al m\u00e1ximo las posibilidades\n                de los medios exteriores.\n            <\/p>\n\n\n            <a\n                class=\"om-products-services__link\"\n                href=\"#servicio-1\"\n                aria-label=\"Conocer m\u00e1s sobre Creatividad\"\n            >\n                &rarr;\n            <\/a>\n\n        <\/article>\n\n\n\n        <!-- =============================================\n             SERVICIO 2\n\n             REEMPLAZAR:\n             - URL de imagen\n             - t\u00edtulo\n             - descripci\u00f3n\n             - enlace\n        ============================================== -->\n\n        <article class=\"om-products-services__item\">\n\n            <div class=\"om-products-services__media\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/picsum.photos\/seed\/outside-media-2\/1200\/850\"\n                    alt=\"Imagen de ejemplo del servicio 2\"\n                >\n\n            <\/div>\n\n\n            <h3 class=\"om-products-services__title\">\n                Tecnolog\u00eda\n            <\/h3>\n\n\n            <p class=\"om-products-services__text\">\n                Integramos tecnolog\u00eda y medios para crear\n                campa\u00f1as din\u00e1micas, interactivas y capaces\n                de conectar con las audiencias en el momento\n                adecuado.\n            <\/p>\n\n\n            <a\n                class=\"om-products-services__link\"\n                href=\"#servicio-2\"\n                aria-label=\"Conocer m\u00e1s sobre Tecnolog\u00eda\"\n            >\n                &rarr;\n            <\/a>\n\n        <\/article>\n\n\n\n        <!-- =============================================\n             SERVICIO 3\n\n             REEMPLAZAR:\n             - URL de imagen\n             - t\u00edtulo\n             - descripci\u00f3n\n             - enlace\n        ============================================== -->\n\n        <article class=\"om-products-services__item\">\n\n            <div class=\"om-products-services__media\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/picsum.photos\/seed\/outside-media-3\/1200\/850\"\n                    alt=\"Imagen de ejemplo del servicio 3\"\n                >\n\n            <\/div>\n\n\n            <h3 class=\"om-products-services__title\">\n                Conexi\u00f3n con audiencias\n            <\/h3>\n\n\n            <p class=\"om-products-services__text\">\n                Combinamos ubicaciones estrat\u00e9gicas,\n                creatividad y conocimiento de audiencia\n                para generar experiencias relevantes\n                y medibles.\n            <\/p>\n\n\n            <a\n                class=\"om-products-services__link\"\n                href=\"#servicio-3\"\n                aria-label=\"Conocer m\u00e1s sobre audiencias\"\n            >\n                &rarr;\n            <\/a>\n\n        <\/article>\n\n\n    <\/div>\n\n<\/div>\n\n<\/section><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html\"><section class=\"om-testimonials\" id=\"om-testimonials\">\n\n<style>\n\/* ==========================================================\n   TESTIMONIOS \/ CLIENTES DICEN\n   WordPress + Impreza + WPBakery\n========================================================== *\/\n\n.om-testimonials {\n    --om-testimonials-accent: var(--om-accent, #60168e);\n    --om-testimonials-black: #000000;\n    --om-testimonials-muted: #777d89;\n\n    position: relative;\n    width: 100%;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: transparent !important;\n\n    overflow: hidden;\n}\n\n.om-testimonials *,\n.om-testimonials *::before,\n.om-testimonials *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   FORMA DECORATIVA DERECHA\n========================================================== *\/\n\n.om-testimonials::after {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 0;\n\n    right: -4%;\n    top: 18%;\n\n    width: 34%;\n    height: 62%;\n\n    background: rgba(235,235,235,.55);\n\n    clip-path: polygon(\n        28% 0,\n        100% 0,\n        72% 100%,\n        0 100%\n    );\n\n    pointer-events: none;\n}\n\n\n\/* ==========================================================\n   ESTRUCTURA\n========================================================== *\/\n\n.om-testimonials__layout {\n    position: relative;\n    z-index: 2;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(150px, .20fr)\n        minmax(0, .80fr);\n\n    gap: clamp(30px, 5vw, 85px);\n\n    width: 100%;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* ==========================================================\n   COLUMNA IZQUIERDA\n========================================================== *\/\n\n.om-testimonials__side {\n    display: flex;\n    flex-direction: column;\n\n    align-items: flex-start;\n\n    min-width: 0;\n}\n\n\n\/* TITULO PEQUE\u00d1O *\/\n\n.om-testimonials__eyebrow {\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(18px, 1.45vw, 24px);\n    font-weight: 700;\n\n    line-height: 1.2;\n    letter-spacing: -.02em;\n\n    color: #000000 !important;\n}\n\n\n\/* ==========================================================\n   FLECHAS\n========================================================== *\/\n\n.om-testimonials__controls {\n    display: flex;\n    flex-direction: column;\n\n    gap: 28px;\n\n    margin-top: auto;\n}\n\n.om-testimonials__arrow {\n    appearance: none;\n\n    width: 76px;\n    height: 76px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0;\n    padding: 0;\n\n    border: 1px solid #dedede;\n    border-radius: 50%;\n\n    background: transparent;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 28px;\n    font-weight: 400;\n\n    line-height: 1;\n\n    color: #000000;\n\n    cursor: pointer;\n\n    transition:\n        border-color .3s ease,\n        transform .3s ease,\n        opacity .3s ease;\n}\n\n.om-testimonials__arrow:hover {\n    border-color: #000000;\n\n    transform: scale(1.06);\n}\n\n.om-testimonials__arrow--prev {\n    color: #a5a5a5;\n}\n\n\n\/* ==========================================================\n   ZONA PRINCIPAL\n========================================================== *\/\n\n.om-testimonials__main {\n    position: relative;\n\n    min-width: 0;\n}\n\n\n\/* ==========================================================\n   SLIDES\n========================================================== *\/\n\n.om-testimonial {\n    display: none;\n\n    width: 100%;\n\n    margin: 0;\n    padding: 0;\n}\n\n.om-testimonial.is-active {\n    display: block;\n\n    animation:\n        omTestimonialIn\n        .55s\n        cubic-bezier(.2,.7,.2,1)\n        both;\n}\n\n\n@keyframes omTestimonialIn {\n\n    from {\n        opacity: 0;\n        transform: translateY(16px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n}\n\n\n\/* ==========================================================\n   CITA GRANDE\n========================================================== *\/\n\n.om-testimonial__quote {\n    width: 100%;\n    max-width: 1150px;\n\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(46px, 5.9vw, 92px);\n    font-weight: 900;\n\n    line-height: .95;\n    letter-spacing: -.06em;\n\n    text-transform: uppercase;\n\n    color: var(--om-testimonials-black);\n\n    overflow-wrap: break-word;\n}\n\n\n\/* COMILLAS *\/\n\n.om-testimonial__quote::before {\n    content: \"\u201c\";\n\n    color: var(--om-testimonials-accent);\n}\n\n\n\/* TEXTO VIOLETA *\/\n\n.om-testimonial__accent {\n    color: var(--om-testimonials-accent);\n}\n\n\n\/* ==========================================================\n   AUTOR\n========================================================== *\/\n\n.om-testimonial__author {\n    display: flex;\n    align-items: center;\n\n    gap: 22px;\n\n    margin-top: clamp(42px, 5vw, 75px);\n}\n\n\n\/* FOTO *\/\n\n.om-testimonial__avatar {\n    flex: 0 0 auto;\n\n    width: 94px;\n    height: 94px;\n\n    border-radius: 50%;\n\n    overflow: hidden;\n}\n\n.om-testimonial__avatar img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* DATOS *\/\n\n.om-testimonial__person {\n    min-width: 0;\n}\n\n.om-testimonial__name {\n    margin: 0 0 4px !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(17px, 1.35vw, 22px);\n    font-weight: 700;\n\n    line-height: 1.25;\n\n    color: #000000 !important;\n}\n\n.om-testimonial__role {\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(15px, 1.25vw, 20px);\n    font-weight: 400;\n\n    line-height: 1.35;\n\n    color: var(--om-testimonials-muted) !important;\n}\n\n\n\/* ==========================================================\n   INDICADOR\n========================================================== *\/\n\n.om-testimonials__indicator {\n    position: absolute;\n\n    right: 0;\n    bottom: 10%;\n\n    display: flex;\n\n    gap: 5px;\n\n    align-items: center;\n}\n\n.om-testimonials__mark {\n    display: block;\n\n    width: 5px;\n    height: 35px;\n\n    background: #dddddd;\n\n    transform: skewX(-18deg);\n\n    transition:\n        background .3s ease,\n        height .3s ease;\n}\n\n.om-testimonials__mark.is-active {\n    height: 42px;\n\n    background: #000000;\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .om-testimonials__layout {\n        grid-template-columns:\n            minmax(120px, .20fr)\n            minmax(0, .80fr);\n\n        gap: 35px;\n    }\n\n    .om-testimonial__quote {\n        font-size:\n            clamp(42px, 6.4vw, 70px);\n    }\n\n    .om-testimonials__arrow {\n        width: 65px;\n        height: 65px;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .om-testimonials::after {\n        display: none;\n    }\n\n\n    .om-testimonials__layout {\n        grid-template-columns: 1fr;\n\n        gap: 35px;\n    }\n\n\n    .om-testimonials__side {\n        display: grid;\n\n        grid-template-columns:\n            1fr\n            auto;\n\n        align-items: center;\n    }\n\n\n    .om-testimonials__controls {\n        flex-direction: row;\n\n        gap: 12px;\n\n        margin-top: 0;\n    }\n\n\n    .om-testimonials__arrow {\n        width: 50px;\n        height: 50px;\n\n        font-size: 22px;\n    }\n\n\n    .om-testimonial__quote {\n        font-size:\n            clamp(38px, 11vw, 58px);\n\n        line-height: .98;\n    }\n\n\n    .om-testimonial__author {\n        margin-top: 38px;\n\n        gap: 16px;\n    }\n\n\n    .om-testimonial__avatar {\n        width: 72px;\n        height: 72px;\n    }\n\n\n    .om-testimonials__indicator {\n        position: relative;\n\n        right: auto;\n        bottom: auto;\n\n        margin-top: 28px;\n\n        justify-content: flex-end;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOVIMIENTO REDUCIDO\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .om-testimonial.is-active {\n        animation: none;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"om-testimonials__layout\">\n\n\n    <!-- ==================================================\n         COLUMNA IZQUIERDA\n    =================================================== -->\n\n    <div class=\"om-testimonials__side\">\n\n        <h2 class=\"om-testimonials__eyebrow\">\n            Lo que dicen nuestros clientes\n        <\/h2>\n\n\n        <div class=\"om-testimonials__controls\">\n\n            <button\n                class=\"om-testimonials__arrow om-testimonials__arrow--next\"\n                type=\"button\"\n                aria-label=\"Testimonio siguiente\"\n            >\n                \u2192\n            <\/button>\n\n\n            <button\n                class=\"om-testimonials__arrow om-testimonials__arrow--prev\"\n                type=\"button\"\n                aria-label=\"Testimonio anterior\"\n            >\n                \u2190\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- ==================================================\n         TESTIMONIOS\n    =================================================== -->\n\n    <div class=\"om-testimonials__main\">\n\n\n        <!-- =============================================\n             TESTIMONIO 1\n\n             REEMPLAZAR:\n             - frase violeta\n             - frase negra\n             - foto\n             - nombre\n             - cargo \/ empresa\n        ============================================== -->\n\n        <article class=\"om-testimonial is-active\">\n\n            <blockquote class=\"om-testimonial__quote\">\n\n                <span class=\"om-testimonial__accent\">\n                    Los medios exteriores ayudan\n                    a construir marcas a largo plazo.\n                <\/span>\n\n                La consistencia es fundamental\n                y hace que las personas recuerden\n                una marca.\n\n            <\/blockquote>\n\n\n            <div class=\"om-testimonial__author\">\n\n                <div class=\"om-testimonial__avatar\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/picsum.photos\/seed\/cliente-outside-1\/300\/300\"\n                        alt=\"Cliente de ejemplo\"\n                    >\n\n                <\/div>\n\n\n                <div class=\"om-testimonial__person\">\n\n                    <div class=\"om-testimonial__name\">\n                        Nombre Apellido\n                    <\/div>\n\n                    <div class=\"om-testimonial__role\">\n                        Director\/a Creativo\/a \u00b7 Empresa\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n\n        <!-- =============================================\n             TESTIMONIO 2\n        ============================================== -->\n\n        <article class=\"om-testimonial\">\n\n            <blockquote class=\"om-testimonial__quote\">\n\n                <span class=\"om-testimonial__accent\">\n                    Estar presentes en el espacio p\u00fablico\n                    genera una conexi\u00f3n diferente.\n                <\/span>\n\n                La campa\u00f1a pas\u00f3 a formar parte\n                de la experiencia cotidiana\n                de nuestra audiencia.\n\n            <\/blockquote>\n\n\n            <div class=\"om-testimonial__author\">\n\n                <div class=\"om-testimonial__avatar\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/picsum.photos\/seed\/cliente-outside-2\/300\/300\"\n                        alt=\"Cliente de ejemplo\"\n                    >\n\n                <\/div>\n\n\n                <div class=\"om-testimonial__person\">\n\n                    <div class=\"om-testimonial__name\">\n                        Nombre Apellido\n                    <\/div>\n\n                    <div class=\"om-testimonial__role\">\n                        Director\/a de Marketing \u00b7 Empresa\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n\n        <!-- =============================================\n             TESTIMONIO 3\n        ============================================== -->\n\n        <article class=\"om-testimonial\">\n\n            <blockquote class=\"om-testimonial__quote\">\n\n                <span class=\"om-testimonial__accent\">\n                    Busc\u00e1bamos impacto y visibilidad.\n                <\/span>\n\n                La estrategia nos permiti\u00f3\n                estar donde realmente estaban\n                nuestros consumidores.\n\n            <\/blockquote>\n\n\n            <div class=\"om-testimonial__author\">\n\n                <div class=\"om-testimonial__avatar\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/picsum.photos\/seed\/cliente-outside-3\/300\/300\"\n                        alt=\"Cliente de ejemplo\"\n                    >\n\n                <\/div>\n\n\n                <div class=\"om-testimonial__person\">\n\n                    <div class=\"om-testimonial__name\">\n                        Nombre Apellido\n                    <\/div>\n\n                    <div class=\"om-testimonial__role\">\n                        Brand Manager \u00b7 Empresa\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n\n        <!-- INDICADOR -->\n\n        <div\n            class=\"om-testimonials__indicator\"\n            aria-hidden=\"true\"\n        >\n\n            <span class=\"om-testimonials__mark is-active\"><\/span>\n            <span class=\"om-testimonials__mark\"><\/span>\n            <span class=\"om-testimonials__mark\"><\/span>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<script>\n(function () {\n\n    const slider =\n        document.getElementById(\n            'om-testimonials'\n        );\n\n    if (!slider) return;\n\n\n    const slides = Array.from(\n        slider.querySelectorAll(\n            '.om-testimonial'\n        )\n    );\n\n    const marks = Array.from(\n        slider.querySelectorAll(\n            '.om-testimonials__mark'\n        )\n    );\n\n    const next =\n        slider.querySelector(\n            '.om-testimonials__arrow--next'\n        );\n\n    const prev =\n        slider.querySelector(\n            '.om-testimonials__arrow--prev'\n        );\n\n\n    let current = 0;\n\n\n    function show(index) {\n\n        if (index >= slides.length) {\n            index = 0;\n        }\n\n        if (index < 0) {\n            index = slides.length - 1;\n        }\n\n\n        slides.forEach(function (slide, i) {\n\n            slide.classList.toggle(\n                'is-active',\n                i === index\n            );\n\n        });\n\n\n        marks.forEach(function (mark, i) {\n\n            mark.classList.toggle(\n                'is-active',\n                i === index\n            );\n\n        });\n\n\n        current = index;\n\n    }\n\n\n    next.addEventListener(\n        'click',\n        function () {\n\n            show(current + 1);\n\n        }\n    );\n\n\n    prev.addEventListener(\n        'click',\n        function () {\n\n            show(current - 1);\n\n        }\n    );\n\n\n})();\n<\/script>\n\n<\/section><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_623ba360 height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html\"><footer class=\"om-footer-cta\">\n\n<style>\n\/* ==========================================================\n   FOOTER CTA \u2014 ESTILO OUTFRONT\n   WordPress + Impreza + WPBakery\n========================================================== *\/\n\n.om-footer-cta {\n    position: relative;\n\n    width: 100%;\n    min-height: 760px;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: hidden;\n\n    background: #000000;\n\n    color: #ffffff;\n}\n\n.om-footer-cta *,\n.om-footer-cta *::before,\n.om-footer-cta *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   ESCENARIO\n========================================================== *\/\n\n.om-footer-cta__stage {\n    position: relative;\n\n    width: 100%;\n    min-height: 760px;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* ==========================================================\n   TITULO CENTRAL\n========================================================== *\/\n\n.om-footer-cta__headline {\n    position: absolute;\n\n    z-index: 5;\n\n    top: 50%;\n    left: 50%;\n\n    width: min(920px, 70vw);\n\n    margin: 0 !important;\n    padding: 0;\n\n    transform: translate(-50%, -54%);\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(72px, 8vw, 145px);\n    font-weight: 900;\n\n    line-height: .92;\n    letter-spacing: -.065em;\n\n    text-align: center;\n    text-transform: uppercase;\n\n    color: #ffffff !important;\n}\n\n.om-footer-cta__headline span {\n    display: block;\n}\n\n\n\/* ==========================================================\n   BOTON CENTRAL\n========================================================== *\/\n\n.om-footer-cta__button {\n    position: absolute;\n\n    z-index: 10;\n\n    top: 49%;\n    left: 50%;\n\n    transform: translate(-50%, -50%);\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-width: 330px;\n    min-height: 145px;\n\n    padding: 0 55px;\n\n    border-radius: 999px;\n\n    background:\n        var(--om-accent, #60168e);\n\n    box-shadow:\n        0 20px 45px rgba(0,0,0,.36);\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(28px, 2.5vw, 48px);\n    font-weight: 800;\n\n    line-height: 1;\n\n    color: #ffffff !important;\n\n    text-decoration: none !important;\n\n    white-space: nowrap;\n\n    transition:\n        transform .45s cubic-bezier(.2,.7,.2,1),\n        box-shadow .45s ease;\n}\n\n.om-footer-cta__button:hover {\n    color: #ffffff !important;\n\n    transform:\n        translate(-50%, -50%)\n        scale(1.06);\n\n    box-shadow:\n        0 28px 60px rgba(0,0,0,.46);\n}\n\n\n\/* ==========================================================\n   IMAGENES FLOTANTES\n========================================================== *\/\n\n.om-footer-cta__image {\n    position: absolute;\n\n    z-index: 2;\n\n    overflow: hidden;\n\n    background: #151515;\n}\n\n.om-footer-cta__image img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    object-fit: cover;\n    object-position: center;\n\n    opacity: .80;\n\n    transform: scale(1.02);\n\n    transition:\n        transform .8s cubic-bezier(.2,.7,.2,1),\n        opacity .4s ease;\n}\n\n.om-footer-cta__image:hover img {\n    opacity: 1;\n\n    transform: scale(1.06);\n}\n\n\n\/* ==========================================================\n   IMAGEN 1 \u2014 IZQUIERDA\n========================================================== *\/\n\n.om-footer-cta__image--1 {\n    left: 1%;\n    top: 14%;\n\n    width: 18%;\n    aspect-ratio: 1.35 \/ 1;\n}\n\n\n\/* ==========================================================\n   IMAGEN 2 \u2014 ARRIBA\n========================================================== *\/\n\n.om-footer-cta__image--2 {\n    left: 56%;\n    top: 0;\n\n    width: 18%;\n    aspect-ratio: 1.35 \/ 1;\n}\n\n\n\/* ==========================================================\n   IMAGEN 3 \u2014 DERECHA\n========================================================== *\/\n\n.om-footer-cta__image--3 {\n    right: 1.5%;\n    top: 22%;\n\n    width: 18%;\n    aspect-ratio: .82 \/ 1;\n}\n\n\n\/* ==========================================================\n   IMAGEN 4 \u2014 ABAJO\n========================================================== *\/\n\n.om-footer-cta__image--4 {\n    left: 17%;\n    bottom: 0;\n\n    width: 24%;\n    aspect-ratio: 1.5 \/ 1;\n}\n\n\n\/* ==========================================================\n   TEXTO INFERIOR\n========================================================== *\/\n\n.om-footer-cta__bottom {\n    position: absolute;\n\n    z-index: 8;\n\n    left: 50%;\n    bottom: 7%;\n\n    transform: translateX(-50%);\n\n    width: 100%;\n\n    text-align: center;\n}\n\n.om-footer-cta__bottom-text {\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        var(--om-font, \"Montserrat\", Arial, sans-serif);\n\n    font-size: clamp(22px, 2.6vw, 42px);\n    font-weight: 800;\n\n    line-height: 1.1;\n\n    color: #ffffff !important;\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .om-footer-cta,\n    .om-footer-cta__stage {\n        min-height: 680px;\n    }\n\n    .om-footer-cta__headline {\n        width: 76vw;\n\n        font-size:\n            clamp(60px, 9vw, 100px);\n    }\n\n    .om-footer-cta__button {\n        min-width: 270px;\n        min-height: 120px;\n\n        padding: 0 42px;\n    }\n\n    .om-footer-cta__image--1 {\n        width: 21%;\n    }\n\n    .om-footer-cta__image--2 {\n        width: 21%;\n    }\n\n    .om-footer-cta__image--3 {\n        width: 21%;\n    }\n\n    .om-footer-cta__image--4 {\n        width: 29%;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .om-footer-cta,\n    .om-footer-cta__stage {\n        min-height: 660px;\n    }\n\n\n    \/* TITULO *\/\n\n    .om-footer-cta__headline {\n        top: 45%;\n\n        width: calc(100% - 30px);\n\n        transform:\n            translate(-50%, -50%);\n\n        font-size:\n            clamp(48px, 16vw, 76px);\n\n        line-height: .93;\n    }\n\n\n    \/* BOTON *\/\n\n    .om-footer-cta__button {\n        top: 46%;\n\n        min-width: 210px;\n        min-height: 90px;\n\n        padding: 0 28px;\n\n        font-size: 25px;\n    }\n\n\n    \/* IMAGENES *\/\n\n    .om-footer-cta__image--1 {\n        left: 0;\n        top: 7%;\n\n        width: 35%;\n    }\n\n    .om-footer-cta__image--2 {\n        left: auto;\n        right: 4%;\n        top: 0;\n\n        width: 33%;\n    }\n\n    .om-footer-cta__image--3 {\n        right: -5%;\n        top: 59%;\n\n        width: 31%;\n    }\n\n    .om-footer-cta__image--4 {\n        left: 3%;\n        bottom: 6%;\n\n        width: 39%;\n    }\n\n\n    \/* BAJADA *\/\n\n    .om-footer-cta__bottom {\n        bottom: 5%;\n    }\n\n    .om-footer-cta__bottom-text {\n        padding: 0 25px;\n\n        font-size:\n            clamp(20px, 6vw, 30px);\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE PEQUE\u00d1O\n========================================================== *\/\n\n@media (max-width: 430px) {\n\n    .om-footer-cta__headline {\n        font-size:\n            clamp(43px, 15vw, 62px);\n    }\n\n    .om-footer-cta__button {\n        min-width: 190px;\n        min-height: 82px;\n\n        font-size: 22px;\n    }\n\n}\n\n\n\/* ==========================================================\n   REDUCED MOTION\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .om-footer-cta__button,\n    .om-footer-cta__image img {\n        transition: none;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"om-footer-cta__stage\">\n\n\n    <!-- ==================================================\n         IMAGEN 1\n         REEMPLAZAR POR IMAGEN REAL\n    =================================================== -->\n\n    <div class=\"\n        om-footer-cta__image\n        om-footer-cta__image--1\n    \">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/picsum.photos\/seed\/outside-footer-1\/900\/650\"\n            alt=\"\"\n        >\n\n    <\/div>\n\n\n\n    <!-- ==================================================\n         IMAGEN 2\n         REEMPLAZAR POR IMAGEN REAL\n    =================================================== -->\n\n    <div class=\"\n        om-footer-cta__image\n        om-footer-cta__image--2\n    \">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/picsum.photos\/seed\/outside-footer-2\/900\/650\"\n            alt=\"\"\n        >\n\n    <\/div>\n\n\n\n    <!-- ==================================================\n         IMAGEN 3\n         REEMPLAZAR POR IMAGEN REAL\n    =================================================== -->\n\n    <div class=\"\n        om-footer-cta__image\n        om-footer-cta__image--3\n    \">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/picsum.photos\/seed\/outside-footer-3\/700\/900\"\n            alt=\"\"\n        >\n\n    <\/div>\n\n\n\n    <!-- ==================================================\n         IMAGEN 4\n         REEMPLAZAR POR IMAGEN REAL\n    =================================================== -->\n\n    <div class=\"\n        om-footer-cta__image\n        om-footer-cta__image--4\n    \">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/picsum.photos\/seed\/outside-footer-4\/1000\/650\"\n            alt=\"\"\n        >\n\n    <\/div>\n\n\n\n    <!-- ==================================================\n         TITULO PRINCIPAL\n    =================================================== -->\n\n    <h2 class=\"om-footer-cta__headline\">\n\n        <span>\u00bfLISTOS<\/span>\n\n        <span>PARA CONECTAR<\/span>\n\n        <span>CON OUTSIDEMEDIA?<\/span>\n\n    <\/h2>\n\n\n\n    <!-- ==================================================\n         CTA CENTRAL\n         REEMPLAZAR href POR DESTINO REAL\n    =================================================== -->\n\n    <a\n        class=\"om-footer-cta__button\"\n        href=\"#contacto\"\n    >\n        Conectemos\n    <\/a>\n\n\n\n    <!-- ==================================================\n         BAJADA\n    =================================================== -->\n\n    <div class=\"om-footer-cta__bottom\">\n\n        <p class=\"om-footer-cta__bottom-text\">\n            Convertite en nuestra pr\u00f3xima historia de \u00e9xito.\n        <\/p>\n\n    <\/div>\n\n\n<\/div>\n\n<\/footer><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"CONSTRUIMOS MARCAS EN EL MUNDO REAL Ver video Qui\u00e9nes somos Audiencia Innovaci\u00f3n EL PODER DE LOS MEDIOS IRL Dise\u00f1ados para hacer mucho m\u00e1s que ser vistos. Creamos experiencias innovadoras en el mundo real que conectan, influyen y generan impacto. A trav\u00e9s de la excelencia creativa, entornos de alto impacto y datos inteligentes de audiencia, ayudamos...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/outsidemedia.ar\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outsidemedia.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/outsidemedia.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/outsidemedia.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/outsidemedia.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":18,"href":"https:\/\/outsidemedia.ar\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/outsidemedia.ar\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/outsidemedia.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}