/* Compact device layout. Keep this media query in sync with site.js and style.css.
   The shared content column leaves comfortable reading and photograph margins on iPad. */
@media (max-width: 1024px), (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  main { width:100%; max-width:960px; margin-inline:auto; }
  .intro-mode main {max-width:none;}
  .intro-name, .intro-wing {height:auto;}
  .statement-editorial .statement-heading,
  .statement-editorial .statement-spread {
    width:min(100%,440px);margin-inline:auto;
  }
  .sidebar::after {display:none;}
  .sidebar-content {
    padding-bottom:max(32px,env(safe-area-inset-bottom));
    overscroll-behavior:contain;
  }
  .sidebar .side-nav {width:100%;}
  .sidebar .mobile-sections {
    width:100%;padding:0 0 22px;margin:0 0 22px;
    border-top:0;border-bottom:.5px solid rgba(0,0,0,.35);
    grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;
  }
  .sidebar .side-nav a {font-size:15px;min-height:44px;}
  .sidebar .side-group-title {min-height:44px!important;}
  .sidebar .standalone-side-nav {gap:8px;}
  .project .project-copy,
  .project .vacia-story-copy,
  .project .bosque-story-copy,
  .project .nonce-copy,
  .project .gigantismo-copy,
  .project .gigantismo-participants-copy,
  .ser-project .ser-description,
  .pdf-project .pdf-mobile-copy,
  .en-contacto-project .en-contacto-copy {
    font-size:15px;line-height:1.35;
  }
  .pdf-project .pdf-mobile-copy p {font-size:inherit;line-height:inherit;}
  .en-contacto-project .en-contacto-copy p {line-height:inherit;}
  /* Enlarge touch targets inward, leaving the hairline arrows in their approved positions. */
  main :is(.proyectos-carousel-controls,.pdf-art-carousel-controls,.vacia-triptych-navigation,.bosque-carousel-controls,.nonce-passport-controls,.gigantismo-carousel-controls,.fiore-carousel-controls,.geo-carousel-controls) button {touch-action:manipulation;}
  main :is(.proyectos-carousel-controls,.pdf-art-carousel-controls,.vacia-triptych-navigation,.bosque-carousel-controls,.nonce-passport-controls,.gigantismo-carousel-controls,.fiore-carousel-controls,.geo-carousel-controls) button::after {
    content:"";position:absolute;top:50%;left:0;
    width:max(100%,44px);height:max(100%,44px);
    transform:translateY(-50%);
  }
  main :is(.proyectos-carousel-controls,.pdf-art-carousel-controls,.vacia-triptych-navigation,.bosque-carousel-controls,.nonce-passport-controls,.gigantismo-carousel-controls,.fiore-carousel-controls,.geo-carousel-controls) button:last-child::after {left:auto;right:0;}
  .lightbox[open] {height:100dvh;grid-template-rows:auto minmax(0,1fr) auto;}
  .lightbox-toolbar {
    min-height:72px;gap:12px;padding-top:env(safe-area-inset-top);
  }
  .lightbox-title {min-width:0;max-width:none;flex:1;overflow-wrap:break-word;}
  .lightbox-close {flex:none;}
  .lightbox-footer {
    display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    min-height:76px;gap:8px;padding-bottom:env(safe-area-inset-bottom);
  }
  .lightbox-prev {text-align:left;}
  .lightbox-next {text-align:right;}
  .lightbox-counter {font-size:12px;}
}

/* Phone-only: more breathing room between each artwork's introduction
   (including its quotation/citation) and the first photograph or carousel.
   Keep subsequent grid and carousel spacing, and tablet/desktop, unchanged. */
@media (max-width: 767px) {
  .vacia-editorial-project .vacia-quote,
  .bosque-editorial-project .bosque-quote { margin-bottom: 70px; }

  .huellas-project .project-copy { margin-bottom: 88px; }
  .appunti-project .project-copy { margin-bottom: 72px; }
  .gusci-project .project-copy { margin-bottom: 84px; }
  .artboard > .project-copy { margin-bottom: 72px; }

  .geopoiesis-project .geo-intro { gap: 70px; }
  .ser-project .ser-intro { padding-bottom: 95px; }
  .nonce-editorial-project .nonce-intro { gap: 75px; }
  .gigantismo-editorial-project .gigantismo-intro { gap: 70px; }
  .fiore-editorial-project .fiore-intro { gap: 72px; }
  .en-contacto-project .en-contacto-intro-image {
    margin-top: clamp(64px, 12vw, 90px);
  }

  /* Balance the first artwork image/carousel with matching white space below
     its attached caption, before the following explanatory text. */
  .vacia-editorial-project .vacia-story { gap: 70px; }
  .bosque-editorial-project .bosque-story { gap: 70px; }
  .pdf-project .pdf-mobile-copy { padding-top: 66px; }
}

/* Mobile and iPad galleries: complete photographs in their existing reading order.
   Loaded after the page styles. Carousel frames and deliberately oriented artwork
   keep their own rules; only the surrounding photographic grids become stacks. */
