/* CUSTOM UIKIT */

/* Ajustar alineación vertical del logo */
.uk-navbar-left {
    display: flex;
    align-items: center;
}

.uk-navbar-left > a {
    display: flex;
    align-items: center;
}

.uk-navbar-left img {
    vertical-align: middle;
}

/* Mover logo hacia la esquina izquierda en desktop */
/* AJUSTES: Cambia estos valores para mover el logo y el menú */
/* logo-left: espacio desde el borde izquierdo (0 = pegado, aumenta para separarlo) */
/* menu-right: desplazamiento del menú hacia la derecha (negativo = izquierda, positivo = derecha) */
@media (min-width: 960px) {
    /* Resetear padding del contenedor */
    .uk-background-default > .uk-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }
    
    .uk-background-default > .uk-container > .uk-tile {
        padding-left: 0 !important;
    }
    
    /* AJUSTE LOGO: Aplicar margin-left directamente al contenedor del logo */
    nav.desktopNavbar .uk-navbar-left {
        margin-left: 100px !important; /* <-- AJUSTA ESTE VALOR para mover el logo (0 = pegado, aumenta para separarlo) */
        padding-left: 0 !important;
    }
    
    nav.desktopNavbar .uk-navbar-left > a {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* AJUSTE MENÚ: Cambia el valor de margin-left (negativo = izquierda, positivo = derecha) */
    .desktopNavbar .uk-navbar-nav {
        margin-left: 0 !important; /* <-- AJUSTA ESTE VALOR para mover el menú (ej: -50px = izquierda, 50px = derecha) */
    }
}

.home-hero-wrapper {
    min-height: clamp(380px, 55vh, 520px);
    padding: 80px 0;
    overflow: visible;
}

/* En móvil, permitir que el hero se expanda más */
@media (max-width: 959px) {
    .home-hero-wrapper {
        min-height: auto;
        padding: 60px 0;
    }
}

.home-hero-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
}

/* Cookie banner fixed para evitar CLS */
.cc-window {
    position: fixed !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 9999;
}

/* Aspect-ratio para tarjetas y logos - evitar CLS */
.cardGrid .uk-card img,
.bannerBar.item img,
.uk-card img[src*="icon-"],
.uk-card img[src*="logo"] {
    aspect-ratio: 1 / 1;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

/* Reservar espacio para imágenes de servicios */
.bannerBar.item {
    min-height: 300px;
}

html {
    font-family: 'Ubuntu', sans-serif;
    color: #2f4566;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
}

.uk-link {
    color: #99cc97;
}

a:hover,
.uk-link:hover {
    color: #fff;
    background-color: #99cc97;
    text-decoration: none;
}

#tm-toolbar a {
    text-transform: lowercase;
    font-size: 14px;
}

#tm-toolbar a.uk-button-text {
    color: #99CC97;
}

/* Botón ACCEDER más pequeño y fino con gradiente del hero */
#tm-toolbar .uk-button-secondary.uk-button-small {
    padding: 6px 20px !important;
    font-size: 0.75rem !important;
    line-height: 1.3 !important;
    border-radius: 20px !important;
    font-weight: 500 !important;
    min-width: auto !important;
    letter-spacing: 0.3px !important;
    background-color: rgb(153, 204, 151) !important;
    background: -moz-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%) !important;
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99cc97', endColorstr='#85b3e2', GradientType=1) !important;
    color: white !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

#tm-toolbar .uk-button-secondary.uk-button-small:hover {
    background: linear-gradient(to right, rgba(133, 179, 226, 1) 0%, rgba(153, 204, 151, 1) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(153, 204, 151, 0.4) !important;
}

/* Botón REGISTRARSE unificado */
#tm-toolbar .uk-button-text.uk-button-small {
    padding: 6px 16px !important;
    font-size: 0.75rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
}

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-primary {
    font-family: 'Ubuntu', sans-serif;
    color: #71A3D7;
    letter-spacing: 0.8px;
}

.uk-heading-primary {
    font-size: 48px;
    font-weight: 500;
    margin: 0 0 30px 0;
}

h1,
.uk-h1 {
    font-size: 36px;
    line-height: 1;
}

h2,
.uk-h2 {
    font-size: 24px;
    color: #004165;
}

h3,
.uk-h3 {
    font-style: normal;
}

.hero h2,
.uk-h2 {
    font-weight: 300;
}

.uk-article-title {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 500;
}

.uk-text-lead {
    font-size: 32px;
    line-height: 36px;
}

.uk-text-large {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
}

.uk-text-large.uk-text-bold {
    font-weight: 500;
}

.uk-text-small {
    font-size: 11px;
    font-weight: 300;
}

.uk-text-primary {
    /*color: #004165 !important;*/
    color: #115880 !important;
}

.uk-text-secondary {
    color: #194063 !important;
}

.uk-text-emphasis {
    color: #FFF !important;
}

.uk-list-divider>li:nth-child(n+2) {
    margin-top: none;
}

.uk-tile {
    padding-top: 55px;
    padding-bottom: 55px;
}

.uk-tooltip {
    padding: 10px;
}

