@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap');

:root {
  box-sizing: border-box;
  --main_clr: #61a1aa;
  --scnd_clr: #3e6e74;
  --tird_clr: #008080;
  --four_clr: #009688;
  --hvr_color: #000;
  --dark_color: #fff;
  --blue_clr: #2aaef5;
  --light_color: #fff;
  --gray_color: #ddd;
  --main_shadow: 0 0 5px rgb(0 0 0 / 30%);
  --none_shadow: none;
  --clr_01: #26d4c3;
  --filter_m: brightness(0) saturate(100%) invert(65%) sepia(50%) saturate(297%) hue-rotate(139deg) brightness(82%) contrast(90%);
  --filter_g: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7453%) hue-rotate(53deg) brightness(117%) contrast(60%);
  --filter_w: brightness(0) saturate(100%) invert(95%) sepia(99%) saturate(2%) hue-rotate(184deg) brightness(105%) contrast(100%);
}

* {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
body {
	font-family: "Oxanium", sans-serif;
	position: relative;
	font-weight: 300;
	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: "Oxanium", 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;}
.cont_100 {width: 100%; 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; }
.hr {margin: 1rem auto;border-top: 2px solid #ccc;width: 95%;}

.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%;
}

.w100 {width: 100%;margin: 0 10px;}
.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;}

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

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

#gral {padding: 5em 0 1em;}

.video_event {
    width: 50%;
    margin: 25px auto 10px;
    position: relative;
    float: right;
    padding: 10px;
}
.video_event_01 {
    width: 50%;
    margin: -10px auto 10px;
    position: relative;
    float: left;
    padding: 10px;
}
.video_event_01 video, .video_event video {width: 100%;height:  auto;background: linear-gradient(45deg, black, #363636);border-radius: 1em;}

.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 {width: 98.5%;height: 80vh;padding: 1rem;border-radius: 2rem;overflow: hidden;position: relative;left: 0px;}

.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;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* 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: 10px;
}

/* Para Chrome, Safari, Edge y Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Para Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

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

/************ MODALS STYLE ************/
.modal-open .modal {backdrop-filter: blur(5px);}
body.modal-open {padding-right: 0 !important; /* Desactiva la compensación automática 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;
}

.gall_col {
    display: inline-grid;
    position: relative;
    padding: 10px;
    width: 75%;
    border-radius: 1rem;
}
.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: var(--clr_01);
    box-shadow: none;
}

#gral_pills .nav-pills .nav-link {
    color: var(--light_clr);
    background-color: var(--gray_color);
    border: 4px solid transparent;
    margin: 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: 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 ***********/

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

.radio-custom-label {
    display: block; 
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -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;}}

.radio-custom-label p {margin: 0;padding: 1px 0 0;}

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


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

#navigation .navbar {
    background: var(--main_clr);
    border-radius: 0;
    border-bottom: 0;
    box-shadow: var(--main_shadow);
    padding: 0;
    display: inline;
    z-index: 1029;
}

.logo {
    width: 280px;
    padding: 5px;
}

.top_menu {
    position: relative;
    background: #232323;
    color: #fff;
    font-size: 75%;
    display: flex;
    align-items: center;
    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;
    padding: 1rem 0.5rem;
    font-size: 18px;
    font-weight: 400;
}
#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: brightness(0) saturate(100%) invert(58%) sepia(50%) saturate(301%) hue-rotate(139deg) brightness(92%) contrast(87%);
}
#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;
}

.menu_flag {box-shadow: 0 0 5px rgb(0 0 0 / 50%);}
.menu_flag:hover {box-shadow: 0 0 5px var(--main_clr);}
.menu_flag img {width: 50px;padding: 3px;background: #fff;border-radius: 5px;overflow: hidden;}

/********/

/************ 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;
    flex-wrap: wrap;
    justify-content: space-around;
}

#footer_main {
    box-shadow: 0 -3em 1em -3em var(--main_clr);
    position: relative;
    z-index: 1029;
}

/** FOOTER SECTION **/

/*NUEVO INDEX*/

#idx_first {
    position: relative;
    overflow: hidden;
    z-index: 1;
    overflow: hidden;
    padding: 0 0 0;
}
#idx_first::before {
    background: linear-gradient(180deg, #fff, #0080808a 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
}

.cont_idxf {
    width: 100vw;
    min-height: 100vh;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: sticky;
    padding: 2rem;
}

.img_idxf {
    width: 40vw;
    top: 6rem;
    transition: transform 0.5s ease;
    position: absolute;
}

.data_cont_idxf {width: 100%;height: 100%;display: flex;align-items: center;}

.section-exit {
    opacity: 0 !important;
}

.img-slide-right {
    transform: translateX(50vw) translateY(34vw) scale(0.8);
}

.ttlidx_01 {
    font-size: 7vw;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 4px var(--main_clr);
}
.ttlidx_02 {
    font-size: 6vw;
    font-weight: 900;
    color: #444;
    text-shadow: 0 0 5px var(--main_clr);
    line-height: 0.85;
    margin: 0;
}
.ttlidx_02 span {font-size: 295%;color: var(--main_clr);text-shadow: 0 0 5px rgb(0 0 0 / 50%);}
#idx_first .ttl_ivt_anim_01 {
    color: transparent;
    -webkit-text-stroke-color: #232323;
    -webkit-text-stroke-width: 3px;
    font-weight: 800;
    font-size: 4vw;
    display: block;
    margin: 0 1rem 0 0;
    line-height: 1;
    min-height: 40px;
    max-width: unset;
    text-align: right;
}

.cont_spin {
    position: absolute;
    width: 100%;
    top: -50%;
    z-index: -1;
    opacity: 0.1;
    left: -10%;
    transform: scale(1.4);
}

.spin_obj {
  animation: spin_obj 50s linear infinite;
}
@keyframes spin_obj {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

.cont_lineidx_fade {
    width: 50%;
    position: absolute;
    top: 40%;
    transform: translate(0, -50%);
    z-index: -1;
    filter: var(--filter_m);
}

.cont_lineidx_fade_ {
    width: 50%;
    position: absolute;
    top: 75%;
    right: 0;
    transform: translate(0, -50%) rotate(180deg);
    z-index: -1;
}

#idx_first .poss {
    height: 100%;
    color: #fff;
    text-shadow: 0 0 3px rgb(0 0 0 / 80%);
}
.ttl_idx_ref {
    position: absolute;
    top: -8vw;
    font-size: 3.2vw;
}

.img_obj_svg {
    width: 20vw;
    position: absolute;
    top: 3vw;
    left: -5vw;
    filter: var(--filter_m);
}

.idx_r404_ {
    width: 15vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: absolute;
    top: 4em;
    left: 8rem;
    transform: translate(0, -50%);
    font-weight: 700;
}
.idx_r454 {
    width: 15vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: absolute;
    top: 4em;
    left: 14em;
    transform: translate(0, -50%);
    font-weight: 700;
}

.idx_componentes {
    position: relative;
    display: flex;
    width: 50vw;
    top: 10em;
    gap: 1rem;
    min-height: 5em;
    align-items: center;
    font-weight: 700;
}
.cont_comp {width: 200px;aspect-ratio: 1/1;}
.cont_comp:nth-child(1) {width: 150px;}
.cont_comp:nth-child(2) {width: 70px;}

.idx_cont_img_compressor {
    position: absolute;
    width: 18vw;
    display: flex;
    right: -45vw;
    top: -5vw;
}
.idx_cont_img_compressor video{
    width: 100%;
    border-radius: 51% 49% 67% 33% / 64% 48% 52% 36%;
    box-shadow: 0 0 1em var(--four_clr);
}

.cont_sales {
    position: relative;
    top: -10vw;
    color: #fff;
}

#idx_first .cont_promo .cont_cc img {
    width: 70px;
    height: 70px;
}
#idx_first .cont_promo .cont_cc a {color: #fff;}
#idx_first .cont_promo .cont_cc a:hover {color: var(--four_clr);}

#idx_top {
    position: relative;
    text-align: center;
    padding: 6em 0 4em;
    height: 45vh;
    background-size: cover;
    background-position: left center;
    animation: zoomBackground 60s infinite alternate ease-in-out;
    z-index: 1;
    overflow: hidden;
}
#idx_top::before {
    background: linear-gradient(180deg, #0080808a, #fff 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
}

.video_bg_idx {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -2;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

#idx_series {
    padding: 0 0 1rem;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
#idx_series::before {
    background: linear-gradient(180deg, rgb(180 231 231 / 83%) 30%, #fff 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
}

.bg_crsl_idx {
    background: linear-gradient(-50deg, rgb(97 161 170 / 50%), transparent);
    color: #232323;
}
.bg_img {
    position: absolute;
    top: 5em;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    -webkit-animation: img_bg_anim 30000ms ease-in-out infinite;
    animation: img_bg_anim 30000ms ease-in-out infinite;
}
@keyframes img_bg_anim { 
	0%	{ transform: translate(0,-20%) scale(1.3) rotate(2deg);}
	50%	{ transform: translate(0,-20%) scale(1) rotate(-2deg);}
	100%{ transform: translate(0,-20%) scale(1.3) rotate(2deg);}
}
@-webkit-keyframes img_bg_anim { 
	0%	{ transform: translate(0,0) translate(0, -20%);}
	50%	{ transform: translate(0,15px) translate(0, -20%);}
	100%{ transform: translate(0,0) translate(0, -20%);}
}


#idx_series .btn_01 {
    border: 2px solid #a9a9a9;
    padding: 5px;
    font-size: 1vw;
    margin: 5px auto;
    border-radius: 5px;
    background: transparent;
    color: #232323;
    backdrop-filter: blur(3px);
}
#idx_series .btn_01:hover {
    border: 2px solid #fff;
    background: #fff;
    color: #232323;
}

#idx_series .btn_01 img {
    width: 20px;
    margin: 0 3px 0 0;
}
#idx_series:hover .btn_01 img {transform: scale(1);}

.idx_series {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 0 0 1em;
}
.idx_series .img_main {width: 85%;margin: 0 auto 1rem;}
.idx_series:hover .img_main {transform: scale(0.9) translate(0, -1.1rem);}
.idx_series h3 {margin: 0;letter-spacing: 0;font-size: 1.5vw;}
.idx_series p {margin: 0;font-size: 1.5vw;}

.idx_series .ttl_card_series {
    position: absolute;
    bottom: 0em;
    width: 100%;
    -webkit-transition: 600ms;
    transition: 600ms;
}
.idx_series:hover .ttl_card_series {bottom: 2em;line-height: 1;}
.txt_t {color: transparent;}

.idx_series .btns_card_series {
    position: absolute;
    bottom: -10em;
    -webkit-transition: 900ms;
    transition: 900ms;
    width: fit-content;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 0.5rem;
}
.idx_series:hover .btns_card_series {bottom: 0.2em;}

.opt_series {
    padding: 0;
    list-style: none;
}
.opt_series li {
    display: inline-block;
    background: #efefef;
    margin: 1px auto;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}
.opt_series li:hover {
    background: var(--main_clr);
}
    
