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


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

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

    /* Colores */
    --primary-color: #3d487d;
    --primary-color-v2: #14212b9f;
    --secondary-color: #0e4094;
    --tertiary-color: #f3eee9;    
    --tertiary-color-w-opacity: #8d765eb6;
    --quaternary-color: #02efc1;
    --quaternary-color-w-opacity: #75655340;
    --quinary-color: #ecf1f7;
    --color-white: #fff;
    --color-white-w-opacity: #ffffff2e;
    --color-black: #000000;
    --color-black-w-opacity: rgba(0, 0, 0, 0.253);
    --color-blue-grey: #5b687e;
    --color-grey-red: #978787;
    --color-black-light: #5b5b5b;
    --color-light-grey: #f5f5f5;
    --color-light-grey-two: #d7d7d7;
    --color-old-footer: #3E3B37;  

    /* Medidas */
    --top-header-nav: 3rem;
  }


  
/************/
/* 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;      
}



/* 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: 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(--primary-color);
    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;
}


/* 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;
}


.background_color_one {
    color: var(--color-white);
}

h3, h4, p {
    font-size: 1.29rem;
    line-height: 2rem;   
    font-weight: 300;
}

strong {
    font-size: 1.29rem;
}




.nm-container {
    margin: 0 2rem;
}

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





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


#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    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-fix {
    display: none;
}

.top-header-fix .col-1,
.top-header-fix .col-2,
.top-header-fix .col-3,
.top-header-fix .col-4 {
    color: var(--color-white);
    line-height: var(--top-header-nav);
    vertical-align: middle;
    height: var(--top-header-nav); 
     
}

.top-header-fix .arc_location {
    text-align: right;
    border-right: solid 1px var(--color-white);
    
}




.top-header-fix .arc_contact__mail {
    text-align: right;
}


/*    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;
}

.logo {
    margin-left: 20px;
    height: 40px!important;
    z-index: 100010;

    transition: all 0.5s;
}


.page-scrolled {
    background: var(--color-black-w-opacity);
}


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

.hamburger-btn {
    width: 30px;
    margin-right: 40px;
    cursor: pointer;
    z-index: 1000010;
}


.hamburger-btn span {
    display: block;
    width: 100%;
    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: 0px 100%;
    transition: all 300ms;
}

/* 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;
} 

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

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

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

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


.nav-list li { 
    opacity: 0;
    display: none;
    line-height: 10px;
    margin: 1.8rem 0 0 10%;
    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-encabezado);
    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.1rem;
    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;
    padding-top: 15rem;
    background-color: var(--quinary-color);
}


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


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


#check:checked ~ .nav-list .sub-menu li a {
    font-family: var(--tipo-parrafo);
    font-size: 1.2rem;
    color: var(--primary-color);
    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;
}


.checkbtn span {
    display: block;
    width: 100%;
    height: 2px;
    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: 0px 100%;
    transition: all 300ms;
    z-index: 10000;
} 

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


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


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

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

    .carousel-item {
        height: 56.9rem!important;
    }
  
    .carousel-item img {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
    }

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




/********************/
/*    Section One   */
/********************/

.home .section-one {
    margin-top: 5rem;
    padding-bottom: 2rem;    
}

.home .section-one .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 */
    /* margin: 0 5%!important; Idem que antes */
}


.home .section-one .contenedor-img-txt {
    width: 100%;
    height: 50rem;
    margin-bottom: 3rem;
    overflow: hidden;
}

    

.home .section-one .hb-image.img-01 .contenedor-img-txt {   
    background-image: url('./images/estrategia-empresarial-bloques.jpg');
    object-fit: cover;
    background-position: center center;
}

.nmh__container {
    margin: 0 2rem 3.5rem 2rem;
}


.std__img {
    width: auto;
    height: auto;
    margin: 0 auto;
}

.contenedor-img-txt {
    position: relative;
    display: inline-block;
    border: solid 2px var(--color-white);
}

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

.home .section-one .container-text {
    background-color: var(--primary-color-v2);
}


.home .section-one .contenedor-img-txt:before { /* Capa oscura delante imagen. Importante position del elemento padre a relative en instrucción anterior */
    content:'';
    position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
    opacity: 0.4;
}


.home .section-one .subtitle-img {
    font-family: var(--tipo-encabezado); 
    font-size: 2.5rem;  
    font-weight: 600;
    letter-spacing: 0.1rem;
    text-align: center;
    color: var(--quaternary-color);
    margin: 1rem auto;
}

.home .section-one .bottom-text {
    font-family: var(--tipo-parrafo);
    font-size: 1.29rem;
    line-height: 1.6rem;
    font-weight: 300;
    color: var(--color-white); 
}




/********************/
/*    Section Two   */
/********************/

.home .section-two {
    background-color: var(--quinary-color);
    padding-bottom: 1rem;
}