.uk-card.uk-card-header {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

.uk-width-xxlarge {
    width: 785px;
}

.uk-padding-small {
    padding: 10px;
}

.uk-container {
    max-width: 1280px;
}

.uk-container-small {
    max-width: 980px;
}

.uk-list-striped>li:nth-of-type(odd) {
    border-top: 0;
    border-bottom: 0;
    background: #ccc;
}

.uk-list-striped>li:nth-of-type(even) {
    background: #eee;
}

.uk-list-striped>li:nth-child(n+2) {
    margin-top: inherit;
}

ul.heroList li:not(.no-bg) {
    padding-left: 35px;
    background-image: url('/assets/images/heroList_bg.svg');
    background-repeat: no-repeat;
    background-size: 25px 20px;
    background-position: left center;
    color: #fff;
    font-size: 20px;
}

.uk-button:not(.uk-button-small):not(.uk-button-large) {
    padding: 0 45px;
    font-size: 0.90rem;
    line-height: 40px;
}

.uk-button {
    border-radius: 5px;
}

.uk-button-secondary.uk-button-small {
    min-width: 100px;
}

/* Clase para botones con gradiente original verde-azul */
.uk-button-gradient {
    background-color: rgb(153, 204, 151);
    background: -moz-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%);
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99cc97', endColorstr='#85b3e2', GradientType=1);
    border-radius: 5px !important;
    color: white !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.uk-button-gradient:hover {
    background: linear-gradient(to right, rgba(133, 179, 226, 1) 0%, rgba(153, 204, 151, 1) 100%);
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(153, 204, 151, 0.4);
}

/* Botones secondary usan el nuevo estilo azul oscuro por defecto */
.uk-button-secondary:not(.uk-card .uk-button-secondary):not(.uk-card-body .uk-button-secondary):not(.uk-card-default .uk-button-secondary) {
    background: linear-gradient(to bottom, rgba(47, 69, 102, 1) 0%, rgba(61, 91, 136, 1) 100%) !important;
    background-color: rgba(47, 69, 102, 1);
    border-radius: 35px !important;
    padding: 10px 32px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 3px 12px rgba(47, 69, 102, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Botones secondary pequeños (header, cards) con gradiente original */
.uk-button-secondary.uk-button-small,
.uk-button-secondary[style*="width: 100%"] {
    background-color: rgb(153, 204, 151) !important;
    background: -moz-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%) !important;
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99cc97', endColorstr='#85b3e2', GradientType=1) !important;
    border-radius: 5px !important;
}

.uk-button-secondary.uk-button-small:hover,
.uk-button-secondary[style*="width: 100%"]:hover {
    background: linear-gradient(to right, rgba(133, 179, 226, 1) 0%, rgba(153, 204, 151, 1) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(153, 204, 151, 0.4) !important;
}

/* Botones "Leer más" en las cards con colores azules del hero - Estilo pill/ovalado fino y elegante */
a.card-button-blue,
.uk-button-secondary.card-button-blue,
.card-button-blue.uk-button-secondary {
    width: auto !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    background: linear-gradient(135deg, #B3D4F0 0%, #9FC5E8 100%) !important;
    background-color: #B3D4F0 !important;
    background-image: linear-gradient(135deg, #B3D4F0 0%, #9FC5E8 100%) !important;
    color: white !important;
    border: none !important;
    transition: all 0.3s ease !important;
    padding: 8px 28px !important;
    box-shadow: 0 2px 8px rgba(179, 212, 240, 0.4) !important;
    display: block !important;
    margin: 0 auto !important;
    letter-spacing: 0.3px !important;
}

a.card-button-blue:hover,
.uk-button-secondary.card-button-blue:hover,
.card-button-blue.uk-button-secondary:hover {
    background: linear-gradient(135deg, #9FC5E8 0%, #8BB5E0 100%) !important;
    background-color: #9FC5E8 !important;
    background-image: linear-gradient(135deg, #9FC5E8 0%, #8BB5E0 100%) !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(159, 197, 232, 0.5) !important;
}


/*.uk-button-secondary {                                                          
  background-color: rgb(153,204,151);                                           
  background: -moz-linear-gradient(left, rgba(153,204,151,1) 0%, rgba(0,50,75,1) 100%);
  background: -webkit-linear-gradient(left, rgba(153,204,151,1) 0%,rgba(0,50,75,1) 100%);
  background: linear-gradient(to right, rgba(153,204,151,1) 0%,rgba(0,50,75,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc97', endColorstr='#2f4466',GradientType=1 );
}*/

.uk-button-secondary,
.uk-button-primary {
    border: none !important;
    color: #fff !important;
}

.uk-button-secondary,
.uk-button-primary,
.uk-button-default {
    border: none !important;
    margin-bottom: 0 !important;
}

/* Botones default también con estilo uniforme */
.uk-button-default {
    background: linear-gradient(to bottom, rgba(47, 69, 102, 1) 0%, rgba(61, 91, 136, 1) 100%) !important;
    background-color: rgba(47, 69, 102, 1);
    border-radius: 35px !important;
    padding: 10px 32px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    letter-spacing: 0.5px !important;
    color: white !important;
    box-shadow: 0 3px 12px rgba(47, 69, 102, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.uk-button-default:hover,
.uk-button-default:focus {
    background: linear-gradient(to bottom, rgba(61, 91, 136, 1) 0%, rgba(47, 69, 102, 1) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 18px rgba(47, 69, 102, 0.3) !important;
    color: white !important;
}

.uk-button-default:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(47, 69, 102, 0.2) !important;
    color: white !important;
}

/* Botones suaves y elegantes - estilo fino y discreto */
.uk-button-soft {
    background: linear-gradient(to bottom, rgba(47, 69, 102, 1) 0%, rgba(61, 91, 136, 1) 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 35px !important;
    padding: 10px 32px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 3px 12px rgba(47, 69, 102, 0.2) !important;
    min-width: auto !important;
    width: auto !important;
    display: inline-block !important;
}

.uk-button-soft:hover {
    background: linear-gradient(to bottom, rgba(61, 91, 136, 1) 0%, rgba(47, 69, 102, 1) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 18px rgba(47, 69, 102, 0.3) !important;
    color: white !important;
}

.uk-button-soft:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(47, 69, 102, 0.2) !important;
}

/* Animación atractiva para botones del hero - efecto glow suave */
.uk-button-glow {
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.uk-button-glow::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, rgba(153, 204, 151, 0.5), rgba(113, 163, 215, 0.5), rgba(153, 204, 151, 0.5));
    background-size: 200% 200%;
    border-radius: 27px;
    z-index: -1;
    opacity: 0;
    animation: glowMove 3s ease-in-out infinite;
    filter: blur(8px);
}

@keyframes glowMove {
    0%, 100% {
        background-position: 0% 50%;
        opacity: 0.3;
    }
    50% {
        background-position: 100% 50%;
        opacity: 0.6;
    }
}

.uk-button-glow:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 8px 25px rgba(47, 69, 102, 0.4), 0 0 20px rgba(153, 204, 151, 0.3) !important;
}

.uk-button-glow:hover::before {
    opacity: 0.8;
    animation-duration: 1.5s;
}

.uk-button-secondary:hover,
.uk-button-secondary:focus {
    background: linear-gradient(to bottom, rgba(61, 91, 136, 1) 0%, rgba(47, 69, 102, 1) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 18px rgba(47, 69, 102, 0.3) !important;
    color: white !important;
}

.uk-button-secondary:active,
.uk-button-secondary.uk-active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(47, 69, 102, 0.2) !important;
    color: white !important;
}

.uk-button-primary:hover,
.uk-button-primary:focus {
    background: linear-gradient(to bottom, rgba(61, 91, 136, 1) 0%, rgba(47, 69, 102, 1) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 18px rgba(47, 69, 102, 0.3) !important;
    color: white !important;
}

.uk-button-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(47, 69, 102, 0.2) !important;
    color: white !important;
}

.uk-button-large {
    padding: 10px 32px !important;
    line-height: 1.4 !important;
    font-size: 0.9rem !important;
    margin-bottom: 0 !important;
    border-radius: 35px !important;
}

.uk-button-text:hover,
.uk-button-text:focus {
    background-color: transparent;
}

.uk-section-primary.flat {
    background: #2f4566;
}

.uk-tile-xsmall {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pricingTable .uk-list li {
    font-size: 14px;
}

.pricingTable .uk-list>li:nth-child(n+2) {
    margin-top: 25px;
}

.pricingTable .uk-button:not(.uk-button-small) {
    width: 100%;
    max-width: 260px;
}

.domainSearchSection {
    padding-top: 15px;
    padding-bottom: 15px;
}

.domainSearchSection .uk-form-icon {
    border: 1px solid #A4A4A4;
    border-right: none;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.domainSearchSection input[type="text"] {
    border: 1px solid #A4A4A4;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.domainSearchSection button[type="button"] {
    padding: 0 15px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #E2E2E2 !important;
    border: 1px solid #A4A4A4;
    height: 60px;
    border-left: none;
    font-size: 32px;
    font-weight: 300;
    line-height: 29px;
    width: 100%;
}

.domainSearchSection .uk-input {
    height: 60px;
}

.domainSearchSection .uk-form-icon>svg {
    width: 37px;
    height: 37px;
}

.domainSearchSection .uk-form-icon>svg>circle {
    stroke-width: 2;
}

.domainSearchSection .uk-form-icon>svg>path {
    stroke-width: 3;
}

.domainSearchSection .uk-form-icon~.uk-input {
    padding-left: 45px !important;
}

.domainSearchSection .selectIcon {
    transform: rotate(90deg);
}

.domainSearchSection .selectIcon>svg {
    width: 30px;
}

.domainSearchSection .selectIcon>svg>polyline {
    stroke-width: 2;
    stroke: #A4A4A4 !important;
}

.domainSearchSection input.uk-checkbox {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background-color: white;
}

.domainSearchSection input[type="checkbox"] {
    display: none;
}

.domainSearchSection input[type="checkbox"]+label span.customCheckbox {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin: 0px 11px 0 0;
    vertical-align: middle;
    background: url(../images/checkbox-unchecked.png);
    background-size: auto;
    background-repeat: no-repeat;
    cursor: pointer;
}

.domainSearchSection input[type="checkbox"]:checked+label span.customCheckbox {
    background: url(../images/checkbox-checked.png);
    background-repeat: no-repeat;
}

.domainSearchSection input[type="checkbox"]+label div {
    font-size: 14px;
    line-height: 20px;
}

.domainSearchSection input[type="checkbox"]+label div>span {
    font-size: 21px;
}

@media (max-width: 600px) {
    .domainSearchSection input[type="text"] {
        font-size: 15px;
    }
    .domainSearchSection button[type="button"] {
        font-size: 21px;
        padding: 0 5px;
    }
    .domainSearchSection button[type="button"] .selectIcon {
        width: 21px;
    }
    .domainSearchSection .customCheckbox {
        padding-right: 18px;
        background-size: auto;
        background-repeat: no-repeat;
    }
}

.domainsTable .uk-table th {
    color: #2f4566;
    font-weight: 300;
    padding-bottom: 5px;
}

.domainsTable .uk-table tr>td:first-child>div {
    padding-left: 40px;
    font-size: 32px;
    font-weight: 300;
    line-height: 29px;
}

.domainsTable .uk-table tr>td>div {
    padding: 5px;
    min-height: 50px;
    position: relative;
}

.domainsTable .uk-table tr:nth-of-type(2n+1)>td>div {
    background-color: #E7E7E7;
}

.domainsTable .uk-table tr:nth-of-type(2n)>td>div {
    background-color: #F3F3F3;
}

.domainsTable .uk-table tr.sale>td:first-child>div::after {
    content: 'Oferta!';
    position: absolute;
    display: block;
    width: 125px;
    height: 60px;
    right: 0;
    background: url(../images/domainSale-bg.png);
    line-height: 58px;
    font-size: 20px;
    color: white;
    font-weight: 300;
}

.domainsTable .uk-table tr.sale>td:not(:first-child)>div {
    flex-direction: column;
}

.domainsTable .uk-table tr.sale>td:not(:first-child)>div>span {
    font-size: 15px;
    color: red;
    text-decoration: line-through;
}

.domainsTable .uk-table-small td {
    padding: 5px;
}

.domainsTable .uk-tab.largeTabs>li>a {
    line-height: 85px;
}

.domainsTable .uk-tab.largeTabs>li>a>svg {
    margin-right: 10px;
    fill: #A4A4A4;
}

.domainsTable .uk-tab.largeTabs>li>a>svg+span {
    color: #A4A4A4;
}

.domainsTable .uk-tab.largeTabs>li.uk-active>a>svg {
    margin-right: 10px;
    fill: #85B3E2;
}

.domainsTable .uk-tab.largeTabs>li.uk-active>a>svg+span {
    color: #85B3E2;
}

@media (max-width: 1080px) {
    .domainsTable .uk-tab.largeTabs>li>a>svg+span {
        font-size: 13px;
    }
    .domainsTable .uk-tab.largeTabs>li>a>svg {
        width: 30px;
    }
    .domainsTable .uk-tab.largeTabs>li>a {
        line-height: 65px;
    }
    .domainsTable .uk-tab.largeTabs li a {
        padding: 0 6px;
    }
}

@media (max-width: 786px) {
    .domainsTable .uk-table tr.sale>td:first-child>div::after {
        content: '€';
        width: 35px;
        font-size: 23px;
        text-align: right;
        padding-right: 10px;
        line-height: 34px;
    }
    .domainsTable .uk-tab.largeTabs>li>a>svg+span {
        font-size: 10px;
    }
    .domainsTable .uk-tab.largeTabs>li>a>svg {
        width: 24px;
    }
    .domainsTable .uk-tab.largeTabs>li>a {
        line-height: 65px;
    }
}

@media (max-width: 638px) {
    .domainsTable .uk-tab.largeTabs>li>a>svg {
        width: 33px;
    }
    .domainsTable .uk-tab.largeTabs>li>a>svg {
        margin-right: 0px !important;
    }
    .domainsTable .uk-tab.largeTabs li a {
        padding: 0px 13px;
    }
}

@media (max-width: 600px) {
    .domainsTable .uk-table th {
        font-size: 10px;
    }
    .domainsTable .uk-table tr>td:first-child>div {
        padding-left: 5px;
        align-items: center;
        justify-content: center;
    }
    .domainsTable .uk-table tr.sale>td:first-child>div::after {
        content: none;
    }
    .domainsTable .uk-table tr>td>div {
        font-size: 15px !important;
    }
    .domainsTable {
        padding: 0 !important;
    }
}

@media (min-width: 1200px) {
    .uk-card-body {
        padding: 15px 20px;
    }
    .uk-card-header {
        padding: 10px 20px;
    }
}

.uk-card-title {
    font-size: 1.3rem;
    line-height: 1.2;
}

.uk-card a:hover {
    background-color: transparent;
}

.uk-badge {
    border-radius: 10px;
}

.uk-label {
    line-height: 1.8;
    font-size: 0.65rem;
}

nav a:hover {
    background-color: transparent;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: inherit;
}

.uk-navbar-nav>li>a,
.uk-navbar-nav>li>div,
.uk-navbar-item,
.uk-navbar-toggle {
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 1rem;
}

.uk-navbar-nav>li>a.uk-h1 {
    font-size: 28px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    color: white;
    position: relative;
    text-transform: none;
    padding: 0 20px;
}

.uk-navbar-nav>li>a.uk-h1:hover {
    color: #2f4566;
}

.uk-navbar-nav>li.uk-active>a.uk-h1 {
    color: #2f4566;
    font-weight: 500;
}

.uk-navbar-nav>li.uk-active>a.uk-h1::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    bottom: -10px;
    height: 10px;
    background-color: #252958;
    transition: .2s ease-in-out;
    transition-property: all;
    transition-property: background-color, border-color, box-shadow, height, right;
    left: 0px;
    right: 0px;
}

.uk-grid-small>* {
    padding-left: 13px;
}

div.uk-grid-large>div.uk-first-column>div.bannerBar>div {
    margin-left: 15%;
}

.cardGrid .uk-card img {
    height: 108px;
}


/* Phone landscape and smaller */

@media (max-width: 959px) {
    .uk-navbar-nav>li>a,
    .uk-navbar-item,
    .uk-navbar-toggle {
        min-height: 45px;
        padding-right: 0;
    }
}

/* Megamenú profesional */
.uk-navbar-dropdown-large {
    width: 900px !important;
    padding: 30px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 20px !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.8);
    margin-top: 15px !important;
    animation: fadeInDown 0.3s ease;
}

.uk-navbar-dropdown-large .uk-navbar-dropdown-grid {
    margin: 0 !important;
}

.uk-navbar-dropdown-large .uk-navbar-dropdown-nav {
    margin: 0 !important;
    padding: 0 !important;
}

.uk-navbar-dropdown-large .uk-nav-header {
    font-weight: 800 !important;
    color: #2f4566 !important;
    padding: 15px 0 10px 0 !important;
    margin-bottom: 15px !important;
    border-bottom: 2px solid !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 1.1em !important;
}

.uk-navbar-dropdown-large .uk-nav-header[style*="border-bottom: 2px solid #99cc97"] {
    border-bottom-color: #99cc97 !important;
}

.uk-navbar-dropdown-large .uk-nav-header[style*="border-bottom: 2px solid #71A3D7"] {
    border-bottom-color: #71A3D7 !important;
}

.uk-navbar-dropdown-large .uk-nav-header[style*="font-weight: 700"] {
    font-weight: 700 !important;
    color: #666 !important;
    font-size: 0.85em !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: none !important;
    padding-top: 10px !important;
}

.uk-navbar-dropdown-large .uk-navbar-dropdown-nav > li > a {
    padding: 10px 0 !important;
    font-size: 0.95em !important;
    color: #666 !important;
    transition: all 0.2s ease !important;
    border-radius: 6px !important;
    margin: 2px 0 !important;
}

.uk-navbar-dropdown-large .uk-navbar-dropdown-nav > li > a:hover {
    background: linear-gradient(90deg, rgba(153, 204, 151, 0.1) 0%, rgba(113, 163, 215, 0.1) 100%) !important;
    color: #2f4566 !important;
    padding-left: 12px !important;
    transform: none !important;
}

.uk-navbar-dropdown-large .uk-nav-divider {
    border-top: 1px solid #e0e0e0 !important;
    margin: 15px 0 !important;
}

.uk-navbar-dropdown {
    width: 240px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 0px !important;
    padding-top: 20px !important;
    animation: fadeInDown 0.3s ease;
}

.uk-navbar-dropdown-nav {
    position: relative;
}

/* Ocultar completamente el placeholder del sticky */
.uk-sticky-placeholder {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.uk-navbar-dropdown-nav > li {
    margin: 4px 0;
}

.uk-navbar-dropdown-nav > li > a {
    font-weight: 500;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 8px;
    color: #2f4566;
    transition: none !important;
}

.uk-navbar-dropdown-nav > li > a:hover {
    background-color: rgba(153, 204, 151, 0.1);
    color: #99cc97;
    transform: none !important;
    transition: none !important;
}

.uk-accordion-title {
    color: #2f4466;
    font-size: 1rem;
}

.uk-accordion li:first-child {
    border-top: 1px solid #2f4466;
}

.uk-accordion li {
    border-bottom: 1px solid #2f4466;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0 !important;
}

.uk-accordion-title::before {
    float: left;
    background-image: url('/assets/images/accordionCross.svg') !important;
    background-size: 21px 21px;
    transition: transform .4s;
    -webkit-transition: transform .4s;
    margin-right: 10px;
}

.uk-open>.uk-accordion-title:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.uk-accordion-title:hover,
.uk-accordion-title:focus {
    background: none;
    color: #2f4466;
}

.uk-accordion li:not(.uk-open) .uk-accordion-title:hover {
    color: #2f4566;
}

.uk-accordion-content {
    margin-top: 10px;
    font-size: 18px;
    padding-left: 40px;
    margin-bottom: 10px;
}

.uk-modal-dialog {
    width: 350px;
    max-width: calc(100% - 20px) !important;
}

.uk-lightbox-items>* {
    color: rgba(255, 255, 255, 1);
}

.uk-lightbox-toolbar {
    color: rgba(255, 255, 255, 1);
}

.uk-lightbox-toolbar>* {
    color: rgba(255, 255, 255, 1);
}

.uk-lightbox-toolbar-icon {
    color: rgba(255, 255, 255, 1);
}

.uk-lightbox-button {
    color: rgba(255, 255, 255, 1);
}

.uk-background-muted,
.uk-section-muted,
.uk-card-muted {
    background-color: #EDEDED;
}

.uk-background-secondary,
.uk-tile-secondary,
.uk-section-secondary,
.bannerBar:before {
    background: rgb(153, 204, 151);
    background: -moz-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(113, 163, 215, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(113, 163, 215, 1) 100%);
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(113, 163, 215, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99cc97', endColorstr='#2f4466', GradientType=1);
}

.uk-background-secondary.inverse {
    background: rgb(133, 179, 226);
    background: -moz-linear-gradient(left, rgba(113, 163, 215, 1) 0%, rgba(153, 204, 151, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(113, 163, 215, 1) 0%, rgba(153, 204, 151, 1) 100%);
    background: linear-gradient(to right, rgba(113, 163, 215, 1) 0%, rgba(153, 204, 151, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2f4466', endColorstr='#99cc97', GradientType=1);
}

.uk-background-primary,
.uk-tile-primary,
.uk-section-primary,
.uk-card-primary,
.uk-tooltip {
    background: rgb(61, 91, 136);
    background: -moz-linear-gradient(top, rgba(61, 91, 136, 1) 0%, rgba(47, 69, 102, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(61, 91, 136, 1) 0%, rgba(47, 69, 102, 1) 100%);
    background: linear-gradient(to bottom, rgba(61, 91, 136, 1) 0%, rgba(47, 69, 102, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3d5b88', endColorstr='#2f4566', GradientType=0);
}

.uk-background-primary.inverse,
.uk-section-primary.inverse {
    background: rgb(47, 69, 102);
    background: -moz-linear-gradient(top, rgba(47, 69, 102, 1) 0%, rgba(61, 91, 136, 1) 99%);
    background: -webkit-linear-gradient(top, rgba(47, 69, 102, 1) 0%, rgba(61, 91, 136, 1) 99%);
    background: linear-gradient(to bottom, rgba(47, 69, 102, 1) 0%, rgba(61, 91, 136, 1) 99%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2f4566', endColorstr='#3d5b88', GradientType=0);
}

.uk-button-primary {
    background: linear-gradient(to bottom, rgba(47, 69, 102, 1) 0%, rgba(61, 91, 136, 1) 100%) !important;
    background-color: rgba(47, 69, 102, 1);
    border-radius: 35px !important;
    padding: 10px 32px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 3px 12px rgba(47, 69, 102, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.uk-button-primary.flat {
    background: #2f4566;
}

.uk-background-primary.flat {
    background: #2f4566;
}

.uk-logo {
    font-family: 'Ubuntu', sans-serif;
}

.uk-offcanvas-bar {
    color: rgba(255, 255, 255, 1);
}

.uk-offcanvas-bar a:hover {
    background: transparent;
}

.uk-offcanvas-bar .uk-nav>li>a {
    text-transform: uppercase;
}

.uk-offcanvas-bar .uk-nav-sub>li>a {
    font-size: 16px;
}

.uk-light {
    color: rgba(255, 255, 255, 1) !important;
}

.uk-light a:hover:not(.uk-button) {
    color: #ffffff;
}

.uk-light .uk-heading-primary,
.uk-light .uk-text-large,
.uk-light .uk-text-small {
    color: rgba(255, 255, 255, 1);
}

.uk-dark .uk-heading-primary,
.uk-dark .uk-text-large,
.uk-dark .uk-text-small {
    color: inherit;
}

.uk-light :not(pre)>code,
.uk-light :not(pre)>kbd,
.uk-light :not(pre)>samp,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,
.uk-card-primary.uk-card-body :not(pre)>code,
.uk-card-primary.uk-card-body :not(pre)>kbd,
.uk-card-primary.uk-card-body :not(pre)>samp,
.uk-card-primary> :not([class*='uk-card-media']) :not(pre)>code,
.uk-card-primary> :not([class*='uk-card-media']) :not(pre)>kbd,
.uk-card-primary> :not([class*='uk-card-media']) :not(pre)>samp,
.uk-card-secondary.uk-card-body :not(pre)>code,
.uk-card-secondary.uk-card-body :not(pre)>kbd,
.uk-card-secondary.uk-card-body :not(pre)>samp,
.uk-card-secondary> :not([class*='uk-card-media']) :not(pre)>code,
.uk-card-secondary> :not([class*='uk-card-media']) :not(pre)>kbd,
.uk-card-secondary> :not([class*='uk-card-media']) :not(pre)>samp,
.uk-overlay-primary :not(pre)>code,
.uk-overlay-primary :not(pre)>kbd,
.uk-overlay-primary :not(pre)>samp,
.uk-offcanvas-bar :not(pre)>code,
.uk-offcanvas-bar :not(pre)>kbd,
.uk-offcanvas-bar :not(pre)>samp {
    color: rgba(255, 255, 255, 1);
}

.uk-light blockquote footer,
.uk-section-secondary:not(.uk-preserve-color) blockquote footer,
.uk-section-primary:not(.uk-preserve-color) blockquote footer,
.uk-tile-secondary:not(.uk-preserve-color) blockquote footer,
.uk-tile-primary:not(.uk-preserve-color) blockquote footer,
.uk-card-primary.uk-card-body blockquote footer,
.uk-card-primary> :not([class*='uk-card-media']) blockquote footer,
.uk-card-secondary.uk-card-body blockquote footer,
.uk-card-secondary> :not([class*='uk-card-media']) blockquote footer,
.uk-overlay-primary blockquote footer,
.uk-offcanvas-bar blockquote footer {
    color: rgba(255, 255, 255, 1);
}

.uk-light a.uk-link-muted:hover,
.uk-light .uk-link-muted a:hover,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-card-primary.uk-card-body a.uk-link-muted:hover,
.uk-card-primary.uk-card-body .uk-link-muted a:hover,
.uk-card-primary> :not([class*='uk-card-media']) a.uk-link-muted:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-link-muted a:hover,
.uk-card-secondary.uk-card-body a.uk-link-muted:hover,
.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
.uk-card-secondary> :not([class*='uk-card-media']) a.uk-link-muted:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-link-muted a:hover,
.uk-overlay-primary a.uk-link-muted:hover,
.uk-overlay-primary .uk-link-muted a:hover,
.uk-offcanvas-bar a.uk-link-muted:hover,
.uk-offcanvas-bar .uk-link-muted a:hover {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-table th,
.uk-section-secondary:not(.uk-preserve-color) .uk-table th,
.uk-section-primary:not(.uk-preserve-color) .uk-table th,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table th,
.uk-tile-primary:not(.uk-preserve-color) .uk-table th,
.uk-card-primary.uk-card-body .uk-table th,
.uk-card-primary> :not([class*='uk-card-media']) .uk-table th,
.uk-card-secondary.uk-card-body .uk-table th,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-table th,
.uk-overlay-primary .uk-table th,
.uk-offcanvas-bar .uk-table th {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-icon-link:hover,
.uk-light .uk-icon-link:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-card-primary.uk-card-body .uk-icon-link:hover,
.uk-card-primary.uk-card-body .uk-icon-link:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-icon-link:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-icon-link:focus,
.uk-card-secondary.uk-card-body .uk-icon-link:hover,
.uk-card-secondary.uk-card-body .uk-icon-link:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-icon-link:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-icon-link:focus,
.uk-overlay-primary .uk-icon-link:hover,
.uk-overlay-primary .uk-icon-link:focus,
.uk-offcanvas-bar .uk-icon-link:hover,
.uk-offcanvas-bar .uk-icon-link:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-icon-link:active,
.uk-light .uk-active>.uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-card-primary.uk-card-body .uk-icon-link:active,
.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,
.uk-card-primary> :not([class*='uk-card-media']) .uk-icon-link:active,
.uk-card-primary> :not([class*='uk-card-media']) .uk-active>.uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link:active,
.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-icon-link:active,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-active>.uk-icon-link,
.uk-overlay-primary .uk-icon-link:active,
.uk-overlay-primary .uk-active>.uk-icon-link,
.uk-offcanvas-bar .uk-icon-link:active,
.uk-offcanvas-bar .uk-active>.uk-icon-link {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-icon-button:hover,
.uk-light .uk-icon-button:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-card-primary.uk-card-body .uk-icon-button:hover,
.uk-card-primary.uk-card-body .uk-icon-button:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-icon-button:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-icon-button:focus,
.uk-card-secondary.uk-card-body .uk-icon-button:hover,
.uk-card-secondary.uk-card-body .uk-icon-button:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-icon-button:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-icon-button:focus,
.uk-overlay-primary .uk-icon-button:hover,
.uk-overlay-primary .uk-icon-button:focus,
.uk-offcanvas-bar .uk-icon-button:hover,
.uk-offcanvas-bar .uk-icon-button:focus {
    background-color: rgba(242, 242, 242, 0.1);
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-icon-button:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-card-primary.uk-card-body .uk-icon-button:active,
.uk-card-primary> :not([class*='uk-card-media']) .uk-icon-button:active,
.uk-card-secondary.uk-card-body .uk-icon-button:active,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-icon-button:active,
.uk-overlay-primary .uk-icon-button:active,
.uk-offcanvas-bar .uk-icon-button:active {
    background-color: rgba(230, 230, 230, 0.1);
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-input,
.uk-light .uk-select,
.uk-light .uk-textaream,
.uk-light .uk-form-icon,
.uk-light .uk-radio,
.uk-light .uk-checkbox,
.uk-light .uk-select,
.uk-light .uk-button-default {
    color: #999 !important;
    background-color: #fff !important;
    border: none;
    border-radius: 10px;
}

.uk-input::placeholder {
    color: #999 !important;
}

.uk-light .uk-form-icon:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-card-primary.uk-card-body .uk-form-icon:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-form-icon:hover,
.uk-card-secondary.uk-card-body .uk-form-icon:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-form-icon:hover,
.uk-overlay-primary .uk-form-icon:hover,
.uk-offcanvas-bar .uk-form-icon:hover {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-button-default,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
.uk-card-primary.uk-card-body .uk-button-default,
.uk-card-primary> :not([class*='uk-card-media']) .uk-button-default,
.uk-card-secondary.uk-card-body .uk-button-default,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-button-default,
.uk-overlay-primary .uk-button-default,
.uk-offcanvas-bar .uk-button-default {
    border-color: rgba(255, 255, 255, 1);
}

.uk-light .uk-button-link:hover,
.uk-light .uk-button-link:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-card-primary.uk-card-body .uk-button-link:hover,
.uk-card-primary.uk-card-body .uk-button-link:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-button-link:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-button-link:focus,
.uk-card-secondary.uk-card-body .uk-button-link:hover,
.uk-card-secondary.uk-card-body .uk-button-link:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-button-link:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-button-link:focus,
.uk-overlay-primary .uk-button-link:hover,
.uk-overlay-primary .uk-button-link:focus,
.uk-offcanvas-bar .uk-button-link:hover,
.uk-offcanvas-bar .uk-button-link:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-close:hover,
.uk-light .uk-close:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,
.uk-card-primary.uk-card-body .uk-close:hover,
.uk-card-primary.uk-card-body .uk-close:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-close:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-close:focus,
.uk-card-secondary.uk-card-body .uk-close:hover,
.uk-card-secondary.uk-card-body .uk-close:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-close:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-close:focus,
.uk-overlay-primary .uk-close:hover,
.uk-overlay-primary .uk-close:focus,
.uk-offcanvas-bar .uk-close:hover,
.uk-offcanvas-bar .uk-close:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-totop:hover,
.uk-light .uk-totop:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,
.uk-card-primary.uk-card-body .uk-totop:hover,
.uk-card-primary.uk-card-body .uk-totop:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-totop:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-totop:focus,
.uk-card-secondary.uk-card-body .uk-totop:hover,
.uk-card-secondary.uk-card-body .uk-totop:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-totop:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-totop:focus,
.uk-overlay-primary .uk-totop:hover,
.uk-overlay-primary .uk-totop:focus,
.uk-offcanvas-bar .uk-totop:hover,
.uk-offcanvas-bar .uk-totop:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
.uk-card-primary.uk-card-body .uk-search-input,
.uk-card-primary> :not([class*='uk-card-media']) .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-input,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-search-input,
.uk-overlay-primary .uk-search-input,
.uk-offcanvas-bar .uk-search-input {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-search-toggle:hover,
.uk-light .uk-search-toggle:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-card-primary.uk-card-body .uk-search-toggle:hover,
.uk-card-primary.uk-card-body .uk-search-toggle:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-search-toggle:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-search-toggle:focus,
.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
.uk-card-secondary.uk-card-body .uk-search-toggle:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-search-toggle:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-search-toggle:focus,
.uk-overlay-primary .uk-search-toggle:hover,
.uk-overlay-primary .uk-search-toggle:focus,
.uk-offcanvas-bar .uk-search-toggle:hover,
.uk-offcanvas-bar .uk-search-toggle:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-nav-default>li>a:hover,
.uk-light .uk-nav-default>li>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,
.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,
.uk-card-primary.uk-card-body .uk-nav-default>li>a:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-nav-default>li>a:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-nav-default>li>a:focus,
.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default>li>a:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-nav-default>li>a:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-nav-default>li>a:focus,
.uk-overlay-primary .uk-nav-default>li>a:hover,
.uk-overlay-primary .uk-nav-default>li>a:focus,
.uk-offcanvas-bar .uk-nav-default>li>a:hover,
.uk-offcanvas-bar .uk-nav-default>li>a:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-nav-default .uk-nav-sub a:hover,
.uk-light .uk-nav-default .uk-nav-sub a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-nav-primary>li>a:hover,
.uk-light .uk-nav-primary>li>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,
.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,
.uk-card-primary.uk-card-body .uk-nav-primary>li>a:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-nav-primary>li>a:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-nav-primary>li>a:focus,
.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-nav-primary>li>a:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-nav-primary>li>a:focus,
.uk-overlay-primary .uk-nav-primary>li>a:hover,
.uk-overlay-primary .uk-nav-primary>li>a:focus,
.uk-offcanvas-bar .uk-nav-primary>li>a:hover,
.uk-offcanvas-bar .uk-nav-primary>li>a:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-nav-primary .uk-nav-sub a:hover,
.uk-light .uk-nav-primary .uk-nav-sub a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-navbar-nav>li:hover>a,
.uk-light .uk-navbar-nav>li>a:focus,
.uk-light .uk-navbar-nav>li>a.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:focus,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a.uk-open,
.uk-card-primary> :not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,
.uk-card-primary> :not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:focus,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a.uk-open,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open,
.uk-overlay-primary .uk-navbar-nav>li:hover>a,
.uk-overlay-primary .uk-navbar-nav>li>a:focus,
.uk-overlay-primary .uk-navbar-nav>li>a.uk-open,
.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,
.uk-offcanvas-bar .uk-navbar-nav>li>a:focus,
.uk-offcanvas-bar .uk-navbar-nav>li>a.uk-open {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-navbar-item,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-card-primary.uk-card-body .uk-navbar-item,
.uk-card-primary> :not([class*='uk-card-media']) .uk-navbar-item,
.uk-card-secondary.uk-card-body .uk-navbar-item,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-navbar-item,
.uk-overlay-primary .uk-navbar-item,
.uk-offcanvas-bar .uk-navbar-item {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-navbar-toggle:hover,
.uk-light .uk-navbar-toggle:focus,
.uk-light .uk-navbar-toggle.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,
.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,
.uk-card-primary> :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,
.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open,
.uk-overlay-primary .uk-navbar-toggle:hover,
.uk-overlay-primary .uk-navbar-toggle:focus,
.uk-overlay-primary .uk-navbar-toggle.uk-open,
.uk-offcanvas-bar .uk-navbar-toggle:hover,
.uk-offcanvas-bar .uk-navbar-toggle:focus,
.uk-offcanvas-bar .uk-navbar-toggle.uk-open {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-subnav>*>a:hover,
.uk-light .uk-subnav>*>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus,
.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,
.uk-card-primary.uk-card-body .uk-subnav>*>a:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-subnav>*>a:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-subnav>*>a:focus,
.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,
.uk-card-secondary.uk-card-body .uk-subnav>*>a:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-subnav>*>a:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-subnav>*>a:focus,
.uk-overlay-primary .uk-subnav>*>a:hover,
.uk-overlay-primary .uk-subnav>*>a:focus,
.uk-offcanvas-bar .uk-subnav>*>a:hover,
.uk-offcanvas-bar .uk-subnav>*>a:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-subnav-pill>*>a:hover,
.uk-light .uk-subnav-pill>*>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,
.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,
.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-subnav-pill>*>a:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-subnav-pill>*>a:focus,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-subnav-pill>*>a:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-subnav-pill>*>a:focus,
.uk-overlay-primary .uk-subnav-pill>*>a:hover,
.uk-overlay-primary .uk-subnav-pill>*>a:focus,
.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,
.uk-offcanvas-bar .uk-subnav-pill>*>a:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-subnav-pill>*>a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,
.uk-card-primary> :not([class*='uk-card-media']) .uk-subnav-pill>*>a:active,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-subnav-pill>*>a:active,
.uk-overlay-primary .uk-subnav-pill>*>a:active,
.uk-offcanvas-bar .uk-subnav-pill>*>a:active {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-breadcrumb>*> :hover,
.uk-light .uk-breadcrumb>*> :focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*> :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*> :focus,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*> :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*> :focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*> :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*> :focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*> :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*> :focus,
.uk-card-primary.uk-card-body .uk-breadcrumb>*> :hover,
.uk-card-primary.uk-card-body .uk-breadcrumb>*> :focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-breadcrumb>*> :hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-breadcrumb>*> :focus,
.uk-card-secondary.uk-card-body .uk-breadcrumb>*> :hover,
.uk-card-secondary.uk-card-body .uk-breadcrumb>*> :focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-breadcrumb>*> :hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-breadcrumb>*> :focus,
.uk-overlay-primary .uk-breadcrumb>*> :hover,
.uk-overlay-primary .uk-breadcrumb>*> :focus,
.uk-offcanvas-bar .uk-breadcrumb>*> :hover,
.uk-offcanvas-bar .uk-breadcrumb>*> :focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-breadcrumb> :last-child>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb> :last-child>*,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb> :last-child>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb> :last-child>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb> :last-child>*,
.uk-card-primary.uk-card-body .uk-breadcrumb> :last-child>*,
.uk-card-primary> :not([class*='uk-card-media']) .uk-breadcrumb> :last-child>*,
.uk-card-secondary.uk-card-body .uk-breadcrumb> :last-child>*,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-breadcrumb> :last-child>*,
.uk-overlay-primary .uk-breadcrumb> :last-child>*,
.uk-offcanvas-bar .uk-breadcrumb> :last-child>* {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-pagination>*> :hover,
.uk-light .uk-pagination>*> :focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*> :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*> :focus,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*> :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*> :focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*> :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*> :focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*> :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*> :focus,
.uk-card-primary.uk-card-body .uk-pagination>*> :hover,
.uk-card-primary.uk-card-body .uk-pagination>*> :focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-pagination>*> :hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-pagination>*> :focus,
.uk-card-secondary.uk-card-body .uk-pagination>*> :hover,
.uk-card-secondary.uk-card-body .uk-pagination>*> :focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-pagination>*> :hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-pagination>*> :focus,
.uk-overlay-primary .uk-pagination>*> :hover,
.uk-overlay-primary .uk-pagination>*> :focus,
.uk-offcanvas-bar .uk-pagination>*> :hover,
.uk-offcanvas-bar .uk-pagination>*> :focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-pagination>.uk-active>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,
.uk-card-primary> :not([class*='uk-card-media']) .uk-pagination>.uk-active>*,
.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-pagination>.uk-active>*,
.uk-overlay-primary .uk-pagination>.uk-active>*,
.uk-offcanvas-bar .uk-pagination>.uk-active>* {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-tab>*>a:hover,
.uk-light .uk-tab>*>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:focus,
.uk-card-primary.uk-card-body .uk-tab>*>a:hover,
.uk-card-primary.uk-card-body .uk-tab>*>a:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-tab>*>a:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-tab>*>a:focus,
.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,
.uk-card-secondary.uk-card-body .uk-tab>*>a:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-tab>*>a:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-tab>*>a:focus,
.uk-overlay-primary .uk-tab>*>a:hover,
.uk-overlay-primary .uk-tab>*>a:focus,
.uk-offcanvas-bar .uk-tab>*>a:hover,
.uk-offcanvas-bar .uk-tab>*>a:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-slidenav,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-card-primary.uk-card-body .uk-slidenav,
.uk-card-primary> :not([class*='uk-card-media']) .uk-slidenav,
.uk-card-secondary.uk-card-body .uk-slidenav,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-slidenav,
.uk-overlay-primary .uk-slidenav,
.uk-offcanvas-bar .uk-slidenav {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-slidenav:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-card-primary.uk-card-body .uk-slidenav:active,
.uk-card-primary> :not([class*='uk-card-media']) .uk-slidenav:active,
.uk-card-secondary.uk-card-body .uk-slidenav:active,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-slidenav:active,
.uk-overlay-primary .uk-slidenav:active,
.uk-offcanvas-bar .uk-slidenav:active {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-accordion-title:hover,
.uk-light .uk-accordion-title:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
.uk-card-primary.uk-card-body .uk-accordion-title:hover,
.uk-card-primary.uk-card-body .uk-accordion-title:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-accordion-title:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-accordion-title:focus,
.uk-card-secondary.uk-card-body .uk-accordion-title:hover,
.uk-card-secondary.uk-card-body .uk-accordion-title:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-accordion-title:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-accordion-title:focus,
.uk-overlay-primary .uk-accordion-title:hover,
.uk-overlay-primary .uk-accordion-title:focus,
.uk-offcanvas-bar .uk-accordion-title:hover,
.uk-offcanvas-bar .uk-accordion-title:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-iconnav>*>a:hover,
.uk-light .uk-iconnav>*>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,
.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,
.uk-card-primary.uk-card-body .uk-iconnav>*>a:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-iconnav>*>a:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-iconnav>*>a:focus,
.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,
.uk-card-secondary.uk-card-body .uk-iconnav>*>a:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-iconnav>*>a:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-iconnav>*>a:focus,
.uk-overlay-primary .uk-iconnav>*>a:hover,
.uk-overlay-primary .uk-iconnav>*>a:focus,
.uk-offcanvas-bar .uk-iconnav>*>a:hover,
.uk-offcanvas-bar .uk-iconnav>*>a:focus {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-iconnav>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,
.uk-card-primary> :not([class*='uk-card-media']) .uk-iconnav>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-iconnav>.uk-active>a,
.uk-overlay-primary .uk-iconnav>.uk-active>a,
.uk-offcanvas-bar .uk-iconnav>.uk-active>a {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-text-lead,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-card-primary.uk-card-body .uk-text-lead,
.uk-card-primary> :not([class*='uk-card-media']) .uk-text-lead,
.uk-card-secondary.uk-card-body .uk-text-lead,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-text-lead,
.uk-overlay-primary .uk-text-lead,
.uk-offcanvas-bar .uk-text-lead {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-logo,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
.uk-section-primary:not(.uk-preserve-color) .uk-logo,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
.uk-card-primary.uk-card-body .uk-logo,
.uk-card-primary> :not([class*='uk-card-media']) .uk-logo,
.uk-card-secondary.uk-card-body .uk-logo,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-logo,
.uk-overlay-primary .uk-logo,
.uk-offcanvas-bar .uk-logo {
    color: rgba(255, 255, 255, 1);
}

.uk-light .uk-logo:hover,
.uk-light .uk-logo:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,
.uk-card-primary.uk-card-body .uk-logo:hover,
.uk-card-primary.uk-card-body .uk-logo:focus,
.uk-card-primary> :not([class*='uk-card-media']) .uk-logo:hover,
.uk-card-primary> :not([class*='uk-card-media']) .uk-logo:focus,
.uk-card-secondary.uk-card-body .uk-logo:hover,
.uk-card-secondary.uk-card-body .uk-logo:focus,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-logo:hover,
.uk-card-secondary> :not([class*='uk-card-media']) .uk-logo:focus,
.uk-overlay-primary .uk-logo:hover,
.uk-overlay-primary .uk-logo:focus,
.uk-offcanvas-bar .uk-logo:hover,
.uk-offcanvas-bar .uk-logo:focus {
    color: rgba(255, 255, 255, 1);
}


/* Pricing Table */


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .pricingTable .uk-card:not(.featured) {
        margin-top: 40px;
    }
    .bannerStaff {
        background: #fff url(../images/bannerStaff_bg.jpg) no-repeat right bottom;
    }
}

.pricingTable .uk-badge {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-height: 40px;
    font-size: 18px;
}


/* Gradient Bar top Banner */

.bannerBar {
    position: relative;
}

.bannerBar:before {
    content: '';
    height: 6px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
}

.bannerBar.uk-section-overlay:before {
    z-index: -1;
}


/* Phone landscape and bigger */

@media (max-width: 959px) {
    .banner {
        max-width: 450px;
    }
}


/* Features List */

.featuresList .iconFeature {
    background-image: url('/assets/images/iconFeature_bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    max-height: 90px;
    min-height: 60px;
    padding: 5px 7px;
}

.featuresList .descriptionFeature>* {
    margin: 0;
}


/* Contact Section */

@media (min-width:960px) and (max-width:1187px) {
    .contactSection .uk-article-title {
        padding-right: 120px;
    }
}

@media (max-width:960px) {
    .contactSection .uk-flex-bottom {
        align-items: unset !important;
    }
}


/* Header */

.toolbar {
    padding: 8px 0;
}

.mobileNavbar .uk-navbar-right a {
    color: #333;
}

/* Botón de contacto móvil mejorado */
.mobile-contact-btn {
    padding: 0 !important;
    border-radius: 25px !important;
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%) !important;
    background-color: rgb(153, 204, 151) !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(153, 204, 151, 0.3) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    height: 48px !important;
    line-height: 1 !important;
}

.mobile-contact-btn:hover,
.mobile-contact-btn:focus {
    background: linear-gradient(to right, rgba(133, 179, 226, 1) 0%, rgba(153, 204, 151, 1) 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(153, 204, 151, 0.5) !important;
    color: white !important;
}

.mobile-contact-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(153, 204, 151, 0.4) !important;
}

.mobile-contact-btn span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
}

.mobile-contact-btn svg {
    width: 24px !important;
    height: 24px !important;
    stroke-width: 2.5 !important;
    margin: 0 !important;
    vertical-align: middle !important;
}


/* Footer */

.footerSection a:hover {
    background: transparent;
}

ul.uk-list-small li {
    margin-top: 4px;
    line-height: 1.2;
}


/* TABS */

.uk-tab::before {
    border-bottom-color: #85B3E2;
}

.uk-tab li a {
    transition: none;
    border-radius: 5px 5px 0 0;
    border: 1px solid transparent;
}

.uk-tab li:not(.uk-active) a:hover {
    background: #85B3E2;
    color: #fff;
}

.uk-tab li:not(.uk-active) a:hover>svg {
    fill: #fff;
}

.uk-tab li:not(.uk-active) a:hover>svg+span {
    color: #fff;
}

.uk-tab li.uk-active a:hover {
    background: transparent;
    cursor: default;
}

.uk-tab>.uk-active>a {
    border: 1px solid #85B3E2;
    ;
    border-bottom-color: white;
}

.uk-tab.largeTabs li a {
    font-size: 18px;
    line-height: 45px;
    padding: 0 25px;
}


/* SWITHER */

.uk-switcher a:hover {}


/* Modal */

.modalLogin a,
.modalLogin a:hover {
    color: #99cc97;
}

.modalLarge {
    width: 90%;
    max-width: 850px !important;
}


/* Resize font size on Phone landscape and smaller - font-size * 0.75 */

@media (max-width: 959px) {
    /* Headings */
    .uk-heading-primary {
        font-size: 45px;
        line-height: 52px;
    }
    h1,
    .uk-h1 {
        font-size: 27px;
        line-height: 33px;
    }
    h2,
    .uk-h2 {
        font-size: 18px;
        color: #004165;
    }
    h3,
    .uk-h3 {
        font-style: normal;
    }
    .uk-text-lead {
        font-size: 24px;
        line-height: 30px;
    }
    .uk-text-large {
        font-size: 18px;
        line-height: 24px;
        font-weight: normal;
    }
    /* Accordion */
    .uk-accordion-title {
        font-size: 16px;
        line-height: 20px
    }
    .uk-accordion-title::before {
        background-size: 10px 10px;
    }
}


/* ZAMO 23/04/2019 */


/* Card */

.uk-card.uk-card-default {
    background-color: none !important;
}

#conectividad .uk-card.box_transito,
#conectividad .uk-card.box_transito div {
    height: 550px;
    margin: 0px !important;
}


/* Buttons */

a.uk-button-secondary {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: visible !important;
}

/* Animación antigua desactivada - ahora usamos el nuevo estilo uniforme */
a.uk-button-secondary:before {
    display: none !important;
}

a.uk-button-secondary:hover {
    cursor: pointer;
}

a.uk-button-secondary:hover:before {
    display: none !important;
}

.uk-button-primary:not(:disabled):hover {
    background: linear-gradient(to bottom, rgba(61, 91, 136, 1) 0%, rgba(47, 69, 102, 1) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 18px rgba(47, 69, 102, 0.3) !important;
}


/* Footer */

.footerSection a:hover {
    text-decoration: underline;
}

/* Eliminar espacio blanco después del footer */
body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

html {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.footerSection:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 20px !important;
}

footer:last-of-type {
    margin-bottom: 0 !important;
}

footer + .uk-background-primary.flat {
    margin-bottom: 0 !important;
}

/* Asegurar que no hay espacio después del último elemento del body */
body > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Elementos que no deben crear espacio */
#splashScreen,
#arrowUp {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

footer .header,
footer .header a {
    font-size: 14px;
    font-weight: bold;
}

footer img {
    width: 250px;
    margin-bottom: 15px;
}

footer .uk-list li a,
footer .uk-width-1-1 p {
    font-size: 12px;
    color: white;
    font-weight: normal;
}

/* Footer separadores eliminados - uso gap en su lugar */
footer .separator {
    display: none !important;
}

/* Footer columns - layout fluido por breakpoints */
footer .uk-child-width-1-4@m {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    align-items: flex-start !important;
}
footer .uk-child-width-1-4@m > * { /* dejar que UIkit controle widths */
    flex: initial !important;
    width: auto !important;
    max-width: none !important;
}
@media (min-width: 640px) { /* sin cambios - UIkit gestiona */ }

/* Asegurar layout horizontal en desktop */
@media (min-width: 960px) { /* UIkit controla 1-3@m */ }
@media (min-width: 1200px) { /* UIkit controla 1-4@l */ }

footer .footer_el {
    margin-bottom: 20px;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
    /* no forzar width/flex: dejar a UIkit gestionar */
}

footer .footer_el .header {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 700;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

footer .footer_el ul li {
    margin-bottom: 6px;
}

footer .footer_el ul li a {
    transition: all 0.3s ease;
    display: inline-block;
}

footer .footer_el ul li a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

footer .footer_el ul li a:hover {
    transform: translateX(5px);
    opacity: 0.9;
}

/* Legal: menos espacio entre enlaces */
footer .footer_el-legal ul li {
    margin-bottom: 4px !important;
}

@media (min-width: 960px) {
    /* Separadores completamente eliminados */
    footer .separator { display: none !important; }
    footer .footer_el { margin-bottom: 0; padding: 0; }
}

/* Asegurar widths explícitos para niños (compatibilidad con clases UIkit) */
/* no forzar widths; UIkit ya los define mediante clases uk-child-width-... */

@media (max-width: 638px) {
    footer .separator {
        width: 100% !important;
        display: block;
        height: 1px;
        background: #79879c;
        margin-left: 30px;
        margin: 20px 0px 20px 30px;
    }
    footer .footer_el {
        text-align: center;
        margin-bottom: 30px;
    }
    /* Garantizar ancho completo por columna en móvil ya definido arriba */
}

/* eliminar override de grid; volvemos a UIkit flex grid */


/* Header Navbar */

.uk-navbar-nav li {
    overflow: hidden;
}

.uk-navbar-nav li:after {
    /* content: ''; removed - was causing dropdown issues */
    height: 1px;
    width: 80%;
    display: block;
    background: #666;
    margin-top: 2px;
    margin-bottom: -2px;
    transition: 250ms margin-top ease-in-out;
    margin-left: 10%;
}

.uk-navbar-nav li:hover:after,
.uk-navbar-nav li.active:after {
    margin-top: -25px;
}

.uk-navbar-nav>li:hover>a {
    color: #2f4466;
}


/* Domains Table Header*/

@media (max-width: 638px) {
    .domainsTable .uk-tab.largeTabs li a span {
        display: block !important;
        margin-top: -30px;
        margin-bottom: -10px;
        font-weight: bold;
    }
    .contacto .uk-tab.largeTabs li {
        width: 29%;
    }
    .contacto .uk-tab.largeTabs li a {
        height: 100px;
    }
    .contacto .uk-tab.largeTabs li a span.uk-margin-small-right {
        margin-right: 0px !important;
    }
    .contacto .uk-tab.largeTabs li a span:not(.uk-margin-small-right) {
        display: block !important;
        margin-top: -0px;
        margin-bottom: -10px;
        font-weight: bold;
        line-height: 22px;
        font-size: 16px;
    }
}


/* Background pattern */

.uk-section-muted {
    background-attachment: fixed;
}


/* Modal */

.modalLarge {
    overflow: hidden;
    border-radius: 5px;
}


/* Cards */

@media (max-width: 638px) {
    .uk-card {
        height: auto;
    }
    .uk-card div {
        margin: 0 !important;
        padding-bottom: 20% !important;
    }
    .details-table .uk-card .uk-button {
        width: calc(100% - 80px);
    }
    .banner-support .section-img {
        /* margin-bottom: -80px !important;*/
    }
    #conectividad .banner-support .section-img {
        margin-bottom: -80px !important;
    }
    .section-services .uk-heading-primary {
        margin-bottom: -30px;
    }
    .hero-section li .uk-card {
        padding-bottom: 65px;
    }
    .hero-section li .uk-card .uk-button {
        bottom: 15px;
    }
    /* Registro search */
    #registro .buscador {
        padding-bottom: 260px;
    }
    #registro .buscador div {
        height: 60px;
    }
    #registro .search_item {
        margin-bottom: -90px;
    }
    /* Tab precios */
    #registro .uk-tab>* {
        width: 18%;
    }
    #registro .uk-tab li a span {
        width: 100;
        line-height: 10px;
        margin-top: -6px;
    }
    #registro .domainsTable .uk-tab.largeTabs li a {
        height: 90px;
    }
    /* Services Section Muted */
    #registro .services_section_muted .uk-card div {
        margin-bottom: -60px !important;
    }
    /* servidores-vps-cloud */
    #servidores-vps-cloud .uk-card div {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 959px) {
    /* conectividad */
    #conectividad .box_transito {
        height: auto !important;
        padding-bottom: 60px;
    }
    #conectividad .box_transito a.uk-button {
        width: calc(95% - 60px);
    }
}

@media (max-width: 638px) {
    #conectividad .label_img div {
        height: 15px;
    }
}

@media (max-width: 1170px) and (min-width: 960px) {
    #conectividad .box_transito .uk-height-large {
        height: 570px;
    }
}

@media (max-width: 738px) and (min-width: 640px) {
    #contacto .largeTabs li {
        height: 100px;
        width: 28%;
    }
    #contacto .largeTabs li a span:last-child {
        line-height: 22px !important;
        display: block;
    }
    #contacto .uk-tab.largeTabs li a {
        height: 98px;
    }
}

@media (max-width: 639px) {
    #hosting-ssd .uk-card div {
        padding-bottom: 0px !important;
    }
    #contacto .largeTabs li {
        height: 80px;
        width: 25%;
    }
    #contacto .uk-tab.largeTabs li a {
        height: 78px;
    }
    #contacto .largeTabs li a span:last-child {
        line-height: 10px !important;
        display: block !important;
        font-size: 10px;
        width: 100%;
    }
    #contacto .largeTabs .uk-margin-small-right {
        margin-right: 0px !important;
    }
}


/* MENU */

#mobileOffcanvas:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: -5;
    transition: 250ms all ease-in-out;
    opacity: 0;
}

#mobileOffcanvas.uk-open:after {
    opacity: 1;
}


/* Splash Screen */

#splashScreen {
    width: 100vw;
    height: 100vh;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 14000000000000;
}


/* Arrow Up */

#arrowUp {
    position: fixed;
    bottom: 15px;
    right: 30px;
    width: 35px;
    height: 35px;
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 50%, rgba(153, 204, 151, 1) 100%);
    cursor: pointer;
    overflow: hidden;
    transition: 250ms all ease-in-out;
    opacity: 0;
}

#arrowUp.active {
    bottom: 30px;
    opacity: 1;
}

#arrowUp span:after,
#arrowUp span:before {
    content: '';
    width: 15px;
    height: 2px;
    background: white;
    position: absolute;
}

#arrowUp span:after {
    top: 17px;
    right: 5.5px;
    transform: rotate(50deg)
}

#arrowUp span:before {
    top: 17px;
    left: 5.5px;
    transform: rotate(-50deg)
}

#arrowUp:before {
    content: '';
    width: 400%;
    height: 50px;
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 50%, rgba(153, 204, 151, 1) 100%);
    display: block;
    margin-left: -52%;
    margin-bottom: -50px;
    transition: 250ms all ease-in-out;
}

#arrowUp:hover:before {
    margin-left: -250%;
}

@media (max-width: 639px) {
    #arrowUp {
        bottom: 0px;
        right: 10px;
    }
    #arrowUp.active {
        bottom: 10px;
        right: 10px;
        opacity: 1;
    }
}

@media (max-width: 639px) {
    .apps_cpanel .uk-card-body {
        margin-bottom: 30px !important;
        margin-top: -50px !important;
    }
    .apps_cpanel .uk-card .uk-cover-container {
        background-position: center;
        height: 150px;
    }
}

.input-range-container .fa-plus {
    margin-left: 9px;
}

.input-range-container .fa-minus {
    margin-right: 9px;
}

.input-range-container .fa-plus,
.input-range-container .fa-minus {
    cursor: pointer;
}

.input-range-container input {
    width: calc(100% - 52px);
    margin-top: -5px;
}

img {
    border: 0;
}


/* Tiny Circleslider */

.rotatescroll {
    height: 150px;
    position: relative;
    width: 150px;
    clear: none;
}

.rotatescroll .viewport {
    height: 150px;
    position: relative;
    margin: 0 auto;
    width: 150px;
    pointer-events: none;
    overflow: hidden;
}

.rotatescroll .overview {
    position: absolute;
    width: 798px;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

.rotatescroll .overview li {
    height: 150px;
    width: 150px;
    float: left;
    position: relative;
}

.rotatescroll .overlay {
    background: url(../images/rotatescroll/bg-rotatescroll.png) no-repeat 0 0;
    background-size: cover;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 101%;
    width: 100%;
}

.rotatescroll .thumb {
    background: url(../images/rotatescroll/bg-thumb.png) no-repeat 50% 50%;
    touch-action: none;
    -ms-touch-action: none;
    position: absolute;
    top: -3px;
    cursor: pointer;
    left: 137px;
    width: 100px;
    z-index: 200;
    height: 100px;
}

.rotatescroll .dot {
    background: url(../images/rotatescroll/bg-dot.png) no-repeat 0 0;
    display: none;
    height: 12px;
    width: 12px;
    position: absolute;
    left: 155px;
    top: 3px;
    z-index: 100;
}

.rotatescroll .dot span {
    display: none;
}

.rotatescroll .viewport {
    background: rgb(153, 204, 151);
    background: -moz-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(113, 163, 215, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(113, 163, 215, 1) 100%);
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(113, 163, 215, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99cc97', endColorstr='#2f4466', GradientType=1);
}

.rotatescroll .item-wrapper {
    text-align: center;
    width: 100%;
    height: 100%;
}

.rotatescroll .item-wrapper label,
.item-wrapper span {
    display: inline-block;
    position: relative;
}

.rotatescroll .item-wrapper .item-content {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rotatescroll .item-content label span:nth-child(1) {
    font-size: 65px;
    font-weight: bold;
    color: white;
    line-height: 100px;
}

.rotatescroll .item-content label span:nth-child(2) {
    margin-top: -22px;
    color: white;
    font-size: 20px;
    text-align: center;
    display: block;
    margin-bottom: 7px;
}

.rotatescroll .thumb {
    background: #38547d;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.rotatescroll .dot {
    border-radius: 50%;
    background: transparent;
}

.container-rotatescroll h3 {
    font-size: 22px;
    font-weight: bold;
    color: #2f4466;
    width: 100%;
    display: block;
}

.container-rotatescroll .preheader {
    margin-top: -30px;
    display: block;
    text-align: right;
    color: #2f4466;
}

.container-rotatescroll .total {
    display: block;
    float: right;
    margin-top: -50px;
    margin-right: 10px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.container-rotatescroll .total b {
    display: block;
    text-align: right;
    color: #9e9d9e;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: -3px;
    margin-top: 26px;
}

.rotatescroll {
    width: calc(100% - 99px);
}

.container-rotatescroll {
    padding-left: 50px;
}

.input-checkbox {
    width: 105px;
    overflow: hidden;
    position: relative;
    border-radius: 20px 0px 20px 0px;
    cursor: pointer;
    display: block;
    float: right;
    margin-top: 5px;
    margin-bottom: -35px;
}

.input-checkbox input {
    display: none;
}

.input-checkbox.active .pill {
    margin-left: -55px;
}

.input-checkbox .pill {
    transition: all 0.5s ease-in-out;
    width: 160px;
    height: 40px;
    font-size: 0px;
    display: block;
}

.input-checkbox .pill span {
    width: 80px;
    height: 40px;
    display: inline-block;
    font-size: 22.22222px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: white;
    pointer-events: none;
}

.input-checkbox .pill span:first-child {
    background: #95c7a5;
}

.input-checkbox .pill span:last-child {
    background: #2f4466;
}

.container-rotatescroll.with-activator {
    position: relative;
    transition: filter 0.2s ease-in-out;
}

.container-rotatescroll.with-activator[data-active="disabled"] .activator {
    filter: grayscale(100%);
    pointer-events: none;
}

.container-rotatescroll.with-activator .button-activator span {
    width: 50px;
    height: 50px;
    background: #92c4a4;
    display: block;
    position: absolute;
    border: 0;
    right: -20px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color: white;
    border-radius: 20px 0px 20px 0px;
    cursor: pointer;
    z-index: 100;
    top: -25px;
}

.container-rotatescroll.with-activator[data-active="active"] .button-activator span.addButton {
    opacity: 0;
}

.container-rotatescroll.with-activator[data-active="disabled"] .button-activator span.addButton {
    opacity: 1;
}

.container-rotatescroll.with-activator[data-active="disabled"] .button-activator span.removeButton {
    opacity: 0;
}

.container-rotatescroll.with-activator[data-active="active"] .button-activator span.removeButton {
    opacity: 1;
}

#vps_custom {
    padding-bottom: 20px;
}

#vps_custom h3.total-price {
    font-size: 36px;
    font-weight: bold;
    color: #2f4466;
    text-align: right;
    padding-right: 10%;
}

@media(max-width: 1279px) {
    #vps_custom .container-rotatescroll h3 {
        font-size: 22px;
    }
    #vps_custom .input-checkbox {
        z-index: 100;
    }
}

@media(max-width: 1229px) {
    #vps_custom .container-rotatescroll {
        width: 30%;
        text-align: left;
    }
    #vps_custom .container-rotatescroll h3 {
        font-size: 30px;
    }
    #vps_custom .container-rotatescroll .rotatescroll {
        width: 150px;
    }
}

