
.joma-post .jp-elige{border:1px solid #e2e8f0;border-radius:16px;padding:18px;margin:16px 0 22px;background:#fbfdff}
.joma-post .jp-elige-q{margin-bottom:16px}
.joma-post .jp-elige-q:last-of-type{margin-bottom:18px}
.joma-post .jp-elige-qtxt{font-weight:800;color:#0d1b2a;margin:0 0 10px}
.joma-post .jp-elige-opts{display:flex;flex-wrap:wrap;gap:10px}
.joma-post .jp-elige-opts button{flex:1 1 220px;padding:11px 14px;border:2px solid #cfe0ee;background:#fff;border-radius:10px;font-weight:700;color:#0d1b2a;cursor:pointer;font-size:.96em;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.joma-post .jp-elige-opts button:hover{border-color:#009ecf}
.joma-post .jp-elige-opts button.on{background:#e6f5fd;border-color:#009ecf;color:#0d1b2a;box-shadow:0 6px 18px rgba(0,158,207,.20)}
.joma-post .jp-elige-opts button.on:after{content:" \2713";font-weight:900;color:#0089b5}
.joma-post .jp-elige-result{border-top:1px dashed #b9d3e8;margin-top:6px;padding-top:16px}
.joma-post .jp-elige-hint{font-weight:700;color:#334155;text-align:center;margin:0}
.joma-post .jp-elige-card{display:flex;gap:16px;align-items:center;justify-content:center;text-align:center;background:#fff;border:2px solid #009ecf;border-radius:8px;padding:14px 16px;box-shadow:0 10px 28px rgba(0,158,207,.16)}
.joma-post .jp-elige-card .jp-pickthumb{flex:0 0 82px;width:82px;height:82px}
.joma-post .jp-elige-cardtxt{flex:0 1 auto;text-align:center}
.joma-post .jp-elige-lead{margin:0 0 6px;font-size:1.05em}
.joma-post .jp-elige-tag{display:inline-block;margin-left:6px;background:#eaf8ff;color:#0089b5;font-weight:800;font-size:.78em;border-radius:999px;padding:2px 10px;vertical-align:middle}
.joma-post .jp-elige-desc{margin:0 0 10px;color:#334155;font-size:.94em}
.joma-post .jp-elige-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px}
.joma-post .jp-elige-cta,
.joma-post .jp-elige-cta:link,
.joma-post .jp-elige-cta:visited,
.joma-post .jp-elige-cta:hover,
.joma-post .jp-elige-cta:focus,
.joma-post .jp-elige-cta:active{display:inline-block;background:#009ecf;color:#fff!important;font-weight:800;font-size:.94em;line-height:1.25;letter-spacing:normal;padding:10px 20px;border:0;border-radius:8px;text-decoration:none!important;transform:none!important;box-shadow:none;transition:background-color .15s ease}
.joma-post .jp-elige-cta:hover,
.joma-post .jp-elige-cta:focus{background:#0089b5}
.joma-post .jp-elige-again,
.joma-post .jp-elige-again:hover,
.joma-post .jp-elige-again:focus{display:inline-block;margin:0;background:none;border:0;color:#0089b5;font-weight:700;font-size:.9em;line-height:1.25;letter-spacing:normal;text-decoration:underline;cursor:pointer;padding:10px 4px;transform:none!important;box-shadow:none}
.joma-post .jp-elige-again:hover{color:#00648a}
/* REV21 (Víctor): el CTA del resultado sube a la ficha del propio post y la ficha ganadora
   se marca con la banda "ELEGIDA POR EL TEST". La banda es el primer hijo de .jp-card, que
   en .jp-grid es flex en columna: sale una franja a todo el ancho, recortada por el
   border-radius de la ficha (overflow:hidden). Doble clase .jp-picked.jp-picked para ganarle
   al border-color !important de la regla de fichas sin tocarla. */
.joma-post .jp-grid .jp-card .jp-elegida{display:flex;align-items:center;justify-content:center;gap:8px;height:34px;box-sizing:border-box;padding:0 12px;background:#009ecf;color:#fff;font-weight:900;font-size:12px;letter-spacing:.07em;text-transform:uppercase;text-align:center;line-height:1.2;position:relative;z-index:6}
/* En movil la etiqueta "Nuevo 2026" es absolute con top:7px !important (regla de la base),
   asi que en la ficha elegida hay que bajarla por debajo de la banda tambien con !important;
   en escritorio la etiqueta es static y este top no le afecta. */
.joma-post .jp-grid .jp-card.jp-picked .jp-head-info .jp-tag{top:43px!important}
.joma-post .jp-grid .jp-card .jp-elegida .jp-elegida-ico{font-size:1.1em;line-height:1;font-weight:900}
.joma-post .jp-grid .jp-card.jp-picked.jp-picked{border-color:#009ecf!important;box-shadow:0 10px 28px rgba(0,158,207,.22)}
@media(max-width:600px){.joma-post .jp-elige-card{flex-direction:column;text-align:center;gap:12px}.joma-post .jp-elige-cardtxt{width:100%}.joma-post .jp-elige-opts button{flex:1 1 100%}}
