/*-------Puertas blindadas----------*/
.section-blindadas {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.section-blindadas .bg-image-blindadas {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url('/fotos/a.png');
  background-size: cover;
  background-position: right;
  z-index: 1;
}

.section-blindadas .overlay-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 60% 0, 35% 100%, 0% 100%);
  background-color: #7b0000;
  z-index: 2;
}

.section-blindadas .text-container {
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  color: white;
  max-width: 35%;
  z-index: 3;
}

.section-blindadas .text-container h1 {
  font-size: 36px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0;
}

.section-blindadas .text-container p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.6;
  text-align: justify;
}

@media (max-width: 768px) {
  .section-blindadas .text-container {
    max-width: 80%;
    left: 20px;
  }

  .section-blindadas .text-container h1 {
    font-size: 28px;
  }

  .section-blindadas .text-container p {
    font-size: 14px;
  }

  .section-blindadas .overlay-triangle {
    clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
  }
}

.section-puertas-detalle {
  color: #000;
  position: relative;
  background: white;
  padding: 60px 0;
  font-family: Arial, sans-serif;
  overflow: hidden;
}

.section-puertas-detalle .forma-izquierda-detalle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  background: linear-gradient(to bottom right, #7b0000 60%, transparent 60%);
  z-index: 0;
  pointer-events: none;
}

