/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 10 2026 | 00:19:01 */
.elementor-button-content-wrapper {
	align-items: center;
}

.elementor-field-type-checkbox span.elementor-field-option,.elementor-field-type-acceptance  span.elementor-field-option {
    display: flex;
}

.elementor-button {
	border-radius:4px !important;
	
}
/* INÍCIO - Botões */
.btn-white-gray a {
    font-size: 14px !important;
    padding: 8px 12px !important;
	border-radius:4px !important;
}

.btn-white-gray a:hover svg path {
    stroke: #797979 !important;
    fill: none !important;
}

.btn-yellow a {
    border-radius: 2px !important;
    background: #EEC437 !important;
    box-shadow: 0 1px 2px 0 rgba(37, 37, 37, 0.04) !important;
    padding: 8px 12px !important;
	border-radius:4px!important;
}

.btn-yellow a .elementor-button-text {
    color: #151515 !important;
    text-align: center !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 150% !important;
}

.btn-yellow a .elementor-button-icon svg {
    width: 24px !important;
    height: 24px !important;
}

.btn-yellow a:hover {
    background: #F4D25B !important;
    box-shadow: 0 1px 2px 0 rgba(37, 37, 37, 0.04) !important;
}

.btn-yellow a:hover svg path {
    fill: none !important;
}

.icon-card-btn a:hover {
    box-shadow: 0 1px 2px 0 rgba(37, 37, 37, 0.1) !important;
}

.btn-text-gray:hover svg path,
.icon-card-btn a:hover svg path {
    stroke: #797979 !important;
}

/* FIM - Botões */

/* INÍCIO - Formulário da Newsletter */
.newsletter-form .elementor-field-group-email {
    position: relative;
}

.newsletter-form .elementor-field-group-email::before {
    content: "";
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url('https://dev.creativetm.co/makespace/wp-content/uploads/2025/09/icon-mail-grey.svg') no-repeat center;
    background-size: contain;
    pointer-events: none;
    /* não atrapalha o clique no input */
}

.newsletter-form .elementor-field-group-email .elementor-field {
    padding-left: 44px;
    /* dá espaço pro texto dentro do input */
}

/* FIM - Formulário da Newsletter */

/* INÍCIO - Formulário de Contato */
.contact-form button svg * {
    fill: none !important;
}

.contact-form .elementor-field.elementor-size-md.elementor-field-textual {
    padding: 16px !important;
}

.contact-form .elementor-select-wrapper .elementor-field-textual.elementor-size-md {
    padding: 16px;
}

.form-terms {
    color: #151515 !important;
    text-decoration: none !important;
}

.form-terms:hover {
    color: #151515 !important;
    text-decoration: underline !important;
}

/* garante que o wrapper posicione o contador */
.contact-form .textarea-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* contador dentro do textarea */
.contact-form .character-counter {
    position: absolute;
    bottom: -4px;
    /* distância do fundo */
    right: 12px;
    /* distância da direita */
    font-size: 12px;
    color: #797979;
    pointer-events: none;
    /* não interfere no clique/digitação */
}

/* Focus State/Primary – aplica a inputs e textareas */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
textarea:focus {
    border-radius: 2px;
    border: 1.5px solid #EEC437 !important;
    background: #FFF;
    box-shadow: 0 0 0 4px rgba(243, 219, 36, 0.16), 0 1px 2px 0 rgba(37, 37, 37, 0.04) !important;
}


@media (max-width: 1024px) {
    .contact-form .elementor-field-subgroup .elementor-field-option {
        flex-basis: 100% !important;
    }
	
}

@media (min-width: 1025px) {
	.contact-form .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option {
    flex-basis: 50% !important;
	}
}

/* FIM - Formulário de Contato */

/* INÍCIO - Sombreamentos */
.shadow-01 {
    box-shadow: 0 1px 2px 0 rgba(13, 13, 13, 0.1) !important;
}

.shadow-02 {
    box-shadow: 0 1px 3px 0 rgba(13, 13, 13, 0.1) !important;
}

.shadow-03 {
    box-shadow: 0 1px 2px 0 rgba(13, 13, 13, 0.1) !important;
}

.shadow-04 {
    box-shadow: 0 1px 2px 0 rgba(13, 13, 13, 0.1) !important;
}

