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

.seo-preview {
  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);
}
.seo-preview img { display:block; width:100%; height:auto; }
.seo-preview-copy { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); }
.seo-preview-copy span { padding:13px 10px; color:var(--muted); background:rgba(5,15,35,.98); font-size:.76rem; font-weight:700; text-align:center; }
.seo-types,.audit-grid,.issue-grid,.initial-grid,.local-grid { display:grid; gap:16px; }
.seo-types { grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:28px; }
.audit-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.issue-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.initial-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.local-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.seo-card { min-height:154px; }
.seo-card strong { display:block; margin-bottom:8px; color:#9af3bd; font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }
.issue-card { border-left:3px solid rgba(138,77,255,.68); border-radius:0 18px 18px 0; }
.scope-note,.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;
}
.local-panel,.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));
}
.local-signals,.price-factors { display:flex; flex-wrap:wrap; gap:9px; }
.local-signal,.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;
}
.project-main-image img { background:#06122d; }

@media (min-width:1024px) {
  .section[aria-labelledby="proyecto-title"] .project-main-image {
    align-self:center;
    transform:translateX(clamp(-32px,-2vw,-20px));
  }
}
@media (max-width:1060px) {
  .seo-types { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .audit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .issue-grid,.initial-grid,.local-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
  .local-panel,.price-shell { grid-template-columns:1fr; }
}
@media (max-width:768px) {
  .seo-preview-copy { grid-template-columns:1fr; }
  .seo-preview-copy span { padding:10px; }
  .seo-types,.audit-grid,.issue-grid,.initial-grid,.local-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;
  }
  .seo-types::-webkit-scrollbar,.audit-grid::-webkit-scrollbar,.issue-grid::-webkit-scrollbar,
  .initial-grid::-webkit-scrollbar,.local-grid::-webkit-scrollbar { display:none; }
  .seo-types>.card,.audit-grid>.card,.issue-grid>.card,.initial-grid>.card,.local-grid>.card {
    flex:0 0 calc(100% - 42px);
    min-height:auto;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .local-panel,.price-shell { padding:26px 20px; text-align:center; }
  .local-signals,.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; }
}