.opt_series li a {color: #000;}
.opt_series li a:hover {color: #fff;}
  
.btn_undo_ {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: none;
    background: #efefef;
    border-radius: 50%;
    color: #000;
}
.btn_undo_:hover {
    border-radius: 50%;
    background: var(--main_clr);
    color: #fff;
    box-shadow: 0 0 5px var(--main_clr);
}
.btn_undo_ i {
	-webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.btn_undo_:hover i {
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

#index_hm {padding: 5em 0 1em;}

/*#idx__crslhm {*/
/*    aspect-ratio: 1/2;*/
/*}*/
#idx__crslhm .caption {
    width: 100%;
    height: 100%;
    margin: 30px 0 0;
    position: absolute;
    bottom: 0;
    padding: 0 0 30px;
    right: 0;
    text-align: center;
    background: transparent;
    display: inline-flex;
    align-items: center;
}
#idx__crslhm .caption div {width: 100%;}

#idx__crslhm .carousel-indicators {
    bottom: 0;
}
#idx__crslhm .carousel-indicators li {
    width: 20px;
    height: 20px;
    border: 5px solid #232323;
}
#idx__crslhm .carousel-indicators .active {
    background-color: #232323 !important;
}

#idx__crslhm .video_yt {
    width: 75%;
    margin: 0 auto 2em;
}

#idx__crslhm .iframe_promovideo_promo {
    max-width: 250px !important;
}
#idx__crslhm .iframe_promovideo {
    max-width: 50% !important;
}

.img_promo_idx {
    max-width: 50%; border-radius: 1em;
}
.img_bnr_idx {
    width: 80%;
}

.fs_ttl_idx_01 {
    font-size: 8rem;
    margin: 0;
    font-weight: 700;
}
.fs_ttl_idx_02 {
    font-size: 40px;
    margin: 0;
} 
.fs_ttl_idx_03 {
    font-size: 30px;
    margin: 0;
} 

.top_idx_new {
    padding: 0 0 130px;
    background: url(../img/146187.webp);
    position: relative;
    background-attachment: fixed;
}

#top_crsl_new {
    padding: 0;
    position: relative;
}

#tab_idx_new {
    background: linear-gradient(45deg, black, #323232, black);
}
#tab_idx_new .nav>li>a {
   padding: 10px 30px;
}

#tab_idx_new .nav-tabs>li>a {
    border-radius: 0;
    font-weight: bold;
    border: none;
    background: #555;
    border-radius: 10px;
    color: #fff;
    font-weight: 300;
    margin: 0;
}

#tab_idx_new .tab-content {
    border-right: 0px solid #fff;
    border-left: 0px solid #fff;
    border-bottom: 0px solid #fff;
    padding: 0;
}

#tab_idx_new .custom ul li {
    list-style-image: url(../img/bullet.svg);
    padding: 0 0 5px 0;
}

#tab_idx_new .nav-tabs {
    border-bottom: none;
    position: absolute;
    bottom: -21px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: fit-content;
    z-index: 2;
}
#tab_idx_new .nav-tabs>li {
    margin: 0 10px;
    /*background: linear-gradient(-45deg, #85daf9, #0a68b1, #37dacb, #2196F3);*/
	background-size: 400% 400%;
	animation: border_gradient 5s ease infinite;
    padding: 3px;
    border-radius: 10px;
}


@keyframes border_gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

#tab_idx_new .nav-tabs>li.active>a,
#tab_idx_new  .nav-tabs>li.active>a:hover,
#tab_idx_new  .nav-tabs>li.active>a:focus {
    color: #fff !important;
    cursor: default;
    background-color: #222;
    border: none;
    font-weight: 300;
}

#tab_idx_new .btn-primary {
    color: #fff;
	margin: 0 15px;
    background-color: var(--main_clr);
    border-color: var(--main_clr);
    width: 50px;
    height: 50px;
    border-radius: 50%;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#tab_idx_new .btn-primary:hover, 
#tab_idx_new .btn-primary:focus, 
#tab_idx_new .btn-primary:active, 
#tab_idx_new .btn-primary.active, 
#tab_idx_new .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #ffb606;
    border-color: #ffb606;
}

.bg_tab_ {
    height: 70vh;
    width: 100%;
    padding: 20px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: 50% 50%;
    color: #fff;
    overflow: hidden;
}
.bg_tab_01 {
    background-image: url(../img/bnr_idx_01.webp);
}
.bg_tab_02 {
    background-image: url(../img/bnr_idx_02.webp);
}
.bg_tab_03 {
    background-image: url(../img/bnr_idx_03.webp);
}
.bg_tab_04 {
    background-image: url(../img/bnr_idx_04.webp);
}
.bg_tab_05 {
    background-image: url(../img/bnr_idx_05.webp);
}

.ttl_bnr_01 {
    margin: 0;
    font-size: 65px;
}
.txt_shad {
    text-shadow: 0 2px 2px black;
}
.bg_shad {
    background: linear-gradient(90deg, transparent, rgb(0 0 0 / 95%), transparent);
    position: relative;
    z-index: 2;
    padding: 10px 0;
}
.fw_7 {font-weight: 700;}

.img_bnr_01 {
    position: absolute;
    width: 610px;
    top: 0;
    left: 10em;
}
.img_bnr_02 {
    width: 95%;
    margin: 0 auto;
}
.img_bnr_03 {
    padding: 0 2em 0;
}
.img_bnr_04 {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: -3em auto -7em;
    width: 100%;
}

#tab_idx_new .video_yt {
    box-shadow: none;
    width: 75%;
    margin: 0 auto 2em;
}

#tab_idx_new .iframe_promovideo_promo {
    max-width: 285px !important;
}

#idx_us_new {
    padding: 2em 0;
    position: relative;
    overflow: hidden;
}

.app_idx {
    display: inline-flex;
    width: 100%;
}
.app_idx img {width: 200px;margin: 0 10px;}

.img_us_idx {
    position: absolute;
    width: 30%;
    left: -4em;
}

.btn_brd_anim {
    margin: 0 ;
    /*background: linear-gradient(-45deg, #85daf9, #0a68b1, #37dacb, #2196F3);*/
    background-size: 400% 400%;
    animation: border_gradient 5s ease infinite;
    padding: 3px;
    border-radius: 10px;
    border: none;
    width: fit-content;
}
.btn_brd_anim span {background: #555;color: #fff;border-radius: 10px;padding: 8px 10px;margin: 19px 0;line-height: 2;}
.btn_brd_anim span:hover {background: #ddd;color: #232323;}

#bnfts_idx {
    position: relative;
    padding: 2em 0 0;
    color: #232323;
    background-image: url(../img/bg_bnfts.webp);
    background-position: 50% 20%;
    background-size: cover;
}
#bnfts_idx > .bg_overlay {
    background: #f8f8f8;
    opacity: 0.95;
    /* transition: background 0.3s, border-radius 0.3s, opacity 0.3s; */
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.bnfts_new {
    display: inline-grid;
    padding: 0 20px 20px;
    margin: 15px;
    background: rgb(0 0 0 / 5%);
    width: 350px;
    height: 15em;
    border-radius: 10px;
}
.bnfts_new:hover {
    background: rgb(0 0 0 / 10%);
}
.bnfts_new img {
    width: 60px;
    margin: 15px auto 0;
}

.cont_bnew_ {
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 0.2rem;
}

.bnfts_new_ {
    min-width: 16%;
    margin: 0;
    position: relative;
    overflow: hidden;
    background: #000;
    text-align: left;
    border-radius: 0;
    box-shadow: 0 0 15px rgb(0 0 0 / 0%);
    display: flex;
    width: 0px;
}
.bnfts_new_:hover {
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    background: #fff;
}
.bnfts_new_ .bg_bnfts {
    width: 100%;
    margin: -2em 0 0;
    vertical-align: top;
    -webkit-transition: 1200ms;
	transition: 1200ms;
	opacity: 0.6;
}
.bnfts_new_:hover .bg_bnfts {
    -webkit-transform: scale(1.3) rotate(-10deg);
    transform: scale(1.3) rotate(-10deg);
    opacity: 0.1;
    
}
.bnfts_new_ .img_icon_bnfts {
    width: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    filter: brightness(0) saturate(100%) invert(89%) sepia(69%) saturate(2%) hue-rotate(39deg) brightness(108%) contrast(101%);
}
.bnfts_speed_01 {animation: tilt-n-move-shaking 3000ms infinite;}
.bnfts_speed_02 {animation: tilt-n-move-shaking 2000ms infinite;}
.bnfts_speed_03 {animation: tilt-n-move-shaking 4000ms infinite;}
.bnfts_speed_04 {animation: tilt-n-move-shaking 6000ms infinite;}
.bnfts_speed_05 {animation: tilt-n-move-shaking 3800ms infinite;}
.bnfts_speed_06 {animation: tilt-n-move-shaking 5000ms infinite;}
@keyframes tilt-n-move-shaking {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(5px, 5px) rotate(5deg); }
  50% { transform: translate(0, 0) rotate(0eg); }
  75% { transform: translate(-5px, 5px) rotate(-5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
.bnfts_new_:hover .img_icon_bnfts {
    width: 50px;
    position: absolute;
    top: 10px;
    right: -100px;
}
.bnfts_new_ .data_bnfts_new {
    position: absolute;
    bottom: 0%;
    left: 15px;
    margin: 0 0 10px;
    padding: 0 20px 0 0;
    color: #fff;
    height: 35px;
}
.bnfts_new_:hover .data_bnfts_new {
    height: calc(90%);
    color: #232323;
}
.bnfts_new_ .data_bnfts_new h3 {margin: 0 0 20px;font-size: 22px;letter-spacing: 0px;}
.data_bnfts_new p {
    white-space: normal;  /* Permite que el texto haga saltos de línea */
    word-wrap: break-word; /* Asegura que el texto no se desborde */
    overflow: hidden;
    border-right: 2px solid transparent; /* Simula el cursor */
    opacity: 0;
    min-height: 3em; /* Evita que el texto desaparezca por completo antes del hover */
    transition: opacity 0.3s ease-in-out;
}

.typewriter-text {
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    opacity: 0;
    min-height: 3em;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

.typewriter-text::after {
    content: "|"; /* Cursor */
    display: inline-block;
    animation: blink_type 0.6s infinite;
    opacity: 1;
}

@keyframes blink_type {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

#ftr_btm {
    padding: 20px 0;
    background: url(../img/bg_cm.webp);
    background-position: 50% 0%;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    position: relative;
    z-index: 1;
}
#ftr_btm::before {
    background:  #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.9;
}

#ftr_btm a {color: #fff;}
#ftr_btm a:hover {color: var(--main_clr);}

#ftr_btm h3 {font-size: 1.3rem;font-weight: 500;color: #fff;}
#ftr_btm hr {
    margin: 10px auto;
    border-top: 2px dotted #ddd;
    width: 100%;
}
#ftr_btm ul {padding-left: 0;}
#ftr_btm ul li {list-style: none;margin: 0 0 5px;}

#ftr_doc_01,
#ftr_doc_02,
#ftr_doc_03 {
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1041;
    backdrop-filter: blur(3px);
}
#ftr_doc_01 .iframe_doc,
#ftr_doc_03 .iframe_doc,
#ftr_doc_02 .iframe_doc {
    overflow: hidden;
    border-radius: 1rem;
    width: 95vw;
    min-height: 95vh;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
#ftr_doc_01 .btn_modelo_close,
#ftr_doc_03 .btn_modelo_close,
#ftr_doc_02 .btn_modelo_close {
    top: 3%;
    right: unset;
    left: 3%;
    transform: unset;
    
    background: var(--main_clr);
    border-radius: 3em;
    width: 50px;
    height: 50px;
    padding: 3px 0 0;
}

