/* ==========================================================
   Resultado de nuestra prueba
========================================================== */

:root{
	--review-primary:#30a73a; 
	--review-primary-dark:#168c20; 
	--review-primary-light:#f6fcf7; 
	--review-border:#d9ebdd; 
	--review-text:#374151;
}

/* Card */

.tool-conclusion-box{
    background:#fff;
    border:1px solid var(--review-border);
    border-radius:12px;
    padding:24px;
    margin:40px 0;
    box-shadow:0 4px 12px rgba(0,0,0,.04);
}

/* Header */

.conclusion-header{
    margin-bottom:18px;
}

.conclusion-badge-wrap{
    margin-bottom:10px;
}

.conclusion-badge{

    display:inline-flex;
    align-items:center;
    gap:6px;

    background:var(--review-primary);

    color:#fff;

    font-size:13px;

    font-weight:700;

    padding:5px 12px;

    border-radius:999px;

    letter-spacing:.3px;

    text-transform:uppercase;
}

.conclusion-title{

    margin:0;

    color:var(--review-primary-dark);

    font-size:20px !important;

    font-weight:700 !important;

    line-height:1.4;

}

.conclusion-subtitle{

    margin:8px 0 0;

    color:#6b7280;

    font-size:14px;

    line-height:1.6;

}

/* Intro */

.conclusion-text{

    margin:0 0 20px;

    font-size:16px;

    line-height:1.75;

    color:var(--review-text);

}

/* Accordion */

.conclusion-accordion{

    border-top:1px solid var(--review-border);

    border-bottom:1px solid var(--review-border);

    margin-bottom:20px;
	

}

.accordion-toggle{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 4px;

    cursor:pointer;

    list-style:none;

    font-size:15px;

    font-weight:600;

    color:var(--review-primary-dark);

    transition:.25s;

}

.accordion-toggle:hover{

    color:var(--review-primary);

}

.accordion-toggle::-webkit-details-marker{

    display:none;

}

.accordion-icon{

    transition:transform .25s;

    font-size:14px;

}

.conclusion-accordion[open] .accordion-icon{

    transform:rotate(180deg);

}

.accordion-body{

    padding:0 4px 18px;

}

.accordion-body p{

    margin:0 0 16px;

    line-height:1.8;

    color:var(--review-text);

}

.accordion-body p:last-child{

    margin-bottom:0;

}

/* Footer */

.conclusion-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.target-audience{

    flex:1;

    font-size:15px;

    line-height:1.7;

    color:var(--review-text);

}

.target-audience strong{

    color:var(--review-primary-dark);

}

/* Button */

.conclusion-btn{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:11px 18px;

    background:var(--review-primary);

    color:#fff !important;

    font-size:14px;

    font-weight:600;

    text-decoration:none !important;

    border-radius:8px;

    transition:all .25s ease;

}

.conclusion-btn:hover{

    background:var(--review-primary-dark);

    transform:translateY(-1px);

    box-shadow:0 5px 12px rgba(48,167,58,.25);

}

/* Mobile */

@media (max-width:768px){

.tool-conclusion-box{

    padding:18px;

}

.conclusion-title{

    font-size:18px !important;

}

.conclusion-text{

    font-size:15px;

}

.conclusion-footer{

    flex-direction:column;

    align-items:stretch;

}

.conclusion-btn{

    justify-content:center;

    width:100%;

}

}