@media(max-width: 999px) {
    #vps_custom .container-rotatescroll {
        width: 50%;
    }
}

@media(max-width: 609px) {
    #vps_custom .container-rotatescroll {
        width: 100%;
    }
}


/* HOME SLIDER */

#homeSlider .slide {
    height: 600px;
    position: relative;
}

#homeSlider .slide .background-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

#homeSlider .slide {
    text-align: right;
    margin-top: -40px;
}

#homeSlider .slide h1 {
    font-weight: bold;
    font-size: 40px;
    color: white;
    width: 410px;
    display: block;
    margin-right: 5%;
    margin-left: auto;
    padding-top: 120px;
}

#homeSlider .slide p {
    display: block;
    font-size: 17px;
    color: white;
    margin: 20px 5% 35px auto;
    width: 410px;
    font-weight: bold;
}

#homeSlider .slide a {
    margin-right: 5%;
    margin-left: auto;
    margin-top: -10px;
}

#homeSlider .owl-item:nth-child(even) h1,
#homeSlider .owl-item:nth-child(even) a,
#homeSlider .owl-item:nth-child(even) p {
    margin-left: 5%;
}

#homeSlider .owl-item:nth-child(even) .slide {
    text-align: left;
}

#homeSlider .owl-dots {
    text-align: center;
    margin-top: -50px;
    position: absolute;
    width: 100%;
}