.grid_ul {
    display: grid;
    grid-auto-flow: column; /* Llena primero las filas antes que las columnas */
    grid-template-rows: repeat(2, auto); /* 5 filas (ajusta según sea necesario) */
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.links_ftr {
    position: relative;
}
.links_ftr p {display: inline-block;margin: 0 15px;}

.cert_ftr_new {
    display: inline-flex;
    width: 100%;
    position: relative;
    align-items: center;
}
.cert_ftr_new img {width: 50px;filter: var(--filter_w);margin: 0 15px 0 0;}
.cert_ftr_new:hover img {width: 50px;filter: var(--filter_m);margin: 0 15px 0 0;}
.cert_ftr_new p {margin: 0;}
.cert_ftr_new {color: #fff;}
.cert_ftr_new:hover {color: var(--main_clr);}
.cert_ftr_new a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#ftr_btm .social_ {
    display: inline-grid;
    position: relative;
    margin: 0 20px 0 0;
    font-size: 35px;
}
#ftr_btm .social_ a {
    color: var(--main_clr);
}
#ftr_btm .social_ a:hover {
    color: #fff;
}

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

#btm_last p {
    margin: 0;
    display: inline-flex;
    align-items: center;
}

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

/* FIN NUEVO INDEX*/

/*CARRUSEL HOME*/
.carousel-wrap {
	margin: 0 auto;
	padding: 0 5%;
	width: 100%;
	position: relative;
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}
/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color:gray;
}
.owl-nav i {
    font-size: 30px;
    margin: 10px 0 0;
	color: #ddd;
}
.owl-nav i:focus,
.owl-nav i:hover {
	color: var(--main_clr);
}
.owl-nav .owl-prev {
  left: -30px;
}
.owl-nav .owl-next {
  right: -30px;
}
.carousel-wrap .item{
  display:inline-flex;
  align-items:center;
  /* height: 90px; */
}

#socios_ {
    padding: 5px 0 0;
    background: #000;
    background-image: url(../img/bg_socios.webp);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
#socios_ > .bg_overlay {
    background: #232323;
    opacity: 0.7;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
#socios_ .item {
    margin: 10px 2em;
    filter: brightness(0) invert(1);
}

/* TOP SECTIONS */

#top_  {
    background: url(../img/top_acc.webp);
    color: #fff;
    padding: 5em 0 1em;
    position: relative;
    background-position: 50% 5%;
    background-size: cover;
	position: relative;
	z-index: 1;
}
#top_::before {
    background: #181f2a;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.7;
}
#top_ h2 {
    font-size: 3em;
    font-weight: 800;
    margin: 0;
    text-align: center;
}
#top_ h3 {margin: 0 0 0 3em;}

/* FIN TOP SECTIONS */

/* COMPRESORES HORIZONTALES */

#comp_hor_sec .table>thead>tr>th, #comp_hor_sec .table>tbody>tr>th, #comp_hor_sec .table>tfoot>tr>th, 
#comp_hor_sec .table>thead>tr>td, #comp_hor_sec .table>tbody>tr>td, #comp_hor_sec .table>tfoot>tr>td {
    border: 1px solid #eee;
    line-height: 1.2;
    white-space: unset;
    vertical-align: middle;
}

.bg_head_01 {background: #91b648!important;}
.bg_head_02 {background: #3f6bb5!important;}

/* FIN COMPRESORES HORIZONTALES */
/*NUEVOS SCROLLS */
.new_scrolls_ivt {
    display: inline-grid;
    width: 295px;
    height: 23em;
    background: #ddd;
    padding: 8em 20px 20px;
    margin: 5em 1em 3em;
    position: relative;
    color: #232323;
    text-align: left;
    border-radius: 1em;
    font-size: 15px;
    -webkit-transition: 100ms;
    transition: 100ms;
}
.new_scrolls_ivt:hover {
    background: var(--main_clr);
    color: #fff;
    transform: scale(1.1);
}
.new_scrolls_ivt h2, .new_scrolls_ivt h3 {text-align: center;-webkit-transition: 100ms;transition: 100ms; font-size: 23px;}
.new_scrolls_ivt ul {
    -webkit-transition: 100ms;
    transition: 100ms;
    list-style: none;
    padding: 0;
}
.new_scrolls_ivt a {
    position: absolute;
    bottom: -23px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
}
.new_scrolls_ivt .imgs {
    height: 0;
}
.new_scrolls_ivt .pos_img_hor {
    transform: scale(1.5);
    position: relative;
    top: -6em;
}
.new_scrolls_ivt .imgs img{
    position: absolute;
    top: -5em;
    left: 0;
    right: 0;
    margin: 0 auto;
    
    -webkit-transition: 500ms;
    transition: 500ms;
}
.new_scrolls_ivt .imgs .nr_ {
    width: 200px;
    opacity: 1;
}
.new_scrolls_ivt .imgs .sh_ {
    width: 200px;
    opacity: 1;
}
.new_scrolls_ivt:hover .imgs .sh_ {
    opacity: 0;
}
.new_scrolls_ivt .imgs .hd_ {
    width: 200px;
    opacity: 0;
}
.new_scrolls_ivt:hover .imgs .hd_ {
    opacity: 1;
}
.new_scrolls_ivt .imgcrsl_nc {
    height: 0;
    position: relative;
    top: -13em;
    width: 85%;
    margin: 0 auto;
}

.btn_gral {
    background: #232323;
    color: #fff ;
    border-radius: 0;
    border: none;
    padding: 10px;
    font-size: 17px;
    margin: 3px auto 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0;
}
.btn_gral:focus,
.btn_gral:hover {
	background: #111;
	color: #fff ;
}
/* FIN NUEVOS SCROLLS */

/* NOTICIAS TECNICAS */

#not_tech {
    padding: 2em 0 0 ;
    position: relative;
    background-image: url(../img/bg_ntech.webp);
    background-position: 50% 100%;
    background-size: cover;
}
#not_tech > .bg_overlay {
    background: linear-gradient(0deg, #fff 10%, transparent);
    opacity: 1;
    /* transition: background 0.3s, border-radius 0.3s, opacity 0.3s; */
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.ntech_cont {
    aspect-ratio: 1 / 1;
    width: 70%;
    margin: 2em auto;
}
.ntech_img_01 {
    position: absolute;
    left: -2em;
    bottom: -2em;
    z-index: 2;
}
.ntech_img_02 {
    position: absolute;
    right: -5em;
    top: -2em;
}

#gall_ntech {
    position: relative;
    padding: 1em 0 2em;
}
#gall_ntech .gall_img {
    display: inline-grid;
    width: -webkit-fill-available;
    position: relative;
    margin: 10px;
}
#gall_ntech .gall_img h4 {margin: 10px 0 0;}

.bar_us_ {
    position: absolute;
    background: linear-gradient(180deg, #555, transparent);
    width: 200px;
    height: 100%;
    z-index: 0;
    top: 0;
    right: 15%;
}

/* FIN NOTICIAS TECNICAS */

/* SOBRE NOSOTROS */
#top_edcon  {
    background: url(../img/top_bg_edcon.webp);
    color: #fff;
    padding: 5em 0 1em;
    position: relative;
    background-position: 50% 35%;
    background-size: cover;
}
#top_edcon > .bg_overlay {
    background: #000;
    opacity: 0.7;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
#top_edcon h2 {
    font-size: 3em;
    font-weight: 800;
    margin: 0;
    letter-spacing: 0px;
    text-align: center;
    position: relative;
}

/* FIN SOBRE NOSOTROS */

/* NUEVO NOSOTROS */

#us_new {
    padding: 30px 0;
    position: relative;
    background-image: url(../img/bg_us_new.webp);
    background-position: 50% 100%;
    background-size: cover;
}

.img_ovr_cont {
    aspect-ratio: 1 / 1;
    width: 90%;
    margin: 0 auto;
}

.img_us_ovr {
    position: absolute;
}

.spin_img {
    top: 3%;
    animation-name: spin_img;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}
@keyframes spin_img {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#us_new .nav-pills>li {
    display: inline-block;
    float: none
}
#us_new .nav-pills>li>a {
    background: transparent;
    width: 22%;
    padding: 0px;
    opacity: 1;
    margin: 0;
}
#us_new .nav-pills>li>a:hover {
    opacity: 1;
}
#us_new .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background: transparent;
    opacity: 1!important;
}
#us_new .nav-pills>li>a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(0%) hue-rotate(347deg) brightness(104%) contrast(101%);
}
#us_new .nav-pills>li>a:hover img {
    filter: brightness(0) saturate(100%) invert(83%) sepia(0%) saturate(0%) hue-rotate(238deg) brightness(90%) contrast(95%);
    transform: scale(1.1);
}
#us_new .tab-content>.tab-pane {
    /*max-height: 400px;*/
    /*overflow: auto;*/
    /*padding: 0 15px 0 0;*/
    font-size: 25px;
}

.mvus_cont {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.mvus_cont .img_mvus {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    filter: alpha(opacity=80);
    opacity: 1
}

.poli_new_data {
    display: inline-grid;
    position: relative;
    width: 350px;
    margin: 10px;
    text-align: left;
    font-size: 19px;
}
.policy_new {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: -webkit-fill-available;
    margin: 15px 0;
}
.bg_poli_01 {background-image: url(../img/bg_poli_01.webp);background-size: cover;}
.bg_poli_02 {background-image: url(../img/bg_poli_02.webp);background-size: cover;}
.bg_poli_03 {background-image: url(../img/bg_poli_03.webp);background-size: cover;}
.bg_poli_04 {background-image: url(../img/bg_poli_04.webp);background-size: cover;}
.bg_poli_05 {background-image: url(../img/bg_poli_05.webp);background-size: cover;}
.bg_poli_06 {background-image: url(../img/bg_poli_06.webp);background-size: cover;}
.bg_poli_07 {background-image: url(../img/bg_poli_07.webp);background-size: cover;}
.policy_new .img_poli {
    width: 150px;
    box-shadow: inset 0 0 5px 5em rgb(0 0 0 / 69%), 0 0 5px rgb(0 0 0 / 30%);
    border-radius: 10px;
    padding: 20px;
    display: inline-grid;
    align-items: center;
    position: relative;
    z-index: 5;
}
.policy_new .img_poli img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(0%) hue-rotate(347deg) brightness(104%) contrast(101%);
}
.policy_new:hover .img_poli img {
    transform: scale(0.8);
}
.policy_new .txt_policy {
    padding: 5px 5px 5px 0;
    background: linear-gradient(-45deg, #f8f8f8, #ccc, #fff, #333, #eee);
    background-size: 400% 400%;
    animation: gradient_bg 8s ease infinite;
    border-radius: 0 10px 10px 0;
    margin: 0;
    width: -webkit-fill-available;
    position: relative;
    z-index: 3;
}
.policy_new p {
    padding: 10px;
    background: #ffffff;
    border-radius: 0 8px 8px 0;
    margin: 0;
    width: -webkit-fill-available;
    position: relative;
    z-index: 3;
    line-height: 1.2;
}
@keyframes gradient_bg {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

#us_01_new {
    padding: 2em 0;
    position: relative;
    background-image: url(../img/bg_policy.webp);
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    overflow: hidden;
}
#us_01_new .bg_img {
    position: absolute;
    top: -5em;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    -webkit-animation: img_bg_anim 50000ms ease-in-out infinite;
    animation: img_bg_anim 50000ms ease-in-out infinite;
}
.data_policy_cont {
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    position: relative;
}
#policy_new_cont {
    padding: 5em 0 2em;
    position: relative;
    background-image: url(../img/bg_policy_new.webp);
    background-position: 50% 50%;
    background-size: cover;
}
#policy_new_cont > .bg_overlay {
    background: linear-gradient( #fff, transparent, #fff);
    opacity: 1;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.cedis {
    position: relative;
    margin: 20px 0 3em;
}
.cedis .img_01 {
    border-radius: 1em;
}
.cedis_data {
    background: #fff;
    padding: 10px;
    width: 90%;
    position: absolute;
    bottom: -2em;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 20px 10px -15px rgb(0 0 0 / 20%);
    display: inline-flex;
    align-items: center;
}
.cedis_data img {width: 100px; margin: 0 20px 0 0;}
.cedis_data p {margin: 0; font-size: 20px;}

#us_new_ {
    padding: 30px 0 0;
    position: relative;
    background-image: url(../img/bg_us_new.webp);
    background-position: 50% 100%;
    background-size: cover;
}

