/* ==========================================================
   DirConsejo - Dirmed
   ========================================================== */

.dirconsejo-card{

    background:#ffffff;

    border-left:5px solid #27AE60;

    border-radius:12px;

    padding:18px 22px;

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

    margin:20px 0;

    animation:dirFade .45s ease;

}

.dirconsejo-titulo{

    color:#27AE60;

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

}

.dirconsejo-consejo{

    font-size:20px;

    font-weight:600;

    color:#333;

    line-height:1.45;

    margin-bottom:10px;

}

.dirconsejo-comentario{

    font-size:16px;

    color:#666;

    font-style:italic;

    line-height:1.55;

    margin-bottom:18px;

}

.dirconsejo-linea{

    border-top:1px solid #e6e6e6;

    margin-bottom:14px;

}

.dirconsejo-acciones{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.dirconsejo-acciones a{

    text-decoration:none;

    color:#16a085;

    font-size:15px;

    font-weight:600;

    transition:.25s;

}

.dirconsejo-acciones a:hover{

    color:#0d7d61;

}

@keyframes dirFade{

    from{

        opacity:0;

        transform:translateY(8px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@media(max-width:600px){

    .dirconsejo-card{

        padding:16px;

    }

    .dirconsejo-titulo{

        font-size:20px;

    }

    .dirconsejo-consejo{

        font-size:18px;

    }

    .dirconsejo-comentario{

        font-size:15px;

    }

    .dirconsejo-acciones{

        flex-direction:column;

        align-items:flex-start;

    }

}