{"id":19710,"date":"2026-05-23T16:27:53","date_gmt":"2026-05-23T16:27:53","guid":{"rendered":"https:\/\/vilar.info\/casos\/"},"modified":"2026-05-28T11:32:22","modified_gmt":"2026-05-28T11:32:22","slug":"case-studies","status":"publish","type":"page","link":"https:\/\/vilar.info\/en\/case-studies\/","title":{"rendered":"Case Studies"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19710\" class=\"elementor elementor-19710\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-52830c3c vilar-casos-template-section elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"52830c3c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e46d473\" data-id=\"5e46d473\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46afecb7 vilar-casos-template-section elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46afecb7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4854f9da\" data-id=\"4854f9da\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-724673f4 elementor-widget elementor-widget-html\" data-id=\"724673f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"vilar-casos-page\" data-vilar-page=\"casos\">\n  <style>\n    .vilar-casos-page,\n    .vilar-casos-page * {\n      box-sizing: border-box;\n    }\n\n    .vilar-casos-page {\n      --vilar-blue: #0403C1;\n      --vilar-gray: #E3E4E4;\n      --vilar-soft: #F5F6F7;\n      --vilar-soft-2: #F8F8F8;\n      --vilar-black: #050505;\n      --vilar-text: #1C1C1C;\n      --vilar-muted: #5F6268;\n      --vilar-border: rgba(5,5,5,.10);\n      --vilar-radius: 22px;\n      --vilar-radius-sm: 16px;\n      --vilar-max: 1180px;\n      font-family: \"Calibre\", \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n      color: var(--vilar-text);\n      background: #fff;\n      line-height: 1.35;\n      overflow: hidden;\n    }\n\n    .vilar-casos-page a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .vilar-casos-page .vilar-wrap {\n      width: min(var(--vilar-max), calc(100% - 64px));\n      margin: 0 auto;\n    }\n\n    .vilar-casos-page .vilar-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 29px;\n      padding: 0 15px;\n      border: 1px solid var(--vilar-blue);\n      border-radius: 999px;\n      font-size: 12.5px;\n      line-height: 1;\n      font-weight: 800;\n      letter-spacing: .11em;\n      text-transform: uppercase;\n      color: var(--vilar-blue);\n      margin-bottom: 22px;\n    }\n\n    .vilar-casos-page h1,\n    .vilar-casos-page h2,\n    .vilar-casos-page h3 {\n      font-family: \"Raisonne Pro\", \"Raisonn\u00e9 Pro\", \"Raisonne\", \"Calibre\", \"Helvetica Neue\", Arial, sans-serif;\n      color: var(--vilar-black);\n      margin: 0;\n      letter-spacing: -.045em;\n      font-weight: 800;\n    }\n\n    .vilar-casos-page p {\n      margin: 0;\n    }\n\n    .vilar-casos-page .vilar-blue-text {\n      color: var(--vilar-blue);\n    }\n\n    .vilar-casos-page .vilar-hero {\n      padding: 44px 0 48px;\n      background: #fff;\n    }\n\n    .vilar-casos-page .vilar-hero__grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);\n      gap: 80px;\n      align-items: end;\n    }\n\n    .vilar-casos-page .vilar-hero h1 {\n      font-size: clamp(44px, 5vw, 70px);\n      line-height: .96;\n      max-width: 760px;\n      font-weight: 800;\n      letter-spacing: -.052em;\n    }\n\n    .vilar-casos-page .vilar-hero__copy {\n      font-size: 18.5px;\n      line-height: 1.52;\n      color: var(--vilar-text);\n      max-width: 480px;\n      margin-bottom: 30px;\n      font-weight: 400;\n    }\n\n    .vilar-casos-page .vilar-actions {\n      display: flex;\n      align-items: center;\n      gap: 48px;\n      flex-wrap: wrap;\n    }\n\n    .vilar-casos-page .vilar-btn,\n    .vilar-casos-page .vilar-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 14px;\n      min-height: 62px;\n      height: 62px;\n      padding: 0 39px;\n      font-size: 18.2px;\n      line-height: 1;\n      font-weight: 800;\n      transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;\n      white-space: nowrap;\n      border-radius: 999px;\n      letter-spacing: -.012em;\n      vertical-align: middle;\n    }\n\n    .vilar-casos-page .vilar-btn {\n      background: var(--vilar-blue);\n      color: #fff;\n      border: 1px solid var(--vilar-blue);\n    }\n\n    .vilar-casos-page .vilar-link {\n      color: var(--vilar-blue);\n      padding: 0 8px;\n      min-height: 62px;\n      height: 62px;\n      border-radius: 999px;\n      border: 1px solid transparent;\n    }\n\n    .vilar-casos-page .vilar-btn:hover,\n    .vilar-casos-page .vilar-link:hover {\n      transform: translateX(3px);\n    }\n\n    .vilar-casos-page .vilar-arrow {\n      width: 22px;\n      height: 22px;\n      font-size: 22px;\n      line-height: 1;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 500;\n      transform: translateY(0);\n      margin-left: 2px;\n    }\n\n    .vilar-casos-page .vilar-action-label {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      line-height: 1;\n      transform: none;\n    }\n\n    .vilar-casos-page .vilar-intro {\n      padding: 0 0 30px;\n    }\n\n    .vilar-casos-page .vilar-intro__box {\n      display: grid;\n      grid-template-columns: minmax(0, .64fr) minmax(300px, .36fr);\n      gap: 64px;\n      align-items: center;\n      background: var(--vilar-soft);\n      padding: 36px 42px;\n      border: 1px solid rgba(5,5,5,.045);\n      border-radius: var(--vilar-radius);\n    }\n\n    .vilar-casos-page .vilar-intro__lead {\n      display: grid;\n      grid-template-columns: 72px minmax(0, 1fr);\n      gap: 28px;\n      align-items: center;\n    }\n\n    .vilar-casos-page .vilar-intro__icon {\n      color: var(--vilar-blue);\n      min-height: 78px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      border-right: 1px solid rgba(5,5,5,.15);\n    }\n\n    .vilar-casos-page .vilar-intro__icon span {\n      width: 64px;\n      height: 64px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid rgba(4,3,193,.42);\n      border-radius: 20px;\n      color: var(--vilar-blue);\n      line-height: 1;\n      background: #fff;\n      box-shadow: 0 14px 32px rgba(4,3,193,.09);\n    }\n\n    .vilar-casos-page .vilar-intro__svg {\n      flex: 0 0 auto;\n    }\n\n    .vilar-casos-page .vilar-intro__svg svg {\n      width: 32px;\n      height: 32px;\n      max-width: 32px;\n      max-height: 32px;\n      display: block;\n      color: var(--vilar-blue);\n      overflow: visible;\n      transform: none;\n    }\n\n    .vilar-casos-page .vilar-intro h2 {\n      font-size: clamp(26px, 2.45vw, 36px);\n      line-height: 1.03;\n      max-width: 620px;\n      font-weight: 800;\n      letter-spacing: -.046em;\n    }\n\n    .vilar-casos-page .vilar-intro__text {\n      font-size: 16px;\n      line-height: 1.55;\n      color: var(--vilar-text);\n      max-width: 440px;\n      font-weight: 400;\n    }\n\n    .vilar-casos-page .vilar-cases {\n      padding: 30px 0 44px;\n    }\n\n    .vilar-casos-page .vilar-cases__grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    .vilar-casos-page .case-card {\n      position: relative;\n      padding: 34px 30px 28px;\n      border: 1px solid var(--vilar-border);\n      background: #fff;\n      border-radius: var(--vilar-radius);\n      box-shadow: 0 18px 48px rgba(5,5,5,.035);\n      min-height: 438px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .vilar-casos-page .case-card::after {\n      content: \"\";\n      position: absolute;\n      inset: auto 0 0 0;\n      height: 4px;\n      background: var(--vilar-blue);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform .28s ease;\n    }\n\n    .vilar-casos-page .case-card:hover::after,\n    .vilar-casos-page .case-card.is-open::after {\n      transform: scaleX(1);\n    }\n\n    .vilar-casos-page .case-card__head {\n      position: relative;\n      padding-right: 58px;\n    }\n\n    .vilar-casos-page .case-card__sector {\n      display: block;\n      margin-bottom: 10px;\n      font-size: 12px;\n      line-height: 1.15;\n      letter-spacing: .09em;\n      text-transform: uppercase;\n      color: var(--vilar-blue);\n      font-weight: 800;\n    }\n\n    .vilar-casos-page .case-card h3 {\n      font-size: clamp(31px, 2.65vw, 40px);\n      line-height: 1;\n      font-weight: 900;\n      letter-spacing: -.042em;\n      max-width: 430px;\n    }\n\n    .vilar-casos-page .case-card__toggle {\n      appearance: none;\n      border: 1px solid rgba(4,3,193,.45);\n      background: #fff;\n      color: var(--vilar-blue);\n      width: 42px;\n      height: 42px;\n      border-radius: 999px;\n      position: absolute;\n      top: 0;\n      right: 0;\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      transition: background .22s ease, color .22s ease, transform .22s ease, border-color .22s ease;\n      font-family: \"Calibre\", \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n    }\n\n    .vilar-casos-page .case-card__toggle span {\n      color: var(--vilar-blue);\n      font-size: 24px;\n      line-height: 1;\n      font-weight: 800;\n      transform: translateY(-1px);\n      transition: transform .22s ease, color .22s ease;\n    }\n\n    .vilar-casos-page .case-card__toggle:hover {\n      background: var(--vilar-blue);\n      border-color: var(--vilar-blue);\n      transform: translateY(-1px);\n    }\n\n    .vilar-casos-page .case-card__toggle:hover span {\n      color: #fff;\n    }\n\n    .vilar-casos-page .case-card.is-open .case-card__toggle {\n      background: var(--vilar-blue);\n      border-color: var(--vilar-blue);\n    }\n\n    .vilar-casos-page .case-card.is-open .case-card__toggle span {\n      color: #fff;\n      transform: rotate(180deg) translateY(1px);\n    }\n\n    .vilar-casos-page .case-card__cols {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 24px;\n      margin-top: 34px;\n    }\n\n    .vilar-casos-page .case-card__col + .case-card__col {\n      border-left: 1px solid rgba(5,5,5,.1);\n      padding-left: 24px;\n    }\n\n    .vilar-casos-page .case-card__label {\n      display: block;\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--vilar-black);\n      margin-bottom: 9px;\n      letter-spacing: -.01em;\n    }\n\n    .vilar-casos-page .case-card__col p {\n      font-size: 15.5px;\n      line-height: 1.5;\n      color: var(--vilar-text);\n      font-weight: 400;\n    }\n\n    .vilar-casos-page .vilar-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 25px;\n    }\n\n    .vilar-casos-page .vilar-tag {\n      display: inline-flex;\n      align-items: center;\n      min-height: 28px;\n      padding: 0 11px;\n      border: 1px solid rgba(4,3,193,.45);\n      color: var(--vilar-blue);\n      font-size: 11px;\n      font-weight: 800;\n      line-height: 1;\n      background: #fff;\n      border-radius: 999px;\n      letter-spacing: -.005em;\n    }\n\n    .vilar-casos-page .case-card__detail {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height .32s ease;\n    }\n\n    .vilar-casos-page .case-card__detail-inner {\n      margin-top: 28px;\n      padding-top: 25px;\n      border-top: 1px solid var(--vilar-border);\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 20px;\n    }\n\n    .vilar-casos-page .case-detail__block {\n      background: var(--vilar-soft-2);\n      border: 1px solid rgba(5,5,5,.055);\n      border-radius: var(--vilar-radius-sm);\n      padding: 20px 19px;\n    }\n\n    .vilar-casos-page .case-detail__block h4 {\n      margin: 0 0 9px;\n      font-size: 12px;\n      line-height: 1.1;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n      color: var(--vilar-blue);\n      font-weight: 800;\n      font-family: \"Raisonne Pro\", \"Raisonn\u00e9 Pro\", \"Raisonne\", \"Calibre\", \"Helvetica Neue\", Arial, sans-serif;\n    }\n\n    .vilar-casos-page .case-detail__block p {\n      font-size: 15.5px;\n      line-height: 1.5;\n      color: var(--vilar-text);\n    }\n\n    .vilar-casos-page .vilar-adapt {\n      padding: 6px 0 54px;\n    }\n\n    .vilar-casos-page .vilar-adapt__head {\n      max-width: 1040px;\n      margin: 0 auto 28px;\n      text-align: center;\n    }\n\n    .vilar-casos-page .vilar-adapt h2 {\n      font-size: clamp(34px, 3.85vw, 50px);\n      line-height: 1.03;\n      font-weight: 800;\n      letter-spacing: -.045em;\n      margin: 0 auto 13px;\n      max-width: 1030px;\n    }\n\n    .vilar-casos-page .vilar-adapt__sub {\n      font-size: 18px;\n      line-height: 1.55;\n      color: var(--vilar-text);\n      max-width: 980px;\n      margin: 0 auto;\n    }\n\n    .vilar-casos-page .vilar-adapt__grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 20px;\n    }\n\n    .vilar-casos-page .mini-card {\n      position: relative;\n      border: 1px solid var(--vilar-border);\n      background: #fff;\n      border-radius: var(--vilar-radius);\n      padding: 30px;\n      min-height: 220px;\n      box-shadow: 0 16px 42px rgba(5,5,5,.03);\n    }\n\n    .vilar-casos-page .mini-card__sector {\n      display: block;\n      color: var(--vilar-blue);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: .09em;\n      text-transform: uppercase;\n      margin-bottom: 10px;\n    }\n\n    .vilar-casos-page .mini-card h3 {\n      font-size: clamp(30px, 2.6vw, 38px);\n      line-height: 1;\n      font-weight: 800;\n      letter-spacing: -.04em;\n      max-width: 340px;\n      margin-bottom: 26px;\n    }\n\n    .vilar-casos-page .mini-card__content {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n      gap: 25px;\n      align-items: start;\n    }\n\n    .vilar-casos-page .mini-card__content > div + div {\n      border-left: 1px solid rgba(5,5,5,.11);\n      padding-left: 25px;\n    }\n\n    .vilar-casos-page .mini-card__label {\n      display: block;\n      font-size: 13px;\n      font-weight: 800;\n      margin-bottom: 8px;\n      color: var(--vilar-black);\n    }\n\n    .vilar-casos-page .mini-card p {\n      font-size: 15.5px;\n      line-height: 1.5;\n      color: var(--vilar-text);\n    }\n\n    .vilar-casos-page .vilar-cta {\n      padding: 0 0 34px;\n    }\n\n    .vilar-casos-page .vilar-cta__box {\n      display: grid;\n      grid-template-columns: minmax(0, 1.08fr) minmax(260px, .58fr) auto;\n      gap: 42px;\n      align-items: center;\n      background: var(--vilar-blue);\n      color: #fff;\n      padding: 42px 46px;\n      overflow: hidden;\n      position: relative;\n      border-radius: var(--vilar-radius);\n    }\n\n    .vilar-casos-page .vilar-cta h2 {\n      color: #fff;\n      font-size: clamp(30px, 3.15vw, 44px);\n      line-height: 1.02;\n      font-weight: 800;\n      letter-spacing: -.045em;\n      max-width: 600px;\n    }\n\n    .vilar-casos-page .vilar-cta p {\n      color: #fff;\n      font-size: 16px;\n      line-height: 1.55;\n      max-width: 385px;\n    }\n\n    .vilar-casos-page .vilar-cta .vilar-btn {\n      background: #fff;\n      color: var(--vilar-blue);\n      border-color: #fff;\n      min-width: 250px;\n      justify-content: center;\n      text-align: center;\n    }\n\n    .vilar-casos-page .vilar-cta .vilar-arrow {\n      transform: translate(2px, 0);\n    }\n\n    @media (max-width: 1100px) {\n      .vilar-casos-page .vilar-wrap {\n        width: min(var(--vilar-max), calc(100% - 48px));\n      }\n\n      .vilar-casos-page .vilar-hero__grid {\n        gap: 56px;\n      }\n\n      .vilar-casos-page .vilar-intro__box {\n        gap: 38px;\n        padding: 32px;\n      }\n\n      .vilar-casos-page .case-card__cols {\n        grid-template-columns: 1fr;\n        gap: 17px;\n      }\n\n      .vilar-casos-page .case-card__col + .case-card__col {\n        border-left: 0;\n        border-top: 1px solid rgba(5,5,5,.1);\n        padding-left: 0;\n        padding-top: 16px;\n      }\n\n      .vilar-casos-page .case-card__detail-inner {\n        grid-template-columns: 1fr;\n      }\n\n      .vilar-casos-page .vilar-cta__box {\n        grid-template-columns: minmax(0, 1fr) minmax(280px, .65fr);\n        gap: 26px;\n      }\n    }\n\n    @media (max-width: 860px) {\n      .vilar-casos-page .vilar-hero {\n        padding: 48px 0 40px;\n      }\n\n      .vilar-casos-page .vilar-hero__grid,\n      .vilar-casos-page .vilar-intro__box,\n      .vilar-casos-page .vilar-cases__grid,\n      .vilar-casos-page .vilar-adapt__grid {\n        grid-template-columns: 1fr;\n      }\n\n      .vilar-casos-page .vilar-hero__copy {\n        max-width: 620px;\n      }\n\n      .vilar-casos-page .vilar-cta__box {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 767px) {\n      .vilar-casos-page .vilar-wrap {\n        width: min(var(--vilar-max), calc(100% - 32px));\n      }\n\n      .vilar-casos-page .vilar-hero {\n        padding: 34px 0 30px;\n        text-align: center;\n      }\n\n      .vilar-casos-page .vilar-eyebrow {\n        min-height: 27px;\n        font-size: 11.5px;\n        margin-bottom: 18px;\n      }\n\n      .vilar-casos-page .vilar-hero h1 {\n        font-size: clamp(34px, 10.4vw, 48px);\n        line-height: .98;\n        margin-inline: auto;\n        max-width: 520px;\n      }\n\n      .vilar-casos-page .vilar-hero__copy {\n        font-size: 16px;\n        line-height: 1.5;\n        margin: 0 auto 27px;\n      }\n\n      .vilar-casos-page .vilar-actions {\n        justify-content: center;\n        gap: 14px 24px;\n      }\n\n      .vilar-casos-page .vilar-btn {\n        width: 100%;\n        max-width: 320px;\n      }\n\n      .vilar-casos-page .vilar-link {\n        min-height: 44px;\n        font-size: 17px;\n      }\n\n      .vilar-casos-page .vilar-intro {\n        padding-bottom: 18px;\n      }\n\n      .vilar-casos-page .vilar-intro__box {\n        text-align: center;\n        padding: 28px 20px;\n        gap: 20px;\n        border-radius: 16px;\n      }\n\n      .vilar-casos-page .vilar-intro__lead {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .vilar-casos-page .vilar-intro__icon {\n        min-height: 0;\n        justify-content: center;\n        border-right: 0;\n      }\n\n      .vilar-casos-page .vilar-intro h2 {\n        font-size: clamp(26px, 7.9vw, 36px);\n        margin-inline: auto;\n      }\n\n      .vilar-casos-page .vilar-intro__text {\n        margin-inline: auto;\n        font-size: 15.5px;\n      }\n\n      .vilar-casos-page .case-card {\n        padding: 28px 20px 24px;\n        text-align: center;\n        border-radius: 16px;\n      }\n\n      .vilar-casos-page .case-card__head {\n        padding-right: 0;\n      }\n\n      .vilar-casos-page .case-card__sector,\n      .vilar-casos-page .case-card h3 {\n        margin-inline: auto;\n      }\n\n      .vilar-casos-page .case-card h3 {\n        font-size: clamp(29px, 8.6vw, 38px);\n      }\n\n      .vilar-casos-page .case-card__toggle {\n        position: static;\n        margin: 18px auto 0;\n        width: 40px;\n        height: 40px;\n      }\n\n      .vilar-casos-page .case-card__cols {\n        margin-top: 24px;\n      }\n\n      .vilar-casos-page .case-card__col p,\n      .vilar-casos-page .case-detail__block p,\n      .vilar-casos-page .mini-card p {\n        font-size: 15.5px;\n      }\n\n      .vilar-casos-page .vilar-tags {\n        justify-content: center;\n        gap: 7px;\n      }\n\n      .vilar-casos-page .vilar-tag {\n        font-size: 10.5px;\n        min-height: 25px;\n        padding-inline: 9px;\n      }\n\n      .vilar-casos-page .case-card__detail-inner {\n        grid-template-columns: 1fr;\n        gap: 14px;\n      }\n\n      .vilar-casos-page .case-detail__block {\n        padding: 18px 16px;\n      }\n\n      .vilar-casos-page .vilar-adapt {\n        padding-bottom: 42px;\n        text-align: center;\n      }\n\n      .vilar-casos-page .vilar-adapt__head {\n        margin-inline: auto;\n      }\n\n      .vilar-casos-page .vilar-adapt h2 {\n        font-size: clamp(26px, 7.9vw, 36px);\n      }\n\n      .vilar-casos-page .vilar-adapt__sub {\n        margin-inline: auto;\n        font-size: 15.5px;\n      }\n\n      .vilar-casos-page .mini-card {\n        padding: 27px 20px 24px;\n        border-radius: 16px;\n      }\n\n      .vilar-casos-page .mini-card h3 {\n        margin-inline: auto;\n        font-size: clamp(29px, 8.6vw, 38px);\n      }\n\n      .vilar-casos-page .mini-card__content {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .vilar-casos-page .mini-card__content > div + div {\n        border-left: 0;\n        border-top: 1px solid rgba(5,5,5,.11);\n        padding-left: 0;\n        padding-top: 15px;\n      }\n\n      .vilar-casos-page .vilar-cta {\n        padding-bottom: 28px;\n      }\n\n      .vilar-casos-page .vilar-cta__box {\n        text-align: center;\n        gap: 20px;\n        padding: 36px 22px;\n        border-radius: 16px;\n      }\n\n      .vilar-casos-page .vilar-cta h2 {\n        font-size: clamp(27px, 7.8vw, 36px);\n      }\n\n      .vilar-casos-page .vilar-cta h2,\n      .vilar-casos-page .vilar-cta p {\n        margin-inline: auto;\n      }\n\n      .vilar-casos-page .vilar-cta .vilar-btn {\n        margin-inline: auto;\n        max-width: 320px;\n      }\n    }\n\n    @media (max-width: 420px) {\n      .vilar-casos-page .vilar-wrap {\n        width: min(var(--vilar-max), calc(100% - 26px));\n      }\n\n      .vilar-casos-page .vilar-hero {\n        padding-top: 28px;\n      }\n\n      .vilar-casos-page .vilar-tag:nth-child(n+5) {\n        display: none;\n      }\n    }\n\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .vilar-casos-page .vilar-hero {\n        text-align: center;\n        padding: 42px 0 44px;\n      }\n\n      .vilar-casos-page .vilar-hero__grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        align-items: center;\n        justify-items: center;\n      }\n\n      .vilar-casos-page .vilar-hero__grid > div {\n        width: 100%;\n      }\n\n      .vilar-casos-page .vilar-eyebrow {\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      .vilar-casos-page .vilar-hero h1 {\n        max-width: 780px;\n        margin-left: auto;\n        margin-right: auto;\n        text-align: center;\n      }\n\n      .vilar-casos-page .vilar-hero__copy {\n        max-width: 670px;\n        margin-left: auto;\n        margin-right: auto;\n        margin-bottom: 30px;\n        text-align: center;\n      }\n\n      .vilar-casos-page .vilar-actions {\n        justify-content: center;\n        align-items: center;\n      }\n    }\n\n\n    \/* V10: hero desktop repair *\/\n    @media (min-width: 1025px) {\n      .vilar-casos-page .vilar-hero__grid {\n        grid-template-columns: minmax(0, 1fr) minmax(520px, .82fr);\n        gap: 66px;\n        align-items: end;\n      }\n\n      .vilar-casos-page .vilar-hero__copy {\n        max-width: 520px;\n      }\n\n      .vilar-casos-page .vilar-actions {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: nowrap;\n        align-items: center;\n        justify-content: flex-start;\n        gap: 36px;\n      }\n\n      .vilar-casos-page .vilar-actions .vilar-btn,\n      .vilar-casos-page .vilar-actions .vilar-link {\n        flex: 0 0 auto;\n        white-space: nowrap;\n      }\n\n      .vilar-casos-page .vilar-actions .vilar-link {\n        min-height: 62px;\n        height: 62px;\n        padding: 0 6px;\n      }\n    }\n\n\n  <\/style>\n\n  <section class=\"vilar-hero\" aria-labelledby=\"vilar-casos-title\">\n    <div class=\"vilar-wrap vilar-hero__grid\">\n      <div>\n        <span class=\"vilar-eyebrow\">Case studies<\/span>\n        <h1 id=\"vilar-casos-title\">Real cases of companies that needed more <span class=\"vilar-blue-text\">digital direction<\/span>.<\/h1>\n      <\/div>\n      <div>\n        <p class=\"vilar-hero__copy\">Real examples of companies from different sectors that we helped organize their communication, build a system and communicate digitally with more clarity and criteria.<\/p>\n        <div class=\"vilar-actions\">\n          <a class=\"vilar-btn\" href=\"\/en\/diagnosis\/\"><span class=\"vilar-action-label\">Initial diagnosis<\/span><span class=\"vilar-arrow\">\u2192<\/span><\/a>\n          <a class=\"vilar-link\" href=\"https:\/\/vilar.info\/en\/method-vilar\/\"><span class=\"vilar-action-label\">Vilar Method<\/span><span class=\"vilar-arrow\">\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-intro\" aria-label=\"Case approach\">\n    <div class=\"vilar-wrap\">\n      <div class=\"vilar-intro__box\">\n        <div class=\"vilar-intro__lead\">\n          <div class=\"vilar-intro__icon\" aria-hidden=\"true\"><span class=\"vilar-intro__svg\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" focusable=\"false\" role=\"img\" aria-hidden=\"true\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"M27 8h10c2.8 0 5 2.2 5 5v8c0 2.8-2.2 5-5 5H27c-2.8 0-5-2.2-5-5v-8c0-2.8 2.2-5 5-5Zm-1 30h12c2.8 0 5 2.2 5 5v8c0 2.8-2.2 5-5 5H26c-2.8 0-5-2.2-5-5v-8c0-2.8 2.2-5 5-5Zm-18 0h7c2.8 0 5 2.2 5 5v8c0 2.8-2.2 5-5 5H8c-2.8 0-5-2.2-5-5v-8c0-2.8 2.2-5 5-5Zm41 0h7c2.8 0 5 2.2 5 5v8c0 2.8-2.2 5-5 5h-7c-2.8 0-5-2.2-5-5v-8c0-2.8 2.2-5 5-5Z\" fill=\"currentColor\"\/><path d=\"M30 26h4v7h18v5h-5v-2H34v2h-4v-2H17v2h-5v-5h18v-7Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div>\n          <h2>We do not show isolated pieces. We show how digital communication is organized.<\/h2>\n        <\/div>\n        <p class=\"vilar-intro__text\">Each case starts from a different reality, but the method is the same: clarity, system and direction so digital communication has impact and lasts over time.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-cases\" aria-label=\"Main cases\">\n    <div class=\"vilar-wrap vilar-cases__grid\" data-vilar-card-accordion>\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Industry \u00b7 Technical product<\/span>\n          <h3>Irudek<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"See Irudek case detail\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Problem<\/span><p>Scattered communication, poorly aligned social media and the need to strengthen an international digital presence.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">What we worked on<\/span><p>Digital direction, content, LinkedIn, email marketing, photography, video and team training.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Result<\/span><p>More coherence, a better work system and a clearer, steadier and more autonomous digital presence.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Services involved\"><span class=\"vilar-tag\">Digital strategy<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">Content<\/span><span class=\"vilar-tag\">Training<\/span><span class=\"vilar-tag\">System<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Context<\/h4><p>Industrial company with a technical product, international presence and the need to organize its digital ecosystem during a growth stage.<\/p><\/div><div class=\"case-detail__block\"><h4>Problem<\/h4><p>Communication needed more coherence, better use of social media and visual content more aligned with its positioning.<\/p><\/div><div class=\"case-detail__block\"><h4>Work done<\/h4><p>Digital direction, social media reset, content system, LinkedIn, email marketing, photography, video and team training.<\/p><\/div><div class=\"case-detail__block\"><h4>Result<\/h4><p>A clearer presence, better-developed LinkedIn and a system that allows communication to be maintained with more autonomy.<\/p><\/div><\/div><\/div>\n      <\/article>\n\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Business association<\/span>\n          <h3>ASEPAL<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"See ASEPAL case detail\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Problem<\/span><p>Need to organize the message, gain coherence and reinforce the visibility of a leading association.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">What we worked on<\/span><p>Institutional communication, sector content, LinkedIn, analysis, campaigns and digital advertising.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Result<\/span><p>A stronger image, more recognizable discourse and valuable content to reinforce its role in the sector.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Services involved\"><span class=\"vilar-tag\">Communication<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">Content<\/span><span class=\"vilar-tag\">Advertising<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Context<\/h4><p>Leading business association in its sector, with institutional activity, sector communication and ongoing relations with member companies.<\/p><\/div><div class=\"case-detail__block\"><h4>Problem<\/h4><p>It needed clearer digital direction, more valuable content and a more coherent presence in key channels.<\/p><\/div><div class=\"case-detail__block\"><h4>Work done<\/h4><p>Communication strategy, content management, copywriting, LinkedIn, data analysis, campaigns and digital advertising.<\/p><\/div><div class=\"case-detail__block\"><h4>Result<\/h4><p>A stronger image, more useful communication and sector content that reinforces its role as a reference organization.<\/p><\/div><\/div><\/div>\n      <\/article>\n\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Technical distribution<\/span>\n          <h3>Seyprel<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"See Seyprel case detail\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Problem<\/span><p>Very limited digital presence and the need to start from scratch with criteria, consistency and direction.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">What we worked on<\/span><p>Digital management, technical content, LinkedIn, advertising, sales training and applied artificial intelligence.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Result<\/span><p>More professional communication, a stable system and a more useful presence for business development.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Services involved\"><span class=\"vilar-tag\">Digital strategy<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">Applied AI<\/span><span class=\"vilar-tag\">Training<\/span><span class=\"vilar-tag\">System<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Context<\/h4><p>Technical distribution company with national presence and sales activity closely linked to product knowledge.<\/p><\/div><div class=\"case-detail__block\"><h4>Problem<\/h4><p>Social media was barely active and it was necessary to start with a clear, professional and sustainable base.<\/p><\/div><div class=\"case-detail__block\"><h4>Work done<\/h4><p>Full digital direction, technical content, LinkedIn, social advertising, LinkedIn training and AI applied to daily work.<\/p><\/div><div class=\"case-detail__block\"><h4>Result<\/h4><p>A more professional digital presence, a clearer narrative and a work system ready to grow with criteria.<\/p><\/div><\/div><\/div>\n      <\/article>\n\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Interior design<\/span>\n          <h3>MLS Interior Design<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"See MLS Interior Design case detail\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Problem<\/span><p>Start on social media without a clear method, publishing criteria or enough autonomy.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">What we worked on<\/span><p>Practical training in social media, planning, tools, content, applied AI and work system.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Result<\/span><p>More confidence to communicate, better internal organization and a clearer, more sustainable way of working.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Services involved\"><span class=\"vilar-tag\">Training<\/span><span class=\"vilar-tag\">Content<\/span><span class=\"vilar-tag\">Tools<\/span><span class=\"vilar-tag\">Applied AI<\/span><span class=\"vilar-tag\">Autonomy<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Context<\/h4><p>Interior design studio that needed to start working on its digital presence with order, tools and clear criteria.<\/p><\/div><div class=\"case-detail__block\"><h4>Problem<\/h4><p>It lacked experience in social media, planning, content and practical use of digital tools to communicate with confidence.<\/p><\/div><div class=\"case-detail__block\"><h4>Work done<\/h4><p>Block-based training, editorial calendar, social media, publishing tools, Canva, applied AI, prompts and practical exercises.<\/p><\/div><div class=\"case-detail__block\"><h4>Result<\/h4><p>Greater autonomy, more criteria for posting and a work system that helps sustain communication without improvising.<\/p><\/div><\/div><\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-adapt\" aria-label=\"More work paths\">\n    <div class=\"vilar-wrap\">\n      <div class=\"vilar-adapt__head\">\n        <h2>Paths where the method also adapts.<\/h2>\n        <p class=\"vilar-adapt__sub\">Some projects are built with time, trust and real business knowledge. Not everything is solved with one action: sometimes the value lies in supporting, adjusting and improving over years.<\/p>\n      <\/div>\n      <div class=\"vilar-adapt__grid\">\n        <article class=\"mini-card\">\n          <span class=\"mini-card__sector\">Events \u00b7 Exclusive experience<\/span>\n          <h3>Abeletxe<\/h3>\n          <div class=\"mini-card__content\"><div><span class=\"mini-card__label\">What we worked on<\/span><p>Continuous digital direction, content, copywriting, advertising and brand presence over a long path.<\/p><\/div><div><span class=\"mini-card__label\">Result<\/span><p>Sustained, close communication aligned with an exclusive experience linked to weddings and events.<\/p><\/div><\/div>\n        <\/article>\n        <article class=\"mini-card\">\n          <span class=\"mini-card__sector\">Restaurant \u00b7 Local community<\/span>\n          <h3>Oianume<\/h3>\n          <div class=\"mini-card__content\"><div><span class=\"mini-card__label\">What we worked on<\/span><p>Full digital management, real content, advertising, close communication and constant adaptation to the business day to day.<\/p><\/div><div><span class=\"mini-card__label\">Result<\/span><p>A more coherent, recognizable digital presence connected with the product, service, dining room and local environment.<\/p><\/div><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-cta\" aria-label=\"See where to start\">\n    <div class=\"vilar-wrap\">\n      <div class=\"vilar-cta__box\">\n        <h2>Do you want to see what your company needs to organize?<\/h2>\n        <p>Let\u2019s talk about your situation and see where to start so your communication works with more direction.<\/p>\n        <a class=\"vilar-btn\" href=\"\/en\/diagnosis\/\"><span class=\"vilar-action-label\">See where to start<\/span><span class=\"vilar-arrow\">\u2192<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    (function(){\n      function initVilarCaseCards(){\n        var roots = document.querySelectorAll('.vilar-casos-page [data-vilar-card-accordion]');\n        roots.forEach(function(root){\n          var cards = root.querySelectorAll('.case-card');\n          cards.forEach(function(card){\n            var btn = card.querySelector('.case-card__toggle');\n            var panel = card.querySelector('.case-card__detail');\n            if(!btn || !panel || btn.dataset.vilarReady === 'true') return;\n            btn.dataset.vilarReady = 'true';\n            btn.addEventListener('click', function(){\n              var open = card.classList.contains('is-open');\n              cards.forEach(function(other){\n                var otherPanel = other.querySelector('.case-card__detail');\n                var otherBtn = other.querySelector('.case-card__toggle');\n                other.classList.remove('is-open');\n                if(otherPanel){ otherPanel.style.maxHeight = null; }\n                if(otherBtn){ otherBtn.setAttribute('aria-expanded','false'); }\n              });\n              if(!open){\n                card.classList.add('is-open');\n                panel.style.maxHeight = panel.scrollHeight + 'px';\n                btn.setAttribute('aria-expanded','true');\n              }\n            });\n          });\n        });\n      }\n      if(document.readyState === 'loading'){\n        document.addEventListener('DOMContentLoaded', initVilarCaseCards);\n      } else {\n        initVilarCaseCards();\n      }\n      window.addEventListener('resize', function(){\n        document.querySelectorAll('.vilar-casos-page .case-card.is-open .case-card__detail').forEach(function(panel){\n          panel.style.maxHeight = panel.scrollHeight + 'px';\n        });\n      });\n    })();\n  <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Case studies Real cases of companies that needed more digital direction. Real examples of companies from different sectors that we helped organize their communication, build a system and communicate digitally with more clarity and criteria. Initial diagnosis\u2192 Vilar Method\u2192 We do not show isolated pieces. We show how digital communication is organized. Each case starts [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19710","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/pages\/19710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/comments?post=19710"}],"version-history":[{"count":8,"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/pages\/19710\/revisions"}],"predecessor-version":[{"id":20120,"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/pages\/19710\/revisions\/20120"}],"wp:attachment":[{"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/media?parent=19710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}