@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  box-sizing: border-box;
  --main_clr: #009941;
  --scnd_clr: #001f69;
  --hvr_clr: #000;
  --dark_clr: #222;
  --light_clr: #fff;
  --gray_clr: #ddd;
  --none_shadow: none;
  --filter_w: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(169deg) brightness(114%) contrast(100%);
  --filter_m: brightness(0) saturate(100%) invert(21%) sepia(59%) saturate(7499%) hue-rotate(354deg) brightness(98%) contrast(127%);
  --filter_s: brightness(0) saturate(100%) invert(13%) sepia(59%) saturate(3182%) hue-rotate(208deg) brightness(84%) contrast(118%);
}

* {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
body {
	font-family: "Roboto", sans-serif;
	position: relative;
	font-weight: 400;
	background: transparent;
	color:#232323;
	font-size: 22px;
	line-height: 1.2;
	overflow-x: hidden;
}

body  section{
	padding: 1em 0;
	position: relative;
}

a:hover,
a:focus {
	outline:none;
	outline-offset: 0;
	text-decoration:none;
	color:#232323;
}

a {color:var(--main_clr);text-decoration:none;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Orbitron", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.1;
}

img {width:100%; pointer-events: none;}
.center {text-align: center;}
.right_ {text-align: right;}
.justify {text-align: left;}
.justifyc {text-align: justify;text-align-last: center;}
.no_drop {cursor: no-drop;}

.imgc {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}

.upp_ {
    text-transform: uppercase;
}

.clr_00 {color: #fff!important;}
.clr_01 {color: #232323;}
.clr_02 {color: var(--main_clr);}
.white_ {color: #fff;}
.gray_ {color: #b5b5b5;}

.bg_w {background: #fff;}

.marg_00 {margin: 0;}
.padd_00 {padding: 0!important;}

.no_marg {margin-left: 0; margin-right: 0;}
.no_padd {padding-left: 0; padding-right: 0;}

.dly1{ animation-delay: 0.2s;}
.dly2{ animation-delay: 0.4s;}
.dly3{ animation-delay: 0.6s;}
.dly4{ animation-delay: 0.8s;}
.dly5{ animation-delay: 1.0s;}
.dly6{ animation-delay: 1.2s;}
.dly7{ animation-delay: 1.4s;}
.dly8{ animation-delay: 1.6s;}
.dly9{ animation-delay: 1.8s;}
.dly10{ animation-delay: 2.0s;}
.dly11{ animation-delay: 2.2s;}
.dly12{ animation-delay: 2.4s;}

.cont_10 {width: 10%; padding: 0 15px;}
.cont_20 {width: 20%; padding: 0 15px;}
.cont_30 {width: 30%; padding: 0 15px;}
.cont_33 {width: 33%; padding: 0 15px;}
.cont_40 {width: 40%; padding: 0 15px;}
.cont_50 {width: 50%; padding: 0 15px;}
.cont_60 {width: 60%; padding: 0 15px;}
.cont_70 {width: 70%; padding: 0 15px;}
.cont_80 {width: 80%; padding: 0 15px;}
.cont_90 {width: 90%; padding: 0 15px;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}

hr {margin: 20px auto;border-top: 5px solid #ddd;width: 200px; }

.btn { line-height: 1; }

.video_yt{width:100%;box-shadow:0 23px 15px -25px #000;margin:10px auto;position:relative; border-radius: 1em;}
.video_yt .ratio>* {border-radius:1em} 

.align_c {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.w90 {width: 90%;margin:0 auto;}
.w70 {width: 70%;}
.w80_ {width: 80%;padding: 0 15px;margin: 0 auto;}
.w50 {width: 50%;}

.carousel-control {
    font-size: 10px;
	opacity: 0;
}

.carousel-control .icon-prev, 
.carousel-control .icon-next, 
.carousel-control .fa-angle-left, 
.carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,color-stop(transparent 0),color-stop(rgba(0,0,0,0.0001) 100%));
    background-image: linear-gradient(to right,transparent 0,rgba(0,0,0,0.0001) 100%);
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(transparent 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,transparent 100%);
}

.carousel-indicators .active{
	background-color: #4FBDBA !important;
	width: 50px!important;
}

.carousel-indicators .active{background-color: #fff !important;}

.btn_00 {
	background: var(--main_clr);
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 10px 20px;
	font-size: 22px;
	margin: 10px auto;
	font-weight: 300;
	letter-spacing: 0;
}
.btn_00:focus,
.btn_00:hover {
	background: #232323;
	color: #fff;
}

.btn_01 {
	background: #232323;
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 10px 20px;
	font-size: 22px;
	margin: 10px auto;
	font-weight: 300;
	letter-spacing: 0;
}
.btn_01:focus,
.btn_01:hover {
	background: var(--main_clr);
	color: #fff;
}

.btn_02 {
    background: #b5b5b5;
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 10px 40px;
    font-size: 18px;
    margin: 25px auto;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    display: block;
}
.btn_02:focus,
.btn_02:hover {
	background: var(--main_clr);
	color: #fff;
}

.poss {position: relative;z-index: 10;}

.hide_ {display:initial!important;}
.show_ {display: none!important;}

.cont_w100 {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

#gral {padding: 2em 0 1em;}
#dark_theme {
    padding: 2em 0 220px;
    background: var(--dark_clr);
    color: #fff;
}

.ttl_clr {color: var(--main_clr); font-size: 4rem;}

.video_event {
    width: 50%;
    margin: 25px auto 10px;
    position: relative;
    float: right;
    padding: 10px;
}
.center_y_flex {justify-content: center;}

#iframe_flipbook {
    /*aspect-ratio: 16 / 9;*/
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin: 0 0 -6px;
    border-radius: 0em;
}
#iframe_flipbook_16_9 {
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
    margin: 0 0 -6px;
    border-radius: 0em;
}
#iframe_flipbook_1_1 {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    margin: 0 0 -6px; 
    border-radius: 1em;
}

.iframe_model {height: 80vh;margin: 0 0 -7px;}

.doc_ivt {
    height: 100vh;
    margin: 0 0 -10px;
}

.share_wa {
    position: absolute;
    right: 8rem;
    top: 10px;
    width: fit-content;
    margin: 0 auto;
    background: #25d366;
    color: #fff;
    border: none;
    padding: 5px 15px;
    border-radius: 2em;
    box-shadow: 0 0 5px #000;
    font-size: 85%;
}
.share_wa:hover {
    background: #128c7e;
    color: #fff;
}


/* CUSTOM SCROLL BAR */
/* width */
::-webkit-scrollbar {
    width: 15px;
    height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #ddd;
	border-radius: 0;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--main_clr); 
	border-radius: 3px;
}

::selection{color: #fff;background: #000;}

/************ MODALS STYLE ************/
.modal-open .modal {backdrop-filter: blur(5px);}
body.modal-open {padding-right: 0 !important; /* Desactiva la compensaci�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�77771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�777771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�77771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�777777�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�77771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�777771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�77771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�777777n autom�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�77771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�777771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�77771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�777777�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�77771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�777771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�77771�1�71�1�771�1�71�1�7771�1�71�1�771�1�71�1�777777tica de margen */} /*EVITA QUE SALTE LA PAGINA AL ABRIR MODAL overflow: auto!important;*/
.navbar {padding-right: 0 !important; /* Evita que el padding dinamico afecte la navbar */}

.modal-dialog {
	width: 100%;
	margin: 0;
}
.modal-content {
    border: 0px solid #FFF;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #FFF;
    box-shadow: 0 0 0 #FFF;
    background-color: transparent;
    width: 100vw;
}
.modal-header {
    padding: 15px;
    border-bottom: 0px solid #fff;
    background: var(--main_clr);
    text-align: center;
    justify-content: center;
}
.modal-header h4 {
    font-size: 2.5rem;
    margin: 0;
}
.modal-title {
    font-size: 44px;
    letter-spacing: 0px;
	color: #fff;
}
.close {
    top: 5px;
    right: 0px;
    left: unset;
    opacity: 1;
    position: absolute;
    font-size: 3rem;
    font-weight: 400;
    background: var(--main_clr);
    color: #fff;
    padding: 0 0;
    width: 50px;
    height: 45px;
    line-height: 1;
    border-radius: 1em 0 0 1em;
    text-align: center;
    border: none;
}
.close:hover, .close:focus {
    background: var(--hvr_color);
    color: #fff;
    opacity: 1;
}

.modal-dialog .btn_00 {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    z-index: 10;
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0;
}

/*********** ANIMATIONS ****************/

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.fadeIn {animation-name: fadeIn;}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

/*********** PANEL COLLAPSE ****************/

.accordion-button::after {
    content: '';
}
.accordion-button .icon {
    transition: transform 0.3s ease;
}
.accordion-button.collapsed .icon {
    transform: rotate(0deg);
}
.accordion-button:not(.collapsed) .icon {
    transform: rotate(180deg);
}
/*CUSTOM COLLAPSE*/
.accordion-button:focus {box-shadow: var(--none_shadow);}

.accordion-button {
    font-size: 1.5rem;
    font-weight: 700;
    background: #232323;
    color: #fff;
}
.accordion-button::after {filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(0%) hue-rotate(157deg) brightness(107%) contrast(107%);}
.accordion-button:hover {
    background: var(--main_clr);
    color: #fff;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background: var(--main_clr);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-body {
    max-height: 200px;
    overflow: auto;
}

/*********** GALERIA LIGHTBOX ****************/
.lb_  { background: #fff; position: relative; width: 100%; margin: 0 0 10px; }
.lb__  { background: #fff; position: relative; width: 100%; margin: 0 0 10px; }
.tz-gallery .lightbox img { width: 100%; border-radius: 0; position: relative; }
.tz-gallery .lightbox:hover img { opacity: 0.3; -webkit-filter: blur(5px); filter: blur(3px);}
.tz-gallery .lightbox:before {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: -15px 0 0;
    opacity: 0;
    color: var(--main_clr);
    font-size: 50px;
    font-family: fontawesome;
    content: "\f002";
    pointer-events: none;
    z-index: 1;
    transition: 0.4s;
    text-align: center;
}
.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    content: '';
    transition: 0.4s;
}
.tz-gallery .lightbox:hover:after, .tz-gallery .lightbox:hover:before { opacity: 1; }
.baguetteBox-button { background-color: transparent !important; }
#baguetteBox-overlay .full-image img { box-shadow: none;background: transparent;}

.gall_img img {
    border-radius: 1em !important;
}

.small_gall {
    display: inline-grid;
    position: relative;
    padding: 10px;
    width: 6em;
}


/*********** FIN GALERIA LIGHTBOX ****************/

table .tz-gallery .lightbox:before {
    position: relative;
    display: none;
}
table .tz-gallery .lightbox:after {
    position: unset;
}
#nolupa .tz-gallery .lightbox:before {
    position: relative;
    display: none;
}
#nolupa .tz-gallery .lightbox:after {
    position: unset;
}


/***********BOOTSTRAP 5.3****************/

.form-control:focus, .form-select:focus {
    border-color: transparent;
    box-shadow: none;
}

#gral_pills .nav-pills .nav-link {
    color: var(--light_clr);
    background-color: var(--gray_color);
    border: 4px solid transparent;margin: 0 5px;
    font-weight: 500;
}
#gral_pills .nav-pills .nav-link.active,#oem_pills .nav-pills .show>.nav-link {
    color: var(--main_clr);
    background-color: transparent;
    border: 4px solid var(--main_clr);
}

/************ NUEVO FORM GOOGLE ***********/

.input_hidden {display: none;}

#loading_oculto{
    z-index: 1050;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    visibility: hidden;
    transform: translate(0, -50%);
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
}
#loading_oculto img{
    filter: var(--filter_w)
    width: 120px;
    margin: 0 auto;
}

