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

:root {
  box-sizing: border-box;
  --main_clr: #16697a;
  --scnd_clr: #ffa62b;
  --tird_clr: #82C0CC;
  --fort_clr: #8acfdb;
  --hvr_clr: #000;
  --dark_clr: #232323;
  --light_color: #fff;
  --gray_color: #ddd;
  --main_shadow: 0 0 5px rgb(0 0 0 / 30%);
  --none_shadow: none;
  --clr_01: #26d4c3;
  --font_size_ttl: clamp(2.2rem, 2.5vw, 1.3rem);
  --filter_m: brightness(0) saturate(100%) invert(28%) sepia(74%) saturate(501%) hue-rotate(143deg) brightness(100%) contrast(89%);
  --filter_s: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(7021%) hue-rotate(339deg) brightness(112%) contrast(101%);
  --filter_t: brightness(0) saturate(100%) invert(81%) sepia(13%) saturate(844%) hue-rotate(142deg) brightness(87%) contrast(92%);
  --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%);
}

@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Black Italic.ttf') format('truetype');font-weight:900;font-style:italic;}
@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Black.ttf') format('truetype');font-weight:900;font-style:normal;}
@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Bold Italic.ttf') format('truetype');font-weight:700;font-style:italic;}
@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Bold.ttf') format('truetype');font-weight:700;font-style:normal;}
@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Italic.ttf') format('truetype');font-weight:400;font-style:italic;}
@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Light Italic.ttf') format('truetype');font-weight:300;font-style:italic;}
@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Light.ttf') format('truetype');font-weight:300;font-style:normal;}
@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Regular.ttf') format('truetype');font-weight:400;font-style:normal;}
@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Thin Italic.ttf') format('truetype');font-weight:100;font-style:italic;}
@font-face{font-family:'TT Supermolot';src:url('../fonts/TT Supermolot Thin.ttf') format('truetype');font-weight:100;font-style:normal;}

html {scroll-padding-top: 93.35px;} /* altura de la navbar fija */
* {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
body {
	font-family: "REM", 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: var(--tird_clr);
}

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

h1, h2, h3, h4, h5, h6 {
	/*font-family: "Outfit", sans-serif;*/
	font-family: 'TT Supermolot', 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!important;}
.padd_00 {padding: 0!important;}

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

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

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

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

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

.btn { line-height: 1; }

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

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

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

.main_btn {
    border: 5px solid var(--tird_clr);
    background: transparent;
    padding: 10px 10px 10px 50px;
    border-radius: 4rem;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto;
    min-width: 15rem;
}
.main_btn:hover {
    border: 5px solid var(--main_clr);
    background: transparent;
    padding: 10px 50px 10px 10px;
    position: relative;
}
.main_btn span {
  display: inline-block;
  transition: opacity 0.3s ease-in-out;
}
.main_btn span:nth-child(2) {opacity: 1;}
.main_btn span:nth-child(3) {
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.main_btn:hover span:nth-child(2) {opacity: 0;}
.main_btn:hover span:nth-child(3) {opacity: 1;}

.main_btn i {
    position: absolute;
    left: 8%;
    background: var(--tird_clr);
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    padding: 4px 0 0;
    transform: translate(-50%, 0);
}
.main_btn:hover i {
    position: absolute;
    left: 92%;
    background: var(--main_clr);
}

.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;}
.fs_big {font-size: 2rem;}

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

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

.iframe_model {height: 80vh;margin: 0 0 -7px;}
.iframe_dispo_ivt {
    height: 100vh;
    margin: 0 auto -7px;
    position: absolute;
    width: 60%;
    left: 0;
    right: 0;
    top: 65%;
    transform: translate(0, -50%);
}
.iframe_dispo_ivk {
    height: 60vh;
    margin: 0 auto -7px;
    position: absolute;
    width: 60%;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: #fff;
}
.iframe_dispo_igral {
    height: 100vh;
    margin: 0 auto -7px;
    position: absolute;
    width: 60%;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: #fff;
    max-height: 11em;
}

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

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


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

::selection{color: #fff;background: var(--tird_clr);}

/* 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 */

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

.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(--scnd_clr);
    box-shadow: none;
}

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

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

.input_hidden {display: none;}

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

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

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

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

.radio-custom-label.error .radio-custom {
  border-color: red !important;
}
.radio-custom-label.error p {
  color: red !important;
}

@-webkit-keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height: 14px;}}
@-moz-keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height:14px;}}	
@-ms-keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height: 14px;}}
@keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height: 14px;}}

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


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

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

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

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

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

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

/********/

.dropdown-item {
  color: #fff;
}
.dropdown .dropdown-menu {
    display: none;
    background: #fcfcfc;
    font-size: 0.9rem !important;
}
.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: 210px;
}
@media screen and (min-width:769px) {
  .dropend:hover>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: .5em;
  }
}

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

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

#navigation .nav-link {text-transform: uppercase;background: transparent;color: #fff;font-size: 1.1rem;border-radius: 5px;-webkit-transition: 300ms;transition: 300ms;}
#navigation .nav-link:hover {background: var(--main_clr);color: #fff;border-radius: 5px;}

#navbarNav .nav-link.active {background: var(--main_clr);color: #fff;border-radius: 5px;}

#navigation .dropdown-menu li .nav-link {font-size: 0.9rem !important;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%;}
.dropdown-menu li a span{display: block; font-size: 70%;}
#navigation .dropdown-menu li .nav-link:hover {background: transparent;color: var(--main_clr);}

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

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

/********/

.cont_top {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 0.3rem;
    background: var(--main_clr);
    font-size: 85%;
    gap: 1rem;
}
.cont_top a {color: #fff;}
.cont_top a:hover {color: var(--tird_clr);}

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

#Busc_ {position: relative;margin: 0 0.5rem;}
.busc_ba_cont {display: inline-flex;}
#Busc_ .btn_search_close {
    background: var(--dark_clr);
    color: #fff;
    border-radius: 5px 0 0 5px;
    padding: 0;
    margin: 0;
    width: 40px;
    text-align: center;
    cursor: auto;
}
#Busc_ .form-control {
    padding: 0 10px;
    margin: 0;
    border-radius: 0 5px 5px 0;
}
#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: 3rem;
    right: 0;
    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: 3px; background: #ddd; }
/* Handle */
#Busc_ ::-webkit-scrollbar-thumb { border-radius: 3px; background: #555; }

/** FOOTER SECTION **/

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

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

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

#btm_last {
    padding: 15px 0;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 1rem;
    position: relative;
    z-index: 1030;
}
#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(--tird_clr);;
}

.img_certs_ {
    filter: var(--filter_g);
    display: block;
    margin: 0 0;
}

.links_int {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
}
.links_int div {margin: 0 5px;}

.logo_lamco {
    width: 95px;
    filter: var(--filter_w);
}
.logo_lamco:hover {filter: var(--filter_t);}

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

