:focus-visible { outline: 1px red dashed !important; }
/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/
ul.listado, ol.listado {padding-left: 30px;}

#aviso_cookies {position: fixed; left:0; bottom: 0; color: #FFF; background-color:var(--theme-deafult); padding: 20px 90px 10px; z-index: 10;}
#aviso_cookies.dark {background-color: #222222; z-index: 10;}
#aviso_cookies a { color: var(--theme-deafult); }
#aviso_cookies a.button { background-color: #fff; color: var(--theme-deafult);}
#aviso_cookies a.button:hover { background-color: transparent; color: #FFF; border: 1px solid #FFF;}
.ghost {display: none;}



.video_container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video_container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ----------------------------------------------------------------
    EXISTENTES
-----------------------------------------------------------------*/
#header {
  --cnvs-primary-menu-font-weight:	500; /* Cambió */
  --cnvs-primary-menu-font-size: 1rem; /* Cambió */
  --cnvs-primary-menu-ls:	-0.65px; /* Cambió */
}


/* ----------------------------------------------------------------
    BOTONES
-----------------------------------------------------------------*/
.button {
  --cnvs-btn-padding-x: 1.375rem;
  --cnvs-btn-padding-y: 0.5rem;
  --cnvs-btn-fontsize: 1rem;
  --cnvs-btn-color: var(--cnvs-themecolor);
  --cnvs-btn-color-dark: var(--bs-gray-900);
  --cnvs-btn-color-light: #e9ecef;
  --cnvs-btn-color-hover: var(--cnvs-btn-color-dark);
  --cnvs-btn-lineheight: calc(var(--cnvs-btn-fontsize) * 1.6);
  --cnvs-btn-border-width: 1px;
  --cnvs-btn-icon-margin: 10px;
  --cnvs-btn-icon-margin-offset: 0px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  margin: 5px;
  padding: var(--cnvs-btn-padding-y) var(--cnvs-btn-padding-x);
  font-size: var(--cnvs-btn-fontsize);
  line-height: var(--cnvs-btn-lineheight);
  text-align: center;
  background-color: var(--cnvs-btn-color);
  color: #fff;
  font-weight: 400; /* Cambió */
  border: var(--cnvs-btn-border-width) solid transparent;
  transition: all 0.2s ease-in-out;
  font-family: var(--cnvs-primary-font) /* Cambió */;
}

.button-black {
  --cnvs-btn-color: #000; /* Cambió */
}

.button-black.button-3d:hover, .button-black.button-reveal:hover, .button-black.button-border:hover {
  --cnvs-btn-color: #000 !important; /* Cambió */
}

.button-border.button-black, .button-border.button-light.button-black {
  color: #000; /* Cambió */
  border-color: #000; /* Cambió */
}

/* ----------------------------------------------------------------
    CABECERA
-----------------------------------------------------------------*/
.menu-link {
  --cnvs-primary-menu-padding-y: 14px;
  --cnvs-primary-menu-padding-x: 11px; /* Cambió */
  display: block;
  line-height: 22px;
  padding: var(--cnvs-primary-menu-padding-y) var(--cnvs-primary-menu-padding-x);
  color: var(--cnvs-primary-menu-color);
  font-weight: var(--cnvs-primary-menu-font-weight);
  font-size: var(--cnvs-primary-menu-font-size);
  font-family: var(--cnvs-primary-menu-font);
  text-transform: var(--cnvs-primary-menu-tt);
  letter-spacing: var(--cnvs-primary-menu-ls);
}
.is-expanded-menu .menu-link {
  --cnvs-primary-menu-padding-y: calc(calc(var(--cnvs-sticky-header-height) - 22px) * 0.5);
  --cnvs-primary-menu-padding-x: 11px; /* Cambió */
  transition: margin 0.4s ease, padding 0.4s ease;
}

/* ----------------------------------------------------------------
    SLIDER
-----------------------------------------------------------------*/
.slider-caption h2, .slider-caption .h2, .slider-caption h1, .slider-caption .h1 {
  font-family: var(--cnvs-secondary-font); /* Cambió */
  font-size: 4.5rem;
  letter-spacing: 0;
  text-transform: none;
  font-weight: bold; /* Cambió */
  line-height: 1;
  margin-bottom: 0;
}
.slider-caption p {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-size: var(--cnvs-slider-caption-p-size);
  font-family: var(--cnvs-primary-font); /* Cambió */
}

