.elementor-1708 .elementor-element.elementor-element-6974b87{--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;}/* Start custom CSS for html, class: .elementor-element-f57c3ef *//* =========================================================
   MB DIGITAL · BIO V5
   CSS limpio para pegar en Ajustes de página / CSS personalizado
   Requiere que todo el contenido de la bio esté dentro de .mb-bio
   ========================================================= */

.mb-bio {
  --green: #014641;
  --green-dark: #003630;
  --green-mid: #1d7a6e;
  --cream: #f5f4ef;
  --ink: #1a1a18;
  --sand: #c9b89a;
  --earth: #7a6e5f;
  --peach: #f0e8df;
  --terracotta: #c4562a;
  --line: rgba(26, 26, 24, 0.14);
  --shadow: 0 28px 80px rgba(1, 70, 65, 0.14);
  --max: 1220px;
  color: var(--ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}
.mb-bio, .mb-bio * { box-sizing: border-box; }
.mb-bio a { color: inherit; text-decoration: none; }
.mb-bio img { display: block; max-width: 100%; }
.mb-bio button, .mb-bio input, .mb-bio textarea, .mb-bio select { font: inherit; }
.mb-bio .container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.mb-bio .section { padding: 110px 0; }
.mb-bio .section--white { background: #fff; }
.mb-bio .section--peach { background: var(--peach); }
.mb-bio .section--dark { background: var(--green-dark); color: var(--cream); }

.mb-bio .eyebrow {
  display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px;
  color: var(--ink) !important; font-size: .76rem; font-weight: 850; letter-spacing: .14em;
  line-height: 1.2; text-transform: uppercase;
}
.mb-bio .eyebrow::before { content: ""; width: 30px; height: 2px; flex: 0 0 30px; background: currentColor; }
.mb-bio .section--dark .eyebrow { color: var(--cream) !important; }

.mb-bio .section-title {
  width: 100%; margin: 0; color: var(--ink) !important; font-size: clamp(2.6rem,6vw,5.6rem);
  font-weight: 900 !important; line-height: .94; letter-spacing: -.064em; opacity: 1 !important;
}
.mb-bio .section-title--medium { font-size: clamp(2.2rem,4.7vw,4.5rem); }
.mb-bio .section-title em { color: var(--sand) !important; font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
.mb-bio .section-copy {
  width: 100%; margin: 16px 0 0; color: var(--earth) !important; font-size: clamp(1.02rem,1.5vw,1.2rem); opacity: 1 !important;
}
.mb-bio .section--dark .section-title { color: var(--cream) !important; }
.mb-bio .section--dark .section-copy { color: rgba(245,244,239,.76) !important; }
.mb-bio h1, .mb-bio h2, .mb-bio h3, .mb-bio p, .mb-bio li { filter:none !important; text-shadow:none !important; }

.mb-bio .button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 58px; padding: 0 25px;
  border: 2px solid transparent; border-radius: 999px; font-weight: 850; line-height: 1.15;
  cursor: pointer; transition: transform .18s ease, box-shadow .18s ease;
}
.mb-bio .button:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.14); }
.mb-bio .button--primary { color:#fff !important; background: var(--terracotta); }
.mb-bio .button--green { color:#fff !important; background: var(--green); }
.mb-bio .button--outline { color: var(--green) !important; background: transparent; border-color: rgba(1,70,65,.2); }

/* Hero editorial */
.mb-bio .hero {
  position: relative;
  overflow: hidden;
  color: var(--cream);
  background:
    radial-gradient(circle at 92% 8%, rgba(29,122,110,.62), transparent 28%),
    linear-gradient(125deg, var(--green-dark), var(--green) 58%, #082b28);
}

.mb-bio .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .13;
  background-image:
    linear-gradient(rgba(245,244,239,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,244,239,.16) 1px, transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 86%);
}

.mb-bio .hero-editorial {
  position: relative;
  z-index: 2;
  padding: 82px 0 72px;
}

.mb-bio .hero .eyebrow {
  color: var(--cream) !important;
}

.mb-bio .hero-heading-row {
  display: block;
  max-width: 1100px;
}

.mb-bio .hero-title {
  max-width: 980px;
  margin: 0;
  color: var(--cream) !important;
  font-size: clamp(3rem, 6.2vw, 6.7rem);
  font-weight: 900 !important;
  line-height: .88;
  letter-spacing: -.074em;
}

.mb-bio .hero-title em {
  display: block;
  margin-top: 14px;
  color: var(--sand) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
}


.mb-bio .hero-lower-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .36fr);
  gap: 64px;
  align-items: end;
  margin-top: 52px;
  padding-top: 34px;
  border-top: 1px solid rgba(245,244,239,.2);
}