.home .section-two .col-md-8 img {
    margin: 3rem auto 0 auto;
    border: solid 0.5rem var(--secondary-color);
}

 .home .section-two .col-md-12 {
    padding:0;
 }   

  

 .home .section-two .subtitle-section {
    font-family: var(--tipo-encabezado);
    color: var(--secondary-color);
    margin: 3rem auto 3rem auto;
    text-align: center;
    font-size: 1.8rem;
 }

 .home .section-two .title-section {
    font-family: var(--tipo-encabezado);
    margin: 2rem auto 3rem auto;
    text-align: center;
    font-size: 2.7rem;
    line-height: 3.5rem;
 }



 #multi-column {
    column-count: 2;
    column-gap: 2.5rem;
 }

 #multi-column p {
    font-size: 1.3rem;
    line-height: 2rem;  
    margin: 0 0.5rem;  
 }

 .section-two .button__home {
    text-align: center;
    width: 28rem;
    font-size: 1.3rem;
    padding: 8px 0px;
    color: var(--secondary-color);    
    text-transform: none;
    border: solid 2px var(--secondary-color);
    border-radius: 33px;
    -moz-border-radius: 33px;
    -webkit-border-radius: 33px;
    margin: 3rem auto;
}


/**********************/
/*    Section Three   */
/**********************/

/* Service Rows */

.section-three {
    background-color: var(--primary-color);
}

.section-three .title-of-section {
    text-align: center;
}


.section-three .title-section {
    font-family: var(--tipo-encabezado);
    color: var(--color-white);
    font-size: 4.5rem;
    margin: 2rem auto;    
}


/* 
.section-three .col-md-12 {
    padding:0;
 }    */


 .section-three .distribute__elements {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem 0!important;
    background-color: var(--color-blue-grey);
    width: 90%;
    margin: 1rem auto 1rem auto;    
}


.home .section-three .subtitle-section {
    font-family: var(--tipo-encabezado);
    color: var(--color-white);
    margin: 3rem auto 3rem auto;
    text-align: center;
    font-size: 1.8rem;
 }

.home .section-three h5 {
    font-size: 1.8rem;
    color: var(--color-white);
    margin-bottom: 3rem;
}

.home .section-three h6 {
    font-size: 1.5rem;
    color: var(--quaternary-color);
}


.home .section-three p {
    font-size: 1.4rem;
    color: var(--color-white);
    margin-bottom: 3rem;
}


 .section-three .title-section {
    font-family: var(--tipo-encabezado);
    font-weight: 600;
    margin-left: 1.5rem;
    font-size: 2.5rem;
    color: var(--color-white);
 }

 .section-three .distribute__elements p {
    font-size: 1.3rem;
    line-height: 2rem;
    margin-left: 1.5rem;
    color: var(--color-white);
 }

.section-three .button__home {
    text-align: center;
    width: 15rem;
    font-size: 1.3rem;
    padding: 8px 0px;
    color: var(--quaternary-color);    
    text-transform: none;
    border: solid 1px var(--quaternary-color);
    border-radius: 33px;
    -moz-border-radius: 33px;
    -webkit-border-radius: 33px;
    border-width: 2px 2px 2px 2px;
    border-color: var(--quaternary-color);
    margin-left: 1.5rem;
}



.section-three .distribute__elements.mar-t-c {
    border-bottom: solid 1px grey;
}


.section-three .col-md-4.img__content {
    padding: 0;
}









/***********************/
/*     Section Four    */
/***********************/


 



/**********************/
/*    Section Five    */
/**********************/

.section-five {
    padding-bottom: 8rem;
}


.section-five .col-md-12 {
    padding:0;
 }   

 .cases__class h2,
.cases__class h4 {
    font-family: var(--tipo-encabezado);
    color: var(--color-white);  
    text-align: center;  
}


.cases__class h2 {
    font-size: 4rem;
    margin: 5rem 0 2rem 0;
}


.cases__class h4 {
    font-size: 2rem;
    margin-bottom: 5rem;
}

.case__text {
    background-color: var(--color-white);
    padding: 2rem;
}

.case__text h4 {
    font-size: 2.5rem;
    color: var(--secondary-color);
}


.case__text p {
    font-size: 1.3rem;
    line-height: 1.7rem;
    margin: 2rem auto;
}


.case__text .nmh__readmore {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--secondary-color);    
}



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

.section-six {
    background-color: var(--color-light-grey);
}

.section-six .stories__class h2,
.section-six .stories__class h4 {
    font-family: var(--tipo-encabezado);
    color: var(--color-black);  
    text-align: center;  
}


.section-six .stories__class h2 {
    font-size: 4rem;
    margin: 5rem 0 2rem 0;
}


.section-six .stories__class h4 {
    font-size: 2rem;
    margin-bottom: 5rem;
}

.section-six .stories__data {
    background-color: var(--color-white);
    padding: 3rem 0;
}

.section-six .stories__data h4,
.section-six .stories__data h5 {
    text-align: center;
}

.section-six .img__content {
    padding: 0;
}

.section-six .stories__data h4 {
    font-size: 5rem;
    color: var(--secondary-color);
}

.section-six .stories__data h5 {
    font-size: 2rem;

}


.section-six .nmh-column-blockquote {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem 2rem;
    background-color: var(--color-light-grey-two);
}


.nmh-core-blockquote-item-icon span {
    color: var(--color-black);
    font-size: 3rem;
}


.section-six .nmh-core-blockquote-item-content p {
    font-size: 2rem;
    line-height: 2.2rem; 
    font-weight: 300;
    color: var(--color-black);
    margin: 1.5rem 0 3rem 0;
}

.nmh-core-blockquote-item-author,
.nmh-core-blockquote-item-author-position {
    color: var(--secondary-color);
    font-size: 1.5rem;
    margin: 0.5rem 0;
}




/**********************/
/*    Section Seven   */
/**********************/

.section-seven {
    background-color: var(--color-light-grey);
    padding-bottom: 5rem;
}

