:root{
  --sia-primary: #0d3b66;   /* azul marino suave */
  --sia-primary-600: #05264d; 
  --sia-primary-100: #eaf2fa; /* azul claro de fondo */
  --sia-accent: #1a5eaa;     /* acento azul medio */
  --sia-card: #ffffff;
  --sia-text: #1b2b3a;
  --sia-black: #000000;
  --sia-grey: #555;
  --sia-register-base: #c9e0f7; /* azul pastel para registros */
  --extra-small-size-px: 8px;
  --small-size-px: 12px;
  --medium-size-px: 18px;
  --large-size-px: 32px;
  --carussel-size-px: 48px;
  --extra-large-size-px: 48px;
  --title-size-px: 28px;
  --cel-text-size: 14px;
  --medium-links: 20px;
  --sia-font: Poppins;
  --small-gap: 8px;
  --register-radius: 3px;
  --svg-eye-open: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4gPHBhdGggZD0iTTEyIDRDNCA0IDEgMTIgMSAxMkMxIDEyIDQgMjAgMTIgMjBDMjAgMjAgMjMgMTIgMjMgMTJDMjMgMTIgMjAgNCAxMiA0IHogTSAxMiA3QzE0Ljc2MSA3IDE3IDkuMjM5IDE3IDEyQzE3IDE0Ljc2MSAxNC43NjEgMTcgMTIgMTdDOS4yMzkgMTcgNyAxNC43NjEgNyAxMkM3IDkuMjM5IDkuMjM5IDcgMTIgNyB6IE0gMTIgOSBBIDMgMyAwIDAgMCA5IDEyIEEgMyAzIDAgMCAwIDEyIDE1IEEgMyAzIDAgMCAwIDE1IDEyIEEgMyAzIDAgMCAwIDEyIDkgeiIgZmlsbD0iIzIxMjUyOWJmIiAvPjwvc3ZnPg==");
  --svg-eye-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48cGF0aCBkPSJNNC4yMDcwMzEyIDIuNzkyOTY4OEwyLjc5Mjk2ODggNC4yMDcwMzEyTDUuMDc2MTcxOSA2LjQ5MDIzNDRDMi4xOTkzNDQ3IDguODM4MjAwNSAxIDEyIDEgMTJDMSAxMiA0IDIwIDEyIDIwQzE0LjA3NTU2OCAyMCAxNS44MDYwMDMgMTkuNDU0NzMgMTcuMjQyMTg4IDE4LjY1NjI1TDE5Ljc5Mjk2OSAyMS4yMDcwMzFMMjEuMjA3MDMxIDE5Ljc5Mjk2OUw0LjIwNzAzMTIgMi43OTI5Njg4IHogTSAxMiA0QzEwLjc4OCA0IDkuNzA1Nzk2OSA0LjE5OTcxODcgOC43MTY3OTY5IDQuNTExNzE4OEwxMS4yNzczNDQgNy4wNzIyNjU2QzExLjUxNDM0NCA3LjAzNzI2NTYgMTEuNzUzIDcgMTIgN0MxNC43NjEgNyAxNyA5LjIzOSAxNyAxMkMxNyAxMi4yNDcgMTYuOTYyNzM0IDEyLjQ4NTY1NiAxNi45Mjc3MzQgMTIuNzIyNjU2TDIwLjM1NzQyMiAxNi4xNTIzNDRDMjIuMjA0NDIyIDE0LjEwMjM0NCAyMyAxMiAyMyAxMkMyMyAxMiAyMCA0IDEyIDQgeiBNIDcuODMzOTg0NCA5LjI0ODA0NjlMOS4yOTY4NzUgMTAuNzEwOTM4QzkuMTA4MTU5NSAxMS4xMDA4MjkgOSAxMS41MzY1NjYgOSAxMkM5IDEzLjY1NyAxMC4zNDMgMTUgMTIgMTVDMTIuNDYzNDM0IDE1IDEyLjg5OTE3MSAxNC44OTE4NCAxMy4yODkwNjIgMTQuNzAzMTI1TDE0Ljc1MTk1MyAxNi4xNjYwMTZDMTMuOTYyMDM5IDE2LjY4OTc1OCAxMy4wMTkyNzEgMTcgMTIgMTdDOS4yMzkgMTcgNyAxNC43NjEgNyAxMkM3IDEwLjk4MDcyOSA3LjMxMDI0MTUgMTAuMDM3OTYxIDcuODMzOTg0NCA5LjI0ODA0NjkgeiIgZmlsbD0iIzIxMjUyOWJmIiAvPjwvc3ZnPg==");
  --search-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='18' height='18'><path d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/></svg>");
  --sort-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M24,3.5c0,.83-.67,1.5-1.5,1.5H1.5c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5H22.5c.83,0,1.5,.67,1.5,1.5ZM6.5,20H1.5c-.83,0-1.5,.67-1.5,1.5s.67,1.5,1.5,1.5H6.5c.83,0,1.5-.67,1.5-1.5s-.67-1.5-1.5-1.5ZM14.5,11H1.5c-.83,0-1.5,.67-1.5,1.5s.67,1.5,1.5,1.5H14.5c.83,0,1.5-.67,1.5-1.5s-.67-1.5-1.5-1.5Z"/></svg>');
  --filter-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="16" height="16"><path d="M1,4.75H3.736a3.728,3.728,0,0,0,7.195,0H23a1,1,0,0,0,0-2H10.931a3.728,3.728,0,0,0-7.195,0H1a1,1,0,0,0,0,2ZM7.333,2a1.75,1.75,0,1,1-1.75,1.75A1.752,1.752,0,0,1,7.333,2Z"/><path d="M23,11H20.264a3.727,3.727,0,0,0-7.194,0H1a1,1,0,0,0,0,2H13.07a3.727,3.727,0,0,0,7.194,0H23a1,1,0,0,0,0-2Zm-6.333,2.75A1.75,1.75,0,1,1,18.417,12,1.752,1.752,0,0,1,16.667,13.75Z"/><path d="M23,19.25H10.931a3.728,3.728,0,0,0-7.195,0H1a1,1,0,0,0,0,2H3.736a3.728,3.728,0,0,0,7.195,0H23a1,1,0,0,0,0-2ZM7.333,22a1.75,1.75,0,1,1,1.75-1.75A1.753,1.753,0,0,1,7.333,22Z"/></svg>');
  --bullet-list: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5,5-2.24,5-5-2.24-5-5-5Zm0,8c-1.65,0-3-1.35-3-3s1.35-3,3-3,3,1.35,3,3-1.35,3-3,3Z"/></svg>');
  --next-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
  --prev-icon-carussel: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="-4 0 24 24" width="32" height="32"><path d="m13.646,18.342l-5.281-5.281c-.283-.283-.439-.66-.439-1.061s.156-.777.439-1.061l5.281-5.281.707.707-5.281,5.281c-.094.095-.146.22-.146.354s.052.259.146.354l5.281,5.281-.707.707Z"/></svg>');
  --next-icon-carussel: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="32" height="32"><path d="m10.279,18.342l-.707-.707,5.281-5.281c.094-.095.146-.22.146-.354s-.052-.259-.146-.354l-5.281-5.281.707-.707,5.281,5.281c.283.283.439.66.439,1.061s-.156.777-.439,1.061l-5.281,5.281Z"/></svg>');
  --conocer-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="offset-icon"  id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="25"><path d="M23,15h-.667c-.25,0-.498,.019-.745,.057l-7.046-5.284,1.688-1.616c.399-.382,.413-1.016,.031-1.414-.383-.399-1.017-.412-1.414-.031l-4.173,3.995c-.208,.208-.491,.315-.788,.29-.298-.024-.56-.175-.739-.425-.274-.38-.19-.975,.168-1.334l4.703-4.429c.891-.837,2.284-1.042,3.374-.495l2.316,1.158c.69,.345,1.464,.527,2.235,.527h1.056c.553,0,1-.447,1-1s-.447-1-1-1h-1.056c-.463,0-.928-.109-1.342-.316l-2.314-1.158c-1.824-.913-4.153-.574-5.641,.828l-.618,.582-.7-.638c-.919-.837-2.109-1.298-3.39-1.298-.771,0-1.54,.182-2.227,.525l-2.314,1.158c-.415,.207-.88,.316-1.343,.316H1c-.553,0-1,.447-1,1s.447,1,1,1h1.056c.771,0,1.545-.183,2.236-.527l2.316-1.158c1.022-.514,2.458-.375,3.374,.462l.587,.535-2.646,2.492c-1.073,1.072-1.244,2.767-.398,3.938,.52,.723,1.553,1.259,2.444,1.259,.793,0,1.554-.312,2.104-.863l1.006-.963,6.346,4.759c-.031,.022-6.198,4.646-6.198,4.646-.723,.562-1.732,.562-2.47-.011l-6.091-4.568c-.859-.645-1.925-1-3-1h-.667c-.553,0-1,.447-1,1s.447,1,1,1h.667c.645,0,1.284,.213,1.8,.6l6.077,4.558c.725,.564,1.594,.846,2.461,.846,.862,0,1.723-.279,2.437-.835l6.093-4.568c.515-.387,1.154-.6,1.799-.6h.667c.553,0,1-.447,1-1s-.447-1-1-1Z"/></svg>');
  --home-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="offset-icon-active" viewBox="0.4 0 24 24" width="25" aria-hidden="true"><path d="M23.121,9.069,15.536,1.483a5.008,5.008,0,0,0-7.072,0L.879,9.069A2.978,2.978,0,0,0,0,11.19v9.817a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V11.19A2.978,2.978,0,0,0,23.121,9.069ZM15,22.007H9V18.073a3,3,0,0,1,6,0Zm7-1a1,1,0,0,1-1,1H17V18.073a5,5,0,0,0-10,0v3.934H3a1,1,0,0,1-1-1V11.19a1.008,1.008,0,0,1,.293-.707L9.878,2.9a3.008,3.008,0,0,1,4.244,0l7.585,7.586A1.008,1.008,0,0,1,22,11.19Z"/></svg>');
  --login-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="25" height="25"><path d="M18.9,0H5.1A5.055,5.055,0,0,0,0,5V8A1,1,0,0,0,2,8V5A3.054,3.054,0,0,1,5.1,2H18.9A3.054,3.054,0,0,1,22,5V19a3.054,3.054,0,0,1-3.1,3H5.1A3.054,3.054,0,0,1,2,19V16a1,1,0,0,0-2,0v3a5.055,5.055,0,0,0,5.1,5H18.9A5.055,5.055,0,0,0,24,19V5A5.055,5.055,0,0,0,18.9,0Z"/><path d="M3,12a1,1,0,0,0,1,1H4l13.188-.03-4.323,4.323a1,1,0,1,0,1.414,1.414l4.586-4.586a3,3,0,0,0,0-4.242L14.281,5.293a1,1,0,0,0-1.414,1.414l4.262,4.263L4,11A1,1,0,0,0,3,12Z"/></svg>');
  --google-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'><path fill='currentColor' d='M15.545 6.558a9.4 9.4 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.7 7.7 0 0 1 5.352 2.082l-2.284 2.284A4.35 4.35 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.8 4.8 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.7 3.7 0 0 0 1.599-2.431H8v-3.08z'/></svg>");
  --icon-facebook: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0.5 0.5 31 31'><path fill='%230d3b66' d='M7 5C5.9069 5 5 5.9069 5 7v18c0 1.093 0.9069 2 2 2h18c1.093 0 2-0.907 2-2V7c0-1.0931-0.907-2-2-2H7zm0 2h18v18h-5.1875v-6.75h2.59375l.375-3h-2.96875v-1.9375c0-.874 0.21575-1.46875 1.46875-1.46875h1.625V9.125c-.277-.037-1.23975-.09375-2.34375-.09375-2.304 0-3.875 1.38575-3.875 3.96875V15.25h-2.625v3h2.625V25H7V7z'/></svg>");
  --icon-youtube: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='none' stroke='%230d3b66' stroke-width='4' stroke-linejoin='round' d='M11.064 10.414Q19.378 10 23.998 10t12.939.415a6 6 0 0 1 5.68 5.492q.381 4.55.381 8.017q0 3.508-.39 8.128a6 6 0 0 1-5.587 5.483Q29.91 38 23.998 38q-5.91 0-13.018-.465a6 6 0 0 1-5.587-5.48q-.395-4.655-.395-8.131q0-3.435.385-8.02a6 6 0 0 1 5.68-5.49Z'/><path fill='none' stroke='%230d3b66' stroke-width='3.429' stroke-linejoin='round' d='M21 19.61v8.796a.857.857 0 0 0 1.33.715l6.597-4.36a.857.857 0 0 0 .006-1.427l-6.598-4.436a.857.857 0 0 0-1.335.711Z'/></svg>");
  --icon-x: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -5 30 30'><path fill='none' stroke='%230d3b66' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m3 21l7.548-7.548M21 3l-7.548 7.548m0 0L8 3H3l7.548 10.452m2.904-2.904L21 21h-5l-5.452-7.548'/></svg>");
  --icon-instagram: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-2.5%20-2.5%2021%2021'%3E%3Cpath%20fill='%230d3b66'%20d='M8%200C5.829%200%205.556.01%204.703.048%203.85.088%203.269.222%202.76.42a3.9%203.9%200%200%200-1.417.923A3.9%203.9%200%200%200.42%202.76C.222%203.268.087%203.85.048%204.7.01%205.555%200%205.827%200%208.001c0%202.172.01%202.444.048%203.297.04.852.174%201.433.372%201.942.205.526.478.972.923%201.417.444.445.89.719%201.416.923.51.198%201.09.333%201.942.372C5.555%2015.99%205.827%2016%208%2016s2.444-.01%203.298-.048c.851-.04%201.434-.174%201.943-.372a3.9%203.9%200%200%200%201.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99%2010.445%2016%2010.173%2016%208s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9%203.9%200%200%200-.923-1.417A3.9%203.9%200%200%200%2013.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01%2010.172%200%207.998%200zm-.717%201.442h.718c2.136%200%202.389.007%203.232.046.78.035%201.204.166%201.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275%201.485.039.843.047%201.096.047%203.231s-.008%202.389-.047%203.232c-.035.78-.166%201.203-.275%201.485a2.5%202.5%200%200%201-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5%202.5%200%200%201-.92-.598%202.5%202.5%200%200%201-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24%201.485-.276.738-.034%201.024-.044%202.515-.045zm4.988%201.328a.96.96%200%201%200%200%201.92.96.96%200%200%200%200-1.92M8%204.563a4.109%204.109%200%201%200%200%208.217%204.109%204.109%200%200%200%200-8.217m0%201.441a2.667%202.667%200%201%201%200%205.334%202.667%202.667%200%200%201%200-5.334'/%3E%3C/svg%3E");
  --calendar-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='currentColor' d='M3.5 0a.5.5 0 0 1 .5.5V2h8V.5a.5.5 0 0 1 1 0V2h1a2 2 0 0 1 2 2v9a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V4a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 6v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6H1z'/></svg>");
}

