/* ========================================
   Assunto do Dia Toolkit - Frontend Styles
   Versão 1.0.1
   ======================================== */

.adt-wrapper{
    margin:2rem 0;
    padding:1.8rem;
    background:#f9f9f9;
    border-radius:10px;
    border-left:4px solid #0073aa;
}

.adt-title{
    font-size:1.7rem;
    font-weight:700;
    color:#333;
    margin-bottom:1.5rem;
    text-align:center;
}

/* ===========================
   GRID DOS PRODUTOS
=========================== */

.adt-products{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;

    margin-bottom:2rem;

}

/* ===========================
   CARD
=========================== */

.adt-card{

    display:flex;

    flex-direction:column;

    background:#fff;

    border:1px solid #e6e6e6;

    border-radius:10px;

    overflow:hidden;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

    transition:.25s;

    height:100%;

}

.adt-card:hover{

    transform:translateY(-3px);

    box-shadow:0 6px 18px rgba(0,0,0,.12);

}

/* ===========================
   IMAGEM
=========================== */

.adt-image{

    width:100%;

    height:150px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#fff;

    padding:12px;

    border-bottom:1px solid #f0f0f0;

}

.adt-image img{

    width:100%;

    height:100%;

    object-fit:contain;

    object-position:center;

}
/* ===========================
   INFORMAÇÕES
=========================== */

.adt-info{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:14px;

}

/* ===========================
   TÍTULO
=========================== */

.adt-card h3{

    font-size:16px;

    font-weight:600;

    line-height:1.35;

    color:#222;

    margin:0 0 8px 0;

    min-height:44px;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

/* ===========================
   DESCRIÇÃO
=========================== */

.adt-card p{

    font-size:13px;

    line-height:1.45;

    color:#666;

    margin:0 0 14px;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

/* ===========================
   BOTÃO
=========================== */

.adt-button{

    display:block;

    width:100%;

    margin-top:auto;

    padding:10px 12px;

    text-align:center;

    text-decoration:none;

    background:#0073aa;

    color:#fff;

    font-size:14px;

    font-weight:600;

    border-radius:6px;

    transition:.25s;

    box-sizing:border-box;

}

.adt-button:hover{

    background:#005f8d;

    color:#fff;

    text-decoration:none;

}

/* ===========================
   ADSENSE
=========================== */

.adt-adsense-top,
.adt-adsense-middle,
.adt-adsense-bottom{

    margin:2rem 0;

    padding:1rem;

    background:#f5f5f5;

    border-radius:6px;

    text-align:center;

}

.adt-adsense-top ins,
.adt-adsense-middle ins,
.adt-adsense-bottom ins{

    display:block;

}

/* ===========================
   DISCLAIMER
=========================== */

.adt-disclaimer{

    margin-top:2rem;

    padding:1rem;

    background:#fff8dc;

    border-left:4px solid #ffa500;

    border-radius:6px;

    font-size:14px;

    color:#666;

    line-height:1.6;

}
/* ========================================
   RESPONSIVIDADE
======================================== */

/* Tablet */
@media (max-width: 900px){

    .adt-wrapper{
        padding:1.5rem;
    }

    .adt-title{
        font-size:1.5rem;
    }

    .adt-products{

        grid-template-columns:repeat(2,1fr);

        gap:16px;

    }

    .adt-image{

        height:140px;

    }

}

/* Celular */
@media (max-width: 600px){

    .adt-wrapper{

        padding:1rem;

        margin:1rem 0;

        border-left-width:3px;

    }

    .adt-title{

        font-size:1.3rem;

        margin-bottom:1rem;

    }

    .adt-products{

        grid-template-columns:repeat(2,1fr);

        gap:12px;

    }

    /* Exibe somente 2 produtos */

    .adt-card:nth-child(3){

        display:none;

    }

    .adt-image{

        height:120px;

        padding:8px;

    }

    .adt-info{

        padding:10px;

    }

    .adt-card h3{

        font-size:14px;

        min-height:38px;

    }

    .adt-card p{

        font-size:12px;

        margin-bottom:10px;

    }

    .adt-button{

        padding:8px;

        font-size:13px;

    }

}

/* Celulares muito pequenos */
@media (max-width: 380px){

    .adt-products{

        grid-template-columns:1fr;

    }

    .adt-card:nth-child(3){

        display:none;

    }

}