/* Shared button paint. Only the decorative layers are clipped, never focus or content. */
:root {
  --ateam-button-cut: 5px;
}
:where(.ateam-button, .wp-element-button, .wp-block-button__link, .header-contact,
  .contact-submit, .solution-button, .farmacia-tour__start, .farmacia-tour__feedback button,
  .system-panel a, .footer-top, .motion-toggle, .company-timeline__controls button,
  .farmacia-tour__tools button, .site-header .wp-block-navigation__responsive-container-open, .guide-icon) {
  --button-fill: var(--ateam-white);
  --button-line: transparent;
  --button-inset: 0px;
  --button-inner-cut: calc(var(--ateam-button-cut) + .414px);
  --ateam-button-shape: polygon(var(--ateam-button-cut) 0, calc(100% - var(--ateam-button-cut)) 0, 100% var(--ateam-button-cut), 100% calc(100% - var(--ateam-button-cut)), calc(100% - var(--ateam-button-cut)) 100%, var(--ateam-button-cut) 100%, 0 calc(100% - var(--ateam-button-cut)), 0 var(--ateam-button-cut));
}
:is(.ateam-button, .wp-element-button, .wp-block-button__link, .header-contact,
  .contact-submit, .solution-button, .farmacia-tour__start, .farmacia-tour__feedback button,
  .system-panel a, .footer-top, .motion-toggle, .company-timeline__controls button,
  .farmacia-tour__tools button, .site-header .wp-block-navigation__responsive-container-open, .guide-icon) {
  position: relative;
  isolation: isolate;
  /* Keep the original border width and box metrics; pseudo-elements paint the bevel. */
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 0;
  clip-path: none;
}
:is(.ateam-button, .wp-element-button, .wp-block-button__link, .header-contact,
  .contact-submit, .solution-button, .farmacia-tour__start, .farmacia-tour__feedback button,
  .system-panel a, .footer-top, .motion-toggle, .company-timeline__controls button,
  .farmacia-tour__tools button, .site-header .wp-block-navigation__responsive-container-open, .guide-icon)::before {
  content: ""; position: absolute; inset: var(--button-inset); z-index: -1;
  pointer-events: none; border: 0; border-radius: 0;
  background: var(--button-fill); clip-path: var(--ateam-button-shape);
  transition: background-color 180ms ease;
}
:is(.ateam-button, .wp-element-button, .wp-block-button__link, .header-contact,
  .contact-submit, .solution-button, .farmacia-tour__start, .farmacia-tour__feedback button,
  .system-panel a, .footer-top, .motion-toggle, .company-timeline__controls button,
  .farmacia-tour__tools button, .site-header .wp-block-navigation__responsive-container-open, .guide-icon)::after {
  content: ""; position: absolute; inset: var(--button-inset); z-index: -1;
  pointer-events: none; border: 0; background: var(--button-line);
  /* A hollow polygon preserves transparent outline buttons on any underlying surface. */
  clip-path: polygon(evenodd,
    var(--ateam-button-cut) 0, calc(100% - var(--ateam-button-cut)) 0,
    100% var(--ateam-button-cut), 100% calc(100% - var(--ateam-button-cut)),
    calc(100% - var(--ateam-button-cut)) 100%, var(--ateam-button-cut) 100%,
    0 calc(100% - var(--ateam-button-cut)), 0 var(--ateam-button-cut), var(--ateam-button-cut) 0,
    var(--button-inner-cut) 1px, 1px var(--button-inner-cut),
    1px calc(100% - var(--button-inner-cut)), var(--button-inner-cut) calc(100% - 1px),
    calc(100% - var(--button-inner-cut)) calc(100% - 1px), calc(100% - 1px) calc(100% - var(--button-inner-cut)),
    calc(100% - 1px) var(--button-inner-cut), calc(100% - var(--button-inner-cut)) 1px,
    var(--button-inner-cut) 1px, var(--ateam-button-cut) 0);
  transition: background-color 180ms ease;
}
:is(.ateam-button, .wp-element-button, .wp-block-button__link, .solution-button,
  .farmacia-tour__start, .farmacia-tour__feedback button):hover:not(:disabled):not([aria-disabled="true"]) { --button-fill: var(--ateam-sage); }