/* 2) RESETEOS BASE */
body{
  font-family:var(--sia-font);
  background-color:var(--sia-card);
  color:var(--sia-text);
}
a{
  text-decoration:none;
  all: initial;
}
p{ color:var(--sia-text); }
ul{ list-style:none; padding-left:20px; }

/* 3) UTILIDADES GENERALES */
.u-flex{ display:flex; }
.u-inline-flex{ display:inline-flex; }
.u-col{ flex-direction:column; }
.u-center{ 
  align-items:center; 
  justify-content:center; 
}
.u-between{ justify-content:space-between; }
.u-end{ justify-content:flex-end; }
.u-start{ justify-content:flex-start; }
.u-gap-1{ gap:var(--extra-small-size-px); }
.u-gap-2{ gap:var(--small-size-px); }
.u-gap-3{ gap:var(--medium-size-px); }
.u-gap-4{ gap:var(--large-size-px); }

/* FQA */
.sia-steps{ max-width:820px; margin:0 auto; }

.sia-steps__divider{
  border:0;
  border-top:1px solid var(--sia-primary);
  opacity:.35;
  margin:0 0 24px 0;
}

.sia-step{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:10px 0 18px 0;
}
/* Texto de navegación SIA */
.sia-nav-text{
  font-family: var(--sia-font);
  color: var(--sia-primary-600);
  fill: var(--sia-primary-600);
  font-weight: 500;
  transition: color .2s ease, font-weight .2s ease;
}
.descripcion-convocatoria p {
    text-align: justify;
}
/* Hover */
.sia-nav-text:hover{
  color: var(--sia-primary-600);
  font-weight: 600;
}
.sia-nav-text.is-active,
.nav-tabs .nav-link.active.sia-nav-text{
  color: var(--sia-primary-600);
  font-weight: 600;
}
.sia-step__num{
  width:42px; height:42px;
  border:2px solid var(--sia-primary);
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  flex:0 0 42px;
}

