@font-face {
  font-family: "camilogos";
  font-style: normal;
  src: url(https://files.cargocollective.com/c329544/camilogos.ttf);
}

@font-face {
  font-family: "Pangrambold";
  font-style: bold;
  src: url(https://files.cargocollective.com/c329544/PPPangramSansRounded-Bold.otf
);
}

@font-face {
  font-family: "pangramtext";
  font-style: normal;
  src: url(https://files.cargocollective.com/c329544/PPPangramSansRounded-Medium.otf
);
}


body {
	background-color: #fff;
	color: #000;
}

a:active {
	opacity: 0.7;
}

.page a.active {
    opacity: 0.4;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: 400;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(0, 0, 0, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: -0.3em;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
	color: rgba(0, 0, 0, 0.35);
    font-weight: 400;
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	line-height: 1.3;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] camilogos {
	font-size: 60px;
    font-weight: 500;
	color: rgba(0, 0, 0, 0.9);
	font-family: "camilogos", Icons;
	font-style: normal;
}


[data-predefined-style="true"] bodycopy {
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.9);
	font-family: pangramtext, Icons;
	font-style: normal;
	line-height: 1.1;
   
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(0, 0, 0, 0.9);
	padding-bottom: 0.2em;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.3;
	font-family: Montserrat, Icons;
	font-style: normal;
	font-weight: 400;
    letter-spacing: 0.1em;
}

[data-predefined-style="true"] small a {

	border-bottom-width: 0em;
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: #f9f9f9/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100%/*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 0rem /*!main_margin*/;
	padding-bottom: 0rem /*!main_margin*/;
	padding-left: 0rem /*!main_margin*/;
	padding-right: 0rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 90%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 1.5rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -3rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 1.25rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -2.5rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.2rem;
    margin-bottom: .3rem;
    font-size: 1.3rem;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.85);
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	line-height: 1.3;
    letter-spacing: 0.1em;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	line-height: 1.2;
    letter-spacing: 0.1em;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 1);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 0px;
    line-height: 1;
    background: rgba(255, 255, 255, 0);
    position: fixed;
    top: 5px /*!site_menu_button*/;
	right: 5px /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -7px;
    font-size: 45px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: "Montserrat", Icons;
	background: rgba(255, 255, 255, 1);
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	padding: 50px;
	max-width: 400px;
	min-width: 300px;
    margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
    line-height: 30px;
    transition: 2s;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(0, 0, 0, 1);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(0, 0, 0, 1);
	line-height: 0.85em;
	font-size: 50px;
    font-weight: 300;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 90px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 32px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 2rem /*!shop_button*/;
	right: 2rem /*!shop_button*/;
}

#shop_button.text {
    font-weight: 700;
	color: rgba(0, 0, 0, 0.85);
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	line-height: 1.3;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    padding: 0;
    
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}
#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 36px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
}

.shop_product .dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
}

.shop_product .button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}

/*
 * Image Drop Shadow
 */

.content img { 
    box-shadow: 5px 5px 35px rgba(255, 255, 255, 0.11); 
}

.no-shadow img {
    box-shadow: none !important;
}

/*
 * Audio Player
 */

.audio-player {
    max-width: 100%;
    height: 3.3rem;
    outline: 1px solid rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 0.6);
    background: transparent;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0, 0, 0, 0.25);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.05);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

/**
* Mios
**/

.wheel {
  margin: 0 auto;  
  height: 0px;
  display: block;
  margin: 10px auto;
  background: #fff;
  position: relative;
  width: 6px;
  border-top: 6px solid #000;
         border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 50px 50px 50px 50px; 

}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

.m_scroll_arrows
{
  display: block;
  width: 20px !important;
  height: 20px !important;
  margin: 0 auto;  
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 4px solid #000;
  border-bottom: 4px solid #000;
  border-radius: 0px 0px 20px 0px;
  -moz-border-radius: 0px 0px 20px 0px;
  -webkit-border-radius: 0px 0px 20px 0px;
}

.unu
{
  margin-top: 1px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .3s;
  animation-direction: alternate;
  
  
  margin-top: -6px;
}

.ubicarhero2 {
	position: relative;
    top: 45%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 1181px;
}

.ubicarflecha {
	position: relative;
    max-width: 45px;
    margin: 0 auto;
    top: 84%;
    margin-bottom: 20px !important;
}
.mouse {
  margin: 0 auto;
  height: 50px;
  width: 35px;
  transform: none;
  border: 4px solid #000;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px; 

}


@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}


.proyectosr {
    position: relative;
  float: right;
  display: inline;
  margin-right: 3%;
  padding-right: 10px;
  height: 40px;
  border-right: 3px solid #000;
    cursor: pointer;
}

.proyectosr {
  -webkit-animation: linead 0.6s linear infinite;
  -moz-animation: linead 0.6s linear infinite;
  animation: linead 0.6s linear infinite;
}

@-webkit-keyframes linead{
   0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
  }
}

@-moz-keyframes linead{
0% { right: 1px; }
  25% { right: 3px; }
  50% { right: 10px;}
  75% { right: 3px;}
  100% { right: 1px;}
}
@-o-keyframes linead {

0% { right: 1px; }
  25% { right: 3px; }
  50% { right: 10px;}
  75% { right: 3px;}
  100% { right: 1px;}
}
@keyframes linead {

  0% { left: 1px; }
  25% { left: 3px; }
  50% { left: 10px;}
  75% { left: 3px;}
  100% { left: 1px;}
}


.proyectosl {
  display: inline;
  margin-left: 3%;
  padding-left: 10px;
  position: relative;
  height: 40px;
  border-left: 3px solid #000;
    cursor: pointer;
}

.proyectosl {
  -webkit-animation: lineal 0.6s linear infinite;
  -moz-animation: lineal 0.6s linear infinite;
  animation: lineal 0.6s linear infinite;
}

@-webkit-keyframes lineal{
   0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
  }
}

@-moz-keyframes lineal{
0% { right: 1px; }
  25% { right: 3px; }
  50% { right: 10px;}
  75% { right: 3px;}
  100% { right: 1px;}
}
@-o-keyframes lineal {

0% { right: 1px; }
  25% { right: 3px; }
  50% { right: 10px;}
  75% { right: 3px;}
  100% { right: 1px;}
}
@keyframes lineal {

  0% { right: 1px; }
  25% { right: 3px; }
  50% { right: 10px;}
  75% { right: 3px;}
  100% { right: 1px;}
}

.oculto {
    display: none;
	font-size: 1.3rem;
	line-height: 1.3;
	font-family: Montserrat, Icons;
	font-style: normal;
	font-weight: 400;
    letter-spacing: 0.1em;
    cursor: pointer;
  vertical-align: middle;
    
}

.ocultando:hover .oculto {
  display: inline;
    color: black !important;
    
}

.tamanioboton {
	font-size: 1.5rem;
	line-height: 1.3;
	font-family: Montserrat, Icons;
	font-style: normal;
	font-weight: 400;
    margin: auto;
}

.textoverticald {
    position: absolute;
	transform: rotate(90deg);
    top: 50%;
    right: 1em;
    vertical-align: center;
}

