/*
Theme Name: Stacks
Theme URI: https://github.com/WordPress/community-themes/tree/trunk/stacks
Author: wordpressdotorg
Author URI: https://wordpress.org/themes/author/wordpressdotorg/
Description: Stack your story. This theme is designed specifically to create slide decks that can be used as a presentation. The "Stacks" pattern can be included on any page or post.
Requires at least: 6.2
Tested up to: 6.2
Requires PHP: 5.7
Version: 0.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stacks
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* ajusta a la altura de tu menú */
}

a:where(:not(.wp-element-button)) {text-decoration:none!Important;}

.offcanvas-navigation .oc-logo-alt {
	  font-family: var(--wp--preset--font-family--ibm-plex-sans)!important;
	  margin-top:0px!important;
	  font-weight: 700;

}

/*imagen destacada*/
.wp-block-post-featured-image :where(img) {
       border-radius: 8px;
       box-shadow: 0 4px 15px 5px #c1b8af;
}



@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(10px);
  }
  60% {
    transform: translateY(5px);
  }
}



@keyframes bounceUp {
  0%, 20%, 50%, 80%, 100% {
     transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

.arrow-down {
	display: block; /* importante */
        width: 60px;
        height: 60px;
        animation: bounce 1.5s infinite;
}

.arrow-up {
        display: block;
        width: 70px;
        height: 70px;
        animation: bounceUp 1.5s infinite;
        text-decoration: none;
}



@media (min-width: 350px) and (max-width: 420px) {

    	#main {
	        padding: 0;
    	}

    	.offcanvas-navigation .oc-logo-alt {
        	font-size:0.95rem!important;
    	}

    	.kadence-columnstacks__front-page_75bdd9-83 {
		margin-top: -105px!Important;
	
    	}

    	.wp-block-paragraph {
		font-size: 0.83rem;
    	}

    	#map, .mapa {
        	width:340px;  
        	height: 580px;
    	}


}


@media (min-width: 300px) and  (max-width: 768px) {
        .wp-block-group {padding-left:15px!Important; padding-right:20px!Important; }
        .has-md-font-size {font-size:0.9em!Important }
        h2 { font-size:2rem;}
        p {text-align: justify;}
        .offcanvas-navigation .oc-logo-alt {font-size: 1.5rem}
        
        #map, .mapa {
         	width:360px;
         	height: 600px;
        }

        .scroll-down {
                position: absolute; /* o fixed si quieres que siempre est   visible */
                bottom: 81px;
                left: 41.5%;
                /*transform: translateX(-50%);*/
                z-index: 999;
         }


        .scroll-up {
                position: absolute; /* o fixed si quieres que siempre est   visible */
                bottom: 230px;
                left: 45%;
                /*transform: translateX(-50%);*/
        }


}

/* Media query para tablets */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Ajusta el contenedor del men   */
        .wp-block-site-title {text-align:center; width:100%; font-size:1.5em!Important; }

          /* Estilo de los enlaces en tablets */
          .wp-block-navigation-item__content {
            	font-size: 0.8rem; /* un poco m  s grande */
            	padding: 0.15rem 0.5rem;
          }

          /* Hover en tablets */
          .wp-block-navigation-item__content:hover {
                background-color: #e6f2ff;
                color: #005580;
                border-radius: 6px;
          }
        .entry-content {
                 padding-top: 70px;
                 padding-left:20px;
                 padding-right:30px;
                 text-align:justify;
        }
        .wp-block-heading.has-text-align-center {
                font-size: 2em;
        }

        .offcanvas-navigation .oc-logo-alt {font-size: 2.1rem}

        #map, .mapa {
         	width:660px;
         	height: 600px;
        }

        .wp-block-columns {
    		display: block!important;
 	 }
  	
	.wp-block-column {
    		width: 96%!important;
  	}

        .wp-block-image img {margin-left:22px; margin-top:10px;}

        
        .scroll-down {
                position: absolute; /* o fixed si quieres que siempre est   visible */
                bottom: 270px;
                left: 48.5%;
                /*transform: translateX(-50%);*/
                z-index: 999;
         }


        .scroll-up {
                position: absolute; /* o fixed si quieres que siempre est   visible */
                bottom: 270px;
                left: 45%;
                /*transform: translateX(-50%);*/
        }

        
}




@media (min-width:1024px) {
        .offcanvas-navigation .oc-logo-alt {font-size: 2.3rem}

        .scroll-down {
          	position: absolute; /* o fixed si quieres que siempre est   visible */
          	bottom: 70px;
          	left: 48.5%;
          	/*transform: translateX(-50%);*/
          	z-index: 999;
         }


	.scroll-up {
          	position: absolute; /* o fixed si quieres que siempre est   visible */
          	bottom: 70px;
          	left: 45%;
          	/*transform: translateX(-50%);*/
        }


}

@media (min-width: 1440px) {
        /*.offcanvas-navigation {
          position: fixed;
          top: 0;
          width: 100%;
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.3s ease;
        }

        .offcanvas-navigation.visible {
          opacity: 1;
          pointer-events: auto;
        }*/
        .wp-block-site-title {font-size:1.85em!Important; }
        .entry-content {
           padding-top: 80px;
           text-align:justify;
         }
         p {
                font-size: 1.15em;
                text-align: justify;
         }
         .wp-block-image.size-large.pimg1 {
                border:8px solid #53403636;
          border-radius: 5px;
                box-shadow: 0 0 10px 2px #534036d6;
                /*transform: rotate(-4deg);*/
        }
        .cajatexto1 {
                backdrop-filter: blur(4px);
                box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }
        .stack-proyecto {
                margin-top: 100px!Important;
        }
        .testimonios-slider {
          max-width: 1400px;
          width: 1290px;
          margin: 0 auto;
        }

        #map, .mapa {
         width:1000px;
         height: 600px;
        }


}


@media (min-width:1920px) {
        .offcanvas-navigation .oc-logo-alt {font-size: 2.5rem!Important}
}