/*
Theme Name: NM Theme
Author: Nacho Macías
*/


/****************************** 
 *  Root - Variables - HTML
 *******************************/

 :root {
    /* Tipografía */
    --tipo-encabezado: 'Playfair Display';
    --tipo-subencabezado: 'Montserrat';
    --tipo-parrafo: 'Poppins';
    

    /* Colores */
    --primary-color: #ce2d0a;  
    --primary-w-opacity: #ce2d0a9e;  
    --primary-footer: #dd3333;
    --secondary-color: #f4f414;
    --tertiary-color: rgb(249, 122, 12);  
    --quaternary-color: rgb(23, 173, 78);   
    --quinary-color: #f9a86b;
    --senary-color: #f4efec;
    --septenary-color: #e0ae42;
    --octonary-color:#ffbe9f;
    --nonary-color:#c39c2e;
    --decenary-color: #d5c494;
    --color-white: #fff;
    --color-white-w-opacity: #ffffffd0;
    --color-black: #000000;
    --color-black-soft: #222222;
    --color-black-w-opacity: rgba(0, 0, 0, 0.45);
    --color-blue-grey: #b9c3c8;
    --color-grey-red: #978787;
    --color-black-light: #5b5b5b;
    --color-light-grey: #f5f5f5;
    --color-light-grey-two: #d7d7d7;
    --color-grey: #7a7a7a;  


    /* paleta colores coolors */

    --color-1: #b6a377;
    --color-2: #00171f;
    --color-3: #6b4d57;
    --color-4: #32746d;
    --color-5: #007991;


    /* Medidas */
    --top-prom-sec: 100rem;
  }


  
/************/
/* GLOBALES */
/************/
* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    vertical-align: baseline;
}


html {
    font-size: 62.5%; /* Facilita el cálculo a rems 1rem=10px */
    /* overflow-x: hidden;  */
}



/* Imágenes */

img, picture, video, iframe, figure {
    max-width: 100%;
    width: initial; /* Si indico 100% es incompatible con Safari y navegador móvil */
    display: block;
    object-fit: cover;
    object-position: center center;
}


/* Enlaces */

a {
    display: block;
}

p a {
    display: inline;
}


/* Listas */

li {
    list-style-type: none;
}

/* Configuramos anclas suaves */

html {
    scroll-behavior: smooth;
    overscroll-behavior: auto;
}

/* Desactivar estilos por defecto en etiquetas */

h1, h2, h3, h4, h5, h6, p, span, a, strong, blockquote, i, b, u, em {
    font-size: 1rem;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: none;
    color: inherit;
}


strong {     
    font-weight: 600;      
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--tipo-encabezado);
    font-size: 2rem;
    font-weight: 400;
}

p {
    font-size: 1.5rem;
    line-height: 2.2rem;
}

/* Evitar problemas con los pseudoelementos de quotes */
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* Configuramos el texto seleccionado */
::selection {
    background-color: var(--color-black);
    color: var(--color);
}

/* Nivelar problemas de tipografías y colocación en formularios */

form, input, textarea, select, button, label {
    font-family: inherit;
    font-size: inherit;
    hyphens: auto;
    background-color: transparent;
    display: block;
    color: inherit;
}

/* Reseteamos las tablas */

table, tr, td {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Evitar problemas con SVG */
svg {
    width: 100%;
    display: block;
    fill: currentColor;
}

/* Configuramos la tipografía de toda la web */
body {
    min-height: 100vh;
    width: 100%;
    font-size: 100%;
    font-family: var(--tipo-parrafo);
    color: var(--color-black);
    background: var(--color-light-grey);
    line-height: 1.4rem;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
      
}

/* 
.anchor {
    padding-top: 9rem;
} */

/* Esconder scrollbars */

/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
    display: none!important;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  * {
    -ms-overflow-style: none!important;  /* IE and Edge */
    scrollbar-width: none!important;  /* Firefox */
  }


/* Bootstrap reset */

.container-fluid {
    width: 100vw!important;
}

.row {
    width: 100%; /* Debo forzar el ancho como el ancho de pantalla para evitar desbordamiento - antes lo tenía a 100vw!important pero pruebo sólo con 100% y sin important*/
    margin: 0!important;
}

.nav {
    width: 100vw!important;
}


.nm-nav {
    width: 100vw!important;
    transition: all 0.5s;
    top: var(--top-prom-sec);
    background-color: var(--primary-color);
}


/* Bootstrap 5 columns */

.col-xs-5,

.col-sm-5,

.col-md-5,

.col-lg-5 {

  min-height: 1px;
  position: relative;

}

.col-xs-5 {

  float: left;

  width: 20%;

}




/* Varios */

.hide {
    display: none;
}

.columna {
    z-index: 999;
}


.current__paragraph__bold__text {
    font-size: calc(100% + 0.2rem);
    font-weight: 600;
    color: var(--secondary-color);
}


.material-symbols-outlined.middle__centered {
    display: flex!important;
    align-items: center;
}


.material-symbols-outlined.fill {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}



/*********************************************/
/*                   HOME                    */
/*********************************************/





/***************/
/*  PRELOADER  */
/***************/


#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--primary-color) none repeat scroll 0% 0%;
    z-index: 99999;
    }
    #page-loader .preloader-interior {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        width: 150px;
        height: 150px;
        margin: -75px 0 0 -75px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: var(--secondary-color);
     
        -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
              animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }
    #page-loader .preloader-interior:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: var(--cuarternay-color);
     
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }
     
    #page-loader .preloader-interior:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: var(--quaternary-color);
     
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }
     
    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }




/************/
/*  HEADER  */
/************/

header {
    background: transparent; 
    /* padding: 1rem 0;  */
    /* box-shadow: 0px 0px 20px rgba(0,0,0,0.25); */
}



/*    Header-top     */
/*-------------------*/

.top-header-prom {
    /* display: none; */
}

.top-header-prom {
    background-color: var(--secondary-color);
    color: var(--color-black);
    line-height: var(--top-header-nav);
    vertical-align: middle;
    height: var(--top-header-nav); 
     
}


.top-header-prom .h__prom__img {
    position: relative;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
}



.top-header-prom .h__prom__img img {
    margin: 0 auto; 
    height: 65%;
}


.h__prom__text h2 {
    position: relative;
    font-size: 2rem;
    font-weight: 500;
    text-align: right;
    margin: 2rem 2rem;
    width: 26rem;
    left: -100%;
}                    


.h__prom__text .instructive__text {
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: right;
    margin: 2rem 2rem 2rem 0;
}


.h__prom__text a {
    margin: 0 0 2rem 0;   
}


.nm__button {
    display: flex;
    background-color: var(--color-white);
    color: var(--color-black);
    border: solid 1px var(--tertiary-color);
    align-items: center;
}





/*    Navigation     */
/*-------------------*/


nav {
    /* position: fixed; */
    height: 10rem;
    width: 100%; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    /* padding-top: 4rem; */
    z-index: 99999;
}

.nav {
    flex-wrap: nowrap!important;
}

.logo-container {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0;
    z-index: 1000010;
}

.logo {
    margin-left: 5px;
    height: 54px!important;
    z-index: 100010;

    transition: all 0.5s;
}


.page-scrolled {
    background: #ffffff9e;
}



.nav-list .sub-menu li a {
    font-family: var(--tipo-parrafo);
    font-size: 1.2rem;
    color: var(--color-white);
    font-weight: 500;
    font-style: italic;
}

.nav-list-2 {
    display: none;
}


/*  Hamburguer Menu  */
/*-------------------*/

.hamburger__fixed {
    position:fixed; 
    top: 3rem; 
    right: 0;
}

.hamburger-btn {
    width: 40px;
    margin-right: 10px;
    cursor: pointer;
    z-index: 1000010;
    height: 4rem;
    background-color: var(--primary-w-opacity);
}

.hamburger-btn span {
    display: block;
    width: 80%;
    height: 2px;
    margin-right: 40px;
    background-color: var(--color-white);
    border-radius: 2px;
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    transform-origin: -16px 100%;
    transition: all 300ms;
    margin: auto;
   
}


.page-scrolled .hamburger-btn span {
    transform-origin: -14px 100%;
}



.page-scrolled .activeline1__bars-menu {
    transform: rotate(45deg) translate(4px, -8px);
}


.page-scrolled .activeline3__bars-menu {
    transform: rotate(-45deg) translate(-14px, 28px);
}



/* 
.page-scrolled .hamburger-btn span {
    background-color: var(--color-black);
} */

/* Cambio de color en páginas con fondo blanco */
/* 
.hamburger-btn.ch__color span {
    background-color: var(--quaternary-color);
} */

/* 
.hamburger-btn span:nth-child(2) {
    margin: 6px 0;
}  */

/* Only With Two Lines */

span.line2__bars-menu {
    opacity: 0;
    margin-left: -30px;
}

span.line1__bars-menu {
    margin-bottom: 0.6rem;
    margin-top: 1.3rem;
}



.activeline1__bars-menu {
    transform: rotate(45deg) translate(3px, -9px);
    margin-top: 0!important;
}

.activeline2__bars-menu {
    opacity: 0;
    margin-left: -30px;
}

.activeline3__bars-menu {
    transform: rotate(-45deg) translate(-15px, 28px);
}

.nav-list {
    position: fixed;
    width: 100%;
    height: 0vh;
    top: 0px;
    background-color: var(--primary-color);
    /* float: right; */
    text-align: left;
    transition: all .5s;
    z-index: 99999;
    padding-left: 0!important;
}


.nav-list li { 
    opacity: 0;
    display: none;
    /* line-height: 10px; */
    margin: 1.8rem 0 0 10%;
    transition: all 0.5s; 
}

.nav-list .nm__container__navlist { 
    opacity: 0;
    display: none;
    margin: 1.8rem 0 0 10%;
    transition: all 0.5s;
}

.nav-list .left__col { 
    opacity: 0;
    display: none;
    transition: all 0.5s;
}




.sub-menu li {
    margin: 0.5rem 0 0 0;
}

