/* Página exclusiva: Consulta de certificados */
.cert-page-hero{padding:82px 0;background:radial-gradient(circle at 85% 20%,rgba(69,205,255,.22),transparent 30%),linear-gradient(115deg,#053957,#08769f);color:#fff}.cert-page-hero__content{max-width:950px}.cert-page-hero__eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:900;color:#75ddff}.cert-page-hero h1{max-width:820px;margin:11px 0 14px;font-size:clamp(2.6rem,5.2vw,4.7rem);line-height:1.02;letter-spacing:-.045em}.cert-page-hero p{max-width:680px;margin:0;color:#d8eaf2;font-size:1.08rem}.cert-search-section{padding:72px 0 90px;background:#f4f8fa}.cert-search-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:28px;align-items:start}.cert-search-card,.cert-results-panel{border:1px solid #d4e4ec;background:#fff;border-radius:17px;box-shadow:0 18px 55px rgba(6,59,93,.10)}.cert-search-card{padding:28px;border-top:4px solid #087fc3}.cert-search-card__header{display:flex;align-items:center;gap:14px;margin-bottom:23px}.cert-search-card__header h2,.cert-search-card__header p{margin:0}.cert-search-card__header p{font-size:.88rem;color:#667d89}.cert-search-card__icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:#e7f5fb;color:#087fc3;font-size:1.4rem;font-weight:900}.cert-search-card label{display:block;color:#123a55;font-weight:800;margin:0 0 7px}.cert-search-card input,.cert-search-card select{width:100%;padding:13px 14px;border:1px solid #bfd5df;border-radius:9px;background:#fff;color:#253b47;font:inherit;outline:none}.cert-search-card input:focus,.cert-search-card select:focus{border-color:#087fc3;box-shadow:0 0 0 4px rgba(8,127,195,.11)}.cert-field-group{margin-top:18px}.cert-field-group small{display:block;margin-top:7px;color:#71838d;font-size:.78rem}.cert-actions{display:flex;gap:10px;margin-top:24px}.cert-btn{min-height:45px;padding:11px 19px;border:0;border-radius:8px;font-weight:850;cursor:pointer}.cert-btn--primary{background:#087fc3;color:#fff}.cert-btn--primary:hover{background:#056da8}.cert-btn--secondary{background:#eaf1f4;color:#294654}.cert-privacy{border-top:1px solid #e1eaee;margin:24px 0 0;padding-top:17px;color:#71838d;font-size:.76rem}.cert-results-panel{min-height:390px;padding:28px}.cert-status{min-height:330px;display:grid;place-content:center;text-align:center;color:#6b7f89}.cert-status__icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:#eaf6fb;color:#087fc3;font-size:2rem}.cert-status h2,.cert-status p{margin:3px}.cert-status.is-error .cert-status__icon{background:#feeaea;color:#a62626}.cert-status.is-loading .cert-status__icon{animation:certPulse 1s infinite alternate}@keyframes certPulse{to{transform:scale(1.08);opacity:.65}}.cert-results-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.cert-results-heading span{color:#087fc3;font-size:.7rem;letter-spacing:.13em;font-weight:900}.cert-results-heading h2{margin:3px 0 0;color:#063b5d;font-size:1.55rem}.cert-results-heading>b{color:#087fc3;white-space:nowrap}.cert-table-wrap{overflow:auto;border:1px solid #dbe7ec;border-radius:11px}.cert-table{width:100%;border-collapse:collapse;min-width:780px}.cert-table th{padding:12px 13px;background:#063b5d;color:#fff;text-align:left;font-size:.78rem}.cert-table td{padding:13px;border-bottom:1px solid #e2eaee;color:#405661;font-size:.84rem}.cert-table tbody tr:hover{background:#f4fafd}.cert-badge{display:inline-flex;padding:6px 9px;border-radius:30px;font-size:.7rem;font-weight:900}.is-approved{background:#def4e7!important;color:#17623a!important}.is-rejected{background:#fde5e5!important;color:#9a2626!important}.is-pending{background:#fff0c8!important;color:#765700!important}.cert-pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:23px}.cert-pagination button{min-width:39px;height:39px;padding:0 12px;border:1px solid #c9dde6;border-radius:8px;background:#fff;color:#176595;font-weight:800;cursor:pointer}.cert-pagination button:hover:not(:disabled),.cert-pagination button.is-current{border-color:#087fc3;background:#087fc3;color:#fff}.cert-pagination button:disabled{opacity:.42;cursor:not-allowed}.cert-single{border:1px solid #d9e6ec;border-left:6px solid currentColor;border-radius:14px;padding:28px;background:#f8fbfc;color:#765700}.cert-single.is-approved{border-left-color:#1f9d59!important}.cert-single.is-rejected{border-left-color:#cd3636!important}.cert-single.is-pending{border-left-color:#d3a000!important}.cert-single__top{display:flex;justify-content:space-between;align-items:center;gap:18px}.cert-single__top span{font-size:.72rem;letter-spacing:.13em;font-weight:900}.cert-single__top strong{padding:7px 12px;border-radius:30px;background:currentColor;color:#fff}.cert-single h2{margin:20px 0;color:#063b5d;font-size:2rem}.cert-single__dates{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.cert-single__dates div{padding:15px;border:1px solid #d9e6ec;border-radius:10px;background:#fff}.cert-single__dates span,.cert-single__dates b{display:block}.cert-single__dates span{color:#71838d;font-size:.75rem}.cert-single__dates b{margin-top:3px;color:#183c50}@media(max-width:980px){.cert-search-layout{grid-template-columns:1fr}.cert-results-panel{min-height:300px}.cert-status{min-height:240px}}@media(max-width:620px){.cert-page-hero{padding:65px 0}.cert-page-hero h1{font-size:2.55rem}.cert-search-section{padding:42px 0 65px}.cert-search-card,.cert-results-panel{padding:21px}.cert-actions{display:grid}.cert-results-heading{display:grid}.cert-table{min-width:0}.cert-table thead{display:none}.cert-table,.cert-table tbody,.cert-table tr,.cert-table td{display:block;width:100%}.cert-table tr{padding:11px;border-bottom:1px solid #dfe8ec}.cert-table td{display:grid;grid-template-columns:120px 1fr;gap:10px;border:0;padding:7px}.cert-table td:before{content:attr(data-label);font-weight:850;color:#0a527c}.cert-single__top{align-items:flex-start}.cert-single__dates{grid-template-columns:1fr}}

/* Ajuste: fondo gris elegante y texto negro */
.cert-single__top,
.cert-badge,
.cert-single.is-approved .cert-single__top,
.cert-single.is-rejected .cert-single__top,
.cert-single.is-pending .cert-single__top {
    background: #fff !important;
    color: #111827 !important;
}

/* Texto del estado */
.cert-single__top strong,
.cert-badge,
.cert-single.is-approved .cert-single__top strong,
.cert-single.is-rejected .cert-single__top strong,
.cert-single.is-pending .cert-single__top strong {
    color: #fff !important;
}
/* =========================================================
   AJUSTES VISUALES SOLICITADOS
   Se aplican únicamente en la página de certificados
   ========================================================= */

/* Resalta la opción Certificados del menú superior */
header nav a[href="/consulta-certificado"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #c40098, #e000ac);
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(196, 0, 152, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

header nav a[href="/consulta-certificado"]:hover,
header nav a[href="/consulta-certificado"]:focus {
    color: #ffffff !important;
    transform: translateY(-1px);
    filter: brightness(0.97);
    box-shadow: 0 11px 24px rgba(196, 0, 152, 0.34);
}

/* Título principal del formulario */
.cert-search-card__header > div {
    flex: 1;
}

.cert-search-card__header h2 {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    margin: 0 0 5px;
    padding: 8px 18px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #c40098, #e000ac);
    border-radius: 8px;
    font-size: 1.12rem;
    line-height: 1.2;
    box-shadow: 0 8px 18px rgba(196, 0, 152, 0.20);
}

.cert-search-card__header p {
    margin: 0;
    color: #667d89;
}

/* Select más claro y consistente */
.cert-search-card select {
    cursor: pointer;
    background-color: #ffffff;
    color: #253b47;
    font-weight: 650;
}

/* Mantiene el botón Solicitar información con prioridad visual */
header nav .navbtn,
header nav a[href="/contacto"] {
    color: #ffffff !important;
}

@media (max-width: 620px) {
    header nav a[href="/consulta-certificado"] {
        width: 100%;
        min-height: 44px;
    }

    .cert-search-card__header {
        align-items: flex-start;
    }

    .cert-search-card__header h2 {
        width: 100%;
        justify-content: center;
        padding: 9px 13px;
        font-size: 1rem;
    }
}

/* =========================================================
   RESULTADOS: 5 campos solicitados
   ========================================================= */

.cert-table--compact {
    min-width: 760px;
}

.cert-table--compact th,
.cert-table--compact td {
    vertical-align: middle;
}

.cert-badge {
    color: #111827 !important;
    border: 1px solid transparent;
    white-space: nowrap;
}

.cert-badge.is-approved {
    background: #dff6e8 !important;
    border-color: #9ed8b5 !important;
    color: #087a3c !important;
}

.cert-badge.is-rejected {
    background: #fde2e2 !important;
    border-color: #efaaaa !important;
    color: #b42323 !important;
}

.cert-badge.is-pending {
    background: #fff0c8 !important;
    border-color: #e6ca73 !important;
    color: #765700 !important;
}

.cert-badge--large {
    padding: 9px 15px;
    font-size: .82rem;
}

.cert-single--summary {
    border: 1px solid #d9e6ec;
    border-radius: 15px;
    padding: 28px;
    background: #ffffff !important;
    color: #183c50 !important;
    box-shadow: 0 13px 35px rgba(6,59,93,.08);
}

.cert-single--summary.is-approved { border-left: 6px solid #15934d; }
.cert-single--summary.is-rejected { border-left: 6px solid #cf3030; }
.cert-single--summary.is-pending { border-left: 6px solid #d5a20b; }

.cert-single__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 22px;
}

.cert-single__heading > div > span {
    color: #6e818c;
    font-size: .71rem;
    letter-spacing: .12em;
    font-weight: 900;
}

.cert-single__heading h2 {
    margin: 5px 0 0;
    color: #063b5d;
    font-size: 1.85rem;
}

.cert-single__grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 13px;
}

.cert-single__grid > div {
    padding: 15px;
    border: 1px solid #d9e6ec;
    border-radius: 10px;
    background: #f9fcfd;
}

.cert-single__grid span,
.cert-single__grid b {
    display: block;
}

.cert-single__grid span {
    color: #71838d;
    font-size: .75rem;
}

.cert-single__grid b {
    margin-top: 4px;
    color: #183c50;
}

@media (max-width: 620px) {
    .cert-single__heading {
        display: grid;
    }

    .cert-single__grid {
        grid-template-columns: 1fr;
    }
}
/* Documento y código oficial */
#codigoCertificado::placeholder{color:#9aa9b2;opacity:1}.cert-badge{display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;font-size:.72rem!important;font-weight:900!important;white-space:nowrap}.cert-badge.is-approved{background:#dff6e8!important;color:#087a3c!important;border:1px solid #9ed8b5}.cert-badge.is-rejected{background:#fde2e2!important;color:#b42323!important;border:1px solid #efaaaa}.cert-badge.is-pending{background:#fff0c8!important;color:#765700!important;border:1px solid #e6ca73}.cert-single--summary{padding:27px;border:1px solid #d8e5eb;border-radius:14px;background:#fff}.cert-single__heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.cert-single__heading h2{margin:5px 0 0;color:#063b5d}.cert-single__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:13px;margin-top:20px}.cert-single__grid>div{padding:14px;border:1px solid #d9e6ec;border-radius:9px;background:#f9fcfd}.cert-single__grid span,.cert-single__grid b{display:block}.cert-single__grid span{color:#71838d;font-size:.74rem}.cert-single__grid b{margin-top:4px;color:#183c50}@media(max-width:620px){.cert-single__heading,.cert-single__grid{display:grid;grid-template-columns:1fr}.cert-table--compact{min-width:0}}
