/* Ajustes del recorrido del cliente · Ing. Víctor Marín · 12/10/2026. */
#portalView .project-keys{
  width:100%;max-width:none;margin:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.5vw,24px);
  padding:clamp(22px,3vw,44px) clamp(22px,4vw,76px);
  background:linear-gradient(180deg,#f2f5f5 0%,#fff 100%);
}
#portalView .project-keys a{
  display:flex;flex-direction:column;align-items:flex-start;
  min-width:0;min-height:190px;padding:clamp(23px,2.2vw,34px);
  border:1px solid #dce4e6;border-radius:14px;
  background:#fff;box-shadow:0 12px 30px rgba(7,35,59,.055);
}
#portalView .project-keys a:first-child{
  border-color:#143a57;background:linear-gradient(145deg,#0b2e4b,#123f5c);
  box-shadow:0 16px 34px rgba(8,43,70,.16);
}
#portalView .project-keys a:first-child small{color:#e7bf6a}
#portalView .project-keys a:first-child strong{color:#fff}
#portalView .project-keys a:first-child span{color:#d9e5ed}
#portalView .project-keys a:first-child .project-key-icon{
  color:#f0c976;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);
}
#portalView .project-keys a:before{left:clamp(23px,2.2vw,34px);background:#d7a94d}
#portalView .project-keys strong{margin:auto 0 14px;font-size:clamp(23px,2vw,34px)}
#portalView .project-keys span{margin-top:auto;font-weight:650}
#portalView .gallery-section{padding-top:clamp(24px,3vw,46px)}
#portalView .gallery-heading,#portalView .floor-nav{display:none!important}
#portalView .floor-story{
  position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:stretch;gap:0;height:clamp(320px,32vw,440px);min-height:0;overflow:hidden;
  margin:0 0 20px;padding:0;border:1px solid #234b65;border-radius:17px;
  background:#082b48;box-shadow:0 20px 46px rgba(6,33,55,.15);
}
#portalView .floor-story-copy{
  position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;padding:clamp(30px,4vw,64px);
  background:radial-gradient(circle at 4% 0%,rgba(191,144,49,.16),transparent 46%),linear-gradient(125deg,#082b48,#103c5c);
}
#portalView .floor-story .section-kicker{color:#f0c36c}
#portalView .floor-story h3{
  max-width:620px;margin:12px 0 14px;color:#fff;
  font-size:clamp(37px,4vw,66px);line-height:1.02;letter-spacing:-.04em;
}
#portalView .floor-story p{max-width:520px;margin:0;color:#dbe6eb;font-size:15px;line-height:1.55}
#portalView .floor-story .floor-story-count{
  display:inline-flex;align-items:center;margin-top:23px;padding:8px 12px;
  border:1px solid rgba(239,195,106,.48);border-radius:30px;
  color:#f1cc81;font-size:12px;font-weight:750;letter-spacing:.04em;
}
#portalView .floor-story img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
#portalView .floor-story img[hidden]{display:none}
#portalView .floor-story:not(:has(img:not([hidden]))){grid-template-columns:1fr}
#portalView .gallery-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:2px 0 11px;margin-bottom:12px}
#portalView .gallery-filters button{flex:none;white-space:nowrap}
#portalView #documentos .portal-document-tabs,#portalView #documentos .expediente-overview{display:none!important}
#portalView #documentos>.document-section:first-of-type{margin-top:0;padding-top:0;border-top:0}
@media(max-width:950px){
  #portalView .project-keys{grid-template-columns:repeat(2,minmax(0,1fr))}
  #portalView .project-keys a:last-child{grid-column:1/-1;min-height:150px}
}
@media(max-width:650px){
  #portalView .project-keys{grid-template-columns:1fr;padding:18px 16px;gap:10px}
  #portalView .project-keys a,#portalView .project-keys a:last-child{grid-column:auto;min-height:150px;padding:23px}
  #portalView .project-keys strong{margin:26px 0 10px;font-size:27px}
  #portalView .floor-story{grid-template-columns:1fr;height:auto;min-height:0}
  #portalView .floor-story-copy{padding:28px 24px}
  #portalView .floor-story h3{font-size:clamp(36px,10vw,48px)}
  #portalView .floor-story img{height:190px;min-height:0}
  #portalView .gallery-section{padding:19px 16px 40px}
}