.nav-list .first-item {
    margin-top: 12rem; 
}


.nav-list li a {
    font-family: var(--tipo-subencabezado);
    width: max-content; /* Hago que el ancho de la etiqueta sea igual al contenido de la misma */ 
    color: var(--color-black-light);
    font-size: 1.5rem;    
    font-weight: 500;
    letter-spacing: 0.3rem;
    text-transform: uppercase;
    --clippy: polygon(0 0, 0 0, 0 100%, 0 100%);
}



.nav-list li a.active, .nav-list li a:hover {
    color: var(--quaternary-color);
    transition: 0.5s;
    --clippy: polygon(0 0, 100% 0, 100% 100%, 0 100%);
} 

.nav-list li a:after {
    content:"";
    display: block;
    background: var(--color-white);
    width: 100%;
    margin-top: 3px;
    height: 1px;
    clip-path: var(--clippy);
    transition: clip-path .5s;
}

.nav-list .sub-menu {
    display: flex;
    flex-direction: column;
}




.nav__label {
    display: block;
    font-size: 30px;
    color: var(--color-white);
    float: right;
    line-height: 75px;
    margin-right: 40px;
    cursor: pointer;
}

#check {
    display: none;
}

#check:checked ~ .nav-list {
    height: 100vh; 
    z-index: 999999;   
}


#check:checked ~ .nav-list .col__menu__list {
    padding-top: 14rem;
}



#check:checked ~ .nav-list li {
    opacity: 1;
    display: block;
}


#check:checked ~ .nav-list .nm__container__navlist {
    opacity: 1;
    display: block;
}

#check:checked ~ .nav-list .left__col {
    opacity: 1;
    display: block;
}


.nav-list .nm__container__navlist .div__w__img,
.nav-list .nm__container__navlist .who__i__am,
.nav-list li {
    -webkit-animation: 0.5s ease 0s normal forwards 1 fadein;
    animation: 0.5s ease 0s normal forwards 1 fadein;
}


@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}


#check:checked ~ .nav-list li a {
    color: var(--color-white);
}


#check:checked ~ .nav-list .sub-menu li a {
    font-family: var(--tipo-parrafo);
    font-size: 1.2rem;
    color: var(--color-white);
    font-weight: 500;
    font-style: italic;
}

#check:checked ~ .nav-list .sub-menu li:first-child a {
    margin-top: 1rem;
}

#check:checked ~ .nav-list .sub-menu li:last-child a {
    margin-bottom: 1rem;
}

.page-scrolled #check:checked ~ .hamburger-btn span {
    background-color: var(--color-white);
}

.checkbtn span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--color-red);
    border-radius: 2px;
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    transform-origin: 0px 100%;
    transition: all 300ms;
    z-index: 10000;
} 

.checkbtn span:nth-child(2) {
    margin: 6px 0;
} 






/********************/
/*    SECTION ONE   */
/********************/


/**************/
/*    Hero    */
/**************/

#carouselIndicators .carousel-inner img {
    max-height: 17.5rem;
}


#carouselIndicators .carousel-caption {
    bottom: 15%;
}



#carouselIndicators .carousel-caption h5 {
    font-size: 2.5rem;
}

#carouselIndicators .hero__carousel__text {
    background-color: var(--color-white);
    color: var(--color-black-light);
    border-radius: 1rem;
}


#carouselIndicators .nm__button,
.section-four .content .nm__button {
    background-color: var(--primary-color);
    color: var(--color-white);
    width: 60%;
    justify-content: center;
    margin: 3rem auto 0 auto;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    text-align: center;
}



/********************/
/*    SECTION TWO   */
/********************/

.section-two {
    padding-top: 3rem;
    padding-bottom: 3.5rem;
}

.home .section-two h1 {
    font-family: var(--tipo-subencabezado);
    color: var(--color-black-soft);
    text-align: center;
    font-weight: 700;
}

.home .section-two h2 {
    text-align: center;
    margin-bottom: 2rem;
}


.home .section-two p {
    margin-left: 1.5rem;
    font-size: 1.29rem;
}


/**********************/
/*    SECTION THREE   */
/**********************/

.home .section-three {
    padding-top: 3rem;
    padding-bottom: 3.5rem;
    background-color: var(--quaternary-color);
}

.home .section-three h2 {
    font-family: var(--tipo-subencabezado);
    font-weight: 600;
    color: var(--color-white);
    text-align: center;
}



.home .section-three h3 {
    color: var(--decenary-color);
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 2rem auto;
}


.home .section-three p {
    margin-top: 0.5rem;
    margin-left: 1.5rem;
    font-size: 1.29rem;
    line-height: 1.8rem;
    color: var(--color-white);
}

.home .services img {
    border-radius: 15rem;
    margin: 0 auto;
    height: 18rem;
    border: solid 0.5rem var(--decenary-color);
}

.home .services h4 {
    text-align: center;
    color: var(--secondary-color);
    margin: 1rem auto;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 0.4rem;
}

.home .section-three .services p {
    text-align: center;

}

.home .section-three .nm__col {
    margin: 2rem auto;
}





/**********************/
/*    SECTION FOUR    */
/**********************/

.home .section-four {
    padding: 3rem 0 0 0;
    background-image: url(./images/Jardincasa.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 60rem;
}

.home .section-four .row {
    margin-bottom: 3rem!important;
    padding-bottom: 3rem;
    border-bottom: solid 1px var(--secondary-color);
}

.home .section-four .content {
    background-color: var(--color-white-w-opacity);
    margin: 3%;
    padding: 2rem 1rem;
}

.home .section-four .c__logo {
    height: 7rem;
    margin: 0 auto;
}


.home .section-four h4 {
    text-align: center;
    margin-top: 2rem;
    font-size: 2.7rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.home .section-four p {
    font-size: 1.29rem;
    line-height: 2rem;
    text-align: center;
}

.home .section-four h5 {
    font-family: var(--tipo-parrafo);
    text-align: center;
}

.home .section-four .p__1 {
    margin-top: 2rem;
}

.home .section-four .t__1 {
    margin-top: 2rem;
    text-align: center;
}

.home .section-four .rrss__buttons {
    display: flex;
    justify-content: center;
}
.home .section-four .rrss__buttons img {
    height: 3rem;
    width: auto;    
}

.home .section-four .rrss__buttons a {
    padding: 0.5rem 2rem;
    margin: 1rem;
}









/* **************************************** */
/*                 PAGES                    */
/* **************************************** */






/*               SOBRE MI                  */
/* *************************************** */











/*                  BLOG                   */
/* *************************************** */


.blog__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.blog__content .page-title {
    text-align: center;
}


.blog__content .side-bar__column h2,
.blog__content .side-bar__column h2 strong {
    font-family: var(--tipo-subencabezado);
    font-size: 1.5rem;
}


.blog__content .post-thumbnail img {
    width: 100%;
    height: 15rem;
}


.blog__content .post-title a {
    font-family: var(--tipo-encabezado);
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin: 2rem auto;
}


.blog__content .blog-post {
    margin-top: 6rem;
}

.blog__content .post-content p,
.blog__content .post-content p strong {
    font-size: 1.29rem;
    line-height: 1.9rem;
}




/*             BLOG - ARCHIVO              */
/* *************************************** */


.archive .content {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.archive .page-title {
    text-align: center;
}


.archive .side-bar__column h2 {
    font-family: var(--tipo-subencabezado);
    font-size: 1.5rem;
}


.archive .post__main__image {
    width: 100%;
    height: 15rem;
    margin: 0 auto;
}


.archive .blog-post a h1 {
    font-family: var(--tipo-encabezado);
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin: 2rem auto;
}


.archive .blog-post {
    margin-top: 6rem;
}

.archive .blog-post p,
.archive .blog-post p strong {
    font-size: 1.29rem;
    line-height: 1.9rem;
}


















/*         ENTRADA INDIVIDUAL BLOG         */
/* *************************************** */

.single-post .content {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.single-post h1 {
    font-family: var(--tipo-encabezado);
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin: 2rem auto;
}

.single-post .single__post__content {
    margin-top: 2rem;
}


.single-post .single__post__content .post__main__image {
    margin: 0 auto;
}


.single-post .single__post__content h2,
.single-post .single__post__content h2 strong {
    margin: 1.2rem auto 2rem auto;
    font-family: var(--tipo-subencabezado);
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 400;
}

.single-post h3,
.single-post h3 strong{
    font-family: var(--tipo-subencabezado);
    font-size: 1.29rem;
    margin-top: 2rem;
    font-weight: 600;
}

.single-post p,
.single-post p strong {
    font-size: 1.29rem;
    line-height: 2rem;
}

.single-post p em {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-style: italic;
}

.single-post .single__post__content p a {
    font-size: 1.29rem;
    font-weight: 600;
    color: var(--quaternary-color);
}

.single-post .single__post__content ul li,
.single-post .single__post__content ul li strong,
.single-post .single__post__content ol li,
.single-post .single__post__content ol li strong {
    font-size: 1.29rem;
    line-height: 1.8rem;
    margin-bottom: 1.8rem;
}


.single-post .single__post__content ul li a {
    font-size: 1.29rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: var(--quaternary-color);
}






/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */


.contact__hebe__hero .w-img {
    background-image: url('./images/jardines.jpg');
    position: relative;    
    height: 33rem;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: -1;
}


.contact__hebe__hero .w-img:before {
    opacity: 0.2;
}


.contact__hebe__hero {
    text-align: center;
}


.contact__hebe__hero h1 {
    position: relative;
    padding-top: 14rem;
    /* padding-bottom: 10rem; */
    font-family: var(--tipo-encabezado);
    font-size: 3rem;
    font-style: italic;
    color: var(--color-white);
}


.contact__hebe__body {
    width: 100vw;
}

.contact__hebe__body .nm-container {    
    width: 90%;
    margin: 0 auto;
}

.contact__hebe__body .content-contact {
    background-color: var(--color-white);
    margin-top: -40%!important;
    margin-bottom: 2rem!important;
    padding-bottom: 2rem;
    z-index: 99999;
}


.contact__hebe__body .content-contact .subtitle h3 {
    font-family: var(--tipo-encabezado);
    padding: 2rem 0;
    font-size: 3rem;
    color: var(--primary-color);
    text-align: center;
}

.contact__hebe__body .content-contact .subtitle.plus__padding h3 {
    padding-top: 6rem;
    padding-bottom: 1rem;
}



.contact__hebe__body .content-contact .contact-data .col-10.col-md-9 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.contact__hebe__body .content-contact .contact-data.first__row {
    margin-top: 3rem!important;
}

.contact__hebe__body .content-contact .contact-data.other__row {
    margin-top: 1.5rem!important;
}


.contact__hebe__body .content-contact .contact-data p {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 400;
    margin-bottom: 0;
    color: var(--color-black);
}

.contact__hebe__body .content-contact .img-container img {
    margin: 0 auto;
}



.form-control:focus {
    box-shadow: none;
}





.contact__hebe__body .content-contact #responsive-form label {
    margin-top: 2.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    font-family: var(--tipo-parrafo);
    line-height: 2.5rem;
    font-style: italic;
    color: var(--color-black-soft);
    text-align: left;
    
}



.contact__hebe__body .content-contact #responsive-form input {
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 1rem;
    
} 


.contact__hebe__body .content-contact #responsive-form input.btn {
    margin-top: 2rem;
    background-color: var(--primary-color);
    color: var(--color-white);
}


.contact__hebe__body .content-contact #responsive-form input.btn:hover {
    background-color: var(--quaternary-color);
} 


