/* EGP Viagens: claro, azul e laranja, cantos arredondados, como o site oficial */
.t-egp h1, .t-egp h2, .t-egp h3 { font-weight: 800; letter-spacing: -.025em; color: #10233a; } .t-egp h3 { font-weight: 700; letter-spacing: -.01em; }
.t-egp .btn { border-radius: 999px; padding: 14px 30px; } .t-egp .btn-solid { background: #1e73be; border-color: #1e73be; color: #fff; } .t-egp .btn-solid:hover { background: #15578f; border-color: #15578f; }
.btn-orange { background: #f5a623 !important; border-color: #f5a623 !important; color: #10233a !important; } .btn-orange:hover { background: #ffc65c !important; }
.t-egp .brand-mark { border-color: #1e73be; color: #1e73be; } .t-egp .nav a:hover, .t-egp .nav a[aria-current] { color: #1e73be; border-color: #f5a623; }
.eg-eyebrow { display: block; text-transform: uppercase; letter-spacing: .2em; font-size: .74rem; font-weight: 700; color: #c67f11; margin-bottom: .9em; } body.lang-ar .eg-eyebrow { letter-spacing: 0; text-transform: none; font-size: .9rem; }

.eg-hero { background: linear-gradient(180deg, #e6f1fb 0%, #fff 78%); padding: clamp(48px, 7vw, 90px) 0 0; }
.eg-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; }
@media (max-width: 860px) { .eg-hero-grid { grid-template-columns: 1fr; gap: 36px; } }
.co-logo { height: 64px; width: auto; margin-bottom: 22px; }
.eg-pill { display: inline-block; background: #fff3dc; color: #b9720a; font-weight: 700; font-size: .78rem; padding: 6px 16px; border-radius: 999px; margin-bottom: 18px; }
.t-egp h1 { font-size: clamp(2.8rem, 6.4vw, 5rem); line-height: 1.02; margin-bottom: .3em; }
.eg-hero .lead { color: #4a5560; max-width: 520px; }
.eg-hero-img { position: relative; } .eg-hero-img img { width: 100%; aspect-ratio: 5/4; object-fit: cover; border-radius: 26px; box-shadow: 0 30px 70px rgba(16,35,58,.25); }
.eg-badge { position: absolute; inset-inline-start: 22px; bottom: -16px; background: #f5a623; color: #10233a; font-weight: 800; padding: 10px 22px; border-radius: 999px; box-shadow: 0 10px 24px rgba(245,166,35,.45); }
.eg-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 46px 0 -44px; position: relative; z-index: 2; }
@media (max-width: 760px) { .eg-facts { grid-template-columns: repeat(2, 1fr); } }
.eg-fact { background: #fff; border-radius: 18px; padding: 22px 22px; box-shadow: 0 14px 40px rgba(16,35,58,.12); border-top: 4px solid #f5a623; }
.eg-fact b { display: block; font-family: 'Montserrat', sans-serif; font-size: 2rem; font-weight: 800; color: #1e73be; line-height: 1.1; } .eg-fact span { font-size: .88rem; color: #4a5560; }

.sec { padding: clamp(64px, 9vw, 110px) 0; } .sec:first-of-type { padding-top: clamp(110px, 12vw, 150px); }
.eg-hero + .sec { padding-top: clamp(110px, 12vw, 150px); }
.sec-tint { background: #f1f6fb; }
.eg-two { display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: center; } @media (max-width: 860px) { .eg-two { grid-template-columns: 1fr; gap: 32px; } }
.eg-two-img img { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: 24px; box-shadow: 0 24px 60px rgba(16,35,58,.2); }
.eg-dest { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } @media (max-width: 900px) { .eg-dest { grid-template-columns: repeat(2, 1fr); } }
.eg-dest figure { position: relative; border-radius: 18px; overflow: hidden; } .eg-dest img { width: 100%; aspect-ratio: 4/5; object-fit: cover; transition: transform .6s; } .eg-dest figure:hover img { transform: scale(1.06); }
.eg-dest figcaption { position: absolute; inset-inline: 0; bottom: 0; padding: 30px 16px 14px; color: #fff; font-weight: 700; background: linear-gradient(0deg, rgba(16,35,58,.85), transparent); }
.eg-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } @media (max-width: 860px) { .eg-steps { grid-template-columns: 1fr; } }
.eg-step { background: #fff; border-radius: 20px; padding: 32px; box-shadow: 0 10px 34px rgba(16,35,58,.09); }
.eg-num { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #f5a623; color: #10233a; font-weight: 800; font-size: 1.2rem; margin-bottom: 18px; }
.eg-diffs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } @media (max-width: 1000px) { .eg-diffs { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 560px) { .eg-diffs { grid-template-columns: 1fr; } }
.eg-diff { background: #fff; border-radius: 18px; padding: 26px; border: 1px solid rgba(16,35,58,.08); }
.eg-ok { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #e1eefa; color: #1e73be; font-weight: 800; margin-bottom: 14px; }
.eg-repband { background: linear-gradient(135deg, #10233a, #15395f); color: #cfd9e6; padding: clamp(64px, 9vw, 100px) 0; } .eg-repband h2 { color: #fff; }
.eg-reps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } @media (max-width: 760px) { .eg-reps { grid-template-columns: repeat(2, 1fr); } }
.eg-rep b { display: block; font-family: 'Montserrat', sans-serif; font-size: clamp(2.2rem, 4.4vw, 3.4rem); font-weight: 800; color: #f5a623; line-height: 1; } .eg-rep span { display: block; margin-top: 8px; font-size: .9rem; }
.eg-repnote { margin-top: 2.4rem; max-width: 760px; font-size: .92rem; opacity: .85; }
.eg-qs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } @media (max-width: 900px) { .eg-qs { grid-template-columns: 1fr; } }
.eg-q { background: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 10px 34px rgba(16,35,58,.1); border-top: 4px solid #1e73be; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; }
.eg-q blockquote { margin: 0; font-size: 1rem; color: #2c333a; } .eg-q figcaption { color: #c67f11; font-weight: 700; font-size: .85rem; }
.eg-stores { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media (max-width: 760px) { .eg-stores { grid-template-columns: 1fr; } }
.eg-store { background: #fff; border-radius: 18px; padding: 28px; border-inline-start: 5px solid #f5a623; box-shadow: 0 8px 28px rgba(16,35,58,.08); } .eg-store p { margin: 0; }
.eg-hours { margin-top: 1.4rem; font-weight: 600; color: #10233a; }
.eg-cta { background: linear-gradient(135deg, #1e73be, #15578f); padding: clamp(64px, 9vw, 100px) 0; color: #fff; } .eg-cta h2 { color: #fff; } .eg-cta p { color: #dbe9f6; max-width: 560px; margin-inline: auto; }

/* ---- operação própria e fundador ---- */
.eg-two2 { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; } @media (max-width: 860px) { .eg-two2 { grid-template-columns: 1fr; gap: 28px; } }
.pq-egp { border-inline-start-color: #f5a623; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 500; font-size: 1.15rem; line-height: 1.6; color: #10233a; }
body.t-egp .pq cite { color: #1e73be; font-family: 'Montserrat', sans-serif; }

/* Galeria */
.gl-bar { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 22px; }
.gl-bar button { background: #fff; color: #10233a; border: 1px solid #c9d6e4; padding: 9px 18px; font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; border-radius: 999px; }
.gl-bar button small { opacity: .6; font-weight: 500; margin-inline-start: 4px; }
.gl-bar button.on { background: #1e73be; border-color: #1e73be; color: #fff; }
.eg-gal { display: flex; flex-direction: column; gap: 26px; }
.gl-grp { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--min, 240px), 1fr)); gap: 14px; }
.gl-oth { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-start; }
.gl-i { position: relative; display: block; overflow: hidden; background: #e8eef5; border-radius: 4px; line-height: 0; }
.gl-grp .gl-i { aspect-ratio: var(--r); }
.gl-oth .gl-i { --h: 210px; width: calc(var(--h) * var(--ra)); max-width: 100%; aspect-ratio: var(--ra); flex: 0 0 auto; }
.gl-i img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; } .gl-i:hover img { transform: scale(1.04); }
.gl-play { position: absolute; inset: 0; display: grid; place-items: center; background: linear-gradient(transparent 55%, rgba(0,0,0,.35)); }
.gl-play::after { content: ""; width: 54px; height: 54px; border-radius: 50%; background: rgba(245,166,35,.95) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23fff%27 d=%27M9 6.5v11l9-5.5z%27/%3E%3C/svg%3E") center/26px no-repeat; box-shadow: 0 6px 20px rgba(0,0,0,.35); }
.gl-lb { position: fixed; inset: 0; z-index: 200; background: rgba(8,12,18,.94); display: none; align-items: center; justify-content: center; }
.gl-lb.on { display: flex; }
.gl-st { max-width: 94vw; max-height: 88vh; display: flex; align-items: center; justify-content: center; }
.gl-st img, .gl-st video { max-width: 94vw; max-height: 88vh; display: block; background: #000; }
.gl-ct { position: fixed; bottom: 14px; left: 0; right: 0; text-align: center; color: #cfd8e3; font-size: .85rem; }
.gl-lb button { position: fixed; background: rgba(255,255,255,.12); color: #fff; border: 0; width: 46px; height: 46px; border-radius: 50%; font-size: 28px; line-height: 1; cursor: pointer; }
.gl-lb button:hover { background: #f5a623; }
.gl-x { top: 16px; right: 16px; } .gl-p { left: 14px; top: 50%; } .gl-n { right: 14px; top: 50%; }
@media (max-width: 560px) { .gl-grp { grid-template-columns: repeat(2, 1fr); gap: 10px; } .gl-oth { gap: 10px; } .gl-oth .gl-i { --h: 150px; } .gl-p, .gl-n { top: auto; bottom: 10px; } .gl-ct { bottom: 24px; } }
