/* =========================
   VALIDACION PYS
========================= */

.validation-table{
   margin-top:28px;
   border:1px solid #e2e8f0;
   border-radius:16px;
   overflow:hidden;
   background:#ffffff;
   width:100%;
}

.validation-item{
   display:flex;
   border-bottom:1px solid #e2e8f0;
}

.validation-item:last-child{
   border-bottom:none;
}

.validation-label{
   width:240px;
   background:#f8fafc;
   padding:18px 22px;
   font-weight:700;
   color:#0f172a;
   border-right:1px solid #e2e8f0;
}

.validation-value{
   flex:1;
   padding:18px 22px;
   color:#334155;
   word-break:break-word;
}

/* =========================
   MENSAJES DE ÉXITO Y PDF
========================= */

.success-box{
   background:white;
   border-radius:18px;
   padding:30px;
   box-shadow:0 8px 28px rgba(0,0,0,0.06);
}

.success-title{
   font-size:24px;
   font-weight:700;
   color:#166534;
   margin-bottom:12px;
}

.success-text{
   color:#475569;
   margin-bottom:25px;
}

.pdf-preview{
   margin-top:25px;
   margin-bottom:25px;
   display:flex;
   justify-content:center;
}

/* =========================
   ERROR CARD MODERNO
========================= */

.error-card{
   display:flex;
   align-items:flex-start;
   gap:18px;

   background:#fff5f5;
   border:1px solid #fecaca;

   border-left:6px solid #dc2626;

   padding:24px;
   border-radius:18px;

   margin-top:10px;

   box-shadow:0 6px 18px rgba(220,38,38,0.08);
}

.error-icon{
   font-size:42px;
   line-height:1;
}

.error-content{
   flex:1;
}

.error-title{
   font-size:24px;
   font-weight:700;
   color:#991b1b;

   margin-bottom:10px;
}

.error-message{
   font-size:16px;
   color:#7f1d1d;

   line-height:1.6;
   font-weight:600;

   margin-bottom:12px;
}

.error-help{
   font-size:14px;
   color:#6b7280;

   line-height:1.5;
}


/* =========================
   RESPONSIVE MOVIL
========================= */

@media (max-width:768px){

   .validation-table{
      width:100%;
   }

   .validation-item{
      display:block;
      margin-bottom:12px;
      border:1px solid #e2e8f0;
      border-radius:12px;
      overflow:hidden;
   }

   .validation-label{
      width:100%;
      display:block;
      border-right:none;
      border-bottom:1px solid #e2e8f0;
      box-sizing:border-box;
   }

   .validation-value{
      width:100%;
      display:block;
      box-sizing:border-box;
   }

}