File manager - Edit - /var/www/html/homologParquetecmar/public/assets/css/pages/home.css
Back
/** * Página inicial (index) - Parque TecMar * Estilos específicos: hero, section tech/editais, contato, carrosséis. */ /* --- Seção tech (editais, áreas) --- */ .section-tech { background: rgb(0, 23, 45); position: relative; color: #fff; } .title-decretos { color: var(--bs-primary); } .line-tech { width: 40px; height: 2px; background: #0d6efd; } .card-tech { background: rgba(64, 102, 134, 0.2); border-radius: 18px; backdrop-filter: blur(8px); transition: all 0.35s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.08); } .card-tech:hover { transform: translateY(-6px); border-color: rgba(39, 86, 158, 0.6); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35); } .numero-lei { font-size: 0.85rem; font-weight: 600; color: #0d6efd; letter-spacing: 1px; text-transform: uppercase; } .card-tech .card-body, .card-tech .card-title, .card-tech .card-text, .card-tech .numero-lei { word-break: normal; overflow-wrap: break-word; } .btn-tech { transition: all 0.3s ease; } .btn-tech:hover { background-color: rgb(48, 78, 124); border-color: rgb(28, 56, 99); transform: translateY(-2px); } /* Cards de editais: área da imagem 5:4, preencher sem tarjas */ .card-tech .card-img-wrap { aspect-ratio: 5 / 4; width: 100%; overflow: hidden; flex-shrink: 0; background: rgba(255, 255, 255, 0.05); } .card-tech .card-img-wrap .card-img-top { width: 100%; height: 100%; object-fit: cover; object-position: center; } .card-tech .btn-edital-acessar { min-width: 140px; padding: 0.5rem 1.25rem; font-weight: 600; border-width: 2px; color: #212529; transition: all 0.25s ease; } .card-tech .btn-edital-acessar:hover { background-color: #0d6efd; border-color: #0d6efd; color: #fff; transform: translateY(-1px); } .card-tech .btn-edital-baixar { min-width: 120px; padding: 0.5rem 1.25rem; font-weight: 600; border-width: 2px; border-color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.9); color: #212529; transition: all 0.25s ease; } .card-tech .btn-edital-baixar:hover { background-color: #fff; border-color: #fff; color: #212529; transform: translateY(-1px); } .btn-institucional { box-shadow: 0 10px 25px rgba(13, 110, 253, 0.3); transition: all 0.3s ease; } .btn-institucional:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(13, 110, 253, 0.45); } /* --- Seção Faça parte do ecossistema (formulário de contato) --- */ .section-contato-ecossistema { background: linear-gradient(135deg, #00172d 0%, #0d3b66 100%); color: #fff; } .section-contato-ecossistema .form-control-ecossistema, .section-contato-ecossistema .form-select.form-control-ecossistema { background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px; padding: 0.65rem 1rem; } .section-contato-ecossistema .form-control-ecossistema:focus, .section-contato-ecossistema .form-select.form-control-ecossistema:focus { border-color: #C4D62D; box-shadow: 0 0 0 0.2rem rgba(196, 214, 45, 0.25); } .btn-ecossistema { background-color: #C4D62D; color: #1f2a2e; border: none; border-radius: 50px; padding: 0.75rem 2rem; font-weight: 600; transition: all 0.25s ease; } .btn-ecossistema:hover { background-color: #b0c026; color: #1f2a2e; transform: translateY(-2px); } /* --- Seção Notícias: cards no slider --- */ #noticias .featured-projects-slider .owl-stage-outer { padding-left: 0; padding-right: 0; } #noticias .featured-projects-slider .owl-item { padding: 0 4px; } #noticias .featured-projects-slider .owl-item .item { max-width: none; width: 100%; margin-left: 0; margin-right: 0; } #noticias .featured-projects-slider .portfolio-img::before { padding-top: 56%; } #noticias .featured-projects-slider .portfolio-details h5 { font-size: 1.05rem; line-height: 1.4; } /* --- Carrossel Editais (setas e mobile) --- */ #editais .carousel-container { position: relative; padding-left: 6rem; padding-right: 6rem; } @media (min-width: 768px) { #editais .carousel-container { padding-left: 8rem; padding-right: 8rem; } } @media (min-width: 992px) { #editais .carousel-container { padding-left: 10rem; padding-right: 10rem; } } #editais .carousel-control-prev, #editais .carousel-control-next { width: 3rem; height: 3rem; top: 50%; transform: translateY(-50%); bottom: auto; opacity: 1; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 50%; background: rgba(255, 255, 255, 0.06); transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } #editais .carousel-control-prev { left: -4.5rem; right: auto; } #editais .carousel-control-next { right: -4.5rem; left: auto; } @media (min-width: 768px) { #editais .carousel-control-prev { left: -6rem; } #editais .carousel-control-next { right: -6rem; } } @media (min-width: 992px) { #editais .carousel-control-prev { left: -7.5rem; } #editais .carousel-control-next { right: -7.5rem; } } #editais .editais-mobile-carousel.carousel-container { padding-left: 0; padding-right: 0; overflow: hidden; width: 100%; } #editais .editais-mobile-carousel .carousel, #editais .editais-mobile-carousel .carousel-inner { width: 100%; overflow: hidden; } #editais .editais-mobile-carousel .carousel-inner { display: flex !important; flex-wrap: nowrap !important; } #editais .editais-mobile-carousel .carousel-item { flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; overflow: hidden; box-sizing: border-box; } #editais .editais-mobile-carousel .carousel-item .container { max-width: 100%; width: 100%; box-sizing: border-box; } #editais .editais-mobile-carousel .carousel-item .row { width: 100%; } #editais .editais-mobile-carousel .carousel-item .col-12 { flex: 0 0 100%; max-width: 100%; width: 100%; } #editais .editais-mobile-carousel .card-tech { width: 100%; max-width: 100%; } #editais .editais-mobile-carousel .card-body, #editais .editais-mobile-carousel .card-title, #editais .editais-mobile-carousel .card-text { word-break: normal; overflow-wrap: break-word; } #editais .editais-mobile-carousel .card-tech .card-img-wrap { height: 220px; } #editais .editais-mobile-carousel .card-body { padding: 1.25rem 1rem 1.5rem; } #editais .editais-mobile-carousel .card-title { font-size: 1.15rem; line-height: 1.35; } #editais .editais-mobile-carousel .card-text { font-size: 0.95rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } #editais .editais-mobile-carousel .d-flex.flex-wrap.gap-2 { flex-direction: row; flex-wrap: wrap; gap: 0.5rem; } #editais .editais-mobile-carousel .btn-edital-acessar, #editais .editais-mobile-carousel .btn-edital-baixar { min-width: 0; flex: 1 1 auto; justify-content: center; padding: 0.5rem 1rem; font-size: 0.9rem; } #editais .editais-mobile-carousel .carousel-control-prev, #editais .editais-mobile-carousel .carousel-control-next { width: 2.5rem; height: 2.5rem; top: 50%; transform: translateY(-50%); opacity: 1; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 50%; background: rgba(255, 255, 255, 0.1); } #editais .editais-mobile-carousel .carousel-control-prev { left: 0.5rem; right: auto; } #editais .editais-mobile-carousel .carousel-control-next { right: 0.5rem; left: auto; } #editais .editais-mobile-carousel .carousel-control-prev .carousel-control-prev-icon, #editais .editais-mobile-carousel .carousel-control-next .carousel-control-next-icon { width: 1rem; height: 1rem; background-size: 1rem 1rem; } #editais .editais-mobile-carousel .carousel-indicators { margin-bottom: 0.5rem; } @media (max-width: 767px) { #editais { padding-bottom: 4rem !important; overflow-x: hidden; } #editais .carousel-container.d-none.d-md-block { display: none !important; } #editais .editais-mobile-carousel { display: block !important; } #editais .carousel-container.d-md-block .carousel-control-prev, #editais .carousel-container.d-md-block .carousel-control-next { width: 2.5rem; height: 2.5rem; left: 0.25rem; right: auto; } #editais .carousel-container.d-md-block .carousel-control-next { right: 0.25rem; left: auto; } #editais .carousel-container.d-md-block .carousel-control-prev .carousel-control-prev-icon, #editais .carousel-container.d-md-block .carousel-control-next .carousel-control-next-icon { width: 1rem; height: 1rem; background-size: 1rem 1rem; } #editais .text-center.mt-5 .btn { width: 100%; max-width: 100%; } } #editais .carousel-control-prev:hover, #editais .carousel-control-next:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.5); } #editais .carousel-control-prev .carousel-control-prev-icon, #editais .carousel-control-next .carousel-control-next-icon { width: 1.25rem; height: 1.25rem; background-size: 1.25rem 1.25rem; filter: none; } /* --- Hero: overlay e spin da folha --- */ .banner-section-overlay { background: rgba(0, 0, 0, 0.45); } .banner-section .hero-leaf-icon { filter: brightness(80%); } .banner-section .animate-spin { animation-duration: 8s; } /* --- Contato: iframe do mapa --- */ .contact-map-iframe { min-height: 450px; border: 0; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings