.relevo { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 1.2rem; opacity: 0; transition: opacity .25s ease; }
.relevo[hidden] { display: none; }
.relevo.abierto { opacity: 1; }
.relevo__velo { position: absolute; inset: 0; background: rgba(6, 8, 12, .8); backdrop-filter: blur(4px); }
.relevo__panel { position: relative; width: min(100%, 440px); background: var(--panel); border: 1px solid var(--linea-viva); border-radius: var(--r); box-shadow: 0 30px 70px -20px #000; transform: translateY(14px); transition: transform .28s cubic-bezier(.2, .8, .3, 1); overflow: hidden; }
.relevo.abierto .relevo__panel { transform: none; }
.relevo__barra { height: 4px; background: linear-gradient(90deg, var(--rojo) 0 50%, var(--verde) 50% 100%); }
.relevo__cuerpo { padding: clamp(1.4rem, 4vw, 2rem); }
.relevo__x { position: absolute; top: .7rem; right: .8rem; width: 34px; height: 34px; background: transparent; border: 1px solid var(--linea-viva); border-radius: var(--r); color: var(--tinta2); font-size: 1.2rem; line-height: 1; cursor: pointer; transition: color .15s, border-color .15s; }
.relevo__x:hover { color: var(--tinta); border-color: var(--tinta3); }
.relevo__eyebrow { font-family: var(--titulo); font-weight: 700; font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--tinta3); margin-bottom: 1.1rem; display: flex; align-items: center; gap: .5rem; }
.relevo__eyebrow::before { content: ""; width: 22px; height: 2px; background: var(--rojo); }
.tablero { display: grid; gap: .5rem; margin-bottom: 1.3rem; }
.cambio { display: flex; align-items: center; gap: .8rem; padding: .7rem .9rem; background: var(--panel3); border: 1px solid var(--linea); border-left-width: 3px; }
.cambio--sale { border-left-color: var(--rojo); }
.cambio--entra { border-left-color: var(--verde); }
.cambio__flecha { font-family: var(--titulo); font-weight: 700; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: .4rem; padding: .28em .6em; border-radius: 2px; white-space: nowrap; }
.cambio__flecha::before { content: ""; width: 0; height: 0; border: 5px solid transparent; }
.cambio--sale .cambio__flecha { color: #ffd9d9; background: rgba(237, 48, 55, .16); }
.cambio--sale .cambio__flecha::before { border-top-color: var(--rojo-vivo); transform: translateY(2px); }
.cambio--entra .cambio__flecha { color: #c7f6da; background: rgba(31, 161, 90, .18); }
.cambio--entra .cambio__flecha::before { border-bottom-color: var(--verde-vivo); transform: translateY(-2px); }
.cambio__nombre { font-family: var(--titulo); font-weight: 700; font-size: 1.3rem; text-transform: uppercase; letter-spacing: .01em; line-height: 1; }
.cambio--sale .cambio__nombre { color: var(--tinta2); text-decoration: line-through; text-decoration-color: var(--rojo); text-decoration-thickness: 2px; }
.cambio--entra .cambio__nombre { color: var(--tinta); }
.cambio--entra .cambio__nombre b { color: var(--verde-vivo); font-weight: 700; }
.relevo__texto { color: var(--tinta2); font-family: var(--texto); font-size: .98rem; line-height: 1.55; font-weight: 400; margin-bottom: 1.3rem; }
.relevo__ir { width: 100%; justify-content: center; }
.relevo__legal { margin-top: .9rem; text-align: center; font-size: .76rem; color: var(--tinta3); }