/* Shared button and icon interactions, using the complementary-services palette. */
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]),
body button[class*="absolute inset-0"] > span[class*="rounded-full"] {
  transition-duration: .5s;
  transition-property: all;
}
body svg:not(.vertencia-hover-defs) { transition-property: color, stroke, fill, transform; transition-duration: .5s; }
@media (hover: hover) {
  body svg:not(.vertencia-hover-defs):hover,
  body :is(div, span)[class*="rounded"]:has(> svg):hover > svg {
    color: #d4b58d !important;
    stroke: url(#vertencia-icon-hover-gradient) !important;
  }
  body svg:not(.vertencia-hover-defs)[class*="fill-"]:hover {
    fill: url(#vertencia-icon-hover-gradient) !important;
  }
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):hover, body button[class*="absolute inset-0"]:hover > span[class*="rounded-full"] {
  background-image: linear-gradient(to right, #a87952, #d4b58d, #d4b58d) !important;
  color: #231816 !important;
  border-color: transparent !important;
}
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):hover > div[class*="absolute inset-0"][class*="rounded-full"] {
  background-image: linear-gradient(to right, #a87952, #d4b58d, #d4b58d) !important;
}
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):hover span, body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):hover svg,
body button[class*="absolute inset-0"]:hover > span[class*="rounded-full"] svg { color: #231816 !important; }
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):hover svg, body button[class*="absolute inset-0"]:hover > span[class*="rounded-full"] svg { stroke: #231816 !important; }
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):hover svg[class*="fill-"], body button[class*="absolute inset-0"]:hover > span[class*="rounded-full"] svg[class*="fill-"] { fill: #231816 !important; }
}
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):focus-visible, body button[class*="absolute inset-0"]:focus-visible > span[class*="rounded-full"] {
  background-image: linear-gradient(to right, #a87952, #d4b58d, #d4b58d) !important;
  color: #231816 !important;
  border-color: transparent !important;
}
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):focus-visible > div[class*="absolute inset-0"][class*="rounded-full"] {
  background-image: linear-gradient(to right, #a87952, #d4b58d, #d4b58d) !important;
}
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):focus-visible span, body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):focus-visible svg,
body button[class*="absolute inset-0"]:focus-visible > span[class*="rounded-full"] svg { color: #231816 !important; }
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):focus-visible svg, body button[class*="absolute inset-0"]:focus-visible > span[class*="rounded-full"] svg { stroke: #231816 !important; }
body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):focus-visible svg[class*="fill-"], body button[class*="absolute inset-0"]:focus-visible > span[class*="rounded-full"] svg[class*="fill-"] { fill: #231816 !important; }

@media (prefers-reduced-motion: reduce) {
  body :is(button:not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]), body svg:not(.vertencia-hover-defs),
  body button[class*="absolute inset-0"] > span[class*="rounded-full"] { transition-duration: 0s; }
}

/* Icon backgrounds share the button gradient. */
body :is(div, span)[class*="rounded"]:has(> svg):not(:has(> :not(svg))) { transition-duration: .5s; transition-property: background-color, background-image, border-color, color, transform; }
@media (hover: hover) {
  body :is(div, span)[class*="rounded"]:has(> svg):not(:has(> :not(svg))):hover {
    background-image: linear-gradient(to right, #a87952, #d4b58d, #d4b58d) !important;
    border-color: transparent !important;
    color: #231816 !important;
  }
  body :is(div, span)[class*="rounded"]:has(> svg):not(:has(> :not(svg))):hover > svg {
    color: #231816 !important;
    stroke: #231816 !important;
  }
  body :is(div, span)[class*="rounded"]:has(> svg):not(:has(> :not(svg))):hover > svg[class*="fill-"] { fill: #231816 !important; }
}
@media (prefers-reduced-motion: reduce) {
  body :is(div, span)[class*="rounded"]:has(> svg):not(:has(> :not(svg))) { transition-duration: 0s; }
}

/* Touch feedback */
@media (any-pointer: coarse) {

  body svg:not(.vertencia-hover-defs):is(:active,[data-vertencia-touch]),
  body :is(div, span)[class*="rounded"]:has(> svg):is(:active,[data-vertencia-touch]) > svg {
    color: #d4b58d !important;
    stroke: url(#vertencia-icon-hover-gradient) !important;
  }
  body svg:not(.vertencia-hover-defs)[class*="fill-"]:is(:active,[data-vertencia-touch]) {
    fill: url(#vertencia-icon-hover-gradient) !important;
  }
body :is(button:not(.case-viewer-close):not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not(.case-viewer-trigger):not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):is(:active,[data-vertencia-touch]), body button[class*="absolute inset-0"]:is(:active,[data-vertencia-touch]) > span[class*="rounded-full"] {
  background-image: linear-gradient(to right, #a87952, #d4b58d, #d4b58d) !important;
  color: #231816 !important;
  border-color: transparent !important;
}
body :is(button:not(.case-viewer-close):not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not(.case-viewer-trigger):not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):is(:active,[data-vertencia-touch]) > div[class*="absolute inset-0"][class*="rounded-full"] {
  background-image: linear-gradient(to right, #a87952, #d4b58d, #d4b58d) !important;
}
body :is(button:not(.case-viewer-close):not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not(.case-viewer-trigger):not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):is(:active,[data-vertencia-touch]) span, body :is(button:not(.case-viewer-close):not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not(.case-viewer-trigger):not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):is(:active,[data-vertencia-touch]) svg,
body button[class*="absolute inset-0"]:is(:active,[data-vertencia-touch]) > span[class*="rounded-full"] svg { color: #231816 !important; }
body :is(button:not(.case-viewer-close):not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not(.case-viewer-trigger):not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):is(:active,[data-vertencia-touch]) svg, body button[class*="absolute inset-0"]:is(:active,[data-vertencia-touch]) > span[class*="rounded-full"] svg { stroke: #231816 !important; }
body :is(button:not(.case-viewer-close):not([class*="absolute inset-0"]), a[class*="rounded-full"], .language-switcher a, [role="button"]:not(.case-viewer-trigger):not([class*="absolute inset-0"])):not(:disabled):not([aria-disabled="true"]):is(:active,[data-vertencia-touch]) svg[class*="fill-"], body button[class*="absolute inset-0"]:is(:active,[data-vertencia-touch]) > span[class*="rounded-full"] svg[class*="fill-"] { fill: #231816 !important; }

  body :is(div, span)[class*="rounded"]:has(> svg):not(:has(> :not(svg))):is(:active,[data-vertencia-touch]) {
    background-image: linear-gradient(to right, #a87952, #d4b58d, #d4b58d) !important;
    border-color: transparent !important;
    color: #231816 !important;
  }
  body :is(div, span)[class*="rounded"]:has(> svg):not(:has(> :not(svg))):is(:active,[data-vertencia-touch]) > svg {
    color: #231816 !important;
    stroke: #231816 !important;
  }
  body :is(div, span)[class*="rounded"]:has(> svg):not(:has(> :not(svg))):is(:active,[data-vertencia-touch]) > svg[class*="fill-"] { fill: #231816 !important; }

body [data-vertencia-touch], body [data-vertencia-touch] svg {transition-duration:.12s!important;}
}