.section-puertas-detalle .contenedor-detalle {
  max-width: 1000px;
  margin: auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.section-puertas-detalle .bloque-detalle {
  display: flex;
  align-items: flex-start;
  margin-bottom: 60px;
}

.section-puertas-detalle .bloque-detalle img {
  width: 150px;
  height: auto;
  object-fit: contain;
  margin-right: 40px;
}

.section-puertas-detalle .texto-detalle {
  max-width: 600px;
}

.section-puertas-detalle .texto-detalle h3 {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: bold;
}

.section-puertas-detalle .texto-detalle p {
  font-size: 15px;
  line-height: 1.6;
  text-align: justify;
}

@media (max-width: 768px) {
  .section-puertas-detalle .bloque-detalle {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .section-puertas-detalle .bloque-detalle img {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .section-puertas-detalle .texto-detalle {
    text-align: center;
  }

  .section-puertas-detalle .forma-izquierda-detalle {
    display: none;
  }
}

.blindaje-puertas-section {
  font-family: Arial, sans-serif;
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 0;
  margin: 0;
}

.blindaje-puertas-section .blindaje-titulo {
  background-color: #a10000;
  color: white;
  padding: 20px 0;
  font-size: 36px;
  font-weight: bold;
}

.blindaje-puertas-section table {
  width: 100%;
  max-width: 1000px;
  margin: 30px auto;
  border-collapse: collapse;
}

.blindaje-puertas-section th,
.blindaje-puertas-section td {
  border: 1px solid #ddd;
  padding: 15px;
  text-align: center;
}

.blindaje-puertas-section th {
  background-color: #a10000;
  color: white;
}

.blindaje-puertas-section .nivel {
  color: white;
  font-weight: bold;
}

.blindaje-puertas-section .nivel:nth-child(1) {
  background-color: #b30000;
}

.blindaje-puertas-section .nivel:nth-child(2) {
  background-color: #cc0000;
}

.blindaje-puertas-section .nivel:nth-child(3) {
  background-color: #d40000;
}

.blindaje-puertas-section .nivel:nth-child(4) {
  background-color: #dc0000;
}

.blindaje-puertas-section .nivel:nth-child(5) {
  background-color: #e30000;
}

.blindaje-puertas-section .nivel:nth-child(6) {
  background-color: #ea0000;
}

.blindaje-puertas-section .nivel:nth-child(7) {
  background-color: #f20000;
}

.blindaje-puertas-section .nivel:nth-child(8) {
  background-color: #fa0000;
}

.blindaje-puertas-section .negro {
  background-color: #000;
  color: #fff;
}

.blindaje-puertas-section .texto-inferior {
  max-width: 1000px;
  margin: 20px auto;
  font-size: 16px;
  text-align: justify;
  padding: 0 20px;
}

.blindaje-puertas-section .chapa {
  background-color: #8b0000;
  color: white;
  padding: 30px;
  margin: 40px auto;
  font-size: 16px;
  max-width: 900px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  text-align: left;
  flex-wrap: wrap;
}

.blindaje-puertas-section .chapa strong {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}

.blindaje-puertas-section .imagenes-final .imagen-chapa {
  width: 150px;
  height: 150px;
  object-fit: contain;
}

.blindaje-puertas-section .imagen-nivel {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.blindaje-puertas-section .texto-chapa {
  flex: 1;
  min-width: 240px;
}

@media (max-width: 768px) {
  .blindaje-puertas-section .chapa {
    flex-direction: column;
    text-align: center;
  }

  .blindaje-puertas-section .texto-chapa {
    text-align: center;
  }
}

.seccion-especial-blindadas {
  font-family: Arial, sans-serif;
  background-color: #fff;
  text-align: center;
  margin: 0;
  padding: 60px 0;
}

.seccion-especial-blindadas .contenedor-especial {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  gap: 30px;
  flex-wrap: wrap;
  padding: 0 20px;
}

.seccion-especial-blindadas .imagenes-especial {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.seccion-especial-blindadas .imagenes-especial img {
  width: 180px;
  height: auto;
  object-fit: contain;
  border-radius: 4px;
}

.seccion-especial-blindadas .texto-especial {
  background-color: #720000;
  color: white;
  padding: 40px 30px;
  text-align: left;
  max-width: 500px;
  border-radius: 8px;
}

.seccion-especial-blindadas .texto-especial h3 {
  font-size: 20px;
  margin-top: 0;
}

.seccion-especial-blindadas .texto-especial p {
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .seccion-especial-blindadas .contenedor-especial {
    flex-direction: column;
    align-items: center;
  }

  .seccion-especial-blindadas .texto-especial {
    text-align: center;
  }
}

/*-------Puertas pars boveda----------*/


.boveda-container {
  font-family: Arial, sans-serif;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  text-align: center;
  width: 100%;
}

.boveda-section {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

.boveda-header {
  background-color: #800000;
  color: white;
  padding: 30px 20px;
  font-size: 36px;
  font-weight: bold;
}

.boveda-intro {
  padding: 40px 20px;
  font-size: 16px;
  line-height: 1.6;
  text-align: justify;
  color: black;
}

.boveda-intro b {
  font-size: 18px;
}

.boveda-content-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.boveda-block-text {
  background-color: black;
  color: white;
  padding: 20px;
  max-width: 550px;
  text-align: left;
}

.boveda-block-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.boveda-block-description {
  font-size: 15px;
  line-height: 1.5;
}

.boveda-image-door {
  width: 130px;
}

.boveda-footer-section {
  background-color: #800000;
  color: white;
  padding: 30px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.boveda-footer-text {
  text-align: left;
  max-width: 600px;
}

.boveda-footer-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.boveda-footer-description {
  font-size: 14px;
  line-height: 1.6;
}

.boveda-image-lock {
  width: 130px;
}

.boveda-extra-section {
  width: 90%;
  max-width: 1000px;
  margin: 50px auto;
  font-family: Arial, sans-serif;
}

.boveda-extra-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 50px;
  text-align: left;
}

.boveda-extra-text {
  max-width: 600px;
  color: black;
}

.boveda-extra-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.boveda-extra-paragraph {
  font-size: 15px;
  line-height: 1.6;
}

.boveda-extra-img {
  width: 130px;
}

.boveda-extra-highlight {
  background-color: #800000;
  color: white;
  padding: 30px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  text-align: left;
}

.boveda-extra-highlight-text {
  font-size: 16px;
  line-height: 1.6;
  max-width: 500px;
}


/*-------Puertas exploción----------*/

.explosion-proof-section {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #fff;
  color: #000;
}

.explosion-proof-section .explosion-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

.explosion-proof-section .explosion-header {
  text-align: center;
  margin-top: 40px;
}

.explosion-proof-section .explosion-header h1 {
  font-size: 42px;
  color: #666;
  margin: 0;
}

.explosion-proof-section .explosion-header h2 {
  font-size: 48px;
  color: #000;
  margin: 0;
  font-weight: bold;
}

.explosion-proof-section .explosion-band {
  background-color: #7a0000;
  color: #fff;
  padding: 15px 20px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}

.explosion-proof-section .explosion-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  padding: 40px 0;
}

.explosion-proof-section .explosion-content img {
  max-width: 300px;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.explosion-proof-section .explosion-description {
  max-width: 500px;
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}

.explosion-proof-section .explosion-description h3 {
  font-size: 18px;
  color: #000;
  margin-top: 0;
}

.explosion-proof-section .explosion-footer {
  background-color: #000;
  color: #fff;
  padding: 40px 20px;
  text-align: center;
}

.explosion-proof-section .explosion-footer h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.explosion-proof-section .explosion-footer p {
  max-width: 900px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .explosion-proof-section .explosion-content {
    flex-direction: column;
    align-items: center;
  }

  .explosion-proof-section .explosion-description {
    text-align: center;
  }
}

.explosion-levels-section * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.explosion-levels-section {
  font-family: Arial, sans-serif;
  background-color: white;
  color: black;
  position: relative;
  padding: .1px 0;
}

.explosion-levels-section .fondo-dividido {
  display: flex;
  height: 3px;
}

.explosion-levels-section .lado-izquierdo {
  background-color: #5c0000;
  width: 28%;
  height: 800px;
}

.explosion-levels-section .lado-derecho {
  background-color: white;
  width: 50%;
}

.explosion-levels-section .contenido-centro {
  margin: 0 auto;
  width: 90%;
  max-width: 1000px;
  padding: 40px 20px;
  color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}

.explosion-levels-section .logo {
  position: absolute;
  top: 50px;
  right: 1px;
  text-align: center;
  color: #5c0000;
}

.explosion-levels-section .logo img {
  width: 110px;
  height: 73px;
}

.explosion-levels-section .logo p {
  font-weight: bold;
  margin-top: -10px;
  line-height: 1.2;
}

.explosion-levels-section .titulo {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-top: 90px;
  margin-bottom: 20px;
  color: rgb(0, 0, 0);
}

.explosion-levels-section table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.explosion-levels-section th {
  background-color: #7f0000;
  padding: 12px;
  font-size: 15px;
  border: 1px solid white;
  color: white;
}

.explosion-levels-section td {
  background-color: black;
  padding: 14px;
  border: 1px solid white;
  font-size: 14px;
  color: white;
}

.explosion-levels-section .nota {
  background-color: white;
  color: black;
  padding: 20px;
  font-size: 15px;
  margin-top: 20px;
  text-align: left;
  border-top: 4px solid black;
  max-width: 600px;
  margin-left: auto;
}

@media (max-width: 768px) {
  .explosion-levels-section .fondo-dividido {
    flex-direction: column;
    height: auto;
  }

  .explosion-levels-section .lado-izquierdo,
  .explosion-levels-section .lado-derecho {
    width: 100%;
    height: 150px;
  }

  .explosion-levels-section .logo {
    position: static;
    margin-bottom: 20px;
  }

  .explosion-levels-section .contenido-centro {
    position: static;
    transform: none;
    margin: auto;
    color: black;
  }

  .explosion-levels-section .nota {
    margin-left: 0;
    max-width: 100%;
  }
}

.explosion-independent-section {
  background-color: #fff;
  font-family: Arial, sans-serif;
  padding: 40px 0;
}

.explosion-independent-container {
  width: 90%;
  margin: auto;
}

.explosion-independent-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.explosion-independent-row.reverse {
  flex-direction: row-reverse;
}

.explosion-independent-text-box {
  width: 45%;
  color: #000000;
}

.explosion-independent-highlight-box {
  background-color: #7b0000;
  color: white;
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
}

.explosion-independent-image-box {
  width: 45%;
  text-align: center;
}

.explosion-independent-image-box img {
  max-width: 100%;
  height: auto;
}

.explosion-independent-container h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

.explosion-independent-container p {
  font-size: 16px;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .explosion-independent-row {
    flex-direction: column;
  }

  .explosion-independent-text-box,
  .explosion-independent-image-box {
    width: 100%;
  }
}

.explosion-independent-contenedor-sec {
  display: flex;
  height: 100vh;
  flex-wrap: wrap;
  font-family: 'Segoe UI', sans-serif;
}

.explosion-independent-contenedor-sec .lado-izquierdo-sec {
  background-color: #4b0000;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 150px;
}

.explosion-independent-contenedor-sec .lado-izquierdo-sec img {
  max-height: 90vh;
  max-width: 100%;
}

.explosion-independent-contenedor-sec .lado-derecho-sec {
  background-color: #a10000;
  flex: 1;
  display: flex;
  align-items: center;
  padding: 20px;
}

.explosion-independent-contenedor-sec .texto-sec {
  color: white;
  font-size: 4vw;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.1;
}

@media (max-width: 768px) {
  .explosion-independent-contenedor-sec {
    flex-direction: column;
  }

  .explosion-independent-contenedor-sec .lado-derecho-sec {
    justify-content: center;
    text-align: center;
  }

  .explosion-independent-contenedor-sec .texto-sec {
    font-size: 8vw;
  }
}

/*-------Puertas exploción----------*/


.fire-doors-section {
  font-family: Arial, sans-serif;
  background: #fff;
  color: #000;
  margin-top: 60px;
}

.fire-doors-section .title {
  background-color: #7a0000;
  color: white;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
}

.fire-doors-section .container {
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}

.fire-doors-section .intro {
  font-size: 16px;
  line-height: 1.6;
}

.fire-doors-section .intro span {
  color: #b10000;
  font-weight: bold;
}

.fire-doors-section .fire-section {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 30px;
}

.fire-doors-section .left-side {
  flex: 1;
}

.fire-doors-section .left-side h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

.fire-doors-section .retardo-table {
  border-collapse: collapse;
  width: 100%;
  max-width: 350px;
}

.fire-doors-section .retardo-table th {
  background-color: #7a0000;
  color: white;
  padding: 10px;
  text-align: center;
}

.fire-doors-section .retardo-table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #000;
  background-color: #000;
  color: white;
}

.fire-doors-section .left-side p {
  margin-top: 15px;
}

.fire-doors-section .right-side {
  flex: 1;
  background-color: #000;
  color: white;
  padding: 0.5px;
  text-align: center;
}

.fire-doors-section .right-side img {
  width: 200px;
  height: 150px;
  margin-bottom: 10px;
}

.fire-doors-section .right-side p {
  font-size: 14px;
}

.fire-doors-section .below-section {
  display: flex;
  margin-top: 30px;
  gap: 20px;
}

.fire-doors-section .below-section img {
  width: 300px;
  height: 300px;
}

.fire-doors-section .below-section p {
  font-size: 14px;
  margin: 0;
}

.fire-doors-section .below-section .text-block {
  flex: 1;
}

.fire-doors-section .bottom-bar {
  background-color: #7a0000;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px;
  margin-top: 40px;
  gap: 20px;
}

.fire-doors-section .bottom-bar p {
  font-size: 14px;
  margin: 0;
  flex: 1;
}

.fire-doors-section .bottom-bar img {
  width: 120px;
  height: auto;
}

@media (max-width: 768px) {

  .fire-doors-section .fire-section,
  .fire-doors-section .below-section,
  .fire-doors-section .bottom-bar {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .fire-doors-section .below-section img,
  .fire-doors-section .bottom-bar img {
    margin-bottom: 15px;
  }
}

.puertas-fuego-detalles {
  font-family: Arial, sans-serif;
  background: #fff;
  color: #000;
  padding: 40px 20px;
  max-width: 1000px;
  margin: auto;
}

.puertas-fuego-detalles .seccion-puerta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}

.puertas-fuego-detalles .seccion-puerta img {
  width: 220px;
  height: auto;
}

.puertas-fuego-detalles .texto-puerta,
.puertas-fuego-detalles .bloque-rojo {
  flex: 1;
}

.puertas-fuego-detalles .texto-puerta h3,
.puertas-fuego-detalles .bloque-rojo h3 {
  margin-top: 0;
  font-size: 20px;
}

.puertas-fuego-detalles .texto-puerta p,
.puertas-fuego-detalles .bloque-rojo p {
  font-size: 14px;
  line-height: 1.6;
}

.puertas-fuego-detalles .bloque-rojo {
  background-color: #7a0000;
  color: white;
  padding: 20px;
}

.puertas-fuego-detalles .reverse {
  flex-direction: row-reverse;
}

@media (max-width: 768px) {
  .puertas-fuego-detalles .seccion-puerta {
    flex-direction: column !important;
    text-align: center;
  }

  .puertas-fuego-detalles .seccion-puerta img {
    margin-bottom: 20px;
  }
}

/*-------Puertas emergencia----------*/

.puertas-emergencia-bloque * {
  box-sizing: border-box;
}

.puertas-emergencia-bloque {
  font-family: Arial, sans-serif;
  background-color: #000;
  color: #fff;
  padding-bottom: 40px;
}

.puertas-emergencia-bloque .main-container {
  max-width: 1000px;
  margin: 0 auto;
}

.puertas-emergencia-bloque .banner {
  background-color: #a50000;
  text-align: center;
  padding: 30px 20px;
}

.puertas-emergencia-bloque .banner h1 {
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 1px;
}

.puertas-emergencia-bloque .intro {
  padding: 25px 30px;
  font-size: 16px;
  line-height: 1.6;
  text-align: justify;
}

.puertas-emergencia-bloque .section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 30px;
}

.puertas-emergencia-bloque .subsection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
}

.puertas-emergencia-bloque .subsection:nth-child(even) {
  flex-direction: row-reverse;
}

.puertas-emergencia-bloque .text-block {
  flex: 1 1 400px;
  padding: 20px;
}

.puertas-emergencia-bloque .text-block h3 {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
}

.puertas-emergencia-bloque .text-block p {
  font-size: 15px;
  margin-top: 10px;
}

.puertas-emergencia-bloque .image-block {
  flex: 1 1 250px;
  text-align: center;
}

.puertas-emergencia-bloque .image-block img {
  width: 160px;
  height: auto;
  display: block;
  margin: 0 auto;
  border: none;
}

.puertas-emergencia-bloque .highlight {
  background-color: #a50000;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.puertas-emergencia-bloque .highlight .highlight-img {
  flex: 1 1 200px;
  text-align: center;
}

.puertas-emergencia-bloque .highlight .highlight-img img {
  width: 140px;
  height: auto;
  display: block;
  margin: 0 auto;
  border: none;
}

.puertas-emergencia-bloque .highlight .highlight-text {
  flex: 2 1 400px;
  padding: 20px;
  color: white;
}

.puertas-emergencia-bloque .highlight .highlight-text h3 {
  font-size: 20px;
  margin-top: 0;
}

.puertas-emergencia-bloque .highlight .highlight-text p {
  font-size: 15px;
  margin-top: 10px;
}

@media (max-width: 768px) {

  .puertas-emergencia-bloque .subsection,
  .puertas-emergencia-bloque .highlight {
    flex-direction: column !important;
    text-align: center;
  }

  .puertas-emergencia-bloque .text-block,
  .puertas-emergencia-bloque .image-block,
  .puertas-emergencia-bloque .highlight-text,
  .puertas-emergencia-bloque .highlight-img {
    padding: 10px 0;
  }

  .puertas-emergencia-bloque .image-block img,
  .puertas-emergencia-bloque .highlight .highlight-img img {
    width: 120px;
  }
}

/*-------Puertas louver----------*/

.bloque-louver * {
  box-sizing: border-box;
}

.bloque-louver {
  font-family: Arial, sans-serif;
  background-color: #fff;
  color: #000;
}

.bloque-louver .main-container {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.bloque-louver .banner {
  background-color: #a50000;
  text-align: center;
  padding: 20px 20px;
}

.bloque-louver .banner h1 {
  margin: 0;
  font-size: 48px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.bloque-louver .intro {
  padding: 30px;
  text-align: center;
}

.bloque-louver .intro h2 {
  font-size: 22px;
  font-weight: bold;
}

.bloque-louver .intro p {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 15px;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.bloque-louver .section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px;
}

.bloque-louver .text-block {
  flex: 1 1 400px;
  padding: 20px;
}

.bloque-louver .text-block h3 {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
}

.bloque-louver .text-block p {
  font-size: 15px;
  margin-top: 10px;
}

.bloque-louver .image-block {
  flex: 1 1 250px;
  text-align: center;
}

.bloque-louver .image-block img,
.bloque-louver .center-section img {
  max-width: 200px;
  height: auto;
  border: none;
  display: block;
  margin: 0 auto;
}

.bloque-louver .center-section {
  text-align: center;
  padding: 20px;
}

.bloque-louver .center-section h3 {
  font-size: 18px;
  margin-top: 0;
}

.bloque-louver .center-section p {
  font-size: 15px;
  margin: 10px auto;
  max-width: 600px;
}

@media (max-width: 768px) {
  .bloque-louver .section {
    flex-direction: column;
    text-align: center;
  }

  .bloque-louver .text-block,
  .bloque-louver .image-block {
    padding: 10px 0;
  }
}

/*-------Puertas uso general----------*/

.general-doors-section {
  font-family: Arial, sans-serif;
  background: white;
  margin: 0;
  padding: 0;
  text-align: center;
}

.general-doors-section .gd-header {
  background-color: #7d0f0f;
  color: white;
  padding: 30px;
}

.general-doors-section .gd-header h1 {
  font-size: 32px;
  margin-bottom: 20px;
}

.general-doors-section .gd-header p {
  font-size: 16px;
  margin: 5px auto;
  max-width: 800px;
}

.general-doors-section .gd-section,
.general-doors-section .gd-content,
.general-doors-section .gd-bottom {
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}

.general-doors-section .gd-section {
  background-color: black;
  color: white;
}

.general-doors-section .gd-content,
.general-doors-section .gd-bottom {
  background-color: white;
  color: black;
}

.general-doors-section img {
  max-height: 250px;
  margin: 10px;
}

.general-doors-section .gd-text-block {
  max-width: 400px;
  text-align: left;
  margin: 10px;
}

.general-doors-section .gd-text-block h2 {
  color: inherit;
}

.general-doors-section .gd-text-block p {
  color: inherit;
}

.extra-section-wrapper {
  font-family: Arial, sans-serif;
  background-color: #fff;
  text-align: center;
}

.extra-section-wrapper .extra-section {
  margin: 50px auto;
  width: 90%;
  max-width: 1000px;
}

.extra-section-wrapper .image-full {
  width: 100%;
  max-width: 800px;
  border: none;
}

.extra-section-wrapper .content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.extra-section-wrapper .text-left {
  text-align: left;
  max-width: 500px;
  color: black;
}

.extra-section-wrapper .title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}

.extra-section-wrapper .paragraph {
  font-size: 15px;
  line-height: 1.6;
}

.extra-section-wrapper .img-door {
  width: 130px;
}

.extra-section-wrapper .highlight-section {
  background-color: #800000;
  color: white;
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.extra-section-wrapper .highlight-text {
  text-align: left;
  max-width: 600px;
}

.extra-section-wrapper .highlight-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.extra-section-wrapper .highlight-paragraph {
  font-size: 15px;
  line-height: 1.6;
}

.extra-section-wrapper .footer-section {
  background-color: black;
  color: white;
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.extra-section-wrapper .footer-text {
  text-align: left;
  max-width: 600px;
}

.extra-section-wrapper .footer-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.extra-section-wrapper .footer-paragraph {
  font-size: 14px;
  line-height: 1.6;
}

.extra-section-wrapper .img-handle {
  width: 90px;
}

/*------- Puertas seguridad banner ----------*/

.puertas-seguridad {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #ffffff;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 40px 0;
}

.puertas-seguridad .header-seguridad {
  text-align: center;
}

.puertas-seguridad .header-seguridad h1 {
  font-size: 40px;
  color: #b10000;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}

.puertas-seguridad .header-seguridad h1::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #b10000;
  margin-top: 5px;
}

.puertas-seguridad .header-seguridad h2 {
  font-size: 24px;
  color: #333;
  margin-top: 10px;
}

.puertas-seguridad .image-container {
  margin: 40px 0 20px;
  width: 90%;
  max-width: 800px;
}

.puertas-seguridad .image-container img {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.puertas-seguridad .description {
  max-width: 800px;
  padding: 0 20px 40px;
  font-size: 18px;
  line-height: 1.7;
  text-align: justify;
}

.puertas-seguridad .description b {
  font-weight: bold;
}