/*
Theme Name: Soluções Moderna
Theme URI: https://solucoesmoderna.com.br
Author: Soluções Moderna
Author URI: https://solucoesmoderna.com.br
Description: Tema base Soluções Moderna com header e footer customizados. Utiliza Elementor e ACF para conteúdo.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solucoesmoderna
*/

:root {
	--sm-blue: #05498c;
	--sm-blue-light: #32a5de;
	--sm-blue-soft: #0095db;
	--sm-yellow: #fdc500;
	--sm-yellow-soft: #ffe530;
	--sm-dark: #2a2a2a;
	--sm-gray: #64748b;
	--sm-light: #f1f5f9;
	--sm-white: #ffffff;
	--sm-magenta: #d9006f;
	--sm-green: #4caf4f;
	--sm-font: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--sm-font-heading: 'Poppins', 'Roboto', sans-serif;
	--sm-font-text: 'Roboto', 'Inter', sans-serif;
	--sm-font-secondary: 'Roboto Slab', serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	overflow-x: clip;
}

body {
	margin: 0;
	font-family: var(--sm-font-text);
	font-size: 16px;
	line-height: 1.6;
	color: var(--sm-dark);
	background-color: var(--sm-white);
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--sm-blue);
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover {
	color: var(--sm-blue-soft);
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em;
	font-family: var(--sm-font-heading);
	line-height: 1.2;
}

p {
	margin: 0 0 1em;
}

button,
input,
select,
textarea {
	font-family: inherit;
}

.site-content {
	min-height: 50vh;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	white-space: nowrap;
}

div#text-transformacao {
    opacity: 20%;
}

.elementor-custom-embed-image-overlay {
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    border-color: #32A5DE;
    border-radius: 36px 36px 36px 36px;
}

#content-text-badge-video {
    position: absolute;
    top: 20px;
    left: 60px;
    padding: 2px 14px;
    border-radius: 20px;
    z-index: 10;
    white-space: nowrap;
    width: fit-content;
}

#elemento-circulo-azul {
    mix-blend-mode: screen;
}

div#content-linhas-text {
    opacity: 1 !important;
}

.stick,
#stick,
[class^="stick"],
[id^="stick"] {
    opacity: 0 !important;
}

/* Section Post Home*/

/* container dos posts */

#content-posts{
  border-radius: 48px;
  background-color: #FBC600;
}

/* ============================= */
/* OCULTAR ÍCONE DA CATEGORIA */
/* ============================= */

#slider-de-posts .post-meta-categories .meta-cat-icon{
  display: none;
}


/* ============================= */
/* LISTA DE CATEGORIAS */
/* ============================= */

#slider-de-posts .post-meta-categories{
  list-style: none;
  padding: 0;
  margin: 8px 0 0 0;

  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}


/* ============================= */
/* BADGE BASE */
/* ============================= */

#slider-de-posts .post-meta-categories li a{

  font-family: "Work Sans", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px;

  color: #ffffff !important;

  padding: 4px 10px;

  border-radius: 4px;

  display: inline-block;

  text-decoration: none;

  line-height: 1.2;
}


/* ============================= */
/* CORES DAS BADGES */
/* ============================= */

/* 1 */

#slider-de-posts .post-meta-categories li:nth-child(2) a{
  background: #CB30E0;
}

/* 2 */

#slider-de-posts .post-meta-categories li:nth-child(3) a{
  background: #FF383C;
}

/* 3 */

#slider-de-posts .post-meta-categories li:nth-child(4) a{
  background: #A1C85E;
}

/* 4 */

#slider-de-posts .post-meta-categories li:nth-child(5) a{
  background: #FF8D28;
}

#box-posts {
    position: relative;
}

#content-badge-blog {
    position: absolute;
    top: -12px;
    left: 50px;
    background: #32A5DE;
    color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    z-index: 5;
    white-space: nowrap;
}

#content-posts {
    border-radius: 48px;
    background-color: #FBC600 !important;
}

#content-posts {
    border: 4px solid #32A5DE !important;
    border-radius: 36px !important;
    padding: 48px 32px 32px 32px !important;
    
}

#content-badge-blog {
    display: flex !important;
    align-items: center !important;
    height: 44px !important;
    width: 270px !important;
}

/* ============================= */
/* MOBILE */
/* ============================= */
@media (max-width: 767px) {
.elementor-element.elementor-element-6355770.icon-arrow.elementor-view-default.elementor-widget.elementor-widget-icon,
.elementor-element.elementor-element-6b5e34e.elementor-widget__width-auto.elementor-widget.elementor-widget-heading {
    margin-top: -10px;
}
}

#abrir-modal-rd {
    cursor: pointer;
}

.sm404-number {
    font-size: 170px;
    font-weight: 800;
    line-height: 1;
    color: #FFC107;
    margin-bottom: 15px;
}

.sm404-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
}

.sm404-text {
    max-width: 700px;
    margin: auto;
    font-size: 18px;
    line-height: 1.8;
    opacity: .9;
}

.sm404-buttons {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.sm404-primary {
    background: #FFC107;
    color: #003A70;
}

.banner-destaque-post img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--blog-radius);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
  object-fit: cover;
}