.data_us_top {
    margin: 20px;
    background: #fff;
    border-radius: 1em;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    overflow: hidden;
}

.us_data_new {
    position: relative;
}
.bar_us_ {
    position: absolute;
    background: linear-gradient(180deg, #555, transparent);
    width: 200px;
    height: 100%;
    z-index: 0;
    top: 0;
    right: 15%;
}
.img_us_data {
    position: relative;
    z-index: 2;
}
.logo_us {
    width: 60%;
    margin: 0 0 2em;
}
.marg_top_us_new {margin: 5em 0 0em;}

#misvis_cont_us {
    position:relative;
    padding: 0 0 30px;
} 
.cont_data_misvis {
    margin: 10px;
    padding: 20px;
    width: 400px;
    height: 20em;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    text-align: left;
}
.cont_data_misvis .img_over{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2em;
    -webkit-transition: 800ms;
    transition: 800ms;
}
.cont_data_misvis:hover .img_over{
    bottom: -20em;
}
.bg_misvis_01 {background: #eee;}

.ttl_misvis_us {
    display: inline-flex;
    position: relative;
    margin: 0 0 10px;
    align-items: center;
}
.ttl_misvis_us img {
    width: 50px;
    margin: 0 20px 0 0;
}
.ttl_misvis_us h3 {margin: 0;}
.data_misvis_cont {
    height: 90%;
    overflow: auto;
    padding: 0 0 15px;
    margin: 5px 0 0;
}

.cert_policy_us {
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 4em 10px 10px;
}
.cert_policy_us .cont_cert_01 {
    background: #fff;
    width: 85px;
    position: absolute;
    top: -3em;
    padding: 15px;
    border-radius: 50%;
    border: 5px solid var(--main_clr);
    outline: 5px solid rgb(0 0 0 / 80%);
    outline-offset: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.cert_policy_us:hover .cont_cert_01 {
    border: 5px solid #232323;
    outline: 5px dotted var(--main_clr);
}
.cert_policy_us .cont_cert_01 img {
    filter: unset;
}
.cert_policy_us:hover .cont_cert_01 img {
    filter: brightness(0) saturate(100%) invert(69%) sepia(16%) saturate(901%) hue-rotate(139deg) brightness(83%) contrast(83%);
}
.cert_policy_us .cont_cert_02 {
    height: 6em;
    padding: 2em 10px 15px;
    background: #f8f8f8;
    border-bottom: 10px solid #555;
    border-radius: 10px;
}
.cert_policy_us:hover .cont_cert_02 {
    color: var(--main_clr);
    border-bottom: 10px solid var(--main_clr);
}

#policy_new_cont .carousel-wrap .item {
    display: unset;
    align-items: unset;
    /* height: 90px; */
}
#policy_new_cont .owl-nav i {
    font-size: 30px;
    margin: 10px 0 0;
	color: var(--main_clr);
}
#policy_new_cont .owl-nav i:focus,
#policy_new_cont .owl-nav i:hover {
	color: #232323;
}

/* FIN NUEVO NOSOTROS */

/* NUEVO CONTACTO */

#new_contact {
    padding: 1em 0;
}
#new_contact .row_inputs .ipt {width: 50%; padding: 5px;}
#new_contact .w100 {width: 100%;padding: 5px;margin: unset;}
#new_contact .cont_contact {padding: 0 1rem;}

.img_dept {
    width: 50px;
    margin: 0 1rem 0 0;
}

#dd_ctt .btn_01 {width: 100%; margin: 0;}
#dd_ctt .nav {
    flex-direction: column;
}
#dd_ctt.dropdown:hover>.dropdown-menu,#dd_ctt .dropend:hover>.dropdown-menu {
    min-width: 100%;
}
#dd_ctt .nav-link {
    padding: 0 0.5rem;
    color: #232323;
    background: #fff;
    margin: 0 1px;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
}
#dd_ctt .nav-link:hover {
    color: var(--main_clr);
    background: #efefef;
    cursor: pointer;
}
#dd_ctt .nav-link img {
    width: 1.5rem;
    margin: 0 0.5rem 0 1rem;
    padding: 5px 0;
}
#dd_ctt .nav-link:hover img {
    filter: brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(1581%) hue-rotate(135deg) brightness(92%) contrast(93%);
}

#ctt_pills .nav-link {
    padding: 0.5rem;
    font-size: 80%;
    color: #232323;
    background: #f1f1f1;
    margin: 0 1px;
}
#ctt_pills .nav-link:hover {
    color: var(--main_clr);
    background: #efefef;
    cursor: pointer;
}
#ctt_pills .nav-pills .nav-link.active, #ctt_pills .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--main_clr);
}

.bg_card_con {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -6;
    top: 0;
    left: 0;
    background-size: cover;
    opacity: 0.15;
}
.bg_ccon_01 {background-image: url(../img/bg_ventas.webp);}
.bg_ccon_02 {background-image: url(../img/bg_alma.webp);}
.bg_ccon_03 {background-image: url(../img/bg_admiin.webp);}
.bg_ccon_04 {background-image: url(../img/bg_mark.webp);}
.bg_ccon_05 {background-image: url(../img/bg_fina.webp);}
.bg_ccon_06 {background-image: url(../img/bg_inge.webp);}
.bg_ccon_07 {background-image: url(../img/bg_legal.webp);}
.bg_ccon_08 {background-image: url(../img/bg_ceo.webp);}
.bg_ccon_09 {background-image: url(../img/bg_it.webp);}
.bg_ccon_10 {background-image: url(../img/bg_corp.webp);}

.sale_card {
    position: relative;
    display: flex;
    padding: 1rem 1rem 0;
    border-radius: 1rem;
    overflow: hidden;
    justify-content: space-between;
}
.sale_card h3 {
    margin: 0;
    color: transparent;
    font-size: 3rem;
    -webkit-text-stroke: 2px #999;
}
.sale_card p i {width: 2rem;}
.sale_card img {width: 300px;-webkit-transition: 1800ms;transition: 1800ms;}
.sale_card:hover img {transform: scale(1.1);}
.sale_card .video_yt {width: 17em;}

/* FIN NUEVO CONTACTO */

/*FILTER EVENTOS*/

.ttl_hall {
    margin: 0 15px 20px;
}

.filter_event {
    display: inline-flex;
    margin: 0 15px 15px;
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 10px;
    font-size: 90%;
}
.filter_event img {
    width: 30%;
    margin: 0 20px 0 0;
}
.filter_event h3 {font-size: 20px;margin: 1rem 0 0;}

.btn_date {
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.btn_date h3 {width: 65%;}

.category_list .category_item img {
    width: 35px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(23%) hue-rotate(28deg) brightness(104%) contrast(107%);
    margin: 0 20px;
}

.carrusel_eventos {
    width: 60%;
    margin: 20px auto ;
    border: 10px solid #fff;
    box-shadow: 0 0 5px #ddd;
}

.otros_ev {
    display: block;
    padding: 10px;
    width: 150px;
    border: 2px solid #b5b5b5;
    border-radius: 10px;
    margin: 10px auto;
}
.otros_ev:hover {
    border: 2px solid #ddd;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.otros_ev h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.img_top_event {
    width: 75%;
    margin: 0 auto;
    display: block;
}

.video_ {
    width: 100%;
    display: block;
    padding: 10px;
    margin: 20px auto;
    position: relative;
}
.video_ video {width: 100%;height:  auto;background: linear-gradient(45deg, black, #363636);border-radius: 1em;}

.gall_img_01 {
    display: inline-block;
    width: 44%;
    position: relative;
    border: 10px solid #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    border-radius: 10px;
    margin: 10px;
}

.col_gall_01 {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columnas iguales */
    gap: 10px; /* Espaciado entre imágenes */
    width: 100%;
    max-width: 1200px;
}
.col_gall_01  .gall_custom_01 {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.col_gall_01  .gall_custom_01:first-child {
    grid-column: span 2; /* Ocupa 2 columnas */
    grid-row: span 2; /* Ocupa 2 filas */
}

.col_gall_01  .gall_custom_01 .lb_ {
    margin: 0;
}

.col_gall_02 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 4 columnas iguales */
    gap: 10px; /* Espaciado entre imágenes */
    width: 100%;
    max-width: 1200px;
}
.col_gall_02  .gall_custom_02 {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.col_gall_02  .gall_custom_02:first-child {
    grid-column: span 1; /* Ocupa 2 columnas */
    grid-row: span 1; /* Ocupa 2 filas */
}

.col_gall_02  .gall_custom_02 .lb_ {
    margin: 0;
}


/* FIN FILTER EVENTOS*/

/* NUEVO OEM */

#oem_ {
    background-image: url(../img/bg_oem.webp);
    color: #fff;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    padding: 10px 0;
}
#oem_ > .bg_overlay {
    background: #112e45;
    opacity: 0.9;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

#oem_ .item {
    margin: 10px 2em;
    filter: brightness(0) invert(1);
}
#oem_program {
    background-image: url(../img/bg_oem_new.webp);
    color: #fff;
    position: relative;
    padding: 30px 0 7em;
    overflow: hidden;
}
.txt_oem {
    font-weight: 300;
    text-transform: none;
    font-size: 2rem;
    line-height: 1.1;
}

#objoem {
    padding: 0 0 30px;
    margin: -6em 0 0;
    z-index: 0;
    position: relative;
}

.cont_objs {
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    border-radius: 0 0 1em 1em;
}
.txt_obj {
    padding: 20px;
    text-align: center;
}

.bnfs_oem {
    position: relative;
    text-align: center;
}
.bnfs_oem img {
    border-radius: 1em;
}
.bnfs_oem h4 {
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    top: -25px;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    left: 0;
    right: 0;
    font-size: 1.2em;
    border-radius: 10px;
    font-weight: 300;
}

/* FIN NUEVO OEM */

/* NUEVOS TECNICOS 2025 01 */

#bg_tech_ {
    position: relative;
    padding: 20px 0 0;
    color: #fff;
    background-image: url(../img/bg_tech.webp);
    background-size: cover;
}

#bg_tech_ .btn_01 {
	background: var(--main_clr);
}
#bg_tech_ .btn_01:focus,
#bg_tech_ .btn_01:hover {
	background: #232323;
}

.tech_data {
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    border-radius: 1em;
    overflow: hidden;
    min-height: 25rem;
    margin: 20px 0;
}
.tech_data img {
    width: 100%;
    height: 15rem;
    object-fit: cover;
    object-position: 50% 30%;
    transform: scale(1.2) translate(0, -20px);
}
.tech_data:hover img {
    transform: scale(1) translate(0, 0px);
}
.tech_data p {
    margin: 25px;
    text-align: justify;
    text-align-last: center;
}

