/* Comparador de precios */
.oj-precios-form { display: flex; gap: .6rem; flex-wrap: wrap; margin: 1.25rem 0 .5rem; }
.oj-precios-form input { flex: 1 1 320px; padding: .8rem 1rem; font-size: 1.05rem; border: 2px solid #0088fe; border-radius: .6rem; background: white; }
.oj-precios-form button { border: 0; cursor: pointer; font-size: 1rem; }
.oj-precios .oj-oferta-boton { padding: .75rem 1.2rem; border-radius: .6rem; background: #0065b9; color: white; font-weight: 700; }
.oj-precios-ejemplos { font-size: .9rem; color: #5b6673; display: flex; gap: .4rem .8rem; flex-wrap: wrap; }
.oj-precios-ejemplos a { color: #005cae; text-decoration: underline; text-underline-offset: 3px; }
.oj-precios-cargando { padding: 2rem 0; font-weight: 650; }
.oj-precios-head h2 { font-size: clamp(1.4rem, 2.8vw, 2.1rem); margin: 1.5rem 0 .75rem; line-height: 1.15; }
.oj-precios-tabs { display: flex; gap: .45rem; flex-wrap: wrap; margin-bottom: 1rem; }
.oj-precios-tabs .pill { cursor: pointer; }
.oj-precios-tabs .pill.active { border-color: #0088fe; box-shadow: inset 0 0 0 1px #0088fe; color: #005cae; }
.oj-precios-tabs .oj-modo:first-of-type { margin-left: auto; }
.oj-precios-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.oj-precio { display: grid; grid-template-columns: 1fr auto; gap: .25rem .75rem; padding: .9rem 1rem; background: white; border: 1px solid #d5dfeb; border-left: 6px solid #888; border-radius: .7rem; color: #17212d; text-decoration: none; transition: transform .12s ease; }
.oj-precio:hover { transform: translateY(-2px); }
.oj-precio-tienda { font-weight: 750; }
.oj-precio-nota { grid-column: 1 / -1; font-size: .8rem; color: #b45309; }
.oj-precio-cifra { grid-row: 1; grid-column: 2; text-align: right; }
.oj-precio-cifra b { font-size: 1.35rem; color: #005cae; }
.oj-precio-cifra del { display: block; font-size: .85rem; color: #7a8591; }
.oj-precio-ir { font-size: .85rem; font-weight: 700; color: #005cae; }
.oj-precios-sub { margin: 1.25rem 0 .5rem; font-weight: 700; }
.oj-precios-chips { display: flex; gap: .5rem; flex-wrap: wrap; }
.oj-precio-chip { padding: .45rem .8rem; border: 1px solid #888; border-radius: 2rem; background: white; font-size: .9rem; font-weight: 650; color: #17212d; }
.oj-precio-saldo { padding: 1rem; margin-bottom: .75rem; border-radius: .7rem; background: #edf6ff; border: 1px solid #8ec2ec; }
.oj-precio-saldo p { margin: 0 0 .5rem; }
.oj-precio-saldo a { display: block; color: #005cae; font-weight: 650; margin-top: .25rem; }
@media (max-width: 900px) { .oj-precios-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .oj-precios-grid { grid-template-columns: 1fr; } .oj-precios-tabs .oj-modo:first-of-type { margin-left: 0; } }

/* Últimas búsquedas comparadas */
.oj-precios-recientes { margin-top: 2.5rem; }
.oj-precios-recientes h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); margin: 0 0 .35rem; }
.oj-precios-recientes-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: 1rem; }
.oj-reciente { position: relative; display: flex; flex-direction: column; gap: .4rem; padding: 1rem 1rem .9rem; background: white; border: 1px solid #d5dfeb; border-left: 6px solid #888; border-radius: .7rem; }
.oj-reciente-hora { position: absolute; top: .45rem; right: .6rem; font-size: .7rem; color: #7a8591; }
.oj-reciente h3 { margin: .6rem 0 0; font-size: 1.05rem; line-height: 1.25; }
.oj-reciente h3 a { color: #17212d; }
.oj-reciente h3 a:hover { color: #005cae; }
.oj-reciente-meta { margin: 0; font-size: .8rem; color: #5b6673; }
.oj-reciente-precio { margin: 0; }
.oj-reciente-precio b { font-size: 1.35rem; color: #005cae; }
.oj-reciente-precio del { margin-left: .35rem; color: #7a8591; font-size: .9rem; }
.oj-reciente-precio span { margin-left: .35rem; font-size: .85rem; color: #5b6673; }
.oj-reciente-links { display: flex; align-items: center; justify-content: space-between; gap: .5rem; flex-wrap: wrap; margin-top: auto; padding-top: .35rem; font-size: .85rem; }
.oj-reciente-links a { color: #005cae; font-weight: 650; }
.oj-reciente .oj-oferta-boton { padding: .45rem .8rem; border-radius: .5rem; background: #0065b9; color: white; font-weight: 700; }
@media (max-width: 900px) { .oj-precios-recientes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .oj-precios-recientes-grid { grid-template-columns: 1fr; } }