.guia-pagina { max-width: 56rem; }
.guia-pagina > .bajada-pagina { margin-bottom: 20px; }
.guia-pagina .titular-pagina { max-width: 32ch; }
.guia-herramienta { border: 1px solid var(--filete-fuerte); padding: 16px; background: var(--hundido); margin: 16px 0 24px; }
.guia-herramienta h2 { font-size: 1.25rem; margin-bottom: 12px; }
.guia-campos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.guia-campos label { display: grid; gap: 6px; min-width: 0; font-size: 1rem; font-weight: 600; }
.guia-campos .campo { min-width: 0; width: 100%; min-height: 44px; font-size: 1rem; color: var(--tinta); background: var(--papel); text-overflow: ellipsis; }
.guia-acciones { margin: 12px 0; flex-wrap: wrap; gap: 8px; }
.guia-acciones button { min-height: 44px; }
.guia-resultado { font-size: 1.125rem; font-weight: 600; line-height: 1.5; margin: 12px 0; }
.guia-error { color: var(--vivo); margin: 10px 0; font-weight: 600; }
.guia-error:empty { display: none; }
.comparacion-marco { width: 100%; }
.comparacion-tabla { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 1rem; background: var(--papel); }
.comparacion-tabla th, .comparacion-tabla td { padding: 10px 8px; border-bottom: 1px solid var(--filete-fuerte); overflow-wrap: anywhere; }
.comparacion-tabla thead th { font-weight: 700; text-align: center; }
.comparacion-tabla thead th:first-child, .comparacion-tabla tbody th { text-align: left; }
.comparacion-tabla tbody th { font-weight: 500; }
.comparacion-tabla td { text-align: center; font-variant-numeric: tabular-nums; }
.guia-herramienta > .nota-dato { margin-top: 12px; }
.guia-texto { margin-top: 24px; }
.guia-texto li + li { margin-top: 8px; }
.guia-fuentes { border-top: 1px solid var(--filete-fuerte); margin-top: 28px; padding-top: 16px; font-size: 1rem; line-height: 1.6; }
.guia-fuentes h2 { font-size: 1.25rem; margin-bottom: 8px; }
.guia-fuentes ul { list-style: disc; padding-left: 1.25em; }
.guia-fuentes p { margin-top: 10px; }
.guia-lista { list-style: none; padding: 0; }
.guia-lista li { border-bottom: 1px solid var(--filete); padding: 18px 0; }
.guia-lista h2 { font-size: 1.5rem; line-height: 1.2; }
.guia-lista p { font-size: 1.125rem; line-height: 1.5; margin-top: 8px; color: var(--tinta-2); }
.guia-pagina a { overflow-wrap: anywhere; }
@media (max-width: 400px) { .guia-herramienta { padding: 12px; } .guia-campos { gap: 8px; } .comparacion-tabla th, .comparacion-tabla td { padding: 8px 5px; } }

.guia-pagina { max-width: 68rem; }
.comparacion-graficos { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0; }
.comparacion-graficos h3 { font-size: 1.125rem; margin-bottom: 10px; }
.comparacion-barra { margin-bottom: 12px; }
.comparacion-barra p { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 1rem; line-height: 1.35; margin: 0 0 5px; }
.comparacion-barra p span { min-width: 0; overflow-wrap: anywhere; }
.comparacion-barra p b { flex-shrink: 0; font-variant-numeric: tabular-nums; }
.comparacion-barra > div { background: var(--filete); height: 12px; }
.comparacion-barra > div span { display: block; height: 100%; }
.barra-club-0 { background: #cf203b; }
.barra-club-1 { background: #427bb0; }
@media (max-width: 599px) { .comparacion-graficos { grid-template-columns: 1fr; } }
.guia-texto { max-width: 68ch; }
@media (max-width: 599px) { form[data-comparar-equipos] .guia-campos { grid-template-columns: minmax(0, 1fr); } }