@media (max-width: 1024px), (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  :root { --compact-photo-gap: 28px; }

  /* Gusci — every photograph, including the cropped detail and final installation. */
  .gusci-new-gallery {
    display:flex;
    flex-direction:column;
    width:calc(100% - 44px);
    max-width:none;
    height:auto;
    aspect-ratio:auto;
    gap:var(--compact-photo-gap);
  }
  .gusci-new-gallery > .gusci-new-gallery-item {
    width:100%;height:auto;min-height:0;grid-area:auto;
    margin:0;
  }
  .gusci-new-gallery > .gusci-new-gallery-item--empty {display:none;}
  .gusci-new-gallery .gusci-new-gallery-item button {
    height:auto;
    overflow:visible;
  }
  .gusci-new-gallery .gusci-new-gallery-item img {
    display:block;width:100%;height:auto!important;max-width:100%;
    aspect-ratio:auto!important;object-fit:contain!important;object-position:center;
  }
  .gusci-new-gallery .gusci-new-gallery-item:nth-child(6) img {transform:none;}
  .gusci-new-gallery .gusci-new-gallery-item:nth-child(9) img {object-position:center;}
  .gusci-new-gallery .gusci-new-gallery-ficha {
    position:static;left:auto;transform:none;
    width:100%;max-width:100%;margin:12px auto 0;
  }

  /* Huellas, sombras, tiempo — keep each photographic group and its ficha
     together, in the same sequence as desktop. */
  .huellas-project .huellas-sequence {gap:64px;}
  .huellas-project .huellas-block {
    width:100%;max-width:none;margin-inline:0;
  }
  .huellas-project .huellas-block--vegetal,
  .huellas-project .huellas-block--tres,
  .huellas-project .huellas-block--eco {
    display:grid;
    align-items:start;
    gap:0 clamp(6px,1.7vw,14px);
  }
  .huellas-project .huellas-block--vegetal,
  .huellas-project .huellas-block--tres {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .huellas-project .huellas-block--eco {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .huellas-project .huellas-block--eco .huellas-image-button:nth-child(3) {
    grid-column:auto;
  }
  .huellas-project .huellas-block > .huellas-image-button + .huellas-image-button {
    margin-top:0;
  }
  .huellas-project .huellas-image-button {
    width:100%;height:auto;aspect-ratio:auto;overflow:visible;
  }
  .huellas-project .huellas-image-button img {
    width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;
  }
  /* Trés minutos: exactly matching 3:4 frames. Anchor the longer second
     photograph at the top so only its excess lower edge is cropped. */
  .huellas-project .huellas-block--tres > .huellas-image-button {
    position:relative;aspect-ratio:3 / 4;overflow:hidden;
  }
  .huellas-project .huellas-block--tres > .huellas-image-button img {
    position:absolute;inset:0;width:100%;height:100%;
    aspect-ratio:auto;object-fit:cover;object-position:center top;
  }
  .huellas-project .huellas-block .huellas-caption {
    width:100%;max-width:100%;margin:12px auto 0;
  }

  /* Appunti di campo — each approved row continues vertically into the next. */
  .appunti-project .project-copy {margin-right:0;}
  .appunti-project .appunti-composition {
    --appunti-mobile-vertical-gap: 76px;
    display:flex;flex-direction:column;
    width:100%;max-width:none;gap:var(--appunti-mobile-vertical-gap);
  }
  .appunti-project .appunti-row {
    display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;
    width:100%;margin:0;gap:var(--compact-photo-gap);
  }
  .appunti-project .appunti-row .appunti-photo-item {
    flex:0 0 auto;align-self:stretch;width:100%;max-width:none;margin:0;
  }
  /* Appunti di campo: final two photos use the same content width and margins
     as the images above, while preserving their original aspect ratios. */
  .appunti-project .appunti-row--drift .appunti-photo-item {
    width:100%;
    max-width:none;
    align-self:stretch;
  }

  /* El bosque domesticado — remove equal-height frames without undoing mirrors. */
  .bosque-editorial-project .bosque-image-grid {gap:var(--compact-photo-gap);}
  .bosque-editorial-project .bosque-gallery-row {
    display:flex;flex-direction:column;align-items:stretch;
    width:100%;gap:var(--compact-photo-gap);
  }
  .bosque-editorial-project .bosque-gallery-row figure,
  .bosque-editorial-project .bosque-image-grid > .bosque-gallery-pair:first-child figure,
  .bosque-editorial-project .bosque-gallery-triple figure:last-child,
  .bosque-editorial-project .bosque-gallery-last figure {
    display:block;flex:0 0 auto;width:100%;max-width:none;
    height:auto;aspect-ratio:auto;margin:0;overflow:visible;
  }
  .bosque-editorial-project .bosque-gallery-row img,
  .bosque-editorial-project .bosque-image-grid > .bosque-gallery-pair:first-child img {
    width:100%!important;height:auto!important;max-width:100%!important;
    aspect-ratio:auto!important;object-fit:contain!important;
  }
  .bosque-editorial-project .bosque-gallery-last figure:nth-child(2) {transform:none;}

  /* En contacto — flatten both the outer groups and the nested left-hand pair. */
  .en-contacto-project .en-contacto-firstrow,
  .en-contacto-project .en-contacto-main-grid,
  .en-contacto-project .en-contacto-left-stack,
  .en-contacto-project .en-contacto-bottom-grid {
    display:flex;flex-direction:column;align-items:stretch;
    width:100%;gap:var(--compact-photo-gap);
  }
  .en-contacto-project .en-contacto-firstrow {margin:64px auto 0;}
  .en-contacto-project .en-contacto-composition {
    width:100%;margin:64px auto 0;transform:none;
  }
  .en-contacto-project .en-contacto-bottom-grid {
    margin:var(--compact-photo-gap) 0 0;
  }
  .en-contacto-project .en-contacto-photo,
  .en-contacto-project .en-contacto-bottom-grid .en-contacto-photo {
    flex:0 0 auto;width:100%;height:auto;aspect-ratio:auto;overflow:visible;
  }
  .en-contacto-project .en-contacto-photo img {
    width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;
  }
  .en-contacto-project .en-contacto-skin-left,
  .en-contacto-project .en-contacto-skin-right,
  .en-contacto-project .en-contacto-surface-detail img {transform:none;}
  .en-contacto-project .en-contacto-activation-figure .en-contacto-ficha {
    position:static;top:auto;left:auto;width:100%;margin:12px auto 0;
  }

  /* 35 Geopoiesis — override the shared text-first flex order on compact
     screens: carousel (with its counter/ficha), then heading and body copy. */
  .geopoiesis-project .geo-intro > .geo-hero {order:0;}
  .geopoiesis-project .geo-intro > .geo-copy {order:1;}

  /* 35 Geopoiesis — keep paired images together on compact layouts:
     a two-by-two process grid, a diptych and a final triptych.
     Captions span their complete group; images retain their natural ratios. */
  .geopoiesis-project .geo-process-row,
  .geopoiesis-project .geo-landscape-row {
    display:flex;flex-direction:column;align-items:stretch;
    width:100%;margin-left:0;gap:48px;
  }
  .geopoiesis-project .geo-mud-grid,
  .geopoiesis-project .geo-process-row .geo-mud-grid,
  .geopoiesis-project .geo-palms,
  .geopoiesis-project .geo-hands-triptych {
    display:grid;align-items:start;
    flex:0 0 auto;width:100%;max-width:none;margin-inline:0;transform:none;
    gap:clamp(6px,1.5vw,10px);
  }
  .geopoiesis-project .geo-mud-grid,
  .geopoiesis-project .geo-process-row .geo-mud-grid,
  .geopoiesis-project .geo-palms {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  /* The two stacked process diptychs share identical frames and edges.
     Crop within the frame when necessary; never stretch the photographs. */
  .geopoiesis-project .geo-mud-grid > .geo-photo--mud {
    width:100%;height:auto;aspect-ratio:1800 / 1346;overflow:hidden;
  }
  .geopoiesis-project .geo-mud-grid > .geo-photo--mud img {
    display:block;width:100%;height:100%;aspect-ratio:auto;
    object-fit:cover;object-position:center;
  }
  /* Equal-sized palm-photo diptych on mobile, without distorting images. */
  .geopoiesis-project .geo-palms > .geo-photo--palm {
    width:100%;aspect-ratio:1743 / 2400;overflow:hidden;
  }
  .geopoiesis-project .geo-palms > .geo-photo--palm img {
    display:block;width:100%;height:100%;aspect-ratio:auto;
    object-fit:cover;object-position:center;
  }
  .geopoiesis-project .geo-hands-triptych {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(4px,1.2vw,9px);
  }
  .geopoiesis-project .geo-process-detail,
  .geopoiesis-project .geo-footprints {
    flex:0 0 auto;width:100%;max-width:none;margin:0;
  }
  .geopoiesis-project :is(.geo-mud-grid,.geo-palms,.geo-hands-triptych) > .geo-photo + .geo-photo {
    margin-top:0;
  }
  .geopoiesis-project :is(.geo-mud-grid,.geo-palms,.geo-hands-triptych) > .geo-ficha {
    width:100%;margin:12px auto 0;
  }

  /* Ser y desaparecer — both diptychs and the final triptych stay on
     one row on phones and tablets; standalone works remain single. */
  .ser-project .ser-gallery {gap:64px;}
  .ser-project .ser-group {width:100%;max-width:none;margin:0;}
  /* Autorretrato: match the vertical height of each image in the final triptych.
     The portrait is approx. 0.81 wide/high; triptych frames are approx. 0.67.
     Its width follows the three-column row and keeps the photo uncropped. */
  .ser-project .ser-group--single {
    width:calc((100% - 2 * clamp(5px,1.3vw,12px)) * 0.405);
    max-width:100%;
    margin-inline:0;
  }
  .ser-project .ser-group--single .ser-photos {
    width:100%;
    margin:0;
  }
  .ser-project .ser-photos {
    display:grid;grid-template-columns:minmax(0,1fr);
    align-items:start;gap:var(--compact-photo-gap);
  }
  .ser-project .ser-group--lead .ser-photos,
  .ser-project .ser-group--pair .ser-photos {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(6px,1.7vw,14px);row-gap:0;
  }
  .ser-project .ser-group--trio .ser-photos {
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:clamp(5px,1.3vw,12px);row-gap:0;
  }
  .ser-project .ser-group .ser-photo {
    min-width:0;width:100%;height:auto;aspect-ratio:auto;overflow:visible;
  }
  .ser-project .ser-group .ser-photo img {
    width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;
  }
  /* Keep the matching frames of the already cropped horizontal/vertical pairs. */
  .ser-project .ser-group--lead .ser-photo {
    aspect-ratio:2048 / 1348;overflow:hidden;
  }
  .ser-project .ser-group--pair .ser-photo {
    aspect-ratio:1339 / 2048;overflow:hidden;
  }
  .ser-project :is(.ser-group--lead,.ser-group--pair) .ser-photo img {
    height:100%;object-fit:contain;
  }
  .ser-project .ser-group .ser-ficha {
    width:100%;max-width:100%;margin:12px auto 0;
  }
  /* Keep Autorretrato's caption inside its left-aligned image width. */
  .ser-project .ser-group--single .ser-ficha {
    width:100%;max-width:100%;margin:12px 0 0;
    overflow-wrap:break-word;
  }

  /* La casa vacía — continue the established stack through its nested photo pairs. */
  .vacia-editorial-project .vacia-photo-grid,
  .vacia-editorial-project .vacia-grid-pair {gap:var(--compact-photo-gap);}

  /* La casa que migra — use the complete available column for all seven details. */
  .migra-editorial-project .migra-photo-grid,
  .migra-editorial-project .migra-photo-column {gap:var(--compact-photo-gap);}
  .migra-editorial-project .migra-photo-grid .migra-photo-column > .migra-photo {
    width:100%;max-width:none;margin:0;align-self:stretch;
  }
  .migra-editorial-project .migra-photo-column--right > .migra-photo:first-child {
    transform:none;
  }
  .migra-editorial-project .migra-photo-grid .migra-ficha {
    position:static;top:auto;left:auto;width:100%;margin:13px auto 0;
  }

  /* La casa imaginada — preserve the approved DOM sequence: 1, 2, 4, 3. */
  .imaginada-editorial-project .imaginada-gallery-composition {
    align-items:stretch;gap:var(--compact-photo-gap);
  }
  .imaginada-editorial-project .imaginada-gallery-composition > .imaginada-photo {
    width:100%;max-width:none;margin:0;
  }

  /* Di quando ero in fiore — the last photograph retains its complete 90-degree rotation. */
  .fiore-editorial-project .fiore-photo-gallery {gap:var(--compact-photo-gap);}
  .fiore-editorial-project .fiore-photo-row {
    display:flex;flex-direction:column;align-items:stretch;
    width:100%;margin-top:0;gap:var(--compact-photo-gap);
  }
  .fiore-editorial-project .fiore-photo-row > figure {width:100%;max-width:none;}

  /* Chiara non c'è — fingerprints and portrait follow one another. */
  .nonce-editorial-project .nonce-bottom-row {
    display:flex;flex-direction:column;align-items:stretch;gap:var(--compact-photo-gap);
  }
  .nonce-editorial-project .nonce-fingerprints,
  .nonce-editorial-project .nonce-portrait {width:100%;max-width:none;}

  /* ¿Has pasado por aquí? — on small screens, keep the book photographs
     close to the final paragraph instead of stacking 3.5cm + 38px of whitespace. */
  .pdf-project[data-project="sei-passato-di-qui"] > .pdf-mobile-copy {
    padding-bottom:36px;
  }
  .pdf-project[data-project="sei-passato-di-qui"] .passi-image-gallery {
    gap:var(--compact-photo-gap);
    margin-top:16px;
  }
  .pdf-project[data-project="sei-passato-di-qui"] .passi-gallery-figure {
    width:100%;max-width:none;
  }

  /* Prácticas de gigantismo — visually center the printed lettering in the
     left-hand space (not the surrounding white paper) without moving the carousel. */
  .gigantismo-editorial-project .gigantismo-second-row {gap:var(--compact-photo-gap);}
  .gigantismo-editorial-project .gigantismo-type {
    width:42%;max-width:220px;
    margin:0 0 0 4%!important;
    transform:translateY(-40px);
  }

  /* Residui and fallback collections — full images, including the direct PDF children. */
  .pdf-project[data-project="residui"] .pdf-artboard {gap:var(--compact-photo-gap);}
  .art-grid {display:flex;flex-direction:column;gap:var(--compact-photo-gap);}
  .art-grid figure,
  .art-grid figure:nth-child(3n + 2) {width:100%;margin:0;}
  .art-grid img,
  .residui-gallery .art-grid img {
    width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;
  }

  /* Obras and category indexes — one complete thumbnail per row with its existing title. */
  .collection--scultura .scultura-index-grid,
  .collection--fotografia .fotografia-index-grid,
  .collection--obra-grafica .obra-grafica-index-grid {
    display:flex;flex-direction:column;align-items:stretch;
    width:100%;max-width:none;margin:0;gap:var(--compact-photo-gap);transform:none;
  }
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(n),
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(n),
  .collection--obra-grafica .obra-grafica-index-grid .obra-grafica-index-item {
    grid-area:auto;width:100%;max-width:none;margin:0;padding:0;
    align-self:stretch;justify-self:stretch;
  }
  .opere-overview .category-index-title {
    grid-area:auto;align-self:flex-start;justify-self:auto;margin:0 0 4px;
  }
  .collection--scultura .scultura-index-grid .scultura-tile img,
  .collection--fotografia .fotografia-index-grid .fotografia-index-item img,
  .collection--obra-grafica .obra-grafica-index-grid .obra-grafica-index-item img {
    display:block;width:100%;height:auto;max-width:100%;max-height:none;
    aspect-ratio:auto;object-fit:contain;object-position:center;
  }
  .collection--scultura .scultura-tile--arqueologia img,
  .collection--scultura .scultura-tile--35-geopoiesis img,
  .collection--fotografia .fotografia-index-item--gigantismo img,
  .collection--obra-grafica .obra-grafica-index-item img {transform:none;}
}

/* Obras overview only: preserve the desktop's editorial grid on touch devices.
   Individual artwork galleries remain in their uncropped one-column layout. */
@media (max-width: 1024px), (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .opere-overview .collection--scultura .scultura-index-grid,
  .opere-overview .collection--fotografia .fotografia-index-grid,
  .opere-overview .collection--obra-grafica .obra-grafica-index-grid {
    display:grid;
    width:min(100%,780px);
    max-width:780px;
    margin:0 auto;
    align-items:start;
    transform:none;
    gap:0;
  }
  .opere-overview .collection--scultura .scultura-index-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto;
    column-gap:clamp(8px,1.45vw,23px);
    row-gap:clamp(9px,1.65vw,26px);
  }
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(n) {
    grid-area:auto;
    grid-column:auto;
    grid-row:auto;
    width:100%;
    margin:0;
    padding:0;
    align-self:start;
    justify-self:stretch;
  }
  .opere-overview .scultura-index-grid > .category-index-title {
    grid-area:1 / 1 / 2 / 2;
    margin:0;
    align-self:end;
  }
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(1) {grid-area:1 / 2 / 2 / 4;}
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(2) {grid-area:2 / 1;}
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(3) {grid-area:2 / 2;}
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(4) {grid-area:2 / 3;}
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(5) {grid-area:3 / 1;}
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(6) {grid-area:3 / 2;}
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(7) {grid-area:3 / 3;}
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(8) {grid-area:4 / 1;}
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(9) {grid-area:4 / 2;}
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile img {
    aspect-ratio:.743 / 1;
    object-fit:cover;
  }
  .opere-overview .collection--scultura .scultura-index-grid .scultura-tile:first-of-type img {aspect-ratio:1.54 / 1;}
  .opere-overview .collection--scultura .scultura-tile--di-quando-ero-in-fiore img,
  .opere-overview .collection--scultura .scultura-tile--gusci img {object-fit:contain;}
  .opere-overview .collection--scultura .scultura-tile--arqueologia img {
    transform:scale(2.45);
    transform-origin:37% 51%;
  }
  .opere-overview .collection--scultura .scultura-tile--35-geopoiesis img {
    transform:scale(2.4);
    transform-origin:center;
  }
  /* Match the artist-approved desktop thumbnail crop in the Obras grid. */
  .opere-overview .collection--scultura .scultura-tile--en-contacto img {
    object-position:left center;
  }

  .opere-overview .collection--fotografia .fotografia-index-grid {
    grid-template-columns:repeat(20,minmax(0,1fr));
    grid-template-rows:auto;
    row-gap:clamp(9px,1.55vw,22px);
  }
  .opere-overview .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(n) {
    grid-area:auto;
    width:100%;
    margin:0;
    padding:0;
    align-self:start;
    justify-self:stretch;
  }
  .opere-overview .fotografia-index-grid > .category-index-title {
    grid-area:1 / 1 / 2 / 11;
    margin:0;
    align-self:end;
  }
  .opere-overview .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(1) {grid-area:1 / 11 / 2 / 21;}
  .opere-overview .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(2) {grid-area:2 / 1 / 3 / 13;}
  .opere-overview .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(3) {grid-area:2 / 14 / 3 / 21;}
  .opere-overview .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(4) {
    grid-area:3 / 1 / 4 / 11;
    padding-right:clamp(3px,.65vw,10px);
  }
  .opere-overview .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(5) {
    grid-area:3 / 11 / 4 / 21;
    padding-left:clamp(3px,.65vw,10px);
  }
  .opere-overview .collection--fotografia .fotografia-index-item img {object-fit:cover;}
  .opere-overview .fotografia-index-item:nth-of-type(1) img,
  .opere-overview .fotografia-index-item:nth-of-type(2) img {aspect-ratio:1.4;}
  .opere-overview .fotografia-index-item:nth-of-type(3) img {aspect-ratio:.817;}
  .opere-overview .fotografia-index-item:nth-of-type(4) img,
  .opere-overview .fotografia-index-item:nth-of-type(5) img {aspect-ratio:1.44;}
  .opere-overview .collection--fotografia .fotografia-index-item--gigantismo img {
    transform:scale(1.13);
    transform-origin:center;
  }

  .opere-overview .collection--obra-grafica .obra-grafica-index-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(8px,1.45vw,23px);
    row-gap:clamp(9px,1.5vw,20px);
  }
  .opere-overview .obra-grafica-index-grid > .category-index-title {
    grid-area:1 / 1 / 2 / 3;
    margin:0;
  }
  .opere-overview .collection--obra-grafica .obra-grafica-index-grid .obra-grafica-index-item {
    grid-area:2 / 1 / 3 / 2;
    width:100%;
    margin:0;
    padding:0;
  }
  .opere-overview .collection--obra-grafica .obra-grafica-index-item img {
    aspect-ratio:3 / 2;
    object-fit:cover;
    transform:scale(1.3);
    transform-origin:center;
  }
}

/* Category landings: keep exactly the desktop thumbnail arrangements on phones
   and tablets, not the single-image stack used by individual artwork galleries.
   These rules follow the generic compact-image fallback above. The more-specific
   .opere-overview rules continue to position the section headings in Obras. */
@media (max-width: 1024px), (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .collection--scultura .scultura-index-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto;
    width:min(100%,780px);
    max-width:780px;
    margin:0 auto;
    column-gap:clamp(8px,1.45vw,23px);
    row-gap:clamp(9px,1.65vw,26px);
    align-items:start;
    transform:none;
  }
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(n) {
    grid-area:auto;
    grid-column:auto;
    grid-row:auto;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    align-self:start;
    justify-self:stretch;
  }
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(1) {grid-area:1 / 2 / 2 / 4;}
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(2) {grid-area:2 / 1;}
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(3) {grid-area:2 / 2;}
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(4) {grid-area:2 / 3;}
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(5) {grid-area:3 / 1;}
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(6) {grid-area:3 / 2;}
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(7) {grid-area:3 / 3;}
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(8) {grid-area:4 / 1;}
  .collection--scultura .scultura-index-grid .scultura-tile:nth-of-type(9) {grid-area:4 / 2;}
  .collection--scultura .scultura-index-grid .scultura-tile img {
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    max-height:none;
    aspect-ratio:.743 / 1;
    object-fit:cover;
    object-position:center;
  }
  .collection--scultura .scultura-index-grid .scultura-tile:first-of-type img {aspect-ratio:1.54 / 1;}
  .collection--scultura .scultura-index-grid .scultura-tile--di-quando-ero-in-fiore img,
  .collection--scultura .scultura-index-grid .scultura-tile--gusci img {object-fit:contain;}
  .collection--scultura .scultura-index-grid .scultura-tile--arqueologia img {
    transform:scale(2.45);
    transform-origin:37% 51%;
  }
  .collection--scultura .scultura-index-grid .scultura-tile--35-geopoiesis img {
    transform:scale(2.4);
    transform-origin:center;
  }
  .collection--scultura .scultura-index-grid .scultura-tile--en-contacto img {object-position:left center;}

  .collection--fotografia .fotografia-index-grid {
    display:grid;
    grid-template-columns:repeat(20,minmax(0,1fr));
    grid-template-rows:auto;
    width:min(100%,780px);
    max-width:780px;
    margin:0 auto;
    /* The 20-column composition uses tracks for spacing, not the 28px fallback gap. */
    column-gap:0;
    row-gap:clamp(9px,1.55vw,22px);
    align-items:start;
    transform:none;
  }
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(n) {
    grid-area:auto;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    align-self:start;
    justify-self:stretch;
  }
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(1) {grid-area:1 / 11 / 2 / 21;}
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(2) {grid-area:2 / 1 / 3 / 13;}
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(3) {grid-area:2 / 14 / 3 / 21;}
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(4) {
    grid-area:3 / 1 / 4 / 11;
    padding-right:clamp(3px,.65vw,10px);
  }
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(5) {
    grid-area:3 / 11 / 4 / 21;
    padding-left:clamp(3px,.65vw,10px);
  }
  .collection--fotografia .fotografia-index-grid .fotografia-index-item img {
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    max-height:none;
    object-fit:cover;
    object-position:center;
  }
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(1) img,
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(2) img {aspect-ratio:1.4;}
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(3) img {aspect-ratio:.817;}
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(4) img,
  .collection--fotografia .fotografia-index-grid .fotografia-index-item:nth-of-type(5) img {aspect-ratio:1.44;}
  .collection--fotografia .fotografia-index-grid .fotografia-index-item--gigantismo img {
    transform:scale(1.13);
    transform-origin:center;
  }
}