/* FIM - Sombreamentos */

/* INÍCIO - Checkboxes e radio buttons */
/* Reset padrão para radio/checkbox */
input[type="radio"],
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    position: relative;
    padding-left: 28px;
    /* espaço pro ícone */
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    line-height: 1.4;
}

/* ------------------------ */
/* RADIO BUTTON */
/* ------------------------ */
/* ------------------------ */
/* RADIO BUTTON */
/* ------------------------ */
input[type="radio"]+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    transition: all 0.25s ease;
    box-shadow: 0 0 0 1.5px rgba(121, 121, 121, 0.16);
}

input[type="radio"]:not(:checked):hover+label::before {
    background: rgba(121, 121, 121, 0.16);
    border-color: rgba(121, 121, 121, 0.16);
    border: 5px solid #fff;
    box-shadow: 0 0 0 1.5px rgba(121, 121, 121, 0.16);
}

/* Selecionado */
input[type="radio"]:checked+label::before {
    background: #fff;
    border-color: #EEC437;
    border: 5px solid #EEC437;
    box-shadow: 0 0 0 1.5px #EEC437;
}

/* Hover quando selecionado */
input[type="radio"]:checked:hover+label::before {
    background: #fff;
    border-color: rgba(174, 158, 13, 1);
    border: 5px solid rgba(174, 158, 13, 1);
    box-shadow: 0 0 0 1.5px rgba(174, 158, 13, 1);
}


/* ------------------------ */
/* CHECKBOX */
/* ------------------------ */
input[type="checkbox"]+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1.5px solid rgba(121, 121, 121, 0.16);
    background: #fff;
    transition: all 0.25s ease;
}

input[type="checkbox"]+label::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-55%) rotate(-45deg);
    width: 8.5px;
    height: 5px;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transition: all 0.25s ease;
}

/* Hover - não selecionado */
input[type="checkbox"]:not(:checked):hover+label::after {
    border-left-color: rgba(121, 121, 121, 0.16);
    border-bottom-color: rgba(121, 121, 121, 0.16);
}

/* Selecionado */
input[type="checkbox"]:checked+label::before {
    background: #EEC437;
    border-color: #EEC437;
}

input[type="checkbox"]:checked+label::after {
    border-left-color: #fff;
    border-bottom-color: #fff;
}

/* Hover quando selecionado */
input[type="checkbox"]:checked:hover+label::before {
    background: rgba(174, 158, 13, 1);
    border-color: rgba(174, 158, 13, 1);
}

/* FIM - Checkboxes e radio buttons */


/* INÍCIO - Inputs e textareas */
/* ---------------------------- */
/* INPUTS E TEXTAREAS GLOBAIS  */
/* ---------------------------- */

/* Hover */
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="password"]:hover,
input[type="url"]:hover,
input[type="number"]:hover,
textarea:hover {
    border-radius: 2px;
    border: 1.5px solid #FBF177 !important;
    background: #fff;

    /* Shadows/shadow-xs */
    box-shadow: 0 1px 2px 0 rgba(37, 37, 37, 0.1);
}

/* Focus */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
textarea:focus {
    outline: none;
    /* remove o outline padrão do browser */
    border-radius: 2px;
    border: 1.5px solid #EEC437 !important;
    background: #fff;

    /* Focus State/Primary */
    box-shadow:
        0 0 0 4px rgba(243, 219, 36, 0.16),
        0 1px 2px 0 rgba(37, 37, 37, 0.1);
}

/* FIM - Inputs e textareas */

.max-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* número de linhas permitidas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* INICIO - Select em categoria */
.category-select-order .jet-sorting.jet-sorting--flex-column {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.category-select-order .jet-sorting.jet-sorting--flex-column .jet-sorting-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    color: #797979;
    font-family: "Karla", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.category-select-order .jet-sorting.jet-sorting--flex-column .jet-sorting-select {
    border: none;
    color: #151515;
    font-family: "Karla", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    padding: 0 !important;
}

.mobile-flex {
    display: none;
}


@media(max-width: 768px) {
    .mobile-flex {
        display: flex;
    }
}
/* FIM - Select em categoria */

.btn-yellow.size-16-24 a {
    padding: 17px 24px !important;
}