@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1680px) {
	#acerca_de_nosotros-page .parrafo p {font-size: 3.954rem; line-height: 3.9rem;}
	 #acerca_de_nosotros-page .parrafo p span {line-height: 4.5rem;}
	 #acerca_de_nosotros-page .acercadenosotros{padding: 4rem 4rem 2rem 4rem;}
	 #acerca_de_nosotros-page .parrafoDos, #capabilities-page .parrafoDos{padding: 2rem 4rem 2rem 0;}
	 #portafolio-page .acercadenosotros p {font-size:6.254rem; line-height:6.254rem;}
	 #portafolio-page .acercadenosotros p span{line-height: 6.6rem;}
	 .specialHeader {line-height: 4.4rem; font-size: 4.475rem;letter-spacing: -.5px;}
	 
}

@media only screen and (max-width: 1366px) {
  /* Laptops grandes o monitores medianos */
  .parrafo p{font-size: 7.454rem; line-height: 7.7rem; }
  .fontCuatro {line-height: 2.575rem; font-size: 2.327rem; }
  .fontDos {font-size: 4.653rem;}
  .fontUno {font-size: 6.594rem;  line-height: 6.1rem;}
  .font {font-size: 6.594rem; line-height: 6.6rem;}
  .parrafoTres p {font-size: 1.7rem; line-height: 2.4rem;}
  
  #aliado {margin: 6rem auto 4rem; padding: 4rem 4rem 4rem;}
  .marquee-viewport {padding: 1rem 2rem;}
  footer{padding:4rem 6rem 0rem}
  .parrafoDos {width: 100%; padding: 2rem 4rem 2rem 3rem;}
  
  #acerca_de_nosotros-page .parrafoDos, #capabilities-page .parrafoDos{padding: 0rem 4rem 2rem 3rem;}
  
  #portafolio-page .acercadenosotros p, #capabilities-page .parrafo p {font-size: 5.654rem; line-height: 5.7rem;}
  #portafolio-page .acercadenosotros .parrafo p span, #capabilities-page .parrafo p span {line-height: 6.0rem;}
  #portafolio-page .acercadenosotros{padding:4rem 4rem 0rem 4rem}
  
  #formIndex .cincuenta {width: 45.3%; }
  .specialHeader {line-height: 4.4rem; font-size: 3.475rem;letter-spacing: -.5px;}
  #enviar { padding: .95rem 1.05rem; font-size: 1.25rem; letter-spacing: 4px;}
  #contact-section {grid-template-columns: 30% 64%;}
  #contact-section .project-content { padding: 0rem 2rem 1rem 2rem;}
  
  #acordion .nav-wrapper { margin: 0 auto;}
}

@media only screen and (max-width: 1280px) {
  /* Laptops estándar */
  .wrap-box span {left: 4rem;}
  .awards-container{padding: 0 3rem;}
  .acercadenosotros {padding: 4rem 4rem 4rem 3rem;}
  .fontCuatro {line-height: 2.275rem; font-size: 1.527rem; letter-spacing:0px;}
  .capabilities-description-section div {width: 66%;}
  .parrafoTres p {font-size: 1.5rem; line-height: 2.1rem; }
  .parrafo p span { line-height: 6.6rem;}
  .parrafo p {font-size: 6.554rem; line-height: 6.5rem;}
  #steps-horizontal .step {flex: 0 0 calc(90vw / var(--per-view)); height: 100%; display: grid; place-items: center; padding: clamp(16px, 1vw, 48px);}
  #steps-horizontal .card{min-height: 510px;}
  #steps-horizontal .steps-pin {height: 570px;}
  .font {font-size: 4.594rem; line-height: 5.6rem;}
  #logoSmall{display:none}
  
  #portafolio-page .acercadenosotros p, #capabilities-page .parrafo p {font-size: 4.654rem; line-height: 4.7rem;}
  #portafolio-page .acercadenosotros .parrafo p span, #capabilities-page .parrafo p span {line-height: 5.0rem;}
  #acordion-images .javascript{display:none!important;}
  
  .logoContacto{width:300px;}
  #contact-section {display: block ; padding: 2rem 0;}
  #contact-section .project-content {padding: 0rem 2rem 1rem 2rem;}
  .specialHeader { line-height: 2.9rem; font-size: 1.675rem;letter-spacing: -.5px;}
  #formIndex .cincuenta{width:100%}
  #enviar {width: 100%;  font-size: 1.5rem; letter-spacing:1px;}
  #address {display: block;  width: 100%; font-size: 16px; padding: 4rem 2rem; text-align:left;}
  .titContact {width:100%;}
  #address h2 {font-size: 1.75rem; letter-spacing: 1px; text-transform: uppercase;}
  .addres-One{border-right:none}
  #address .fontCinco{font-size:1.55rem; margin-bottom:0px!important}
  
}

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

  /* Tablets horizontales o pequeñas laptops */
  .parrafo p span { line-height: 5.6rem; }
  .parrafo p {font-size: 5.154rem; line-height: 5.5rem;}
  .parrafoDos {width: 100%; padding: 2rem 4rem 2rem 3rem;}
  .fontDos {font-size: 3.653rem; line-height: 4.5rem;}
   #mobil .fontDos{font-size: 2.353rem; line-height: 2.3rem; }
   #deleon a {letter-spacing: 4px; font-size: 2.353rem;}
  #portafolio-page .acercadenosotros{padding:0rem 2rem 0rem 2rem;}
   #buttonGroup{padding:2rem 2rem 4rem; }
   
     .contacto {padding:7rem 2rem 0rem 2rem; height:40vh}
     
     #steps-horizontal .card{min-height: 400px;}
     #steps-horizontal .steps-pin {height: 470px;}
  
   
}

