body {

    margin: 0;
    padding: 0;

    font-family: Arial, Helvetica, sans-serif;

    background-color: #f4f6f8;

    color: #333;

}



.container {


    width: 90%;

    max-width: 600px;


    margin: 60px auto;


    background: white;


    padding: 40px;


    text-align: center;


    border-radius: 12px;


    box-shadow: 0 4px 15px rgba(0,0,0,0.15);


}



.logo {


    width: 220px;


    margin-bottom: 25px;


}



h1 {


    color: #0b3d91;


    font-size: 28px;


}



h2 {


    margin-top: 20px;


}



p {


    font-size: 16px;


    line-height: 1.6;


}



strong {


    color: #0b3d91;


}



#contenido {


    border-top: 1px solid #ddd;


    padding-top: 25px;


}



/* Certificado válido */


.sello-validado {


    margin-bottom: 25px;


}



.icono-validado {


    width: 70px;

    height: 70px;


    margin: auto;


    border-radius: 50%;


    background-color: #198754;


    color: white;


    font-size: 45px;


    line-height: 70px;


    font-weight: bold;


}



.sello-validado h2 {


    color: #198754;


}



/* Certificado revocado */


.sello-revocado {


    margin-bottom: 25px;


}



.icono-revocado {


    width: 70px;

    height: 70px;


    margin: auto;


    border-radius: 50%;


    background-color: #dc3545;


    color: white;


    font-size: 45px;


    line-height: 70px;


    font-weight: bold;


}



.sello-revocado h2 {


    color: #dc3545;


}



/* Botón PDF */


a {


    display: inline-block;


    margin-top: 25px;


    padding: 12px 25px;


    background-color: #0b3d91;


    color: white;


    text-decoration: none;


    border-radius: 6px;


    font-weight: bold;


}



a:hover {


    background-color: #082c6c;


}




@media (max-width:600px){



.container{


    width:85%;


    padding:25px;


    margin:30px auto;


}



h1{


    font-size:24px;


}



p{


    font-size:15px;


}



}