/*
 Theme Name:   Var Report Child
 Description:  Tema hijo de Twenty Twelve para el informe VAR
 Author:       Alejandro y Santiago
 Template:     twentytwelve
 Version:      1.0.0
*/

.var-report-page {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 2em;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f5f3ee;
  color: #5c564f;
}

.var-report-page .var-report-wrapper {
  width: 100%;
  max-width: 960px; /* Igual que el resto del sitio */
  margin: 0 auto;
  padding: 2em;
}


.var-report-page table {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0;
  background-color: #dcd7cf;
  color: #5c564f;
}

.var-report-page th,
.var-report-page td {
  border: 1px solid #cbc5b6;
  padding: 12px 16px !important;
  text-align: left;
}

.var-report-page th {
  background-color: #aba394;
  color: #f5f3ee;
  text-transform: uppercase;
  font-size: 13px;
}

.var-report-page tr:nth-child(even) {
  background-color: #f8f6f3;
}

.var-report-page h2 {
  color: #837a6f;
  font-size: 22px;
  margin-top: 40px;
}

.var-report-page label,
.var-report-page strong {
  font-weight: bold;
  color: #5c564f;
}

.var-report-page textarea {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #cbc5b6;
  border-radius: 6px;
  font-size: 14px;
  background-color: white;
  color: #5c564f;
}

.var-report-page .report-header {
  background-color: #f8f6f3;
  text-align: center;
  padding: 30px;
  border-top: 3px solid #837a6f;
  border-bottom: 3px solid #837a6f;
  font-family: 'Segoe UI', sans-serif;
  margin-bottom: 40px;
}

.var-report-page .report-header h1 {
  font-size: 18px;
  font-weight: bold;
  color: #837a6f;
  margin-bottom: 10px;
}

.var-report-page .report-header p {
  font-size: 14px;
  color: #000;
  margin: 5px 0;
}

.var-report-page .risk-block {
  position: relative;
  margin-bottom: 50px;
  background-color: white;
  border-radius: 8px;
  padding: 10px 20px 30px 60px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.var-report-page .risk-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #aba394;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}