
/* Compatibilidad visual de las pantallas administrativas del Portal final */
.page-shell>section:not(.personal-hero):not(.launcher-section):not(.custody-section):not(.alerts-panel):not(.install-entry-card),.account-card,.transition-card{background:#fff;border:1px solid var(--soft-line);border-radius:20px;padding:22px;margin:0 0 18px;box-shadow:0 10px 30px rgba(10,34,70,.08)}
.account-card{max-width:720px;margin:42px auto}.account-card h1{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:38px;margin:8px 0}.account-card p{color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--soft-line);border-radius:15px}.table-wrap table{border-collapse:collapse;width:100%;font-size:13px;background:#fff}.table-wrap th,.table-wrap td{padding:10px 12px;border-bottom:1px solid var(--soft-line);text-align:left;white-space:nowrap}.table-wrap th{background:#eef3fa;color:var(--navy);font-weight:900}.table-wrap tr:last-child td{border-bottom:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:grid;gap:7px;font-weight:850;color:#27354f}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #c8d3e3;border-radius:13px;padding:13px 14px;background:#fff;color:var(--ink);font-size:15px}.form-grid fieldset,.form-grid button{grid-column:1/-1}.form-grid fieldset{border:1px solid var(--soft-line);border-radius:14px;padding:14px}.check{display:flex!important;align-items:center;gap:8px;font-weight:600!important}.check input{width:auto!important}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions form{margin:0}
.page-shell button,.page-shell .button{border:0;border-radius:13px;padding:11px 16px;background:linear-gradient(135deg,#0d2c58,var(--navy));color:#fff;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.page-shell button.warn{background:#a66c00}.page-shell button.danger{background:#a72f2f}.page-shell .button.small{padding:7px 10px;font-size:13px}
.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#e8eef8;color:var(--navy);font-weight:850;font-size:12px}.notice{border-radius:13px;padding:12px 14px;margin:10px 0;background:#eef5ff;border:1px solid #aac4eb}.notice.error,.flash.error{background:#fff0f0;border-color:#e7a6a0;color:#8b1f17}.notice.success,.flash.success{background:#edf9f2;border-color:#9dd2b4;color:#155b38}.notice.warn,.flash.warning{background:#fff8e5;border-color:#edce81;color:#6f4c00}
.activation-result{background:#edf9f2;border:2px solid #70b78e;border-radius:18px;padding:18px;margin:12px 0}.activation-code{font-size:28px;font-weight:900;letter-spacing:.06em;color:var(--navy)}.narrow{max-width:700px;margin:0 auto}.transition-card{text-align:center;max-width:520px;margin:12vh auto}.spinner{width:54px;height:54px;margin:auto;border:6px solid #dce6f3;border-top-color:var(--blue);border-radius:50%;animation:spinFinal 1s linear infinite}@keyframes spinFinal{to{transform:rotate(360deg)}}
.v016-account-link{text-align:center;margin-top:2px}.v016-account-link a{color:#254f89;font-weight:800;text-decoration:none}.v016-account-link a:hover{text-decoration:underline}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.page-shell>section,.account-card{padding:16px}.account-card{margin:20px auto}}

/* v1.0.1: imagen histórica visible en el panel principal */
.personal-hero{
  min-height:270px;
  background-image:
    linear-gradient(90deg,rgba(4,17,38,.38),rgba(4,17,38,.58) 48%,rgba(4,17,38,.82)),
    url('/static/img/portal-hero-clean.jpg')!important;
  background-size:cover!important;
  background-position:center 48%!important;
}
.personal-hero-copy{
  max-width:660px;
  padding:12px 4px;
  text-shadow:0 3px 16px rgba(0,0,0,.48);
}
@media(max-width:760px){
  .personal-hero{
    min-height:340px;
    grid-template-columns:1fr;
    align-content:end;
    background-image:
      linear-gradient(180deg,rgba(4,17,38,.10),rgba(4,17,38,.58) 54%,rgba(4,17,38,.92)),
      url('/static/img/portal-hero-clean.jpg')!important;
    background-position:center 38%!important;
  }
}


/* === RG PORTAL AREA PERSONAL 1.5.0-beta.1 START === */
.personal-area-card{border-color:#d7b653;background:linear-gradient(145deg,#fffdf6,#fff5cf)}
.personal-nav{color:#123f77}
.personal-back{display:inline-flex;margin:0 0 14px;font-weight:800}
.personal-area-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;border:1px solid #cad9ea;border-radius:22px;background:linear-gradient(145deg,#fff,#f4f8fd);box-shadow:var(--shadow);margin-bottom:18px}
.personal-area-hero h1{margin:4px 0 5px;font-size:clamp(29px,5vw,44px);color:#071b37}
.personal-area-hero p{margin:0;color:var(--muted)}
.personal-financial-state,.sizes-status{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em;background:#fff1c7;color:#735300;border:1px solid #dbbd63}
.state-liquidado,.status-abierto{background:#e8f7ef;color:#12603f;border-color:#83c5a2}
.state-parcial{background:#fff1c7;color:#735300}
.personal-financial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.personal-financial-grid article,.personal-info-section,.personal-payments-section,.personal-sizes-section{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;box-shadow:0 8px 24px rgba(22,55,91,.07)}
.personal-financial-grid article{border-top:4px solid #275f9a}
.personal-financial-grid article.paid{border-top-color:#24815a}.personal-financial-grid article.pending{border-top-color:#d8ad3e}
.personal-financial-grid span,.personal-info-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.personal-financial-grid strong{display:block;margin:8px 0 4px;font-size:30px;color:#071b37}
.personal-financial-grid small{color:var(--muted)}
.personal-info-section,.personal-payments-section,.personal-sizes-section{margin-bottom:18px}
.personal-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.personal-info-grid>div{padding:13px;border:1px solid #dce5ef;border-radius:13px;background:#f9fbfd}
.personal-info-grid strong{display:block;margin-top:5px;color:#102f54}
.personal-payment-list{display:grid;gap:10px}
.personal-payment-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px;border:1px solid #dce5ef;border-radius:13px;background:#fbfdff}
.personal-payment-row>div{display:grid;gap:2px}.personal-payment-row strong{font-size:21px;color:#123f77}.personal-payment-row span,.personal-payment-row small{color:var(--muted)}.personal-payment-row.cancelled{opacity:.65;background:#f5f5f5}
.personal-sizes-form{display:grid;gap:10px}.size-person-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);align-items:center;gap:18px;padding:14px;border:1px solid #d7e2ed;border-radius:14px;background:#fbfdff}.size-person-card>div{display:grid;gap:3px}.size-person-card>div span{color:var(--muted);font-size:12px}.size-person-card label{font-weight:800}.size-person-card select{width:100%;margin-top:5px}.minor-card{background:#f6fbf8;border-color:#cbe5d6}
.personal-form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:5px}.personal-form-actions small{color:var(--muted)}
.personal-area-empty{display:flex;gap:18px;align-items:flex-start;padding:24px;border:1px solid #d6e0eb;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.personal-area-empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff2c9}.personal-area-empty-icon svg{width:28px;height:28px}.personal-area-empty h1{margin:4px 0 8px;color:#071b37}.personal-area-empty p,.personal-muted{color:var(--muted)}
@media(max-width:760px){.personal-area-hero{padding:18px;flex-direction:column}.personal-financial-grid{grid-template-columns:1fr}.personal-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.size-person-card{grid-template-columns:1fr}.personal-payment-row{align-items:flex-start;flex-direction:column}.personal-payment-row .button{width:100%;text-align:center}}
@media(max-width:430px){.personal-info-grid{grid-template-columns:1fr}.personal-area-empty{padding:18px;flex-direction:column}}
/* === RG PORTAL AREA PERSONAL 1.5.0-beta.1 END === */

/* RG_PORTAL_REACTIVATION_WHATSAPP_CSS_V1_0_0 */
.access-management-card{
  border:1px solid #d6c17f;
  background:linear-gradient(145deg,#fffdf7,#fff7df);
}
.access-ready,
.access-reset-panel{
  padding:16px;
  border:1px solid #d7dfeb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(7,27,55,.06);
}
.access-ready-head,
.access-reset-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.access-ready-head strong,
.access-reset-panel strong{
  display:block;
  color:#071b37;
  font-size:17px;
}
.access-ready-head small{
  display:block;
  margin-top:3px;
  color:#6d788b;
}
.access-link-label{
  display:grid;
  gap:6px;
  margin-top:15px;
  color:#34445d;
  font-size:12px;
  font-weight:850;
}
.access-link-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}
.access-link-row input{
  min-width:0;
  margin:0;
  font-size:12px;
}
.access-primary-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:12px;
}
.access-primary-actions form,
.access-primary-actions button,
.access-account-actions form,
.access-account-actions button,
.access-regenerate-form button{
  margin:0;
}
.access-whatsapp-button{
  border-color:#128c5e;
  color:#fff;
  background:#128c5e;
}
.access-whatsapp-button:hover{
  background:#0d724c;
}
.access-whatsapp-button:disabled{
  border-color:#c9d1dc;
  color:#7a8798;
  background:#edf0f4;
  cursor:not-allowed;
}
.access-warning{
  margin:11px 0 0;
  padding:10px 12px;
  border:1px solid #e6c76e;
  border-radius:11px;
  color:#725819;
  background:#fff9df;
  font-size:11px;
}
.access-regenerate-form{
  margin-top:12px;
}
.access-reset-panel p{
  max-width:640px;
  margin:5px 0 0;
  color:#68758a;
  font-size:12px;
  line-height:1.45;
}
.access-account-actions{
  display:flex;
  gap:9px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e3d9bb;
}
@media(max-width:700px){
  .access-ready-head,
  .access-reset-panel{
    align-items:stretch;
    flex-direction:column;
  }
  .access-link-row{
    grid-template-columns:1fr;
  }
  .access-primary-actions,
  .access-primary-actions form,
  .access-primary-actions button,
  .access-account-actions,
  .access-account-actions form,
  .access-account-actions button,
  .access-reset-panel form,
  .access-reset-panel button{
    width:100%;
  }
  .access-primary-actions{
    flex-direction:column;
  }
}
