/* Each drawing, measurement and control has its own reserved space. */
body[data-foundation] #ecko .proy .front-layout64 {
  display:grid!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:auto 1fr!important;
  align-items:start!important;
  gap:24px 32px!important;
}
body[data-foundation] #ecko .proy .front-layout64 > .foundation-metrics,
body[data-foundation] #ecko .proy .front-layout64 > .foundation-metrics:has(.stabilizer-circuit,.casing-diagram) {
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  align-self:start!important;
  min-width:0;
}
body[data-foundation] #ecko .proy .front-layout64 > .et-gallery-bar {
  grid-column:2!important;grid-row:1!important;
  width:100%;box-sizing:border-box;
  margin:0!important;padding:0!important;
  align-items:center!important;
  gap:16px!important;flex-wrap:wrap;
}
body[data-foundation] #ecko .proy .front-layout64 > .proy-fotos.gallery-row68 {
  grid-column:2!important;grid-row:2!important;
  align-self:start!important;
  max-height:none!important;
}
body[data-foundation] #ecko .soil-feature.soil-spaced250,
.et-diagram-view .soil-feature.soil-spaced250 {
  min-width:0;box-sizing:border-box;
  padding:24px!important;
  margin:0!important;
  overflow:visible;
}
.soil-spaced250 .soil-heading {display:flex;flex-wrap:wrap;gap:12px 20px;align-items:start}
.soil-spaced250 .soil-heading > span {line-height:1.6}
.soil-spaced250 .soil-classification {gap:10px 16px;line-height:1.65}
.soil-spaced250 .soil-classification b {margin-left:0}
body[data-foundation] #ecko .proy .soil-spaced250 .soil-section,
.et-diagram-view .soil-feature.soil-spaced250 .soil-section {
  --tool-x:max(64px,28%);
  --rig-width241:128px;
  --rig-height241:192px;
  --rig-axis241:24.685714px;
  height:240px!important;
  min-height:0!important;
  margin:calc(var(--rig-height241) + 32px) 0 0!important;
  overflow:visible;
}
body[data-foundation] #ecko .soil-spaced250 .bore-plan,
.et-diagram-view .soil-spaced250 .bore-plan {
  width:112px!important;height:48px!important;
  margin-left:-56px!important;margin-top:-19px!important;
}
.soil-spaced250 .bore-plan svg {width:112px!important;height:112px!important}
.soil-spaced250 .bore-plan::after {content:none!important;display:none!important}
.soil-spaced250 .soil-reference250 {
  display:flex;justify-content:space-between;flex-wrap:wrap;
  gap:8px 20px;margin:14px 0 24px;
}
.soil-spaced250 .soil-reference250 .ground-label,
.soil-spaced250 .soil-reference250 .soil-scale {
  position:static!important;inset:auto!important;
  display:block;font-size:10px;line-height:1.6;
  margin:0;padding:0;color:#b8c8d0;max-width:100%;
}
.soil-spaced250 .soil-measurements250 {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;padding:20px 0;margin:0 0 24px;
  border-block:1px solid #99bd814d;
}
.soil-spaced250 .soil-measurements250 > div {min-width:0;display:flex;flex-direction:column;justify-content:end;gap:8px}
body[data-foundation] #ecko .proy .soil-spaced250 .soil-measurements250 .soil-depth,
.et-diagram-view .soil-feature.soil-spaced250 .soil-measurements250 .soil-depth {
  position:static!important;inset:auto!important;
  display:flex;flex-direction:column;
  width:auto!important;max-width:100%;
  margin:0!important;padding:0!important;
  text-align:left!important;font-size:27px!important;
  line-height:1.3!important;gap:8px;
}
.soil-spaced250 .soil-measurements250 .soil-depth small {order:-1;font-size:10px;line-height:1.6;font-weight:400;color:#b8c8d0;text-transform:none;letter-spacing:0}
.soil-spaced250 .soil-measure-label250 {font-size:10px;line-height:1.6;color:#b8c8d0}
.soil-spaced250 .soil-measurements250 .bore-current {
  position:static!important;inset:auto!important;
  display:block;margin:0!important;padding:0!important;
  width:auto!important;font-size:27px!important;line-height:1.3!important;
  font-family:'Poppins',system-ui,sans-serif;font-weight:700;
  white-space:normal;overflow-wrap:anywhere;text-align:left!important;color:#91ca43;
}
body[data-foundation] #ecko .soil-spaced250 .soil-note,
.et-diagram-view .soil-spaced250 .soil-note {
  margin:20px 0 0!important;line-height:1.75!important;
  font-size:11px!important;max-width:none;
}
body[data-foundation] #ecko .soil-spaced250 .et-diagram-open {margin:24px 0 0 auto!important;max-width:100%!important}
.soil-spaced250 .stabilizer-circuit,.soil-spaced250 .casing-diagram {margin:24px 0!important;min-width:0;max-width:100%}
.soil-spaced250 :is(.stabilizer-circuit,.casing-diagram) svg {display:block;width:100%;height:auto;max-width:100%}
.et-diagram-view .soil-spaced250 {width:100%;max-width:640px!important}
.et-diagram-view .soil-spaced250 .soil-pile {transform:scaleY(1)!important;animation:none!important}
.et-diagram-view .soil-spaced250 .bore-ring {opacity:1!important;animation:none!important}
.et-diagram-view .soil-spaced250 .slurry-hoses {animation:none!important}
.foundation-static250 .soil-spaced250 .soil-pile {transform:scaleY(1)!important;animation:none!important}
.foundation-static250 .soil-spaced250 .bore-ring {opacity:1!important;animation:none!important}

/* Only the diagram that is actually visible can animate. */
.foundation-motion250 .soil-feature:not(.diagram-active250) *,
.foundation-motion250 .soil-feature:not(.diagram-active250) *::before,
.foundation-motion250 .soil-feature:not(.diagram-active250) *::after,
.foundation-background-paused250 .soil-feature *,
.foundation-background-paused250 .soil-feature *::before,
.foundation-background-paused250 .soil-feature *::after {animation-play-state:paused!important}
body[data-foundation].menu-abierto .soil-feature * {animation-play-state:paused!important}
body[data-foundation] .media-suspended250 {visibility:hidden!important}
.foundation-motion250 .soil-feature .slurry-hoses {animation-iteration-count:2}
@supports(content-visibility:auto) {
  body[data-foundation] #ecko .proy {
    content-visibility:auto;
    contain-intrinsic-size:auto 1100px;
  }
}

/* Each trenching project remains closed until deliberately selected. */
#zanjeo .trench-project239 {margin:0 0 16px;padding:0;border:1px solid #99bd814d;background:#142c4266}
#zanjeo .trench-project-disclosure250 > summary {
  display:block!important;list-style:none;padding:22px!important;min-height:0;cursor:pointer;
  translate:none!important;scale:1!important;
}
#zanjeo .trench-project-disclosure250 > summary::-webkit-details-marker {display:none}
#zanjeo .trench-project-disclosure250 > summary::marker {content:''}
#zanjeo .trench-project-heading239 {margin:0;gap:16px;flex-wrap:wrap}
#zanjeo .trench-project-heading239 > div {min-width:0;flex:1 1 260px}
#zanjeo .trench-project-heading239 h3 {font-size:clamp(19px,2.4vw,27px);line-height:1.45}
#zanjeo .trench-overline239 {margin:0 0 10px!important;line-height:1.8}
#zanjeo .trench-project-cue250 {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:#c5ea77;font-size:12px;font-weight:600}
#zanjeo .trench-project-icon250 {flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid #a8d443;border-radius:50%;font-size:24px;font-weight:400;line-height:1}
#zanjeo .trench-project-close250 {display:none}
#zanjeo .trench-project-disclosure250[open] > summary .trench-project-open250 {display:none}
#zanjeo .trench-project-disclosure250[open] > summary .trench-project-close250 {display:inline}
#zanjeo .trench-project-disclosure250[open] > summary .trench-project-icon250 {transform:rotate(45deg)}
#zanjeo .trench-project-disclosure250 > summary:focus-visible {outline:3px solid #c5ea77;outline-offset:-4px}
#zanjeo .trench-project-disclosure250 > summary:hover {background:#a8d4430a}
#zanjeo .trench-project-disclosure250:not([open]) > .trench-project-body250 {display:none!important}
#zanjeo .trench-project-body250 {padding:0 22px 28px}
#zanjeo .trench-project-layout239 {padding-top:24px;border-top:1px solid #99bd8130;gap:32px;min-width:0}
.trench-diagram-slot250 {min-width:0}
.trench-diagram240 {padding:20px}
.trench-section240 {gap:20px;margin-block:16px}
.trench-view-label240 {flex-wrap:wrap;gap:6px 16px}
.trench-dimensions240 dd {line-height:1.35}
.trench-sequence240 {gap:10px;margin-top:24px;font-size:9px}
.trench-controls240 {gap:10px;margin-top:12px}
.trench-controls240 button {padding:10px 6px;min-height:44px}
body[data-foundation] .et-nav,
body[data-foundation] .et-viewer::backdrop {backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

@media(max-width:1100px) {
  body[data-foundation] #ecko .proy .front-layout64 {grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:24px!important}
  body[data-foundation] #ecko .proy .front-layout64 > .foundation-metrics {grid-column:1!important;grid-row:auto!important}
  body[data-foundation] #ecko .proy .front-layout64 > .et-gallery-bar {grid-column:1!important;grid-row:auto!important}
  body[data-foundation] #ecko .proy .front-layout64 > .proy-fotos.gallery-row68 {grid-column:1!important;grid-row:auto!important;align-self:start!important}
  #zanjeo .trench-project-layout239 {grid-template-columns:minmax(0,1fr);gap:30px}
}
@media(max-width:600px) {
  body[data-foundation] #ecko .soil-feature.soil-spaced250,
  .et-diagram-view .soil-feature.soil-spaced250 {padding:18px 14px!important}
  .soil-spaced250 .soil-heading {flex-direction:column;gap:10px}
  body[data-foundation] #ecko .proy .soil-spaced250 .soil-section,
  .et-diagram-view .soil-feature.soil-spaced250 .soil-section {
    --rig-width241:112px;--rig-height241:168px;--rig-axis241:21.6px;
    height:220px!important;
  }
  .soil-spaced250 .soil-measurements250 {gap:12px}
  body[data-foundation] #ecko .proy .soil-spaced250 .soil-measurements250 .soil-depth,
  .et-diagram-view .soil-feature.soil-spaced250 .soil-measurements250 .soil-depth,
  .soil-spaced250 .soil-measurements250 .bore-current {font-size:clamp(20px,5.5vw,22px)!important}
  #zanjeo .trench-project-disclosure250 > summary {padding:18px 14px!important}
  #zanjeo .trench-project-heading239 {gap:12px}
  #zanjeo .trench-project-heading239 > div {flex-basis:auto}
  #zanjeo .trench-project-body250 {padding:0 12px 22px}
  #zanjeo .trench-type239 {white-space:normal}
  #zanjeo .trench-quantity240 {flex-wrap:wrap;gap:12px}
  .trench-diagram240 {padding:14px}
  .trench-section240,.trench-viewer240 .trench-section240 {grid-template-columns:minmax(0,1fr);gap:20px}
  .trench-cross-view240 {width:140px;max-width:100%;justify-self:center}
  .trench-dimensions240,.trench-viewer240 .trench-dimensions240 {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .trench-dimensions240 dd,.trench-viewer240 .trench-dimensions240 dd {font-size:24px}
  .trench-sequence240 {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:9px}
  .trench-controls240 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .trench-controls240 button {font-size:11px;margin:0!important;border:1px solid #99bd814d;padding:10px 6px!important}
  .trench-controls240 [data-enlarge] {grid-column:1/-1}
  #zanjeo .et-gallery-bar {flex-wrap:wrap;gap:12px}
}

/* The selector stays available; the index and projects start fully hidden. */
body[data-foundation] #ecko #frentes-content250[hidden],
body[data-foundation] #ecko #frentes-index250[hidden],
body[data-foundation] #ecko .proy .front-layout64 > [hidden] {display:none!important}
.front-view-picker250 {margin:24px 0 0;min-width:0}
body[data-foundation] #ecko .front-view-picker250 h3 {font-size:18px;line-height:1.5;margin:0 0 8px}
.front-view-picker250 > p {font-size:12px;line-height:1.7;color:#b8c8d0;margin:0 0 18px}
.front-view-options250 {display:grid;gap:10px}
.front-view-options250 button {
  display:flex;align-items:center;gap:14px;width:100%;min-height:74px;
  padding:15px 16px;text-align:left;font:inherit;color:#edf4f2;
  background:#142c42;border:1px solid #99bd8159;border-radius:6px;cursor:pointer;
}
.front-view-options250 button > span:last-child {display:grid;gap:5px;min-width:0}
.front-view-options250 strong {font-size:14px;line-height:1.5;font-weight:600}
.front-view-options250 small {font-size:11px;line-height:1.6;color:#b8c8d0}
.front-view-dot250 {flex:none;width:16px;height:16px;box-sizing:border-box;border:1px solid #9daeaa;border-radius:50%}
.front-view-options250 button[aria-pressed="true"] {border-color:#a8d443;background:#223d38}
.front-view-options250 button[aria-pressed="true"] .front-view-dot250 {border:5px solid #a8d443;background:#142c42}
.front-view-options250 button:hover {border-color:#c5ea77}
.front-view-options250 button:focus-visible {outline:3px solid #c5ea77;outline-offset:3px}
.front-view-picker250 .front-view-status250 {margin:16px 0 0;font-size:11px;min-height:3.4em}
body[data-foundation] #ecko .front-facts250 {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);
  gap:22px;margin:24px 0 30px;padding:22px 0;
  border-block:1px solid #99bd814d;
}
.front-facts250 > div {min-width:0}
.front-facts250 dt {font-size:11px;line-height:1.7;color:#b8c8d0;margin:0 0 8px}
.front-facts250 dd {font-size:22px;line-height:1.5;font-weight:600;color:#a8d443;margin:0;overflow-wrap:anywhere}
body[data-foundation] #ecko[data-fronts-view="gallery"] .proy .front-layout64,
body[data-foundation] #ecko[data-fronts-view="diagram"] .proy .front-layout64 {grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important}
body[data-foundation] #ecko[data-fronts-view="gallery"] .proy .front-layout64 > :is(.et-gallery-bar,.proy-fotos.gallery-row68) {grid-column:1!important;grid-row:auto!important}
body[data-foundation] #ecko[data-fronts-view="diagram"] .proy .front-layout64 > .foundation-metrics {grid-column:1!important;grid-row:auto!important;max-width:720px;width:100%;box-sizing:border-box}
@media(max-width:600px) {
  body[data-foundation] #ecko .front-facts250 {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .front-facts250 > div:last-child {grid-column:1/-1}
  .front-facts250 dd {font-size:21px}
  .front-view-options250 button {padding:14px 12px}
}
@media(prefers-reduced-motion:reduce) {
  .soil-spaced250 .soil-pile {transform:scaleY(1)!important;animation:none!important}
  .soil-spaced250 .bore-ring {opacity:1!important;animation:none!important}
  .soil-spaced250 .slurry-hoses {animation:none!important}
}