.link_iso {
    position: absolute;
    width: 100%;
    height: 100%;
}
.certs .iso {filter: var(--filter_m);}
.certs:hover .iso {filter: var(--filter_t);}

.seal_ftr {
    position: absolute;
    width: 8rem;
    bottom: 1rem;
    right: 3rem;
    filter: drop-shadow(0px 0px 0.2rem var(--tird_clr));
    z-index: 5;
}

.mrq_ftr {
    display: inline-flex;
    position: relative;
    margin: 0 10px;
    align-items: center;
}
.mrq_ftr img {
    width: 50px;
    height: 50px;
    padding: 5px;
    margin: 0 10px;
}
.mrq_ftr p, .mrq_ftr h3 {margin: 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;
    font-size: 85%;
    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_04,
#ftr_doc_03,
#ftr_doc_02,
#ftr_doc_01 {
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1041;
    backdrop-filter: blur(3px);
}
#ftr_doc_04 .iframe_doc,
#ftr_doc_03 .iframe_doc,
#ftr_doc_02 .iframe_doc,
#ftr_doc_01 .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_04 .btn_modelo_close,
#ftr_doc_03 .btn_modelo_close,
#ftr_doc_02 .btn_modelo_close,
#ftr_doc_01 .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;
}


/** FOOTER SECTION **/

/* NUEVO INDEX*/

#idx_top {
    position: relative;
    min-height: 100vh;
    padding: 5em 0 1em;
    z-index: 1;
}
#idx_top::before {
    background: linear-gradient(90deg, var(--main_clr) 50%, var(--tird_clr) 50% );
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    mix-blend-mode: multiply;
}

#idx_top .video_bg_idx {position: fixed;}
.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_first_top {
    position: relative;
    min-height: 100vh;
    padding: 5em 0 1em;
    z-index: 1;
}
#idx_first_top::before {
    background: #313131;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    mix-blend-mode: color;
}
#idx_first_top .video_bg_idx {position: fixed;}

.cont_crsls_idx {
    width: 100%;
    height: 100%;
    display: flex;
}
.cont_tabs_idx {
    display: flex;
    min-width: 100vw;
    min-height: 80vh;
    align-items: center;
    justify-content: center;
    align-content: space-between;
    flex-wrap: wrap;
}
#idx_first_top .carousel-item {
    background: url(../img/bg_00.webp);
    height: 70vh;
}
#idx_first_top .carousel-control-next,#idx_first_top  .carousel-control-prev {width: 5%;}
#idx_first_top .carousel-inner {overflow: unset;}
.caption_crsl_idx {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 5vw;
}
.ttl_main_idxf {
    -webkit-text-stroke: 3px var(--main_clr);
    color: transparent;
    font-size: 4vw;
    position: relative;
    z-index: 5;
}
.ttl_main_crsl {
    font-size: 2.5vw;
    color: var(--main_clr);
    mix-blend-mode: color-burn;
    font-weight: 700;
    line-height: 0.8;
    margin: 0 0 2rem;
}
.ttl_main_crsl span {font-size: 13vw;display: block;font-weight: 800;margin: 0 0 0 -10px;}
.datta {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 0.5rem;
    font-size: 85%;
}
.datta li {
    padding: 0.5rem 1rem;
    border-radius: 5px;
    color: var(--main_clr);
    font-weight: 700;
    background: rgb(0 0 0 / 8%);
}
#idx_first_top .btn_01:hover {background: rgb(0 0 0 / 50%);}
.fs_custom_idx_00 {font-size: 6vw !important; margin: 0 0 0.5rem !important;}
.fs_custom_idx_01 {font-size: 11vw !important; margin: 0 !important;}
.fs_custom_idx_02 {font-size: 9vw !important; margin: 0 0 0.5rem !important;}
.fs_custom_idx_03 {font-size: 25vw !important; margin: 0 0 0.5rem !important;}
.cont_pills_idx {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.cont_pills_idx .nav-pills .nav-link {
    background: rgb(255 255 255 / 50%);
    border-radius: 0.5rem 0.5rem 0 0;
    margin: 0 0.5rem 0 0;
    color: var(--main_clr);
    font-weight: 600;
}
.cont_pills_idx .nav-pills .nav-link.active {
    color: #fff;
    background-color: var(--main_clr);
    mix-blend-mode: color-burn;
}

#top_idx {
    background-image: url(../img/bg_top_idx.webp);
    background-position: 50% -5em;
    background-size: cover;
    position: relative;
    padding: 5em 0 1em;
    z-index: 1;
}
#top_idx::before {
    background: linear-gradient(0deg, #FFF 35%, transparent 90%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
}

#top_ucond {
    background-image: url(../img/Fondo_Condensadoras.webp);
    background-position: 50% -5em;
    background-size: cover;
    position: relative;
    padding: 5em 0 1em;
    z-index: 1;
}
#top_ucond::before {
    background: linear-gradient(0deg, #FFF 35%, transparent 90%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
}