.sia-step__heading{
  font-weight:800;
  margin:4px 0 6px 0;
}

.sia-step__text{
  margin:0;
  text-justify: inter-word;
  hyphens: auto;
}

.sia-steps__actions{
  display:flex;
  gap:16px;
  justify-content:center;
  align-items:center;
  padding-bottom:10px;
}

.sia-steps__btn{
  width:140px;
  display:flex;
}
#resend-wrapper {
  transition: opacity 0.3s ease;
}
/* Text & color tokens centralizados */
.u-text-sm{ font-size:var(--cel-text-size); }
.u-text-md{ font-size:16px; }
.u-text-lg{ font-size:18px; }
.u-text-xl{ font-size:var(--title-size-px); }
.u-bold{ font-weight:600; }
.u-center-text{ text-align:center; }
.u-justify-text{ text-align:justify; }

.u-color-primary{ 
  color:var(--sia-primary); 
  fill:var(--sia-primary); 
}
.u-color-primary-600{ 
  color:var(--sia-primary-600); 
  fill:var(--sia-primary-600); 
}
.u-color-text{ 
  color:var(--sia-text); 
  fill:var(--sia-text); 
}
.u-color-grey{ 
  color:var(--sia-grey); 
  fill:var(--sia-grey); 
}
.u-color-white{ 
  color:#f8f8f8; 
  fill:#f8f8f8; 
}
.sia-error-msg{
  fill: var(--sia-primary);
  color: var(--sia-primary);
  font-size: 128px;
  font-weight: 800;
}

/* Spacing */
.u-mb-1{ margin-bottom:var(--extra-small-size-px); }
.u-mb-2{ margin-bottom:var(--small-size-px); }
.u-mb-3{ margin-bottom:var(--medium-size-px); }
.u-mb-4{ margin-bottom:var(--large-size-px); }
.u-p-1{ padding:var(--extra-small-size-px); }
.u-p-2{ padding:var(--small-size-px); }
.u-p-3{ padding:var(--medium-size-px); }
.u-p-4{ padding:var(--large-size-px); }
.u-rounded{ border-radius:var(--register-radius); }

/* Cards / contenedores */
.u-card{
  background:var(--sia-card);
  border:1px solid #ddd;
  border-radius:var(--register-radius);
}
.u-shadow-sm{ box-shadow:0 4px 8px rgba(0,0,0,.1); }

/* 4) TEXTOS & LISTAS */
.li-1{
  background-image:var(--bullet-list);
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:16px 16px;
  padding-left:25px;
  line-height:1.5;
}
.sia-links-blue{ 
  color:var(--sia-accent); 
  fill:var(--sia-accent); 
}
.thq-body-large{ font-size:18px; }
.thq-body-small{ font-size:16px; }
.thq-body-extra-small{ font-size:var(--small-size-px); }

/* 5) LAYOUT GLOBAL  */
.flex-card-height{ 
  height:calc(100% - 15px); 
  margin-bottom:15px; 
}
.center-align{ 
  text-align:center; 
  align-items:center; 
  justify-content:center; 
}
.divider {
  text-align: center;
  position: relative;
  display: flex;
  gap:12px;
  align-items: center;
  justify-content: center;
}
.divider::before,
.divider::after{
  content:"";
  flex:1;
  height:1px;
  background: var(--sia-primary);
  opacity: .4;
}

/* 6) PERFILES */
.profile-img{
  width:auto;
  border-radius:50%;
  border:1.5px solid var(--sia-primary);
}

.profile-img-comunidad{
  width:auto;
  border-radius:30%;
  border:1.5px solid var(--sia-primary);
}
.profile-container{
  align-items:center;
  gap:var(--medium-size-px);
  margin:var(--medium-size-px);
}

