/* 
Theme Name: Hiper comunicação empresarial
Theme URI: https://hipertextoweb.com.br
Description: Tema personalizado para o site da Hiper
Author: Fred Peres
Author URI: https://fredperes.net
Template: hello-elementor
Version: 2.0.0
Text Domain: hiper
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

#hero{overflow-x:hidden}

/* Estilos para o Archive de Cases */
.hiper-archive-cases {
    padding: 60px 0;
}

.featured-cases-section,
.regular-cases-section {
    margin-bottom: 50px;
}

.featured-cases-title,
.regular-cases-title {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
}

.featured-cases-title:after,
.regular-cases-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(to right, #00375c, #003a61);
}

.case-card {
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.case-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.featured-case-item .case-card {
    border: 2px solid #00375c;
}

.case-thumbnail {
    position: relative;
    overflow: hidden;
}

.case-thumbnail img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.case-card:hover .case-thumbnail img {
    transform: scale(1.05);
}

.featured-case-item .case-thumbnail:before {
    content: 'Destaque';
    position: absolute;
    top: 10px;
    right: 10px;
    background: #00375c;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    z-index: 1;
}

.case-content {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.case-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
}

.case-title a {
    color: #00375c;
    text-decoration: none;
    transition: color 0.3s ease;
}

.case-title a:hover {
    color: #003a61;
}

.case-excerpt {
    margin-bottom: 20px;
    color: #666;
    flex-grow: 1;
}

.read-more {
    display: inline-block;
    padding: 8px 20px;
    background: linear-gradient(to right, #00375c, #003a61);
    color: white;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s ease, transform 0.3s ease;
    align-self: flex-start;
}

.read-more:hover {
    background: linear-gradient(to right, #003a61, #00375c);
    transform: translateY(-2px);
    color: white;
}


#topo-efeito {
        height:100%;
        width:100vw;
        overflow:hidden;
}

.featured-image-case {
    position: relative;
    overflow: hidden;
}

.featured-image-case img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
    width: 100%;
    height: 246px;
    object-fit: cover;
}

.featured-image-case::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, #0D243E, #B1BEF5);
    mix-blend-mode: multiply;
    z-index: 1;
    pointer-events: none;
}

/* Opcional: Efeito hover para remover grayscale */
.featured-image-case:hover img {
    filter: grayscale(0%);
}

/* Opcional: Reduzir opacidade do gradiente no hover */
.featured-image-case:hover::before {
    opacity: 0;
    transition: opacity 0.3s ease;
}

@media screen and (max-width: 767px) {
    #topo{overflow-x:hidden}

    #topo-efeito {
        height: 750px;
    }
}


.blob-outer-container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    inset: 0;
    margin: auto;
    filter: blur(80px); /* Reduzi um pouco o blur para ser menos intenso */
    opacity: 0.7; /* Adicionei opacidade para suavizar o efeito */
}

.blob-inner-container {
    border-radius: 99999px;
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100vw;
    height: 100vh;
    min-width: 1000px;
    overflow: hidden;
    transform: scale(0.8);
}

.blob {
    position: absolute;
    width: 100vw;
    height: 100vh;
    inset: 0;
    margin: auto;
    /* Paleta monocromática de azuis da Hipertexto */
    background: conic-gradient(
        from 0deg,
        #0D243E, /* Azul escuro */
        #1B3665, /* Azul um pouco mais claro */
        #2D5298, /* Azul médio */
        #3C8BCF, /* Azul mais claro */
        #6A99D0, /* Azul claro */
        #B1BEF5, /* Azul muito claro */
        #0D243E  /* Volta para o azul escuro */
    );
    animation: spinBlob 15s linear infinite; /* Deixei mais lento para um efeito mais suave */
}

@keyframes spinBlob {
    0% {
        transform: rotate(0deg) scale(2);
    }

    100% {
        transform: rotate(1turn) scale(2);
    }
}

a{transition-duration: .3s;}