/************ FIN NUEVO FORM GOOGLE ***********/

/************ RADIO INPUT CUSTOM ***********/

.radio-custom-label {
    display: block; 
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 10px 0 10px 10px;
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin: 10px 0 10px 10px; }
/* Hide the browser's default radio button */
.radio-custom-label input { position: absolute; opacity: 0; }
/* Create a custom radio button */
.radio-custom {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 3px solid #ddd;
  border-radius: 5px;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
}
/* On mouse-over, add a grey background color */
.radio-custom-label:hover input ~ .radio-custom {
  	border-color: var(--main_clr);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;;
}
/* When the radio button is checked, add a blue background */
.radio-custom-label input:checked ~ .radio-custom {
  background-color: transparent;
  border: 3px solid var(--main_clr);
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-custom:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.radio-custom-label input:checked ~ .radio-custom:after { display: block; }
/* Style the indicator (dot/circle) */
.radio-custom-label .radio-custom:after {
	top: 11px;
    left: 3px;
    width: 6px;
    height: 13px;
    content: '';
    border-top: 3px solid var(--main_clr);
    border-right: 3px solid var(--main_clr);
	-webkit-transform: scaleX(-1) rotate(135deg);
	   -moz-transform: scaleX(-1) rotate(135deg);
	    -ms-transform: scaleX(-1) rotate(135deg);
	        transform: scaleX(-1) rotate(135deg);
	-webkit-transform-origin: left top;
	   -moz-transform-origin: left top;
	    -ms-transform-origin: left top;
	        transform-origin: left top;
  	-webkit-animation: check 0.5s;
	   -moz-animation: check 0.5s;
	     -o-animation: check 0.5s;
	        animation: check 0.5s;
}
@-webkit-keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height: 14px;}}
@-moz-keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height:14px;}}	
@-ms-keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height: 14px;}}
@keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height: 14px;}}

