body {
  background-color: #fafafa;
}

/* Elements and resets */

p {
  margin: 0;
}

a {
  text-decoration: none;
  color: #000;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

li {
  padding: 8px 15px;
  margin: 0px 3px;
  border-radius: 45px;
  transition: 0.5s;
}

/* Elements and resets */

/* Components */

.btn-app {
  display: inline-block;
  padding: 10px 25px;
  border: none;
  background-color: rgba(5, 24, 53, 1);
  border-radius: 45px;
  color: white;
  font-weight: bold;
  letter-spacing: 0.85px;
  transition: 0.5s;
  margin-top: 5px;
}

.btn-app-1:hover {
  transform: translateY(5px);
}

.title-app {
  color: rgba(5, 24, 53, 1);
}

/* /Components */

/* Menu */

li.nav_li_item_app:hover {
  background-color: rgba(5, 24, 53, 1);
  transform: translateY(5px);
}

li.nav_li_item_app a {
  text-decoration: none;
  color: #000;
}

li.nav_li_item_app:hover a {
  color: #fff;
}

div.close_menu_container {
  display: none;
  z-index: 200;
}

div.open_menu_container {
  display: none;
  z-index: 200;
}

div#whats_container {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: rgba(5, 24, 53, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  transition: 0.5s;
  z-index: 50;
}

div#whats_container a {
  color: #fff;
}

div#whats_container:hover {
  transform: scale(1.1);
}

@media (max-width: 750px) {
  div#whats_container {
    position: fixed;
    bottom: 55px;
  }
}

/* Media Menu SM */
@media (max-width: 750px) {
  .close {
    left: -100%;
  }

  .show {
    left: 0;
  }

  .nav_app {
    height: 100vh;
    position: fixed;
    top: 0;
    background: rgba(5, 24, 53, 1);
    width: 95vw;
    z-index: 100;
    transition: 0.5s;
  }

  .nav_app .ul_nav {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    font-size: 1.1em;
  }

  .nav_app .ul_nav li {
    margin: 15px 5px;
  }

  .nav_app .ul_nav li a {
    color: #fff;
  }

  div.close_menu_container {
    display: block;
    position: absolute;
    right: 25px;
    top: 15px;
  }

  div.close_menu_container a {
    font-size: 25px;
    color: #fff;
    text-decoration: none;
  }

  div.open_menu_container {
    display: block;
  }

  div.open_menu_container a {
    font-size: 1.5em;
  }
}
/* /Media Menu SM */

@media (min-width: 1024px) and (max-width: 1100px) {
  .nav_app .ul_nav {
    font-size: 0.75em;
  }

  .nav_app .ul_nav li {
    padding: 8px 10px;
  }
}

@media (min-width: 1366px) and (max-width: 1400px) {
  .nav_app .ul_nav {
    font-size: 0.95em;
  }

  .nav_app .ul_nav li {
    padding: 8px 10px;
  }
}

/* /Menu */

/* Hero */

.main {
  height: 100vh;
}

.hero-content {
  height: calc(100vh - 85px);
}

div.carousel_container {
  width: 80%;
}

img.img_slider,
video.video_slider {
  object-fit: cover;
  width: 100%;
  border-radius: 45px;
  transition: 0.5s;
}

video.video_slider {
  height: 100%;
}

@media (max-width: 750px) {
  .hero-content {
    height: auto;
    margin-top: 15px;
  }

  .main {
    height: auto;
  }
}

/* /Hero */

/* Thumb Index */

.thumb_container {
  display: flex;
  justify-content: center;
}

.thumb {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.025);
  border-radius: 25px;
  padding: 10px;
}

.thumb li {
  list-style: none;
  display: inline-block;
  margin: 0 20px;
  cursor: pointer;
  transition: 0.5s;
}

.thumb li:hover {
  transform: translateY(-10px);
}

.thumb li img {
  max-width: 65px;
}

