/*
 Theme Name:   Miguel Arruda
 Theme URI:    #
 Description:  Tema filho para o tema Hello Elementor
 Author:       Raul Tribuzi
 Author URI:   #
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  miguel-arruda
*/
.form{
    clip-path: polygon( 50.312% 100%,50.312% 100%,45.476% 100%,40.64% 100%,35.804% 100%,30.967% 100%,26.131% 100%,21.295% 100%,16.459% 100%,11.623% 100%,6.787% 100%,1.951% 100%,1.951% 100%,1.707% 99.981%,1.488% 99.922%,1.295% 99.825%,1.128% 99.689%,0.987% 99.514%,0.871% 99.3%,0.781% 99.048%,0.716% 98.756%,0.677% 98.426%,0.664% 98.056%,0.664% 98.056%,0.664% 88.554%,0.664% 79.052%,0.664% 69.549%,0.664% 60.047%,0.664% 50.544%,0.664% 41.042%,0.664% 31.54%,0.664% 22.037%,0.664% 12.535%,0.664% 3.033%,0.664% 3.033%,0.678% 2.644%,0.721% 2.296%,0.791% 1.989%,0.89% 1.723%,1.016% 1.498%,1.171% 1.314%,1.354% 1.17%,1.566% 1.068%,1.805% 1.006%,2.073% 0.985%,2.073% 0.985%,7.169% 0.985%,12.265% 0.984%,17.362% 0.984%,22.458% 0.983%,27.554% 0.983%,32.651% 0.983%,37.747% 0.984%,42.843% 0.985%,47.94% 0.987%,53.036% 0.99%,53.036% 0.99%,54.123% 1.037%,55.19% 1.179%,56.235% 1.417%,57.26% 1.75%,58.263% 2.182%,59.245% 2.713%,60.205% 3.344%,61.144% 4.076%,62.061% 4.91%,62.955% 5.848%,62.955% 5.848%,64.085% 7.109%,65.217% 8.365%,66.351% 9.617%,67.486% 10.865%,68.622% 12.112%,69.759% 13.359%,70.895% 14.606%,72.03% 15.854%,73.164% 17.105%,74.296% 18.36%,74.296% 18.36%,75.045% 19.145%,75.809% 19.851%,76.59% 20.474%,77.388% 21.015%,78.205% 21.471%,79.042% 21.84%,79.899% 22.122%,80.778% 22.315%,81.68% 22.416%,82.605% 22.424%,82.605% 22.424%,83.523% 22.393%,84.441% 22.372%,85.36% 22.36%,86.278% 22.356%,87.196% 22.358%,88.115% 22.365%,89.033% 22.374%,89.952% 22.384%,90.87% 22.394%,91.789% 22.403%,91.789% 22.403%,92.982% 22.53%,94.12% 22.886%,95.19% 23.458%,96.182% 24.233%,97.086% 25.196%,97.89% 26.335%,98.584% 27.637%,99.157% 29.088%,99.598% 30.675%,99.897% 32.384%,99.897% 32.384%,99.923% 32.608%,99.944% 32.833%,99.96% 33.059%,99.973% 33.287%,99.982% 33.516%,99.988% 33.745%,99.992% 33.974%,99.994% 34.204%,99.995% 34.433%,99.995% 34.661%,99.995% 34.661%,99.996% 41.008%,99.997% 47.355%,99.998% 53.702%,99.999% 60.049%,99.999% 66.396%,99.999% 72.743%,99.999% 79.09%,99.999% 85.437%,99.999% 91.784%,99.998% 98.131%,99.998% 98.131%,99.986% 98.485%,99.949% 98.802%,99.886% 99.082%,99.799% 99.325%,99.687% 99.53%,99.55% 99.699%,99.388% 99.83%,99.201% 99.924%,98.989% 99.98%,98.753% 100%,98.753% 100%,93.908% 100%,89.064% 100%,84.22% 100%,79.376% 100%,74.531% 100%,69.687% 100%,64.843% 100%,59.999% 100%,55.154% 100%,50.31% 100% );
}

.soluc .elementor-icon-list-icon{
    transform: rotate(-45deg)
}

