/* Web Systems 3.1 · Página Analizar mi web
 * Este módulo se carga de forma condicional desde functions.php.
 */


.analysis-page-layout { position: relative; z-index: 2; min-height: 760px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 82px; align-items: center; padding: 75px 0 90px; }

.analysis-page-copy h1 { font-size: clamp(45px, 5vw, 69px); }

.analysis-review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; margin-top: 32px; }

.analysis-review-grid span { min-height: 47px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--line-dark); color: #b4bbc6; font-size: 9px; }

.analysis-review-grid b { color: #7895ff; font-size: 7px; }

.upload-field { position: relative; min-height: 96px; display: flex !important; align-items: center; gap: 13px !important; padding: 13px; border: 1px dashed #b9bec7; border-radius: 11px; cursor: pointer; background: #f7f8fa; }

.upload-field input { position: absolute; inset: 0; height: 100%; opacity: 0; cursor: pointer; }

.upload-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: var(--blue); background: var(--blue-soft); }

.upload-field > span:nth-of-type(2) { display: grid; gap: 3px; }

.upload-field b { font-size: 10px; }

.upload-field small { color: #8b919b; font-size: 8px; }

.upload-preview { width: 62px; height: 62px; margin-left: auto; border-radius: 8px; object-fit: cover; }

.ready-site { display: grid; gap: 5px; margin-bottom: 20px; padding: 14px; border-radius: 10px; background: var(--paper); }

.ready-site small { color: #8a9099; font-size: 7px; }

.ready-site b { overflow: hidden; font-size: 10px; text-overflow: ellipsis; }

.diagnosis-output { background: var(--paper); }

.diagnosis-output-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: center; }

.diagnosis-output-layout > div:first-child > p { margin: 23px 0 0; color: var(--muted); font-size: 13px; line-height: 1.75; }

.diagnosis-output-card { padding: 34px; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: var(--shadow); }

.diagnosis-mini-label { color: var(--blue); font-size: 7px; font-weight: 850; letter-spacing: .1em; }

.diagnosis-output-card article { padding: 23px 0; border-bottom: 1px solid var(--line); }

.diagnosis-output-card article > b { color: #e05b5b; font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }

.diagnosis-output-card article:nth-of-type(2) > b { color: var(--blue); }

.diagnosis-output-card h3 { margin: 8px 0 7px; font-size: 18px; }

.diagnosis-output-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }

.diagnosis-note { display: block; margin-top: 19px; color: #9298a1; font-size: 8px; text-align: right; }

.diagnosis-not-section { background: white; }

.diagnosis-not-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }

.diagnosis-not-grid article { min-height: 150px; display: flex; align-items: flex-end; padding: 24px; border: 1px solid var(--line); border-radius: 13px; color: #555c67; font-size: 11px; line-height: 1.6; }

@media (max-width: 640px) {
  .analysis-review-grid { grid-template-columns: 1fr; }
}