.section-seven .blog__class h2,
.section-seven .blog__class h4 {
    font-family: var(--tipo-encabezado);
    color: var(--color-black);  
    text-align: center;  
}


.section-seven .blog__class h2 {
    font-size: 4rem;
    margin: 5rem 0 2rem 0;
}


.section-seven .blog__class h4 {
    font-size: 2rem;
    margin-bottom: 5rem;
}


.section-seven .col-md-12 {
    padding:0;
 }   

.for__blog__content {
    display: flex;
}

.for__blog__content .blog-post h2 {
    font-size: 2rem;
    font-weight: 400;
    color: var(--secondary-color);
}

  
.for__blog__content .blog-post .post__excerpt p {
    font-size: 1.3rem;
    line-height: 1.7rem;
    margin: 2rem auto;
}












/***********************/
/*      Section Ten    */
/***********************/


.faq__hero {
    padding: 0 0.2rem;
}


.faq__hero h2 {
    font-family: var(--tipo-encabezado);
    font-size: 3rem;
    text-align: center;
    font-style: italic;
    color: var(--color-white);
    margin: 2rem 0;
}




ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 2rem 2rem 8rem 2rem;
    margin: 0 auto;
    list-style: none;
    background-color: var(--primary-color);
}

ul.accordion-list li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: var(--color-white-w-opacity);
    color: var(--color-black);
    font-weight: 900;
    padding: 2rem 0;
    margin: 0 auto 0 auto;
    border-top: 1px solid var(--color-grey-red);
    cursor: pointer;
}

ul.accordion-list li:last-child {
    border-bottom: 1px solid var(--color-grey-red);
}




ul.accordion-list li h3 {
    
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 3rem 0 2rem;
    margin: 0;
    font-family: var(--tipo-parrafo);
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-white);
    cursor: pointer;    
}


ul.accordion-list li h3:after {
    content: "+";    
    position: absolute;
    display: inline-block;
    font-family: var(--tipo-encabezado); 
    color: var(--color-white);
    font-size: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.8rem;
}


ul.accordion-list li.active h3:after {    
   /* transform: rotate(45deg); */
}


ul.accordion-list li h3:hover {
    color: var(--color-white);
    font-weight: 300;

}





div.answer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
}


div.answer p {
    font-family: var(--tipo-parrafo);
    position: relative;
    display: block;
    font-weight: 300;
    padding: 1rem 0 0 2rem;
    cursor: pointer;
    line-height: 150%;
    margin: 0 0 15px 0;
    font-size: 1.4rem;    
    color: var(--color-white);
}

div.answer p:nth-child(1) {
    padding-top: 2.5rem;
}










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





/*               MORTGAGE CALCULATOR                */
/* ************************************************ */

/* 
.page-id-9 .nm__container.plain__text {
    display: inline-block;
} */

.mortgage__calculator__area {
    padding-top: 15rem;
    background-color: var(--quinary-color);
}

.mcalc .mcalc-main {
    padding: 20px 2px!important;
}


.mcwp-results {
    display: none;
}

.mcalc label {
    font-size: 1.4rem!important;
}


.mcalc i,
.mcalc input,
.mcalc select {
    font-size: 1.4rem!important;
}

span#emmp_div_span {
    font-size: 2rem;
    margin-left: 2rem;
}

.mcalc .mcalc-results h3 {
    font-size: 2rem!important;
    text-align: center;
}

.mcalc .mcalc-results p {
    margin: 0px;
    color: #fff;
    font-size: 1em;
    font-weight: 100;
    line-height: 50px;
}


.mcalc .mcalc-results p {
    font-size: 1.5rem!important;
}

.mcalc .mcalc-results p strong {
    float: right;
    font-size: 1.3em;
    font-weight: 300;
    
}

.mcalc .mcalc-results .mcalc-value {
    display: flex;
    line-height: 50px;
}

.mcalc .mcalc-results .mcalc-value span {
    font-size: 1.5rem;
    margin-left: 0.5rem;
}





/*               BOOK A CALL                */
/* **************************************** */

.book__a__call__area {
    padding-top: 15rem;
    background-color: var(--quinary-color);
}

.book__a__call__area h1,
.book__a__call__area h2 {
    text-align: center;
    color: var(--primary-color);
}


.book__a__call__area h1 {
    font-size: 2rem;
    font-weight: 600;
    margin: 0 auto 2rem auto;
}


.book__a__call__area h2 {
    font-size: 1.5rem;
    margin: 0 auto 5rem auto;
}


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


#who__we__are {
    padding-top: 11rem;
    
}

.expertise__section p {
    font-size: 1.29rem;
    line-height: 1.8rem;
}

.expertise__section strong {
    font-size: 1.29rem;
}

.arc__container {
    background-color: var(--quinary-color);
    margin: 0 2rem;
    padding: 1rem 2rem 4rem 2rem;
}

#who__we__are .arc__container .section-one p .arc__emphatic {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}


#who__we__are .title__page {
    font-size: 2rem;
    text-align: center;
    color: var(--secondary-color);
    margin: 1rem auto 2rem auto;
}

#who__we__are .ceo__arc__img {
 margin-bottom: 2rem;
}

#who__we__are .ceo__arc__img  img {
    border: solid 0.1rem var(--secondary-color);
   }

   

#who__we__are .expertise__section h2 {
    font-size: 1.8rem;
    color: var(--secondary-color);
}

#who__we__are .expertise__section .expertise__formation li {
    list-style: disc;
    margin-bottom: 1rem;
    font-size: 1.29rem;
    line-height: 1.8rem;
}