.contact__hebe__body .content-contact #responsive-form .fe-acceptance-rgpd {
    display: flex;
    margin: 0.8rem 0 0.1rem 0;
}




.contact__hebe__body .content-contact #responsive-form .fe-acceptance-rgpd input {
    height: 1.1rem;
}




.contact__hebe__body .content-contact #responsive-form .fe-acceptance-rgpd p,
.contact__hebe__body .content-contact #responsive-form .fe-acceptance-rgpd a {
    font-size: 1rem;
    line-height: 1.2rem;
}

.contact__hebe__body .content-contact #responsive-form .fe-acceptance-rgpd a {
    font-weight: 600;
}

.contact__hebe__body .content-contact #responsive-form .fe-acceptance-rgpd p {
    margin-left: 0.8rem;
}




.contact__hebe__body .content-contact #responsive-form .fe-first-layer {
    border: solid 0.1rem var(--color-black);
    padding: 1rem;
}

.contact__hebe__body .content-contact #responsive-form .fe-first-layer p,
.contact__hebe__body .content-contact #responsive-form .fe-first-layer strong,
.contact__hebe__body .content-contact #responsive-form .fe-first-layer a {
    font-size: 1rem;
    line-height: 1.4rem;
}



.contact__hebe__body .content-contact #responsive-form .fe-first-layer p {
    margin-bottom: 0;
}














/*******************************/
/*       PÁGINAS LEGALES       */
/*******************************/

.page-template-t_page_plain{
    background-color: var(--color-white);
}

.header__plain__text {
    height: 5rem;
}

.nm__container.plain__text {
    margin: 0 3rem;
    font-weight: 600;
}


.nm__container.plain__text p,
.nm__container.plain__text a,
.nm__container.plain__text ul li {
    font-size: 1.2rem;
    font-weight: normal;
}



.nm__container.plain__text strong {
    font-size: 2rem;
}

.nm__container.plain__text p strong {
    font-size: 1.2rem;
}




  
/* **************************************** */
/*          GRACIAS POR CONTACTAR           */
/* **************************************** */



.thank-text {
    margin-top: 15rem;
    
}


.thank-text h3 {
    margin: 0 auto;
    text-align: center;
    color: var(--color-white);
    font-size: 2rem;
}


.thank-text-2 {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.thank-text-2 h4 {    
    margin: 0 auto;
    text-align: center;
    color: var(--color-white);
    font-size: 1.5rem;
}



/*******************************/
/*       CALL TO ACTION        */
/*******************************/

.nmh__call__to__action {
    margin-top: 3rem;
    background-color: var(--primary-color);
    padding: 2rem 3rem;
}

#who__we__are .nmh__call__to__action {
    padding: 2rem 1rem;
}

.nmh__call__to__action h3,
.nmh__call__to__action label,
.nmh__call__to__action p {
    color: var(--color-black-soft);
}

.nmh__call__to__action label {
    margin-top: 1rem;
}

.nmh__call__to__action h3 {
    text-align: center;
}

.nmh__call__to__action .nmh__title__cta {
    margin-bottom: 2rem;    
    font-size: 1.29rem;
    line-height: 1.8rem;
}

.nmh__call__to__action .fe-acceptance-rgpd.fe-subscribe {
    display: inline-flex;
    margin-top: 2.5rem;
}


.nmh__call__to__action .fe-acceptance-rgpd.fe-subscribe p {
    text-align: left;
    margin-left: 0.5rem;
    font-weight: 600;
}

.nmh__call__to__action .fe-acceptance-rgpd.fe-subscribe input {
    height: 1rem;
    margin-top: 0.2rem;
}


.nmh__call__to__action .fe-first-layer {
    padding: 1rem;
    /* border: solid 1px var(--quaternary-color); */
}

.nmh__call__to__action p.fe-layer-text,
.nmh__call__to__action .fe-layer-text strong {
    font-size: 1rem;
}

/***********************/
/*       FOOTER        */
/***********************/

.container-chat {    
    position: fixed;
    bottom: 3rem;
    right: 1rem;
    z-index: 1000020;    
}

.container-totop {    
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 10rem;
    right: -0.2rem;
    z-index: 1000020; 
}

.container-totop .nm-icon {
    transform: scale(1, 1) translate(0px, 0px) rotate(270deg);
    position: relative;
    bottom: 2rem;
    right: 0.7rem;    
}


.container-totop .nm-icon svg {
    fill: rgb(249, 122, 12); 
    height: 4rem;
}

.container-totop #top {
    transform: scale(1, 1) translate(0px, 0px) rotate(90deg);
}


.container-totop #top p {
    font-size: 1rem;
    color: var(--tertiary-color);
    font-weight: 600;
}


.container-totop a {
    color: var(--color-white);
}



.container-chat a,
.container-totop a {
    display: flex;
    justify-content: end;
}

.container-totop a:hover {
    color: var(--color-white);
}


footer {
    background-color: var(--primary-footer);
}



footer .row {
    width: auto!important; /* No quitar. Debo forzar el width auto debido a que en el RESET he indicado el ancho como ancho de pantalla para evitar desbordamiento */
}

footer .nm-container {
    /* margin: 0 2.4rem 2.5rem 2.4rem; */
    text-align: center;
}


footer .foto__fran__footer {
    margin: 0 auto;
    height: 20rem;
}



footer .nm-container h2 {   
    font-family: var(--tipo-encabezado);
    font-size: 2.3rem;
    text-align: center;
    color: var(--tertiary-color);
    margin: 2rem 0 5rem 0;
}


footer h4 {
   font-family: var(--tipo-encabezado);
   font-size: 2.5rem;
   font-weight: 600;
   margin-top: 3rem;
}



footer ul li {
    color: var(--color-white);    
}

footer ul li a {
    font-size: 1.29rem;
    line-height: 2.5rem;
    color: var(--color-black);
}

footer.ch__color ul li a {
    color: var(--tertiary-color);
    font-weight: 600;
}



footer.ch__color p {
    color: var(--tertiary-color);
    font-weight: 600;
}




.top__bottom__footer {
    background-color: var(--primary-footer);
    padding: 1rem;
}

footer .legal__area a {
    color: var(--color-white);
    text-align: center;
}


footer .top__bottom__footer .kit-digital-div img {
    margin: 1rem auto;
    height: 4rem;
}




footer .sm p, footer .sm span {
    font-size: 1rem;
    line-height: 2.5rem;
    color: var(--color-white);
    margin: 0;
    text-align: center;
}



footer .legal__area .col-md-12 {
    margin-bottom: 2rem;
}




/********************************************************************************************************************************/
/******************************************************  MEDIA QUERYS  **********************************************************/
/********************************************************************************************************************************/



/*******************************************************
 *                         360 px
 *******************************************************/ 
 @media only screen and (min-width: 22.5em) {     
    

  
    
/*******************/
/*     HEADER      */
/*******************/


/*    Header-top     */
/*-------------------*/

.h__prom__text h2 {
    left: -80%;
}                    

.h__prom__text a {
    margin: 0 0 2rem 0;
    display: flex;
    width: 11rem;
    margin: 0 auto;
    align-items: center;
}



/*    Navigation     */
/*-------------------*/


/*  Hamburguer Menu  */
/*-------------------*/

.nav-list .first-item {
    margin-top: 18rem;
}

.nav-list li a {
    
    font-size: 1.8rem;
    
}

#check:checked ~ .nav-list .sub-menu li a {
   
    font-size: 1.4rem;
   
}




.activeline1__bars-menu {
    transform: rotate(45deg) translate(3px, -9px);
    margin-top: 0!important;
}

.activeline3__bars-menu {
    transform: rotate(-45deg) translate(-15px, 28px);
}






    
/*******************/
/*      HERO       */
/*******************/


#carouselIndicators .carousel-inner img {
    max-height: 19.5rem;
}




    
/*******************/
/*   SECTION ONE   */
/*******************/


    .container-text {
        position: absolute;
        bottom: 0;
        padding: 0 1.5rem 2rem 1.5rem;
    }





    .section-one .subtitle-img {
        font-size: 2.9rem;
    }

    .section-one .bottom-text {       
        font-size: 1.5rem;  
        line-height: 2rem;      
    }


     
/*******************/
/*   SECTION TWO   */
/*******************/
/* 
.section-two {
    margin-bottom: 9rem;
} */
/* 
.section-two .w-background {
    height: 76rem;
}

    .section-two .section-title {        
        font-size: 5.2rem;       
    }


    .section-two .w-background .to-bottom .bottom-text {
        
        margin-top: 1.4rem;
    }

    .section-two .bottom-text p {
        
        font-size: 1.5rem;
        
    } */









    
     
