/* Shared support panel: static gradients and restrained interaction. */
.support-assistance { padding: clamp(2rem, 4vw, 4rem) 0 0; }
.support-assistance .container { width: min(1440px, calc(100% - 64px)); }
.support-assistance__panel {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 290px;
  align-items: center;
  gap: 2rem;
  padding: 1.25rem 2rem 0 1rem;
  overflow: hidden;
  border: 1px solid #355791;
  border-radius: 26px 26px 0 0;
  background: radial-gradient(ellipse at 100% 0, #21825b70, transparent 60%), linear-gradient(115deg, #162848, #2c4d99);
  box-shadow: 0 16px 36px #16284818;
  color: #fff;
}
.support-assistance__portrait { align-self: end; position: relative; }
.support-assistance__portrait::before {
  content: ""; position: absolute; inset: 12% -8% -40%;
  border: 1px solid #ffffff24; border-radius: 50%;
  background: #ffffff08;
}
.support-assistance__portrait img { position: relative; width: 100%; height: 200px; object-fit: contain; object-position: bottom; }
.support-assistance__copy { min-width: 0; padding-bottom: 1.25rem; }
.support-assistance__badge {
  display: inline-flex; align-items: center; gap: .6rem;
  padding: .4rem .7rem; margin-bottom: .65rem;
  border: 1px solid #ffffff30; border-radius: 999px;
  color: #e0f5ec; background: #ffffff08;
  font-size: .66rem; font-weight: 700; letter-spacing: .1em;
}
.support-assistance__badge > span { width: 7px; height: 7px; border-radius: 50%; background: #83e5ad; }
.support-assistance__copy h2 { color: #fff; font-size: clamp(1.65rem, 2.2vw, 2.15rem); line-height: 1.15; margin: 0 0 .55rem; }
.support-assistance__copy p { max-width: 48ch; color: #dce6f7; font-size: .95rem; line-height: 1.5; margin: 0; }
.support-assistance__details { display: flex; flex-wrap: wrap; gap: .7rem 1.25rem; margin-top: .8rem; }
.support-assistance__details span { display: inline-flex; align-items: center; gap: .5rem; color: #e4ecf8; font-size: .73rem; }
.support-assistance__details i { color: #9be5bc; }
.support-assistance__actions { display: grid; gap: .75rem; padding: 0 0 1.25rem 1.5rem; border-left: 1px solid #ffffff24; }
.support-assistance__label { font-size: .65rem; font-weight: 700; letter-spacing: .14em; color: #d5e5f4; margin-bottom: .2rem; }
.support-assistance__actions a { display: flex; align-items: center; gap: .8rem; min-height: 52px; padding: .85rem 1rem; border-radius: 12px; transition: background-color .2s ease, transform .2s ease; }
.support-assistance__actions a > i:last-child { margin-left: auto; font-size: .75rem; }
.support-assistance__call { background: #fff; color: #223d7a; }
.support-assistance__call small { display: block; color: #52627f; font-size: .69rem; margin-bottom: .2rem; }
.support-assistance__call strong { display: block; font-size: 1.04rem; white-space: nowrap; }
.support-assistance__whatsapp { background: #167641; border: 1px solid #73c49780; color: #fff; font-size: .8rem; font-weight: 700; }
.support-assistance__whatsapp > i:first-child { font-size: 1.3rem; }
.support-assistance__actions a:focus-visible { outline: 3px solid #a3eac2; outline-offset: 4px; }
@media (hover: hover) {
  .support-assistance__actions a:hover { transform: translateY(-2px); }
  .support-assistance__call:hover { background: #edf3fc; }
  .support-assistance__whatsapp:hover { background: #106133; }
}
@media (max-width: 1100px) {
  .support-assistance__panel { grid-template-columns: 170px minmax(0, 1fr); gap: 1rem; padding: 1.25rem 1.5rem 0 1rem; }
  .support-assistance__portrait { grid-row: span 2; }
  .support-assistance__portrait img { height: 210px; }
  .support-assistance__copy { padding-bottom: 0; }
  .support-assistance__actions { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: 0; padding: 0 0 1.25rem; }
  .support-assistance__label { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .support-assistance .container { width: calc(100% - 32px); }
  .support-assistance__panel { grid-template-columns: 1fr; padding: 1.25rem; gap: 1rem; border-radius: 22px 22px 0 0; }
  .support-assistance__portrait { display: none; }
  .support-assistance__copy h2 { font-size: 1.7rem; }
  .support-assistance__actions { grid-column: 1; padding: 1.25rem 0 0; border-top: 1px solid #ffffff24; }
}
@media (max-width: 479px) {
  .support-assistance__actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .support-assistance__actions a { transition: none; }
  .support-assistance__actions a:hover { transform: none; }
}