/* Read one front at a time while the project headings remain part of the page. */
body[data-foundation] #ecko #frentes-content250 .proy {
  content-visibility:visible;contain:none;contain-intrinsic-size:none;
  overflow-anchor:none;padding-block:26px 30px;
}
#frentes-content250 {overflow-anchor:none}
html.front-positioning252 {overflow-anchor:none!important}
body[data-foundation] #ecko .front-body252[hidden] {display:none!important}
body[data-foundation] #ecko .front-summary252 .loc {margin:0 0 12px}
body[data-foundation] #ecko .front-summary252 h3 {margin:0;line-height:1.3}
.front-summary252 h3 a {display:inline;outline-offset:7px}
.front-summary252 h3 a:hover {color:#bfdf8c}
body[data-foundation] #ecko .proy:not(.is-current252) .front-summary252 h3 {font-size:clamp(21px,2.3vw,31px)}
body[data-foundation] #ecko .proy.is-current252 .front-summary252 {border-left:3px solid #91ca43;padding-left:18px}
body[data-foundation] #ecko .front-reading-hint252 {font-size:12px;color:#b8c8d0;line-height:1.8;margin:0 0 24px}
.front-body252 {padding-top:12px}

/* The left lane shows the bore and live diameter; depth sits inside the right lane. */
body[data-foundation] #ecko .proy .soil-feature.soil-inside252 .soil-section,
.et-diagram-view .soil-feature.soil-spaced250.soil-inside252 .soil-section {
  --tool-x:max(54px,26%);
  height:320px!important;min-height:320px!important;
}
body[data-foundation] #ecko .proy .soil-inside252 .bore-plan,
.et-diagram-view .soil-feature.soil-inside252 .bore-plan {
  width:96px!important;height:84px!important;
  top:var(--depth)!important;left:var(--tool-x)!important;
  margin-left:-48px!important;margin-top:-16px!important;
}
body[data-foundation] #ecko .soil-inside252 .bore-plan svg,
.et-diagram-view .soil-inside252 .bore-plan svg {width:96px!important;height:96px!important}
body[data-foundation] #ecko .proy .soil-inside252 .bore-plan .bore-current,
.et-diagram-view .soil-feature.soil-inside252 .bore-plan .bore-current {
  position:absolute!important;top:39px!important;left:-7px!important;right:-7px!important;bottom:auto!important;
  display:block;width:auto!important;margin:0!important;padding:0!important;
  font:16px/1.5 'IBM Plex Mono',ui-monospace,monospace!important;
  font-variant-numeric:tabular-nums;text-align:center!important;white-space:nowrap;
  color:#a8d443!important;
}
body[data-foundation] #ecko .soil-inside252 .bore-plan::after,
.et-diagram-view .soil-inside252 .bore-plan::after {
  content:'Huella de perforación'!important;display:block!important;
  position:absolute;top:65px;left:-8px;right:-8px;
  font-size:9px;line-height:1.5;white-space:normal;text-align:center;color:#bdc9ce;
}
body[data-foundation] #ecko .proy .soil-feature.soil-inside252 .soil-section > .soil-depth,
.et-diagram-view .soil-feature.soil-spaced250.soil-inside252 .soil-section > .soil-depth {
  position:absolute!important;left:auto!important;right:0!important;bottom:auto!important;
  top:clamp(108px,calc(var(--depth) - 24px),calc(100% - 72px))!important;
  width:44%!important;max-width:none;margin:0!important;padding:0!important;
  display:block;text-align:center!important;font-size:clamp(20px,2.5vw,30px)!important;
  line-height:1.3!important;white-space:nowrap;z-index:5;
}
body[data-foundation] #ecko .soil-inside252 .soil-depth small,
.et-diagram-view .soil-inside252 .soil-depth small {
  display:block;font-size:10px;line-height:1.7;margin-top:7px;color:#d5dfe1;white-space:normal;
}
body[data-foundation] #ecko .soil-feature.soil-inside252 .soil-section > .ground-label,
.et-diagram-view .soil-feature.soil-inside252 .soil-section > .ground-label {
  position:absolute!important;top:8px!important;right:5px!important;left:auto!important;bottom:auto!important;
  margin:0;padding:0;font-size:9px;line-height:1.5;color:#b6d58d;
}
.soil-inside252 .soil-reference250 {justify-content:flex-end;margin:16px 0 24px}
@media(max-width:600px) {
  body[data-foundation] #ecko .proy .soil-feature.soil-inside252 .soil-section > .soil-depth,
  .et-diagram-view .soil-feature.soil-spaced250.soil-inside252 .soil-section > .soil-depth {
    font-size:clamp(20px,5.5vw,27px)!important;
  }
  body[data-foundation] #ecko .proy {padding-inline:18px!important}
  .soil-inside252 .bore-plan::after {font-size:9px}
}