/* V16 · fotografías del usuario y refinamientos de interacción */
.services-v8 .editorial-image img {
  object-fit:cover!important;
  object-position:center 54%!important;
  filter:none!important;
  image-rendering:auto;
}
/* Las tres tarjetas tienen la misma altura y el texto queda en una banda inferior consistente. */
.services-v8 .editorial-service,
.services-v8 .editorial-service:nth-child(2) {min-height:565px!important;height:565px!important}
.services-v8 .editorial-copy {
  height:318px!important;
  min-height:0!important;
  bottom:0!important;top:auto!important;
  display:flex!important;flex-direction:column!important;
  justify-content:flex-start!important;align-items:flex-start!important;
  gap:8px!important;
  padding:18px 26px 24px!important;
}
.services-v8 .service-icon {width:43px!important;height:43px!important;margin:0 0 2px!important;flex-shrink:0!important}
.services-v8 .service-icon img {width:43px!important;height:43px!important}
.services-v8 .editorial-copy small {min-height:18px!important;margin:0!important}
.services-v8 .editorial-copy strong {min-height:40px!important;margin:0!important}
.services-v8 .editorial-copy>span:not(.editorial-more):not(.service-icon) {
  min-height:70px!important;margin:0!important;align-self:flex-start!important;
}
.services-v8 .editorial-more {margin-top:5px!important}
/* Vista de demos: al pasar el cursor, botón dorado y letras negras. */
.projects .project-action {
  -webkit-text-fill-color:initial!important;
  color:#f1d19a!important;
  background-image:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  filter:none!important;
  border:1px solid #d7ac67!important;
  transition:background .28s ease,color .28s ease,box-shadow .28s ease,transform .28s ease!important;
}
.projects .project-action>span {display:inline-flex;align-items:center;justify-content:center;gap:10px}
.projects .project-action svg {width:15px!important;height:15px!important;stroke:currentColor!important;transition:transform .28s ease}
.projects .project-card:hover .project-action,
.projects .project-card:focus-visible .project-action {
  background:linear-gradient(120deg,#e0b466 0%,#ffebbf 45%,#c9964f 100%)!important;
  color:#17120b!important;
  -webkit-text-fill-color:#17120b!important;
  border-color:#d7ac67!important;
  box-shadow:0 8px 25px rgba(210,164,91,.22)!important;
}
.projects .project-card:hover .project-action svg,
.projects .project-card:focus-visible .project-action svg {transform:translate(2px,-2px);stroke:#17120b!important}
@media(max-width:1024px){
 .services-v8 .editorial-copy{height:335px!important;padding:18px 18px 22px!important}
 .services-v8 .editorial-copy strong{min-height:45px!important}
 .services-v8 .editorial-copy>span:not(.editorial-more):not(.service-icon){min-height:84px!important}
}
@media(max-width:760px){
 .services-v8 .editorial-service,.services-v8 .editorial-service:nth-child(2){height:465px!important;min-height:465px!important}
 .services-v8 .editorial-copy{height:315px!important;padding:19px 22px 23px!important}
 .services-v8 .editorial-copy>span:not(.editorial-more):not(.service-icon){min-height:0!important}
}
@media(prefers-reduced-motion:reduce){.projects .project-action,.projects .project-action svg{transition:none!important}}
