@font-face {
font-family: 'Reckless Neue';
src: url(../../../themes/taravilla/font/reckless-neue/RecklessNeue-Book.woff) format('woff');
font-style: normal;
}
:root {
--colorLila: #36b5fe;
--colorBlanco: #fff;
--colorGris: #bfbfbf;
--ani: all 0.6s ease-in-out;
}
*,
::after,
::before {
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
-webkit-font-feature-settings: 'lnum';
-moz-font-feature-settings: 'lnum';
font-feature-settings: 'lnum';
}
button:active,
textarea:active,
textarea:focus,
input:focus,
input:active {
outline: none;
}
.container {
width: 100%;
max-width: 100%;
padding-right: 6rem;
padding-left: 6rem;
margin-right: auto;
margin-left: auto;
position: relative;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -2rem;
margin-left: -2rem;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1450px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-end-end {
align-items: end;
justify-content: end;
display: flex;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.img-fluid {
max-width: 100%;
height: auto;
}
html {
font-size: 0.521vw;
line-height: 1.5;
}
.align-items-center {
align-items: center;
}
body {
font-family: 'Inter Tight', sans-serif;
padding: 0px;
margin: 0px;
font-size: 2rem;
line-height: 116%;
color: var(--colorLila);
background-color: var(--colorBlanco);
}
a {
color: var(--colorLila);
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
a:hover {
color: var(--colorBlanco);
}
p {
margin: 0px 0px 2.4rem;
}
header {
position: fixed;
bottom: 2.5rem;
left: 50%;
transform: translateX(-50%);
z-index: 999;
}
header .header__container {
display: flex;
gap: 0.8rem;
align-items: center;
}
header .header__container .header__logo a {
border-radius: 12rem;
background: var(--Purple-100, #36b5fe);
box-shadow: 0px 1.1px 13.2px 0px rgba(63, 63, 63, 0.1);
display: block;
width: 4.4rem;
height: 4.4rem;
display: flex;
justify-content: center;
align-items: center;
}
header .header__container .header__logo a svg {
width: 2rem;
}
header .header__container .header__menu {
border-radius: 50px;
background: var(--colorBlanco);
box-shadow: 0px 1px 12px 0px rgba(63, 63, 63, 0.1);
padding: 0.4rem 0.8rem;
height: 3.9rem;
position: relative;
z-index: 0;
overflow: hidden;
}
header .header__container .header__menu ul {
display: flex;
list-style: none;
margin: 0px;
padding: 0px;
gap: 0.8rem;
}
header .header__container .header__menu ul li a {
padding: 0.4rem 1.2rem 0.4rem;
color: var(--colorLila);
font-size: 1.6rem;
text-decoration: none;
display: block;
}
.header__menu_pastille {
position: absolute;
width: 8.37rem;
top: 0.6rem;
left: -9.2rem;
border-radius: 28px;
background: var(--Purple-10, #eef7ff);
height: 2.8rem;
z-index: -1;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
body.page-id-12 .header__menu_pastille {
left: 0.8rem;
}
body.page-id-10 .header__menu_pastille {
left: 9.7rem;
width: 8rem;
}
body.page-id-14 .header__menu_pastille {
width: 8.8rem;
left: 18.4rem;
}
body.category .header__menu_pastille,
body.single-post .header__menu_pastille,
body.blog .header__menu_pastille {
width: 5.6rem;
left: 27.8rem;
}   body.page-id-8 .header__menu_pastille {
width: 9rem;
left: 18.4rem;
}
body.category header .header__container .header__menu ul li a,
body.single-post header .header__container .header__menu ul li a,
body.blog header .header__container .header__menu ul li a,
body.page-id-12 header .header__container .header__menu ul li a,
body.page-id-10 header .header__container .header__menu ul li a,
body.page-id-14 header .header__container .header__menu ul li a,
body.page-id-8 header .header__container .header__menu ul li a {
color: #a4d7ff;
}
body.page-id-12 header .header__container .header__menu ul li:nth-child(1) a {
color: var(--colorLila);
}
body.page-id-10 header .header__container .header__menu ul li:nth-child(2) a {
color: var(--colorLila);
}
body.page-id-14 header .header__container .header__menu ul li:nth-child(3) a {
color: var(--colorLila);
}   body.page-id-8 header .header__container .header__menu ul li:nth-child(3) a {
color: var(--colorLila);
}
header .header__container .header__menu ul li a:hover {
color: var(--colorLila) !important;
}
.header__page {
height: 100vh;
width: 100%;
}
.header__page .header__page-img {
position: relative;
z-index: 0;
}
.header__page .header__page-img:before {
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
height: 100vh;
width: 100%;
content: '';
background: linear-gradient(
0deg,
rgba(15, 15, 76, 0.2) 0%,
rgba(15, 15, 76, 0.1) 100%
),
lightgray 50% / cover no-repeat;
mix-blend-mode: multiply;
opacity: 0;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.header__page .header__page-img img {
height: 100vh;
width: 100%;
object-fit: cover;
transform: scale(1.1);
opacity: 0;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.header__page .header__page-img.init img {
transform: scale(1);
opacity: 1;
}
.header__page .header__page-img.init:before {
opacity: 0.5;
}
.block__nosotros {
display: flex;
}
.block__nosotros .bn__right,
.block__nosotros .bn__left {
width: 50%;
}
.block__nosotros .bn__left {
padding: 4rem 6rem;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.block__nosotros-valores {
height: 84.7rem;
}
.block__nosotros-valores h1 {
max-width: 50rem;
font-size: 6rem;
font-family: 'Reckless Neue';
line-height: 100%;
margin: 0px;
letter-spacing: -0.2rem;
font-weight: 400;
}
.bn__data-footer {
display: flex;
align-items: end;
justify-content: space-between;
width: 100%;
}
.bn__data-txt {
max-width: 48rem;
}
.page__contacto {
min-height: 100vh;
width: 100%;
background-color: var(--colorLila);
color: var(--colorBlanco);
}
.page__contacto .container {
min-height: 100vh;
position: relative;
}
.page__contacto .con__topleft {
padding-top: 6rem;
}

.logo__contacto {
width: 49.6rem;
display: block;
}
.con__bottomleft {
position: absolute;
bottom: 6rem;
left: 6rem;
}
.con__bottomright {
position: absolute;
bottom: 6rem;
right: 6rem;
display: flex;
align-items: end;
}
.con__bottomright .col {
width: 15.1rem;
padding: 0px;
}
.cont__icolink {
height: 2.2rem;
width: 2.2rem;
}
.cc_1,
.cc_2 {
position: absolute;
bottom: 0px;
height: 90vh;
pointer-events: none;
left: 50%;
}
.cc_1 {
transform: translateX(-100%);
}
.cc_1 img,
.cc_2 img {
width: auto;
height: 90vh;
transform: translate(-40rem, 50rem);
opacity: 0;
filter: brightness(0.4);
}
.cc_2 img {
transform: translate(40rem, 50rem);
}
.ch_1,
.ch_2 {
position: absolute;
bottom: 0px;
height: 90vh;
pointer-events: none;
left: 50%;
}
.ch_1 {
transform: translateX(-100%);
}
.ch_1 img,
.ch_2 img {
width: auto;
height: 90vh;
transform: translate(-40rem, 50rem);
opacity: 0;
filter: brightness(0.4);
}
.ch_2 img {
transform: translate(40rem, 50rem);
}
.menu-footer {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 2rem;
line-height: 150%;
}
.menu-footer a {
text-decoration: none;
font-size: 2rem;
line-height: 110%;
white-space: nowrap;
color: var(--colorBlanco);
}
.menu-footer a:hover {
font-family: 'Reckless Neue';
}
.box-precision {
background: var(--colorLila);
height: 100%;
width: 100%;
overflow: hidden;
}
.box-precision .bp_1,
.box-precision .bp_2,
.box-precision .bp_3,
.box-precision .bp_4 {
position: absolute;
width: 20rem;
position: absolute;
opacity: 0;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.box-precision.active .bp_1,
.box-precision.active .bp_2,
.box-precision.active .bp_3,
.box-precision.active .bp_4 {
width: 36rem;
opacity: 0.6;
}
.box-precision .bp_1 {
top: 0px;
right: 50%;
margin-right: -36rem;
transform: rotate(180deg);
}
.box-precision .bp_2 {
top: 0px;
left: 50%;
margin-left: -36rem;
transform: rotate(180deg);
}
.box-precision .bp_3 {
bottom: 0px;
left: 50%;
margin-left: -36rem;
}
.box-precision .bp_4 {
bottom: 0px;
right: 50%;
margin-right: -36rem;
}
.block__nosotros-personal-img {
width: 100%;
height: 80rem;
overflow: hidden;
}
.block__nosotros-personal-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.block__nosotros-inver .bn__right {
order: 1;
}
.block__nosotros-inver .bn__left {
order: 2;
}
.mod__bloques-imgs {
height: 66rem;
border-radius: 3rem;
overflow: hidden;
}
.mod__bloques-imgs img {
height: 66rem;
width: 100%;
object-fit: cover;
}
.mod__bloques-datatop h1 {
max-width: 56rem;
}
.mod__bloques-data {
height: 66rem;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.mod__bloques-datatxt {
border-radius: 3rem;
border: 0.75px solid rgba(54, 181, 254, 0.2);
min-height: 27.8rem;
background: linear-gradient(
250deg,
rgba(54, 181, 254, 0.03) 1.47%,
rgba(54, 181, 254, 0.08) 98.53%
);
padding: 3rem;
font-size: 2.4rem;
line-height: 112%;
height: 100%;
display: flex;
align-items: end;
letter-spacing: -0.5px;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.mod__bloques-datatxt:hover {
box-shadow: 5px -5px 50px 0px rgb(213 204 255) inset
}
.mod__nmtodo {
padding: 6rem 0px;
}
.nmtodo__fixed {
height: calc(100vh - 4.5rem);
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.nmtodo__suptitle_ani,
.nmtodo__suptitle {
font-family: 'Reckless Neue';
font-size: 4.8rem;
font-style: normal;
line-height: 100%;
letter-spacing: -0.2rem;
}
.nmtodo__suptitle_ani {
height: 5.5rem;
overflow: hidden;
position: relative;
width: 100%;
}
.nmtodo__suptitle_ani div {
position: absolute;
top: 5.5rem;
left: 0px;
width: 100%;
}
.nmtodo__suptitle_ani div:nth-child(1) {
top: 0px;
}
.nmtodo__suptitle_ani div span {
font-size: 2.4rem;
line-height: 3.4rem;
}
.nmtodo__suptitle_ani div {
display: flex;
gap: 1.4rem;
}
.nmtodo__content {
margin-bottom: 16rem;
font-size: 3.6rem;
font-weight: 400;
line-height: 110%;
letter-spacing: -0.12rem;
}
.nmtodo__content h2 {
margin: 0px 0px 4rem;
font-size: 3.6rem;
line-height: 110%;
font-weight: 600;
letter-spacing: -0.12rem;
}
.nmtodo__content img {
border-radius: 2rem;
height: 66.7rem;
width: 100%;
object-fit: cover;
margin-bottom: 4.8rem;
}
.nmtodo__content ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.nmtodo__content ul li {
padding-left: 6.8rem;
margin-bottom: 1rem;
position: relative;
}
.nmtodo__content ul li:before {
height: 0.8rem;
width: 0.8rem;
position: absolute;
left: 0px;
top: 1.5rem;
content: '';
background: var(--colorLila);
border-radius: 100px;
}
.nmtodo__ani {
position: relative;
width: 40rem;
height: 55rem;
}
.nmtodo__ani img {
position: absolute;
width: 40rem;
bottom: 0px;
left: 0px;
opacity: 0.2;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.nmtodo__ani img.active {
opacity: 1;
transform: translate(1rem, -1rem) scale(1.05);
}
.nmtodo__ani img:nth-child(1) {
bottom: 0px;
left: 0px;
}
.nmtodo__ani img:nth-child(2) {
bottom: 4rem;
left: 4rem;
}
.nmtodo__ani img:nth-child(3) {
bottom: 8rem;
left: 8rem;
}
.nmtodo__ani img:nth-child(4) {
bottom: 12rem;
left: 12rem;
}
.nmtodo__ani img:nth-child(5) {
bottom: 16rem;
left: 16rem;
}
.mod__nmdata {
padding-bottom: 10.4rem;
padding-top: 30rem;
position: relative;
overflow: hidden;
}
.nmdata-imgleft,
.nmdata-imgright {
position: absolute;
top: -34rem;
pointer-events: none;
z-index: -1;
transform: scale(0.5);
opacity: 0;
height: 195rem;
width: auto;
}
.nmdata-imgleft {
left: -34rem;
}
.nmdata-imgright {
right: -34rem;
}
.nmdata-contacto {
opacity: 0;
transform: translateY(4rem);
}
.nmdata__container {
width: 132.8rem;
margin: 0px auto 8.5rem;
}
.nmdata__container .nmdata {
border-radius: 3rem;
border: 1px solid rgba(54, 181, 254, 0.2);
background: linear-gradient(
250deg,
rgba(54, 181, 254, 0.05) 1.47%,
rgba(54, 181, 254, 0.15) 98.53%
);
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
padding: 4rem;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.nmdata__container .nmdata:hover {
box-shadow: 5px -5px 70px 0px rgb(201 186 255) inset;
}
.nmdata-con{
opacity: 0;
transform: translateY(4rem);
height: 100%;
display: flex;
width: 100%;
}
.nmdata__header {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
}
.nmdata__number {
font-size: 12rem;
font-style: normal;
font-weight: 600;
line-height: 106%; letter-spacing: -3.25px;
}
.nmdata-big {
margin-top: 4rem;
}
.nmdata-big .nmdata__header {
gap: 6rem;
margin: 0px;
}
.nmdata-big .nmdata__txtsmall {
width: 34.5rem;
}
.trab_titulo_grande {
max-width: 32rem;
}
.page__trabajos {
padding-top: 6rem;
}
.trabajos-logo {
height: 5.5rem;
width: 5.5rem;
}
.trabajos__nav {
margin-bottom: 2rem;
}
.trabajos__slider {
padding: 0px 3rem 3rem 3rem;
}
.trabajos__slider .swiper-wrapper {
transition-timing-function: cubic-bezier(0.64, 0, 0.25, 1);
}
.trabajos__slider .trabajos__slider-cont {
width: 167rem;
height: 86.3rem;
}
.img-innovacion {
position: absolute;
bottom: -6rem;
left: -4rem;
width: 83rem;
}
.trabajos__slider .swiper-slide {
width: 167rem;
}
.trabajos__slider .trabajos__slider-cont video,
.trabajos__slider .trabajos__slider-cont img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3rem;
}
.trabajos__ser {
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
position: relative;
overflow: hidden;
}
.trabajos__ser-imgback {
position: absolute;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
}
.trabajos__ser-imgback > div {
width: 100vw;
height: 100vh;
}
.trabajos__ser-imgback1,
.trabajos__ser-imgback2 {
width: 110rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -8rem;
pointer-events: none;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
opacity: 0;
}
.trabajos__ser-imgback1 {
}
.trabajos__ser-imgback2 {
left: 38rem;
}
.trabajos__ser-imgback.active .trabajos__ser-imgback1 {
left: 0rem;
opacity: 0.6;
}
.trabajos__ser-imgback.active .trabajos__ser-imgback2 {
left: 38rem;
opacity: 0.6;
}
.traser__title {
display: flex;
gap: 1.5rem;
}
.traser__title span {
font-size: 2.4rem;
line-height: 3.4rem;
}
.traser__cont {
padding: 4.8rem 0px;
}
.traser__box {
border-radius: 30px;
border: 0.75px solid rgba(255, 255, 255, 0.2);
background: linear-gradient(
250deg,
rgba(255, 255, 255, 0.03) 1.47%,
rgba(255, 255, 255, 0.08) 98.53%
);
display: flex;
width: 100%;
height: 27.8rem;
padding: 3rem 6rem 3rem 3rem;
align-items: flex-end;
gap: 1rem;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 112%; letter-spacing: -0.05rem;
margin-top: 2.8rem;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.traser__box:hover {
background: linear-gradient(
251deg,
rgba(255, 255, 255, 0) -1.83%,
rgba(255, 255, 255, 0.05) 98.51%
);
box-shadow: 5px -5px 70px 0px rgba(255, 255, 255, 0.25) inset;
}
.trabajos__ser.active1 {
background: #36b5fe;
color: var(--colorBlanco);
}
.trabajos__ser.active2 {
background: #a4d7ff;
color: var(--colorLila);
}
.trabajos__ser.active4 .traser__box,
.trabajos__ser.active2 .traser__box {
border: 0.75px solid rgba(54, 181, 254, 0.2);
background: linear-gradient(
250deg,
rgba(54, 181, 254, 0.03) 1.47%,
rgba(54, 181, 254, 0.08) 98.53%
);
}
.trabajos__ser.active3 {
background: #1b75ff;
color: var(--colorBlanco);
}
.trabajos__ser.active4 {
background: #eef7ff;
color: var(--colorLila);
}
.traser__img img {
border-radius: 1rem;
height: auto;
width: 100%;
}
.page__defecto {
padding-top: 6rem;
padding-bottom: 8rem;
font-size: 2.4rem;
line-height: 120%;
}
.page__defecto b,
.page__defecto strong {
font-weight: 600;
}
.page__defecto h1 {
font-size: 9rem;
line-height: 100%;
margin: 0px;
}
.page404 {
min-height: 100vh;
padding-top: 6rem;
font-size: 3.6rem;
line-height: 110%;
letter-spacing: -0.1rem;
}
.page404 p {
margin-bottom: 3rem;
}
.page404 h1 {
font-family: 'Reckless Neue';
font-size: 48rem;
line-height: 70%;
letter-spacing: -1rem;
font-weight: normal;
margin: 0px;
}
.font-normal {
font-weight: normal;
}
.home__header {
position: relative;
overflow: hidden;
height: 100vh;
width: 100%;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.home__header.exit {
opacity: 0;
}
.home__header-data {
height: 100vh;
width: 100%;
background: var(--colorBlanco);
color: var(--colorBlanco);
}
.home__header h1 {
margin: 0px;
position: absolute;
font-family: 'Reckless Neue';
font-size: 9rem;
font-style: normal;
font-weight: 400;
line-height: 94%;
letter-spacing: -0.3rem;
width: 87.8rem;
top: 45%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
opacity: 0;
margin-top: 6rem;
}
.home__header-brand-wrap {
position: absolute;
top: 6%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
gap: 0.4rem;
opacity: 0;
}
.home__header-brand {
font-family: 'Canva Sans', 'Inter Tight', sans-serif;
font-size: 2.4rem;
font-weight: 600;
letter-spacing: normal;
color: var(--colorBlanco);
white-space: nowrap;
}
.home__header-brand-icon {
height: 6.4rem;
width: auto;
}
.home__header-img {
position: absolute;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
object-fit: cover;
opacity: 0;
z-index: -1;
}
.home__czoom {
padding: 11rem 0px;
}
.home__czoom .slick-dots,
.home__czoom .slick-arrow {
display: none !important;
}
.home__czoom-cont {
}
.home__czoom-cont {
height: 40rem;
width: 40rem;
margin-top: 25rem;
padding: 0px 1rem;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.home__czoom-cont img {
height: 100%;
width: 100%;
object-fit: contain;
}
.home__czoom-cont.slick-current {
height: 90rem;
width: 90rem;
margin-top: 0rem;
border-radius: 4rem;
}
.home__valores_pin {
height: 300vh;
}
.home__valores {
background-color: var(--colorLila);
color: var(--colorBlanco);
min-height: 90vh; padding: 4rem 0px 6rem;
width: 100%;
}
.nvalor__container {
min-height: calc(90vh - 10rem); display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.nvalor__container .nvalor__bottom,
.nvalor__container .nvalor__top {
width: 100%;
}
.home__gallery {
padding: calc(18rem - 10vh) 0px 18rem;
}
.home__gallery_container {
width: 112.2rem;
margin: auto;
gap: 3rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.home__gallery .gal__img {
width: 35.3rem;
height: 24.5rem;
overflow: hidden;
border-radius: 1rem;
position: relative;
}
.home__gallery .gal__img video,
.home__gallery .gal__img img {
width: 35.3rem;
height: 24.5rem;
object-fit: cover;
}
.home__gallery .gal__img .gal__img-1 {
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.home__gallery .gal__img .gal__img-2 {
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
}
.home__gallery .gal__img:hover .gal__img-1 {
opacity: 0;
}
.banner__ani {
position: relative;
height: 86.5rem;
width: 100%;
overflow: hidden;
background: #000;
}
.banner__ani img {
height: 86.5rem;
width: 100%;
object-fit: cover;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.banner__ani:hover img {
opacity: 0.7;
}
.ani_cont {
position: relative;
min-height: 7rem;
}
.ani_cont span {
position: absolute;
display: block;
width: 100%;
opacity: 0;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
transform: translateY(2rem);
}
.active1 .ani_cont span:nth-child(1) {
opacity: 1;
transform: translateY(0);
}
.active2 .ani_cont span:nth-child(2) {
opacity: 1;
transform: translateY(0);
}
.active3 .ani_cont span:nth-child(3) {
opacity: 1;
transform: translateY(0);
}
.banner__ani_title {
font-size: 7.2rem;
font-style: normal;
width: 70rem;
position: absolute;
top: 34rem;
left: 50%;
overflow: hidden;
text-align: center;
color: #fff;
font-family: 'Reckless Neue';
font-weight: 100;
letter-spacing: -0.2rem;
line-height: 100%;
transform: translateX(-50%);
opacity: 0;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.banner__ani_title span {
display: block;
}
.banner__ani_btn {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
opacity: 0;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.banner__ani:hover .banner__ani_title {
top: 26rem;
opacity: 1;
}
.banner__ani:hover .banner__ani_btn {
bottom: 6rem;
opacity: 1;
}
.mod__contacto {
padding: 8rem 0px;
}
.swiper-cirugia-guiada img {
transform: scale(1.1);
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 1s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.swiper-cirugia-guiada .swiper-slide-active img {
transform: scale(1);
}
.anivalor {
width: 77rem;
height: 77rem;
position: absolute;
bottom: -6rem;
left: -4rem;
}
.anivalor img {
position: absolute;
width: 60rem;
opacity: 0;
top: 20rem;
right: 20rem;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.anivalor1 img {
opacity: 0.6;
}
.anivalor1 .anivalor__img1 {
top: 0px;
right: 0px;
}
.anivalor1 .anivalor__img2 {
top: 6rem;
right: 6rem;
}
.anivalor1 .anivalor__img3 {
top: 12rem;
right: 12rem;
}
.anivalor1 .anivalor__img4 {
top: 18rem;
right: 18rem;
}
.anivalor2 img {
opacity: 0.6;
width: 50rem;
}
.anivalor2 .anivalor__img1 {
transform: rotate(-45deg);
top: 35rem;
right: 10rem;
}
.anivalor2 .anivalor__img3 {
top: 35rem;
right: -27rem;
transform: rotate(-45deg);
}
.anivalor2 .anivalor__img2 {
transform: rotate(136deg);
top: -10rem;
right: 6rem;
}
.anivalor2 .anivalor__img4 {
transform: rotate(136deg);
top: -10rem;
right: -30.8rem;
}
.linea_form {
position: absolute;
bottom: 0px;
left: -4px;
height: 0%;
width: 1px;
background: #bfbfbf;
}
.anivalor3 img {
opacity: 0.6;
transform: rotate(-45deg);
top: 28rem;
}
.anivalor3 .anivalor__img1 {
right: 10rem;
}
.anivalor3 .anivalor__img2 {
right: -9.5rem;
}
.anivalor3 .anivalor__img3 {
right: -29rem;
}
.anivalor3 .anivalor__img4 {
right: -48.5rem;
}
label {
font-size: 2.4rem;
font-style: normal;
font-weight: 600;
line-height: 110%; letter-spacing: -0.5px;
margin-bottom: 3rem;
display: block;
width: 100%;
color: var(--colorLila);
}
textarea,
input[type='email'],
input[type='text'] {
font-family: 'Inter Tight', sans-serif;
width: 100%;
padding: 1.6rem;
border: 1px solid var(--colorGris);
background: var(--colorBlanco);
color: var(--colorLila);
font-size: 2.4rem;
line-height: 100%;
border-radius: 1.2rem;
margin-top: 1.2rem;
margin-bottom: 0.8rem;
}
label.content {
color: var(--colorLila);
}
label.content input {
border-color: var(--colorLila);
color: var(--colorLila);
}
label.not-valid,
label.content.not-valid {
color: #e05652;
}
label.not-valid input,
label.content.not-valid input {
border-color: #e05652;
color: #e05652;
}
textarea {
height: 15rem;
}
.wpcf7-form-control.wpcf7-acceptance {
display: block;
}
.wpcf7-list-item {
margin: 0px;
}
.wpcf7-list-item label {
font-size: 14px;
letter-spacing: 0;
font-style: normal;
font-weight: 400;
line-height: 110%;
color: var(--colorGris);
}
.mod__contacto_tel {
height: 100%;
display: flex;
align-items: end;
}
.mod__contacto_tel a:hover {
color: var(--colorLila);
}
.wpcf7 form .wpcf7-response-output {
margin: 3rem 0px 0px 0px;
padding: 0px;
border: 0px;
}
.text-decoration-none {
text-decoration: none;
}
.wpcf7 p {
margin: 0px !important;
}
.list__post {
border: 0.75px solid rgba(54, 181, 254, 0.2);
border-radius: 3rem;
padding: 4rem;
display: flex;
gap: 7.2rem;
width: 100%;
margin-bottom: 2rem;
}
.list__post-left {
width: 49.2rem;
}
.list__post img {
width: 49.2rem;
height: 31.4rem;
object-fit: cover;
border-radius: 1rem;
}
.list__post a {
text-decoration: none;
}
.list__post a:hover {
color: #1b75ff;
}
.page__blog {
padding: 5.4rem 0px;
}
.list__post-cats {
display: flex;
margin-bottom: 3.6rem;
gap: 2.4rem;
}
.list__post-cats a {
color: var(--colorGris);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 110%; letter-spacing: 0.25px;
text-transform: uppercase;
text-decoration: none;
}
.list__post-date {
color: var(--colorGris);
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 116%; letter-spacing: -0.1px;
margin-bottom: 2.4rem;
}
.list__post-right {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
width: 73rem;
}
.list__post-exc {
width: 53rem;
}/*/*//*/*//*/*/.ani-ini-contacto,
.ani-scroll-enter {
opacity: 0;
transform: translateY(20px);
}
.ani-ini-enter {
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
transform: translateY(40px);
opacity: 0;
}
.ani-ini-enter.init {
transform: translateY(0px);
opacity: 1;
}
.ani-exit-opa {
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
opacity: 0;
}
.ani-exit-opa.init {
opacity: 1;
}
.changeColorFondo {
background-color: var(--colorBlanco) !important;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.changeColorFondo.init {
background-color: var(--colorLila) !important;
}/*/*//*/*//*/*/footer {
background: var(--colorLila);
color: var(--colorBlanco);
width: 100%;
height: 65rem;
padding: 6rem 0px;
}
footer .footer {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 53rem;
}
footer .footer .footer__top {
width: 100%;
}
footer .footer .footer__bottom {
width: 100%;
}
footer .footer__logosmall {
width: 4.4rem;
display: block;
}
footer .footer__logobig {
display: inline;
}
footer .footer__brand-section {
display: flex;
align-items: center;
gap: 1.5rem;
}
footer .footer__divider {
width: 1px;
height: 6rem;
background-color: rgba(255,255,255,0.3);
display: inline-block;
}
footer .footer__brand-dently {
display: flex;
align-items: center;
gap: 0.4rem;
}
footer .footer__brand-icon {
height: 6.4rem;
width: auto;
}
footer .footer__brand-name {
font-family: 'Canva Sans', 'Inter Tight', sans-serif;
font-size: 3.2rem;
font-weight: 600;
color: var(--colorBlanco);
white-space: nowrap;
}
footer .menu-footer,
footer .menu-footer a {
font-size: 1.4rem;
line-height: 120%;
}
footer .c_2,
footer .c_1 {
position: absolute;
width: 53rem;
bottom: 0px;
pointer-events: none;
left: calc(50% - 53rem);
}
footer .c_2 {
left: calc(50%);
}
footer .c_2 img,
footer .c_1 img {
position: absolute;
width: 53rem;
bottom: 0px;
height: 62.5rem;
filter: brightness(0.6);
opacity: 0;
transform: translate(-50rem, 63rem);
transform: translate(-30rem, 33rem);
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 1.6s;/**/transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
}
footer .c_2 img {
transform: translate(50rem, 63rem);
transform: translate(30rem, 33rem);
}
footer.active .c_1 img,
footer.active .c_2 img {
filter: brightness(1);
opacity: 0.6;
transform: translate(0, 0);
}
.bn__rs a svg{
height: 2.4rem;
width: auto;
}/*/*//*/*//*/*/.btn {
pointer-events: auto;
cursor: pointer;
background: var(--colorLila);
border: none;
padding: 0.8rem 2.3rem 0.8rem;
margin: 0;
font-weight: 400;
position: relative;
display: inline-block;
font-size: 2.4rem;
line-height: 100%;/**/letter-spacing: -0.05rem;
text-decoration: none;
overflow: hidden;
border-radius: 20rem;
color: var(--colorBlanco);
border: 2px solid var(--colorLila);
}
.btn::before,
.btn::after {
position: absolute;
top: -2px;
left: 0;
width: 100%;
height: 100%;
}
.btn span {
display: block;
position: relative;
z-index: 10;
}
.btn:hover span {
animation: MoveScaleUpInitial 0.4s forwards, MoveScaleUpEnd 0.4s forwards 0.4s;
}
.btn::before {
content: '';
background: var(--colorBlanco);
width: 120%;
height: 0;
padding-bottom: 120%;
top: -110%;
left: -10%;
border-radius: 50%;
transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}
.btn:hover::before {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn::after {
content: '';
background: var(--colorBlanco);
transform: translate3d(0, -100%, 0);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn:hover::after {
transform: translate3d(0, 0, 0);
transition-duration: 0.05s;
transition-delay: 0.4s;
transition-timing-function: linear;
}
@keyframes MoveScaleUpInitial {
to {
transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
opacity: 0;
color: var(--colorLila);
font-family: 'Reckless Neue';
}
}
@keyframes MoveScaleUpEnd {
from {
transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
opacity: 0;
color: var(--colorBlanco);
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
color: var(--colorLila);
}
}/*/*//*/*//*/*/.font-w600 {
font-weight: 600;
}
.font-12 {
font-size: 1.2rem;
line-height: 110%;
}
.font-16 {
font-size: 1.6rem;
line-height: 110%;
}
.font-14 {
font-size: 1.4rem;
line-height: 110%;
}
.font-20 {
font-size: 2rem;
line-height: 112%;
letter-spacing: -0.01rem;
}
.font-24 {
font-size: 2.4rem;
line-height: 112%;
letter-spacing: -0.05rem;
}
.font-36 {
font-size: 3.6rem;
line-height: 100%;
letter-spacing: -0.12rem;
}
.font-46 {
font-size: 4.6rem;
line-height: 104%;
letter-spacing: -1.2px;
}
.font-48 {
font-size: 4.8rem;
line-height: 112%;
}
.font-60 {
font-size: 6rem;
line-height: 100%;
}
.font-72 {
font-size: 7.2rem;
line-height: 100%;
letter-spacing: -0.2rem;
}
.pt-90 {
padding-top: 9rem;
}
.pb-90 {
padding-bottom: 9rem;
}
.mt-60 {
margin-top: 6rem;
}
.m-0 {
margin: 0px;
}
.mb-4 {
margin-bottom: 0.4rem;
}
.mb-8 {
margin-bottom: 0.8rem;
}
.mb-12 {
margin-bottom: 1.2rem;
}
.mb-16 {
margin-bottom: 1.6rem;
}
.mb-24 {
margin-bottom: 2.4rem;
}
.mb-32 {
margin-bottom: 3.2rem;
}
.mb-36 {
margin-bottom: 3.6rem;
}
.mb-48 {
margin-bottom: 4.8rem;
}
.mb-60 {
margin-bottom: 6rem;
}
.mb-78 {
margin-bottom: 7.8rem;
}
.mb-120 {
margin-bottom: 12rem !important;
}
.mb-162 {
margin-bottom: 16.2rem;
}
.mb-196 {
margin-bottom: 19.6rem;
}
.mb-230 {
margin-bottom: 23rem;
}
.color-gris {
color: var(--colorGris);
}
.pt-60 {
margin-top: 6rem;
}
.post__content {
color: #bfbfbf;
font-size: 4rem;
line-height: 110%;
}
.post__content blockquote {
width: 120%;
margin: 6rem 0px 6rem -20%;
font-size: 4.6rem;
line-height: 114%;
}
.post__content blockquote p {
margin: 0px;
}
.post__cat {
display: flex;
margin-bottom: 3.6rem;
gap: 2.4rem;
}
.post__cat a {
text-decoration: none;
font-size: 2rem;
text-transform: uppercase;
color: var(--colorGris);
}
.post__cat a:hover {
color: var(--colorLila);
}
.font-reckless {
font-family: 'Reckless Neue';
font-weight: 100;
letter-spacing: -0.2rem;
line-height: 100%;
}
.block__img {
height: 100rem;
position: relative;
}
.block__img img {
height: 100rem;
width: 100%;
object-fit: cover;
}
.block__img:before {
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
content: '';
background: linear-gradient(
0deg,
rgba(15, 15, 76, 0.2) 0%,
rgba(15, 15, 76, 0.1) 100%
),
lightgray 50% / cover no-repeat;
mix-blend-mode: multiply;
opacity: 0.5;
}
.page-template-plantilla_contacto footer {
display: none !important;
}
.swiper-trabajos-next,
.swiper-trabajos-prev {
background-color: var(--colorLila);
padding: 1rem 1.8rem 1rem;
border-radius: 100px;
display: inline-block;
overflow: hidden;
cursor: pointer;
border: 0.25px solid rgba(54, 181, 254, 0);
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.swiper-trabajos-next svg,
.swiper-trabajos-prev svg {
float: left;
}
.swiper-trabajos-next.swiper-button-disabled,
.swiper-trabajos-prev.swiper-button-disabled {
border-radius: 72px;
border: 0.25px solid rgba(54, 181, 254, 0.2);
background: linear-gradient(
250deg,
rgba(54, 181, 254, 0.03) 1.47%,
rgba(54, 181, 254, 0.08) 98.53%
);
pointer-events: none;
}
.swiper-trabajos-next.swiper-button-disabled svg path,
.swiper-trabajos-prev.swiper-button-disabled svg path {
fill: var(--colorLila);
}
.pointer {
position: fixed;
top: 0px;
left: 0px;
pointer-events: none;
}
.pointer .pointer__drag {
width: 7rem;
height: 7rem;
padding: 1rem;
justify-content: center;
align-items: center;
display: flex;
background: var(--colorLila);
color: var(--colorBlanco);
font-family: 'Reckless Neue';
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 100%;/**/letter-spacing: -0.025rem;
border-radius: 100px;
pointer-events: none;
opacity: 0;
visibility: hidden;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0, 0, 0.04, 1);
}
.pointer .pointer__drag.show {
width: 8.5rem;
height: 8.5rem;
opacity: 1;
visibility: visible;
}
.trabajos__slider .swiper-wrapper:hover {
cursor: none;
}
.nvalor__container_movil {
display: none;
}
.trabajos__slider-home {
margin: 11rem 0px 8rem;
}
.trabajos__slider-home .swiper-slide {
width: auto;
}
.trabajos__slider-home .trabajos__slider-cont {
width: auto;
height: 76rem;
}
.wpcf7-not-valid-tip {
color: #e05652;
font-size: 2rem;
font-weight: normal;
display: block;
letter-spacing: 0;
}
body.single-post .header__page,
body.single-post .header__page .header__page-img:before,
body.single-post .header__page .header__page-img img {
height: 65vh;
}
.logo__contacto-icon{
display: none;
}
.col__txtdere{
display: none;
}
.cky-btn-revisit-wrapper{
display:none !important;
}/*/*//*/*//*/*/@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1140px) {
}
@media screen and (max-width: 992px) {
body {
font-size: 6rem;
}
.header__page,
.header__page .header__page-img:before,
.header__page .header__page-img img {
height: 150rem;
overflow: hidden;
}
.block__nosotros-valores {
height: auto;
display: block;
}
.block__nosotros .bn__right,
.block__nosotros .bn__left {
width: 100%;
}
.block__nosotros .bn__left {
padding: 12rem 8rem;
display: block;
order: 2;
}
.block__nosotros .bn__right {
order: 1;
}
.block__nosotros {
display: flex;
flex-wrap: wrap;
}
.box-precision {
width: 100vw;
height: 100vw;
}
.block__nosotros-valores h1 {
max-width: 118rem;
font-size: 12rem;
font-family: 'Reckless Neue';
line-height: 100%;
margin: 0px;
letter-spacing: -0.2rem;
font-weight: 400;
margin-bottom: 8rem;
}
.pb-90 {
padding-bottom: 20rem;
}
.pt-90 {
padding-top: 20rem;
}
.font-20,
.font-24 {
font-size: 6rem;
line-height: 112%;
letter-spacing: 0rem;
}
.font-48 {
font-size: 12rem;
letter-spacing: -0rem;
line-height: 100%;
}
.font-46 {
font-size: 10rem;
letter-spacing: -0rem;
line-height: 110%;
}
.font-60 {
font-size: 14rem;
line-height: 100%;
}
.font-12 {
font-size: 8px;
line-height: 110%;
}
.bn__data-txt {
max-width: 100rem;
}
.btn {
padding: 3rem 6rem;
font-size: 6rem;
}
.block__nosotros-personal-img {
height: 180rem;
}
.bn__rs {
}
.bn__data-footer {
width: 100%;
margin-top: 20rem;
}
footer {
height: auto;
padding: 9rem 0px 30rem;
}
footer .footer {
display: block;
height: auto;
}
footer .footer__logosmall {
width: 8rem;
display: block;
}
footer .footer__logobig {
width: 80rem;
display: block;
margin-bottom: 12rem;
}
.mb-32 {
margin-bottom: 6rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.font-14 {
font-size: 10px;
line-height: 110%;
}
footer .menu-footer,
footer .menu-footer a {
font-size: 12px;
line-height: 120%;
}
.ir__arriba {
display: none;
}
.menu-footer {
margin: 4rem 0px 16rem;
}
.cont__icolink {
height: 7.2rem;
width: 7.2rem;
margin-bottom: 41rem;
}
footer .c_1 img,
footer .c_2 img {
filter: brightness(1);
opacity: 0.6;
transform: translate(0, 0);
}
footer .c_2 img,
footer .c_1 img {
width: 80rem;
height: 90rem;
}
footer .c_2,
footer .c_1 {
width: 80rem;
left: calc(50% - 80rem);
}
footer .c_2 {
left: calc(50%);
}
header .header__container .header__menu ul li a {
padding: 1rem 3rem 1rem;
font-size: 6rem;
line-height: 120%;
}
header .header__container .header__menu {
padding: 2rem 5rem;
height: 14rem;
}
header .header__container .header__logo a {
border-radius: 12rem;
background: var(--Purple-100, #36b5fe);
box-shadow: 0px 1.1px 13.2px 0px rgba(63, 63, 63, 0.1);
display: block;
width: 14rem;
height: 14rem;
display: flex;
justify-content: center;
align-items: center;
}
header .header__container .header__logo a svg {
width: 6rem;
}
.header__menu_pastille {
display: none;
}
header {
position: fixed;
bottom: 9rem;
}
.box-precision .bp_1,
.box-precision .bp_2,
.box-precision .bp_3,
.box-precision .bp_4 {
width: 50rem;
}
.box-precision .bp_1 {
margin-right: -80rem;
}
.box-precision .bp_2 {
margin-left: -80rem;
}
.box-precision .bp_3 {
margin-left: -80rem;
}
.box-precision .bp_4 {
margin-right: -80rem;
}
.box-precision.active .bp_1,
.box-precision.active .bp_2,
.box-precision.active .bp_3,
.box-precision.active .bp_4 {
width: 75rem;
opacity: 0.6;
}
.block__nosotros-personal-img {
opacity: 0;
transform: translateY(20px);
}
.container {
padding-right: 10rem;
padding-left: 10rem;
}
.page__blog {
padding: 12rem 0px;
}
.page__blog h1 {
margin-bottom: 10rem;
}
.list__post-date {
margin-bottom: 8rem;
}
.list__post {
display: block;
border-radius: 6rem;
border: 1px solid rgba(54, 181, 254, 0.2);
background: linear-gradient(
250deg,
rgba(54, 181, 254, 0.03) 1.47%,
rgba(54, 181, 254, 0.08) 98.53%
);
padding: 8rem;
margin-bottom: 8rem;
}
.list__post-left {
width: 100%;
}
.list__post img {
width: 100%;
height: 90rem;
object-fit: cover;
border-radius: 3rem;
margin-bottom: 5rem;
}
.list__post-right {
display: block;
height: 100%;
width: 100%;
}
.post__cat,
.list__post-cats {
gap: 12rem;
}
.list__post-exc {
width: 100%;
}
.post__cat a {
font-size: 6rem;
}
.post__content {
font-size: 8rem;
}
.post__content blockquote {
width: 100%;
margin: 12rem 0px;
font-size: 10rem;
line-height: 114%;
}
.post__cat {
margin-bottom: 6.6rem;
}
.page__contacto {
overflow: hidden;
}
.cc_1,
.cc_2 {
height: 46vh;
}
.cc_1 img, .cc_2 img {
width: auto;
height: 40vh;
}
.page__contacto .con__topleft {
padding-top: 10rem;
padding-left: 27rem;
}

.logo__contacto {
width: 140rem;
margin-bottom: 17rem !important;
display: flex;
gap: 15rem;
margin-left: -27rem;
}
.logo__contacto svg {
height: 11rem;
}
.logo__contacto-icon{
display: block;
}
.logo__contacto-txt{
height: 11rem;
}
.page__contacto .font-12 {
margin-bottom: 1rem;
}
.con__bottomright .col{
flex-grow: inherit;
flex-basis:auto;
width: 63rem;
padding: 0px;
}
.con__bottomright {
margin-top: 10rem;
position: initial;
bottom: 6rem;
right: 6rem;
display: flex;
align-items: end;
flex-wrap: wrap;
align-items: flex-start;
padding-left: 27rem;
width: 100%;
}
.menu-footer a {
text-decoration: none;
font-size: 6rem;
line-height: 120%;
white-space: nowrap;
color: var(--colorBlanco);
}
.con__bottomleft {
display: none;
}
.page__trabajos {
padding-top: 12rem;
}
.tra__h {
display: flex;
gap: 10rem;
margin-bottom: 30rem;
}
.tra__h > div {
order: 2;
width: 50%;
}
.tra__h > img {
order: 1;
}
.trabajos-logo {
height: 14.5rem;
width: 14.5rem;
}
.trabajos__nav {
margin-bottom: 4rem;
text-align: center;
}
.swiper-trabajos-next,
.swiper-trabajos-prev {
padding: 3rem 7.8rem 3rem;
}
.trabajos__slider .trabajos__slider-cont {
width: 160rem;
height: 105rem;
}
.trabajos__slider .swiper-slide {
width: 160rem;
margin-right: 6rem;
}
.traser__title span {
font-size: 10rem !important;
line-height: 10rem !important;
}
.traser__title {
margin-bottom: 10rem;
}
.traser__cont {
padding: 20rem 0px;
}
.traser__cont .font-48 {
font-size: 9rem;
}
.mod__bloques {
padding: 10rem 0px !important;
}
.mod__bloques-data {
height: auto;
}
.mod__bloques-datatop h1 {
max-width: 130rem;
margin-bottom: 12rem;
}
.mod__bloques-datatxt {
border-radius: 4rem;
min-height: 58rem;
padding: 6rem;
font-size: 6rem;
line-height: 110%;
height: auto;
letter-spacing: 0px;
margin-bottom: 6rem;
text-align: left;
}
.mod__bloques-databottom {
text-align: right;
margin-bottom: 10rem;
}
.swiper-cirugia-guiada .swiper-slide {
width: 110rem;
}
.swiper-cirugia-guiada .swiper-slide:last-child {
width: 120rem;
}
.mod__bloques-imgs {
height: 100rem;
border-radius: 0rem;
width: calc(100vw - 0rem);
margin-left: -10rem;
padding: 0px 0rem 0px 0rem;
}
.mod__bloques-imgs img {
height: 100rem;
width: 100rem;
object-fit: cover;
border-radius: 3rem;
transform: scale(1) !important;
margin-left: 10rem;
}
.nmtodo__suptitle_ani,
.nmtodo__suptitle {
font-size: 14rem;
}
.nmtodo__fixed {
height: auto;
display: block;
}
.nmtodo__suptitle_ani,
.nmtodo__ani {
display: none;
}
.nmtodo__suptitle {
opacity: 0;
transform: translateY(20px);
margin-bottom: 10rem;
}
.nmtodo__content {
margin-bottom: 20rem;
font-size: 6rem;
font-weight: 400;
line-height: 110%;
letter-spacing: -0rem;
opacity: 0;
transform: translateY(20px);
}
.nmtodo__content img {
border-radius: 2rem;
height: 110rem;
width: 100%;
object-fit: cover;
margin-bottom: 4.8rem;
}
.nmtodo__content h2 {
margin: 2rem 0px 5rem;
font-size: 9rem;
line-height: 110%;
font-weight: 600;
letter-spacing: 0rem;
}
.nmtodo__content > div {
padding-left: 25rem;
}
.nmtodo__titlem {
font-family: 'Reckless Neue';
font-weight: normal !important;
font-size: 12rem !important;
margin: 0px;
letter-spacing: -0.5rem !important;
}
.nmtodo__titlem span {
display: block;
position: absolute;
margin-left: -25rem;
font-size: 6rem;
line-height: 10rem;
}
.nmdata-imgleft,
.nmdata-imgright {
display: none;
}
.nmdata__container {
width: 100%;
margin: 0px;
padding: 0rem 10rem;
}
.nmdata__header {
margin-bottom: 6rem;
}
.nmdata__number {
font-size: 20rem;
letter-spacing: -2px;
}
.nmdata .font-36 {
font-size: 8rem;
letter-spacing: 0;
margin-bottom: 3rem;
}
.nmdata__container .nmdata {
border-radius: 6rem;
padding: 8rem;
margin-bottom: 4rem;
}
.nmdata-big .nmdata__header {
display: block;
}
.nmdata-big .nmdata__txtsmall {
width: 100%;
}
.nmdata-big .nmdata__number {
margin-bottom: 6rem;
}
.nmdata-big .nmdata__logo {
position: absolute;
top: 8rem;
right: 8rem;
}
.mod__nmdata {
padding-bottom: 20rem;
padding-top: 15rem;
}
.traser__box {
border-radius: 7rem;
border: 1px solid rgba(54, 181, 254, 0.2);
background: linear-gradient(
250deg,
rgba(255, 255, 255, 0.03) 1.47%,
rgba(255, 255, 255, 0.08) 98.53%
);
display: flex;
width: 100%;
height: auto;
padding: 6rem 6rem 6rem 6rem;
align-items: flex-end;
gap: 1rem;
font-size: 6rem;
font-style: normal;
font-weight: 400;
line-height: 112%;
letter-spacing: -0.05rem;
margin-top: 2.8rem;
min-height: 60rem;
margin-left: 45rem;
width: calc(100% - 45rem);
}
.trabajos__ser-imgback {
display: none;
}
.trabajos__ser .traser__cont:nth-child(2) {
background-color: #36b5fe;
color: #fff;
}
.trabajos__ser .traser__cont:nth-child(3) {
background-color: #1b75ff;
color: #fff;
}
.trabajos__ser .traser__cont:nth-child(4) {
background-color: #a4d7ff;
}
.trabajos__ser .traser__cont:nth-child(5) {
background-color: #eef7ff;
}
.trabajos__ser .traser__cont {
padding: 10rem 0px;
transform: translateY(20px);
opacity: 0;
background-image: url(../../../themes/taravilla/images/piezas-in-out.png);
background-repeat: no-repeat;
background-position: center;
background-size: 240rem;
}
.traser__title {
margin-bottom: 15rem;
padding-left: 45rem;
position: relative;
}
.traser__title span {
position: absolute;
left: 0rem;
font-size: 6rem !important;
line-height: 6rem !important;
}
.traser__subtitle {
padding-left: 45rem;
margin-bottom: 10rem;
}
.traser__img img {
border-radius: 1rem;
height: auto;
width: 100%;
}
.home__header-img {
height: 150rem;
}
.home__header-data {
height: 150rem;
}
.home__header h1 {
top: 48%;
font-size: 14rem;
}
.home__header {
height: 150rem;
}
.trabajos__slider {
padding: 0px 10rem 3rem 10rem;
}
.trabajos__slider .trabajos__slider-cont img {
border-radius: 6rem;
}
.trabajos__slider {
padding: 0px 10rem 10rem 10rem;
}
.ch_1 img,
.ch_2 img {
height: 80vh;
}
.home__valores_pin {
height: auto;
}
.home__gallery_container {
width: 150rem;
gap: 8rem;
}
.home__gallery .gal__img {
width: 70rem;
height: 43rem;
border-radius: 3rem;
}
.home__gallery .gal__img video,
.home__gallery .gal__img img {
width: 70rem;
height: 43rem;
object-fit: cover;
}
.home__gallery {
padding: 30rem 0px;
}
.mod__bloques-datatop h1 {
margin-top: 2rem;
}
.banner__ani,
.banner__ani img {
height: 120rem;
}
.banner__ani_title {
font-size: 12rem;
width: 120rem;
}
.banner__ani .banner__ani_title {
top: 37rem;
opacity: 1;
}
.banner__ani img {
opacity: 0.7;
}
.banner__ani .banner__ani_btn {
bottom: 15rem;
opacity: 1;
}
.mod__contacto_title {
font-size: 10rem;
letter-spacing: -1px;
}
.mod__contacto_tel .font-60 {
font-size: 10rem;
padding: 4rem 0px;
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
width: 100%;
margin-top: 20rem;
margin-bottom: 10rem;
}
label {
font-size: 7rem;
}
textarea,
input[type='email'],
input[type='text'] {
padding: 3rem;
border: 1px solid var(--colorGris);
font-size: 7rem;
line-height: 100%;
border-radius: 3rem;
margin-top: 2.2rem;
margin-bottom: 2.8rem;
}
.mod__contacto {
padding: 10rem 0px 14rem;
}
.nvalor__container {
display: none;
}
.nvalor__container_movil {
display: block;
}
.nvalor__mimg img {
width: 100%;
height: auto;
margin: 10rem 0px;
}
.nvalor__slider-item {
background-color: var(--colorLila);
}
.nvalor__slider .swiper-slide {
opacity: 0 !important;
-moz-transition: var(--ani) !important;
-ms-transition: var(--ani) !important;
-o-transition: var(--ani) !important;
transition: var(--ani) !important;
}
.nvalor__slider .swiper-slide-active {
opacity: 1 !important;
}
.home__valores {
min-height: auto;
}
.home__valores {
padding: 8rem 0px;
}
.nvalor__container_movil_titulo {
margin-bottom: 4rem;
}
.nvalor__mtxt {
font-family: 'Reckless Neue';
font-size: 12rem;
line-height: 13rem;
margin-bottom: 28rem;
}
.nvalor__mtit {
font-family: 'Reckless Neue';
font-size: 8rem;
line-height: 9rem;
}
.nvalor__slider .swiper-pagination {
position: initial;
margin-top: 10rem;
z-index: 999;
}
.nvalor{
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 170rem;
}
.swiper-pagination-bullet {
background-color: #fff;
opacity: 0.5;
}
.swiper-pagination-bullet-active {
background-color: #fff;
opacity: 1;
}
.page__defecto h1 {
font-size: 12rem;
line-height: 100%;
margin: 0px 0px 10rem;
}
.page__defecto {
padding-top: 15rem;
padding-bottom: 20rem;
font-size: 6rem;
}
.page404 {
font-size: 6rem;
text-align: center;
}
.page404 h1 {
font-size: 48rem;
margin-top: 25vh;
margin-bottom: 10rem;
text-align: center;
}
.page404 p {
margin-bottom: 30rem;
}
.ch_1,
.ch_2 {
height: 120rem;
}
.trabajos__slider-home {
margin: 10rem 0px 0rem;
padding: 0px 10rem 10rem 5rem;
}
.trabajos__slider-home .swiper-slide {
width: auto;
}
body.single-post .header__page,
body.single-post .header__page .header__page-img:before,
body.single-post .header__page .header__page-img img {
height: 45vh;
}
.bn__rs a svg{
height: 6rem;
width: 7rem;
}
.trabajos__slider .trabajos__slider-cont video, 
.trabajos__slider .trabajos__slider-cont img {
border-radius: 5rem;
width: 160rem;
height: 105rem;
}
.mt-10{
margin-top: 10rem;
}
.trab_titulo_grande {
max-width: 62rem;
}
.wpcf7-form .btn{
margin-top: 6rem;
display: block;
width: 100%;
font-size: 7rem;
padding: 4rem;
line-height: 100%;
}
.wpcf7-list-item label {
font-size: 12px;
}
.page__contacto a,
footer a{
color: var(--colorBlanco);
text-decoration: none;
}
.col__linkedin{
text-align: left !important;
}
.col__txtdere{
display: block;
}
.page__contacto .font-24 {
font-size: 7rem;
line-height: 120%;
}
}
@media screen and (max-width: 600px) {
}





/* Custom platform labels for the homepage swiper slider */
.trabajos__slider-cont {
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
}
.trabajos__slider .trabajos__slider-cont img,
.trabajos__slider .trabajos__slider-cont video {
    border: 2px solid #e2e8f0 !important; /* Very thin light grey border */
    box-sizing: border-box;
    border-radius: 3rem;
}
.platform-label {
    margin-top: 2.5rem;
    margin-left: 2rem; /* Indent slightly to align with the rounded image edge */
    color: #111827; /* Dark slate/almost black for high visibility on white background */
    font-size: 3.2rem; /* Make it slightly larger for the serif heading look */
    font-weight: 500;
    font-family: 'Reckless Neue', serif; /* Restored serif header font */
    letter-spacing: -0.05rem;
    display: inline-block;
    position: relative;
    z-index: 10;
    transition: all 0.3s ease;
}
.platform-label::after {
    content: '';
    display: block;
    width: 0%;
    height: 3px;
    background: #36b5fe; /* Dently Blue progress line */
    margin-top: 1rem;
    border-radius: 2px;
}
.swiper-slide-active .platform-label::after {
    animation: slideProgress 4s linear forwards;
}
@keyframes slideProgress {
    0% { width: 0%; }
    100% { width: 100%; }
}
@media screen and (max-width: 768px) {
    .platform-label {
        margin-top: 1.5rem;
        margin-left: 1rem;
        font-size: 2.2rem;
    }
    .platform-label::after {
        height: 2px;
        margin-top: 0.6rem;
    }
}




/* === Pricing page missing utilities === */
.font-90 { font-size: 9rem; line-height: 1; }
.font-w500 { font-weight: 500; }
.font-w700 { font-weight: 700; }
.font-18 { font-size: 1.8rem; }
.mb-30 { margin-bottom: 3rem; }
.mb-40 { margin-bottom: 4rem; }

/* ============================================
   PRICING PAGE — complete redesign
   ============================================ */

/* Hero */
.pricing-page { padding-bottom: 8rem; }

.pricing-hero {
  text-align: center;
  padding: 8rem 2rem 6rem;
  max-width: 72rem;
  margin: 0 auto;
}

.pricing-badge {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #36b5fe;
  background: rgba(54,181,254,0.1);
  border: 1px solid rgba(54,181,254,0.25);
  border-radius: 10rem;
  padding: 0.4rem 1.4rem;
  margin-bottom: 2.4rem;
}

.pricing-title {
  font-size: 5.6rem;
  line-height: 1.05;
  color: #111827;
  margin: 0 0 2rem;
  letter-spacing: -0.03em;
}

.pricing-subtitle {
  font-size: 1.8rem;
  color: #6b7280;
  line-height: 1.6;
  margin: 0;
}

/* Cards row */
.pricing-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
  margin-bottom: 3.2rem;
}

@media (max-width: 768px) {
  .pricing-cards { grid-template-columns: 1fr; }
  .pricing-title { font-size: 3.6rem; }
}

.pricing-card {
  position: relative;
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 2rem;
  padding: 3.6rem;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: box-shadow 0.3s ease;
}

.pricing-card:hover {
  box-shadow: 0 8px 40px rgba(0,0,0,0.08);
}

.pricing-card--featured {
  background: #0f172a;
  border-color: #0f172a;
}

.pricing-card__badge {
  position: absolute;
  top: -1.4rem;
  left: 50%;
  transform: translateX(-50%);
  background: #36b5fe;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 10rem;
  padding: 0.4rem 1.6rem;
  white-space: nowrap;
}

.pricing-card__name {
  font-size: 2.4rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 1.2rem;
}

.pricing-card--featured .pricing-card__name { color: #fff; }

.pricing-card__desc {
  font-size: 1.5rem;
  color: #6b7280;
  line-height: 1.6;
  margin: 0 0 2.8rem;
}

.pricing-card--featured .pricing-card__desc { color: rgba(255,255,255,0.6); }

.pricing-card__price {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  margin-bottom: 2.8rem;
}

.pricing-card__amount {
  font-size: 4.8rem;
  font-weight: 700;
  color: #111827;
  line-height: 1;
}

.pricing-card--featured .pricing-card__amount { color: #fff; }

.pricing-card__period {
  font-size: 1.6rem;
  color: #9ca3af;
}

.pricing-card__btn {
  display: block;
  text-align: center;
  margin-bottom: 2.8rem;
}

.pricing-card__btn--dark {
  background: #fff;
  color: #0f172a;
  border-color: #fff;
}

.pricing-card__btn--dark:hover {
  background: rgba(255,255,255,0.9);
}

.pricing-card__features-label {
  font-size: 1.4rem;
  font-weight: 600;
  color: #374151;
  margin: 0 0 1.2rem;
}

.pricing-card--featured .pricing-card__features-label { color: rgba(255,255,255,0.8); }

.pricing-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pricing-card__list li {
  font-size: 1.5rem;
  color: #4b5563;
  padding-left: 2rem;
  position: relative;
  line-height: 1.5;
}

.pricing-card__list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #36b5fe;
  font-weight: 700;
}

.pricing-card--featured .pricing-card__list li { color: rgba(255,255,255,0.7); }

/* Custom plans note */
.pricing-custom {
  text-align: center;
  font-size: 1.6rem;
  color: #6b7280;
  margin: 0 0 8rem;
}

.pricing-custom a {
  color: #36b5fe;
  text-decoration: underline;
}

/* Comparison table */
.pricing-table-header {
  text-align: center;
  margin-bottom: 4rem;
}

.pricing-table-title {
  font-size: 3.6rem;
  color: #111827;
  margin: 0 0 1.2rem;
  letter-spacing: -0.02em;
}

.pricing-table-subtitle {
  font-size: 1.7rem;
  color: #6b7280;
  margin: 0;
}

.pricing-table-wrap {
  overflow-x: auto;
  border: 1.5px solid #e5e7eb;
  border-radius: 1.6rem;
  margin-bottom: 8rem;
}

.pricing-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.5rem;
}

.pricing-table thead th {
  padding: 2rem 2.4rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
  color: #111827;
  background: #f9fafb;
  border-bottom: 1.5px solid #e5e7eb;
}

.pricing-table thead th.pricing-table__feature-col {
  text-align: left;
  width: 45%;
}

.pricing-table__price {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  color: #36b5fe;
  margin-top: 0.4rem;
}

.pricing-table__mo {
  font-size: 1.2rem;
  color: #9ca3af;
  font-weight: 400;
}

.pricing-table tbody tr {
  border-bottom: 1px solid #f3f4f6;
}

.pricing-table tbody tr:last-child { border-bottom: none; }

.pricing-table tbody td {
  padding: 1.4rem 2.4rem;
  color: #374151;
}

.pricing-table__group td {
  padding: 1.2rem 2.4rem;
  font-weight: 600;
  font-size: 1.3rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7280;
  background: #f9fafb;
  border-top: 1.5px solid #e5e7eb;
}

.pricing-table__check {
  text-align: center !important;
  color: #36b5fe !important;
  font-size: 1.8rem;
  font-weight: 700;
}

.pricing-table__no {
  text-align: center !important;
  color: #d1d5db !important;
  font-size: 1.8rem;
}