.textoverticali {
  position: absolute;
  transform: rotate(-90deg);
  top: 50%;
  left: 0.3em;
  margin: 0 auto;
}

.textocentral {
 float: none;
  position: absolute;
  top: 0.5em;
  left: 50%;
  transform: translate(-50%, -50%);
}

.logocam {
	font-size: 1.0rem;
	line-height: 1.0;
	font-family: Montserrat, Icons;
    margin: auto;
}

/* Dropdown button */
.botsubmenu {
  border: none;
  font-size: 18px;  
  outline: none;
  padding: 0px 0px;
  background-color: inherit;
  font-family: Pangrambold, Icons;
  cursor: pointer; 
  margin: 0; /* Important for vertical align on mobile phones */

}

.botsubmenu > a {
	position: relative;
  color: #000 !important;
  text-decoration: none !important;
    display: inline-block;
    margin-bottom: 10px;
}

.botsubmenu > a:hover {
	color: #000;
    display: inline-block;
    margin-bottom: 10px;

}

.botsubmenu > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
    display: inline-block;
    margin-bottom: -4px;
}

.botsubmenu a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
    display: inline-block;
    margin-bottom: -4px;
}

.sobremi {
	max-width: 1181px;
    padding: 100px 40px 0px 40px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    align-items: flex-end;
}
.sobremi img {
    object-fit: cover;
    max-width: 100%;
    max-height: 800px;
}

.cv {
	max-width: 1181px;
    padding: 100px 40px 100px 40px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.linea {
    margin-top: 30px;
    padding-left: 15px;
	border-left: 3px solid black;
}

.barra {
  margin-top: 0.3em;
  height: 26px;
  width: 250px;
  transform: none;
  border: 3px solid #000;
     border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px; 
}

.barra div:hover {
  -webkit-animation: dentrobarra 2s linear;
  -moz-animation: dentrobarra 2s linear infinite;
  animation: dentrobarra 2s linear infinite;
}

.dentrobarra {
    height: 0px;
  width: 185px;
  display: block;
  margin: 4px auto;
  margin-left: 4px;
  background: #fff;
  position: relative;
  border-top: 12px solid #000;
    border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
}

/*.dentrobarra:hover {
  -webkit-animation: dentrobarra 2s linear;
  -moz-animation: dentrobarra 2s linear infinite;
  animation: dentrobarra 2s linear infinite;
}*/

@-moz-keyframes dentrobarra{
  0% { width: 0px;}
  25% { width: 50px;}
  50% { width: 100px;}
  75% { width: 150px;}
  100% { width: 185px;}
}
@-o-keyframes dentrobarra {

  0% { width: 0px;}
  25% { width: 50px;}
  50% { width: 100px;}
  75% { width: 150px;}
  100% { width: 185px;}
}
@keyframes dentrobarra {

  0% { width: 0px;}
  25% { width: 50px;}
  50% { width: 100px;}
  75% { width: 150px;}
  100% { width: 185px;}
}
@-webkit-keyframes dentrobarra {

  0% { width: 0px;}
  25% { width: 50px;}
  50% { width: 100px;}
  75% { width: 150px;}
  100% { width: 185px;}
}


/* Encabezado Proyectos */
/* Contenedor */
.encabezadoproyectos{
    max-width: 1180px;
    margin: 0 auto;
    text-align: left;
    display: table;
    vertical-align: middle;
}

/* Texto Encabezado */
.textoencabezado{
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

/* Perfil del Equipo Estandar */

.botonequipos{
  border: solid;
  border-width: 3px;
  border-color: #2b2b2b;
  background-color:transparent;
  color: #2b2b2b;
  padding: 1% 5%;
  font-family: Icons, 'Lato';
  text-align: center;
  text-decoration: none;
  margin: 20px 0px;
  cursor: pointer;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  font-size: 18px;  
  font-weight: 600;
  transition: 0.5s;
  
}

.botonequipos:hover{
    background-color: #2b2b2b;
    color: white;
}

/* Fondo */
.fondoequipo{
	padding: 20px;
    padding-bottom: 10%;
    background: white;
}

/* Contenedor */
.perfilgrupal{
    max-width: 1180px;
    margin: 0 auto;
    text-align: center; 
}

/* Contiene Perfil */
.tarjetaequipo{
    margin: 0 auto;
    text-align: center;
    background: white;
    margin-bottom: 25px;
    border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	-webkit-border-radius: 40px 40px 40px 40px;
    padding: 15px;
}

/* Espaciado del Parrafo */
.textoequipo{
    max-width: 900px;
    margin: 0 auto;
	padding: 15%;
    padding-top:10%;
    padding-bottom: 5%;
}

/* Botones Etapas */
.textopersonajes{
margin-top: 20px;
padding-bottom:20px;
}

/* Personas del Equipo */
.gridpersonajes {
  display: grid;
  max-width: 1180px;
  margin: 0 auto;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
}

.gridpersonajes div {
border-radius:40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
  }

.gridpersonajes img {
	max-width: 100%;
    max-height: 380px;
    object-fit: cover;
    border-radius: 40px 40px 0px 0px;
-moz-border-radius: 40px 40px 0px 0px;
-webkit-border-radius: 40px 40px 0px 0px;
  }

/* Contiene Entrega Final */

.tarjetahorizontes{
        border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
	margin: 0 auto;
     margin-top: 20px;
    margin-bottom: 40px;
    background: white;
    padding: 15px;
}

.tarjetahorizontes img{
        border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
}

/* PROYECTOS */

.gridparejas {
  display: grid;
  max-width: 1181px;
  padding: 100px 20px;
  margin: 0 auto;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
  transition: 1s;

}

.gridparejas a {
	z-index: 0;
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
    text-align: center;
    background-color: white;
    overflow: hidden !important;
    transition: 1s;
  }

.gridparejas img {
	max-width: 100%;
    max-height: 520px;
    object-fit: cover;
     border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
    transition: 1s;
    margin: 0 auto;
    padding: 15px;
  }

.gridparejas a:hover img{
	transform: scale(1.15);
    object-fit: cover;
         border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 0px 0px;
    transition: 1s;
    margin: 0 auto;
    overflow: hidden;
}

.gridparejas a:hover button{
 box-shadow: 0px 2px 14px -7px rgba(0, 0, 0, 1);
background-color: #393939;  
    color: white;
}

.zoomimagen{
	overflow: hidden !important;
}

.tarjeta {
    /* Add shadows to create the "card" effect */
    box-shadow: 0px 4px 17px -7px rgba(0,0,0,0.2);
    transition: 0.3s;  
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
}

.borde {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;  
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
}

/* On mouse-over, add a deeper shadow */
.tarjeta:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
}

.contenedorbotones {
    padding: 60px 60px 40px 60px;
}

.botonmas{
  border: solid;
  border-width: 3px;
  border-color: #2b2b2b;
  background-color:transparent;
  color: #2b2b2b;
  text-align: center;
  text-decoration: none;
  margin: 20px 0px;
  padding: 10px 20px;  
  cursor: pointer;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  font-size: 20px;
  transition: 0.5s;
  
}

.botonmas:hover{
    background-color: #2b2b2b;
    color: white;
}

.ubicarhero{
    position: relative;
    max-width: 1181px;
    margin: 0 auto;
    top: 200px;
    left: 40px;
    text-align: left;
    
    
}

.separador2{
    max-width: 720px;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    border-top: 2px solid #f1f1f1;
    margin-top: 50px;
    color: #f1f1f1 !important;
}

#encabezadoELE {
text-align: center;
padding-left: 10%;
padding-right: 10%;   
}