/* Appunti di campo: phone-only refinement. Preserve each photograph's natural
   aspect ratio; leave a clear white interval beneath the sticky horizontal menu. */
@media (max-width: 767px) and (pointer: coarse) {
  .appunti-project .appunti-stage {
    padding-top: 60px;
  }
  .appunti-project .appunti-row--drift .appunti-photo-item {
    width: 100%;
  }
  .appunti-project .appunti-row--drift .appunti-photo-item img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }
}

/* Gusci, phone: show the complete 52%-wide portrait without cropping it.
   Keep a small top margin in addition to the shared 1cm navigation gap;
   do not vertically center it within the old, much taller empty frame.
   Controls remain attached to the image edges. */
@media (max-width: 767px) and (pointer: coarse) {
  .pdf-project[data-project="gusci"] .pdf-photo--hero .pdf-art-carousel {
    width:52%!important;
    height:auto!important;
    aspect-ratio:172 / 229;
    margin:5% auto 0;
    overflow:visible!important;
  }
  .pdf-project[data-project="gusci"] .pdf-photo--hero .pdf-art-carousel > img {
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  /* Slide 2 is 320 x 401 instead of 320 x 425: crop its sides to match
     the other portrait frames, without changing any other photograph. */
  .pdf-project[data-project="gusci"] .pdf-photo--hero .pdf-art-carousel > img[data-current-slide="1"] {
    object-fit:cover!important;
    object-position:center!important;
  }
  .pdf-project[data-project="gusci"] .pdf-photo--hero .pdf-art-carousel .pdf-art-carousel-controls {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    aspect-ratio:auto;
  }
}

/* Arqueología de un cuerpo — on compact screens, read the title and body
   before the photo carousel. Desktop retains the original editorial geometry. */
@media (max-width: 1024px), (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .pdf-project[data-project="arqueologia"] {display:flex;flex-direction:column;}
  .pdf-project[data-project="arqueologia"] > .pdf-mobile-copy {
    order:0;
    padding-bottom:70px;
  }
  .pdf-project[data-project="arqueologia"] > .pdf-board-window {order:1;}
  .pdf-project[data-project="arqueologia"] > .project-footer {order:2;}
}

/* Phone-only: artworks that open with a photograph carousel, not with text.
   Keep a 1cm white gap below the horizontal navigation. Text-first pages,
   the tablet layout, and desktop retain their existing spacing. */
@media (max-width: 767px) {
  .pdf-project[data-project="sei-passato-di-qui"] .pdf-artboard,
  .pdf-project[data-project="gusci"] .pdf-artboard {
    padding-top: 1cm;
  }
  .pdf-project[data-project="arqueologia"] > .pdf-mobile-copy {
    padding-top:1cm;
  }
}

/* En contacto: the first three photographs are a single horizontal triptych
   on phones, as in the approved desktop layout. Other gallery rows stay
   full-size and stacked in the compact view. */
@media (max-width: 767px) {
  .en-contacto-project .en-contacto-firstrow {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,2.724fr) minmax(0,1fr);
    align-items:center;
    column-gap:clamp(6px,2vw,10px);
    row-gap:0;
    width:100%;
    margin:64px auto 0;
  }
  .en-contacto-project .en-contacto-firstrow > .en-contacto-photo,
  .en-contacto-project .en-contacto-firstrow .en-contacto-activation-figure {
    width:100%;
    min-width:0;
    align-self:center;
  }
  .en-contacto-project .en-contacto-firstrow .en-contacto-skin-left,
  .en-contacto-project .en-contacto-firstrow .en-contacto-skin-right {
    aspect-ratio:1;
    overflow:hidden;
  }
  .en-contacto-project .en-contacto-firstrow .en-contacto-activation {
    aspect-ratio:2000 / 1062;
    overflow:hidden;
  }
  .en-contacto-project .en-contacto-firstrow .en-contacto-photo img {
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }
  .en-contacto-project .en-contacto-firstrow .en-contacto-activation-figure .en-contacto-ficha {
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    margin:12px 0 0;
    text-align:center;
  }
}