.cont_main_idx {
    width: 100%;
    display: flex;
    justify-content: center;
}
.cont_cards_idx {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    margin: 1rem 0;
}
.cards_idx {
    width: 15%;
    min-height: 20vw;
    background: rgb(0 0 0 / 0%);
    border-radius: 0.5rem;
    position: relative;
    z-index: 0;
    overflow: hidden;
    -webkit-transition: 900ms;
    transition: 900ms;
    display: flex;
    align-items: flex-end;
    text-align: center;
}
.cards_idx:hover {
    width: 20%;
    background: rgb(0 0 0 / 5%);
}
.cards_idx h3 {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    top: 1rem;
    color: #fff;
    text-shadow: 0 0 5px var(--main_clr);
    font-size: 1.4vw;
    -webkit-transition: 1200ms;
    transition: 1200ms;
}
.cards_idx:hover h3 {
    font-size: 1.9vw;
}
.cards_idx h3 span {
    font-size: 60%;
    display: block;
}
/*.cards_idx::before {*/
/*    content: ""; */
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%; */
/*    height: 100%; */
/*    background-image: url("../img/3DB3R12ME-TFD-CO0.webp"); */
/*    background-position: center; */
/*    background-size: cover; */
/*    background-repeat: no-repeat; */
/*    z-index: -1; */
/*    opacity: 1;*/
/*    -webkit-transition: 500ms;*/
/*    transition: 500ms;*/
/*}*/
/*.cards_idx:nth-child(1)::before {background-image: url("../img/3DB3R12ME-TFD-CO0.webp");}*/
/*.cards_idx:nth-child(2)::before {background-image: url("../img/scroll_cover.webp");}*/
/*.cards_idx:nth-child(3)::before {background-image: url("../img/piston_cover.webp");}*/
/*.cards_idx:nth-child(4)::before {background-image: url("../img/reciprocantes_cover.webp");}*/
/*.cards_idx:nth-child(5)::before {background-image: url("../img/reciprocantes_cover.webp");}*/
/*.cards_idx:nth-child(6)::before {background-image: url("../img/rotativo_inverter_01.webp");}*/
/*.cards_idx:nth-child(7)::before {background-image: url("../img/rotativo.png");}*/
/*#scnd_row .cards_idx:nth-child(1)::before {background-image: url("../img/condensadora_inverter_02.png");}*/
/*#scnd_row .cards_idx:nth-child(2)::before {background-image: url("../img/cond_bsh.webp");}*/
/*#scnd_row .cards_idx:nth-child(3)::before {background-image: url("../img/uc_copeland.webp");}*/
/*#scnd_row .cards_idx:nth-child(4)::before {background-image: url("../img/unidad_condensadora_01.png");}*/
/*#scnd_row .cards_idx:nth-child(5)::before {background-image: url("../img/Evaporadora-1.png");}*/
/*.cards_idx:hover::before {*/
/*    left: -50%;*/
/*    width: 200%; */
/*    opacity: 0;*/
/*}*/
.cards_idx .data_prod_idx {
    opacity: 1;
    transform: translateY(0.5vw);
}
.cards_idx:hover .data_prod_idx {
    opacity: 1;
    transform: translateY(-1.5vw) scale(0.8);
}
#scnd_row .cards_idx:hover .data_prod_idx {
    opacity: 1;
    transform: translateY(0vw) scale(0.8);
}
#scnd_row .cont_cards_idx {
    margin: 0 0 1rem;
}
.cards_idx .data_cards_idx {
    padding: 0;
    list-style: none;
    display: flex;
    position: absolute;
    bottom: -10vw;
    transition-delay: 500ms;
    margin: 0;
    gap: 0.3rem;
    width: 100%;
    justify-content: center;
    -webkit-transition: bottom 900ms ease 500ms;
    transition: bottom 900ms ease 500ms;
}
.cards_idx:hover .data_cards_idx {
    bottom: 0vw;
}
.cards_idx:not(:hover) .data_cards_idx {
    -webkit-transition: bottom 300ms ease 0s;
    transition: bottom 300ms ease 0s;
}
.cards_idx .data_cards_idx li {
    background: var(--main_clr);
    color: #fff;
    padding: 0.5rem;
    font-size: 1.1vw;
    width: 47%;
    border-radius: 0.5rem 0.5rem 0 0 ;
    font-weight: 700;
    line-height: 1;
}
.cards_idx a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.card_idx {
  border-radius: 1rem;
  position: relative;
  padding: 0 0.5rem 1rem;
  text-align: center;
  transition: background 1s ease-in-out;
}

.card_idx_b {
    padding: 0 0 1rem !important;
    border: 5px solid rgb(0 0 0 / 7%);
    backdrop-filter: blur(5px);
    width: 95%;
    -webkit-transition: 300ms;
    transition: 300ms;
    min-height: 17em;
}
.card_idx_b img {
    width: 75%!important;
    margin: 0 auto;
}
.card_idx_b h3 {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
}
.data_ivk {
    padding: 0;
    list-style: none;
    position: absolute;
    top: 1em;
    left: -15px;
    font-size: 50%;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
}
.data_ivk li {
    background: linear-gradient(45deg,  var(--main_clr), var(--tird_clr));
    margin: 0 0 10px;
    padding: 10px;
    color: #fff;
    border-radius: 0 1rem 0.5rem 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 35%);
    width: fit-content;
    position: relative;
}
.data_ivk li::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10px;
    border-style: solid;
    border-width: 0px 10px 10px 0px;
    border-color: transparent #055464 transparent transparent;
}
#cards_ivk .owl-carousel .item {
    padding: 0 0 0 15px;
}
/*.card_idx_b:hover {*/
/*    border: 5px solid rgb(0 0 0 / 10%);*/
/*    backdrop-filter: blur(5px);*/
/*}*/

