@charset "UTF-8";
 html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ffdc32;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
.home .page-heading {
padding-top: 1rem;
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-loading .slick-list {
background: #fff url(//www.iarmas.cl/wp-content/themes/iarmas2021/ajax-loader.gif) center center no-repeat
}
@font-face {
font-family: slick;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/slick.eot);
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/slick.eot?#iefix) format("embedded-opentype"), url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/slick.woff) format("woff"), url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/slick.ttf) format("truetype"), url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/slick.svg#slick) format("svg");
font-weight: 400;
font-style: normal
}
.slick-next,
.slick-prev {
position: absolute;
display: block;
height: 58px;
width: 58px;
line-height: 0;
font-size: 0;
cursor: pointer;
background-color: transparent;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 45
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
outline: 0;
color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
opacity: .8
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: .5
}
.slick-next:before,
.slick-prev:before {
font-family: slick;
font-size: 20px;
line-height: 1;
color: #fff;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: .25rem;
background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='28.8717' cy='25.8679' r='24.5533' fill='%234D4D4E'/%3E%3C/g%3E%3Cpath d='M27.2416 31.7375L21.3721 25.8679' stroke='white' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M27.2416 19.9984L21.3721 25.868' stroke='white' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M36.3721 25.868L21.3721 25.868' stroke='white' stroke-miterlimit='10'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0.318359' y='0.314575' width='57.1067' height='57.1067' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
}
[dir=rtl] .slick-prev {
left: auto;
right: -10px
}
.slick-next {
right: .25rem;
background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='29.1283' cy='25.8681' r='24.5533' transform='rotate(180 29.1283 25.8681)' fill='%234D4D4E'/%3E%3C/g%3E%3Cpath d='M30.7584 19.9986L36.6279 25.8682' stroke='white' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M30.7584 31.7377L36.6279 25.8681' stroke='white' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M21.6279 25.868L36.6279 25.868' stroke='white' stroke-miterlimit='10'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0.575195' y='0.314697' width='57.1067' height='57.1067' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
}
[dir=rtl] .slick-next {
left: -10px;
right: auto
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: 0 0;
display: block;
height: 20px;
width: 20px;
outline: 0;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 16px;
height: 16px;
font-family: slick;
font-size: 6px;
line-height: 20px;
text-align: center;
color: #ffdc32;
opacity: .5;
border-radius: 50px;
border: 1px solid #fff;
background-color: #646567;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #ffdc32;
opacity: 1;
background-color: #ffdc32
}
.projects-container {
visibility: hidden
}
.projects-container.slick-initialized {
visibility: visible
}
.slider-portada {
visibility: hidden
}
.slider-portada.slick-initialized {
visibility: visible
} .ui-draggable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 1;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
text-decoration: none;
font-size: 100%;
list-style: disc
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: .1px;
display: block;
-ms-touch-action: none;
touch-action: none
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
display: none
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
background-image: none;
padding: 1em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0
}
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
width: 7px;
height: 7px
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: .1px;
display: block;
-ms-touch-action: none;
touch-action: none
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-tabs {
position: relative
}
.ui-tabs .ui-tabs-nav {
margin: 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
border-bottom-width: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: 0 0
}
.ui-tooltip {
padding: 1em;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
} @font-face {
font-family: lightcase;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/lightcase.eot?55356177);
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"), url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/lightcase.woff?55356177) format("woff"), url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/lightcase.ttf?55356177) format("truetype"), url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/lightcase.svg?55356177#lightcase) format("svg");
font-weight: 400;
font-style: normal
}
[class*=lightcase-icon-]:before {
font-family: lightcase, sans-serif;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em
}
.lightcase-icon-play:before {
content: "\e800"
}
.lightcase-icon-pause:before {
content: "\e801"
}
.lightcase-icon-close:before {
content: "\e802"
}
.lightcase-icon-prev:before {
content: "\e803"
}
.lightcase-icon-next:before {
content: "\e804"
}
.lightcase-icon-spin:before {
content: "\e805"
}
@-webkit-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
#lightcase-case {
display: none;
position: fixed;
z-index: 2002;
top: 50%;
left: 50%;
font-size: 13px;
line-height: 1.5;
text-align: left;
text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}
@media screen and (max-width:640px) {
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: 0 0 !important
}
}
@media screen and (min-width:641px) {
#lightcase-case:not([data-lc-type=error]) #lightcase-content {
position: relative;
z-index: 1;
overflow: hidden;
text-shadow: none;
background-color: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
-o-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
box-shadow: 0 0 30px rgba(0, 0, 0, .5);
backface-visibility: hidden;
-webkit-backface-visibility: hidden
}
}
@media screen and (min-width:641px) {
#lightcase-case[data-lc-type=image] #lightcase-content,
#lightcase-case[data-lc-type=video] #lightcase-content {
background-color: #333
}
}
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
@media screen and (max-width:640px) {
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: 0 0 !important
}
}
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:640px) {
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
padding: 15px
}
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner,
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner>* {
width: 100% !important;
max-width: none !important
}
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner>:not(iframe) {
height: auto !important;
max-height: none !important
}
}
@media screen and (max-width:640px) {
.lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner {
overflow: auto;
-webkit-overflow-scrolling: touch
}
}
@media screen and (max-width:640px) and (min-width:641px) {
[data-lc-type=image] #lightcase-content .lightcase-contentInner,
[data-lc-type=video] #lightcase-content .lightcase-contentInner {
line-height: .75
}
}
.lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
overflow: auto;
-webkit-overflow-scrolling: touch
}
@media screen and (max-width:640px) {
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: 0 0 !important
}
}
@media screen and (min-width:641px) {
#lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
padding: 30px;
overflow: auto;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
}
@media screen and (max-width:640px) {
#lightcase-content h1,
#lightcase-content h2,
#lightcase-content h3,
#lightcase-content h4,
#lightcase-content h5,
#lightcase-content h6,
#lightcase-content p {
color: #aaa
}
}
@media screen and (min-width:641px) {
#lightcase-content h1,
#lightcase-content h2,
#lightcase-content h3,
#lightcase-content h4,
#lightcase-content h5,
#lightcase-content h6,
#lightcase-content p {
color: #333
}
}
#lightcase-case p.lightcase-error {
margin: 0;
font-size: 17px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #aaa
}
@media screen and (max-width:640px) {
#lightcase-case p.lightcase-error {
padding: 30px 0
}
}
@media screen and (min-width:641px) {
#lightcase-case p.lightcase-error {
padding: 0
}
}
.lightcase-isMobileDevice .lightcase-open body {
max-width: 100%;
max-height: 100%;
overflow: hidden
}
@media screen and (max-width:640px) {
.lightcase-open body {
padding: 55px 0 70px 0
}
.lightcase-open body>:not([id*=lightcase-]) {
position: fixed !important;
top: -9999px !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important
}
}
#lightcase-info {
position: absolute;
padding-top: 15px
}
#lightcase-info #lightcase-caption,
#lightcase-info #lightcase-title {
margin: 0;
padding: 0;
line-height: 1.5;
font-weight: 400;
text-overflow: ellipsis
}
#lightcase-info #lightcase-title {
font-size: 17px;
color: #aaa
}
@media screen and (max-width:640px) {
#lightcase-info #lightcase-title {
position: fixed;
top: 10px;
left: 0;
max-width: 87.5%;
padding: 5px 15px;
background: #333
}
}
#lightcase-info #lightcase-caption {
clear: both;
font-size: 13px;
color: #aaa
}
#lightcase-info #lightcase-sequenceInfo {
font-size: 11px;
color: #aaa
}
@media screen and (max-width:640px) {
.lightcase-fullScreenMode #lightcase-info {
padding-left: 15px;
padding-right: 15px
}
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
position: static
}
}
#lightcase-loading {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
position: fixed;
z-index: 2001;
top: 50%;
left: 50%;
margin-top: -.5em;
margin-left: -.5em;
opacity: 1;
font-size: 32px;
text-shadow: 0 0 15px #fff;
-moz-transform-origin: 50% 53%;
-webkit-animation: lightcase-spin .5s infinite linear;
animation: lightcase-spin .5s infinite linear
}
#lightcase-loading,
#lightcase-loading:focus {
text-decoration: none;
color: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out .25s;
transition: color, opacity, ease-in-out .25s
}
#lightcase-loading>span {
display: inline-block;
text-indent: -9999px
}
#lightcase-nav a[class*=lightcase-icon-] {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
outline: 0;
cursor: pointer
}
#lightcase-nav a[class*=lightcase-icon-],
#lightcase-nav a[class*=lightcase-icon-]:focus {
text-decoration: none;
color: rgba(255, 255, 255, .6);
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out .25s;
transition: color, opacity, ease-in-out .25s
}
#lightcase-nav a[class*=lightcase-icon-]>span {
display: inline-block;
text-indent: -9999px
}
#lightcase-nav a[class*=lightcase-icon-]:hover {
color: #fff;
text-shadow: 0 0 15px #fff
}
.lightcase-isMobileDevice #lightcase-nav a[class*=lightcase-icon-]:hover {
color: #aaa;
text-shadow: none
}
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-prev {
left: 15px
}
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-next {
right: 15px
}
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-pause,
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-play {
left: 50%;
margin-left: -.5em
}
@media screen and (min-width:641px) {
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-pause,
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-play {
opacity: 0
}
}
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close {
top: 15px;
right: 15px;
bottom: auto;
margin: 0;
opacity: 0;
outline: 0
}
@media screen and (max-width:640px) {
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close {
position: absolute
}
}
@media screen and (min-width:641px) {
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close {
position: fixed
}
}
@media screen and (max-width:640px) {
#lightcase-nav a[class*=lightcase-icon-] {
bottom: 15px;
font-size: 24px
}
}
@media screen and (min-width:641px) {
#lightcase-nav a[class*=lightcase-icon-] {
bottom: 50%;
margin-bottom: -.5em
}
#lightcase-case:hover~#lightcase-nav a[class*=lightcase-icon-],
#lightcase-nav a[class*=lightcase-icon-]:hover {
opacity: 1
}
}
#lightcase-overlay {
display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
background: #333
}
@media screen and (max-width:640px) {
#lightcase-overlay {
opacity: 1 !important
}
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/Poppins-ExtraLight.ttf) format("truetype")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/Poppins-Light.ttf) format("truetype")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/Poppins-Regular.ttf) format("truetype")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/Poppins-Medium.ttf) format("truetype")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/Poppins-SemiBold.ttf) format("truetype")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/Poppins-Bold.ttf) format("truetype")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/Poppins-ExtraBold.ttf) format("truetype")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//www.iarmas.cl/wp-content/themes/iarmas2021/fonts/Poppins-Black.ttf) format("truetype")
}
body,
button,
input,
select,
textarea {
color: #414141;
font-family: Poppins, sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 600
}
h2 {
color: #4d4d4e;
font-size: 1.25rem;
text-align: center;
letter-spacing: .02em;
position: relative;
margin-bottom: 2em
}
cite,
dfn,
em,
i {
font-style: italic
}
blockquote {
margin: 0 1.5em
}
address {
margin: 0 0 1.5em
}
pre {
background: #eee;
font-family: Poppins, sans-serif;
font-size: 15px;
font-size: .9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: .9375rem
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help
}
ins,
mark {
background: #fff9c0;
text-decoration: none
}
big {
font-size: 125%
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-scroll-behavior: smooth;
scroll-behavior: smooth
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
body {
background: #fff
}
blockquote,
q {
quotes: "" ""
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: ""
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em
}
ol,
ul {
margin: .5em 0 .5em 0;
padding-left: 1.5em
}
ul {
list-style: none
}
ol {
list-style: decimal
}
li>ol,
li>ul {
margin-bottom: 0;
margin-left: 1em
}
dt {
font-weight: 700
}
dd {
margin: 0 1.5em 1.5em
}
ul.armas-bullets {
display: block;
margin: 2em auto
}
ul.armas-bullets li {
list-style: none;
background: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/chevron.svg) no-repeat left center;
padding: 3px 10px 3px 30px;
margin: .5em 0;
width: 100%;
max-width: 60em
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}
embed,
iframe,
object {
max-width: 100%
}
img {
height: auto;
max-width: 100%
}
figure {
margin: 1em 0
}
table {
margin: 0 0 1.5em;
width: 100%
}
::-moz-selection {
background-color: #ffdc32;
color: #1e1e1c
}
::selection {
background-color: #ffdc32;
color: #1e1e1c
}
.container {
max-width: 1280px;
width: 100%;
position: relative;
margin: 0 auto;
padding: 1.5em 2em
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
@media screen and (min-width:768px) {
.row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
.col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-collapse: collapse
}
.col-3 {
width: 100%
}
@media (min-width:768px) {
.col-3 {
width: 25%;
-ms-flex-negative: 0;
flex-shrink: 0
}
}
.col-4 {
width: 100%
}
@media (min-width:768px) {
.col-4 {
width: 33.333333%;
-ms-flex-negative: 0;
flex-shrink: 0
}
}
.col-6 {
width: 100%
}
@media (min-width:768px) {
.col-6 {
width: 50%;
-ms-flex-negative: 0;
flex-shrink: 0
}
}
@media (min-width:480px) {
.sm-none {
display: none
}
}
@media (min-width:768px) {
.md-none {
display: none
}
}
@media (min-width:1024px) {
.lg-none {
display: none
}
}
a {
color: #ffdc32
}
a:visited {
color: #323233
}
a:active,
a:focus,
a:hover {
color: #b1b2b3
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #fff;
border-radius: 0;
background: inherit;
color: #fff;
font-size: 16px;
font-size: 1rem;
line-height: 1;
padding: .75em 1em
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #fff
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #fff
}
.btn {
font-weight: 500;
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-align: center;
text-decoration: none;
white-space: nowrap;
margin: 0 auto;
padding: .75em 2em;
-webkit-transition: all .25s ease;
transition: all .25s ease
}
.btn.btn-armas-negro {
background: #1e1e1c;
border: 2px solid #1e1e1c;
color: #ffdc32
}
.btn.btn-armas-negro:hover {
background: #ffdc32 !important;
border: 2px solid #ffdc32;
color: #1e1e1c !important
}
.btn.btn-armas-negro-2 {
background: #1e1e1c;
border: 2px solid #1e1e1c;
color: #fff
}
.btn.btn-armas-negro-2:hover {
background: #ffdc32 !important;
border: 2px solid #ffdc32;
color: #1e1e1c !important
}
.btn.btn-armas-amarillo {
background: #ffdc32;
border: 2px solid #ffdc32;
color: #1e1e1c
}
.btn.btn-armas-amarillo:hover {
background: #1e1e1c !important;
border: 2px solid #1e1e1c;
color: #ffdc32 !important
}
.btn.btn-armas-amarillo-2 {
background: #ffdc32;
border: 2px solid #ffdc32;
color: #1e1e1c
}
.btn.btn-armas-amarillo-2:hover {
background: #1e1e1c !important;
border: 2px solid #1e1e1c;
color: #fff !important
}
.btn.btn-armas-blanco {
background: #fff;
border: 2px solid #1e1e1c;
color: #1e1e1c
}
.btn.btn-armas-blanco:hover {
background: #1e1e1c;
border: 2px solid #fff;
color: #fff
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
color: #666;
border: .5px solid #bdbcbc;
border-radius: 10px;
padding: 1rem;
height: 2.5em;
width: 100%
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
color: #111
}
input[type=checkbox],
input[type=radio] {
margin-right: .5rem
}
select {
background-color: #fff;
border: 1px solid #bdbcbc;
border-radius: 5px;
height: 3em;
line-height: 3em;
margin-bottom: 1.5em;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
position: relative
}
select option {
width: inherit
}
textarea {
width: 100%
}
.no-sidebar .site {
display: grid;
grid-template-columns: auto;
grid-template-areas: "header" "main" "footer"
}
#masthead {
background: #1e1e1c;
position: relative;
width: 100%;
padding: 0;
-webkit-transition: background .25s ease-in-out;
transition: background .25s ease-in-out
}
@media (min-width:768px) {
#masthead {
padding: 1em;
background: #1e1e1c
}
#masthead.is-front-page {
position: absolute;
top: 0;
left: 0
}
#masthead.fixed-top {
background: #1e1e1c !important;
-webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
position: fixed;
top: 0;
z-index: 50
}
}
.site-branding {
position: relative;
width: 100%;
height: auto;
float: left;
margin: 1em 0
}
.site-branding .custom-logo-link img,
.site-branding a.site-title img {
height: 22px;
width: 100%;
max-width: 100%;
display: block;
padding-left: 1rem
}
@media (min-width:768px) {
.site-branding {
width: 150px;
padding-right: 1em;
padding-left: 0;
float: none;
display: inline-block;
vertical-align: middle;
z-index: 5
}
.site-branding .custom-logo-link img,
.site-branding a.site-title img {
height: 36px
}
}
.main-navigation {
background: #ffdc32;
clear: both;
display: block;
text-align: center;
width: 100%;
max-height: 100%
}
.main-navigation .menu-links {
display: none
}
.main-navigation #primary-menu li,
.main-navigation .menu-navegacion-container li {
background: #ffdc32;
position: relative
}
.main-navigation #primary-menu li a,
.main-navigation .menu-navegacion-container li a {
color: #1e1e1c;
width: 130px;
padding: .5rem;
text-transform: none
}
.main-navigation #primary-menu .sub-menu li:last-child,
.main-navigation .menu-navegacion-container .sub-menu li:last-child {
border-radius: 0 0 5px 5px
}
.main-navigation #primary-menu .sub-menu li,
.main-navigation .menu-navegacion-container .sub-menu li {
margin: 0
}
.main-navigation #primary-menu .sub-menu li a,
.main-navigation .menu-navegacion-container .sub-menu li a {
text-transform: none
}
.main-navigation #primary-menu .sub-menu li a:hover,
.main-navigation .menu-navegacion-container .sub-menu li a:hover {
background: #1e1e1c;
color: #ffdc32
}
.main-navigation #primary-menu {
margin: 1rem 0 0
}
.main-navigation #primary-menu>li::after {
content: ">";
position: absolute;
right: 6%;
top: 7px
}
@media (min-width:768px) {
.main-navigation #primary-menu {
margin: 1rem 0
}
}
.main-navigation .menu-busqueda {
display: none
}
.main-navigation ul {
margin: 0;
padding-left: 0;
text-align: center
}
.main-navigation ul ul {
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
float: left;
position: absolute;
left: -999em;
border-radius: 0 0 5px 5px;
z-index: 99999
}
.main-navigation ul ul ul {
left: -999em;
top: 0
}
.main-navigation ul ul li.focus>ul,
.main-navigation ul ul li:hover>ul {
left: 100%
}
.main-navigation ul ul a {
width: 200px
}
.main-navigation ul li.focus>ul,
.main-navigation ul li:hover>ul {
left: auto
}
.main-navigation li {
display: inline-block;
vertical-align: middle;
text-align: center;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 .5rem
}
.main-navigation a {
display: inline-block;
text-decoration: none;
color: #fff;
font-size: .875rem
}
@media (min-width:768px) {
.main-navigation {
background: #1e1e1c;
width: calc(100% - 222px);
display: inline-block;
vertical-align: middle
}
.main-navigation #primary-menu li a,
.main-navigation .menu-navegacion-container li a {
text-transform: uppercase
}
.main-navigation #primary-menu li::after,
.main-navigation .menu-navegacion-container li::after {
display: none
}
.main-navigation .menu-busqueda,
.main-navigation .menu-links,
.main-navigation .menu-navegacion-container {
display: inline-block;
vertical-align: middle
}
.main-navigation .menu-links,
.main-navigation .menu-navegacion-container {
position: relative;
z-index: 2
}
.main-navigation .menu-busqueda {
position: relative;
z-index: 5
}
.main-navigation .menu-busqueda button {
border: none;
padding: 0
}
}
.menu-buttons {
float: right;
position: relative;
z-index: 5
}
.menu-toggle {
background: 0 0;
position: absolute;
border-radius: 50px;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
right: .5rem;
color: #fff;
padding: 1em;
-webkit-transition: background .3s ease;
transition: background .3s ease
}
.menu-toggle:active {
background: #646567
}
.menu-toggle:hover {
background: #4d4d4e;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background .3s ease;
transition: background .3s ease
}
.menu-toggle:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
background: #bdbcbc
}
.menu-toggle span {
font-size: 150%;
border-radius: 50px;
text-shadow: none
}
.menu-aside {
background: #1e1e1c;
max-width: 550px;
width: 100%;
height: 100vh;
position: fixed;
top: 0;
right: -550px;
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
z-index: 500
}
.menu-aside.toggled {
right: -550px;
-webkit-transform: translateX(-550px);
transform: translateX(-550px)
}
.menu-aside .close {
position: relative;
text-align: end;
width: 100%
}
.menu-aside .close .btn-x {
background: #1e1e1c;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
font-weight: 400;
font-size: 2rem;
text-align: end;
padding: 0;
margin: .85em 1.125em
}
.menu-aside-links {
padding: 1rem 4rem;
text-align: right
}
.menu-aside-links li {
margin-bottom: 5vh
}
.menu-aside-links li a {
font-size: calc(1rem + 1vw);
line-height: 2rem;
letter-spacing: .1em;
text-transform: uppercase;
color: #fff;
text-decoration: none
}
@media (min-width:768px) {
.menu-aside-links li {
margin-bottom: 2rem
}
.menu-aside-links li a {
font-size: 1.5rem
}
}
.menu-aside-links li a:hover::before {
content: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.791016 9.8033L0.862482 0.702637L8.43696 5.19799L0.791016 9.8033Z' fill='%23FECB00'/%3E%3C/svg%3E");
position: relative;
top: -4px;
margin-right: 1rem
}
.menu-busqueda-form {
background: #1e1e1c;
padding: 1.5em;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 4;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: -webkit-transform .25s ease-in-out;
transition: -webkit-transform .25s ease-in-out;
transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}
.menu-busqueda-form form {
position: relative;
left: 3em;
max-width: 520px;
margin: auto
}
.menu-busqueda-form form .search-field {
background: 0 0;
border: 1px solid #fff;
border-radius: 0;
color: #fff
}
.menu-busqueda-form form .search-submit {
display: none
}
.menu-busqueda-form.toggled {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.search-toggle {
display: block;
width: 40px;
float: right
}
.search-toggle:hover {
opacity: .8
}
.search-toggle img {
display: block;
max-width: 100%
}
#hidden-search {
display: none;
position: absolute;
right: 40px;
z-index: 2
}
#hidden-search input[type=search] {
height: 40px;
-webkit-box-shadow: 1px 10px 10px rgba(0, 0, 0, .1);
box-shadow: 1px 10px 10px rgba(0, 0, 0, .1);
border-radius: 0;
-webkit-appearance: none
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
margin: 0 0 1.5em;
overflow: hidden
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
float: left;
width: 50%
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%
}
.sticky {
display: block
}
.hentry {
margin: 0 0 1.5em
}
.center {
text-align: center
}
.byline,
.updated:not(.published) {
display: none
}
.group-blog .byline,
.single .byline {
display: inline
}
.entry-content,
.entry-summary,
.page-content {
margin: 1.5em 0 0
}
.entry-header img {
width: 100%
}
.entry-meta {
text-align: right
}
.entry-share-buttons {
margin-top: 3rem;
font-weight: 600
}
.entry-share-buttons button {
background: 0 0;
border: none;
padding: 0;
cursor: pointer
}
.entry-share-buttons .share-icon {
display: inline;
vertical-align: middle
}
.preloader {
position: relative;
background-color: inherit;
width: 100%;
height: 500px;
font-weight: 600;
text-align: center;
color: #646567
}
.preloader#mainpreloader {
position: fixed;
background-color: #e4e4e4;
height: 100vh;
z-index: 999
}
.preloader .logo-loader {
width: 160px
}
.preloader img {
display: block;
margin: 1rem auto
}
.preloader>div {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
#page {
position: relative;
overflow: hidden
}
.page-search-form {
padding: 1.5em 3em
}
.page-search-form form {
max-width: 520px;
margin: auto
}
.page-search-form form .search-submit {
display: none
}
.page-heading .page-title {
text-transform: uppercase;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.5rem;
text-align: center;
color: #1e1e1c;
margin: .5em 0
}
@media (min-width:768px) {
.page-heading .page-title {
font-size: 1.25rem;
line-height: 1.5rem;
text-align: center;
letter-spacing: .2em
}
}
.page-links {
clear: both;
margin: 0 0 1.5em
}
.page-content {
background: #fff;
min-height: 200px;
margin-top: 0;
padding-bottom: 3rem
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
line-height: 1
}
.page-content h1 {
font-size: 1.5rem;
font-weight: 600;
line-height: 2.5rem;
letter-spacing: .02em;
color: #4d4d4e;
margin: 1.5em 0
}
.page-content h2 {
font-size: 1.25rem;
text-align: left;
margin-bottom: 0;
margin-top: 1.5em
}
.page-content h2:after {
content: "";
display: none
}
.page-content h3 {
margin-top: 3em
}
.page-content blockquote {
font-style: italic;
font-size: 1.2rem;
color: #6d6d66;
margin-top: 1em;
margin-bottom: 1em;
position: relative
}
.page-content blockquote p {
width: 100%
}
.page-hero {
overflow: hidden;
position: relative
}
.page-hero img {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
line-height: 1
}
.page-info {
text-align: center
}
@media (min-width:768px) {
.page-info .texto-titulo {
max-width: 60%
}
.page-info .texto-titulo h2,
.page-info .texto-titulo p {
text-align: left
}
.page-info .icono-titulo {
position: absolute;
right: 0;
margin: 2em 6em
}
}
.icono-titulo {
text-align: center
}
.icono-titulo img {
width: auto;
height: 4rem
}
@media (min-width:768px) {
.icono-titulo img {
height: 8rem
}
}
.form-container form .col {
padding: 0
}
.form-container form .col .col {
padding: 1rem
}
@media (min-width:768px) {
.form-container form .col {
padding: 1rem
}
.form-container form .col .col {
padding: 0 1rem
}
}
.form-container form label {
display: block;
font-weight: 600;
margin-bottom: 1em
}
.proyect-hero.page-hero {
height: 200px
}
.card {
background: #fff;
padding: 0 1em
}
@media (min-width:768px) {
.card {
-webkit-box-shadow: 0 2px 8px rgba(214, 214, 214, .6);
box-shadow: 0 2px 8px rgba(214, 214, 214, .6);
border-radius: 20px;
padding: 2em 6em;
margin-bottom: 1em
}
}
.card.slick-slide {
margin: 1rem
}
.msg-central {
max-width: 650px;
font-size: 125%;
font-weight: 500;
text-align: center;
margin: 1em auto
}
@media (min-width:768px) {
.msg-central {
font-size: 180%
}
}
.bg-gris {
background: #f1f1f1
}
span.req {
color: red
}
.nota {
display: block;
color: #bdbcbc
}
.heading-tabs>ul {
overflow-x: auto;
overflow-y: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 1rem 2rem;
-ms-touch-action: auto;
touch-action: auto
}
@media (min-width:1024px) {
.heading-tabs>ul {
-ms-flex-pack: distribute;
justify-content: space-around
}
}
.heading-tabs>ul li {
text-align: center;
min-width: 120px;
width: 120px;
height: 120px;
border-radius: 10px;
-webkit-box-shadow: 0 3px 4px rgba(157, 157, 157, .15);
box-shadow: 0 3px 4px rgba(157, 157, 157, .15);
margin: 0 1rem;
padding: .5rem
}
.heading-tabs>ul li a {
font-size: 80%;
color: #1e1e1c;
line-height: 0;
text-decoration: none;
-ms-touch-action: auto;
touch-action: auto;
white-space: pre-wrap
}
@media (min-width:768px) {
.heading-tabs>ul li {
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
height: auto;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 1rem
}
.heading-tabs>ul li a {
font-size: 100%;
white-space: nowrap
}
.heading-tabs>ul li a i::before {
display: none
}
}
.heading-tabs>ul li.ui-tabs-active {
background: #4d4d4e
}
@media (min-width:768px) {
.heading-tabs>ul li.ui-tabs-active {
background: #1e1e1c
}
}
.heading-tabs>ul li.ui-tabs-active a {
color: #fff
}
.heading-tabs>ul li.ui-tabs-active i.scliente::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/clientes/scliente-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.postv::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/clientes/postv-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.basesp::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/clientes/basesp-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.canald::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/clientes/canald-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.departments::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/dyc-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.subsidy::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/subs-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.office::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/ofi-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.locals::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/localc-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.chances::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/oport-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.history::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/nosotros/history-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.directory::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/nosotros/directory-active.svg)
}
.heading-tabs>ul li.ui-tabs-active i.management::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/nosotros/management-active.svg)
}
.heading-tabs .tab-content {
padding: 2rem;
overflow-y: hidden
}
.heading-tabs .tab-content ul {
list-style: disc
}
.heading-tabs i::before {
display: block;
margin-top: 1.25rem;
margin-bottom: .5rem
}
.heading-tabs i.scliente::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/clientes/scliente.svg)
}
.heading-tabs i.postv::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/clientes/postv.svg)
}
.heading-tabs i.basesp::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/clientes/basesp.svg)
}
.heading-tabs i.canald::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/clientes/canald.svg)
}
.heading-tabs i.departments::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/dyc.svg)
}
.heading-tabs i.subsidy::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/subs.svg)
}
.heading-tabs i.office::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/ofi.svg)
}
.heading-tabs i.locals::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/localc.svg)
}
.heading-tabs i.chances::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/proyectos/oport.svg)
}
.heading-tabs i.history::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/nosotros/history.svg)
}
.heading-tabs i.directory::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/nosotros/directory.svg)
}
.heading-tabs i.management::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/nosotros/management.svg)
}
.horizontal-tabs>ul {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 !important;
-ms-touch-action: auto;
touch-action: auto
}
.horizontal-tabs>ul li {
list-style: none !important;
margin: 0
}
.horizontal-tabs>ul li a {
padding-left: 0;
display: block;
background: #f1f1f1;
color: #4d4d4e;
text-decoration: none;
text-align: center;
font-weight: 700;
padding: .5em 2em;
margin: 1px
}
.horizontal-tabs>ul li a:hover {
background: #eaeae8
}
.horizontal-tabs>ul li a.active {
background: #4d4d4e;
color: #fff
}
.horizontal-tabs>ul li.ui-tabs-active a {
background: #646567;
color: #fff
}
@media (min-width:768px) {
.horizontal-tabs>ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around
}
.horizontal-tabs>ul li a {
background: #fff;
color: #4d4d4e;
padding: .5em 2em;
margin: 1px
}
.horizontal-tabs>ul li a:hover {
background: #eaeae8
}
.horizontal-tabs>ul li a.active {
background: #4d4d4e;
color: #fff
}
.horizontal-tabs>ul li.ui-tabs-active a {
background: #4d4d4e;
color: #fff
}
}
.horizontal-tabs .tab-content h3 {
margin-top: 0
}
.horizontal-tabs .tab-content.active {
display: block
}
.generic-accordion {
margin-bottom: 1em
}
.generic-accordion .ui-accordion-header {
text-align: center
}
.generic-accordion .ui-accordion-header h2,
.generic-accordion .ui-accordion-header h3 {
display: inline-block;
vertical-align: middle
}
.generic-accordion .ui-accordion-header h3 {
font-size: 1em;
margin: .5em 0;
width: 100%
}
.generic-accordion .ui-accordion-header img {
height: 4em;
width: 4em
}
.generic-accordion .ui-accordion-header:after {
content: "Ver más >";
display: block
}
@media (min-width:768px) {
.generic-accordion {
background: #f1f1f1
}
.generic-accordion .ui-accordion-header {
text-align: left
}
.generic-accordion .ui-accordion-header h3 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 60%
}
.generic-accordion .ui-accordion-header:after {
content: "+";
position: absolute;
top: calc(50% - 25px);
right: 1rem;
vertical-align: middle;
background: #1e1e1c;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
font-size: 175%;
font-weight: 500;
line-height: 50px;
color: #fff
}
.generic-accordion .ui-accordion-header.ui-state-active::after {
content: "-"
}
.generic-accordion .ui-accordion-header img.ui-accordion-header-icon {
margin-right: 1rem
}
}
.ui-accordion .ui-accordion-content,
.ui-accordion .ui-accordion-header {
padding: 1em
}
.ui-accordion .ui-accordion-content ul,
.ui-accordion .ui-accordion-header ul {
list-style: disc
}
.descarga a::before {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/link-revisa.svg);
display: block;
text-align: center
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
background: rgba(0, 0, 0, .6);
-webkit-transition: all .4s ease;
transition: all .4s ease;
pointer-events: none
}
.active-overlay {
opacity: 1;
-webkit-transition: all .4s ease;
transition: all .4s ease;
pointer-events: all
}
.gform_wrapper form {
width: 100%
}
.gform_wrapper form .gform_title {
font-size: 1.5rem !important
}
.gform_wrapper form .gform_button {
background: #ffdc32;
border: 2px solid #ffdc32;
color: #1e1e1c;
font-weight: 500;
padding: .5em 2em
}
.gform_wrapper form .gform_button:hover {
background: #1e1e1c !important;
border: 2px solid #1e1e1c;
color: #fff !important
}
.fixed-links {
position: fixed;
top: calc(50vh - 10em);
right: 0;
z-index: 400
}
.fixed-links .item {
background: #1e1e1c;
border: .5px solid #646567;
width: 5em;
height: auto;
color: #fff;
text-align: center;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1rem;
margin-bottom: 1em
}
.fixed-links .item svg {
width: 50%;
margin-bottom: .5rem
}
.fixed-links .item span {
font-size: 80%
}
@media (min-width:480px) {
.fixed-links .item {
width: 6em
}
.fixed-links .item span {
font-size: 100%
}
}
.fixed-links .item:hover {
background: #ffdc32;
color: #1e1e1c;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.fixed-links .item:hover svg path {
stroke: #1e1e1c;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.fixed-links.invierte .item {
border-radius: 10px 0 0 10px
}
@media (min-width:480px) {
.fixed-links.invierte .item {
width: 8em
}
}
.fixed-links.invierte .item span {
font-size: 80%
}
.fixed-links.invierte .item:hover svg path {
fill: #1e1e1c;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
#footer {
background: #1e1e1c;
min-height: 200px;
color: #fff;
padding-top: 3em;
padding-bottom: 3em
}
#footer .footer-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width:768px) {
#footer .footer-columns {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
#footer .footer-columns ul li {
margin-bottom: 1.5rem
}
#footer .footer-columns a {
color: #fff;
text-decoration: none
}
#footer .footer-columns a:hover {
text-decoration: underline
}
#footer .footer-columns .footer-column ul {
position: relative;
padding: 0
}
#footer .footer-columns .footer-column.links {
display: none
}
@media (min-width:768px) {
#footer .footer-columns .footer-column.links {
display: block
}
}
#footer .footer-columns .footer-column.contacto ul {
padding-left: 2rem
}
#footer .footer-columns .footer-column.contacto ul li::before {
position: absolute;
left: 0
}
#footer .footer-columns .footer-column.contacto ul li.tel::before {
content: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.20875 8.72074C5.80875 11.8652 8.38652 14.4319 11.531 16.043L13.9754 13.5985C14.2754 13.2985 14.7199 13.1985 15.1087 13.3319C16.3532 13.743 17.6976 13.9652 19.0754 13.9652C19.6865 13.9652 20.1865 14.4652 20.1865 15.0763V18.9541C20.1865 19.5652 19.6865 20.0652 19.0754 20.0652C8.64208 20.0652 0.186523 11.6096 0.186523 1.1763C0.186523 0.565186 0.686523 0.0651855 1.29763 0.0651855H5.18652C5.79763 0.0651855 6.29763 0.565186 6.29763 1.1763C6.29763 2.56519 6.51986 3.89852 6.93097 5.14296C7.05319 5.53185 6.9643 5.96519 6.65319 6.2763L4.20875 8.72074Z' fill='white'/%3E%3C/svg%3E")
}
#footer .footer-columns .footer-column.contacto ul li.email::before {
content: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1765 7.67578C20.1765 6.95578 19.8065 6.32578 19.2365 5.97578L10.1865 0.675781L1.13652 5.97578C0.566523 6.32578 0.186523 6.95578 0.186523 7.67578V17.6758C0.186523 18.7758 1.08652 19.6758 2.18652 19.6758H18.1865C19.2865 19.6758 20.1865 18.7758 20.1865 17.6758L20.1765 7.67578ZM10.1865 12.6758L1.92652 7.51578L10.1865 2.67578L18.4465 7.51578L10.1865 12.6758Z' fill='white'/%3E%3C/svg%3E")
}
#footer .footer-columns .footer-column.contacto ul li.address::before {
content: url("data:image/svg+xml,%3Csvg width='21' height='29' viewBox='0 0 21 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1865 0.286133C4.65795 0.286133 0.186523 4.75756 0.186523 10.2861C0.186523 17.7861 10.1865 28.8576 10.1865 28.8576C10.1865 28.8576 20.1865 17.7861 20.1865 10.2861C20.1865 4.75756 15.7151 0.286133 10.1865 0.286133ZM10.1865 13.8576C8.21509 13.8576 6.6151 12.2576 6.6151 10.2861C6.6151 8.3147 8.21509 6.7147 10.1865 6.7147C12.158 6.7147 13.758 8.3147 13.758 10.2861C13.758 12.2576 12.158 13.8576 10.1865 13.8576Z' fill='white'/%3E%3C/svg%3E")
}
#footer .footer-columns .footer-column.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
#footer .footer-columns .footer-column.social #footer-link-home img,
#footer .footer-columns .footer-column.social .custom-logo-link img {
width: 225px;
height: auto
}
#footer .footer-columns .footer-column.social ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
@media (min-width:768px) {
#footer .footer-columns .footer-column.social ul {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
}
#footer .footer-columns .footer-column.social ul li {
margin-bottom: 0
}
#footer .footer-navigation {
text-align: center;
width: 100%;
max-width: 992px;
margin: 2rem auto
}
#footer .footer-navigation ul {
padding-left: 0
}
@media (min-width:768px) {
#footer .footer-navigation {
margin: 0 auto 4rem
}
#footer .footer-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: distribute;
justify-content: space-around
}
}
#footer .footer-navigation a {
color: #ffdc32
}
#btn-gotop {
position: fixed;
right: 1rem;
bottom: 2rem;
cursor: pointer;
-webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
-webkit-transition: background-color .3s, opacity .5s, visibility .5s;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000
}
#btn-gotop.show {
opacity: 1;
visibility: visible
}
.copyright {
font-size: 80%;
text-align: center
}
.comment-content a {
word-wrap: break-word
}
.bypostauthor {
display: block
}
.widget {
margin: 0 0 1.5em
}
.widget select {
max-width: 100%
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}
.custom-logo-link {
display: inline-block
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption .wp-caption-text {
margin: .8075em 0
}
.wp-caption-text {
text-align: center
}
.gallery {
margin-bottom: 1.5em
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%
}
.gallery-columns-2 .gallery-item {
max-width: 50%
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%
}
.gallery-columns-4 .gallery-item {
max-width: 25%
}
.gallery-columns-5 .gallery-item {
max-width: 20%
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%
}
.gallery-caption {
display: block
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
color: #7a7975;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
#content[tabindex="-1"]:focus {
outline: 0
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
content: "";
display: table;
table-layout: fixed
}
.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
clear: both
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none
}
.infinity-end.neverending .site-footer {
display: block
}
#hero {
position: relative;
color: #fff;
text-align: center
}
#hero .home-slides-container {
background: #f1f1f1;
width: 100%;
height: auto;
margin-bottom: 0
}
#hero .home-slides-container .slide {
position: relative
}
#hero .home-slides-container .slide img {
width: 100%;
height: auto
}
@media (min-width:768px) {
#hero .home-slides-container .slide img {
max-height: 100vh;
-o-object-fit: cover;
object-fit: cover
}
}
#hero .home-slides-container .slide-caption {
position: absolute;
width: 70%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 1em
}
#hero .home-slides-container .slide-caption .titulo {
position: relative;
font-size: calc(.25rem + 4vw);
font-weight: 500;
text-transform: uppercase;
line-height: 1;
letter-spacing: .07em;
text-shadow: 0 0 20px rgba(0, 0, 0, .2);
margin: 0
}
#hero .home-slides-container .slide-caption span.subtitulo {
font-size: calc(.15rem + .75vw);
text-transform: uppercase;
letter-spacing: .2em;
line-height: 1;
color: #fff;
position: relative
}
#hero .home-slides-container .slide-caption a.btn {
font-size: calc(.15rem + 1vw);
border: 2px solid #fff;
color: #fff;
padding: 1% 3%;
margin-top: 1rem
}
#hero .slick-dots {
bottom: 20px
}
#hero .slick-dots li button:before {
background-color: transparent
}
#hero .slick-dots.slick-active button:before {
background-color: #fff
}
#buscadorProyectos .buscador-home-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width:768px) {
#buscadorProyectos .buscador-home-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
#buscadorProyectos .searchCaption {
background-color: #1e1e1c;
-ms-flex-preferred-size: 480px;
flex-basis: 480px;
padding: 4em;
display: none
}
#buscadorProyectos .searchCaption h4 {
font-weight: 400;
color: #fff
}
#buscadorProyectos .searchCaption p {
font-size: 1.5rem;
color: #fff
}
#buscadorProyectos .searchCaption .iconos img:not(:last-child) {
margin-right: 3rem
}
@media (min-width:768px) {
#buscadorProyectos .searchCaption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around
}
}
@media (min-width:1440px) {
#buscadorProyectos .searchCaption {
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
}
#buscadorProyectos .searchForm {
background-color: #1e1e1c;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 3em
}
#buscadorProyectos .searchForm form {
max-width: 550px;
margin: auto
}
#buscadorProyectos .searchForm form .field {
width: 100%
}
#buscadorProyectos .searchForm form .field label {
color: #fff
}
#buscadorProyectos .searchForm form .field select {
width: inherit;
height: 3em
}
#buscadorProyectos .searchForm form .field>div.nice-select {
margin-bottom: 2em;
height: 3.5em;
line-height: 3.5em
}
#buscadorProyectos .searchForm form .btn-submit {
display: block;
font-size: 1.375rem;
border: 2px solid #fff;
border-radius: 5px;
width: 100%;
height: 56px
}
#buscadorProyectos.mobile .searchForm {
background: #fff
}
#buscadorProyectos.mobile .searchForm form .field label {
color: #1e1e1c
}
#buscadorProyectos.mobile .searchForm form .btn-submit {
border: 2px solid #1e1e1c;
color: #1e1e1c
}
#buscadorProyectos.mobile .searchForm form select {
border-color: #ffdc32
}
#clientes {
background-color: inherit;
min-height: 320px;
position: relative;
padding-bottom: 3em
}
#clientes .clientes-bg {
width: 100%;
height: 240px;
-o-object-fit: cover;
object-fit: cover
}
@media (min-width:768px) {
#clientes .clientes-bg {
height: 400px
}
}
#clientes #clientes-links {
max-width: 1024px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
position: relative;
margin-top: -5.5em;
padding: 1em
}
#clientes #clientes-links a {
position: relative;
-webkit-box-shadow: 0 3px 4px rgba(157, 157, 157, .15);
box-shadow: 0 3px 4px rgba(157, 157, 157, .15);
border-radius: 10px;
max-width: 125px;
width: 100%;
height: 125px
}
@media (min-width:768px) {
#clientes #clientes-links a {
max-width: 500px;
height: 200px
}
}
#clientes #clientes-links a>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
@media (min-width:768px) {
#clientes #clientes-links a>div {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
#clientes #clientes-links a>div svg {
width: auto;
height: 50%
}
@media (min-width:768px) {
#clientes #clientes-links a>div svg {
margin-right: 3em
}
}
#clientes #clientes-links a>div span {
font-weight: 500;
text-align: center;
margin-top: 1rem
}
@media (min-width:768px) {
#clientes #clientes-links a>div span {
text-transform: uppercase;
letter-spacing: 5px;
margin-top: 0
}
}
#clientes #clientes-links a>div span::after {
margin-left: .5rem;
content: ">"
}
@media (min-width:768px) {
#clientes #clientes-links a>div span::after {
content: "→"
}
}
#clientes #clientes-links a:hover svg path {
stroke: #fff
}
#clientes #clientes-links a:hover span {
color: #fff
}
#recent-projects {
min-height: 200px
}
#recent-projects .recent-projects-container {
width: 100%;
padding: 0 2rem
}
#recent-projects .recent-projects-container .project {
max-width: 100%;
margin: 2rem auto
}
#recent-projects .recent-projects-container .slick-track {
margin: 0 auto
}
@media (min-width:768px) {
#recent-projects .recent-projects-container .project {
margin: 0
}
}
@media (min-width:768px) {
#recent-projects h2 {
padding-top: 2em
}
}
@media (min-width:768px) {
#nosotros-tabs>ul {
-ms-flex-pack: distribute;
justify-content: space-around
}
}
#nosotros-tabs .tab-content {
padding: 2em 0
}
@media (min-width:768px) {
#nosotros-tabs .tab-content h2,
#nosotros-tabs .tab-content h3 {
font-size: revert;
text-align: left
}
}
#nosotros-tabs .page-hero {
display: none
}
@media (min-width:768px) {
#nosotros-tabs .page-hero {
display: block
}
}
#nosotros-tabs .page-info .texto-titulo {
max-width: 100%
}
#trabaja-con-nosotros {
background: #fecB001A;
min-height: 100px;
text-align: center;
padding-top: 3em;
padding-bottom: 3em
}
@media (min-width:768px) {
#trabaja-con-nosotros h2 {
font-weight: 500;
font-size: 1.5rem;
line-height: 2rem;
text-align: center !important;
text-transform: uppercase;
letter-spacing: .2em;
margin-bottom: 1em;
clear: initial;
position: relative
}
#trabaja-con-nosotros p {
font-size: 1.25rem;
line-height: 2rem;
color: #4d4d4e
}
#trabaja-con-nosotros .icono-titulo img {
height: 4rem;
position: absolute;
left: 2rem
}
}
#trabaja-con-nosotros a {
font-size: 1.25rem;
line-height: 2rem;
display: block
}
#trabaja-con-nosotros a:hover {
background: #6d6d66
}
#Historia #mapa-armas h3 {
float: left;
margin: 0
}
#Historia #mapa-armas .logo-historia {
float: right
}
#Historia #mapa-armas .mapa-container {
text-align: center;
padding: 2em 0
}
#Historia #mapa-armas .mapa-container .mapa-armas {
clear: both;
position: relative;
max-width: 1024px;
margin: 0 auto
}
#Historia #mapa-armas .mapa-container .mapa-armas div {
position: relative
}
#Historia #mapa-armas .mapa-container .mapa-armas div:hover::after {
-webkit-transform: scale(1.25);
transform: scale(1.25)
}
#Historia #mapa-armas .mapa-container .mapa-armas div::after {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/planta-lupa.png);
position: absolute;
top: calc(50% - 33px);
left: calc(50% - 33px);
-webkit-transition: all .4s ease;
transition: all .4s ease
}
#Historia #mapa-armas .project-map-info {
background: #ffdc32;
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
cursor: pointer
}
#Historia #mapa-armas .project-map-info:hover {
background: #bdbcbc
}
#Historia #mapa-armas .tt-content-container {
display: none
}
#Historia #conocenos-proposito-valores-historia {
min-height: 300px;
margin-top: 1em
}
#Historia #conocenos-proposito-valores-historia .tab-content {
background: #4d4d4e;
color: #fff;
padding: 3em 2em
}
@media (min-width:768px) {
#Historia #conocenos-proposito-valores-historia .tab-content h3 {
font-weight: 500;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: .2em;
margin-bottom: 2em
}
}
#Historia #conocenos-proposito-valores-historia .tab-content h3:not(:first-child) {
margin-top: 3em
}
#Historia #conocenos-proposito-valores-historia .tab-content ol li:not(:last-child) {
margin-bottom: 1em
}
#Gerencia .member-group {
text-align: center
}
@media (min-width:768px) {
#Gerencia .member-group:nth-child(even) {
background: #646567;
color: #fff
}
#Gerencia .member-group:nth-child(even) svg path {
fill: #fff
}
}
#Gerencia .member-group .container {
padding: 2em
}
#Gerencia .member-group .row {
text-align: center;
row-gap: 4em
}
@media (min-width:768px) {
#Gerencia .member-group .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
#Gerencia .member-group .nombre {
font-weight: 700;
text-align: center;
margin-bottom: 0
}
#Gerencia .member-group .cargo {
font-weight: 600;
margin-top: 0
}
#Gerencia .member-group .foto img {
width: 135px;
height: 135px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
-webkit-box-shadow: 0 0 2px #646567;
box-shadow: 0 0 2px #646567
}
@media (min-width:768px) {
#Gerencia .member-group .foto {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
text-align: center
}
#Gerencia .member-group .foto img {
width: 250px;
height: 250px
}
}
#Gerencia .member-group .info {
padding: 0 1rem
}
#Gerencia .member-group .info .nombre {
margin-top: 0
}
@media (min-width:768px) {
#Gerencia .member-group .info {
font-size: 1.25rem
}
}
#Gerencia .member-group .linkedin {
-ms-flex-item-align: center;
align-self: center
}
#Directorio .member {
text-align: center
}
@media (min-width:768px) {
#Directorio .member:nth-child(even) {
background: #646567;
color: #fff
}
#Directorio .member:nth-child(even) svg path {
fill: #fff
}
}
#Directorio .member .container {
padding: 2em
}
#Directorio .member .row {
text-align: center;
row-gap: 4em
}
@media (min-width:768px) {
#Directorio .member .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
#Directorio .member .nombre {
font-weight: 700;
text-align: center;
margin-bottom: 0
}
#Directorio .member .cargo {
font-weight: 600;
margin-top: 0
}
#Directorio .member .foto img {
width: 135px;
height: 135px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
-webkit-box-shadow: 0 0 2px #646567;
box-shadow: 0 0 2px #646567
}
@media (min-width:768px) {
#Directorio .member .foto {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
text-align: center
}
#Directorio .member .foto img {
width: 250px;
height: 250px
}
}
#Directorio .member .info {
padding: 0 1rem
}
#Directorio .member .info .nombre {
margin-top: 0
}
@media (min-width:768px) {
#Directorio .member .info {
font-size: 1.25rem
}
}
#Directorio .member .linkedin {
-ms-flex-item-align: center;
align-self: center
}
#clientes-tabs .tab-content {
padding: 2em 0
}
#clientes-tabs .tab-content h2 {
font-size: 125%
}
#clientes-tabs .tab-content h3 {
text-align: center
}
@media (min-width:768px) {
#clientes-tabs .tab-content h2,
#clientes-tabs .tab-content h3 {
font-size: revert;
text-align: left
}
}
#clientes-tabs .tab-content .fig-container {
width: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
#clientes-tabs .tab-content .fig-container figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
#clientes-tabs .tab-content .fig-container img {
width: 32px;
height: 32px;
max-width: 32px
}
#clientes-tabs .tab-content .fig-container figcaption {
vertical-align: top;
padding-left: .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media (min-width:768px) {
#clientes-tabs .tab-content .fig-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#clientes-tabs .tab-content .fig-container figure {
width: 33%;
margin: 0;
padding: 1rem
}
}
#clientes-tabs .page-hero {
display: none
}
@media (min-width:768px) {
#clientes-tabs .page-hero {
display: block
}
}
#clientes-tabs .clientes-descargas .descargas-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 400px));
-ms-flex-pack: distribute;
justify-content: space-around
}
#clientes-tabs .clientes-descargas .descarga {
background: #fff;
width: 85%;
text-align: center;
padding: 0;
margin: 1rem auto
}
#clientes-tabs .clientes-descargas .descarga-titulo {
font-weight: 500;
margin: 0
}
#clientes-tabs .clientes-descargas .descarga-tamano {
font-size: 75%;
color: #bdbcbc
}
#clientes-tabs .clientes-descargas .descarga a {
color: #1e1e1c
}
@media (min-width:768px) {
#clientes-tabs .clientes-descargas .descarga {
padding: 2em 1em
}
}
#clientes-tabs .clientes-horarios a,
#clientes-tabs .clientes-horarios figcaption {
color: #1e1e1c !important
}
#ServicioCliente .scliente-slides-container .card {
text-align: center
}
#ServicioCliente .scliente-slides-container .card p {
text-align: left
}
@media (min-width:768px) {
#ServicioCliente .scliente-slides-container .card {
text-align: left;
padding: 1em 4em;
margin: 1em
}
}
#ServicioCliente .scliente-slides-container li {
list-style: disc
}
@media (min-width:768px) {
#PostVenta .postventa-seccion .icono-titulo {
margin: 2em 0;
width: 50%
}
#PostVenta .postventa-seccion .icono-titulo.left {
float: left
}
#PostVenta .postventa-seccion .icono-titulo.right {
float: right
}
#PostVenta .postventa-seccion .texto-titulo {
text-align: left;
float: left;
max-width: 50%
}
}
#PostVenta .postventa-slides-container {
padding: 0;
clear: both
}
#PostVenta .postventa-slides-container .slick-slide {
padding: 2em
}
@media (min-width:768px) {
#PostVenta .postventa-slides-container .slick-slide {
padding: 2em 6em
}
}
#PostVenta .postventa-links .card {
text-align: center;
margin: 0 -3em;
padding: 2em 4em
}
@media (min-width:768px) {
#PostVenta .postventa-links .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 40%;
text-align: left;
padding: 4em;
margin: 0
}
}
#PostVenta .postventa-links .card img {
height: 4rem;
width: auto
}
#PostVenta .postventa-links .card .col {
text-align: center;
padding: 1rem 0
}
#PostVenta .postventa-links .card:hover {
background: #fff4ea;
-webkit-transition: background .25s ease;
transition: background .25s ease
}
#PostVenta .postventa-links-container {
width: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width:768px) {
#PostVenta .postventa-links-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em
}
}
#PostVenta .postventa-tutoriales {
text-align: center
}
#PostVenta .postventa-tutoriales .col {
padding: 0 .5rem
}
#BasesPromocionales .clientes-descargas h3 {
text-align: center
}
@media (min-width:768px) {
#Proveedores .proveedores-slides-container .card {
margin: 1em
}
}
.projects-results-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
width: 100%;
height: auto
} .projects-results-container.home-projects-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
@media screen and (min-width: 768px) {
.projects-results-container.home-projects-grid {
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
}
.projects-results-container .slick-slide {
position: relative
}
.projects-results-container .slick-slide>div {
margin: 0;
height: 100%
}
@media (min-width:768px) {
.projects-results-container .slick-slide {
margin-bottom: 4em
}
}
.projects-results-container .slick-next,
.projects-results-container .slick-prev {
top: auto;
-webkit-transform: none;
transform: none;
bottom: 0
}
.projects-results-container .slick-next {
right: 30%;
margin-left: auto
}
.projects-results-container .slick-prev {
left: 30%;
margin-right: auto
}
.heading-tabs#projects-results-tabs ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.heading-tabs#projects-results-tabs ul li a {
position: relative;
top: calc(50% - 24px)
}
@media (min-width:768px) {
.heading-tabs#projects-results-tabs ul li a {
top: auto
}
}
.tab-content#Todos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width:768px) {
.tab-content#Todos {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.tab-content#Todos .filters-left {
background-color: #fff;
width: 100%;
position: fixed;
top: 0;
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
height: calc(100vh - 64px);
padding: 3rem;
overflow-y: auto;
z-index: 10
}
.tab-content#Todos .filters-left .filter-check {
margin-bottom: .5rem
}
.tab-content#Todos .filters-left.open {
-webkit-transform: translateX(0);
transform: translateX(0)
}
@media screen and (min-width:768px) {
.tab-content#Todos .filters-left {
position: relative;
display: block;
height: auto;
width: auto;
min-width: 260px;
-webkit-transform: none;
transform: none;
padding: 1rem;
overflow-y: hidden
}
}
.tab-content#Todos .filters-left .btn-close {
background: 0 0;
position: absolute;
top: 0;
right: 0;
font-weight: 700;
color: #1e1e1c;
padding: 2rem
}
@media screen and (min-width:768px) {
.tab-content#Todos .filters-left .btn-close {
display: none
}
}
.tab-content#Todos .filter-mobile {
text-align: center;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 5
}
.tab-content#Todos .filter-mobile .btn {
font-size: 1.25rem;
font-weight: 600;
width: inherit;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color: #fff
}
.tab-content#Todos .filter-mobile svg {
vertical-align: middle
}
@media screen and (min-width:768px) {
.tab-content#Todos .filter-mobile {
display: none
}
}
.project {
background: inherit;
overflow: hidden;
max-width: 360px;
width: 100%;
height: 500px;
position: relative;
padding: 1em;
margin: auto;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.project:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: all .4s ease;
transition: all .4s ease;
-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, .2);
box-shadow: 1px 5px 10px rgba(0, 0, 0, .2)
} .home-projects-grid .project {
max-width: none;
min-height: 400px;
}
@media screen and (max-width: 767px) {
.home-projects-grid .project {
height: 450px;
min-height: 350px;
}
}
.project .project-img {
background: 0 0;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
z-index: 2
}
.project .project-img img {
margin: 0 !important;
width: inherit;
height: inherit;
-o-object-fit: cover;
object-fit: cover
}
.project .project-img::after {
content: "";
position: absolute;
background: #1e1E1C80;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.project .project-subsidio {
position: absolute;
top: 1rem;
right: 1rem;
border: 1px solid #fff;
border-radius: 10px;
color: #fff;
padding: .5em 1em;
z-index: 5
}
.project .project-subsidio::before {
content: url("data:image/svg+xml,%3Csvg width='29' height='26' viewBox='0 0 29 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.85742 12.0159C13.9961 11.1729 18.013 6.8525 18.013 1.58377C18.013 0.319273 20.9345 0.10855 21.7866 2.53217C22.6387 5.2719 21.2997 7.59015 20.2041 9.90839H25.5601' stroke='%23FFDC32' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.4381 9.90845C26.6554 9.90845 27.6291 10.7514 27.6291 11.8052C27.6291 12.8589 26.6554 13.7019 25.4381 13.7019H24.9512' stroke='%23FFDC32' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.9498 13.5966C26.1671 13.5966 27.1408 14.4395 27.1408 15.4933C27.1408 16.547 26.1671 17.39 24.9498 17.39H24.4629' stroke='%23FFDC32' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.8561 17.2847C25.0733 17.2847 26.0472 18.1277 26.0472 19.1814C26.0472 20.2351 25.0733 21.0781 23.8561 21.0781H23.3691' stroke='%23FFDC32' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.951 13.5966C26.1683 13.5966 27.142 14.4395 27.142 15.4933C27.142 16.547 26.1683 17.39 24.951 17.39H23.8555' stroke='%23FFDC32' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.369 24.2393H17.5262H15.9437C13.7526 24.2393 9.85742 22.5533 9.85742 22.5533' stroke='%23FFDC32' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.8801 20.9727H23.1237C24.0975 20.9727 24.9495 21.7103 24.9495 22.5533C24.9495 23.3963 24.0975 24.1339 23.1237 24.1339H22.2715' stroke='%23FFDC32' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.63949 24.6609H2.5532C1.82284 24.6609 1.33594 24.2394 1.33594 23.6071V10.9622C1.33594 10.3299 1.82284 9.90845 2.5532 9.90845H8.63949C9.36984 9.90845 9.85675 10.3299 9.85675 10.9622V23.6071C9.85675 24.2394 9.36984 24.6609 8.63949 24.6609Z' stroke='%23FFDC32' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
display: inline-block;
vertical-align: middle;
margin-right: .5rem
}
.project .project-info {
text-align: left;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 2em;
z-index: 5
}
.project .project-info span {
display: inline-block
}
.project .project-info .project-name {
color: #fff;
text-transform: uppercase;
font-size: 1.375rem;
line-height: 1.5rem;
letter-spacing: .1em;
margin-bottom: 1rem
}
.project .project-info .project-comuna {
color: #fff;
text-transform: uppercase;
line-height: 2;
letter-spacing: .1em;
border-right: 1px solid #fff;
padding-right: .5rem;
margin-right: .5rem
}
.project .project-info .project-type {
font-weight: 500;
text-transform: uppercase;
white-space: nowrap;
border-radius: 4px;
padding: .25rem .5rem
}
.project .project-info .project-type.azul {
background: #3575b0;
color: #fff
}
.project .project-info .project-type.blanco {
background: #fff;
color: #1e1e1c;
border: .5px solid #646567
}
.project .project-info .project-type.verde {
background: #00a67e;
color: #fff
}
.project .project-info .project-type.inmediata {
background: #ffdc32;
color: #1e1e1c
}
.project .project-info .project-type.proxima {
background: #ffdc32;
color: #fff
}
.project .project-info .project-type.realizado {
background: #646567;
color: #fff
}
.project .project-info a.btn-cotizar {
background: #fff;
color: #1e1e1c;
text-decoration: none;
text-align: center;
display: block;
width: 200px;
margin: 1rem 0;
padding: 1em;
-webkit-transition: all .6s ease;
transition: all .6s ease
}
.project .project-info a.btn-cotizar:hover {
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.project .project-info a.btn-cotizar::after {
content: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51329 0.85073L15.3828 7.65942' stroke='%231E1E1C' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M9.51329 14.4683L15.3828 7.65957' stroke='%231E1E1C' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M0.382972 7.65943L15.3828 7.65942' stroke='%231E1E1C' stroke-miterlimit='10'/%3E%3C/svg%3E");
margin-left: 2rem;
display: inline;
vertical-align: middle
} @media (max-width:767px) {
.project .project-info a.btn-cotizar::after {
margin-left: 8px;
font-size: 18px;
}
}
.project .project-type-info {
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.21875 4.33301H8.71875V5.83301H7.21875V4.33301ZM7.21875 7.33301H8.71875V11.833H7.21875V7.33301ZM7.96875 0.583008C3.82875 0.583008 0.46875 3.94301 0.46875 8.08301C0.46875 12.223 3.82875 15.583 7.96875 15.583C12.1088 15.583 15.4688 12.223 15.4688 8.08301C15.4688 3.94301 12.1088 0.583008 7.96875 0.583008ZM7.96875 14.083C4.66125 14.083 1.96875 11.3905 1.96875 8.08301C1.96875 4.77551 4.66125 2.08301 7.96875 2.08301C11.2762 2.08301 13.9688 4.77551 13.9688 8.08301C13.9688 11.3905 11.2762 14.083 7.96875 14.083Z' fill='white'/%3E%3C/svg%3E%0A");
margin-left: 6px
}
.project-tooltip-azul {
background: #fff;
border-top: 5px solid #3575b0;
border-left: 10px solid #3575b0;
border-radius: 4px
}
.project-tooltip-blanco {
background: #fff;
border-top: 5px solid #bdbcbc;
border-left: 10px solid #bdbcbc;
border-radius: 4px
}
.project-tooltip-verde {
background: #fff;
border-top: 5px solid #04e0ac;
border-left: 10px solid #04e0ac;
border-radius: 4px
}
.project-tooltip-inmediata {
background: #fff;
border-top: 5px solid #ffdc32;
border-left: 10px solid #ffdc32;
border-radius: 4px
}
.project-tooltip-proxima {
background: #fff;
border-top: 5px solid #ffdc32;
border-left: 10px solid #ffdc32;
border-radius: 4px
}
.project-tooltip-realizado {
background: #fff;
border-top: 5px solid #646567;
border-left: 10px solid #646567;
border-radius: 4px
}
.heading-tabs#projects-tabs>ul li a[href="#Todos"] {
position: relative;
top: calc(50% - 24px)
}
@media (min-width:768px) {
.heading-tabs#projects-tabs>ul li a[href="#Todos"] {
top: auto
}
}
section[class^=proyecto-] {
margin-bottom: 2em
}
.page-heading .datos-generales {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-align: center;
margin: auto
}
.page-heading .datos-generales span {
line-height: 2;
white-space: nowrap;
padding: 1rem
}
.page-heading .datos-generales .project-type {
font-weight: 500;
text-transform: uppercase;
border-radius: 4px;
padding: .25rem .5rem
}
.page-heading .datos-generales .project-type.blanco {
background: #fff;
color: #1e1e1c;
border: .5px solid #646567
}
.page-heading .datos-generales .project-type.verde {
background: #00a67e;
color: #fff
}
.page-heading .datos-generales .project-type.inmediata {
background: #ffdc32;
color: #1e1e1c
}
.page-heading .datos-generales .project-type.azul {
background: #3575b0;
color: #fff
}
.page-heading .datos-generales .project-type.proxima {
background: #ffdc32;
color: #fff
}
.page-heading .datos-generales .project-type.realizado {
background: #646567;
color: #fff
}
.proyecto-hero {
background: 0 0;
position: relative;
overflow: hidden
}
.proyecto-hero .container {
position: relative;
padding: 0
}
.proyecto-hero>img {
height: 100%;
max-height: 640px;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.proyecto-hero .proyecto-detalles {
width: 100%;
background: #f1f1f1;
color: #535353;
padding: 1em 0
}
@media (min-width:768px) {
.proyecto-hero .proyecto-detalles h2 {
display: none
}
}
.proyecto-hero .proyecto-detalles-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (min-width:480px) {
.proyecto-hero .proyecto-detalles-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 0
}
}
@media (min-width:768px) {
.proyecto-hero .proyecto-detalles-inner {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.proyecto-hero .proyecto-detalles-inner>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 240px;
padding: 1em
}
@media (min-width:480px) {
.proyecto-hero .proyecto-detalles-inner>div {
width: 50%
}
}
@media (min-width:768px) {
.proyecto-hero .proyecto-detalles-inner>div {
width: 25%
}
}
.proyecto-hero .proyecto-detalles-inner img {
margin-right: 1rem;
display: block;
width: 20px;
height: auto
}
@media (min-width:768px) {
.proyecto-hero .proyecto-detalles-inner img {
width: auto;
height: 32px
}
}
.proyecto-hero .proyecto-detalles-inner .precio {
padding: 0
}
.proyecto-gallery-slider {
position: relative;
overflow: hidden
}
.proyecto-gallery-slider .galeria-container {
background-color: #f1f1f1
}
.proyecto-gallery-slider #proyecto-galeria-full {
position: relative
}
.proyecto-gallery-slider #proyecto-galeria-full:hover .next-arrow,
.proyecto-gallery-slider #proyecto-galeria-full:hover .prev-arrow {
opacity: 1
}
.proyecto-gallery-slider #proyecto-galeria-full .slick-slide {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-align: center
}
.proyecto-gallery-slider #proyecto-galeria-full .slick-slide>div.item {
padding: 0;
margin: auto
}
.proyecto-gallery-slider #proyecto-galeria-full .slick-slide>div.item .img-fill {
text-align: center;
height: 300px
}
@media (min-width:768px) {
.proyecto-gallery-slider #proyecto-galeria-full .slick-slide>div.item .img-fill {
height: 420px
}
}
.proyecto-gallery-slider #proyecto-galeria-full .slick-slide>div.item .img-fill a,
.proyecto-gallery-slider #proyecto-galeria-full .slick-slide>div.item .img-fill>div {
width: 100%;
height: 100% !important
}
.proyecto-gallery-slider #proyecto-galeria-full .slick-slide>div.item:hover .img-fill img {
opacity: 1
}
.proyecto-gallery-slider #proyecto-galeria-full .slick-slide>div.item.slick-center img {
opacity: 1
}
.proyecto-gallery-slider #proyecto-galeria-full img {
position: relative;
max-width: 100%;
max-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: contain;
object-fit: contain
}
.proyecto-gallery-slider #proyecto-galeria-full .caption-total {
background: #000;
position: absolute;
color: #fff;
bottom: 5%;
left: calc(50% - 1.5rem);
padding: .25rem 1.5rem
}
.proyecto-gallery-slider #proyecto-galeria-full .caption {
width: 100%;
position: relative;
text-align: center;
display: block;
opacity: 1;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.proyecto-gallery-slider #proyecto-galeria-full .caption.hide {
opacity: 0
}
.proyecto-gallery-slider #proyecto-galeria-min {
position: relative;
top: auto;
left: 0;
width: 100%;
z-index: 4;
-webkit-transition: all .8s;
transition: all .8s;
margin: 0;
padding: 13px 0;
display: none;
overflow: hidden
}
@media (min-width:768px) {
.proyecto-gallery-slider #proyecto-galeria-min {
display: block
}
}
.proyecto-gallery-slider #proyecto-galeria-min .slick-current {
-webkit-filter: opacity(.35);
filter: opacity(.35);
position: relative;
z-index: 4;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.proyecto-gallery-slider .slick-slider {
margin: 0;
padding: 0 !important;
cursor: pointer
}
.proyecto-gallery-slider .slick-slider .slick-prev {
left: 1rem
}
.proyecto-gallery-slider .slick-slider .slick-next {
right: 1rem
}
@media (min-width:768px) {
.proyecto-gallery-slider .slick-slider .slick-prev {
left: 6rem
}
.proyecto-gallery-slider .slick-slider .slick-next {
right: 6rem
}
}
.proyecto-gallery-slider .slick-slide {
outline: 0
}
.proyecto-plantas .plantas-container {
display: grid;
grid-template-columns: auto
}
.proyecto-plantas .plantas-container .planta-individual {
position: relative;
-webkit-transition: all .4s ease;
transition: all .4s ease;
padding: 0 1em;
margin-bottom: 2em
}
.proyecto-plantas .plantas-container .planta-plano {
background: 0 0;
width: 100%;
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 320px
}
.proyecto-plantas .plantas-container .planta-plano a::after {
content: url(//www.iarmas.cl/wp-content/themes/iarmas2021/img/planta-lupa.png);
position: absolute;
top: calc(50% - 33px);
left: calc(50% - 33px);
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.proyecto-plantas .plantas-container .planta-plano:hover a::after {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.proyecto-plantas .plantas-container .planta-plano img {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 50%;
object-position: 50% 50%;
margin: auto;
width: 100%;
max-height: 320px
}
.proyecto-plantas .plantas-container .planta-detalle .barra-precio {
width: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 65px
}
.proyecto-plantas .plantas-container .planta-detalle .barra-precio .planta-desde,
.proyecto-plantas .plantas-container .planta-detalle .barra-precio a {
margin: 0;
height: inherit
}
.proyecto-plantas .plantas-container .planta-detalle .barra-precio .planta-desde {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.proyecto-plantas .plantas-container .planta-detalle .barra-precio a {
font-weight: 600;
line-height: 3;
padding: .5em;
-ms-flex-preferred-size: 150px;
flex-basis: 150px
}
.proyecto-plantas .plantas-container .slick-next,
.proyecto-plantas .plantas-container .slick-prev {
top: auto;
-webkit-transform: none;
transform: none;
bottom: 0
}
.proyecto-plantas .plantas-container .slick-next {
right: 30%;
margin-left: auto
}
.proyecto-plantas .plantas-container .slick-prev {
left: 30%;
margin-right: auto
}
@media (min-width:768px) {
.proyecto-plantas .plantas-container {
grid-template-columns: repeat(2, 1fr)
}
}
@media (min-width:1280px) {
.proyecto-plantas .plantas-container {
grid-template-columns: repeat(3, 1fr)
}
}
.proyecto-body {
position: relative
}
.proyecto-body .descripcion-container {
display: grid;
grid-template-columns: 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
row-gap: 1rem;
margin-bottom: 2rem
}
.proyecto-body .descripcion-container .logo img {
-webkit-box-shadow: 0 0 4px 0 #bdbcbc;
box-shadow: 0 0 4px 0 #bdbcbc
}
@media (min-width:768px) {
.proyecto-body .descripcion-container {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr
}
.proyecto-body .descripcion-container .logo {
grid-area: 1/1/2/2
}
.proyecto-body .descripcion-container .logo img {
height: 200px;
width: 200px
}
.proyecto-body .descripcion-container .contenido {
grid-area: 1/2/2/4;
padding: 0 2em
}
.proyecto-body .descripcion-container .cotizar {
grid-area: 1/4/2/5
}
}
.proyecto-body .botones-desc .btn {
margin-bottom: 1rem
}
.proyecto-video .video-container {
height: 20em
}
.proyecto-video .video-container iframe {
width: 100%;
height: 100%
}
.proyecto-ubicacion .sinmapa {
text-align: center
}
.proyecto-entorno .galeria-entorno-container .slide-galeria a {
width: 100%
}
.proyecto-entorno .galeria-entorno-container.slick-slider {
margin: 0;
padding: 0 !important;
cursor: pointer
}
.proyecto-entorno .galeria-entorno-container.slick-slider .slick-prev {
left: 1rem
}
.proyecto-entorno .galeria-entorno-container.slick-slider .slick-next {
right: 1rem
}
@media (min-width:768px) {
.proyecto-entorno .galeria-entorno-container.slick-slider .slick-prev {
left: 6rem
}
.proyecto-entorno .galeria-entorno-container.slick-slider .slick-next {
right: 6rem
}
}
.proyecto-financiamiento h2 {
text-align: center;
text-transform: none
}
.proyecto-financiamiento .medios-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
row-gap: 3rem
}
@media (min-width:768px) {
.proyecto-financiamiento .medios-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
min-height: 560px
}
}
.proyecto-financiamiento .medios-container>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
min-height: 450px;
width: 100%;
max-width: 500px;
margin: 0 auto
}
.proyecto-financiamiento .medios-container>div h3 {
font-weight: 600
}
.proyecto-financiamiento .medios-container>div p {
font-weight: 500
}
@media (min-width:768px) {
.proyecto-financiamiento .medios-container>div {
padding: 2em
}
}
@media (min-width:1024px) {
.proyecto-financiamiento .medios-container>div {
max-width: 33.33%
}
}
.proyecto-financiamiento .medios-container>div img {
max-height: 80px;
height: 80px;
-o-object-fit: contain;
object-fit: contain;
margin: 1em 0
}
.proyecto-financiamiento .medios-container>div .boton {
margin: auto auto 0
}
.proyecto-financiamiento .medios-container .credito p.detalle {
font-size: .75rem;
font-weight: 400;
color: #646567;
margin: 1rem 0 2rem
}
.proyecto-financiamiento .medios-container .icono-titulo {
display: block
}
@media (min-width:768px) {
.proyecto-financiamiento .medios-container .icono-titulo {
display: none
}
}
.proyecto-financiamiento .logo-mensaje {
display: none
}
@media (min-width:768px) {
.proyecto-financiamiento .logo-mensaje {
background-color: #f1f1f1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-column-gap: 2em;
-webkit-column-gap: 2em;
column-gap: 2em;
max-width: 1200px;
padding: 1em 0
}
}
.proyecto-financiamiento .logo-mensaje img {
height: 120px;
width: auto;
-webkit-box-shadow: 0 0 4px 0 #bdbcbc;
box-shadow: 0 0 4px 0 #bdbcbc
}
.proyecto-financiamiento .logo-mensaje .mensaje {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0
}
.proyecto-contacto {
background: #f1f1f1;
margin-bottom: 0 !important
}
.proyecto-contacto .container>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width:768px) {
.proyecto-contacto .container>div {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.proyecto-contacto .form-container {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 2em
}
.proyecto-contacto .form-container .mensaje span {
color: #d30606
}
.proyecto-contacto .detalles-container {
-ms-flex-preferred-size: 400px;
flex-basis: 400px;
padding: 2em 1em 2em 4em;
margin: 0 auto
}
.proyecto-contacto .detalles-container .icono {
text-align: center
}
.proyecto-contacto .detalles-container .icono img {
margin: auto
}
.proyecto-contacto .detalles-container h4 {
font-size: 1.25rem;
font-weight: 500
}
.proyecto-contacto .detalles-container .direccion,
.proyecto-contacto .detalles-container .horario {
position: relative
}
.proyecto-contacto .detalles-container .direccion::before,
.proyecto-contacto .detalles-container .horario::before {
position: absolute;
top: 0;
left: -2rem
}
.proyecto-contacto .detalles-container .direccion::before {
content: url("data:image/svg+xml,%3Csvg width='21' height='29' viewBox='0 0 21 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4907 0.159668C4.96215 0.159668 0.490723 4.6311 0.490723 10.1597C0.490723 17.6597 10.4907 28.7311 10.4907 28.7311C10.4907 28.7311 20.4907 17.6597 20.4907 10.1597C20.4907 4.6311 16.0193 0.159668 10.4907 0.159668ZM10.4907 13.7311C8.51929 13.7311 6.91929 12.1311 6.91929 10.1597C6.91929 8.18824 8.51929 6.58824 10.4907 6.58824C12.4622 6.58824 14.0622 8.18824 14.0622 10.1597C14.0622 12.1311 12.4622 13.7311 10.4907 13.7311Z' fill='%234D4D4E'/%3E%3C/svg%3E")
}
.proyecto-contacto .detalles-container .horario::before {
content: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4907 0.24707C4.99072 0.24707 0.490723 4.74707 0.490723 10.2471C0.490723 15.7471 4.99072 20.2471 10.4907 20.2471C15.9907 20.2471 20.4907 15.7471 20.4907 10.2471C20.4907 4.74707 15.9907 0.24707 10.4907 0.24707ZM14.6907 14.4471L9.49072 11.2471V5.24707H10.9907V10.4471L15.4907 13.1471L14.6907 14.4471Z' fill='%234D4D4E'/%3E%3C/svg%3E%0A")
}
.proyecto-contacto .detalles-container .sala-de-venta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.proyecto-contacto .detalles-container .sala-de-venta img {
height: auto;
width: 30px;
margin-right: .5em
}
.proyecto-contacto .detalles-container .sala-de-venta p {
margin-top: 0;
line-height: 1.5
}
.proyecto-contacto .detalles-container a {
font-weight: 500;
color: #1e1e1c
}
.plantas-disclaimer .smallprint {
margin-top: 0;
margin-bottom: 0;
font-size: 80%;
color: #646567
}
.planta-desde {
background: #e1dfdc;
text-transform: lowercase;
line-height: 1.25;
display: inline-block;
width: 100%;
margin: 0;
padding: .5em .5em
}
.planta-desde .planta-uf {
text-transform: uppercase;
font-weight: 700;
font-size: 150%
}
a.planta-ver {
overflow: hidden;
position: relative;
text-decoration: none
}
.planta-descripcion {
margin-bottom: 0;
font-weight: 600;
font-size: 120%;
line-height: 2
}
.planta-textos-ficha {
margin: 0
}
.notas {
color: #87877f;
font-size: 90%
}
.ubicometro {
margin-bottom: 1em;
display: none
}
.ubicometro img {
width: 150px;
height: 150px;
-o-object-fit: contain;
object-fit: contain
}
@media screen and (min-height:500px) {
.ubicometro {
display: block
}
}
@-moz-document url-prefix() {
.ubicometro {
margin-bottom: 3rem
}
}
_::-moz-range-track,
body:last-child .planta-desde-container {
position: relative;
top: -2.1em
}
.planta-disclaimer {
display: none;
font-size: 80%
}
.planta-disclaimer p {
margin-top: .75em;
margin-bottom: .75em
}
@media screen and (min-width:600px) and (min-height:600px) {
.planta-disclaimer {
display: block
}
}
.denuncias-faq .pregunta {
text-align: center;
margin-bottom: 1em
}
.denuncias-faq .pregunta+ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 4rem
}
.denuncias-faq .pregunta+ul li {
padding: 1rem
}
.denuncias-faq .pregunta+ul img {
display: inline-block;
vertical-align: middle;
height: 32px;
width: 32px;
margin-right: 1rem
}
@media (min-width:768px) {
.denuncias-faq .pregunta {
text-align: left
}
.denuncias-faq .pregunta+ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left
}
.denuncias-faq .pregunta+ul li {
width: 50%
}
.denuncias-faq .pregunta+ul img {
height: 64px;
width: 64px
}
}
.denuncias-faq .fig-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.denuncias-faq .fig-container figure {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.denuncias-faq .fig-container figure figcaption {
padding-left: .5rem
}
.denuncias-faq .fig-container figure figcaption a {
color: #1e1e1c
}
.denuncias-faq .fig-container figure img {
height: 36px;
width: 36px
}
@media (min-width:1024px) {
.denuncias-faq .fig-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.denuncias-faq .fig-container figure:nth-of-type(2) {
-ms-flex-preferred-size: 20%;
flex-basis: 20%
}
}
.denuncias-form form .col .row div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 3rem;
padding: 1rem 0
}
.denuncias-form form .col .row div input {
margin-right: 1rem
}
.denuncias-form form .col .row div label {
margin-bottom: 0
}
.invierte-slides-container>div {
text-align: center;
padding: 2em 0
}
.invierte-slides-container>div figure {
margin: 0
}
.invierte-slides-container>div figure img {
height: 120px;
width: auto;
margin: 1rem auto
}
.invierte-slides-container>div figure figcaption {
font-weight: 500;
padding: 0 1rem
}
.invierte-slides-container .card {
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
padding: 1rem;
margin: 0 1rem
}
.invierte-slides-container .card img {
margin: auto
}
@media (min-width:1024px) {
.invierte-slides-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around
}
.invierte-slides-container .card {
-webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
border-radius: 5px;
width: 33%
}
}
.invierte-seccion.asesor {
text-align: center;
padding: 1em 0
}
.invProjects-results-container .project {
max-height: 480px
}
.invProjects-results-container .slick-slide {
position: relative
}
@media (min-width:768px) {
.invProjects-results-container .slick-slide {
margin-bottom: 4em
}
}
.invProjects-results-container .slick-next,
.invProjects-results-container .slick-prev {
top: auto;
-webkit-transform: none;
transform: none;
bottom: 0
}
.invProjects-results-container .slick-next {
right: 30%;
margin-left: auto
}
.invProjects-results-container .slick-prev {
left: 30%;
margin-right: auto
}
.invierte-simulador-container {
position: relative;
text-align: center
}
.invierte-simulador-container .col {
padding: 1rem !important
}
.invierte-simulador-container input#search-results-inversion {
background: #f9fcfc;
border-radius: 50px;
-webkit-box-shadow: inset 0 4px 4px rgba(133, 133, 133, .25);
box-shadow: inset 0 4px 4px rgba(133, 133, 133, .25);
font-weight: 500;
text-align: center;
max-width: 425px;
padding: 1rem;
margin: 1rem 0
}
.invierte-simulador-container #formPresupuesto {
position: relative
}
@media (min-width:768px) {
.invierte-simulador-container {
background-color: #fff !important;
-webkit-box-shadow: 0 3px 4px rgba(157, 157, 157, .15);
box-shadow: 0 3px 4px rgba(157, 157, 157, .15);
width: 80%;
border-radius: 50px;
padding: 2em 5em;
margin: -14em auto 3em
}
.invierte-simulador-container input#search-results-inversion {
font-size: 180%
}
.invierte-simulador-container p.msg-central {
font-size: 135%;
margin: 0 auto
}
}
.invierte-simulador-container label img {
display: inline;
vertical-align: middle;
margin-right: .5rem
}
.noticias-container .noticia {
display: grid;
grid-template-columns: 1fr
}
.noticias-container .noticia .col {
padding: .5rem
}
.noticias-container .noticia .titulo {
margin-top: 0;
margin-bottom: .5em
}
.noticias-container .noticia .fecha {
color: #bdbcbc
}
.noticias-container .noticia a {
display: block
}
.noticias-container .noticia.destacada {
grid-template-columns: 1fr
}
@media (min-width:768px) {
.noticias-container .noticia {
grid-template-columns: repeat(2, 1fr)
}
}
.map {
min-height: 350px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative
}
.map-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.cotizador-viewer {
background: #f1f1f1;
position: fixed;
top: 50%;
left: 50%;
width: 90%;
max-width: 1200px;
max-height: 85vh;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: auto;
color: #4d4d4e;
border: 1px solid #bdbcbc;
z-index: 55;
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
padding: 2em;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.cotizador-viewer.active-panel {
opacity: 1;
pointer-events: all;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.cotizador-header {
text-align: center
}
.cotizador-header img {
width: 100%;
max-width: 200px
}
.cotizador-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.cotizador-body .col {
width: 100%;
padding: 1em
}
.cotizador-detalles {
display: none
}
@media screen and (min-width:600px) {
.cotizador-detalles {
display: block
}
}
.cotizador-direccion {
line-height: 1
}
.cotizador-direccion::before {
content: url("data:image/svg+xml,%3Csvg width='21' height='29' viewBox='0 0 21 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4907 0.159668C4.96215 0.159668 0.490723 4.6311 0.490723 10.1597C0.490723 17.6597 10.4907 28.7311 10.4907 28.7311C10.4907 28.7311 20.4907 17.6597 20.4907 10.1597C20.4907 4.6311 16.0193 0.159668 10.4907 0.159668ZM10.4907 13.7311C8.51929 13.7311 6.91929 12.1311 6.91929 10.1597C6.91929 8.18824 8.51929 6.58824 10.4907 6.58824C12.4622 6.58824 14.0622 8.18824 14.0622 10.1597C14.0622 12.1311 12.4622 13.7311 10.4907 13.7311Z' fill='%234D4D4E'/%3E%3C/svg%3E");
display: inline-block;
vertical-align: middle;
margin-right: .5rem
}
.simulador {
position: fixed;
background: #fff;
-webkit-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px #000;
z-index: 9999;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
pointer-events: none;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.simulador.active-panel {
-webkit-transition: all .4s ease;
transition: all .4s ease;
opacity: 1;
pointer-events: all
}
.simulador-inner {
margin: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
#simulador-form div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
#dividendo-mensual,
#monto-final {
font-weight: 700
}
.plantas-viewer {
position: fixed;
top: 100%;
left: 50%;
overflow: auto;
-webkit-transform: translate(-50%, -50%) scale(.5);
transform: translate(-50%, -50%) scale(.5);
width: 90%;
height: 90%;
background: rgba(255, 255, 255, .9);
z-index: 900;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1em;
-webkit-box-shadow: 0 0 40px #000;
box-shadow: 0 0 40px #000;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease;
pointer-events: none;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch
}
.plantas-viewer.active-panel {
opacity: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
pointer-events: all
}
.plantas-viewer .planta-detalle {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1em
}
@media screen and (min-width:800px) {
.plantas-viewer .planta-detalle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 1em;
margin-top: 0;
width: 20rem
}
}
.plantas-viewer .plantas-planta-full {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.plantas-viewer .plantas-planta-full img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.plantas-viewer a.link-simulador,
.plantas-viewer a.planta-ver {
display: inline-block;
text-align: left;
float: none;
margin-left: 0;
margin-top: 1rem
}
.plantas-viewer-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media screen and (min-width:600px) {
.plantas-viewer-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around
}
}
.simulador-inversion {
background: #fff;
position: fixed;
top: 50%;
left: 50%;
width: 90%;
max-width: 1200px;
max-height: 85vh;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: auto;
color: #4d4d4e;
border: 1px solid #bdbcbc;
z-index: 55;
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.simulador-inversion .col {
padding: 1rem !important
}
.simulador-inversion.active-panel {
opacity: 1;
pointer-events: all;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.simulador-inversion .resultado {
background: #f9fcfc;
border-radius: 50px;
font-weight: 600;
font-size: 200%;
padding: 1rem
}
.simulador-inversion .alerta {
background: #ffebd8;
margin: 2em 0;
padding: 1em
}
@media (min-width:768px) {
.simulador-inversion .alerta {
margin: 2em;
padding: 1em 4em
}
}
.simulador-inversion .btn {
display: block;
margin: .75em auto
}
.simulador-inversion #simulacion-error,
.simulador-inversion #simulacion-exitosa,
.simulador-inversion #simulacion-guardarform,
.simulador-inversion #simulacion-guardarform-exito {
text-align: center;
visibility: hidden;
display: none;
padding: 2em
}
.simulador-inversion #simulacion-error.active-panel,
.simulador-inversion #simulacion-exitosa.active-panel,
.simulador-inversion #simulacion-guardarform-exito.active-panel,
.simulador-inversion #simulacion-guardarform.active-panel {
visibility: visible;
display: block
}
.simulador-inversion #simulacion-error .form-container,
.simulador-inversion #simulacion-exitosa .form-container,
.simulador-inversion #simulacion-guardarform .form-container,
.simulador-inversion #simulacion-guardarform-exito .form-container {
text-align: left;
padding: 0
}
@media (min-width:768px) {
.simulador-inversion #simulacion-error,
.simulador-inversion #simulacion-exitosa,
.simulador-inversion #simulacion-guardarform,
.simulador-inversion #simulacion-guardarform-exito {
padding: 2em 4em
}
.simulador-inversion #simulacion-error .form-container,
.simulador-inversion #simulacion-exitosa .form-container,
.simulador-inversion #simulacion-guardarform .form-container,
.simulador-inversion #simulacion-guardarform-exito .form-container {
padding: 0 8em
}
}
.simulador-inversion #simulacion-guardarform,
.simulador-inversion #simulacion-guardarform-exito {
background: #f1f1f1
}
.btn-close-panel {
position: absolute;
top: 5px;
right: 15px;
font-family: sans-serif;
text-decoration: none;
color: #1e1e1c;
font-size: 2rem;
line-height: 1
}
.btn-close-panel:hover {
color: #6d6d66
} .postid-4055 .map {
display: none !important;
}
.postid-4579 .map {
display: none !important;
}
.postid-8364 .map {
display: none !important;
}
.postid-8265 .map {
display: none !important;
}
.tmm_plugin_f .tmm_desc a {
color: #000 !important;
text-decoration: none;
font-size: 18px;
line-height: 18px;
}
@media (max-width: 767px) {
.slide-caption {
width: 100% !important;
}
a.btn {
font-size: 24px !important;
}
span.subtitulo {
font-size: 14px !important;
}
.banner-inicio-esc {
display: none;
}
}
@media (min-width: 768px) {
.banner-inicio-mob {
display: none;
}
}
.wrappaa {
position: fixed;
top: 50%;
right: -35px;
transform: translate(-50%, -50%);
margin: 0;
padding: 0;
z-index: 99999999 !important;
}
.wrappaa ul {
list-style: none;
}
.wrappaa ul li {
width: 50px;
height: 50px;
position: relative;
background: #1e1e1c;
margin: 10px 0px;
cursor: pointer;
}
.wrappaa ul li .fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
color: #fff;
}
.slidersemseyflot {
content: "";
position: absolute;
top: 0;
right: 50px;
width: 0px;
height: 50px;
background: #FFDC32;
transition: all 0.5s 0.2s ease;
}
.slidersemseyflot p {
font-family: helvetica;
font-size: 18px;
font-weight: 400;
color: #002642;
text-align: center;
line-height: 50px;
opacity: 0;
transition: all 0.8s ease;
margin: 0;
padding: 0;
}
.wrappaa ul li:hover .slidersemseyflot {
width: 200px;
transition: all 0.5s ease;
}
.wrappaa ul li:hover .slidersemseyflot p {
opacity: 1;
transition: all 1s 0.2s ease;
}
.alertasemsey {
box-shadow: 0 2px 8px rgba(214, 214, 214, .6);
background-color: white;
max-width: 1180px;
padding: 1em 1em 1em 1.5em;
border-left-width: 6px;
border-left-style: solid;
border-radius: 20px;
position: inherit;
line-height: 1.5;
&+& {
margin-top: 2em;
}
&:before {
color: white;
width: 1.5em;
height: 1.5em;
position: absolute;
top: 1em;
left: -3px;
border-radius: 50%;
transform: translateX(-50%);
font-weight: bold;
line-height: 1.5;
text-align: center;
}
}
.color-semsey {
border-left-color: #ffdc32;
&:before {
background-color: #ffdc32;
content: "!";
}
}
.semsey-tipo-venta .project-type {
font-weight: 500;
text-transform: uppercase;
border-radius: 4px;
padding: .25rem .5rem;
}
.semseyblanco {
background: #FFFFFF;
color: #1e1e1c;
border: .5px solid #646567;
font-weight: 500;
text-transform: uppercase;
border-radius: 4px;
padding: .25rem .5rem;
}
.semseyverde {
background: #00A67E;
color: #FFFFFF;
font-weight: 500;
text-transform: uppercase;
border-radius: 4px;
padding: .25rem .5rem;
}
.semseyinmediata {
background: #ffdc32;
color: #1e1e1c;
font-weight: 500;
text-transform: uppercase;
border-radius: 4px;
padding: .25rem .5rem;
}
.semseyazul {
background: #3575B0;
color: #FFFFFF;
font-weight: 500;
text-transform: uppercase;
border-radius: 4px;
padding: .25rem .5rem;
}
.semseyproxima {
background: #ffdc32 color: #FFFFFF;
font-weight: 500;
text-transform: uppercase;
border-radius: 4px;
padding: .25rem .5rem;
}
.semseyrealizado {
background: #646567;
color: #FFFFFF;
font-weight: 500;
text-transform: uppercase;
border-radius: 4px;
padding: .25rem .5rem;
}
.menu-toggle {
background: #000;
position: absolute;
border-radius: 50px;
box-shadow: none;
border: 0;
// top: .5rem;
right: .5rem;
color: white;
padding: 1em;
transition: background .3s ease;
&:active {
background: $color__gris-medio;
}
&:hover {
background: $color__gris-oscuro;
box-shadow: none;
transition: background .3s ease;
}
&:focus {
box-shadow: none;
outline: none;
background: $color__gris-claro;
}
span {
font-size: 150%;
border-radius: 50px;
text-shadow: none;
}
} @media screen and (max-width: 767px) { .home-projects-grid {
gap: 0.8rem !important;
padding: 0 0.5rem !important;
} .home-projects-grid .project {
height: 280px !important;
min-height: 260px !important;
padding: 0 !important;
position: relative !important;
margin: 0 !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
} .home-projects-grid .project .project-img {
height: 100% !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 1 !important;
border-radius: 8px !important;
}
.home-projects-grid .project .project-img img {
object-fit: cover !important;
object-position: center !important;
width: 100% !important;
height: 100% !important;
border-radius: 8px !important;
} .home-projects-grid .project .project-img::after {
background: linear-gradient(to bottom, rgba(30, 30, 28, 0.1) 0%, rgba(30, 30, 28, 0.8) 100%) !important;
border-radius: 8px !important;
} .home-projects-grid .project .project-info {
padding: 1rem !important;
height: auto !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 5 !important;
background: none !important;
border-radius: 0 !important;
} .home-projects-grid .project .project-info .project-name {
font-size: 0.85rem !important;
line-height: 1rem !important;
margin-bottom: 0.5rem !important;
letter-spacing: 0.03em !important;
color: #FFFFFF !important;
font-weight: 700 !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
} .home-projects-grid .project .project-info>div {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 0.4rem !important;
margin-bottom: 0.6rem !important;
} .home-projects-grid .project .project-info .project-comuna {
font-size: 0.7rem !important;
line-height: 1 !important;
letter-spacing: 0.02em !important;
color: #FFFFFF !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
border-right: 1px solid rgba(255, 255, 255, 0.7) !important;
padding-right: 0.4rem !important;
margin-right: 0.4rem !important;
} .home-projects-grid .project .project-info .project-type {
font-size: 0.6rem !important;
padding: 0.15rem 0.3rem !important;
margin: 0 !important;
border-radius: 3px !important;
white-space: nowrap !important;
font-weight: 600 !important;
} .home-projects-grid .project .project-info a.btn-cotizar {
font-size: 0.65rem !important;
width: 100% !important;
padding: 0.4em 0.6em !important;
margin: 0 !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.02em !important;
} .home-projects-grid .project .project-subsidio {
font-size: 0.6rem !important;
padding: 0.2em 0.4em !important;
top: 0.6rem !important;
right: 0.6rem !important;
z-index: 10 !important;
font-weight: 600 !important;
} .home-projects-grid .project .project-info .project-type-info {
transform: scale(0.8) !important;
margin-left: 0.2rem !important;
display: none !important;
}
}