.web {
  display: block;
}

.mobile {
  display: none !important;
}

.plus__btn {
  font-size: 60px;
}

section:not(.home__banner):not(.instagram-gallery-modal__body):not(
    .instagram-gallery-modal__media-sidebar
  ):not(.instagram-gallery-modal__media-container) {
  padding-block: 200px;
}

/* INSTAGRAM */

.instagram-gallery-modal__media {
  margin: 0 auto;
}

.instagram-gallery-modal__body {
  height: 70vh;
}

.insta__feed_title {
  font-weight: bold;
  text-align: center;
  padding-top: 5rem;
  max-width: 1320px;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  padding-bottom: 37px;
  margin-bottom: 37px;
}

.instagram-gallery-feed {
  max-width: 1320px;
  margin: 0 auto;
  padding-bottom: 200px;
}

.instagram-gallery__button {
  background-color: #2d2e35;
  border-radius: 30px;
  font-weight: 500;
  margin-top: 37px;
}

#home section.section__products {
  padding-block: 160px;
}
#home section.section__products .container > span {
  margin-bottom: 20px;
}

#home section.section__products .container > h3 {
  margin-bottom: 30px;
}

/* #home section:not(#newsletters) {
  border-bottom: 1px solid #ddd !important;
} */

#home #newsletters {
  margin-bottom: 0px;
}

/* CARDS */
.nc-box-has-hover,
.nc-box-no-hover {
  border-radius: 8px !important;
}

.nc-Card4:hover:not(.card_info) {
  border: none !important;
  box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.15);
}

.nc-Card4 .rounded-t-2xl {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

/* SOCIAL MEDIA */

/* fixed social*/
#fixed-social {
  position: fixed;
  top: 130px;
  z-index: 6;
  right: 0;
}

#fixed-social a {
  color: #fff;
  display: block;
  height: 40px;
  position: relative;
  text-align: center;
  line-height: 40px;
  width: 40px;
  margin-bottom: 1px;
  z-index: 6;
}
#fixed-social a:hover > span {
  visibility: visible;
  right: 41px;
  opacity: 1;
}
#fixed-social a span {
  line-height: 40px;
  right: 60px;
  position: absolute;
  text-align: center;
  width: 120px;
  visibility: hidden;
  transition-duration: 0.5s;
  z-index: 1;
  opacity: 0;
}
.fixed-facebook {
  background-color: #00aae5 !important;
}
.fixed-facebook span {
  background-color: #00aae5;
}

.fixed-linkedin {
  background-color: #0a66c2 !important;
}
.fixed-linkedin span {
  background-color: #ffc41e;
}
.fixed-instagrem {
  background-color: #ed2b29 !important;
}
.fixed-pinterest {
  background-color: #fff !important;
}
.fixed-pinterest a i {
  color: #ed2b29;
}
.fixed-instagrem span {
  background-color: #ed2b29;
}

/*end fixed social*/

/* social media 2 */

.fab-container {
  position: fixed;
  top: 40%;
  right: 0px;
  z-index: 999;
  cursor: pointer;
}

