core/estilos/home.css

/* 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;
}