/*  

Theme Name: Digital Marketing Agency - Zyrgon Network Group
Theme URI: https://www.zyrgon.com
Description: Zyrgon Portugal
Author: Zyrgon Team
Author URI: https://www.zyrgon.com
Template: hello-elementor
Version: 1.0
Text Domain: zyrgon-child
*/

/* --- Header --- */

/*POSTS CUSTOM*/

html, body {
    overflow-x: hidden;
    width: 100%;
}

.zp_dynamic_style .elementor-posts-container{
	display:flex!important;
	flex-wrap: nowrap;
	grid-column-gap: 0!important;
	grid-row-gap: 0!important;
	margin-bottom:80px;
}

.zp_dynamic_style .swiper-button-prev{
    left: auto;
    right: 80px;
}

.zp_dynamic_style .swiper-button-next {
    left:auto;
    right: -10px;
}

.zp_dynamic_style .swiper-button-next, 
.zp_dynamic_style .swiper-button-prev{
    background: transparent;
	top: -50px !important;
}

@media (max-width: 767px) {
    
.zp_dynamic_style .swiper-button-next, .zp_dynamic_style .swiper-button-prev {
    background: transparent;
    top: 110% !important;
}

.zp_dynamic_style .swiper-button-prev {
        left: 40%;
        transform: translateX(-50%);
    }

    .zp_dynamic_style .swiper-button-next {
        left: 60%;
        transform: translateX(-50%);
    }

}

.zp_dynamic_style .swiper-button-next::after {
    content: '' !important; 
    background-image: url('/wp-content/uploads/2025/03/arrow-dta.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
    display: block !important;
}

.zp_dynamic_style .swiper-button-prev::after {
    content: '' !important;
    background-image: url('/wp-content/uploads/2025/03/02_arrow_esq.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
    display: block !important;
}

.popup-background{
    background: linear-gradient(270deg, rgba(39, 39, 39, 0.00) 0%, rgba(39, 39, 39, 0.80) 49.5%, #272727 90%);
}


.elementor-location-header {
    position: absolute;
    max-width: 100vw;
    width: 100%;
    z-index:9999;
}

.popup-menu-header{
    z-index:999;
}

.background-header{
  position: relative;
}

.background-header::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    180deg,
    rgba(39, 39, 39, 0.00) 85%,
    rgba(39, 39, 39, 0.4),
    #272727 100%
  );
}


.menu-header-navigation .elementor-nav-menu li {
    padding: 40px 0px !important;
    border-bottom: 1px solid rgba(137, 201, 200, 0.1);
}

.menu-header-navigation .elementor-nav-menu li:last-child {
    border-bottom: none;
}

.menu-header-navigation a.elementor-item.elementor-item{
    width: fit-content;
    margin: 0 auto;
    padding:5px;
}

#menu-footer a.elementor-item.elementor-item{
    width: fit-content;
    padding:5px 0px;
}

.svg-icon .elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-header-navigation .elementor-item:after,
.menu-header-navigation .elementor-item:before,
#menu-footer .elementor-item:after,
#menu-footer .elementor-item:before{
    display: block;
    position: absolute;
    transition: width 2.5s;
    transition-timing-function: cubic-bezier(.20,.3,.005,1);
}

.popup-menu-header .dialog-lightbox-widget-content:before {
    content: '';
    background: url(/wp-content/uploads/2025/02/Header_menu_holograma_dente.png);
    width: 30em;
    height: 30em;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
}

#iconHamburger .elementor-icon svg rect {
    transition: transform 0.4s ease-in-out;
}

#iconHamburger .elementor-icon:hover svg rect:nth-child(1) {
    transform: translateY(6px);
}

#iconHamburger .elementor-icon:hover svg rect:nth-child(3) {
    transform: translateY(-6px);
}

/* Media Query Mobile 767px */

