/* seo-pages (product-funnel/seo-pages): piezas propias de las landings de intención de búsqueda. Base: site-base/site.css. */
.page-seo .hero-head { max-width: 860px; }
.page-seo .hero-wide { margin-top: clamp(40px, 6vw, 72px); }
.page-seo .crumbs + .eyebrow { margin-top: 4px; }

/* Pestañas de plantillas (crear-videos-inmobiliarios-ia) */
.tabs .tab-list { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px; margin-bottom: 36px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); width: fit-content; max-width: 100%; }
.tabs [role="tab"] { min-height: 40px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: var(--text-2); font: 550 0.93rem var(--font); cursor: pointer;
  transition: background-color 0.2s, color 0.2s; }
.tabs [role="tab"]:hover { color: var(--text); }
.tabs [role="tab"][aria-selected="true"] { background: var(--text); color: var(--bg); }
.tabs .tab-panel { animation: pop 0.3s var(--ease); }
.tabs .tab-title { font-size: clamp(1.6rem, 3vw, 2.2rem); letter-spacing: -0.035em; margin-bottom: 14px; }
.tabs .tab-desc { font-size: 1.12rem; color: var(--text-2); max-width: 520px; }
@media (max-width: 640px) { .tabs .tab-list { border-radius: 18px; } .tabs [role="tab"] { flex: 1 1 45%; } }

.pill-cloud { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 26px 0 18px; }

/* Formatos (convertir-fotos-en-videos) */
.formats { display: flex; justify-content: center; align-items: flex-end; gap: clamp(20px, 5vw, 64px); flex-wrap: wrap; }
.format { margin: 0; text-align: center; }
.format .frame { display: block; margin: 0 auto 18px; border-radius: 14px; border: 1px solid var(--line-2);
  background: linear-gradient(160deg, rgba(255, 60, 172, 0.22), rgba(34, 211, 238, 0.18)), var(--surface); }
.frame-v { width: 126px; aspect-ratio: 9 / 16; }
.frame-h { width: 300px; aspect-ratio: 16 / 9; }
.frame-s { width: 180px; aspect-ratio: 1; }
.format figcaption { color: var(--muted); font-size: 0.9rem; }
.format figcaption b { display: block; color: var(--text); font-size: 1rem; margin-bottom: 2px; }
@media (max-width: 640px) { .frame-h { width: 78vw; } }

/* Comparación de motores (desarrolladores) */
.compare-cards { display: grid; gap: 16px; }
.compare-cards .pill { margin-bottom: 16px; }

/* Libro de números (fotógrafos) */
.ledger { border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); padding: 8px 26px; font-variant-numeric: tabular-nums; }
.ledger > div { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); color: var(--text-2); }
.ledger > div:last-child { border-bottom: 0; }
.ledger b { color: var(--text); font-weight: 600; }
.ledger-total b { font-size: 1.5rem; letter-spacing: -0.03em; }