/************ FIN RADIO INPUT CUSTOM ***********/


/*====================
======Header CSS=====
======================*/

#navigation .navbar {
    border-radius: 0;
    border-bottom: 0;
    padding: 0;
    display: inline;
}

.navbar_custom {
    box-shadow: none;
    background: linear-gradient(180deg, black, transparent);
    transition: background 0.3s ease-in-out;
    text-shadow: 0 3px 10px rgb(0 0 0 / 75%);
}
.navbar_custom.scrolled {
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    background: var(--dark_clr); /* Color oscuro, puedes cambiarlo */
}

.logo {
    width: 25rem;
    padding: 5px;
}
.logo.scrolled {width:15rem;}

.top_menu {
    position: relative;
    background: #232323;
    color: #fff;
    font-size: 70%;
    display: flex;
    justify-content: space-between;
}
.top_menu a {color: #fff;}
.top_menu a:hover {color: var(--main_clr);}

.top_info_ {padding: 5px 10px;margin: 0 5px 0 0;}
.top_info_:last-child {margin: 0;}
.top_info_:hover:last-child {background: transparent;}
.top_info_:hover {background: #111;}
.top_info_ a {color: #fff;}
.top_info_ a:hover {color: #fff;}

.social_i {
    display: inline-grid;
    position: relative;
    margin: 5px 20px 0 0;
}
.social_i a .fa-shop:focus, .social_i a .fa-shop:hover {color: var(--main_clr);}
.social_i a .fa-facebook:focus, .social_i a .fa-facebook:hover {color: #1877f2;}
.social_i a .fa-youtube:focus, .social_i a .fa-youtube:hover {color: #ff0000;}
.social_i a .fa-instagram:focus, .social_i a .fa-instagram:hover {color: #c13584;}

/********/

.dropdown-item {
  color: #fff;
}
.dropdown .dropdown-menu {
  display: none;
  background: #fcfcfc;
}
.dropdown:hover>.dropdown-menu, 
.dropend:hover>.dropdown-menu {
    display: block;
    right: 0;
    margin: 0;
    padding: 0;
    border: none;
    /*border-radius: 0 0 10px 10px;*/
    box-shadow: 0 5px 15px -5px rgb(0 0 0 / 30%);
    min-width: 240px;
}
@media screen and (min-width:769px) {
  .dropend:hover>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: .5em;
  }
}

#navigation .dropend .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
}

#navigation .navbar-brand {padding: 0;}

#navigation .nav-link {text-transform: uppercase;background: transparent;color: #fff;font-family: "Orbitron", sans-serif;font-weight: 700;letter-spacing: 2px;font-size: 1.5rem;}
#navigation .nav-link:hover {background: #232323;color: #fff;}

#navigation .dropdown-menu li .nav-link {text-transform: uppercase;background: transparent;color: #232323;padding: 5px 25px 5px 10px;margin: 0;display: flex;align-items: center;white-space: break-spaces;}
#navigation .dropdown-menu li .nav-link span{display: block; font-size: 80%;}
#navigation .dropdown-menu li .nav-link:hover {background: transparent;color: var(--main_clr);}

#navigation .dropdown-item {
    text-transform: uppercase;
    color: #232323;
    padding: 5px 10px;
    white-space: break-spaces;
    display: flex;
    align-items: center;
    line-height: 1.1;
}
#navigation .dropdown-menu li .nav-link img,
#navigation .dropdown-item img{
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
}
#navigation .dropdown-menu li .nav-link:hover .clr_hvr,
#navigation .dropdown-item:hover .clr_hvr{
    filter: var(--filter_m)
}
#navigation .dropdown-item:hover {color: var(--main_clr);}

#navigation .navbar-toggler {
    margin: 0 10px;
    background: rgb(0 0 0 / 100%);
    color: #fff; 
}
#navigation .navbar-toggler:focus {
    box-shadow: none;
    background: rgb(0 0 0 / 50%);
}
#navigation .navbar-toggler-icon {
    background-image: url(../img/burg.svg);
}
#navigation .dropdown-item.active, #navigation .dropdown-item:active {
    color: var(--main_clr);
    text-decoration: none;
    background-color: transparent;
}

