/* MKFly v18 • Integración visual de fotografías aprobadas. Encabezado y JS originales intactos. */
/* Fotografía Home: usa el recurso web definitivo en lugar del JPEG embebido. */
body[data-mkfly-visual="inicio"] .photo {background-image:url('/assets/imagenes/mkfly-01-inicio.webp') !important; background-position:center center !important;background-size:cover !important;}
/* Soluciones: el hero conserva sus dashboards ilustrativos, con fotografía como fondo a sangre. */
body[data-mkfly-visual="gestion-y-control"] .hero {background-image:linear-gradient(90deg,rgba(4,17,37,.94) 0%,rgba(5,22,44,.85) 34%,rgba(5,22,44,.60) 63%,rgba(5,20,40,.66) 100%),url('/assets/imagenes/mkfly-02-gestion-y-control.webp')!important;}
body[data-mkfly-visual="automatizacion-y-sistemas"] .hero {background-image:linear-gradient(90deg,rgba(4,17,37,.95) 0%,rgba(5,22,44,.86) 34%,rgba(5,22,44,.57) 66%,rgba(5,20,40,.64) 100%),url('/assets/imagenes/mkfly-03-automatizacion-y-sistemas.webp')!important;}
body[data-mkfly-visual="datos-e-inteligencia"] .hero {background-image:linear-gradient(90deg,rgba(4,17,37,.94) 0%,rgba(5,22,44,.83) 35%,rgba(5,22,44,.55) 67%,rgba(5,20,40,.65) 100%),url('/assets/imagenes/mkfly-04-datos-e-inteligencia.webp')!important;}
body[data-mkfly-visual="ia-aplicada"] .hero {background-image:linear-gradient(90deg,rgba(4,17,37,.95) 0%,rgba(5,22,44,.84) 35%,rgba(5,22,44,.55) 67%,rgba(5,20,40,.67) 100%),url('/assets/imagenes/mkfly-05-ia-aplicada.webp')!important;}
body[data-mkfly-visual] .hero{background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;}
/* No se vuelve a mostrar imagen v17 en una tarjeta separada. Se preserva el texto de la sección. */
body[data-mkfly-visual] .v15-story .v15-story-inner,
body[data-mkfly-visual] .v15-story.v15-reverse .v15-story-inner {display:block;max-width:1000px;margin-inline:auto;}
body[data-mkfly-visual] .v15-story .v15-story-copy{max-width:860px;margin-inline:auto;}
body[data-mkfly-visual] .v15-story{padding-block:55px;background:linear-gradient(115deg,#0b213c 5%,#071729 88%);}
/* Contacto: fotografía real a toda la cabecera, no tarjeta flotante. */
body[data-mkfly-visual="contacto"] .contact-intro{background:linear-gradient(90deg,rgba(5,18,39,.94) 0%,rgba(5,18,39,.80) 36%,rgba(5,18,39,.34) 74%,rgba(5,18,39,.42) 100%),url('/assets/imagenes/mkfly-06-contacto.webp') center center/cover no-repeat !important;}
body[data-mkfly-visual="contacto"] .contact-intro::before,body[data-mkfly-visual="contacto"] .v17-contact-scene{display:none!important;}
/* Nosotros: dos socios simbólicos, con claridad de que no son sus retratos reales. */
body[data-mkfly-visual="inicio"] .mkfly-about-picture{margin:36px auto 0;max-width:1170px;}
body[data-mkfly-visual="inicio"] .mkfly-about-figure{margin:0;position:relative;}
body[data-mkfly-visual="inicio"] .mkfly-about-figure img{display:block;width:100%;height:auto;aspect-ratio:16/8.6;object-fit:cover;object-position:center;border-radius:22px;border:1px solid rgba(145,195,235,.24);box-shadow:0 22px 55px rgba(0,0,0,.32);}
body[data-mkfly-visual="inicio"] .mkfly-about-figure figcaption{color:#adc5dd;text-align:right;font-size:11px;margin-top:11px;line-height:1.4;}
@media(max-width:900px){
 body[data-mkfly-visual] .hero{background-position:62% center!important;}
 body[data-mkfly-visual="contacto"] .contact-intro{background-position:63% center!important;}
 body[data-mkfly-visual="inicio"] .mkfly-about-figure img{aspect-ratio:1.55;object-position:43% center;}
}
@media(max-width:600px){
 body[data-mkfly-visual] .hero{background-position:64% center!important;}
 body[data-mkfly-visual="contacto"] .contact-intro{background:linear-gradient(90deg,rgba(5,18,39,.96),rgba(5,18,39,.72)),url('/assets/imagenes/mkfly-06-contacto.webp') 61% center/cover no-repeat!important;}
 body[data-mkfly-visual="inicio"] .mkfly-about-figure img{aspect-ratio:1.25;object-position:40% center;}
}