/* FIN NUEVOS TECNICOS 2025 01 */

/* TÉCNICOS CERTIFICADOS */

#tc_sec {
    padding: 20px 0;
    position: relative;
}
.bg_bnfts_tc {
    background-image: url(../img/Foto_Beneficios.webp);
    color: #fff;
    padding: 5em;
    text-align: center;
    border-radius: 1em;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.bg_bnfts_tc > .bg_overlay {
    background: #000;
    opacity: 0.7;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.tc_cont_01 {
    background: #aecfd2;
    margin: 15px 0;
    display: inline-flex;
    align-items: center;
    border-radius: 1em;
    padding: 1em;
    font-weight: 500;
    min-height: 8em;
    width: -webkit-fill-available;
}
.tc_cont_02 {
    background: #61a6ab;
    margin: 15px 0;
    display: inline-flex;
    align-items: center;
    border-radius: 1em;
    padding: 1em;
    min-height: 8em;
    width: -webkit-fill-available;
}
.cont_02_in {
    display: flex;
    width: 90%;
    margin: 0 auto;
    align-items: center;
}

.tc_cont_01 img, .tc_cont_02 img {
    width: 100px;
    margin: 0 1em 0 0;
}

.tc_cont_03 {
    background-image: url(../img/Foto_Certificaciones.webp);
    background-position: 50% 100%;
    background-size: cover;
    padding: 4rem 1rem;
    text-align: center;
    border-radius: 1em;
    min-height: 18.5em;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
}

#tc_sec .form-control {
    margin: 0 0 ;
}

.btn_tc {
    background: #61a6ab;
    color: #fff;
    border: none;
    border-radius: 10px;
    width: 100%;
    padding: 12px;
    font-size: 1em;
}
.btn_tc:hover {
    background: #232323;
    color: #fff;
}

#products {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 4 columnas iguales */
    gap: 10px; /* Espaciado entre imágenes */
}

.row_inputs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.row_inputs .ipt {
    width: 33%;
    padding: 10px;
}
/*.row_inputs .ipt:last-child {*/
/*    width: 100%;*/
/*}*/

.ttl_form {
    background: linear-gradient(30deg, #101010, transparent);
    color: #fff;
    padding: 1rem;
    border-radius: 0.5rem;
    margin: 1rem 0 0;
}
.ttl_form h3, .ttl_form h5 {margin: 0;}

.btn_file_small {
    font-size: 85%;
}
.small_txt {font-size: 60%;}
.lbl_txt {
    display: flex;
    align-items: center;
    background: #efefef;
    padding: 5px 15px;
    border-radius: 5px 0 0 5px;
    font-size: 90%;
}
.notice_form {
    background: #ff7622;
    color: #fff;
    padding: 2rem;
    margin: 0 0 -1em;
}

.form_cont .form-control {
    margin: 0 !important;
    border: 1px solid #cacaca !important;
    border-radius: 5px !important;
    height: 60px;
}

#tc_sec form .btn_tc:first-child {margin: 0;}
#tc_sec form .btn_tc {margin: 1em 0 0;}

.custom_file_upload {
    display: block;
    background-color: #444;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 300;
    text-align: center;
    border: none;
}

.custom_file_upload:hover {
    background-color: #888;
    border: none;
}

#file {
    display: none; /* Oculta el input de archivo real */
}

.file_name {
    margin-top: 10px;
    color: #555;
    text-align: center;
    font-size: 80%;
}
.small_fs {
    font-size: 60%;
}

#tc_sec .radio-custom-label {
    font-size: 1em;
    font-weight: 300;
}

#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;
}
#message_success > .bg_overlay {
    background: linear-gradient(45deg, #000, var(--main_clr));
    opacity: 0.9;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.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;
}

.crsl_bnfts_tc {
    position: relative;
    width: 100%;
    max-width: 600px;
    height: 300px;
    overflow: hidden;
}

.sld_bnfts {
    position: relative;
    width: 100%;
    height: 100%;
}

.sld_bnfts img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    filter: brightness(0) saturate(100%) invert(0%) sepia(33%) saturate(1417%) hue-rotate(34deg) brightness(101%) contrast(104%);
}

.sld_bnfts img.active {
    opacity: 1;
}

/* Reglas responsivas */
@media (max-width: 768px) {
    .crsl_bnfts_tc {height: 250px;}
}

@media (max-width: 480px) {
    .crsl_bnfts_tc {height: 200px; /* Aún más compacto para pantallas pequeñas */}

    .sld_bnfts img {object-fit: contain;}
}

.animated-text {
    display: flex;
    font-weight: bold;
    text-transform: uppercase;
    gap: 2px;
    font-size: 6em !important;
    -webkit-text-stroke: 3px #fff;
    color: transparent;
    text-shadow: none !important;
    margin: 0;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto;
}

.animated-text span {
    display: inline-block;
    transform: translateY(0);
    animation: lift 2500ms ease-in-out infinite;
}

.animated-text span:nth-child(1) {animation-delay: 0s;}
.animated-text span:nth-child(2) {animation-delay: 0.1s;}
.animated-text span:nth-child(3) {animation-delay: 0.2s;}
.animated-text span:nth-child(4) {animation-delay: 0.3s;}
.animated-text span:nth-child(5) {animation-delay: 0.4s;}
.animated-text span:nth-child(6) {animation-delay: 0.5s;}
.animated-text span:nth-child(7) {animation-delay: 0.6s;}
.animated-text span:nth-child(8) {animation-delay: 0.7s;}
.animated-text span:nth-child(9) {animation-delay: 0.8s;}
.animated-text span:nth-child(10) {animation-delay: 0.9s;}

/* Animación */
@keyframes lift {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

/*PRODUCT FILTER*/
.producct {
    font-weight: 400;
    position: relative;
    box-shadow: 0 0 5px rgba(0 0 0 / 10%);
    padding: 10px 0 0 0;
    border-radius: 10px;
    background: #fff;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
    background-image: url(https://invotech-mx.com/img/tech_card_fondo.webp);
}
.producct:hover {
	box-shadow: 0 0 5px rgba(0 0 0 / 20%);
}
.producct .product-inner {
	display: inline-flex;
	align-items: center;
	width: 100%;
}
.producct .product-inner img {
    width: 40%;
    position: relative;
    z-index: 2;
}
.producct .product-inner .data__ {width: 70%;margin: 70px 0 0;}
.producct .product-inner h3  {
    text-transform: uppercase;
    text-align: right;
    background: #00a6ff;
    margin: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: fit-content;
    color: #fff!important;
    font-size: 22px;
}
.producct .product-inner h3:before {
    content: "\A";
    border-style: solid;
    border-width: 0 30px 59px 0;
    border-color: transparent #00a6ff transparent transparent;
    position: absolute;
    left: -29px;
    top: -4px;
}
.producct p {
    margin: 0;
    width: 100%;
    display: inline-block;
    text-align: right;
    line-height: 0!important;
    font-size: 16px;
    letter-spacing: 0;
}
.producct p img {
    width: 30px!important;
    line-height: 0;
    position: relative;
    top: -3px;
    margin: 0 0 0 5px;
    padding: 5px;
}
.producct a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: unset;
}
.img_btm_card {
    position: relative;
    bottom: 0px;
    z-index: 10;
}
.img_lft_card {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 32%;
}
.img_l {padding: 0 0 0 30px;}

/* FIN TÉCNICOS CERTIFICADOS */

/* MODELO DE DISTRIBUCION */

.img_mdn_01 {top: 39%;left: 8%;width: 14%;}
.img_mdn_02 {top: 37%;left: 27%;width: 15%;}
.img_mdn_03 {top: 8%;left: 17%;width: 14%;}
.img_mdn_04 {top: 72%;left: 36%;width: 14%;}
.img_mdn_05 {top: 8%;left: 35%;width: 13%;}
.img_mdn_06 {top: 41%;left: 48%;width: 14%;}
.img_mdn_07 {top: 73%;left: 61%;width: 12%;}
.img_mdn_08 {top: 10%;left: 61%;width: 12%;}
.img_mdn_09 {top: 42%;left: 68%;width: 12%;}
.img_mdn_10 {top: 40%;left: 83%;width: 14%;}
.img_mdn_11 {top: 8%;left: 77%;width: 14%;}
.img_mdn_12 {top: 75%;left: 79%;width: 14%;}

.btn_mdn_01 {top: 38%;left: 7%;}
.btn_mdn_02 {top: 67%;left: 29%;}
.btn_mdn_03 {top: 8%;left: 18%;}
.btn_mdn_04 {top: 97%;left: 33%;}
.btn_mdn_05 {top: 15%;left: 46%;}
.btn_mdn_06 {top: 44%;left: 53%;}
.btn_mdn_07 {top: 66%;left: 74%;}
.btn_mdn_08 {top: 69%;left: 90%;}
.btn_mdn_09 {top: 11%;left: 82%;}
.btn_mdn_10 {top: 96%;left: 79%;}

#moddist_new {
    background-image: url(../img/bg_send.webp);
    background-position: 50% 50%;
    background-size: cover;
    padding: 7rem 0 1rem;
	position: relative;
	z-index: 1;
}
#moddist_new::before {
    background: linear-gradient(-45deg, #f3f3f3, #e1e1e1, #d8f5f7, #efefef);
	background-size: 400% 400%;
	animation: mb_gradient 15s ease infinite;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.95;
}
@keyframes mb_gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

.video_mbl {
    width: 100%;
    aspect-ratio: 9 / 16;
    height: auto;
    position: relative;
    top: 5px;
}

