:root{
  --paper:#fffdf9;--cream:#f9f1df;--blue:#cfe3ee;--blue2:#e9f4f8;
  --sage:#dce7d5;--peach:#f4c9ba;--peach2:#fdebe4;--ink:#20201f;--white:#fff;
  --shadow:0 24px 80px rgba(42,46,48,.09);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}.site-header{height:100px;padding:14px 4.5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:50;background:rgba(255,253,249,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(32,32,31,.07)}
.brand{width:188px;height:72px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;filter:none}
nav{display:flex;gap:30px;font-size:13px}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--ink);transition:.3s}nav a:hover:after{width:100%}
.pill{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;background:var(--white);border:1px solid rgba(32,32,31,.14);box-shadow:0 8px 30px rgba(32,32,31,.06);font-size:13px;font-weight:600;transition:.3s}
.pill:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(32,32,31,.11)}.pill-small{padding:11px 17px;background:var(--blue2)}.pill.dark{background:var(--ink);color:white;border-color:var(--ink)}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:4px}
.hero{min-height:calc(100vh - 100px);position:relative;padding:8vh 5vw 6vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4vw;overflow:hidden}
.hero-copy{position:relative;z-index:5;max-width:780px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:600;margin:0 0 20px}
h1,h2,h3,p{margin-top:0}.hero h1,.mediation-hero h1{font-family:"Playfair Display",serif;font-size:clamp(58px,6.7vw,118px);line-height:.9;letter-spacing:-.045em;font-weight:500;margin:0 0 34px}
em{font-weight:500}.hero-intro,.lead{font-size:17px;line-height:1.65;max-width:620px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:32px}
.hero-photo{height:72vh;min-height:560px;position:relative;z-index:4}.photo-window{height:100%;overflow:hidden;border-radius:260px 260px 28px 28px;background:var(--cream);box-shadow:var(--shadow)}
.photo-window img{width:205%;height:100%;object-fit:cover;object-position:100% 50%;transform:translateX(-50%)}.photo-tag{position:absolute;left:-52px;bottom:42px;background:white;padding:18px 22px;border-radius:18px;box-shadow:var(--shadow);font-size:12px;line-height:1.6}
.hero-blob{position:absolute;border-radius:50%;filter:blur(.2px)}.blob-blue{width:42vw;height:42vw;background:var(--blue);right:-8vw;top:-12vw}.blob-peach{width:20vw;height:20vw;background:var(--peach);left:42vw;bottom:-10vw}
.hero-line{position:absolute;width:64vw;height:54vw;fill:none;stroke:rgba(32,32,31,.34);stroke-width:1.1;pointer-events:none}.line-a{right:-12vw;top:0}.line-b{left:-18vw;bottom:-25vw;stroke:rgba(143,112,98,.38)}
.scroll-note{position:absolute;left:5vw;bottom:22px;font-size:9px;letter-spacing:.2em}.scroll-note span{font-size:16px}
.statement{padding:8vw 7vw;background:linear-gradient(135deg,var(--blue2),var(--paper) 58%,var(--peach2))}.statement-card{background:white;max-width:1150px;margin:auto;padding:6vw;border-radius:var(--radius);box-shadow:var(--shadow);position:relative}
.section-no{font-size:11px;letter-spacing:.16em}.kicker{margin-top:55px;font-size:13px}.statement h2,.section-head h2,.mediation-copy h2,.about h2,.podcast h2,.role-copy h2,.win-copy h2,.mediation-cta h2{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,78px);line-height:1;letter-spacing:-.035em;font-weight:500}.statement h2{max-width:930px}.statement-card>p:last-child{max-width:700px;line-height:1.7}
.services,.method,.about,.consultation{padding:10vw 6vw}.section-head{display:grid;grid-template-columns:80px 1fr;column-gap:20px;max-width:1200px}.section-head .eyebrow{grid-column:2}.section-head h2{grid-column:2}.service-list{margin:5vw 0 0 auto;max-width:1150px}
.service-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:24px;padding:30px 0;border-top:1px solid rgba(32,32,31,.18);align-items:start}.service-row span{font-size:11px}.service-row h3{font-family:"Playfair Display",serif;font-size:27px;font-weight:500}.service-row p{line-height:1.6;font-size:14px}
.method{background:var(--cream);position:relative;overflow:hidden}.method-ring{position:absolute;right:-16vw;top:5vw;width:50vw;fill:none;stroke:rgba(32,32,31,.15);stroke-width:1}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1180px;margin:5vw auto 0;position:relative;z-index:2}.method-card{padding:38px;border-radius:24px;min-height:280px}.white-card{background:white;box-shadow:var(--shadow)}.pastel-card{background:var(--blue)}.green-card{background:var(--sage)}.method-card.wide{grid-column:1/-1;min-height:auto}.method-card strong{font-size:11px}.method-card h3{font-family:"Playfair Display",serif;font-size:32px;margin-top:55px}.method-card p{line-height:1.65;max-width:520px}.scope-note{max-width:900px;margin:28px auto 0;font-size:11px;opacity:.65}
.mediation-feature{padding:9vw 6vw;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;background:var(--blue2)}.mediation-copy p{line-height:1.7;max-width:680px}.meeting-visual{height:520px;position:relative}.circle{width:330px;height:330px;border:1.5px solid var(--ink);border-radius:50%;position:absolute;top:80px}.circle-one{left:30px;background:rgba(244,201,186,.62)}.circle-two{right:30px;background:rgba(220,231,213,.68)}.meeting-point{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:"Playfair Display",serif;font-size:23px;z-index:2}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center}.about-photo{height:650px;overflow:hidden;border-radius:30px;background:var(--peach2)}.about-photo img{width:200%;height:100%;object-fit:cover;object-position:0 50%}.about-copy p{line-height:1.7;max-width:650px}
.podcast{min-height:75vh;background:var(--ink);color:white;padding:9vw 8vw;position:relative;overflow:hidden;display:flex;align-items:center}.podcast-inner{max-width:900px;position:relative;z-index:2}.podcast h2{font-size:clamp(50px,6vw,95px)}.podcast-inner>p:not(.eyebrow){max-width:650px;line-height:1.7}.podcast-orbit{position:absolute;width:65vw;height:65vw;border:1px solid rgba(207,227,238,.4);border-radius:50%;right:-22vw;top:-25vw;box-shadow:0 0 0 8vw rgba(244,201,186,.04),0 0 0 16vw rgba(220,231,213,.03)}.coming{margin-top:48px;font-size:11px;letter-spacing:.18em}.coming span{margin-left:14px}
.consultation{background:linear-gradient(130deg,var(--sage),var(--paper) 70%)}.consult-card{background:white;box-shadow:var(--shadow);border-radius:30px;padding:5vw;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end;max-width:1200px;margin:auto}.consult-card h2{font-family:"Playfair Display",serif;font-size:clamp(65px,9vw,140px);line-height:.8;margin:35px 0}.consult-card p{max-width:540px;line-height:1.6}.consult-card small{font-size:11px;line-height:1.6}.price{font-family:"Playfair Display",serif;font-size:42px;align-self:center}.price span{font-family:"DM Sans";font-size:11px}.consult-card .pill{grid-column:2}
.final-cta{padding:11vw 6vw;background:var(--peach2)}.final-cta h2{font-family:"Playfair Display",serif;font-size:clamp(90px,15vw,240px);line-height:.8;letter-spacing:-.06em}.final-actions{display:flex;align-items:center;gap:30px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:80;background:var(--ink);color:white;padding:14px 17px;border-radius:999px;display:flex;gap:10px;font-size:12px;box-shadow:0 14px 40px rgba(0,0,0,.18)}footer{padding:28px 5vw;display:flex;justify-content:space-between;font-size:11px;border-top:1px solid rgba(32,32,31,.12)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
.cursor-orb{position:fixed;width:16px;height:16px;border:1px solid rgba(32,32,31,.45);border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);transition:width .2s,height .2s}
.mediation-hero{min-height:82vh;padding:11vw 7vw 8vw;position:relative;overflow:hidden;background:linear-gradient(140deg,var(--paper),var(--blue2))}.mediation-hero>*:not(.big-orbit){position:relative;z-index:2}.mediation-hero .lead{max-width:720px;margin-left:30vw}.big-orbit{position:absolute;border:1px solid rgba(32,32,31,.18);border-radius:50%}.orbit-left{width:55vw;height:55vw;left:-20vw;bottom:-35vw;background:rgba(244,201,186,.2)}.orbit-right{width:45vw;height:45vw;right:-16vw;top:-12vw;background:rgba(220,231,213,.28)}
.two-sides{padding:8vw 6vw;display:grid;grid-template-columns:1fr 1fr;gap:25px;position:relative}.side-card{padding:5vw;border-radius:30px;min-height:420px}.side-card.blue{background:var(--blue)}.side-card.peach{background:var(--peach)}.side-card span{font-size:11px;letter-spacing:.15em}.side-card h2{font-family:"Playfair Display";font-size:45px;margin-top:90px}.side-card p{max-width:420px;line-height:1.7}.bridge{position:absolute;background:white;box-shadow:var(--shadow);border-radius:999px;padding:26px 34px;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:11px;letter-spacing:.08em}.bridge em{font-family:"Playfair Display";font-size:18px;letter-spacing:0}
.role-section{padding:9vw 6vw;background:var(--cream)}.role-copy{max-width:900px}.role-points{max-width:1100px;margin:6vw 0 0 auto}.role-points article{display:grid;grid-template-columns:70px 1fr 1fr;gap:20px;padding:28px 0;border-top:1px solid rgba(32,32,31,.16)}.role-points b{font-size:11px}.role-points h3{font-family:"Playfair Display";font-size:27px}.role-points p{line-height:1.6;font-size:14px}
.win-section{padding:8vw 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.meeting-visual.large{height:600px}.meeting-visual.large .circle{width:410px;height:410px}.win-copy p{line-height:1.7}.mediation-cta{padding:10vw 7vw;background:var(--sage)}.mediation-cta h2{max-width:1000px}
@media(max-width:900px){
  .site-header nav{display:none}.brand{width:150px}.hero{grid-template-columns:1fr;padding-top:6vh}.hero h1{font-size:58px}.hero-photo{height:56vh;min-height:430px}.photo-tag{left:12px}.hero-line{width:100vw;height:90vw}
  .service-row,.role-points article{grid-template-columns:45px 1fr}.service-row p,.role-points p{grid-column:2}.method-grid{grid-template-columns:1fr}.method-card.wide{grid-column:auto}
  .mediation-feature,.about,.win-section{grid-template-columns:1fr}.meeting-visual{height:420px}.circle{width:250px;height:250px}.about-photo{height:500px}
  .consult-card{grid-template-columns:1fr}.consult-card .pill{grid-column:auto}.price{font-size:36px}.final-actions{flex-direction:column;align-items:flex-start}
  .two-sides{grid-template-columns:1fr}.bridge{position:relative;left:auto;top:auto;transform:none;justify-self:center;margin:-10px 0}.mediation-hero .lead{margin-left:0}.meeting-visual.large .circle{width:270px;height:270px}
}
@media(max-width:560px){
  .site-header{height:82px;padding:10px 18px}.pill-small{display:none}.brand{height:60px}.hero{padding:50px 20px}.hero h1{font-size:48px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-photo{min-height:400px}.photo-window img{width:220%}
  .statement,.services,.method,.about,.consultation,.mediation-feature,.podcast,.final-cta,.role-section,.win-section,.mediation-cta,.two-sides{padding:80px 20px}.statement-card{padding:36px 24px}.section-head{grid-template-columns:1fr}.section-head>*{grid-column:1!important}.section-head .section-no{margin-bottom:30px}
  .statement h2,.section-head h2,.mediation-copy h2,.about h2,.podcast h2,.role-copy h2,.win-copy h2,.mediation-cta h2{font-size:42px}.service-row{grid-template-columns:35px 1fr}.method-card{padding:28px}.circle{width:220px;height:220px}.circle-one{left:-10px}.circle-two{right:-10px}
  .consult-card{padding:35px 24px}.consult-card h2{font-size:72px}.final-cta h2{font-size:90px}.whatsapp-float span{display:none}
  footer{flex-direction:column;gap:10px}.mediation-hero{padding:100px 20px 70px}.mediation-hero h1{font-size:50px}.side-card{padding:36px 25px}.side-card h2{font-size:36px;margin-top:55px}
}.podcast-note{opacity:.72;font-size:14px}.contact-teaser{padding:10vw 6vw;background:linear-gradient(135deg,var(--peach2),var(--paper) 55%,var(--blue2))}.contact-teaser h2{font-family:"Playfair Display",serif;font-size:clamp(45px,6vw,90px);line-height:.98;letter-spacing:-.04em;max-width:1050px;font-weight:500}
.contact-hero{min-height:68vh;padding:8vw 6vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:linear-gradient(135deg,var(--peach2),var(--paper));overflow:hidden}.contact-intro h1{font-family:"Playfair Display",serif;font-size:clamp(90px,14vw,220px);line-height:.8;letter-spacing:-.06em;font-weight:500;margin:20px 0 45px}.contact-intro>p{max-width:600px;line-height:1.7}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:35px}.contact-line{border-bottom:1px solid var(--ink);padding:8px 0}.contact-line small{margin-left:10px;opacity:.5}.contact-shape{height:500px;position:relative}.contact-shape span{position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(32,32,31,.3)}.contact-shape span:first-child{background:rgba(207,227,238,.65);left:10%;top:10%}.contact-shape span:last-child{background:rgba(220,231,213,.6);right:5%;bottom:0}.contact-consultation{padding-top:7vw}
@media(max-width:900px){.contact-hero{grid-template-columns:1fr}.contact-shape{height:320px}.contact-shape span{width:240px;height:240px}}@media(max-width:560px){.contact-hero,.contact-teaser{padding:75px 20px}.contact-intro h1{font-size:84px}.contact-shape{height:260px}.contact-shape span{width:200px;height:200px}}
/* V5 — portrait framing, positive commercial language, dynamic podcast */
.photo-window img{object-position:100% 0!important;transform:translateX(-50%)!important;transition:transform .6s ease}
.about-photo img{object-position:0 0!important;transform:none!important;transition:transform .6s ease}
@media(min-width:901px){.photo-window:hover img{transform:translate(-50%,10px)!important}.about-photo:hover img{transform:translateY(10px)!important}}
.podcast{min-height:82vh;background:linear-gradient(135deg,#eaf5fa 0%,#fffdf9 42%,#fde8df 100%);color:var(--ink);padding:8vw;position:relative;overflow:hidden;display:block}
.podcast:before{content:"";position:absolute;width:46vw;height:46vw;border-radius:50%;background:rgba(220,231,213,.72);right:-12vw;top:-18vw;filter:blur(.2px)}
.podcast:after{content:"";position:absolute;width:24vw;height:24vw;border-radius:50%;background:rgba(244,201,186,.65);left:-8vw;bottom:-12vw}
.podcast-orbit{width:68vw;height:68vw;border:1px solid rgba(32,32,31,.22);right:-22vw;top:-26vw;box-shadow:0 0 0 8vw rgba(207,227,238,.18),0 0 0 16vw rgba(255,255,255,.16);animation:orbitFloat 9s ease-in-out infinite alternate}
.podcast-inner{max-width:1250px;margin:auto}.podcast-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center}.podcast h2{font-size:clamp(70px,9vw,150px);line-height:.82;margin:25px 0 45px}.podcast-copy>p{max-width:720px;font-size:17px;line-height:1.7}.podcast-note{opacity:.68!important;font-size:14px!important}.coming{font-weight:600}.podcast-mic{height:520px;position:relative;display:grid;place-items:center}.mic-capsule{width:150px;height:250px;border:2px solid var(--ink);border-radius:90px;background:rgba(255,255,255,.72);position:relative;z-index:2;box-shadow:0 25px 60px rgba(32,32,31,.08)}.mic-slots,.mic-slots:before,.mic-slots:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:70px;height:2px;background:var(--ink);top:82px;box-shadow:0 18px 0 var(--ink),0 36px 0 var(--ink),0 54px 0 var(--ink),0 72px 0 var(--ink)}.mic-stem{position:absolute;width:2px;height:100px;background:var(--ink);top:350px}.mic-base{position:absolute;width:150px;height:2px;background:var(--ink);top:450px}.sound{position:absolute;border:1px solid rgba(32,32,31,.35);border-radius:50%;animation:pulseSound 3.6s ease-in-out infinite}.sound-1{width:250px;height:250px}.sound-2{width:350px;height:350px;animation-delay:.5s}.sound-3{width:460px;height:460px;animation-delay:1s}
@keyframes pulseSound{0%,100%{transform:scale(.96);opacity:.25}50%{transform:scale(1.04);opacity:.7}}@keyframes orbitFloat{from{transform:translateY(-12px) rotate(-3deg)}to{transform:translateY(18px) rotate(4deg)}}
@media(max-width:900px){.podcast-layout{grid-template-columns:1fr}.podcast-mic{height:390px}.sound-3{width:360px;height:360px}.photo-window img{object-position:100% 0!important}.about-photo img{object-position:0 0!important}}
@media(max-width:560px){.podcast{padding:80px 20px}.podcast h2{font-size:72px}.podcast-mic{height:330px}.mic-capsule{width:115px;height:195px}.mic-stem{top:260px;height:65px}.mic-base{top:325px;width:120px}.sound-1{width:190px;height:190px}.sound-2{width:250px;height:250px}.sound-3{width:310px;height:310px}}


/* ===== V6 refinements ===== */

/* Portraits: protect faces. The top of the photograph stays fixed; movement is limited to the lower crop. */
.hero img,
.hero-photo img,
.about img,
.about-photo img,
.portrait img,
[class*="photo"] img {
  object-position: 50% 0% !important;
}
.hero-photo,
.about-photo {
  overflow: hidden;
}
.hero-photo img,
.about-photo img {
  transform-origin: 50% 0% !important;
}

/* "Cómo trabajo": the last step is the culmination, centered rather than an oversized empty card. */
.final-materialization,
.work-grid > *:has(.final-step-title),
.process-grid > *:has(.final-step-title),
.how-grid > *:has(.final-step-title) {
  grid-column: 1 / -1 !important;
  width: min(820px, 100%) !important;
  justify-self: center !important;
  text-align: center !important;
  min-height: auto !important;
  padding: clamp(44px, 6vw, 76px) !important;
}
.final-step-title {
  text-align: center;
}

/* Mediation: remove the floating white overlap that covered both concepts. */
.bridge-pill,
.between-card,
.union-pill,
.floating-bridge,
.position-interest-bridge {
  display: none !important;
}

/* Podcast V6 */
.podcast-v6 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(35px, 6vw, 95px);
  align-items: center;
  padding: clamp(75px, 9vw, 145px) 6vw;
  background:
    radial-gradient(circle at 9% 18%, rgba(247,198,181,.58) 0 12%, transparent 12.5%),
    radial-gradient(circle at 87% 18%, rgba(202,224,239,.70) 0 17%, transparent 17.5%),
    linear-gradient(135deg, #fffaf5 0%, #f8f3e9 47%, #f1f8f5 100%);
}
.podcast-v6-bg {
  position: absolute;
  border: 1px solid rgba(31,31,29,.16);
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}
.podcast-v6-bg-a {
  width: 440px; height: 440px; left: -180px; bottom: -210px;
  animation: podcastOrbit 13s ease-in-out infinite alternate;
}
.podcast-v6-bg-b {
  width: 620px; height: 620px; right: -260px; top: -270px;
  animation: podcastOrbit 16s ease-in-out infinite alternate-reverse;
}
@keyframes podcastOrbit {
  from { transform: translate3d(-10px, 4px, 0) rotate(-4deg); }
  to   { transform: translate3d(24px, -18px, 0) rotate(7deg); }
}
.podcast-v6-copy { position: relative; z-index: 2; }
.podcast-v6-copy h2 {
  margin: 12px 0 30px;
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: clamp(64px, 8vw, 126px);
  line-height: .86;
  letter-spacing: -.055em;
}
.podcast-v6-copy h2 em { font-weight: 500; }
.podcast-lead {
  max-width: 660px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.65;
}
.podcast-hosts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 42px 0 34px;
}
.podcast-hosts > div {
  padding: 24px;
  border-radius: 26px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(31,31,29,.09);
  backdrop-filter: blur(8px);
}
.podcast-hosts strong,
.podcast-hosts span,
.podcast-hosts small { display:block; }
.podcast-hosts strong {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  margin-bottom: 9px;
}
.podcast-hosts span { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.podcast-hosts small { margin-top: 8px; line-height: 1.45; opacity: .66; }

.podcast-coming {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 12px 20px 12px 12px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(56,44,34,.08);
  font-size: 12px;
  letter-spacing: .18em;
}
.mic-mini {
  display: grid;
  place-items: center;
  width: 48px; height: 48px;
  border-radius: 50%;
  background: #f6c9b8;
}
.mic-mini svg {
  width: 23px; height: 31px;
  fill: none;
  stroke: #1f1f1d;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: micFloat 2.8s ease-in-out infinite;
}
@keyframes micFloat {
  0%,100% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-3px) rotate(2deg); }
}
.podcast-v6-visual {
  position: relative;
}
.podcast-v6-visual::before {
  content:"";
  position:absolute;
  inset:-18px 30px 22px -18px;
  border-radius: 48% 52% 46% 54% / 54% 42% 58% 46%;
  background: rgba(202,224,239,.55);
  z-index:-1;
  transform: rotate(-2deg);
}
.podcast-v6-visual img {
  display:block;
  width:100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
  border-radius: 34px;
  box-shadow: 0 30px 80px rgba(54,45,36,.12);
}