/********/

/************ NUEVO BUSCADOR GENERAL ***********/

#Busc_ {
    position: relative;
}
.busc_ba_cont {display: inline-flex;}
#Busc_ .btn_search_close {
    background: transparent;
    color: #aaa;
    font-size: 13px;
    border-radius: 50%;
    position: absolute;
    width: 21px;
    top: 50%;
    right: 1px;
    z-index: 1;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding: 0px;
    margin: 0;
}
#Busc_ .form-control {
    padding: 5px 10px;
    margin: 0;
    border-radius: 5px;
    width: 16em;
    height: 25px;
}
#Busc_ ul {
    list-style: none;
    padding-inline-start: 0;
    font-size: 20px;
    max-height: 280px;
    overflow: auto;
    position: absolute;
    z-index: 1000;
    background: #fff;
    width: 13em;
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 30%);
    top: 30px;
    right: -2px;
    border-radius: 10px;
}
#Busc_ ul li {
    padding: 0.5rem 1rem;
    margin: 5px 0;
    float: unset;
    background: transparent;
    color: #000;
    border-radius: 5px;
    display: block;
    list-style: none;
    position: relative;
}
#Busc_ ul li a:before {
    background: url(../img/scroll_search.webp) no-repeat;
    content: '';
    display: inline-block;
    height: 25px;
    width: 39px;
    position: absolute;
    left: 0px;
    top: 5px;
}
#Busc_ ul li:hover, #Busc_ ul li a:hover{ background: #f3f3f3; cursor: pointer;}

