/* Portal de Segurança: estilos próprios. Media queries em responsive.css. */
@font-face {
  font-family: 'Ody Security Baloo';
  src: url('../fonts/seja-conveniado/baloo.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ody Security Baloo Bhai';
  src: url('../fonts/seja-conveniado/baloo-bhai.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ody Security Roboto';
  src: url('../fonts/seja-conveniado/roboto-regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ody Security Roboto';
  src: url('../fonts/seja-conveniado/roboto-bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

.odypark-security-page {
  --security-hero-blue: #0f63af;
  --security-blue: #093ab9;
  --security-pink: #ff0048;
  --security-button-green: #309e3a;
  --security-teal: #005564;
}
.hero-wrap--seguranca { isolation: isolate; background: var(--security-hero-blue); }
.security-page { position: relative; z-index: 3; background: #fff; color: #000; font: 700 20px/1.175 'Ody Security Roboto', Arial, sans-serif; }
.security-page :where(h2, h3, p) { margin: 0; }
.security-page img { max-width: 100%; height: auto; }
.security-page a { color: inherit; text-underline-offset: 4px; }
.security-page a:focus-visible { outline: 3px solid #ffba00; outline-offset: 6px; }
.odypark-security-page .security-container { max-width: 1048px; padding-inline: 24px; }
.security-skip-link { position: fixed; z-index: 1050; top: 12px; left: 12px; max-width: calc(100% - 24px); padding: 12px 18px; background: #fff; color: var(--security-blue); clip-path: inset(50%); transform: translateY(-200%); }
.security-skip-link:focus { clip-path: none; transform: none; }

.security-hero { position: relative; min-height: 385px; isolation: isolate; }
.security-hero-content { position: relative; z-index: 1; max-width: 1260px; padding-top: 83px; text-align: center; }
.security-hero h1 {
  --ody-hero-title-color: #ed4b00;
  --ody-hero-title-fill: linear-gradient(0deg, #ed4b00 44.331%, #ffa60c 76.898%);
  --ody-hero-title-outline-width: 34px;
  display: inline-block;
  font: 400 70px/1.6 'Ody Security Baloo Bhai', sans-serif;
  white-space: nowrap;
}
.security-hero-transition { position: absolute; right: 0; bottom: -1px; left: 0; z-index: 0; height: 14vw; background: url('../images/seguranca/backgrounds/Background-ody.svg') center top / 100% auto no-repeat; pointer-events: none; }

.security-warning-section { position: relative; padding-top: 45px; padding-bottom: 151px; text-align: center; }
.security-alert-emblem { position: relative; display: grid; width: 115px; height: 115px; margin: auto; place-items: center; border-radius: 50%; background: var(--security-pink); }
.security-alert-emblem img { display: block; width: 71px; height: auto; }
.security-warning-section h2 { margin-top: 7.5px; color: var(--security-pink); font: 400 64px/1.6 'Ody Security Baloo', sans-serif; }
.security-warning-copy { max-width: 809px; margin: 48px auto 0; }
.security-warning-copy p + p { margin-top: 23.5px; }
.security-authorized-agents { margin-top: 42px; }
.security-authorized-agents h3 { color: var(--security-blue); font: 400 27px/1.6 'Ody Security Baloo', sans-serif; }
.security-page .security-agents-button { display: flex; align-items: center; justify-content: center; width: 440px; max-width: 100%; min-height: 58px; margin: 9px auto 0; padding: 16px 12px; border-radius: 12px; background: var(--security-button-green); color: #fff; font: 400 20px/1.2 'Ody Security Baloo', sans-serif; letter-spacing: 1px; text-decoration: none; }
.security-page .security-agents-button:hover { background: #247b2c; }
.security-sms-warning { position: relative; display: flex; align-items: center; justify-content: center; width: 934px; max-width: 100%; min-height: 110px; margin: 87px auto 0; padding: 16px 61px; border: 1px solid var(--security-pink); border-radius: 30px; background: #fff; }
.security-sms-warning p { max-width: 809px; font-size: 24px; line-height: 1.2; }
.security-sms-emblem { position: absolute; top: 7px; left: 13px; display: grid; width: 49px; height: 49px; place-items: center; border-radius: 50%; background: var(--security-pink); }
.security-sms-emblem img { display: block; width: 30px; height: auto; }

/* SVG completo da faixa social, com os ícones originais. */
.security-social-band { position: relative; min-height: 270px; padding: 7px 20px 60px; background: url('../images/seguranca/backgrounds/social-section.svg') center bottom / cover no-repeat; }
.security-social-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 28px; width: 1100px; max-width: 100%; margin: auto; }
.security-page .security-social-item { display: block; min-width: 0; color: #fff; text-align: center; text-decoration: none; }
.security-social-links img { display: block; width: 156px; height: auto; margin: 0 auto; }
.security-social-caption { position: relative; display: block; margin-top: -28px; font: 700 20px/1.3 'Ody Security Roboto', Arial, sans-serif; overflow-wrap: anywhere; }
.security-social-links a:hover .security-social-caption { text-decoration: underline; text-underline-offset: 4px; }

.security-authorized-section { position: relative; z-index: 2; padding-top: 85px; text-align: center; }
.security-authorized-section h2 { color: var(--security-blue); font: 700 32px/1.2 'Ody Security Roboto', Arial, sans-serif; }
.security-authorized-copy { max-width: 972px; margin: 21px auto 0; }
.security-authorized-copy a { text-decoration: none; }
.security-authorized-copy a:hover { text-decoration: underline; }
.security-authorized-links { --bs-gutter-x: 0; max-width: 628px; margin: 33px auto 0; transform: translateX(-3.5px); }
.security-page .security-authorized-profile { display: block; color: var(--security-blue); text-decoration: none; }
.security-authorized-image-slot { display: grid; width: 156px; height: 191px; margin: auto; place-items: center; color: var(--security-teal); }
.security-authorized-image-slot img { display: block; width: 156px; height: auto; }
.security-authorized-profile-name { display: block; margin-top: -37px; font: 700 32px/1.2 'Ody Security Roboto', Arial, sans-serif; overflow-wrap: anywhere; }
a.security-authorized-profile:hover .security-authorized-profile-name { text-decoration: underline; }

/* Fundo laranja proporcional, preservando os SVGs e as fotos do material. */
.security-profiles-section { position: relative; min-height: max(841px, 58.402778vw); margin-top: -38px; padding-top: 162px; padding-bottom: 125px; isolation: isolate; }
.odypark-security-page .security-profiles-content { position: relative; z-index: 1; max-width: 1440px; }
.security-profiles-section h2 { width: fit-content; max-width: calc(100% - 54px); margin-inline: auto; color: #f5f7fb; font: 700 32px/1.2 'Ody Security Roboto', Arial, sans-serif; text-align: center; transform: translateX(27px); }
.security-profiles-gallery { --bs-gutter-x: 88px; --bs-gutter-y: 0; row-gap: 32px; max-width: 1088px; margin: 33px auto 0; transform: translateX(13px); }
.security-fake-profile { display: block; width: 100%; height: auto; }
.security-fake-profile-first { border-radius: 11.4%; }
.security-fake-profile-second { border-radius: 14.5%; }
.security-profiles-art { position: absolute; inset: 0; z-index: 0; background: url('../images/seguranca/backgrounds/profiles-orange.svg') center top / cover no-repeat; pointer-events: none; }
.odypark-security-page .rodape-background::before { top: 0; background-size: 100% calc(125% + 55rem); }