@media only screen and (max-width: 798px) {
  /* Tablets verticales */
  .capabilities-description-section strong {width: 100%; margin-bottom:.5rem;}
  .capabilities-description-section div {width: 100%;}
  #aliado {padding: 4rem 2rem 4rem; margin: 6rem 0 4rem; width:100%;}
  #aliado p{padding:0 2rem}
  .font {font-size: 4.094rem; line-height: 5rem;}
  footer {padding: 4rem 4rem 0rem;}
  footer .cincuenta, footer .cincuenta li a{width:100%; float:left;}
  footer .cincuenta li a, footer .cincuenta .fontDos, .copyright{text-align:center}
  .js-mail{display:block; margin:1rem auto 3rem; float:none; width:280px;}
  #redesTextFooter{display:none}
  .half-box{width:100%!important;}
  .heightCien{height:20vh}
  .heightCincuenta{height:20vh}
  .wrap-box span p {display:none}
  .zoom-inner .btnBoxes img, .zoom-inner-first .btnBoxes img{width:17px !important; margin-right: 1rem;}
  .btnBoxes {padding: .35rem 1.5rem .35rem 0; font-size: 1rem; margin-top:.15rem; }
  .parrafo p span {line-height: 4rem; }
  .parrafo p {font-size: 3.354rem; line-height: 3.3rem; }
  
  #portafolio-page .acercadenosotros p, #capabilities-page .parrafo p {font-size: 2.254rem; line-height: 2.254rem; letter-spacing: 0px; }
  #portafolio-page .acercadenosotros .parrafo p span, #capabilities-page .parrafo p span {line-height: 2.6rem;}
  .hero is-light is-medium {padding-top:2rem}
  
  
  #portafolio-page #acordion-images .slider{height:50vh}
   #portafolio-page .acercadenosotros{padding-bottom:2rem; padding-top: 2rem}
   #acerca_de_nosotros-page .acercadenosotros {padding: 4rem 2rem 2rem 2rem; }
   #capabilities-page .parrafoDos{width:100%}
   
   #buttonGroup { display:none; }
    #buttonSelect { display:block; width:100%; padding: .75rem 1.25rem; font-size: 1.3rem; background: #006ce4; color: #fff; border:none;}
    .hero-foot .container{padding-bottom:0;}
    footer p {margin-top: 0rem;}
    
     #acordion-mobile .slide::after { display:none; }
  #acordion-mobile .content { display:none !important; } 
  #acordion-mobile .cover-link{position:absolute; inset:0; z-index:2; display:block;  }
  #capabilities-page .project-content, #trabajos-page .project-content {padding: 1rem 0rem;}
  #capabilities-page #tags-section{padding: 0rem 2rem 3rem;}
  #acordion .nav-item-inner-heading{font-size: 1.19rem;}
  .nav-item a span{height:33px; width:33px;}
  .nav-item a span img{height:21px;}
  
  #tags-section{display:block; padding: 4rem 2rem;}
  footer h4{text-align:center}
  .project-content {padding: 1rem 0rem;}
 .project-tags{display: none}

  #steps-horizontal .card{min-height: 400px;}
     #steps-horizontal .steps-pin {height: 470px;}
  
}