.header-contact { --button-fill: #d3e0d7; }
.header-contact:hover:not([aria-disabled="true"]) { --button-fill: var(--ateam-white); }
.about-band .wp-block-button__link { --button-fill: #1b211d; }
.about-band .wp-block-button__link:hover { --button-fill: #344c3d; }
.contact-submit { --button-fill: #1b2a20; }
.contact-submit:hover:not(:disabled) { --button-fill: #395642; }
:is(.is-style-outline, .is-style-outline-dark) .wp-block-button__link { --button-fill: transparent; --button-line: #67706b; }
:is(.is-style-outline, .is-style-outline-dark) .wp-block-button__link:hover { --button-fill: var(--ateam-white); --button-line: var(--ateam-white); }
:is(.system-panel a, .footer-top, .motion-toggle, .company-timeline__controls button,
  .farmacia-tour__tools button, .site-header .wp-block-navigation__responsive-container-open, .guide-icon) {
  --ateam-button-cut: 4px; --button-fill: transparent; --button-line: #677b6d;
}
:is(.system-panel a, .footer-top, .motion-toggle, .farmacia-tour__tools button,
  .site-header .wp-block-navigation__responsive-container-open):hover:not(:disabled) {
  --button-fill: var(--ateam-sage); --button-line: var(--ateam-sage); color: var(--ateam-ink);
}
.company-timeline__controls button { --button-line: #809386; }
.company-timeline__controls button:hover:not(:disabled) { --button-fill: #1b211d; --button-line: #1b211d; }
.guide-icon { --button-line: var(--guide-line); }
.guide-icon:hover { --button-fill: #29352e; --button-line: #667b6d; }
:is(.ateam-button, .wp-element-button, .wp-block-button__link, .header-contact,
  .contact-submit, .solution-button, .farmacia-tour__start, .farmacia-tour__feedback button,
  .system-panel a, .footer-top, .motion-toggle, .company-timeline__controls button,
  .farmacia-tour__tools button, .site-header .wp-block-navigation__responsive-container-open, .guide-icon):focus-visible {
  outline: 2px solid var(--ateam-button-focus, var(--ateam-sage)); outline-offset: 5px;
}
.about-band, .company-light, .contact-page { --ateam-button-focus: #375743; }
@media (prefers-reduced-motion: reduce) {
  :is(.wp-element-button, .wp-block-button__link, .ateam-button, .header-contact,
    .contact-submit, .solution-button, .farmacia-tour__start, .farmacia-tour__feedback button,
    .system-panel a, .footer-top, .motion-toggle, .company-timeline__controls button,
    .farmacia-tour__tools button, .site-header .wp-block-navigation__responsive-container-open, .guide-icon)::before,
  :is(.wp-element-button, .wp-block-button__link, .ateam-button, .header-contact,
    .contact-submit, .solution-button, .farmacia-tour__start, .farmacia-tour__feedback button,
    .system-panel a, .footer-top, .motion-toggle, .company-timeline__controls button,
    .farmacia-tour__tools button, .site-header .wp-block-navigation__responsive-container-open, .guide-icon)::after { transition: none; }
}
@media (forced-colors: active) {
  :is(.ateam-button, .wp-element-button, .wp-block-button__link, .header-contact,
    .contact-submit, .solution-button, .farmacia-tour__start, .farmacia-tour__feedback button,
    .system-panel a, .footer-top, .motion-toggle, .company-timeline__controls button,
    .farmacia-tour__tools button, .site-header .wp-block-navigation__responsive-container-open, .guide-icon) {
    --button-fill: ButtonFace; --button-line: ButtonText;
    outline: 1px solid ButtonText; outline-offset: -1px; color: ButtonText;
  }
}