/* /bio/ — CSS gerado do layout original (dev/scripts/convert.py) */
.e1967504{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap}
/* HTML customizado efcb5d5f */
.eric-start,
.eric-start *{
  box-sizing:border-box;
}

.eric-start{
  --teal:#0e666d;
  --deep:#062f35;
  --cream:#f3eee5;
  --gold:#b79763;
  width:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  background:#ffffff;
  font-family:Arial,Helvetica,sans-serif;
}

.eric-phone-card{
  position:relative;
  width:min(100%,500px);
  min-height:900px;
  overflow:hidden;
  border-radius:0;

  
  background-color:var(--deep);
  background-image:
    linear-gradient(
      to bottom,
      rgba(2,31,36,0) 0%,
      rgba(2,31,36,0) 34%,
      rgba(2,31,36,.18) 42%,
      rgba(2,31,36,.62) 52%,
      rgba(2,31,36,.94) 62%,
      rgba(2,31,36,1) 72%,
      rgba(2,31,36,1) 100%
    ),
    url("../../media/2026/09/01-eric-hero-visible-465w.webp");

  background-size:100% 100%, 100% auto;
  background-position:center top, center top;
  background-repeat:no-repeat,no-repeat;
  box-shadow:none;
}

.eric-copy{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:0 34px 34px;
  text-align:center;
  color:#fff;
}

.eric-kicker{
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:1.1;
  margin:0 0 4px;
  font-weight:400;
}

.eric-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:57px;
  line-height:.98;
  margin:0 0 14px;
  font-weight:400;
  letter-spacing:-1.5px;
}

.eric-tagline{
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1.35;
  margin:4px 0;
  font-weight:400;
}

.eric-rule{
  width:66px;
  height:1px;
  background:var(--gold);
  margin:22px auto 18px;
}

.eric-lang-title{
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  line-height:1.15;
  margin:0 0 2px;
  font-weight:400;
}

.eric-lang-sub{
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.15;
  margin:0 0 18px;
  font-weight:400;
}

.eric-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:62px;
  margin:10px 0 0;
  border-radius:12px;
  text-decoration:none!important;
  font-size:20px;
  font-weight:700;
  letter-spacing:.03em;
  transition:transform .18s ease,opacity .18s ease;
}

.eric-btn:hover{
  transform:translateY(-1px);
  opacity:.96;
}

.eric-btn::after{
  content:"›";
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-52%);
  font-size:35px;
  line-height:1;
  font-weight:300;
}

.eric-btn-pt{
  background:linear-gradient(90deg,#0a5b61,#0f757c);
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65);
}

.eric-btn-en{
  background:var(--cream);
  color:#082a3a!important;
  border:1px solid rgba(255,255,255,.7);
}

@media (max-width:767px){
  .eric-start{
    align-items:stretch;
  }

  .eric-phone-card{
    width:100%;
    min-height:100svh;
    background-size:100% 100%, 100% auto;
  }

  .eric-copy{
    padding:0 24px 24px;
  }

  .eric-kicker{
    font-size:25px;
  }

  .eric-name{
    font-size:clamp(44px,12vw,58px);
  }

  .eric-tagline{
    font-size:18px;
  }

  .eric-lang-title{
    font-size:23px;
  }

  .eric-lang-sub{
    font-size:20px;
  }

  .eric-btn{
    min-height:60px;
    font-size:18px;
  }
}

@media (min-width:768px){
  .eric-start{
    padding:24px;
    background:#ffffff;
  }

  .eric-phone-card{
    border-radius:28px;
    box-shadow:0 18px 55px rgba(0,0,0,.14);
  }
}
