@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* Define o tamanho da fonte raiz para o elemento */ html main { font-size: 16px; /* Defina o tamanho da fonte raiz para 1rem */ } /* Estilos para títulos h1 a h6 */ main h1, main h2, main h3, main h4, main h5, main h6 { font-weight: bold; line-height: 1; position: relative; font-family: 'Poppins', sans-serif; } main h1 { font-size: 2.9rem; } main h2 { font-size: 4rem; } main h1 span, main h2 span { display: block; font-size: 1.2rem; font-family: 'Poppins', sans-serif; } main h3 { font-size: 3rem; } main h3 span { display: block; font-size: 1rem; } main p { font-size: 1.2rem; font-family: 'Poppins', sans-serif; } main a { font-size: 1rem; font-family: 'Poppins', sans-serif; } /* Styles css personalizados a partir daqui */ .height-100 { height: 100%; } .btn-ver-mais-informacao { height: 50px; width: 50px; background: white; position: absolute; bottom: 20px; right: 20px; border-radius: 50%; display: flex; align-items: center; z-index: 5; transition: 0.5s; } .btn-ver-mais-informacao.dark { background: #3B3756; } .btn-ver-mais-informacao.active { transform: rotate(45deg); transition: 0.5s; } .btn-ver-mais-informacao img, .btn-ver-mais-informacao svg { height: 40px; display: flex; margin: 0 auto; width: 40px; } .box-ver-mais-informacao { position: absolute; top: 10%; left: 5%; padding: 40px; background: white; height: 100%; opacity: 0; transition: 0.5s; z-index: -1; } .btn-ver-mais-informacao:active+.box-ver-mais-informacao { opacity: 1; } .btn-ver-mais-informacao.active+.box-ver-mais-informacao { top: 0; left: 0; overflow: auto; z-index: 4; } .head-box-ver-mais, .box-com-img-left { display: flex; gap: 10px; align-items: center; } .head-box-ver-mais img, .box-com-img-left img, .box-com-img-top img, .box-com-img-right img { width: 80px; height: auto; } .box-com-img-left p, .box-com-img-top p, .box-com-img-right p { font-size: 15px; margin: 0; } .box-com-img-top { text-align: center; gap: 10px; display: flex; flex-direction: column; align-items: center; } .box-com-img-right { display: flex; flex-direction: row-reverse; gap: 10px; align-items: center; text-align: end; } .modal-universal .modal-dialog { max-width: 80%; margin: 0 auto; margin-top: 5%; } .dp-lg-none { display: none; } .exibicao-stella .slick-dots li button:before, .logo-antiga-nova .slick-dots li button:before, .emojis-stella .slick-dots li button:before, .canecas-stella .slick-dots li button:before, .motion-graphic-videos-santa-se .slick-dots li button:before, .landing-pages-santa-se .slick-dots li button:before, .papelaria-santa-se .slick-dots li.slick-active button:before, .papelaria-santa-se .slick-dots li:hover button:before, .santa-se-posts-sociais .slick-dots li button:before, .santa-se-posts .slick-dots li button:before, .santa-se-posts-reels .slick-dots li button:before { color: #FFFFFF !important; opacity: 1; } .logo-antiga-nova .slick-dots li.slick-active button:before, .logo-antiga-nova .slick-dots li:hover button:before, .emojis-stella .slick-dots li.slick-active button:before, .emojis-stella .slick-dots li:hover button:before, .canecas-stella .slick-dots li.slick-active button:before, .canecas-stella .slick-dots li:hover button:before, .papelaria-santa-se .slick-dots li button:before { color: #66AAFF !important; } .exibicao-stella .slick-dots li.slick-active button:before, .exibicao-stella .slick-dots li:hover button:before, .motion-graphic-videos-santa-se .slick-dots li.slick-active button:before, .motion-graphic-videos-santa-se .slick-dots li:hover button:before, .landing-pages-santa-se .slick-dots li.slick-active button:before, .landing-pages-santa-se .slick-dots li:hover button:before, .santa-se-posts-sociais .slick-dots li.slick-active button:before, .santa-se-posts-sociais .slick-dots li:hover button:before, .santa-se-posts .slick-dots li.slick-active button:before, .santa-se-posts .slick-dots li:hover button:before, .santa-se-posts-reels .slick-dots li.slick-active button:before, .santa-se-posts-reels .slick-dots li:hover button:before { color: #003D86 !important; } .gap-40 { gap: 40px; } .dots-p-0 .slick-list { padding-bottom: 0 !important; } .font-imagem { font-size: 250px; font-family: 'Poppins', sans-serif; color: white; } .font-image-1 { color: #66aaff; position: relative; right: 50px; } .btn-ver-mais-informacao.active+.box-ver-mais-informacao { width: inherit; } .slider__item { border-radius: 0; } .santa-se-posts-sociais img.img-cases-marcas, .edicao-de-imagens img.img-cases-marcas { max-width: 400px; margin: 0 auto; } .stories-e-reels-stella .carrousel-conteudo-cases-marcas { max-width: 250px; } swiper-container { width: 100%; height: 100%; } .swiper-edicao-de-imagem swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-santa-se-post{ border-radius: 20px; overflow: hidden; } .swiper-santa-se-post img { max-width: 400px; margin: 0 auto; } .stories-e-reels-stella video, .swiper-stories-e-reels-santa-se video { max-width: 250px !important; display: block; margin: 0 auto; } .swiper-motion-graphic video { width: 100%; margin: 0 auto; display: block; max-height: 390px; max-width: 700px; } .swiper-emoji-estella img, .swiper-caneca-estella img, .swiper-logos-antiga-e-nova img, .swiper-canecas-santa-se img, .swiper-materiais-santa-se img, .swiper-post-santa-se img, img.antes-depois-redes-sociais-santa-se, .swiper-ape-dos-sonhos img, .swiper-post-continuo img { max-width: 400px; margin: 0 auto; } .swiper-edicao-de-imagem img { object-fit: contain; } .swiper-landing-page-santa-se swiper-slide { max-height: 390px; overflow: auto; } .vm-ape-dos-sonhos { max-height: 400px; overflow: auto; max-width: 400px; margin: 0 auto; } .swiper-rebranding-santa-se img { max-width: 700px; margin: 0 auto; } .height-lg-500 { height: 500px; display: flex; align-items: center; } .destaque-carrousel { position: absolute; right: 1%; margin: 0 auto; display: flex; z-index: 2; height: 100%; width: 100%; bottom: 1%; pointer-events: none; } .destaque-carrousel img { width: 100px; right: 0; position: absolute; bottom: 0; } .swiper-rebranding-santa-se { max-width: 700px; margin: 0 auto; } .swiper-emoji-estella, .swiper-caneca-estella, .swiper-canecas-santa-se, .swiper-materiais-santa-se, .swiper-santa-se-post, .swiper-post-santa-se, .swiper-post-continuo, .swiper-ape-dos-sonhos { max-width: 400px; margin: 0 auto; } .swiper-slide{ flex-shrink: 100 !important; width: fit-content; } .md-dp-block { display: none; } .mini-o-ape-dos-meus-sonhos{ max-width: 300px; margin: 0 auto; display: flex; } .text-md-dp-block { display: none; } .swiper-logos-antiga-e-nova { max-width: 400px; margin: 0 auto; } .max-width-400{ max-width: 400px; } .template-social { background: #eaeae9; padding: 50px 10px; max-width: 450px; margin: 0 auto; border-radius: 20px; position: relative; } .template-social swiper-slide img { max-width: 450px; } .header-template-social { position: absolute; top: 0; left: 0; width: 100%; height: 50px; } .footer-template-social{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; } .header-template-social-content, .footer-template-social-content{ display: flex; justify-content: space-between; padding: 0 10px; height: 50px; align-items: center; } .header-template-social-content img, .footer-template-social-content img{ max-width: 50px; max-height: 40px; } .swiper-posts-redes-sociais { padding: 0; border-radius: 20px; overflow: hidden; } .swiper-motion-graphic { max-width: 700px; margin: 0 auto; } .swiper-stories-e-reels-santa-se{ max-width: 250px; } @media(min-width: 992.85px) { .order-md-1, .order-md-2, .order-md-3 { order: unset !important; } } @media (max-width: 1250.85px) { main h2 { font-size: 3rem; } main h3 { font-size: 2.8rem; } } @media (max-width: 992.85px) { .text-md-dp-block { display: block; } .text-md-dp-none { display: none; } .height-lg-500 { height: auto; } swiper-container { height: fit-content; } .swiper-emoji-estella img, .swiper-caneca-estella img, .swiper-logos-antiga-e-nova img, .swiper-canecas-santa-se img, .swiper-materiais-santa-se img, .swiper-post-santa-se img, img.antes-depois-redes-sociais-santa-se, .swiper-ape-dos-sonhos img, .swiper-post-continuo img { max-width: 400px; height: auto; } .swiper-rebranding-santa-se img { max-height: 350px; margin: 0 auto; } .md-column-break { flex-direction: column; } .carrousel-cases-marcas img, img.img-cases-marcas { max-width: 400px; margin: 0 auto; max-height: 400px; } .carrousel-cases-marcas { padding-bottom: 30px; } img.img-logo-cases, img.hotsite-lps-santa-se, img.cartao-de-visita-santa-se { max-width: 400px; margin: 0 auto; display: flex; } img.bolha-case-de-sucesso { opacity: 0.6; } .cases-de-sucesso .slick-list { margin-right: 0; } .dp-lg-none { display: block; } .dp-md-none { display: none; } main a { font-size: 0.8rem; } main h3 { font-size: 2.2rem; } swiper-container { padding-bottom: 30px; } .md-column{ flex-direction: column; } .md-gap-0{ gap: 0 !important; } .font-imagem { line-height: 1; } } @media (max-width:768.85px) { .destaque-carrousel { display: none; } img.bolha-case-de-sucesso { opacity: 0.2; } .head-box-ver-mais, .box-com-img-left { flex-direction: column; text-align: center; } img.antes-depois-redes-sociais-santa-se { max-width: 100%; } main h1, main h2, main h3 { font-size: 2.5rem; } img.img-logo-cases { max-width: 100%; } main p { font-size: 1rem; } .btn-ver-mais-informacao, .btn-plus-popup-modal, .modal-body-ver-mais button { width: 40px; height: 40px; bottom: 15px; right: 15px; } .btn-ver-mais-informacao img, .btn-plus-popup-modal img, .btn-plus-popup-modal svg, .modal-body-ver-mais button img, .btn-ver-mais-informacao svg, .modal-body-ver-mais button img, .modal-body-ver-mais button svg { width: 30px; height: 30px; } .mobile-pd-40-10 { padding: 40px 10px; overflow-x: hidden !important; } } @media (max-width: 620.85px) { .mini-o-ape-dos-meus-sonhos { max-width: 100%; } } @media (max-width: 570.85px) { main h1 span, main h2 span { display: block; font-size: 1rem; } main h1, main h2, main h3 { font-size: 2rem; } .modal-ver-mais-informacao { max-width: 95%; } } @media (max-width: 420px) { main h1, main h2, main h3 { font-size: 1.8rem; } }