@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Lato');

/* ===================================
    Reset
====================================== */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    scroll-behavior: smooth;
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }


/* ===================================
    Typography
====================================== */

@font-face {
    font-family: "Aller";
    src: url("../fonts/Aller_Std_Lt.ttf");
  }

  @font-face {
    font-family: "Aller_b";
    src: url("../fonts/Aller_Std_Bd.ttf");
  }

  @font-face {
    font-family: "Aller_l";
    src: url("../fonts/Aller_Std_Lt.ttf");
  }
  
/* font family */
.alt-font {font-family: 'Aller','Source Sans Pro', 'Montserrat', sans-serif; font-weight: 500}
.main-font {font-family: 'Aller','Source Sans Pro', 'Roboto', sans-serif;}

/* ===================================
    Menú
====================================== */

.menu__proyecto{
    background-color: white;
    top: 0px;
    left: 0px;
    width: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    z-index: 100;
    animation: fadeInDown;
    animation-duration: 1s;
    transition: all 0.5s; 
}

.container__menu__proyecto{
    /* background-color: tomato; */
    width: 90%;
    height: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    align-items: center;
    grid-template-columns: 25% 30% 45%;
    grid-template-rows: auto;
}

.marca__menu__proyecto{
    /* background-color: aqua; */
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    align-items: center;
}

.marca__menu__proyecto img{
  height: 33px;
}

.container__premio{
  margin: 1rem;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  display: flex;
  align-items: center;
  transition: all 0.5s; 
}

.container__premio img{
  height: 65px;
}