/* FICHA TECNICA */
.sinfondo{
	margin: 40px;
}
.fichatecnica{
    padding: 80px;
    max-width: 1181px;
    margin: 0 auto;
    background-color: white;
     border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
    
    
}

.fichatecnica2024{
    padding: 40px;
    max-width: 1181px;
    margin: 0 auto;
    background-color: white;
    margin-bottom: 50px;
}

/* DIVIDOR FICHA TECNICA */
.gridfichas {
  display: grid;
  max-width: 1181px;
  padding: 0px 0px;
  margin: 0 auto;
  grid-template-columns: 300px 1fr;
  grid-gap: 20px;
    
}

.gridfichas div {
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    text-align: left;
    background-color: white;
  }

.gridfichas img {
	max-width: 100%;
    max-height: 520px;
    object-fit: cover;
     border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    transition: 1s;
    
  }

.gridfichas2024 {
  display: grid;
  max-width: 1181px;
  padding: 0px 0px;
  margin: 0 auto;
  grid-template-columns: 300px 1fr;
  grid-gap: 20px;
    
}

.gridfichas2024 div {
    text-align: left;
    background-color: white;
    margin: 0px;
    padding: 0px;
  }

.gridfichas2024 img {
	max-width: 100%;
    max-height: 520px;
    object-fit: cover;
     border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    transition: 1s;
    
  }

/* Fondo Proyectos */
.fondoblanco {
  background: white;
  padding: 0px 40px 100px 40px;
}

.fondogris {
  background-color: #f9f9f9;
  padding: 0px 40px 100px 40px;
}

/* Contenido Proyectos */
.contenedorproyectos {
  margin: 0 auto;
  padding-top: 100px;
    max-width: 1181px;
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
}

.contenedorproyectos img {
    max-width: 1181px;
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
}

/* Contenido Proyectos */
.contenedorproyectos2024 {
  margin: 0 auto;
  padding-top: 100px;  
    max-width: 1181px;
}

.contenedorproyectos2024 img {
    max-width: 1181px;
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
}

.contenedorproyectos2024 img:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
    transition: 0.4s;
}

.imagencover img {
    max-height: 600px;
    object-fit: cover !important;
    box-shadow: 2px 2px 35px  rgba(167, 167, 167, 0.26);
	border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
}

.slider img{
	max-height: 600px;
    object-fit: cover;
}

.lovelab {
    margin: 0 auto;
	margin-bottom: 100px;
    max-width: 324px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;  
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    
}
.lovelab img {
    margin: 0 auto;
	max-height: 700px;
    object-fit: contain !important;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    
}
/*Imagenes proyectos */
.gridimagenes {
  display: grid;
  max-width: 1181px;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;   
  padding: 20px 0px;  
}

.gridimagenes img {
	max-width: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
  }
.imagencontain img{
   max-width: 100%;
    object-fit: contain;
}
/*Textos proyectos */
.cuadrartextos {
  max-width: 1181px;
  padding: 0px 80px; 
  padding-top: 50px;  
}

/*Textos proyectos */
.textocentrado {
  max-width: 700px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 80px;
    text-align: center;
}

.textocentradony {
  max-width: 750px;
    padding-bottom: 60px;
    text-align: center;
    margin: 0 auto;
}

/*Textos proyectos x columna */
.gridtextos {
  display: grid;
  max-width: 1181px;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;  
  padding: 0px 0px; 
  padding-bottom: 50px;  
}

/*Textos proyectos x columna */
.gridtextos2 {
  display: grid;
  max-width: 1181px;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;  
  padding: 0px 80px; 
  padding-bottom: 100px;  
}

/*Textos proyectos x columna */
.gridimagenes3 {
  display: grid;
  max-width: 1181px;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;  
  padding: 20px 0px; 
}

.gridimagenes3 img {
  max-width: 380px;  
  object-fit: contain !important;
  max-height: 400px;
  box-shadow: 2px 2px 35px rgba(167, 167, 167, 0.26);
}

/*Textos proyectos x columna */
.gridimagenes4 {
  display: grid;
  max-width: 1181px;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;  
  padding: 0px 0px;
}

.gridimagenes4 img {
  max-width: 380px;  
  object-fit: contain !important;
  max-height: 171px;
  box-shadow: 2px 2px 35px rgba(167, 167, 167, 0.26);
  border-radius: 20px !important; 
  -moz-border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  margin-bottom: 20px; 
}

/*Textos proyectos x columna */
.gridimagenes5 {
  display: grid;
  max-width: 1181px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;  
  padding: 0px 0px; 
}

.gridimagenes5 img {
  max-width: 100% !important;  
  object-fit: contain !important;
  max-height: 634px;
  border-radius: 30px;
  box-shadow: 2px 2px 16px #d6d6d6;
  margin-bottom: 20px;  
    
}

/*Textos proyectos x columna */
.gridimagenes6 {
  display: grid;
  max-width: 1181px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;  
  padding: 0px 0px; 
}

.gridimagenes6 img {
  max-width: 100% !important;  
  object-fit: contain !important;
  max-height: 532px;
  box-shadow: 2px 2px 16px #d6d6d6;
    border-radius: 20px !important; 
    margin-bottom: 20px;
}

