/* Marca original: archivo intacto sobre un campo blanco de protección. */
.header-inner{min-height:92px}
.brand{display:inline-flex;padding:7px 10px;background:none;align-items:center;border-radius:2px;line-height:0}
.brand img{display:block;width:220px;height:auto}
.footer-brand .brand{padding:11px 14px}
.footer-brand .brand img{width:168px}
.hero-copy{width:56%;max-width:750px}
h1{font-size:clamp(46px,4.25vw,72px);line-height:1.07;margin-bottom:24px}
.footer-brand p{max-width:240px}
/* La perspectiva pertenece a cada tarjeta; el giro y la inclinación son independientes. */
.cards{perspective:none;align-items:stretch;gap:17px}
.solution-card{perspective:1050px;min-height:0;background:none;border:0;border-radius:4px;transform-style:preserve-3d;scroll-margin-top:32px;box-shadow:none}
.solution-card:hover,.solution-card:focus-within{background:none;border:0;box-shadow:none;transform:translateY(-5px) rotateX(var(--rx)) rotateY(var(--ry));z-index:2}
.card-rotor{position:relative;display:grid;height:100%;min-height:388px;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform 950ms cubic-bezier(.22,.72,.16,1);will-change:transform}
.solution-card.is-flipped .card-rotor{transform:rotateY(180deg)}
.card-face{grid-area:1/1;position:relative;display:flex;flex-direction:column;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #4d8aab;border-radius:4px;background:radial-gradient(ellipse at 50% 10%,#13365380,transparent 70%),#041c2f;box-shadow:0 12px 25px #0003;transition:border-color .3s,box-shadow .3s}
.card-front{transform:rotateY(0deg);padding-bottom:46px}
.card-back{transform:rotateY(180deg);padding:20px 20px 18px;background:radial-gradient(ellipse at 90% 0%,#1b567584,transparent 70%),linear-gradient(135deg,#092b45,#04182b)}
.solution-card:hover .card-face,.solution-card:focus-within .card-face{border-color:#b5eaff;box-shadow:0 0 2px #e0f7ff,inset 0 0 22px #6dc9ff14,0 0 23px #56bfff33,0 20px 38px #0006}
.card-rotor:after{content:'';position:absolute;top:1px;bottom:1px;right:-3px;width:6px;background:linear-gradient(#9ddbf7,#276585 25%,#113a57 75%,#f5823255);transform:rotateY(90deg);pointer-events:none}
.card-art{flex-shrink:0;transform:none;margin-bottom:6px}
.card-copy{transform:none;padding-bottom:12px}
.card-copy p{max-width:100%;padding-right:3px}
.flip-open{position:absolute;z-index:3;inset:0;background:transparent;border:0;border-radius:4px;color:var(--ice);cursor:pointer;text-align:left}
.flip-open>span{position:absolute;bottom:17px;left:19px;font-size:11px;letter-spacing:.5px;color:#a8cce1}
.flip-open>b{position:absolute;bottom:10px;right:17px;font-size:29px;line-height:1.2;font-weight:400;color:var(--orange)}
.flip-open:focus-visible{outline:2px solid #b5eaff;outline-offset:5px}
.back-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.flip-close{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #5488a76b;padding:6px 9px;color:#bddcee;font-size:11px;cursor:pointer;border-radius:2px}
.flip-close span{color:var(--orange);font-size:19px;line-height:1}
.flip-close:hover{border-color:var(--ice)}
.card-back h3{font-size:21px;line-height:1.15;margin:0 0 14px}
.card-back>p{font-size:14px;line-height:1.5;color:#b7cddd;margin:0 0 15px}
.card-back ul{list-style:none;padding:0;margin:0 0 23px;font-size:14px;line-height:1.45;color:#d2e2ed}
.card-back li{position:relative;padding-left:12px;margin:0 0 12px}
.card-back li:before{content:'';position:absolute;width:3px;height:3px;left:0;top:9px;background:var(--orange)}
.card-contact{margin-top:auto;padding-top:14px;border-top:1px solid #436d8866;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--ice);line-height:1.4}
.card-contact span{font-size:21px;color:var(--orange)}
.capabilities{padding-bottom:54px}
@media(max-width:1100px){.card-rotor{min-height:440px}.card-back{padding:17px 15px}.card-back h3{font-size:18px}.card-back>p,.card-back ul{font-size:13px}.card-copy{padding-inline:15px}.card-copy h3{font-size:18px}.card-copy p{font-size:15px}}
@media(max-width:800px){.hero-copy{width:80%;max-width:600px}.header-inner{min-height:88px}.brand img{width:110px}.card-rotor{min-height:405px}.card-back{padding:23px}.card-back h3{font-size:23px}.card-back>p,.card-back ul{font-size:15px}.card-copy{padding-inline:20px}.card-copy h3{font-size:24px}.card-copy p{font-size:16px}.footer-brand{display:block}.footer-brand p{margin-top:20px}}
@media(max-width:560px){.header-inner{min-height:82px}.brand{padding:6px 9px}.brand img{width:105px}.hero-copy{width:100%;max-width:none}h1{font-size:clamp(34px,9.5vw,51px);letter-spacing:-1px}.cards{grid-template-columns:1fr;gap:23px;max-width:390px;margin-inline:auto}.card-rotor{min-height:410px}.card-front{padding-bottom:43px}.card-art{margin:10px 16px 4px}.card-copy{padding:0 20px 15px}.card-copy h3{font-size:24px}.card-copy p{font-size:16px;max-width:100%}.card-copy .number{font-size:17px}.flip-open>span{font-size:12px;left:20px}.card-back{padding:23px}.card-back>p,.card-back ul{font-size:15px}.card-contact{font-size:13px}.flip-close{font-size:12px;padding:7px 10px}.footer-brand .brand img{width:155px}.footer-brand p{font-size:15px}.capabilities{padding-bottom:43px}}
@media(prefers-reduced-motion:reduce){.solution-card:hover,.solution-card:focus-within{transform:none!important}.card-rotor{transition:none!important}.card-face{transition:none!important}}