.card_idx h3 {
    font-size: var(--font_size_ttl);
    line-height: 1;
    margin: 1rem 0 0;
}
.card_idx:hover h3 {
    text-shadow: 0px 0px 5px var(--main_clr);
    color: #fff;
}
.card_idx img {
  animation: shadowMove 3s infinite alternate ease-in-out;
  transform: scale(1);
}
.card_idx:hover img {
  transform: scale(0.9);
}
.card_idx a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@keyframes shadowMove {
  0% {filter: drop-shadow(0px 0px 15px #ddd);}
  50% {filter: drop-shadow(0px 0px 30px #EDE7E3);}
  100% {filter: drop-shadow(0px 0px 15px var(--main_clr));}
}

.video_cap {
    width: 100%;
    display: block;
    padding: 10px;
    margin: 0 auto;
    position: relative;
}
.video_cap video {width: 100%;height:  auto;background: linear-gradient(45deg, black, #363636);border-radius: 1rem;}
.video_cap .img_video_logo {
    width: 15%;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

#idx_02 {
    background-image: url(../img/img_01.webp);
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 3em 0;
    z-index: 1;
    color: #fff;
}
#idx_02::before {
    background: linear-gradient(180deg, var(--main_clr), #000);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.9;
}

/*OWL CARRUSEL ARROWS */
.carousel-wrap {margin: 0 auto;padding: 0 5%;width: 100%;position: relative;}
.owl-carousel .item {position: relative;z-index: 100; -webkit-backface-visibility: hidden; }
.owl-nav > div {margin-top: -26px;position: absolute;top: 50%;color:gray;}
.owl-nav i { font-size: 30px; margin: 10px 0 0; color: #777; }
.owl-nav i:focus,
.owl-nav i:hover { color: var(--main_clr); }
.owl-nav .owl-prev {left: -30px;}
.owl-nav .owl-next {right: -30px;}

/* FIN NUEVO INDEX*/

#top_ {
    background-image: url(../img/img_01.webp);
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    padding: 5em 0 1em;
    z-index: 1;
    color: #fff;
    text-align: center;
}
#top_::before {
    background: linear-gradient(180deg, var(--main_clr), #000);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.9;
}

/* NOSOTROS */

#misvis {
    background-image: url(../img/bg_misvis.webp);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 3em 0;
    z-index: 1;
    color: #fff;
    background-position: left center;
    animation: zoomBackground 40s infinite alternate ease-in-out;
}
#misvis::before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.1;
}
@keyframes zoomBackground {
    0% { background-size: 100%; background-position: right center;}
    50% { background-size: 120%; background-position: left center;}
    100% { background-size: 100%; background-position: right center; }
}

.img_ttl {
    width: 40px;
    margin: 0 0.5rem 0 0;
    filter: var(--filter_w);
}

.val_ {
    position: relative;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
}
.val_ .val_01 {
    background: url(../img/banner-1.webp);
    background-size: cover;
    color: #fff;
    padding: 20px;
    width: 15.5%;
    display: inline-flex;
    height: 100%;
    position: relative;
}
.val_ .val_01:hover {
    width: 35%;
}
.val_ .val_02 {
    background: url(../img/banner-2.webp);
    background-size: cover;
    color: #fff;
    padding: 20px;
    width: 15.5%;
    display: inline-flex;
    height: 100%;
    position: relative;
}
.val_ .val_02:hover {
    width: 35%;
}
.val_ .val_03 {
    background: url(../img/banner-3.webp);
    background-size: cover;
    color: #fff;
    padding: 20px;
    width: 15.5%;
    display: inline-flex;
    height: 100%;
    position: relative;
}
.val_ .val_03:hover {
    width: 35%;
}
.val_ .val_04 {
    background: url(../img/banner-4.webp);
    background-size: cover;
    color: #fff;
    padding: 20px;
    width: 15.5%;
    display: inline-flex;
    height: 100%;
    position: relative;
}
.val_ .val_04:hover {
    width: 35%;
}
.val_ .val_05 {
    background: url(../img/banner-5.webp);
    background-size: cover;
    color: #fff;
    padding: 20px;
    width: 15.5%;
    display: inline-flex;
    height: 100%;
    position: relative;
}
.val_ .val_05:hover {
    width: 35%;
}
.val_ .imgicon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 1;
}
.val_ .val_01:hover .imgicon,
.val_ .val_02:hover .imgicon,
.val_ .val_03:hover .imgicon,
.val_ .val_04:hover .imgicon,
.val_ .val_05:hover .imgicon {
    opacity: 0;
}

.val_ .imgicon_ {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 5%;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    left: 5%;
    right: 100%;
    opacity: 0;
}
.val_ .val_01:hover .imgicon_,
.val_ .val_02:hover .imgicon_,
.val_ .val_03:hover .imgicon_,
.val_ .val_04:hover .imgicon_,
.val_ .val_05:hover .imgicon_ {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
}

.val_ .info_01_ h3{font-size: 18px;}
.val_ .info_01_ {
    position: absolute;
    top: 65%;
    opacity: 1;
}
.val_ .val_01:hover .info_01_,
.val_ .val_02:hover .info_01_,
.val_ .val_03:hover .info_01_,
.val_ .val_04:hover .info_01_,
.val_ .val_05:hover .info_01_ {
    -webkit-transform: translate(0, 20%);
    transform: translate(0, 20%);
    opacity: 0;
}

.val_ .info_02_ {
    position: absolute;
    top: 10%;
    opacity: 0;
    -webkit-transform: translate(30%, 0);
    transform: translate(30%, 0);
    -webkit-transition: 1000ms;
    transition: 1000ms;
}
.val_ .val_01:hover .info_02_,
.val_ .val_02:hover .info_02_,
.val_ .val_03:hover .info_02_,
.val_ .val_04:hover .info_02_,
.val_ .val_05:hover .info_02_ {
    -webkit-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1;
}

/* FIN NOSOTROS */

/* GARANTIA */

#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/fondo01.webp);
    color: #232323;
    padding: 1em 0 7em;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    z-index: 1;
}
#nw_top_::before {
    background: var(--fort_clr);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    mix-blend-mode: multiply;
    -webkit-filter: grayscale(0%) contrast(100%);
    filter: grayscale(0%) contrast(100%);
}

.img_top_garantia {
    position: relative;
}
.img_top_garantia:first-child {z-index:3;}
.img_top_garantia:nth-child(2) {z-index:2;position: absolute;left: 0;}

.img_anim_warr {
    position: unset;
    -webkit-transition: 900ms;
    transition: 900ms;
}
.img_anim_warr:hover .img_top_garantia:first-child {transform: scale(0.95);}
.img_anim_warr:hover .img_top_garantia:nth-child(2) {transform: scale(1.05);}

.ttl_new_warr {
    color: #fff;
    font-size: 3vw;
}

#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 3em;
    z-index: 2;
}

.card_new_warr {
  width: 100%;
  min-height: 13em;
  position: relative;
  background: linear-gradient(45deg, black, #15405b);
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: opacity 600ms ease;
  margin: 0 0 1rem;
}

.card_new_warr:hover {
  background: var(--main_clr);
  mix-blend-mode: multiply;
  filter: grayscale(0%) contrast(100%);
}

.card_new_warr .bg_card_nw {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.4;
  background-size: cover;
  transition: opacity 600ms ease;
}

.card_new_warr:hover .bg_card_nw {
  opacity: 0.2;
}

.bg_card_nw_01 { background-image: url(../img/imagen_registro.webp); }
.bg_card_nw_02 { background-image: url(../img/imagen_activacion.webp); }
.bg_card_nw_03 { background-image: url(../img/imagen_reclamo.webp); }

.card_new_warr_data {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  filter: var(--filter_w);
  padding: 2rem 4rem;
}

.card_new_warr_data img {
  width: 8rem;
  margin: 0 0 10px;
}

.card_new_warr a {
  position: absolute;
  inset: 0;
  z-index: 5;
}

.icon_animado {
  transition: transform 0.6s ease;
  transform-origin: center;
}

.card_new_warr:hover .icon_animado {
  animation: giroSaltoGelatina 1.2s ease forwards;
}

@keyframes giroSaltoGelatina {
  0%   { transform: rotateY(0deg) translateY(0) scale(1); }
  30%  { transform: rotateY(360deg); }
  50%  { transform: translateY(-10px) scale(1.1); }
  60%  { transform: translateY(0) scale(0.95, 1.05); }
  70%  { transform: scale(1.05, 0.95); }
  80%  { transform: scale(0.97, 1.03); }
  90%  { transform: scale(1.02, 0.98); }
  100% { transform: scale(1); }
}

.cont_card_02 {margin: -3em auto 5em;}
.card_02 {
    position: relative;
    width: 100%;
    min-height: 15em;
}
.card_02 h3 {
    background: var(--main_clr);
    padding: 1rem;
    text-align: center;
    color: #fff;
    border-radius: 0.5rem;
    margin: 0 0 2rem;
    width: 100%;
    min-height: 3em;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.card_02 h3::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-top: 1rem solid var(--main_clr);
}
.card_02:hover h3 {
    background: var(--tird_clr);
}
.card_02:hover h3::after {
    border-top: 1rem solid var(--tird_clr);
}
.card_02 h3 small {display: block;font-size: 65%;}
.card_02 .img_cont_ {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 12em;
}
.card_02 .img_cont_ img:first-child {z-index:2;position: absolute;top: 5%;left: 5%;width: 100px;}
.card_02 .img_cont_ img:nth-child(2) {z-index:3;position: absolute;width: 80%;right: 0;bottom: 0;}
.card_02:hover .img_cont_ img:first-child {transform: rotate(-15deg);}
.card_02:hover .img_cont_ img:nth-child(2) {transform: scale(1.05);}

.ttl_warr {color: var(--main_clr);}

.ttl_nw_bnfts {
    font-size: 5rem;
    margin: -5rem 0 1rem;
}
.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;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    overflow: hidden;
    min-height: 14em;
}
.bnfts_nw .img_01 {
    max-height: 10em;
    object-fit: cover;
}
.bnfts_nw_data {
    background: #fff;
    padding: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    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;
}