.soluc .elementor-icon-list-text{
    text-decoration: underline !important;
}

.soluc li a{
    flex-direction: row-reverse;
    justify-content: left !important;
    gap: 3px;
}

.elementor-widget-theme-post-excerpt p {
    margin-bottom: 0px;
}

.cat{
    max-width: 55% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action{
    background-color: transparent;
    color: #FFF;
    font-family: "Outfit", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    fill: var(--e-global-color-a8d5c0a);
    color: var(--e-global-color-a8d5c0a);
    background-image: linear-gradient(100deg, #FE8C00 0%, #F83600 100%);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}
.action a{
    color: #FFF !important;
}
nav .action{
    margin-left: 30px !important;
}

#footer .menu-item{
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}
#footer .menu-item::after{
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 12px;
    width: 14px;
    height: 14px;
    border-radius: 50px;
    display: flex;
    padding-left: 1px;
    color: #FFF;
    rotate: -45deg;
}

#footer .elementor-form-fields-wrapper {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
    padding: 5px;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}

#footer .elementor-field-group-email {
  flex-grow: 1;
  margin: 0px;
}

#footer .elementor-field-group .elementor-field-textual:focus{
    box-shadow: none;
}

#footer #form-field-email {
  border: none;
  background-color: transparent;
  padding: 10px;
  color: #000;
}

#footer .elementor-field-type-submit {
    padding: 0px !important;
    margin: 0px !important;
    justify-content: flex-end;
    width: fit-content;
}

#footer .elementor-button {
  border-radius: 8px;
}



/* Dropdown Filtro Blog */
div:not(.custom-dropdown-options) > search.e-filter{
    display: none !important;
}

.custom-dropdown-wrapper {
    position: relative;
    font-family: var(--e-global-typography-primary-font-family);
    user-select: none;
    min-width: max-content;
}

.custom-dropdown-trigger {
    padding: 12px 42px 12px 20px;
    background-color: #ff9764;
    border-radius: 12px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #ffffff;
    transition: all 0.2s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.custom-dropdown-trigger::after {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.custom-dropdown-wrapper.is-open .custom-dropdown-trigger::after {
    transform: translateY(-50%) rotate(180deg);
}

.custom-dropdown-options {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.25);
    z-index: 1000;
    max-height: fit-content;
    border: none;
    min-width: max-content;
}

.custom-dropdown-wrapper.is-open .custom-dropdown-options {
    display: block;
}

.custom-dropdown-options .e-filter {
    overflow: hidden;
}

.custom-dropdown-options .e-filter-item {
display: block !important;
    width: 100% !important;
    padding: 10px 15px !important;
    background: none;
    border: none !important;
    text-align: left !important;
    cursor: pointer;
    font-size: 16px;
    color: #333 !important;
    white-space: nowrap !important;
}

.custom-dropdown-options .e-filter-item:hover {
    background-color: #ff976466 !important;
}


/* Toggle elegante com ícones */
.elementor-field-group-id .elementor-field-label {
    margin-bottom: 15px;
    font-weight: 600;
    color: #333;
}

.elementor-field-group-id .elementor-field-option {
    position: relative;
    margin: 0;
}

.elementor-field-group-id .elementor-field-option input[type="radio"] {
    display: none;
}

.elementor-field-group-id .elementor-field-option label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
    font-size: 15px;
    border-radius: 50px;
    margin: 0;
    color: #666;
    white-space: nowrap;
    border: 1px solid #ddd;
}

