* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*BY COLIB fm here - v1.4 | 31mar26*/ 
.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
  font-weight: 600; /*NU*/
  letter-spacing: 1px; /*NU*/
  transition: scale 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out; /*NU*/
}

.btn-sq-lg:hover {
  width: 150px !important;
  height: 150px !important;
  scale: 1.1;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}

.bg-black {
	background-color: #000000;
}

.colib-supertitle{
font-family: 'Krona One', sans-serif;
font-size: 1.3rem;
}
@media (width < 539px) {
    .colib-supertitle{
    font-size: 2.25rem;
    }
}

p.lead{
font-size: 0.8rem;
font-weight: 200;
}
.bs-docs-section{
margin-top: 0;
}
.colib-infopage-suptext{
font-size: 2rem; 
color:#E83F4A;
}
.colib-infopage-subtext{
font-size: 1rem;
}

.colib-text{
font-family: 'Nixie One', cursive;
font-size: 14px;
padding-left: 0.7rem;
padding-right: 0.7rem;
}

.colib-btt-sep{
margin-right: 0.5rem;
margin-left: 0.5rem;
}

.colib-central-block {
background-color:#0f100f; 
border-radius:20px !important;
padding: 1.7rem 3rem;
}

@media (width > 540px) {
.colib-supertitle{
font-size: 4rem;
}
.colib-textarea {
width: 37rem;
}
.colib-infopage-suptext{
font-size: 4rem; 
color:#E83F4A;
}
.colib-infopage-subtext{
font-size: 2rem;
}
}




/* --- COLIB-NEON with COLIWEB COLORS ------------------------------------------------- */

/* celeste */
.neon-border-color-celeste{
	border-color: #62C3D4;
}