/* Proceso Etapas */
.gridparejas2 {
  display: grid;
  max-width: 1181px;
  margin: 0 auto;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

/* Estilo Botones */

.gridparejas2 div {
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
  }
.gridparejas2 img {
border-radius: 40px 40px 0px 0px;
-moz-border-radius: 40px 40px 0px 0px;
-webkit-border-radius: 40px 40px 0px 0px;
    object-fit: cover;
    max-width: 100%;
    max-height: 400px;
  }
.contenedorhorizontes{
	padding: 60px 80px 60px 80px;
    text-align: left;
}

.typewrite {
    font-family: Montserrat, Icons;
	font-size: 45px;
	font-weight:700;
	line-height: 1.2;
}

.titulohero {
    font-family: Pangrambold, Icons;
	font-size: 40px;
	font-weight:400;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}

.tituloh1 {
    font-family: Montserrat, Icons;
	font-size: 50px;
	font-weight:300;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
    }

.tituloh2 {
    font-family: Pangrambold, Icons;
	font-size: 40px;
	font-weight:700;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}

.tituloh3 {
    font-family: Montserrat, Icons;
	font-size: 35px;
	font-weight:300;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}

.tituloh32 {
    font-family: Pangrambold, Icons;
	font-size: 50px;
	font-weight:600;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 20px !important;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}

.tituloh4 {
	font-family: Pangrambold, Icons;
	font-size: 30px;
	font-weight:400;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
	}
.tituloh5 {
	font-family: Pangrambold, Icons;
	font-size: 25px;
	font-weight:500;
	color: rgba(0, 0, 0);
	line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 0px;
	}

.subtitulo {
    font-family: pangramtext, Icons;
	font-size: 20px;
	font-weight:400;
	color: rgba(0, 0, 0);
	font-style: 300;
	line-height: 1.3;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.titulolateral {
	font-family: Montserrat, Icons;
	font-size: 20px;
	font-weight: 600;
	color: rgba(0, 0, 0);
	font-style: 300;
	line-height: 1.3;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.titulolateral2024 {
	font-family: Montserrat, Icons;
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0);
	font-style: 300;
	line-height: 1.3;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.cuerpo {
    font-family: pangramtext, Icons;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	color: rgba(0, 0, 0);
	line-height: 1.5;
    margin-bottom: 0px;
}

.cuerpo2024 {
    font-family: pangramtext, Icons;
	font-weight: 00;
	font-size: 18px;
	color: rgba(0, 0, 0);
	line-height: 1.5;
    margin-bottom: 0px;
}


.minicuerpo {
    font-family: pangramtext, Icons;
	font-size: 16px;
	font-weight:400;
	color: rgba(0, 0, 0);
	line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
}

.encabezadogrupal{
    position: relative;
    margin: 0 auto;
    text-align: center;
    max-width: 1181px;
    padding: 40px 40px 40px 40px;
}

.logo{
	padding: 40px 40px !important;
    max-width: 160px;
	max-height: auto;
}

.menu{
	padding: 40px 40px !important;
}

.separador {
	border-top: solid 2px #f1f1f1;
    padding-top: 100px;
}

.nomostrarenmobil{
	display: none;
}

.gridmenu{ 
  display: grid;
  max-width: 1180px;
  padding: 0px 0px;
  margin: 0 auto;
  grid-template-columns: 280px 32px;
  grid-gap: 20px;
  float: right;  
}

#nav-container {
  margin-left: auto;
  position: relative;
}

#nav-toggle {
  display: block;
  width: 30px;
  height: 32px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#nav-toggle span {
  background-color: black;
  border-radius: 60px;
  display: block;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

#noshow.open {
	visibility: hidden;
     -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

#nav-toggle span:nth-child(1) {
  top: 4px;
      width: 100%;
  height: 4px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

#nav-toggle span:nth-child(2) {
  top: 14px;
    left: 12px;
      width: 60%;
  height: 4px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

#nav-toggle span:nth-child(3) {
  top: 24px;
      width: 0%;
  height: 4px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

#nav-toggle.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
      width: 100%;
  top: 3px;
  left: 4px;
}

#nav-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-toggle.open span:nth-child(3) {
      width: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 25px;
  left: 4px;
}

#nav-overlay {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: scale3d(0, 0, 0);
          transform: scale3d(0, 0, 0);
}

#nav-overlay.open {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

#nav-fullscreen {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
}
#nav-fullscreen ul {
  list-style: none;
}
#nav-fullscreen a {
  color: #000;
  text-decoration: none;
}

#nav-fullscreen.open {
  visibility: visible;
  opacity: 1;
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

#nav-overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #d7d7d7), color-stop(90%, #fff));
  background: linear-gradient(180deg, #d7d7d7 10%, #fff 90%);
}

#nav-toggle span {
  background-color: #000;
}

#nav-fullscreen {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
   align-items: center;
  -webkit-box-pack: center;
   justify-content: center;
    text-align: center;
}