.fab-icon-holder {
  width: 50px;
  height: 50px;

  background: red;

  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.fab-icon-holder:hover {
  opacity: 0.8;
}

.fab-icon-holder a {
  text-decoration: none;
}

.fab-icon-holder i {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 100%;
  font-style: 25px;
  color: #ffffff;
}

.fab-icon-holder .fa-plus,
.fab-icon-holder .fa-minus {
  /* Asegúrate de que los íconos estén visibles y centrados */
  display: block;
  text-align: center;
  line-height: 50px; /* Ajusta según sea necesario */
  position: absolute;
  height: 100%;
  color: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Rotación del ícono 'fa-minus' (oculto por defecto) */
.fab-icon-holder .fa-minus {
  opacity: 0;
  transform: rotate(-180deg);
}

/* Estilos al hacer hover sobre el contenedor */
.fab-container:hover .fab-icon-holder .fa-plus {
  opacity: 0;
  transform: rotate(180deg); /* Gira el ícono 'fa-plus' en hover */
}

.fab-container:hover .fab-icon-holder .fa-minus {
  opacity: 1; /* Muestra el ícono 'fa-minus' en hover */
  transform: rotate(0deg); /* Reinicia la rotación del ícono 'fa-minus' */
}

.fab-container .fab {
  width: 50px;
  height: 50px;
  background: red;
}

.fab-options {
  list-style-type: none;
  margin: 0;
  position: absolute;
  top: 50px;
  right: 0px;
  opacity: 0;
  padding-right: 0px;
  transition: all 0.3s ease;
  transform: scale(0);
  transform-origin: 85% top;
}

.fab:hover + .fab-options,
.fab-options:hover {
  opacity: 1;
  transform: scale(1);
}

.fab-options li {
  display: flex;
  justify-content: flex-end;
  padding: 0px;
  padding-right: 0px;
}

.fab-label {
  padding: 2px 5px;
  align-self: center;
  user-select: none;
  white-space: nowrap;
  border-radius: 3px;
  font-size: 16px;
  background: #666666;
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  margin-right: 10px;
}

.fab-line {
  background: #00c300;
}
.fab-tel {
  background: #00a2ff;
}
.fab-email {
  background: #fe7a16;
}

.mobile__menu_surface {
  display: flex;
  flex-direction: column;
}

.mobile__menu_surface a {
  color: #000;
  padding-left: 2rem;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  align-items: center;
  height: 50px;
}
.mobile__subMenu {
  display: none;
  padding-left: 1rem;
}

.mobile__subMenu a {
  color: #98999d !important;
  height: 50px;
}
#collectionModal .modal-content {
  overflow-y: scroll;
}

@media only screen and (max-width: 767px) {
  #projects {
    width: 85%;
    margin: 0 auto;
  }
  #products,
  #brands {
    width: 90%;
    margin: 0 auto;
  }
  #projects .template__details,
  #products .template__details,
  #brands .template__details {
    padding-inline: 0 !important;
  }
  #project__grid .product__img {
    width: 100%;
    height: 220px;
    border-radius: 8px;
  }
  .project__random {
    padding-inline: 24px;
    padding-bottom: 60px !important;
    padding-top: 30px !important;
  }
  .project__random .row {
    margin-top: 0px;
  }

  .project__random img {
    height: 281px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 20px;
  }
  .project__random p {
    font-size: 16px;
    line-height: 1.5;
  }
  .project__random h2 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 16px;
  }
  .slider__projects-container {
    padding-top: 30px !important;
    padding-bottom: 60px !important;
    padding-inline: 0 !important;
  }
  .slider__projects-header {
    padding-inline: 36px;
  }
  .slider__projects-container img {
    border-radius: 8px;
  }
  #imageViewerModal {
    z-index: 100000;
  }
  #imageViewerModal .modal-dialog.modal-fullscreen .modal-content {
    flex-direction: column;
  }

  #projects .pagination__container {
    padding-right: 0px;
  }

  #projects .product__banner {
    height: auto;
  }
  #projects .title {
    margin-bottom: 0px !important;
    background-color: #fff;
  }

  #imageViewerModal .modal-body {
    flex-direction: column;
    padding: 0;
    height: auto !important;
  }

  #imageViewerModal .image-section {
    height: 60vh;
    width: 100%;
  }

  #imageViewerModal .info-panel {
    width: 100% !important;
    height: 40vh;
    overflow-y: auto;
  }

  #imageViewerModal .modal-header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1050;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 0.5rem;
  }

  #imageViewerModal img.img-fluid {
    max-height: 60vh;
  }

  #projects {
    margin-top: 0px;
  }
  #projects .product__filter_category_container {
    padding-inline: 0 !important;
  }
  #projects section {
    padding-bottom: 0px;
  }
  #project_details .container {
    padding-inline: 0 !important;
  }
  #projects .product__banner,
  #projects #project__grid {
    padding-right: 0px !important;
  }
  .project__content_html {
    padding-inline: 16px !important;
  }
  .project__image_footer {
    padding-inline: 16px !important;
  }
  .project__products {
    padding-inline: 16px !important;
  }
  .content-video {
    position: absolute;
    z-index: 2;

    font-size: 2rem;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
  }
  #collectionModal .collection__content {
    margin-bottom: 8rem;
  }
  .content-video span {
    font-size: 30px !important;
    font-weight: bold;
  }

  .content-video span sup {
    top: -0.7em;
    margin-left: -5px;
  }

  .content-video span i {
    font-size: 12px;
  }

  .ncmaz-myCustomPage.md\:py-16 {
    padding-bottom: 0 !important;
    padding-top: 3rem !important;
  }
  #brandMessageMediaModal {
    z-index: 10000;
  }
  #brandMessageMediaModal .modal-dialog {
    padding: 0;
    margin: 0;
  }
  .mobile .navbar {
    padding-top: 0;
    padding-bottom: 0;
    padding-inline: 0;
  }
  .mobile .navbar .container-fluid {
    padding-inline: 0rem;
    padding-block: 5px;
  }
  .top__banner {
    height: 24px;
    width: 100%;
    background-color: #f4ed2f;
    display: flex;
  }

  .top__banner a {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
    display: flex;
    height: 100%;
    align-items: center;
    padding-left: 20px;
  }
  .carousel-item .carousel__floating {
    position: absolute;
    width: 110px;
    height: auto;
    top: 0px;
    left: 20px;
    object-fit: contain !important;
  }
  /* blog */
  .blog__content_html h2,
  .blog__content_html h3 {
    text-align: left;
  }
  .blog__content_html p,
  .blog__content_html li,
  .blog__content_html strong {
    text-align: left;
  }
  #collectionModal.modal {
    z-index: 100000;
    position: absolute;
  }
  #collectionModal .modal-dialog {
    width: 100%;
    height: 100vh;
    padding: 0px !important;
    margin: 0px !important;
    top: 0;
  }

  #collectionModal .modal-content {
    overflow-y: scroll;
  }

  /* EDITORIAL */
  #blog_details .related__articles {
    display: grid;
    grid-template-columns: 1fr; /* Una sola columna */
    grid-template-rows: auto; /* Filas ajustadas al contenido */
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  #blog .pagination__container {
    padding-right: 0px !important;
  }

  /* END EDITORIAL */
  /* END ACERCA */
  #home .slider-item.sup-expl .expos_grid_desc {
    position: absolute;
    z-index: 0;
    top: 0;
    padding: 14px;
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #f7f8fa;
  }

  #home .slider-item.sup-expl .nc-Card4 > div {
    border-radius: 5px !important;
  }

  #carouselSpot-cont .slider.car-brand .slider-item div,
  .slider-item.car-bran .nc-Card4 div {
    border-radius: 5px !important;
  }

  #home .section__expos .expos__details h2 {
    margin-bottom: 0px !important;
  }

  #home .slider-item.sup-expl .nc-Card4 .product__img,
  #home .slider-item.car-brand .nc-Card4 .product__img {
    height: 480px !important;
  }

  #home .expos__details {
    padding-inline: 36px;
  }

  /* EXPOS OLD*/
  #home .expos_grid-item .expos_grid_desc {
    padding: 14px;
    text-align: left;
  }
  #home .slider-item.sup-expl .expos_grid_desc p {
    font-size: 18px;
    text-align: left;

    margin: 0;
  }
  #home .slider-item.sup-expl .expos_grid_desc .expos_grid_des__title {
    color: #000;
    font-weight: bold;
  }
  #home .slider-item.sup-expl .expos_grid_desc .expos_grid_des__subtitle {
    color: #001d7e;
    font-weight: bold;
    margin-bottom: 16px !important;
  }
  #home .slider-item.sup-expl .expos_grid_desc .expos_grid_des__desc {
    font-size: 14px;
  }
  #home .expos_grid-item {
    height: 480px;
  }
  #home .expos_grid-item .expos_grid_desc img {
    height: auto;
  }
  #home .expos_grid-item .expos_grid_desc .expos_grid_des__bottom a {
    height: 30px;
    font-size: 14px;
  }

  /* END EXPOS */

  .product__related .container {
    padding-inline: 0 !important;
  }

  #home #newsletters {
    padding-inline: 36px !important;
  }
  #home #newsletters h2 {
    font-size: 32px;
  }
  #home .logo__first_block_home {
    height: 29px !important;
  }
  /* contacto */
  #surface_contact {
    margin-top: 50px;
  }
  #surface_contact .surface_contact_info {
    padding-inline: 36px !important;
  }
  #surface_contact .surface_contact_info .contact__btns {
    width: 100%;
    margin-block: 50px !important;
  }
  #surface_contact .surface_contact_info h2 {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 32px;
  }
  #surface_contact .surface_contact_info h3 {
    font-size: 24px;
  }
  #surface_contact form {
    padding-inline: 36px !important;
    margin-top: 50px;
    margin-bottom: 50px !important;
  }
  #surface_contact form h2 {
    font-size: 32px;
    margin-bottom: 50px;
  }
  #surface_contact form .contact__submit {
    flex-direction: column;
    gap: 20px;
  }
  #surface_contact form .g-recaptcha {
    width: 100%;
  }

  #surface_contact form .contact__submit .btn {
    width: 100%;
  }
  /* Terminos */
  #terms__page,
  #about__page,
  #privacy__page {
    padding-inline: 36px;
    margin-top: -90px;
  }
  /* ACERCA */

  #about__page {
    padding-inline: 0px;
    flex-direction: column-reverse;
    height: auto;
    padding-top: 50px;
  }

  #about__page .about__page_texto,
  #about__page .about__page_image {
    width: 100%;
    padding: 20px;
  }

  #about__page .about__page_image {
    height: 40vh;
    margin: 0;
    background-position: left bottom !important;
  }

  #about__page .about__page_texto {
    height: auto !important;
    margin-bottom: 50px;
  }

  /* anunciate */
  #anunciate__page .anunciate__page_first_panel img {
    width: 170px;
  }
  #anunciate__page .container {
    padding-inline: 36px !important;
  }
  #anunciate__page .anuncia__micrositio {
    flex-direction: column;
  }
  #anunciate__page .anunciate__page_title {
    font-size: 36px;
  }

  #anunciate__page .anuncia__micrositio img {
    margin-right: 0;
    margin-bottom: 120px;
    scale: 1.6;
    margin-top: 70px;
    object-fit: contain;
    width: auto;
  }
  #anunciate__page .anunciate__divider {
    display: none;
  }
  #anunciate__page .anunciate__page_first_panel {
    flex-direction: column;
    justify-content: center;
  }
  #anunciate__page .anunciate__page_first_panel_text {
    margin: 0;
    padding-inline: 36px;
  }
  #anunciate__page .anuncia__micrositio ul li {
    margin-bottom: 5px;
  }

  #anunciate__page .anunciate__page_first_panel_text .anunciate__page_title {
    font-size: 36px !important;
  }
  #anunciate__page .anuncia__micrositio p {
    margin-bottom: 30px !important;
  }
  /* Suscribete */
  #signup_page .signup__page_banner h1 {
    font-size: 42px !important;
  }
  #signup_page .signup__page_banner_form_mobile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #signup_page .signup__page_banner_form_mobile h2 {
    font-size: 30px !important;
  }
  #signup_page .signup__page_banner_form_mobile form {
    width: 100% !important;
    padding-inline: 30px;
  }
  #signup_page .signup__page_footer {
    padding-block: 100px;
    background-color: #f6f6f7;
  }
  #signup_page .signup__page_footer h2 {
    font-size: 26px !important;
    color: #adadb2;
  }
  /* Blog */
  #blog .related__articles {
    grid-template-columns: repeat(1, 1fr);
  }
  #blog .template__details {
    padding: 12px;
  }
  #blog_details {
    padding-inline: 10px;
  }
  #blog_details .blog__content_html {
    padding: 0px;
  }
  #blog_details .blog__subtitle {
    text-align: left;
    hyphens: auto;
    font-size: 26px;
  }
  #blog_details .blog__date {
    text-align: left;
  }
  #blog_details .blog__details_header_title {
    width: 100%;
  }
  #blog_details .blog__related_surfaces .blog__product img {
    width: 100%;
    border-radius: 8px;
  }
  /* Profile */
  #profile {
    padding-top: 0px;
  }
  #profile .profile__container form {
    width: 100%;
  }
  .profile__form .form-section,
  .profile__form-group #company_description,
  .profile__form-actions div {
    width: 100%;
  }
  .profile__form-actions {
    text-align: center;
  }
  .profile__form-actions div {
    justify-content: center;
  }
  #profile .profile__header img {
    height: 300px;
  }
  #profile .profile__container {
    margin-inline: 40px;
  }
  #profile .profile__container .profile__info-item {
    width: 100%;
  }

  #profile .profile__container .profile__info-item p {
    flex: 1;
    width: auto;
  }
  #profile .profile__container .profile__info-item span {
    flex: 1;
    width: auto;
  }
  #profile .profile__container form .button__container {
    width: 100%;
    min-width: 100% !important;
  }

  #profile .profile__header label {
    margin-top: -120px;
    font-size: 24px;
    background: #ffffff82;
    padding: 8px;
    border-radius: 100%;
  }
  #profile .profile__avatar .profile__img label {
    font-size: 16px;
    background: #ffffff82;
    padding: 3px 6px;
    border-radius: 18px;
    margin-top: -40px;
  }

  #profile .header__breadcrumb h2 {
    margin-bottom: 8px;
  }
  #profile .header__breadcrumb .header__breadcrumb p {
    font-size: 14px;
  }

  #profile #collection__content {
    width: 100%;
  }

  #profile .profile__container form input {
    width: 100%;
  }
  #profile .profile__container form select {
    width: 100%;
  }
  #profile .profile__container form .profile__input_phone {
    width: 100%;
  }

  #profile .profile__container form .col-auto {
    width: 100%;
  }

  #profile .grid__collection {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  #profile .header__breadcrumb {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 32px;
    margin-bottom: 50px;
  }

  #profile .grid__collection-item .edit_collection {
    display: block;
  }

  #profile .collections__grids_btns {
    display: flex !important;
  }

  #profile .edit__profile button {
    margin: 0;
    margin-top: 8px;
  }

  #profile #collection__content .header__breadcrumb {
    padding-bottom: 32px !important;
    margin-bottom: 50px !important;
  }

  /* End Profile */
  .super__txt1 {
    padding-right: 12px !important;
  }
  .super__img1 {
    padding-left: 12px !important;
  }
  .navbar {
    padding-inline: 0.5rem;
  }
  #filterModal,
  #ProfileMenuModal {
    z-index: 10000000000;
  }
  .brand__profile .description .description__name {
    margin-bottom: -10px;
  }
  #products .product__filter_category_container,
  #brands .product__filter_category_container {
    padding-inline: 0px !important;
  }
  /* MARCAS */
  #brands .product__banner,
  #products .product__banner {
    padding-right: 0px !important;
    height: 310px;
  }
  #brands .pagination__container,
  #products .pagination__container {
    padding-right: 0px !important;
    margin-bottom: 50px;
  }
  #brands .title,
  #products .title {
    margin-top: 0px;
    margin-bottom: 0px !important;
    background-color: transparent;
  }
  #brands .brands__section,
  #products #section_products {
    padding-right: 0px !important;
  }
  #brands .row,
  #products .row {
    margin: 0px !important;
    padding: 0px !important;
  }
  #brands .template__details,
  #products .template__details {
    margin: 0px !important;
    padding: 0px !important;
  }

  #brands .brand__grid .nc-Card4 .bottom_card {
    padding-inline: 0px !important;
  }

  #brands .brand__grid .product__banner_desc,
  #products .product__banner_desc {
    margin-right: 20px;
  }

  #products .product__banner .product__banner_desc,
  #brands .product__banner .product__banner_desc {
    padding: 16px !important;
  }

  .product__banner
    .product__banner_desc
    .product__banner_desc_info
    .product__banner_desc_info_text1
    a {
    margin-bottom: 5px;
  }

  #brands
    .product__banner
    .product__banner_desc
    .product__banner_desc_info
    .product__banner_desc_info_text3,
  #products
    .product__banner
    .product__banner_desc
    .product__banner_desc_info
    .product__banner_desc_info_text3 {
    font-size: 14px;
  }
  #brands
    .product__banner
    .product__banner_desc
    .product__banner_desc_info
    .product__banner_desc_info_text2,
  #products
    .product__banner
    .product__banner_desc
    .product__banner_desc_info
    .product__banner_desc_info_text2 {
    font-size: 14px;
  }

  #brands .product__banner .product__banner_desc .brand__logo {
    margin-top: -80px !important;
    margin-right: 48px !important;
  }

  #products .product__banner .product__banner_desc .brand__logo {
    margin-top: -160px !important;
    margin-right: 20px !important;
  }

  #products
    .product__banner
    .product__banner_desc
    .product__banner_desc_info
    .like__btn {
    margin-right: 10px;
  }

  #brand__grid .like__btn {
    font-size: 22px !important;
  }

  #brands .product__banner .product__banner_desc .brand__logo img,
  #products .product__banner .product__banner_desc .brand__logo img {
    width: 90px !important;
    height: 90px !important;
  }
  #brands #brand__grid .nc-Card4 {
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: fit-content;
  }

  #brands .grid {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 10px !important;
    background-color: #fff;
  }

  #brands #brand__grid .nc-PostFeaturedMedia img {
    width: 100%;
    height: 100%;
    max-height: 520px;
  }

  #brand_details .brand__info {
    margin-top: 44px;
  }
  #brand_details .brand__header {
    padding-inline: 24px !important;
  }

  #brand_details .brand__header img {
    height: 400px;
  }

  #brand_details .brand__logo {
    margin-left: 44px;
    height: 120px;
    width: 120px;
  }

  #brand_details .tabs__menu {
    padding-inline: 0 !important;
    margin: 0 auto;
  }
  #brand_details .brand__menu {
    flex-direction: column;
    padding-inline: 24px;
  }

  #brand_details .brand__menu .nav .nav-item .nav-link {
    margin: 0px;
  }

  #brand_details .brand__menu .nav {
    padding: 0;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    flex-wrap: nowrap;
  }

  #brand_details .brand__menu .nav::-webkit-scrollbar {
    display: none;
  }

  #brand_details .brand__menu .buttons {
    margin-top: 70px;
    width: 100%;
    justify-content: unset;
    gap: 0;
  }
  #brand_details .tag_premium {
    /* width: 70px !important;
    height: auto !important;
    margin-right: 30px;
    bottom: -25px; */
  }
  #brand_details .brand__profile .description {
    flex-direction: column;
    padding-left: 32px;
    padding-right: 32px;
    gap: 1px;
  }
  #brand_details .buttons .buttons__like {
    flex: 1;
    justify-content: end;
    gap: 17.5px !important;
  }
  #brand_details .brand__profile .description p {
    font-size: 14px !important;
    text-align: left;
    margin-top: 10px;
  }
  #brand_details .brand__profile .description span {
    font-size: 14px;
  }

  #brand_details #share-button {
    margin-right: 2px;
  }

  #brand_details #share-button i {
    font-size: 25.5px !important;
  }
  #brand_details .brand__profile .description .description__name h1 {
    font-size: 40px !important;
    margin-bottom: 2px;
  }

  #brand_details section {
    padding-bottom: 40px !important;
    padding-top: 0px !important;
  }

  #brand_details .brand__menu .buttons .black__btn,
  .product__slider_btns .btn__black,
  #brand_details .black__btn {
    font-size: 14px !important;
    width: 100px !important;
    height: 35px !important;
    margin-right: 15px;
  }

  #brand_details .brand__net {
    margin-top: 0px;
    padding: 0 !important;
    bottom: 50px;
    margin-right: 24px;
  }

  .brand__accordion .accordion-item h2,
  #brand_info h2 {
    font-size: 22px;
  }

  .brand__accordion .accordion-header .accordion-button i,
  .brand__accordion .accordion-header .accordion-button span {
    font-size: 22px;
  }

  .brand__accordion .accordion-header .accordion-button .icon_accordion_menu {
    font-size: 30px;
  }

  .brand__accordion .accordion-header .accordion-button::after {
    display: none;
  }

  #brand_details #tab_3 section {
    padding-inline: 0px !important;
  }
  #brand_details #tab_3 section .title_tab3 {
    padding-inline: 32px !important;
  }
  #brand_details section .container {
    padding-inline: 0 !important;
  }
  #brand_details .accordion .accordion-item .accordion-button {
    padding-left: 32px;
    padding-right: 32px;
  }
  #brand_details .accordion .accordion-item .accordion-body {
    padding-inline: 32px;
  }

  #brand_details .accordion .accordion-item #collapseProduct .accordion-body,
  #brand_details .accordion .accordion-item #collapseTec .accordion-body,
  #brand_details .accordion .accordion-item #collapseCert .accordion-body,
  #brand_details .accordion .accordion-item #collapseCatalogs .accordion-body {
    padding-inline: 0 !important;
  }
  #brand_details .products__section h3 {
    padding-left: 32px;
    padding-right: 32px;
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 0.5rem !important;
  }
  #brand_details #brand_info {
    padding-inline: 32px;
  }

  #brand_details .products__section > div:first-child {
    width: 100%;
    padding-inline: 0px !important;
  }

  #brand_details section .slider-item a {
    color: #2d2e35;
    text-decoration: none;
  }

  #registerPopup img {
    object-fit: contain;
    width: 100%;
    height: auto;
  }

  /* Detalle Producto */

  .product__info .product__info_container {
    width: 100%;
    padding-inline: 20px;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .product__slider {
    padding-inline: 20px;
  }

  .sliderContainer {
    height: 400px;
  }

  .product__brand_logo {
    width: 60px;
    height: 60px;
    margin-inline: 20px;
  }
  .product__slider_text h1 {
    margin: 0;
  }
  .product__slider_text .product__slider_brand {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .product__slider_text p {
    text-align: justify;
  }

  .product__slider_text {
    width: 100%;
    height: auto;
    margin-inline: 0px;
    padding-bottom: 40px;
  }

  .product__slider_btns {
    margin-top: 20px;
    align-self: flex-start;
    flex: unset;
  }
  .product__slider_btns div {
    gap: 5px;
  }

  .product__info .btn__container {
    width: 100%;
    padding-inline: 20px;
    justify-content: flex-end;
  }

  .product__brand > div:first-child {
    width: 100%;
    padding-inline: 0px !important;
  }
  .product__brand h3,
  .product__related h3 {
    padding-left: 0 !important;
    text-align: center;
  }

  .product__accordion .accordion-item h2 {
    font-size: 22px;
  }
  .product__accordion .accordion-header .accordion-button .icon_accordion_menu {
    font-size: 36px;
  }
  .brand__form_info {
    width: 100%;
  }
  #product_details section .slider-item .home__desc_prod a {
    color: #2d2e35;
    text-decoration: none;
  }

  #product_details
    section:not(
      .product__info,
      .product__slider,
      .product_details,
      .product__accordion
    ) {
    padding-inline: 0px !important;
  }

  /* Estilos específicos para dispositivos con ancho máximo de 767px, típicamente móviles */

  .navbar-brand img {
    margin-left: 1rem;
  }

  #newsletters form input {
    height: 60px;
  }

  .socios {
    display: flex;
    align-items: center;
    padding-block: 160px !important;
  }
  #newsletters {
    padding-block: 160px !important;
  }
  .socios > div {
    padding: 0px;
  }

  .socios .carousel-container {
    margin-top: 2rem;
  }

  .socios h2 span {
    color: #fff !important;
  }

  .socios h2 span.color__red {
    color: red !important;
  }

  .socios h2 {
    font-size: 32px !important;
    text-align: center;
    font-weight: bold;
    color: #fff !important;
  }

  .quick__links {
    width: 90%;
    margin: 0 auto;
    margin-top: 1.5rem;
  }

  .quick__links .col-6 p {
    color: #fff;
    font-weight: bold;
  }

  .quick__links .col-6 > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .quick__links .col-6 > div a {
    color: #fff;
    text-decoration: none;
  }

  .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
  }

  #navbarSupportedContentSearchTablet > div,
  #navbarSupportedContentSearch > div {
    padding-top: 1rem;
  }

  #navbarSupportedContentSearchTablet form,
  #navbarSupportedContentSearch form {
    width: 90%;
    margin: 0 auto;
  }

  #navbarSupportedContentSearchTablet form input,
  #navbarSupportedContentSearch form input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #43464b;
    padding-left: 1.5rem;
    font-size: 16px;
    height: 40px !important;
    border-radius: 50px !important;
    background-color: #43464b;
    color: #fff;
  }
  #navbarSupportedContentSearchTablet form button i,
  #navbarSupportedContentSearch form button i {
    color: #c7c6c8;
    font-size: 25px;
  }
  #navbarSupportedContentSearchTablet form input::placeholde,
  #navbarSupportedContentSearch form input::placeholder {
    color: #595b60;
    font-weight: 400;
  }
  #navbarSupportedContentSearchTablet form span i,
  #navbarSupportedContentSearch form span i {
    color: #c7c6c8;
    font-size: 25px;
  }

  #navbarSupportedContentSearchTablet .mobile__result,
  #navbarSupportedContentSearch .mobile__result {
    margin-top: 1.5rem;
  }

  #navbarSupportedContentSearchTablet .mobile__result ul li,
  #navbarSupportedContentSearch .mobile__result ul li {
    color: #fff;
  }

  .carousel__text {
    position: absolute;
    top: 45%;
    left: 5%;
  }

  .carousel__text h2 {
    color: #fff;
    font-size: 40px !important;
    font-weight: bold;
    line-height: 40px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.035);
  }

  .carousel__text h3 {
    color: #fff;
    font-size: 20px !important;
    font-weight: 300;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  }

  #navbarSupportedContent > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 100svh;
    overflow-y: scroll;
    margin-bottom: 100px;
    padding-bottom: 100px;
  }
  .mobile__auth {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .mobile__auth a {
    padding-left: 0;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin-left: 1rem;
    text-transform: none;
  }
  .advertisement img {
    height: 150px;
    width: 150px;
    margin-top: 0px;
    object-fit: cover;
  }
  .advertisement .subcategory__menu_title {
    padding: 0 !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    background-color: unset;
    height: 40px;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
  }
  .container-fluid {
    padding-inline: 0px;
  }
  /* SLIDER PRODUCT */
  .active__product {
    opacity: 1 !important;
    pointer-events: all !important;
  }

  .slider-container {
    width: 100%;
    position: relative;
  }
  .slider-container .next-button {
    right: 0;
  }
  .slider-container .prev-button,
  .slider-container .next-button {
    padding: 0;
    margin: 0;
    font-size: 1.5rem;
    width: 12%;
  }

  .slider {
    padding-left: 10%;
    width: 110% !important;
  }

  /* .slider.sup-esp {
    padding-left: 15%;
    width: 100% !important;
  }
  .slider.sup-plas {
    padding-left: 14%;
    margin-left: 0%;
  } */
  .slider-item {
    flex: 0 0 75%;
  }
  .slider-item .nc-Card4 {
    box-shadow: none;
    opacity: 0.4;
    pointer-events: none;
  }

  .slider-item .nc-Card4 .product__img {
    height: 40vh;
  }

  .slider-item .nc-Card4 .home__desc_prod {
    text-align: left;
  }
  .slider-item .nc-Card4 .home__desc_prod span {
    align-items: flex-start;
  }
  /* END SLIDER PRODUCT */
  .web {
    display: none !important;
  }
  .carousel-indicators {
    left: 0 !important;
    justify-content: center !important;
  }
  .navbar #navbarSupportedContent {
    margin-top: 10px;
    min-height: 100svh;
  }
  .navbar #navbarSupportedContent .navbar-nav {
    align-items: flex-start !important;
    width: 100%;
  }
  .navbar #navbarSupportedContent .navbar-nav .nav-item {
    min-height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .profile__image {
    padding-left: 15px;
    width: fit-content;
  }
  .profile__image a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 16px;
  }
  .profile__image a span {
    color: #000;
    font-weight: bold;
    font-size: 16px;
  }
  .navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding-block: 0px;
    min-height: 60px;
    display: flex;
    width: 100%;
    align-items: center;
    padding-left: 1rem !important;
    margin-left: 0px !important;
    justify-content: space-between;
  }
  .navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link.active__menu {
    background-color: #ececed !important;
  }
  .mobile {
    display: block !important;
  }
  footer {
    padding-inline: 1rem;
  }
  footer > .row {
    flex-direction: column-reverse;
  }
  footer .copyright {
    margin-top: 2rem;
  }
  .template__category {
    display: none;
  }

  .block__grid {
    padding-block: 5rem !important;
  }
  .section__products {
    height: 100vh;
    display: flex;
    align-items: center;
  }
  #home .home__banner {
    height: calc(100svh - 60px);
  }
  #home section.editorial .container .blog__card_content {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  #home .text1 h2 {
    font-size: 32px;
  }
  .fab-container {
    top: 30%;
  }
  /* HOME */
  /* PRODUCT CARROUSEL */
  #home section .home__desc_prod,
  #product_details .home__desc_prod {
    max-width: 287px;
    padding-left: 21px !important;
    padding-top: 20px !important;
    padding-bottom: 18px !important;
    padding-right: 16px !important;
  }
  #product_details section .home__desc_prod h4 {
    height: 20px;
    margin-bottom: 0px;
  }
  #product_details .home__desc_prod .like__btn {
    font-size: 22px;
    margin-bottom: 7px;
  }
  .section__products > div {
    padding-inline: 0px;
  }
  #home section.editorial .container > span {
    margin-bottom: 30px;
  }
  .section__products > div h3 {
    padding-inline: 36px;
    margin-top: 10px;
  }
  .section__products > div > span {
    padding-inline: 36px;
  }
  .section__products > div > .plus__btn {
    padding-inline: 0rem;
    width: 75%;
    margin: 0 auto;
    margin-top: 60px;
  }
  /*END PRODUCT CARROUSEL */
  /* CARROUSEL BRAND */

  .carouselSpot .carousel__details {
    width: 100%;
    margin-inline: 0px !important;
  }
  .carouselSpot .carousel__details p {
    text-align: justify;
  }
  .carouselSpot .carousel__details p,
  .carouselSpot .carousel__details h2 {
    padding-inline: 24px;
  }

  .carouselSpot .carousel__details h2 {
    font-size: 30px;
  }

  .carouselSpot .car-brand .card__head {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 10px;
    padding-top: 5px;
  }

  .carouselSpot .car-brand .card__head p.card__title {
    margin-bottom: 2px !important;
    font-weight: bold;
    color: #fff;
  }
  .carouselSpot .car-brand .card__head p.card__sub {
    text-align: left;
    color: #fff;
    font-weight: normal;
    font-size: 14px !important;
    padding: 0px;
    padding-top: 0px !important;
    margin-bottom: 0 !important;
    line-height: 1.2;
  }
  .carouselSpot .car-brand .card__btn_plus {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .carouselSpot .car-brand .card__btn_plus span {
    color: #fff !important;
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin-bottom: 15px;
    margin-right: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  #home section.text1 {
    height: auto;
    padding-block: 160px !important;
  }
  /* END CARROUSEL BRAND */

  #home .parallax h2 {
    padding-inline: 12px;
    font-size: 32px;
  }

  #home section.home__post h2 {
    font-size: 61px !important;
    margin-bottom: 20px !important;
  }

  #home .editorial .product__title {
    font-size: 32px !important;
    height: auto;
  }

  .block__grid .block__grid_visit_profil_btn {
    margin-top: 40px;
  }

  /*END HOME */

  .carousel-item img {
    object-fit: cover !important;
  }
  .block__grid,
  .text1 {
    padding-block: 0px;
    padding-inline: 1.5rem;
    display: flex;
    align-items: center;
  }
  .text1 div {
    width: 100%;
    padding: 0px;
    padding-inline: 4px;
  }
  .block__grid .block__grid_section_text h1 {
    margin-top: 20px;
    font-size: 32px !important;
    line-height: 1 !important;
  }
  .sub__header > div {
    height: 90px;
  }
  .sub__header > div:not(:last-child) {
    height: 90px;
    border-bottom: 2px solid #545456;
  }
  #home .editorial .nc-Card4 {
    height: 100% !important;
    border: none;
  }
  #home .editorial {
    padding-inline: 24px;
    padding-block: 8rem;
  }
  #home .block__grid_section_text {
    margin-top: 30px !important;
  }
  .logo__home_post {
    width: 100px;
    height: 100px;
    top: -125px;
    margin-right: 12px;
  }

  #home .red__section .bottom__panel {
    width: 100%;
    left: 0px;
    padding-inline: 36px;
  }
  #home .block__grid_section_text_title sup {
    top: -1em;
  }
  #home .editorial .grid {
    row-gap: 8rem;
  }
  .editorial .block__grid_visit_profil_btn {
    padding: 0rem;
  }
  #home #newsletters {
    padding-inline: 2rem;
  }
  h1 {
    font-size: 26px !important;
  }
  .text1 .text__gray {
    font-size: 24px;
  }
  .grid,
  .store_products_grid {
    grid-template-columns: repeat(1, 1fr);
  }
  #brand__grid .brand__img {
    height: 150px;
  }
  section:not(.home__banner) {
    padding-block: 2rem;
  }
  .auth__bottom {
    width: 90%;
  }
  #signInModal .modal-content .modal-body form {
    width: 100%;
  }
  #signUpModal .modal-content .modal-body form {
    width: 95%;
  }

  #signInModal .modal-dialog {
    height: 100vh;
    background-color: #fff;
    margin: 0;
    display: flex;
    width: 100%;
    max-width: 100%;
  }

  #signInModal .modal-dialog .modal-content {
    border: none;
    box-shadow: none;
    padding-inline: 1rem;
  }

  #signUpModal .modal-dialog {
    max-width: 100%;
    height: 100vh;
    margin: 0;
    background-color: #fff;
  }

  #signUpModal .modal-dialog .modal-content {
    border: none;
    box-shadow: none;
    padding-inline: 1rem;
  }

  #signInModal .modal-dialog .modal-content .modal-body form button {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 1rem;
  }

  #signInModal .auth__forgot {
    justify-content: center;
  }

  #signUpModal .modal-dialog .modal-content .modal-body form button {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 1rem;
  }
  .navbar {
    z-index: 10000;
  }
  .text__container {
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 400px) {
  .carousel__text {
    position: absolute;
    top: 28%;
    left: 5%;
  }
  .carousel__text h2 {
    font-size: 32px !important;
  }
  .carousel__text h3 {
    font-size: 18px !important;
  }
  .sub__header > div {
    height: 70px;
  }
  .sub__header > div:not(:last-child) {
    height: 70px;
  }
}
/* Carrousel mobile */
/* no circle */
.flickity-button {
  background: transparent;
}
.flickity-button:hover {
  background: transparent;
  color: black;
}