#Busc_ ul li a{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 30px;
    padding: 5px 25px;
    margin: 0 0 0 10px;
    color: #232323;
}

/* width */
#Busc_ ::-webkit-scrollbar { width: 10px; } /*width: 10px;*/
/* Track */
#Busc_ ::-webkit-scrollbar-track { border-radius: 2em; background: #ddd; }
/* Handle */
#Busc_ ::-webkit-scrollbar-thumb { border-radius: 2em; background: #555; }

/** FOOTER SECTION **/

footer {
	background: #181818;
    padding: 20px 0;
    color: #fff;
    position: relative;
}
footer p {margin: 0;}
footer a {color: #fff;}
footer a:hover, footer a:focus {color: var(--main_clr);}

#footer_end{
    width: fit-content;
    display: inline-flex;
}

#footer_main {
    box-shadow: 0 -3em 1em -3em rgb(0 0 0 / 20%);
    position: relative;
    z-index: 1029;
}

#btm_last {
    padding: 15px 0;
    text-align: center;
    background: var(--dark_clr);
    color: #fff;
    font-size: 1rem;
}

#btm_last p {
    margin: 0;
}

#btm_last a {color:#fff;}
#btm_last a:hover,
#btm_last a:focus {
	color: var(--main_clr);;
}

/** FOOTER SECTION **/

/* NUEVO INDEX*/

#idx_top {
    height: 100vh;
    width: 100%;
    padding: 0 2rem;
    position: relative;
    z-index: 1;
    overflow:hidden;
}
#idx_top::before {
    background:  #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 110%;
    z-index: 2;
    opacity: 1;
    mix-blend-mode: color;
    -webkit-filter: grayscale(0%) contrast(100%);
    filter: grayscale(0%) contrast(100%);
}

.bg_layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 110%; 
  height: 110%;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  transition: transform 0.05s ease-out;
}

.bg_solid {
    background-image: url(../img/bg_01.webp);
    z-index: 1;
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0.7;
}

.bg_overlay {
    background-image: url(../img/bg_hex.webp);
    z-index: 2;
    mix-blend-mode: normal; /* puedes cambiar esto si quieres efectos de mezcla */
    opacity: 0.3;
}

.idx_content {
  position: relative;
  z-index: 3;
  color: white;
  text-align: center;
  padding: 2rem;
}