.elementor-button:visited{color: #0D243E!important;}

#servicos .elementor-button:visited, header .elementor-button:visited{color: #fff!important;}

.fixed-top .elementor-sticky {
background-color: #0D243E;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
z-index:9999999999!important;
}

.e-eicon-menu-bar {
fill: #fff!important;
}
@media screen and (max-width: 767px) {

.d-none-lg {display: none!important;}

/* Main dropdown container */
header .elementor-nav-menu--dropdown.elementor-nav-menu__container {
background: linear-gradient(to right, #00375c, #003a61)!important;
height: 100vh!important;
padding: 60px 0 20px!important;
overflow-y: auto!important;
}

/* Main menu list */
header .elementor-nav-menu--dropdown ul.elementor-nav-menu {
display: block!important;
text-align: center!important;
padding: 0 20px!important;
}

/* All menu items */
header .elementor-nav-menu--dropdown li.menu-item {
margin: 15px 0!important;
}

/* Main menu links */
header .elementor-nav-menu--dropdown a.elementor-item {
font-size: 32px!important;
text-align: center!important;
justify-content: center!important;
padding: 15px 20px!important;
display: inline-block!important;
}

/* Submenu container */
header .elementor-nav-menu--dropdown .sub-menu {
background-color: transparent!important;
box-shadow: none!important;
border-top: 1px solid rgba(255,255,255,0.1)!important;
border-bottom: 1px solid rgba(255,255,255,0.1)!important;
margin: 8px 0!important;
padding: 8px 0!important;
}

/* Submenu items */
header .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item {
font-size: 24px!important;
padding: 12px 24px!important;
color: rgba(255,255,255,0.8)!important;
}

/* Dropdown arrow */
header .elementor-nav-menu--dropdown .sub-arrow {
margin-left: 5px!important;
display: none;
}

/* Fix for submenu display */
header .elementor-nav-menu--dropdown .sub-menu {
display: none;
}

header .elementor-nav-menu--dropdown .menu-item-has-children.elementor-active > ul.sub-menu {
display: block!important;
margin: 10px 0!important;
padding: 10px 0!important;
border-top: 1px solid rgba(255,255,255,0.1)!important;
border-bottom: 1px solid rgba(255,255,255,0.1)!important;
}

.elementor-sub-item {
display: block!important;
line-height: 1.2!important;
}
}

.sub-menu a{
border-inline-start: 0;
padding: 16px 0;
}

@media screen and (max-width: 767px) {
.elementor-nav-menu--layout-vertical a{
display: block;
text-align: center;
}
}

@media screen and (min-width: 1024px) {

.d-lg-none {display: none!important;}

.d-block-lg {
display: block!important;
}

.p-absolute-lg{
position: absolute;

}

.e-n-accordion-item-title-header{
position: relative!important;
display: block !important;
width: 100%;
right:2.5%;
}

.e-n-accordion-item-title {
position: relative;
left: 50%;
width: 50%;
}



details[open].e-n-accordion-item .e-n-accordion-item-title-text {
font-size: 2rem; /* Tamanho maior apenas para o item aberto */
}

.img-servico {
transform: translate(-25%, 25%);
top:-100%
}

.img-servico.reputacao {
transform: translate(-25%, 15%);
}

.img-servico.mkt-digital {
transform: translate(-25%, -25%);
}

.img-servico.media-training {
transform: translate(-25%, -25%);
}

.img-servico.crise {
transform: translate(-25%, 0%);
}

.img-servico.imprensa {
transform: translate(-25%, -50%);
}

}

.elementor-button:hover svg {
fill: transparent!important;
position: relative! important;
left: 8px!important;
transition-duration: .3s;
}

/* QUEM SOMOS */

#destaque{
position: relative;
padding: 16px 0
}

#destaque::before, #destaque:after {
content: '';
display: block;
background-image: url('img/chave01.svg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 19px;
height: 100%;
position: absolute;
top: 0;
left: -48px;
z-index: -1;
}

#destaque:after {
left: auto;
right: -12px;
transform: scaleX(-1);
}

/* BLOG */

#conteudo .elementor-post-info__terms-list, #destaque-post .elementor-post-info__terms-list{
padding: 12px 32px;
border: solid 1px #0D243E
}