.row_inputs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.row_inputs .ipt {
    width: 33%;
    padding: 10px;
}
.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: #ffffa1;
    padding: 2rem;
    margin: 0 0 -1em;
}

.form_cont .form-control {
    margin: 0 !important;
    border: 1px solid #cacaca !important;
    border-radius: 5px !important;
    height: 60px;
}
.btn_file_small {
    font-size: 85%;
}
.input-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.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%;
}

.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: -5px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    min-height: 13rem;
}
.optns_circle_form .radio-custom-label {
    min-height: 1.6rem;
}
.radio-custom-label p {line-height: 1.2;}
.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;}


#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);
}

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

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

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

/* FIN GARANTIA */

/* EVENTOS */

.coming_events {
    width: 20rem;
    padding: 1rem;
}

/* FIN EVENTOS */
/* 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/img_01.webp);
    background-position: 50% 50%;
    background-size: cover;
    padding: 0.5rem 0;
	position: relative;
	z-index: 1;
}
#moddist_new::before {
    background: linear-gradient(45deg, #f3f3f3, #e1e1e1, #7b8da2, #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.9;
}
@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: 34%;left: 24%;}
.btn_mb_03 {top: 14%;left: 50%;}
.btn_mb_04 {top: 79%;left: 51%;}
.btn_mb_05 {top: 38%;left: 44%;}
.btn_mb_06 {top: 33%;left: 71%;}
.btn_mb_07 {top: 32%;left: 88%;}
.btn_mb_08 {top: 78%;left: 86%;}
.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 */

/* NUEVO CONTACTO */

#new_contact {
    padding: 2em 0 1em;
}
#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: var(--filter_m);
}

#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: var(--main_clr);
    font-size: 3rem;
}
.sale_card p i {width: 2rem;}
.sale_card img {
    width: 10rem;
    height: 15em;
    -webkit-transition: 1800ms;
    transition: 1800ms;
}
.sale_card:hover img {transform: scale(1.1);}
.sale_card .video_yt {width: 17em;}

/* FIN NUEVO CONTACTO */

/* MODELOS */

.table_mdls {overflow: hidden;}
.table_mdls td a {left: -30px;position: relative;}
.table_mdls td:hover a {left: 0;}
.table_mdls td .fa-up-right-from-square {
    opacity: 0;
    position: relative;
    left: 0px;
}
.table_mdls td:hover .fa-up-right-from-square {opacity: 1; left: 0;}

.table_mdls tr td:first-child {
  width: 290px;
}




.fade-btn {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    position: absolute;
    right: -3em;
    top: 4px;
    transform: scale(1.2);
}

.fade-btn.show {
    opacity: 1;
    pointer-events: auto;
}

#table_scrolls thead {
    position: sticky;
    top: -1px;
    background-color: #343a40;
    color: white;
    z-index: 10;
    vertical-align: middle !important;
}
#table_scrolls .table_mdls {overflow: unset;}
.maxh_table_scrolls {
    max-height: 280px;
    overflow-y: auto;
    position: relative;
    margin: 0 0 1rem;
}
/* CUSTOM SCROLL BAR */
/* width */
.maxh_table_scrolls::-webkit-scrollbar {
    width: 15px;
    height: 10px;
}
/* Track */
.maxh_table_scrolls::-webkit-scrollbar-track {
    background: #ddd;
	border-radius: 0;
}
/* Handle */
.maxh_table_scrolls::-webkit-scrollbar-thumb {
    background: #888; 
	border-radius: 3px;
}

/* Contenedor del input con ícono */
.search_container {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    column-gap: 10px;
}
.search_table {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0;
    height: 2rem;
    padding: 0 0.5rem;
    -webkit-transition: 300ms;
	transition: 300ms;
}
.search_table:focus { border: 1px solid var(--tird_clr);}

.search_container input.search_table {
    box-sizing: border-box; /* Evita que el padding afecte el ancho total */
}

/* Ajuste de anchos según el placeholder usando nth-child */
.search_container input.search_table:nth-child(1) {
    width: 200px; /* Para "Buscar modelo en tabla" (largo) */
}

.search_container input.search_table:nth-child(2) {
    width: 250px; /* Para "Buscar refrigerante | Ej. R410A" (más largo) */
}

.search_container input.search_table:nth-child(3) {
    width: 100px; /* Para "Buscar HP" (corto) */
}

.search_container input.search_table:nth-child(4) {
    width: 125px; /* Para "Buscar voltaje" (medio) */
}

.search_container input.search_table:nth-child(5) {
    width: 110px; /* Para "Buscar fases" (corto) */
}

.btn_tbl {
    background: var(--main_clr);
    color: #fff;
    border: none;
    white-space: nowrap;
    font-size: 85%;
    height: 2rem;
    padding: 5px 15px;
    border-radius: 5px;
}
.btn_tbl:hover {
    background: #232323;
}


/* Estilizar el icono */
.search_container  .fa-search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: gray;
}

#mdl_new {
    background: url(../img/bg_modelos.webp);
    padding: 4em 0 20px;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}
#mdl_new::before {
    background: linear-gradient(0deg, var(--tird_clr), #fff);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.6;
}

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

#modelos_ {
    background-image: url(../img/bg_modelos.webp);
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 5em 0 1em;
    z-index: 1;
}
#modelos_::before {
    background: linear-gradient(0deg, var(--tird_clr), #fff);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.6;
}

.mdl_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 1rem 0 0;
}
.mdl_cont .cont_info {padding: 1rem;position: relative;}
.mdl_cont .cont_info:first-child {width: 65%;}
.mdl_cont .cont_info:last-child {width: 35%;}/*display: flex;*/

#prods_ {
    background-image: url(../img/bg_modelos.webp);
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 1em 0;
    z-index: 1;
}
#prods_::before {
    background: linear-gradient(0deg, var(--tird_clr), #fff);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.6;
}
.prod_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 1rem 0 0;
}
.prod_cont .cont_info {padding: 1rem;position: relative;}
.prod_cont .cont_info:first-child {width: 25%;}
.prod_cont .cont_info:last-child {width: 75%;}/*display: flex;*/