#homeSlider .owl-dots button {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid white;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
}

#homeSlider .owl-dots .owl-dot:hover {
    background: rgba(255, 255, 255, 0.5);
}

#homeSlider .owl-dots .owl-dot.active {
    background: white;
}

@media(max-width: 450px) {
    #homeSlider .slide h1,
    #homeSlider .slide p,
    #homeSlider .slide a {
        width: 90%;
        margin-left: 5%;
    }
    #homeSlider .slide h1 {
        font-size: 30px;
        line-height: 30px;
    }
}


/* Home Services*/

#homeServices {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0px;
}

#homeServices .container {
    max-width: 1280px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
}

#homeServices .item {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
    margin: 20px;
    height: 390px;
    position: relative;
    vertical-align: text-bottom;
    background: linear-gradient(to bottom, rgb(237, 237, 237) 0%, rgb(228, 225, 217) 37%, rgb(230, 227, 218) 100%);
    transition: all 0.25s ease-in-out;
}

#homeServices .item:hover {
    box-shadow: 5px 5px 50px -10px rgba(0, 0, 0, 0.5);
}

#homeServices .item h3,
#homeServices .item img,
#homeServices .item p,
#homeServices .item span,
#homeServices .item label {
    display: block;
}

#homeServices .item h3 {
    color: #2f4466;
    font-weight: bold;
    font-size: 20px;
}

