/* ========================================================================= * CERVO — CAPA 23 · el aviso de bienvenida * ------------------------------------------------------------------------- * PANEL OSCURO SOBRE UNA TIENDA CLARA, a propósito: el aviso tiene que sentirse * de otro sitio, como la sala de trofeos, no como una franja publicitaria más. * Es el mismo registro que la ventana de rangos, que es adonde lleva. * * MANDA LA CIFRA. Arriba firma el ciervo —pequeño, solo la marca— y todo el * peso se lo lleva el 10%: grande, en oro y con un destello que barre. Lo demás * va callado: un solo botón dorado y el resto en texto plano. * * ⚠️ SOLO UNA COSA PUEDE SER LA GRANDE. Antes aquí había una cornamenta con las * puntas por ganar, y contaba muy bien la escalera de rangos — pero peleaba con * la cifra por la mirada y no ganaba ninguna de las dos. Si algún día se le * añade otra figura o un segundo botón de color, vuelve el mismo problema. * * ⚠️ TARJETA CENTRADA TAMBIÉN EN MÓVIL, y esto se cambió después de verlo. * La primera versión era una hoja pegada al borde de abajo (el patrón típico * de móvil, pensado para el pulgar). Con el contenido centrado dentro, pero el * panel abajo del todo, quedaba un hueco muerto arriba y la pieza se leía * DESEQUILIBRADA: no es que algo estuviera descentrado —se midió y era 0 px de * desvío en todo—, es que el conjunto no estaba centrado. * Cabe de sobra (unos 505 px de alto en una pantalla de 844) y el botón sigue * quedando a mano. Si algún día crece el contenido, antes que volver abajo hay * que recortar contenido: la caja lleva scroll propio como último recurso. * * ⚠️ El panel va en directamente y con position:fixed. Si algún día se * mete dentro de un contenedor con overflow/transform, el fixed deja de * anclarse al viewport — ya pasó con la ventana de rangos dentro de * .woocommerce (que lleva overflow-x) y con .cervo-cart. * ========================================================================= */ .cvbv { --bv-fondo: #12161d; --bv-fondo2: #1a212b; --bv-oro: #c8a96e; --bv-claro: #f0dcab; --bv-papel: #f6f1e7; --bv-mudo: rgba(246, 241, 231, .58); --bv-linea: rgba(200, 169, 110, .22); position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; font-family: 'Jost', 'Segoe UI', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; } .cvbv[hidden] { display: none; } /* ⚠️ RESET DE BOTONES — NO QUITAR. orchid-store le pone a TODO