#who__we__are .expertise__section .expertise__data {
    padding-top: 4rem;
}



#who__we__are .expertise__section .expertise__data h2 {
    margin-bottom: 1.5rem;
}











/* *************************************************** */
/*                CONOCE A ANTONIO ROMERO              */
/* *************************************************** */

.meet__rym__hero {
    position: relative;
    /* min-height: 100vh;     */
}

img.mobile-bg {
    overflow: visible;
    position: relative;
    height: 82vh;
}


.meet__rym__hero .bio-bg {
    position: fixed;    
    left: 0px;
    width: 100%;
    height: auto;
    background-image: none;   
}

.meet__rym__hero .nm-container {
    display: flex;
    align-items: center;
    height: auto;
    /* min-height: 100vh; */
}

.meet__rym__hero .nm-container .bio-txt {
    
    max-width: 100%;
    width: 100%;
    margin-right: auto;
    padding: 4rem 1.3rem;
}


.meet__rym__hero h2 {
    font-family: var(--tipo-encabezado);
    font-size: 2rem;
}

.meet__rym__hero h2 {
    font-family: var(--tipo-encabezado);
    font-size: 2.9rem;
    color: var(--quaternary-color);
}


.meet__rym__hero h3 {
    font-family: var(--tipo-encabezado);
    font-size: 3rem;
    color: var(--color-white);
    margin: 2.5rem 0 1.5rem 0;
}

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








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

/* Parte del título de servicios y tratamientos */


.treatment__hero .row,
.service__hero .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 */
}

.treatment__hero .row p,
.service__hero .row p {
    color: var(--color-white);
    font-size: 1.7rem;
    line-height: 2.3rem;
    font-weight: 600;
    margin-bottom: 3rem;
}

.treatment__hero .w-img,
.service__hero .w-img {
    position: relative;    
    height: auto;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }

  .nm-container.w-img:before {
    content:'';
    position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
    opacity: 0.6;
   }





  .hero__top {
    padding-top: 22vh;
    padding-bottom: 0px;
  
  }


  
  .treatment__hero .nm-container,
  .service__hero .nm-container {
    /* padding-left: 24px;
    padding-right: 24px; */
    width: 100%;
    /* padding-right: 12px;
    padding-left: 12px; */
    margin-right: auto;
    margin-left: auto;
  }
  

  .treatment__hero__top .nm-container div,
  .service__hero__top .nm-container div {
    margin: 0 auto;
    width: 100%;
  }

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

  
  .treatment__hero .title-xxl,
  .service__hero .title-xxl {
    
    color: inherit;
    font-family: 'Forum';
    font-weight: 300;
    line-height: 1.2;
    font-size: 6rem;
    line-height: 1.5;
    color: var(--color-white);
    margin-bottom: 3rem;
    
  }
  
  .service__hero__title,
  .treatment__hero__title {
    text-align: center;
  }

  .hebe-uolist {
    margin-top: 2rem;
    margin-bottom: 5rem;
  }

 .hebe-uolist li {
    color: var(--color-white);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.5rem;
    list-style: disc;
    margin: 0 0 1rem 1rem;
 }






.first-img,
.second-img {
    overflow: hidden;
    padding: 5rem 1rem 2.5rem 1rem;
}

.first-img img,
.first-img video,
.second-img img {
    
    border: 0.5rem solid var(--color-white);
    border-radius: 1rem;
}


.first-img video {
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 390px;
}



#video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -10;
    visibility: visible;
    }


/* .treatment__hero .title-item-word,
.service__hero .title-item-word {
    display: inline-flex;
}


.item-line {
    display: block;
    text-align: center;
    position: relative;
  } */



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



.service__hero__top .container div {
    margin: 0 auto;
    width: 80%;
  }

/* Masajes */

.page-id-56 .service__hero .w-img {
    background-position: top left 56%;
}

/* Asesoramiento */

.page-id-68 .service__hero .w-img {
    background-position: top left 61%;
}


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

.page-template-t_page_treatment {
    /* height: 100vh;
    overflow: hidden; */
    
}
.treatment-hero {
    position: relative;
}

.head__of__treatment {
    /* position: fixed; */
    width: 100%;
    text-align: center;
    z-index: 10000;
}

.body__of__treatment {
    padding-top: 1rem;
}

.scrollable__content {
    overflow: auto;
    padding-top: 2rem;
}


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





.treatment-content {
    height: 20rem;
}

button.lateral-nav {
    margin:0 auto;
    width: 100%;
    color: var(--color-white);
    border: 2px solid var(--primary-color);
    background-color: var(--tertiary-color);
    transition-duration: 0.4s;
    font-size: 2rem;
    font-weight: 900;
    padding: 1rem;

}

button.lateral-nav:hover {
    background-color: var(--secondary-color);
    color: var(--tertiary-color);
    border-color: var(--tertiary-color);
}



/* Menú lateral */

.barra {

    margin-top: 10.8rem;

    font-family: var(--tipo-parrafo);
    /**Alto y ancho de donde se va a activar cuando pase el mouse**/
    width:10%;
    height:9%;
    /*Para que este siempre en la misma parte de la pantalla aunque se haga scroll*/
    position:fixed;
    /*Tiempo en el que va a transitar la animacion*/
    transition: all .4s ease-out ;
    /*este arriba de todo en la pantalla*/
    z-index: 7777777;  

}