/* 7) HEADER/NAV */
.header-container{ 
  width:100%; 
  display:flex; 
  align-items:center; 
}
.header-logo{ 
  display:flex; 
  align-items:center; 
  flex-direction:row; 
  gap:var(--extra-small-size-px); 
  justify-content:flex-start; 
}
.header-menu{ 
  display:flex; 
  align-items:center; 
  flex-direction:row; 
  gap:var(--extra-small-size-px); 
  justify-content:flex-end; 
}
.unamlogo{ 
  height:70px; 
  width: auto;
}
.ifclogo{ width:90px; }
.title-siac{ 
  flex:0 0 auto; 
  margin-left:var(--medium-size-px); 
}
.header-capital{ 
  color:var(--sia-primary); 
  font-size:var(--large-size-px); 
  margin-right:-4px; 
}
.header-text{ 
  color:var(--sia-text); 
  font-size:var(--large-size-px); 
}
.navbar-container{
  top:0; width:100%; display:flex; z-index:1000; position:sticky;
  padding:var(--medium-size-px) 0;
  justify-content:center; background-color:var(--sia-card);
}
.menu-text{ 
  color:var(--sia-text); 
  font-size:var(--medium-links); 
}
.menu-text:hover{ 
  color:var(--sia-primary); 
  font-weight:600; 
}
.header-ifclogo-off{ 
  width:75px; 
  margin-right:var(--small-gap); 
}
.header-unamlogo-off{ 
  width:44px; 
  margin-right:var(--small-gap); 
}
.header-capital-off{ 
  color:var(--sia-primary); 
  font-size:var(--large-size-px); 
  margin-top:var(--medium-size-px); 
}
.icon-off{ 
  display:flex; 
  align-items:center; 
  flex-direction:row; 
}
.menu-text-off{ 
  color:var(--sia-text); 
  font-size:var(--medium-links); 
  margin-left:var(--small-size-px); 
}
.menu-active{ 
  color:var(--sia-primary); 
  font-weight:600; 
}
.offset-icon, .offset-icon-active{ 
  color:var(--sia-text); 
  fill:var(--sia-text); 
}

.col-center{ 
  margin:0 auto; 
  float:none; 
}
.calendar-input {
  padding-right: 2rem; /* espacio para el icono */
  background-image: var(--calendar-icon); 
   background-repeat: no-repeat;
  background-position: right 0.8rem center;
  background-size: 18px 18px;
}
/* Quitar calendario nativo */
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}

input[type="date"] {
  appearance: none;
  -webkit-appearance: none;
}
.sia-disabled:disabled {
  background-color: var(--sia-primary-100);
  cursor: not-allowed;
  opacity: 0.95; 
}
.add-emergency-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin: 24px 0 8px;
  border:0;
  background:transparent;
  width:100%;
  cursor:pointer;
  color: var(--sia-grey);
  font-size: 0.85rem;
}
.add-emergency-divider::before,
.add-emergency-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:#dcdfe6;
}
.add-emergency-divider:hover{ color: var(--sia-primary); }
.add-emergency-divider .add-icon{ font-weight:600; font-size:1.1rem; }
/* 9) CAROUSEL */
.carousel{ 
  margin:50px auto; 
  padding:0 16px; 
}
.carousel .item{
  color:#999; 
  font-size:14px; 
  text-align:center; 
  overflow:hidden; 
  min-height:290px;
}
.carousel .item .img-box{
  width:170px; 
  height:170px; 
  margin:0 auto; 
  padding:5px; 
  border:1px solid #ddd; 
  border-radius:50%;
}
.carousel .img-box img{ 
  width:100%; 
  height:100%; 
  display:block; 
  border-radius:50%; 
}
.carousel .testimonial{ 
  padding:30px 0 10px; 
  color:#555; 
}
.carousel-title{ 
  margin:25px; 
  color:#333; 
}
.carousel-line{ 
  height:1px; 
  width:600px; 
  background-color:#cecece; 
  margin:auto; 
}
.carousel .overview{ 
  font-size:12px; 
  margin-bottom:5px; 
}
.carousel .overview b{ color:#7AA641; }
.carousel .carousel-control{ 
  width:0; 
  height:40px; 
  background:none; 
}
.carousel-control i{
  font-size:25px; 
  line-height:42px; 
  position:absolute; 
  display:inline-block; 
  color:#000;
}
.carousel .carousel-indicators{ bottom:-40px; }
.carousel-indicators li, .carousel-indicators li.active{ 
  width:10px; 
  height:10px; 
  margin:1px 3px; 
  border-radius:50%; 
}
.carousel-indicators li{
  background:#999; 
  border-color:transparent; 
  box-shadow:inset 0 2px 1px rgba(0,0,0,.2);
}
.carousel-indicators li.active{
  background:#555; 
  box-shadow:inset 0 2px 1px rgba(0,0,0,.2);
}
.carousel-control-prev span,
.carousel-control-next span{
  position:absolute; 
  font-size:14px; 
  top:29%; 
  text-shadow:none; 
  font-weight:bolder; 
  color:#89c4f4;
}
.carousel-control-prev span{ left:20px; }
.carousel-control-next span{ right:20px; }
.circle-text{
  width: 60%;
  border-radius: 50%; 
  border:2px solid var(--sia-primary);
  display: flex; 
  justify-content: center; 
  align-items: center;
  text-align: center;
}

/* 10) BOTONES */
.thq-button-outline{
  gap:var(--extra-small-size-px); 
  border:.9px solid var(--sia-primary); 
  cursor:pointer;

  display:flex;
  align-items:center; 
  justify-content:center;

  transition:.3s;
  white-space:nowrap;

  height:40px;                    
  padding:0 var(--medium-links);  
  border-radius:var(--register-radius);

  box-sizing:border-box;
  line-height:1;
  font-family:var(--sia-font);
  font-size:16px;
}


a.thq-button-outline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--extra-small-size-px);

  border:.9px solid var(--sia-primary);
  border-radius:var(--register-radius);

  height:40px;
  padding:0 var(--medium-links);

  white-space:nowrap;
  cursor:pointer;
  transition:.3s;
  text-decoration:none;

  font-family:var(--sia-font);
  font-size:16px;
  line-height:1;
  box-sizing:border-box;
}
a.thq-button-outline:visited{ color:inherit; }


.button-secondary,
.button-primary{
  min-width:100px; 
  width:auto;      
}
/* FIX: texto blanco/azul correcto dentro de botones tipo <a> y <button> */
.button-primary,
.button-primary:visited{
  color: var(--sia-card) !important;
}

.button-primary:hover,
.button-primary:active,
.button-primary:focus{
  color: var(--sia-card) !important;
}

.button-secondary,
.button-secondary:visited{
  color: var(--sia-primary) !important;
}

.button-secondary:hover,
.button-secondary:active,
.button-secondary:focus{
  color: var(--sia-card) !important;
}

/* por si el texto está dentro de spans u otros nodos */
.button-primary *,
.button-primary:hover *{
  color: var(--sia-card) !important;
}

.button-secondary *{
  color: var(--sia-primary) !important;
}
.button-secondary:hover *{
  color: var(--sia-card) !important;
}

/* outline */
.button-secondary{
  color:var(--sia-primary); 
  background-color:var(--sia-card); 
  border-color:var(--sia-primary);
}
.button-secondary:hover{ 
  color:var(--sia-card); 
  background-color:var(--sia-primary); 
}

