/* Desktop only. Existing inline template/FlexSlider dimensions require the
   documented, narrowly scoped !important overrides below. No mobile rules. */
@media (min-width: 1200px) {
  html body.single-otw-portfolio article.milobras-project-editorial.milobras-ficha-active {
    display: grid;
    grid-template-columns: minmax(0, 23%) minmax(0, 1fr);
    column-gap: 24px;
    padding: 20px;
    box-sizing: border-box;
  }
  html body.single-otw-portfolio article.milobras-project-editorial.milobras-ficha-active > .entry-header {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 20px 0 0 !important;
    border-right: 1px solid #e9ece9;
  }
  html body.single-otw-portfolio article.milobras-project-editorial.milobras-ficha-active .entry-header h1.entry-title {
    font-size: 17px !important;
    line-height: 26px !important;
    margin: 0 0 20px !important;
    overflow-wrap: break-word;
  }
  html body.single-otw-portfolio article.milobras-ficha-active .milobras-project-intro {
    line-height: 22px;
    overflow-wrap: break-word;
  }
  article.milobras-ficha-active .milobras-ficha-facts {
    margin: 28px 0 0;
    font: 400 12px/20px 'Roboto', sans-serif;
  }
  article.milobras-ficha-active .milobras-ficha-facts > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 0;
    border-top: 1px solid #e9ece9;
  }
  article.milobras-ficha-active .milobras-ficha-facts > div:last-child { border-bottom: 1px solid #e9ece9; }
  article.milobras-ficha-active .milobras-ficha-facts dt { color: #74816d; font-weight: 400; }
  article.milobras-ficha-active .milobras-ficha-facts dd { margin: 0; text-align: right; }
  html body.single-otw-portfolio article.milobras-ficha-active > .portfolio-gallery-wrapper {
    grid-column: 2;
    grid-row: 1;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  article.milobras-ficha-active #portfolio-gallery {
    position: relative;
    margin: 0 0 12px !important;
    border: 0;
    box-shadow: none;
  }
  article.milobras-ficha-active #portfolio-gallery .flex-viewport {
    aspect-ratio: 3 / 2;
    height: auto !important;
  }
  /* This legacy template includes an empty pre-initialisation viewport. */
  article.milobras-ficha-active #portfolio-gallery .flex-viewport:empty { display: none !important; }
  article.milobras-ficha-active #portfolio-gallery .slides > li {
    position: relative;
    aspect-ratio: 3 / 2;
    height: auto !important;
  }
  article.milobras-ficha-active #portfolio-gallery .slides > li > img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  article.milobras-ficha-single #portfolio-gallery .slides,
  article.milobras-ficha-single #portfolio-gallery .slides > li { width: 100% !important; }
  article.milobras-ficha-active #portfolio-gallery .milobras-before-label {
    display: block;
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 4px 8px;
    color: #34403b;
    background: rgba(255, 255, 255, .92);
    font: 400 12px/18px 'Roboto', sans-serif;
  }
  article.milobras-ficha-active #portfolio-gallery > .flex-direction-nav,
  article.milobras-ficha-active #portfolio-carousel > .flex-direction-nav {
    display: none !important;
  }
  article.milobras-ficha-active #portfolio-carousel {
    margin: 0 !important;
    border: 0;
    box-shadow: none;
  }
  article.milobras-ficha-active #portfolio-carousel .flex-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin;
    height: auto !important;
  }
  article.milobras-ficha-active #portfolio-carousel .flex-viewport:empty { display: none !important; }
  article.milobras-ficha-active #portfolio-carousel .slides {
    display: flex;
    gap: 16px;
    width: auto !important;
    transform: none !important;
    transition: none !important;
    padding: 0 0 6px;
  }
  article.milobras-ficha-active #portfolio-carousel .slides > li {
    flex: 0 0 calc((100% - 48px) / 4);
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    height: auto !important;
  }
  article.milobras-ficha-active .milobras-ficha-thumb {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
  }
  article.milobras-ficha-active .milobras-ficha-thumb[aria-current="true"] {
    border-color: #83cc00;
  }
  /* More specific than the template's 210x158 thumbnail declarations. */
  article.milobras-ficha-active .portfolio-gallery-wrapper #portfolio-carousel .milobras-ficha-thumb > img {
    position: absolute;
    left: 3px;
    top: 3px;
    width: calc(100% - 6px) !important;
    height: calc(100% - 6px) !important;
    object-fit: contain !important;
  }
  article.milobras-ficha-active .milobras-ficha-controls {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: auto;
    padding-top: 30px;
    font: 400 13px/20px 'Roboto', sans-serif;
    color: #34403b;
  }
  article.milobras-ficha-active .milobras-ficha-button {
    width: 36px;
    height: 34px;
    padding: 0;
    border: 1px solid #dce2dc;
    border-radius: 0;
    background: #fff;
    color: #34403b;
    font: 400 18px/32px 'Roboto', sans-serif;
    cursor: pointer;
  }
  article.milobras-ficha-active .milobras-ficha-button:disabled {
    opacity: .4;
    cursor: default;
  }
  article.milobras-ficha-active .milobras-ficha-enlarge {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 3;
  }
  article.milobras-ficha-active .milobras-ficha-button:focus-visible,
  article.milobras-ficha-active .milobras-ficha-thumb:focus-visible,
  article.milobras-ficha-active #portfolio-gallery:focus-visible {
    outline: 2px solid #6b8536;
    outline-offset: 3px;
  }
  html body.single-otw-portfolio article.milobras-ficha-active > .milobras-project-back {
    grid-column: 1 / -1;
    margin: 26px 0 0;
  }
  article.milobras-ficha-active > .entry-content,
  article.milobras-ficha-active > .categories,
  article.milobras-ficha-active > .nav-single {
    grid-column: 1 / -1;
  }
  article.milobras-ficha-active > br { display: none; }
  article.milobras-ficha-active .milobras-ficha-dialog {
    box-sizing: border-box;
    width: min(96%, 1600px);
    max-width: 96vw;
    max-height: 94vh;
    margin: auto;
    padding: 14px;
    border: 1px solid #dce2dc;
    background: #fff;
  }
  article.milobras-ficha-active .milobras-ficha-dialog::backdrop { background: rgba(0, 0, 0, .75); }
  article.milobras-ficha-active .milobras-ficha-dialog > img {
    display: block;
    width: 100%;
    height: 78vh;
    object-fit: contain;
  }
  article.milobras-ficha-active .milobras-ficha-dialog-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-top: 10px;
    font: 400 13px/20px 'Roboto', sans-serif;
  }
  @media (prefers-reduced-motion: reduce) {
    article.milobras-ficha-active #portfolio-gallery .slides { transition-duration: 0s !important; }
  }
}