.barra ul{
    /*solucionar espacios no deseados*/
    padding:0px;
    text-align: center;
        
}
.barra li{
    /*Velocidad de transicion del contenido*/
    transition:all .3s;
    list-style: none; 
}

.barra a{
    text-decoration: none;
    
    font-weight: normal;
    
    /*La letra crece con el menu de esta manera no se va a ver como se ajusta al margen mientras crece*/
    transition: .3s all ;
    /*Se ocultan los elementos*/
    font-size: 0px;
    padding:0px;
}

.barra  h2,
.barra  span{
    text-align: center;
    color:var(--color-white);
    padding:7px;
    padding-bottom:7px;

    /*Se oculta el h2*/
    font-size:0px;   
}

.barra img{
    /* padding:25px; */ /* Activarlo, en caso de ser necesario en escritorio no en móvil */
}



.barra.clicked {

    /* margin-top: -10rem; */


    /*Tamaño cuando el cursor señale la barra*/
    width: 70%;
    height: 100vh;
    
    /*Color*/
    background: var(--primary-color);

    border-radius: 1rem;
}

.barra.clicked h2,
.barra.clicked span{
 /*posicion dentro de barra del h2*/
 padding: 1rem 0;
 font-size: 2.5rem;
 font-weight: 600;
 color: var(--quaternary-color);
}

.barra.clicked a{ 
 font-size: 1.8rem;
 font-weight: 600;
 letter-spacing: 1px;
 color:var(--tertiary-color);
 /*Se usa el display block para que el enlace respete el margin*/
 display: block;
 padding: 1rem;
}

.barra.clicked img{
 /*Desaparecer la imagen*/
 height:0px;
}

.barra.clicked li{
 border-top:1px solid var(--secondary-color);
 /*Espacios entre las lineas y el contenido*/
 
 width:100%;
 
}

.barra.clicked ul:last-of-type{

 border-bottom: 1px solid var(--quaternary-color);
}

.barra.clicked a:hover{ 
 font-size: 1.8rem;
 padding: 1.5rem 0rem; 
 background: var(--quaternary-color);
 color: var(--primary-color);
}

@media (min-width: 768px){

 .barra.clicked{
 width: 45%;
 }

}


/* Fin Menú Lateral */


.treatment-title h1 {
    font-family: var(--tipo-encabezado);
    font-size: 3rem;
    color: var(--color-white);
    text-align: center;
    margin-bottom: 2rem;
}


.treatment-content .explanation {
    font-family: var(--tipo-parrafo);
    color: var(--color-white);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
}


.treatment__hero .video__images img {
    height: 570px;
    width: 100%;
}






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


.contact__hebe__hero .w-img {
    background-image: url('./images/rascacielos.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);
}

.nm-container.w-img {
    margin: 0;
}



.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;
    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.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.1rem;
    line-height: 1.5rem;
    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 #responsive-form label {
    margin-top: 2.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    font-family: var(--tipo-encabezado);
    line-height: 2.5rem;
    font-style: italic;
    color: var(--primary-color);
    text-align: left;
    
}


.contact__hebe__body #responsive-form input,
.contact__hebe__body #responsive-form select,
.contact__hebe__body #responsive-form textarea {
    font-family: var(--tipo-parrafo);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    color: var(--color-black);
    text-align: left;
    background-color: transparent;
    border: none; /* borro estilos heredados de bootstrap */
    border-bottom: solid 1px var(--color-black);
    border-radius: 0;
}


.contact__hebe__body #responsive-form .btn {
    color: var(--color-white);
    background-color: var(--secondary-color);
    font-size: 1.4rem;
    letter-spacing: 0.2rem;
    text-align: center;
}

.contact__hebe__body #responsive-form select:active, 
.contact__hebe__body #responsive-form select:hover {
    outline: none;
  }


  
  .contact__hebe__body #responsive-form select:active, 
  .contact__hebe__body #responsive-form select:hover {
      outline-color: red;
    }


.contact__hebe__body #responsive-form textarea {
    font-size: 1.2rem;
    font-weight: 900;
    border: solid 1px var(--color-black);
}

.contact__hebe__body #responsive-form select option {
   font-weight: 600;
}


.contact__hebe__body #responsive-form .fe-acceptance-rgpd.fe-subscribe {
    display: inline-flex;
    margin-top: 2.5rem;
}


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

.contact__hebe__body #responsive-form .fe-acceptance-rgpd.fe-subscribe input {
    height: 1rem;
    margin-top: 0.2rem;
}



.contact__hebe__body #responsive-form .fe-first-layer {
    padding: 0.7rem;
    border: 1px solid var(--quaternary-color);
}



.contact__hebe__body #responsive-form .fe-first-layer p,
.contact__hebe__body #responsive-form .fe-first-layer strong {
    font-size: 0.7rem;
    line-height: 1rem;
    text-align: left;    
    font-weight: 600; 
    margin-bottom: 0;   
}



#responsive-form .btn-enviar-datos {
    margin: 3rem auto 6rem auto;
    width: 10rem;
    text-align: center;
    background-color: var(--quaternary-color);
    color: var(--primary-color);
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.2rem;
    border-bottom: none;
    -webkit-box-shadow: 0.4rem 0.4rem 1rem 0rem rgba(0,0,0,0.75);
    -moz-box-shadow: 0.4rem 0.4rem 1rem 0rem rgba(0,0,0,0.75);
    box-shadow: 0.4rem 0.4rem 1rem 0rem rgba(0,0,0,0.75);
}



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

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