/* filled */
.button-primary{
  color:var(--sia-card); 
  border-color:var(--sia-primary); 
  background-color:var(--sia-primary); 
}
.button-primary:hover{ 
  color:var(--sia-card); 
  border-color:var(--sia-primary); 
  background-color:var(--sia-accent); 
}

.large-button{ width:100%; }

/* 11) FOOTER */
.footer-column{
  display:flex; 
  margin-bottom:var(--medium-links); 
  flex-direction:column; 
}
.footer-title{ 
  color:var(--sia-primary); 
  font-weight:600; 
  margin:var(--small-size-px) 0; 
}
.footer-icon{ 
  color:var(--sia-primary); 
  fill:var(--sia-primary); 
}
.footer-social{
  width:36px;
  height:36px;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  color: var(--sia-primary);
  opacity: .9;
  transition: .2s;
}
.footer-social:hover{
  opacity: 1;
  transform: translateY(-1px);
}
.footer-ig{ background-image: var(--icon-instagram); }
.footer-fb{ background-image: var(--icon-facebook); }
.footer-yt{ background-image: var(--icon-youtube); }
.footer-x { background-image: var(--icon-x); }

.footer-row{ 
  display:flex; 
  flex-direction:row; 
  gap:var(--extra-small-size-px); 
}
.footer-text{ 
  color:var(--sia-text); 
  margin-bottom:var(--extra-small-size-px); 
}
.footer-copyright{ border-top:1px solid #e3e3e3; }
.copyright{ color:var(--sia-grey); font-size:.9em; }
.copyright-links{ 
  color:var(--sia-grey); 
  margin-right:var(--small-size-px); 
  float:right; 
}

/* 12) SECCIONES / CONTENEDORES */
.thq-section-padding,
.section-padding{
  width:100%; 
  display:flex; 
  position:relative; 
  flex-direction:column; 
  padding:var(--extra-large-size-px);
}
.collapse-padding{
  width:100%; 
  display:flex; 
  position:relative;
  padding:var(--large-size-px) var(--extra-large-size-px) var(--medium-size-px);
}
.thq-section-max-width{ 
  width:100%; 
  max-width:1144px; 
}

.sign-in10-container{
  gap:var(--small-size-px); 
  flex:1; 
  height:100%; 
  z-index:100;
  border-radius:var(--register-radius); 
  background-color:var(--sia-register-base);
}
.card-container{
  gap:var(--small-size-px); 
  flex:1; 
  height:100%; 
  z-index:100;
  border-radius:var(--register-radius); 
  background-color:var(--sia-card);
  box-shadow:0 4px 8px rgba(0,0,0,.1);
}

/* 13) FORMULARIOS */
.field-icon{ 
  float:right; 
  margin-left:-25px; 
  margin-top:-25px; 
  position:relative; 
  z-index:2; 
}
.sign-container-header{ 
  display:flex; 
  align-items:center; 
  flex-direction:column; 
  justify-content:flex-end; 
}
.sign-in10-form{ 
  gap:var(--small-size-px); 
  width:100%; 
  display:flex; 
  flex-direction:column; 
  justify-content:flex-end; 
}
.form-label{ 
  position:relative; 
  flex:1 1 auto; 
  flex-shrink:0; 
}
.form-control{ border-radius:var(--register-radius); }
.icons-svg{ 
  color:var(--sia-primary); 
  fill:var(--sia-primary); 
  text-align:center; 
}
.google-icon{
  width: 16px;
  height: 16px;
  display: inline-block;
  -webkit-mask-image: var(--google-icon);
  mask-image: var(--google-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
}

.btn-toggle-password-visibility{
  width:21px; 
  height:21px; 
  background-image:var(--svg-eye-close);
  background-size:contain; 
  background-repeat:no-repeat; 
  background-position:center; 
  cursor:pointer;
}
.input-group:has(input.is-valid) .input-group-text{ border-color:var(--bs-form-valid-border-color); }
.input-group:has(input.is-invalid) .input-group-text{ border-color:var(--bs-form-invalid-border-color); }
.input-group:has(input:not([type="password"])) .btn-toggle-password-visibility{ background-image:var(--svg-eye-open); }

.search-input,
.sort-select,
.report-card,
.filter-button,
.excel-button{
  width:100%; 
  font-size:16px; 
  border-radius:var(--register-radius);
  border:1px solid #ddd; 
  margin-bottom:12px;
}
.filter-text {
  fill: var(--sia-text);
  color: var(--sia-text);
  font-size: var(--cel-text-size);
}
.filter-text:hover {
  color: var(--sia-primary);
  font-weight: 600;
}

/* Corregir */
.search-input{
  background-image:var(--search-icon);
  background-position:10px 14px; 
  background-repeat:no-repeat;
  padding:12px 20px 12px 40px;
}
.sort-select{
  background-image:var(--sort-icon); 
  background-repeat:no-repeat;
  padding:12px 40px 12px 20px; 
  text-align:left;
}
.report-card{
  padding:12px 40px 12px 20px; 
  text-align:left; 
  justify-content:center;
}
.filter-button{ 
  background-image:var(--filter-icon);
  background-position:135px; 
  background-repeat:no-repeat; 
  background-color:var(--sia-card);
  padding:12px 40px 12px 20px; 
  text-align:left;
}
.excel-button{ 
  background-color:var(--sia-card);
  padding:12px 40px 12px 20px; 
  text-align:left;
}
.next-chevron{
  background-image:var(--next-icon); 
  background-position:right center; 
  background-repeat:no-repeat;
  padding:12px 0 12px 18px; 
  text-align:left;
}
.prev-chevron-caru{
  background-image:var(--prev-icon-carussel); 
  background-position:right center; 
  background-repeat:no-repeat;
  padding:12px 0 12px 18px; 
  text-align:left; 
  margin-bottom:10px;
}
.next-chevron-caru{
  background-image:var(--next-icon-carussel); 
  background-position:right center; 
  background-repeat:no-repeat;
  padding:12px 0 12px 18px; 
  text-align:left; 
  margin-bottom:10px;
}
.menu-icons{ 
  background-position:left center; 
  background-repeat:no-repeat; 
  font-size:16px; 
  padding:12px; 
  text-align:left; 
}
.conocer-icon{ background-image:var(--conocer-icon); }
.login-icon{ background-image:var(--login-icon); }
.home-icon{ background-image:var(--home-icon); }
.img-square{ 
  width:100%; 
  height:auto; 
  border-radius:var(--register-radius); 
  aspect-ratio:1/1; 
}

/* 14) ESTADOS/RESPONSIVE FLAGS */
.display-resp, .titulo-resp, .col-space, .space-col-2, .footer-resp, .links-resp, .date-resp{ display:none; }
.card{ flex-direction:row; }
.menu-links{ 
  flex:0 0 auto; 
  display:flex; 
  align-items:center; 
  gap:var(--medium-size-px); 
}
.ham-icon{ 
  font-size:var(--large-size-px); 
  line-height:0; 
  border:none; 
}

/* 15) COPYRIGHT & LINKS */
.copyright-links{ align-content:center; }

/* Título azul como en mock */
.sia-auth-title{
  color: var(--sia-primary);
  font-size: clamp(28px, 3.2vw, 52px);
  line-height: 1.05;
}

/* Texto del lado izquierdo con buen ancho y lectura */
.sia-auth-lead{
  font-size: 16px;
  line-height: 1.7;
}
.sia-auth-card{
  font-size: 14px;
  line-height: 1.7;
}

/* Botón izquierda alineado como en la imagen */
.sia-auth-actions{
  display: flex;
  justify-content: flex-start;
}

/* Panel derecho: usa tu sign-in10-container pero lo “look&feel” lo ajustamos */
.sia-auth-panel{
  padding: 42px;
  border-radius: 10px;
}

/* Header centrado */
.sia-auth-panel-header{
  text-align: center;
  margin-bottom: 22px;
}

.sia-auth-panel-title{
  font-weight: 800;
  color: var(--sia-primary);
  font-size: 28px;
}

.sia-auth-panel-subtitle{
  color: var(--sia-text);
  font-size: 16px;
}

/* Ajuste de labels y separación interna */
.sia-auth-form .form-label{
  margin-bottom: 8px;
}

@media (max-width:1200px){
  .title-max, .menu-text, .footer-show{ display:none; }
  .col-space, .display-resp, .footer-resp{ display:flex; }
  .date-resp{display: inline-block;}
  .header-capital{ 
    color:var(--sia-primary); 
    font-size:var(--extra-large-size-px); 
    margin-right:-4px; 
  }
  .start-div{ justify-content:flex-start !important; }
  .filter-button{ 
    background-position:center; 
    padding:24px 0; 
  }
  .sort-select{ 
    background-position:center center; 
    padding:12px 0; 
  }
  .titulo-resp{
    display:flex; 
    align-self:flex-start; 
    align-items:center;
    margin:16px 0;
  }
  .select-cel{
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none;
    overflow:hidden; 
    text-indent:-9999px;
  }
  .button-resp{ width:8.3%; }
  .resp-off{ display: none !important;}
}

@media (max-width:990px){
  .hide-logo, .menu-links, .cel-off, .links-col{ display:none; }
  .space-col-2{ display:flex; }
  .links-resp{ display:table-row; }

  .copyright{ 
    text-align:center; 
    flex:auto; 
  }
  .copyright-links{ float:unset; }
  .start-div-footer{ justify-content:flex-start !important; }
  .container-flex,
  .form-container{
    gap:var(--large-size-px); 
    width:auto; 
    height:auto; 
    display:grid; 
    place-items:center start;
  }
  .container-flex{ padding:0 40px; }

  .thq-section-padding{ padding:30px; }
  .section-padding{ padding:var(--medium-size-px); }

  .center-titles{ 
    text-align:center; 
    align-items:center; 
    justify-content:center; 
  }
  .d-flow-content{ margin-left:0; }
  .arrow-cel{ width:8.3%; }

  .report-card{ padding:12px 10px; }
  .sia-reg-msg{ text-align:center; }
  .card{ flex-direction:column; }
  .row-display-resp{ 
    display: flow !important;
    flex-direction: row; 
    gap: 10px; 
  }
  .padding-carusell{padding: 0px !important; }
  .width-button-carussel{ width: 80%; }
  .disabled-button {
    cursor: not-allowed;
    pointer-events: none;
  }
  .cel-off{display: none !important;}
  .botton-resp{ width:15%; }
  .card-container{ box-shadow:none; }
  .sia-auth-actions{
    justify-content: center;
  }

  .sia-auth-title{
    text-align: center;
  }

  .sia-auth-lead{
    text-align: center;
    text-align-last: center;
  }

  .sia-auth-panel{
    padding: 28px;
  }
}

@media (max-width: 420px){
  footer.navbar-container{
    padding-left: 16px;
    padding-right: 16px;
    overflow-x: hidden; 
  }
  .sia-auth-panel{
    padding: 22px;
  }
  footer.navbar-container .container{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sia-steps{
    padding: 0 16px;
  }

  /* Título principal */
  .sia-steps h1{
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 16px;
    text-align: center;
  }

  /* Cada paso en columna y centrado */
  .sia-step{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  /* Número */
  .sia-step__num{
    width: 34px;
    height: 34px;
    font-size: 14px;
    margin-bottom: 4px;
  }

  /* Contenedor de texto */
  .sia-step > div{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Títulos */
  .sia-step__heading{
    font-size: 18px;
    margin: 6px 0 4px 0;
    text-align: center;
  }

  /* Texto: centrado visualmente pero justificado */
  .sia-step__text{
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    text-align-last: center;
    max-width: 420px;
  }

  /* Líneas */
  .sia-steps__divider{
    margin: 8px 0 16px 0;
  }

  /* Botones */
  .sia-steps__actions{
    flex-direction: column;
    gap: 12px;
  }

  .sia-steps__btn{
    width: 100%;
    max-width: 260px;
  }
}
/* =========================================================
   PROCESO DE ALTA 
   ========================================================= */

/* Wrapper opcional para centrar como la imagen */
.sia-stepper-wrap{
  max-width: 1200px;
  margin: 0 auto;
}

/* ---- Cards de etapa ---- */
.step-cards{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch; /* como la imagen (todas “a la misma altura”) */
  margin-bottom: 18px;
}

.step-card{
  background: var(--sia-card);
  border: 1px solid #e3e9f1;
  border-radius: 8px;                 /* como la muestra */
  padding: 16px 16px 18px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  height: 100%;
}

.step-card h3{
  font-weight: 700;
  font-size: 1.05rem;
  margin: 0 0 6px 0;
  color: var(--sia-text);
}

.step-card .desc{
  font-size: .9rem;
  color: var(--sia-text);
  opacity: .85;
  margin: 0 0 12px 0;
}

.step-card .status{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .85rem;
  color: #1f2937;
  background: #f5f8fc;
  border: 1px solid #e6edf6;
  border-radius: 999px;
  padding: 4px 10px;
}

.step-card .muted{ color: #6b7280; }

.step-card.is-active{
  border-color: var(--sia-primary);
  box-shadow: 0 6px 20px rgba(13,59,102,.12);
}

.step-card.is-pending{ opacity: .92; }

.step-card.is-done{
  border-style: dashed;
}

/* Botón oscuro (si lo sigues usando en algún punto) */
.step-card .btn-ghost-dark{
  background: #111;
  color: #fff;
  border: 1px solid #111;
}
.step-card .btn-ghost-dark:hover{
  background: var(--sia-primary-600);
  border-color: var(--sia-primary-600);
}

/* Outline simple (si lo sigues usando en algún punto) */
.step-card .btn-outline{
  border: 1px solid #cbd5e1;
  color: #111;
  background: #fff;
}
.step-card .btn-outline:hover{
  border-color: var(--sia-primary);
  color: var(--sia-primary);
}

/* ---- Línea de progreso con pasos ---- */
.progress-steps{
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  padding: 12px 0 4px;
}

/* Línea base */
.progress-steps::before{
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 20px;
  height: 4px;
  background: #dfe7f2;
  border-radius: 2px;
}

/* Línea “rellena” */
.progress-steps::after{
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  height: 4px;
  width: var(--progress, 0%);
  background: var(--sia-primary);
  border-radius: 2px;
}

.progress-steps .step{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

/* El puntito */
.progress-steps .step .dot{
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #dfe7f2;
  border: 3px solid #dfe7f2;
  z-index: 1;
}

.progress-steps .step.is-done .dot{
  background: var(--sia-primary);
  border-color: var(--sia-primary);
}

.progress-steps .step.is-active .dot{
  background: #fff;
  border-color: var(--sia-primary);
  box-shadow: 0 0 0 6px rgba(13,59,102,.12);
}

/* Etiquetas debajo */
.progress-steps .step .label{
  font-size: .78rem;
  text-align: center;
  line-height: 1.1;
  color: #111;
}

/* Numerito arriba */
.progress-steps .step .num{
  position: absolute;
  top: -6px;
  transform: translateY(-100%);
  background: #fff;
  border: 1px solid #e3e9f1;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: .8rem;
}

/* Asegura que el contenedor padre pueda reordenar hijos */
.card-container{
  display: flex;
  flex-direction: column;
}

/* Desktop: orden normal (cards arriba, barra abajo) */
.step-cards{ order: 2; }
.progress-steps{ order: 3; }

/* Tablet / celular: barra arriba de cards */
@media (max-width: 992px){
  .progress-steps{
    order: 2;
    margin-bottom: 16px; /* espacio antes de las cards */
  }
  .step-cards{
    display: flex;
    flex-direction: column;
    order: 3;
  }
}

@media (max-width: 420px){
  .progress-steps .step .label{
    font-size: .72rem;
  }
}
@media (max-width: 992px){
  .sia-stepper-wrap{
    display: flex;
    flex-direction: column;
  }

  .sia-stepper-wrap .progress-steps{
    order: 1;
    margin-bottom: 14px;
  }

  .sia-stepper-wrap .step-cards{
    order: 2;
  }
}
/* ============================================================
   SIGA HEADER — Estilos nuevos
   Extiende el CSS institucional existente sin sobreescribirlo.
   Copia este bloque a tu styles.css.
   ============================================================ */

/* ── Franja institucional ── */
.siga-topbar {
  background-color: var(--sia-primary-600);
  padding: 5px 0;
  width: 100%;
}

.siga-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.siga-topbar__inst {
  font-size: 12px;
  color: rgba(255,255,255,0.85);
  font-family: var(--sia-font);
  letter-spacing: 0.01em;
}

.siga-topbar__links {
  display: flex;
  align-items: center;
  gap: 8px;
}

.siga-topbar__link {
  font-size: 11px;
  color: rgba(255,255,255,0.75);
  font-family: var(--sia-font);
  transition: color 0.2s;
  text-decoration: none;
}

.siga-topbar__link:hover {
  color: #fff;
}

.siga-topbar__sep {
  color: rgba(255,255,255,0.3);
  font-size: 11px;
}

/* ── Barra principal sticky ── */
.siga-navbar {
  border-bottom: 2px solid var(--sia-primary-100);
  box-shadow: 0 2px 12px rgba(13, 59, 102, 0.07);
}

/* ── Separador vertical logo/marca ── */
.siga-brand-divider {
  width: 1px;
  height: 52px;
  background: linear-gradient(
    to bottom,
    transparent,
    var(--sia-primary) 25%,
    var(--sia-primary) 75%,
    transparent
  );
  opacity: 0.3;
  margin: 0 14px;
  flex-shrink: 0;
}

/* ── Marca SIGA ── */
.siga-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  user-select: none;
}

.siga-brand:hover {
  text-decoration: none;
}

.siga-brand__acronym {
  display: flex;
  align-items: baseline;
  line-height: 1;
}

.siga-brand__s {
  font-family: var(--sia-font);
  font-size: 36px;
  font-weight: 900;
  color: var(--sia-primary);
  letter-spacing: -1px;
  line-height: 1;
}

.siga-brand__iga {
  font-family: var(--sia-font);
  font-size: 36px;
  font-weight: 300;
  color: var(--sia-primary);
  letter-spacing: -1px;
  line-height: 1;
}

.siga-brand__full {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 2px solid var(--sia-primary-100);
  padding-left: 10px;
  margin-left: 2px;
}

.siga-brand__title {
  font-family: var(--sia-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--sia-primary);
  line-height: 1.2;
  white-space: nowrap;
}

.siga-brand__subtitle {
  font-family: var(--sia-font);
  font-size: 12px;
  font-weight: 400;
  color: var(--sia-grey);
  line-height: 1.2;
  white-space: nowrap;
}

.siga-brand__title-sm {
  font-family: var(--sia-font);
  font-size: 12px;
  font-weight: 600;
  color: var(--sia-primary);
  white-space: nowrap;
}

/* ── Nav links desktop ── */
.siga-nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.siga-nav__link {
  position: relative;
  padding: 8px 14px;
  border-radius: var(--register-radius);
  font-family: var(--sia-font);
  font-size: 15px;
  font-weight: 500;
  color: var(--sia-text);
  text-decoration: none;
  transition: color 0.2s, background-color 0.2s;
  white-space: nowrap;
}

.siga-nav__link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: calc(100% - 28px);
  height: 2px;
  background: var(--sia-primary);
  border-radius: 2px;
  transition: transform 0.25s ease;
}

.siga-nav__link:hover {
  color: var(--sia-primary);
  background-color: var(--sia-primary-100);
  text-decoration: none;
}

.siga-nav__link:hover::after,
.siga-nav__link.menu-active::after {
  transform: translateX(-50%) scaleX(1);
}

.siga-nav__link.menu-active {
  color: var(--sia-primary);
  font-weight: 700;
  background-color: var(--sia-primary-100);
}

/* ── Zona auth desktop ── */
.siga-auth {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ── Botón hamburguesa ── */
.siga-ham {
  color: var(--sia-primary);
  font-size: 28px;
  line-height: 1;
  padding: 4px 8px;
  border: 1px solid var(--sia-primary-100);
  border-radius: var(--register-radius);
  background: transparent;
 
}

.siga-ham:hover {
  background: var(--sia-primary-100);
}

/* ── Avatar / Menú usuario ── */
.siga-user-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1px solid var(--sia-primary-100);
  border-radius: 999px;
  padding: 5px 12px 5px 5px;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-family: var(--sia-font);
}

.siga-user-btn:hover {
  border-color: var(--sia-primary);
  box-shadow: 0 2px 8px rgba(13,59,102,0.12);
}

.siga-user-btn__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--sia-primary);
  color: #fff;
  font-family: var(--sia-font);
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.siga-user-btn__avatar--lg {
  width: 44px;
  height: 44px;
  font-size: 17px;
}

.siga-user-btn__name {
  font-size: 14px;
  font-weight: 500;
  color: var(--sia-text);
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.siga-user-btn__chevron {
  font-size: 11px;
  color: var(--sia-grey);
  transition: transform 0.2s;
}

.siga-user-menu.show .siga-user-btn__chevron {
  transform: rotate(180deg);
}

/* ── Dropdown ── */
.siga-dropdown {
  min-width: 230px;
  padding: 6px 0;
  border: 1px solid var(--sia-primary-100);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(13, 59, 102, 0.12);
  margin-top: 6px;
}

.siga-dropdown__header {
  display: flex;
  flex-direction: column;
  padding: 10px 16px 12px;
  border-bottom: 1px solid var(--sia-primary-100);
}

.siga-dropdown__name {
  font-size: 14px;
  font-weight: 700;
  color: var(--sia-primary);
  font-family: var(--sia-font);
}

.siga-dropdown__email {
  font-size: 12px;
  color: var(--sia-grey);
  font-family: var(--sia-font);
  margin-top: 2px;
}

.siga-dropdown__section-label {
  padding: 6px 16px 2px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--sia-grey);
  font-family: var(--sia-font);
}

.siga-dropdown__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  font-size: 14px;
  color: var(--sia-text);
  font-family: var(--sia-font);
  transition: background-color 0.15s;
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  text-decoration: none;
}

.siga-dropdown__item:hover {
  background-color: var(--sia-primary-100);
  color: var(--sia-primary);
}

.siga-dropdown__icon {
  font-size: 15px;
  color: var(--sia-accent);
  flex-shrink: 0;
}

.siga-dropdown__item--danger {
  color: #c0392b;
}

.siga-dropdown__item--danger:hover {
  background-color: #fff5f5;
  color: #a93226;
}

.siga-dropdown__item--danger .siga-dropdown__icon {
  color: #c0392b;
}

/* ── Offcanvas móvil ── */
.siga-offcanvas {
  background-color: var(--sia-primary-600);
  border-left: none;
  max-width: 300px;
}

.siga-offcanvas__header {
  background-color: var(--sia-primary-600);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 20px 20px 16px;
  align-items: flex-start;
}

.siga-offcanvas__subtitle {
  font-family: var(--sia-font);
  font-size: 11px;
  color: rgba(255,255,255,0.65);
  display: block;
  margin-top: 3px;
}

.siga-offcanvas__body {
  background-color: var(--sia-card);
  padding: 0;
  display: flex;
  flex-direction: column;
}

.siga-offcanvas__profile {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 20px 16px;
  background: var(--sia-primary-100);
}

.siga-offcanvas__divider {
  border-color: #e8edf4;
  margin: 0;
}

.siga-offcanvas__nav {
  list-style: none;
  padding: 8px 0;
  margin: 0;
  flex: 1;
}

.siga-offcanvas__section {
  padding: 10px 20px 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--sia-grey);
  font-family: var(--sia-font);
}

.siga-offcanvas__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 500;
  color: var(--sia-text);
  font-family: var(--sia-font);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s;
  border-left: 3px solid transparent;
}

.siga-offcanvas__link i {
  font-size: 17px;
  color: var(--sia-accent);
  flex-shrink: 0;
  width: 20px;
  text-align: center;
}

.siga-offcanvas__link:hover,
.siga-offcanvas__link.is-active {
  background-color: var(--sia-primary-100);
  color: var(--sia-primary);
  border-left-color: var(--sia-primary);
  text-decoration: none;
}

.siga-offcanvas__link.is-active {
  font-weight: 700;
}

.siga-offcanvas__footer {
  padding: 16px 20px;
  border-top: 1px solid #e8edf4;
  margin-top: auto;
}

.siga-offcanvas__logout {
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  border: 1px solid #e0e7f0;
  border-radius: var(--register-radius);
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #c0392b;
  font-family: var(--sia-font);
  width: 100%;
  cursor: pointer;
  transition: background-color 0.15s;
}

.siga-offcanvas__logout:hover {
  background: #fff5f5;
  border-color: #c0392b;
}

/* ── Offcanvas: re-colorear acrónimo en fondo oscuro ── */
.siga-offcanvas__header .siga-brand__s,
.siga-offcanvas__header .siga-brand__iga {
  color: #ffffff;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
  .siga-ham { display: flex; }
  .siga-auth .thq-button-outline { display: none; }
}

@media (max-width: 990px) {
  .siga-topbar { display: none; }
}

/* =========================================================
   PÁGINA COMUNIDAD
   ========================================================= */

.siga-community-hero{
  background:
    radial-gradient(circle at 15% 20%, rgba(13, 59, 102, 0.08) 0%, transparent 38%),
    linear-gradient(180deg, var(--sia-primary-100) 0%, var(--sia-card) 100%);
}

.siga-community-eyebrow{
  color: var(--sia-accent);
  font-size: var(--cel-text-size);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: var(--small-size-px);
}

.siga-community-lead{
  max-width: 860px;
  margin: 0 auto;
}

.siga-community-value-card{
  height: 100%;
  padding: var(--large-size-px);
  border-color: rgba(13, 59, 102, .14);
}

.siga-community-value-number{
  display: inline-flex;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--sia-primary-100);
  color: var(--sia-primary);
  font-weight: 800;
  margin-bottom: var(--medium-size-px);
}