@media only screen and (max-width: 767px) {
    
.menu-header-navigation .elementor-nav-menu li {
    padding: 25px 0px !important;
}

.popup-menu-header .dialog-lightbox-widget-content:before {
    content: '';
    background: url(/wp-content/uploads/2025/02/Header_menu_holograma_dente.png);
    width: 15em;
    height: 15em;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
}

}

/* --- Homepage --- */

.background-dr-pedro-rodrigues {
    position: relative;
}

.background-dr-pedro-rodrigues:after {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(60, 99, 98, 0.10) 0%, rgba(39, 39, 39, 0.20) 50%);
    z-index: 2; 
    pointer-events: none;
}

.background-fallback img {
    filter: brightness(0.6);
}

.background-dentes{
    position:relative;
}

.background-dentes::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 797px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(137, 201, 200, 0.10) 0%, rgba(36, 36, 36, 0.00) 100%);
    background-position: bottom left;
    background-size: cover;
    z-index: -1;
}

.button-dentes-homepage .elementor-button:hover span {
    font-weight: 500;
}

.dente-hover img {
    transition: filter 0.3s ease-in-out;
}

.dente-hover img:hover {
    filter: drop-shadow(0px 0px 15px rgba(137, 201, 200, 0.5));
}

.button-get-information .elementor-button-icon svg{
    width:32px;
    height:25px;
    flex-shrink:0;
}

body:not(.rtl) .elementor-1160 .elementor-element.elementor-element-e956c68 {
    transition: left 0.5s ease-in-out;
    position: relative;
}

body:not(.rtl) .elementor-1160:hover .elementor-element.elementor-element-e956c68 {
    left: 0;
    animation: bump 0.4s ease-out;
}

/* Efeito botão popup */
@keyframes bump {
    0% { transform: translateX(0); }
    60% { transform: translateX(4px); }
    80% { transform: translateX(-2px); }
    100% { transform: translateX(0); }
}



body:not(.rtl) .elementor-1160 {
    overflow-x: hidden; 
}


/* Contactos */

@media (max-width: 767px) {
.icones-contactos .elementor-icon-box-icon {
        display: grid !important;
        place-items: center;
}
}

/* Full Arch Plus */

.title-informations{
  position: relative;
  background: radial-gradient(50% 50% at 50% 50%, #272727 0%, #2C2C2C 100%);
  box-shadow: 3px 4px 7.5px 6px rgba(36, 36, 36, 0.50);
  border-radius:10px;
  cursor: text;
}

.title-informations::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px; 
  padding: 1px; 
    background: linear-gradient(to right, #89C9C8 30%, rgba(137, 201, 200, 0) 80%);
  mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  mask-composite: exclude; 
}

.background-fullarchplus-circle-information{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.circle-informations {
    width: 100%;
    height: 270px;
    flex-shrink: 0;
    border-radius: 169px;
    background: linear-gradient(135deg, rgba(137, 201, 200, 0.00) 0%, rgba(137, 201, 200, 0.10) 100%);
    box-shadow: 4px 8px 14px 0px rgba(0, 0, 0, 0.15);
    display: grid;
    place-items: center;
}

.circle-informations .elementor-counter-title {
    text-align: center !important;
    width:160px;
    margin:0 auto;
}

.circle-informations .elementor-counter-title.elementor-inline-editing {
    margin: 0 auto;
}

.circle-informations .elementor-counter .elementor-counter-number {
    flex-grow: 0;
}

.circle-informations .elementor-counter-number-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Agenda Full Arch */

.agenda-galeria.elementor-pagination-position-outside {
    padding-bottom: 50px !important;
}

.agenda-galeria .elementor-swiper-button-next{
    right: 120px !important;
}

.agenda-galeria .elementor-swiper-button-prev{
    left: 120px !important;
}

@media (max-width: 1024px){
    
.agenda-galeria .elementor-swiper-button-next,
.agenda-galeria .elementor-swiper-button-prev{
    display:none !important;
}
 
}