#site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background-color: white;
  color: black;
}
nav.navbar .nav-link,
nav.navbar .navbar-brand {
  color: black !important;
}

.page-id-58 > div.joinchat.joinchat--right.joinchat--btn.joinchat--show.joinchat--tooltip{
	display: none;
}

/*** HEADER ****/

.site-navigation-toggle-icon{
	color: #fff;
}


#menu-item-685 a{
background-color: #E95002;
      color: white;
      padding: 12px 24px;
      font-size: 16px;
      font-weight: bold;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      animation: pulse 2s infinite;
      transition: transform 0.3s ease;
}
#menu-item-685 a:hover{
	color: #E95002;
	background: #fff;
}

    @keyframes pulse {
      0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(233, 80, 2, 0.6);
      }
      70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(233, 80, 2, 0);
      }
      100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(233, 80, 2, 0);
      }
    }

.sub-menu{
	  width: 200px;
    border-radius: 8px;
	overflow: hidden;
}

.site-header .header-inner .sub-menu .menu-item a{
	  padding: 12px;
    border-bottom: 1px solid #999;
	width: 100%;
}
.site-header .header-inner .sub-menu .menu-item a:hover{
	background: #E95002;
	color: #fff !important;
}
#site-header .current_page_item  a{
	color: #E95002 !important;
}

.site-header .header-inner .sub-menu .menu-item a:hover svg{
	fill: #fff;
}

#site-header .current_page_item svg{
	fill: #E95002;
}

#site-header .current_page_item a:hover{
	color: #fff !important;
	text-decoration: underline;
}

#site-header .current_page_item a:hover svg{
	fill: #fff;	
}

#site-header{
	background: #181818;
}
#site-header .header-inner{
	padding: 10px 5%;
	max-width: 100%;
}
#site-header .header-inner .site-branding.show-logo{
	width: 15%;
}

#site-header .header-inner  .site-description {
	display: none;
}

#site-header .header-inner .site-navigation{
	 width: 85%;
   justify-content: flex-end;
}

#site-header .header-inner .site-navigation a{
	color: #fff;
	padding: 16px 24px;
}


#site-header .header-inner .site-navigation a:hover{
	color: #E95002;
}

#site-header  .header-inner .sub-menu .menu-item a{
	color: #181818;
} 

#site-header .header-inner .site-navigation .sub-menu{
	align-items: center;
	  min-width: 100%;
    width: max-content;
}
#site-header .header-inner .site-navigation .sub-menu .menu-item a{
	display: flex;
  gap: 10px;
}
#site-header .header-inner .site-navigation .sub-menu .menu-item a svg{
	width: 24px;
}



.site-navigation ul.menu li.menu-item-has-children:after {
    display: flex;
    content: "▾";
    font-size: 20px;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
}


.btn-contacto a{
	animation: text-glow 2s infinite;
}

.btn-contacto .elementor-button span.elementor-button-text{

	animation: text-glow 2s infinite;
}

.btn-contacto .elementor-button-icon {
    animation: arrow-dance 2s infinite;
}

.btn-contacto .elementor-button-text {
    animation: text-glow 2s infinite;
}

@keyframes arrow-dance {
    0%, 100% { transform: translateX(0) scale(1); fill: #fff;}
    25% { transform: translateX(5px) scale(1.1); fill: #E95002;}
    50% { transform: translateX(-2px) scale(0.95); fill: #E95002;}
    75% { transform: translateX(3px) scale(1.05); }
}

@keyframes text-glow {
    0%, 100% {
   
        text-shadow: none;
    }
    50% {
			
				border-color:  #E95002;
        color: #E95002;
        text-shadow: 0 0 10px rgba(0, 124, 186, 0.3);
    }
}

.text-h span{
	color: #fff;
}

body{
	margin-top: -10px !important;
}

[type=button], [type=submit], button{
	border: 0;
	color: #fff;
}
a:hover, button:hover{
	color: #000;
}


.sobre-mi span:hover{
	text-decoration: underline;
}

.formulario{color:#fff;}

/*** FORMULARIOS ***/
.formulario form label{
		width: 100%;
} 

.formulario form .wpcf7-form-control-wrap input{
	border: 0;
    background: transparent;
    border-bottom: 2px solid #fff;
    margin-bottom: 30px;
	margin-top: 10px;
    color: #fff;

}
.formulario form .wpcf7-form-control-wrap textarea{
	background: transparent;
	border: 2px solid;
	 color: #fff;
	margin-top: 15px;
	border-radius: 10px;
}
.formulario form .wpcf7-submit{
	background: #E95002;
	border-radius: 10px;
	padding: 10px;
	margin-top: 15px;
	width: 100%;
}


/***** FOOOTER ***/
#site-footer {
	padding: 80px 0 0 0;
}
#site-footer .footer-inner{
    gap: 30px;
}



#site-footer{
	
	padding-bottom: 40px;
}



/***** 
 * 
 * 
 * 
 *  HOLAA
 * 
 * 
 **/

.custom-posts-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 30px;
    margin: 40px 0;
}