/*******************/
/*   SECTION FOUR   */
/*******************/

/* 
    .section-four .row .main__text__section {
        
        font-size: 1.5rem;
    }


    .section-four .row .middle-text {
        font-size: 1.5rem;
    } */

    .home .section-four .team p.team-mail {
        font-size: 1.1rem;
    }

     
/*******************/
/*   SECTION SIX   */
/*******************/


    .section-six .row .w-text .middle-text {
        font-size: 1.5rem;
    }




    
     
/*********************/
/*   SECTION EIGHT   */
/*********************/


.section-eight .w-img {
    height: 72.5rem;
}

    .section-eight .bottom-text p {
        font-size: 1.5rem;
    }

    .section-eight .bottom-text {
        margin-right: 6rem;
    }




    
/* **************************************** */
/*                  PAGES                   */
/* **************************************** */

    


/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */


.contact__hebe__hero .w-img {      
    height: 37rem;    
}


.contact__hebe__hero h1 {   
    font-size: 4.7rem;   
    padding-top: 15rem; 

}







    
/* **************************************** */
/*                  FOOTER                  */
/* **************************************** */


.container-chat {    
    bottom: 3rem;
    right: 0.6rem;
}


.container-chat img {  
    width: 4rem;
    height: auto;
}


.container-totop img{
    width: 3.8rem;
    height: auto;
}



footer .nm-container .sm p, footer .nm-container .sm span {
    font-size: 1.2rem;
}





footer .kit-digital-logo {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}








}

/*******************************************************
 *                         480 px
 *******************************************************/   
 @media only screen and (min-width: 30em) {   


/************/
/*  HEADER  */
/************/

/*    Header-top     */
/*-------------------*/

.top-header-prom .h__prom__img {
    height: 24rem;
}

.top-header-prom .h__prom__img img {
    /* height: 40%; */
}



.h__prom__text h2 {
    width: 30rem;
    left: -50%;
}


/*    Navigation     */
/*-------------------*/


.logo {
    margin-left: 10px;
    height: 50px!important;
}


nav {
    
    height: 10rem;
   
}
/* 
#check:checked ~ .nav-list {
    padding-top: 23rem;
} */


#check:checked ~ .nav-list .col__menu__list {
    padding-top: 23rem;
}



    
/*******************/
/*   SECTION ONE   */
/*******************/


/*******************/
/*      HERO       */
/*******************/


#carouselIndicators .carousel-inner img {
    max-height: 25.5rem;
}





#carouselIndicators .carousel-caption h5 {
    font-size: 4rem;
}

#carouselIndicators .hero__carousel__text {
    width: fit-content;
    margin: 0 auto;
    padding: 0.5rem 1rem;
}


#carouselIndicators .nm__button,
.section-four .content .nm__button {
    font-size: 2rem;
    width: 80%;   
    line-height: 2.5rem; 
}






/*******************/
/*   SECTION TWO   */
/*******************/

.home .section-two .text__container {
    background-color: var(--color-white);
    margin-top: 2rem;
    padding: 2rem 4rem;
}

.home .section-two .nm__button {
    width: 65%;
    margin: 2.5rem auto 0 auto;
}

/*********************/
/*   SECTION THREE   */
/*********************/







/*********************/
/*   SECTION FOUR    */
/*********************/





/*********************/
/*   SECTION SIX     */
/*********************/

.home .section-six .text__container {   
    padding: 1rem 3rem;
}



/*********************/
/*   SECTION EIGHT   */
/*********************/




/****************************/
/*   PREGUNTAS FRECUENTES   */
/****************************/


.faq__hero h2 {
    padding: 2rem 0;
}

ul.accordion-list li h3 {
   
    font-size: 1.8rem;
    line-height: 2.6rem;
    
}

div.answer p {
    
    font-size: 1.6rem;
    
}









/****************************/
/*          PAGES           */
/****************************/








/*****************************/
/*         SERVICES          */
/*****************************/


.service__page .services__main__text .nm__container {
    margin: 0 5rem;
}


.services__types .nmh__card {
    width: 35rem;
    height: 44rem;
}





/**********************************/
/*        SOBRE NOSOTROS          */
/**********************************/






/*                  BLOG                   */
/* *************************************** */


.blog__content .post-thumbnail img {
    width: 100%;
    height: 30rem;
}



/*             BLOG - ARCHIVO              */
/* *************************************** */


.archive .post__main__image {
    width: 100%;
    height: 30rem;    
}






/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */


.contact__hebe__hero .w-img {      
    height: 48rem;    
}


.contact__hebe__hero h1 {   
    padding-top: 20rem; 

}



.contact-data .col-icon {
    text-align: right;
}



.contact__hebe__body .content-contact #responsive-form .fe-acceptance-rgpd {
    margin: 1rem 0 1.5rem 0;
}

.contact__hebe__body .content-contact #responsive-form .fe-acceptance-rgpd p, 
.contact__hebe__body .content-contact #responsive-form .fe-acceptance-rgpd a {
    font-size: 1.2rem;
    line-height: 1.2rem;
}


  
/* **************************************** */
/*          GRACIAS POR CONTACTAR           */
/* **************************************** */



.thank-text {
    margin-top: 18rem;
    
}





/* **************************************** */
/*               FOOTER                     */
/* **************************************** */


    .container-chat {    
        bottom: 9rem;
        right: 0.6rem;
    }


    .container-chat img {           
        width: 4rem;
        height: auto;       
    }


    .container-totop {       
        bottom: 18rem;        
    }


    .container-totop img {           
        width: 5.3rem;
        height: auto;       
    }


    footer .top__bottom__footer .kit-digital-div img {
        margin: 1rem auto;
        height: 8rem;
    }

}

/*******************************************************
 *                         600 px
 *******************************************************/ 
@media only screen and (min-width: 37.5em) {         


h3 {
    font-size: 2.7rem;
}

p {
    font-size: 1.8rem;
    line-height: 2.5rem;
}




    
/************/
/*  HEADER  */
/************/





/*    Header-top     */
/*-------------------*/


.top-header-prom .h__prom__img img {
    height: 90%;
}

.h__prom__text h2 {
    width: 40rem;
    left: -55%;
}



    
.h__prom__text .instructive__text {
    font-size: 1.1rem;
    line-height: 1.4rem;
}

.h__prom__text a {
   
    display: flex;
    width: 20rem;
    text-align: center;
    margin: 0 auto;
    justify-content: center;

}


/*    Navigation     */
/*-------------------*/

nav {
    height: 8rem;
}



.logo {
    margin-top: 0.2rem;
    margin-left: 2rem;
    height: 5rem!important;
}


/*  Hamburguer Menu  */
/*-------------------*/

.nav-list .first-item {
    margin-top: 21rem;
}
/* 
#check:checked ~ .nav-list {
    padding-top: 20rem;
} */

#check:checked ~ .nav-list .col__menu__list {
    padding-top: 20rem;
}



/*******************/
/*      HERO       */
/*******************/


#carouselIndicators .carousel-inner img {
    max-height: 32.5rem;
}







/*******************/
/*   SECTION ONE   */
/*******************/

#hero .clip-image-container {
    height: 60rem;
}

#hero .clip-image-container .text__container {
    margin: 30rem 10% auto 10%;
}



/*******************/
/*   SECTION TWO   */
/*******************/

.home .section .nm-container {
    margin: auto 2rem;
}




.home .section h1 {
    font-size: 3rem;
    font-weight: 600;
}


.home .section h2 {
    font-size: 2.5rem;
}


.home .section h3 {
    font-size: 2.5rem;
}

.home .section-two p {
    font-size: 1.50rem;
}


.home .section-two .nm-container img {
    height: 50rem;
    margin: 0 auto;
}


.home .section-two .nm-container .second__col {
    padding: 0 10rem;
}
    
/*********************/
/*   SECTION THREE   */
/*********************/

.home .section-three p {
    font-size: 1.50rem;
    line-height: 2.2rem;
}

/*********************/
/*   SECTION FOUR    */
/*********************/

.home .section-four .title-section {
    font-size: 4rem;
}


.home .section-four .content {
    margin: 3% 8%;
    padding: 2rem 6rem;
}

.home .section-four p {
    font-size: 1.5rem;
}


/**********************/
/*    SECTION FIVE    */
/**********************/

.home .section-five .resource__img__col {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.home .section-five .freebie__second__column {
    padding-right: 2rem;
}



/*********************/
/*   SECTION SIX     */
/*********************/

.home .section-six .nm__img__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}




/*********************/
/*   SECTION SEVEN   */
/*********************/

.home .section-seven .container__bg p {    
    width: 75%;    
}

.home .section-seven .nm__button {    
    width: 45%;
}




/*********************/
/*   SECTION EIGHT   */
/*********************/

.home .section-eight .testimonial__container {
    margin: 3rem 7rem 5rem 7rem;
}


.home .section-eight .carousel-indicators {
    margin-bottom: 2rem;
}


/****************************/
/*   PREGUNTAS FRECUENTES   */
/****************************/

.faq__hero h2 {
   
    font-size: 5.8rem;
}

ul.accordion-list li h3 {
    font-size: 2.2rem;
    line-height: 3.2rem;
}


div.answer p {
    font-size: 2rem;
}





/****************************/
/*          PAGES           */
/****************************/








/**********************/
/*   FREE RESOURCES   */
/**********************/

.free__resources .section-one .resource__img__col {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.free__resources .section-one .freebie__second__column {
    padding-right: 2rem;
}















  
/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */



.contact__hebe__hero .w-img {      
    height: 76rem;    
}


.contact__hebe__hero h1 {   
    font-size: 6.8rem;    
    padding-top: 36rem; 
}

.contact__hebe__body .content-contact .subtitle h3 {
    font-size: 3.5rem;


}


.contact__hebe__body .content-contact .contact-data p {
    font-size: 1.6rem;
    line-height: 2.8rem;
}


#responsive-form label {    
    font-size: 1.8rem;   
    line-height: 2.7rem; 
}


