.nosotros-page{background:#fff}
.nosotros-page header nav a[aria-current="page"]{color:#e60034}
.nosotros-page .nosotros-wrap{width:min(1480px,calc(100% - 64px));margin-inline:auto}
.nosotros-page .nosotros-hero{padding:92px 0 72px;background:linear-gradient(180deg,#f5f8fd 0%,#fff 90%)}
.nosotros-page .nosotros-hero-grid{display:grid;grid-template-columns:.95fr 1.45fr;align-items:center;gap:68px}
.nosotros-page .nosotros-hero-copy>.eyebrow{color:#e60034;font-size:14px;margin-bottom:22px}
.nosotros-page .nosotros-hero-copy h1{font-size:clamp(54px,5.4vw,78px);line-height:1.03;letter-spacing:-.05em}
.nosotros-page .nosotros-lead{font-size:27px;font-weight:700;line-height:1.35;color:#0b2068;margin:28px 0 20px;max-width:500px}
.nosotros-page .nosotros-intro{font-size:18px;line-height:1.7;color:#4c5b78;max-width:505px}
.nosotros-page .nosotros-place{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:15px;color:#52617c}
.nosotros-page .nosotros-place::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#e60034}
.nosotros-page .nosotros-factory{margin:0;position:relative;border:1px solid #d7e1ef;border-radius:28px;padding:8px;background:#fff;box-shadow:0 20px 65px #0b2d6312}
.nosotros-page .nosotros-factory::before{content:"";position:absolute;top:-1px;left:44px;right:44px;height:3px;border-radius:3px;background:linear-gradient(105deg,#0059ff 4%,#c500a8 40%,#00a0ca 74%,#009d75)}
.nosotros-page .nosotros-factory img{width:100%;height:auto;object-fit:contain;border-radius:21px}
.nosotros-page .nosotros-factory figcaption{font-size:14px;color:#52617c;padding:13px 16px 8px}
.nosotros-page .nosotros-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:54px;border-top:1px solid #d8e1ee;border-bottom:1px solid #d8e1ee;padding:30px 0}
.nosotros-page .nosotros-metric{padding:0 38px;border-left:1px solid #d8e1ee}
.nosotros-page .nosotros-metric:first-child{padding-left:0;border-left:0}
.nosotros-page .nosotros-metric strong{display:block;width:fit-content;font-size:47px;line-height:1.18;letter-spacing:-.04em;white-space:nowrap}
.nosotros-page .nosotros-metric span{display:block;font-size:17px;line-height:1.5;color:#52617c;margin-top:12px}
.nosotros-page .nosotros-history{padding:86px 0 94px;background:#f5f8fd}
.nosotros-page .nosotros-section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:34px}
.nosotros-page .nosotros-section-heading .eyebrow{font-size:14px;color:#e60034;margin-bottom:18px}
.nosotros-page .nosotros-section-heading h2{font-size:clamp(36px,3.5vw,50px);line-height:1.1;max-width:660px}
.nosotros-page .nosotros-section-heading>p{font-size:18px;line-height:1.65;color:#52617c;max-width:430px}
.nosotros-page .nosotros-milestones{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.nosotros-page .nosotros-milestone{border:1px solid #dce4ef;background:#fff;border-radius:22px;padding:34px 36px;display:grid;grid-template-columns:145px minmax(0,1fr);gap:28px;align-items:start}
.nosotros-page .nosotros-year{font-size:44px;line-height:1.1;font-weight:900;letter-spacing:-.04em;color:#0b2068}
.nosotros-page .nosotros-milestone h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:2px 0 12px}
.nosotros-page .nosotros-milestone p{font-size:18px;line-height:1.6;color:#52617c;max-width:360px}
@media(max-width:1100px){
 .nosotros-page .nosotros-hero-grid{grid-template-columns:1fr 1.3fr;gap:38px}
 .nosotros-page .nosotros-hero-copy h1{font-size:58px}
 .nosotros-page .nosotros-metric strong{font-size:38px}
 .nosotros-page .nosotros-milestone{grid-template-columns:115px minmax(0,1fr);gap:22px;padding:28px}
 .nosotros-page .nosotros-year{font-size:38px}
}
@media(max-width:760px){
 .nosotros-page .nosotros-wrap{width:calc(100% - 32px)}
 .nosotros-page .nosotros-hero{padding:42px 0 46px}
 .nosotros-page .nosotros-hero-grid{grid-template-columns:1fr;gap:30px}
 .nosotros-page .nosotros-hero-copy>.eyebrow{font-size:12px;margin-bottom:17px}
 .nosotros-page .nosotros-hero-copy h1{font-size:clamp(43px,11vw,60px)}
 .nosotros-page .nosotros-lead{font-size:23px;margin-top:24px}
 .nosotros-page .nosotros-intro{font-size:16px;line-height:1.7;max-width:none}
 .nosotros-page .nosotros-place{font-size:14px;margin-top:22px}
 .nosotros-page .nosotros-factory{padding:6px;border-radius:22px}
 .nosotros-page .nosotros-factory img{border-radius:16px}
 .nosotros-page .nosotros-factory figcaption{font-size:12px;padding:12px 10px 6px}
 .nosotros-page .nosotros-metrics{grid-template-columns:1fr;margin-top:30px;padding:0;border-bottom:0}
 .nosotros-page .nosotros-metric,.nosotros-page .nosotros-metric:first-child{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;padding:23px 0;border-left:0;border-bottom:1px solid #d8e1ee}
 .nosotros-page .nosotros-metric strong{font-size:28px}
 .nosotros-page .nosotros-metric span{font-size:14px;margin-top:0}
 .nosotros-page .nosotros-history{padding:50px 0 56px}
 .nosotros-page .nosotros-section-heading{display:block;margin-bottom:25px}
 .nosotros-page .nosotros-section-heading .eyebrow{font-size:12px;margin-bottom:15px}
 .nosotros-page .nosotros-section-heading h2{font-size:35px}
 .nosotros-page .nosotros-section-heading>p{font-size:16px;line-height:1.65;margin-top:20px;max-width:none}
 .nosotros-page .nosotros-milestones{grid-template-columns:1fr;gap:16px}
 .nosotros-page .nosotros-milestone{padding:24px;grid-template-columns:95px minmax(0,1fr);gap:18px;border-radius:18px}
 .nosotros-page .nosotros-year{font-size:32px}
 .nosotros-page .nosotros-milestone h3{font-size:20px;margin-bottom:10px}
 .nosotros-page .nosotros-milestone p{font-size:16px}
}
@media(max-width:360px){
 .nosotros-page .nosotros-metric,.nosotros-page .nosotros-metric:first-child{grid-template-columns:1fr;gap:8px}
}
/* Our history, with dated milestones and the evolution of the brand. */
.nosotros-page .nosotros-timeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 22px; list-style: none; padding: 0; margin: 46px 0 0; }
.nosotros-page .timeline-item { position: relative; display: flex; flex-direction: column; min-width: 0; padding-top: 48px; }
.nosotros-page .timeline-item::before { content: ''; position: absolute; top: 15px; left: 0; width: calc(100% + 22px); height: 2px; background: #c8d6e9; }
.nosotros-page .timeline-item:nth-child(4n)::before, .nosotros-page .timeline-item:last-child::before { width: 100%; }
.nosotros-page .timeline-item::after { content: ''; position: absolute; top: 8px; left: 0; width: 16px; height: 16px; background: #e80035; border: 4px solid #f5f8fd; box-shadow: 0 0 0 1px #e80035; border-radius: 50%; }
.nosotros-page .timeline-label { display: flex; align-items: center; min-height: 51px; margin-bottom: 18px; font-size: 42px; line-height: 1.1; font-weight: 900; letter-spacing: -.04em; color: #0b2068; }
.nosotros-page .timeline-stage .timeline-label { font-size: 22px; line-height: 1.2; letter-spacing: -.02em; }
.nosotros-page .timeline-card { position: relative; isolation: isolate; overflow: hidden; flex: 1; padding: 24px 22px; min-height: 245px; border: 1px solid #dce4ef; border-radius: 16px; background: #fff; }
.nosotros-page .timeline-card h3 { font-size: 21px; line-height: 1.25; letter-spacing: -.02em; margin: 0 0 14px; }
.nosotros-page .timeline-card p { font-size: 18px; line-height: 1.6; color: #52617c; margin: 0; }
@media (max-width: 1250px) and (min-width: 761px) {
  .nosotros-page .nosotros-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 22px; }
  .nosotros-page .timeline-item:nth-child(2n)::before { width: 100%; }
}

/* Images accompany the milestones while a white veil keeps the copy readable. */
.nosotros-page .timeline-visual { position: absolute; inset: 0; z-index: -2; opacity: .3; pointer-events: none; }
.nosotros-page .timeline-visual img { width: 100%; height: 100%; object-fit: cover; }
.nosotros-page .timeline-card::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(115deg, #ffffffeb 0%, #ffffff99 52%, #ffffff1a 100%); pointer-events: none; }
.nosotros-page .timeline-visual--wood img { object-position: 72% 50%; }
.nosotros-page .timeline-visual--home img { object-position: 66% 50%; }
.nosotros-page .timeline-visual--logo { inset: 40% 14px 15%; opacity: .28; }
.nosotros-page .timeline-visual--logo img { object-fit: contain; }
.nosotros-page .timeline-visual--factory img { object-position: 58% 34%; }
.nosotros-page .timeline-visual--mascot { opacity: .22; }
.nosotros-page .timeline-visual--mascot img { object-position: 50% 22%; }
.nosotros-page .timeline-visual--network img { object-position: 25% 64%; }
.nosotros-page .timeline-visual--products { display: flex; align-items: flex-end; justify-content: center; gap: 0; inset: 26% -20px -12px; opacity: .26; }
.nosotros-page .timeline-visual--products img { width: 42%; height: 90%; object-fit: contain; flex-shrink: 0; }
.nosotros-page .timeline-visual--products img + img { margin-left: -10%; }
.nosotros-page .timeline-visual--digital { inset: 30% -8% -12%; opacity: .38; border: 6px solid #aec5e6; border-radius: 12px; transform: rotate(-6deg); }
.nosotros-page .timeline-visual--digital img { object-position: 75% 50%; }
.nosotros-page .timeline-card p { color: #354664; }

.nosotros-page .nosotros-next { padding: 84px 0 205px; background: linear-gradient(#f5f8fd, #fff 30%); }
.nosotros-page .nosotros-next-panel { position: relative; isolation: isolate; display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; min-height: 510px; overflow: hidden; border: 1px solid #dce4ef; border-radius: 32px; background: #fcfaf7; box-shadow: 0 20px 60px #0b20680a; }
.nosotros-page .nosotros-next-copy { position: relative; z-index: 1; padding: 66px 20px 66px 64px; }
.nosotros-page .nosotros-next-copy .eyebrow { color: #e60034; font-size: 14px; margin-bottom: 24px; }
.nosotros-page .nosotros-next-copy h2 { font-size: clamp(40px, 4vw, 58px); line-height: 1.08; }
.nosotros-page .nosotros-next-copy p { max-width: 580px; margin-top: 26px; color: #475875; font-size: 19px; line-height: 1.7; }
.nosotros-page .nosotros-next-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px 28px; margin-top: 34px; }
.nosotros-page .nosotros-next-contact { display: inline-flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 700; text-underline-offset: 5px; }
.nosotros-page .nosotros-next-art { position: absolute; inset: 0 0 0 48%; margin: 0; z-index: -1; }
.nosotros-page .nosotros-next-art img { width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.nosotros-page .nosotros-next-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #fcfaf7 0%, #fcfaf799 15%, #fcfaf700 38%); }
@media (max-width: 1100px) and (min-width: 761px) {
  .nosotros-page .nosotros-next-copy { padding: 46px 20px 46px 40px; }
  .nosotros-page .nosotros-next-copy h2 { font-size: 44px; }
  .nosotros-page .nosotros-next-copy p { font-size: 17px; }
}
@media (max-width: 760px) {
  .nosotros-page .nosotros-next { padding: 48px 0 165px; }
  .nosotros-page .nosotros-next-panel { display: flex; flex-direction: column; align-items: stretch; border-radius: 24px; }
  .nosotros-page .nosotros-next-copy { padding: 32px 26px 16px; }
  .nosotros-page .nosotros-next-copy .eyebrow { font-size: 12px; margin-bottom: 18px; }
  .nosotros-page .nosotros-next-copy h2 { font-size: clamp(31px, 8.4vw, 40px); }
  .nosotros-page .nosotros-next-copy p { font-size: 16px; margin-top: 22px; }
  .nosotros-page .nosotros-next-actions { margin-top: 25px; gap: 20px; }
  .nosotros-page .nosotros-next-actions .button { font-size: 15px; padding: 14px 22px; }
  .nosotros-page .nosotros-next-contact { font-size: 15px; }
  .nosotros-page .nosotros-next-art { position: relative; inset: auto; height: 300px; margin-top: 8px; }
  .nosotros-page .nosotros-next-art::after { background: linear-gradient(#fcfaf7 0%, #fcfaf700 28%); }
}
@media (max-width: 760px) {
  .nosotros-page .nosotros-timeline { grid-template-columns: 1fr; gap: 0; margin-top: 32px; }
  .nosotros-page .timeline-item { padding: 0 0 26px 34px; }
  .nosotros-page .timeline-item::before, .nosotros-page .timeline-item:nth-child(4n)::before { top: 10px; left: 7px; width: 2px; height: 100%; }
  .nosotros-page .timeline-item:last-child::before { width: 2px; height: 0; }
  .nosotros-page .timeline-item::after { top: 8px; left: 0; }
  .nosotros-page .timeline-label { min-height: 0; font-size: 34px; margin-bottom: 14px; }
  .nosotros-page .timeline-stage .timeline-label { font-size: 22px; }
  .nosotros-page .timeline-card { min-height: 0; padding: 22px; }
}