#homeServices .item img {
    margin: 0 auto;
    margin-top: -20px;
    margin-bottom: -20px;
    width: 100px;
}

#homeServices .item p {
    color: #2f4466;
    font-size: 18px;
    width: 80%;
    margin-left: 10%;
    font-weight: initial;
}

#homeServices .item p strong {
    font-weight: bold;
    display: block;
}

#homeServices .item span {
    color: #85b3df;
    font-weight: bold;
    font-size: 26px;
}

#homeServices .item label {
    color: #85b3df;
    font-size: 16px;
    line-height: 12px;
}

#homeServices .item a {
    position: absolute;
    bottom: 25px;
    left: calc(50% - 97px);
}

#homeServices .item.active {
    background: linear-gradient(to bottom, rgb(50, 76, 109) 0%, rgb(47, 68, 102) 37%, rgb(47, 68, 102) 99%, rgb(50, 76, 109) 100%);
}

#homeServices .item.active h3 {
    color: #fff;
}

#homeServices .item.active p {
    color: #fff;
}

#homeServices .item.active span {
    font-size: 50px;
    margin: -3px 0px 3px 0px;
}

#homeServices .item.active label {
    line-height: 33px;
    font-size: 16px;
}


/* Home Aboyut*/

#homeAbout {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0px;
    background: rgb(160, 242, 165);
    background: linear-gradient(90deg, rgb(152, 203, 155) 0%, rgb(134, 180, 224) 100%);
    overflow: hidden;
}

