{"id":19709,"date":"2026-05-23T16:27:53","date_gmt":"2026-05-23T16:27:53","guid":{"rendered":"https:\/\/vilar.info\/casos\/"},"modified":"2026-05-27T16:36:44","modified_gmt":"2026-05-27T16:36:44","slug":"kasuak","status":"publish","type":"page","link":"https:\/\/vilar.info\/eu\/kasuak\/","title":{"rendered":"Kasuak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19709\" class=\"elementor elementor-19709\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ffb4e15 vilar-casos-template-section elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ffb4e15\" 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-5ab50968\" data-id=\"5ab50968\" 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-3229918d elementor-widget elementor-widget-html\" data-id=\"3229918d\" 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\">Kasuak<\/span>\n        <h1 id=\"vilar-casos-title\"><span class=\"vilar-blue-text\">Norabide digital<\/span> gehiago behar zuten enpresen kasu errealak.<\/h1>\n      <\/div>\n      <div>\n        <p class=\"vilar-hero__copy\">Sektore ezberdinetako enpresen adibide errealak: komunikazioa ordenatzen, sistema bat eraikitzen eta digitalean argiago eta irizpidez komunikatzen lagundu diegu.<\/p>\n        <div class=\"vilar-actions\">\n          <a class=\"vilar-btn\" href=\"\/eu\/diagnostikoa\/\"><span class=\"vilar-action-label\">Hasierako diagnostikoa<\/span><span class=\"vilar-arrow\">\u2192<\/span><\/a>\n          <a class=\"vilar-link\" href=\"\/metodo\/\"><span class=\"vilar-action-label\">Vilar metodoa<\/span><span class=\"vilar-arrow\">\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-intro\" aria-label=\"Kasuen ikuspegia\">\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>Ez ditugu lan solteak erakusten. Komunikazio digitala nola ordenatzen den erakusten dugu.<\/h2>\n        <\/div>\n        <p class=\"vilar-intro__text\">Kasu bakoitza errealitate ezberdin batetik abiatzen da, baina metodoa bera da: argitasuna, sistema eta norabidea, komunikazio digitalak eragina izan eta denboran iraun dezan.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-cases\" aria-label=\"Kasu nagusiak\">\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 Produktu teknikoa<\/span>\n          <h3>Irudek<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"Ikusi Irudek kasuaren xehetasuna\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Arazoa<\/span><p>Komunikazio sakabanatua, sare gutxi lerrokatuak eta nazioarteko presentzia digitala indartzeko beharra.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Zer landu genuen<\/span><p>Norabide digitala, edukiak, LinkedIn, email marketina, argazkia, bideoa eta taldearen prestakuntza.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Emaitza<\/span><p>Koherentzia gehiago, lan-sistema hobea eta presentzia digital argiago, jarraituago eta autonomoagoa.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Lotutako zerbitzuak\"><span class=\"vilar-tag\">Estrategia digitala<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">Edukiak<\/span><span class=\"vilar-tag\">Prestakuntza<\/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>Testuingurua<\/h4><p>Produktu teknikoa eta nazioarteko presentzia dituen industria-enpresa, hazkunde fasean bere ekosistema digitala ordenatzeko beharrarekin.<\/p><\/div><div class=\"case-detail__block\"><h4>Arazoa<\/h4><p>Komunikazioak koherentzia handiagoa, sareen erabilera hobea eta posizionamenduarekin lerrokatuago dauden eduki bisualak behar zituen.<\/p><\/div><div class=\"case-detail__block\"><h4>Egindako lana<\/h4><p>Norabide digitala, sareen berrantolaketa, eduki-sistema, LinkedIn, email marketina, argazkia, bideoa eta taldearen prestakuntza.<\/p><\/div><div class=\"case-detail__block\"><h4>Emaitza<\/h4><p>Presentzia argiagoa, LinkedIn hobeto landua eta komunikazioa autonomia handiagoz mantentzea ahalbidetzen duen sistema.<\/p><\/div><\/div><\/div>\n      <\/article>\n\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Enpresa-elkartea<\/span>\n          <h3>ASEPAL<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"Ikusi ASEPAL kasuaren xehetasuna\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Arazoa<\/span><p>Mezua ordenatzeko, koherentzia irabazteko eta erreferentziazko elkarte baten ikusgarritasuna indartzeko beharra.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Zer landu genuen<\/span><p>Komunikazio instituzionala, sektoreko edukiak, LinkedIn, analisia, kanpainak eta publizitate digitala.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Emaitza<\/span><p>Irudi sendoagoa, diskurtso ezagunagoa eta sektorean duen rola indartzeko baliozko edukiak.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Lotutako zerbitzuak\"><span class=\"vilar-tag\">Komunikazioa<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">Edukiak<\/span><span class=\"vilar-tag\">Publizitatea<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Testuingurua<\/h4><p>Bere sektorean erreferentziazko enpresa-elkartea, jarduera instituzionalarekin, sektore-komunikazioarekin eta enpresa elkartuekin harreman jarraituarekin.<\/p><\/div><div class=\"case-detail__block\"><h4>Arazoa<\/h4><p>Norabide digital argiagoa, balio handiagoko edukiak eta kanal garrantzitsuetan presentzia koherenteagoa behar zituen.<\/p><\/div><div class=\"case-detail__block\"><h4>Egindako lana<\/h4><p>Komunikazio-estrategia, edukien kudeaketa, copywritinga, LinkedIn, datuen analisia, kanpainak eta publizitate digitala.<\/p><\/div><div class=\"case-detail__block\"><h4>Emaitza<\/h4><p>Irudi sendoagoa, komunikazio erabilgarriagoa eta erreferentziazko erakunde gisa duen rola indartzen duen sektoreko edukia.<\/p><\/div><\/div><\/div>\n      <\/article>\n\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Banaketa teknikoa<\/span>\n          <h3>Seyprel<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"Ikusi Seyprel kasuaren xehetasuna\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Arazoa<\/span><p>Presentzia digital oso mugatua eta hutsetik irizpidez, jarraitutasunez eta norabidez hasteko beharra.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Zer landu genuen<\/span><p>Kudeaketa digitala, eduki teknikoak, LinkedIn, publizitatea, prestakuntza komertziala eta adimen artifizial aplikatua.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Emaitza<\/span><p>Komunikazio profesionalagoa, sistema egonkorra eta garapen komertzialerako presentzia erabilgarriagoa.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Lotutako zerbitzuak\"><span class=\"vilar-tag\">Estrategia digitala<\/span><span class=\"vilar-tag\">LinkedIn<\/span><span class=\"vilar-tag\">IA aplikatua<\/span><span class=\"vilar-tag\">Prestakuntza<\/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>Testuingurua<\/h4><p>Estatu osoan presentzia duen banaketa teknikoko enpresa, produktuaren ezagutzarekin oso lotutako jarduera komertzialarekin.<\/p><\/div><div class=\"case-detail__block\"><h4>Arazoa<\/h4><p>Sare sozialak ia aktibatu gabe zeuden eta oinarri argi, profesional eta jasangarri batekin hastea beharrezkoa zen.<\/p><\/div><div class=\"case-detail__block\"><h4>Egindako lana<\/h4><p>Norabide digital osoa, eduki teknikoak, LinkedIn, sareetako publizitatea, LinkedIn prestakuntza eta eguneroko lanerako IA aplikatua.<\/p><\/div><div class=\"case-detail__block\"><h4>Emaitza<\/h4><p>Presentzia digital profesionalagoa, narratiba argiagoa eta irizpidez hazteko prest dagoen lan-sistema.<\/p><\/div><\/div><\/div>\n      <\/article>\n\n      <article class=\"case-card\">\n        <div class=\"case-card__head\">\n          <span class=\"case-card__sector\">Barne-diseinua<\/span>\n          <h3>MLS Interior Design<\/h3>\n          <button class=\"case-card__toggle\" type=\"button\" aria-expanded=\"false\" aria-label=\"Ikusi MLS Interior Design kasuaren xehetasuna\"><span>\u2304<\/span><\/button>\n        <\/div>\n        <div class=\"case-card__cols\">\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Arazoa<\/span><p>Sare sozialetan hasiera metodo argirik gabe, argitaratzeko irizpiderik gabe eta autonomia irabazteko beharrarekin.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Zer landu genuen<\/span><p>Sareetan, plangintzan, tresnetan, edukietan, IA aplikatuan eta lan-sisteman prestakuntza praktikoa.<\/p><\/div>\n          <div class=\"case-card__col\"><span class=\"case-card__label\">Emaitza<\/span><p>Komunikatzeko segurtasun handiagoa, barne-antolaketa hobea eta lan egiteko modu argiago eta jasangarriagoa.<\/p><\/div>\n        <\/div>\n        <div class=\"vilar-tags\" aria-label=\"Lotutako zerbitzuak\"><span class=\"vilar-tag\">Prestakuntza<\/span><span class=\"vilar-tag\">Edukiak<\/span><span class=\"vilar-tag\">Tresnak<\/span><span class=\"vilar-tag\">IA aplikatua<\/span><span class=\"vilar-tag\">Autonomia<\/span><\/div>\n        <div class=\"case-card__detail\"><div class=\"case-card__detail-inner\"><div class=\"case-detail__block\"><h4>Testuingurua<\/h4><p>Bere presentzia digitala ordenaz, tresnekin eta irizpide argiekin lantzen hasi behar zuen barne-diseinuko estudioa.<\/p><\/div><div class=\"case-detail__block\"><h4>Arazoa<\/h4><p>Sareetan, plangintzan, edukietan eta tresna digitalen erabilera praktikoan esperientzia falta zen, segurtasunez komunikatzeko.<\/p><\/div><div class=\"case-detail__block\"><h4>Egindako lana<\/h4><p>Blokekako prestakuntza, egutegi editoriala, sare sozialak, argitalpen-tresnak, Canva, IA aplikatua, promptak eta ariketa praktikoak.<\/p><\/div><div class=\"case-detail__block\"><h4>Emaitza<\/h4><p>Autonomia handiagoa, argitaratzeko irizpide gehiago eta komunikazioa inprobisatu gabe eusteko laguntzen duen lan-sistema.<\/p><\/div><\/div><\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-adapt\" aria-label=\"Lan-ibilbide gehiago\">\n    <div class=\"vilar-wrap\">\n      <div class=\"vilar-adapt__head\">\n        <h2>Metodoa egokitzen den ibilbideak.<\/h2>\n        <p class=\"vilar-adapt__sub\">Proiektu batzuk denborarekin, konfiantzarekin eta negozioaren benetako ezagutzarekin eraikitzen dira. Ez da dena ekintza puntual batekin konpontzen: batzuetan balioa urteetan laguntzean, doitzean eta hobetzean dago.<\/p>\n      <\/div>\n      <div class=\"vilar-adapt__grid\">\n        <article class=\"mini-card\">\n          <span class=\"mini-card__sector\">Ekitaldiak \u00b7 Esperientzia esklusiboa<\/span>\n          <h3>Abeletxe<\/h3>\n          <div class=\"mini-card__content\"><div><span class=\"mini-card__label\">Zer landu genuen<\/span><p>Norabide digital jarraitua, edukiak, copywritinga, publizitatea eta markaren presentzia ibilbide luze batean.<\/p><\/div><div><span class=\"mini-card__label\">Emaitza<\/span><p>Ezkontza eta ekitaldiekin lotutako esperientzia esklusiboarekin lerrokatutako komunikazio jarraitua eta hurbila.<\/p><\/div><\/div>\n        <\/article>\n        <article class=\"mini-card\">\n          <span class=\"mini-card__sector\">Ostalaritza \u00b7 Tokiko komunitatea<\/span>\n          <h3>Oianume<\/h3>\n          <div class=\"mini-card__content\"><div><span class=\"mini-card__label\">Zer landu genuen<\/span><p>Kudeaketa digital osoa, eduki errealak, publizitatea, komunikazio hurbila eta negozioaren egunerokora etengabeko egokitzapena.<\/p><\/div><div><span class=\"mini-card__label\">Emaitza<\/span><p>Produktuarekin, zerbitzuarekin, aretoarekin eta tokiko ingurunearekin konektatutako presentzia digital koherenteagoa eta ezagunagoa.<\/p><\/div><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vilar-cta\" aria-label=\"Ikusi nondik hasi\">\n    <div class=\"vilar-wrap\">\n      <div class=\"vilar-cta__box\">\n        <h2>Ikusi nahi duzu zure enpresak zer ordenatu behar duen?<\/h2>\n        <p>Hitz egin dezagun zure egoeraz eta ikus dezagun nondik hasi, zure komunikazioak norabide handiagoz lan egin dezan.<\/p>\n        <a class=\"vilar-btn\" href=\"\/eu\/diagnostikoa\/\"><span class=\"vilar-action-label\">Ikusi nondik hasi<\/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>Kasuak Norabide digital gehiago behar zuten enpresen kasu errealak. Sektore ezberdinetako enpresen adibide errealak: komunikazioa ordenatzen, sistema bat eraikitzen eta digitalean argiago eta irizpidez komunikatzen lagundu diegu. Hasierako diagnostikoa\u2192 Vilar metodoa\u2192 Ez ditugu lan solteak erakusten. Komunikazio digitala nola ordenatzen den erakusten dugu. Kasu bakoitza errealitate ezberdin batetik abiatzen da, baina metodoa bera da: argitasuna, [&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-19709","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vilar.info\/eu\/wp-json\/wp\/v2\/pages\/19709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vilar.info\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vilar.info\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vilar.info\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vilar.info\/eu\/wp-json\/wp\/v2\/comments?post=19709"}],"version-history":[{"count":5,"href":"https:\/\/vilar.info\/eu\/wp-json\/wp\/v2\/pages\/19709\/revisions"}],"predecessor-version":[{"id":19718,"href":"https:\/\/vilar.info\/eu\/wp-json\/wp\/v2\/pages\/19709\/revisions\/19718"}],"wp:attachment":[{"href":"https:\/\/vilar.info\/eu\/wp-json\/wp\/v2\/media?parent=19709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}