.header__plain__text {
    height: 12rem;
}

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






  
/* **************************************** */
/*          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-white);
}

.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: 10rem;
    right: 2rem;
    z-index: 1000020;    
}

.calendly-badge-widget {
    bottom: 74px!important;
}


.calendly-badge-widget .calendly-badge-content {
    width: 80px!important;
    height: 20px!important;
    font-size: 10px!important;
    padding: 0 10px!important;
    background-color: var(--primary-color)!important;
    border: solid 1px #d10a11;
}

.container-totop {    
    position: fixed;
    bottom: 4rem;
    right: 2rem;
    z-index: 1000020; 
}


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


footer {
    background: var(--tertiary-color);
    padding: 2rem 0.5rem;
}


footer {
    background-image: linear-gradient(to top, rgb(61, 72, 125),rgb(14, 64, 148, 0.5));
}

/* footer.ch__color {
    background-image: linear-gradient(to top, rgba(141, 118, 94, 0.274),rgb(255, 255, 255));
} */


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 3rem;
    text-align: center;
}


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


footer h4 {
    font-size: 1.6rem;
    letter-spacing: 0.3rem;
    font-weight: 400;
    color: var(--color-white);
    margin: 3rem auto 0 auto; /* Para que centre los textos */
    padding-bottom: 1rem;
    /* width: max-content; Hago que el ancho de la etiqueta sea igual al contenido de la misma  */
}

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



footer h4::after {
    content: '';
    border-bottom: 1px solid var(--color-white);
    /* width: 70%; */
    display: block;
    margin: 0 auto;
    padding-top: 0.3rem;
}

footer.ch__color h4::after {
    border-bottom: 1px solid var(--tertiary-color);
}


footer .footer__be img {
    max-height: 5rem;
    margin: 0 auto;
    margin-bottom: 2rem;    
}

footer ul {
    
    padding: 0;
}

footer ul li {
    color: var(--color-white);
    /* list-style: disc;
    list-style-position: inside; */
}

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

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


footer a:hover {
    color: var(--color-white);
    font-weight: 600;
}



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


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


footer .nm-container .w-border {
    padding: 2rem 0;
    border-top: solid 1px var(--color-white);
  
}

footer .nm-container p,
footer .nm-container span,
footer .nm-container .legal__area a {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: var(--color-white);
    margin: 0;

}

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



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


footer .buttons {
    display: flex;
    justify-content: center;
}
footer .buttons img {
    height: 3rem;
    width: auto;
    
}



footer .buttons a {
    padding: 0.5rem 2rem;
    margin: 1rem;
}





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












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



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

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


/*    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;
   
}






    
/*******************/
/*   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;
    }



     
/*******************/
/*   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: 11rem;
    right: 2rem;
}

.calendly-badge-widget {
    bottom: 84px!important;
}


.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;
}










}

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


    h3, h4, p, strong {
        font-size: 1.4rem;
        line-height: 2.5rem;
        font-weight: 300;
    }


    h3, h4, strong {
        font-weight: 500;
    }


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



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


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


nav {    
    height: 10rem;   
}

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

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


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

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


.carousel-item {
    height: 80rem!important;
}

/* 

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

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



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


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

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



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



#multi-column {
    column-gap: 0.5rem;
 }

 #multi-column p {    
    margin: 0 2rem;  
 }

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




.section-two .button__home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38rem;
    height: 5rem;
    font-size: 2rem;
}


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

.hebe__quote h3 {
   
    font-size: 3.3rem;
    padding: 0 1.1rem;
    
}


 .home .section-three .subtitle-section {
    font-size: 3rem;
}



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

.section-four .row .main__text__section {
    
    font-size: 2rem;
    line-height: 2.7rem;
   
}

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

.section-four .row .bottom-text {
   
    margin-bottom: 2.5rem;
    font-size: 2.4rem;

}


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


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




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

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


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


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


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

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

}




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

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

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


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






.section-eight .bottom-text {   
    padding: 2rem 1rem;   
    margin-right: 11.3rem;
}

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






/****************************/
/*   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           */
/****************************/






/*               MORTGAGE CALCULATOR                */
/* ************************************************ */


.mcalc .mcalc-main {
    padding: 20px 10px!important;
}










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






/***************************************/
/*        PLANES ESTRATÉGICOS          */
/***************************************/


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


.plan__table__content a {
    font-size: 1.4rem;
}






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


.hero__top {
    padding-top: 15vh;
}

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








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


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


.contact__hebe__hero h1 {   
    padding-top: 20rem; 

}



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



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



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





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


    .container-chat {    
        bottom: 15rem;
    }


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

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


    .calendly-badge-widget {
        bottom: 110px!important;
    }

    .calendly-badge-widget .calendly-badge-content {
        width: 115px!important;
        height: 32px!important;
        font-size: 15px!important;      
    }




}

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


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



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

nav {
    height: 12rem;
}



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


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

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

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





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


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

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

.carousel-item {
    height: 100rem!important;
}

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


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

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




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


#multi-column p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    
}






/* QUOTES */

.hebe__quote h3 {
    font-size: 4rem;
    padding: 0 1.4rem;
}



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

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

.section-four .row .main__text__section {
    font-size: 2.3rem;
    line-height: 3.2rem;
    margin: 0 2rem 6rem 2rem;
}





/* Movement Text */


  
.service__bar,
.service__bar__reverse {
  position: relative;
  height: 8rem;
}


