@import url("tiendas-online-paraguay.css?v=20260721-1");

.maintenance-visual {
  width:100%;
  max-width:680px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(11,27,59,.98),rgba(5,15,35,.98));
  box-shadow:var(--shadow);
}
.maintenance-visual img { display:block; width:100%; height:auto; }
.maintenance-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); }
.maintenance-status span { padding:13px 10px; color:var(--muted); background:rgba(5,15,35,.98); font-size:.77rem; font-weight:700; text-align:center; }
.maintenance-grid,.moment-grid,.value-grid { display:grid; gap:18px; }
.maintenance-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.moment-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.value-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.maintenance-card { min-height:180px; }
.moment-card { border-left:3px solid rgba(138,77,255,.68); border-radius:0 18px 18px 0; }
.project-note {
  margin:18px 0 22px;
  padding:14px 16px;
  border:1px solid rgba(20,230,110,.16);
  border-radius:14px;
  color:#b8c8e6;
  background:rgba(20,230,110,.045);
  font-size:.88rem;
}
.price-shell {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);
  gap:clamp(28px,6vw,72px);
  align-items:center;
  padding:clamp(28px,5vw,54px);
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(11,27,59,.98),rgba(5,15,35,.98));
}
.price-factors { display:flex; flex-wrap:wrap; gap:9px; }
.price-factor { padding:8px 11px; border:1px solid rgba(138,77,255,.23); border-radius:999px; color:#e2d6ff; background:rgba(138,77,255,.08); font-size:.82rem; font-weight:700; }

@media (min-width:1024px) {
  .maintenance-hero .hero-grid {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(48px,5vw,76px);
  }
  .maintenance-hero .hero-grid>* { min-width:0; }
  .maintenance-hero h1 { font-size:clamp(3.2rem,5.2vw,5.25rem); }
  .maintenance-hero .hero-visual {
    width:100%;
    max-width:680px;
    min-width:0;
    overflow:hidden;
    justify-self:center;
  }
  .section[aria-labelledby="proyecto-title"] .project-main-image {
    align-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:clamp(24px,2.5vw,36px);
  }
  .section[aria-labelledby="proyecto-title"] .project-main-image img {
    border-radius:16px;
    box-shadow:0 14px 32px rgba(0,20,55,.22);
  }
  .section[aria-labelledby="proyecto-title"] .gallery-hint { margin:10px 0 14px; }
}
@media (max-width:1023px) {
  .maintenance-hero .hero-grid { grid-template-columns:1fr; }
  .maintenance-hero .hero-grid>div:first-child {
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .maintenance-hero .hero-copy { margin-inline:auto; text-align:center; }
  .maintenance-hero .actions { justify-content:center; }
  .maintenance-hero .hero-visual {
    width:min(100%,760px);
    max-width:760px;
    min-width:0;
    margin-inline:auto;
  }
}
@media (max-width:1060px) {
  .maintenance-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .value-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:820px) {
  .price-shell { grid-template-columns:1fr; }
}
@media (max-width:768px) {
  .maintenance-status { grid-template-columns:1fr; }
  .maintenance-status span { padding:10px; }
  .maintenance-grid,.moment-grid,.value-grid {
    display:flex;
    gap:14px;
    overflow-x:auto;
    padding:2px 42px 14px 0;
    scroll-padding-inline:0 42px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .maintenance-grid::-webkit-scrollbar,.moment-grid::-webkit-scrollbar,.value-grid::-webkit-scrollbar { display:none; }
  .maintenance-grid>.card,.moment-grid>.card,.value-grid>.card {
    flex:0 0 calc(100% - 42px);
    min-height:auto;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .price-shell { padding:26px 20px; text-align:center; }
  .price-factors,.price-shell .actions { justify-content:center; }
  .section[aria-labelledby="proyecto-title"] .project-shell {
    grid-template-columns:1fr;
    gap:10px;
    padding:8px;
  }
  .section[aria-labelledby="proyecto-title"] .project-copy>h3,
  .section[aria-labelledby="proyecto-title"] .project-copy>p,
  .section[aria-labelledby="proyecto-title"] .project-copy>.tags,
  .section[aria-labelledby="proyecto-title"] .gallery-hint { margin-inline:10px; }
  .section[aria-labelledby="proyecto-title"] .project-copy>.btn { width:auto; margin-inline:10px; }
  .section[aria-labelledby="proyecto-title"] .project-main-image { aspect-ratio:auto; }
  .section[aria-labelledby="proyecto-title"] .project-main-image img { height:auto; }
}