@media (max-width: 900px) {
  .podcast-v6 { grid-template-columns: 1fr; }
  .podcast-v6-visual { order: -1; }
}
@media (max-width: 620px) {
  .podcast-hosts { grid-template-columns: 1fr; }
  .podcast-v6 { padding-left: 20px; padding-right: 20px; }
  .podcast-v6-copy h2 { font-size: 68px; }
}


/* ===== V6.1 precision fixes ===== */

/* Hero credential card: always fully visible, never clipped behind the photo/frame. */
.hero,
.hero-visual,
.hero-photo {
  overflow: visible !important;
}
.hero-credentials,
.credentials-card,
.hero-card,
.profile-card {
  position: absolute !important;
  z-index: 20 !important;
  left: clamp(18px, 3.5vw, 58px) !important;
  bottom: clamp(24px, 4vw, 62px) !important;
  width: max-content !important;
  max-width: min(430px, calc(100vw - 36px)) !important;
  box-sizing: border-box !important;
}

/* Final step: all content centered as the visual culmination of the process. */
.final-materialization,
.work-grid > *:has(.final-step-title),
.process-grid > *:has(.final-step-title),
.how-grid > *:has(.final-step-title) {
  text-align: center !important;
}
.final-materialization p,
.work-grid > *:has(.final-step-title) p,
.process-grid > *:has(.final-step-title) p,
.how-grid > *:has(.final-step-title) p {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 850px !important;
  text-align: center !important;
}