#responsive-form input, #responsive-form select, #responsive-form textarea {    
    font-size: 2.1rem;
}


#responsive-form .fe-first-layer p, #responsive-form .fe-first-layer strong {
    font-size: 0.9rem;
    line-height: 1.3rem;
}


#responsive-form .btn-enviar-datos {
    margin: 3rem auto 2rem auto;
    padding: 1rem 0 1rem 0;
    width: 16rem;
}




/***************************/
/*     CALL TO ACTION      */
/***************************/

.nmh__call__to__action {
    padding: 2rem 7rem;
}


#who__we__are .nmh__call__to__action {
    padding: 2rem 3rem;
    margin: 3rem;
}



/****************************/
/*         FOOTER           */
/****************************/


.container-chat img {    
    width: 4rem;
    height: auto;
}

.container-totop img {    
    width: 6.3rem;
    height: auto;
}


footer .nm-container h2 {
    font-size: 3.5rem;
}

footer p, footer .legal__area a {
    font-size: 1.5rem;
    line-height: 2rem;
}

footer h4 {
    font-size: 2.4rem;
    margin-top: 4rem;
}



footer ul li a {
    font-size: 1.4rem;
    line-height: 2rem;
    
}






}

/*******************************************************
 *                         700 px
 *******************************************************/ 
@media (min-width: 43.75em) {     



    
    /*********************/
    /*    Navigation     */
    /*********************/




    .col-md-8 {
        /* -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%!important;
        flex: 0 0 33.33333%!important;
        max-width: 33.33333%!important; */
    }

    

            
        /***********************/
        /*     Section Six     */
        /***********************/

        .section-six .row .w-img {
          height: auto;
        }




}

/*******************************************************
 *                         768 px
 *******************************************************/ 
@media (min-width: 48em) {     
   

/* Bootstrap 5 columns  */

.col-sm-5 {

    float: left;

    width: 20%;

  }



/* 
#check:checked ~ .nav-list {
    padding-top: 30rem;
} */


#check:checked ~ .nav-list .col__menu__list {
    padding-top: 30rem;
}
  

#check:checked ~ .nav-list .nm__container__navlist {
    padding-top: 30rem;
}


    
/************/
/*  HEADER  */
/************/




/*    Header-top     */
/*-------------------*/

.top-header-prom {
    position: relative;
    display: flex;
    /* position: fixed; */
    background-color: var(--secondary-color);
    top: 0;
    width: 100%;
    height: fit-content;
    /* height: var(--top-header-nav);    */
    z-index: 999999;
}


.top-header-prom .h__prom__img {
    display: flex;
    align-items: flex-end;
    justify-content: center;    
    height: auto;
}


.top-header-prom .h__prom__img img {
    position: absolute;
    height: 95%;
}

.h__prom__text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 2.5rem;
}


.h__prom__text h2 {
    position: relative;
    font-size: 2rem;
    font-weight: 500;
    text-align: right;    
    margin: 2rem 2rem 2rem 0;
    width: 100%;
    left: -2rem;
    
}                  




.h__prom__cta {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 3.5rem;

}


/*    Navigation     */
/*-------------------*/


.logo {
    margin-top: 10px;
    margin-left: 20px;
    height: 60px!important;
}

.hamburger-btn {
    width: 55px;
    /* margin-right: 60px;
    margin-top: 0px; */
    height: 5rem;
}


nav {   
    margin-top: var(--top-header-nav);
}



/* Hamburguer Menu */

.nav-list {    
    width: 60%;
    right: 0px;    
}

.hamburger-btn span:nth-child(2) {
    margin: 0px 0px;
}

.hamburger-btn span {
    height: 3px;
    transform-origin: -15px 50%;
}

span.line1__bars-menu {
    margin-bottom: 0.6rem;
    margin-top: 1.8rem;
}


.activeline1__bars-menu {
    transform: rotate(45deg) translate(6px, -10px);
}

.activeline3__bars-menu {
    transform: rotate(-45deg) translate(-18px, 34px);
}



.page-scrolled .activeline1__bars-menu {
    transform: rotate(45deg) translate(6px, -8px);
}

.page-scrolled .activeline3__bars-menu {
    transform: rotate(-45deg) translate(-18px, 34px);
}




/*******************/
/*   SECTION ONE   */
/*******************/




/*******************/
/*      HERO       */
/*******************/


#carouselIndicators .carousel-inner img {
    max-height: 41.5rem;
}


#carouselIndicators .carousel-caption {
    bottom: 35%;
}


#carouselIndicators .nm__button,
.section-four .content .nm__button {
    width: 65%;    
}




/*******************/
/*   SECTION  TWO  */
/*******************/


.home .section-two .nm-container .second__col {
    padding: 0 1rem;
}


/*******************/
/*  SECTION THREE  */
/*******************/

.home .section-three p {
    margin-left: 0;
}



/***********************/
/*    SECTION  FOUR    */
/***********************/
.home .section-four .team img {
    max-height: 40rem;
    max-width: 25rem;
    margin: 0 auto;
}




/***********************/
/*    SECTION  FIVE    */
/***********************/






/*******************/
/*   SECTION SIX  */
/*******************/



.home .section-six h3 {    
    margin-bottom: 5rem;
}


.home .section-six .recent__posts {
    margin-top: 2rem!important;
}

.home .section-six .post__div {
    margin: 0 auto;
}



/***********************/
/*    SECTION SEVEN    */
/***********************/


.home .section-seven .block__container {
    width: 80%;
    margin: 0 auto;
}




/***********************/
/*    SECTION EIGHT    */
/***********************/


.home .section-eight .testimonial__container {
    margin: 3rem 1rem 5rem 1rem;
}

.home .section-eight .testimonial__container {
    padding: 2rem;
}

/****************************/
/*        PÁGINAS           */
/****************************/






/****************************/
/*        SERVICES          */
/****************************/


.service__page .page__title {
    padding-top: 20rem;
}


.services__types .nmh__card {
    width: 30rem;
    height: 40rem;
}







/*********************************/
/*        SOBRE NOSOTROS         */
/*********************************/
#who__we__are {
    padding-top: 18rem;
}

#who__we__are .puerto__container {   
    padding: 1rem 2rem 2rem 2rem;
}


#who__we__are .expertise__section .expertise__data .t__2 {
    margin-top: 0;
}





/*                  BLOG                   */
/* *************************************** */


.blog__content .post-thumbnail img {
    width: 100%;
    height: 40rem;
}



/*             BLOG - ARCHIVO              */
/* *************************************** */


.archive .post__main__image {
    width: 100%;
    height: 40rem;    
}












  
/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */



.contact__hebe__hero .w-img {      
    height: 89rem;    
}


.contact__hebe__hero h1 {
    font-size: 8.7rem;
    padding-top: 35rem;
}


div#responsive-form {
    margin: 0 3rem;
}



  
/* **************************************** */
/*          GRACIAS POR CONTACTAR           */
/* **************************************** */



.thank-text {
    margin-top: 23rem;    
}


.thank-text h3 {
    margin: 0 auto;
    text-align: center;
    color: var(--color-white);
    font-size: 2.5rem;
}


.thank-text-2 {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.thank-text-2 h4 {    
    margin: 0 auto;
    text-align: center;
    color: var(--color-white);
    font-size: 2rem;
}





/*******************************/
/*       CALL TO ACTION        */
/*******************************/

.nmh__call__to__action {
    margin: 4rem 10rem;   
}

.nmh__call__to__action {
    padding: 2rem 2rem;
}





/*******************************/
/*       PÁGINAS LEGALES       */
/*******************************/



.nm__container.plain__text {
    margin: 0 10rem;
    font-weight: 600;
}













/*******************/
/*     FOOTER      */
/*******************/

footer {
    padding-right: 0;
}


footer .nm-container {
    margin: 0;   
}


footer .who__i__am {
    margin-bottom: 3rem;
}



.footer__menu__zone {
    display: block;
    background-color: var(--color-white);
    padding: 4rem 0 0 0; 

    margin-top: -5rem;
}




.footer__menu__zone h3 {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: left;
    padding-bottom: 1rem;
    margin-left: 1.29rem;
}

.footer__menu__zone .separation__line {
    border-top: 2px solid var(--septenary-color);
    width: 15rem;
    margin-bottom: 2rem;
    margin-left: 1rem;  
}


.footer__menu__zone .nav-services {
    text-align: left;
}


ul#menu-footer-main-menu-part-1 {
    margin-left: 1.29rem;
}

footer .nm-container p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: left;
    width: 80%;
}


footer .row .col-md-6:nth-child(2) .menu-title {
    margin-top: 2rem;
}


footer h4 {
    font-size: 1.9rem;
    margin-top: 1.5rem;
    text-align: left;
}

footer .nm__footer__se {
    font-size: 0.9rem;
    /* width: 87%; */
}


footer ul li a {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 500;
    margin-bottom: 1.2rem;
}

footer .who__i__am .buttons__col {
    padding-left: 0;
    width: 41.5%;
}



footer .legal__area a,
footer .legal__area p,
footer .sm p,
footer .sm span {
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-white);
}




footer .kit-digital-logo {
    width: 50%;
}





}

/*******************************************************
 *                         960 px
 *******************************************************/ 
