/* Estilo Cards */ [data-testid="stVerticalBlock"]>[style*="flex-direction: column;"]>[data-testid="stVerticalBlock"] { background-color: #070707; box-shadow: 1px 1px 2px 2px #000000d2; box-sizing: border-box; padding: 4px 0px 20px 0px; border-radius: 14px; backdrop-filter: blur(4px); transition: ease-out; transition-property: background-color box-shadow transition; transition-duration: 88ms; } /* Estilo Cards:Hover*/ [data-testid="stVerticalBlock"]>[style*="flex-direction: column;"]>[data-testid="stVerticalBlock"]:hover { border: 2px thin; box-shadow: 2px 2px 3px 3px #000000fe; transition: ease-in; transition-property: box-shadow transition; transition-duration: 110ms; } /* Interno Card: Titulo */ [data-testid="stVerticalBlock"]>[style*="flex-direction: column;"]>[data-testid="stVerticalBlock"]>[data-testid="element-container"]>.stHeadingContainer { text-align: center; align-self: center; } /* Interno Card: Texto */ [data-testid="stVerticalBlock"]>[style*="flex-direction: column;"]>[data-testid="stVerticalBlock"]>[data-testid="element-container"]>.stTextLabelWrapper>[data-testid="stText"] { padding: 0px 8px 0px 8px; color:white; } /* Interno Card: Markup */ [data-testid="stVerticalBlock"]>[style*="flex-direction: column;"]>[data-testid="stVerticalBlock"]>[data-testid="element-container"]>.stMarkdown>[data-testid="stMarkdownContainer"] { padding: 0px 8px 0px 8px; color:white; } /* Interno Card: Row imagenes */ [data-testid="stVerticalBlock"]>[style*="flex-direction: column;"]>[data-testid="stVerticalBlock"]>[data-testid="stHorizontalBlock"] { padding: 0px 8px 0px 8px; display: flex; } /* Interno Card: Imágenes */ [data-testid="stVerticalBlock"]>[style*="flex-direction: column;"]>[data-testid="stVerticalBlock"]>[data-testid="stHorizontalBlock"]>[data-testid="column"] { display: flex; justify-content: center; align-items: center; } /* Interno Card: Botones */ [data-testid="stVerticalBlock"]>[style*="flex-direction: column;"]>[data-testid="stVerticalBlock"]>[data-testid="element-container"]>[data-testid="stButton"]>.stTooltipIcon>div>[data-testid="stTooltipIcon"]>[data-testid="tooltipHoverTarget"]{ padding: 8px; display: flex; justify-content: center; text-align: center; width: 100%; background-color: crimson; }