/* Podcast: the image is now the visual protagonist; no duplicated text inside a small card. */
.podcast-v6 {
  grid-template-columns: .78fr 1.22fr !important;
}
.podcast-v6-visual img {
  width: min(100%, 980px) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  border-radius: 38px !important;
  transform: scale(1.06);
}
.podcast-v6-visual::before {
  inset: -28px 10px 8px -25px !important;
}
.instagram-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 900px) {
  .hero-credentials,
  .credentials-card,
  .hero-card,
  .profile-card {
    left: 18px !important;
    bottom: 20px !important;
    max-width: calc(100% - 36px) !important;
  }
  .podcast-v6-visual img { transform: none; }
}


/* ===== V7 final layout corrections ===== */

/* HERO: credential card belongs fully inside the visible photo composition.
   No negative left offset and no clipping. */
.hero-photo {
  overflow: visible !important;
}
.photo-tag {
  z-index: 30 !important;
  left: 22px !important;
  bottom: 34px !important;
  width: max-content !important;
  max-width: calc(100% - 44px) !important;
  padding: 18px 22px !important;
  box-sizing: border-box !important;
  white-space: normal !important;
}

/* Step 05: title AND supporting copy centered as the culmination. */
.method-card.wide {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: clamp(48px, 6vw, 82px) !important;
}
.method-card.wide strong {
  align-self: flex-start !important;
}
.method-card.wide .final-step-title {
  width: 100% !important;
  margin: 38px auto 26px !important;
  text-align: center !important;
}
.method-card.wide p {
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Podcast V7: the visual shows only the presenters, large and clean.
   The explanatory copy remains live HTML on the left, avoiding duplicated text. */
.podcast-v6 {
  grid-template-columns: .78fr 1.22fr !important;
  gap: clamp(42px, 6vw, 92px) !important;
}
.podcast-v6-visual {
  min-width: 0;
}
.podcast-v6-visual img {
  width: 112% !important;
  max-width: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: translateX(-4%) !important;
  border-radius: 34px !important;
}
.podcast-v6-visual::before {
  inset: -26px -3% 18px -8% !important;
}

/* Instagram */
.instagram-link {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .photo-tag {
    left: 16px !important;
    bottom: 20px !important;
    max-width: calc(100% - 32px) !important;
  }
  .podcast-v6-visual img {
    width: 100% !important;
    transform: none !important;
  }
}


/* ===== V8 · Más cerca de Ti ===== */

/* Avoid the visual collision between the i-dot and adjacent typography. */
.podcast-v6-copy h2 {
  letter-spacing: -0.045em !important;
}
.podcast-v6-copy h2 .podcast-de {
  display: inline-block;
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.015em;
  margin-left: .08em;
  margin-right: .05em;
}
.podcast-v6-copy h2 .podcast-ti {
  display: inline-block;
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  margin-left: .02em;
}

/* The supplied transparent hosts image is now the only podcast visual. */
.podcast-v6-visual {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  min-height: 560px;
}
.podcast-v6-visual::before {
  display: none !important;
}
.podcast-v6-visual img {
  width: 125% !important;
  max-width: none !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateX(-5%) !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 28px 34px rgba(56,44,34,.10));
}