.service__bar__content {
  display: flex; /* Important to give the content a width */

  width: 100%;
  transform: translateX(100%); /* Animation start out of the screen */

  /* Add the animation */
  animation: move 10s linear infinite /* infinite make reapeat the animation indefinitely */;
  
  margin-top: 1.4rem;

}


.service__bar__content__reverse {
  display: flex; /* Important to give the content a width */

  width: 100%;
  transform: translateX(100%); /* Animation start out of the screen */

  /* Add the animation */
  animation: move 10s linear infinite /* infinite make reapeat the animation indefinitely */;
  animation-direction: reverse;

  
  margin-top: 1.4rem;


}


.service__bar__content a,
.service__bar__content__reverse a {
  font-family: var(--tipo-encabezado);
  color: var(--color-black-light);
  font-size: 5.5rem;
}


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

}


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

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

.section-four .row .bottom-text.c-tertiary {
    padding: 1.7rem;
}

.section-four .row .bottom-text {
    margin-bottom: 3.3rem;
    font-size: 3.6rem;
}



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



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






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

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


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

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

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

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




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


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

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

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

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


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




/****************************/
/*   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           */
/****************************/




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

#who__we__are {
    padding-top: 15rem;
}



#who__we__are .expertise__section .expertise__data h2 {
    font-weight: 600;
}

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




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


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




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

.hero__top {
    padding-top: 13vh;
}



button.lateral-nav {
    width: 70%;
}



.treatment-title h1 {
    font-size: 3.5rem;
}


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



.treatment-content .explanation {
    
    font-size: 1.7rem;
    line-height: 2.3rem;
}





  
/* **************************************** */
/*                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;
}


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



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

}


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

#responsive-form .btn-enviar-datos {
    margin: 3rem auto 6rem 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: 7rem;
    height: auto;
}

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


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

footer .nm-container p, footer .nm-container .legal__area a {
    font-size: 2.2rem;
    line-height: 3.4rem;
}

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%;

  }



  .nm-container {
    margin: 0 6rem;
}



.mortgage__calculator__section .nm-container {
  margin: 0 2rem;
}

  



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




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

/* .top-header-fix {
    display: flex;
    position: fixed;
    background-color: #14212b;
    top: 0;
    width: 100%;
    height: var(--top-header-nav);   
    z-index: 999999;
} */

    



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


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

.hamburger-btn {
    width: 50px;
    margin-right: 60px;
    margin-top: 0px;
}

.hamburger-btn span {
    height: 6px;
    transform-origin: 4px 56%;
}

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



/* Hamburguer Menu */

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

.hamburger-btn span {
    height: 4px;
    transform-origin: 3px 56%;
}




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


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

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


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

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


#carouselIndicators .carousel-caption {
    position: absolute;
    height: fit-content;
    top: 50%;
    right: 15%;
    /* bottom: 1.25rem; */
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.253);
    border-radius: 2rem;
}


#carouselIndicators .carousel-caption h5 {
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
}



#carouselIndicators .carousel-caption p {
    font-size: 2rem;
}




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


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

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


.section-one .container-text {
    background-color: transparent;
    
} 


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

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


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

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

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

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

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

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


#multi-column {
    padding: 0 5rem;
}



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

.section-three .distribute__elements {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0!important;
    background-color: var(--color-blue-grey);
    margin: 0; 
    width: 50%;
}

.section-three .img__content {
    padding: 0;
    margin: 0;
    position: relative;
    top: 0px;
    height: 100%;
}

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





/*******************/
/*   SECTION   */
/*******************/

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

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


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


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


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

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



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

.section-six .row .w-img {
    height: 124.1rem;
    background-position-x: 43%;
}
.section-six .row .w-text .middle-text {
    font-size: 2rem;
    line-height: 2.6rem;
}





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

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

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


.section-eight .to-bottom {
    margin-right: 9rem;
}


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






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


.section-eight .bottom-text {
    margin-right: 17.5rem;
    margin-left: 3rem;
}

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

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







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





/*********************************/
/*       MOTGAGE CALCULATOR      */
/*********************************/



.mortgage__calculator__area {
    padding-top: 20rem;
}





/*               BOOK A CALL                */
/* **************************************** */

.book__a__call__area {
    padding-top: 20rem;
}

.book__a__call__area h2 {
    font-size: 1.5rem;
    margin: 0 auto 0rem auto;
}

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

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


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







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


.plan__explanation,                /*To internal-links - gives a margin from top of the devise*/
#nmh__cta {          
    scroll-margin-top: 20rem;
}


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



.strategic__plans .strategic__explanation {
    font-size: 1.4rem;
    line-height: 1.8rem;
}


#strategic__plans .plan__explanation .nmh__list li {    
    font-size: 1.4rem;
    line-height: 2.2rem;
}











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

.first-img video {
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 246.5px;
}






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

.treatment-title h1 {
    font-size: 3.8rem;
}


.treatment-content .explanation {
    font-size: 1.8rem;
    line-height: 2.5rem;
}








  
/* **************************************** */
/*                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;
}


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

footer .nm-container p {
    font-size: 1.7rem;
    line-height: 2.4rem;
}


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


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

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


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




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(--color-white);    
}


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

    

.nm-container {
    margin: 0 15rem;
}
    
/************/
/*  HEADER  */
/************/
    



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




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


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


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






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


    .hamburger-btn {
        display: none;
    }

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

    .nav-list .first-item {
        margin-top: 0;
    }
    
    .nav-list li {
        display: inline-block;
        opacity: 1;
        margin: 0 0.8rem;
        transition: none;
        height: 3rem;
    }
   
    .nav-list li a {
        font-size: 1.5rem;
    }

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

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

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

    .nav-list 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 li a.active, .nav-list li a:hover {
        color: var(--primary-color);
    } 
    

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

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


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

    