.neon-item-colors-celeste{
color:#62C3D4;
border-color: #62C3D4;
background-color:transparent;
}
.neon-item-colors-celeste a {color: #62C3D4 !important;}
.neon-item-colors-celeste a:active {color: #000 !important;}
.neon-item-colors-celeste a:visited {color: #62C3D4 !important;}
.neon-item-colors-celeste:hover{
color:#000;
background-color: #62C3D4;
border-color: #62C3D4;
}
.neon-item-colors-celeste:hover a {color: #000 !important;}
.neon-item-colors-celeste:hover a:active {color: #000 !important;}
.neon-item-colors-celeste:hover a:visited {color: #000 !important;}
.neon-item-colors-celeste:focus, .neon-item-colors-celeste.focus{
-webkit-box-shadow: 0 0 0 0.2rem rgba(98,195,212,1);
        box-shadow: 0 0 0 0.2rem rgba(98,195,212,1);
}


/* azul_claro */
.neon-border-color-azul_claro{
	border-color: #5CB5CB;
}

.neon-item-colors-azul_claro{
color:#5CB5CB;
border-color: #5CB5CB;
background-color:transparent;
}
.neon-item-colors-azul_claro a {color: #5CB5CB !important;}
.neon-item-colors-azul_claro a:active {color: #000 !important;}
.neon-item-colors-azul_claro a:visited {color: #5CB5CB !important;}
.neon-item-colors-azul_claro:hover{
color:#000;
background-color: #5CB5CB;
border-color: #5CB5CB;
}
.neon-item-colors-azul_claro:hover a {color: #000 !important;}
.neon-item-colors-azul_claro:hover a:active {color: #000 !important;}
.neon-item-colors-azul_claro:hover a:visited {color: #000 !important;}
.neon-item-colors-azul_claro:focus, .neon-item-colors-azul_claro.focus{
-webkit-box-shadow: 0 0 0 0.2rem rgba(92,181,203,1);
        box-shadow: 0 0 0 0.2rem rgba(92,181,203,1);
}


/* azul */
.neon-border-color-azul{
	border-color: #327BAD;
}
.neon-item-colors-azul{
color:#327BAD;
border-color: #327BAD;
background-color:transparent;
}
.neon-item-colors-azul a {color: #327BAD !important;}
.neon-item-colors-azul a:active {color: #000 !important;}
.neon-item-colors-azul a:visited {color: #327BAD !important;}
.neon-item-colors-azul:hover{
color:#000;
background-color: #327BAD;
border-color: #327BAD;
}
.neon-item-colors-azul:hover a {color: #000 !important;}
.neon-item-colors-azul:hover a:active {color: #000 !important;}
.neon-item-colors-azul:hover a:visited {color: #000 !important;}
.neon-item-colors-azul:focus, .neon-item-colors-azul.focus{
-webkit-box-shadow: 0 0 0 0.2rem rgba(50,123,173,1);
        box-shadow: 0 0 0 0.2rem rgba(50,123,173,1);
}


/* fucsia */
.neon-border-color-fucsia{
	border-color: #E83F4A;
}
.neon-item-colors-fucsia{
color:#E83F4A;
border-color: #E83F4A;
background-color:transparent;
}
.neon-item-colors-fucsia a {color: #E83F4A !important;}
.neon-item-colors-fucsia a:active {color: #000 !important;}
.neon-item-colors-fucsia a:visited {color: #E83F4A !important;}
.neon-item-colors-fucsia:hover{
color:#000;
background-color: #E83F4A;
border-color: #E83F4A;
}
.neon-item-colors-fucsia:hover a {color: #000 !important;}
.neon-item-colors-fucsia:hover a:active {color: #000 !important;}
.neon-item-colors-fucsia:hover a:visited {color: #000 !important;}
.neon-item-colors-fucsia:focus, .neon-item-colors-fucsia.focus{
-webkit-box-shadow: 0 0 0 0.2rem rgba(232,63,74,1);
        box-shadow: 0 0 0 0.2rem rgba(232,63,74,1);
}


/* morado */
.neon-border-color-morado{
	border-color: #BC3D8A;
}
.neon-item-colors-morado{
color:#BC3D8A;
border-color: #BC3D8A;
background-color:transparent;
}
.neon-item-colors-morado a {color: #BC3D8A !important;}
.neon-item-colors-morado a:active {color: #000 !important;}
.neon-item-colors-morado a:visited {color: #BC3D8A !important;}
.neon-item-colors-morado:hover{
color:#000;
background-color: #BC3D8A;
border-color: #BC3D8A;
}
.neon-item-colors-morado:hover a {color: #000 !important;}
.neon-item-colors-morado:hover a:active {color: #000 !important;}
.neon-item-colors-morado:hover a:visited {color: #000 !important;}
.neon-item-colors-morado:focus, .neon-item-colors-morado.focus{
-webkit-box-shadow: 0 0 0 0.2rem rgba(188,61,138,1);
        box-shadow: 0 0 0 0.2rem rgba(188,61,138,1);
}


/* naranja */
.neon-border-color-naranja{
	border-color: #F89449;
}
.neon-item-colors-naranja{
color:#F89449;
border-color: #F89449;
background-color:transparent;
}
.neon-item-colors-naranja a {color: #F89449 !important;}
.neon-item-colors-naranja a:active {color: #000 !important;}
.neon-item-colors-naranja a:visited {color: #F89449 !important;}
.neon-item-colors-naranja:hover{
color:#000;
background-color: #F89449;
border-color: #F89449;
}
.neon-item-colors-naranja:hover a {color: #000 !important;}
.neon-item-colors-naranja:hover a:active {color: #000 !important;}
.neon-item-colors-naranja:hover a:visited {color: #000 !important;}
.neon-item-colors-naranja:focus, .neon-item-colors-naranja.focus{
-webkit-box-shadow: 0 0 0 0.2rem rgba(248,148,73,1);
        box-shadow: 0 0 0 0.2rem rgba(248,148,73,1);
}


/* rojo_sucio */
.neon-border-color-rojo_sucio{
	border-color: #EF423A;
}

.neon-item-colors-rojo_sucio{
color:#EF423A;
border-color: #EF423A;
background-color:transparent;
}
.neon-item-colors-rojo_sucio a {color: #EF423A !important;}
.neon-item-colors-rojo_sucio a:active {color: #000 !important;}
.neon-item-colors-rojo_sucio a:visited {color: #EF423A !important;}
.neon-item-colors-rojo_sucio:hover{
color:#000;
background-color: #EF423A;
border-color: #EF423A;
}
.neon-item-colors-rojo_sucio:hover a {color: #000 !important;}
.neon-item-colors-rojo_sucio:hover a:active {color: #000 !important;}
.neon-item-colors-rojo_sucio:hover a:visited {color: #000 !important;}
.neon-item-colors-rojo_sucio:focus, .neon-item-colors-rojo_sucio.focus{
-webkit-box-shadow: 0 0 0 0.2rem rgba(239,66,58,1);
        box-shadow: 0 0 0 0.2rem rgba(239,66,58,1);
}


/* gris_blancuzco */
.neon-border-color-gris_blancuzco{
	border-color: #C4C1C1;
}
.neon-item-colors-gris_blancuzco{
color:#C4C1C1;
border-color: #C4C1C1;
background-color:transparent;
}
.neon-item-colors-gris_blancuzco a {color: #C4C1C1 !important;}
.neon-item-colors-gris_blancuzco a:active {color: #000 !important;}
.neon-item-colors-gris_blancuzco a:visited {color: #C4C1C1 !important;}
.neon-item-colors-gris_blancuzco:hover{
color:#000;
background-color: #C4C1C1;
border-color: #C4C1C1;
}
.neon-item-colors-gris_blancuzco:hover a {color: #000 !important;}
.neon-item-colors-gris_blancuzco:hover a:active {color: #000 !important;}
.neon-item-colors-gris_blancuzco:hover a:visited {color: #000 !important;}
.neon-item-colors-gris_blancuzco:focus, .neon-item-colors-gris_blancuzco.focus{
-webkit-box-shadow: 0 0 0 0.2rem rgba(196,193,193,1);
        box-shadow: 0 0 0 0.2rem rgba(196,193,193,1);
} 

/* --- HOME BUTTONS ANIMATIONS ------------------------------------------------------------ */
.rotate-scale-down-horizontal{animation:rotate-scale-down-horizontal 0.4s linear both} @keyframes rotate-scale-down-horizontal{0%{transform:scale(1) rotateX(0)}50%{transform:scale(.5) rotateX(-180deg)}100%{transform:scale(1) rotateX(-360deg)}}

/* --- HOME FOOTER LINKS ------------------------------------------------------------------ */
.footer-links:link {color: #6a6767 !important;}
.footer-links:hover {color: #6a6767 !important;}
.footer-links:active {color: #6a6767 !important;}
.footer-links:visited {color: #6a6767 !important;}
.footer-links:focus {color: #6a6767 !important;}

/* --- COLIB-BLIST ------------------------------------------------------------------------ */

.blist-item-title {margin:10px 0; font-family: 'Raleway', sans-serif; font-size:1rem; transition: background-color 1s, color 1s; font-weight: 600; letter-spacing: 1px;}
.blist-item-title-activ {background-color:#F89449; font-weight: bold;}
.blist-item-title-activ a {color: #000 !important;}
.blist-item-title-activ a:active {color: #000 !important;}
.blist-item-title-activ a:visited {color: #000 !important;}
.blist-item-expans {margin:10px 0 20px 0; padding:1.3rem; font-family: 'Nixie One', cursive; font-size: 1rem; font-weight: bold; background-color:#000000ad; letter-spacing: 0.7px;}
.blist-item-expans-btn {font-weight: 600; letter-spacing: 2px;}

/* GENERAL-MODIFICATIONS -------------------------------------------------------------- */
.padding-bottom-off {padding-bottom: 0;}

/* Modificamos colores nativos de Bootstrap para controles de formulario */
.form-control,
.form-control:focus {
	color: #5CB5CB;			/* texto */
	background-color:#000;		        /* fondo */
}

/*	Modificamos los colores del autocompletado en navegadores 'webkit'.
	@see: https://stackoverflow.com/a/14205976 */

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover, 
.form-control:-webkit-autofill:focus, 
.form-control:-webkit-autofill:active{
	-webkit-text-fill-color: #5CB5CB !important;				/* texto */
    -webkit-box-shadow: 0 0 0 30px #000 inset !important;		        /* fondo */
}

.coldigital_body {
        background:#000;
}

.coldigital_central_block {
        background-color:#000000ad; 
        box-shadow: 0 0 18px rgb(0 81 255 / 20%);
        border-color: #0e78e142;
        border-style: ridge;
        border-width: thin;
        display: flex;
        flex-direction: column;
        margin-top: 9rem;
}


.coldigital_central_block_title {
        margin-left: -1rem;
}

.coldigital_central_block_content {
        display: flex;
        justify-content: space-around;
        margin-top: 2rem;
}

@media (width <= 992px) {
    .coldigital_central_block_content {
        flex-direction: column;
    }
}

.coldigital_servdesc {
        font-family: 'Nixie One', cursive;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1.2px;
        width: 40%;
}

@media (width <= 992px) {
    .coldigital_servdesc {
        width: 100%;
    }
}

@media (width <= 992px) {
    .coldigital_servdesc_link {
            text-align: center;
    }
}

.coldigital_servdesc_link > a {
        text-align: center;
        transition: background-color 0.3s, color 0.3s;
        border-radius: 3px;
}

.coldigital_servdesc_link > a:hover {
        text-decoration: none;
}

.coldigital_servlist {
        width: 50%;
}

@media (width <= 992px) {
    .coldigital_servlist {
        width: 100%;
    }
}

.no_underline {
        text-decoration: none !important;
}

#header {
background-color:#060606cc !important;
}

#header > div {
    display: flex;
    justify-content: center; /* Centramos logo por ahora, hasta que haya contenido para el header */
    flex-wrap: wrap;
    width: 100vw;
}



#background {
        position: fixed;
        inset: 0;
        z-index: -100;
        background: url(background.jpg) center/cover fixed;  
}

.home_bckgr {
        opacity: 0.4;
        animation: bckg_anim 50s infinite alternate ease-in-out;
        filter: hue-rotate(0deg);  
}
@keyframes bckg_anim {
        0% {
                filter: hue-rotate(0deg);
        }
        100% {
                filter: hue-rotate(360deg);
        }
}

.home_cont {
    margin-top: 7rem;
}


/* --- CTR MONITOR FX ------------------------------------------------------------------ */

.screenlines {
  position: fixed;
  pointer-events: none;
  inset: 0;
  z-index: 5;
  background:
      linear-gradient(#12101000 50%, #00000040 50%) 0 0 / 100% 5px,
      linear-gradient(90deg, #FF00000F, #00FF0005, #0000FF0F) 0 0 / 3px 100%;
  animation: screenlines 1s infinite linear;
}
@keyframes screenlines {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(5px);
  }
}


.scanline {
  position:fixed;
  pointer-events: none;
  top:0%;
  width: auto;
  min-width: 100%;
  height: 2px;
  z-index: 10;
  background: #0000004D;
  opacity: 0.25;
  filter: drop-shadow(2px 4px 3px white);
  animation: scanline 7.77s linear infinite;
}
@keyframes scanline {
  from { transform: translateY(99vh); }
  to   { transform: translateY(-2px); }
}

/* --- FUELING PAGE ------------------------------------------------------------------ */

/*NU*/
.items_crecientes {
    transition-duration: 0.3s;
    transition-property: transform;
}

/*NU*/
.items_crecientes:hover,
.hitems_crecientes:focus,
.items_crecientes:active {
    transform: scale(1.1);
}