/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

:root {
  --primary: #0098FF;
  --secondary: #F22EAD;
  --accent: #2065BE;
  --dark: #86F1E7;
}

.tm-navbar {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
  
}

.uk-navbar {
  background: rgba(0,0,0,0);
  background-color: rgba(0,0,0,0);
}

.uk-navbar-nav > li > a, .uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li > a:hover {
  color: #FFF !important;
}

.uk-navbar-nav > li > a {
    position: relative;
    padding-bottom: 8px;
    transition: color 0.3s ease;
}

.uk-navbar-nav > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #FFF;
    transition: all 0.4s ease;
    transform: translateX(-50%);
}

.uk-navbar-nav > li.uk-active > a::after,
.uk-navbar-nav > li > a:hover::after {
    width: 100%;
}

/* Color del texto al hover */
.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li.uk-active > a {
    color: #FFF;
}

.tm-toolbar{
  margin:0 !important;
  padding: 10px 10px !important;
  background-color: #333 !important;
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 1);
}

/*
.tm-hero {
  background-image: url(/wp-content/uploads/2026/04/5_asfasw112-scaled.jpg) !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
*/

.tm-content {
  margin: 2em 0 !important;
}

.uk-subnav > * > * {
  color: #1fa2d6 !important;
}

.video-bg {
  position: relative;
  overflow: hidden;
}

.video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.content {
  padding: 20px 15px;
  background-color: rgba(180,180,180,0.6);
  position: relative;
  z-index: 1;
}

.widget_block {
  padding: 0px !important;
  margin: 0px !important;
}

.uk-hero-top {
  font-size: 20vh !important;
  line-height: 18vh !important;
}

.uk-hero-top {
  font-size: 10vh !important;
  line-height: 8vh !important;
}

.uk-overlay-panel {
  background-color: rgba(0,0,0,0.4) !important;
}

.tm-top-b {
  margin-top: 0px !important;
  background-color: #333 !important;
}

.base_ch > div > img {
  filter: drop-shadow(0 10px 20px rgba(0,0,0,0.65)) !important;
}


.base_ch{
    position: relative;
    overflow: hidden;
}

.base_ch::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
    linear-gradient(
        230deg,
        rgba(0,0,0,0.85),
        rgba(0,0,0,0.8)
    ),
    url('/wp-content/uploads/2026/05/bc_1-scaled.jpg');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    filter: blur(10px);
    transform: scale(1.1);
}

.base_ch > *{
    position: relative;
    z-index: 2;
}

.uk-margin-bottom {
  margin-bottom: 1em !important;
}

.uk-margin-top {
  margin-top: 1em !important;
}