.cta-post svg path {stroke:#0D243E!important}

.titulo {min-height: 55px;}

/* sliders */

.elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-next {
border: solid 2px #0D243E!important;
position: absolute!important;
top: -40px!important;
left: auto!important;
right: 64px!important;
width: 48px;
height: 48px;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
display: flex;
justify-content: center;
align-items: center;
}

.parent-pageid-42 .elementor-swiper-button.elementor-swiper-button-prev, .parent-pageid-42 .elementor-swiper-button.elementor-swiper-button-next {
top: 64px!important;
}

.elementor-swiper-button.elementor-swiper-button-next {
right: 0!important;
background-image: url('img/arrow-right-carousel.svg');
}

.elementor-swiper-button.elementor-swiper-button-prev {
background-image: url('img/arrow-left-carousel.svg');
}

.elementor-pagination {
margin-top:64px
}

.elementor-pagination a {
color: #0D243E;
padding: 6px 12px;
}

.elementor-pagination a:hover {
color: #fff;
background-color: #0173F8;
}

.elementor-pagination .current {
background-color: #0173F8;
color: #fff;
padding: 6px 12px;
}

@media screen and (max-width: 767px) {
.elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-next {
top: 48px!important;
}
}

/* Hide the default SVG icons */
.elementor-swiper-button svg {
display: none;
}

/* CONTATO */
.page-id-530 .elementor-swiper-button.elementor-swiper-button-prev, .page-id-530 .elementor-swiper-button.elementor-swiper-button-next, .home .elementor-swiper-button.elementor-swiper-button-prev, .home .elementor-swiper-button.elementor-swiper-button-next{
top: auto!important;
bottom: 0!important;
}

@media screen and (min-width: 1024px) {
.page-id-530 .elementor-swiper-button.elementor-swiper-button-prev, .page-id-530 .elementor-swiper-button.elementor-swiper-button-next, .home .elementor-swiper-button.elementor-swiper-button-prev, .home .elementor-swiper-button.elementor-swiper-button-next{

right: auto!important;
left: -64%!important;
}

.page-id-530 .elementor-swiper-button.elementor-swiper-button-next, .home .elementor-swiper-button.elementor-swiper-button-next {left: calc(-64% + 64px)!important}

.parent-pageid-42 .elementor-swiper-button.elementor-swiper-button-prev, .parent-pageid-42 .elementor-swiper-button.elementor-swiper-button-next {
right: auto!important;
}

.parent-pageid-42 .elementor-swiper-button.elementor-swiper-button-next {
left: 64px!important;
}

}
/* CASES */

#trabalhos-realizados{
padding: 20px 0;
}

#trabalhos-realizados ul {
list-style: none;
padding-left: 0;
margin: 0;
}

#trabalhos-realizados li {
position: relative;
padding-left: 40px;
margin-bottom: 15px;
font-size: 1.2rem;
line-height: 1.5;
color: #333;
}

#trabalhos-realizados li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
background-image: url('img/icone-check.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.light-text {
color: #fff;
}

.simple-list ul {padding-left: 0;}

.simple-list li{
list-style: none;
padding-bottom: 8px;
}

/* NEWS */

#newsletter .elementor-field-type-submit {
position: absolute;
right: 0;
top: 8px;
}

#newsletter .elementor-button {
min-width: 24px;
min-height: 24px;
border-radius: 0;
background-color: transparent;
padding: 0;
}

#newsletter .elementor-button-text {
font-size: 0;
display: inline-block;
width: 24px;
height: 24px;
background-image: url('img/arrow-right-send.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

/* Opcional: Efeito hover para o botão */
#newsletter .elementor-button:hover {
background-color: #8a5562; /* Versão mais clara da cor principal */
}

/* FOOTER */

footer a {color: #202020;}

footer a:hover {color: #0173F8;}

/* TIPOGRAFIA */

h2.wp-block-heading {
font-size: 2.8rem;
line-height: 3rem;
border-bottom: 1px solid #d9d9d9;
padding-bottom:24px;
margin-bottom: 32px
}

h2.wp-block-heading, h3.wp-block-heading {
color: #0D243E!important;
}

.wp-block-list {
margin-bottom:16px;
}

.single-post h2.wp-block-heading {
border:none;
padding-bottom:0;
margin-top:24px;
margin-bottom:16px;
font-family: 'Lato', sans-serif!important;
font-size: 1.375rem!important;
text-transform: none;
}

.elementor-widget-theme-post-content a{text-decoration: underline}

p {line-height: 1.6;}