#grve-theme-wrapper {
overflow-x: hidden;
}
@supports (overflow-x: clip) {
#grve-theme-wrapper {
overflow-x: clip;
}
}
.ty-portfolio-slider-outer {
--ty-slider-navy: #052e6d;
--ty-slider-purple: #714594;
--ty-slider-border: #c5d0e8;
margin-bottom: 2.25rem; color: #1a1a1a; overflow-x: hidden;
overflow-y: visible;
width: 100%;
max-width: 100%;
position: relative;
}
.ty-portfolio-slider.owl-carousel {
visibility: visible;
}
.ty-portfolio-slider.owl-carousel .owl-stage-outer {
overflow: hidden !important;
position: relative;
width: 100%;
} .ty-portfolio-slider.owl-carousel .owl-item {
position: relative;
float: left;
min-height: 1px;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.ty-portfolio-slider.owl-carousel .owl-stage {
display: flex;
padding-bottom: 1.5rem;
}
.ty-portfolio-slider.owl-carousel .owl-item {
float: none;
display: flex;
align-items: stretch;
}
.ty-portfolio-slider.owl-carousel .ty-portfolio-slider__item {
display: flex;
width: 100%;
min-height: 100%;
align-items: stretch;
align-self: stretch;
padding: 2rem .5rem;
}
.ty-portfolio-card {
display: flex;
flex-direction: column;
width: 100%;
flex: 1 1 auto;
min-height: 100%;
background: #fff;
border-radius: 16px;
overflow: hidden;
border: 0;
box-shadow: 0 0 20px 0 rgba(5, 46, 109, 0.5);
transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.ty-portfolio-card--simple:hover {
border-color: rgba(113, 69, 148, 0.35);
box-shadow: 0 14px 40px rgba(5, 46, 109, 0.1);
transform: translateY(-3px);
} .ty-portfolio-slider--empresas .ty-portfolio-card--simple {
background: transparent;
border: none;
box-shadow: none;
border-radius: 0;
transition: none;
}
.ty-portfolio-slider--empresas .ty-portfolio-card--simple:hover {
border: none;
box-shadow: none;
transform: none;
}
.ty-portfolio-slider--empresas .ty-portfolio-card--simple .ty-portfolio-card__media {
background: transparent;
} .ty-portfolio-slider-outer .ty-portfolio-card__body,
.ty-portfolio-slider-outer .ty-portfolio-card__content {
text-align: center;
}
.ty-portfolio-slider-outer .ty-portfolio-card__content .grve-container {
text-align: center;
}
.ty-portfolio-slider-outer .ty-portfolio-card__content p {
margin-top: 0;
margin-bottom: 0.3em;
line-height: normal;
}
.ty-portfolio-slider-outer .ty-portfolio-card__content p strong {
font-weight: 500;
}
.ty-portfolio-slider-outer .ty-portfolio-card__content p + p {
margin-top: 0.2em;
}
.ty-portfolio-slider-outer .ty-portfolio-card__content p:last-child {
margin-bottom: 0;
} .ty-portfolio-slider-outer .ty-portfolio-card .grve-container {
max-width: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.ty-portfolio-slider-outer .ty-portfolio-card .entry-content,
.ty-portfolio-slider-outer .ty-portfolio-card .entry-content p,
.ty-portfolio-slider-outer .ty-portfolio-card .entry-content li {
color: inherit;
}
.ty-portfolio-slider-outer .ty-portfolio-card .entry-content strong {
color: inherit;
}
.ty-portfolio-slider-outer .ty-portfolio-card .entry-content a {
color: var(--color-principal, #0066cc);
}
.ty-portfolio-card__media {
position: relative;
width: 100%;
overflow: hidden;
aspect-ratio: 16 / 10;
}
.ty-portfolio-card__media img.ty-portfolio-card__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .ty-portfolio-card--simple .ty-portfolio-card__media {
aspect-ratio: auto;
min-height: 88px;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem 1rem 0.55rem;
background: #fff;
}
.ty-portfolio-card--simple .ty-portfolio-card__media img.ty-portfolio-card__img {
width: auto;
max-width: 85%;
height: auto;
max-height: 72px;
object-fit: contain;
}
.ty-portfolio-card__body {
padding: 1rem 1.15rem 1.25rem;
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.ty-portfolio-card__content.entry-content > *:last-child {
margin-bottom: 0;
} .ty-portfolio-slider-outer .owl-dots {
text-align: center;
margin-top: 1rem;
}
.ty-portfolio-slider-outer .owl-dot span {
display: block;
border-radius: 50%;
border: 0!important;
background: var(--ty-slider-navy);	
height: 1rem;
margin: 0 12px;
opacity: 1;
transition: background 0.2s ease, box-shadow 0.2s ease;
width: 1rem;
}
.ty-portfolio-slider-outer .owl-dot.active span {
background: var(--ty-slider-purple)!important;
box-shadow: none;
}
.ty-portfolio-slider-outer .owl-dot:hover span {
background: var(--ty-slider-purple)!important;
} .ty-portfolio-slider--datos-macro .ty-portfolio-slider__item {
padding: 2rem 0.5rem;
}
.ty-portfolio-card--dato-macro {
background: transparent;
border: none;
box-shadow: none;
border-radius: 0;
transition: none;
}
.ty-portfolio-slider--datos-macro .ty-portfolio-card--dato-macro:hover {
border: none;
box-shadow: none;
transform: none;
}
.ty-portfolio-card--dato-macro .ty-portfolio-card__body {
padding: 1rem 1.15rem 1.25rem;
gap: 0.45rem;
justify-content: flex-start;
align-items: center;
min-height: 132px;
}
.ty-dato-macro__counter-line {
margin: 0;
line-height: 1.05;
display: inline-flex;
align-items: baseline;
flex-wrap: nowrap;
white-space: nowrap;
max-width: 100%;
}
.ty-dato-macro__counter {
display: inline-block;
font-family: Poppins, sans-serif;
font-size: clamp(1.45rem, 2.7vw, 2.05rem);
font-weight: 700;
color: #052e6d;
}
.ty-dato-macro__prefix,
.ty-dato-macro__suffix,
.ty-dato-macro__sign {
font-family: Poppins, sans-serif;
font-size: clamp(1.15rem, 2vw, 1.55rem);
font-weight: 700;
color: #052e6d;
}
.ty-dato-macro__prefix {
margin-right: 0.2em;
}
.ty-dato-macro__suffix {
margin-left: 0.2em;
}
.ty-dato-macro__description {
text-align: center;
width: 100%;
}
.ty-dato-macro__description p {
margin: 0;
font-family: Poppins, sans-serif;
font-size: 0.95rem;
line-height: 1.35;
color: #2a2a2a;
}
.ty-portfolio-slider--datos-macro .owl-dots {
margin-top: 0.25rem;
}
.ty-portfolio-slider--datos-macro .owl-dot span {
width: 0.85rem;
height: 0.85rem;
margin: 0 8px;
} .ty-portfolio-card--flip {
background: transparent;
box-shadow: none;
border: none;
overflow: visible;
flex: 1 1 auto;
min-height: 100%;
display: flex;
flex-direction: column;
}
.ty-portfolio-card--flip:hover,
.ty-portfolio-card--flip:focus-within {
transform: none;
}
.ty-flip-card {
perspective: 1000px;
width: 100%;
flex: 1 1 auto;
min-height: 280px;
height: 100%;
isolation: isolate;
display: flex;
flex-direction: column;
}
.ty-flip-card__inner {
position: relative;
width: 100%;
flex: 1 1 auto;
min-height: 100%;
height: 100%;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform-style: preserve-3d;
}
.ty-flip-card:hover .ty-flip-card__inner,
.ty-flip-card:focus-within .ty-flip-card__inner {
transform: rotateY(180deg);
}
@media (prefers-reduced-motion: reduce) {
.ty-flip-card__inner {
transition: none;
}
}
.ty-flip-card__face {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 16px;
overflow: hidden;
border: 0;
box-shadow: 0 0 20px 0 rgba(5, 46, 109, 0.5);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.ty-flip-card__face--front {
position: relative;
width: 100%;
flex: 1 1 auto;
min-height: 260px;
transform: rotateY(0deg);
justify-content: flex-start;
}
.ty-flip-card__face--front .ty-portfolio-card__media {
aspect-ratio: auto;
min-height: 100px;
padding: 1.15rem 1.05rem 0.45rem;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}
.ty-flip-card__face--front .ty-portfolio-card__media img {
width: auto;
max-width: 100%;
height: auto;
max-height: 76px;
object-fit: contain;
}
.ty-flip-card__face--front .ty-portfolio-card__body {
color: var(--ty-slider-navy);
text-align: center;
}
.ty-flip-card__face--front .ty-portfolio-card__body strong {
color: var(--ty-slider-navy);
}
.ty-flip-card__face--back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
min-height: 100%;
box-sizing: border-box;
transform: rotateY(180deg);
justify-content: center;
background: linear-gradient(160deg, var(--ty-slider-navy) 0%, #031d45 100%);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 16px 20px rgba(5, 46, 109, 0.25);
}
.ty-flip-card__face--back .ty-portfolio-card__body {
overflow-y: auto;
max-height: 100%;
padding: 1.35rem 1.2rem;
color: #fff !important;
text-align: center;
}
.ty-flip-card__face--back .ty-portfolio-card__body p,
.ty-flip-card__face--back .ty-portfolio-card__body li {
color: rgba(255, 255, 255, 0.95) !important;
}
.ty-flip-card__face--back .ty-portfolio-card__body strong {
color: #fff !important;
} .ty-portfolio-slider--funciones.ty-portfolio-slider-outer {
margin-bottom: 1.75rem;
}
.ty-portfolio-slider--funciones .ty-flip-card {
min-height: 240px;
}
.ty-portfolio-slider--funciones .ty-flip-card__inner {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 100%;
padding: 2rem .5rem;
}
.ty-portfolio-slider--funciones .ty-flip-card__face--front {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.ty-portfolio-slider--funciones .ty-flip-card__face--front .ty-portfolio-card__media {
min-height: 0;
padding: 3.15rem 3rem 2.45rem;
}
.ty-portfolio-slider--funciones .ty-flip-card__face--front .ty-portfolio-card__media img {
max-height: 76px;
}
.ty-portfolio-slider--funciones .ty-flip-card__face--front .ty-portfolio-card__body {
padding: 1.15rem 3rem 5rem;
justify-content: center;
flex: 0 1 auto;
}
.ty-portfolio-slider--funciones .ty-flip-card__face--back {
justify-content: center;
}
.ty-portfolio-slider--funciones .ty-flip-card__face--back .ty-portfolio-card__body {
padding: 1.35rem 1.2rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.ty-portfolio-slider--funciones .ty-portfolio-slider-outer .ty-portfolio-card__content p {
line-height: 1.22;
font-size: 0.9375rem;
} .ty-funciones-video-stack {
--ty-slider-navy: #052e6d;
--ty-slider-purple: #714594;
--ty-slider-border: #c5d0e8;
margin-bottom: 2.25rem;
color: #1a1a1a;
display: flex;
flex-direction: column;
gap: 1.75rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.ty-funciones-video-card {
display: block;
width: 100%;
background: #fff;
border: 0;
border-radius: 14px;
box-shadow: 0 0 20px 0 rgba(5, 46, 109, 0.5);	
padding: clamp(1.25rem, 3vw, 2.5rem) clamp(1.25rem, 3.5vw, 3rem);
box-sizing: border-box;
}
.ty-funciones-video-card__grid {
display: grid;
grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
gap: 1.5rem 3.25rem;
align-items: center;
width: 100%;
}
.ty-funciones-video-card--no-media .ty-funciones-video-card__grid {
grid-template-columns: minmax(0, 1fr);
}
.ty-funciones-video-card__col--text {
min-width: 0;
text-align: left;
}
.ty-funciones-video-card__icon-description {
display: flex;
align-items: center;
}
.ty-funciones-video-card__icon {
line-height: 0;
margin-bottom: 1rem;
}
.ty-funciones-video-card__icon img,
.ty-funciones-video-card__icon-img {
display: block;
width: auto;
height: auto;
max-width: 56px;
max-height: 56px;
object-fit: contain;
}
.ty-funciones-video-card__description,
.ty-funciones-video-card__excerpt {
font-size: 0.9375rem;
line-height: 1.5;
color: #333;
}
.ty-funciones-video-card__description {
margin: 0 2rem 0.85rem;
}
.ty-funciones-video-card__description .titulo-oscuro {
font-family: Poppins;
font-size: 22px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.23;
letter-spacing: normal;
text-align: left;
color: #052e6d;
}
.ty-funciones-video-card__col--text
> .ty-funciones-video-card__icon-description:last-child
.ty-funciones-video-card__description:last-child {
margin-bottom: 0;
}
.ty-funciones-video-card__excerpt {
color: #444;
}
.ty-funciones-video-card__icon-description + .ty-funciones-video-card__excerpt {
margin-top: 0.5rem;
}
.ty-funciones-video-card__icon-description + .ty-funciones-video-card__excerpt .grve-container {
margin: 0;
padding: 0;
}
.ty-funciones-video-card__icon-description + .ty-funciones-video-card__excerpt .grve-container p {
font-family: Poppins;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #2a2a2a;
}
.ty-funciones-video-card__icon-description + .ty-funciones-video-card__excerpt .grve-container p strong {
color: #2a2a2a;
}
.ty-funciones-video-card__description p,
.ty-funciones-video-card__excerpt p {
margin: 0 0 0.65em;
}
.ty-funciones-video-card__description p:last-child,
.ty-funciones-video-card__excerpt p:last-child {
margin-bottom: 0;
}
.ty-funciones-video-card__description strong,
.ty-funciones-video-card__excerpt strong {
color: var(--ty-slider-navy);
font-weight: 700;
}
.ty-funciones-video-card__col--media {
min-width: 0;
align-self: stretch;
display: flex;
align-items: center;
}
.ty-funciones-video-card__video {
box-shadow: 0 0 20px 0 rgba(5, 46, 109, 0.25);
position: relative;
width: 100%;
max-width: 100%;
height: auto;
overflow: hidden;
border-radius: 10px;
background: #f0f3f9;
}
.ty-funciones-video-card .ty-funciones-video-card__video .fluid-width-video-wrapper {
padding-top: 54.25%!important;
}
.ty-funciones-video-card__video .acf-oembed,
.ty-funciones-video-card__video > .wp-block-embed__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ty-funciones-video-card__video iframe {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100% !important;
height: 100% !important;
border: 0;
border-radius: 10px;
}
.ty-funciones-video-card__video .ty-funciones-video-card__video-html5 {
position: static;
display: block;
width: 100%;
height: auto;
border: 0;
border-radius: 10px;
object-fit: contain;
}
.ty-funciones-video-card__video .wp-video,
.ty-funciones-video-card__video .wp-video-shortcode,
.ty-funciones-video-card__video video.wp-video-shortcode {
position: absolute !important;
top: 0;
left: 0;
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.ty-funciones-video-card__grid {
grid-template-columns: 1fr;
gap: 1.25rem;
}
.ty-funciones-video-card__col--media {
order: 2;
}
.ty-funciones-video-card__col--text {
order: 1;
}
}
@media only screen and (max-width: 575px) {
.ty-flip-card,
.ty-flip-card__inner {
min-height: 260px;
}
.ty-portfolio-slider--funciones .ty-flip-card,
.ty-portfolio-slider--funciones .ty-flip-card__inner {
min-height: 260px;
}
.ty-dato-macro__counter {
font-size: 1.9rem;
}
}