/* ==========================================================================
   poseidon_nosotros · Misión, visión y valores + Por qué Poseidón
   ========================================================================== */

/* Misión, visión y valores ------------------------------------------------ */
.mission-manifesto{max-width:1180px;margin:0 auto 100px;text-align:center}
.mission-manifesto .eyebrow{display:inline-flex;align-items:center;gap:14px}
.mission-manifesto-text{margin-top:28px;font-family:var(--serif);font-weight:400;font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.8px}
.mission-manifesto-text em{color:var(--aqua)}
.mission-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,7vw,110px);align-items:center}
.mission-grid.is-text-only{grid-template-columns:minmax(0,1fr);max-width:900px}
.mission-media{position:relative;margin:0;aspect-ratio:4 / 5;overflow:hidden;background:var(--navy-light)}
.mission-media img{width:100%;height:100%;object-fit:cover;object-position:76% center;transition:transform 1.4s var(--ease)}
.mission-media:hover img{transform:scale(1.04)}
.mission-badge{position:absolute;left:24px;bottom:24px;padding:10px 16px;background:rgba(7,26,38,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--fs-text);letter-spacing:2.2px;color:var(--white)}
.mission-copy h2{margin-top:20px}
.mission-blocks{display:grid;gap:16px;margin-top:44px}
.mission-block{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 22px;align-items:start;padding:28px 30px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.04),transparent 60%)}
.mission-block-icon{grid-row:span 2;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(167,217,215,.35);border-radius:50%}
.mission-block-icon .p-icon{width:22px;height:22px;color:var(--aqua)}
.mission-block h3{font-family:var(--serif);font-weight:400;font-size:var(--fs-h4);line-height:1.05;letter-spacing:-.5px}
.mission-block p{font-size:var(--fs-text);line-height:1.9;color:var(--muted)}
.mission-values{margin-top:110px;padding-top:60px;border-top:1px solid var(--line)}
.mission-values-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}
.mission-values-title{font-family:var(--serif);font-weight:400;font-size:var(--fs-h3);line-height:1.05;letter-spacing:-.8px}
.mission-values-title em{color:var(--aqua)}
.mission-values-grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.mission-value{display:flex;flex-direction:column;gap:10px;padding:30px 28px 32px;border:1px solid var(--line);transition:border-color .4s,transform .5s var(--ease)}
.mission-value:hover{border-color:rgba(167,217,215,.5);transform:translateY(-4px)}
.mission-value-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}
.mission-value-top .p-icon{width:28px;height:28px;color:var(--aqua)}
.mission-value-top small{font-size:var(--fs-text);letter-spacing:1.6px;color:#7f9aa5}
.mission-value h4{font-family:var(--serif);font-weight:400;font-size:var(--fs-h4);line-height:1.05;letter-spacing:-.5px}
.mission-value p{font-size:var(--fs-text);line-height:1.85;color:var(--muted)}

.tone-light .mission-manifesto-text,.tone-light .mission-values-title{color:var(--navy)}
.tone-light .mission-manifesto-text em,.tone-light .mission-values-title em{color:#3b727c}
.tone-light .mission-block,.tone-light .mission-value{border-color:#c4d2d3;background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,255,255,.25))}
.tone-light .mission-value:hover{border-color:#7fa9b1}
.tone-light .mission-block-icon{border-color:#b9ccce}
.tone-light .mission-block-icon .p-icon,.tone-light .mission-value-top .p-icon{color:#2f6f7a}
.tone-light .mission-block h3,.tone-light .mission-value h4{color:var(--navy)}
.tone-light .mission-block p,.tone-light .mission-value p{color:#506570}
.tone-light .mission-value-top small{color:#5d7480}
.tone-light .mission-values{border-color:#c4d2d3}
.tone-light .mission-manifesto .tiny-line{background:#3b727c}

/* Por qué Poseidón (mosaico) ------------------------------------------------ */
.why-mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:minmax(270px,auto);gap:16px;margin:0;padding:0;list-style:none}
.why-mosaic.is-count-5{grid-template-columns:repeat(4,minmax(0,1fr))}
.why-mosaic.is-count-5 .why-card-1{grid-column:span 2;grid-row:span 2}
.why-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-width:0;padding:30px 30px 32px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.05),transparent 60%);transition:border-color .45s,transform .6s var(--ease)}
.why-card:hover{border-color:rgba(167,217,215,.5);transform:translateY(-4px)}
.why-card-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% center;transition:transform 1.4s var(--ease)}
.why-card:hover .why-card-image{transform:scale(1.05)}
.why-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,26,38,.95) 8%,rgba(7,26,38,.55) 50%,rgba(7,26,38,.15))}
.why-card-big{position:absolute;right:22px;top:6px;z-index:-1;font-family:var(--serif);font-size:clamp(90px,9vw,150px);line-height:1;letter-spacing:-4px;color:rgba(167,217,215,.12);pointer-events:none}
.why-card-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(167,217,215,.35);border-radius:50%;background:rgba(7,26,38,.35)}
.why-card-icon .p-icon{width:23px;height:23px;color:var(--aqua)}
.why-card h3{font-family:var(--serif);font-weight:400;font-size:var(--fs-h4);line-height:1.05;letter-spacing:-.5px}
.why-card-1.has-image h3{font-size:var(--fs-h3)}
.why-card p{margin-top:12px;font-size:var(--fs-text);line-height:1.85;color:var(--muted)}
.why-card.has-image p{color:#c9d9de}
.why-card.is-featured{border-color:#4f8a80;background:linear-gradient(135deg,#185b52,#0f3d3f)}
.why-card.is-featured .why-card-icon{border-color:rgba(223,252,244,.35)}
.why-card.is-featured .why-card-icon .p-icon,.why-card.is-featured .why-card-link{color:#dffcf4}
.why-card.is-featured p{color:#cfe6e2}
.why-card-link{display:inline-flex;align-items:center;gap:12px;margin-top:20px;font-size:var(--fs-text);font-weight:600;color:var(--aqua)}
.why-card-link::after{content:'';position:absolute;inset:0}
.why-card-link .p-icon{width:15px;height:15px;transition:transform .3s}
.why-card:hover .why-card-link .p-icon{transform:translate(3px,-3px)}

.tone-light .why-card:not(.has-image):not(.is-featured){border-color:#c4d2d3;background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,255,255,.25))}
.tone-light .why-card:not(.has-image):not(.is-featured) h3{color:var(--navy)}
.tone-light .why-card:not(.has-image):not(.is-featured) p{color:#506570}
.tone-light .why-card:not(.has-image):not(.is-featured) .why-card-icon{border-color:#b9ccce;background:transparent}
.tone-light .why-card:not(.has-image):not(.is-featured) .why-card-icon .p-icon{color:#2f6f7a}
.tone-light .why-card:not(.has-image):not(.is-featured) .why-card-big{color:rgba(47,111,122,.12)}

@media(max-width:1100px){
  .mission-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-mosaic.is-count-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-mosaic.is-count-5 .why-card-1{grid-row:span 1;min-height:380px}
}
@media(max-width:900px){
  .mission-grid{grid-template-columns:minmax(0,1fr);gap:50px}
  .mission-media{aspect-ratio:4 / 3}
}
@media(max-width:760px){
  .mission-manifesto{margin-bottom:60px}
  .mission-block{grid-template-columns:minmax(0,1fr);padding:24px 22px}
  .mission-block-icon{grid-row:auto;width:46px;height:46px;margin-bottom:8px}
  .mission-values{margin-top:70px;padding-top:44px}
  .mission-values-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:30px}
  .mission-values-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .mission-value{padding:24px 22px 26px}
  .mission-value-top{margin-bottom:12px}
  .mission-badge{left:14px;bottom:14px}
  .why-mosaic,.why-mosaic.is-count-5{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:12px}
  .why-mosaic.is-count-5 .why-card-1{grid-column:auto;min-height:340px}
  .why-card{min-height:210px;padding:24px 22px 26px}
  .why-card.has-image{min-height:280px}
  .why-card-icon{width:46px;height:46px}
}
@media(prefers-reduced-motion:reduce){.mission-media img,.why-card-image,.why-card,.mission-value{transition:none}}