#homeAbout .img-woman {
    position: absolute;
    bottom: -40px;
    left: 120px;
}

#homeAbout .img-woman img {
    width: 450px;
}

#homeAbout .container {
    max-width: 1280px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#homeAbout .item {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
    margin: 20px;
    height: 390px;
    position: relative;
    vertical-align: text-bottom;
    background: transparent;
}

#homeAbout .item.first-block {
    max-width: 375px;
    margin-right: 0px;
    margin-left: -35px;
}

#homeAbout .item.first-block h3 {
    color: white;
    line-height: 28px;
    font-size: 28px;
    font-weight: bold;
    padding-top: 195px;
    text-align: right;
}

#homeAbout .block img {
    width: 75px;
}

#homeAbout .block h4 {
    color: white;
    font-weight: bold;
    margin: 0;
    line-height: 22px;
    margin-bottom: 10px;
}

#homeAbout .block p {
    font-weight: initial;
    font-size: 17px;
    margin-top: 0px;
    line-height: 18px;
}

@media (max-width: 1050px) {
    #homeAbout .item {
        height: auto;
    }
    #homeAbout .item.first-block {
        display: block;
        max-width: none;
        width: 90%;
        height: auto;
        margin-left: 5%;
    }
    #homeAbout .item.first-block h3 {
        text-align: center;
        padding-top: 20px;
    }
    #homeAbout .img-woman {
        left: -100px;
    }
}


/* BASE GENERAL */

.page_banner {
    height: 600px;
    overflow: hidden;
    text-align: left;
    position: relative;
}

.page_banner .container_banner {
    max-width: 1200px;
    margin: 0 auto;
}

.page_banner .background-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
}

.page_banner h1 {
    font-weight: bold;
    font-size: 41px;
    color: white;
    width: 518px;
    display: block;
    margin-left: 0px;
    padding-top: 120px;
}

.page_banner p {
    display: block;
    font-size: 22px;
    color: white;
    margin: 20px 0px 35px 0px;
    width: 480px;
    font-weight: bold;
}

.page_banner a {
    margin-left: 0px;
    margin-top: -10px;
    width: 360px;
    height: 50px;
    font-size: 20px !important;
    line-height: 48px !important;
    padding: 0;
    margin-bottom: 60px;
    border-radius: 8px;
    color: white;
}

@media (max-width: 1250px) {
    .page_banner .container_banner {
        width: 95%;
        margin-left: 2.5%;
    }
}

@media (max-width: 520px) {
    .page_banner h1,
    .page_banner p,
    .page_banner a {
        width: 95%;
        margin-left: 2.5%;
    }
    .page_banner h1 {
        line-height: 45px;
        margin-top: 0px !important;
    }
    .page_banner p {
        line-height: 25px;
    }
}


/* CARDS */

.cards .container_banner {
    max-width: 1280px;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 60px;
}

.cards .item {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0px 1% 0px 1%;
    margin-top: 40px;
    max-width: 288px;
    min-width: 288px;
}

.cards .item.active {
    margin-top: 0;
}

.cards .item.active span.featured {
    content: 'RECOMENDADO';
    width: 100%;
    display: block;
    height: 40px;
    color: white;
    line-height: 40px;
    background-color: rgb(153, 204, 151);
    background: -moz-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%);
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%);
    border-radius: 10px 10px 0px 0px;
}

.cards .item .header label,
.cards .item .header span {
    display: block;
    color: #2f4466;
}

