:root{
    --factorBiggest: 1.4;
    --factorBig: 1.1;
    --factorNormal: 1;
    --factorSmallDesktop: .8;
    --factorTablet: .9;
    --factorCel: .65;
    --factorCelMini: .75;
    --factorCelMicro: .75;

    --text-hero-large:    3.0rem;
    --text-hero-mid:      2.5rem;
    --text-hero-small:    1.4rem;

    --text-header-large:    4rem;
    --text-header:          3.5rem;
    --text-subheader:       3.0rem;

    --text-larger:  1.8rem;
    --text-large:   1.3rem;
    --text-normal:  1.1rem;
    --text-small:   .9rem;
    --text-smaller: .8rem;

    --orange: #FFC130;
    --orange-light: #D8A72B;
    --green-light: #435a29;
    --red: #721b13;
    
    --grey-light: #edf2fa;
    --grey: #BDBCBB;
    --darkgrey: #393e41;
    --darkgrey: #333; 

    --purple: #611CA1; 
    --blue: #00B1DA;
    
    --section-spacing: 7rem;

}

html { scroll-behavior: smooth; }

body {
    overflow-x: hidden;
    margin:0px;   
    display: block;
    font-family: Kanit, Roboto, Poppins, Arial, Helvetica, sans-serif; 
    font-size: 18px;
    color: black;
}



/* screen m p utils*/
.dyn-height-full            {     height: 100vh;    }
.dyn-height-full-perc       {     height: 100%;     }
.dyn-dimensions-full-perc   {     height: 100%; width: 100%;    }
.dyn-height-third           {     height: 20vh;     }

.dyn-prod-spacing           {     height: 7.5rem;     }

.dyn-margin-section         {   margin-top: var(--section-spacing);       margin-bottom: var(--section-spacing); }
.dyn-margin-section-bottom  {    margin-bottom: var(--section-spacing);      }
.dyn-padding-section        {   padding-top: var(--section-spacing);      padding-bottom: var(--section-spacing); }
.dyn-padding-section-top    {   padding-top: var(--section-spacing); }

.dyn-border-radius          {   border-radius: 3.5rem;   }
.dyn-border-radius-small    {   border-radius: 1.0rem;   }

.dyn-border-radius-hero     {   
    border-top-left-radius: 3.5rem;     border-top-right-radius: 3.5rem;
    border-bottom-left-radius: 3.5rem;     border-bottom-right-radius: 0rem;
}

/* screen m p utils*/


/*BG utils*/
.dyn-bg-grey-light {        background-color: var(--grey-light); }
.adyn-bg-grey-light {        background-color: rgba(238, 242, 250, .8);   }

.dyn-bg-grey {        background-color: var(--grey); }
.dyn-bg-green-light {        background-color: var(--green-light); }
.dyn-bg-red {        background-color: var(--red); }


.dyn-bg-orange {        background-color: var(--orange); }
.dyn-bg-orange-light {        background-color: var(--orange-light); }
.dyn-bg-blue {          background-color: var(--blue); }
.dyn-bg-purple {        background-color: var(--purple); }
.dyn-bg-darkgrey {      background-color: var(--darkgrey) !important; }

.dyn-bg-orange-lighter {        background-color: var(--orange-light);      }
.dyn-bg-red-lighter {           background-color: var(--red);               }
.dyn-bg-green-lighter {         background-color: var(--green-light);       }

/*END BG utils*/

.dyn-border-bottom-red {        border-bottom: 12px solid var(--red); }
.dyn-border-left-red {          border-left: 12px solid var(--red); }
.dyn-border-right-red {          border-right: 12px solid var(--red); }

.dyn-border-left-orange {          border-left: 12px solid var(--orange-light); }
.dyn-border-bottom-orange {          border-bottom: 3px solid var(--orange-light);    }

.dyn-border-left-green {          border-left: 12px solid var(--green-light); }

/* + + + + + + + + + + + + +     text utils     + + + + + + + + + + + + + */
.dyn-fw-light {           font-weight: 300;}
.dyn-fw-bold-light {      font-weight: 500;}
.dyn-fw-bold {            font-weight: 700;}

