/* generales
-------------------------------------------------------------------------------------------------------------- */
html, body {font-family:'Outfit', sans-serif;}
ul {list-style-type: none;padding:0;margin:0;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:inherit;line-height:inherit;font-weight:inherit;}
.form-control:focus {border-color:#666;outline:0;-webkit-box-shadow:none;box-shadow:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, a:focus, .btn:active, .btn.active {outline:none;outline-offset:0;}
label.error {font-size:11px !important;line-height:11px !important;padding:4px 5px 5px;color:#fff;background:#ff0000;text-transform:uppercase;}
button:focus {outline:none;}
.navbar-toggler:focus {box-shadow:none;}
.carousel .carousel-control-prev-icon {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>');}
.carousel .carousel-control-next-icon {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>');}
.carousel-control-next-icon, .carousel-control-prev-icon {width:3rem;height:3rem;}
body {padding-top:60px;}

@media (min-width: 1200px) {
body {padding-top:120px;}
.col-xl-15 {flex:0 0 auto;width:20%;}
}


/* links
-------------------------------------------------------------------------------------------------------------- */
a, a:focus {color:#1825AA;text-decoration:none;outline:none;}
a:hover {color:#0D0F55;text-decoration:none;outline:none;}
.anchor {position:relative;}
.anchor::before {content:"";display:block;height:60px;margin-top:-60px;}


/* botones
-------------------------------------------------------------------------------------------------------------- */
.btn {border:none;font-weight:700;font-size:16px;line-height:16px;border-radius:0;padding:12px 20px;transition: transform 0.3s ease;}
.btn:hover, .btn:focus, .btn:active, .btn:focus.active {box-shadow:none;color:#fff !important;background:#000 !important;transform: scale(1.05);}

@media (min-width: 1200px) {
.btn {font-size:20px;padding:15px 20px;}
}

@media (min-width: 1300px) {
.btn {margin-left:15px;padding:15px 25px;}
}


/* header
-------------------------------------------------------------------------------------------------------------- */
.header {position:fixed;top:0;right:0;left:0;z-index:1030;background:#fff;}
header.header * {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
header {z-index:100000;}
header .container {padding:0;}
header .navbar {padding:0;}
.navbar-brand {padding:15px 0 15px 12px;height:60px;}
.navbar-brand img {height:30px;}
.navbar {min-height:60px;margin-bottom:0;border:none;border-radius:0;}
.navbar-toggler {border:none;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(96,95,246, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-collapse {padding:5px 15px 20px;}
.navbar-menu a.nav-link, .navbar-menu a.nav-link:focus, .navbar-menu a.nav-link:active {color:#22333B;font-weight:400;font-size:20px;line-height:20px;padding:10px 0;}
.navbar-menu a.nav-link:hover {color:#605ff6;}
.navbar-menu a.nav-btn, .navbar-menu a.nav-btn:focus {color:#fff;background:#605ff6;}
.nav-btn-idioma {border:1px solid #ccc;font-weight:400;font-size:10px;line-height:10px;padding:6px 10px;text-transform:uppercase;}
.nav-btn-idioma:hover, .nav-btn-idioma:focus, .nav-btn-idioma:active, .nav-btn-idioma:focus.active {box-shadow:none;color:#fff !important;background:#000 !important;}
header.mini {-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);}

@media (min-width: 992px) {
.navbar-collapse {padding:0;border-top:none;}
.navbar-menu a.nav-link, .navbar-menu a.nav-link:focus, .navbar-menu a.nav-link:active {font-size:14px;line-height:16px;padding:10px 10px !important;}
.navbar-menu a.nav-btn {margin-left:10px;}
.navbar-menu a.nav-btn-idioma {margin-right:10px;}
}

@media (min-width: 1200px) {
.navbar-brand {padding:13px 4px}
header .container-fluid {padding:0 12px !important;}
.navbar-brand {height:120px;padding:38px 0;}
.navbar-brand img {height:44px;}
.navbar-menu a.nav-link, .navbar-menu a.nav-link:focus, .navbar-menu a.nav-link:active {font-size:16px;line-height:16px;padding:10px 11px !important;}
.navbar-menu a.nav-btn {margin-left:12px;}
header.mini .navbar-brand {padding:15px 12px;height:60px;}
header.mini .navbar-brand img {height:30px;}
}

@media (min-width: 1300px) {
.navbar-menu a.nav-link, .navbar-menu a.nav-link:focus, .navbar-menu a.nav-link:active {font-size:18px;line-height:18px;padding:10px 18px !important;}
}


/* footer
-------------------------------------------------------------------------------------------------------------- */
.footer {border-top:10px solid #000;font-size:16px;line-height:24px;}
.footer-logo img {height:30px;}
.footer-logo {color:#605FF6;}
.footer a {color:#000;}
.footer a:hover {color:#605FF6;}
.footer-icono {height:20px;margin-top:2px;}
.footer-kells img {height:25px;}

@media (min-width: 992px) {
.footer-logo img {height:40px;}
.footer {font-size:20px;line-height:28px;}
.footer-icono {height:24px;}
}

@media (min-width: 1200px) {
.footer-logo img {height:45px;}
.footer {font-size:24px;line-height:32px;}
.footer-icono {height:28px;}
}


/* destacado
-------------------------------------------------------------------------------------------------------------- */
#destacado-home {position:relative;width:100%;max-width:1338px;height:0;padding-bottom:45.43%;margin:0 auto;}
#ojo {left:11.136%;top:13.651%;width:5.456%;}
#buda {left:2.541%;top:50.987%;width:18.386%;}
#gato {left:79.970%;top:39.967%;width:20.105%;}
#elefante {left:69.731%;top:0%;width:14.798%;}
#trebol {left:45.366%;top:38.487%;width:4.335%;}
#estas-de {left:18.909%;top:20.724%;width:41.330%;}
#suerte {left:14.649%;top:29.276%;width:72.048%;}
#agencia {left:27.354%;top:74.342%;width:46.413%;}
#txt-dinamico {left:30.4%;top:88.651%;width:40%;}
.din {position:absolute;left:0;top:0;width:100%;opacity:0;transform: translateX(40px);}
.item-wrap {display:inline-block;}
.item {position:absolute;opacity:1;transform:scale(1);}
#trebol {z-index:10;}


/* adn
-------------------------------------------------------------------------------------------------------------- */
.adn {background:url(images/fondo-adn.jpg) center center no-repeat;background-size:cover;color:#fff;padding:30px;}
.adn h2 {font-size:25px;line-height:29px;}
.adn p {font-size:16px;line-height:24px;}

@media (min-width: 576px) {
.adn {background-position:left center;padding-left:200px;}
}

@media (min-width: 768px) {
.adn h2 {font-size:50px;line-height:54px;}
.adn p {font-size:18px;line-height:26px;}
}

@media (min-width: 992px) {
.adn {padding:100px 50px 100px 330px;}
.adn h2 {font-size:65px;line-height:70px;}
.adn p {font-size:20px;line-height:28px;margin-bottom:30px;}
}

@media (min-width: 1200px) {
.adn {padding:150px 80px 150px 400px;}
.adn h2 {font-size:80px;line-height:85px;}
}

@media (min-width: 1400px) {
.adn {padding-left:500px;}
}


/* negocio
-------------------------------------------------------------------------------------------------------------- */
.negocio {background:#000;}
.negocio-fondo {font-size:5px;line-height:5px;background:#000;}
.negocio h2 {font-size:25px;line-height:27px;color:#fff;}
.negocio li {margin-top:24px;}
.negocio li img {border-radius:5px;}
.negocio-texto {position:absolute;left:0;right:0;bottom:0;padding:15px;}
.negocio li a {display:block;color:#fff;transition:transform 0.3s ease;position:relative;}
.negocio li a:hover {transform:scale(1.05);}
.negocio h3 {font-weight:700;font-size:20px;line-height:24px;}
.negocio h4 {font-size:16px;line-height:20px;margin-top:10px;}
.negocio-flecha {position:relative;width:100%;height:120px;margin-top:-30px;margin-bottom:-90px;pointer-events:none;z-index:4;}
.negocio-flecha-img {position:absolute;right:5%;top:0;transform:translateX(5%);height:100%;width:auto;}
.negocio-modal {color:#fff;padding:0;}
.negocio-modal .btn-close {padding:15px;position:absolute;top:0;right:0;}
.negocio-modal .btn-close:focus, .negocio-modal .btn-close:focus-visible {outline:none !important;box-shadow:none !important;}
.negocio-modal-titulo {background:#605FF6;position:relative;padding-right:40px;}
.negocio-modal-titulo img {border:4px solid #605FF6;border-right:none;border-bottom:none;}
.negocio-modal-titulo h5 {font-weight:600;font-size:25px;line-height:30px;}
.negocio-modal-contenido {background:#000;padding:16px 4px;border:4px solid #605FF6;border-top:none;} 
.negocio-modal-icono {width:60px;}
.negocio-modal-contenido h4 {font-weight:700;color:#605FF6;font-size:20px;line-height:26px;margin-bottom:5px;}

@media (min-width: 576px) {
.negocio li {margin-top:48px;}
.negocio-flecha-img {right:40%;transform:translateX(140%);}
.negocio-modal-titulo h6 {font-size:20px;line-height:23px;margin-top:5px;}
}

@media (min-width: 768px) {
.negocio h2 {font-size:50px;line-height:46px;}
.negocio-flecha {height:200px;margin-top:-40px;margin-bottom:-160px;}
.negocio-flecha-img {right:40%;transform:translateX(170%);}
}

@media (min-width: 992px) {
.negocio h2 {font-size:65px;line-height:60px;}
.negocio-texto {padding:20px;}
.negocio h3 {font-size:26px;line-height:32px;}
.negocio-flecha {height:300px;margin-top:-80px;margin-bottom:-220px;}
.negocio-modal-titulo {padding-right:60px;}
.negocio-modal-titulo h5 {font-size:40px;line-height:45px;}
.negocio-modal-titulo h6 {font-size:25px;line-height:30px;}
.negocio-modal-contenido {padding:24px 12px;} 
.negocio-modal .btn-close {padding:25px;}
}

@media (min-width: 1200px) {
.negocio h2 {font-size:80px;line-height:70px;}
.negocio-texto {padding:25px;}
.negocio h3 {font-size:35px;line-height:40px;}
.negocio h4 {font-size:18px;line-height:24px;}
.negocio-flecha {height:350px;margin-top:-80px;margin-bottom:-270px;}
.negocio-modal-titulo h5 {font-size:48px;line-height:48px;}
.negocio-modal-titulo h6 {font-size:28px;line-height:30px;margin-top:10px;}
.negocio-modal-contenido {font-size:18px;line-height:24px;padding:36px 12px;} 
.negocio-modal-icono {width:80px;}
.negocio-modal-contenido h4 {font-size:24px;line-height:30px;}
}

@media (min-width: 1400px) {
.negocio h4 {font-size:20px;line-height:26px;}
}


/* expertise
-------------------------------------------------------------------------------------------------------------- */
.expertise {color:#605FF6;font-size:18px;line-height:24px;}
.expertise h3 {color:#605FF6;font-weight:700;font-size:25px;line-height:27px;}
.expertise-icono {background:#e7e6fe;width:130px;padding:30px;border-radius:100px;margin-bottom:10px;}
.expertise-icono img {width:70px;}
.expertise-icono {margin-top:40px;}

@media (min-width: 768px) {
.expertise h3 {font-size:30px;line-height:34px;}
}

@media (min-width: 992px) {
.expertise h3 {font-size:35px;line-height:40px;}
.expertise-icono {margin-top:50px;width:160px;padding:40px}
.expertise-icono img {width:80px;}
}


/* casos
-------------------------------------------------------------------------------------------------------------- */
.casos h4 {color:#000;font-weight:600;font-size:25px;line-height:27px;}
.casos .accordion-button img {width:50px;}
.casos-titular {padding-right:24px;color:#000;}
.casos-area {font-size:14px;line-height:18px;font-weight:600;margin-top:5px;text-transform:uppercase;}
.casos-titulo {font-size:22px;line-height:26px;font-weight:700;margin-top:5px;}
.casos-subtitulo {font-size:16px;line-height:20px;font-weight:600;margin-top:5px;}
.casos .accordion-body {background:#fff;padding:20px !important;}
.casos .accordion-item {border:4px solid #000 !important;border-radius:0px !important;margin-top:24px;}
.casos .accordion-item:hover {border:4px solid #605FF6 !important;}
.casos .accordion-item:hover .accordion-button::after {background-color:#605FF6;}
.casos .accordion-item:first-of-type {margin-top:0;}
.casos .accordion-button {border-radius:0px !important;color:#333;font-weight:bold;background:#fff;box-shadow:none !important;}
.casos .accordion-button:not(.collapsed) {border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
.casos .accordion-body {border-top:4px solid #000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding:1rem;border-top:4px solid #605FF6 !important;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.casos .accordion-item:has(.accordion-collapse.show) {border-color:#605FF6 !important;}
.casos .accordion-item:has(.accordion-collapse.show) .accordion-button::after {background-color:#605FF6;}
.casos .accordion-button::after {content:"";display:inline-block;width:1.75rem;height:1.75rem;margin-left:auto;background-color:#000;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M1.5 8.5L8 15l6.5-6.5-1.5-1.5L8 12l-5-5z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M1.5 8.5L8 15l6.5-6.5-1.5-1.5L8 12l-5-5z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;transform:rotate(0deg);border-radius:50%;}
.casos .accordion-button:not(.collapsed)::after {transform:rotate(180deg);}
.casos-seccion {color:#605FF6;font-weight:700;font-size:18px;line-height:26px;padding-bottom:5px;}
.casos-resumen {font-size:18px;line-height:26px;}
.casos-texto {font-size:16px;line-height:22px;}
.casos li {list-style:none;position:relative;padding-left:1rem;padding-bottom:1rem;}
.casos li::before {content:"";width:7px;height:7px;background:#605FF6;border-radius:50%;position:absolute;left:0;top:12px;transform:translateY(-50%);}
.casos .casos-resultados li::before {background:#fff;}
.casos-resultados {background:#605FF6;border-radius:5px;padding:20px;color:#fff;font-size:18px;line-height:26px;}
.casos-resultados .casos-seccion {color:#fff;font-size:24px;line-height:30px;padding-bottom:0;}
.casos-resultados-icono {height:30px;}
.casos-testimonio {background:#dfdffd;border-radius:5px;padding:20px;color:#605FF6;font-size:18px;line-height:26px;font-weight:700;font-style:italic;}
.casos-testimonio span {font-size:50px;line-height:40px;}
.casos .ratio {border:1px solid #000;}

@media (min-width: 768px) {
.casos h4 {font-size:50px;line-height:46px;}
.casos .accordion-button {background-position:550px center !important;background-size:contain !important;}
.casos-area {margin-top:0;}
.casos-titular {padding-right:85px;}
.casos-titulo {font-size:28px;line-height:32px;}
.casos-subtitulo {font-size:18px;line-height:22px;}
} 

@media (min-width: 992px) {
.casos h4 {font-size:65px;line-height:60px;}
.casos-resumen {font-size:20px;line-height:28px;}
.casos-seccion {font-size:20px;line-height:23px;padding-bottom:10px;}
.casos-texto {font-size:18px;line-height:24px;}
.casos .accordion-body {padding:25px;}
.casos .accordion-button {background-position:700px center !important;}
.casos .accordion-button img {width:60px;}
.casos-titular {padding-right:200px;}
.casos-titulo {font-size:35px;line-height:40px;}
.casos-subtitulo {font-size:20px;line-height:24px;}
}

@media (min-width: 1200px) {
.casos h4 {font-size:80px;line-height:70px;}
.casos .accordion-body, .casos-resultados, .casos-testimonio {padding:30px !important;}
.casos .accordion-button {background-position:775px center !important;}
.casos-titular {padding-right:300px;}
.casos-titulo {font-size:40px;line-height:45px;}

.casos-resultados {font-size:20px;line-height:28px;}
.casos-resultados .casos-seccion {font-size:30px;line-height:40px;padding-bottom:0;}
.casos-resultados-icono {height:40px;}
.casos-testimonio {font-size:20px;line-height:28px;}
.casos-testimonio span {font-size:60px;line-height:50px;}
}

@media (min-width: 1400px) {
.casos .accordion-button {background-position:950px center !important;}
.casos-titular {padding-right:360px;}
}


/* hacemos
-------------------------------------------------------------------------------------------------------------- */
.hacemos {background:url(images/fondo-hacemos.png) center center no-repeat;background-size:cover;color:#fff;}
.hacemos h3 {font-weight:700;font-size:25px;line-height:27px;}
.hacemos li {font-size:18px;line-height:24px;margin-top:30px;}

@media (min-width: 576px) {
.hacemos li {padding:0 30px;}
}

@media (min-width: 768px) {
.hacemos h3 {font-size:45px;line-height:50px;}
}

@media (min-width: 992px) {
.hacemos h3 {font-size:60px;line-height:64px;}
.hacemos li {font-size:20px;line-height:26px;}
}

@media (min-width: 1200px) {
.hacemos li {padding:0 40px;margin-top:40px;}
}


/* contacto
-------------------------------------------------------------------------------------------------------------- */
.contacto .form-group {margin-bottom:24px;}
.contacto .form-control {border:2px solid #000;border-radius:0;padding:15px;color:#605FF6;font-weight:700;}
.contacto .form-control:focus {border:2px solid #605FF6;}
.contacto .form-control:focus::placeholder {color:#605FF6;}
.contacto .form-control::placeholder {font-weight:400;color:#666;}
.contacto .btn, .contacto .btn:focus, .contacto .btn:active, .contacto .btn:focus.active {color:#fff;background-color:#81B673;}
.contacto .btn:hover {color:#fff;background-color:#000;}
.contacto-gracias {font-size:24px;line-height:30px;font-weight:500;color:#81B673;}
#modalLoading.hide, #modalLoading:not(.show) {display:none !important;}

@media (max-width: 400px) {
.g-recaptcha {transform:scale(0.85);transform-origin:0 0;}
}

@media (min-width: 992px) {
.contacto-gracias {font-size:48px;line-height:50px;}
}


/* 
-------------------------------------------------------------------------------------------------------------- */

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}