/* Contenedor general de resultados */ .imb-results { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top:18px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; } /* Tarjeta pilar */ .imb-pilar { background:#ffffff; border:1px solid #e6eef8; border-radius:10px; padding:12px; box-shadow:0 2px 6px rgba(10,30,60,0.04); display:flex; gap:12px; align-items:center; } /* Texto pilar */ .imb-pilar .info { flex:1; } .imb-pilar h4 { margin:0 0 6px 0; font-size:15px; color:#0b3b66; } .imb-pilar .valor { font-weight:700; font-size:18px; color:#143c6b; } .imb-pilar .interpret { font-size:13px; color:#51687f; margin-top:6px; } /* Termómetro vertical */ .therm { width:18px; height:120px; background:linear-gradient(180deg,#f1f6fb,#e6f0fb); border-radius:12px; padding:4px; box-sizing:border-box; display:flex; align-items:flex-end; border:1px solid #d7e9fb; } .therm .fill { width:100%; height:0%; background: linear-gradient(180deg,#2b9af3,#0066cc); border-radius:8px 8px 12px 12px; transition:height .35s ease; } /* Para móvil las dos columnas se hacen 1 */ @media (max-width:760px) { .imb-results { grid-template-columns: 1fr; } }
My Blog

My WordPress Blog

Archivos

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!