:root {
--primary-font: "Loew", sans-serif;
--base-size-font: 15px;
--primary-color: #1d1e1c;
--secondary-color: #af9150;
--tertiary-color: #f5f4f0;
--transition: all 0.4s ease;
--custom-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
--box-shadow: 0px 2.589681386947632px 10.358725547790527px 0px #0000001f;
--border-radius: 10px;
--title-m: 1.7rem; --title-m-mini: 1.5rem; --title-xl: 2rem;
--title-m-responsive: 2rem;
--text-mini: 0.8rem;
--text-content-size: 1rem; }
body {
font-family: var(--primary-font);
font-size: var(--base-size-font);
font-weight: 400;
line-height: 1.2;
margin: 0;
color:var(--primary-color);
letter-spacing: -0.4px; }
html,
body {
height: 100%;
}
ul, ol, li {
line-height: 1.4rem;
}
li > ul, li > ol {
margin-top: 5px;
} .sidebarMenuInner li.current-menu-item.no-highlight > a {
background-color: transparent;
color: inherit;
}
.sidebarMenuInner li.current-menu-item.no-highlight > a:hover{
color:var(--secondary-color);
}
main.-intern{
padding-top: 145px;
}
p{
margin-bottom: 20px;
line-height: 1.4rem;
}
.-bg-white{
background-color: #fff;
}
.-bg-light{
background-color: var(--secondary-color);
}
.-bg-dark{
background-color: var(--primary-color);
}    .loader-wrap{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:var(--secondary-color);
z-index:99999;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.loader-wrap.active{
animation: 2000ms ease 300ms 1 normal both running fade-in;
}
.loader-wrap.hide{
display:none;
}
.loader-logo{
margin-bottom:4rem;
position: absolute;
z-index: 9999; }
#loading-percentage {
margin-top: 20px;
font-size: 24px;
color: #fff;
}
.background-animation {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background-color: var(--primary-color);
z-index: 1;
animation: fillBackground 2s forwards;
}
@keyframes fillBackground {
to {
height: 100%;
}
}
@keyframes rotateAnimation {
20% {
transform: rotate(0);
}
25%, 45% {
transform: rotate(90deg);
}
50%, 70% {
transform: rotate(180deg);
}
75%, 95% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
.loader-logo img{
width:10rem;
}
@media screen and (min-width: 1024px) {
.loader-logo img{
width:12rem;
} 
}
.loader-icon .loader{
position: relative;
}
@keyframes fade-in {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.loader{
width: 100%;
height: 100%;
position: absolute;
top: 0;
display:flex;
align-items: center;
justify-content: center;
text-indent:0;
font-size:0;
opacity:0;
visibility:hidden;
}
.loader.active{
opacity:1;
visibility:visible;
}
.loader:before {
content: "";
width: 40px;
height: 40px;
border-radius: 50%;
border: 10px solid #ccc;
border-top-color: var(--primary-color);
border-width: 5px;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
z-index: 2;
display: block;
}
@-webkit-keyframes spin{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spin{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
} .header {
width: 100%;
height: 138px;
display: flex;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 9990;
transition: var(--transition);
padding-left: 0px;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.header {
padding-left: 66px;
height: 118px; }
}
@media screen and (min-width: 1280px) {
}
body:not(.home) .header {
transform: translateY(0);
}
.header.activeFixed {
box-shadow: var(--box-shadow);
position: fixed !important;
height: 58px;
transform: translateY(0);
background-color: var(--primary-color);
}
.header.activeFixed .btn {
border: 1px solid var(--secondary-color);
}
.header.-intern.activeFixed svg .cls-1{
stroke:#fff!important;
fill:#fff!important;
}
.header.-intern.activeFixed svg .cls-2{
fill: #fff!important;
}
.header__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.header__logo a {
display: block;
height: 60px;
transition: var(--transition);
}
.header.activeFixed .header__logo a {
height: 40px;
}
@media screen and (min-width: 1280px) {
.header__logo a {
height: 80px;
}
}
.header__logo img,
.header__logo svg {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: contain;
}
.header__content {
display: flex;
align-items: center;
gap: 10px;
}
.header__social {
display: none;
gap: 8px;
}
@media screen and (min-width: 1280px) {
.header__social {
display: flex;
}
}
.header__social img {
width: 27px;
height: 27px;
}
.header__toggle {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
background: transparent;
padding: 10px;
}
@media screen and (min-width: 1280px) {
.header__toggle {
display: none;
}
}
.header__toggle img {
width: 100%;
}
.header__button {
margin-left: 20px;
}
.exchange {
display: none;
font-size: var(--base-size-font);
color: #fff;
margin-right: 20px;
}
header.-intern .exchange {
color:var(--primary-color);
}
header.-intern.activeFixed .exchange{
color: #fff;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.exchange {
display: flex;
}
}
@media screen and (min-width: 1280px) {
}
.exchange span {
font-weight: 600;
margin-right: 5px;
}
.vertical-scroll-progress-container {
width: 100%;
height: 4px;
position: absolute;
top: 0;
right: 0;
z-index: 0;
}
.scroll-progress-bar {
height: 100%;
background: #0a0a0a;
width: 0.6vh;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
max-height:60px;
} .sidebar {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
opacity: 0;
visibility: hidden;
transition: var(--transition);
z-index: 9999;
}
.sidebar__body {
width: 100%;
height: 100%;
z-index: 1001;
position: absolute;
top: 0;
left: 0;
z-index: 999;
transition: var(--transition);
transform: translatex(-100%);
}
.sidebar.active_sidebar .sidebar__body {
transform: translateX(0%) translatez(0);
}
.sidebar.active_sidebar .redes {
display: flex;
gap: 8px;
flex-direction: row;
}
.sidebar.active_sidebar .redes img {
width: 45px;
}
#sidebarGeneral .sidebarMenuInner li a {
font-size: 1.2rem;
line-height: 2rem;
}
.sidebar__content {
width: 100%;
height: 100%;
position: relative;
z-index: 2;
background-color: var(--primary-color) !important;
}
.sidebar__wrapper {
width: 100%;
height: 100%;
padding: 4rem 1.875rem 1.875rem;
overflow-y: auto;
display: flex;
flex-flow: column;
align-items: start;
justify-content: center;
}
.sidebar__close {
position: absolute;
top: 34px;
right: 18px;
margin: 15px;
width: 45px;
height: 45px;
background-color: transparent;
text-indent: -9999px;
background-image: url(//cintax.cl/wp-content/themes/cintax/assets/images/close-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 40%;
z-index: 99;
border-radius: 9999px;
}
.sidebar.active_sidebar {
opacity: 1;
visibility: visible;
}
.sidebar__overlay {
background-color: rgba(0, 0, 0, 0.5);
z-index: 998;
transition: var(--transition);
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
.sidebar.active_sidebar .sidebar__overlay {
opacity: 1;
visibility: visible;
}
#sidebarGeneral .sidebar__wrapper {
padding: 4rem 3rem;
justify-content: space-between;
}
.sidebar__logo {
display: block;
margin-bottom: 2rem;
text-align: center;
}
.sidebar__logo img {
width: 65%;
max-width: 100%;
height: auto;
}
.sidebar__nav {
display: flex;
flex-flow: column;
align-items: center;
}
.sidebar__nav .btn {
margin: 20px 0;
}
.sidebar__nav .menu > li.menu-item {
display: flex;
align-items: center;
justify-content: center;
align-items: center;
transition: var(--transition);
}
.sidebar__nav .menu > li.menu-item > a {
display: block;
padding: 10px 20px;
font-weight: 400;
font-size: 2.8rem;
line-height: 1.4;
transition: var(--transition);
position: relative;
text-align: center;
font-family: var(--terciary-font);
}
.sidebar__nav .menu > li.menu-item > a.btn {
min-width: 225px;
margin-top: 25px;
}
.sidebar__nav .footer__menu--social {
justify-content: center;
margin-top: 20px;
display: flex;
gap: 10px;
}
.sidebar__nav .footer__menu--social img {
width: 45px;
height: 45px;
} .container {
margin: 0 auto;
width: 90%;
max-width: 1200px;
position: relative;
padding: 0 15px;
} .btn {
position: relative;
padding: 10px 26px 13px;
border-radius: 100vw;
background-color: var(--primary-color);
border: solid 1px var(--primary-color);
overflow: hidden;
cursor: pointer;
transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
display: flex;
width: fit-content;
}
.btn.-mini {
border: solid 1px #fff;
font-size: var(--text-mini);
padding: 10px 23px 13px;
}
.btn.-wp {
display: none;
padding: 10px 26px 13px 55px;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.btn.-wp {
display: flex;
}
}
@media screen and (min-width: 1280px) {
}
.btn.-wp img {
position: absolute;
height: 41px;
top: 0;
left: 0;
z-index: 9;
}
.btn-text {
position: relative;
z-index: 2;
padding-right: 18px;
font-weight: 600;
color: #fff !important;
}
.btn-text::after {
content: "";
width: 9px;
height: 9px;
position: absolute;
background-image: url(//cintax.cl/wp-content/themes/cintax/assets/images/arrow-top.svg);
background-repeat: no-repeat;
right: 0;
top: 7px;
transition: var(--transition);
}
.btn.-mini .btn-text::after {
top: 4px;
}
.btn:hover .btn-text::after {
right: -5px;
}
.fill-container {
position: absolute;
left: 0;
top: 50%;
width: 100%;
padding-bottom: 100%;
transform: translateY(-50%) rotate(180deg);
}
.fill-container::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--secondary-color);
border-radius: 50%;
transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
transform: translateY(-100%);
}
.btn:hover {
border-color: var(--secondary-color);
transform: translateY(-4px);
}
.btn:hover .fill-container {
transform: translateY(-50%) rotate(0);
}
.btn:hover .fill-container::after {
transform: translateY(0);
}
section {
padding: 80px 0;
background-color: #fff;
}
section.-gris,
.-gris {
background-color: var(--tertiary-color);
}
section.-dark {
background-color: var(--primary-color);
}
h2 {
font-size: var(--title-m);
color: var(--primary-color);
font-weight: 800;
position: relative;
text-transform: uppercase;
margin-bottom: 25px;
}
.section-title h2{
font-size: var(--title-m-mini);
color: var(--primary-color);
font-weight: 800;
position: relative;
text-transform: uppercase;
margin-bottom: 25px;
}
.section-title h2.-white {
color: #fff;
}
.section-title h2.-iso::after {
content: "";
position: absolute;
width: 50px;
height: 50px;
background-image: url(//cintax.cl/wp-content/themes/cintax/assets/images/iso.svg);
background-repeat: no-repeat;
background-position: center;
top: -9px;
right: -15px;
}
.margin-custom {
margin-left: 0;
}
.section-title.-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.margin-custom {
margin-left: 66px;
}
.section-title.-wrapper {
flex-direction: row;
}
.section-title h2,
h2 {
margin-bottom: 0;
font-size: var(--title-m);
}
.section-title h2.-iso::after {
width: 58px;
height: 58px;
right: -25px;
}
}
@media screen and (min-width: 1280px) {
}
.section-title {
margin-bottom: 40px;
}
.section-title.-intern {
margin-bottom: 60px;
} footer {
background-color: var(--primary-color);
color: #fff;
padding: 70px 0 0 0;
}
.footer-wrapper {
display: flex;
flex-direction: column;
}
.logo-footer {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.content-footer {
width: 100%;
}
.logo-footer img {
width: 256px;
}
.list-footer {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: space-between;
padding: 25px 0;
border-bottom: 1px solid var(--secondary-color);
align-items: center;
}
.item-list-footer {
width: 100%;
padding: 10px;
}
.item-list-footer ul li {
display: flex;
color: var(--secondary-color);
margin: 5px 0;
}
.item-list-footer ul li img {
width: 18px;
max-height: 18px;
margin-right: 10px;
}
.redes-footer {
display: flex;
gap: 5px;
width: 175px;
}
.redes-footer img {
width: 34px;
}
.copyright {
padding: 20px 0;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.footer-wrapper {
flex-direction: row;
}
.logo-footer {
width: 30%;
justify-content: start;
align-items: start;
}
.content-footer {
width: 70%;
}
.list-footer {
flex-direction: row;
align-items: start;
}
.item-list-footer {
width: 33%;
}
.copyright {
flex-direction: row;
text-align: left;
}
}
@media screen and (min-width: 1280px) {
}
.copyright img {
width: 23px;
margin-left: 5px;
}
.copyright span {
color: var(--secondary-color);
} .sidebar-menu {
display: none;
margin: 0 auto;
width: 65px;
max-width: 100%;
box-shadow: none;
background-color: var(--primary-color);
position: fixed;
height: 100%;
overflow: hidden;
z-index: 99999;
justify-content: center;
align-items: center;
}
#sidebarMenu {
height: 100%;
position: fixed;
left: 65px;
width: 275px;
margin-top: 0px;
transform: translateX(-274px);
transition: transform 250ms ease-in-out;
background-color: var(--primary-color);
display: none;
align-items: center;
z-index: 9999;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.sidebar-menu {
display: flex;
}
#sidebarMenu {
display: flex;
}
}
@media screen and (min-width: 1280px) {
}
.redes-sidebar {
position: absolute;
display: flex;
flex-direction: column;
gap: 5px;
bottom: 20px;
transform: translateY(0px);
transition: transform 250ms ease-in-out;
}
.redes-sidebar img {
width: 34px;
}
.sidebarmenu-wrapper {
display: flex;
justify-content: space-between;
flex-direction: column;
height: 92vh;
border-left: 1px solid #ffffff6e;
width: 100%;
align-items: center;
}
.sidebarmenu-wrapper .logo {
display: flex;
justify-content: center;
}
.sidebarmenu-wrapper .logo img {
width: 123px;
}
.sidebarmenu-wrapper .redes {
display: flex;
gap: 5px;
}
.sidebarmenu-wrapper .redes img {
width: 34px;
}
.sidebarMenuInner {
margin: 0 40px 0 0;
padding: 0;
}
.sidebarMenuInner li {
list-style: none;
color: #fff;
padding: 8px 0;
cursor: pointer;
}
.sidebarMenuInner li a {
color: #fff;
cursor: pointer;
text-decoration: none;
}
.sidebarMenuInner li.current-menu-item > a, 
.sidebarMenuInner li > a:hover {
color:var(--secondary-color);
}
input[type="checkbox"]:checked ~ #sidebarMenu {
transform: translateX(0);
}
input[type="checkbox"]:checked ~ .sidebar-menu > .redes-sidebar {
transform: translateY(120px);
}
input[type="checkbox"] {
transition: all 0.3s;
box-sizing: border-box;
display: none;
}
.sidebarIconToggle {
transition: all 0.3s;
box-sizing: border-box;
cursor: pointer; z-index: 99;
height: 100%;
width: 100%;
top: 22px;
left: 15px;
height: 22px;
width: 22px;
}
.spinner {
transition: all 0.3s;
box-sizing: border-box;
position: absolute;
height: 3px;
width: 100%;
background-color: #fff;
}
header.-intern .spinner{
background-color: var(--primary-color);
}
header.-intern.activeFixed .spinner{
background-color: #fff;
}
.horizontal {
transition: all 0.3s;
box-sizing: border-box;
position: relative;
float: left;
margin-top: 3px;
}
.diagonal.part-1 {
position: relative;
transition: all 0.3s;
box-sizing: border-box;
float: left;
}
.diagonal.part-2 {
transition: all 0.3s;
box-sizing: border-box;
position: relative;
float: left;
margin-top: 3px;
}
input[type="checkbox"]:checked
~ .sidebar-menu
> .sidebarIconToggle
> .horizontal {
transition: all 0.3s;
box-sizing: border-box;
opacity: 0;
}
input[type="checkbox"]:checked
~ .sidebar-menu
> .sidebarIconToggle
> .diagonal.part-1 {
transition: all 0.3s;
box-sizing: border-box;
transform: rotate(135deg);
margin-top: 8px;
}
input[type="checkbox"]:checked
~ .sidebar-menu
> .sidebarIconToggle
> .diagonal.part-2 {
transition: all 0.3s;
box-sizing: border-box;
transform: rotate(-135deg);
margin-top: -9px;
}  .welcome {
height: auto;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding-bottom: 150px; }
.mascara-welcome {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#sec-welcome {
position: absolute;
top: 0;
left: 0;
background-color: transparent;
width: 100%;
z-index: 9;
height: 100%;
padding-left: 0;
display: flex;
align-items: center;
}
#welcomeSliderTexts {
width: 100%;
}
.welcome-texts-item h1 {
font-size: 1.5rem;
font-weight: 400;
text-transform: uppercase;
color: #fff;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.welcome {
padding-bottom: 0;
}
#sec-welcome {
padding-left: 66px;
}
#welcomeSliderTexts {
width: 385px;
}
.welcome-texts-item h1 {
font-size: var(--title-m);
}
.welcome-texts-bloque1 {
width: 360px;
}
}
@media screen and (min-width: 1280px) {
}
.welcome-texts-bloque1 span {
font-weight: 800;
}
.footer-welcome {
position: absolute;
bottom: 0;
z-index: 9;
padding-left: 0;
width: 100%;
}
.footer-welcome-wrapper {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.descripcion-welcome {
width: 100%;
height: 150px;
display: flex;
align-items: center;
padding: 20px 40px 20px 0;
color: #fff;
font-size: var(--text-mini);
background-color: var(--primary-color);
border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.descripcion-welcome::after {
content: "";
position: absolute;
width: 110px;
height: 110px;
background-image: url(//cintax.cl/wp-content/themes/cintax/assets/images/iso.svg);
background-size: cover;
right: 20px;
top: 78px;
}
.welcome-transparent {
opacity: 0.65;
height: 100%;
width: 100%;
background-color: var(--primary-color);
z-index: 8;
position: absolute;
border-radius: 0 0 var(--border-radius) 0;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.footer-welcome {
padding-left: 66px;
}
.footer-welcome-wrapper {
flex-direction: row;
}
.descripcion-welcome {
width: 401px;
padding: 20px 40px;
}
.descripcion-welcome::after {
top: 22px;
}
.welcome-transparent {
width: 42%;
}
}
@media screen and (min-width: 1280px) {
}
.welcome-block {
position: absolute;
right: 0;
bottom: 0;
background-color: var(--primary-color);
z-index: 8;
border-radius: var(--border-radius) 0 0 var(--border-radius);
width: 480px;
height: 150px;
}
.btns-welcome {
display: flex;
flex-direction: row-reverse;
justify-content: end;
}
.btns-welcome button {
padding: 15px;
background-color: var(--secondary-color);
transition: var(--transition);
}
.btns-welcome button:hover {
background-color: var(--primary-color);
}
.btns-welcome #nextButton {
border-radius: 0 var(--border-radius) 0 0;
border-bottom: none;
}
.btns-welcome #prevButton {
transform: rotate(180deg);
border-radius: 0 0 var(--border-radius) 0;
}
.btns-welcome button img {
width: 23px;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.btns-welcome {
flex-direction: column;
}
.btns-welcome button {
padding: 23px;
}
.btns-welcome #nextButton {
border-radius: var(--border-radius) var(--border-radius) 0 0;
border-bottom: 1px solid var(--primary-color);
}
.btns-welcome #prevButton {
border-radius: 0;
}
}
@media screen and (min-width: 1280px) {
}
#welcomeSliderImages {
width: 100%;
}
.welcome .slick-initialized .slick-slide {
position: relative;
}
.welcome .slick-dots {
bottom: 10px;
}
.welcome .slick-dotted.slick-slider {
margin-bottom: 0px;
}
.welcome-images-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.welcome .slick-prev {
left: 10px;
}
.welcome .slick-next {
right: 10px;
}
.welcome .banner-home-content {
display: none;
}
@media screen and (min-width: 1024px) {
.welcome .banner-home-content {
display: flex;
}
}
@media screen and (max-width: 1024px) {
.welcome .slick-prev {
left: 10px;
}
.welcome .slick-next {
right: 10px;
}
}
.btns-services {
display: flex;
flex-direction: row;
justify-content: end;
}
.btns-services button {
padding: 15px;
background-color: transparent;
}
.btns-services #prevButton {
transform: rotate(180deg);
}
.btns-services button img {
width: 23px;
}
.card-service {
border-radius: var(--border-radius);
overflow: hidden;
height: 300px;
margin: 10px;
position: relative;
}
.card-service img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: var(--transition);
}
.content-card-service {
position: absolute;
background-color: var(--primary-color);
color: #fff;
padding: 20px;
width: 90%;
height: 300px;
border-radius: var(--border-radius);
transform: translateY(208px);
transition: transform 250ms ease-in-out;
z-index: 999;
bottom: 0;
left: 0;
}
.header-card-service {
display: flex;
flex-direction: column;
height: 70px;
}
.footer-card-service {
display: flex;
justify-content: end;
}
.content-card-service span {
color: var(--secondary-color);
}
.content-card-service h3 {
font-size: var(--base-size-font);
font-weight: 600;
margin: 5px 0;
}
.descripcion-card-service {
font-size: var(--text-mini);
color: #fff;
min-height: 150px;
line-height: 1.1rem;
}
.card-service:hover .content-card-service {
transform: translateY(0);
}
.card-service:hover img {
transform: scale(1.1);
}
#blog {
background-image: linear-gradient(
to bottom,
#fff 50%,
var(--primary-color) 50%
);
padding: 0;
}
#blog > div {
border-radius: 20px;
padding: 80px 0;
}
.articulos-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.articulo {
width: 100%;
border-radius: var(--border-radius);
overflow: hidden;
position: relative;
}
.articulo img {
transition: var(--transition);
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.articulo:hover img {
transform: scale(1.1);
}
.articulo1 {
grid-area: 3 / 1 / 4 / 2;
}
.articulo2 {
grid-area: 1 / 1 / 2 / 2;
height: 430px;
}
.content-card-articulo {
position: absolute;
background-color: var(--primary-color);
color: #fff;
padding: 30px;
width: 100%;
border-radius: var(--border-radius);
transform: translateY(0px);
transition: transform 250ms ease-in-out;
z-index: 999;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: start;
}
.content-card-articulo h3 {
font-size: var(--base-size-font);
font-weight: 600;
margin: 6px 0 20px;
}
.descripcion-card-articulo {
width: 100%;
margin-bottom: 15px;
}
.descripcion-card-articulo span {
color: var(--secondary-color);
}
.articulo3 {
grid-area: 2 / 1 / 3 / 2;
}
.articulo1 .content-card-articulo,
.articulo3 .content-card-articulo {
flex-direction: column;
opacity: 1;
width: 100%;
height: auto;
justify-content: space-between;
align-items: start;
}
.articulo1 .descripcion-card-articulo,
.articulo3 .descripcion-card-articulo {
width: 100%;
margin-bottom: 15px;
}
.articulo1,
.articulo3,
.articulo4 {
height: 430px;
}
.articulo4 {
grid-area: 4 / 1 / 5 / 2;
}
.articulo4 img {
width: 100%;
margin-left: 0;
}
.articulo4 .content-card-articulo {
width: 100%;
height: auto;
align-items: start;
flex-direction: column;
justify-content: space-between;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.articulos-grid {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.articulo1,
.articulo3,
.articulo4 {
height: 260px;
}
.articulo2 {
height: 260px;
}
.articulo1 {
grid-area: 1 / 4 / 2 / 5;
}
.articulo2 {
grid-area: 1 / 1 / 3 / 3;
height: 541px;
}
.articulo3 {
grid-area: 1 / 3 / 2 / 4;
}
.articulo4 {
grid-area: 2 / 3 / 3 / 5;
}
.articulo4 img {
width: 53%;
margin-left: 262px;
}
.content-card-articulo {
flex-direction: row;
align-items: center;
}
.articulo1 .content-card-articulo,
.articulo3 .content-card-articulo {
opacity: 0.9;
height: 100%;
}
.articulo1 .descripcion-card-articulo,
.articulo3 .descripcion-card-articulo {
margin-bottom: 0;
}
.articulo4 .content-card-articulo {
width: 50%;
height: 260px;
}
.descripcion-card-articulo {
width: 70%;
margin-bottom: 15px;
}
.articulo4 .descripcion-card-articulo{
width:100%;
}
}
@media screen and (min-width: 1280px) {
}
.articulo .tags ul{
display: flex;
gap: 5px;
flex-direction: row;
}
.articulo .tags a {
padding: 3px 5px;
background-color: var(--secondary-color);
color: #fff;
font-size: var(--text-mini);
}
#testimonios {
color: white;
}
#testimonios .testimonios-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
#testimonios .contenido-testimonios {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.btns-testimonios {
display: flex;
flex-direction: row;
margin-top: 20px;
}
.btns-testimonios button {
padding: 15px;
background-color: transparent;
}
.btns-testimonios #prevButton {
transform: rotate(180deg);
}
.btns-testimonios button img {
width: 23px;
}
#slider-testimonio {
width: 100%;
padding-left: 0px;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
#testimonios .testimonios-wrapper {
flex-direction: row;
}
#testimonios .contenido-testimonios {
width: 35%;
}
.btns-testimonios {
margin-top: 80px;
}
#slider-testimonio {
width: 65%;
padding-left: 50px;
}
}
@media screen and (min-width: 1280px) {
}
.card-testimonio {
padding: 25px;
background-color: #fff;
border-radius: var(--border-radius);
color: var(--primary-color);
margin: 0 15px;
}
.card-testimonio .header-testimonio {
width: 70px;
height: 70px;
overflow: hidden;
border-radius: 50%;
}
.card-testimonio .header-testimonio img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.card-testimonio .middle-testimonio {
min-height: 220px;
padding: 20px 0;
border-bottom: 1px solid #dbdad4;
}
.card-testimonio .footer-testimonio {
padding: 20px 0 0;
}
.card-testimonio .footer-testimonio span {
font-weight: 600;
}
.marcas-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(5, 1fr);
}
.marcas-grid img {
padding: 30px 40px;
}
.marcas-grid img:not(:nth-child(even)) {
border-right: 1px solid #dbdad4;
}
.marcas-grid img:nth-child(-n + 8) {
border-bottom: 1px solid #dbdad4;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
.marcas-grid {
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.marcas-grid .marca-img{
height: 224px;
width:100%;
}
.marcas-grid .marca-img img{
width:100%;
height:100%;
object-fit: contain;
}
.marcas-grid img:not(:nth-child(even)) {
border-right: none;
}
.marcas-grid img:not(:nth-child(5n)) {
border-right: 1px solid #dbdad4;
}
.marcas-grid img:nth-child(-n + 8) {
border-bottom: none;
}
.marcas-grid img:nth-child(-n + 5) {
border-bottom: 1px solid #dbdad4;
}
}
@media screen and (min-width: 1280px) {
} #newsletter {
padding: 0;
background-image: linear-gradient(to bottom, #fff 50%, var(--primary-color) 50%);
}
#newsletter > div {
border-radius: 20px;
position: relative;
overflow: hidden;
}
#newsletter .news-wrapper {
display: flex;
flex-direction: column;
}
.content-news {
width: 100%;
padding: 80px 0 225px;
}
.img-news {
width: 100%;
position: absolute;
top: auto;
bottom: 0;
right: 0;
height: 170px;
}
.img-news img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
#newsletter .news-wrapper {
flex-direction: row;
}
.content-news {
width: 40%;
padding: 80px 0;
}
.img-news {
width: 55%;
bottom: auto;
top: 0;
height: 100%;
}
}
@media screen and (min-width: 1280px) {
}
.news-wrapper form {
display: flex;
gap: 10px;
margin-top: 55px;
flex-direction: column;
}
form .form-group{
display: flex;
flex-direction: column;
gap: 5px;
}
.input-group {
position: relative;
flex: 1;
margin-bottom: 25px;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) { 
form .form-group{
flex-direction: row;
gap: 20px;
}
}
@media screen and (min-width: 1280px) {
}
.input-group input,
textarea{
width: 100%;
border: none;
border-bottom: 1px solid #1d1e1c;
border-left: 1px solid #1d1e1c;
padding: 5px;
outline: none;
background: transparent;
border-radius:0;
resize: none;
}
.input-group label {
position: absolute;
top: -26px;
left: 0;
color: #000;
pointer-events: none;
}
form input[type="submit"]{
position: relative;
padding: 10px 26px 13px;
border-radius: 100vw;
background-color: var(--primary-color);
border: solid 1px var(--primary-color);
overflow: hidden;
cursor: pointer;
color: #fff;
display: flex;
width: fit-content;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
}
.news-wrapper form p{
margin-bottom: 0;
} .adorno {
position: absolute;
width: 27px;
height: 85px;
}
.adorno img {
width: 100%;
height: 100%;
object-fit: contain;
}
footer .adorno {
top: -111px;
left: 40%;
}
#testimonios .adorno {
bottom: -106px;
left: 33%;
}
#testimonios .adorno2 {
top: -122px !important;
right: 5% !important;
left: auto;
}
.mascara-welcome .adorno {
bottom: -43px;
left: 6%;
z-index: 9;
}
#services .adorno {
bottom: -74px;
right: 22%;
transform: rotate(90deg);
left: auto;
}
#sec-main-intern .adorno{
bottom: -123px;
}
#ser-des .adorno{
right: 0;
bottom: -120px;
}
#frase-nosotros .adorno{
right: 0;
top: 30%;
}
#propuesta-de-valor .adorno{
right: 30px;
bottom: 7%;
}
#all-team .adorno{
right:0;
top: -122px;
}
#sec-main-intern .adorno.-team {
bottom: 40%;
display: none;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
#sec-main-intern .adorno.-team {
display: flex;
}
}
@media screen and (min-width: 1280px) {
} .banner-intern .section-title {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 0;
}
#sec-main-intern{
background-image: linear-gradient(to bottom, #fff 50%, var(--primary-color) 50%);
padding: 0;
}
.-no-radius{
border-radius:0!important;
}
#sec-main-intern>div{
padding: 50px 0;
border-radius: 0 0 var(--border-radius) var(--border-radius);  
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
#sec-main-intern>div{
padding: 80px 0;
}
}
@media screen and (min-width: 1280px) {
}
#sec-main-intern .main-presentation-wrapper {
display: flex;
flex-direction: column;
gap: 40px;
}
#sec-main-intern .content-sec-presentation{
width: 100%;
display: flex;
flex-direction: column;
color: var(--secondary-color);
}
#sec-main-intern .content-sec-presentation.-bloque2{
color:var(--primary-color);
text-align: justify;
}
#sec-main-intern  span.number{
font-size: 1.8rem;
}
#sec-main-intern .description-sec-presentation{
font-size: 1.3rem;
}
#sec-main-intern h1{
font-size: var(--title-m);
color: var(--primary-color);
font-weight: 800;
position: relative;
text-transform: uppercase;
line-height: 1.8rem;
margin: 15px 0 30px;
}
.description-sec-presentation ul li {
display: flex;
color: var(--secondary-color);
margin: 5px 0;
font-size: var(--base-size-font);
}
.description-sec-presentation ul li img {
width: 18px;
max-height: 18px;
margin-right: 10px;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
#sec-main-intern .main-presentation-wrapper {
flex-direction: row;
}
#sec-main-intern .content-sec-presentation{
width: 30%;
}
#sec-main-intern .content-sec-presentation.-bloque2{
width: 70%;
}
}
@media screen and (min-width: 1280px) {
} #sec-main-intern .img-sec-presentation {
height: 280px;
border-radius: var(--border-radius);
overflow: hidden;
width: 100%;
}
#sec-main-intern .img-sec-presentation img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#ser-des{
background-color: var(--primary-color);
color: #fff;
display: flex;
justify-content: center;
flex-direction: row;
}
#ser-des .inner-ser-des{
display: flex;
justify-content: center;
flex-direction: row;
}
#ser-des .content-ser-des{
display: grid;
grid-template-columns: 100%;
column-gap: 80px;
text-align: justify;
}
#sub-services .grid-sub-services,
#beneficios .grid-sub-services{
display: grid;
grid-template-columns: repeat(1, 1fr); 
grid-template-rows: repeat(9, 1fr);    
column-gap: 30px;
row-gap: 20px;
}
#sub-services .grid-sub-services .item-sub-service,
#beneficios .grid-sub-services .item-sub-service{
display: flex;
flex-direction: column;
padding: 40px 0 20px;
border-top: 1px solid var(--secondary-color);
}
#sub-services .grid-sub-services .item-sub-service h3,
#beneficios .grid-sub-services .item-sub-service h3{
font-size: 1.1rem;
font-weight: 800;
margin-bottom: 20px;
text-transform: uppercase;
}
#sub-services .grid-sub-services .item-sub-service p,
#beneficios .grid-sub-services .item-sub-service p{
margin-bottom: 0;
}
.img-service-intern{
border-radius: var(--border-radius);
width: 100%;
height: 455px;
overflow: hidden;
}
#img-service-intern{
padding-top: 0;
}
.img-service-intern img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#map-contact iframe{
border-radius: var(--border-radius);
overflow: hidden;
width: 100%;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) {
#sec-main-intern .img-sec-presentation {
width: 70%;
height: 357px;
}
#ser-des .content-ser-des{
grid-template-columns: 375px 375px;
}
#sub-services .grid-sub-services{
grid-template-columns: repeat(3, 1fr); 
grid-template-rows: repeat(3, 1fr);  
}
#beneficios .grid-sub-services{
grid-template-columns: repeat(3, 1fr); 
grid-template-rows: repeat(2, 1fr);  
}
}
@media screen and (min-width: 1280px) {
} #map-contact{
padding-top:0;	
}
.description-sec-presentation ul li {
display: flex;
color: var(--secondary-color);
margin: 5px 0;
}
.description-sec-presentation ul li img {
width: 18px;
max-height: 18px;
margin-right: 10px;
} .frase-nosotros-wrapper{
color: #fff;
width: 100%;
display: flex;
}
.frase-nosotros-wrapper h3{
font-size: 1.3rem;
text-transform: uppercase;
line-height: 2rem;
}
.img-nosotros{
width: 100%;
height:220px;
border-radius: var(--border-radius);
overflow: hidden;
}
.img-nosotros img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#img-nosotros{
padding:0;
background-image: linear-gradient(to bottom, var(--secondary-color) 50%, var(--primary-color) 50%);
}
#propuesta-de-valor .quotes-txt h2{
font-size: var(--title-m);
color: #fff;
font-weight: 800;
position: relative;
text-transform: uppercase;
line-height: 1.8rem;
margin: 15px 0 30px;
}
#propuesta-de-valor .wrapper-propuesta{
display: flex;
flex-direction: column;
gap:40px;
}
#propuesta-de-valor .wrapper-propuesta .contenido-propuesta{
width: 100%;
}
#propuesta-de-valor .img-propuesta {
width: 100%;
height: 241px;
border-radius: var(--border-radius);
overflow: hidden;
}
#propuesta-de-valor .img-propuesta img{
width:100%;
height:100%;
object-fit:cover;
object-position: center;
}
#propuesta-de-valor .row2-propuesta{
width: 100%;
color: #fff;
display: grid;
grid-template-columns: 100%;
column-gap: 40px;
text-align: justify;
margin-top: 40px;
}
#propuesta-de-valor .quotes{
width:63px;
}
#compromiso .compromiso-wrapper{
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
#compromiso .compromiso-wrapper .section-title,
#compromiso .compromiso-wrapper .content-compromiso{
width: 100%;
}
#compromiso .content-compromiso h3{
font-size: var(--title-m);
font-weight: 800;
position: relative;
text-transform: uppercase;
line-height: 1.8rem;
margin: 15px 0 30px;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) { 
.frase-nosotros-wrapper{
width: 80%;
}
.img-nosotros{
height:400px;
}
#propuesta-de-valor .wrapper-propuesta{
flex-direction: row;
}
#propuesta-de-valor .wrapper-propuesta .contenido-propuesta{
width: 55%;
}
#propuesta-de-valor .img-propuesta{
width:45%;
height:350px;
}
#propuesta-de-valor .row2-propuesta{
width: 80%;
grid-template-columns: 370px 370px;
}
#compromiso .compromiso-wrapper .section-title,
#compromiso .compromiso-wrapper .content-compromiso{
width: 40%;
}
#compromiso .compromiso-wrapper{
flex-direction: row;
}
}
@media screen and (min-width: 1280px) {
} .team-presentation-wrapper{
display: flex;
flex-direction: row;
justify-content: center;
}
.team-presentation-wrapper .team-content{
width: 100%;
text-align: center;
line-height: 1.5rem;
}
#all-team .team-grid{
display: grid;
grid-template-columns: repeat(1, 1fr); 
gap: 20px; 
padding: 20px;
}
#all-team .item-team{
position: relative;
overflow: hidden;
border-radius: var(--border-radius);
height: 355px;
}
#all-team .item-team .img-item-team{
width: 100%;
height: 300px;
overflow: hidden;
}
#all-team .item-team .img-item-team img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#all-team .item-team .info-item-team{
padding: 20px;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
font-weight:800;
border-radius: var(--border-radius);
}
#all-team .item-team .info-item-team span{
color: var(--secondary-color);
font-weight: 400;
}
#img-team-intern .img-service-intern{
border-radius: var(--border-radius);
width: 100%;
height: 180px;
overflow: hidden;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) { 
.team-presentation-wrapper .team-content{
width: 60%;
}
#all-team .team-grid{
grid-template-columns: repeat(4, 1fr); 
}
#img-team-intern .img-service-intern{
height: 455px;
}
}
@media screen and (min-width: 1280px) {
} #filtro-cats{
padding-bottom:0;
padding-top: 50px;
}
#filtro-cats .category-buttons{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#filtro-cats .category-buttons a{
border-radius: 36px;
padding: 10px 20px;
margin: 0 5px 5px;
border: 1px solid var(--primary-color);
color: var(--primary-color);
transition: var(--transition);
}
#filtro-cats .category-buttons a:hover,
#filtro-cats .category-buttons a.active-cat{
background-color:var(--secondary-color);
border: 1px solid var(--secondary-color);
color: #fff;
}
.posts {
display: grid;
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) { 
#filtro-cats{
padding-top: 80px;
}
.posts {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1280px) {
}
.li .post{
border-radius:var(--border-radius);
overflow: hidden;
height: 440px;
}
.post .articulo{
height:440px;
}
.post .articulo img {
height: 75%;
}
.post .content-card-articulo{
padding: 20px;
flex-direction: column;
}
.post .content-card-articulo h3{
margin-bottom:0;
}
.post .descripcion-card-articulo{
width: 100%;
}
.post .first-row{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.post .tags ul,
.footer-article-blog .tags ul{
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.content-blog-article-wrapper .tags ul li{
list-style:none!important;
}
.post .tags a,
.footer-article-blog .tags a{
padding: 3px 5px;
background-color: var(--secondary-color);
color: #fff;
font-size: var(--text-mini);
}
.blog-article-wrapper{
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
justify-content: space-between;
margin-bottom:80px;
}
.content-blog-article-wrapper,
.img-blog-article-wrapper{
width:100%;
}
.content-blog-article-wrapper .content-main{
background-color: #f5f4f0;
padding: 30px;
border-radius: var(--border-radius);
}
.img-blog-article-wrapper{
width: 100%;
height: 270px;
border-radius: var(--border-radius);
overflow: hidden;
position: sticky;
top: 70px;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) { 
.blog-article-wrapper{
flex-direction: row;
}
.content-blog-article-wrapper,
.img-blog-article-wrapper{
width:50%;
}
.img-blog-article-wrapper{
height: 538px;
}
}
@media screen and (min-width: 1280px){	
}
.img-blog-article-wrapper img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-blog-article-wrapper ul li{
list-style: auto;
margin-bottom: 15px;
margin-left: 15px;
}
.content-blog-article-wrapper ol li {
list-style: auto;
margin-bottom: 15px;
margin-left: 15px;
}
.content-blog-article-wrapper ol li ul li{
list-style: circle;
}
.content-blog-article-wrapper h1,
h3.comment-reply-title{
font-size: var(--title-m);
font-weight: 800;
text-transform: uppercase;
margin: 5px 0 30px;
}
.content-blog-article-wrapper .post-meta-date{
color: var(--secondary-color);
}
.footer-article-blog{
display: flex;
flex-direction: row;
width: 100%;
margin-top: 25px;
justify-content: space-between;
align-items: center;
}
.post-meta-autor{
display: flex;
flex-direction: row;
align-items: center;
gap: 7px;
font-weight: 600;
}
.img-autor{
width: 35px;
height: 35px;
border-radius: 50%;
overflow: hidden;
}
.img-autor img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
background-color: var(--primary-color);
padding: 5px;
}
.final-row-single-wrapper{
display: flex;
flex-direction: row;
}
.blog-single-comments .entry-taxonomy,
.blog-single-comments .navigation {
display:none;
}
.blog-single-comments #respond{
padding:35px;
background-color:transparent;
border: 2px solid #d4d4d4;
border-radius:1rem;
}
footer.comment-meta {
background-color: transparent;
color: var(--primary-color);
padding: 0;
}
.comment-list{
margin-bottom: 40px;
}
.comment-list .comment-body{
background-color: #f5f4f0;
padding: 20px;
border-radius: var(--border-radius);
margin: 10px 0;
}
.comment-list .comment-author{
display: flex;
align-items: center;
flex-direction: row;
gap: 10px;
margin-bottom: 5px;
}
.comment-list .comment-author img{
width:30px;
height: 30px;
}
.comment-list .comment-content{
margin: 15px 0 0;
}
.comment-list .comment-metadata{
color: var(--secondary-color);
}
.comment-list .reply a{
color: var(--secondary-color);
text-decoration: underline;
font-weight: 600;
}
.comments-categories-wrapper{
display: flex;
flex-direction: column;
gap: 20px;
}
.blog-single-comments{
width:100%;
}
.comments-area h2{
display: none;
}
.comment-form .logged-in-as{
display: flex;
flex-direction: column;
}
.tags-column-blog ul{
display: flex;
gap: 35px;
flex-direction: column;
}
.tags-column-blog a{
border-radius: 36px;
padding: 10px 20px;
margin: 0 5px 5px;
border: 1px solid var(--primary-color);
color: var(--primary-color);
transition: var(--transition);
}
.tags-column-blog a:hover{
background-color: var(--secondary-color);
border: 1px solid var(--secondary-color);
color: #fff;
}
.tags-column-blog h3{
margin-bottom: 30px;
font-weight: 600;
}
.presentation-article-main{
padding-top:0;
}
@media screen and (min-width: 580px) {
}
@media screen and (min-width: 980px) { 
.comments-categories-wrapper{
flex-direction: row;
}
.blog-single-comments{
width:70%;
}
}
@media screen and (min-width: 1280px){
}
.comment-form-comment{
display: flex;
flex-direction: column;
}
#asesoria{
background-color: var(--primary-color);
padding: 40px;
}
#asesoria h2{
font-size: var(--title-xl);
color: #fff;
}
.asesoria-wrapper{	
display: flex;
flex-direction: column;
justify-content: center;
gap: 0px;
align-items: center;
text-align: center;
}
@media screen and (min-width: 980px){
.asesoria-wrapper{
flex-direction: row;
gap: 10px;
text-align: left;
}
}
.asesoria-wrapper .btn{
border: 1px solid var(--secondary-color);
}