#idx_top h2 {
    color: #cde8f5;
    text-align: left;
    font-size: 5rem;
    text-shadow: 0 3px 10px rgb(0 0 0 / 75%);
}
.gradd {
    position: absolute;
    top: 50%;
    right: -10em;
    z-index: -1;
}
.gradient_border_wrapper {
    width: 35em;
    height: 20em;
    border-radius: 15em;
    overflow: hidden;
    transform: translate(0, -50%);
}
.gradient_border_wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, var(--main_clr), var(--scnd_clr));
    border-radius: inherit;
    mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 3rem;
    box-sizing: border-box;
}
.gradient_border_content {
    position: relative;
    z-index: 1;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    background: transparent;
}

.slogan_idx {
    position: absolute;
    background: linear-gradient(45deg, var(--main_clr), var(--scnd_clr));
    z-index: 5;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0.5rem;
    color: #fff;
    text-align: center;
}
.slogan_idx h4 {margin: 0;}


#cont_card_bnft {
    padding: 0 0 30px;
    margin: -13.5rem 0 0;
    z-index: 2;
    position: relative;
}
.card_bnft {
    display: inline-block;
    position: relative;
    width: 290px;
    margin: 0 1rem;
    border-radius: 1rem;
    overflow: hidden;
    background: #fff;
    color: var(--dark_clr);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.card_bnft .cont_txt {
    padding: 50px 1rem 1rem;
    min-height: 170px;
    display: flex;
    align-items: center;
}
.card_bnft .img_top {
    width: 100%;
}
.card_bnft .img_icon {
    width: 90px;
    position: absolute;
    top: 215px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(0, -50%);
    border-radius: 50%;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}

#idx_process {
    background-image: url(../img/bg_02.webp);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
    overflow:hidden;
    padding: 12rem 0 3rem;
    margin: -13rem 0 0;
}
#idx_process::before {
    background:  #fff;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.8;
}

.cont_card_proc {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin: 0 auto;
    text-align: center;
}
.card_proc {
    width: 160px;
    margin: 1rem;
    position: relative;
}
.card_proc .img_gif {width: 90%;mix-blend-mode: multiply;filter: hue-rotate(35deg);}
.card_proc .proc_dot {
    width: 35px;
    position: relative;
    margin: 1rem auto;
}
.card_proc .proc_txt{
    text-transform: uppercase;
    font-weight: 400;
}
.cont_card_proc::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 100px;
    height: 5px;
    width: 100%;
    background: linear-gradient(to right, var(--main_clr), var(--scnd_clr));
    border-radius: 2px;
}

#idx_contact {
    padding: 3rem 0;
    position: relative;
    z-index: 1;
    overflow:hidden;
    color: #fff;
}
#idx_contact::before {
    background: var(--scnd_clr);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 110%;
    z-index: 2;
    opacity: 1;
    mix-blend-mode: color;
    -webkit-filter: grayscale(0%) contrast(100%);
    filter: grayscale(0%) contrast(100%);
}

#idx_contact .bg_solid {
    background-image: url(../img/bg_03.webp);
    background-size: cover;
    background-position: 50% 50%;
}
#idx_contact h2 {
    color: #cde8f5;
    text-align: center;
    margin: 2rem 0;
    font-size: 4rem;
    text-shadow: 0 3px 10px rgb(0 0 0 / 75%);
}
.bg_contact_overlay {
    background-image: url(../img/bg_hex.webp);
    z-index: 2;
    mix-blend-mode: normal; /* puedes cambiar esto si quieres efectos de mezcla */
    opacity: 0.5;
}

#idx_contact .form-control {
    margin: 1rem 0;
    font-size: 1.4rem;
    color: #fff;
    background-color: transparent;
    border: 3px solid #fff;
}
#idx_contact .form-control::placeholder {
  color: #fff;
  opacity: 1;
}

#idx_contact .btn_00 {
    background: transparent;
    border: 3px solid #fff;
    padding: 1rem;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px;
    font-family: "Orbitron", sans-serif;
}
#idx_contact .btn_00:hover {
    background: var(--dark_clr);
    border: 3px solid var(--dark_clr);
}

/* FIN NUEVO INDEX*/

#top_ {
    padding: 3rem 0 1rem;
    position: relative;
    z-index: 1;
    overflow:hidden;
    color: #fff;
}
#top_::before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 110%;
    z-index: 2;
    opacity: 1;
    mix-blend-mode: color;
    -webkit-filter: grayscale(0%) contrast(100%);
    filter: grayscale(0%) contrast(100%);
}