.custom-posts-grid a:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.custom-posts-grid a:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.custom-posts-grid a:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
}


.custom-posts-grid a:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
}

.custom-posts-grid a:nth-child(5) {
    grid-column: 3;
    grid-row: 2;
}


.custom-posts-grid a:nth-child(1) {
    display: flex;
    flex-direction: column;
}




.post-card.blog {
	border: 2px solid #FDCB47;
	box-shadow: 1px 1px 10px #00000040;
	    background-image: URL('https://dzionix.com/wp-content/uploads/2025/03/vectorr.png');
    background-size: 56% 50%;
    background-repeat: no-repeat;
    background-position: top right;
}
.post-card.blog .post-icon{
	 background-color: #FEDE8933;
	height: 90px;
}


@media (max-width:420px){
	#site-header .header-inner .site-branding.show-logo{
		width: 50%;
	}
}




.post-icon{
	background:transparent;
	height: 90px;
	padding: 0;
	text-align: left;
}

.post-icon img {
    width: 100%;
    height: auto !important;
    object-fit: cover;
	    position: relative;
    top: 20px;
    left: 20px;
}

.post-icon img.category-image{
	border-radius: 0;
}












:root {
  --bg-color: #181818;
  --text-color: #f1f1f1;
  --bg-light: #f1f1f1;
  --text-light: #181818;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: all 0.3s ease;
}

body.light-mode {
  --bg-color: #f1f1f1;
  --text-color: #181818;
}


body.light-mode .elementor-section[style*="background-color: rgb(51, 51, 51)"],
body.light-mode .elementor-column[style*="background-color: rgb(51, 51, 51)"],
body.light-mode .elementor-widget[style*="background-color: rgb(51, 51, 51)"] {
  background-color: #fff !important;
}

.logo-dark { display: block; }
.logo-light { display: none; }

body.light-mode .logo-dark { display: none; }
body.light-mode .logo-light { display: block; }


.texto-cambiable h1, .texto-cambiable h2, .texto-cambiable h3, .texto-cambiable p, .texto-cambiable h3, .texto-cambiable span, .texto-cambiable li{
  color: #f1f1f1 !important; 
  transition: color 0.3s ease;
}

body.light-mode .texto-cambiable h1, body.light-mode .texto-cambiable h2, body.light-mode .texto-cambiable h3, body.light-mode .texto-cambiable p, body.light-mode .texto-cambiable span, body.light-mode .texto-cambiable li{
  color: #181818 !important;
}

body.light-mode .texto-cambiable

.back-cambiable{
	background: #222222 !important;
}
body.light-mode .back-cambiable{
	background: #FF5600 !important;
}


body.light-mode .back-cambiable svg{
			fill: #fff !important;
}


.texto-span h1 span, .texto-span h2 span, .texto-span a span{
	color: #f1f1f1 !important; 
}

body.light-mode .texto-span h1 span, body.light-mode .texto-span h2 span{
	  color: #181818 !important;
}

body.light-mode .texto-cambiable a{
	border-color: #181818 !important;
	
}
body.light-mode .texto-cambiable a svg{
	fill: #181818 !important;
}


/* Botón toggle */
.theme-toggle {
  position: fixed;
  top: 30px;
  right: 10px;
  background: none;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 25px;
  cursor: pointer;
  z-index: 9999;
  transition: all 0.3s ease;
}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
	background-color: #E95002;
}