.dyn-orange {       color: var(--orange); }
.dyn-orange-light {       color: var(--orange-light); }
.dyn-green-light {       color: var(--green-light); }
.dyn-gray-light {       color: #eee; }
.dyn-red {       color: var(--red); }

.dyn-purple {       color: var(--purple); }
.dyn-blue {         color: var(--blue); }
.dyn-text-header-color { color: black}

.dyn-line-height-11 {          line-height: 1.1;    }
.dyn-line-height-12 {          line-height: 1.2;    }
.dyn-line-height-13 {          line-height: 1.3 !important;    }

.dyn-text-hero-large {          line-height: 1;     }
.dyn-text-hero-mid   {          line-height: 1;     }
.dyn-text-hero-small {          line-height: 1;     }

.dyn-text-header {          line-height: 1;     }
.dyn-text-subheader {       line-height: 1;     }
.dyn-text-larger {          line-height: 1;     }
.dyn-text-large {           line-height: 1;     }



.nav-link {
    position: relative;          
    font-weight: 400;
    color: var(--darkgrey) !important;  text-shadow: white .5px .3px;
    padding:2px;     border-radius: 0;
    transition: .3s;
    margin-right: 5px;
}
.nav-link:hover{
    background-color: rgba(255, 164, 4, .99);
    top:1px; 
    padding: 1px;
}

.dyn-link {                   text-decoration: underline; color: #393e41;      }
.dyn-link:hover {             text-decoration: none; color: #393e41; text-decoration: underline; transform: translateY(-1px);   }

.dyn-text-prod-mobile{             font-weight: 300; color: #333;     }

.dyn-link-contact {             color:#bbb; text-decoration: none;      }
.dyn-link-contact:hover {       color: var(--orange-light); text-decoration: underline; }
.dyn-text-contact{     
    font-weight: 400;       line-height: 1.1;   color:#ccc; color:#ddd;
    margin-top: .5rem;
}
.dyn-text-errormsg { 
    font-weight: 400;       line-height: .9;    color:#ff8855;
    margin-top: .5rem;
    text-transform: uppercase;
}

/* + + + + + + + + + + + + +     END text utils     + + + + + + + + + + + + + */

/* general */
.dyn-navbar-bg{                     
    background: rgba(240, 240, 240, .7);
    border: 1px solid #888; 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;   
}

.dyn-navbar-logo-height{        height: 4.2rem;    } 

.dyn-hero-mobile-bottom-height{     height: 100%;    }

.dyn-icon-hero-height{          height: 3rem;    }
.dyn-bg-hero{       
    background: url(../imgs/guadiana/portadaCel.png); 

    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
}
.dyn-text-hero-menu {         color: var(--orange-light);  text-decoration: none;  }
.dyn-text-hero-menu:hover {         color: var(--orange-light);  text-decoration: none;  }

/* transit 1 */
.dyn-bg-transit{
    background: url(../imgs/maderaCorte.webp) rgba(0, 0, 0, .3); 
    background-position: center;
    background-size: 120% auto; background-blend-mode: overlay; background-attachment: fixed;
}
.dyn-bg-white-transit{      background: white;    }
.dyn-better-height{         height: 8rem;    }
/* transit 1 */

.dyn-section-icon{       position: relative;    }
.dyn-section-icon::before {   
    position: absolute;
    content:""; 
    background: url(../imgs/icons/icono_cortetronco_rojo.svg); 
    background-position: center ; background-size: cover;
    
    display: inline-table; text-align: center;  vertical-align: middle;

    top: -1.5rem; left:-6rem; 
    width: 6rem; height:6rem; 
    transition-duration: .5s;
}
.dyn-section-icon:hover::before      {       transform: rotate(90deg);    }
.dyn-section-icon-after{       position: relative;    }
.dyn-section-icon-after::before {   
    position: absolute;
    content:""; 
    background: url(../imgs/icons/icono_cortetronco_rojo.svg);
    background-position: center ; background-size: cover;
    
    display: inline-table; text-align: center;  vertical-align: middle;

    top: -1rem; right:-8rem; 
    width: 6rem; height:6rem;
    transition-duration: .5s;    
}
.dyn-section-icon-after:hover::before      {       transform: rotate(90deg);    }
.dyn-section-icon-center{       position: relative;    }
.dyn-section-icon-center::before {   
    position: absolute;
    content:""; 
    background: url(../imgs/icons/icono_tablas_rojo_1.svg); 
    background-position: center ; background-size: 100% 100%;
    
    display: inline-table; text-align: center;  vertical-align: middle;

    top: -6rem; left:50%;  margin-left: -4rem;
    width: 8rem; height:4.5rem; 
    transition-duration: .5s;    
}
.dyn-section-icon-center:hover::before      {       transform: rotate(90deg);    }

/* portada */
.dyn-fx-prod {       
    position: relative;
    transition-duration: .3s;
    z-index: 1;
    padding-left: 10px;
    padding-top: 5px;
}
.dyn-fx-prod:hover {  
    color: inherit;
}
.dyn-fx-prod::before {       
    position: absolute; content: "";
    background: #222;
    top:0; bottom:0; left: 0px; right: 0px;
    width: 0%;
    transition-duration: .3s;
    z-index: -1;
    padding: 0;
}
.dyn-fx-prod:hover::before {       
    top:0; bottom:0; 
    width: 100%;
    z-index: -1;
    padding-left: 15px;
}


/* transic 1*/
.dyn-fx-transit-movright {       transition-duration: .3s   }
.dyn-fx-transit-movright:hover {           transform: translateX(5px);    }

/* productos */
.dyn-fullheight-responsive  {   height: 100vh;               }

.dyn-prod-pic1 { background: url(../imgs/products/main/Cimbra.webp); }
.dyn-prod-pic2 { background: url(../imgs/products/main/Cajon.webp); }
.dyn-prod-pic3 { background: url(../imgs/products/main/MedioTronco.webp); }
.dyn-prod-pic4 { background: url(../imgs/products/main/TriplayNacional2.webp); }
.dyn-prod-pic5 { background: url(../imgs/products/main/servicios.webp); background-size: auto 100%; }

.dyn-prod-wrap {
    margin: auto; padding: 10px; 
    border-radius: 20rem;
    border:5px solid var(--orange-light);
    transition-duration: .3s;
}
.dyn-prod-wrap:hover   {
    border:5px solid var(--red); border-radius: 1rem;
    transform: translateY(-1%);
    filter: brightness(100%) ;
}
.dyn-prod-wrap:hover   .dyn-prod-item {
     border-radius: 1rem;
}


.dyn-prod-item {   
    transition-duration: .3s;
    margin:auto;  border-radius: 10rem; height: 15rem; width: 15rem;
    background-size: 200%; background-position: center; background-repeat: no-repeat;
}




/* experiencia */
.dyn-bg-experience{   
    background-image: url(../imgs/bgMaderaNegra.jpeg);
    background-position: 5rem center;
    background-attachment: fixed; background-repeat: no-repeat;
    background-size: auto 100%;
}

.dyn-exper-icon {   height: 3.5rem;               }
.dyn-fx-exper {   
    background: inherit;
    transition-duration: .6s;
}
.dyn-fx-exper:hover {   
    background: #eee;
    transform: translateY(-3px);
}



/* forma de trabajo */
.dyn-proc-height {     height: 100%; }
.dyn-proc-icon {   height: 5rem;               }
.dyn-proc-number {   
    margin: auto; 
    width: 6rem; height:6rem; 
    position: relative; top:3rem;
    background: #D8A72B; border-radius: 10rem;    
}

.dyn-proc-number-1{       position: relative;    }
.dyn-proc-number-1::after {   
    position: absolute;
    content:""; 
    background: url(../imgs/icons/proceso/1.svg); 
    background-position: center ; background-size: cover;
    
    display: inline-table; text-align: center;  vertical-align: middle;

    top: -3rem; left:50%; margin-left: -3rem;
    width: 6rem; height:6rem; 
    border-radius: 10rem;   
}
.dyn-proc-number-2{       position: relative;    }
.dyn-proc-number-2::after {   
    position: absolute;
    content:""; 
    background: url(../imgs/icons/proceso/2.svg); 
    background-position: center ; background-size: cover;
    
    display: inline-table; text-align: center;  vertical-align: middle;

    top: -3rem; left:50%; margin-left: -3rem;
    width: 6rem; height:6rem; 
    border-radius: 10rem;   
}
.dyn-proc-number-3{       position: relative;    }
.dyn-proc-number-3::after {   
    position: absolute;
    content:""; 
    background: url(../imgs/icons/proceso/3.svg); 
    background-position: center ; background-size: cover;
    
    display: inline-table; text-align: center;  vertical-align: middle;

    top: -3rem; left:50%; margin-left: -3rem;
    width: 6rem; height:6rem; 
    border-radius: 10rem;   
}
.dyn-fx-proc {          transition-duration:.4s     }
.dyn-fx-proc:hover {    transform: translateY(-5px);       }
.dyn-fx-proc::before {       
    position: absolute;
    content:""; 
    background: url(../imgs/bloque4.png); 
    background-position: center; background-size: auto 100%; background-repeat: no;  
    aborder: 1px solid black;
    
    top: -.5rem; bottom: -.5rem; left:-.5rem; right:-.5rem;
    z-index: -1; 
}


/* contacto */
.dyn-btn-contact {
  background-color: var(--orange-light); 
  color: #222; 
  transition-duration: 0.4s;
  border: 3px solid var(--orange-light);
  font-weight: 500;
  border-radius: 5rem;
}
.dyn-btn-contact:hover {
  background-color: white; 
  color: #222;
  border: 3px solid var(--orange-light);
}
.dyn-a-contact { text-decoration: none; color: white;}
.dyn-a-contact:hover { text-decoration: underline; color: var(--orange-light);}
.dyn-tag-size-small { height: calc( 2.5rem  );   }

.dyn-prod-link {    
    text-decoration: none;
    color: black;
    transition-duration: .3s;
    border: 1px solid #ccc;
}
.dyn-prod-link:hover {    
    background-color: #333; color: var(--orange-light);
    border-radius: 3px;
}
.dyn-btn-prod {
    background-color: var(--grey-light);  
    color: #222; 
    transition-duration: 0.4s;
    border: 3px solid var(--orange-light);
    font-weight: 500;
    border-radius: 5rem;
}
.dyn-btn-prod:hover {
    background-color: var(--orange-light);
    color: #222;
}
.dyn-prod-menu{
    position: relative;    
    text-decoration: none;
    color: black;
    atransition-duration: .3s;
}
.dyn-prod-menu:hover {    
    background-color: #333; color: var(--orange-light);
    font-weight: 400;
    top: -1px;
}


/* floating whatsapp*/
.dyn-wa{
    z-index: 99999999;
    position:fixed;
    bottom:20px; 
    right:20px; 
}


/* we page*/
.dyn-we-hero{           position: relative; left: -10rem;       }
.dyn-we-border-top{         border-top: 1px solid #ccc;       }


/* + + + + + + + + + + + + +     MediaQueries utils     + + + + + + + + + + + + + */

    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorNormal) ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorNormal) ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorNormal) ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorNormal) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorNormal) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorNormal) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorNormal) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorNormal) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorNormal) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorNormal) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorNormal) ); }

    .dyn-prods-icons{           height:9rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-delivery-bordertop{    border-top: 3px solid #00B1DA;}
    .dyn-pillars-icons{         height:8rem;              }
    .dyn-process-icons{         height:7rem;              }
    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }
@media screen and (min-width: 1365px) {
    .dyn-bg-hero{   background: url(../imgs/guadiana/portadaGrande.png); 
        background-size: cover;     background-position: center;    background-repeat: no-repeat;
    }
}

@media screen and (min-width: 994px) and (max-width: 1365px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorSmallDesktop) ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorSmallDesktop) ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorSmallDesktop) ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorSmallDesktop) *.9 ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorSmallDesktop) * .9); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorSmallDesktop) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorSmallDesktop) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorSmallDesktop) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorSmallDesktop) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorSmallDesktop) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorSmallDesktop) ); }


    .dyn-bg-hero{   background: url(../imgs/guadiana/portadaDesktop.png); 
        background-size: cover;     background-position: center;    background-repeat: no-repeat;
    }

    .dyn-prod-item {                    height: 12rem; width: 12rem;        }

    .dyn-prods-icons{           height:9rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-delivery-bordertop{    border-top: 3px solid #00B1DA;}
    .dyn-pillars-icons{         height:8rem;              }
    .dyn-process-icons{         height:7rem;              }
    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }


}
@media screen and (min-width: 767px) and (max-width: 992px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorTablet) ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorTablet) *.6 ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorTablet) ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorTablet) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorTablet) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorTablet) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorTablet) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorTablet) * 1.05 ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorTablet) * 1.1 ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorTablet) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorTablet) ); }

    .dyn-navbar-bg{                     background-color: #eee; border: 1px solid black;   }
    .dyn-navbar-bg-logo{                background-color: #eee;    }
    .dyn-navbar-logo-height{            height: 2.5rem;    } 
    .dyn-bg-hero-grey{                  background: var(--darkgrey);    } 
    .dyn-bg-hero{   background: url(../imgs/guadiana/portadaDesktop.png); 
        background-size: cover;     background-position: center;    background-repeat: no-repeat;
    }
    .dyn-icon-hero-height{              height: 2rem;    } 
    .dyn-hero-mobile-top-height{        height: 40vh;    }
    .dyn-hero-mobile-bottom-height{     height: 60vh;    }
    .dyn-bg-white-transit{              background: none;    }
    .dyn-bg-transit{                    background-size: 400% ; background-attachment: unset;    }
    .dyn-fx-transit-movright:hover {           transform: translateX(0px) translateY(-5px);;    }
    .dyn-better-height{                 height: 5rem;    }

    .dyn-section-icon::before {   
        top: -1rem; left: 15rem; 
        width: 5rem; height:5rem; 
    }
    .dyn-section-icon-after::before { 
        top: -.5rem;   
        width: 5rem; height:5rem; 
    }
    .dyn-section-icon-center::before { 
        margin-left: -2.5rem;
        width: 5rem; height:5rem; 
    }
    .dyn-bg-prods-mobile{               background: var(--grey-light);        }
    .dyn-prod-item {                    height: 10rem; width: 10rem;        }
    .dyn-prod-spacing           {       height: 3rem;     }

    .dyn-proc-number-1::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }
    .dyn-proc-number-2::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }
    .dyn-proc-number-3::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }

    .dyn-fullheight-responsive  {   height: auto;               }
    .dyn-prods-icons{           height:9rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-bg-experience{         background-position: center;   background-attachment:unset;  background-size: 100% auto;     }
    .dyn-exper-icon {           height: 3rem;   max-width: 4rem;               }
    .dyn-delivery-bordertop{    border-top: 3px solid #00B1DA;}
    .dyn-pillars-icons{         height:8rem;              }
    .dyn-process-icons{         height:7rem;              }
    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-we-hero{               position: relative; left: 0rem;       }
    .dyn-we-border-top{         border-top: none;       }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorCelMini) ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorCelMini) *.6 ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorCelMini) ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorCelMini) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorCelMini) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorCelMini) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorCelMini) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorCelMini) * 1.2 ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorCelMini) * 1.1 ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorCelMini) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorCelMini) ); }

    .dyn-navbar-bg{                     background-color: #eee; border: 1px solid black;   }
    .dyn-navbar-bg-logo{                background-color: #eee;    }
    .dyn-navbar-logo-height{            height: 2.5rem;    } 
    .dyn-bg-hero-grey{                  background: var(--darkgrey);    } 
    .dyn-bg-hero{   background: url(../imgs/guadiana/portadaCel.png); 
        background-size: cover;     background-position: center;    background-repeat: no-repeat;
    }
    .dyn-icon-hero-height{              height: 2rem;    } 
    .dyn-hero-mobile-top-height{        height: 40vh;    }
    .dyn-hero-mobile-bottom-height{     height: 60vh;    }
    .dyn-bg-white-transit{              background: none;    }
    .dyn-bg-transit{                    background-size: 400% ; background-attachment: unset;    }
    .dyn-fx-transit-movright:hover {           transform: translateX(0px) translateY(-5px);;    }
    .dyn-better-height{                 height: 5rem;    }

    .dyn-section-icon::before {   
        top: -1rem; left: 13rem; 
        width: 4rem; height:4rem; 
    }
    .dyn-section-icon-after::before { 
        top: -.5rem;   
        width: 4rem; height:4rem; 
    }
    .dyn-section-icon-center::before { 
        margin-left: -2rem;
        width: 4rem; height:4rem; 
    }
    .dyn-bg-prods-mobile{               background: var(--grey-light);        }
    .dyn-prod-item {                    height: 10rem; width: 10rem;        }
    .dyn-prod-spacing           {       height: 3rem;     }

    .dyn-proc-number-1::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }
    .dyn-proc-number-2::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }
    .dyn-proc-number-3::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }

    .dyn-fullheight-responsive  {   height: auto;               }
    .dyn-prods-icons{           height:9rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-bg-experience{         background-position: center;   background-attachment:unset;  background-size: 100% auto;     }
    .dyn-exper-icon {           height: 3rem;   max-width: 4rem;               }
    .dyn-delivery-bordertop{    border-top: 3px solid #00B1DA;}
    .dyn-pillars-icons{         height:8rem;              }
    .dyn-process-icons{         height:7rem;              }
    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-we-hero{               position: relative; left: 0rem;       }
    .dyn-we-border-top{         border-top: none;       }
}
@media screen and (min-width: 425px) and (max-width: 576px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorCelMicro) ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorCelMicro) *.6 ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorCelMicro) ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorCelMicro) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorCelMicro) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorCelMicro) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorCelMicro) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorCelMicro) * 1.05 ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorCelMicro) * 1.1 ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorCelMicro) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorNormalfactorCelMicro) ); }

    .dyn-navbar-bg{                     background-color: #eee; border: 1px solid black;   }
    .dyn-navbar-bg-logo{                background-color: #eee;    }
    .dyn-navbar-logo-height{            height: 2.5rem;    } 
    .dyn-bg-hero-grey{                  background: var(--darkgrey);    } 
    .dyn-bg-hero{   background: url(../imgs/guadiana/portadaCel.png); 
        background-size: cover;     background-position: center;    background-repeat: no-repeat;
    }
    .dyn-icon-hero-height{              height: 2rem;    } 
    .dyn-hero-mobile-top-height{        height: 40vh;    }
    .dyn-hero-mobile-bottom-height{     height: 60vh;    }
    .dyn-bg-white-transit{              background: none;    }
    .dyn-bg-transit{                    background-size: 400% ; background-attachment: unset;    }
    .dyn-fx-transit-movright:hover {           transform: translateX(0px) translateY(-5px);;    }
    .dyn-better-height{                 height: 5rem;    }

    .dyn-section-icon::before {   
        top: -1rem; left: 13rem; 
        width: 4rem; height:4rem; 
    }
    .dyn-section-icon-after::before { 
        top: -.5rem;   
        width: 4rem; height:4rem; 
    }
    .dyn-section-icon-center::before { 
        margin-left: -2rem;
        width: 4rem; height:4rem; 
    }
    .dyn-bg-prods-mobile{               background: var(--grey-light);        }
    .dyn-prod-item {                    height: 10rem; width: 10rem;        }
    .dyn-prod-spacing           {       height: 3rem;     }

    .dyn-proc-number-1::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }
    .dyn-proc-number-2::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }
    .dyn-proc-number-3::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }

    .dyn-fullheight-responsive  {   height: auto;               }
    .dyn-prods-icons{           height:9rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-bg-experience{         background-position: center;   background-attachment:unset;  background-size: 100% auto;     }
    .dyn-exper-icon {           height: 3rem;   max-width: 4rem;               }
    .dyn-delivery-bordertop{    border-top: 3px solid #00B1DA;}
    .dyn-pillars-icons{         height:8rem;              }
    .dyn-process-icons{         height:7rem;              }
    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-we-hero{               position: relative; left: 0rem;       }
    .dyn-we-border-top{         border-top: none;       }
}
@media screen and (max-width: 424px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorCelMicro) ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorCelMicro) *.6 ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorCelMicro) ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorCelMicro) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorCelMicro) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorCelMicro) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorCelMicro) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorCelMicro) * 1.05 ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorCelMicro) * 1.1 ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorCelMicro) * 1.1 ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorNormalfactorCelMicro) ); }

    
    .dyn-navbar-bg{                     background-color: #eee; border: 1px solid black;   }
    .dyn-navbar-bg-logo{                background-color: #eee;    }
    .dyn-navbar-logo-height{            height: 2.5rem;    } 
    .dyn-bg-hero-grey{                  background: var(--darkgrey);    } 
    .dyn-bg-hero{   background: url(../imgs/guadiana/portadaCel.png); 
        background-size: cover;     background-position: center;    background-repeat: no-repeat;
    }
    .dyn-icon-hero-height{              height: 2rem;    } 
    .dyn-hero-mobile-top-height{        height: 40vh;    }
    .dyn-hero-mobile-bottom-height{     height: 60vh;    }
    .dyn-bg-white-transit{              background: none;    }
    .dyn-bg-transit{                    background-size: 400% ; background-attachment: unset;    }
    .dyn-fx-transit-movright:hover {           transform: translateX(0px) translateY(-5px);;    }
    .dyn-better-height{                 height: 5rem;    }

    .dyn-section-icon::before {   
        top: -1rem; left: 13rem; 
        width: 4rem; height:4rem; 
    }
    .dyn-section-icon-after::before { 
        top: -.5rem;   
        width: 4rem; height:4rem; 
    }
    .dyn-section-icon-center::before { 
        margin-left: -2rem;
        width: 4rem; height:4rem; 
    }
    .dyn-bg-prods-mobile{               background: var(--grey-light);        }
    .dyn-prod-item {                    height: 10rem; width: 10rem;        }
    .dyn-prod-spacing           {       height: 3rem;     }

    .dyn-proc-number-1::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }
    .dyn-proc-number-2::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }
    .dyn-proc-number-3::after {   top: -2rem; left:50%; margin-left: -2.5rem; width: 5rem; height:5rem; }

    .dyn-fullheight-responsive  {   height: auto;               }
    .dyn-prods-icons{           height:9rem;    position:relative;  top:0rem;          }

    .dyn-btn-contact {
        background-color: var(--orange-light); 
        color: #222; 
        transition-duration: 0.4s;
        border: 3px solid var(--orange-light);
        font-weight: 500;
        border-radius: 5rem;
      }
      .dyn-btn-contact:hover {
        background-color: white; 
        color: #222;
        border: 3px solid var(--orange-light);
      }

    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-bg-experience{         background-position: center;   background-attachment:unset;  background-size: 100% auto;     }
    .dyn-exper-icon {           height: 3rem;   max-width: 4rem;               }
    .dyn-delivery-bordertop{    border-top: 3px solid #00B1DA;}
    .dyn-pillars-icons{         height:8rem;              }
    .dyn-process-icons{         height:7rem;              }
    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-we-hero{               position: relative; left: 0rem;       }
    .dyn-we-border-top{         border-top: none;       }
}

/* + + + + + + + + + + + + +     END MediaQueries utils     + + + + + + + + + + + + + */