@media (max-width: 900px) {
  .podcast-v6-visual {
    min-height: 0;
  }
  .podcast-v6-visual img {
    width: 108% !important;
    transform: translateX(-4%) !important;
  }
}


/* =========================================================
   V9 · PODCAST — translated directly from approved mockup
   ========================================================= */
.podcast-mockup{
  position:relative;
  min-height:clamp(680px, 58vw, 900px);
  overflow:hidden;
  background:#fbf7ef;
  isolation:isolate;
  display:grid;
  grid-template-columns: 1.05fr 1.05fr .9fr;
  align-items:stretch;
  padding:0;
}
.podcast-shape{position:absolute;z-index:-3;border-radius:50%;pointer-events:none}
.shape-peach-a{width:380px;height:380px;left:-150px;bottom:20px;background:#f4c9bb}
.shape-blue{width:560px;height:560px;left:39%;top:-180px;background:#cfe1eb}
.shape-peach-b{width:440px;height:440px;right:-160px;bottom:-190px;background:#f6d8c7}
.podcast-flow-line{
  position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none
}
.podcast-flow-line path{fill:none;stroke:#efa991;stroke-width:2.2}

.podcast-profile{
  position:absolute;z-index:5;color:#222;
}
.podcast-profile h3{
  font-family:"Playfair Display",serif;
  font-size:clamp(24px,2.1vw,37px);
  line-height:.98;
  font-weight:500;
  margin:0 0 18px;
}
.podcast-profile .mini-rule{
  display:block;width:58px;height:1px;background:#8fa995;margin-bottom:18px
}
.podcast-profile strong{
  display:block;font-size:clamp(11px,.82vw,15px);
  letter-spacing:.28em;margin-bottom:15px
}
.podcast-profile p{
  margin:0;font-size:clamp(14px,1.05vw,19px);line-height:1.5
}
.profile-catalina{left:4.2%;top:11%}
.profile-camila{left:54.7%;top:11%}

.podcast-host-cutout{
  position:absolute;
  left:-2%;
  bottom:-1%;
  width:72%;
  height:88%;
  z-index:2;
  display:flex;
  align-items:flex-end;
}
.podcast-host-cutout img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left bottom;
  filter:drop-shadow(0 18px 24px rgba(60,42,30,.05));
}

.podcast-brand-panel{
  position:absolute;
  z-index:6;
  right:3.8%;
  top:8%;
  width:min(28%, 470px);
  min-height:82%;
  padding:clamp(38px,4vw,68px) clamp(28px,3vw,52px);
  border-radius:48% 48% 8% 8% / 22% 22% 8% 8%;
  background:rgba(255,251,244,.92);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.podcast-brand-panel .eyebrow{
  margin:0 0 22px;
  letter-spacing:.34em;
}
.podcast-brand-panel h2{
  display:grid;
  grid-template-columns:auto auto;
  width:max-content;
  max-width:100%;
  margin:0 0 28px;
  font-family:"Playfair Display",serif;
  font-weight:600;
  font-size:clamp(64px,6.6vw,116px);
  line-height:.72;
  letter-spacing:-.075em;
}
.podcast-brand-panel h2 span:nth-child(1){grid-column:1 / 3}
.podcast-brand-panel h2 span:nth-child(2){grid-column:1 / 3}
.podcast-brand-panel h2 em{
  grid-column:1;
  font-weight:500;
  color:#9caf9c;
  font-style:italic;
  letter-spacing:-.06em;
  margin-right:.04em;
}
.podcast-brand-panel h2 span:nth-child(4){
  grid-column:2;
  align-self:end;
  letter-spacing:-.055em;
}
.podcast-description{
  font-size:clamp(14px,1.08vw,18px);
  line-height:1.55;
  max-width:390px;
  margin:0 0 30px;
}
.podcast-coming-v9{
  width:100%;
  box-sizing:border-box;
  padding:18px 25px;
  border-radius:999px;
  background:#f6cabc;
  font-size:12px;
  letter-spacing:.25em;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.podcast-coming-v9 span{font-size:24px;letter-spacing:0}

@media(max-width:1000px){
  .podcast-mockup{
    min-height:auto;
    display:flex;
    flex-direction:column;
    padding:60px 24px 0;
  }
  .podcast-profile{
    position:relative;left:auto;top:auto;
    width:48%;
  }
  .profile-camila{align-self:flex-end;margin-top:-120px}
  .podcast-host-cutout{
    position:relative;left:-8%;bottom:auto;width:116%;height:auto;margin-top:20px;
  }
  .podcast-host-cutout img{height:auto}
  .podcast-brand-panel{
    position:relative;right:auto;top:auto;width:auto;min-height:0;
    margin:-20px 0 40px;padding:42px 32px;border-radius:42px;
  }
  .podcast-brand-panel h2{font-size:clamp(66px,18vw,104px)}
}
@media(max-width:620px){
  .podcast-profile{width:100%}
  .profile-camila{align-self:auto;margin:34px 0 0}
  .podcast-brand-panel{margin-top:0}
}