/* MAFARED FASE 4.1 — Rediseño exclusivo de sección Nosotros / Esencia industrial */
.historia41 {
  --historia-azul: #0075d0;
  --historia-tinta: #092a4f;
  --historia-suave: #ecf5fc;
  position: relative;
  padding: clamp(62px, 7vw, 112px) 20px clamp(72px, 7.5vw, 116px);
  background:
    radial-gradient(circle at 6% 5%, rgba(0,116,207,.068), transparent 35%),
    linear-gradient(180deg,#fff 0%,#f4f9fe 100%);
  overflow: hidden;
}
.historia41 * {box-sizing: border-box;}
.historia41-contenedor {max-width: 1250px; margin: 0 auto;}
.historia41-encabezado {display: grid; grid-template-columns: 1.18fr .82fr; align-items: end; gap: clamp(32px,6vw,90px); margin-bottom: 38px;}
.historia41-etiqueta {display:inline-flex;align-items:center;gap:10px;padding:9px 15px;background:#e3f2ff;color:#075d9d;border:1px solid #cce5fa;border-radius:100px;font-size:.76rem;font-weight:850;letter-spacing:.095em;line-height:1.4;}
.historia41-punto {width:8px;height:8px;flex:none;border-radius:50%;background:#15b1f1;box-shadow:0 0 0 5px rgba(21,177,241,.13);}
.historia41-titulares h2 {font-size:clamp(2.3rem,4.2vw,4.45rem);line-height:1.115;letter-spacing:-.052em;font-weight:850;color:#092b51;margin:24px 0 0;max-width:780px;text-wrap:balance;}
.historia41-titulares h2 span {color:#0075d0;}
.historia41-presentacion {padding-bottom:5px;}
.historia41-presentacion p {font-size:clamp(1rem,1.18vw,1.12rem);line-height:1.85;color:#536a81;margin:0 0 23px;}
.historia41-enlace {display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:.94rem;color:#075f9e;font-weight:800;transition:gap .23s ease,color .23s ease;}
.historia41-enlace:hover {color:#002e5a;gap:16px;}
.historia41-enlace i {font-size:.8em;}
.historia41-escena {display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.65fr);min-height:420px;border-radius:26px;overflow:hidden;background:#052b51;box-shadow:0 26px 50px rgba(0,47,99,.15);isolation:isolate;}
.historia41-panel {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(32px,4.5vw,64px);background: radial-gradient(circle at 0 100%,rgba(4,138,217,.22),transparent 65%),linear-gradient(145deg,#082f59,#032448);position:relative;z-index:2;}
.historia41-panel::after {content:"";width:65px;height:3px;border-radius:5px;background:#40bdff;position:absolute;top:0;left:clamp(32px,4.5vw,64px);}
.historia41-panel-eyebrow {display:flex;align-items:center;gap:10px;color:#77cfff;font-size:.74rem;font-weight:800;letter-spacing:.13em;margin-bottom:25px;}
.historia41-panel-eyebrow i {font-size:1.1rem;}
.historia41-panel h3 {color:white;font-size:clamp(2rem,3.2vw,3.45rem);line-height:1.13;letter-spacing:-.045em;max-width:450px;font-weight:850;margin:0 0 20px;}
.historia41-panel p {color:#c0d9ed;line-height:1.8;font-size:1.04rem;max-width:360px;margin:0;}
.historia41-panel-foot {display:flex;gap:12px;align-items:center;color:#97cbed;font-weight:800;letter-spacing:.075em;font-size:.67rem;margin-top:40px;}
.historia41-linea {display:block;width:24px;height:2px;flex:none;background:#31b7f5;}
.historia41-fotografia {min-width:0;min-height:420px;position:relative;overflow:hidden;background:#095890;}
.historia41-fotografia::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,22,46,0) 55%,rgba(1,21,48,.60) 100%);}
.historia41-fotografia img {display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% center;transition:transform .75s cubic-bezier(.23,1,.32,1);}
@media (hover:hover) {.historia41-escena:hover .historia41-fotografia img {transform:scale(1.035);}}
.historia41-leyenda {position:absolute;z-index:1;bottom:25px;right:28px;max-width:calc(100% - 32px);display:inline-flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(3,28,55,.74);color:white;border:1px solid rgba(255,255,255,.28);border-radius:50px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.71rem;font-weight:850;letter-spacing:.085em;}
.historia41-fortalezas {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:23px;}
.historia41-fortaleza {position:relative;display:flex;align-items:flex-start;gap:19px;min-width:0;padding:27px 23px 26px;border-radius:20px;background:#fff;border:1px solid #dceaf5;box-shadow:0 14px 35px rgba(12,65,113,.055);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
@media (hover:hover) {.historia41-fortaleza:hover {transform:translateY(-5px);border-color:#9fcff1;box-shadow:0 18px 38px rgba(0,75,147,.12);}}
.historia41-icono {width:55px;height:55px;flex:none;display:grid;place-items:center;color:#0574c4;font-size:1.38rem;border-radius:15px;background:#e8f5fe;}
.historia41-fortaleza div {min-width:0;padding-right:12px;}
.historia41-fortaleza h3 {font-size:1.11rem;line-height:1.3;font-weight:800;color:#0a345c;margin:0 0 9px;}
.historia41-fortaleza p {font-size:.89rem;line-height:1.65;color:#63778b;margin:0;}
.historia41-indice {position:absolute;top:20px;right:18px;color:#c9dfef;font-size:.75rem;letter-spacing:.03em;font-weight:800;}
.historia41-cierre {margin:35px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 29px;border-radius:17px;background:#e4f1fc;border:1px solid #d1e7f8;}
.historia41-cierre p {margin:0;font-size:1rem;line-height:1.6;color:#32516f;}
.historia41-cierre strong {color:#07385f;}
.historia41-cta {display:inline-flex;gap:10px;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;padding:14px 23px;border-radius:12px;background:#0075c9;color:#fff;font-size:.92rem;font-weight:800;box-shadow:0 8px 18px rgba(0,102,185,.16);transition:background .2s ease,transform .2s ease;}
.historia41-cta:hover {background:#005da7;transform:translateY(-2px);}
.historia41-cta i {font-size:1.1rem;}
@media (max-width:1050px) {
  .historia41-escena {grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);min-height:365px;}
  .historia41-fotografia {min-height:365px;}
  .historia41-panel {padding:35px;}
  .historia41-encabezado {gap:35px;}
  .historia41-fortaleza {padding:23px 18px;gap:12px;}
  .historia41-icono {width:47px;height:47px;}
}
@media (max-width:780px) {
  .historia41 {padding:64px 18px 75px;}
  .historia41-encabezado {grid-template-columns:1fr;gap:18px;margin-bottom:28px;}
  .historia41-titulares h2 {font-size:clamp(2.15rem,6vw,3.2rem);margin-top:20px;max-width:650px;}
  .historia41-presentacion p {max-width:640px;line-height:1.75;margin-bottom:16px;}
  .historia41-escena {display:flex;flex-direction:column;min-height:0;border-radius:22px;}
  .historia41-panel {padding:34px 30px;}
  .historia41-panel h3 {font-size:2.5rem;margin-bottom:12px;}
  .historia41-panel p {max-width:570px;}
  .historia41-panel-eyebrow {margin-bottom:17px;}
  .historia41-panel-foot {margin-top:22px;}
  .historia41-fotografia {height:clamp(250px,45vw,380px);min-height:0;}
  .historia41-fotografia img {object-position:35% center;}
  .historia41-fortalezas {grid-template-columns:1fr;gap:12px;margin-top:17px;}
  .historia41-fortaleza {align-items:center;padding:20px 22px;gap:16px;}
  .historia41-fortaleza p {max-width:550px;}
  .historia41-cierre {margin-top:19px;flex-wrap:wrap;}
}
@media (max-width:520px) {
  .historia41 {padding:51px 16px 59px;}
  .historia41-etiqueta {font-size:.63rem;letter-spacing:.065em;padding:8px 12px;}
  .historia41-titulares h2 {font-size:clamp(2.05rem,9.2vw,2.75rem);line-height:1.13;letter-spacing:-.043em;overflow-wrap:normal;}
  .historia41-presentacion p {font-size:.94rem;line-height:1.8;}
  .historia41-escena {border-radius:19px;}
  .historia41-panel {padding:28px 23px 29px;}
  .historia41-panel::after {left:23px;}
  .historia41-panel h3 {font-size:clamp(1.92rem,7.2vw,2.35rem);}
  .historia41-panel p {font-size:.92rem;line-height:1.74;}
  .historia41-panel-foot {font-size:.55rem;letter-spacing:.055em;gap:8px;}
  .historia41-fotografia {height:clamp(220px,64vw,310px);}
  .historia41-fotografia img {object-position:35% center;}
  .historia41-leyenda {right:12px;bottom:13px;padding:9px 11px;font-size:.56rem;letter-spacing:.04em;}
  .historia41-leyenda .historia41-punto {width:6px;height:6px;}
  .historia41-fortaleza {padding:19px 17px;gap:13px;border-radius:15px;align-items:flex-start;}
  .historia41-icono {width:45px;height:45px;border-radius:12px;font-size:1.15rem;}
  .historia41-fortaleza h3 {font-size:1rem;margin:0 0 5px;padding-right:7px;}
  .historia41-fortaleza p {font-size:.83rem;line-height:1.57;}
  .historia41-indice {top:14px;right:15px;font-size:.66rem;}
  .historia41-cierre {padding:19px;border-radius:14px;gap:16px;}
  .historia41-cierre p {font-size:.93rem;}
  .historia41-cta {width:100%;min-height:46px;font-size:.89rem;}
}
@media (max-width:360px) {
  .historia41 {padding-inline:12px;}
  .historia41-panel {padding-inline:19px;}
  .historia41-panel::after {left:19px;}
  .historia41-fortaleza {padding-inline:13px;}
}
@media (prefers-reduced-motion: reduce) {
  .historia41-fotografia img,.historia41-cta,.historia41-fortaleza,.historia41-enlace {transition:none!important;transform:none!important;}
}