.flickity-prev-next-button {
  width: 100px;
  height: 100px;
}
.flickity-button-icon {
  fill: white;
}
.flickity-button:disabled {
  display: none;
}

.mobile_carousel {
  font-family: Arial, Helvetica, sans-serif;
  margin: auto;
  max-width: 680px;
  height: 400px;
  border-radius: 20%;
}
.carousel-cell {
  margin-top: 35px;
  margin-right: 35px;
  margin-bottom: 35px;
  float: right;
  max-width: 201px;
  width: 100%;
  height: 335px;
  border-radius: 15px;
  counter-increment: carousel-cell;
  transition: all 0.3s ease;
  opacity: 0.3;
  background: #b9b9b9;
  filter: blur(6px);
}
.carousel-cell.is-selected {
  filter: blur(0);
  opacity: 1;
  background: white;
  transform: scale(1.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* name */
.carousel-cell .n {
  font-size: 18px;
  margin-top: 15px;
  text-align: center;
  color: black;
  counter-increment: carousel-cell;
}

/* button */
.carousel-cell .b {
  cursor: pointer;
  margin: auto;
  width: 180px;
  padding: 1px;
  background: green;
  border: 1px solid green;
  border-radius: 15px;
  font-size: 15px;
  color: white;
  text-align: center;
  counter-increment: carousel-cell;
  transition: all 0.3s ease;
}

/* picture */
.carousel-cell .p {
  border-radius: 15px;
  width: 201px;
  height: 250px;
  counter-increment: carousel-cell;
}

.carousel-cell .b:hover {
  background: #00e509;
  transform: scale(1.03);
  font-size: 16px;
}

.carousel-cell .b:active {
  background: white;
  color: green;
  transform: scale(0.9);
  font-size: 16px;
}

.carousel-cell .b-selected {
  cursor: pointer;
  margin: auto;
  width: 180px;
  padding: 1px;
  background: white;
  border: 1px solid green;
  border-radius: 15px;
  font-size: 15px;
  color: green;
  text-align: center;
  counter-increment: carousel-cell;
  transition: all 0.3s ease;
}

.grid {
  gap: 15px !important;
}