.mb-bio .hero-intro {
  max-width: 760px;
}

.mb-bio .hero-lead {
  margin: 0;
  color: rgba(245,244,239,.82) !important;
  font-size: clamp(1.02rem, 1.35vw, 1.18rem);
  line-height: 1.62;
}

.mb-bio .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.mb-bio .button--outline-light {
  color: var(--cream) !important;
  background: rgba(255,255,255,.035);
  border-color: rgba(245,244,239,.48);
}

.mb-bio .hero-signature {
  display: grid;
  justify-items: start;
  gap: 2px;
}

.mb-bio .hero-signature span {
  margin-bottom: 10px;
  color: rgba(245,244,239,.52) !important;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mb-bio .hero-signature strong {
  color: var(--cream) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 2.4vw, 2.35rem);
  font-style: italic;
  font-weight: 500;
  line-height: 1.05;
}


/* Quote section */
.mb-bio .quote-section .container { max-width:980px; text-align:center; }
.mb-bio .quote-box { padding:34px 28px; background:#fff; border:1px solid var(--line); border-radius:28px; box-shadow:0 16px 45px rgba(0,0,0,.04); }
.mb-bio .quote-box h2 { margin:0; color:var(--ink) !important; font-size:clamp(2rem,4vw,3.4rem); line-height:1; letter-spacing:-.05em; }
.mb-bio .quote-box p { margin:16px auto 0; max-width:760px; color:var(--earth) !important; font-size:1.08rem; }

/* Story */
.mb-bio .story-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:64px; align-items:start; }
.mb-bio .story-photo-wrap { position:relative; }
.mb-bio .story-photo { min-height:560px; overflow:hidden; background:var(--sand); border-radius:32px; }
.mb-bio .story-photo img { width:100%; height:100%; min-height:560px; object-fit:cover; object-position:center 25%; }
.mb-bio .story-badge {
  position:absolute; top:18px; right:18px; z-index:3; padding:12px 16px; color:var(--ink);
  background:rgba(245,244,239,.95); border-radius:16px; box-shadow:var(--shadow); font-size:.92rem; font-weight:850;
}
.mb-bio .story-copy p + p { margin-top:14px; }

