@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    background-color: #c9a227;
    font-family: "Montserrat";
}

.tarjeta {
    background-color: #f7f4ee;
    width: 340px;
    max-width: 90%;          
    padding: 40px 30px;
    margin: 10px auto;
    border: 2px solid #232323;
    text-align: center;
    border-radius: 6px;       
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);  
}

header h1 {
    font-family: "Montserrat";
    font-size: 40px;
    letter-spacing: 1px;
    color: #232323;
    margin: 14px 0 0 0;
}

header p {
    color: #6b6b6b;
    margin: 6px 0 24px 0;
    font-size: 15px;
}

header img {
    border: 3px solid #232323;
}

header {
    border-bottom: 3px solid #c9a227;
}

.datos {
    list-style: none;
    padding: 0;
    margin: 24px 0;
    text-align: left;
}

.datos li {
    padding: 10px 4px;
    border-bottom: 1px solid #ddd6c8;
    color: #232323;
    font-size: 15px;
}

.boton {
    display: inline-block;
    padding: 12px 28px;
    border: 2px solid #232323;
    color: #232323;
    text-decoration: none;
    border-radius: 999px;     
    font-size: 14px;
    transition: background-color 0.2s, color 0.2s;
}

.boton:hover {
    background-color: #c9a227;
    color: #232323;
    border-color: #c9a227;
}