/* CONCRETTA V691 — CTA final parity.
   Scoped to the remaining legacy CTA surfaces only. */

/* Shared support CTA: text + moving arrow, no button box / no persistent underline. */
.ct691-support-cta{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#49443e!important;
  -webkit-text-fill-color:#49443e!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.35!important;
  opacity:1!important;
}
.ct691-support-cta::before,.ct691-support-cta::after{content:none!important;display:none!important}
.ct691-support-cta .ct63-arrow{
  display:inline-block!important;
  flex:0 0 auto!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  line-height:1!important;
  transition:transform .24s ease!important;
}
.ct691-support-cta:is(:hover,:focus-visible){
  color:#312c28!important;
  -webkit-text-fill-color:#312c28!important;
  background:transparent!important;
  text-decoration:none!important;
}
.ct691-support-cta:is(:hover,:focus-visible) .ct63-arrow{transform:translate(3px,-3px)!important}
.ct691-support-cta:focus-visible{outline:2px solid currentColor!important;outline-offset:5px!important}

/* Shared project CTA: text + growing line + moving arrow. */
.ct691-project-cta{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#49443e!important;
  -webkit-text-fill-color:#49443e!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.35!important;
  opacity:1!important;
  cursor:pointer;
}
.ct691-project-cta::before{content:none!important;display:none!important}
.ct691-project-cta::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  background:currentColor!important;
  opacity:0!important;
  transition:width .34s cubic-bezier(.22,.61,.36,1),opacity .22s ease,height .22s ease!important;
  pointer-events:none!important;
}
.ct691-project-cta:is(:hover,:focus-visible){
  color:#312c28!important;
  -webkit-text-fill-color:#312c28!important;
  background:transparent!important;
  text-decoration:none!important;
}
.ct691-project-cta:is(:hover,:focus-visible)::after{width:100%!important;height:2px!important;opacity:.92!important}
.ct691-project-cta .ct63-arrow{
  display:inline-block!important;
  flex:0 0 auto!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  line-height:1!important;
  transition:transform .24s ease!important;
}
.ct691-project-cta:is(:hover,:focus-visible) .ct63-arrow{transform:translate(3px,-3px)!important}
.ct691-project-cta:focus-visible{outline:2px solid currentColor!important;outline-offset:5px!important}

/* Product-detail action rows: preserve layout, remove legacy boxed-button language. */
body.cpd289-page .cpd289-actions{gap:16px 24px!important;align-items:center!important}
body.cpd289-page .cpd289-actions .ct691-support-cta,
body.cpd289-page .cpd289-actions .ct691-project-cta{width:auto!important}
body.cpd289-page .cpd289-note .ct691-project-cta,
body.cpd289-page .cpd289-note .ct691-project-cta:is(:hover,:focus-visible),
body.cpd289-page .beton218-lightbox .ct691-project-cta,
body.cpd289-page .beton218-lightbox .ct691-project-cta:is(:hover,:focus-visible){
  color:#f7f2ea!important;
  -webkit-text-fill-color:#f7f2ea!important;
}
body.cpd289-page .beton218-lightbox .ct691-project-cta{white-space:nowrap!important}
body.cpd289-page .beton218-lightbox .ct691-project-cta .beton218-lightbox-cta-arrow{animation:none!important;opacity:1!important}

/* About final CTA. */
body.ct-about-page .ct277-final .ct691-project-cta{font-size:14px!important}

/* Differences / How-to: editorial CTAs. */
body.ct287-page .ct287-actions{gap:16px 24px!important;align-items:center!important}
body.ct287-page .ct287-note .ct691-support-cta,
body.ct287-page .ct287-note .ct691-project-cta,
body.ct287-page .ct287-note .ct691-support-cta:is(:hover,:focus-visible),
body.ct287-page .ct287-note .ct691-project-cta:is(:hover,:focus-visible){
  color:#f7f2ea!important;
  -webkit-text-fill-color:#f7f2ea!important;
}

/* Catalogue note CTA. */
body.ct-catalog-page .cat291-note .ct691-support-cta{margin-left:5px!important}

/* Journal closing block: support link + project link on dark background. */
body.ct-journal-page .ct279-close-links{gap:16px 26px!important;align-items:center!important}
body.ct-journal-page .ct279-close .ct691-support-cta,
body.ct-journal-page .ct279-close .ct691-project-cta,
body.ct-journal-page .ct279-close .ct691-support-cta:is(:hover,:focus-visible),
body.ct-journal-page .ct279-close .ct691-project-cta:is(:hover,:focus-visible){
  color:#f4efe8!important;
  -webkit-text-fill-color:#f4efe8!important;
}

/* Contact: keep the channel cards functional, but normalize arrow/focus behavior. */
body.ct-contact-page .ct276-channel.ct691-contact-channel,
body.ct-contact-page .ct276-channel.ct691-contact-channel:hover,
body.ct-contact-page .ct276-channel.ct691-contact-channel:focus-visible{
  color:#28231f!important;
  -webkit-text-fill-color:#28231f!important;
  text-decoration:none!important;
}
body.ct-contact-page .ct276-channel.ct691-contact-channel .ct63-arrow{transition:transform .24s ease!important}
body.ct-contact-page .ct276-channel.ct691-contact-channel:is(:hover,:focus-visible) .ct63-arrow{transform:translate(3px,-3px)!important}
body.ct-contact-page .ct276-channel.ct691-contact-channel:focus-visible{outline:2px solid #6e6257!important;outline-offset:-3px!important}
body.ct-contact-page .ct276-map-link.ct691-support-cta,
body.ct-contact-page .ct276-whatsapp.ct691-support-cta{font-size:14px!important}
body.ct-contact-page .ct276-submit.ct691-project-cta{appearance:none!important;font-family:inherit!important}

@media(max-width:620px){
  .ct691-support-cta,.ct691-project-cta{font-size:13.5px!important;white-space:normal!important}
  body.cpd289-page .cpd289-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:17px!important}
  body.cpd289-page .cpd289-actions .ct691-support-cta,
  body.cpd289-page .cpd289-actions .ct691-project-cta{width:auto!important}
  body.ct287-page .ct287-actions{flex-direction:column!important;align-items:flex-start!important;gap:17px!important}
  body.ct-contact-page .ct276-actions{gap:18px!important}
}

@media(hover:none){
  .ct691-project-cta::after{width:100%!important;height:1px!important;opacity:.32!important}
}

@media(prefers-reduced-motion:reduce){
  .ct691-support-cta .ct63-arrow,.ct691-project-cta .ct63-arrow{transition:none!important}
}
