/* Fonts */
@font-face {
  font-family: 'Hisense Sans Alfabet Light';
  src: url('../font/HisenseSansAlfabet-Light.woff2') format('woff2'),
      url('../font/HisenseSansAlfabet-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hisense Sans Alfabet medium';
  src: url('../font/HisenseSansAlfabet-Medium.woff2') format('woff2'),
      url('../font/HisenseSansAlfabet-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hisense Sans Alfabet bold';
  src: url('../font/HisenseSansAlfabet-Bold.woff2') format('woff2'),
      url('../font/HisenseSansAlfabet-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hisense Sans Alfabet';
  src: url('../font/HisenseSansAlfabet.woff2') format('woff2'),
      url('../font/HisenseSansAlfabet.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
* Base structure
*/

body {
background-color: #000000;
font-family: 'Hisense Sans Alfabet';
}

/* Smooth scroll */
:root {
scroll-behavior: smooth;
}

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
.container-fluid {padding-right: 6%;padding-left: 6%}
.header .container-fluid {padding-right: 4%;padding-left: 4%}

a {
color: #000000;
text-decoration: underline;
transition: 0.3s;
}

a:hover {
color: #aaaaaa;
}

strong {
font-family: 'Hisense Sans Alfabet bold';
font-weight: bold;
}

small {font-size: 12px !important}

.color-accent {color: #00AAA6 !important;}

.logoheader {width: 135px;}

.navmenu {
padding-right: calc(var(--bs-gutter-x) * .5)
}

.navmenu .link-light {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 16px;
background-color: #00AAA6;
color: #ffffff;
border-radius: 4px;
text-align: center;
padding: 11px 24px;
width: max-content;
height: max-content;
border: 1px solid #00AAA6;
}

.navmenu .link-light.active,
.navmenu .link-light:active,
.navmenu .link-light:focus,
.navmenu .link-light:hover {
background-color: #009995;
color: #ffffff;
border: 1px solid #009995;
}

.navmenu ul {
top: 10px !important;
display: none;
list-style: none;
position: absolute;
inset: 60px 20px 20px 20px;
padding: 10px 0;
margin: 0;
border-radius: 6px;
background-color: transparent;
overflow-y: auto;
transition: 0.3s;
z-index: 9998;
}

.custom-video {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
}

.video-wrap {
z-index: -100;
}

.hero-section {
position: relative;
overflow: hidden;
padding-top: 100px;
height: 100vh;
}

.hero-section .container-fluid {
position: relative;
z-index: 2;
height: 100%;
padding-bottom: 50px;
}

.hero-section .container-fluid .row {
height: 100%;
}

.hero-title {
font-size: 42px;
line-height: 59px;
font-family: "Hisense Sans Alfabet";
font-weight: 400;
color: #ffffff;
}

.text-title {
font-size: 22px;
line-height: 31px;
font-family: "Hisense Sans Alfabet";
font-weight: 400;
color: #ffffff;
width: 60%;
}

.main-register {
margin-top: 22px;
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 16px;
background-color: transparent;
color: #ffffff !important;
border-radius: 4px;
text-align: center;
padding: 11px 24px;
width: max-content;
height: max-content;
border: 1px solid #ffffff !important;
text-decoration: none;
display: block;
width: max-content;
}

.main-register.active,
.main-register:active,
.main-register:focus,
.main-register:hover {
background-color: #000000;
text-decoration: none;
border: 1px solid #000000 !important;
}

/* PHP Email Form Messages
------------------------------*/
.php-email-form .error-message {
display: none;
background: #df1529;
color: #ffffff;
text-align: left;
padding: 15px;
margin-bottom: 24px;
font-weight: 600;
}

.php-email-form .sent-message {
display: none;
color: #ffffff;
background: #059652;
text-align: center;
padding: 15px;
margin-bottom: 24px;
font-weight: 600;
}

.php-email-form .loading {
display: none;
text-align: center;
padding: 15px;
margin-bottom: 24px;
}

.php-email-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid #00AAA6;
animation: php-email-form-loading 1s linear infinite;
}

@keyframes php-email-form-loading {
0% {
  transform: rotate(0deg);
}

100% {
  transform: rotate(360deg);
}
}

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
padding: 0;
transition: all 0.5s;
z-index: 997;
}

.header-home {
padding: 36px 0 20px;
}

.header .logo {
line-height: 1.2;
}

.header .logo img {
max-height: 32px;
margin-right: 8px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Navmenu - Desktop */
@media (min-width: 1200px) {
.navmenu {
  padding: 0;
  display: flex;
}

.navmenu li {
  position: relative;
  margin-left: 5px;
}

.navmenu a,
.navmenu a:focus {
  padding: 0 32px;
  font-size: 16px;
  font-family: 'Hisense Sans Alfabet';
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}

.navmenu a:hover,
.navmenu a.active:hover {color: #818181 !important}

.dropdown > a,
.dropdown > a:focus,
.dropdown > a:active {
  margin: 0;
  padding: 0 16px;
  background-color: rgba(255, 255, 255, .72);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  align-items: center;
  filter: blur(.16px);
  width: 104px;
  margin-left: 30px;
  backdrop-filter: blur(76px)
}

.dropdown-toggle::after {margin-left: 16px}

.dropdown-menu.show  {transform: none !important;inset: 70px auto auto -26px !important}

.navmenu .dropdown ul {
  margin: 0;
  padding: 16px 8px 0 11px;
  display: block;
  position: absolute;
  visibility: hidden;
  left: auto;
  right: 0;
  top: 70px;
  opacity: 0;
  transition: 0.3s;
  border-radius: 8px;
  z-index: 99;
  background-color: rgba(255, 255, 255, .72);
  backdrop-filter: blur(76px);
  width: 141px;
}

.navmenu .dropdown ul a {
  padding: 0 0 20px 0;
  font-size: 16px;
  font-family: 'Hisense Sans Alfabet';
  font-weight: 400;
  text-transform: none;
  height: auto;
}

.navmenu .dropdown ul a:hover,
.navmenu .dropdown ul .active:hover,
.navmenu .dropdown ul li:hover>a {
  background-color: transparent;
}

.navmenu .dropdown:hover>ul {
  opacity: 1;
  top: 70px;
  visibility: visible;
}

.navmenu .dropdown .dropdown ul {
  top: 0;
  left: -90%;
  visibility: hidden;
}

.navmenu .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: -100%;
  visibility: visible;
}
}

.dropdown-item.active,
.dropdown-item:active {
background-color: transparent;
color: #00AAA6 !important;
pointer-events: none;
}

.dropdown-item-mobile.active,
.dropdown-item-mobile:active {
color: #00AAA6 !important;
pointer-events: none;
}

.navmenu .row > .col-4 {
padding-left: 4px;
padding-right: 4px;
}

.navmenu .row > .col-4:first-child {
padding-left: calc(var(--bs-gutter-x) * .5);
}

.navmenu .row > .col-4:last-child {
padding-right: calc(var(--bs-gutter-x) * .5);
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
position: fixed;
background-color: #ffffff;
inset: 0;
z-index: 9999;
overflow: hidden;
transition: all 0.6s ease-out;
width: 100%;
height: 100vh;
}

#preloader:before,
#preloader:after {
content: "";
position: absolute;
border: 4px solid #00AAA6;
border-radius: 50%;
animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
animation-delay: -0.5s;
}

@keyframes animate-preloader {
0% {
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  opacity: 1;
}

100% {
  width: 72px;
  height: 72px;
  top: calc(50% - 36px);
  left: calc(50% - 36px);
  opacity: 0;
}
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: -15px;
z-index: 99999;
background-color: #00AAA6;
width: 44px;
height: 44px;
border-radius: 50px;
transition: all 0.4s;
}

.scroll-top i {
font-size: 24px;
line-height: 0;
}

.scroll-top:hover {
background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.scroll-top.active {
visibility: visible;
opacity: 1;
bottom: 15px;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
[data-aos-delay] {
  transition-delay: 0 !important;
}
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section, .section {
padding: 0;
}

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.accordion-box {width: 60%}
.accordion-item {
border: none;
margin-bottom: 16px;
border-radius: 12px;
overflow: hidden;
transition: all 0.3s ease;
}
.accordion-button,
.accordion-button:not(.collapsed) {
color: #000;
background-color: #fff;
font-size: 16px;
font-family: 'Hisense Sans Alfabet Bold';
font-weight: 600;
box-shadow: none;
}
.accordion-button {
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:focus {
box-shadow: none
}

.accordion-button::after {
  background-size: 20px;
  transition: all 0.3s ease;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../img/x.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 14px 14px;
  width: 14px;
}

.accordion-button.collapsed::after {
  background-image: url("../img/plus.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 14px 14px;
}

.accordion-body {
  padding: 10px 25px;
  color: #000;
  background-color: #fff;
  font-size: 16px;
  font-family: 'Hisense Sans Alfabet';
  font-weight: 400;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
background-color: #000000;
padding: 40px 0;
position: relative;
color: #ffffff;
}

.footer img {
margin-top: 12px;
}

.footer a,
.footer span {
font-size: 16px;
color: #999999;
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
display: inline-block;
margin-left: 12px;
text-decoration: none;
}

.footer a:hover,
.footer a:focus {text-decoration: underline;}

.footer .comment-footer {color: #999999; padding-top: 10px;font-size: 10px;text-align: right;margin-bottom: 0 !important;line-height: 1.4}

.footer .comment-footer a {font-size: 10px;margin-left: 2px;}

.footer-contact {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 16px !important;
background-color: #00AAA6;
color: #ffffff !important;
border-radius: 4px;
text-align: center;
padding: 6px 22px;
width: max-content;
height: max-content;
border: 1px solid #00AAA6;
margin-bottom: 22px;
text-decoration: none;
}

.footer-contact.active,
.footer-contact:active,
.footer-contact:focus,
.footer-contact:hover {
background-color: #009995;
color: #ffffff;
text-decoration: none !important;
border: 1px solid #009995;
}


/*  FORM */
/* Estilos para el campo de carga de archivos y su etiqueta */
.inputfile + label, .inputfile_autorization + label {
  font-size: 16px;
  font-weight: 400;
  color: #000000 !important;
  background-color: #ffffff;
  display: block;
  padding: 10px 22px;
  border-radius: 4px;
  border: 1px solid #000000;
  cursor: pointer;
  width: max-content;
  text-transform: uppercase;
  margin: 0 0 20px
}

/* Estilos adicionales al interactuar con el campo */
.inputfile:focus + label,
.inputfile + label:hover,
.inputfile_autorization:focus + label,
.inputfile_autorization + label:hover {
  background-color: #f2f2f2; /* Cambio de color al pasar el mouse o enfocar el campo */
}

/* Estilos específicos para el campo de carga de archivos */
.inputfile + label {
  cursor: pointer; /* Cursor de tipo "mano" para indicar que es interactivo */
}

/* Estilos cuando el campo de carga de archivos está enfocado */
.inputfile:focus + label {
  outline: 1px dotted #000; /* Esquema de puntos para indicar que está enfocado */
  outline: -webkit-focus-ring-color auto 5px; /* Esquema de puntos para navegadores WebKit */
}

/* Estilos para los elementos internos del label */
.inputfile + label * {
  pointer-events: none; /* Evitar que los elementos internos interfieran con la interacción */
}

/* Ocultar el campo de carga de archivos */
.inputfile {
  display: none; /* Hacer invisible el campo de carga de archivos */
}

.btn-form {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 16px;
background-color: #00AAA6;
color: #ffffff;
border-radius: 4px;
text-align: center;
padding: 16px 24px;
}

.btn-form.active,
.btn-form:active,
.btn-form:focus,
.btn-form:hover {
background-color: #009995;
color: #ffffff;
}

.btn-green {
background-color: #00AAA6;
border-radius: 4px;
padding: 12px;
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 16px;
color: #ffffff;
text-decoration: none;
display: block;
width: max-content;
}

.modal-title {
font-family: 'Hisense Sans Alfabet bold';
font-weight: 700;
font-size: 36px !important;
line-height: 1.2;
}

.modal-header {border: none;align-items: flex-start;}
.modal-body h4,
.font-18 {
font-family: 'Hisense Sans Alfabet bold';
font-weight: 700;
font-size: 18px;
}
.m-modal-content {
border-radius: 0;
border: 0;
padding: 2.25rem 3rem 4rem 3rem;
}

.s-modal-content {
border-radius: 0;
border: 0;
padding: 2.8rem 3rem 1.5rem 3rem;
}

.m-modal-content p,
.s-modal-content p {
color: #000000;
}

.modal-header .btn-close {
opacity: 1;
width: 10px;
height: 10px;
padding: 1px;
}

.form-control, .form-select {
border-radius: 0;
height: 57px;
color: #000000;
}

textarea.form-control {
height: 150px;
color: #000000;
}

input.form-control::placeholder,
textarea.form-control::placeholder {color: #666666;}

.textarea_div {margin-top: 40px;margin-bottom: 100px}

.form-check-input {
  width: 1rem;
  height: 1rem;
}

.form-check-input[type=checkbox] {border-radius: 2px;border-color: #000000; vertical-align: middle;}
.form-check-label {line-height: 1.8}

.table-politica td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
letter-spacing: 0;
}

.table-responsive {padding: 20px 0;margin-bottom: 30px;}
.table-responsive table {
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.table>thead {
    vertical-align: middle;
}
.terminos-content--content h2 {
font-size: 22px;
line-height: 1.2;
font-weight: 700;
margin-top: 30px;
}

.ventas {
background-color: #ffffff;
padding: 110px 0 55px;
}

.ventas .parrafo-20 {
padding-bottom: 72px;
}

.ventas h2,
.promociones h2 {
font-family: 'Hisense Sans Alfabet bold';
font-weight: 700;
font-size: 40px;
line-height: 1.2;
text-align: center;
color: #000000;
}

.parrafo-20 {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 20px;
line-height: 1.2;
text-align: center;
color: #666666;
}

.box-ventas {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

.text-body {
font-family: 'Hisense Sans Alfabet medium';
font-weight: 500;
font-size: 18px;
line-height: 1.2;
text-align: center;
color: #000000;
}

.text-ventas {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 18px;
line-height: 1.4;
padding: 0 10%;
text-align: center;
color: #000000;
}

.ventas-item img {
height: 100px;
width: auto;
margin: 0 auto 24px;
}

.promociones {
background-color: #ffffff;
padding: 55px 0 100px;
}

.promociones .container-fluid {padding-top: 38px}

.comment {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 12px;
color: #000000;
}

.promociones-item img {width: 100%}
.modal-content-form {display: flex;}
.modal-content-thank {display: none;}
.text-thank {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 18px;
color: #000000;
text-align: center;
}
.text-comment {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 14px;
color: #666666 !important;
width: max-content;
margin: 0 auto;
}
.btn-aceptar,
.submit-private.btn-aceptar {
margin: 0 auto;
padding: 10px 20px;
}
.forgotten_pass {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 16px;
color: #000000 !important;
text-align: center;
text-decoration: underline;
}
.btn-short {padding: 10px 20px;}
.modal-dialog-inicisesion .modal-content {padding: 2.25rem 2rem 1rem 2rem}

/*PRIVADO*/
.header-private {
background-color: #00AAA6;
height: 46px;
}
.submenu-private {
padding: 25px 0 0;
border-bottom: 1px solid #E9E9E9;
background-color: #ffffff;
}
.submenu-private .nav-tabs {
border-bottom: none;
}
.submenu-private .nav-tabs a {
padding-bottom: 2px;
text-decoration: none;
display: block;
width: max-content;
text-align: center;
}
.submenu-private .nav-tabs a.active,
.submenu-private .nav-tabs a:hover,
.submenu-private .nav-tabs a:focus,
.submenu-private .nav-tabs a:active {
border-bottom: 2px solid #000000;
color: #000000;
}
.btn-private {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 14px;
color: #ffffff !important;
text-align: center;
text-decoration: none;
border: none;
background-color: transparent;
}
.my-account {
background-image: url("../img/person.svg");
background-repeat: no-repeat;
background-position: left center;
padding-left: 22px;
}
.promociones_privada {padding-top: 6rem;padding-bottom: 20px;}
.title_private {
line-height: 1.2;
font-family: "Hisense Sans Alfabet bold";
font-weight: 600;
color: #000000;
margin-bottom: 24px;
margin-top: 48px
}
h2.title_private {
font-size: 24px;
margin-bottom: 60px;
}
h2.title_private_contact {
font-size: 24px;
margin-bottom: 30px;
}
h2.title_private_short {
font-size: 24px;
margin-bottom: 20px;
}
h3.title_private {
font-size: 18px;
border-bottom: 1px solid #000000;
padding-bottom: 3px;
}
.nav-link-submenu {
font-size: 14px !important;
line-height: 1.2;
font-family: "Hisense Sans Alfabet Light";
font-weight: 300;
color: #404040;
}
.nav-link-submenu.active {
color: #404040;
font-family: "Hisense Sans Alfabet";
font-weight: 400;
}
.subida_tab {padding: 0 0 160px 0}

.productos-browser {
display: flex;
justify-content: center;
flex-direction: column;
}

.productos-browser-right {padding: 6px 0 0 33px;}

.productos-browser p {
font-size: 16px;
color: #000000;
font-family: "Hisense Sans Alfabet";
font-weight: 400;
}

.productos-browser__box {
background: #ededed;
border: 0.125rem dotted #000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
cursor: pointer;
height: 135px;
width: 235px;
}
.productos-browser__box img {
  width: 64px;
}
.productos-browser__box:hover {
  background: #e5e5e5;
  cursor: pointer;
  border: 0.125rem dotted #0077C8;
}
.productos-browser__box:hover img {
    filter: none;
}

.productos-browser__text {
font-size: 12px;
color: #000000;
font-family: "Hisense Sans Alfabet";
font-weight: 400;
text-transform: uppercase;
margin-top: 10px;
}

.productos-browser__legal {
font-size: 16px;
font-family: "Hisense Sans Alfabet";
font-weight: 400;
text-align: center;
padding-top: 12px;
margin-bottom: 6px;
}

.m-custom-file {
position: absolute;
}
.custom-file-input {
top: 0;
left: 0;
height: 135px;
width: 235px;
opacity: 0;
cursor: pointer;
}
.form-short {width: 400px}
.submit-private {
margin-top: 22px;
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 16px;
background-color: #000000;
color: #ffffff !important;
border-radius: 4px;
text-align: center;
padding: 11px 24px;
width: max-content;
height: max-content;
text-decoration: none;
display: block;
text-transform: uppercase;
border: 1px solid #000000;
}
.submit-private-white {
background-color: #ffffff;
color: #000000 !important;
border: 1px solid #000000;
}

.submit-private-filter {
background-color: #ffffff;
color: #000000 !important;
border: 1px solid #000000;
height: 57px;
text-transform: uppercase;
padding: 0 .75rem
}

.categorytab {display: none !important}
.tab-pane {
display: none
}
.tab-pane.active,
.showtab {
display: flex !important;
}

.title_review {border-bottom: 2px solid #000;}

.title_review > div {
font-family: 'Hisense Sans Alfabet Bold';
font-weight: 600;
font-size: 16px;
padding: 12px 0;
}

.text_review {border-bottom: 1px solid #000;}
.text_review__desktop {border-bottom: 20px solid #cccccc;}

.text_review > div,
.text_review__desktop > div {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 16px;
padding: 24px 0;
}

.text_review__desktop > div {
border-bottom: 1px solid #000000;
padding: 12px 0;
}

.text_review > div span {
font-family: 'Hisense Sans Alfabet Bold';
font-weight: 600;
font-size: 16px;
padding: 18px 0 12px;
border-bottom: 2px solid #000000;
}

.text_review__desktop > div span {
font-family: 'Hisense Sans Alfabet Bold';
font-weight: 600;
font-size: 16px;
padding: 18px 0 12px;
border-bottom: 2px solid #000000;
display: block;
margin-bottom: 10px;
}

.text_review img,
.text_review__desktop img  {
width: 9px;
height: 15px;
margin-right: 6px;
}

.text_review > div span,
.text_review > div br {display: none}

.addfile {
background-image: url("../img/clip.svg");
background-repeat: no-repeat;
background-size: 9px 15px;
background-position: left center;
padding-left: 14px !important;
}

.nav-subidas .nav-link {
font-family: 'Hisense Sans Alfabet';
font-weight: 400;
font-size: 14px;
padding: 4px 0;
color: #000000;
}
.nav-subidas .nav-link.active {
  border: 0;
  border-bottom: 1px solid #000000;
  color: #000000;
}

.timeline-carousel__item {
display: inline-block;
width: max-content;
text-align: center;
}
.timeline-carousel__image {width: 100%}
.timeline-carousel__image img {cursor: pointer;border: 2px solid transparent;width: 94px}
.timeline-carousel__image:hover img,
.timeline-carousel__image:focus img,
.timeline-carousel__image:active img,
.timeline-carousel__image.active img,
.seleccionado img {border: 2px solid #00AAA6;}
.timeline-carousel__image:hover .name-product,
.timeline-carousel__image:focus .name-product,
.timeline-carousel__image:active .name-product,
.timeline-carousel__image.active .name-product,
.seleccionado .name-product {color: #00AAA6;}
.name-product {
color: #000000;
font-family: "Hisense Sans Alfabet";
font-weight: 400;
font-size: 12px;
text-align: center;
display: block;
padding-top: 6px;
}

.canvas-box {width: 50%;margin: 0 auto;}
.box-title {
width: 100%;
font-family: "Hisense Sans Alfabet";
font-weight: 400;
font-size: 16px;
margin-bottom: 10px;
}

/*FIN PRIVADO*/

/*MEDIA*/

@media (min-width: 576px) {
.modal-dialog-inicisesion {width: 446px;}
.col-md-20 {flex: 0 0 auto;width: 20%;}
}

/* PORTATIL*/
@media (max-width: 1500px) {
.hero-title {font-size: 36px;line-height: 50px;padding-top: 40px;}
.text-title {font-size: 16px;line-height: 22px;}
.text-ventas {padding: 0 30px}
}

/*MENÚ TOOGLE*/
@media (max-width: 1199px) {
.mobile-nav-toggle {
  font-size: 36px;
  line-height: 0;
  cursor: pointer;
  transition: color 0.3s;
  color: #ffffff;
}
.navmenu {
  padding: 0;
  z-index: 9997;
  display: flex;
}
.navmenu a {
  padding: 6px 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  transition: 0.3s;
  color: #ffffff;
  font-family: "Hisense Sans Alfabet";
  text-decoration: none;
}
.navmenu a:hover span,
.navmenu a:focus span,
.navmenu a.active:hover span {border-bottom: 2px solid #ffffff;}
.navmenu a i, .navmenu a:focus i {
  font-size: 14px;
  line-height: 0;
  margin-left: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:
  color: #ffffff;
  transition: 0.3s;
}
.navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    border: 1px solid
    color-mix(in srgb, var(--default-color), transparent 90%);
    box-shadow: none;
    transition: all 0.5s ease-in-out;
}
.navmenu .dropdown ul ul {
  background-color: rgba(33, 37, 41, 0.1);
}
.navmenu .dropdown>.dropdown-active {
  display: block;
  padding: 0;
  margin-top: 0;
}
.navmenu .dropdown>.dropdown-active a {
  padding: 6px 0;
  margin-bottom: 0;
}
.navmenu .dropdown > a.active {margin-bottom: 0}
.mobile-nav-active {
  overflow: hidden;
}
.mobile-nav-active .navmenu .link-light {top: -70px;}
.mobile-nav-active .mobile-nav-toggle {
  color: #ffffff;
  position: absolute;
  top: -40px;
  right: 22px;
  margin-right: 0;
  z-index: 9999;
}
.mobile-nav-active .navmenu {
  position: fixed;
  overflow: visible;
  inset: 0;
  margin-top: 46px;
  background-color: #00AAA6;
}
.mobile-nav-active .header {
  background-color: #000000
}
.mobile-nav-active .navmenu>ul {
  display: block;
}
.bi-chevron-down::before {
  content: "";
  background-image: url("../img/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: left center;
  width: 10px;
  height: 10px;
}
.navmenu .dropdown > a.active .bi-chevron-down::before {
  background-image: url("../img/arrow-down.svg");
}
}

/*LG*/
@media (max-width: 992px) {
section, .section {padding: 22px 0}
.hero-section{background-image: none;background-color: #0a2027;height: auto;}
.hero-section .container-fluid {padding-bottom: 0}
.video-wrap {display: none}
.cover-container {padding: 24px 22px;background-image: none;}
.logo {width: 150px;}
.hero-title {font-size: 30px;line-height: 34px;margin-left: 0;}
header img {width: 80px}
.nav-masthead span {margin: 10px 0 0 0;}
header > div {display: flex;justify-content: space-between;}
.nav-masthead span {font-size: 14px}
main img {width: 70%}
footer {display: block;font-size: 14px;line-height: 30px}
footer p {margin-bottom: 0}
.footer a, .footer span {font-size: 14px;margin-left: 10px;}
.text-title {font-size: 18px;line-height: 22px;margin-left: 0}
.m-modal-content, .s-modal-content {padding: 2.25rem 1rem 4rem 1rem}
.subida_tab {padding: 0 0 40px 0}
.title_review {display: none}
.text_review {border-bottom: 20px solid #cccccc }
.text_review > div.col-md-20,
.text_review__desktop > div.col-md-20 {width: 50%; border-bottom: 1px solid #797979; padding: 0 0 18px 0}
.text_review > div.col-md-4,
.text_review > div.col-md-2 {border-bottom: 1px solid #797979; padding: 0 0 18px 0}
.nav-tabs_double li {padding: 10px 0}
.text_review .col-md-20:last-child {width: 100%;}
.text_review > div span,
.text_review > div br {display: none}
.text_review > div span,
.text_review > div br {display: block}
.text_review > div.addfile {background-position: left bottom 24px;}
.text_review > div.addfile > span {margin-left: -14px}
}

/*MD - MOBILE*/
@media only screen and (max-width: 768px) {
.canvas-box {width: 100%}
.box-title {margin-top: 40px;}
.terminos-content--content {font-size: 12px !important}
.terminos-content--content h2 {font-size: 18px !important}
h1.modal-title {line-height: 1.2 !important}
.terminos-content--content {font-size: 12px !important}
.scrolled .header {background-color: #000000;}
.custom-video {position: relative;}
.main-register {margin: 0 auto !important;}
.main-register.active,
.main-register:active,
.main-register:focus,
.main-register:hover {border: 1px solid #ffffff !important;}
.footer {padding: 40px 0}
.footer img {margin-top: 0;width: 136px;}
.footer .comment-footer {text-align: center;}
.footer .comment-footer a {display: inline-block;}
.footer a, .footer span {display: block;text-align: center;margin-bottom: 20px;}
.footer-contact {margin: 30px 0 30px 0 !important}
.hero-title {font-size: 24px; line-height: 30px;padding-top: 10px}
.text-title {font-size: 16px; line-height: 24px}
.text-title, .hero-title {width: 100%;text-align: center;}
.container {padding-left: 26px;padding-right: 26px}
.hero-section {height: auto;padding: 100px 0 0 0}
.footer .social-links {justify-content: center;padding-top: 20px;}
.footer .copyright {align-items: center;width: 100%;justify-content: center;}
.logoheader {width: 130px;}
.ventas {padding: 46px 20px;}
.ventas .parrafo-20 {padding-bottom: 70px;}
.box-ventas {border: none}
.ventas .col-md-4 {padding-bottom: 64px;}
.ventas .col-md-4:last-child {padding-bottom: 0;}
.ventas h2, .promociones h2 {font-size: 24px}
.text-ventas, .text-body {font-size: 16px;}
.parrafo-20 {font-size: 16px}
.promociones {padding: 10px 0 24px;}
.promociones .container-fluid {padding-top: 27px;}
.promociones-item {margin-bottom: 24px}
.promociones .row .col-md-4:last-child .promociones-item {margin-bottom: 18px}
}

/**/
@media only screen and (max-width: 576px) {
h2.title_private_contact{margin-top: 0 !important}
.accordion-body, .accordion-button {padding: 10px 0}
.faqs_section h2.title_private {margin-top: 0 !important; text-align: left}
.accordion-box {width: 100%}
.timeline-carousel__image img {width: 100%}
.form-short {width: 90%; margin: 0 auto}
.form-short-filter {width: 100%;}
.timeline-carousel__item {width: 33.33333333%;margin-right: 0; padding-right: 6px !important; margin-bottom: 10px; padding-left: 6px !important;}
.header .container-fluid {padding-right: 20px;padding-left: 20px}
.submenu-private {padding: 0}
.promociones_privada .container-fluid {padding-top: 86px}
h2.title_private {margin-top: 60px;text-align: center; margin-bottom: 40px;}
h2.title_private_short {margin-top: 60px;text-align: center; margin-bottom: 40px;}
.nav-subidas h2.title_private {margin-top: 0;}
h3.title_private {margin-top: 26px;text-align: center; margin-bottom: 20px;}
.nav-item.me-5 {margin-right: 0 !important}
.nav-subidas {padding: 22px 0 0 0}
.nav-subidas .nav-item {width: 50%; text-align: center;}
.nav-subidas .nav-item .nav-link {width: 100%;}
.subida_tab .align-items-start {align-items: center !important}
.subida_tab .justify-content-end {justify-content: center !important;}
.productos-browser-right {padding: 0}
.submit-private.btn-aceptar.mt-5 {margin-top: 10px !important;}
.subida_tab .justify-content-end:last-child .submit-private {padding: 11px 10px}
}

@media only screen and (max-width: 380px) {
.logoheader {width: 120px;}
.submit-private {font-size: 13px}
}
.scroll-top {display: none !important}

.form-control[readonly],
.form-control:disabled {
  background-color: #f8f9fa; /* gris claro, como los disabled de Bootstrap */
  pointer-events: none;      /* no permite foco ni eventos */
  border-color: #ced4da;     /* mismo borde que normal */
  box-shadow: none;          /* elimina el glow al hacer click */
}