@media (min-width: 60em) { 
    

    /* Bootstrap 5 columns  */

.col-md-5 {

    float: left;

    width: 20%;

  }


.nm-nav {
    background-color: var(--primary-color);    
}

.page-scrolled {
    background-color: var(--primary-color);
}

    
/************/
/*  HEADER  */
/************/
    



/*    Navigation     */
/*-------------------*/




.logo-container {
    margin-left: 20px;
    width: 20%;
}


.logo {
    margin-top: 0px;
    margin-left: 0px;
    height: 50px!important;
}




.nm-nav.page-scrolled {
    height: 9rem;
}


.height-logo-scrolled {
    height: 60px!important;
}





    nav {
        /* height: 100px; */
        background-color: transparent;
        
        
    }


    .nav-list-2 {
        margin-top: 1.3rem;
    }

    .hamburger-btn {
        /* display: none; */
    }


        
    .hamburger-btn {
        width: 5rem;
        height: 5rem;
        margin-right: 2.5rem;
        /* margin-top: 3.5rem; */
    }



    .hamburger-btn span {
        height: 3px;
        transform-origin: -17px 50%;
    }



    .activeline1__bars-menu {
        transform: rotate(45deg) translate(6px, -10px);
    }

    .page-scrolled .activeline1__bars-menu {
        transform: rotate(45deg) translate(6px, -8px);
    }


    .page-scrolled .activeline3__bars-menu {
        transform: rotate(-45deg) translate(-16px, 32px);
    }



   #menu-main-menu {
    margin-bottom: 0;
   }

   .nav-list .left__col {
    background-color: var(--color-white);
   }
   

.nav-list .div__w__img {
    
    height: 20rem;
    background-image: url('./images/slider/merci1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: inherit;
}


.nav-list .nm__container__navlist img {
    max-height: 20rem;
    margin: 0 auto;
}

.nav-list .rrss__container {
    width: 20rem;
    margin: 1.5rem auto;
}




    .nav-list-2 {
        position: relative;
        display: flex;
        justify-content: flex-end;
        text-align: left;
        padding: 3rem;
        background: transparent;
        z-index: 999999;
    }



    

    .nav-list-2 .first-item {
        margin-top: 0;
    }
    
    .nav-list-2 li {
        display: flex;
        align-items: center;
        opacity: 1;
        margin: 0 1.2rem;
        transition: none;
        height: 3rem;
    }
   
    .nav-list-2 li a {
        font-size: 1.5rem;
        color: var(--color-white);
    }

    .nav-list-2 li.trp-language-switcher-container.first__language__item {
        margin-right: 0;
    }

    .nav-list-2 li.trp-language-switcher-container.first__language__item a .trp-ls-language-name {
        padding-right: 0.5rem;
        border-right: solid 1px var(--color-white);
    }

    .nav-list-2 li.trp-language-switcher-container.first__language__item a {
        padding: 0;
    }

    .nav-list-2 li.trp-language-switcher-container li a span::before {
       content: '|';
       margin: 0 0.3rem;
    }

    .trp-language-switcher-container a {
        padding: 0!important;
    }

    .trp-ls-language-name {
        font-size: 1.6rem;
    }

    .nav-list-2 li a.active, .nav-list-2 li a:hover {
        color: var(--decenary-color);
    } 
    

    .nav-list-2 .sub-menu {
        display: none;
        position: absolute;
        padding-top: 2rem; 
        margin-top: 1rem;   
        text-align: left;
        background-color: var(--secondary-color);
        width: 28rem;
        border-radius: 1rem;
    }

    .nav-list-2 .sub-menu li a {
        font-size: 1rem;
    }
        
    .nav-list-2 li:hover > .sub-menu {
        display: flex;
        flex-direction: column;        
    }


    .nav-list-2 .sub-menu li {
        margin: 0 0.5rem 0 0;
        width: 18rem;
        height: 3rem;   
    }

    





/*********************/
/*    SECTION ONE    */
/*********************/




/*******************/
/*      HERO       */
/*******************/


#carouselIndicators .carousel-inner img {
    max-height: 45rem;
}



#carouselIndicators .nm__button,
.section-four .content .nm__button {
    width: 50%;    
}


/*********************/
/*    SECTION TWO    */
/*********************/




.home .section-two .team img {
    max-height: 40rem;
    width: 30rem;
    margin: 0 auto;
}

.home .section-two .subtitle-section {
    font-size: 1.7rem;
}


.home .section-two .team p.position {
    font-size: 1.6rem;
}

.home .section-two .team p.team-mail {
    font-size: 1.4rem;
    margin: 0.5rem auto;
}


.section-two .button__home {
    width: 22rem;
    font-size: 1.6rem;
}









.section-two .section-title {
    font-size: 12rem;
}

.section-two .w-background {
    /* margin-top: -7.9rem!important; */
    height: 77rem;
}


.section-two .w-background .to-bottom {
    margin-left: 6.5rem;
}


.section-two .w-background .to-bottom .bottom-text {
    margin-right: 44rem;
}


.section-two .bottom-text p {
    font-size: 2rem;
    line-height: 3rem;
}


.section-four .row .main__text__section {
    font-size: 2.5rem;
    line-height: 4rem;
}






/*********************/
/*   SECTION THREE   */
/*********************/


.section-three .nm-container {
    margin-left: 4rem;
    margin-right: 4rem;
}

.home .section-three .main-section,
.blog .section-five .main-section {
    padding: 0 15%;
}

.section-three .title-section {
    margin: 1.5rem auto 2rem 1.5rem;
}











/**********************/
/*    SECTION FOUR    */
/**********************/




.section-four .title-of-section h2 {
    font-size: 8rem;
    margin-top: 7.5rem;
    margin-bottom: 3.5rem;
}

.home .section-four .subtitle-section {
    font-size: 2rem;
}



/***********************/
/*    SECTION  FIVE    */
/***********************/

.section-five .nm-container {
    padding: 2rem 10rem 0rem 10rem;
}



/**********************/
/*    SECTION SIX     */
/**********************/


.section-six .row .w-text .title {
    font-size: 7rem;
}

.section-six .row .w-text .subtitle {
    font-size: 4.3rem;
}


.section-six .row .w-text {
    padding: 2.5rem;
    margin-top: 2.2rem;
}



.section-six .row .w-text .middle-text {
    font-size: 2rem;
    line-height: 3rem;
}


/**********************/
/*    SECTION EIGHT   */
/**********************/


.section-eight .title {
    font-size: 8rem;
}

.section-eight .w-img {
    height: 91rem;
}


.section-eight .to-bottom .upper-text {
    margin-left: 6rem;
}


.section-eight .bottom-text {
    margin-right: 27.3rem;
    margin-left: 6rem;
}


.section-eight .upper-text {
    margin-left: 1rem;
}


.section-eight .bottom-text p {
    font-size: 2rem;
    line-height: 3rem;
}

.section-eight .subtitle-img {
    font-size: 5.2rem;
}



/****************************/
/*    PREGUNTAS FRECUENTES  */
/****************************/

ul.accordion-list {
    padding: 2rem 10rem 8rem 10rem;
}



ul.accordion-list li h3 {
    font-size: 2.2rem;
    line-height: 4rem;
}


div.answer p {
    font-size: 2rem;
}










/* **************************************** */
/*                PÁGINAS                   */
/* **************************************** */





/* **************************************** */
/*              SOBRE NOSOTROS              */
/* **************************************** */


#who__we__are .puerto__container {
    margin: 0 10rem;
}


#who__we__are .ceo__arc__img img {
    margin: 0 auto;
    width: 100%;
    max-width: 50rem;
}





/* **************************************** */
/*              STRATEGIC PLANS             */
/* **************************************** */

.strategic__plans .nm-container {
    margin: auto 11rem;
}

.strategic__plans .section-one {
    padding-top: 20rem;
}





  
/* **************************************** */
/*               TRATAMIENTOS               */
/* **************************************** */



.treatment-content {
    margin: 0 15rem;
}






/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */



.contact__hebe__hero .w-img {      
    height: 90rem;    
}


.contact__hebe__hero h1 {
    
    padding-top: 35rem;
}


div#responsive-form {
    margin: 0 10rem;
}






/* **************************************** */
/*              CALL TO ACTION              */
/* **************************************** */


div#responsive-form {
    margin: 0 6rem;
}



.nmh__call__to__action .nmh__title__cta {    
    font-size: 1.4rem;
    line-height: 2rem;
}




.nmh__call__to__action label, .nmh__call__to__action input, .nmh__call__to__action p {
    font-size: 1.4rem;
    line-height: 2.2rem;;
}

.nmh__call__to__action p.fe-layer-text, .nmh__call__to__action .fe-layer-text strong {
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 0;
}




/****************************/
/*          FOOTER          */
/****************************/



footer .foto__fran__footer {
    height: 22rem;
}



footer .nm-container h2 {
    font-size: 3.5rem;
}


footer h4 {
    font-size: 2.7rem;
}

footer .nm-container p {
    font-size: 1.29rem;
    line-height: 1.8rem;
}

footer ul li a {
    font-size: 1.5rem;
    line-height: 2rem;
}



.footer__menu__zone h3 {
    font-size: 2rem;
    
}






    

}

/*******************************************************
 *                         1024 px
 *******************************************************/ 
