/* ------------------------------------------------------------------------------

  Template Name: Theme SMV 
  Description: Micieli Estudio Arq.
  Author: SMV
  Author URI: 
  Version: 1.0
  
  1.  Global

      1.1 General
      1.2 Typography
      1.3 Fields
      1.4 Buttons
      1.5 Icons
      1.6 Loader
      1.7 Content styles

  2.  Header 

      2.1 Brand
      2.2 Vertical Panel
      2.3 Navbar Desctop
      2.4 Navbar Desctop Affix
      2.5 Navbar Mobile
      2.6 Navbar Mobile Affix
      

  3.  Main

      3.1 Slider

  4.  About

      4.1 Services
      4.1 Object map

  5.  Projects

      5.1 Project Carousel
      5.2 Magnific popup
      5.3 Project Details

  6.  Experience
  7.  Clients
  8   Blog

      8.1 Blog Details
      8.2 Widgets
      8.3 Widget Recent Post

  9.  Contacts  
  10. Footer
  11. Responsive styles

      11.1 Min width: 768px
      11.2 Min width 992px
      11.3 Min width 1200px 
      11.4 Max height 480px

    
    
/*-------------------------------------------------------------------------------
  1. Global
-------------------------------------------------------------------------------*/



/* 1.1 General */



/* @import url('bootstrap.min.css'); */
@import url('font-awesome.min.css');
@import url('tiny-slider.css');
/* @import url('animate.css'); */
/* @import url('hover.css');
@import url('magnific-popup.css');
@import url('owl.carousel.css');
@import url('owl.transitions.css');
@import url('settings.css');
@import url('layers.css');
@import url('navigation.css'); */


*, ::after, ::before {
    box-sizing: border-box;
}

html{
  font-size: 75%;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body{
  position: relative;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #444444;
  background-color: #fff;
  margin: 0;
}

/* ::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #002d73;
}

::selection{
  background-color:#002d73;
  color:#fff;
}

-webkit-::selection{
    background-color:#002d73;
    color:#fff;
}

::-moz-selection{
    background-color:#002d73;
    color:#fff;
} */

/* 1.2 Typography */
/* @font-face {
  font-family: 'montserratlight';
  src: url('../fonts/montserrat/Montserrat-Light.ttf');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'montserratsemibold';
  src: url('../fonts/montserrat/Montserrat-SemiBold.ttf');
  font-weight: normal;
  font-style: normal;

} */

h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
  margin-bottom: 24px;
}

h1,
.h1{ 
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.875rem;
}

h2,
.h2{ 
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 2.875rem;
}

h3,
.h3{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.875rem;
  line-height: 1.1;
  font-weight: normal;
}

h4,
.h4{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: normal;
}

h5,
.h5{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.125rem;
  line-height: 1.35;
  font-weight: normal;
}