.btns_prod {
    padding: 0;
    list-style: none;
}
#prod_pills .nav {
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0rem 0 0;
}
#prod_pills .nav-pills .nav-link {
    color: #fff;
    background-color: #555;
    border: 2px solid transparent;
    width: 100%;
    margin: 3px;
    padding: 5px;
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#prod_pills .nav-pills .nav-link img {
    width: 1.5rem;
    margin: 0 5px 0 0;
    filter: var(--filter_w);
}
#prod_pills .nav-pills .nav-link.active img {
    filter: var(--filter_m);
}
#prod_pills .nav-pills .nav-link.active,#mdl_pills .nav-pills .show>.nav-link {
    color: var(--main_clr);
    background-color: transparent;
    border: 2px solid var(--main_clr);
}
#prod_pills .tab-content {
    min-height: 25rem;
    height: 28.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    padding-right: 1rem;
}
#prod_pills .lb_ {
    background: transparent;
    position: relative;
    margin: 0 auto;
    border-radius: 1rem;
}
#prod_pills .lb_:hover {background: #fff;}
#prod_pills .table_mdls tr td:first-child {width: 200px;white-space: nowrap;}
#prod_pills table {font-size: 90%;margin: 0;}


#mdl_pills {
    margin: 0rem 0 0;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}
#mdl_pills .nav {
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 33%;
    margin: 0rem 0 0;
}
#mdl_pills .nav-pills .nav-link {
    color: #fff;
    background-color: #555;
    border: 2px solid transparent;
    width: 100%;
    margin: 3px;
    padding: 5px;
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#mdl_pills .nav-pills .nav-link img {
    width: 1.5rem;
    margin: 0 5px 0 0;
    filter: var(--filter_w);
}
#mdl_pills .nav-pills .nav-link.active img {
    filter: var(--filter_m);
}
#mdl_pills .nav-pills .nav-link.active,#mdl_pills .nav-pills .show>.nav-link {
    color: var(--main_clr);
    background-color: transparent;
    border: 2px solid var(--main_clr);
}
#mdl_pills .tab-content {
    min-height: 30rem;
    height: 30rem;
    overflow-y: auto;
    overflow-x: hidden;
    width: 95%;
}

#mdl_pills .lb_ {
    background: transparent;
    position: relative;
    width: 27rem;
    margin: 0 auto;
    border-radius: 1rem;
}
#mdl_pills .lb_promo {
    background: #fff;
    position: relative;
    width: 15rem;
    margin: 0 auto;
    border-radius: 1rem;
}
#mdl_pills .lb_promo__ {
    background: #fff;
    position: relative;
    width: 12rem;
    margin: 0 auto;
    border-radius: 1rem;
}
#mdl_pills .lb_:hover {
    background: #fff;
}
#mdl_pills .ratio {
    width: 85%;
    margin: 0 auto;
}

.btn_mdl {
    color: #fff;
    background-color: #555;
    border: 2px solid transparent;
    width: 98%;
    margin: 3px;
    padding: 5px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
    text-align: left;
    font-size: 1.2rem;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.btn_mdl:hover {
    color: #fff;
    background-color: var(--main_clr);
    border: 2px solid var(--main_clr);
}
.btn_mdl img {
    width: 1.5rem;
    margin: 0 5px 0 0;
    filter: var(--filter_w);
}
.btn_mdl:hover img {
    filter: var(--filter_w);
}
.video_gall {
    width: 10em;
    display: block;
    padding: 0;
    margin: 5px auto;
    position: relative;
}
.video_gall video {width: 100%;height:  auto;background: linear-gradient(45deg, black, #363636);border-radius: 1em;}

#modelos_ table {
    font-size: 80%;
    vertical-align: middle !important;
    border-radius: 1rem;
    overflow: hidden;
    text-transform: uppercase;
}
#modelos_ .table>thead {
    vertical-align: middle !important;
}

#mmodelo_ {
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1031;
    backdrop-filter: blur(3px);
}
#mmodelo_ .btn_modelo_close {
    border-radius: 3em;
    top: 1%;
    left: 50%;
    width: 50px;
    transform: translate(-50%, 0);
    background: #232323;
}
#cont_gi, #cont_ft {
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1031;
    backdrop-filter: blur(3px);
}
#mmodelo_ .modal-content {
    width: 95vw;
}
#mdl_pills .lb_ a img {
    border-radius: 1rem !important;
}

.btn_modelo_close {
    background: var(--main_clr);
    color: #fff;
    border-radius: 2em 10px 0 2em;
    border: none;
    position: absolute;
    top: 0;
    right: 0em;
    width: 60px;
    height: 50px;
    margin: 0;
    font-size: 30px;
    line-height: 0.1;
    z-index: 10;
}
.btn_modelo_close:hover,
.btn_modelo_close:focus {
	background: #232323;
	color: #fff;
}
.dispo_cp {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: #fff;
    width: fit-content;
    height: auto;
    padding: 1rem;
    border-radius: 1rem;
    transform: translate(0, -50%);
}
.dispo_form {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: #fff;
    width: 50%;
    height: auto;
    padding: 1rem;
    border-radius: 1rem;
    transform: translate(0, -50%);
}
.dispo_form .form-control {margin: 0 0 1rem;}
.ttl_model_ {
    font-size: 45px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
    color: var(--main_clr);
    line-height: 0.7;
    position: relative;
}
.ttl_model_ span {
    display: block;
    font-size: 80%;
    margin: 10px 0 0;
    color: var(--tird_clr);
}
.ttl_model {
    font-size: 45px;
    text-transform: uppercase;
    margin: 0 0 1em;
    font-weight: 700;
    color: var(--main_clr);
    line-height: 0.7;
    position: relative;
}

.ttl_02 {
    font-size: 40px;
    text-transform: uppercase;
    margin: 0 0 15px;
    font-weight: 400;
    color: var(--main_clr);
}

#table_lb .lightbox:after {
    position: relative;
}
#table_lb .lightbox:before {
    position: relative;
    color: transparent;
    font-size: 0px;
}
#table_lb table i {
    float: inline-end;
}

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

.iframe_doc {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 1rem;
    transform: translate(-50%, -50%);
    height: 25em;
}

/* FIN MODELOS */

.prod_cont_cat {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 1rem 0 0;
    align-content: center;
}
.prod_cont_cat .cont_info_cat {padding: 1rem;position: relative;}
.prod_cont_cat .cont_info_cat:first-child {width: 30%;}
.prod_cont_cat .cont_info_cat:last-child {width: 60%;}/*display: flex;*/

#iframe_flipbook_cat {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin: 0 auto 1rem;
    border-radius: 1rem;
    min-width: 90%;
    display: block;
}
.video_yt_9x16 {
    aspect-ratio: 9 / 16;
    border-radius: 0.4rem;
    overflow: hidden;
}

.fila_img {
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 0 2rem;
}
.col_img {
    width: 45%;
    max-width: 12vw;
}
.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;
}



#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);
    font-size: 80%;
}
#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;
}