@media (min-width: 64em) {       
    
    

    
.page-scrolled {
    height: 10rem;
}





/************/
/*  HEADER  */
/************/
    



/*    Navigation     */
/*-------------------*/


    .nav-list li a {        
        font-size: 1.7rem;       
    }

    
    nav {
        height: 10rem;
    }



    .logo {      
        height: 50px!important;
    }


    .nm-nav.page-scrolled {
        height: 8rem;
    }


/*************/
/*    Hero   */
/*************/


/*    Slider    */
/*--------------*/

/* Edición Slider para que ocupe casi toda la pantalla */


.n2-ss-slide-active {
    height: 90rem!important; 
}

.n2-ss-section-main-content .n2-ss-layer h1,
.n2-ss-section-main-content .n2-ss-layer h2 {
    font-size: 5rem!important;
}






/*********************/
/*    SECTION ONE    */
/*********************/


.home .section-one .bottom-text {
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.home ul.motive-list {
    margin: auto 5rem;
}

.text__container p {
    font-size: 1.29rem;
    line-height: 2rem;
}


/*********************/
/*    SECTION TWO    */
/*********************/

.home .section .nm-container {
    margin: auto 10%;
}

.section-two .main-section p {
    margin: auto 7rem;
}



.section-two .subtitle-img {
    font-size: 2.2rem;
    margin: 1.5rem 0;
}

.section-two .w-background .to-bottom {
    margin-left: 5rem;
}

.section-two .w-background .to-bottom .bottom-text {
    margin-top: 5.7rem;
}


.section-two .bottom-text p {
    font-size: 1.5rem;
    line-height: 2.2rem;
}


.multi-column {
    padding: 0 15rem;
}




/*******************/
/*  SECTION THREE  */
/*******************/

.home .section-three .logo__div,
.blog .section-five .logo__div {
   height: 14rem;   
}

.home .section-three .logo__div img,
.blog .section-five .logo__div img {
    max-height: 10rem;
}



/*******************/
/*   SECTION FOUR  */
/*******************/


.home .section-four {
    height: 65rem;
}


.home .section-four .content {
    margin: 3% 18%;
    padding: 1rem 6rem;
}





.section-four .row.service-r-one {
    height: 53rem;
}


.section-four .title-of-section h2 {
    font-size: 9.2rem;
   
}

.section-four .row .main__text__section {
    font-size: 2.5rem;
    line-height: 4rem;
}


.section-four .row.service-r-two, .section-four .row.service-r-three, .section-four .row.service-r-four {
    height: 55rem;
}


.section-four .row .middle-text {
    font-size: 2rem;
    line-height: 3rem;
}




/*********************/
/*    SECTION SIX       */
/*********************/



.section-six .row .w-text .title {
    font-size: 8rem;
}


.section-six .row .w-text .subtitle {
    font-size: 4.8rem;
}


.section-six .row .w-img {
    height: 130.1rem;
    background-position-x: 41.4%;
}

.section-six .row .w-text {
    margin-top: 3.5rem;
}



.section-six .row .w-text .middle-text {
    font-size: 2rem;
    line-height: 3rem;
}

.section-six .row .w-text .bottom-text span {
    font-size: 3.6rem;
}






/*********************/
/*   SECTION EIGHT   */
/*********************/

.section-eight .w-img {
    height: 80rem;
}

.section-eight .title {
    font-size: 8rem;
}

.section-eight .bottom-text p {
    font-size: 2rem;
    line-height: 3rem;
}

.section-eight .bottom-text {
    margin-right: 29rem;
}






/****************************/
/*   PREGUNTAS FRECUENTES   */
/****************************/



.faq__hero h2 {
    font-size: 6.9rem;
}





/* **************************************** */
/*                PAGES                     */
/* **************************************** */





/* ***********************************************************************/
/*       CSS para SERVICIOS - TRATAMIENTOS - CONTACTO conjuntamente      */
/* ***********************************************************************/






/* **************************************** */
/*                SERVICIOS                 */
/* **************************************** */




.service__hero__bottom div {
    margin: 0 auto;
    width: 60%;
}






/* **************************************** */
/*               TRATAMIENTOS               */
/* **************************************** */


.hero__top {
    padding-top: 22vh;
}


.treatment-content .explanation {
    font-size: 2rem;
    line-height: 3rem;
}





/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */




.contact__hebe__body .content-contact .subtitle h3 {
    font-size: 2.5rem;
}



.contact__hebe__body .content-contact .subtitle.plus__padding h3 {
    padding-top: 2rem;
    padding-bottom: 1rem;
}


div#responsive-form {
    margin: 0 2rem;
}


.contact__hebe__body #responsive-form label {
    font-size: 1.6rem;
    line-height: 2rem;
}






/****************************/
/*     CALL TO ACTION       */
/****************************/

.nmh__call__to__action {
    margin: 4rem 20rem;
}






/****************************/
/*         FOOTER           */
/****************************/

footer h4 {
    font-size: 1.8rem;
}


footer .legal__area a {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 0 1.8rem;
}


footer .legal__area p,
footer .sm p,
footer .sm span {
    font-size: 1.5rem;
    line-height: 2rem;
}



}











/*******************************************************
 *                         1200 px
 *******************************************************/   
 @media (min-width: 75em) {    
    





/*********************/
/*    SECTION ONE    */
/*********************/

#hero .clip-image-container .text__container {
    margin: 36rem 20% auto 20%;
}





/*********************/
/*    SECTION FOUR   */
/*********************/

.home .section-four {
    padding: 5rem 0 0 0;
}











/*********************/
/*       PAGES       */
/*********************/



/*********************/
/*      CONTACTO     */
/*********************/


div#responsive-form {
    margin: 0 4rem;
}







 }











/*******************************************************
 *                         1300 px
 *******************************************************/   
 @media (min-width: 81.25em) {    
    
    

    .logo-container {
        margin-left: 5rem;
    }



    


    /****************************/
    /*           HOME           */
    /****************************/

    




    /************************/
    /*      SECTION ONE     */
    /************************/




        
    /*******************/
    /*      HERO       */
    /*******************/


    #carouselIndicators .carousel-inner img {
        max-height: 53rem;
    }




    #carouselIndicators .nm__button,
    .section-four .content .nm__button {
        width: 40%;    
    }
    




    

/* **************************************** */
/*                PAGES                     */
/* **************************************** */




/* ****************************** */
/*           SERVICES             */
/* ****************************** */


.service__page .services__main__text .nm__container {
    margin: 0 25rem;
}


/* **************************************** */
/*              SOBRE NOSOTROS              */
/* **************************************** */




    #who__we__are .puerto__container {
        margin: 0 22rem;
    }





    


/* **************************************** */
/*              STRATEGIC PLANS             */
/* **************************************** */

.strategic__plans .nm-container {
    margin: auto 22rem;
}





 


/* ************************ */
/*         CONTACT          */
/* ************************ */



.contact__hebe__hero h1 {
    padding-top: 25rem;
}




/*******************************/
/*       PÁGINAS LEGALES       */
/*******************************/



.nm__container.plain__text {
    margin: 0 25rem;
    font-weight: 600;
}







    /****************************/
    /*         FOOTER           */
    /****************************/


        footer h4 {
            font-size: 2.5rem;
        }

    }






/*******************************************************
 *                         1360 px
 *******************************************************/   
@media (min-width: 85em) {        
    


    /* Bootstrap 5 columns  */

.col-lg-5 {

    float: left;

    width: 20%;

  }





    
  .page-scrolled {
    height: 12.5rem;
}








/************/
/*  HEADER  */
/************/
    


.logo {
    /* margin-top: 47px; */
    height: 50px!important;
}



.height-logo-scrolled {
    margin-top: 0px;
    height: 45px!important;
}







/*    Navigation     */
/*-------------------*/

.nav-list {
    
    padding: 1rem 3rem 0rem 3rem;
    
}

.nav-list-page-scrolled {
    padding: 0 3rem 0 0;
}



.nav-list li a {        
    font-size: 1.8rem;       
}


.trp-ls-language-name {
    font-size: 1.8rem;
}

/*************/
/*    Hero   */
/*************/


/*    Slider    */
/*--------------*/

/* Edición Slider para que ocupe casi toda la pantalla */


.n2-ss-slide-active {
height: 100rem!important; 
}

.n2-ss-section-main-content .n2-ss-layer h1,
.n2-ss-section-main-content .n2-ss-layer h2 {
font-size: 7rem!important;
}




/*********************/
/*    SECTION ONE    */
/*********************/


.section-one .subtitle-img {
    font-size: 3.4rem;
}

.section-one .bottom-text {
    font-size: 2rem;
    line-height: 2.4rem;
}



.section-one .container-text {
    background-color: #ffffff40;
    /* height: 28rem; */
} 


/*********************/
/*    SECTION TWO    */
/*********************/

/* 

.section-two .w-background {
    height: 92rem;
}


.section-two .subtitle-img {
    font-size: 2.5rem;
    margin: 2rem 0;
}

.section-two .w-background .to-bottom {
    margin-left: 10rem;
}

.section-two .bottom-text {
   height: 60rem;
}

.section-two .w-background .to-bottom .bottom-text {
    margin-right: 75rem;
}

.section-two .bottom-text p {
    font-size: 2rem;
    line-height: 3rem;
}
 */




/*********************/
/*    SECTION FOUR   */
/*********************/


.section-four .title-of-section h2 {
    font-size: 10.2rem;
}


.section-four .row .main__text__section {
    font-size: 3.2rem;
    line-height: 5.6rem;
}

.section-four .row.service-r-four .w-img {
    background-position: 100%;
}


  /* Create the animation */
  @keyframes move {
    to { transform: translateX(-190%); }
  
  }


  .section-four .row .title {
    font-size: 4.4rem;
}


.section-four .row .middle-text {
    font-size: 2.2rem;
    line-height: 3.2rem;
}


.section-four .row .bottom-text {
    font-size: 3.4rem;
}





/*********************/
/*    SECTION SIX   */
/*********************/

.section-six .row .w-img {
    height: 106rem;
    background-position-x: 41.4%;
}

.section-six .row .w-text .subtitle {
    font-size: 5.4rem;
}


.section-six .row .w-text .middle-text {
    font-size: 2rem;
    line-height: 3rem;
}


.section-six .row .w-text .bottom-text span {
    font-size: 4.3rem;
}




/*********************/
/*    SECTION EIGHT   */
/*********************/


.section-eight .w-img {
    height: 84rem;
}

.section-eight .title {
    font-size: 10rem;
    margin-left: 3rem;
}

.section-eight .upper-text {
    margin-left: 0rem;
}

.section-eight .subtitle-img {
    font-size: 3.7rem;
}

.section-eight .bottom-text {
    margin-right: 56rem;
    margin-left: 10rem;
}

.section-eight .bottom-text p {
    font-size: 2rem;
    line-height: 3rem;
}






/* **************************************** */
/*                PÁGINAS                   */
/* **************************************** */





/* **************************************** */
/*              Conoce a Rym                */
/* **************************************** */


.meet__rym__hero .nm-container .bio-txt {
    padding: 0rem 54rem 0 26rem;
}


.meet__rym__hero p {
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin-bottom: 2rem;
}




/* ***********************************************************************/
/*       CSS para SERVICIOS - TRATAMIENTOS - CONTACTO conjuntamente      */
/* ***********************************************************************/


.treatment__hero .row p, .service__hero .row p {
    
    font-size: 1.8rem;
    line-height: 2.5rem;
}


/* **************************************** */
/*                SERVICIOS                 */
/* **************************************** */





/* **************************************** */
/*               TRATAMIENTOS               */
/* **************************************** */


.hero__top {
    padding-top: 18vh;
}

.treatment-content {
    margin: 0 30rem;
}






/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */


.contact__hebe__hero .w-img {
    height: 79rem;
}

.contact__hebe__body .content-contact {
    margin-top: -22%!important;
}




















}

