{"id":19710,"date":"2026-05-23T16:27:53","date_gmt":"2026-05-23T16:27:53","guid":{"rendered":"https:\/\/vilar.info\/casos\/"},"modified":"2026-09-10T09:24:19","modified_gmt":"2026-09-10T09:24:19","slug":"casos","status":"publish","type":"page","link":"https:\/\/vilar.info\/en\/casos\/","title":{"rendered":"Casos"},"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-72d409e7 vilar-casos-template-section elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72d409e7\" 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-56c56b1c\" data-id=\"56c56b1c\" 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-fa077ea elementor-widget elementor-widget-html\" data-id=\"fa077ea\" 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: 2px 15px 0;\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(1px);\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: translateY(1px);\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: 0;\n      font-weight: 800;\n      width: 100%;\n      height: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      top: 1px;\n      transform: none;\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);\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: 2px 11px 0;\n      justify-content: center;\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, 1px);\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\">Casos<\/span>\n        <h1 id=\"vilar-casos-title\">Casos reales de empresas que necesitaban m\u00e1s <span class=\"vilar-blue-text\">direcci\u00f3n digital<\/span>.<\/h1>\n      <\/div>\n      <div>\n        <p class=\"vilar-hero__copy\">Ejemplos reales de empresas de diferentes sectores a las que ayudamos a ordenar su comunicaci\u00f3n, construir un sistema y comunicar con m\u00e1s claridad y criterio en lo digital.<\/p>\n        <div class=\"vilar-actions\">\n          <a class=\"vilar-btn\" href=\"\/diagnostico\/\"><span class=\"vilar-action-label\">Diagn\u00f3stico inicial<\/span><span class=\"vilar-arrow\">\u2192<\/span><\/a>\n          <a class=\"vilar-link\" href=\"\/metodo\/\"><span class=\"vilar-action-label\">M\u00e9todo Vilar<\/span><span class=\"vilar-arrow\">\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-intro\" aria-label=\"Enfoque de los casos\">\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>No ense\u00f1amos trabajos sueltos. Ense\u00f1amos c\u00f3mo se ordena una comunicaci\u00f3n digital.<\/h2>\n        <\/div>\n        <p class=\"vilar-intro__text\">Cada caso parte de una realidad distinta, pero el m\u00e9todo es el mismo: claridad, sistema y direcci\u00f3n para que la comunicaci\u00f3n digital tenga impacto y sea sostenible en el tiempo.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-cases\" aria-label=\"Casos principales\">\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\">Industria \u00b7 Producto t\u00e9cnico<\/span>\n          <h3>Irudek<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"Ver detalle del caso Irudek\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Problema<\/span><p>Comunicaci\u00f3n dispersa, redes poco alineadas y necesidad de reforzar una presencia digital internacional.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Qu\u00e9 trabajamos<\/span><p>Direcci\u00f3n digital, contenidos, LinkedIn, email marketing, fotograf\u00eda, v\u00eddeo y formaci\u00f3n del equipo.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Resultado<\/span><p>M\u00e1s coherencia, mejor sistema de trabajo y una presencia digital m\u00e1s clara, constante y aut\u00f3noma.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Servicios implicados\"><span class=\"vilar-tag\">Estrategia digital<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">Contenidos<\/span><span class=\"vilar-tag\">Formaci\u00f3n<\/span><span class=\"vilar-tag\">Sistema<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Contexto<\/h4><p>Empresa industrial con producto t\u00e9cnico, presencia internacional y necesidad de ordenar su ecosistema digital durante una etapa de crecimiento.<\/p><\/div><div class=\"case-detail__block\"><h4>Problema<\/h4><p>La comunicaci\u00f3n necesitaba m\u00e1s coherencia, mejor uso de redes y contenidos visuales m\u00e1s alineados con su posicionamiento.<\/p><\/div><div class=\"case-detail__block\"><h4>Trabajo realizado<\/h4><p>Direcci\u00f3n digital, reset de redes, sistema de contenidos, LinkedIn, email marketing, fotograf\u00eda, v\u00eddeo y formaci\u00f3n para el equipo.<\/p><\/div><div class=\"case-detail__block\"><h4>Resultado<\/h4><p>Una presencia m\u00e1s clara, un LinkedIn mejor trabajado y un sistema que permite mantener la comunicaci\u00f3n con m\u00e1s autonom\u00eda.<\/p><\/div><\/div><\/div>\n      <\/article>\n\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Industria \u00b7 Automoci\u00f3n<\/span>\n          <h3>GOL Industrias<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"Ver detalle del caso GOL Industrias\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Problema<\/span><p>Prospecci\u00f3n comercial poco sistematizada y perfiles digitales sin un criterio com\u00fan para abrir oportunidades.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Qu\u00e9 trabajamos<\/span><p>Formaci\u00f3n aplicada en LinkedIn, prospecci\u00f3n comercial, perfiles, mensajes e IA para ordenar el trabajo diario.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Resultado<\/span><p>Un proceso comercial m\u00e1s ordenado, mejor presencia profesional y autonom\u00eda para detectar y seguir oportunidades.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Servicios implicados\"><span class=\"vilar-tag\">Prospecci\u00f3n B2B<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">IA aplicada<\/span><span class=\"vilar-tag\">Formaci\u00f3n<\/span><span class=\"vilar-tag\">Sistema comercial<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Contexto<\/h4><p>Empresa industrial B2B con actividad comercial internacional y necesidad de convertir LinkedIn en un canal \u00fatil para localizar compradores.<\/p><\/div><div class=\"case-detail__block\"><h4>Problema<\/h4><p>Perfiles, b\u00fasquedas y seguimiento comercial sin un m\u00e9todo compartido que ayudara a priorizar contactos y mantener continuidad.<\/p><\/div><div class=\"case-detail__block\"><h4>Trabajo realizado<\/h4><p>Formaci\u00f3n pr\u00e1ctica sobre perfiles, p\u00e1gina de empresa, prospecci\u00f3n comercial, mensajes e IA aplicada a tareas y correos comerciales.<\/p><\/div><div class=\"case-detail__block\"><h4>Resultado<\/h4><p>Un sistema m\u00e1s claro para investigar, conectar y hacer seguimiento, con menos trabajo repetitivo y una presencia m\u00e1s profesional.<\/p><\/div><\/div><\/div>\n      <\/article>\n\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Asociaci\u00f3n empresarial<\/span>\n          <h3>ASEPAL<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"Ver detalle del caso ASEPAL\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Problema<\/span><p>Necesidad de ordenar el mensaje, ganar coherencia y reforzar la visibilidad de una asociaci\u00f3n de referencia.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Qu\u00e9 trabajamos<\/span><p>Comunicaci\u00f3n institucional, contenidos sectoriales, LinkedIn, an\u00e1lisis, campa\u00f1as y publicidad digital.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Resultado<\/span><p>Imagen m\u00e1s s\u00f3lida, discurso m\u00e1s reconocible y contenidos de valor para reforzar su papel en el sector.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Servicios implicados\"><span class=\"vilar-tag\">Comunicaci\u00f3n<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">Contenidos<\/span><span class=\"vilar-tag\">Publicidad<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Contexto<\/h4><p>Asociaci\u00f3n empresarial de referencia en su sector, con actividad institucional, comunicaci\u00f3n sectorial y relaci\u00f3n continua con empresas asociadas.<\/p><\/div><div class=\"case-detail__block\"><h4>Problema<\/h4><p>Necesitaba una direcci\u00f3n digital m\u00e1s clara, contenidos con m\u00e1s valor y una presencia m\u00e1s coherente en canales clave.<\/p><\/div><div class=\"case-detail__block\"><h4>Trabajo realizado<\/h4><p>Estrategia de comunicaci\u00f3n, gesti\u00f3n de contenidos, copywriting, LinkedIn, an\u00e1lisis de datos, campa\u00f1as y publicidad digital.<\/p><\/div><div class=\"case-detail__block\"><h4>Resultado<\/h4><p>Una imagen m\u00e1s s\u00f3lida, una comunicaci\u00f3n m\u00e1s \u00fatil y un contenido sectorial que refuerza su papel como entidad de referencia.<\/p><\/div><\/div><\/div>\n      <\/article>\n\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Distribuci\u00f3n t\u00e9cnica<\/span>\n          <h3>Seyprel<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"Ver detalle del caso Seyprel\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Problema<\/span><p>Presencia digital muy limitada y necesidad de empezar desde cero con criterio, constancia y direcci\u00f3n.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Qu\u00e9 trabajamos<\/span><p>Gesti\u00f3n digital, contenidos t\u00e9cnicos, LinkedIn, publicidad, formaci\u00f3n comercial e inteligencia artificial aplicada.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Resultado<\/span><p>Una comunicaci\u00f3n m\u00e1s profesional, un sistema estable y una presencia m\u00e1s \u00fatil para el desarrollo comercial.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Servicios implicados\"><span class=\"vilar-tag\">Estrategia digital<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">IA aplicada<\/span><span class=\"vilar-tag\">Formaci\u00f3n<\/span><span class=\"vilar-tag\">Sistema<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Contexto<\/h4><p>Empresa de distribuci\u00f3n t\u00e9cnica con presencia en todo el pa\u00eds y una actividad comercial muy vinculada al conocimiento de producto.<\/p><\/div><div class=\"case-detail__block\"><h4>Problema<\/h4><p>Las redes sociales apenas estaban activadas y era necesario empezar con una base clara, profesional y sostenible.<\/p><\/div><div class=\"case-detail__block\"><h4>Trabajo realizado<\/h4><p>Direcci\u00f3n digital completa, contenidos t\u00e9cnicos, LinkedIn, publicidad en redes, formaci\u00f3n en LinkedIn e IA aplicada al trabajo diario.<\/p><\/div><div class=\"case-detail__block\"><h4>Resultado<\/h4><p>Una presencia digital m\u00e1s profesional, una narrativa m\u00e1s clara y un sistema de trabajo preparado para crecer con criterio.<\/p><\/div><\/div><\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-adapt\" aria-label=\"M\u00e1s recorridos de trabajo\">\n    <div class=\"vilar-wrap\">\n      <div class=\"vilar-adapt__head\">\n        <h2>Recorridos donde el m\u00e9todo tambi\u00e9n se adapta.<\/h2>\n        <p class=\"vilar-adapt__sub\">Hay proyectos que se construyen con tiempo, confianza y conocimiento real del negocio. No todo se resuelve con una acci\u00f3n puntual: a veces el valor est\u00e1 en acompa\u00f1ar, ajustar y mejorar durante a\u00f1os.<\/p>\n      <\/div>\n      <div class=\"vilar-adapt__grid\">\n        <article class=\"mini-card\">\n          <span class=\"mini-card__sector\">Eventos \u00b7 Experiencia exclusiva<\/span>\n          <h3>Abeletxe<\/h3>\n          <div class=\"mini-card__content\"><div><span class=\"mini-card__label\">Qu\u00e9 trabajamos<\/span><p>Direcci\u00f3n digital continuada, contenidos, copywriting, publicidad y presencia de marca durante un recorrido largo.<\/p><\/div><div><span class=\"mini-card__label\">Resultado<\/span><p>Una comunicaci\u00f3n sostenida, cercana y alineada con una experiencia exclusiva vinculada a bodas y eventos.<\/p><\/div><\/div>\n        <\/article>\n        <article class=\"mini-card\">\n          <span class=\"mini-card__sector\">Restauraci\u00f3n \u00b7 Comunidad local<\/span>\n          <h3>Oianume<\/h3>\n          <div class=\"mini-card__content\"><div><span class=\"mini-card__label\">Qu\u00e9 trabajamos<\/span><p>Gesti\u00f3n digital completa, contenidos reales, publicidad, comunicaci\u00f3n cercana y adaptaci\u00f3n constante al d\u00eda a d\u00eda del negocio.<\/p><\/div><div><span class=\"mini-card__label\">Resultado<\/span><p>Una presencia digital m\u00e1s coherente, reconocible y conectada con el producto, el servicio, la sala y el entorno local.<\/p><\/div><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-cta\" aria-label=\"Ver por d\u00f3nde empezar\">\n    <div class=\"vilar-wrap\">\n      <div class=\"vilar-cta__box\">\n        <h2>\u00bfQuieres ver qu\u00e9 necesita ordenar tu empresa?<\/h2>\n        <p>Hablemos de tu situaci\u00f3n y veremos por d\u00f3nde empezar para que tu comunicaci\u00f3n trabaje con m\u00e1s direcci\u00f3n.<\/p>\n        <a class=\"vilar-btn\" href=\"\/diagnostico\/\"><span class=\"vilar-action-label\">Ver por d\u00f3nde empezar<\/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>Casos Casos reales de empresas que necesitaban m\u00e1s direcci\u00f3n digital. Ejemplos reales de empresas de diferentes sectores a las que ayudamos a ordenar su comunicaci\u00f3n, construir un sistema y comunicar con m\u00e1s claridad y criterio en lo digital. Diagn\u00f3stico inicial\u2192 M\u00e9todo Vilar\u2192 No ense\u00f1amos trabajos sueltos. Ense\u00f1amos c\u00f3mo se ordena una comunicaci\u00f3n digital. Cada caso [&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":15,"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/pages\/19710\/revisions"}],"predecessor-version":[{"id":20440,"href":"https:\/\/vilar.info\/en\/wp-json\/wp\/v2\/pages\/19710\/revisions\/20440"}],"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}]}}