/* ===== Termómetro Keywave ===== */

.term-meta {
   color: #999;
   font-size: 0.9em;
}

.term-disclaimer {
   color: #999;
   font-size: 0.85em;
   margin-top: 40px;
   padding-top: 20px;
   border-top: 1px solid #eee;
}

#term-gauge-wrap {
   text-align: center;
   padding: 30px 10px 10px;
}

#term-score {
   font-size: 2.6em;
   font-weight: 700;
   color: #152732;
   line-height: 1;
}

/* Barra termómetro: azul frío -> gris templado -> rojo/naranja caliente */
#term-gauge {
   position: relative;
   width: 100%;
   max-width: 320px;
   margin: 22px auto 8px;
}

#term-bar {
   height: 14px;
   border-radius: 7px;
   background: linear-gradient(90deg, #3b82c4 0%, #8f9aa3 50%, #e2574c 100%);
}

#term-marker {
   position: absolute;
   top: -9px;
   left: 50%;
   width: 4px;
   height: 32px;
   background: #152732;
   border-radius: 2px;
   transform: translateX(-50%);
   transition: left 1s ease-out;
}

#term-scale {
   display: flex;
   justify-content: space-between;
   max-width: 320px;
   margin: 6px auto 0;
   font-size: 0.75em;
   color: #999;
}

#term-label {
   font-size: 1.2em;
   font-weight: 600;
   color: #2fcbe0;
   text-transform: uppercase;
   letter-spacing: 1px;
}

/* ===== Tarjetas de componentes ===== */

#term-cards {
   margin-top: 20px;
}

.term-card {
   background: #f7f9fa;
   border-left: 4px solid #2fcbe0;
   border-radius: 4px;
   padding: 18px 20px;
   margin-bottom: 20px;
   height: calc(100% - 20px);
}

.term-card h3 {
   margin: 0 0 6px;
   font-size: 1.05em;
   color: #152732;
}

.term-card .term-card-value {
   font-size: 1.6em;
   font-weight: 700;
   color: #152732;
}

.term-card .term-card-value.positive { color: #3a9b4f; }
.term-card .term-card-value.negative { color: #e2574c; }

.term-card p {
   color: #666;
   font-size: 0.9em;
   margin-top: 8px;
}

.term-error {
   background: #fdecea;
   border-left: 4px solid #e2574c;
   padding: 16px 20px;
   border-radius: 4px;
   color: #7a2b24;
}