/* NOSOTROS */

.bg_solid_us {
    background-image: url(../img/top_us.webp);
    z-index: 1;
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0.5;
}
#top_ h2 {font-size: 3rem;}

#us {
    background-image: url(../img/bg_us_01.webp);
    padding: 2rem 0 10rem;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}
#misvis {
    background: var(--scnd_clr);
    padding: 2rem 0 1rem;
    position: relative;
}
.cont_mv {
    margin: -10rem auto 0;
}

.main_mv {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.img_mv {width: 40em;border-radius: 1rem;overflow: hidden;}
.ttl_mv {
    color: var(--main_clr);
    font-size: 3rem;
    font-weight: 800;
    margin: 0 0 0.5rem;
}
.ttl_mv_gif {width: 4rem;filter: hue-rotate(295deg);}

.cont_card_mv {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-content: flex-start;
    flex-wrap: wrap;
    margin: 0 0 0 -5rem;
    position: relative;
    z-index: 1;
}
.card_mv {
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
    margin: 1rem 0;
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);
}

#misvis .btn_00 h3 {margin: 0;}
#misvis .btn_00 {
    margin: 2rem auto;
    display: block;
    border: none;
    background: var(--main_clr);
    color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
}
#misvis .btn_00:hover {
    background: var(--dark_clr);
    padding: 1rem 2.5rem;
}

/* FIN NOSOTROS */

/* CAPTCHA VALIDACION */

/*#captcha-error {*/
/*    font-size: 0.6em;*/
/*    position: absolute;*/
/*    z-index: 10;*/
/*    top: 1rem;*/
/*    width: 30%;*/
/*    right: 0;*/
/*    opacity: 1;*/
/*    transform: translate(0, 0);*/
/*    background: #fff;*/
/*    padding: 0.5rem;*/
/*    border-radius: 3px;*/
/*    border: 1px solid;*/
/*    font-weight: 500;*/
/*}*/

/* FIN CAPTCHA VALIDACION */

#message_success {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-image: url(../img/bg_send.webp);
    background-size: cover;
    background-position: 50% 50%;
    position: fixed;
    position: relative;
    z-index: 1;
}
#message_success::before {
    background: linear-gradient(45deg, #000, var(--main_clr));
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.8;
}

.success-message {
    background-color: rgb(0 0 0 / 30%);
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%;
    max-width: 650px;
    color: #fff;
}
.success-message h1 {
    color: #61a6ab;
    font-size: 2em;
}
.success-message p {
    font-size: 1.2em;
    margin-top: 10px;
}
.success-message .btn_me {
    display: inline-block;
    padding: 10px 20px;
    background-color: #61a6ab;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 20px;
}
.success-message .btn_me:hover {
    background-color: #232323;
}

/************ NUEVO FORM GOOGLE ***********/

.input_hidden {display: none;}

#loading_oculto{
    z-index: 1050;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    visibility: hidden;
    transform: translate(0, -50%);
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
}
#loading_oculto img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(5788%) hue-rotate(229deg) brightness(122%) contrast(100%);
    width: 120px;
    margin: 0 auto;
}

/************ FIN NUEVO FORM GOOGLE ***********/

/* NOTICIAS */

.bg_solid_news {
    background-image: url(../img/top_news.webp);
    z-index: 1;
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0.5;
}
.card_new {
    background: #ddd;
    padding: 1rem;
    display: flex;
    border-radius: 0.5rem;
    margin: 0 0 1rem;
}
.card_new h3 {color: var(--scnd_clr);}
.card_new .img_new{
    width: 25%;
    height: fit-content;
    margin: 0 1rem 0 0;
}
.cont_btn_date {
    display: flex;
    justify-content: space-between;
    margin: 0 1rem 0 0;
    align-items: center;
}
.cont_btn_date p {margin: 0;color: var(--scnd_clr);font-weight: 700;}
.btn_news {
    padding: 1rem 1rem;
    color: white;
    border: none;
    border-radius: 5px;
    background: linear-gradient(270deg, var(--scnd_clr), var(--main_clr), var(--scnd_clr));
    background-size: 30em 30em;
    cursor: pointer;
    transition: background-position 0.5s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    font-family: "Orbitron", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 80%;
}
.btn_news:hover {background-position: 100% 0;}