/* Piezas de las páginas PROPUESTAS (propuestas.py) — mismas fichas que el calco: rojo #c4042c, azul #253745, IBM Plex Sans + Roboto.
   Referencia rápida para quien escribe una propuesta:
   <section class="pp-sec [gris|azul]"><div class="cont [estrecho]"> … </div></section>
   <p class="pp-ante">Antetítulo rojo</p><h2>…</h2> · <p class="pp-entradilla">…</p>
   <div class="pp-dos [al-centro|foto-izq]"><div>texto</div>{{foto:clave}}</div>
   <ul class="pp-lista">…</ul> (check rojo) · <ol class="pp-pasos"><li><h3>…</h3><p>…</p></li></ol>
   <div class="pp-tarjetas [dos|cuatro]"><div class="pp-tarjeta"><h3>…</h3><p>…</p></div></div>
   <div class="pp-cifras"><div><b>126 MWp</b><span>texto</span></div></div>
   <div class="pp-tabla"><table>…</table></div> · <aside class="pp-nota">…</aside> · <blockquote class="pp-cita">…</blockquote>
   <mark class="pp-confirmar">dato por confirmar con ER</mark>
   <ol class="pp-fuentes"><li><a href="…" target="_blank" rel="noopener">…</a> (consultada el …)</li></ol>
   <section class="pp-cta"><div class="cont"><h2>…</h2><p>…</p><a class="btn" href="/contacto/">…</a></div></section> */