@media (max-width:540px) {
	/*mobiles*/
	#miVideo, #videoVdos{height: 60vh;}
	.acercadenosotros {padding:2rem 2rem 0rem 2rem;}
    .parrafo p span { line-height: 3.2rem; }
    .parrafo p {font-size: 2.504rem; line-height: 2.7rem; letter-spacing: -0.5px;  }
    .parrafoDos {padding: 2rem 2rem 2rem 2rem; }
    #about-section-two .scroll-line-h { --y: 103%;  top: var(--y);}
    .wrap-box span {left: 2rem;}
    .wTreinta {width: 80%;}
    .heightCien{height:40vh}
    .heightCincuenta{height:40vh}
    .wrap-box span p {font-size: 1rem;}
    #aliado p {
        padding: 0 0rem;
    }
    #steps-horizontal .card{width:inherit}
    .card p{font-size: 1.3rem; line-height: 2.4rem;}
    #steps-horizontal .step {flex: 0 0 calc(88vw / var(--per-view));}
    #steps-horizontal .num img {width: clamp(72px, 5vw, 72px); margin-bottom: 1rem; }
    .fontUno {font-size: 3.594rem; line-height: 4.1rem;  }
    .font {
        font-size: 4.094rem;
        line-height: 4.4rem;
        margin-bottom: 1.5rem;
    }
    .awards-header { margin-bottom: 2rem;}
    .awards-container {padding: 0 2rem;}
    .awards-section {padding:2rem 0 2rem;}
    #steps-horizontal .step {float: left; width: 100%; flex: none; }
    .logo-row img {
    height: 50px;}
    #mobil .fontDos{font-size: 1.353rem; line-height:2.2rem; }
    #menuNavDiv nav a {margin-bottom: .5rem;}
    #deleon a {letter-spacing: 4px; font-size: 1.353rem;}
    #buttonGroup {padding: 0rem 1rem 4rem;}
    
    .scroll-circles, .titleText, #steps-horizontal .steps-nav .prev, #steps-horizontal .steps-nav .btn, .wrap-box span p {display:none}
    #logosSeccion .treinta, #logosSeccion .veinte, .scroll-circles, #contactoIcon span{display:none}
    
    #portafolio-page .acercadenosotros p, #capabilities-page .parrafo p {font-size: 2.504rem; line-height: 2.954rem; letter-spacing: 0px; }
    #portafolio-page .acercadenosotros .parrafo p span, #capabilities-page .parrafo p span {line-height: 2.2rem;}
    
    #acerca_de_nosotros-page .parrafo p {font-size: 1.9004rem; line-height: 2.3rem; }
    #acerca_de_nosotros-page .parrafo p span { line-height:2rem; }
    #about-section-two .acercadenosotros-meta-label {font-size: 1.099rem!important; line-height:1.5rem}
    #about-section-two .acercadenosotros-meta-label  svg{width:20px!important; height:12px; width:32.131px;}
    .acercadenosotros-meta-label {margin-bottom: 1rem;}
    #acerca_de_nosotros-page .parrafoDos, #capabilities-page .parrafoDos {padding: 2rem 2rem 2rem 2rem;}
    #nuestroNombre{padding:0rem; font-size:1.099rem!important}
        .fontDos {font-size: 2.753rem; line-height: 3.7rem; }
        .fontTres {font-size: 2.375rem; line-height: 3.4rem;}
        .fontCinco{line-height:2.3rem}
        .fontSeis {font-size: 1.314rem; line-height: 2.2rem;}
        footer .fontTres{font-size: 1.375rem;}
        .js-mail{padding: 0rem 0rem; text-align:center}
        footer {padding: 4rem 2rem 0rem; text-align: center; }
        #cursorDot{display: none}
        #acordion .nav-item-inner-heading {text-transform: uppercase; letter-spacing: 2px; }
        .nav-item p { font-weight: 200; padding-bottom: 1.85rem; line-height: 1.95rem; font-size: 1.314rem; }  
        #videoVdosMobile{display: block; height:100vh;}
        #videoVdos{display: none}
        
        .hover-container a.btnBoxes {
    display: none !important;
  }
  .hover-container {
    cursor: pointer; /* Indicador visual de que todo el card es tap/click */
  }
        
	
}