@media screen and (max-width: 1244px) {
 /* Contenido Proyectos */
.contenedorproyectos {
  max-width: 1070px;
}
 .contenedorproyectos img {
  max-width: 100%;
}
    
    /* Contenido Proyectos */
.contenedorproyectos2024 {
  max-width: 1070px;
}
    
.contenedorproyectos2024 img {
  max-width: 100%;
}

}
@media screen and (max-width: 1068px) {
    
    .titulohero {
    font-family: Pangrambold, Icons;
	font-size: 30px;
	font-weight:400;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}
    .gridimagenes6 {
  max-width: 841px;
     grid-template-columns: repeat(3, 1fr);
}

.gridimagenes6 img {
  object-fit: contain !important; 
  max-height: 328px;
  border-radius: 20px !important;  
}
    
/* Encabezado Proyectos */
    .separador2{
    max-width: 700px;
}
.sobremi {
	max-width: 841px;
    padding: 100px 40px 0px 40px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px;
    align-items: center;
}
.sobremi img {
    object-fit: cover;
    max-width: 100%;
    max-height: 500px;
}

.cv {
	max-width: 841px;
}
    
/* Contenedor */
    .gridparejas {
  max-width: 841px;
  padding: 100px 20px;
  margin: 0 auto;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
    
}
    .gridparejas img {
	max-width: 100%;
    max-height: 350px;
  }
    .tituloh4 {
	font-size: 25px;
}
    .subtitulo {
    font-family: Montserrat, Icons;
	font-size: 18px;
}
    .botonmas{
	font-size: 18px;
}
    .contenedorbotones {
    padding: 60px 40px 40px 40px;
}
    
    /* FICHA TECNICA */
.fichatecnica{
    max-width: 841px; 
}
    
       /* FICHA TECNICA */
.fichatecnica2024{
    max-width: 841px; 
}

/* DIVIDOR FICHA TECNICA */
.gridfichas {
  grid-template-columns: 1fr;
  grid-gap: 50px; 
}
    
    .gridfichas2024 {
  grid-template-columns: 1fr;
  grid-gap: 50px; 
}
    
/* Fondo Proyectos */
.fondoblanco {
  background: white;
  padding: 0px 40px 100px 40px;
}

/* Contenido Proyectos */
.contenedorproyectos {
  max-width: 841px;
  margin: 0 auto;
  margin-top: 100px;
  padding-top: 100px;
    
}

.contenedorproyectos img {
	max-width: 100%; 
    /* max-height: 400px;*/
}
    
    /* Contenido Proyectos */
.contenedorproyectos2024 {
  max-width: 841px;
  margin: 0 auto;
  padding-top: 100px;
}

.contenedorproyectos2024 img {
    max-width: 100%;
}

    .slider img{
	max-height: 600px;
    object-fit: cover;
}

/*Imagenes proyectos */
.gridimagenes {
  display: grid;
  max-width: 841px;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;   
  padding: 20px 0px;  
}

.gridimagenes img {
	max-width: 100%;
    max-height: 300px;
    object-fit: cover;
  }

/*Textos proyectos */
.cuadrartextos {
  max-width: 720px;
  text-align: left;  
}

/*Textos proyectos */
.textocentrado {
  max-width: 500px;
    margin: 0 auto;
    padding-bottom: 80px;
    text-align: center;
     margin-top: 0px;
}

/*Textos proyectos x columna */
.gridtextos {
  display: grid;
  max-width: 841px;
  margin: 0 auto;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 50px;  
}

/*Textos proyectos x columna */
.gridtextos2 {
  max-width: 841px; 
     padding-bottom: 100px;  
}
    
/*Textos proyectos x columna */
.gridimagenes3 {
  max-width: 841px;
}

.gridimagenes3 img {
  object-fit: contain !important;
  max-height: 250px;
}
    
    /*Textos proyectos x columna */
.gridimagenes4 {
  max-width: 841px;
}

.gridimagenes4 img {
  object-fit: contain !important;
  max-height: 121px;
}
    
        /*Textos proyectos x columna */
.gridimagenes5 {
  max-width: 841px;
}

.gridimagenes5 img {
  object-fit: contain !important;
  max-height: 446px;
}
    
    
/* Proceso Etapas */
.gridparejas2 {
  max-width: 841px;
  padding: 0px 0px 0px 0px;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.gridparejas2 img {
    max-width: 100%;
    max-height: 300px;
  }
.contenedorhorizontes{
	padding: 60px 80px 60px 80px;
    text-align: left;
}
    .imagecover img{
	margin-bottom: 40px;
}
    
.typewrite {
	font-size: 40px;
}
 
    .ubicarhero{
    position: relative;
    max-width: 840px;
    margin: 0 auto;
    top: 200px;
    left: 40px;
    text-align: left;
}
    .imagencontain img{
   	max-width: 100%;
    object-fit: contain !important;
}
    
}

@media screen and (max-width: 800px) {
.contenedorhorizontes{
	padding: 60px 40px 60px 40px;
    text-align: left;
}
}

@media screen and (max-width: 715px) {
    .mostrarenmobile{
	visibility: hidden;
}
    /* Dropdown button */
.botsubmenu {
  font-size: 20px;
    line-height: 30px;
}
    #nav-fullscreen {
    text-align: left;
}
    
    .titulohero {
    font-family: Pangrambold, Icons;
	font-size: 40px;
	font-weight:400;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}
    
    .lovelab {
    margin: 0 auto;
	margin-bottom: 100px;
    max-width: 331px;
    max-height: 900px;
}
    
        .separador2{
    max-width: 300px;
}
    
.lovelab img {
    margin: 0 auto;
	max-height: 715px !important;
    object-fit: contain !important;
}
.encabezadogrupal{
    position: relative;
    margin: 0 auto;
    text-align: center;
    max-width: 331px;
    padding: 0px 0px 0px 0px;
}
    
/* Encabezado Proyectos */
  .wheel {
  width: 3px;
  height: 3px;
  border: 3px solid;
}

.m_scroll_arrows
{
   border-right: 3px solid; 
   border-bottom: 3px solid; 
}
    
.mouse {
  border: 3px solid #000;
}

/* Contenedor */
    .ubicarhero {
	display: none;
}
    .ubicarhero2 {
	    top: 40%;
    text-align: left;
}
    .ubicarflecha{
	position: absolute;
    left: 50%;    
    transform: translate(-50%, 10%); 
    display: none;
}
        .nomostrarenweb{
	display: none;
}
    .nomostrarenmobil {
	display: contents
}
    .gridparejas {
  max-width: 331px;
  grid-template-columns: repeat(1, 1fr);
  padding: 50px 0px;
  margin-top: -60px;  
}
    .gridparejas img {
	max-width: 100%;
    max-height: 300px;
  }
    .tituloh4 {
	font-size: 25px;
}
    .subtitulo {
    font-family: Montserrat, Icons;
	font-size: 16px;
}
    .botonmas{
	font-size: 15px;
}
    .contenedorbotones {
    padding: 35px 21px 5px 21px;
}
    
.tituloh32 {
    font-family: Pangrambold, Icons;
	font-size: 35px;
	font-weight:600;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 20px !important;
    max-width: 800px;
    text-align: left;
    margin: 0 auto;
}
    
    .textocentradony {
  max-width: 750px;
    padding-bottom: 20px;
    text-align: left;
    margin: 0 auto;
}
    
.video-container {
    max-width: 100% !important;
    margin: 0 auto;
    padding-bottom: 56% !important;
        }
  
    
/* FICHA TECNICA */
    .sinfondo{
	background: white; 
    padding: 0px;   
    margin: 0px;    
    padding-top: 50px !important;   
    border-radius: 50px 50px 0px 0px;
    padding-bottom: 40px;    
}
.fichatecnica{
    max-width: 331px;
    margin: 0 auto;
    padding: 0px; 
}
    
    .fichatecnica2024{
    max-width: 331px;
    margin: 0 auto;
    padding: 0px; 
}

/* DIVIDOR FICHA TECNICA */
.gridfichas {
  grid-template-columns: 1fr;
  grid-gap: 50px; 
  margin: 0px;
  padding: 0px;  
}
    
    .gridfichas2024 {
  grid-template-columns: 1fr;
  grid-gap: 50px; 
  margin: 0px;
  padding: 0px;  
}
    
/* Fondo Proyectos */
.fondoblanco {
  background: white;
  padding: 0px 20px 100px 20px;
}

/* Contenido Proyectos */
.contenedorproyectos {
  max-width: 331px;
  margin: 0 auto;
  padding: 100px 0px 0px 0px;  
}

.contenedorproyectos img {
	max-width: 100%;
    max-height: 270px;
}
    
     /* Contenido Proyectos */
.contenedorproyectos2024 {
  max-width: 331px;
  margin: 0 auto;
  padding-top: 100px;
}

.contenedorproyectos2024 img {
    max-width: 100%;
    max-height: 800px;
}

.separador {
	border-top: solid 2px #f1f1f1;
    padding-top: 0px;
}
    
/*Imagenes proyectos */
.gridimagenes {
  display: grid;
  max-width: 331px;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;   
  padding: 20px 0px;  
}

.gridimagenes img {
	max-width: 100%;
    max-height: 270px;
    object-fit: cover;
  }

/*Textos proyectos */
.cuadrartextos {
  max-width: 331px;
  padding: 0px 0px; 
  padding-top: 0px; 
    text-align: left;
}

/*Textos proyectos */
.textocentrado {
  max-width: 331px !important;
    margin: 0 auto;
    padding: 60px 0px 30px 0px;
    text-align: left;
}

/*Textos proyectos x columna */
.gridtextos {
  display: grid;
  max-width: 331px;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;  
  padding: 0px 0px; 
  padding-bottom: 0px;  
}
    
    /*Textos proyectos x columna */
.gridtextos2 {
  display: grid;
  max-width: 331px;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;  
  padding: 0px 0px; 
  padding-bottom: 50px;  
}
    
    .gridparejas2 img {
     padding: 0px 0px 0px 0px;   
    }
    
    /*Textos proyectos x columna */
.gridimagenes3 {
  max-width: 331px;
     grid-template-columns: repeat(1, 1fr);
}

.gridimagenes3 img {
  object-fit: contain !important; 
  max-height: 315px;
}
    
        /*Textos proyectos x columna */
.gridimagenes4 {
  max-width: 331px;
     grid-template-columns: repeat(1, 1fr);
}

.gridimagenes4 img {
  object-fit: contain !important; 
  max-height: 149px;
}
    
            /*Textos proyectos x columna */
.gridimagenes5 {
  max-width: 331px;
     grid-template-columns: repeat(1, 1fr);
}

.gridimagenes5 img {
  object-fit: contain !important; 
  max-height: 462px;
}
    
    .gridimagenes6 {
  max-width: 331px;
     grid-template-columns: repeat(1, 1fr);
}

.gridimagenes6 img {
  object-fit: contain !important; 
  max-height: 462px;
}
 
    
/* Proceso Etapas */
.gridparejas2 {
  display: grid;
  max-width: 331px;
  margin: 0 auto;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
}
.contenedorhorizontes{
	padding: 50px 0px 50px 0px;
    text-align: left;
}
    .proyecto{
	margin-top: -100px;
}

          .tituloh2 {
	font-size: 25pt;
}
      .tituloh3 {
	font-size: 20pt;
}
    .cuerpo {
	font-size: 16px;
}
    .imagecover img{
	object-fit: contain !important;
        max-width: 331px;
        max-height: 980px;
        margin-top: 20px;
        margin-bottom: 40px;
}
    
.typewrite {
	font-size: 30px;
}
        .menu{
	padding: 20px 20px !important;
}
    
    .logo{
	padding: 20px 20px !important;
    max-width: 100px;
	max-height: 100%;
}
    
    .sobremi {
	max-width: 331px;
    padding: 100px 20px 0px 20px;
    grid-template-columns: 1fr;
    align-items: initial;
}
.sobremi img {
    object-fit: cover;
    max-width: 100%;
    max-height: 500px;
    align-items: center;
}

.cv {
	max-width: 331px;
    padding: 100px 20px 100px 20px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
}
    
        .slider img{
	max-width: 331px;
        margin: 0 auto;
}

}