.propuesta main{counter-reset:pp}
.pp-aviso{background:#fff7d6;border-bottom:1px solid #f0dc8a;color:#5c4a00;font-size:14.5px;line-height:1.45;position:relative;z-index:3}
.pp-aviso .cont{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:12px;padding-bottom:12px}
.pp-aviso b{font:600 12.5px/1 var(--tit);letter-spacing:.08em;text-transform:uppercase;background:#5c4a00;color:#fff7d6;padding:6px 10px;border-radius:4px}
.pp-aviso a{color:#5c4a00;text-decoration:underline}
.pp-aviso .pp-volver{margin-left:auto;font-weight:600;text-decoration:none;border:1px solid #d8c26b;border-radius:40px;padding:6px 14px;background:#fff}
.pp-aviso .pp-volver:hover{background:#5c4a00;color:#fff}
.pp-pt{min-height:420px}
.pp-pt>.cont{width:100%}
.pp-pt .pt-lead{max-width:700px}

.pp-sec{padding:84px 0}
.pp-sec:not(.gris):not(.azul)+.pp-sec:not(.gris):not(.azul){padding-top:0}
.pp-sec.gris{background:var(--gris)}
.pp-sec.azul{background:var(--azul);color:rgba(255,255,255,.82)}
.pp-sec.azul :is(h2,h3,h4){color:#fff}
.pp-sec h2{font:700 clamp(28px,3vw,40px)/1.2 var(--tit);color:var(--tinta);margin:0 0 18px;letter-spacing:-.01em}
.pp-sec h3{font:600 21px/1.3 var(--tit);color:var(--tinta);margin:0 0 10px}
.pp-sec h4{font:600 17px/1.35 var(--tit);color:var(--tinta);margin:22px 0 8px}
.pp-sec p{margin:0 0 16px}
.pp-sec .cont.estrecho p,.pp-sec .cont.estrecho li{font-size:17px}
.pp-ante{font:700 15px/1.3 var(--tit)!important;color:var(--rojo)!important;margin:0 0 10px!important}
.pp-sec.azul .pp-ante{color:#ff7589!important}
.pp-entradilla{font-size:19px!important;line-height:1.6;color:var(--tinta)}
.pp-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.pp-dos>*{min-width:0}
.pp-dos.al-centro{align-items:center}
.pp-dos.foto-izq>figure{order:-1}
.pp-foto{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--sombra)}
.pp-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pp-foto.ancha img{aspect-ratio:21/9}
.pp-foto figcaption{font-size:13.5px;color:var(--texto);padding:10px 14px;background:#fff}

.pp-lista{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
.pp-lista li{position:relative;padding-left:32px;color:var(--tinta)}
.pp-lista li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--rojo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.pp-sec.azul .pp-lista li{color:#fff}
.pp-lista.dos-col{grid-template-columns:1fr 1fr;column-gap:32px}

.pp-pasos{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;counter-reset:paso}
.pp-pasos li{counter-increment:paso;background:#fff;border-radius:var(--r);box-shadow:var(--sombra);padding:30px 26px 26px;position:relative;border-top:4px solid var(--rojo)}
.pp-pasos li::before{content:counter(paso,decimal-leading-zero);display:block;font:700 15px/1 var(--tit);color:var(--rojo);letter-spacing:.06em;margin-bottom:14px}
.pp-pasos li p{margin:0;font-size:15.5px}
/* filas parejas según cuántos pasos haya (6 → 3+3, 4 y 8 → de 4 en 4) */
.pp-pasos:has(>li:nth-child(4):last-child),.pp-pasos:has(>li:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-pasos:has(>li:nth-child(6):last-child),.pp-pasos:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}

.pp-tarjetas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.pp-tarjetas.dos{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-tarjetas.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-tarjeta{background:#fff;border-radius:var(--r);box-shadow:var(--sombra);padding:30px 28px;transition:transform .3s,box-shadow .3s}
.pp-tarjeta:hover{transform:translateY(-4px);box-shadow:var(--sombra-f)}
.pp-tarjeta p:last-child{margin:0}
.pp-tarjeta .pp-etq{display:inline-block;font:600 12px/1 var(--tit);letter-spacing:.06em;text-transform:uppercase;color:var(--rojo);background:var(--rojo-suave);padding:6px 9px;border-radius:4px;margin-bottom:12px}
.pp-tarjeta img{width:calc(100% + 56px);max-width:none;margin:-30px -28px 22px;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r) var(--r) 0 0}
.pp-sec.gris .pp-tarjeta,.pp-sec.azul .pp-tarjeta{background:#fff}
.pp-sec.azul .pp-tarjeta{color:var(--texto)}.pp-sec.azul .pp-tarjeta h3{color:var(--tinta)}

.pp-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;margin:26px 0}
.pp-cifras>div{border-left:4px solid var(--rojo);padding:4px 0 4px 18px}
.pp-cifras b{display:block;font:300 clamp(34px,3.6vw,48px)/1.05 var(--cuerpo);color:var(--rojo);letter-spacing:-.02em}
.pp-cifras span{display:block;font:600 14.5px/1.4 var(--tit);color:var(--tinta);margin-top:6px}
.pp-sec.azul .pp-cifras span{color:#fff}

.pp-tabla{overflow-x:auto;margin:24px 0;border-radius:var(--r);box-shadow:var(--sombra);background:#fff}
.pp-tabla table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.pp-tabla th{font:600 14px/1.3 var(--tit);text-align:left;background:var(--azul);color:#fff;padding:13px 16px}
.pp-tabla td{padding:12px 16px;border-top:1px solid var(--linea);vertical-align:top;color:var(--tinta)}
.pp-tabla tr:nth-child(even) td{background:#fafbfc}

.pp-nota{border-left:4px solid var(--rojo);background:var(--rojo-suave);padding:18px 22px;border-radius:0 var(--r) var(--r) 0;color:var(--tinta);margin:24px 0}
.pp-nota p:last-child{margin:0}
.pp-cita{margin:28px 0;padding:0 0 0 24px;border-left:4px solid var(--rojo);font:italic 500 21px/1.5 var(--tit);color:var(--tinta)}
.pp-formula{font:600 19px/1.5 var(--tit);color:var(--tinta);background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:18px 22px;margin:20px 0;text-align:center}

mark.pp-confirmar{background:#fff1b8;color:#5c4a00;padding:1px 6px;border-radius:4px;box-shadow:inset 0 -2px 0 #e9c94a}
mark.pp-confirmar::before{content:"Por confirmar: ";font:600 .78em/1 var(--tit);text-transform:uppercase;letter-spacing:.04em}

.pp-faq{display:grid;gap:12px;margin-top:24px}
.pp-faq details{background:#fff;border-radius:var(--r);box-shadow:0 4px 18px rgba(20,34,46,.06);overflow:hidden}
.pp-faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font:600 17px/1.4 var(--tit);color:var(--tinta);position:relative}
.pp-faq summary::-webkit-details-marker{display:none}
.pp-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--rojo-suave);color:var(--rojo);display:grid;place-items:center;font:600 20px/1 var(--tit);transition:transform .25s}
.pp-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.pp-faq details>div{padding:0 24px 20px}
.pp-faq details>div p{margin:0}

.pp-fuentes{font-size:14px;line-height:1.55;padding-left:20px;margin:18px 0 0}
.pp-fuentes li{margin-bottom:6px}

.pp-cta{background:var(--rojo);color:#fff;padding:70px 0}
.pp-cta .cont{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:32px}
.pp-cta .cont>div{flex:1 1 auto;min-width:0}
.pp-cta .cont>.btn{flex:none}
.pp-cta h2{color:#fff;font:700 clamp(26px,2.6vw,36px)/1.2 var(--tit);margin:0 0 8px}
.pp-cta p{margin:0;color:rgba(255,255,255,.9);max-width:680px}
.pp-cta .btn{background:#fff;color:var(--rojo)!important;border-color:#fff}
.pp-cta .btn:hover{background:var(--negro);border-color:var(--negro);color:#fff!important}

.pp-validar{background:#fffbea;border-top:1px solid #f0dc8a;padding:56px 0 64px}
.pp-validar h2{font:700 26px/1.25 var(--tit);color:#5c4a00;margin:0 0 8px}
.pp-validar p{color:#5c4a00}
.pp-validar ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.pp-validar li{position:relative;padding:12px 16px 12px 46px;background:#fff;border:1px solid #f0dc8a;border-radius:8px;color:var(--tinta)}
.pp-validar li::before{content:"";position:absolute;left:16px;top:15px;width:16px;height:16px;border:2px solid #b89a2a;border-radius:4px}
.pp-porque{margin-top:22px!important;font-size:15px}

@media (max-width:900px){
  .pp-sec{padding:60px 0}
  .pp-dos{grid-template-columns:minmax(0,1fr);gap:30px}
  .pp-dos.foto-izq>figure{order:0}
  .pp-tarjetas,.pp-tarjetas.dos,.pp-tarjetas.cuatro{grid-template-columns:1fr}
  .pp-lista.dos-col{grid-template-columns:1fr}
  .pp-aviso .pp-volver{margin-left:0}
  .pp-pasos,.pp-pasos:has(>li){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pp-cta .cont{flex-wrap:wrap}
  .pp-pt{min-height:360px}
}

.pp-sec-fuentes{padding:48px 0 56px}.pp-sec-fuentes h3{font-size:18px}

@media (max-width:600px){.pp-pasos,.pp-pasos:has(>li){grid-template-columns:1fr!important}}