h6,
.h6{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.125rem;
  line-height: 1.35;
  font-weight: normal;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a{
  color:inherit;
}

h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover{
  text-decoration: none;
}

p {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

p:last-child {
  margin-bottom: 0;
}

b, strong{
  font-family: "Barlow Condensed", sans-serif;
}

ul{
  list-style: none;
  padding-left: 0;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color:#666666;
  -webkit-transition: color .3s ease-out;
       -o-transition: color .3s ease-out;
          transition: color .3s ease-out;
}

a:hover,
a:focus {
  color:#666666;
  outline: none;
}

a:focus{
  text-decoration: none;
}

input, button {
  font-family: "Barlow Condensed", sans-serif;
}

/* 1.3 Fields */
.container {
  width: 100%;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}

blockquote {
  margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 2.875rem;
}

/* 1.4 Buttons */
.btn{
  font-family: "Barlow Condensed", sans-serif;
  display: inline-block;
  border: 1px solid #666666;
  border-radius: 6px;
  padding: 10px 24px 12px;
    font-size: 1.25rem;
    line-height: 1;
  color: #fff;
  text-decoration: none;
  background-color: #666666;
  border: 0;
  -webkit-transition: all .3s ease-out !important;
  transition: all .3s ease-out !important;
  text-align: center;
    width: max-content;
}

.btn:hover,
.btn:focus{
  color: #fff;
  background-color: #323232;
  -webkit-box-shadow:none;
  box-shadow: none;
  outline: none!important;
}

.btn .icon-next{
  position: relative;
  top:-0.1rem;
  margin-left: 0.6rem;
  vertical-align: middle;
}

.btn-gray{
  background-color: #323232;
  border-color: #323232;
}

.btn-gray:hover{

  background-color: #c5a47e;
}

.btn-shadow-1{
  box-shadow:0 15px 34px rgba(0,0,0,0.18);
}

.btn-shadow-2{
  box-shadow:0 15px 34px rgba(0,0,0,0.18);
}

/* 1.5 Icons */

.icon-next{
  display: inline-block;
  width:0.94rem;
  height: 0.75rem;
  background:url(../img/img-icon/next.png) 0 0 no-repeat;
  background-size:0.94em 0.75rem;
}

.linea {
  width: 100%;
  height: 1px;
  background-color: #bebebe;
}


/*-------------------------------------------------------------------------------
  2. Header
-------------------------------------------------------------------------------*/
.header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  padding: 16px 12px;
  z-index: 999;
}
.header_container {
  width: 100%;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}
.header_row {
  display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.header_row .header_col {
  display: flex;
  align-items: center;
  position: static;
  flex-basis: 0;
  flex-grow: 0.33;
  max-width: 100%;
  width: 100%;
  min-height: 1px;
}
.header_col.header_col_left,
.header_col.header_col_right {
  flex-grow: 0.2;
}
.header_col.header_col_center {
  -ms-flex-pack: center;
    justify-content: center;
    flex-grow: 0.6;
}
.header_col.header_col_right {
  justify-content: flex-end;
}

/* 2.4 Navbar Desctop Affix */
nav {}
nav a {
  color: #fff;
    text-decoration: none;
    font-size: 1.25rem;
    margin: 0 20px;
}

.btnMenu {
  background: transparent;
    border: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px;
}
.btnMenu span {
  display: block;
    width: 40px;
    height: 2px;
    background-color: #fff;
}

/*-------------------------------------------------------------------------------
  2. Panel Mobile
-------------------------------------------------------------------------------*/
.panelMobile {
    width: 400px;
    max-width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: #161616;
    overflow-x: hidden;
    z-index: 9999;

    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.panelMobile.panelMobile-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.panelContainer {
    height: 100%;
    padding: 32px 24px;
}

.panelMobile_head {
  display: flex;
    justify-content: flex-end;
    margin-bottom: 48px;
}

.btnMenuClose {
  border: 0;
  background: transparent;
  padding: 0;
}

.panelMobile_body {}
.panelMobile_body nav {
  display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.panelMobile_body nav a {
  margin: 0;
    font-size: 2.5rem;
    line-height: 1;
}

/* ------------------------------------------------------------------------------- */
/*  4. Home
/* ------------------------------------------------------------------------------- */

/* 4.0 Hero */
.seccion_hero {
  position: relative;
}
.seccion_hero::before {
  content: '';
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.seccion_hero::after {
  content: '';
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.hero_content {
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    z-index: 10;
    padding: 20px;
}
.seccion_hero h1 {}
.seccion_hero p {
  max-width: 450px;
    margin: auto;
    margin-bottom: 48px;
}
.seccion_hero .btn {
  border: 1px solid #000;
    background-color: #000;
}

/* 4.1 Soluciones */
.seccion_home_soluciones,
.seccion_home_oportunidades,
.seccion_home_metodo,
.seccion_home_proyecto,
.seccion_home_testimonios,
.proyecto-ubicacion {
  padding: 64px 20px;
}
.seccion_home_soluciones h2 {
  margin-bottom: 40px;
  max-width: 690px;
}
.seccion_home_soluciones h2 .medium {
  font-weight: 500;
}
.seccion_home_soluciones .box_grid {
  display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 24px;
}
.seccion_home_soluciones .item h4 {
  color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
}
.seccion_home_soluciones .btn {
  background-color: #000;
    border: 1px solid #000;
    margin-top: 30px;
}
.seccion_home_soluciones .box_grid .col:first-child p {
  font-size: 1.25rem;
    color: #000;
}
.seccion_home_soluciones .box_grid_inner {
  display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 95px;
}
.seccion_home_soluciones .box_grid_img {
  display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 42px;
    margin-top: 48px;
}
.seccion_home_soluciones .box_grid_img img {
  width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

/* 4.2 Oportunidades */
.seccion_home_oportunidades {}
.seccion_home_oportunidades h2 {
  margin-bottom: 0;
}
.seccion_home_oportunidades .btn {
  background-color: #000;
  border: 1px solid #000;
}
.seccion_home_oportunidades .box_grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.seccion_home_oportunidades .subTitle p {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.seccion_home_oportunidades .box_grid .col {}

.card-proyect {
  position: relative;
    border-radius: 20px;
    overflow: hidden;
    max-width: fit-content;
}
.card-proyect .card-proyect_ancla {}
.card-proyect .card-proyect_img {
      display: block;
    width: 100%;
    height: 100%;
    min-height: 520px;
    max-width: 420px;
    object-fit: cover;
}
.card-proyect .card-insignias {
  position: absolute;
    top: 20px;
    right: 20px;
    background-color: #fff;
    color: #111111;
    padding: 10px;
    border-radius: 10px;
    line-height: 1;
}
.card-proyect .card-content {
  position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    background-color: #fff;
    color: #000;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.card-proyect .card-content p {
  margin-bottom: 5px;
}
.card-proyect .card-content .ubicacion p {
  display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.icon-ubic {}
.icon-ubic::after {
  display: inline-block;
  width: 1.5rem;
    height: 1.5rem;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7'/%3E%3C/svg%3E");
}
.card-proyect .card-content .precio {
  display: block;
    background-color: #9c9c9c;
    color: #fff;
    font-size: 1.125rem;
    padding: 10px 16px;
    border-radius: 10px;
    max-width: fit-content;
    min-width: max-content;
}

.container-carrusel {
  margin-top: 48px;
}

.seccion_home_oportunidades .carrusel_control {
    gap: 20px;
    justify-content: center;
    margin-top: 48px;
}

/* 4.2 Metodo */
.seccion_home_metodo {
  text-align: center;
}
.seccion_home_metodo .subTitle p {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.seccion_home_metodo .box_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    max-width: 1120px;
    margin: auto;
    margin-top: 64px;
}
.seccion_home_metodo .item {
  text-align: center;
}
.seccion_home_metodo .item h4 {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* 4.3 Proyecto */
.seccion_home_proyecto {}
.seccion_home_proyecto .box_grid {
  display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.seccion_home_proyecto .img_full {
  width: 100%;
  height: 100%;
  object-fit: cover;
    border-radius: 20px;
    margin-top: 48px;
}
.seccion_home_proyecto .btn {
  background-color: #000;
    border: 1px solid #000;
}


/* 4.4 Testimonios */
.seccion_home_testimonios .box_grid {
  display: flex;
    gap: 48px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.seccion_home_testimonios .box_grid .col {
  width: 60%;
}
.seccion_home_testimonios .img_full {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  max-width: max-content;
}
.item-testimonio {}
.item-testimonio blockquote {
    margin-bottom: 30px;
}
.item-testimonio .testi_content {
  display: grid;
    grid-template-columns: 88px 1fr;
    gap: 24px;
    align-items: center;
}
.item-testimonio .testi_content .foto {
  width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.item-testimonio .testi_content .content {}
.item-testimonio .testi_content .content .nombre {
  margin-bottom: 8px;
    color: #000;
}
.item-testimonio .testi_content .content .desarrollo {}

.seccion_home_testimonios .carrusel_control {
  margin-top: 48px;
}

.carrusel_control {
  display: flex;
    align-items: center;
    gap: 10px;
}
.carrusel_control li {
  background-color: #000;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.carrusel_control li.prev svg {
  transform: rotate(180deg);
}

/* ------------------------------------------------------------------------------- */
/*  10. Footer
/* ------------------------------------------------------------------------------- */
.footer {
  padding: 90px 12px;
  background-color: #111111;
}
.footer_container {
  width: 100%;
  max-width: 1290px;
  margin-right: auto;
  margin-left: auto;
}
.footer_grid_4 {
  display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
footer h6 {
  font-size: 1.5rem;
  line-height: 1;
  color: #777777;
  margin-bottom: 24px;
}
footer a {
  color: #777777;
  font-size: 1.25rem;
}
.box_newsletter {
  position: relative;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 2px;
    padding-right: 90px;
}
.box_newsletter input {
  display: block;
    width: 100%;
    background-color: transparent;
    border: 0;
    padding: 12px 10px;
    font-size: 1rem;
    color: #fff;
}
.box_newsletter button {
  position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    border: 0;
    background-color: #fff;
    color: #000;
    border-radius: 8px;
    width: 80px;
    font-size: 1rem;
    cursor: pointer;
}

/* ------------------------------------------------------------------------------- */
/*  11. Oportunidades
/* ------------------------------------------------------------------------------- */
.hero-interna {
      padding: 160px 20px 20px;
    background-color: #012d74;
    color: #fff;
}
.hero-interna .hero-interna_grid {
  display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
    gap: 30px;
}
.hero-interna .hero-interna_grid h1 {
  margin-bottom: 0;
}
.hero-interna .hero-interna_grid p {
  text-align: right;
    max-width: 350px;
    margin-left: auto;
}
.hero-interna .hero-interna_grid .subTitulo p {
  margin-left: 0;
  text-align: left;
}

.seccion-proyectos-filtros {
  padding: 20px 20px;
  background: linear-gradient(0deg,rgba(255, 255, 255, 1) 50%, rgba(1, 45, 116, 1) 50%);
}
.box-filters {
  background-color: #fff;
    border: 1px solid #012d74;
    border-radius: 20px;
    padding: 30px 30px;
}
.box-filters .linea {
  margin: 20px 0;
}
.box-filters .ui-group-row {
  display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.ui-group {
  display: inline-block;
}

.ui-group h3 {
  display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 1rem;
}

.ui-group .button-group {
  display: inline-block;
  margin-right: 20px;
}

.button {
  display: inline-block;
    padding: 0.5em 1.0em;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    color: #000;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    margin: 4px 2px;
}

.button:hover {
  color: #000;
    background-color: #e6e6e6;
}

.button:active,
.button.is-checked {
  background-color: #e6e6e6;
}

.button.is-checked {
  color: #000;
    background-color: #e6e6e6;
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

.seccion-proyectos {
  padding: 20px 20px 40px;  
}
.seccion-proyectos .card-proyect .card-content {
  align-items: flex-end;
}
.seccion-proyectos .card-proyect .card-content .precio {
  background-color: #012d74;
}

.grid {
  max-width: 1320px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid .card-proyect {
  display: inline-block;
    margin: 8px;
    width: 31%;
}

@media (max-width: 1199px) {
  .card-proyect .card-content p {
      font-size: 1rem;
      line-height: 1.25rem;
  }
}

@media (max-width: 991px) {
  .grid .card-proyect {
      width: 47%;
  }
}

@media (max-width: 575px) {
  .grid .card-proyect {
      margin: 8px 0;
      width: 100%;
  }
  .seccion-proyectos .card-proyect .card-proyect_img {
      max-width: 100%;
      min-height: 400px;
  }
}

/* ------------------------------------------------------------------------------- */
/*  11. Proyecto Interna
/* ------------------------------------------------------------------------------- */
.hero-interna.hero-interna_proyecto {
  padding: 160px 20px 60px;
}
.box-precio {
  display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 30px;
}
.box-precio .box-precio_texto {}
.box-precio .box-precio_texto p {
  line-height: 2rem;
}
.box-precio .box-precio_btn {
  display: flex;
    flex-direction: column;
    gap: 10px;
}
.box-precio .box-precio_btn .precio {
  display: block;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 6px;
    font-size: 1.25rem;
    line-height: 1;
    padding: 10px 24px 10px;
    min-width: 136px;
}
.box-precio .box-precio_btn .btn {
  min-width: 136px;
  color: #012d74;
    background-color: #fff;
    text-align: center;
}

.proyecto-descripcion {
  padding: 60px 20px;
}

.descripcion-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}

.descripcion-grid .proyecto-imagen .wrapper-slider {
  position: relative;
    top: -90px;
}

.descripcion-grid .proyecto-imagen .slide-proyecto img {
  width: 100%;
  height: 540px;
  object-fit: cover;
  border-radius: 20px;
}

.descripcion-grid .proyecto-content .descripcion {
  color: #000;
    font-size: 1.25rem;
}

.descripcion-grid .proyecto-imagen .tns-nav {
  display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}
.descripcion-grid .proyecto-imagen .tns-nav button {
  background-color: #cbcbcb;
  width: 12px;
    height: 12px;
    border-radius: 100%;
    padding: 0;
    border: 0;
}
.descripcion-grid .proyecto-imagen .tns-nav button.tns-nav-active {
  background-color: #012d74;
}

.proyecto-ubicacion .box_grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.proyecto-ubicacion .subTitle p {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.proyecto-ubicacion h2 {
    margin-bottom: 0;
    text-transform: capitalize;
}
.proyecto-ubicacion .btn {
    background-color: #012d74;
    border: 1px solid #012d74;
}
.proyecto-ubicacion .box-iframe {
  margin-top: 48px;
}
.proyecto-ubicacion .box-iframe iframe {
  display: block;
  border: 0;
  border-radius: 20px;
  width: 100% !important;
    height: 600px !important;
}

@media (max-width: 991px) {
  .hero-interna_proyecto .hero-interna_grid .box-precio {
      justify-content: flex-start;
      gap: 30px;
  }
  .descripcion-grid {
      grid-template-columns: 1fr;
  }
  .descripcion-grid .proyecto-imagen .wrapper-slider {
      top: 0;
  }
  .descripcion-grid .proyecto-imagen .slide-proyecto img {
      height: 340px;
  }
}

@media (min-width: 1200px) {
  .descripcion-grid .proyecto-content {
    padding-left: 24px;
  }
}

/* ------------------------------------------------------------------------------- */
/*  11. Nosotros
/* ------------------------------------------------------------------------------- */
/* Hero */
.hero-interna.hero-interna_nosotros {
  padding: 160px 20px 60px;
}
.hero-interna.hero-interna_nosotros .hero-interna_grid {
  align-items: center;
}
.subTitulo p {
  text-transform: uppercase;
  margin-bottom: 10px;
}
.hero-interna.hero-interna_nosotros .hero-interna_grid h1 {
  margin-bottom: 20px;
  line-height: 3rem;
}
.hero-interna.hero-interna_nosotros .hero-interna_grid p {
  text-align: left;
  max-width: 485px;
  margin-left: 0;
}
.hero-interna.hero-interna_nosotros .hero-interna_grid .contador {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: fit-content;
  gap: 20px;
  margin-top: 40px;
}
.hero-interna.hero-interna_nosotros .hero-interna_grid .contador .item {
  text-align: center;
    font-size: 1.25rem;
    line-height: 1;
}
.hero-interna.hero-interna_nosotros .hero-interna_grid .contador .item .numero {
  display: inline-block;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 5px;
}
.hero_img {
  border-radius: 20px;
}

/* Nuestra Mision */
.seccion_mision {
  padding: 60px 12px;
}
.mision-grid {
  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
}
.ti.ti-eye::before {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23012d74' d='M12 9a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5a5 5 0 0 1 5-5a5 5 0 0 1 5 5a5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5'/%3E%3C/svg%3E");
}
.ti.ti-chart-line::before {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23012d74' d='m16 11.78l4.24-7.33l1.73 1l-5.23 9.05l-6.51-3.75L5.46 19H22v2H2V3h2v14.54L9.5 8z'/%3E%3C/svg%3E");
}
.ti.ti-users::before {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23012d74' d='M16 17v2H2v-2s0-4 7-4s7 4 7 4m-3.5-9.5A3.5 3.5 0 1 0 9 11a3.5 3.5 0 0 0 3.5-3.5m3.44 5.5A5.32 5.32 0 0 1 18 17v2h4v-2s0-3.63-6.06-4M15 4a3.4 3.4 0 0 0-1.93.59a5 5 0 0 1 0 5.82A3.4 3.4 0 0 0 15 11a3.5 3.5 0 0 0 0-7'/%3E%3C/svg%3E");
}
.card-mision {
  padding: 30px;
    border: 1px solid #012d74;
    border-radius: 10px;
    background-color: rgb(1 45 116 / 100%);
    color: #fff;
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 50%);
}
.card-mision .icon {
  display: block;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 10px;
    padding: 6px;
    margin-bottom: 20px;
}
.card-mision h4 {
  font-weight: 500;
    font-size: 2rem;
}

/* Equipo */
.seccion_equipo {
  padding: 60px 12px;
}
.equipo-grid {
  display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
}
.card-equipo {
  padding: 30px;
    border: 1px solid #242424;
    border-radius: 10px;
    background-color: #242424;
    color: #fff;
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 50%);
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 20px;
}
.card-equipo .foto {
  border-radius: 50%;
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 50%);
    max-width: 150px;
}
.card-equipo h4 {
  font-weight: 600;
    margin-bottom: 0;
}
.card-equipo .cargo {
  margin-bottom: 1rem;
}

/* Historia */
.seccion_historia {
  padding: 60px 12px;
}
.timeline { margin-top: 40px; position: relative; }
.timeline::before { content: ''; position: absolute; left: 30px; top: 0; bottom: 0; width: 1px; background: #012d74; }
.tl-item { 
  display: flex; 
  gap: 20px; 
  margin-bottom: 40px; 
  align-items: flex-start; 
}
.tl-dot { 
  width: 60px; 
  height: 60px; 
  border-radius: 50%; 
  background: #012d74;
    border: 2px solid #012d74;
  display: flex; 
  align-items: center; 
  justify-content: center; 
  flex-shrink: 0; 
  z-index: 1; 
  position: relative; 
}
.tl-year { 
  font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.tl-title {
  font-size: 26px;
    line-height: 1.4;
    font-weight: 500;
}
.tl-desc {
  font-size: 20px;
    line-height: 1.6;
}

/* Hablemos */
.seccion_hablemos {
  padding: 60px 12px;
    text-align: center;
    background-color: #111111;
    color: #fff;
}
.seccion_hablemos h2 {
  font-weight: 500;
    margin-bottom: 10px;
}
.seccion_hablemos .cta {
  background-color: #ffff00;
    color: #000;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
    padding: 5px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: auto;
    margin-top: 40px;
}

@media (max-width: 991px) {
  .seccion_equipo .equipo-grid .card-equipo {
      grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {}
@media (max-width: 575px) {
  html {
      font-size: 80%;
  }
  .hero-interna.hero-interna_nosotros .hero-interna_grid .contador {
      margin-top: 20px;
  }
  .seccion_mision .mision-grid {
      grid-template-columns: 1fr;
  }
  .seccion_equipo .equipo-grid {
      grid-template-columns: 1fr;
  }
  .seccion_equipo .equipo-grid .card-equipo .foto {
      width: 150px;
  }
  .card-mision {
    padding: 30px 20px;
  }
  .card-mision .icon {
      padding: 10px;
  }
  .card-mision h4 {
      margin-bottom: 10px;
  }
  .card-mision p {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .seccion_equipo .equipo-grid .card-equipo h4 {
      font-size: 2rem;
      margin-bottom: 5px;
  }
  .seccion_equipo .equipo-grid .card-equipo p {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .seccion_equipo .equipo-grid .card-equipo .cargo {
      font-size: 1.5rem;
  }
}

/* ------------------------------------------------------------------------------- */
/*  11. Servicios
/* ------------------------------------------------------------------------------- */
/* Servicios */
.servicios_grid {
  display:grid; 
  grid-template-columns: 1fr 1fr; 
  gap: 20px; 
  margin-top:40px;
}
.card_servicios {
  background:#fff; 
  border:1px solid #cdcdcd; 
  border-radius:8px;
  padding:20px; 
  border-top: 3px solid #012d74;
}
.valor-title {
  font-size: 28px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 16px;
}
.valor-text {
  font-size: 1.25rem;
}
.box_badge {
  margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.box_badge span {
  font-size: 16px;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    padding: 5px 16px;
    border-radius: 40px;
}
/* .ti.ti-building-estate {} */
.ti.ti-building-estate {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18m-2 0v-4m0 0a2 2 0 0 0 2-2v-2a2 2 0 1 0-4 0v2a2 2 0 0 0 2 2m-5 4V7a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v14m5-4v4m-1-8h2M8 9h2'/%3E%3C/svg%3E");
}
.ti.ti-home-search {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.31 18.9c.44-.69.69-1.52.69-2.4c0-2.5-2-4.5-4.5-4.5S11 14 11 16.5s2 4.5 4.5 4.5c.87 0 1.69-.25 2.38-.68L21 23.39L22.39 22zm-3.81.1a2.5 2.5 0 0 1 0-5a2.5 2.5 0 0 1 0 5M5 20v-8H2l10-9l10 9h-1.82A6.44 6.44 0 0 0 17 10.18l-5-4.49l-5 4.5V18h2.18c.17.72.46 1.39.85 2z'/%3E%3C/svg%3E");
}
.ti.ti-file-certificate {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M5 8V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2h-5'/%3E%3Cpath d='M3 14a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3Cpath d='M4.5 17L3 22l3-1.5L9 22l-1.5-5'/%3E%3C/g%3E%3C/svg%3E");
}
.ti.ti-chart-pie {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 11h6.95q-.37-2.75-2.29-4.66Q15.75 4.43 13 4.05m-2 15.9V4.05q-3 .38-5 2.64T4 12t2 5.31q2 2.27 5 2.64m2 0q2.75-.35 4.68-2.27q1.92-1.93 2.27-4.68H13m-1 9q-2.07 0-3.9-.79q-1.82-.78-3.17-2.13T2.79 15.9Q2 14.08 2 12t.79-3.9t2.14-3.17T8.1 2.79Q9.93 2 12 2t3.89.79q1.81.79 3.17 2.15q1.37 1.36 2.15 3.17Q22 9.93 22 12q0 2.05-.79 3.88q-.78 1.82-2.13 3.18q-1.35 1.37-3.18 2.15q-1.82.79-3.9.79'/%3E%3C/svg%3E");
}

/* Metodo */
.seccion_metodo {
  padding: 60px 12px;
}
.metodo_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}
.metodo_item {
  text-align: center;
}
.metodo_item .numero {
  width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #012d74;
    border: 2px solid #012d74;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
    margin: auto;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
.metodo_item h4 {
  color: #000;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
}
.metodo_item p {
  color: #000;
}

/* Inmuebles */
.seccion_inmuebles {
  padding: 60px 12px;
}
.inmuebles_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}
.card-inmuebles {
  padding: 30px 20px;
    border: 1px solid #242424;
    border-radius: 8px;
    background-color: #242424;
    color: #fff;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 70%);
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 20px;
}
.card-inmuebles h4 {
  line-height: 1;
  font-weight: 500;
    margin-bottom: 10px;
}
.card-inmuebles p {}

.ti.ti-building {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 15h-2v2h2m0-6h-2v2h2m2 6h-8v-2h2v-2h-2v-2h2v-2h-2V9h8M10 7H8V5h2m0 6H8V9h2m0 6H8v-2h2m0 6H8v-2h2M6 7H4V5h2m0 6H4V9h2m0 6H4v-2h2m0 6H4v-2h2m6-10V3H2v18h20V7z'/%3E%3C/svg%3E");
}
.ti.ti-store {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20 4H4v2h16zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6zm-9 4H6v-4h6z'/%3E%3C/svg%3E");
}
.ti.ti-home {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81zM12 3L2 12h3v8h6v-6h2v6h6v-8h3z'/%3E%3C/svg%3E");
}

.ti.ti-map-pin {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 11a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3Cpath d='M17.657 16.657L13.414 20.9a2 2 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0'/%3E%3C/g%3E%3C/svg%3E");
}
.ti.ti-briefcase {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20 6c.58 0 1.05.2 1.42.59c.38.41.58.86.58 1.41v11c0 .55-.2 1-.58 1.41c-.37.39-.84.59-1.42.59H4c-.58 0-1.05-.2-1.42-.59C2.2 20 2 19.55 2 19V8c0-.55.2-1 .58-1.41C2.95 6.2 3.42 6 4 6h4V4c0-.58.2-1.05.58-1.42C8.95 2.2 9.42 2 10 2h4c.58 0 1.05.2 1.42.58c.38.37.58.84.58 1.42v2zM4 8v11h16V8zm10-2V4h-4v2z'/%3E%3C/svg%3E");
}
.ti.ti-building-skyscraper {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M5 21V7l8-4v18m6 0V11l-6-4M9 9v.01M9 12v.01M9 15v.01M9 18v.01'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
  .metodo_grid {
      grid-template-columns: 1fr 1fr;
  }
  .inmuebles_grid {
      grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .servicios_grid {
      grid-template-columns: 1fr;
  }
  .inmuebles_grid {
      grid-template-columns: 1fr;
  }
}

/* ------------------------------------------------------------------------------- */
/*  11. Contacto
/* ------------------------------------------------------------------------------- */
/* Canales */
.seccion_canales {
  padding: 60px 12px;
}
.canales_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.card_canal {
  padding: 30px 20px;
    border: 1px solid #242424;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
    margin-bottom: 20px;
    background-color: #242424;
    color: #fff;
}
.card_canal:last-child {
    margin-bottom: 0;
}
.card_canal h4 {
  line-height: 1;
    margin-bottom: 15px;
}
.card_canal .icon {
  margin-bottom: 10px;
}
.card_canal a {
  color: #fff;
  text-decoration: none;
}

.card_horario {
  padding: 30px 20px;
    border: 1px solid #242424;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
    margin-bottom: 20px;
    background-color: #242424;
    color: #fff;
    height: 100%;
}
.icon--baseline-whatsapp {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19.05 4.91A9.82 9.82 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.26 8.26 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.18 8.18 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07s.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'/%3E%3C/svg%3E");
}
.icon-baseline-mail {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm8-7L4 8v10h16V8zm0-2l8-5H4zM4 8V6v12z'/%3E%3C/svg%3E");
}
.icon-baseline-instagram {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
}
.icon-baseline-office {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M0 8h7V0H0m1 6V5h5v1M1 2V1h5v1M3 8V6h1v2m1-2V1H4v5M3 6V1H2v5M1 4V3h5v1'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
  .canales_grid {
      grid-template-columns: 1fr;
  }
}

/* ------------------------------------------------------------------------------- */
/*  11. Responsive styles
/* ------------------------------------------------------------------------------- */

@media (max-width: 1199px) {
  .seccion_home_testimonios .img_full {
      max-width: 328px;
  }
}

/* 11.1 Max width 991px */

@media (max-width: 991px) {
  h2, .h2 {
      font-size: 2.25rem;
      line-height: 2.575rem;
  }
  .header_col.header_col_center {
      display: none;
  }
  .header_col.header_col_left, 
  .header_col.header_col_right {
      flex-grow: 0.5;
  }
  .header_col.header_col_right .btn {
    display: none !important;
  }
  .footer_grid_4 {
      grid-template-columns: 1fr 1fr;
      gap: 48px;
  }
  .seccion_home_soluciones .box_grid,
  .seccion_home_soluciones .box_grid_inner {
      grid-template-columns: 1fr;
  }
  .seccion_home_soluciones .box_grid_inner {
      gap: 24px;
  }
  .seccion_home_soluciones .box_grid_img {
      flex-wrap: wrap;
      gap: 24px;
  }
  .seccion_home_testimonios .box_grid .col {
      width: 100%;
  }
  .seccion_home_proyecto .box_grid {
      grid-template-columns: 1fr;
  }
  .hero-interna .hero-interna_grid {
      grid-template-columns: 1fr;
  }
  .hero-interna .hero-interna_grid p {
      text-align: left;
      margin-left: 0;
  }
}

@media (max-width: 767px) {
  .box-filters .ui-group-row {
      grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .footer_grid_4 {
      grid-template-columns: 1fr;
  }
  .seccion_home_testimonios .img_full {
        max-width: 100%;
    }
    .seccion_home_metodo .box_grid {
      grid-template-columns: 1fr;
  }
  .box-filters {
      padding: 20px 20px;
  }
  .seccion.seccion_home_oportunidades .card-proyect .card-proyect_img {
      max-width: 320px;
  }
}

/* 11.1 Min width 768px */

@media (min-width: 768px){
  html{
    font-size: 85%;
  }  
}

/* 11.2 Min width 992px */

@media (min-width: 992px){
  html{
    font-size: 92%;
  }
  .btnMenu {
    display: none !important;
  }
}

/* 11.3 Min width 1200px */

@media (min-width: 1200px){
   html{
    font-size: 100%;
  }
}

/* 11.4 Max height 480px  */

  @media (max-height: 480px){

}

/* md screen */
@media screen and (min-width: 641px){

}