
/* DIRA V5 — refinamientos solicitados */
.dira-unified-header .dira-nav-chevron{display:none!important}
.dira-unified-header .dira-header-cta{background:#5C9EAD!important;color:#fff!important;transition:background-color .22s ease!important}
.dira-unified-header .dira-header-cta:hover,.dira-unified-header .dira-header-cta:focus-visible{background:#C27741!important;color:#fff!important}
main a.btn,main button.btn,main .btn-primary{background:#C27741!important;color:#fff!important;border-color:#C27741!important;transition:background-color .22s ease,border-color .22s ease,transform .22s ease!important}
main a.btn:hover,main button.btn:hover,main .btn-primary:hover,main a.btn:focus-visible,main button.btn:focus-visible{background:#5C9EAD!important;border-color:#5C9EAD!important;color:#fff!important}
.dira-product-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:nowrap;line-height:1.15}
.dira-product-heading .dira-product-logo{width:112px;height:35px;object-fit:contain;object-position:bottom;align-self:baseline;vertical-align:baseline;flex-shrink:0}
.dira-product-heading span{display:inline-block;line-height:1.15;vertical-align:baseline}
.dira-solution-card.alt .dira-product-logo{filter:none}
.dira-motion-cards{position:relative;min-height:480px;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:35px 10px}
.dira-motion-card{position:absolute;width:min(77%,335px);min-height:215px;padding:28px 28px 24px;border-radius:12px;box-shadow:0 18px 35px rgba(6,31,54,.18);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s;will-change:transform;cursor:default}
.dira-motion-card strong{display:block;font-size:21px;line-height:1.25;margin:12px 0}
.dira-motion-card p{font-size:14px;line-height:1.6;margin:0}
.dira-motion-card .flow-kicker{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dira-motion-card-1{background:#061F36;color:#fff;transform:translate(-80px,-110px) rotate(-10deg);z-index:1}
.dira-motion-card-2{background:#C27741;color:#fff;transform:translate(86px,-1px) rotate(8deg);z-index:2}
.dira-motion-card-3{background:#5C9EAD;color:#061F36;transform:translate(-52px,119px) rotate(-5deg);z-index:3}
.dira-motion-card-1:hover{transform:translate(-100px,-126px) rotate(-3deg) scale(1.055);z-index:5}
.dira-motion-card-2:hover{transform:translate(104px,-19px) rotate(1deg) scale(1.055);z-index:5}
.dira-motion-card-3:hover{transform:translate(-64px,100px) rotate(1deg) scale(1.055);z-index:5}
.dira-motion-card:hover{box-shadow:0 30px 55px rgba(6,31,54,.28)}
.diagnostic-home-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:48px}
.diagnostic-home-copy h2{font-size:clamp(30px,3.4vw,48px);line-height:1.2}
.diagnostic-home-copy p{max-width:560px;margin:22px 0 30px}
.dira-diagnostic-scene{position:relative;min-height:385px;display:flex;align-items:center;justify-content:center;overflow:visible}
.dira-laptop{width:86%;position:relative;z-index:2;transform:rotate(-3deg);filter:drop-shadow(0 22px 19px rgba(6,31,54,.19))}
.dira-laptop-screen{background:#171d26;border:11px solid #222b35;border-bottom-width:15px;border-radius:14px 14px 5px 5px;aspect-ratio:16/10;overflow:hidden}
.dira-laptop-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 25%}
.dira-laptop-base{width:114%;height:15px;position:relative;left:-7%;background:linear-gradient(#dbe0e5,#8895a0);border-radius:2px 2px 55% 55%;box-shadow:0 4px 4px #061f3625}
.dira-paper{position:absolute;width:180px;height:236px;background:#fff;border:1px solid #e3e6e9;border-radius:3px;box-shadow:0 14px 24px #061f362b;padding:45px 22px;display:flex;flex-direction:column;gap:14px}
.dira-paper span{display:block;height:5px;background:#d7e0e5;border-radius:3px}
.dira-paper span:nth-child(2n){width:70%}.dira-paper span:first-child{background:#C27741;width:48%}
.dira-paper-1{right:0;top:0;transform:rotate(13deg)}.dira-paper-2{left:0;bottom:0;transform:rotate(-12deg)}
@media(max-width:900px){.dira-motion-cards{min-height:510px}.diagnostic-home-grid{grid-template-columns:1fr;gap:10px}.dira-diagnostic-scene{max-width:650px;width:100%;margin:auto}}
@media(max-width:600px){.dira-product-heading{gap:7px;font-size:29px!important}.dira-product-heading .dira-product-logo{width:89px;height:30px}.dira-motion-cards{min-height:450px}.dira-motion-card{width:76%;min-height:185px;padding:19px}.dira-motion-card strong{font-size:17px}.dira-motion-card p{font-size:12px}.dira-motion-card-1{transform:translate(-40px,-108px) rotate(-9deg)}.dira-motion-card-2{transform:translate(45px,-2px) rotate(8deg)}.dira-motion-card-3{transform:translate(-28px,110px) rotate(-5deg)}.dira-motion-card-1:hover{transform:translate(-48px,-120px) rotate(-2deg)}.dira-motion-card-2:hover{transform:translate(52px,-14px) rotate(2deg)}.dira-motion-card-3:hover{transform:translate(-34px,96px) rotate(1deg)}.dira-diagnostic-scene{min-height:300px}.dira-paper{width:110px;height:155px;padding:32px 14px}}
@media(prefers-reduced-motion:reduce){.dira-motion-card{transition:none!important}}

/* V6: contraste explícito en las tarjetas, incluidos sus antetítulos */
.dira-motion-card-2 .flow-kicker{color:#061F36!important;opacity:1!important}
.dira-motion-card-3 .flow-kicker{color:#fff!important;opacity:1!important}
/* V6: mockup de portátil abierto, con teclado y trackpad visibles */
.dira-diagnostic-scene{min-height:440px;perspective:1100px;padding-bottom:38px}
.dira-laptop{width:79%;max-width:485px;transform:rotate(-5deg) rotateY(-9deg);transform-style:preserve-3d;filter:drop-shadow(0 28px 20px rgba(6,31,54,.23))}
.dira-laptop-screen{position:relative;border:12px solid #202936;border-bottom-width:20px;border-radius:13px 13px 5px 5px;aspect-ratio:16/10;box-shadow:inset 0 0 0 1px #5e6b76;background:#10151b}
.dira-laptop-screen:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#697985;left:calc(50% - 2.5px);top:-8px;z-index:2}
.dira-laptop-hinge{height:5px;width:100%;background:#596773;box-shadow:inset 0 2px 2px #202936}
.dira-laptop-keyboard{position:relative;width:119%;height:105px;margin-left:-9.5%;background:linear-gradient(175deg,#bfc7cf 0%,#e9edf1 65%,#aeb8c2 100%);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border-radius:0 0 12px 12px;box-shadow:inset 0 2px 4px #667684}
.dira-laptop-keys{position:absolute;left:15%;right:15%;top:12px;height:45px;background:repeating-linear-gradient(90deg,#293542 0 13px,transparent 13px 17px),repeating-linear-gradient(0deg,#293542 0 10px,transparent 10px 14px);background-blend-mode:multiply;opacity:.83;border-radius:4px;transform:perspective(300px) rotateX(20deg)}
.dira-laptop-trackpad{position:absolute;width:27%;height:30px;bottom:9px;left:36.5%;border:1px solid #9eabb7;border-radius:4px;background:#d4dce3}
.dira-laptop-lip{height:7px;width:119%;margin-left:-9.5%;border-radius:0 0 45% 45%;background:linear-gradient(#a7b3bf,#6b7b89);box-shadow:0 5px 8px #061f3633}
.dira-paper-1{right:-3%;top:2%}.dira-paper-2{left:-1%;bottom:3%}
@media(max-width:600px){.dira-diagnostic-scene{min-height:350px;padding-bottom:24px}.dira-laptop{width:79%}.dira-laptop-keyboard{height:65px}.dira-laptop-keys{height:23px;top:8px;background-size:12px 12px}.dira-laptop-trackpad{height:18px;bottom:6px}.dira-paper-1{right:0}.dira-paper-2{left:0}}

/* V7: ICP acordado sin números, antetítulos ni iconos */
.dira-icp .section-head{max-width:970px;margin-bottom:36px}
.dira-icp .section-head h2{max-width:900px;margin-left:auto;margin-right:auto}
.dira-icp .section-head p{max-width:860px}
.dira-icp-grid article{border-radius:10px;padding:34px 28px;min-height:170px;box-shadow:0 8px 24px rgba(6,31,54,.035)}
.dira-icp-grid h3{margin:0 0 16px;font-size:23px}
.dira-icp-grid p{margin:0}
/* V7: imagen de mockup con apariencia realista en lugar de maqueta CSS */
.dira-diagnostic-photo{width:100%;display:flex;align-items:center;justify-content:center}
.dira-diagnostic-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}
/* V7: cierre más ancho */
.cierre .wrap{max-width:1160px}
.cierre h2{max-width:25ch}
.cierre .lead{max-width:850px}
@media(max-width:900px){.dira-diagnostic-photo{max-width:750px;margin:auto}}
