.table-comparative-wrap-lcs {clear: both;overflow-x:auto;border-radius:inherit;box-shadow: 0 0 4px rgba(0,0,0,0.12);}
.wd-el-table {margin-bottom:0;}
.wd-el-table :is(td,th) {text-align:var(--text-align);width: 281px;min-width: 281px;border-bottom: none;border-right: 1px solid rgba(0,0,0,0.12);}
.wd-el-table.table-comparative-purchase-lcs form {display: block;}
.wd-el-table :is(td,th):last-child {border-right: none;}
.wd-el-table :is(td,th) p:last-child {margin-bottom:0;}
.table-comparative-wrap-lcs table {table-layout: fixed; width: auto;}
.table-comparative-wrap-lcs .table-comparative-info {background-color: #007BC4; color: white; font-weight: bold; font-size: 16px; }
.table-comparative-wrap-lcs .table-comparative-pros {background-color: #118A03; color: white; font-weight: bold; font-size: 16px; }
.table-comparative-wrap-lcs .table-comparative-cons {background-color: #E62302; color: white; font-weight: bold; font-size: 16px; }
.table-comparative-wrap-lcs .table-comparative-subtitle-wrap {height: 30px;}
.table-comparative-wrap-lcs .table-comparative-subtitle {position: absolute; width: 100%;}
.table-comparative-wrap-lcs .table-comparative-subtitle p {margin: 0; padding: 4px; }
.table-comparative-wrap-lcs .table-comparative-subtitle p span {padding-left: 8px;}
.table-comparative-wrap-lcs .table-comparative-attributes-lcs tbody > tr:nth-of-type(even) {background-color: #f4f7f8;}
.table-comparative-wrap-lcs .table-comparative-info-wrapper-lcs {z-index: 1;background-color: #ffffff;}
.table-comparative-wrap-lcs .table-comparative-info-lcs td {text-align: center;z-index: 2;background-color: #ffffff; position: relative;}
.table-comparative-wrap-lcs .table-comparative-purchase-lcs td {vertical-align: top;}
.table-comparative-wrap-lcs .table-comparative-pros-lcs tbody > tr:nth-of-type(even) {background-color: #eef7f2;}
.table-comparative-wrap-lcs .table-comparative-cons-lcs tbody > tr:nth-of-type(even) {background-color: #fff5f5;}
.table-comparative-wrap-lcs .table-comparative-attribute-lcs td {border: 0;padding-bottom: 30px;}
.table-comparative-wrap-lcs .row {margin-right: 0px; margin-left: 0px;}
.table-comparative-wrap-lcs .table-comparative-wrap-abs {position: absolute;}
.table-comparative-wrap-lcs .table-comparative-info-links-lcs button {width: 100%; padding: 0.5em; min-height: unset;}
.table-comparative-wrap-lcs .table-comparative-info-links-lcs button.single_add_to_cart_button_logo {width: 48%; background-color: #FFF; margin-bottom: 1em;}
.table-comparative-wrap-lcs .table-comparative-info-links-lcs button.single_add_to_cart_button_logo:hover {background-color: #FFF;}
.table-comparative-wrap-lcs .table-comparative-info-links-lcs button.single_add_to_cart_button_info {width: 48%; font-size: 0.95em; font-weight: bold; color: rgb(51, 51, 51); letter-spacing: 0.5px;}
.table-comparative-wrap-lcs .table-comparative-info-links-lcs .single_add_to_cart_button {background-color: #ffe354;}
.table-comparative-wrap-lcs .table-comparative-info-links-lcs .single_add_to_cart_button:hover {background-color: #ffeb8d;}
.table-comparative-wrap-lcs .table-comparative-info-links-lcs .single-add-to-cart-button-text {text-overflow: ellipsis; color: #000;}
.table-comparative-wrap-lcs .table-comparative-links-title-lcs td {text-align: center; border-top: 1.5px dashed rgba(0,0,0,0.12);}
.table-comparative-wrap-lcs .table-comparative-info-lcs .table-comparative-info-title-lcs {position: relative;}
.table-comparative-wrap-lcs .table-comparative-info-lcs p.table-comparative-info-title-lcs-with-row {max-width: 90%;}
.table-comparative-wrap-lcs .table-comparative-info-lcs .table-comparative-info-title-lcs i {position: absolute; right: 0px; top: 2px;}
.table-comparative-wrap-lcs a:hover {color: var(--wd-entities-title-color-hover);}
.table-comparative-wrap-lcs .table-row-title td {padding: 0px 12px !important;}

/* transitions */
/* LCS 2026-11-03: jquery.stickr.js mueve con transform (antes top) para evitar CLS */
.table-comparative-wrap-lcs .table-comparative-info-wrapper-lcs {transition: transform 0.1s ease 0s;}
.table-comparative-arrows-lcs {transition: transform 0.1s ease 0s;}

/* images */
.table-comparative-wrap-lcs .table-comparative-info-image-lcs {margin-right: 30px;}
.table-comparative-wrap-lcs .table-comparative-info-image-lcs img {width: auto; max-width: 50%; max-height: 100px; object-fit: contain;}
.table-comparative-wrap-lcs .table-comparative-close-lcs {position: absolute; right: 3px; top: 3px;}

/* scores */
.table-comparative-info-scores-lcs {--content-align: center;--text-align: center;text-align: center;}
.table-comparative-info-scores-lcs .score {--w: 40px; width: var(--w); aspect-ratio: 1; position: relative; display: inline-grid; margin: 5px; place-content: center; font-size: 16px; font-weight: bold;}
.table-comparative-info-scores-lcs .score:before {content: ""; position: absolute; border-radius: 50%; inset: 0; background: radial-gradient(farthest-side,var(--color) 98%,#0000) top/var(--border-thickness) var(--border-thickness) no-repeat, conic-gradient(var(--color) calc(var(--percentage)*1%),#0000 0); -webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--border-thickness)),#000 calc(100% - var(--border-thickness))); mask: radial-gradient(farthest-side,#0000 calc(99% - var(--border-thickness)),#000 calc(100% - var(--border-thickness)));}
.table-comparative-info-scores-lcs .score:after {content: "";position: absolute;border-radius: 50%;inset: calc(50% - var(--border-thickness)/2);background: var(--color);transform: rotate(calc(var(--percentage)*3.6deg)) translateY(calc(50% - var(--w)/2));}
.table-comparative-info-scores-lcs {position: absolute; right: 5px; top: 40px;}

/* add product button and arrows*/
.table-comparative-modal-lcs {text-align: center;}
.table-comparative-arrows-lcs {z-index: 9;}
.table-comparative-arrows-lcs .table-comparative-arrow-left-lcs {float: left;margin-bottom: 15px;margin-top: 30px;margin-left: -10px;font-size: 32px;color: #0080cc;}
.table-comparative-arrows-lcs .table-comparative-arrow-right-lcs {float: right;margin-bottom: 15px;margin-top: 30px;margin-right: -10px;font-size: 32px;color: #0080cc;}
a.table-comparative-add-product-lcs {padding: 12px 16px 7px; font-size: 13px; position: relative; text-transform: uppercase; text-shadow: none; font-weight: bold; font-family: var(--btn-font-family); font-style: var(--btn-font-style); line-height: 2.2; cursor: pointer; transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease; background-color: #007bc4; color: white; border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 0 4px rgba(0,0,0,0.12); width: 220px;}
a.table-comparative-add-product-lcs i {margin-right: 4px;}
.table-comparative-add-product-lcs svg {margin-right: 0.6em;}
a.table-comparative-add-product-lcs:hover {background-color: #1a98e3;}
.table-comparative-arrows-lcs svg {filter: drop-shadow(3px 4px 2px rgb(0 0 0 / 0.2));}
.table-comparative-arrows-lcs .table-comparative-arrow-lcs {background-color: white; line-height: 0; opacity: 0.8;}

/* modal */
#table-comparative-modal-search-lcs {max-width: 90%;}
#table-comparative-modal-search-lcs svg {position: absolute; top: 20px;}
#table-comparative-modal-search-lcs input {max-width: 85%; margin-left: 40px;}
#table-comparative-modal-lcs {max-height: 500px; max-width: 600px; overflow: auto; overflow-x: hidden;}
#table-comparative-modal-lcs a.close-modal {top: 10px; right: 10px;}
#table-comparative-modal-lcs p:first-of-type {margin-top: 20px;}
#table-comparative-modal-lcs p {border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 10px;}
#table-comparative-modal-lcs a strong {margin-left: 10px;}
.table-comparative-close-lcs {float: right;}
.table-comparative-close-lcs svg:hover {fill: grey;}
#table-comparative-modal-lcs p.table-comparative-info-modal-lcs {display: flex; align-items: center; gap: 20px;}
#table-comparative-modal-lcs .table-comparative-info-modal-lcs span.table-comparative-info-modal-lcs-image-wrap {flex-basis: 60px; text-align: center;}
#table-comparative-modal-lcs .table-comparative-info-modal-lcs img {width: auto; max-height: 60px; object-fit: contain;}

/* filters and media queries */
@media (max-width: 600px) {
    #lcs-filters-products-category-column .lcs-filters-products-category {
        display: none;
    }

    /* 2 columnas: cada producto = mitad de pantalla. Ajusta el 56px (padding + asomo del 3º) */
    .wd-el-table :is(td,th) {
        width: calc((100vw - 56px) / 2);
        min-width: calc((100vw - 56px) / 2);
        box-sizing: border-box;
    }

    /* Imagen más pequeña y un poco más centrada */
    .table-comparative-wrap-lcs .table-comparative-info-image-lcs {margin-right: 22px;}
    .table-comparative-wrap-lcs .table-comparative-info-image-lcs img {width: auto; max-width: 55%; max-height: 46px; object-fit: contain;}

    /* Score un pelín más pequeño para que no coma espacio */
    .table-comparative-info-scores-lcs .score {--w: 34px; font-size: 14px;}
    .table-comparative-info-scores-lcs {top: 34px;}

    /* Logo del comercio + botón de precio que encajen en media columna */
    .table-comparative-wrap-lcs .table-comparative-info-links-lcs .logo-merchant-image {width: 100%; height: auto; max-width: 80px;}
    .table-comparative-wrap-lcs .table-comparative-info-links-lcs button {padding: 0.4em;}
    .table-comparative-wrap-lcs .table-comparative-info-links-lcs button.single_add_to_cart_button_info {font-size: 0.8em; letter-spacing: 0;}

    /* Título y botón "Análisis completo": que reduzcan y hagan salto de línea sin desbordar */
    .table-comparative-wrap-lcs .table-comparative-info-lcs p.table-comparative-info-title-lcs-with-row {font-size: 0.92em; line-height: 1.25;}
    .table-comparative-wrap-lcs .table-row-title td {padding: 0 8px !important;}
    .table-comparative-wrap-lcs .table-comparative-links-title-lcs .btn {width: 100%; font-size: 12px; padding: 8px 6px; line-height: 1.2; white-space: normal;}

    .table-comparative-arrows-lcs .table-comparative-arrow-left-lcs, .table-comparative-arrows-lcs .table-comparative-arrow-right-lcs {margin-top: 25px;font-size: 28px;}
}

@media (max-width: 1024px) {
    .table-comparative-wrap-lcs .table-comparative-info-image-lcs img {width: auto; max-width: 50%; max-height: 80px; object-fit: contain;}
    .table-comparative-arrows-lcs .table-comparative-arrow-left-lcs, .table-comparative-arrows-lcs .table-comparative-arrow-right-lcs {margin-top: 25px;font-size: 28px;}
}
@media (max-width: 1023px) {
    .message-scroll-desktop {display: none !important;}
}
@media (min-width: 1024px) {
    .message-scroll-mobile {display: none !important;}
}