/* ============================================
   IMAGEM SECURE.PNG COM FUNDO VERDE
   Adiciona fundo verde na imagem de segurança
   ============================================ */

/* Figura que contém a imagem secure.png */
figure[aria-labelledby="installments-caption"],
figure:has(img[src*="secure.png"]) {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3);
    display: inline-block;
}

/* Imagem secure.png diretamente */
img[src*="secure.png"],
img[src*="/assets/images/secure.png"],
img[alt*="8x sem juros"] {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    padding: 1.5rem !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3) !important;
    display: block !important;
}

/* Container da imagem no hero */
.hero-content figure[aria-labelledby="installments-caption"] {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3);
    max-width: 100%;
}

/* Responsividade */
@media (max-width: 768px) {
    figure[aria-labelledby="installments-caption"],
    figure:has(img[src*="secure.png"]) {
        padding: 1rem;
    }
    
    img[src*="secure.png"] {
        padding: 1rem !important;
    }
}