/* Services */
.mb-bio .service-thesis { max-width:940px; margin:0 auto 42px; text-align:center; }
.mb-bio .service-thesis h2 { margin:0; color:var(--ink) !important; font-size:clamp(2.2rem,4.5vw,4.2rem); line-height:.98; letter-spacing:-.05em; }
.mb-bio .service-thesis p { margin:16px auto 0; max-width:800px; color:var(--earth) !important; font-size:1.12rem; }
.mb-bio .service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mb-bio .service-card { min-height:330px; padding:30px; background:#fff; border:1px solid var(--line); border-radius:28px; }
.mb-bio .service-card:nth-child(2) { background:var(--green); }
.mb-bio .service-card:nth-child(2) h3, .mb-bio .service-card:nth-child(2) p, .mb-bio .service-card:nth-child(2) li, .mb-bio .service-card:nth-child(2) .service-index { color:var(--cream) !important; }
.mb-bio .service-index { display:inline-grid; place-items:center; width:52px; height:52px; border:1px solid currentColor; border-radius:50%; opacity:.68; font-weight:900; }
.mb-bio .service-card h3 { margin:26px 0 12px; color:var(--ink) !important; font-size:clamp(1.8rem,3vw,2.5rem); line-height:.98; letter-spacing:-.04em; }
.mb-bio .service-card p { margin:0; color:var(--earth) !important; }
.mb-bio .service-list { display:grid; gap:8px; margin:18px 0 0; padding:0; list-style:none; }
.mb-bio .service-list li { display:flex; gap:10px; color:var(--ink) !important; }
.mb-bio .service-list li::before { content:"↗"; color:var(--terracotta); }
.mb-bio .service-list__unavailable { align-items:center; }
.mb-bio .service-list__unavailable strong { color:inherit; }
.mb-bio .availability-sticker {
  display:inline-flex; align-items:center; padding:5px 10px; color:#fff !important; background:var(--terracotta); border-radius:999px;
  box-shadow:0 7px 16px rgba(196,86,42,.22); font-size:.68rem; font-weight:900; letter-spacing:.07em; line-height:1; text-transform:uppercase; transform:rotate(-6deg);
}

/* Work with me */
.mb-bio .work-box { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; margin-top:40px; }
.mb-bio .work-item { padding:28px; border-radius:26px; border:1px solid rgba(245,244,239,.16); background:rgba(245,244,239,.06); }
.mb-bio .work-item h3 { margin:0 0 10px; color:var(--cream) !important; font-size:1.5rem; line-height:1.05; }
.mb-bio .work-item p { margin:0; color:rgba(245,244,239,.76) !important; }

/* CTA */
.mb-bio .cta-box { display:flex; align-items:center; justify-content:space-between; gap:34px; padding:48px; color:var(--cream); background:var(--green); border-radius:30px; }
.mb-bio .cta-box > div { max-width:760px; }
.mb-bio .cta-box .eyebrow { color:var(--cream) !important; }
.mb-bio .cta-box h2 { margin:0; color:var(--cream) !important; font-size:clamp(2.4rem,5vw,4.8rem); line-height:.96; letter-spacing:-.055em; }
.mb-bio .cta-box h2 em { color:var(--sand) !important; font-family:Georgia, "Times New Roman", serif; font-weight:500; }
.mb-bio .cta-box p:not(.eyebrow) { margin:18px 0 0; color:rgba(245,244,239,.72) !important; }

.mb-zite-popup-mount { position:fixed !important; top:-9999px !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; }

@media (max-width:1080px) {
  .mb-bio .hero-lower-row { gap: 38px; }
}

@media (max-width:980px) {
  .mb-bio .hero-lower-row,
  .mb-bio .story-grid,
  .mb-bio .service-grid,
  .mb-bio .work-box { grid-template-columns:1fr; }


  .mb-bio .hero-signature {
    display: none;
  }


  .mb-bio .section { padding:82px 0; }
  .mb-bio .story-photo, .mb-bio .story-photo img { min-height:430px; }
  .mb-bio .cta-box { flex-direction:column; align-items:flex-start; }
}

@media (max-width:640px) {
  .mb-bio .container { width:min(calc(100% - 26px), var(--max)); }
  .mb-bio .hero-editorial { padding: 48px 0 54px; }
  .mb-bio .hero-title { font-size:clamp(2.55rem,12vw,4rem); }
  .mb-bio .hero-lower-row { margin-top: 34px; padding-top: 26px; }
  .mb-bio .hero-actions { display:grid; }
  .mb-bio .hero-actions .button { width:100%; }
  .mb-bio .story-badge { top:16px; right:16px; font-size:.84rem; }
  .mb-bio .cta-box { padding:30px; }
}/* End custom CSS */