/* En contacto — the phone reading sequence is horizontal triptych, title,
   description, remaining photographs. Preserve the desktop composition and
   hide only the separate pale stamped introductory image on phones. */
@media (max-width: 767px) {
  .en-contacto-project .en-contacto-page {
    display:flex;
    flex-direction:column;
  }
  /* Promote the existing heading and paragraphs into the page's flex flow,
     without duplicating content or changing their desktop markup. */
  .en-contacto-project .en-contacto-copy {
    display:contents;
  }
  .en-contacto-project .en-contacto-copy h1 {
    order:2;
    width:100%;
    margin:76px 0 18px;
    text-align:right;
  }
  .en-contacto-project .en-contacto-intro-image {
    display:none;
  }
  .en-contacto-project .en-contacto-firstrow {
    order:1;
    margin:0 auto;
  }
  .en-contacto-project .en-contacto-copy p {
    order:3;
    width:min(100%,440px);
    margin:0 0 0 auto;
    font:400 15px/1.35 "Times Draft","Times New Roman",serif;
    text-align:justify;
    text-align-last:left;
  }
  /* The heading margin already clears the caption beneath the triptych. */
  .en-contacto-project .en-contacto-copy p:first-of-type {
    margin-top:0;
  }
  .en-contacto-project .en-contacto-composition {
    order:4;
    margin-top:64px;
  }
}