.siga-community-value-card h2,
.siga-community-title,
.siga-community-closing h2{
  color: var(--sia-primary);
  font-weight: 800;
}

.siga-community-value-card h2{
  font-size: 1.25rem;
  margin-bottom: var(--small-size-px);
}

.siga-community-value-card p{
  margin: 0;
  line-height: 1.7;
  text-align: justify;
}

.siga-community-section-soft{
  background: #f7fbff;
}

.siga-community-title{
  font-size: clamp(26px, 3vw, 42px);
  margin-bottom: var(--small-size-px);
}

.siga-community-member-card{
  text-align: center;
  height: 100%;
}

.siga-community-member-img-wrap{
  width: 132px;
  height: 132px;
  margin: 0 auto var(--medium-size-px);
  border-radius: 50%;
  padding: 5px;
  border: 1.5px solid var(--sia-primary);
  background: var(--sia-card);
  box-shadow: 0 6px 18px rgba(13, 59, 102, .12);
}

.siga-community-member-img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 50%;
}

.siga-community-member-card h3{
  color: var(--sia-primary-600);
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 4px;
}

.siga-community-member-card p{
  color: var(--sia-grey);
  font-size: var(--cel-text-size);
  margin: 0;
}

.siga-community-closing{
  padding: var(--large-size-px);
  text-align: center;
  border-color: rgba(13, 59, 102, .14);
}

.siga-community-closing p{
  max-width: 820px;
  margin: 0 auto var(--medium-size-px);
  line-height: 1.8;
}

@media (max-width: 768px){
  .siga-community-value-card,
  .siga-community-closing{
    padding: var(--medium-size-px);
  }

  .siga-community-member-img-wrap{
    width: 112px;
    height: 112px;
  }
}