/*************/
/*    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    */
/*********************/


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

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



/* QUOTES */

.hebe__quote h3 {
    font-size: 5rem;
    padding: 0 1.4rem;
}



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


.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 .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;
}



/* MOVEMENT TEXT */

.service__bar, .service__bar__reverse {
    height: 12rem;
}




.service__bar__content {
    display: flex; /* Important to give the content a width */
  
    width: 100%;
    transform: translateX(100%); /* Animation start out of the screen */
  
    /* Add the animation */
    animation: move 15s linear infinite /* infinite make reapeat the animation indefinitely */;
    
    margin-top: 3rem;
  
  }
  
  
  .service__bar__content__reverse {
    display: flex; /* Important to give the content a width */
  
    width: 100%;
    transform: translateX(100%); /* Animation start out of the screen */
  
    /* Add the animation */
    animation: move 15s linear infinite /* infinite make reapeat the animation indefinitely */;
    animation-direction: reverse;
  
    
    margin-top: 3rem;

  }
  

.service__bar__content a, .service__bar__content__reverse a {
    font-size: 6.5rem;
}


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

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


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

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




/**********************/
/*    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;
}










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





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


#who__we__are .arc__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 .nm-container h2 {
    font-size: 3.5rem;
}

footer .nm-container p {
    font-size: 2.2rem;
    line-height: 2.4rem;
}

footer h4 {
    font-size: 1.7rem;
}

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









    

}

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

    
.page-scrolled {
    height: 10rem;
}




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



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


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

    .logo {      
        height: 55px!important;
    }




/*************/
/*    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;
}




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


.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;
}




/*********************/
/*    QUOTES         */
/*********************/




.hebe__quote h3 {
    font-size: 5.3rem;
    padding: 0 1.4rem;
}



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

.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 .nm-container p {
    font-size: 2.4rem;
    line-height: 2.4rem;
}


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


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











}





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

.nm-container {
    margin: 0 30rem;
}





.mortgage__calculator__section .nm-container {
    margin: 0 10rem;
  }
  
    

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


.nav-list li a {        
    font-size: 1.5rem;     
    letter-spacing: 0.2rem;  
}


.logo {      
    height: 75px!important;
}





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



    /* Section Two */

    #multi-column {
        padding: 0 20rem;
    }



    

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





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




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





    


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

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





 


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



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






    /****************************/
    /*         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: 0px;
    height: 75px!important;
}



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







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

.nav-list {
    
    padding: 0.5rem 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;
}




/*********************/
/*    QUOTES         */
/*********************/

.hebe__quote h3 {
    font-size: 6.1rem;
    padding: 0 1.4rem;
}





/*********************/
/*    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;
}






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





/* **************************************** */
/*              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) {    
    

    
.nm-container {
    margin: 0 40rem;
}



.mortgage__calculator__section .nm-container {
    margin: 0 25rem;
  }
  
    
/************/
/*  HEADER  */
/************/
    


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


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

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



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


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

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


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



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



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

.section-two .w-background .to-bottom .bottom-text p {
    margin-bottom: 2rem;
}


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



    #multi-column {
        padding: 0 35rem;
    }



/*********************/
/*    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 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 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                     */
/* **************************************** */





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

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

#who__we__are .arc__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: 6rem;
}




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

.nmh__call__to__action {
    margin: 4rem 40rem;
}





}

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

 
    .page-scrolled {
        height: 15.5rem;
    }


    
    
.nm-container {
    margin: 0 50rem;
}
    

/************/
/*  HEADER  */
/************/
    
.logo {
    margin-top: 0px;
    height: 80px!important;
}




.height-logo-scrolled {
    margin-top: 0px;
    height: 80px!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;
}






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


.section-one .subtitle-img {
    font-size: 4.5rem;
}
    .section-one .bottom-text {
        font-size: 2rem;
        line-height: 3rem;
    }




/*********************/
/*    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 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 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;
}







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





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



#who__we__are .arc__container {
    margin: 0 40rem;
}






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


.plan__explanation,                /*To internal-links - gives a margin from top of the devise*/
#nmh__cta {          
    scroll-margin-top: 23rem;
}

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




/* ***********************************************************************/
/*       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;
}




  
/* **************************************** */
/*          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;
}





}




/* ************************************************************************************************ */



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

.page-template-page-textos-legales {
    font-family: var(--tipo-parrafo-gamma);  
}


/* 

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

.header__plain__text {
    height: 12rem;
}

.nm__container.plain__text {
    margin: 0 3rem;
    font-weight: 600;
    background-color: var(--color-white);
    padding: 1.5rem;
}

.p__legales h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.p__legales p,
.p__legales ul li {
    color: var(--color-black);
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem;
}




.p__legales td {
    font-size: 1rem;
    border: solid 1px var(--color-black-w-opacity);
    padding: 0.5rem 1rem;
}

.p__legales li {
    font-size: 1rem;
}

.p__legales strong {
    font-weight: bolder;
    text-decoration: underline;
}


.p__legales p strong {    
    font-size: inherit;
    font-weight: 600;
}