/* =========================================================
   NutriWorkers — About page (Quiénes somos)
   Accent: #303e7a
   ========================================================= */

:root{
  --nw-accent: #303e7a;
  --nw-ink: #0b1220;
  --nw-border: rgba(11,18,32,0.10);
  --nw-surface: rgba(255,255,255,0.96);
  --nw-radius-lg: 26px;
  --nw-max: 1120px;
}

/* Oculta header nativo GP (deja tu nav global) */
body.page-template-about-page #masthead.site-header{
  display:none !important;
}

/* Neutraliza layout GP */
body.page-template-about-page .site-content,
body.page-template-about-page .content-area,
body.page-template-about-page #primary{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
}

/* Container */
.nw-aboutContainer{
  width: 100%;
  max-width: var(--nw-max);
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

@media (max-width: 720px){
  .nw-aboutContainer{ padding: 0 35px; }
}

/* =========================================================
   HERO 2 columns
   ========================================================= */
.nw-about{
  background: #fff;
  color: var(--nw-ink);
}

.nw-aboutHero{
  padding: 90px 0 150px;
}

.nw-aboutGrid{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 42px;
  align-items: center;
}

@media (max-width: 980px){
  .nw-aboutGrid{
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    text-align: center;
  }
}

/* Title */
.nw-aboutTitle{
  margin: 0;
  line-height: 1.03;
  letter-spacing: -0.04em;
  display:block;
  font-weight: 700;
  font-size: 52px;
  color: var(--nw-accent);
  margin-bottom:25px;
}

.nw-aboutTitle__line1{
  display:block;
  font-weight: 700;
  font-size: 68px;
  color: var(--nw-accent);
}

.nw-aboutTitle__line2{
  display:block;
  font-weight: 400;
  font-style: italic;
  font-size: 68px;
  color: #000;
}


@media (max-width: 720px){
  .nw-aboutTitle__line1,
  .nw-aboutTitle__line2{
    font-size: clamp(28px, calc(20vw - 30px), 48px);
  }
}

/* Divider */
.nw-aboutDivider{
  width: min(520px, 86%);
  height: 1px;
  margin: 20px 0 25px;
  background: linear-gradient(90deg, transparent, rgba(48,62,122,0.45), transparent);
  position: relative;
}

@media (max-width: 980px){
  .nw-aboutDivider{ margin-left:auto; margin-right:auto; }
}

.nw-aboutDivider::after{
  content:"";
  position:absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%) rotate(45deg);
  background: rgba(48,62,122,0.18);
  border: 1px solid rgba(48,62,122,0.35);
  border-radius: 2px;
}

/* Text */

/* =========================================================
   Founder photo
   ========================================================= */

.nw-aboutPhoto{
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 980px){
  .nw-aboutPhoto{
    justify-content: center;
  }
}

.nw-aboutText p{
    margin-bottom:10px;
    line-height: 1.7;
}

.nw-aboutPortrait{
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  border-radius: var(--nw-radius-lg);
  /* Fade only the bottom edge into the page background. */
  -webkit-mask-image: linear-gradient(to bottom, #000 80%, rgba(0,0,0,.9) 85%, rgba(0,0,0,.6) 90%, rgba(0,0,0,.25) 94%, transparent 98%);
  mask-image: linear-gradient(to bottom, #000 80%, rgba(0,0,0,.9) 85%, rgba(0,0,0,.6) 90%, rgba(0,0,0,.25) 94%, transparent 98%);
  filter: brightness(1.04);
}


@media (min-width: 981px){
  .nw-aboutPhoto{
    transform: translateY(-42px);
  }
}