/* Shared artwork footer on phones and tablets: title/gallery control and
   previous/next navigation occupy the same vertical centre and side gutters.
   Apply to every artwork template rather than fixing pages individually. */
@media (max-width: 1024px), (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .project .project-footer {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    justify-content:space-between;
    column-gap:12px;
    flex-wrap:nowrap;
    margin:22px 22px 34px;
    min-height:44px;
  }
  .project .project-footer > span,
  .project .project-footer > button {
    align-self:center;
    min-width:0;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-self:start;
    margin:0;
  }
  .project .project-footer > span {
    max-width:100%;
    line-height:1.4;
  }
  .project .project-footer .project-pagination {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-self:end;
    gap:clamp(8px,2vw,24px);
    white-space:nowrap;
  }
  .project .project-footer .project-pagination a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    line-height:1.4;
  }
}

/* On narrow phones, keep both navigation targets accessible without forcing
   long artwork titles onto a second row. The link labels remain in the DOM
   (and in the accessible names); only the visual controls become arrows. */
@media (max-width: 540px) {
  .project .project-footer > span {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .project .project-footer .project-pagination {gap:4px;}
  .project .project-footer .project-pagination a {
    width:44px;
    min-width:44px;
    font-size:0;
  }
  .project .project-footer .project-pagination .arrow {display:none;}
  .project .project-footer .project-pagination a::before {
    content:"←";
    font:normal 21px/1 "Times Draft",serif;
  }
  .project .project-footer .project-pagination a:last-child::before {
    content:"→";
  }
}

/* Di quando ero in fiore: phone reading order is carousel, then title and
   description. Keep the carousel's counter and ficha attached to the image;
   tablet and desktop retain their approved arrangements. */
@media (max-width: 767px) {
  .fiore-editorial-project .fiore-intro {
    flex-direction:column;
  }
}


/* Gallery is desktop-only. On compact layouts every artwork's footer shows
   its own title in the shared left column instead of the gallery opener. */
.project .project-footer > .mobile-project-footer-title {display:none;}
@media (max-width: 1024px), (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .project .project-footer > .mobile-project-footer-title {
    display:inline-flex;
    min-width:0;
    align-items:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .project .project-footer > button[data-gallery] {display:none;}
  .project button[data-gallery]:disabled {
    opacity:1;
    cursor:default;
  }
}

/* Shared technical sheets: smaller, uniform typography on phones and iPads.
   Target artwork attribution/details only, not the title, statement or gallery menu. */
@media (max-width: 1024px), (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .project :is(
    .huellas-caption,
    .gusci-caption,
    .gusci-new-gallery-ficha,
    .vacia-triptych-caption,
    .vacia-installation-caption,
    .bosque-technical-caption,
    .bosque-hero-caption,
    .nonce-caption,
    .gigantismo-caption,
    .gigantismo-leaflet-caption,
    .passi-gallery-caption,
    .passi-gallery-ficha,
    .migra-ficha,
    .fiore-ficha,
    .imaginada-ficha,
    .geo-ficha,
    .en-contacto-ficha,
    .pdf-photo-caption,
    .pdf-text--caption,
    .ser-ficha
  ) {
    font-size: 10px !important;
  }
}

/* Phone: navigation arrows and counter share one row beneath the photo.
   Semillero follows the same image-column width as the photo below;
   Gigantismo retains its established 22px inner margins. */
@media (max-width: 767px) {
  /* 35 Geopoiesis: slightly enlarge the phone carousel without disturbing
     tablet/desktop layout or the controls below its counter. */
  .geopoiesis-project .geo-intro .geo-hero {
    width:min(68%,calc((100vw - 96px) * .56));
  }
  #proyecto-semillero-al-viento .proyectos-carousel {width:100%;margin:0;}
  main :is(
    .proyectos-carousel,.gigantismo-carousel-stage,.fiore-carousel-stage,
    .geo-carousel-stage,.bosque-carousel-stage,.nonce-passport-stage,
    .pdf-art-carousel
  ) { overflow:visible; }

  main :is(
    .proyectos-carousel-controls,
    .gigantismo-carousel-controls,
    .fiore-carousel-controls,
    .geo-carousel-controls,
    .bosque-carousel-controls,
    .nonce-passport-controls,
    .pdf-project .pdf-photo--carousel .pdf-art-carousel .pdf-art-carousel-controls,
    .pdf-project[data-project="sei-passato-di-qui"] .pdf-photo--hero .pdf-art-carousel .pdf-art-carousel-controls,
    .pdf-project[data-project="gusci"] .pdf-photo--hero .pdf-art-carousel .pdf-art-carousel-controls
  ) {
    position:absolute!important;
    inset:auto 0 auto 0!important;top:100%!important;
    width:100%!important;height:40px!important;
    display:flex!important;justify-content:space-between!important;
    align-items:center!important;gap:0!important;
    margin:0!important;padding:0!important;transform:none!important;
    background:transparent!important;pointer-events:none;z-index:5;
  }
  main :is(
    .proyectos-carousel-controls,
    .gigantismo-carousel-controls,
    .fiore-carousel-controls,
    .geo-carousel-controls,
    .bosque-carousel-controls,
    .nonce-passport-controls,
    .pdf-project .pdf-photo--carousel .pdf-art-carousel .pdf-art-carousel-controls,
    .pdf-project[data-project="sei-passato-di-qui"] .pdf-photo--hero .pdf-art-carousel .pdf-art-carousel-controls,
    .pdf-project[data-project="gusci"] .pdf-photo--hero .pdf-art-carousel .pdf-art-carousel-controls
  ) button {
    position:relative!important;
    top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    width:44px!important;min-width:44px!important;
    height:40px!important;min-height:40px!important;
    flex:0 0 44px!important;
    margin:0!important;padding:0!important;transform:none!important;
    pointer-events:auto;touch-action:manipulation;
  }
  main :is(
    .proyectos-carousel-counter,
    .gigantismo-carousel-counter,
    .fiore-carousel-counter,
    .geo-carousel-counter,
    .bosque-carousel-counter,
    .nonce-passport-counter,
    .pdf-project .pdf-photo--carousel .pdf-art-carousel-count
  ) {
    display:flex;justify-content:center;align-items:center;
    width:100%;height:40px;margin:0!important;text-align:center;
  }
  .pdf-project .pdf-photo--carousel .pdf-art-carousel-count {
    position:relative;top:auto;left:auto;transform:none;
  }

  /* La casa vacía: reserve the portrait frame on phones so the caption,
     counter and following text stay in place when slide formats differ.
     Images remain fully visible and vertically centered, without cropping. */
  .vacia-editorial-project .vacia-triptych-stage[data-frame] {
    aspect-ratio:2.5 / 1;
  }

  /* La casa vacía: the navigation is a sibling of the slide rather than
     nested inside it; overlap controls and counter in one grid row. */
  .vacia-editorial-project .vacia-triptych-figure {
    display:grid;grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto 40px auto;
  }
  .vacia-editorial-project .vacia-triptych-stage {grid-area:1 / 1;}
  .vacia-editorial-project .vacia-triptych-navigation {
    grid-area:2 / 1;
    position:relative!important;top:auto!important;right:auto!important;
    bottom:auto!important;left:auto!important;
    display:flex;align-items:center;justify-content:space-between;
    width:100%;height:40px;margin:0;pointer-events:none;
  }
  .vacia-editorial-project .vacia-triptych-navigation button {
    position:relative!important;top:auto!important;right:auto!important;
    bottom:auto!important;left:auto!important;transform:none!important;
    width:44px;min-width:44px;height:40px;padding:0;pointer-events:auto;
  }
  .vacia-editorial-project .vacia-triptych-counter {
    grid-area:2 / 1;align-self:center;justify-self:center;
    margin:0!important;pointer-events:none;
  }
  .vacia-editorial-project .vacia-triptych-caption {grid-area:3 / 1;}
}

/* Arqueología de un cuerpo: navigation is always BELOW the photograph,
   with the numeric counter centered between the two arrow buttons.
   Keep this scoped to Arqueología so other galleries retain their layout. */
.pdf-project[data-project="arqueologia"] .pdf-photo--carousel .pdf-art-carousel .pdf-art-carousel-controls {
  position:absolute!important;
  inset:auto 0 auto 0!important;
  top:100%!important;
  width:100%!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  transform:none!important;
  background:transparent!important;
  pointer-events:none;
  z-index:10;
}
.pdf-project[data-project="arqueologia"] .pdf-photo--carousel .pdf-art-carousel-controls button {
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  flex:0 0 40px!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  pointer-events:auto;
}
.pdf-project[data-project="arqueologia"] .pdf-photo--carousel .pdf-art-carousel-count {
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:40px;
  margin:0;
  pointer-events:none;
}
@media (min-width:1025px) and (not ((max-width:1366px) and (hover:none) and (pointer:coarse))) {
  .pdf-project[data-project="arqueologia"] .pdf-photo--carousel .pdf-photo-caption {
    top:calc(100% + 56px);
  }
}
@media (max-width:1024px), (max-width:1366px) and (hover:none) and (pointer:coarse) {
  .pdf-project[data-project="arqueologia"] .pdf-photo--carousel .pdf-art-carousel-count {
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    margin:0 auto;
    width:100%;
    height:40px;
  }
  .pdf-project[data-project="arqueologia"] .pdf-photo--carousel .pdf-photo-caption {
    position:relative;
    top:auto;
    margin-top:12px;
  }
}