/* * CSS exclusivo da página de homologação "Excursões e Viagens". * Carregado apenas quando is_page_template('page-excursoes-viagens-homologacao.php') * (ver wp-content/themes/sesc-2025/setup/assets.php). * Tudo escopado sob .page-excursoes-viagens-homologacao para nunca colidir com o CSS global. */ .page-excursoes-viagens-homologacao { --excursions-primary: #004b8e; --excursions-primary-dark: #00305c; --excursions-orange: #f68b1f; --excursions-orange-alt: #fcb801; --excursions-green: #1f6506; --excursions-purple: #6d28d9; --excursions-text: #1a2025; --excursions-text-light: #666a6e; --excursions-bg-light: #f5f8fd; --excursions-bg-beige: #f7f2ea; font-family: var(--font-family-body, "Poppins", sans-serif); } /* O badge do reCAPTCHA é injetado pelo script do Google como filho direto do , fora da .page-wrapper, por isso a regra abaixo não fica escopada como o resto do arquivo. Ainda assim só afeta esta página, pois este CSS só é carregado neste template. */ .grecaptcha-badge { left: 4px !important; right: auto !important; } .page-excursoes-viagens-homologacao h1, .page-excursoes-viagens-homologacao h2, .page-excursoes-viagens-homologacao h3 { font-family: var(--font-family-heading, "Poppins", sans-serif); margin: 0; } /* ===== HERO ===== */ .page-excursoes-viagens-homologacao .excursions-hero { position: relative; display: flex; align-items: center; justify-content: center; min-height: 480px; padding: 80px 0 110px; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } .page-excursoes-viagens-homologacao .excursions-hero__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 48, 92, 0.88) 0%, rgba(0, 75, 142, 0.72) 55%, rgba(0, 48, 92, 0.9) 100%); } .page-excursoes-viagens-homologacao .excursions-hero__container { position: relative; z-index: 1; width: 100%; } .page-excursoes-viagens-homologacao .excursions-hero__content { text-align: center; max-width: 720px; margin: 0 auto; color: #fff; } .page-excursoes-viagens-homologacao .excursions-hero__tag { display: inline-block; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--excursions-orange-alt); margin-bottom: 16px; } .page-excursoes-viagens-homologacao .excursions-hero__title { font-size: 32px; font-weight: 800; letter-spacing: 0.5px; line-height: 1.15; margin-bottom: 16px; } .page-excursoes-viagens-homologacao .excursions-hero__text { font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin-bottom: 40px; } .page-excursoes-viagens-homologacao .excursions-hero__stats { display: flex; align-items: center; justify-content: center; gap: 32px; flex-wrap: wrap; } .page-excursoes-viagens-homologacao .excursions-hero__stat { display: flex; flex-direction: column; align-items: center; } .page-excursoes-viagens-homologacao .excursions-hero__stat strong { font-size: 22px; font-weight: 800; color: var(--excursions-orange-alt); margin-bottom: 4px; } .page-excursoes-viagens-homologacao .excursions-hero__stat span { font-size: 11px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); } /* ===== BUSCA ===== */ .page-excursoes-viagens-homologacao .excursions-search { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 12px; background: #fff; border-radius: 16px; box-shadow: 0 20px 45px rgba(0, 32, 63, 0.25); padding: 16px; margin: 40px auto -140px; max-width: 920px; } .page-excursoes-viagens-homologacao .excursions-search__field { display: flex; flex-direction: column; gap: 6px; flex: 1; } .page-excursoes-viagens-homologacao .excursions-search__field label { font-size: 12px; font-weight: 600; color: var(--excursions-text-light); text-align: left; } .page-excursoes-viagens-homologacao .excursions-search__field input, .page-excursoes-viagens-homologacao .excursions-search__field select { height: 44px; padding: 0 14px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; outline: none; background-color: #fff; font-size: 14px; color: var(--excursions-text); font-family: inherit; min-width: 0; } .page-excursoes-viagens-homologacao .excursions-search__field select { appearance: none; -webkit-appearance: none; -moz-appearance: none; font-weight: 700; cursor: pointer; padding-right: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23004b8e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; } .page-excursoes-viagens-homologacao .excursions-search__button { display: flex; align-items: center; justify-content: center; gap: 10px; border: none; border-radius: 10px; background-color: var(--excursions-orange); color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.3px; padding: 14px 20px; cursor: pointer; transition: filter 0.2s ease; } .page-excursoes-viagens-homologacao .excursions-search__button:hover { filter: brightness(1.05); } /* ===== PROGRAMAÇÃO ===== */ .page-excursoes-viagens-homologacao .excursions-programming { padding: 60px 0; background-color: var(--excursions-bg-light); } .page-excursoes-viagens-homologacao .excursions-programming__header { text-align: center; margin-bottom: 32px; } .page-excursoes-viagens-homologacao .excursions-programming__header h2 { font-size: 26px; font-weight: 700; color: var(--excursions-primary); margin-bottom: 8px; } .page-excursoes-viagens-homologacao .excursions-programming__header p { font-size: 14px; color: var(--excursions-text-light); margin: 0; } .page-excursoes-viagens-homologacao .excursions-programming__grid { display: grid; grid-template-columns: 1fr; gap: 24px; } .page-excursoes-viagens-homologacao .excursions-programming-item { display: flex; flex-direction: column; background-color: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 18px rgba(0, 32, 63, 0.08); text-decoration: none; color: inherit; transition: transform 0.25s ease, box-shadow 0.25s ease; } .page-excursoes-viagens-homologacao .excursions-programming-item:hover { transform: translateY(-4px); box-shadow: 0 10px 26px rgba(0, 32, 63, 0.14); } .page-excursoes-viagens-homologacao .excursions-programming-item__image { position: relative; aspect-ratio: 16 / 9; } .page-excursoes-viagens-homologacao .excursions-programming-item__image img { width: 100%; height: 100%; object-fit: cover; display: block; } .page-excursoes-viagens-homologacao .excursions-programming-item__badge { position: absolute; top: 14px; left: 14px; background-color: #468a2d; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 5px 12px; border-radius: 100px; } .page-excursoes-viagens-homologacao .excursions-programming-item__badge--sold-out { background-color: #d11515; } .page-excursoes-viagens-homologacao .excursions-programming__empty { text-align: center; font-size: 14px; color: var(--excursions-text-light); padding: 40px 0; } .page-excursoes-viagens-homologacao .excursions-programming-item__body { display: flex; flex-direction: column; flex: 1; padding: 20px; } .page-excursoes-viagens-homologacao .excursions-programming-item__body h3 { font-size: 17px; font-weight: 700; color: var(--excursions-text); margin-bottom: 4px; } .page-excursoes-viagens-homologacao .excursions-programming-item__local { display: block; font-size: 12px; color: var(--excursions-text-light); margin-bottom: 16px; } .page-excursoes-viagens-homologacao .excursions-programming-item__info { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .page-excursoes-viagens-homologacao .excursions-programming-item__info i { color: var(--excursions-primary); font-size: 12px; width: 14px; } .page-excursoes-viagens-homologacao .excursions-programming-item__info p { font-size: 13px; color: var(--excursions-text-light); margin: 0; } .page-excursoes-viagens-homologacao .excursions-programming-item__info p strong { color: var(--excursions-text); font-weight: 600; } .page-excursoes-viagens-homologacao .excursions-programming-item__price { margin: 16px 0; } .page-excursoes-viagens-homologacao .excursions-programming-item__price span { display: block; font-size: 12px; color: var(--excursions-text-light); margin-bottom: 2px; } .page-excursoes-viagens-homologacao .excursions-programming-item__price strong { font-size: 20px; font-weight: 800; color: var(--excursions-primary); } .page-excursoes-viagens-homologacao .excursions-programming-item__button { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: auto; padding: 12px 0; border-radius: 10px; background-color: var(--excursions-primary); color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; } .page-excursoes-viagens-homologacao .excursions-programming-item:hover .excursions-programming-item__button { background-color: var(--excursions-primary-dark); } /* ===== DEPOIMENTOS ===== */ .page-excursoes-viagens-homologacao .excursions-testimonials { background-color: var(--excursions-primary); padding: 200px 0 60px; } .page-excursoes-viagens-homologacao .excursions-testimonials__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 32px; flex-wrap: wrap; } .page-excursoes-viagens-homologacao .excursions-testimonials__tag { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--excursions-orange-alt); margin-bottom: 8px; } .page-excursoes-viagens-homologacao .excursions-testimonials__title h2 { color: #fff; font-size: 24px; font-weight: 700; } .page-excursoes-viagens-homologacao .excursions-testimonials__nav { display: flex; gap: 10px; } .page-excursoes-viagens-homologacao .excursions-testimonials__arrow { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.4); background: transparent; cursor: pointer; transition: background-color 0.2s ease; } .page-excursoes-viagens-homologacao .excursions-testimonials__arrow:hover { background-color: rgba(255, 255, 255, 0.12); } .page-excursoes-viagens-homologacao .excursions-testimonials__list { display: grid; grid-template-columns: 1fr; gap: 20px; } .page-excursoes-viagens-homologacao .excursions-testimonials__item { display: none; background-color: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; padding: 28px; } .page-excursoes-viagens-homologacao .excursions-testimonials__item.is-visible { display: block; } .page-excursoes-viagens-homologacao .excursions-testimonials__item svg { margin-bottom: 16px; } .page-excursoes-viagens-homologacao .excursions-testimonials__item p { color: rgba(255, 255, 255, 0.9); font-size: 14px; line-height: 1.7; font-style: italic; margin-bottom: 20px; } .page-excursoes-viagens-homologacao .excursions-testimonials__author { display: flex; align-items: center; gap: 12px; } .page-excursoes-viagens-homologacao .excursions-testimonials__avatar { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.15); color: #fff; font-size: 14px; flex-shrink: 0; } .page-excursoes-viagens-homologacao .excursions-testimonials__author strong { display: block; color: #fff; font-size: 13px; font-weight: 700; } .page-excursoes-viagens-homologacao .excursions-testimonials__author small { display: block; color: rgba(255, 255, 255, 0.65); font-size: 12px; } /* ===== SERVIÇOS ===== */ .page-excursoes-viagens-homologacao .excursions-services { padding: 60px 0; background-color: #fff; } .page-excursoes-viagens-homologacao .excursions-services__header { text-align: center; margin-bottom: 32px; } .page-excursoes-viagens-homologacao .excursions-services__header h2 { font-size: 26px; font-weight: 700; color: var(--excursions-primary); margin-bottom: 8px; } .page-excursoes-viagens-homologacao .excursions-services__header p { font-size: 14px; color: var(--excursions-text-light); margin: 0; } .page-excursoes-viagens-homologacao .excursions-services__grid { display: grid; grid-template-columns: 1fr; gap: 16px; } .page-excursoes-viagens-homologacao .excursions-service-item { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; background-size: cover; background-position: center; } .page-excursoes-viagens-homologacao .excursions-service-item__overlay { position: absolute; inset: 0; opacity: 0.82; background-blend-mode: multiply; } .page-excursoes-viagens-homologacao .excursions-service-item--blue .excursions-service-item__overlay { background: linear-gradient(180deg, rgba(0, 75, 142, 0.55) 0%, rgba(0, 48, 92, 0.92) 100%); } .page-excursoes-viagens-homologacao .excursions-service-item--purple .excursions-service-item__overlay { background: linear-gradient(180deg, rgba(109, 40, 217, 0.55) 0%, rgba(76, 22, 158, 0.92) 100%); } .page-excursoes-viagens-homologacao .excursions-service-item--orange .excursions-service-item__overlay { background: linear-gradient(180deg, rgba(246, 139, 31, 0.55) 0%, rgba(180, 92, 12, 0.92) 100%); } .page-excursoes-viagens-homologacao .excursions-service-item--green .excursions-service-item__overlay { background: linear-gradient(180deg, rgba(31, 101, 6, 0.55) 0%, rgba(15, 56, 3, 0.92) 100%); } .page-excursoes-viagens-homologacao .excursions-service-item__content { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 20px; color: #fff; } .page-excursoes-viagens-homologacao .excursions-service-item__content h3 { font-size: 18px; font-weight: 700; margin-bottom: 6px; } .page-excursoes-viagens-homologacao .excursions-service-item__content p { font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.85); margin-bottom: 12px; } /* ===== GALERIA ===== */ .page-excursoes-viagens-homologacao .excursions-gallery { padding: 60px 0; background-color: var(--excursions-bg-beige); } .page-excursoes-viagens-homologacao .excursions-gallery__header { text-align: center; margin-bottom: 32px; } .page-excursoes-viagens-homologacao .excursions-gallery__tag { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--excursions-primary); margin-bottom: 8px; } .page-excursoes-viagens-homologacao .excursions-gallery__header h2 { font-size: 26px; font-weight: 700; color: var(--excursions-orange); margin-bottom: 8px; } .page-excursoes-viagens-homologacao .excursions-gallery__header p { font-size: 14px; color: var(--excursions-text-light); margin: 0; } .page-excursoes-viagens-homologacao .excursions-gallery__grid { display: grid; grid-template-columns: 1fr; gap: 20px; } .page-excursoes-viagens-homologacao .excursions-gallery-item { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; text-decoration: none; cursor: zoom-in; } .page-excursoes-viagens-homologacao .excursions-gallery-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .page-excursoes-viagens-homologacao .excursions-gallery-item:hover img { transform: scale(1.05); } /* ===== NOTÍCIAS ===== */ .page-excursoes-viagens-homologacao .excursions-news { padding: 60px 0 80px; background-color: var(--excursions-bg-light); } .page-excursoes-viagens-homologacao .excursions-news__empty { text-align: center; font-size: 14px; color: var(--excursions-text-light); padding: 40px 0; } .page-excursoes-viagens-homologacao .excursions-news__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 32px; flex-wrap: wrap; } .page-excursoes-viagens-homologacao .excursions-news__tag { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--excursions-primary); margin-bottom: 8px; } .page-excursoes-viagens-homologacao .excursions-news__title h2 { font-size: 24px; font-weight: 700; color: var(--excursions-text); } .page-excursoes-viagens-homologacao .excursions-news__more { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; color: var(--excursions-primary); text-decoration: none; white-space: nowrap; } .page-excursoes-viagens-homologacao .excursions-news__more i { color: var(--excursions-orange); transition: margin-left 0.3s ease; } .page-excursoes-viagens-homologacao .excursions-news__more:hover i { margin-left: 6px; } .page-excursoes-viagens-homologacao .excursions-news__grid { display: grid; grid-template-columns: 1fr; gap: 24px; } /* ===== RESPONSIVO (breakpoints iguais ao tema: 600 / 900 / 1200) ===== */ @media (min-width: 600px) { .page-excursoes-viagens-homologacao .excursions-search { flex-direction: row; align-items: flex-end; } .page-excursoes-viagens-homologacao .excursions-search__button { flex-shrink: 0; height: 44px; } .page-excursoes-viagens-homologacao .excursions-services__grid, .page-excursoes-viagens-homologacao .excursions-news__grid, .page-excursoes-viagens-homologacao .excursions-programming__grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 900px) { .page-excursoes-viagens-homologacao .excursions-hero__title { font-size: 44px; } .page-excursoes-viagens-homologacao .excursions-testimonials__list { grid-template-columns: repeat(2, 1fr); } .page-excursoes-viagens-homologacao .excursions-testimonials__item { display: none; } .page-excursoes-viagens-homologacao .excursions-testimonials__item.is-visible { display: block; } .page-excursoes-viagens-homologacao .excursions-gallery__grid { grid-template-columns: repeat(3, 1fr); } .page-excursoes-viagens-homologacao .excursions-news__grid { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .page-excursoes-viagens-homologacao .excursions-hero { padding: 100px 0 150px; min-height: 560px; } .page-excursoes-viagens-homologacao .excursions-hero__title { font-size: 52px; } .page-excursoes-viagens-homologacao .excursions-search { margin: 40px auto -70px; } .page-excursoes-viagens-homologacao .excursions-testimonials { padding: 130px 0 80px; } .page-excursoes-viagens-homologacao .excursions-services__header, .page-excursoes-viagens-homologacao .excursions-gallery__header { text-align: left; } .page-excursoes-viagens-homologacao .excursions-services__grid { grid-template-columns: repeat(4, 1fr); } .page-excursoes-viagens-homologacao .excursions-programming__grid { grid-template-columns: repeat(3, 1fr); } }