.card_motor {
    position: relative;
    width: 310px;
    margin: 5px;
    display: inline-block;
    padding: 1rem;
    z-index: 5;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 10%), 0 0 10px rgb(0 0 0 / 10%);
    transition: box-shadow 900ms ease;
}
.card_motor a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.card_motor::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, transparent, var(--main_clr));
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}
.card_motor:hover {box-shadow: inset 0 0 1em rgb(0 0 0 / 30%), 0 0 10px rgb(0 0 0 / 10%);}
.card_motor:hover::before {opacity: 0.5;}
.card_motor img {
    transform: scale(1) rotate(0deg);
    transform-origin: center center;
    transition: bottom 500ms ease transform 1200ms ease;
    position: relative;
    bottom: 0;
}
.card_motor:hover img {
    transform: scale(1.3) rotate(-110deg);
    bottom: -3em;
}
.card_motor h4 {
    font-size: 1.25rem;
    font-weight: 900;
}

#motor_sec #table_scrolls thead {
    text-align: center;
}
#motor_sec .maxh_table_scrolls {
    max-height: 315px;
}
#motor_sec .table_mdls tr td:first-child {
    min-width: 205px;
    width: unset;
}

.fs_01 {font-size: 80%;}

#am_motors #prod_pills table {
    font-size: 90%;
    margin: 0 0 1rem;
}

#am_motors hr {
    margin: 1rem auto 2rem;
    border-top: 2px solid #efefef;
    width: 90%;
    opacity: 1;
}


#mdl_pills .nav-pills .collapse .nav-link {
    color: #fff;
    background-color: #555;
    border: 2px solid transparent;
    width: 98%;
    margin: 3px;
    padding: 5px;
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#mdl_pills .nav-pills .collapse .nav-link img {
    width: 1.5rem;
    margin: 0 5px 0 0;
    filter: var(--filter_w);
}
#mdl_pills .nav-pills .collapse .nav-link.active img {
    filter: var(--filter_m);
}
#mdl_pills .nav-pills .collapse .nav-link.active,#mdl_pills .nav-pills .collapse .show>.nav-link {
    color: var(--main_clr);
    background-color: transparent;
    border: 2px solid var(--main_clr);
}


#mdl_pills .nav-pills .btn_details {
    color: #fff;
    background-color: #555;
    border: 2px solid transparent;
    width: 100%;
    margin: 3px;
    padding: 5px;
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-radius: 5px;
    position: relative;
}
#mdl_pills .nav-pills .btn_details img {
    width: 1.5rem;
    margin: 0 5px 0 0;
    filter: var(--filter_w);
}

.btn_details_x {
    position: relative;
    background-color: var(--main_clr);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 2;
    width: 2rem;
    height: 2rem;
}
.btn_details_x:hover {
    background-color: #232323;
}
.btn_details_x:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 0;
  left: 2.2rem;
  background: var(--main_clr);
  color: white;
  padding: 0.5rem;
  border-radius: 3px;
  font-size: 60%;
  white-space: nowrap;
  z-index: 10;
  text-transform: uppercase;
}
.icon_detail {
    position: absolute;
    right: 8px;
}


.ficha_mdls {
    display: inline-flex;
    background: #72b0ba;
    color: #fff;
    padding: 0;
    align-items: flex-start;
    float: right;
    border-radius: 15px 15px 0 0;
}
.ficha_mdls div {padding: 5px 15px;}
.ficha_mdls_r {
    background: #478f9b;
    border-radius: 15px 15px 0 0;
}

.table_mdls td a {left: -30px;position: relative;}
.table_mdls td:hover a {left: 0;}
.table_mdls td .fa-up-right-from-square {
    opacity: 0;
    position: relative;
    left: 0px;
}
.table_mdls td:hover .fa-up-right-from-square {opacity: 1; left: 0;}

.data_cdds {
    width: 180px;
    position: relative;
    display: inline-block;
}
.data_cdds img {padding: 20px 20px 0; border-radius: 30px 30px 0 0;}
.data_cdds p {background: #555;color: #fff;padding: 10px;width: 100%;font-size: 11px;border-radius: 10px;}

#modelos_ #iframe_flipbook_cat {
    width: 90%;
}
.mdl_cont .cont_info:last-child{
    max-height: 23em;
    overflow-y: auto;
}

/*PANTALLA DISPONIBILIDAD*/

.card_dispo {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0 auto;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    background: #fff;
}
.cont_data_dispo {
    width: 75%;
    height: 100%;
    overflow-y: auto;
}

.card_dispo_head {
    display: flex;
    background: #333;
    color: #fff;
    padding: 0.5rem;
    gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
}
.card_dispo_head h2 {
    -webkit-text-stroke: 2px;
    font-size: 4vw;
    letter-spacing: 2px;
}
.card_dispo_head ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.card_dispo_head ul li {
    display: inline-block;
}
.card_dispo_head ul li:not(:last-child)::after {content: " - ";}
.card_dispo_body {
    background: #fff;
}
.cont_btns_dispo {display: flex;flex-direction: column;gap: 0.5rem;align-items: flex-end;}
.btn_dispo {
    border: 2px solid;
    color: #fff;
    min-width: 250px;
    background: rgb(0 0 0 / 0%);
    padding: 0.5rem;
    font-size: 90%;
    display: flex;
    justify-content: space-between;
    border-radius: 0.4rem;
}
.btn_dispo:hover {
    background: rgb(0 0 0 / 30%);
}
.cont_entrega {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0 0.5rem 0.5rem;
    font-size: 75%;
    border: 0.5px solid #efefef;
}
.cont_precios {
    padding: 0.5rem;
    margin: 0;
    text-align: center;
    background: #f2f3f5;
    font-size: 1.2vw;
}
.data_highlight {
    background: var(--main_clr);
    color: #fff;
    padding: 0.5rem;
}