.ocultar {
  opacity: 0;
  transition: 0.1s; 
}

.mostrar {
  opacity: 1;
  transition: 0.1s; 
}


@media screen and (max-width: 320px) {
    
        .titulohero {
    font-family: Pangrambold, Icons;
	font-size: 35px;
	font-weight:400;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}
    
    .separador2{
    max-width: 290px;
}
    
.ubicarhero2 {
	    top: 40%;
    text-align: left;
    padding: 0px;
}
.ubicarflecha{
 display: none;
    position: relative;
}
    .gridparejas {
  max-width: 290px;
  margin-top: -10px !important;  
}
.fichatecnica{
    max-width: 280px;
    margin: 0 auto;
    padding: 0px;
    
}
    
    .fichatecnica2024{
    max-width: 280px;
    margin: 0 auto;
    padding: 0px;
    
}
    
    .imagencover img {
    max-height: 800px;
    object-fit: cover !important;
    box-shadow: 2px 2px 35px  rgba(167, 167, 167, 0.26);
}
    
    .tituloh2 {
	font-size: 20pt;
}
      .tituloh3 {
	font-size: 18pt;
}
}

.entregablescontain {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2) !important;
    transition: 0.3s !important;  
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}

.entregablescontain img {

    object-fit: contain !important;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2) !important;
    transition: 0.3s !important;  
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}

.footer {
	margin: 100px 0px;
}

.nav-up {
  opacity: 0;
  transition: 0.1s; 
}

.nav-down {
  opacity: 1;
  transition: 3s; 
}

.ubicarredes {
	position: absolute;

	font-size: 20px;
    top: 70%;
}

.boton2020{
  font-family: Montserrat, Icons;
  border: none;
  color: #212121;
  text-align: center;
  background-color: white;  
  text-decoration: none;
  margin: 20px 0px;
  padding: 15px 15px;  
  cursor: pointer;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  box-shadow: 0px 2px 14px -7px rgba(0, 0, 0, 0.37);
  font-size: 20px;
  transition: 0.5s;
  
}

.fondoblancos {
  background: #f2f2f2;
}

.contenedorcorre {
  max-width: 600px;
  margin: 0 auto;
  background: #eee;
padding: 40px 40px 20px 40px;
}


.contenedormensaje {
  max-width: 520px;
  margin: 0 auto;
  background: #fff;
padding: 60px 40px 40px 40px;
}

.contenedormensaje img {
margin-bottom:14px;
}

.banner img {
	max-width: 100%;
    max-height: 158px;
    object-fit: contain;
     border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 20px 20px 0px 0px;
  }

.bloque {
	padding-top: 24px;
}

.contenedormensaje button:hover{
 box-shadow: 0px 2px 14px -7px rgba(0, 0, 0, 1);
background-color: #484848;  
    color: white;
}

.boton20200{
  border: none;
  min-width: 100%;  
  background-color: #ffda00;
  text-align: center;
  text-decoration: none;
  margin: 24px 0px;
  padding: 10px 0px;  
  cursor: pointer;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  box-shadow: 0px 2px 14px -7px rgba(0, 0, 0, 0.37);
  font-size: 1.5rem;
  font-weight: 700; 
  color: #484848;  
  transition: 0.5s; 
}

.bloque2 {
	padding-top: 0px;
}

.preferencias {
    text-align: center;
	padding-top: 20px;
}

.logos {
	padding-bottom: 30px;
}

.logo img {
    max-width: 45%;
}

.contenedorayudas {
  max-width: 520px;
  margin: 0 auto;
  background: #2f3641;
padding: 30px 40px 30px 40px;
    text-align: center;
    color: white;
    
         border-radius: 0px 00px 20px 20px;
    -moz-border-radius: 0px 00px 20px 20px;
    -webkit-border-radius: 0px 00px 20px 20px;
}

.gridimg {
  display: grid;
  max-height: 520px;
  margin: 0 auto;
  grid-template-columns: 120px repeat(7, 1fr);
    grid-gap: 10px;
align-items: center;
    padding-top: 14px;
}

.gridimg img {
max-width: 100%;
}


.h1lf {
	font-family: Roboto, Icons;
	font-style: normal;
	font-weight: 700;
	padding: 0;
	margin: 0;
	font-size: 2.1rem;
	line-height: 1.2;
 	 color: #484848;  
	}

.bodycopylf {
	font-size: 1.3rem;
	font-weight: 400;
  	color: #484848;  
	font-family: Roboto, Icons;
	font-style: normal;
	line-height: 1.3;
}


@media screen and (max-width: 715px) {
    
   .contenedorcorre {
  max-width: 520px;
  margin: 0 auto;
  background: #eee;
padding: 40px 20px 20px 20px;
}


.contenedormensaje {
  max-width: 520px;
  margin: 0 auto;
  background: #fff;
padding: 40px 20px 30px 20px;
}

.contenedormensaje img {
margin-bottom:14px;
}

.banner img {
	max-width: 100%;
    max-height: 158px;
    object-fit: cover;
  }

.bloque {
	padding-top: 24px;
}

.contenedormensaje button:hover{
 box-shadow: 0px 2px 14px -7px rgba(0, 0, 0, 1);
background-color: #484848;  
    color: white;
}

.boton20200{
  border: none;
  min-width: 100%;  
  background-color: #ffda00;
  text-align: center;
  text-decoration: none;
  margin: 24px 0px;
  padding: 10px 0px;  
  cursor: pointer;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  box-shadow: 0px 2px 14px -7px rgba(0, 0, 0, 0.37);
  font-size: 1.5rem;
  font-weight: 700; 
  color: #484848;  
  transition: 0.5s; 
}

.bloque2 {
	padding-top: 0px;
}

.preferencias {
    text-align: center;
	padding-top: 20px;
}

.logos {
    padding: 0px 0px 20px 20px;
	padding-bottom: 30px;
}

.logo img {
    max-width: 45%;
}

.contenedorayudas {
  max-width: 520px;
  margin: 0 auto;
  background: #2f3641;
padding: 26px 20px 20px 20px;
    text-align: center;
    color: white;
    
         border-radius: 0px 00px 20px 20px;
    -moz-border-radius: 0px 00px 20px 20px;
    -webkit-border-radius: 0px 00px 20px 20px;
}

.gridimg {
  display: grid;
  max-height: 520px;
  margin: 0 auto;
  grid-template-columns: 96px repeat(7, 1fr);
    grid-gap: 10px;
align-items: center;
    padding-top: 14px;
}

.gridimg img {
max-width: 100%;
}
}

