/* C.MTech — portada en relieve. Scoped to the home page. */
.cm-relief-home{background:#fff;color:#07143c}
.cm-relief-home .site-header{background:rgba(250,252,255,.97);border-bottom:1px solid #dbe5f080;box-shadow:0 3px 22px #12396a05}
.cm-relief-home .header-row{max-width:1680px;height:88px}
.cm-relief-home .brand img{width:190px}
.cm-relief-home .site-nav{gap:20px}
.cm-relief-home .site-nav .button{white-space:nowrap;border-radius:9px;box-shadow:0 4px 12px #0066ff24}
.relief-intro{background:linear-gradient(180deg,#f1f6fc,#f7faff 83%,#fff);isolation:isolate}
.relief-wrap{width:100%;max-width:1680px;margin-inline:auto;padding-inline:clamp(24px,6vw,104px)}
.relief-hero{position:relative;min-height:clamp(570px,40vw,760px);display:flex;align-items:flex-start;overflow:hidden;background:#eef5fc}
.relief-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;pointer-events:none}
.relief-hero .relief-wrap{position:relative;z-index:1;padding-top:clamp(70px,6vw,110px);padding-bottom:140px}
.relief-copy{width:47%;max-width:730px}
.relief-copy .eyebrow{font-size:12px;color:#0063e6;font-weight:700;letter-spacing:.16em;margin-bottom:22px}
.relief-copy h1{font-size:clamp(36px,3.3vw,60px);line-height:1.09;font-weight:700;letter-spacing:-.05em;color:#07143c;margin:0 0 28px}
.relief-copy h1 em{color:#0066ff}
.relief-copy>p{font-size:clamp(16px,1.2vw,20px);color:#344c72;line-height:1.65;max-width:570px;margin-bottom:24px}
.relief-copy .actions{gap:16px;flex-wrap:nowrap;margin-top:24px}
.relief-copy .button{font-size:13px;padding:17px 22px;gap:20px;border-radius:10px;background:linear-gradient(135deg,#0785ff,#0054fa);border:1px solid #337bff;box-shadow:inset 0 1px 0 #ffffff80,0 5px 0 #0044bd,0 12px 22px #005eff20;transition:transform .2s,box-shadow .2s}
.relief-copy .button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff80,0 5px 0 #0044bd,0 16px 25px #005eff35}
.relief-copy .relief-outline{background:#ffffffa8;border:1px solid #29436e;color:#07143c;box-shadow:inset 0 1px 0 #fff,0 4px 0 #c8d4e3,0 8px 16px #20396412}
.relief-copy .ref-benefits{display:flex;gap:18px;margin-top:38px;color:#29436e;align-items:center;flex-wrap:nowrap}
.relief-copy .ref-benefits span{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.4;max-width:none;color:#29436e}
.relief-copy .ref-benefits svg{width:31px;height:31px;flex-shrink:0;padding:7px;border:1px solid #7394c9;border-radius:50%;fill:none;stroke:#164993;stroke-width:1.6;background:#ffffff9c;box-shadow:0 3px 7px #254c7520}
.relief-services{position:relative;padding-top:8px;padding-bottom:46px;margin-top:-24px;z-index:2}
.relief-services>.eyebrow{color:#0058d5;margin-bottom:10px;font-size:11px}
.relief-services h2{font-weight:700;font-size:clamp(27px,2.65vw,43px);letter-spacing:-.045em;color:#07143c;margin-bottom:28px}
.relief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.relief-card{position:relative;display:grid;grid-template-columns:39% 1fr;align-items:center;gap:6px;min-height:184px;padding:12px 19px 22px 9px;border-radius:25px;border:2px solid #fafcff;background:linear-gradient(135deg,#fff 0%,#edf3fc 60%,#fff 100%);box-shadow:inset 0 0 0 1px #94bbef,inset 3px 0 0 #1c88ff,3px 0 0 #a3b5cc,0 6px 0 #aab7c7,0 9px 0 #e5ebf2,0 16px 18px #163a6424;transition:transform .25s,box-shadow .25s;isolation:isolate}
.relief-card::after{content:"";position:absolute;inset:5px;border-radius:20px;border-bottom:2px solid #438eff;pointer-events:none;opacity:.65}
.relief-card>img{width:100%;height:auto;filter:drop-shadow(0 8px 4px #24508012);transition:transform .3s;pointer-events:none}
.relief-card-copy{align-self:center;padding-bottom:20px}
.relief-card h3{font-size:clamp(16px,1.35vw,22px);font-weight:700;letter-spacing:-.035em;line-height:1.18;color:#07143c;margin:0 0 10px}
.relief-card p{font-size:13px;line-height:1.45;color:#354e76;margin:0;padding-right:6px}
.relief-arrow{position:absolute;right:16px;bottom:13px;width:40px;height:39px;display:grid;place-items:center;border-radius:11px;font-family:Arial,sans-serif;font-size:27px;font-weight:400;color:white;background:linear-gradient(145deg,#08a0ff,#0053ff);box-shadow:inset 0 1px 1px #ffffffad,0 3px 0 #0047bb,0 6px 10px #176eff35}
.relief-all{display:inline-flex;gap:10px;font-size:12px;color:#31557d;margin-top:32px;text-decoration:underline;text-underline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.relief-card:hover{transform:translateY(-7px);box-shadow:inset 0 0 0 1px #66a5ff,inset 3px 0 0 #1c88ff,3px 0 0 #a3b5cc,0 6px 0 #aab7c7,0 9px 0 #e5ebf2,0 23px 26px #163a642c}.relief-card:hover>img{transform:translateY(-5px) rotate(-2deg)}}
.relief-card:focus-visible{outline:3px solid #0066ff;outline-offset:7px}
@media(min-width:1700px){.relief-copy{width:49%}.relief-hero .relief-wrap{padding-top:115px}}
@media(max-width:1200px){.cm-relief-home .site-nav{gap:13px}.relief-copy{width:49%}.relief-copy h1{font-size:39px}.relief-copy .actions{gap:12px}.relief-copy .button{font-size:12px;padding:15px;gap:12px}.relief-grid{gap:18px}.relief-card{grid-template-columns:35% 1fr;min-height:194px;padding-right:12px}.relief-card p{font-size:12px}.relief-copy .ref-benefits{gap:10px}.relief-copy .ref-benefits span{font-size:9px}}
@media(max-width:900px){.relief-hero{display:flex;flex-direction:column;min-height:0;background:#f6f9ff}.relief-hero .relief-wrap{padding-top:42px;padding-bottom:18px;order:0}.relief-copy{width:100%;max-width:700px}.relief-copy h1{font-size:clamp(36px,5.8vw,51px);max-width:660px}.relief-copy>p{max-width:630px}.relief-copy .ref-benefits{margin-top:28px;gap:20px}.relief-copy .ref-benefits span{font-size:10px}.relief-scene{position:relative;order:1;width:100%;height:clamp(310px,54vw,460px);object-fit:cover;object-position:right center}.relief-services{margin-top:0;padding-top:26px}.relief-grid{grid-template-columns:1fr;gap:24px}.relief-card{grid-template-columns:130px 1fr;min-height:156px;max-width:680px;width:100%;margin-inline:auto;padding:8px 76px 8px 12px}.relief-card-copy{padding:0}.relief-card h3{font-size:22px}.relief-card p{font-size:14px}.relief-arrow{right:20px;bottom:calc(50% - 20px)}.relief-services h2{font-size:32px}}
@media(max-width:540px){.relief-wrap{padding-inline:22px}.relief-hero .relief-wrap{padding-top:34px}.relief-copy .eyebrow{font-size:10px;margin-bottom:18px}.relief-copy h1{font-size:36px;line-height:1.08;margin-bottom:20px}.relief-copy>p{font-size:16px;line-height:1.6}.relief-copy .actions{gap:11px;flex-wrap:wrap}.relief-copy .button{font-size:12px;padding:14px 16px}.relief-copy .ref-benefits{gap:9px;justify-content:space-between;align-items:flex-start}.relief-copy .ref-benefits span{flex-direction:column;align-items:flex-start;gap:6px;font-size:9px;max-width:100px}.relief-scene{height:300px;object-position:80% center;width:100%}.relief-services h2{font-size:29px}.relief-card{grid-template-columns:98px 1fr;min-height:149px;padding:9px 48px 9px 8px;gap:8px;border-radius:22px}.relief-card h3{font-size:18px}.relief-card p{font-size:12px;line-height:1.4}.relief-arrow{width:32px;height:34px;right:12px;font-size:24px}.relief-card::after{border-radius:17px}.cm-relief-home .brand img{width:163px}.cm-relief-home .header-row{height:76px}}
@media(prefers-reduced-motion:reduce){.cm-relief-home *{scroll-behavior:auto!important}.relief-card,.relief-card>img,.relief-copy .button{transition:none}.relief-copy .button:hover{transform:none}}