.cards .item .header label {
    font-size: 14px;
}

.cards .item .header span {
    font-size: 26px;
    font-weight: bold;
}

.cards .item .header span span {
    font-size: 20px;
    font-weight: normal;
}

.cards .item.active .header {
    background: #2f4466;
}

.cards .item.active .header label,
.cards .item.active .header span {
    color: #ffffff;
}

.cards .item .header {
    background: #ededed;
    height: 170px;
}

.cards .item .header img {
    width: 100px;
    display: block;
    margin: 0 auto;
    margin-bottom: -15px;
}

.cards .item .content {
    background: #d6d6d6;
}

.cards .item .content ul {
    padding: 0;
    padding-bottom: 10px;
}

.cards .item .content li {
    list-style: none;
    padding-top: 10px;
    font-size: 15px;
}

.cards .item .header span span {
    display: inline-block;
}

.cards .item a {
    width: 90%;
    margin-top: -5px;
}

@media (max-width: 620px) {
    .cards .item.active {
        margin-top: 40px;
    }
}


/* banner About */

.banner_about {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0px;
    background: rgb(160, 242, 165);
    background: linear-gradient(90deg, rgb(152, 203, 155) 0%, rgb(134, 180, 224) 100%);
    overflow: hidden;
}

.banner_about .container-content {
    width: 70%;
    margin-right: 0;
    margin-left: auto;
}

.banner_about .img-woman {
    position: absolute;
    bottom: -40px;
    left: 0px;
}

.banner_about .img-woman img {
    width: 450px;
}

.banner_about .container {
    max-width: 1280px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.banner_about .item {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    max-width: 250px;
    margin: 20px;
    height: 390px;
    position: relative;
    vertical-align: text-bottom;
    background: transparent;
}

.banner_about .item.first-block {
    width: 100%;
    display: block;
    max-width: none;
    text-align: center;
    margin: 0 auto;
    height: auto;
}

.banner_about .item.first-block h3 {
    color: white;
    line-height: 28px;
    font-size: 28px;
    font-weight: bold;
    padding-top: 60px;
    text-align: center;
}

.banner_about .item img {
    width: 150px;
}

.banner_about .item h4 {
    color: #004165;
    font-weight: bold;
    width: 205px;
    margin: 0 auto;
    line-height: 26px;
    margin-top: 5px;
}

.banner_about .item p {
    color: white;
    font-weight: initial;
    font-size: 17px;
    width: 220px;
    line-height: 22px;
    margin: 0 auto;
    margin-top: 10px;
}

@media (max-width: 1050px) {
    .banner_about .item {
        height: auto;
    }
    .banner_about .item.first-block {
        display: block;
        max-width: none;
        width: 90%;
        height: auto;
        margin-left: 5%;
    }
    .banner_about .item.first-block h3 {
        text-align: center;
        padding-top: 20px;
    }
    .banner_about .img-woman {
        left: -100px;
    }
}


/* GENERAL */

.bloc-50 {
    display: inline-block;
    width: 45%;
    text-align: center;
    height: auto;
    vertical-align: top;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
}


/* Hosting SSD */

.partner-50-title img {
    width: 150px;
    padding-bottom: 20px;
}

.partner-50-title h2 {
    font-weight: bold;
    font-size: 28px;
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
}

.partner-50-title p {
    font-size: 20px;
}

.partner-50-content img {
    margin: 0 auto;
}

.partner-50-content img.jetbackup {
    width: 380px !important;
    margin-top: 60px;
}

.partner-50-content img.imunify {
    width: 380px !important;
    margin-top: 20px;
}

.partner-50-content img.spam {
    width: 380px !important;
    margin-top: 25px;
}

.partner-50-content img.encrypt {
    width: 230px !important;
    margin-bottom: -50px;
    margin-top: -14px;
}

.partner-50-content h3 {
    color: #004065;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    margin-top: 30px;
}

.partner-50-content p {
    color: #2f4466;
    font-size: 17px;
    width: 350px;
    margin: 0 auto;
    margin-top: 10px;
}

#hosting-ssd .owl-carousel button.owl-dot {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid transparent;
    background: #86b5de;
    margin: auto 5px;
    margin-top: 10px;
    opacity: 0.5;
}

#hosting-ssd .owl-carousel button.owl-dot.active {
    opacity: 1;
}

#hosting-ssd .owl-nav.disabled {
    display: block;
    position: absolute;
    top: 45%;
    width: 75%;
    left: calc(12.5%);
}

#hosting-ssd .owl-nav button {
    font-size: 60px;
}

#hosting-ssd .owl-prev {
    float: left;
}

#hosting-ssd .owl-next {
    float: right;
}

@media (max-width: 1200px) {
    .bloc-50 {
        width: 90%;
    }
}

@media (max-width: 1050px) {
    .banner_about .container-content {
        width: 90%;
        margin: 0 auto;
    }
}

#contacto .contact {
    text-align: center;
}

#contacto .contact h2 {
    color: #194063 !important;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 500;
}

#contacto .contact .item {
    display: inline-block;
    max-width: 350px;
    width: 100%;
    margin-top: 60px;
}

#contacto .contact .item img {
    height: 100px;
}

#contacto .contact .item h3 {
    color: #194063 !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: -5px;
}

#contacto .contact .item p {
    color: #194063 !important;
    font-size: 18px;
    font-weight: 300;
    line-height: 10px;
}

#contacto .contact .item a {
    color: #86b4de;
}

#contacto .contact .item a:hover {
    color: #194063 !important;
}

#contacto .contact .row {
    display: block;
    font-size: 0px;
    margin-top: 16px;
}

#contacto .contact .col-full {
    display: block;
    width: 100%;
}

#contacto .contact .row .col-50 {
    display: inline-block;
    width: 49%;
}

#contacto .contact .row .col-50:nth-child(1) {
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
}

#contacto .contact .row .col-50:nth-child(2) {
    float: right;
    margin-top: 10px;
    margin-bottom: 20px;
}

#contacto .uk-input,
#contacto textarea {
    font-size: 16px;
}

#contacto .contact-form {
    background: linear-gradient(90deg, rgb(152, 203, 155) 0%, rgb(134, 180, 224) 100%);
}

#contacto .contact-form h2 {
    color: #71A3D7 !important;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 500;
}

#contacto .contact-form .uk-form-label,
#contacto .contact-form .uk-text-small {
    color: white;
    font-size: 20px;
}

#contacto .contact-form .uk-form-label {
    margin-left: 0px !important;
    display: block;
}

@media (max-width: 650px) {
    #contacto .contact .row .col-50 {
        display: block;
        width: 100%;
    }
}


/* SERVIDORES VPS */

#servidores-vps-cloud .page_banner {
    text-align: right;
}

#servidores-vps-cloud .page_banner h1,
#servidores-vps-cloud .page_banner p {
    margin-left: auto;
    margin-right: 0;
}

#servidores-vps-cloud .page_banner .background-img {
    background-position-y: 40%;
}


/* CUSTOP PRECONFIG */

.custom_preconfig .item {
    width: 100%;
    max-width: 280px;
    display: inline-block;
    background: #efefef;
    margin: auto 10px;
    margin-bottom: 30px;
    border-radius: 25px 25px 25px 25px;
    cursor: pointer;
}

.custom_preconfig .item:after {
    content: '';
    display: block;
    background: #38547d;
    height: 15px;
    border-radius: 0px 0px 25px 25px;
}

.custom_preconfig .item .header:before {
    content: '';
    display: block;
    background: #76a9cd;
    height: 40px;
    width: 40px;
    position: absolute;
    left: calc(50% - 25px);
    transform: rotate(45deg);
    margin-top: -20px;
    z-index: -1;
    border-radius: 15px 0px 0px 0px;
    background: linear-gradient(to right top, rgb(138, 188, 175) 0%, rgb(130, 180, 188) 100%);
}

.custom_preconfig .item .header {
    position: relative;
    height: 60px;
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(113, 163, 215, 1) 100%);
    border-radius: 25px 25px 0px 0px;
}

.custom_preconfig .item .header span {
    color: #FFFFFF;
    border-right: 1px solid white;
    padding-right: 2px;
    margin-right: 5px;
    font-weight: normal;
}

.custom_preconfig .item .header h4 {
    color: #38547d;
    display: inline-block;
    font-weight: bold;
    font-size: 25px;
    margin-top: 15px;
}

.custom_preconfig .item .header h4:before {
    position: absolute;
    width: 50px;
    height: 50px;
    /* background: red; */
    content: "\f077";
    height: 40px;
    width: 40px;
    position: absolute;
    left: calc(50% - 25px);
    top: -30px;
    font-family: "Font Awesome 5 Free";
    color: white;
    font-size: 42px;
}

.custom_preconfig .item .content {}

.custom_preconfig .item .content p {
    color: #38547d;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: -10px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 1px;
}

.custom_preconfig .item .content ul {
    list-style: none;
    padding: 0;
}

.custom_preconfig .item .content ul li {
    display: inline-block;
    text-align: center;
    width: 75px;
    font-weight: normal;
    font-size: 15px;
}

.custom_preconfig .item .content ul li b {
    color: #38547d;
    display: block;
    font-weight: bold;
    font-size: 22px;
}

.custom_preconfig .item .content label {
    color: #38547dc4;
    font-size: 26px;
    margin-bottom: 10px;
    display: block;
    margin-top: -10px;
    cursor: pointer;
}

.custom_preconfig .item .content label b {
    font-weight: bold;
}

.custom_preconfig .footer h5 {
    color: #38547d;
    font-size: 22px;
    font-weight: normal;
}

.custom_preconfig .footer p {
    color: #98cb98;
    margin-top: -10px;
    font-weight: normal;
    margin-bottom: 60px;
}

.custom_preconfig .footer p a {
    color: #2f4466;
    text-decoration: underline;
    font-weight: normal;
}

.section-1 {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

.section-1 h2 {
    font-size: 32px;
    font-weight: bold;
    text-align: left;
}

.section-1 li .uk-accordion-title {
    text-align: left;
    font-size: 22px;
}

.section-1 li .uk-accordion-content {
    padding-left: 0 !important;
}

.section-1 li .item {
    height: 60px;
    display: inline-block;
    width: 380px;
}

.section-1 li .item label {
    float: left;
    padding-top: 10px;
    font-weight: bold;
    font-size: 22px;
    width: 100px;
    text-align: left;
    margin-left: 20px;
}

.section-1 li .item span {
    padding-top: 10px;
    display: inline-block;
    font-weight: normal;
    font-size: 18px;
    width: 100px;
    text-align: center;
}

.section-1 li .item button {
    float: right;
    padding: 0 5px !important;
    height: 35px;
    line-height: 35px !important;
}

.section-2 {
    width: 35%;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px !important;
    float: right;
}

.section-2 h2 {
    font-weight: bold;
    font-size: 32px;
    text-align: left;
}

.section-2 ul {
    list-style: none;
    padding-left: 0;
}

.section-2 li {
    text-align: left;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 15px;
}

.section-2 li:before {
    width: 30px;
    height: 30px;
    content: '';
    display: inline-block;
    /* background: red; */
    background-image: url("/assets/images/register/check.png");
    background-size: cover;
    margin-bottom: -7px;
    margin-right: 10px;
}

.page_banner.page_banner_right {
    text-align: right;
}

.page_banner.page_banner_right h1 {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}

.page_banner.page_banner_right p {
    text-align: right;
    margin: 20px 0px 35px auto;
}

.page_banner.page_banner_right a {
    margin-right: 0;
    margin-left: auto;
}

#registro #homeAbout .item.first-block h3 {
    line-height: 38px;
    font-size: 36px;
    padding-top: 45px;
}

#searcher {
    background: rgb(160, 242, 165);
    background: linear-gradient(90deg, rgb(152, 203, 155) 0%, rgb(134, 180, 224) 100%);
    padding-top: 8px;
    padding-bottom: 15px;
}

#searcher .row {
    display: block;
}

#searcher .col-50 {
    display: inline-block;
    width: 49%;
    height: 60px;
    vertical-align: middle;
    padding-top: 5px;
}

#searcher .col-50.relative {
    position: relative;
}

#searcher .col-50 button {
    background: linear-gradient(to bottom, rgba(47, 69, 102, 1) 0%, rgba(61, 91, 136, 1) 100%);
    height: 52px;
    width: 90%;
}

#searcher .col-50 #main_input {
    width: calc(100% - 60px);
    height: 48px;
    font-size: 22px;
    color: #004165;
    padding-left: 60px;
    font-weight: normal;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #a5a5a5;
    margin-top: 4px;
}

#searcher .col-50 .main_input_label i {
    position: absolute;
    left: 18px;
    top: 23px;
    font-size: 28px;
    color: #a5a5a5;
    transform: scaleX(-1);
}

