﻿/* Importă stilurile necesare pentru componentele din pagina Ghid de Aprindere */
@import url('../components/_container-durataAprindere.css');

/* ============================================= */
/* Ajustări Specifice Paginii Ghid de Aprindere   */
/* ============================================= */

.body-aprindere{
    padding-bottom: 95px; /* Ajustează această valoare dacă este necesar */
}

/* 1. Împinge în jos tot conținutul paginii */
.body-aprindere .main-container-aprindere {
    padding-top: 95px; /* Ajustează această valoare dacă este necesar */
}

/* 2. Stiluri pentru noul Call to Action */
.cta-ghid {
    text-align: center;
    background-color: #0a0a0a;
}

    .cta-ghid h2 {
        font-size: 2.5rem;
        color: #ffffff;
        margin-bottom: 15px;
    }

    .cta-ghid p {
        font-size: 1.1rem;
        color: #cccccc;
        max-width: 600px;
        margin: 0 auto 30px auto;
    }

.cta-button-ghid {
    display: inline-block;
    padding: 15px 35px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #C10206; /* Roșu specific brandului */
    border-radius: 8px;
    text-decoration: none;
    transition: transform 0.2s ease;
}

    .cta-button-ghid:hover {
        transform: scale(1.05);
    }

.impact-image-durataAprindere {
    width: 100%;
    /* NOU: Setăm raportul de aspect dorit. Înălțimea va fi calculată automat. */
    aspect-ratio: 4 / 5;
    /* ELIMINAT: Renunțăm la înălțimea fixă pentru a permite responsivitatea. */
    /* height: 250px; */

    background: linear-gradient(180deg, rgba(10, 10, 10, 0.6) 0%, transparent 70%), url('/images/durataAprindere-scor100.png');
    background-size: cover;
    background-position: center;
    display: flex;
    /* Am modificat alinierea pentru a potrivi mai bine formatului portret */
    align-items: flex-end; /* Aliniază textul la bază */
    justify-content: center;
    margin: 0px 0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    padding: 20px; /* Adăugăm padding pentru a controla spațiul intern al textului */
}