#dispo_pills .center_y_flex {
    background: #8d8ea3;
    padding: 0.5rem;
    margin: 0!important;
}
#dispo_pills .nav-pills .nav-link {
    color: #fff;
    background-color: rgb(0 0 0 / 15%);
    border: 4px solid transparent;
    margin: 5px;
    font-weight: 500;
    text-transform: uppercase;
}
#dispo_pills .nav-pills .nav-link.active {
    color: #fff;
    background-color: var(--main_clr);
    border: 4px solid var(--main_clr);
}
.btn_compra_dispo {
    background: #5bc1d0;
    color: #fff;
    padding: 0.8rem 1.5rem;
    margin: 5px 0 0;
    border-radius: 5px;
    border: none;
    font-weight: 500;
    text-transform: uppercase;
}
.btn_compra_dispo:hover {
    background: #1892a4;
}
#dispo_pills form {padding: 1rem;}
#dispo_pills .row_inputs .ipt {
    width: 50%;
    padding: 10px;
}
.cont_card_sales_dispo {padding: 1rem;}
.cont_card_sales_dispo a {color: #232323;}
.cont_card_sales_dispo a:hover {color: var(--main_clr);}
.card_sales_dispo {
    border: 1px solid #ddd;
    border-radius: 1rem;
    font-weight: 400;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-direction: row;
}
.card_sales_dispo img {width: 25%;}
.card_sales_dispo .cont_data_sales {padding: 1rem;}
.card_sales_dispo .cont_data_sales h4 {font-size: 2rem;}
.cont_card_sales_dispo ul {
  list-style: none; /* quita los bullets */
  padding: 0;
  margin: 0;
}
.cont_card_sales_dispo ul li {
  position: relative;
  padding-left: 28px; /* espacio para el ícono */
  margin-bottom: 0.5rem;
}
.cont_card_sales_dispo ul li:last-child {
  margin-bottom: 0;
}
.cont_card_sales_dispo ul li::before {
    font-family: "bootstrap-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    margin: 1px 0 0;
}
.cont_card_sales_dispo ul li.whatsapp::before {
  content: "\F618"; /* ícono WhatsApp */
  color: #25D366;
}
.cont_card_sales_dispo ul li.email::before {
  content: "\F32F"; /* ícono sobre (email) */
  color: #555;
}
.cont_precio_promo {
    background: #5bc1d0;
    margin: -0.5rem 0;
    padding: 0.5rem 1rem;
    color: #fff;
}
.cont_tabla_modelos {padding: 1rem}
#dispo_pills .table-responsive { max-height: 500px; overflow-y: auto; font-size: 90%;}
#dispo_pills thead th { position: sticky; top: 0; background: #151515; color: #fff; z-index: 1; }
.model-link { cursor: pointer; color: #232323; text-decoration: underline; }
.model-link:hover { color: var(--main_clr); }

#dispo_pills .form-range {
    width: 100%;
    accent-color: var(--main_clr);
}
#dispo_pills .form-range::-webkit-slider-thumb {
    background: var(--main_clr);
    border: 10px solid var(--main_clr);
    cursor: pointer;
}
#dispo_pills .form-range::-moz-range-thumb {
    background: var(--main_clr);
    border: 10px solid var(--main_clr);
    cursor: pointer;
}
#dispo_pills .form-range:focus::-webkit-slider-thumb {
  background-color: var(--main_clr);
  box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 10%);
}
#dispo_pills .form-range:focus::-moz-range-thumb {
  background-color: var(--main_clr);
  box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 10%);
}
#dispo_pills .form-label {
    font-size: 85%;
}
#dispo_pills small {
    font-size: 65%;
    background: #232323;
    padding: 0.3rem 0.5rem;
    border-radius: 0.2rem;
    color: #fff;
}
#dispo_pills .form-check-input {
    margin: 0;
    border: 1px solid #555;
}
#dispo_pills .form-check-input:focus {
    border-color: var(--main_clr);
    border: 1px solid var(--main_clr);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 10%);
}
#dispo_pills .form-check-input:checked {
    background-color: var(--main_clr);
    border-color: var(--main_clr);
}
.check_inventory {
    display: flex;
    gap: 0.5rem;
    font-size: 85%;
    align-items: center;
}
#dispo_pills .table td,
#dispo_pills .table th {
  white-space: normal !important; /* permite saltos de línea */
  word-wrap: break-word;          /* rompe palabras largas si es necesario */
}
#dispo_pills .table td:first-child,
#dispo_pills .table th:first-child {
  min-width: 215px;
  white-space: nowrap; /* evita que se rompa el texto */
}
#dispo_pills .table td:nth-child(2),
#dispo_pills .table th:nth-child(2) {
  min-width: 100px;
  white-space: nowrap; /* evita que se rompa el texto */
}
#dispo_pills .table td:nth-child(3),
#dispo_pills .table th:nth-child(3) {
    max-width: 140px;
    white-space: break-spaces!important;
}

.cont_data_dispo {
    width: 75%;
    height: 100%;
    overflow-y: auto;
}
.card_dispo_head {
    transition: opacity 0.3s ease;
}

.cont_promo_dispo {position: relative;width: 25%;aspect-ratio: 1/2.2;overflow: hidden;background: black;}
.cont_promo_dispo::before {
  background: url("../img/Invokool_GIF.gif") center/cover no-repeat;
  content: "";position: absolute;inset: 0;filter: blur(12px);transform: scale(1.1);z-index: 0;opacity: 0.9;
}
.cont_promo_dispo::after {
  background: url("../img/Invokool_GIF.gif") center/contain no-repeat;
  content: "";position: relative;display: block;width: 100%;height: 100%;z-index: 1;
}
.cont_mmodel {padding: 2em;}

/* Estilos para el contenedor de disponibilidad especial */
.special-availability-container {
    text-align: center;
    padding: 2rem 0 0;
    background: transparent;
    margin: 0;
    max-width: 100%;
}

.special-model-title {
    color: #dc3545;
    margin-bottom: 20px;
    font-size: 2.2rem;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.special-model-title i {
    margin-right: 10px;
}

.special-model-description {
    font-size: 1.2rem;
    margin-bottom: 30px;
    color: #6c757d;
    line-height: 1.6;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.special-buttons-wrapper {
    margin-bottom: 25px;
}

.special-btn {
    border-radius: 25px;
    padding: 15px 35px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin: 5px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.special-btn i {
    margin-right: 8px;
}

.cotizar-btn {
    background: linear-gradient(45deg, #28a745, #20c997);
    border: none;
    color: white;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
}

.cotizar-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4);
    color: white;
}

.contactar-btn {
    color: #007bff;
    border: 2px solid #007bff;
}

.contactar-btn:hover {
    background: #007bff;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
}

.special-note {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    padding: 15px;
    margin-top: 20px;
}

.special-note small {
    color: #856404;
}

.special-note i {
    margin-right: 5px;
}

/* Responsive para móviles */
@media (max-width: 768px) {
    .special-availability-container {
        padding: 30px 15px;
    }
    
    .special-model-title {
        font-size: 1.8rem;
    }
    
    .special-model-description {
        font-size: 1rem;
    }
    
    .special-btn {
        padding: 12px 25px;
        font-size: 1rem;
        display: block;
        margin: 10px auto;
        width: 100%;
        max-width: 250px;
    }
    
    .special-buttons-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* Estilos para el contenedor no_dispo_ */
.no_dispo_ {
    text-align: justify;
    padding: 0.5rem 20px;
    background: linear-gradient(270deg, #999, transparent);
    position: relative;
    display: block;
    visibility: visible;
}

/* Estilos para el título dentro de no_dispo_ */
.no_dispo_ h2 {
    color: var(--tird_clr);
    margin-bottom: 1rem;
    font-size: 3.5vw;
    font-weight: 800;
}
.no_dispo_ h2 span {
    display: block;
    font-size: 45%;
    text-transform: capitalize;
    color: #888;
    font-weight: 600;
}

/* Estilos para el párrafo de descripción */
.no_dispo_ p.description {
    margin-bottom: 20px;
    color: #6c757d;
}

/* Estilos para el párrafo de acción */
.no_dispo_ p.action {
    font-size: 1.2rem;
    font-weight: bold;
    color: #343a40;
    margin-bottom: 1rem;
}