/* Secciones extra del artículo pilar de Amazon (includes/amazon-pillar-extras.php). Usan la fuente del tema. */
.sag-px {
    --sag-px-border: rgba(0, 0, 0, .1);
    --sag-px-soft: #f6f6f4;
    --sag-px-muted: #5f5e5a;
    box-sizing: border-box;
    margin: 1.5em 0;
    font-size: 15px;
    line-height: 1.6;
}
.sag-px *, .sag-px *::before, .sag-px *::after { box-sizing: border-box; }

/* Aviso de afiliación (solo al inicio del artículo) */
.sag-px-disclosure {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--sag-px-border);
    border-radius: 12px;
    background: #fff;
    color: var(--sag-px-muted);
    font-size: 13px;
    line-height: 1.5;
}
.sag-px-disclosure__icon {
    display: flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e6f1fb;
    color: #185fa5;
    font-size: 0;
    line-height: 0;
}
/* El aviso largo del final ya no se genera; se oculta también en los artículos ya publicados */
.sag-px-disclosure-full { display: none !important; }

/* Resumen de ganadores */
.sag-px-winners {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    border: 1px solid var(--sag-px-border);
    border-radius: 12px;
    overflow: hidden;
}
.sag-px-winners__item {
    padding: 14px 16px;
    border-inline-end: 1px solid var(--sag-px-border);
}
.sag-px-winners__item:last-child { border-inline-end: 0; }
.sag-px-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}
.sag-px-badge--blue { background: #e6f1fb; color: #0c447c; }
.sag-px-badge--green { background: #eaf3de; color: #27500a; }
.sag-px-badge--red { background: #fcebeb; color: #791f1f; }
.sag-px-winners__name {
    margin-top: 8px;
    font-weight: 700;
    line-height: 1.35;
}
.sag-px-winners__ideal {
    margin-top: 4px;
    color: var(--sag-px-muted);
    font-size: 13px;
    line-height: 1.45;
}
.sag-px-winners__link {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    text-decoration: none;
}
.sag-px-winners__link:hover { text-decoration: underline; }

/* Cómo hemos elegido */
.sag-px-method {
    padding: 16px 18px;
    border-radius: 12px;
    background: var(--sag-px-soft);
}
.sag-px-method__title {
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 700;
}
.sag-px-method__figures {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}
.sag-px-method__figure {
    padding: 10px 12px;
    border-radius: 8px;
    background: #fff;
}
.sag-px-method__value {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}
.sag-px-method__label {
    display: block;
    color: var(--sag-px-muted);
    font-size: 12px;
    line-height: 1.35;
}
.sag-px-method__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sag-px-method__list li {
    position: relative;
    margin: 0 0 4px;
    padding-inline-start: 24px;
    color: var(--sag-px-muted);
    font-size: 14px;
}
.sag-px-method__list li::before {
    content: "✓";
    position: absolute;
    inset-inline-start: 2px;
    color: #3b6d11;
    font-weight: 700;
}

/* Para quién es cada uno */
.sag-px-who {
    border: 1px solid var(--sag-px-border);
    border-radius: 12px;
    overflow: hidden;
}
.sag-px-who table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    font-size: 14px;
}
.sag-px-who th, .sag-px-who td {
    padding: 9px 14px;
    border: 0;
    border-top: 1px solid var(--sag-px-border);
    text-align: start;
    vertical-align: top;
}
.sag-px-who th {
    border-top: 0;
    background: var(--sag-px-soft);
    color: var(--sag-px-muted);
    font-weight: 400;
}
.sag-px-who__product { font-weight: 700; }

/* Errores a evitar */
.sag-px-mistakes {
    padding: 2px 0 2px 16px;
    border-inline-start: 3px solid #ba7517;
}
.sag-px-mistakes ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sag-px-mistakes li {
    margin: 0 0 8px;
    color: var(--sag-px-muted);
}
.sag-px-mistakes li:last-child { margin-bottom: 0; }
.sag-px-mistakes strong { color: #2c2c2a; }

/* Iconos (SVG en máscara CSS: kses borra <svg> al publicar desde el cron y así valen también para posts ya publicados) */
.sag-px-disclosure__icon::before {
    content: "";
    width: 18px;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06'/%3E%3Cpath d='M15 19l2 2l4 -4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06'/%3E%3Cpath d='M15 19l2 2l4 -4'/%3E%3C/svg%3E") center / contain no-repeat;
    background: currentColor;
}
.sag-px-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.sag-px-badge::before {
    content: "";
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    background: currentColor;
}
.sag-px-badge--blue::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21l8 0'/%3E%3Cpath d='M12 17l0 4'/%3E%3Cpath d='M7 4l10 0'/%3E%3Cpath d='M17 4v8a5 5 0 0 1 -10 0v-8'/%3E%3Cpath d='M5 9m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M19 9m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21l8 0'/%3E%3Cpath d='M12 17l0 4'/%3E%3Cpath d='M7 4l10 0'/%3E%3Cpath d='M17 4v8a5 5 0 0 1 -10 0v-8'/%3E%3Cpath d='M5 9m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M19 9m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3C/svg%3E") center / contain no-repeat;
}
.sag-px-badge--green::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.sag-px-badge--red::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3Cpath d='M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592 -5.592a2.41 2.41 0 0 0 0 -3.408l-7.71 -7.71a2 2 0 0 0 -1.414 -.586h-5.172a3 3 0 0 0 -3 3z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3Cpath d='M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592 -5.592a2.41 2.41 0 0 0 0 -3.408l-7.71 -7.71a2 2 0 0 0 -1.414 -.586h-5.172a3 3 0 0 0 -3 3z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.sag-px-method__title {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sag-px-method__title::before {
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2'/%3E%3Cpath d='M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z'/%3E%3Cpath d='M9 14l2 2l4 -4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2'/%3E%3Cpath d='M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z'/%3E%3Cpath d='M9 14l2 2l4 -4'/%3E%3C/svg%3E") center / contain no-repeat;
    background: currentColor;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    background: #1e73be;
}
.sag-px-method__figure {
    position: relative;
    padding-inline-start: 44px;
}
.sag-px-method__figure::before {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-start: 12px;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
    background: #1e73be;
}
.sag-px-method__figure:nth-child(1)::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5'/%3E%3Cpath d='M12 12l8 -4.5'/%3E%3Cpath d='M12 12l0 9'/%3E%3Cpath d='M12 12l-8 -4.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5'/%3E%3Cpath d='M12 12l8 -4.5'/%3E%3Cpath d='M12 12l0 9'/%3E%3Cpath d='M12 12l-8 -4.5'/%3E%3C/svg%3E") center / contain no-repeat;
    background: #1e73be;
}
.sag-px-method__figure:nth-child(2)::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h6'/%3E%3Cpath d='M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h6'/%3E%3Cpath d='M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z'/%3E%3C/svg%3E") center / contain no-repeat;
    background: #1e73be;
}
.sag-px-method__figure:nth-child(3)::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E") center / contain no-repeat;
    background: #ba7517;
}
.sag-px-method__list li::before {
    top: 3px;
    width: 17px;
    height: 17px;
    font-size: 0;
}
.sag-px-method__list li::before {
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") center / contain no-repeat;
    background: currentColor;
    background: #3b6d11;
}
.sag-px-who th:first-child::before {
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3Cpath d='M21 21v-2a4 4 0 0 0 -3 -3.85'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3Cpath d='M21 21v-2a4 4 0 0 0 -3 -3.85'/%3E%3C/svg%3E") center / contain no-repeat;
    background: currentColor;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-inline-end: 8px;
    vertical-align: -3px;
    background: #1e73be;
}
h2.sag-px-mistakes-title,
h2:has(+ .sag-px-mistakes) {
    display: flex;
    align-items: center;
    gap: 10px;
}
h2.sag-px-mistakes-title::before,
h2:has(+ .sag-px-mistakes)::before {
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / contain no-repeat;
    background: currentColor;
    flex: 0 0 1.1em;
    width: 1.1em;
    height: 1.1em;
    background: #ba7517;
}
.sag-px-mistakes li {
    position: relative;
    padding-inline-start: 26px;
}
.sag-px-mistakes li::before {
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6l-12 12'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6l-12 12'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E") center / contain no-repeat;
    background: currentColor;
    position: absolute;
    top: 4px;
    inset-inline-start: 0;
    width: 16px;
    height: 16px;
    background: #d63638;
}

/* Móvil */
@media (max-width: 600px) {
    .sag-px-winners { grid-auto-flow: row; }
    .sag-px-winners__item {
        border-inline-end: 0;
        border-bottom: 1px solid var(--sag-px-border);
    }
    .sag-px-winners__item:last-child { border-bottom: 0; }
    .sag-px-method__figures { gap: 6px; }
    .sag-px-method__value { font-size: 17px; }
    .sag-px-disclosure__icon { flex-basis: 28px; width: 28px; height: 28px; }
}