:root{
  --primary:#8A1538;
  --secondary:#C9A46C;
  --bg:#f4f6f8;
  --text:#2f2f2f;
}

body{
  color: var(--text);
}

.container-convocatoria{
  max-width: 1100px;
  margin: auto;
  padding: 40px 20px;
}

.header-convocatoria{
  background: linear-gradient(rgba(138,21,56,0.92), rgba(138,21,56,0.92)),
              url('tu-imagen.jpg') center/cover;
  color: white;
  padding: 60px 35px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.header-convocatoria h1{
  margin:0;
  font-size:1.8rem;
  font-weight:600;
  letter-spacing:0.5px;
}

.card{
  background:white;
  padding:30px;
  border-radius:12px;
  margin-top:30px;
  box-shadow:0 8px 25px rgba(0,0,0,0.06);
  line-height:1.8;
  font-size:15.5px;
  text-align: justify;
  border-top: 4px solid var(--secondary);
  transition: all 0.2s ease;
}

.card:hover{
  transform: translateY(-2px);
  box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.section-title{
  color:var(--primary);
  font-weight:800;
  font-size:1.3rem;
  letter-spacing:1px;
  text-transform: uppercase;
  margin-bottom:20px;
  border-left:6px solid var(--secondary);
  padding-left:12px;
}

.card p{
  margin-bottom:20px;
  position: relative;
}

.card p:not(:last-child)::after{
  content:"";
  display:block;
  height:1px;
  background:rgba(0,0,0,0.05);
  margin-top:15px;
}

.card p strong{
  display:inline-block;
  color:var(--primary);
  font-weight:800;
  background: rgba(201,164,108,0.18);
  padding:5px 10px;
  border-radius:5px;
  margin-right:8px;
}

.card p br{
  content:"";
  display:block;
  margin-bottom:8px;
}

.highlight{
  background:#faf7f2;
  border-left:5px solid var(--secondary);
  padding:18px;
  border-radius:8px;
  margin:20px 0;
}

.footer{
  text-align:center;
  margin-top:40px;
  font-weight:600;
}

.footer p{
  margin-bottom:10px;
}

.card:first-of-type{
  border-left: 5px solid var(--primary);
}

@media(max-width:768px){
  .header-convocatoria{
    padding:40px 20px;
  }

  .header-convocatoria h1{
    font-size:1.6rem;
  }

  .card{
    padding:20px;
    font-size:14.5px;
  }
}