.links__menu__proyectos{
  /* background-color: blueviolet; */
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.links__menu__proyectos a{
    font-family: 'Aller','Montserrat', 'aller','Source Sans Pro', sans-serif;
    text-decoration: none;
    color:#605553;
    font-size: 1.2rem;
    transition: color 0.3s;
    padding: 0;
    margin: 0;
}

.links__menu__proyectos a:hover{
    color:rgb(255, 175, 0);
}

.links__menu__proyectos a span{
    color: rgb(255, 175, 0);
}

.links__menu__proyectos img{
  height: 1.5rem;
  filter: brightness(1.6);
  transition: filter 0.3s;
}

.links__menu__proyectos img:hover{
  filter: brightness(0);
}

.separador__menu{
  font-family: 'Aller','Montserrat', 'aller','Source Sans Pro', sans-serif;
  color:#605553;
  font-size: 1.35rem;
  font-weight: 500;
  position: relative;
  bottom: 0.3rem;
}



 /* ===================================
    Menú mobil
====================================== */
.container__menu__mobil {
  /* background-color: royalblue; */
  width: 100%;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
}

.top-bar {
  background-color: white;
  height: 60px;
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-rows: 100%;
}

.menu__mobil__logo {
  /* background-color: springgreen; */
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu__mobil__logo img {
  height: 1.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}


.icon-menu {
  /* background-color: tomato; */
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.icon-menu__cruz{
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 transform: translateX(-100px);
 filter: opacity(0%);
 transition: all 0.5s;
}

.icon-menu__cruz--on{
 transform: translateX(-5px);
 filter: opacity(100%);
}

.span1{
 background: #534947;
 width: 20px;
 height: 2px;
 position: absolute;
 transform: rotate(130deg);
}

.span2{
 background: #534947;
 width: 20px;
 height: 2px;
 position: absolute;
 transform: rotate(-130deg);
}


.icon-menu__bar {
  background: #534947;
  width: 20px;
  height: 2px;
 position: relative;
 transition: filter 0.3s;
}

.icon-menu__bar:after,
.icon-menu__bar:before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #534947;
 top: -.5em;
 transition: all 0.5s; 
}

.icon-menu__bar:after {
  top: .5em;
}

.icon-menu__bar--off {
 filter: opacity(0);
}

.menu {
  background: rgba(255, 255, 255, 1);
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: all .3s;
  transition: all .3s;
  transition: all .3s, -webkit-transform .3s;
  display: none;
}


.menu--show {
  transform: translateX(0);
  display: block;
}

.menu__item {
  padding: 1em;
  border-bottom: 1px solid #53494767;
  text-decoration: none;

}

.menu__link {
  font-family: 'Aller','Montserrat', 'aller','Source Sans Pro', sans-serif;
  text-decoration: none;
  color:#605553;
  font-size: 1rem;
  text-decoration: none;
  transition: color .5s;
}

.menu__link:hover {
  color:rgb(255, 175, 0);
}

.marca__menu__mobli {
  height: 1rem;
  margin-left: 0.5rem;
}


/* ===================================
    Media Menú
====================================== */

@media screen and (max-width: 1199px) {
  .menu__proyecto {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .container__menu__mobil {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  .menu__mobil__logo img {
    height: 1.5rem;
  }
}

/* ===================================
    Swiper Silider Principal
====================================== */

.swiper-container {
  width: 100%;
  /* height: calc(100vh - 100px); */
  height: 100vh;
  /* margin-top: 100px; */
  position: relative;
  animation: fadeIn;
  animation-duration: 1s;
}

.fondo__foto{
  position: absolute;
  width: 100%;
  height: 35%;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  color: white;
  z-index: 9;
}

.slide__descripción{
  /* background-color:tomato; */
  /* height: 8%; */
  width: 80%;
  left: 5rem;
  position: absolute;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 3%;
  margin: 0;
  z-index: 10;
}

.slide__descripción h2{
  font-family: 'Aller_b','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 2.3rem;
  color:white;
}

.slide__descripción p{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  margin: 0;
  padding: 0;
  margin-top: 0.5rem;
  font-size: 1rem;
  color:white;
}

.slide__descripción a{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  margin: 0;
  padding: 0.5rem;
  margin-top: 0.6rem;
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 0.1rem rgb(88, 88, 88);
  text-decoration: none;
  font-size: 1rem;
  color:white;
  transition: all 0.4s;
}

.slide__descripción a:hover{
  background-color:rgb(255, 175, 0);
  color:black;
  border: solid 0.1rem rgb(255, 175, 0);
}

.slide__descripción i{
  margin-left: 0.2rem;
  font-size: 0.8rem;
  color:white;
  transition: color 0.4s;
}

.slide__descripción a:hover >i{
  color:black;
}

.swiper-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.swiper-button-prev{
  width:20px;
  height:20px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1rem;
}

.swiper-button-prev::after{
  color: white;
  font-size: 1rem
}

.swiper-button-next{
  width:20px;
  height:20px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1rem;
}

.swiper-button-next::after{
  color: white;
  font-size: 1rem
}

.swiper-scrollbar{
  background-color: #69696998;
  border-radius: 0;
  margin-bottom: 0.5rem;
 
}

.swiper-scrollbar-drag{
  border-radius: 0;
  background-color:rgba(255, 175, 0, 0.8);
}


/* ===================================
    Media Slide Princioal
====================================== */

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

  .swiper-container {
    /* height: 80vh; */

	/* 2025  
	width: 100%;
    height: calc(100vh - 60px);
    margin-top: 60px;
	 */
  }

  .slide__descripción{
    /* background-color:tomato; */
    left: 10%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 10%;
    margin: 0;
    z-index: 10;
  }
  
  .slide__descripción h2{
    font-size: 1.7rem;
    letter-spacing: 0px;
  }
  
  .slide__descripción p{
    margin-top: 0.5rem;
    font-size: 0.8rem;
    letter-spacing: 0px;
  }
  
  .slide__descripción a{
    font-size: 0.8rem;
    color:white;
  }
}

.swiper-button-prev{
  width:15px;
  height:15px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.5rem;
}

.swiper-button-prev::after{
  color: white;
  font-size: 0.75rem
}

.swiper-button-next{
  width:15px;
  height:15px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.5rem;
}

.swiper-button-next::after{
  color: white;
  font-size: 0.75rem
}

@media screen and (max-width: 375px) {
  .slide__descripción{
    padding-bottom: 20%;
  }
  
  .slide__descripción h2{
    font-size: 1.2rem;
  }
  
  .slide__descripción p{
    margin-top: 0.5rem;
    font-size: 0.7rem;
  }
  
  .slide__descripción a{
    font-size: 0.7rem;
    color:white;
  }
}





/* ===================================
    Nuestro Estudio
====================================== */

.container__estudio{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 33% 33% 34%;
  grid-template-rows: 1 1;
}

.container__estudio h2{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 2rem;
  color:rgb(255, 175, 0);
}

.descripción__estudio{
  grid-column: 1 / 4;
  grid-row: 1 /2;
  width: 91%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 0;
  color:#605553;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.05rem;
  animation: fadeIn;
  animation-duration: 3s;
}

.descripción__estudio span{
  color: rgb(255, 175, 0);
}

.descripción__estudio img{
  /* background-color: tomato; */
  position: relative;
  margin-right: 1rem;
  top: 0.5rem;
  height: 2.2rem;
}

.item__estudio{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  color:#605553;
  line-height: 1.5rem;
}

.compromiso__estudio{
  /* background-color: burlywood; */
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  padding: 3rem;
  animation: fadeInUp;
  animation-duration: 1s;
}

.perfil__estudio{
  /* background-color: teal; */
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  padding: 3rem;
  animation: fadeInUp;
  animation-duration: 1.2s;
}

.efectividad__estudio{
  /* background-color: tomato; */
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  padding: 3rem;
  animation: fadeInUp;
  animation-duration: 1.4s;
}

.container__hacemos{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-template-rows: 1 1;
}

.item__hacemos{
  grid-column: 1 span;
  grid-row: 1 span;
  padding: 2rem;
  text-align: center;
  animation: backInUp;
  animation-duration: 1s;
}

.item__hacemos img{
  width: 100%;
  object-fit: cover;
}

.item__hacemos h3{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  color:#605553;
}


/* ===================================
    Media Estudio
====================================== */

@media screen and (max-width: 768px) {
  .descripción__estudio{
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: 0.05rem; 
  }

  .descripción__estudio img{
    /* background-color: tomato; */
    top: 0.5rem;
    margin-right: 0.7rem;
    height: 1.7rem;
  }
  
  .container__estudio h2{
    font-size: 1.2rem;
  }

  .item__estudio{
    font-size: 0.8rem;
    line-height: 1rem;
  }

  .compromiso__estudio{
    padding: 2rem;
  }

  .perfil__estudio{
    padding: 2rem;
  }
  
  .efectividad__estudio{
    padding: 2rem;
    
  }

  .item__hacemos h3{
    font-size: 0.8rem;
  }

}


@media screen and (max-width: 550px) {
  .container__estudio{
    grid-template-columns: 100%;
    grid-template-rows: 1 1 1 1;
  }

  .descripción__estudio{
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.02rem; 
  }

  .descripción__estudio img{
    /* background-color: tomato; */
    top: 0.3rem;
    margin-right: 0.7rem;
    height: 1.3rem;
  }
  
  .container__estudio h2{
    font-size: 1.2rem;
  }

  .item__estudio{
    font-size: 0.8rem;
    line-height: 1rem;
  }

  .compromiso__estudio{
    grid-column: 1 span;
    grid-row:  2 / 3;
    padding: 1rem;
  }

  .perfil__estudio{
    grid-column: 1 span;
    grid-row: 3 / 4;
    padding: 1rem;
  }
  
  .efectividad__estudio{
    grid-column: 1 span;
    grid-row: 4 / 5;
    padding: 1rem;
    
  }

  .container__hacemos{
    grid-template-columns: 50% 50%;
    grid-template-rows: 1 1 1;
  }
}

@media screen and (max-width: 375px) {
  .descripción__estudio{
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0rem; 
  }

  .descripción__estudio img{
    /* background-color: tomato; */
    top: 0.3rem;
    margin-right: 0.5rem;
    height: 1.1rem;
  }
  
  .container__estudio h2{
    font-size: 1rem;
  }

  .item__estudio{
    font-size: 0.7rem;
    line-height: 1rem;
  }

  .container__hacemos{
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }

  .item__hacemos{
    padding: 1rem;
  }

  .item__hacemos h3{
    font-size: 0.9rem;
  }
}

/* ===================================
    Portfolio
====================================== */

.container__portfolio{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}

.item__portfolio{
  /* background-color:#FFCC00; */
  grid-column: 1 span;
  grid-row: 1span;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  animation: fadeInUp;
  animation-duration: 1s;
}

.item__portfolio img{
  width: 100%;
  height: 100%;
  transition: transform 0.3s, filter 0.3s;
}

.item__portfolio a:hover> img {
  transform: scale(1.1 , 1.1);
  /* filter: blur(3px) saturate(0); */
}

.item__portfolio:hover> img {
  transform: scale(1.1 , 1.1);
  /* filter: blur(3px) saturate(0); */
}

.item__portfolio h3{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  position: absolute;
  color:white;
  z-index: 10;
  bottom: 3%;
  left: 10%;
  transform: translateY(500%);
  transition: transform 0.3s;
}

.item__portfolio span{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.item__portfolio a:hover> h3 {
  transform: translateY(20%);
}

.item__portfolio:hover> h3 {
  transform: translateY(20%);
}

.color__foto__portfolio{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color:black;
  position: absolute;
  z-index: 9;
  filter: opacity(65%);
  transform: translateY(200%);
  transition: transform 0.3s;
}

.item__portfolio a:hover> .color__foto__portfolio {
  transform: translateY(80%);
}

.item__portfolio:hover> .color__foto__portfolio {
  transform: translateY(80%);
}


/* ===================================
    Media Portfolio
====================================== */

@media screen and (max-width: 768px) {
  .container__portfolio{
    grid-template-columns: 1fr 1fr;
  }

  .item__portfolio h3{
    font-size: 0.8rem;
  }
  
  .item__portfolio span{
    font-size: 0.7rem;
    line-height: 1rem;
  }
  
}

@media screen and (max-width: 550px) {
  .container__portfolio{
    grid-template-columns: 1fr 1fr;
  }
  
}

@media screen and (max-width: 375px) {
  .container__portfolio{
    grid-template-columns: 1fr;
  }
  
}


/* ===================================
    Novedades
====================================== */

.container__novedades{
  /* background-color: tomato; */
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1 1 1;
}

.titulo__novedades{
  /* background-color: turquoise; */
  grid-column: 1 / -1;
  grid-row: 1 /2;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  animation: fadeIn;
  animation-duration: 2s;
}

.titulo__novedades h2{
  margin: 0;
  padding: 0;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 2rem;
  color:rgb(255, 175, 0);
}

.descripción__novedades{
  /* background-color: tomato; */
  grid-column: 1 / -1;
  grid-row: 2 /3;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  color:#605553;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.05rem;
  animation: fadeIn;
  animation-duration: 3s;
}

.container__items{
  grid-column: 1 / -1;
  grid-row: 3 / 4;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 23% 23% 23% 23%;
  grid-template-rows: 1;
  justify-content: space-between;
  animation: fadeInLeftBig;
  animation-duration: 1s;
}

.container__items img{
  width: 100%;
  overflow: hidden;
}

.item__novedades h3{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  color:rgb(255, 175, 0);
  font-size: 1rem;
  letter-spacing: 0.05rem;
}

.item__novedades a{
  text-decoration: none;
}


/* ===================================
    Media novedades
====================================== */

@media screen and (max-width: 768px) {
  .titulo__novedades{
    width: 100%;
  }

  .titulo__novedades h2{
    font-size: 1.5rem;
  }

  .descripción__novedades{
    width: 100%;
    font-size: 0.8rem;
    line-height: 1rem;
    letter-spacing: 0.02rem;
  }

  .item__novedades h3{
    font-size: 0.9rem;
    letter-spacing: 0.02rem;
  }

  .container__items{
    width: 100%;
    grid-template-columns: 48% 48%;
  }
  
  .container__items p{
    font-size: 0.8rem;
    line-height: 1rem;
    letter-spacing: 0.02rem;
  }
  
}

@media screen and (max-width: 375px) {
  .container__items{
    grid-template-columns: 100%;
  }
  
  .container__items p{
    font-size: 0.8rem;
    line-height: 1rem;
    letter-spacing: 0.02rem;
  }
  
}


/* ===================================
    Brochure
====================================== */

.container__brochure{
  width: 100%;
  background-color: black;
}

.container__items__brochure{
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 30% 35% 25%;
  grid-template-rows: 100%;
  justify-content: space-between;
  align-items: center;
  
}

.item__brochure h3{
  margin: 0;
  padding: 0;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1.5rem;
  color:gray
}

.linea__amarilla{
  width: 100%;
  height: 0.05rem;
  background-color:rgb(255, 175, 0);
  margin: 2rem 0;
}

.item__brochure i{
  font-size: 1.5rem;
  color:rgb(255, 175, 0);
  padding-right: 1rem;
}

.item__brochure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item__brochure p{
  /* background-color: tomato; */
  margin: 1.5rem 0 3rem 0;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
  color:gray
}

.boton__brochure{
  background-color:rgb(255, 175, 0);
  border: 0.1rem solid black;
  padding: 1rem;
  color: black;
  text-decoration: none;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  transition: all 0.3s;
}

.boton__brochure:hover{
  background-color:rgba(255, 175, 0, 0);
  color: white;
  border: 0.1rem solid rgb(255, 175, 0);
}

/* ===================================
    Media Brochure
====================================== */

@media screen and (max-width: 1300px) {
  .item__brochure {
    padding: 2rem 0 3rem 0;
  }

  .item__brochure img{
    width: 100%;
    height: 20rem;
    object-fit: cover;
  }

  .item__brochure h3{
    font-size: 1.2rem;
  }

  .item__brochure i{
    font-size: 1rem;
  }

  .item__brochure p{
    margin: 1rem 0 2rem 0;
    font-size: 0.8rem;
    line-height: 1rem;
  }

  .boton__brochure{
    padding: 0.9rem;
    font-size: 0.9rem;
  }
  
}


@media screen and (max-width: 850px) {
  .container__items__brochure{
    width: 83%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows:  auto;
  }

  .container__items__brochure:first-child{
    grid-column: 1 / -1;
    grid-row: 1 / 2;

  }

  .container__items__brochure:nth-child(2){
    grid-column: 1 / -1;
    grid-row: 2 / 3;
  }

  .container__items__brochure:nth-child(3){
    grid-column: 1 / -1;
    grid-row: 3 / 4;
  }

  .item__brochure {
    padding: 3rem 0 0 0;
  }


  .item__brochure:nth-child(3) {
    padding: 3rem 0 4rem 0;
  }
  
}


/* ===================================
    Equipo
====================================== */

.container__equipo{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1 1 1 ;
}

.titulo__equipo{
  /* background-color: turquoise; */
  grid-column: 1 / -1;
  grid-row: 1 /2;
  padding: 0 3rem;
  margin: 0;
  animation: fadeIn;
  animation-duration: 2s;
}

.titulo__equipo h2{
  margin: 0;
  padding: 0;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 2rem;
  color:rgb(255, 175, 0);
}

.descripción__equipo{
  /* background-color: tomato; */
  grid-column: 1 / -1;
  grid-row: 2 /3;
  padding: 0 3rem;
  margin: 0;
  color:#605553;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.05rem;
  animation: fadeIn;
  animation-duration: 3s;
}

.container__equipo__imagenes{
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}

.item__equipo{
  grid-column: 1 span;
  grid-row: 1span;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  animation: fadeInUp;
  animation-duration: 1s;
  background-color:#FFCC00;
}

.item__equipo img{
  width: 100%;
  height: 100%;
  transition: transform 0.3s, filter 0.3s;
}

.item__equipo a:hover> img {
  transform: scale(1.1 , 1.1);
  /* filter: blur(3px) saturate(0); */
}

.item__equipo h3{
  font-family: 'Aller_b','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  position: absolute;
  color:black;
  z-index: 10;
  bottom: 3%;
  left: 10%;
  transform: translateY(500%);
  transition: transform 0.3s;
}

.item__equipo span{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.item__equipo a:hover> h3 {
  transform: translateY(-0%);
}

.color__foto__equipo{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color:#FFCC00;
  position: absolute;
  z-index: 9;
  filter: opacity(85%);
  transform: translateY(200%);
  transition: transform 0.3s;
}

.item__equipo a:hover> .color__foto__equipo {
  transform: translateY(75%);
}


/* ===================================
    Media Equipo
====================================== */

@media screen and (max-width: 768px) {
  .titulo__equipo h2{
    font-size: 1.5rem;
  }
 
  .descripción__equipo{
    font-size: 0.8rem;
    line-height: 1.1rem;
    letter-spacing: 0.02rem;
  }
  
  .container__equipo__imagenes{
    grid-template-columns: 1fr 1fr 1fr;
  }

  .item__equipo h3{
    font-size: 0.9rem;
 }
  
  .item__equipo span{
    font-size: 0.7rem;
    line-height: 1.2rem;
  }
}

@media screen and (max-width: 550px) {
  
  .container__equipo__imagenes{
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 375px) {
  
  .container__equipo__imagenes{
    width: 100%;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }
}


/* ===================================
    Contacto
====================================== */

.container__contacto{
  width: 100%;
  background-color: black;
}


.container__item__contacto{
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1 1 1;
}

.titulo__contacto{
  /* background-color: teal; */
  grid-column: 1 / -1;
  grid-row: 1 / 2;
  margin: 3rem 0 2rem 0 ;
  padding:0;
}

.titulo__contacto h2{
  margin:0;
  padding:0;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 2rem;
  color:rgb(255, 175, 0);
}

.detalle__contacto{
  /* background-color: tomato; */
  grid-column: 1 / -1;
  grid-row: 2 / 3;
}

.detalle__contacto p{
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  color:gray;
  margin: 0;
  padding: 0;
}

.formulario__contacto{
  width: 100%;
  /* background-color: tomato; */
  margin: 2rem 0 ;
  padding:0;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  justify-content: space-between;
}

.formulario__contacto input{
  width: 95%;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  color:gray; 
  background-color: black;
  padding: 0.5rem;
  border: solid 0.1rem gray;
}

.formulario__contacto textarea{
  width: 100%;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  color:gray; 
  background-color: black;
  padding: 0.5rem;
  border: solid 0.1rem gray;
  resize: none;
}

.nombre__item{
  grid-column: 1 span;
  grid-row: 1 / 2;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
  padding:0;
}

.email__item{
  grid-column: 2 span;
  grid-row: 1 / 2;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
  padding:0;
}

.telefono__item{
  grid-column: 1 span;
  grid-row: 2 / 3;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
  padding:0;
}

.compania__item{
  grid-column: 2 span;
  grid-row: 2 / 3;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
  padding:0;
}

.consulta__item{
  grid-column: 1 / -1;
  grid-row: 3 / 4;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2rem;
  padding:0;
}

.boton__enviar{
  grid-column: 1 / -1;
  grid-row: 4 / 5;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.boton__enviar button{
  width: 8rem;
  background-color:rgb(255, 175, 0);
  border: 0.1rem solid black;
  padding: 1rem;
  color: black;
  text-decoration: none;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  transition: all 0.3s;
}

.boton__enviar button:hover{
  background-color:rgba(255, 175, 0, 0);
  color: white;
  border: 0.1rem solid rgb(255, 175, 0);
}

.alertas{
  /* background-color: rgb(255, 175, 0); */
  width: 100%;
  height: 1rem;
  text-align: center;
  margin: auto;
  color:white;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  padding-top: 1rem;
  grid-column: 1 / -1;
  grid-row: 5 / 6;
}

/* ===================================
    Media Contacto
====================================== */

@media screen and (max-width: 768px) {
  .titulo__contacto h2{
    font-size: 1.5rem;
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }

  .detalle__contacto p{
    font-size: 0.8rem;
  }

  .formulario__contacto{
    width: 100%;
    grid-template-columns: 100%;
    justify-content: center;
  }

  .formulario__contacto input{
    width: 100%;
    font-size: 0.8rem;
    padding: 0.5rem;
    margin: 0;
  }
  
  .formulario__contacto textarea{
    width: 100%;
    font-size: 0.8rem;
  }

  .nombre__item{
    width: 100%;
    grid-column: 1 span;
    grid-row: 3 / 4;
  }
  
  .email__item{
    /* width: 100%; */
    grid-column: 1 span;
    grid-row: 4 / 5;
  }
  
  .telefono__item{
    /* width: 100%; */
    grid-column: 1 span;
    grid-row: 5 / 6;
  }
  
  .compania__item{
    /* width: 100%; */
    grid-column: 1 span;
    grid-row: 6 / 7;
  }

  .consulta__item{
    /* width: 100%; */
    grid-column: 1 span;
    grid-row: 7 / 8;
  }

  .boton__enviar{
    /* width: 100%; */
    grid-column: 1 span;
    grid-row: 8 / 9;
  }
  
  .boton__enviar button{
    width: 6rem;
    font-size: 0.8rem;
  }

  .alertas{
    grid-column: 1 span;
    grid-row: 9 / 10;
  }
  
}



/* ===================================
    Descripción Proyecto
====================================== */

.container__titular__proyecto{
    /* background-color: coral; */
    width: 90%;
    margin-top: 8em;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-rows: 1;
}

.titular__proyecto{
    /* background-color: darkcyan; */
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    animation: fadeInLeft;
 	  animation-duration: 1s;
}

.titular__proyecto h1{
    font-family: 'Aller_b','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
    margin: 0;
    margin-bottom: 0.8rem;
    padding: 0;
    font-size: 3rem;
    color:#605553;
}

.titular__proyecto p{
    margin: 0;
    padding: 0;
    padding-top: 0.3em;
    font-family: 'Aller', 'aller','Montserrat','Source Sans Pro', sans-serif;
    font-size: 1.2rem;
    color:#605553;
    letter-spacing: 0;
    line-height: 1.6rem;
}

.detalle__proyecto{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-content: flex-end;
    animation: fadeInRight;
 	  animation-duration: 1s;
}

.detalle__proyecto p{
    margin: 0;
    font-family: 'Aller_b','Montserrat','Source Sans Pro', sans-serif;
    font-size: 1rem;
    text-align: right;
    color: rgb(255, 175, 0);
    letter-spacing: 0.02em;
}

textarea:focus, input:focus, input[type]:focus {
  border: 1.2px solid #FFCC00;
  box-shadow: 0 1px 1px rgba(229, 103, 23, 0.1)inset, 0 0 8px #FFCC00;
  outline: 1px none;
}

::selection {
  background: #FFCC00;
  color:#605553;
}

 /* input:focus {
  outline: #FFCC00;
  color: #FFCC00;
}

textarea:focus {
  outline: #FFCC00;
  color: #FFCC00;
}  */

/* ===================================
    Media Detalle Proyecto
====================================== */

@media screen and (max-width: 768px) {
  .container__titular__proyecto{
    /* background-color: coral; */
    margin-top: 6rem;
    grid-template-columns: 100%;
    grid-template-rows: 1 1;
  }

  .titular__proyecto{
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }

.titular__proyecto h1{
    font-size: 2rem;
    color:#605553;
}

.detalle__proyecto{
    grid-column: 1 / -1;
    grid-row: 2/ 3;
}

.detalle__proyecto p{
    margin-top: 1rem;
    text-align: left;
  }
  
}

@media screen and (max-width: 375px) {
  .container__titular__proyecto{
    /* background-color: coral; */
    margin-top: 5rem
  }

  .titular__proyecto{
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }

  .titular__proyecto h1{
      font-size: 1.5rem;
  }

  .titular__proyecto p{
    font-size: 0.8rem;
    line-height: 1rem;
}

  .detalle__proyecto p{
      font-size: 0.7rem;
    }
  
}


/* ===================================
    Galería Proyecto
====================================== */

.contenedor__img__proyecto__02{
    background-color: white;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: minmax(250px, 850px);
    /* grid-auto-rows: 700px; */
    /* grid-template-rows: 700px 750px 550px; */
    grid-gap: 0.5rem;
    align-items: center;
    justify-content: center;
    grid-auto-flow: dense;
}

.contenedor__img__proyecto__02 img{
    background-color: white;
    width: 100%;
    height: 100%; 
    object-fit: cover;
}

.contenedor__img__proyecto__02 video{
  width: 100%;
  height: 100%; 
  object-fit:cover;
}

.contenedor__img__proyecto__02 video:nth-child(4){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__02 img:first-child{
    grid-column: 1 / -1;
}

.contenedor__img__proyecto__02 img:nth-child(2){
    grid-column: 1 / -1;
}

.contenedor__img__proyecto__02 img:nth-child(3){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__02 img:nth-child(4){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__02 img:nth-child(5){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__02 img:nth-child(6){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__02 img:nth-child(7){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__02 img:nth-child(8){
  grid-column: 1 / -1;
}


.contenedor__img__proyecto__03{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 650px;
  /* grid-template-rows: 850px 500px 400px 500px 500px 500px; */
  grid-gap: 0.5rem;
  align-items: center;
  justify-content: center;
  grid-auto-flow: dense;
}

.contenedor__img__proyecto__03 img{
  width: 100%;
  height: 100%; 
  object-fit: cover;
}

.contenedor__img__proyecto__03 img:first-child{
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(2){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(3){
  grid-column: span 2;
}

.contenedor__img__proyecto__03 img:nth-child(4){
  grid-column: span 3;
}

.contenedor__img__proyecto__03 img:nth-child(5){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(6){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(7){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(8){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(9){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(10){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(11){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(12){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(13){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__03 img:nth-child(14){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04{
  /* background-color: indianred; */
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 650px;
  /* grid-template-rows: 850px 500px 400px 500px 500px 500px; */
  grid-gap: 0.5rem;
  align-items: center;
  justify-content: center;
  grid-auto-flow: dense;
}

.contenedor__img__proyecto__04 video{
  width: 100%;
  height: 100%; 
  object-fit:cover;
}

.contenedor__img__proyecto__04 video:nth-child(1){
  grid-column: 1 / -1;
}


.contenedor__img__proyecto__04 img{
  width: 100%;
  height: 100%; 
  object-fit: cover;
}

.contenedor__img__proyecto__04 img:first-child{
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(2){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(3){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(4){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(5){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(6){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(7){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(8){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(9){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(10){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(11){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(12){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(13){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(14){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(15){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(16){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(17){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(18){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(19){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__04 img:nth-child(20){
  grid-column: 1 / -1;
}


.contenedor__img__proyecto__05{
  /* background-color: indianred; */
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 650px;
  /* grid-template-rows: 850px 500px 400px 500px 500px 500px; */
  grid-gap: 0.5rem;
  align-items: center;
  justify-content: center;
  grid-auto-flow: dense;
}

.contenedor__img__proyecto__05 img{
  width: 100%;
  height: 100%; 
  object-fit: cover;
}

.contenedor__img__proyecto__05 img:first-child{
  grid-column: 1 / -1
}

.contenedor__img__proyecto__05 img:nth-child(2){
  grid-column: 1 / -1
}

.contenedor__img__proyecto__05 img:nth-child(3){
  grid-column: span 2;
}

.contenedor__img__proyecto__05 img:nth-child(4){
  grid-column: span 3;
}

.contenedor__img__proyecto__05 img:nth-child(5){
  grid-column: span 3;
}

.contenedor__img__proyecto__05 img:nth-child(6){
  grid-column: span 2;
}

.contenedor__img__proyecto__05 img:nth-child(7){
  grid-column: 1 / -1
}

.contenedor__img__proyecto__05 img:nth-child(8){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__05 img:nth-child(9){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__05 img:nth-child(10){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__05 img:nth-child(11){
  grid-column: 1 / -1;
}

.contenedor__img__proyecto__05 img:nth-child(12){
  grid-column: 1 / -1;
}



.contenedor__img__proyecto__06{
  background-color: white;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.contenedor__img__proyecto__06 img{
  background-color: white;
  width: 100%;
  height: 100%; 
  object-fit: cover;
  margin-bottom: 0.5rem;
}

.container__frase__proyecto{
  /* background-color: coral; */
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 1;
  align-items: center;
  justify-content: center;
}


.container__frase__proyecto h2{
  /* background-color: coral; */
  grid-column: 1 / -1;
  grid-row: 1 / 2;
  margin: 0;
  padding: 1.5rem 0;
  font-family: 'Aller','Montserrat','Source Sans Pro', sans-serif !important;
  font-size: 3rem;
  color: rgb(255, 175, 0);
}

.col__iz__frase{
  /* background-color: greenyellow; */
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  margin: 0;
  padding-right: 2rem;
  color:#605553;
  font-family: 'Aller','Montserrat','Source Sans Pro', sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.01rem;
  line-height: 1.1rem;
}

.col__dr__frase{
  /* background-color: tomato; */
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  margin: 0;
  padding: 0;
  padding-left: 2rem;
  font-family: 'Aller_b','Montserrat','Source Sans Pro', sans-serif;
  font-size: 2rem;
  color:#605553;
  letter-spacing: 0.02rem;
}

.conteiner__mas__proyectos{
  width: 90%;
  height: 100px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  /* border-bottom: 1px solid #605553; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.conteiner__mas__proyectos a{
  text-decoration: none;
  font-family: 'Aller','Montserrat','Source Sans Pro', sans-serif;
  font-size: 2rem;
  color:#605553;
  transition: color 0.3s;
}

.conteiner__mas__proyectos a span{
  text-decoration: none;
  font-family: 'Aller','Montserrat','Source Sans Pro', sans-serif;
  font-size: 1.5rem;
  margin: 0 0.8rem;
  position: relative;
  bottom: 0.25rem;
}

.conteiner__mas__proyectos a:hover{
  color: rgb(255, 175, 0);
}

.proyecto__siguiente{
 animation: shakeX;
 animation-duration: 10s;
 animation-iteration-count: infinite;
}

.proyecto__anterior{
 animation: shakeX;
 animation-duration: 10s;
 animation-delay: 0.9s;
 animation-iteration-count: infinite;
}

.mas__proyectos a{
font-family: 'Aller','Montserrat','Source Sans Pro', sans-serif;
font-size: 1rem;
}


/* ===================================
    Media Galería Proyecto
====================================== */
@media screen and (max-width: 1424px) {

  .contenedor__img__proyecto__03 img:nth-child(3){
    grid-column: span 2;
  }

  .contenedor__img__proyecto__03 img:nth-child(4){
    grid-column: span 2;
  }



  .contenedor__img__proyecto__05 img:nth-child(3){
    grid-column: span 2;
  }
  
  .contenedor__img__proyecto__05 img:nth-child(4){
    grid-column: span 2;
  }
  
  .contenedor__img__proyecto__05 img:nth-child(5){
    grid-column: span 2;
  }
  
  .contenedor__img__proyecto__05 img:nth-child(6){
    grid-column: span 2;
  }
}

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

  .contenedor__img__proyecto__03 img:nth-child(3){
    grid-column: 1 / 2;
  }

  .contenedor__img__proyecto__03 img:nth-child(4){
    grid-column: 2 / -1;
  }



  .contenedor__img__proyecto__05 img:nth-child(3){
    grid-column: 1 / 2;
  }
  
  .contenedor__img__proyecto__05 img:nth-child(4){
    grid-column: 2 / -1;
  }
  
  .contenedor__img__proyecto__05 img:nth-child(5){
    grid-column: 2 / -1;
  }
  
  .contenedor__img__proyecto__05 img:nth-child(6){
    grid-column: 1 / 2;
  }
}






@media screen and (max-width: 768px) {
  .contenedor__img__proyecto__02{
    grid-auto-rows: 450px;
  }

  .contenedor__img__proyecto__02 img:nth-child(3){
    grid-column: 1 / -1;
  }

  .contenedor__img__proyecto__02 img:nth-child(4){
    grid-column: 1 / -1;
  }

  .container__frase__proyecto h2{
    font-size: 2rem;
  }

  .contenedor__img__proyecto__03{
    grid-auto-rows: 450px;
  }
  
  .contenedor__img__proyecto__03 img:nth-child(3){
    grid-column: 1 / -1;
  }
  
  .contenedor__img__proyecto__03 img:nth-child(4){
    grid-column: 1 / -1;
  }

  .contenedor__img__proyecto__04{
    grid-auto-rows: 450px;
  }

  .contenedor__img__proyecto__05{
    grid-auto-rows: 450px;
  }

  .contenedor__img__proyecto__05 img:nth-child(3){
    grid-column: 1 /-1;
  }
  
  .contenedor__img__proyecto__05 img:nth-child(4){
    grid-column: 1 /-1;
  }
  
  .contenedor__img__proyecto__05 img:nth-child(5){
    grid-column: 1 /-1;
  }
  
  .contenedor__img__proyecto__05 img:nth-child(6){
    grid-column: 1 /-1;
  }


  .container__frase__proyecto{
    grid-template-columns: 100%;
    grid-template-rows: 1 1;
  }

  .col__iz__frase{
    /* background-color: teal; */
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    padding: 0;
    font-size: 0.8rem;
  }

  .col__dr__frase{
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    padding:0;
    font-size: 1.5rem;
    letter-spacing: 0.02rem;
  }

  .conteiner__mas__proyectos{
    height: 70px;
    margin-top: 1rem;
  }
  
  .conteiner__mas__proyectos a{
    font-size: 1.5rem;
  }
  
}

@media screen and (max-width: 375px) {
  .contenedor__img__proyecto__02{
    grid-auto-rows: 200px;
  }

  .container__frase__proyecto h2{
    font-size: 1.5rem;
  }

  .contenedor__img__proyecto__03{
    grid-auto-rows: 200px;
  }

  .contenedor__img__proyecto__04{
    grid-auto-rows: 200px;
  }

  .contenedor__img__proyecto__05{
    grid-auto-rows: 200px;
  }
  
  .col__iz__frase{
    font-size: 0.7rem;
  }

  .col__dr__frase{
    font-size: 1rem;
    letter-spacing: 0rem;
  }
  
}


/* ===================================
    Footer Proyecto
====================================== */

.conteiner__footer{
    width: 90%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.datos__footer{
    font-family: 'Aller','Montserrat','Source Sans Pro', sans-serif;
    font-size: 1.2rem;
    color:#605553;
}

.logo__footer img{
    height: 30px;
}

.iconos__footer a{
    color:#605553;
    margin-left: 1.6rem;
    font-size: 1.6rem;
    transition: color 0.3s;
}

.iconos__footer a:hover{
    color: rgb(255, 175, 0); 
}

.logo__footer__premio img{
  height: 70px;
}

.container__footer__movil{
  width: 90%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: none;
  grid-template-columns: 50% 50%;
  grid-template-rows: 2;
}

.redes__footer__movil{
  grid-column: 1 /2;
  grid-row: 1/2;
  display: flex;
  align-items: center;
}

.redes__footer__movil a{
  color:#605553;
  margin-right: 1rem;
  font-size: 1.5rem;
}

.premio__footer__movil{
  grid-column: 2/3;
  grid-row: 1/2;
  /* background-color: tomato; */
}

.copy__footer__movil{
  /* background-color: tomato; */
  grid-column: 1/-1;
  grid-row: 2/3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  font-family: 'Aller','Montserrat','Source Sans Pro', sans-serif;
  font-size: 0.8rem;
  color:#605553;

}

/* ===================================
    Media Footer
====================================== */

@media screen and (max-width: 768px) {
  .conteiner__footer{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .datos__footer{
    font-size: 0.9rem;
  }

  .logo__footer img{
    height: 25px;
  }

  .iconos__footer a{
    margin-left: 1rem;
    font-size: 1rem;
  }
}

@media screen and (max-width: 550px) {
  .conteiner__footer{
    margin-top: 1rem;
    margin-bottom: 1r;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

  .datos__footer{
    font-size: 0.9rem;
    margin: 0.5rem 0;
  }

  .logo__footer img{
    height: 30px;
    margin: 0.5rem 0;
  }

  .iconos__footer{
    margin: 0.5rem 0;
  }
  
  .iconos__footer a{
    margin-left: 1rem;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 375px) {
  .conteiner__footer{
    display: none;
  }

  .container__footer__movil{
    display: grid;
  }

}


/* ===================================
    Separadores
====================================== */


.separador{
  margin-top: 100px;
}

.separador__chico{
margin-top: 50px;
}

.separador__galeria{
  margin-top: 0.5rem;
}

/* ===================================
    Media Separador
====================================== */

@media screen and (max-width: 768px) {
  .separador{
    margin-top: 80px;
  }
  
  .separador__chico{
  margin-top: 30px;
  }
}

/* ===================================
    reCaptcha
====================================== */

.grecaptcha-badge{
  display: none;
}


/* ===================================
  Premios
====================================== */
.titulo__premios h1{
  margin: 0;
  padding: 0;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 2rem;
  color:rgb(255, 175, 0);
}

.conteiner__premio__item{
  /* background-color: salmon; */
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  align-items: center;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%;
  grid-row: 1rem;
}

.premio__izquierda{
  width: 85%;
  grid-column: 1 2;
}

.premio__izquierda img{
  width: 150px;
  margin-bottom: 2rem;
}

.premio__izquierda :nth-child(2){
  width: 80%;
}

.premio__izquierda p{
  font-family:'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1.2rem;
  color: #7A726F;
}

.premio__izquierda p span{
  /* background-color: salmon; */
  font-family:'Aller_b','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  display: block;
  float: left;
  position: relative;
  top: -0.2rem;
  margin: 0;
  margin-right: 1rem;
  font-size: 2.4rem;
  color:rgb(255, 175, 0);
}

.premio__derecha{
  grid-column: 2 3;
}

.premio__derecha img{
  /* background-color: salmon; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===================================
    Media Premio
====================================== */

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

  .conteiner__premio__item{
    display: flex;
    flex-direction: column;
  }

  .premio__izquierda{
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    width: 100%;
  }

  .premio__izquierda :nth-child(2){
    width: 70%;
  }

}

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

  .premio__izquierda p{
    font-size: 0.9rem;
  }
  
  .premio__izquierda p span{
    font-size: 1.7rem;
  }

  .premio__izquierda :nth-child(2){
    width: 100%;
  }

}

/* ===================================
    Proyectos Relacionados
====================================== */

.conteiner__proyectos__relacionados{
  width: 90%;
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.conteiner__proyectos__relacionados h3{
  width: 100%;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  margin: 0;
  margin-bottom: 3rem;
  padding: 0;
  font-size: 2rem;
  color:#605553;
}

.item__proyectos__relacionades{
  position: relative;
  width: 25%;
  overflow: hidden;
}

.item__proyectos__relacionades p{
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 10;
  bottom: 1rem;
  left: 1rem;
  font-family: 'Aller','Source Sans Pro', 'Montserrat', 'aller', sans-serif;
  font-size: 1rem;
  color:white;
  transform: translateY(50px);
  transition: transform 0.3s;
}

.item__proyectos__relacionades img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.color__proyectos__relacionados{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9;
  transform: translateY(100%);
  transition: transform 0.3s;
}

.item__proyectos__relacionades a:hover> .color__proyectos__relacionados {
  transform: translateY(80%);
}

.item__proyectos__relacionades a:hover> p {
  transform: translateY(0px);
}

/* ===================================
    Media Proyectos
====================================== */

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

  .item__proyectos__relacionades{
    width: 50%;
  }

  .conteiner__proyectos__relacionados h3{
    font-size: 1.5rem;
  }

}

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

  .item__proyectos__relacionades{
    width: 100%;
  }

  .item__proyectos__relacionades a:hover> p {
    transform: translateY(-3px);
  }

}



/* --- 2025 ---*/
			.swiper-slide {
				-webkit-transform: translate3d(0, 0, 0);
				/* -webkit-backface-visibility: hidden; */;
				width: 100%;
			}

			
			/*	2025 */

			
			@media screen and (min-width: 1200px) {

				.slide__descripción {
 					width: 90%;
    				left: 5%;
				}
			}
			
			
 h2 {
        font-family: Aller_b, "Source Sans Pro", Montserrat, aller, sans-serif !important;
}
		h2 span.amarillo {
			font-family: Aller, "Source Sans Pro", Montserrat, aller, sans-serif !important;
			font-weight: 300;
			}
			
			
					.item__hacemos h2 {
  
    color: rgb(255, 175, 0);
}
			.naranjita {rgb(255, 175, 0); }
			
			.amarillo {
				color:rgb(96, 85, 83);
			}
			.item__novedades h3 {
    font-family: 'Aller-b', 'Source Sans Pro', 'Montserrat', 'aller', sans-serif;

}
			
			
@media screen and (max-width: 550px) {
    .container__hacemos {
        grid-template-columns: 100%;
    }

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

	#derechos {
		display:none;
	}
}