.thumb_content_box {
  justify-content: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box_thb {
  background: rgba(5, 24, 53, 0.75);
  width: 75px;
  height: 75px;
  border-radius: 50%;
  padding: 5px;
  transition: 0.5s;
}

.box_thb.box_thb_lamina {
  height: 80px;
  width: 80px;
}

.thumb li:hover .box_thb {
  background: rgba(5, 24, 53, 1);
  transform: scale(1.05);
}

.txt_box_thb {
  text-align: center;
  font-size: 0.8em;
  transition: 0.5s;
}

.thumb li:hover .txt_box_thb {
  font-weight: bold;
  color: #000;
}

.thumb_more {
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 360px) {
  .thumb {
    justify-content: space-around;
  }

  .thumb li {
    padding: 5px;
  }

  .box_thb {
    width: 60px;
    height: 60px;
  }

  .txt_box_thb span.sm {
    font-size: 0.8em;
  }

  .thumb li img {
    max-width: 50px;
  }
}

@media (max-width: 750px) {
  .thumb {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}

@media (min-width: 1600px) {
  .box_thb {
    width: 95px;
    height: 95px;
  }

  .thumb li img {
    max-width: 85px;
  }

  .thumb li .box_thb_lamina img {
    max-width: 70px;
  }

  .txt_box_thb {
    text-align: center;
    font-size: 1em;
  }
}

@media (max-width: 1599px) {
  .thumb {
    padding: 0;
  }

  .thumb li {
    margin: 0;
  }
  .box_thb {
    width: 65px;
    height: 65px;
  }
  .thumb li img {
    max-width: 50px;
  }

  .box_thb.box_thb_lamina {
    width: 60px;
    height: 60px;
  }

  .thumb li .box_thb.box_thb_lamina {
    max-width: 65px;
  }

  .txt_box_thb {
    font-size: 0.75rem;
  }
}

/* /Thumb Index */

/* Special */
.data_special_row {
  margin-bottom: 0;
}

@media (min-width: 750px) {
  .data_special_row {
    margin-bottom: 65px;
  }
}

ul.list_features {
  flex-direction: column;
  padding: 0;
  margin: 0;
}

ul.list_features li {
  padding: 0;
}

/* ----- Tabla de colores -----*/

.colorContainerTabla {
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  border-radius: 15px;
}

@media (max-width: 450px) {
  .colorContainerTabla span {
    font-size: 0.7em;
  }
}

.ct-almond {
  background-color: #cec8a4;
}

.ct-white {
  background-color: #fff;
  color: black;
}

.ct-black {
  background-color: #000;
}

.ct-antique-gold {
  background-color: #b28b3c;
}

.ct-safety-yellow {
  background-color: #cbac20;
}

.ct-federal-blue {
  background-color: #3b515f;
}

.ct-exxon-gray {
  background-color: #747c6d;
}

.ct-steal-gray {
  background-color: #82846f;
}

.ct-shadow-gray {
  background-color: #414233;
}

.ct-nile-green {
  background-color: #35593d;
}

.ct-juniper-green {
  background-color: #3a3e23;
}

.ct-hess-green {
  background-color: #1a281b;
}

.ct-bayberry-green {
  background-color: #6e6850;
}

.ct-marine-corps-green {
  background-color: #242b23;
}

.ct-covert-green {
  background-color: #4e4832;
}

.ct-shale-green {
  background-color: #3f3825;
}

.ct-carlsbad-canyon {
  background-color: #5e573a;
}

.ct-moca-tan {
  background-color: #827145;
}

.ct-international-orange {
  background-color: #992d0a;
}

.ct-red {
  background-color: #711e0c;
}

.ct-hpc-gray {
  background-color: #6f7164;
}

.ct-hpc-white {
  background-color: #fff;
  color: #000;
}

.ct-clear {
  background-color: #94937f;
}

.ct-hpc {
  background-color: #f2f2f2;
  color: black;
}

/* ----- /Tabla de colores ----- */

/* Fibra de vidrio */
.hero-content.fv_hero_container {
  height: auto;
}
.main.fv_main_container {
  height: auto;
}

.footer-container.fv_footer {
  position: relative;
}

div#whats_container.fv_whats {
  position: fixed;
}

.fv_container {
  background-color: rgba(5, 24, 53, 0.05);
  border-radius: 45px;
}

.fv_txt_container {
  padding: 15px;
}
/* /Fibra de vidrio */

.img_fv {
  width: 100%;
  border-radius: 45px;
}

/*FIT*/
.hero-content.fti_container {
  padding-bottom: 50px;
}

ul.ul_fti,
ul.ul_normas {
  display: block;
}

ul.ul_fti li,
ul.ul_normas li {
  padding: 0;
  margin: 0;
}
/* /FTI */

/* Accesorios */
.accesorios_container {
  background-color: rgba(5, 24, 53, 0.01);
  border-radius: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}

.accesorios_img_container {
  width: 60%;
  background-color: rgba(5, 24, 53, 1);
  border-radius: 45px;
  text-align: center;
  margin: 15px 0;
}

.accesorios_img {
  width: 85%;
}

.accesorios_txt_container {
  padding: 15px;
}

/* /Accesorios */

/* Contact */
div.data_contact_container {
  background: rgba(0, 0, 0, 0.025);
  padding: 25px;
  border-radius: 45px;
  text-align: center;
}

div.form_container {
  width: 100%;
}
/* /Contact */

/* Footer */

.footer-container {
  background-color: rgba(5, 24, 53, 0.05);
  width: 100%;
  height: 90px;
  position: absolute;
  bottom: -5px;
  /*border-top-left-radius: 45px;
  border-top-right-radius: 45px;*/
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.footer-container footer p {
  padding: 0;
  font-size: 1em;
}

@media (max-width: 320px) {
  .footer-container footer p {
    padding: 0px 10px;
    font-size: 0.65em;
  }
}

@media (min-width: 360px) and (max-width: 440px) {
  .footer-container footer p {
    padding: 0px 10px;
    font-size: 0.67em;
  }
}

@media (min-width: 441px) and (max-width: 749px) {
  .footer-container footer p {
    padding: 0px 10px;
    font-size: 0.75em;
  }
}

@media (max-width: 750px) {
  .footer-container {
    position: relative;
  }
}

/* /Footer */

.corrze_span {
  font-weight: bold;
}

.corrze_advantages_list {
  display: block;
}

.certificaciones_corrze,
.certificaciones_corrze ul {
  display: block;
}

.beneficios_corrze_list {
  display: block;
}

#whats_container.corrze_whats {
  position: fixed;
  bottom: 35px;
  right: 20px;
}

.font_bold {
  font-weight: bold;
}

.footer-container.corrze_footer {
  position: relative;
}

@media (max-width: 1000px) {
  .carousel-control-prev {
    left: -50px;
    background-image: url("../img/left.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35%;
  }

  .carousel-control-next {
    right: -50px;
    background-image: url("../img/right.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35%;
  }
}

.catalogo-footer {
  color: blue;
  font-weight: bold;
  font-size: 1rem;
}

.ul_ventajas__puertos_inspeccion {
  display: block;
}

.ul_ventajas__puertos_inspeccion li {
  padding: 0;
  margin: 10px 0;
}

.cartas__puertos {
  /*height: 150px;
  width: 180px;*/
  height: 120px;
  width: 130px;
  background-color: #e3e3e3;
  margin: 15px 20px;
  border-radius: 25px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
}

.cartas__puertos:hover {
  transform: scale(1.1);
  transform: translateY(-10px);
  background-color: rgba(5, 24, 53, 0.85);
  color: #fff;
}

.cartas__puertos:hover span {
  color: #000;
}

.cartas__puertos h3 {
  /*font-size: 1.25rem;*/
  font-size: 1.15rem;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.carta_puertos__temp {
  background-color: rgba(197, 200, 207, 0.9);
  position: absolute;
  bottom: -10px;
  width: 180px;
  border-radius: 20px;
  padding: 5px 10px;
  text-align: center;
}

.carta_puertos__temp span {
  font-size: 0.65rem;
}

.hero_info_container__puertos {
  padding-left: 15px;
}

.diagrama__puertos_container img {
  width: 100%;
  object-fit: cover;
  border-radius: 35px;
}

.accesorio_puerto_card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #e3e3e3;
  padding: 25px 15px;
  border-radius: 35px;
}

.accesorio_puerto_card img {
  height: 200px;
  object-fit: cover;
}

.extra_info_container_p {
  margin: 0;
  margin-top: 15px;
}

.accesorio_puerto_card_ul {
  display: flex;
  align-items: center;
  background-color: #e3e3e3;
  padding: 25px 15px;
  border-radius: 35px;
  height: 100%;
}

.accesorio_puerto_card_ul ul {
  display: block;
}

.table-data-general-puertos {
  border-collapse: collapse;
  width: 100%;
}

.table-data-general-puertos td {
  padding: 10px;
  text-align: center;
  background-color: #c0c0c0; /* Cambia el color de fondo según tus preferencias */
  border: 1px solid #000; /* Añade un borde con separación de 1px y color negro */
}

.puertos-table {
  border-collapse: collapse;
  width: 100%;
}

.puertos-table th,
.puertos-table td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  text-align: center;
}

.puertos-table th {
  background-color: #87ceeb;
  text-align: center; /* Azul claro */
}

.puertos-table tr:nth-child(even) {
  background-color: #f2f2f2; /* Color de fondo para filas pares */
}

.puertos-table tr:nth-child(odd) {
  background-color: #ffffff; /* Color de fondo para filas impares */
}

.puerto_individual_img {
  height: 400px;
}

.accesorios_puertos_ul {
  display: block;
}

.accesorio_puerto_card2_img img {
  height: 315px;
}

.product_title{
  font-size: 2.15em;
  font-weight: bold;
}

.sub_title{
  font-size: 1.15em;
  font-weight: bold;
}