/* Layout propio de Lectura de recibo CFE. La marca y el menú se heredan del sitio. */
.page-preanalisis .nav-cta{white-space:nowrap}
@media(max-width:480px){.page-preanalisis .nav-cta{font-size:12px;padding-inline:10px}}
.pa-page {
  --line: #2c4048;
  --text: var(--texto-alto);
  --muted: #adbec4;
  --green: #b9ee80;
  --cyan: #77d5ed;
  --panel: #152128;
  --paper: #f5f8f2;
  --ink: #182526;
  --radius: 18px;
  color: var(--text);
  color-scheme: dark;
  line-height: 1.65;
}
.pa-page .pa-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.pa-page [id]{scroll-margin-top:84px}
.pa-page [hidden]{display:none!important}
.pa-page :focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.pa-page :is(button,input){font:inherit}
.pa-page .pa-hero{overflow:hidden;padding-top:73px;background:radial-gradient(ellipse at 76% 25%,#1b3130 0,transparent 53%),linear-gradient(135deg,#121e26,#10171c 68%)}
.pa-page .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,6vw,87px);padding-block:clamp(48px,6vw,88px)}
.pa-page .pa-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:var(--green);font-size:.72rem;line-height:1.45;font-weight:600;letter-spacing:.15em}
.pa-page .pa-eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #b9ee8018;flex:none}
.pa-page h1,.pa-page h2,.pa-page h3,.pa-page p{margin-top:0}
.pa-page h1,.pa-page h2,.pa-page h3{font-family:var(--f-display)}
.pa-page h1{font-size:clamp(3.5rem,7.15vw,7rem);font-weight:700;letter-spacing:-.076em;line-height:.95;margin-bottom:23px}
.pa-page h1 em{font-style:normal;color:var(--green)}
.pa-page h2{font-size:clamp(2.15rem,4vw,3.5rem);letter-spacing:-.056em;line-height:1.04;margin-bottom:16px}
.pa-page h3{line-height:1.17;letter-spacing:-.027em}
.pa-page .hero-lede,.pa-page .section-lede{color:#c2d1d3;max-width:61ch;font-size:clamp(1rem,1.55vw,1.19rem)}
.pa-page .hero-lede{max-width:36ch;margin-bottom:17px}
.pa-page .start-simple{font-weight:600;margin-bottom:15px}
.pa-page .cta-reassurance{font-size:.79rem;color:var(--green);margin:11px 0 0}
.pa-page .pa-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.pa-page .pa-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 17px;min-height:47px;border:1px solid transparent;border-radius:9px;font-weight:600;line-height:1.25;text-decoration:none}
.pa-page .pa-button.primary{color:var(--blanco);background:var(--verde-cta);border-color:var(--verde-cta)}
.pa-page .pa-button.primary:hover:not(:disabled){background:var(--verde-cta-hover);border-color:var(--verde-cta-hover)}
.pa-page .pa-button:disabled{opacity:.48;cursor:not-allowed}
.pa-page .text-link{font-size:.91rem;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#82959b}
.pa-page .hero-note{font-size:.83rem;color:var(--muted);margin:19px 0 0;max-width:44ch}
.pa-page .hero-note strong{color:var(--text)}
.pa-page .hero-sheet{color-scheme:light;background:var(--paper);color:var(--ink);border:1px solid #c1d3be;border-radius:var(--radius);box-shadow:0 28px 70px #060e11a0;overflow:hidden;position:relative}
.pa-page .hero-sheet::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#1fa3da 0 31%,#2daa3e 31% 66%,#8dc63f 66%)}
.pa-page .sheet-header,.pa-page .sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 20px;border-bottom:1px solid #d9e3d9}
.pa-page .sheet-logo{display:flex;gap:6px;align-items:center;font:700 1rem var(--f-display)}
.pa-page .stamp{background:#e2ecdd;color:#324f34;border:1px solid #cbdcc7;border-radius:5px;padding:4px 7px;font-size:.59rem;font-weight:600;letter-spacing:.09em;white-space:nowrap}
.pa-page .sheet-main{padding:20px}
.pa-page .sheet-meta,.pa-page .sheet-foot{font:600 .67rem var(--f-display);letter-spacing:.09em;color:#426258}
.pa-page .sheet-meta{margin-bottom:13px}
.pa-page .sheet-caption{font-size:.82rem;color:#425753}
.pa-page .sheet-total{font:700 clamp(2.6rem,4.5vw,4.3rem)/1.03 var(--f-display);letter-spacing:-.063em;margin-top:2px}
.pa-page .sheet-total span{font-size:.62em;color:#497361}
.pa-page .sheet-chart-caption{margin:18px 0 7px;font-weight:600}
.pa-page .cost-bar{height:20px;border-radius:5px;overflow:hidden;display:grid;grid-template-columns:44fr 24fr 32fr;gap:3px}
.pa-page .cost-bar span:nth-child(1),.pa-page .pa-legend span:nth-child(1) i{background:#357957}
.pa-page .cost-bar span:nth-child(2),.pa-page .pa-legend span:nth-child(2) i{background:#74bd9e}
.pa-page .cost-bar span:nth-child(3),.pa-page .pa-legend span:nth-child(3) i{background:#c7d8cc}
.pa-page .pa-legend{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:8px;font-size:.72rem;color:#3b5148}
.pa-page .pa-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:3px}
.pa-page .sheet-finding{margin-top:18px;background:#e8efe5;border:1px solid #d4e2d5;border-radius:9px;display:flex;align-items:center;gap:12px;padding:10px 12px}
.pa-page .sheet-finding b{white-space:nowrap;color:#245b43;font:700 clamp(1.25rem,2.4vw,1.85rem) var(--f-display)}
.pa-page .sheet-finding span{font-size:.8rem;line-height:1.3;font-weight:600}
.pa-page .sheet-finding small{display:block;color:#415951;font-size:.71rem;font-weight:400;margin-top:3px}
.pa-page .sheet-foot{border-top:1px solid #d9e3d9;border-bottom:0;padding-block:12px;letter-spacing:.04em}
.pa-page .fit-strip{border-block:1px solid var(--line);background:#142128}
.pa-page .fit-grid,.pa-page .report-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.pa-page .fit-grid article{display:flex;align-items:flex-start;gap:12px;padding:20px 16px;border-left:1px solid var(--line)}
.pa-page .fit-grid article:first-child{border-left:0;padding-left:0}
.pa-page .fit-grid p{font-size:.82rem;margin:0;color:var(--muted);line-height:1.45}
.pa-page .fit-grid strong{color:var(--text);font-size:.9rem}
.pa-page .tariff{border:1px solid #497554;color:var(--green);border-radius:5px;padding:2px 7px;font:600 .76rem var(--f-display);white-space:nowrap}
.pa-page .tariff.pa-muted{border-color:#4b6a74;color:var(--cyan)}
.pa-page .pa-section{padding-block:clamp(48px,7vw,90px)}
.pa-page .report-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:27px}
.pa-page .report-grid article{border:1px solid var(--line);border-top:2px solid #53786e;border-radius:12px;background:var(--panel);padding:18px}
.pa-page .report-grid span,.pa-page .sample-tag{font:600 .73rem var(--f-display);letter-spacing:.12em;color:var(--green)}
.pa-page .report-grid h3{font-size:1.17rem;margin:13px 0 8px}
.pa-page .report-grid p,.pa-page .sample-panel p{margin-bottom:0;color:var(--muted);font-size:.92rem;line-height:1.55}
.pa-page .example-section{border-block:1px solid var(--line);background:linear-gradient(135deg,#132228,#142924);padding-block:clamp(40px,6vw,75px)}
.pa-page .example-grid,.pa-page .request-grid,.pa-page .faq-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(26px,6vw,86px)}
.pa-page .example-grid{align-items:center}
.pa-page .subtle{color:var(--muted);font-size:.82rem;margin-bottom:0}
.pa-page .example-cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--green)}
.pa-page .experience-link{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);margin-top:7px}
.pa-page .sample,.pa-page .form-card{background:#101b21;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.pa-page .sample-tabs{display:flex;gap:5px;padding:9px;border-bottom:1px solid var(--line)}
.pa-page .sample-tabs button{flex:1;min-width:0;border-radius:7px;border:1px solid transparent;padding:8px 4px;color:var(--muted);background:transparent;font-size:.85rem}
.pa-page .sample-tabs button[aria-pressed=true]{background:#233b31;border-color:#446d57;color:var(--green);font-weight:600}
.pa-page .sample-panel{padding:20px;min-height:224px}
.pa-page .sample-panel h3{margin:8px 0 12px;font-size:1.42rem}
.pa-page .sample-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 13px}
.pa-page .sample-stats div{background:#19292e;border-radius:8px;padding:9px 10px}
.pa-page .sample-stats dt{font-size:.74rem;color:var(--muted)}
.pa-page .sample-stats dd{font:700 clamp(1.12rem,2.3vw,1.55rem) var(--f-display);margin:3px 0 0;color:var(--text)}
.pa-page .request-grid{grid-template-columns:.82fr 1.18fr}
.pa-page .pa-process{counter-reset:paso;list-style:none;padding:0;margin:25px 0 0}
.pa-page .pa-process li{position:relative;padding:0 0 17px 44px;margin:0 0 12px;border-bottom:1px solid var(--line);counter-increment:paso}
.pa-page .pa-process li::before{content:counter(paso);position:absolute;left:0;top:2px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #57865b;border-radius:50%;color:var(--green);font:600 1rem var(--f-display)}
.pa-page .pa-process li strong,.pa-page .pa-process li span{display:block}
.pa-page .pa-process li span{color:var(--muted);font-size:.89rem}
.pa-page .form-card{padding:22px}
.pa-page .form-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.pa-page .form-top h3{font-size:1.2rem;margin:0}
.pa-page .free-label{font-size:.77rem;color:var(--green);white-space:nowrap}
.pa-page .pa-fields label{display:block;margin-bottom:12px;font-weight:600;font-size:.88rem}
.pa-page .pa-fields label input:not([type=checkbox]){width:100%;min-width:0;min-height:44px;margin-top:5px;padding:8px 9px;border-radius:7px;border:1px solid #47616a;background:#17262d;color:var(--text);font-weight:400}
.pa-page .pa-fields input:disabled{opacity:.58;cursor:not-allowed}
.pa-page .pa-fields input[type=file]{font-size:.79rem}
.pa-page .pa-fields input::file-selector-button{background:#284339;color:var(--text);border:1px solid #497554;border-radius:5px;margin-right:7px;padding:4px 6px;cursor:pointer}
.pa-page .field-help,.pa-page .form-status{font-size:.79rem;color:var(--muted);line-height:1.5;margin:0 0 12px}
.pa-page .form-status:empty,.pa-page #estado-archivo:empty{display:none}
.pa-page .pa-fields .check{display:flex;align-items:flex-start;gap:8px;line-height:1.45;font-weight:400}
.pa-page .pa-fields .authority{margin-bottom:6px}
.pa-page .file-help{font-size:.79rem;color:var(--muted);margin-bottom:18px}
.pa-page .file-help summary{cursor:pointer;color:var(--cyan);min-height:30px}
.pa-page .file-help p{margin:6px 0 0}
.pa-page .form-reassurance{font-size:.76rem;color:var(--muted);line-height:1.5;text-align:center;margin:10px 0 0}
.pa-page .check input{width:17px;height:17px;flex:none;margin:2px 0 0;accent-color:var(--green)}
.pa-page .check a{color:var(--cyan)}
.pa-page .form-actions{display:flex;gap:9px;margin-top:16px}
.pa-page .form-actions .primary{flex:1}
.pa-page #verificacion-envio:not(:empty){margin-block:8px}
.pa-page #reintentar-conexion{margin-bottom:8px;color:var(--cyan)}
.pa-page #estado-form:not(:empty),.pa-page #ayuda-envio:not([hidden]){margin-top:12px}
.pa-page .privacy-note{border-top:1px solid var(--line);padding-top:12px;margin:14px 0;color:var(--muted);font-size:.79rem;line-height:1.55}
.pa-page .privacy-note a,.pa-page #ayuda-envio a,.pa-page .pa-notice a{color:var(--cyan);text-decoration:underline;overflow-wrap:anywhere}
.pa-page .pa-notice{margin:8px 0 12px;padding:11px 12px;border:1px solid #82672c;background:#3c3020;color:#f4d790;border-radius:8px;font-size:.86rem}
.pa-page .pa-notice.success{border-color:#47794d;background:#1c392c;color:#c7f3bc;margin-bottom:0}
.pa-page .faq-section{border-top:1px solid var(--line);background:#142128;padding-block:clamp(36px,5vw,66px)}
.pa-page .faq-grid{grid-template-columns:.75fr 1.25fr}
.pa-page .faq-list details{border-bottom:1px solid var(--line);padding:12px 0}
.pa-page .faq-list summary{cursor:pointer;font-weight:600}
.pa-page .faq-list details p{margin:8px 0 3px;color:var(--muted);font-size:.9rem}
@media(max-width:900px){
  .pa-page .fit-grid article{flex-direction:column;gap:6px}
  .pa-page .report-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .pa-page .pa-wrap{width:calc(100% - 36px)}
  .pa-page .hero-grid,.pa-page .example-grid,.pa-page .request-grid,.pa-page .faq-grid{grid-template-columns:1fr}
  .pa-page .hero-grid{gap:29px;padding-block:42px}
  .pa-page h1{font-size:clamp(3rem,12.7vw,5.9rem)}
  .pa-page .fit-grid article{padding:13px 8px}
  .pa-page .fit-grid p{font-size:.72rem}
  .pa-page .fit-grid strong{font-size:.78rem}
  .pa-page .tariff{font-size:.66rem}
  .pa-page .sheet-main,.pa-page .sheet-header,.pa-page .sheet-foot{padding-inline:15px}
  .pa-page .form-card{padding:17px}
}
@media(max-width:380px){
  .pa-page .pa-wrap{width:calc(100% - 28px)}
  .pa-page .report-grid article{padding:13px}
  .pa-page .report-grid h3{font-size:1.02rem}
  .pa-page .report-grid p{font-size:.83rem}
  .pa-page .fit-grid p{overflow-wrap:anywhere}
}