.mb_cont {
    position: absolute;
    width: 98%;
    height: 100%;
    top: 0;
}
.mb_card_cont {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 2rem;
    backdrop-filter: blur(3px);
    z-index: 1029;
    top: 0;
}
.card_poss {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn_card_optn {
    position: absolute;
    background: var(--main_clr);
    color: #fff;
    border: none;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    font-size: 1rem;
    box-shadow: var(--main_shadow);
}
.btn_mb_01 {top: 12%;left: 28%;}
.btn_mb_02 {top: 63%;left: 39%;}
.btn_mb_03 {top: 13%;left: 51%;}
.btn_mb_04 {top: 76%;left: 52%;}
.btn_mb_05 {top: 40%;left: 51%;}
.btn_mb_06 {top: 59%;left: 68%;}
.btn_mb_07 {top: 32%;left: 88%;}
.btn_mb_08 {top: 80%;left: 88%;}
.btn_mb_09 {top: 11%;left: 82%;}
.btn_mb_10 {top: 96%;left: 79%;}

.btn_card_x {
    position: absolute;
    right: -1rem;
    top: -1rem;
    width: 2rem;
    height: 2rem;
    background: var(--main_clr);
    border: none;
    border-radius: 50%;
    color: #fff;
    box-shadow: var(--main_shadow);
}
.ttl_card {
    background: #232323;
    color: #fff;
    padding: 10px;
    width: -webkit-fill-available;
    margin: 0;
    font-size: 2rem;
}

/* FIN MODELO DE DISTRIBUCION */


/* NUEVAS DESCARGAS */

.bg_dl_cont {
    padding: 15px 0;
}
.bg_ttl_dl {
    padding: 15px;
    color: #fff;
}
.bg_ttl_dl h2, .bg_ttl_dl p {margin: 0;font-size: 25px;}
.bg_cont_dl {
    padding: 15px;
    background: #f8f8f8;
    color: #232323;
    height: 325px;
    display: inline-grid;
}
.bg_img_dl {
    padding: 0 0 0;
    background: #f8f8f8;
}
.bg_ttl_clr_01 {background: #80b543;}
.bg_ttl_clr_02 {background: #2196f3;}
.bg_ttl_clr_03 {background: #9e53ab;}
.bg_ttl_clr_04 {background: #2456b0;}

.btn_dl {
    background: #232323;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0;
    width: 100%;
    margin: 10px 0;
}
.btn_dl:hover {
    background: var(--main_clr);
    color: #fff;
}

#help_sec {
    background: #ddd;
    padding: 20px 0;
}

.help_cont {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    position: relative;
}

.help_dl {
    margin: 5px;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.help_dl a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.help_dl img {width: 50px;margin: 0 10px;}
.help_dl:hover img {filter: brightness(0) saturate(100%) invert(64%) sepia(18%) saturate(781%) hue-rotate(139deg) brightness(89%) contrast(89%);}
.help_dl p {
    margin: 0;
    background: #232323;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}
.help_dl:hover p {
    background: var(--main_clr);
}

#app_dl_sec {
    padding: 20px 0 50px;
}

.img_idx_app {
    display: inline-flex;
    position: relative;
    margin: 0;
    align-items: center;
}
.img_idx_app img {
    /*filter: brightness(0) saturate(100%) invert(62%) sepia(29%) saturate(472%) hue-rotate(139deg) brightness(90%) contrast(92%);*/
    
    width: 260px;
    padding: 0;
    margin: 10px;
}
.img_idx_app:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* FIN NUEVAS DESCARGAS */

/* EDUCACION CONTINUA */

#bg_edcon {
    position: relative;
    padding: 3em 0 0;
    color: #232323;
    background-image: url(../img/bg_edcon.webp);
    background-size: cover;
}
#bg_edcon > .bg_overlay {
    background: linear-gradient(0deg, #fff, rgb(255 255 255 / 80%));
    opacity: 1;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.edcon_data {
    position: relative;
    display: inline-flex;
    border-radius: 1em;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}
.edcon_data img {
    width: 30%;
}
.edcon_data .data_cont_02 {
    padding: 20px;
}

#modulss {
    padding: 0 0 50px;
}
.mdl_edcon_ {
    background-size: cover;
    padding: 2rem;
    border-radius: 1em;
    overflow: hidden;
    color: #fff;
    height: 20em;
    position: relative;
    margin: 15px 0;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
.mdl_edcon_ > .bg_overlay {
    background: linear-gradient(0deg, black 10%, transparent 60%);
    opacity: 1;
    /* transition: background 0.3s, border-radius 0.3s, opacity 0.3s; */
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.mdl_edcon_ .data {
    position: relative;
    z-index: 5;
}
.mdl_edcon_ .btn_01 {
	background: var(--main_clr);
}
.mdl_edcon_ .btn_01:focus,
.mdl_edcon_ .btn_01:hover {
	background: #555;
}

.bg_mdl_cont_01 {background-image: url(../img/edcon_mdl_01.webp);}
.bg_mdl_cont_02 {background-image: url(../img/edcon_mdl_02.webp);}
.bg_mdl_cont_03 {background-image: url(../img/edcon_mdl_03.webp);}
.bg_mdl_cont_04 {background-image: url(../img/edcon_mdl_04.webp);}

#bg_esp_edcon  {
    background: url(../img/bg_esp_edcon.webp);
    color: #fff;
    padding: 50px 0 ;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}

#bg_esp_edcon .tz-gallery .lightbox {
    background: #000;
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    border-radius: 1em;
    overflow: hidden;
}
#bg_esp_edcon h2 {margin: 0 0 30px;}
#bg_esp_edcon .tz-gallery .lightbox:hover img { opacity: 0.3; -webkit-filter: blur(0px); filter: blur(0px);background: #000;}

#carrCOMP {background: #fff!important;}

/* FIN EDUCACION CONTINUA */

/* SOLUCIONES */

.solss_ {
    display: inline-grid;
    position: relative;
    max-width: 410px;
    min-width: 330px;
    padding: 10px;
}
.solss_ h3 {
    font-size: 22px;
}

/* FIN SOLUCIONES */
/* PROMOCIONES */

#promos_ {padding: 5em 0 1em; position: relative;}
#promos_ .tz-gallery .lightbox img {
    border-radius: 1em;
}

#promos_ .wrapper_ {
    flex-direction: column;
}
#promos_ .category_list, #promos_ .products-list {width: 100%;}
#promos_ .category_list {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}
#promos_ .products-list {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
#promos_ .category_list .category_item {
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
    background: var(--main_clr);
}
#promos_ .category_list .ct_item-active {
    background: #555;
}
#promos_ .category_list .category_item img {
    margin: 0 5px 0 0;
    width: 20px;
}
#promos_ .filter_event {
    margin: 0;
    border: unset;
    overflow: hidden;
    border-radius: 0;
}
#promos_ .promo {
    width: 200px;
    margin: 0;
    
    display: inline-block;
    padding: 10px;
    position: relative;
    z-index: 10;
}
#promos_ .tz-gallery .lightbox img {
    border-radius: 0.5rem;
}


.contain_pe {
    display: inline-flex;
    width: 100%;
    position: relative;
    align-items: center;
}

.contain_pe .cs_01 {width: 40%;}
.contain_pe .cs_02 {
    width: 70%;
    padding: 0 15px;
    display: initial;
}

.cont_promo {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}
.cont_promo .cont_cc {
    display: flex;
    align-items: center;
    width: 100%;
    border: 2px solid #ddd;
    font-size: 60%;
    border-radius: 10px;
}
.cont_promo .cont_cc img {
    width: 100px;
    height: 100px;
    margin: 0 10px 0 0;
}
.cont_promo .cont_cc .data_ccc {
    width: 70%;
}
.cont_promo .cont_cc .data_ccc i {margin: 0 10px 0 0;}
.cont_promo .cont_cc .data_ccc h3 {margin: 0;font-size: 1.5rem;}
.cont_promo .cont_cc .data_ccc p {margin: 0;}

/* FIN PROMOCIONES */

/* GALERIA */

.gall_img {
    display: inline-grid;
    width: 390px;
    position: relative;
    margin: 10px;
}
.gall_img img {border-radius: 1em!important;}
.gall_img h3 {font-size: 1rem;}

/* FIN GALERIA */

/* NUEVO UNETE */

.newjoin_cont {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    width: 100%;
}
.newjoin_card {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 2px;
    font-size: 90%;
    box-shadow: 0 1em 1em -1rem rgb(0 0 0 / 20%);
    border-radius: 1rem;
    position: relative;
    z-index: 5;
    overflow: hidden;
    -webkit-transition: 10ms;
    transition: 10ms;
    padding: 0;
}

.newjoin_card .bg_nj {background: #fff;opacity:0;position: absolute;width: 100%;height: 100%;z-index: -1;-webkit-transition: 1300ms;transition: 1300ms;}
.newjoin_card:hover .bg_nj {background: linear-gradient(45deg, #163a3d, #61a6ab);opacity: 1;}

.newjoin_card img {width: 40%;aspect-ratio: 1/1;}
.newjoin_card div {padding: 0 2em;}
.newjoin_card h3 {font-size: 2rem;}
.newjoin_card h4 {font-size: 1.2rem;}
.newjoin_card:hover h3 {color: #fff;}
.newjoin_card:hover h4 {color: #fff;}
.newjoin_card:hover ul li {color: #fff;}
.newjoin_card .btn_01 {
    font-size: 20px;
    margin: 0 auto 10px;
}

.fs_nj {font-size: 5rem;}

/* FIN NUEVO UNETE */

/* COMPETENCIAS */

#top_compe  {
    background: url(../img/banner_competencias.webp);
    color: #fff;
    padding: 5em 0 1em;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
}
#top_compe > .bg_overlay {
    background: #000;
    opacity: 0.5;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
#top_compe h2 {
    font-size: 3em;
    font-weight: 800;
    margin: 0;
    letter-spacing: 0px;
    text-align: center;
}

#compet_sec {
    padding: 20px 0;
}

.compet_tab_cstm {width: 100%;padding: 1rem;display: flex;align-items: flex-start;margin: 0 auto;}

#compet_ .nav {
    justify-content: space-between;
    flex-direction: column;
}
#compet_ .nav-pills .nav-link {
    color: var(--light_clr);
    background-color: #555;
    border: 4px solid transparent;
    margin: 5px;
    font-weight: 500;
}
#compet_ .nav-pills .nav-link img {width: 70px;filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(467%) hue-rotate(239deg) brightness(115%) contrast(100%);} 
#compet_ .nav-pills .nav-link.active, #compet_ .nav-pills .show>.nav-link {
    color: #232323;
    background-color: var(--main_clr);
    border: 4px solid var(--main_clr);
}
#compet_ .tab-content {
    border-radius: 1em;
    overflow: hidden;
}

#compet_brand .nav {
    justify-content: center;
    flex-direction: row;
    display: inline-flex;
    flex-wrap: wrap;
}
#compet_brand .nav-pills .nav-link {
    color: var(--light_clr);
    background-color: transparent;
    border: 2px solid #efefef;
    margin: 2px;
    font-weight: 500;
    padding: 0 3px;
}
#compet_brand .nav-pills .nav-link img {width: 150px;filter: unset;} 
#compet_brand .nav-pills .nav-link.active,#compet_brand .nav-pills .show>.nav-link {
    color: var(--main_clr);
    background-color: transparent;
    border: 2px solid var(--main_clr);
}

.cont_data_c {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}
.cont_data_c p {width: 33.33%;display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 0 1px;}
.d_block {display: block!important;}

.g_00 {background: #bcd7da; padding: 10px;}
.g_01 {background: #ddd; padding: 10px;}
.g_02 {background: #444; color: #fff; padding: 10px;}

.brand_cont {
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.brand_data_c {width: 33.33%;}

.img_ivt {
    width: 200px;
    padding: 10px;
    margin: 0 auto;
    display: block;
}

/* FIN COMPETENCIAS */

#warr_opt {
    padding: 0 0 0;
    background: #fff;
}
.form_iframe_ {
    border: 0;
    overflow: hidden;
    min-height: 800px;
    margin: 0 0 -6px;
}
.form_iframe {
    border: 0;
    overflow: hidden;
    min-height: 600px;
    margin: 0 0 -6px;
}

/* CERTIFICACION UL */

.manual {
    position: fixed;
    width: 20%;
    max-height: 50vh;
    overflow-y: auto;
    z-index: 5;
    left: 5em;
    top: 10em;
    padding: 0 10px 0 0;
}
.manual.scrolled {
    top: 5em;
    max-height: 75vh;
}

.manuall {
    position: fixed;
    width: 22%;
    max-height: 55vh;
    overflow-y: auto;
    z-index: 5;
    left: 5em;
    top: 40.5em;
    padding: 11px;
    background: rgb(255 255 255 / 75%);
    border-radius: 5px;
}
.manuall.scrolled {
    top: 10.5em;
    max-height: 75vh;
}

.manuall .btn_01,
.manual .btn_01 {
    padding: 10px 20px;
    font-size: 18px;
    margin: 0 auto 10px;
    text-transform: unset;
    width: 100%;
}
.sec_data {
    padding: 10px 20px;
    background: #e0e0e0;
    margin: 10px 0;
    border-radius: 10px;
}
/* FIN CERTIFICACION UL */

/* NUEVAS PANTALLAS COMPRESORS */

#gral_table {
    font-size: 16px;
    text-align: center;
    margin: 0;
}
#gral_table thead {
    position: sticky;
    top: 0;
    background-color: #343a40; /* Color de fondo para que no se mezcle con las filas */
    color: white;
    z-index: 10;
    vertical-align: middle;
}

.maxh_table_scrolls {
    max-height: 285px;
    overflow-y: auto;
    margin: 0;
}

#comp_pills {margin: 1rem 0 0;}
#comp_pills .nav {
    justify-content: center;
}
#comp_pills .nav-pills .nav-link {
    color: var(--light_clr);
    background-color: var(--gray_color);
    border: 4px solid transparent;margin: 0 5px;
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
}
#comp_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);
}