/* ----------------------------------------------------------------
    SERVICIOS
-----------------------------------------------------------------*/
.feature-box {
  --cnvs-featured-box-icon: 4rem;
  --cnvs-featured-box-padding-x: 0.75rem;
  --cnvs-featured-box-icon-size: 1.75rem;
  --cnvs-featured-box-font-size: 1.5rem; /* Cambió */
  --cnvs-featured-box-font-color: var(--cnvs-heading-color);
  --cnvs-featured-box-font-weight: 500; /* Cambió */
  --cnvs-featured-box-font-tt: none;
  --cnvs-featured-box-icon-sm: calc(4rem * 0.5);
  --cnvs-featured-box-padding-x-sm: calc(0.75rem / 1.5);
  --cnvs-featured-box-icon-size-sm: calc(1.75rem / 1.75);
  --cnvs-featured-box-icon-lg: calc(4rem * 1.5);
  --cnvs-featured-box-icon-size-lg: calc(1.75rem * 1.4285714286);
  --cnvs-featured-box-icon-xl: calc(4rem * 2);
  --cnvs-featured-box-icon-size-xl: calc(1.75rem * 2.5714285714);
  --cnvs-featured-box-outline-border: 1px;
  --cnvs-featured-box-outline-padding: 0.25rem;
  --cnvs-featured-box-rounded:  0.25rem;
  --cnvs-featured-box-bg-light: var(--cnvs-contrast-200);
  --cnvs-featured-box-bg-dark:  #343a40;
  --cnvs-featured-box-plain-font-size: 3rem;
  --cnvs-featured-box-plain-icon-size: 3rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--cnvs-featured-box-padding-x));
  margin-right: calc(-1 * var(--cnvs-featured-box-padding-x));
}

.fbox-content h3 span.subtitle, .fbox-content .h3 span.subtitle {
  display: block;
  margin-top: 5px;
  color: #727272; /* Cambió */
  font-weight: 300;
  text-transform: none;
  font-size: 1.125rem; /* Cambió */
}

/* ----------------------------------------------------------------
    TÍTULOS
-----------------------------------------------------------------*/
#page-title,
.page-title {
  --cnvs-page-title-padding: 4rem;
  --cnvs-page-title-parallax-padding: 6.25rem;
  --cnvs-page-title-mini-padding: 1.5rem;
  --cnvs-page-title-bg: #000; /* Cambió */
  --cnvs-page-title-color: var(--cnvs-contrast-900);
  --cnvs-page-title-font-size: 2.25rem;
  --cnvs-page-title-font-weight: 500;
  --cnvs-page-title-spacing: 0;
  --cnvs-page-title-subtitle-size: 1.125rem;
  --cnvs-page-title-parallax-font-size: calc(2rem + 1vw);
  --cnvs-page-title-parallax-subtitle-size: 1.25rem;
  --cnvs-page-title-mini-size: 1.25rem;
  --cnvs-page-title-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
  --cnvs-page-title-center-mx-width: 48rem;
  position: relative;
  padding: var(--cnvs-page-title-padding) 0;
  background-color: var(--cnvs-page-title-bg);
  border-bottom: 1px solid var(--cnvs-page-title-border-color);
}


/* ----------------------------------------------------------------
    CONTACTO
-----------------------------------------------------------------*/
.form-check-input:focus {
  border-color: var(--theme-deafult); /* Cambió */
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(228, 25, 25, 0.25); /* Cambió */
}

.form-check-input:checked {
  background-color: var(--theme-deafult); /* Cambió */
  border-color: var(--theme-deafult); /* Cambió */
}

/* ----------------------------------------------------------------
    NUEVOS
-----------------------------------------------------------------*/
.tit1 {
    font-size: ;
}
.tit2 {
    font-size: ;
}
.tit3 {
    font-size: ;
}
.tit4 {
    font-size: ;
}
.tit5 {
    font-size: ;
}

.kitdigital {display: flex; flex-wrap:wrap; flex-direction: row; justify-content:space-around;}

.fblanco {background-color: #FFF !important; }
.frojo {  background-color: var(--cnvs-themecolor); }

.sombra {text-shadow: 1px 1px 1px rgba(0,0,0,0.9) !important;}

.sliderfblanco {background-color: rgba(255,255,255,0.50); padding: 10px 40px; }
.sliderfnegro {background-color: rgba(0,0,0,0.50); padding: 10px 40px ; }

.pl8 {padding-left: 8px;}