/* Unum Begins*/
/* Unum Begins*/
/* Unum Begins*/
/* Unum Begins*/

.imagensimple img{
    box-shadow: none;
    margin-bottom:40px;
    max-height: 100%;
    max-width: 400px;
    object-fit: contain;
}

.imagensimplelogo img{
    box-shadow: none;
    margin-bottom:40px;
    max-width: 100%;
    max-height: 400px;
    object-fit: contain;
}

.imagensimple2 img{
    box-shadow: none;
    margin: 0 auto;
    max-width: 100%;
    max-height: 800px;
    object-fit: contain;
}

.encabezadogrupalUnum{
    position: relative;
    margin: 0 auto;
    text-align: center;
    max-width: 1181px;
    padding: 40px 40px 40px 40px;
}


.tituloherounum {
    font-family: Montserrat, Icons;
	font-style: normal;
	font-weight: 700;
	margin-top: -290px;
	font-size: 60px;
	line-height: 1.2;
 	 color: white;  
}

.tituloherounumtag {
    font-family: Montserrat, Icons;
	font-style: normal;
	font-weight: 700;
	margin-top: 0px;
	font-size: 60px;
	line-height: 1.2;
 	 color: white;  
}

.ubicarhomeUnum {
	position: relative;
    top: 35%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 1181px;
}

.unum {
	padding-top: 30px;
    padding-left: 30px;
}

.unumcolors {
	color: #BB9F7B !important;
}

/* Dropdown button */
.botsubmenuUnum {
  border: none;
  font-size: 18px;  
  outline: none;
  padding: 0px 0px;
  background-color: inherit;
  font-family: Montserrat, Icons;
  cursor: pointer; 
  font-weight: bold;
  margin: 0; /* Important for vertical align on mobile phones */

}

.botsubmenuUnum > a {
	position: relative;
  color: #BB9F7B !important;
  text-decoration: none !important;
    display: inline-block;
    margin-bottom: 10px;
}

.botsubmenuUnum > a:hover {
	color: #BB9F7B;
    display: inline-block;
    margin-bottom: 10px;

}

.botsubmenuUnum > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #BB9F7B;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
    display: inline-block;
    margin-bottom: -4px;
}

.botsubmenuUnum a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
    display: inline-block;
    margin-bottom: -4px;
}

.contenedorproceso {
    margin: 0 auto;
    text-align: center;
    align-content: center;
    max-width: 1181px;
    padding: 100px 0px;
}

.contenedorproceso2 {
	background-color: #BB9F7B;
    padding-top: 100px;
    padding-bottom: 100px;
}

.gridapp {
  display: grid;
  max-width: 1180px;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  justify-items: center;
  align-items: center;
  padding-bottom: 0px;   
    
}
.textocentrado {
  max-width: 1180px;
  margin: 0 auto;
}

.espaciadomaximounum2 {
    max-width: 1180px;
    max-height: auto;
    object-fit: contain;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 50px;
}

.gridapp img {
	max-width: 100%;
    max-height: 400px;
    object-fit: contain;
    margin-left: 0px;
  	box-shadow: none;
  }

.tarjetaespacio {
	padding: 100px 0px;
    
}
.espaciadomaximounum {
	    max-width: 1180px;
    object-fit: contain;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.masespacio {
	padding-top: 300px;
}

.imagenapp img {
    object-fit: cover;
    max-height: 800px;
}

.largomaximo {
    margin: 0 auto;
	max-width: 680px;
}

.tituloh2unum {
    font-family: Montserrat, Icons;
	font-size: 45px;
	font-weight:700;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}

.ubicarhomeUnum2 {
	position: absolute;
    top: 20%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 1181px;
}
    .ubicarhomeUnum3 {
	position: relative;
    top: 30%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 1181px;
}

@media screen and (min-width: 1800px) {
    .masespacio {
	padding-top: 600px;
}
    .encabezadogrupal {
	padding-top: 100px;	
}
    
    .ubicarhomeUnum {
	position: relative;
    top: 12%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 1181px;
}

        .ubicarhomeUnum2 {
	position: absolute;
    top: 25%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 1181px;
}
    
    .ubicarhomeUnum3 {
	position: relative;
    top: 35%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 1181px;
}

    .tituloh2unum {
    font-family: Montserrat, Icons;
	font-size: 60px;
	font-weight:700;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}
    
    .ubicarhomeUnum {
	position: relative;
    top: 36%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 1181px;
}

    .espaciadounum {
	padding-top: 200px;
}
    
       .unum2 {
	padding-top: 8000px;
}
    .masespaciobus {
	padding-top: 300px;
}
    
    .imagenapp img {
    object-fit: contain;
    max-height: 800px;
}
    
}

@media screen and (max-width: 715px) {
 
    /* Unum Begins*/
        .ubicarhomeUnum2 {
	position: absolute;
    top: 16%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 331px;
}
    
    .ubicarhomeUnum3 {
	position: absolute;
    top: 16%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 331px;
}
    
.imagensimple img{
    box-shadow: none;
    margin-bottom:40px;
    max-height: 100%;
    max-width: 200px;
}

.imagensimple2 img{
    box-shadow: none;
    margin: 0 auto;
    max-width: 100%;
    max-height: 800px;
    object-fit: contain;
}


.tituloherounum {
    font-family: Montserrat, Icons;
	font-style: normal;
	font-weight: 700;
	margin-top: -30px;
	font-size: 40px;
	line-height: 1.2;
 	 color: white;  
}

.tituloherounumtag {
    font-family: Montserrat, Icons;
	font-style: normal;
	font-weight: 700;
	margin-top: 0px;
	font-size: 40px;
	line-height: 1.2;
 	 color: white;  
}

.ubicarhomeUnum {
	position: relative;
    top: 35%;
    transform: translate(0%, 0%);
    text-align: center;
    margin: 0 auto;
    max-width: 331px;
}

.unum {
	padding-top: 30px;
    padding-left: 30px;
}

.unumcolors {
	color: #BB9F7B !important;
}

/* Dropdown button */
.botsubmenuUnum {
  border: none;
  font-size: 18px;  
  outline: none;
  padding: 0px 0px;
  background-color: inherit;
  font-family: Montserrat, Icons;
  cursor: pointer; 
  font-weight: bold;
  margin: 0; /* Important for vertical align on mobile phones */

}

.botsubmenuUnum > a {
	position: relative;
  color: #BB9F7B !important;
  text-decoration: none !important;
    display: inline-block;
    margin-bottom: 10px;
}

.botsubmenuUnum > a:hover {
	color: #BB9F7B;
    display: inline-block;
    margin-bottom: 10px;

}

.botsubmenuUnum > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #BB9F7B;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
    display: inline-block;
    margin-bottom: -4px;
}

.botsubmenuUnum a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
    display: inline-block;
    margin-bottom: -4px;
}