/* FIN NUEVAS PANTALLAS COMPRESORS */

/* NUEVO ACCESORIOS */

.acc_ * {
	-webkit-transition: 900ms;
	-moz-transition: 900ms;
	-o-transition: 900ms;
	transition: 900ms;
}
.acc_ {
    width: 100%;
    position: relative;
}
.acc_ .fig {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
    z-index: -1;
    top: 50%;
    right: 0;
    left: 0;
    transform: translate(0, -50%);
}
.acc_ .fig_ {
    width: 75%;
    height: 75%;
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
    z-index: -1;
    top: 50%;
    right: 0;
    left: 0;
    transform: translate(0, -50%);
}
.acc_ img {
	transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
}
.acc_:hover img {
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.bg_01 {border: 5px dotted var(--main_clr);}
.bg_02 {border: 5px dotted #ddd;}
.bg_03 {border: 5px dotted var(--main_clr);}
.bg_04 {background: var(--main_clr);}
.bg_05 {background: var(--main_clr);color: #fff;}
.bg_06 {background: #4e4e4e;color: #fff;padding: 15px 10px;}
.bg_06 h3 {margin: 0;}
.bg_07 {background: #ddd;}
.bg_08 {background: #666;color: #fff!important;}
.bg_08 h4 {margin: 0 0 10px;}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.hvac_ *{
    -webkit-transition: 900ms;
	-moz-transition: 900ms;
	transition: 900ms;
}
.hvac_ {
    width: 330px;
    position: relative;
    display: inline-grid;
    padding: 10px;
}
.hvac_ .fill-button {margin: 20px auto;width: auto;}
.hvac_ .fig {
    width: 15em;
    height: 15em;
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
    z-index: -1;
    top: 3em;
    right: 0;
    left: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}
.hvac_:hover .fig {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

#acc_new .table {
    font-size: 18px;
    text-transform: uppercase;
}
#acc_new .table>tbody>tr>td {
    border: 1px solid #efefef;
    line-height: 0.8;
    white-space: unset; 
    line-height: 1.2;
}

#acc_new #pill_01 .table>tbody>tr>td {background: #e0da9b;}
#acc_new #pill_02 .table>tbody>tr>td {background: #c8c8c8;}
#acc_new #pill_03 .table>tbody>tr>td {background: #4ec7fc;}
#acc_new #pill_04 .table>tbody>tr>td {background: #6ecd6f;}

.g_cont {
    background-color: #555 !important;
    color: #fff !important;
}

/* FIN NUEVO ACCESORIOS */


/* NUEVA GARANTÍA */

#top_nwarr  {
    background: url(../img/bg_waarr.webp);
    color: #fff;
    padding: 5em 0 1em;
    position: relative;
    background-position: 50% 35%;
    background-size: cover;
}
#top_nwarr > .bg_overlay {
    background: #181f2a;
    opacity: 0.7;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
#top_nwarr h2 {
    font-size: 3em;
    font-weight: 800;
    margin: 0;
    letter-spacing: 0px;
    text-align: center;
    position: relative;
}

#nw_top {
    background: url(../img/nw_banner_01.webp);
    color: #232323;
    padding: 1em 0 7em;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
}
#nw_top > .bg_overlay {
    background: linear-gradient(60deg, rgb(255 255 255 / 95%), rgb(255 255 255 / 75%), rgb(117 171 225 / 90%));
    opacity: 1;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

#nw_sec_mdl_01 {
    padding: 0 0 1em;
}

.cont_steps_w {
    border-radius: 1rem;
    box-shadow: 0 0 2rem rgb(0 0 0 / 30%);
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: -5em;
    background: #fff;
    padding: 1em;
}

.card_nw {
    position: relative;
}
.card_nw a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.data_nw {
    position: relative;
    margin: 1em 0 0;
    background: #ddd;
    color: #fff;
    border-radius: 1rem;
    overflow: hidden;
    min-height: 12em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.data_nw img {
    width: 7em;
    padding: 1rem;
    margin: 1rem auto;
    display: block;
}
.card_nw:hover .data_nw img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(36%) saturate(435%) hue-rotate(135deg) brightness(84%) contrast(82%);
    -webkit-animation-name: shake_img;
    animation-name: shake_img;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.card_nw .data_nw h3 {
    text-align: center;
    margin: 0;
    padding: 1rem;
    background: #232323;
}
.card_nw:hover .data_nw h3 {
    background: #61a6ab;
}

@-webkit-keyframes shake_img {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake_img {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.ttl_nw_bnfts {
    font-size: 7rem;
    margin: -5rem 0 3rem;
}
.ttl_nw_bnfts_ {
    font-size: 7rem;
    margin: 3rem 0;
}
.ttl_nw_bnfts__ {
    font-size: 5rem;
    margin: 3rem 0;
}

.data_nw_rg {
    background: #232323;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 1rem;
    margin: 0 0 1rem;
    border-radius: 1rem;
}
.data_nw_rg img {width: 60px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(71deg) brightness(102%) contrast(101%);padding: 1rem;height: 60px;}
.data_nw_rg p {margin: 0;}

#nw_test {
    background: url(../img/nw_banner_02.webp);
    color: #232323;
    padding: 3em 0;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
}

.bnfts_nw {
    position: relative;
    margin: 20px 0 3em;
}
.bnfts_nw .img_01 {
    border-radius: 1em;
    max-height: 10em;
    object-fit: cover;
}
.bnfts_nw_data {
    background: #fff;
    padding: 10px;
    width: 90%;
    position: absolute;
    bottom: -2em;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 20px 10px -15px rgb(0 0 0 / 20%);
    display: inline-flex;
    align-items: center;
}
.bnfts_nw_data img {width: 80px;margin: 0 10px 0 0;}
.bnfts_nw_data p {margin: 0;font-size: 18px;}

#nw_win_top {
    background: url(../img/bg_nw_win.webp);
    color: #232323;
    padding: 1em 0 5em;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
}
#nw_win_top > .bg_overlay {
    background: linear-gradient(60deg, rgb(255 255 255 / 0%), var(--main_clr));
    opacity: 0.8;
    /* transition: background 0.3s, border-radius 0.3s, opacity 0.3s; */
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.cont_win_w {
    border-radius: 1rem;
    box-shadow: 0 0 2rem rgb(0 0 0 / 30%);
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: -4em;
    background: #fff;
    padding: 3rem;
}
.win_card {
    width: 290px;
    margin: 0 auto;
    display: inline-grid;
    position: relative;
}
.win_card img {width: 100px;padding: 1rem;margin: 0 auto;filter: brightness(0) saturate(100%) invert(60%) sepia(11%) saturate(1232%) hue-rotate(139deg) brightness(96%) contrast(88%);}
.win_card span {
    position: absolute;
    font-weight: 900;
    color: #eee;
    font-size: 12.5rem;
    z-index: -1;
    left: 0rem;
    top: 0rem;
    line-height: 1;
}
.row .win_card {width: 100%;}
.row .win_card img {padding: 1rem;margin: 0 0 0 6rem;}

.table_mod {
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 3px rgb(0 0 0 / 30%);
}
.table_mod table {margin: 0;}

#btm_win {
    background: #ddd;
}

.btns_win {display: inline-grid;}
.btn_win {
    background: var(--main_clr);
    border: none;
    padding: 1rem;
    width: auto;
    border-radius: 5rem;
    margin: 0 1rem 1rem;
}
.btn_win:hover {
    background: #444;
    color: #fff;
}

/* FIN NUEVA GARANTÍA */

/* NUEVA PANTALLA MODELOS */

#mdl_new {
    background: url(../img/bg_cm.webp);
    padding: 4em 0 20px;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
#mdl_new > .bg_overlay {
    background: #fff;
    opacity: 0.85;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

#mdl_new table {font-size: 90%;border-radius: 1rem;overflow: hidden;text-transform: uppercase;box-shadow: 0 0 1px rgb(0 0 0 / 30%);}
#mdl_new table i {float: inline-end;}
#mdl_new .table>:not(caption)>*>* {padding: .2rem .5rem;align-content: center;}

#mdl_new h2 {margin: 1rem 0;font-size: 2.5rem;}

#mdl_new .tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
}

.btn_ctr {
    margin: 0 auto;
    text-align: center;
}
.btn_fls {
    background: #232323;
    color: #fff;
    font-size: 1rem;
    height: 1.5rem;
    border-radius: 0.3rem;
    padding: 0 10px;
    display: inline-flex;
    border: none;
    margin: 5px 0;
    align-items: center;
}
.btn_fls:focus,
.btn_fls:hover {
    opacity: 0.8;
    background: var(--main_clr);
}

.cont_model {
    display: flex;
    width: 95%;
    position: relative;
    align-items: flex-start;
    margin: 0 auto;
}
.cont_mdl_data {
    width: 25%;
}
.cont_mdl_data:first-child {width: 25%;}
.cont_mdl_data:nth-child(2) {width: 45%;}
.cont_mdl_data:last-child {width: 30%;}

.spec_mdl {
    display: inline-flex;
    position: relative;
    margin: 5px 0 15px;
    align-items: center;
    width: 100%;
    cursor: pointer;
}
.spec_mdl:hover p {
    color: var(--main_clr);
}
.spec_mdl img {
    aspect-ratio: 1/1;
    width: 40px;
    margin: 0 10px 0 0;
}
.spec_mdl:hover img {
    filter: brightness(0) saturate(100%) invert(66%) sepia(13%) saturate(1112%) hue-rotate(139deg) brightness(87%) contrast(86%);
}
.spec_mdl p {
    margin: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}
.spec_mdl a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.img_ttl_model {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 0.2rem 0;
}
.img_ttl_model h3 {margin: 0;}
.img_ttl_model img {
    filter: brightness(0) invert(1);
    aspect-ratio: 1 / 1;
    padding: 0;
    margin: 0 0 0 10px;
    width: 30px;
}

#mmodelo_ {
    background: #fff;
    width: 85%;
    height: 35rem;
    padding: 0;
    margin: 0rem auto;
    border-radius: 1em;
    overflow: hidden;
    overflow-y: auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    position: fixed;
    z-index: 1031;
    box-shadow: 0 0 40em 40em rgb(0 0 0 / 75%);
}
#mmodelo_ .modal-content {
    width: 95vw;
}
#mmodelo_ .btn_modelo_close {
    border-radius: 2em ;
    right: 10px;
    height: 30px;
    width: 30px;
    margin: 0;
    top: 10px;
    background: rgb(35 35 35 / 75%);
    position: fixed;
    padding: 2px 0 0;
}
#mmodelo_ .maxh_table_scrolls {
    max-height: 70vh;
    position: relative;
    left: 0;
    padding: 0;
    margin: 1rem 1rem 1rem 0;
    border-radius: 1em;
    overflow: hidden;
    overflow-y: auto;
}
#mmodelo_ .maxh_table_scrolls h4 {
    text-align: center;
    position: sticky;
    background: #fff;
    top: 0;
    z-index: 10;
}
#mmodelo_ .maxh_table_scrolls #gral_table {
    border-radius: 1rem;
}
#mmodelo_ .maxh_table_scrolls .table-dark {
    text-align: left!important;
}
#mmodelo_ .maxh_table_scrolls table .table-dark {
    text-align: left!important;
    position: sticky;
    top: 52px;
    z-index: 10;
}
/* CUSTOM SCROLL BAR */
/* width */
#mmodelo_::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
/* Track */
#mmodelo_::-webkit-scrollbar-track {
    background: #ddd;
	border-radius: 0;
}
/* Handle */
#mmodelo_::-webkit-scrollbar-thumb {
    background: var(--main_clr); 
	border-radius: 0px;
}