/*******************************************************
 *                         1392 px
 *******************************************************/   
@media (min-width: 87em) {        
}

/*******************************************************
 *                         1504 px
 *******************************************************/  
@media (min-width: 94em) {        
}

/*******************************************************
 *                         1600 px
 *******************************************************/  
@media (min-width: 100em) {    
    
    
/************/
/*  HEADER  */
/************/
    


/*    Navigation     */
/*-------------------*/


    .logo {
        margin-top: 0px;
        height: 60px!important;
    }

    .nav-list li a {
        font-size: 1.7rem;
        padding: 0 2.5rem;
    }



    .nav-list {
        padding: 0rem 3rem 0rem 3rem;
    }


    
    .nav-list .sub-menu {
        width: 33rem;
    }

    .nav-list .sub-menu li a {
        font-size: 1.2rem;
    }







    /************************/
    /*      SECTION ONE     */
    /************************/




        
    /*******************/
    /*      HERO       */
    /*******************/


    #carouselIndicators .carousel-inner img {
        max-height: 60rem;
    }


    

    #carouselIndicators .nm__button,
    .section-four .content .nm__button {
        width: 30%;    
    }


/*********************/
/*    SECTION TWO    */
/*********************/


    .multi-column {
        padding: 0 43rem;
    }



    .home .section-three .main-section,
    .blog .section-five .main-section {
        padding: 0 23%;
        text-align: center;
    }




/*********************/
/*    SECTION FOUR    */
/*********************/


.section-four .row .title {
    font-size: 5rem;
}

.section-four .row .main__text__section {
    font-size: 3.7rem;
    line-height: 5.6rem;
}





  /* Create the animation */
  @keyframes move {
    to { transform: translateX(-170%); }
  
  }




/***********************/
/*    SECTION  FIVE    */
/***********************/

.section-five .nm-container {
    padding: 2rem 20rem 8rem 20rem;
}


/*********************/
/*    SECTION SIX    */
/*********************/

.section-six .row .w-img {
    height: 111rem;
    
}


.section-six .row .w-text .middle-text {
    font-size: 2rem;
    line-height: 3rem;
}


.section-six .row .w-text {
    padding: 2.5rem 7rem;
    margin-top: 7rem;
}





/*********************/
/*   SECTION SEVEN   */
/*********************/

.home .section-seven .block__container {
    width: 65%;
    margin: 0 auto;
}






/*********************/
/*    SECTION EIGHT  */
/*********************/


.section-eight .title {
    font-size: 8rem;
    margin-left: 3rem;
}



.section-eight .w-img {
    height: 100rem;
}

.section-eight .to-bottom {
    margin-right: 15rem;
    margin-top: 11rem;
}

.section-eight .subtitle-img {
    font-size: 4.3rem;
}


.section-eight .bottom-text {
    margin-right: 68rem;
    margin-left: 9rem;
}

.section-eight .bottom-text p {
    margin-bottom: 2rem;
}





/******************************/
/*    PREGUNTAS FRECUENTES    */
/******************************/


ul.accordion-list {
    padding: 2rem 20rem 8rem 20rem;
}



/* **************************************** */
/*                PAGES                     */
/* **************************************** */




/* ********************************** */
/*              SERVICES              */
/* ********************************** */


.services__types .nmh__card {
    width: 40rem;
    height: 50rem;
}


/* **************************************** */
/*              SOBRE NOSOTROS              */
/* **************************************** */

#who__we__are .title__page {
    font-size: 3rem;
}

#who__we__are .puerto__container {
    margin: 0 30rem;
}





/* **************************************** */
/*              STRATEGIC PLANS             */
/* **************************************** */


.strategic__plans .nm-container {
    margin: auto 30rem;
}


.extra__information p {     
    margin-top: 4rem;    
}






/* ***********************************************************************/
/*       CSS para SERVICIOS - TRATAMIENTOS - CONTACTO conjuntamente      */
/* ***********************************************************************/



/* **************************************** */
/*                SERVICIOS                 */
/* **************************************** */


.service__hero__bottom div {
    margin: 0 auto;
    width: 50%;
}





/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */





.contact__hebe__hero h1 {
    padding-top: 35rem;
}




.contact__hebe__body .content-contact {
    margin-top: -18%!important;
    padding-bottom: 0rem;
}




div#responsive-form {
    margin: 0 8rem;
}


















/* **************************************** */
/*                CALL TO ACTION            */
/* **************************************** */

.nmh__call__to__action {
    margin: 4rem 40rem;
}




/* **************************************** */
/*                  FOOTER                  */
/* **************************************** */


footer .top__bottom__footer .kit-digital-div img {
    margin: 1rem auto;
    height: 10rem;
}










}

/*******************************************************
 *                         1920 px
 *******************************************************/  
 @media (min-width: 120em) {     
    
    

 
    .page-scrolled {
        height: 15.5rem;
    }

/************/
/*  HEADER  */
/************/
    

.logo-container {
    margin-left: 12rem;
}



.logo {
    margin-top: 0px;
    height: 60px!important;
}




.height-logo-scrolled {
    margin-top: 0px;
    height: 50px!important;
}








/*    Navigation     */
/*-------------------*/


.nav-list {
    padding: 0rem 3rem 0rem 3rem;
}


.nav-list-page-scrolled {
    padding: 0 3rem 0 0;
}




.nav-list li a {
    font-size: 2.1rem;
    padding: 0 0.9rem;
}





        
    /*******************/
    /*      HERO       */
    /*******************/


    #carouselIndicators .carousel-inner img {
        max-height: 70rem;
    }



/*********************/
/*    SECTION TWO    */
/*********************/


    .section-two .subtitle-img {
        font-size: 3rem;
        /* margin: 10.5rem 0 10.5rem 9rem; */
    }


    .section-two .w-background .to-bottom .bottom-text {
        margin: 0 114rem 0 8.5rem;
    }

    .section-two .bottom-text p {
        font-size: 2rem;
        line-height: 3rem;
    }

    

    .multi-column {
        padding: 0 50rem;
    }





/***********************/
/*    SECTION THREE    */
/***********************/



    ul.accordion-list {
        padding: 2rem 35rem 8rem 35rem;
    }








/**********************/
/*    SECTION FOUR    */
/**********************/


    .section-four .row .main__text__section {
        margin: 0 8rem 6rem 8rem;
    }

    .section-four .row .middle-text {
        font-size: 2.5rem;
        line-height: 4rem;
    }


    .section-four .row .bottom-text {
        font-size: 4rem;
    }


    

  /* Create the animation */
  @keyframes move {
    to { transform: translateX(-140%); }
  
  }



  

/***********************/
/*    SECTION  FIVE    */
/***********************/

.section-five .nm-container {
    padding: 2rem 35rem 8rem 35rem;
}




  
/*********************/
/*    SECTION SIX    */
/*********************/


.section-six .row .w-text .middle-text {
    font-size: 2rem;
    line-height: 3rem;
}


.section-six .row .w-text .bottom-text {
    margin-top: 7rem;
}


.section-six .row .w-text {

    padding: 4rem 15rem 0 15rem;
    margin-top: 15rem,
}


.section-six .row .w-img {
    height: 137rem;
}





  
/*********************/
/*    SECTION EIGHT  */
/*********************/


.section-eight .w-img {
    height: 122rem;
}

.section-eight .title {
    font-size: 10rem;
    margin-left: 10rem;
    margin-bottom: 3rem;
}


.section-eight .bottom-text {
    margin-right: 94rem;
    margin-left: 15rem;
}







/* **************************************** */
/*                PÁGINAS                   */
/* **************************************** */





/* **************************************** */
/*              SOBRE NOSOTROS              */
/* **************************************** */



#who__we__are .puerto__container {
    margin: 0 40rem;
}







/*    WORK AREAS PAGES   */
/* ********************* */

.work__area__page .nm-container {
    margin: auto 15rem;
    padding: 0 35rem
}




/* **************************************** */
/*              STRATEGIC PLANS             */
/* **************************************** */


.service__explanation,                /*To internal-links - gives a margin from top of the devise*/
#nmh__cta {          
    scroll-margin-top: 23rem;
}





/* ***********************************************************************/
/*       CSS para SERVICIOS - TRATAMIENTOS - CONTACTO conjuntamente      */
/* ***********************************************************************/

.treatment__hero .row p, .service__hero .row p {
    
    font-size: 2rem;
    line-height: 3rem;
}

/* **************************************** */
/*                SERVICIOS                 */
/* **************************************** */



/* **************************************** */
/*               TRATAMIENTOS               */
/* **************************************** */


.treatment-content {
    margin: 0 50rem;
}

.treatment-content .explanation {
    font-size: 2.2rem;
    line-height: 3.5rem;
}






/* **************************************** */
/*                CONTACTO                  */
/* **************************************** */



.contact__hebe__body .content-contact {
    margin-top: -14%!important;
}



div#responsive-form {
    margin: 0 15rem;
}


  
/* **************************************** */
/*          GRACIAS POR CONTACTAR           */
/* **************************************** */



.thank-text {
    margin-top: 25rem;    
}


.thank-text h3 {
 
    font-size: 3rem;
}


.thank-text-2 {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.thank-text-2 h4 {    
   
    font-size: 2.5rem;
}




/* ******************************* */
/*         CALL TO ACTION          */
/* ******************************* */






.nmh__call__to__action {
    margin: 4rem 60rem;
}





}