.contenedorproceso {
	 margin: 0 auto;
    text-align: center;
    align-content: center;
    max-width: 331px;
    padding: 40px 0px;
}

.contenedorproceso2 {
	background-color: #BB9F7B;
    padding-top: 40px;
    padding-bottom: 40px;
    
}

.gridapp {
  display: grid;
  max-width: 331px;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  justify-items: center;
  align-items: center;
  padding-bottom: 0px; 
    margin: 0 auto;
    
}
.textocentrado {
  max-width: 640px;
  margin: 0 auto;
}

.espaciadomaximounum2 {
    max-width: 331px;
    max-height: auto;
    object-fit: contain;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 50px;
}

.gridapp img {
	max-width: 100%;
    max-height: 400px;
    object-fit: contain;
    margin-left: 0px;
  	box-shadow: none;
  }

.tarjetaespacio {
	padding: 40px 0px 0px 0px;
    
}
.espaciadomaximounum {
	    max-width: 1180px;
    max-height: auto;
    object-fit: contain;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 50px;
}
.masespacio {
	padding-top: 60px;
}

.imagenapp img {
    object-fit: cover;
    max-height: 800px;
}

.largomaximo {
    margin: 0 auto;
	max-width: 680px;
}

.tituloh2unum {
    font-family: Montserrat, Icons;
	font-size: 30px;
	font-weight:700;
	color: rgba(0, 0, 0);
	line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}
    
    .imagensimplelogo img{
    box-shadow: none;
    margin-bottom:40px;
    max-width: 100%;
    max-height: 200px;
}
    
    .encabezadogrupalUnum{
    position: relative;
    margin: 0 auto;
    text-align: center;
    max-width: 331px;
    padding: 0px;
}
    .videos {
        max-width: 331px !important;
}
    
}    
/* Unum Ends*/    
    /* Unum Ends*/    
    /* Unum Ends*/    
    /* Unum Ends*/    
    /* Unum Ends*/    
    


.video-container {
            position: relative;
            padding-bottom: 45%; /* Relación de aspecto 16:9 */
            height: 0;
            overflow: hidden;
            max-width: 100%;
            background: #fff;
    border-radius: 20px;
        box-shadow: 2px 2px 35px  rgba(167, 167, 167, 0.26);
transition: 1s;
    max-width: 80%;
    margin: 0 auto;
        }

        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
    }

.video-container:hover
{
 box-shadow: 0px 2px 14px -7px rgba(0, 0, 0, 1);
background-color: #393939;  
    color: white;
}
   

.contain {
  width: 100%;
}

#mover {
scroll-behavior: smooth;
-webkit-scroll-behavior: smooth;    
}

.row {
  overflow: auto;
  width: 100%;
    display: flex;
}

.tile {
	  position: relative;
  display: inline-grid;
  cursor: pointer;
  transition: 450ms all;
  transform-origin: center left;
  max-width: 300px;  
  padding: 20px;  
    object-fit: cover;
    min-height: 440px;
}

.tile div {
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
   max-width: 300px;  
  }

.tile img {
max-width: 100%;
    max-height: 190px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

.tile2 {
	  position: relative;
  display: inline-grid;
  cursor: pointer;
  transition: 450ms all;
  transform-origin: center left;
  max-width: 600px;  
  padding: 20px;  
    object-fit: cover;
    min-height: 120px;
}

.tile2 div {
border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
   max-width: 300px;  
  }

.tile2 img {
max-width: 100%;
    max-height: 650px;
    object-fit: cover;
    border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
}

.tileunidades {
	  position: relative;
  display: inline-grid;
  cursor: pointer;
  transition: 450ms all;
  transform-origin: center left;
  max-width: 270px;  
  padding: 20px;  
    object-fit: cover;
}

.tileunidades div {
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
  }

.tileunidades img {
max-width: 100%;
    max-height: auto;
    object-fit: cover;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.botonmasnextiz2{   
  border: solid;
  border-color: #2b2b2b;
  color: #2b2b2b;
  background-color: transparent;  
  padding: 7px 8px;
  font-family: Icons, 'Lato';
  width: 50px;
  cursor: pointer;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  font-size: 25px;
  transition: 0.5s;
    float: center;
}
.botonmasnextiz2:hover{   
  color: white;
  background-color: #2b2b2b;   
}



#mover {
scroll-behavior: smooth;
-webkit-scroll-behavior: smooth;    
}
#mover2 {
scroll-behavior: smooth;
-webkit-scroll-behavior: smooth;
}

.contain {
  width: 100%;
}

.row__inner {
  transition: 450ms transform;
  font-size: 0;
  white-space: nowrap;
  /*margin: 70.3125px 0;*/
  margin: 0 auto;  
  margin: 40px 0px 10px 0px;  
  padding-bottom: 0px;
}

.imagenfondos{
	object-fit: contain !important;
    padding-bottom: 150px;
    background-color: white;
}

.tarjetablanca{
	
    background-color: white;
}
.encuentrotexto{
	margin: 20px;
}

.botonmasnext2{   
  border: solid;
  border-color: #2b2b2b;
  color: #2b2b2b;
  background-color: transparent;  
  padding: 7px 8px;
  font-family: Icons, 'Lato';
  width: 50px;
  cursor: pointer;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  font-size: 25px;
  transition: 0.5s; 
float: right;
}

.botonmasnext2 div{   
  display:none;
}

.botonmasnext2:hover{   
  color: white;
  background-color: #2b2b2b;   
}
.botonmasnext2:hover div{   
  display:inline-block;
  position: absolute;
  margin: 0 auto;  
  max-width: 800px;  
  text-align: right;
  margin-top: 0px; 
  margin-left: -204px;
  color: #2b2b2b; 
  font-size: 20px;  
  font-weight: 300;  
}

.espaciadomaximo2 {
    max-width: 130px;
    margin: 0 auto;
    padding-top: 20px !important;
}

.iconos {
	padding-bottom: 14px;
    margin: 0px;
    display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.iconos img {
    border-radius: 0px 0px 0px 0px !important;
-moz-border-radius: 0px 0px 0px 0px !important;
-webkit-border-radius: 0px 0px 0px 0px !important;
}

.wrap {
    white-space: pre-line;
}

.beta{   
  border: solid;
  border-color: black !important; 
  border-width: 2px !important; 
  color: #2b2b2b;
  background-color: #FDBD12 !important; 
  padding: 4px 6px !important; 
    margin-bottom: 10px !important; 
  max-width: 198px;
  border-radius: 30px !important; 
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  transition: 0.5s;
    text-align: center !important; 
    font-size: 12px;
}