#tabla_carac {
    position: fixed;
    z-index: 1035;
    background: #fff;
    top: 50%;
    right: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    border-radius: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    box-shadow: 0 0 0 50em rgb(0 0 0 / 50%);
}
#tabla_carac .btn_modelo_close {
    top: 10px;
    right: 0px;
    left: unset;
    opacity: 1;
    position: absolute;
    font-size: 3rem;
    font-weight: 700;
    background: #61b1ae;
    padding: 0 0;
    width: 55px;
    height: 50px;
    line-height: 0.5;
    border-radius: 1em 0 0 1em;
    text-align: center;
    z-index: 5;
}
.btn_modelo_close {
    background: #232323;
    color: #fff;
    border: none;
    border-radius: 2em 10px 0 2em;
    position: absolute;
    top: 0;
    right: 0em;
    width: 60px;
    height: 50px;
    margin: 0;
    font-size: 30px;
    line-height: 0.1;
    z-index: 1;
}
.btn_modelo_close:hover,
.btn_modelo_close:focus {
	background: #232323;
	color: #fff;
}
#mmodelo_ h2 {
    margin: 0 0 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 25px;
}
#mmodelo_ h2 span {
    font-weight: 300;
    font-size: 80%;
    color: #ed7630;
    text-transform: initial;
}

#app_web .img_idx_app {
    width: 49%;
}
#app_web .img_idx_app img{
    width: 90%;
}

#troubleshoots__ {
    position: fixed;
    background: rgb(0 0 0 / 50%);
    z-index: 1030;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backdrop-filter: blur(3px);
}
#troubleshoots__ iframe {
    width: 90%;
    height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1rem;
}
.collapse.fade {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.collapse.show {
    opacity: 1;
}

#mod_pills {
    max-height: 22em;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    justify-content: space-between;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
}

.cont_info_mod .nav-pills .nav-link img {
    width: 1.5em;
}

.cont_info_mod .nav-pills .nav-link {
    padding: 0.5rem;
    margin: 0 0.5rem;
    border-radius: 0.2rem;
}

.cont_info_mod .nav-pills .nav-link.active {
    background-color: var(--main_clr);
}

.cont_info_mod .nav-pills .nav-link.active img {
    filter: var(--filter_w);
}

#mod_pills .cont_info_mod:first-child {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 20em;
    box-sizing: border-box;
}

#mod_pills .cont_info_mod:last-child {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

#mod_pills .tab-content {
    width: 100%;
    max-height: 100%;
    overflow: auto;
    box-sizing: border-box;
    display: block;
}

#mod_pills .tab-content .tab-pane {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 2rem 0;
}

#mod_pills .lb_ {
    background: transparent;
    position: relative;
    aspect-ratio: 1/1;
    margin: 0 auto;
    width: 65%;
}
#mod_pills .hor_ {
    background: transparent;
    position: relative;
    aspect-ratio: 9/6;
    margin: 0 auto;
    width: 90%;
}
#mod_pills .hor_ img {border-radius: 1rem !important;}

#mod_pills.tz-gallery .lightbox:hover img {
    opacity: 0.5;
    filter: blur(0px);
    background: #fff;
}

#mm_cont {padding: 0.5em 0 0;}
#mm_cont .video_yt {width: 90% !important;}

#crsl_cont_mdl {padding: 0;}
.carrusel_contenedor {
    position: relative;
    max-width: 24vw;
    margin: 0 auto;
    overflow: hidden;
}
.carrusel_pista {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.carrusel_item {
    flex: 0 0 50%;
    padding: 0 0.5rem;
    box-sizing: border-box;
}
.box_img {
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.img_r {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}
.carrusel_nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}
.carrusel_prev, .carrusel_next {
    background: var(--main_clr);
    color: white;
    border-radius: 50%;
    font-size: 15px;
    width: 2em;
    line-height: unset;
    border: none;
    cursor: pointer;
    aspect-ratio: 1;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 2px 0 0;
}
.carrusel_prev:hover, .carrusel_next:hover {
    background: var(--tird_clr);
    box-shadow: var(--main_shadow);
}
#crsl_cont_mdl .btn_01 {font-size: 80%;}


/* NUEVA PANTALLA MODELOS */

#error_404 {
    padding: 0;
    position: relative;
    background: #fff;
}
#error_404 .img_btm {
    position: relative;
    bottom: -5em;
}
.error_cnt {
    position: relative;
}
.error_cnt img {
    position: relative;
    top: 50%;
    width: 50%;
    margin: 5em auto 0;
    display: block;
}

.bnr_tcert {margin: 5% 0 0;}

.event_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.event_row div {
    display: flex;
    flex-direction: row;
    width: 24%;
    font-size: 85%;
    align-items: center;
    border: 1px solid #ddd;
    margin: 0 5px 5px 0;
    padding: 5px;
    border-radius: 5px;
}
.event_row div img {width: 50px;height: 50px;}
.event_row div p {margin: 0;}

.data_priceivt {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.data_pi_cont {width: 50%;}
.data_pi_cont:last-child {width: 48%;}

/* NUEVOS ESTILOS 03/2025 */

.form_h {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.img_circle_form {
    width: 200px;
    margin: 5px auto 0;
    display: block;
}
.optns_circle_form {
    position: absolute;
    top: 6px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
}
.optins_02_form {
    display: flex;
    flex-direction: row;
}

.ttl_form_h3 {
    margin: 0;
    background: #232323;
    color: #fff;
    padding: 1rem;
}

.optins_03_form {
    display: flex;
    width: 66%;
}

.ipt_ {
    width: 50%;
    padding: 10px;
}

.ipt_ .form-control {
    margin: 0 0 0.5rem;
}

.fs_01 {font-size: 2.5rem;}

.input-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

#tarjeta {
    padding-left: 50px; /* Espacio para la imagen */
}
#tipoTarjetaImg {
    position: absolute;
    left: 10px;
    width: 35px;
    height: auto;
    display: unset;
    font-family: fontawesome;
    content: "\f002";
    filter: var(--filter_g);
}

/* FIN NUEVOS ESTILOS 03/2025 */

/* INDUSTRIAS */

#top_inds {
    background: url(../img/banner_industria.webp);
    color: #fff;
    padding: 5em 0 1em;
    position: relative;
    background-position: 50% 5%;
    background-size: cover;
    z-index: 1;
}
#top_inds::before {
    background: #000;
    opacity: 0.3;
    content: "";
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -1;
}
#top_inds h2 {
    font-size: 3em;
    font-weight: 800;
    margin: 0;
    text-align: center;
}
#industries_ {background: linear-gradient(0deg, var(--main_clr) 50%, #b5e5e9); padding: 1em 0 4em;}

#industries_02 {
    padding: 1em 0 0;
    margin: 0 0 -2em;
}

.cont_cards {
    position: relative;
    top: -4em;
}

.card_inds {
    display: inline-block;
    width: 330px;
    height: 330px;
    margin: 0.5rem;
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 1rem;
}
.card_inds .cont_ {
    display: inline-flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-wrap: nowrap;
    justify-content: center;
}
.card_inds::before {
    background: linear-gradient(0deg, black, transparent);
    filter: unset;
    opacity: 0.9;
    content: "";
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: 0;
    transition: background 300ms ease-in-out;
}
.card_inds:focus::before,
.card_inds:hover::before {
    background: #4cd2d7;
    transition: background 300ms ease-in-out;
}
.card_inds .img_bg {
    position: absolute;
    z-index: -1;
    transform: scale(1.2);
    -webkit-transition: 1600ms;
	transition: 1600ms;
}
.card_inds:hover .img_bg {
    position: absolute;
    z-index: -1;
    transform: scale(1);
}
.card_inds .icon_ {
    width: 80px;
    margin: 0 0 1rem;
}
.card_inds a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#card_inds_01, #card_inds_02, #card_inds_03, #card_inds_04, #card_inds_05, #card_inds_06,
#card_inds_07, #card_inds_08, #card_inds_09, #card_inds_10, #card_inds_11, #card_inds_12 {
    position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1030;
    background: rgb(0 0 0 / 50%);
    width: 100%;height: 100%;backdrop-filter: blur(3px);
}

#industries_02 .card {overflow: hidden;}
#industries_02 .card-body {
    width: 50%;
    height: 15em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    display: inline-flex;
    justify-content: center;
}

#industries_02 .collapse.fade {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#industries_02 .collapse.show {
    opacity: 1;
}

.bg_cardind_ {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: -2;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
.bg_cardind_::after {
    background: linear-gradient(60deg, #fff 55%, rgb(76 210 215 / 70%) 80%);
    filter: unset;
    opacity: 1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.bg_cardind_::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 60%;
    height: 100%;
    background-color: #4cd2d7;
    opacity: 1; /* Ajusta la intensidad del filtro */
    mix-blend-mode: color;
    pointer-events: none; /* Evita que interfiera con elementos clickeables */
}
.bg_imgind_01 {background-image: url(../img/ind_image_01.webp);}
.bg_imgind_02 {background-image: url(../img/ind_image_02.webp);}
.bg_imgind_03 {background-image: url(../img/ind_image_03.webp);}
.bg_imgind_04 {background-image: url(../img/ind_image_04.webp);}
.bg_imgind_05 {background-image: url(../img/ind_image_05.webp);}
.bg_imgind_06 {background-image: url(../img/ind_image_06.webp);}
.bg_imgind_07 {background-image: url(../img/ind_image_07.webp);}
.bg_imgind_08 {background-image: url(../img/ind_image_08.webp);}
.bg_imgind_09 {background-image: url(../img/ind_image_09.webp);}
.bg_imgind_10 {background-image: url(../img/ind_image_10.webp);}
.bg_imgind_11 {background-image: url(../img/ind_image_11.webp);}
.bg_imgind_12 {background-image: url(../img/ind_image_12.webp);}

/* FIN INDUSTRIAS */

/* CAPTCHA VALIDACION */

#captcha-error {
    font-size: 0.6em;
    position: absolute;
    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 */

/* NUEVOS ESTILOS */

.pe_img {
    aspect-ratio: 9/12;
}

.ttl_ivt_anim_01 {
    color: #36629b;
    font-weight: 800;
    display: block;
    margin: 0 auto 1rem;
    line-height: 1.4;
    min-height: 40px;
    max-width: fit-content;
    text-align: center;
}
.typing_text {
    display: inline;
    border-right: 2px solid #36629b;
    animation: blinkCursor 0.7s steps(1) infinite;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}
@keyframes blinkCursor {
    0%   { border-color: transparent; }
    50%  { border-color: #36629b; }
    100% { border-color: transparent; }
}

/* NUEVOS ESTILOS */