/* Los Cabos 2050 — Participa V2 (portada limpia, letra legible, menos avisos) */
.proposal-page .hero-v2{position:relative;height:340px;background:#f3ece0;border-bottom:0;overflow:hidden}
.proposal-page .hero-v2 .hero-photo{position:absolute;right:0;top:0;bottom:0;width:58%;background:url('../img/hero-arco-v2.jpg') 60% 45%/cover no-repeat;z-index:1}
.proposal-page .hero-v2 .hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f3ece0 0%,rgba(243,236,224,.85) 16%,rgba(243,236,224,0) 46%)}
.proposal-page .hero-v2 .hero-inner{width:min(1180px,calc(100% - 40px));align-items:flex-start;padding-top:52px}
.proposal-page .hero-v2 .hero-copy{width:min(640px,100%)}
.proposal-page .hero-v2 .eyebrow{font-size:12px;letter-spacing:.25em;font-weight:800;color:#0b3144;margin:0 0 8px}
.proposal-page .hero-v2 h1{font-size:clamp(34px,4.4vw,52px);line-height:1.03;margin:0 0 14px;max-width:640px}
.proposal-page .hero-v2 .hero-copy p{font-size:17px;line-height:1.5;color:#2d4654;max-width:500px}
.proposal-page .hero-v2 .hero-copy .hero-quote{margin-top:14px;font-family:Georgia,serif;font-style:italic;font-size:15px;color:#087a85}

.proposal-page .participation-zone{background:#f6f1e8;min-height:0;padding-bottom:56px;overflow:visible}
.proposal-page .participation-zone:before,.proposal-page .participation-zone:after{display:none}
.proposal-page .page-grid{width:min(1180px,calc(100% - 40px));margin:-44px auto 0;grid-template-columns:minmax(0,1fr) 360px;gap:24px}
.proposal-page .form-panel{border-radius:18px;padding:26px 30px;box-shadow:0 10px 30px rgba(11,49,68,.08)}

/* Elegir qué hacer */
.proposal-page .choice-grid{grid-template-columns:1fr 1fr;gap:16px;background:transparent;opacity:1;overflow:visible;margin-bottom:16px}
.proposal-page .choice-grid .choice-card{border:2px solid #dce7eb;background:#fbfdfd;border-radius:14px;padding:18px 20px;min-height:0;display:flex;align-items:flex-start;justify-content:flex-start;gap:14px;text-align:left;color:#15313e;font-size:inherit;box-shadow:none}
.proposal-page .choice-grid .choice-card:hover{border-color:#9fd6da;background:#f4fbfb}
.proposal-page .choice-grid .choice-card.active{border-color:#0d95a0;background:#effafa;color:#15313e;box-shadow:0 0 0 4px rgba(13,149,160,.12)}
.proposal-page .choice-grid .choice-icon{font-size:30px}
.proposal-page .choice-text strong{display:block;font-size:17px;color:#0b3144}
.proposal-page .choice-card.active .choice-text strong:after{content:" ✓";color:#0d95a0}
.proposal-page .choice-text small{display:block;font-size:13.5px;line-height:1.45;color:#5d717c;font-weight:500;margin-top:3px}

/* Una sola línea de confianza */
.proposal-page .auth-gate{flex-direction:row;align-items:center;background:#fff8e8;border-radius:10px;padding:10px 14px;margin-bottom:14px}
.proposal-page .auth-gate strong{display:inline;font-size:14px;color:#6b4d12}
.proposal-page .auth-gate span{display:inline;font-size:13.5px;color:#5d6a70;margin:0 0 0 6px}
.proposal-page .auth-gate span:before{content:"· "}
.proposal-page .auth-gate a{font-size:13px;padding:8px 12px;width:auto}
.proposal-page .auth-gate.logged{background:#eef8f2;border-color:#cfe7d8}
.proposal-page .auth-gate.logged strong{color:#166a44}
.proposal-page .auth-gate.logged span{color:#1f6a4b}

.proposal-page .draft-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef6fb;border:1px solid #cfe2ee;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:14px;color:#1d4f6e}
.proposal-page .draft-banner[hidden]{display:none}
.proposal-page .draft-banner button{border:0;background:transparent;color:#087a85;font-weight:800;font-size:13.5px;cursor:pointer;text-decoration:underline}

/* Pasos */
.proposal-page .proposal-progress{margin:6px 0 16px}
.proposal-page .progress-step span{font-size:13px}
.proposal-page .progress-step b{width:26px;height:26px;font-size:13px}
.proposal-page .step-intro{display:block;margin:4px 0 12px}
.proposal-page .step-intro strong{display:block;font-size:26px}
.proposal-page .step-intro span{display:block;font-size:14px;margin-top:4px;color:#5d717c}

/* Ejemplos para empezar */
.proposal-page .idea-starters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px}
.proposal-page .idea-starters[hidden],.proposal-page .idea-starters.conversion-step-hidden{display:none}
.proposal-page .idea-starters-label{width:100%;font-size:13.5px;color:#5d717c}
.proposal-page .idea-starters button{border:1px solid #bfe2e5;background:#f1fafa;color:#086874;border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:650;cursor:pointer}
.proposal-page .idea-starters button:hover,.proposal-page .idea-starters button.active{background:#0d95a0;border-color:#0d95a0;color:#fff}

/* Campos legibles */
.proposal-page .field label{font-size:14.5px;margin-bottom:7px}
.proposal-page .field label span{font-size:13px}
.proposal-page .field input,.proposal-page .field select,.proposal-page .field textarea{font-size:15px;padding:12px 14px;border-radius:10px}
.proposal-page .field textarea{min-height:120px}
.proposal-page .field{position:relative}
.proposal-page .counter{position:static;display:block;text-align:right;font-size:12px;background:none;padding:4px 0 0}
.proposal-page .field-help{font-size:12.5px}
.proposal-page .step-navigation span{font-size:13px}
.proposal-page .step-next{font-size:16px;padding:14px 40px;border-radius:12px}
.proposal-page .collaboration-choice{border-radius:12px}
.proposal-page .collaboration-choice strong{font-size:15px}
.proposal-page .collaboration-choice small{font-size:13.5px}

/* Columna derecha */
.proposal-page .info-card{padding:22px 24px;border-radius:18px}
.proposal-page .info-card h2{font-size:22px}
.proposal-page .info-card>p{font-size:13.5px;line-height:1.45}
.proposal-page .process-list strong{font-size:14.5px}
.proposal-page .process-list small{font-size:13px;line-height:1.4}
.proposal-page .process-list strong em{font-style:normal;font-weight:650;font-size:12px;color:#0d95a0;margin-left:4px}
.proposal-page .process-now .process-icon{background:#0d95a0;color:#fff;border-color:#0d95a0}
.proposal-page .examples-head span{font-size:11px}
.proposal-page .examples-head a{font-size:13px}
.proposal-page .proposal-examples{gap:10px}
.proposal-page .proposal-example{padding:13px 15px;border-radius:12px}
.proposal-page .proposal-example>span{font-size:11px}
.proposal-page .proposal-example>strong{font-size:15px}
.proposal-page .proposal-example>small{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}
.proposal-page .example-votes{color:#086874;font-weight:750;white-space:nowrap}
.proposal-page .example-loading{font-size:13px}
.proposal-page .institution-grid button{font-size:12.5px}
.proposal-page .institutions-card h2{font-size:19px}

/* Pantalla de envío */
.proposal-page .submission-success{text-align:center;padding:26px 20px;border-radius:14px}
.proposal-page .submission-success .success-burst{font-size:42px;line-height:1}
.proposal-page .submission-success>strong{display:block;font-family:Georgia,serif;font-size:22px;margin:8px 0}
.proposal-page .success-folio{font-size:15px;margin:4px 0 12px}
.proposal-page .success-folio b{font-family:ui-monospace,monospace;background:#fff;border:1px dashed #87c7a0;border-radius:6px;padding:3px 8px;letter-spacing:.08em}
.proposal-page .success-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 12px}
.proposal-page .success-steps li{font-size:12.5px;padding:5px 10px;border-radius:999px;background:#eef2f3;color:#5d717c}
.proposal-page .success-steps li.done{background:#d9f0e2;color:#166a44}
.proposal-page .success-steps li.now{background:#0d95a0;color:#fff;font-weight:700}
.proposal-page .success-share{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.proposal-page .success-share a{background:#0b3144;color:#fff;border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:700;text-decoration:none}
.proposal-page .success-share a:first-child{background:#1f9d55}

@media(max-width:1000px){
  .proposal-page .page-grid{grid-template-columns:1fr;width:min(760px,calc(100% - 32px))}
}
@media(max-width:700px){
  .proposal-page .hero-v2{height:auto;padding-bottom:150px}
  .proposal-page .hero-v2 .hero-inner{width:calc(100% - 32px);padding-top:28px}
  .proposal-page .hero-v2 .hero-photo{top:auto;height:170px;width:100%;background-position:center 45%}
  .proposal-page .hero-v2 .hero-photo:before{background:linear-gradient(180deg,#f3ece0 0%,rgba(243,236,224,0) 55%)}
  .proposal-page .hero-v2 h1{font-size:34px}
  .proposal-page .hero-v2 .hero-copy p{font-size:16px}
  .proposal-page .page-grid{margin-top:-36px;width:calc(100% - 24px)}
  .proposal-page .form-panel{padding:18px 16px}
  .proposal-page .choice-grid{grid-template-columns:1fr;gap:10px}
  .proposal-page .choice-grid .choice-card{padding:14px 16px}
  .proposal-page .auth-gate{flex-direction:column;align-items:flex-start}
  .proposal-page .auth-gate span{display:block;margin:2px 0 0}
  .proposal-page .auth-gate span:before{content:""}
  .proposal-page .auth-gate a{width:100%;text-align:center}
  .proposal-page .step-intro strong{font-size:22px}
  .proposal-page .step-next{width:100%}
}

@media(max-width:860px){
  .proposal-page .page-grid{width:calc(100% - 24px)!important;margin:-36px auto 0!important;gap:16px!important}
  .proposal-page .form-panel{padding:18px 16px!important}
  .proposal-page .info-card{padding:18px!important}
  .proposal-page .choice-grid{margin-bottom:12px!important}
  .proposal-page .choice-grid .choice-card{font-size:inherit!important;line-height:1.3!important;border-radius:14px!important}
  .proposal-page .field label{font-size:14.5px!important}
  .proposal-page .field input,.proposal-page .field select,.proposal-page .field textarea{font-size:16px!important}
  .proposal-page .auth-gate{padding:10px 14px!important}
}
.proposal-page .field select,.proposal-page .field input{height:auto!important;min-height:48px;line-height:1.3}