#alternative_domains {
    width: 30px;
    height: 30px;
    background: white;
    display: inline-block;
    vertical-align: middle;
    margin-top: 9px;
    border-radius: 5px;
    border: 2px solid #a5a5a5;
    cursor: pointer;
    transition: all ease-in-out 125ms;
    position: relative;
    transform: scale(1.5);
}

#alternative_domains i {
    background: #004165;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 20.0px;
    left: 9px;
    z-index: 1000;
    transform: rotate(45deg);
    opacity: 0;
    transition: all ease-in-out 125ms;
}

#alternative_domains:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 2.5px;
    width: 11px;
    height: 4px;
    background: #004165;
    transform: rotate(45deg);
    border-radius: 10px;
    border: 2px solid #FFFFFF;
    opacity: 0;
    transition: all ease-in-out 125ms;
}

#alternative_domains:after {
    content: '';
    position: absolute;
    top: 10.4px;
    left: 5.1px;
    width: 31px;
    height: 4px;
    background: #004165;
    transform: rotate(-45deg);
    border-radius: 10px;
    border: 2px solid #FFFFFF;
    opacity: 0;
    transition: all ease-in-out 125ms;
}

#alternative_domains.active {
    background: #004165;
    border: 2px solid #FFFFFF;
    /* transform: scale(1.5); */
}

#alternative_domains.active i,
#alternative_domains.active:after,
#alternative_domains.active:before {
    opacity: 1;
}

#searcher .col-50 p {
    color: white;
    display: inline-block;
    font-size: 17px;
    line-height: 21px;
    font-weight: normal;
    vertical-align: middle;
    margin: 0;
    padding-top: 0px;
    margin-left: 20px;
}

#searcher .col-50 p span {
    color: white;
    display: block;
    font-weight: 300;
    font-size: 22px;
}


/* SPINNER LOADING */

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

#widget_searcher {}

#widget_searcher .check_availability,
#widget_searcher .availability_ok,
#widget_searcher .availability_nok,
#widget_searcher .availability_error {
    display: none;
    margin-top: 30px;
    margin-bottom: 30px;
}

#widget_searcher .items_searcher h4 {
    color: white;
    font-weight: bold;
    font-size: 32px;
}

#widget_searcher .items_searcher p {
    color: white;
    font-size: 22px;
    font-weight: normal;
}

#widget_searcher .items_searcher .spinner {
    margin: 30px auto 30px auto;
}

#widget_searcher .items_searcher .spinner div {
    background-color: white;
}

.uk-navbar-nav li.langSelector a {
    font-size: 15px;
    padding: 5px;
    margin-top: 0px;
}

/* Reducir espaciado entre banderas en desktop */
@media (min-width: 960px) {
    .uk-navbar-nav li.langSelector {
        margin-left: 4px;
    }
    
    .uk-navbar-nav li.langSelector:first-of-type {
        margin-left: 0;
    }
    
    .desktopNavbar .uk-navbar-nav li.langSelector a {
        padding: 5px 8px;
    }
}


/* VPS */

#vps_custom .custom-title {
    font-size: 42px;
    text-align: center;
    font-weight: bold;
    color: #71A3D7;
    margin-top: -30px;
}

#vps_custom .custom-subtitle {
    font-size: 32px;
    text-align: center;
    display: block;
    margin-top: -15px;
    font-weight: bold;
    color: #2f4566;
    margin-bottom: 50px;
}

#vps_custom .configurator_container {
    background: #2f4466;
    border-radius: 20px;
    border-radius: 60px 0px 60px 0px;
    margin: 0 auto;
}

#vps_custom .configurator_container h2 {
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 32px;
    margin: 32px auto;
}

#vps_custom .configurator_container .container-rotatescroll {
    background: white;
    width: 100%;
    min-width: 290px;
    max-width: 290px;
    margin: auto 10px;
    padding: 20px;
    height: 270px;
    margin-bottom: 30px;
    position: relative;
    border-radius: 60px 0px 60px 0px;
}

#vps_custom .input-checkbox-wrapper {
    transform: scale(0.9);
    z-index: 1;
    position: absolute;
    right: 20px;
    top: 60px;
}

#vpsExtraDisk[data-active="disabled"] .input-checkbox-wrapper {
    right: 0px;
    top: 40px;
}

#vpsExtraDisk .input-checkbox {
    pointer-events: none;
}

#vpsExtraDisk[data-active="disabled"] .total {
    bottom: -34px;
    right: -5px;
}

#vps_custom .configurator_footer {
    width: 100%;
    text-align: center;
    margin-top: -40px;
    padding-bottom: 40px;
}

#vps_custom .configurator_footer img {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
}

#vps_custom .configurator_footer .total-price {
    display: inline-block;
    color: white;
    vertical-align: middle;
    width: auto;
    height: 70px;
    padding: 10px 10px;
}

#vps_custom .configurator_footer #button_vps_add {
    background: linear-gradient(to right, rgba(153, 204, 151, 1) 0%, rgba(133, 179, 226, 1) 100%);
    max-width: 240px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    vertical-align: middle;
    margin-top: -5px;
}

#vps_custom .configurator_footer .total-price {
    color: #ffffff;
}

#vps_custom .configurator_footer .total-price .totalProductPriceContainer {
    color: white;
}

#vps_custom .configurator_footer .total-price .totalProductPriceContainer .subb {
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 850px) {
    #searcher .col-50 {
        width: 100%;
        display: block;
    }
    #searcher .col-50 button {
        width: 100%;
    }
}

@media (max-width: 1050px) {
    .section-1 li .item {
        width: 100%;
    }
}

@media (max-width: 1362px) {
    .section-2,
    .section-1 {
        width: 100%;
    }
}

@media (max-width: 959px) {
    .uk-accordion-title::before {
        background-size: 10px 10px;
        height: 50px;
    }
}

@media (max-width: 367px) {
    .section-1 li .item {
        margin-bottom: 12px;
        height: auto;
    }
    .section-1 li .item span {
        float: right;
    }
    .section-1 li .item button {
        margin: 0 auto;
        float: none;
        width: 90%;
        margin-bottom: 15px;
        margin-top: 7px;
    }
    .section-1 li .item {
        width: 80%;
    }
}

@media (max-width: 450px) {
    .page_banner h1 {
        padding-top: 60px;
    }
    .page_banner {
        height: 500px;
    }
    #vps_custom .configurator_footer .total-price {
        text-align: center;
    }
    #vps_custom .configurator_footer {
        margin: 0 auto;
        padding: 0;
        padding-bottom: 30px;
    }
    #vps_custom .configurator_footer img {
        margin-bottom: -30px;
    }
    #vps_custom .configurator_footer #button_vps_add {
        margin-top: 15px;
    }
    #vps_custom .custom-title {
        line-height: 40px;
        margin-bottom: 40px;
    }
    #vps_custom .custom-subtitle {
        line-height: 40px;
        margin-bottom: 50px;
        margin-top: 10px;
    }
}


/* LEGALS */

.page_banner_short {
    height: 250px;
}

.page_banner_short h1 {
    margin-top: 0px;
    width: auto;
}

.legal-content section h2 {
    color: #004165;
    font-weight: bold;
    font-size: 30px;
}

.legal-content section h3 {
    color: #004165;
    font-weight: bold;
    font-size: 24px;
}

.legal-content section h4 {
    color: #004165;
    font-size: 20px;
}

.legal-content section p,
.legal-content section li {
    color: #004165;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    padding-left: 15px;
}

.legal-content section a {
    color: #2f4466;
    font-weight: bold;
}

.legal-content section a:hover {
    background: none;
    text-decoration: underline;
}

.legal-content section strong {
    color: #004165;
    font-weight: bold;
}


/* CONECTIVIDAD */

#conectividad .services img {
    height: 110px;
}

@media (max-width: 638px) {
    #conectividad .uk-card-small div {
        margin-bottom: -110px !important;
    }
}

.uk-sticky-fixed {
    z-index: 100000000000000;
}


/* EXTENSIONS */

#extensiones .uk-container section h2 {
    color: #2f4466;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

#extensiones .uk-container section p {
    color: #2f4466;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
}

#extensiones .domains_list {
    background: white;
}

#extensiones .domains_list {
    text-align: center;
}

#extensiones .domains_list .item {
    max-width: 360px;
    display: inline-block;
    width: 100%;
    margin: 10px 35px;
}

#extensiones .domains_list .item label {
    float: left;
    margin-left: 15%;
    font-weight: bold;
    font-size: 26px;
}

#extensiones .domains_list .item span {
    float: right;
    margin-right: 15%;
    font-weight: normal;
    font-size: 20px;
}

#conectividad #homeAbout .aboutContainer {
    max-width: 800px;
    margin-right: 0;
    margin-left: auto;
    width: 100%;
}

#conectividad #homeAbout .aboutContainer .item {
    height: auto;
    vertical-align: top;
}

#conectividad #homeAbout .aboutContainer .item.first-block {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: none;
    text-align: center;
    height: auto;
}

#conectividad #homeAbout .aboutContainer .item.first-block h3 {
    text-align: center;
    padding-top: 30px;
}

#conectividad #homeAbout .aboutContainer .item.last-block {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: none;
    text-align: center;
    height: auto;
}

#conectividad #homeAbout .aboutContainer .item.last-block h4 {
    text-align: center;
    font-size: 16px;
    color: #194063;
    font-weight: bold;
    width: 360px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#conectividad #homeAbout .img-woman {
    left: -210px;
}

#conectividad #homeAbout .img-woman img {
    width: 880px;
    margin-left: -210px;
}

#hosting-ssd .img-woman img {
    width: 880px;
}

#conectividad .conectividad_main .row {
    display: block;
    clear: both;
    width: 100% !important;
}

#conectividad .conectividad_main .row:nth-child(2) .col:nth-child(1) {
    float: right;
}

#conectividad .conectividad_main .row .col {
    width: 95%;
    max-width: 550px;
    display: inline-block;
    padding: 20px;
}

#conectividad .conectividad_main .row .col h2 {
    color: #194063;
    font-weight: bold;
    font-size: 36px;
}

#conectividad .conectividad_main .row .col p {
    color: #194063;
    font-size: 20px;
}

#conectividad .conectividad_main .row .col .item label {
    color: #194063;
    font-size: 20px;
    display: block;
    margin-top: 20px;
    margin-bottom: 2px;
    font-weight: bolder;
    padding-left: 0px;
}

#conectividad .conectividad_main .row .col .item .bar-1 {
    width: 25%;
    height: 30px;
    background: #999;
    display: inline-block;
    border-radius: 0px 15px 15px 0px;
}

#conectividad .conectividad_main .row .col .item .bar-2 {
    width: 60%;
    height: 30px;
    background: #194063;
    display: inline-block;
    border-radius: 0px 15px 15px 0px;
}

#conectividad .conectividad_main .row .col .item .bar-3 {
    width: 80%;
    height: 30px;
    background: red;
    display: inline-block;
    border-radius: 0px 15px 15px 0px;
    border-color: #194063;
    border: 3px solid;
    height: 24px;
    border-left: none;
    background: linear-gradient(to right, rgb(153, 204, 151) 0%, rgb(133, 179, 226) 100%);
}

#conectividad .conectividad_main .row .col .item span {
    color: #194063;
    font-size: 20px;
    display: inline-block;
    font-size: 40px;
    font-weight: bolder;
}

@media (max-width: 1280px) {
    #conectividad .conectividad_main .row .col {
        display: block;
        float: none !important;
        margin: 0 auto;
        display: block;
    }
    #conectividad .services img {
        height: 90px;
    }
}

.col-logo-conectividad {
    max-width: 550px !important;
    vertical-align: top;
    text-align: center;
}

.col-logo-conectividad img {
    width: 100%;
    max-width: 300px;
}

#conectividad .uk-section> :last-child {
    width: 100%;
}

#form-loader .spinner {
    margin-top: 20px;
}

#form-loader .spinner>div {
    background-color: white;
}

.input-error {
    outline: 1px solid red;
    box-shadow: 0px 0px 5px 0px red;
}

#conectividad .conectividad_main .row .col p.bar_text {
    padding-left: 15px;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 5px;
}


/* Dialog Cookies */

.cc-banner .cc-message {
    max-width: calc(100% - 18em) !important;
}

.cc-banner.cc-bottom {
    padding: 1.8em 8em 1.8em 8em;
}

@media (max-width: 959px) {
    .cc-banner.cc-bottom {
        padding: 1.8em 5.8em 5.8em 1.8em;
    }
    .cc-banner .cc-message {
        max-width: 100% !important;
        flex: none;
        margin-right: auto;
    }
    .cc-compliance {
        display: block;
        width: calc(100% - 18em);
        left: 8em;
        position: inherit;
        bottom: 1.8em;
    }
}

/* Centrado y espaciado del botón Google Business Profile en el footer */
.footerSection .uk-width-1-2@m > div:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 80px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-top: 30px !important;
}

@media (max-width: 959px) {
    .footerSection .uk-width-1-2@m > div:last-child {
        min-height: 60px !important;
        margin-top: 20px !important;
    }
}