/* Colores más visibles para los cuadros */

.thoughts-dimensions .thoughts-card {
    position: relative;

    border: 1px solid rgba(13, 110, 253, .22);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* Cuadros 1, 3, 5 */
.thoughts-dimensions .thoughts-card:nth-child(odd) {
    background:
        linear-gradient(
            135deg,
            #ccecff 0%,
            #e5f5ff 55%,
            #f1faff 100%
        ) !important;

    border-color:
        rgba(20, 130, 220, .35);
}


/* Cuadros 2, 4 */
.thoughts-dimensions .thoughts-card:nth-child(even) {
    background:
        linear-gradient(
            135deg,
            #b9ddff 0%,
            #d8edff 55%,
            #eef8ff 100%
        ) !important;

    border-color:
        rgba(30, 105, 200, .32);
}


/* Franja superior más marcada */
.thoughts-dimensions .thoughts-card::after {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 6px;

    background:
        linear-gradient(
            90deg,
            #00a8ff,
            #006de5
        );

    border-radius:
        inherit inherit 0 0;

    pointer-events: none;
}


.thoughts-dimensions .thoughts-card:nth-child(even)::after {
    background:
        linear-gradient(
            90deg,
            #006de5,
            #48c6ff
        );
}


/* Títulos */
.thoughts-dimensions .thoughts-card h3 {
    color: #073b7a !important;

    font-weight: 700;
}


/* Texto */
.thoughts-dimensions .thoughts-card p,
.thoughts-dimensions .thoughts-card li {
    color: #203247;
}


/* Cuadros internos */
.thoughts-dimensions .thoughts-card .thoughts-signal {
    background:
        rgba(255, 255, 255, .68) !important;

    border:
        1px solid
        rgba(13, 110, 253, .12);
}


/* Hover */
@media (hover: hover) {

    .thoughts-dimensions .thoughts-card:hover {
        transform:
            translateY(-3px);

        border-color:
            rgba(0, 105, 220, .48);

        box-shadow:
            0 15px 34px
            rgba(16, 99, 180, .18);
    }
}


/* Tablet */
@media (max-width: 991.98px) {

    .thoughts-dimensions .thoughts-card::after {
        height: 5px;
    }
}


/* Móvil */
@media (max-width: 575.98px) {

    .thoughts-dimensions .thoughts-card {
        border-radius: 14px;
    }

    .thoughts-dimensions .thoughts-card::after {
        height: 5px;
    }
}