.elementor-field-group-id .elementor-field-option input[type="radio"]:checked + label {
    background-color: #4a5aec;
    color: white;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

.elementor-field-group-id .elementor-field-option label:hover:not(:has(input:checked + *)) {
    background-color: rgba(0, 0, 0, 0.05);
    color: #333;
}

.elementor-field-group-id .elementor-field-option input[type="radio"]:checked + label:hover {
    background-color: #4a5aec;
    color: white;
}

/* Ícones */
.elementor-field-group-id .elementor-field-option label i {
    font-size: 16px;
    transition: transform 0.2s ease;
}

.elementor-field-group-id .elementor-field-option label:hover i {
    transform: scale(1.1);
}

/* Esconde campos corporativos por padrão */
.elementor-field-group-empresa,
.elementor-field-group-cargo,
.elementor-field-group-servico_corporativo,
.elementor-field-group-outro_servico {
    display: none;
}

.elementor-field-group-servico_corporativo .elementor-field-subgroup{
    flex-direction: column;
    width: fit-content;
}

.elementor-field-group-servico_corporativo .elementor-field-option {
    flex-basis: auto;
    width: fit-content;
}

/*Faq*/
.e-n-accordion-item-title .e-n-accordion-item-title-icon {
    transition: transform 0.5s ease;
    transform-origin: center;
}

.e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon {
    transform: rotate(45deg);
}

.e-n-accordion-item-title[aria-expanded="false"] .e-n-accordion-item-title-icon {
    transform: rotate(0deg);
}

/*Inputs*/
.elementor-field-option{
    display: flex;
    gap: 5px;
    flex-direction: row;
    align-items: center;
}
.elementor-field-option{
    cursor: pointer;
    padding: 3px 6px;
    border-radius: 6px;
    transition: all 0.5s ease;
}
div.elementor-field-group:not(.elementor-field-group-id) .elementor-field-option:hover {
    background-color: #0077ff0f;
}

/* Reset e estilo base para inputs */
.elementor-field-group input[type="checkbox"],
.elementor-field-group input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 17px;
    height: 17px;
    margin: 0;
    padding: 0;
    outline: none;
    cursor: pointer;
    background: #fff;
    border: none;
    box-shadow: inset 0 0 0 1px #D1D6EE;
    transition: box-shadow 0.3s;
    border-radius: 6px; /* Checkbox padrão */
}

/* Radio - formato circular */
.elementor-field-group input[type="radio"] {
    border-radius: 50%;
}

/* Hover effect */
.elementor-field-group input[type="checkbox"]:hover,
.elementor-field-group input[type="radio"]:hover {
    box-shadow: inset 0 0 0 2px #BBC1E1;
}

/* Checked state */
.elementor-field-group input[type="checkbox"]:checked,
.elementor-field-group input[type="radio"]:checked {
    box-shadow: inset 0 0 0 2px #4a5aec;
    background-color: #4a5aec;
}

/* SVG checkmark usando pseudo-elemento */
.elementor-field-group input[type="checkbox"]::after,
.elementor-field-group input[type="radio"]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    transform: translate(-50%, -50%) scale(0);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3e%3cpolyline points='5 10.75 8.5 14.25 16 6' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3c/svg%3e");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: none;
}
.elementor-field-group input[type="radio"]::after{
    margin-top: 1px;
    width: 15px;
    height: 15px;
}

/* Animação bounce para checkbox */
.elementor-field-group input[type="checkbox"]:checked::after {
    animation: bounce 0.4s ease forwards;
}

/* Para radio, aparece sem animação */
.elementor-field-group input[type="radio"]:checked::after {
    animation: bounce 0.4s ease forwards;
    transform: translate(-50%, -50%) scale(1);
}

/* Keyframes para o efeito bounce */
@keyframes bounce {
    0% {
        transform: translate(-50%, -50%) scale(0);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
    }
    75% {
        transform: translate(-50%, -50%) scale(0.9);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

/* Ajuste para alinhar label corretamente */
.elementor-field-option label {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    user-select: none;
    line-height: 1.5;
}

/*Contato*/
.telefone-link:hover,
.email-copiar:hover{
    text-decoration: underline !important;
}

/*BTN botões Soluções*/
.btn {
    font-family: "Outfit", Sans-serif;
    font-weight: 500;
    line-height: 1;
    text-transform: capitalize;
    background-color: #ff894f;
    color: #FFFFFF;
    border-radius: 7px;
    padding: 10px 16px;
    text-decoration: none;
    display: inline-block;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  
}
.whatsapp {
  background-color: #25D366; 
}

.formu {
  background-color: #5a69ed; 
}
a.whatsapp:hover, a.formu:hover{
    color: #FFFFFF !important;
}
.btn.inline{
    margin: 0px 5px;
}

.btn i {
  margin-right: 5px;
}

.ico-rotate .elementor-button-icon{
    rotate: -45deg;
}

.shadow{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}