*, html{font-family:'Roboto';box-sizing: border-box;margin: 0;padding: 0;}
@font-face{font-family:'Roboto';src:url('fonts/Roboto-Regular.woff2') format('woff2'),url('fonts/Roboto-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
html{scroll-behavior:smooth;}
body{background: #f4f2ee;font-family:'Roboto';height: 100%;margin:0;padding:0;width: 100%;}
div.fondo {background:#f4f2ee;height: auto;display: block;padding: 20px;justify-content: center;align-items: center;}
div.fondo div.texto {font-size: 200px;font-weight: bold;background: url('man4.jpg') no-repeat center center;background-size: cover;color: transparent;-webkit-background-clip: text;background-clip: text;margin: 0 auto;text-align: center;width: 80%;}
div.fondo p{font-size:50px;text-align: center;}
div#wrapComments{background: white;height: auto;margin-left:145px;margin-top:10px;padding: 0;padding:20px;width: 50.4%;}
div#wrapComments h2{font-size:30px;margin: 10px;}
div#wrapComments input,
div#wrapComments textarea{border:none;border:1px solid rgba(0,0,0,.22);display: block;font-size:18px;height: auto;margin:10px;padding:10px;width: 50%;}
div#postComments{background: ;height: auto;margin-top:10px;padding: 0;padding:0px;margin-left:145px;width: 50.4%;}
div#postComments div.line{margin: 0 auto;text-align: center;width: 70%;}
div#postComments ul.ulComments{background: white;border-bottom:1px solid #CCC;height: auto;margin: 0 auto;margin-top:10px;padding: 0;padding-bottom:20px;position: relative;width: 100%;}
div#postComments ul.ulComments li{background:;display: inline-block;height: auto;margin: 0 auto;padding: 0;width: auto;}
div#postComments ul.ulComments li img{border-bottom-right-radius: 20px;border-top-left-radius: 20px;float: left;height: 70px;margin-left:20px;margin-bottom:0px;margin-top:20px;vertical-align: middle;width:70px;}
div#postComments ul.ulComments li p.fecha{background: ;position: absolute;top:10px;right: 10px;}
div#postComments ul.ulComments li p.comments{background:;margin-left:100px;padding:10px;padding-left:0;text-align: justify;width: 85%;}
div#postComments ul.ulComments li strong{color:#0a66c2;font-size:18px;left:80px;padding:20px;position: absolute;top:0px;}
div#postComments ul.ulComments li img#f-secure{width: 20px;}
/* Botones de Accion */
div#wrapAccion{background:;height: auto;margin: 0 auto;padding: 0;text-align: center;width: 100%;}
a.btnAccion2{margin-bottom:20px;margin-top:20px;background:white ;display: inline-block;width: auto;height: auto;line-height: 40px;font-size: 18px;font-family: sans-serif;margin-right:20px;padding:10px;text-decoration: none;color: #000;border: none;letter-spacing: 2px;text-align: center;position: relative;transition: all .35s;}
a.btnAccion2 span{position: relative;}
a.bAccion2:after{position: absolute;content: "";top: 0;left: 0;width: 0;height: 100%;background: #ff003b;transition: all .35s;}
a:hover{color: #fff;}
a:hover:after{background: black;color:white;width: 100%;}
a.btnAccion3{margin-top:20px;background:crimson ;display: inline-block;width: auto;height: auto;line-height: 40px;font-size: 20px;font-family: sans-serif;margin-right:20px;padding:10px;text-decoration: none;color: #fff;border: none;letter-spacing: 2px;text-align: center;position: relative;transition: all .35s;}
a.btnAccion3 span{position: relative;z-index: 0;}
a.btnAccion3:after{position: absolute;content: "";top: 0;left: 0;width: 0;height: 100%;background: #ff003b;transition: all .35s;}
a:hover{color: #fff;}
a:hover:after{width: 100%;}
a.btnAccion2{background: crimson;color: white;padding: 10px 20px;}
a.btnAccion2#pp{background:white;color:#000;}
a.btnAccion2#pp:hover{background:white;color:white;}
a.btnAccion2#ll{background:#ff4500;color:white;}
a.btnAccion2#wa{background:#25D366;}
a.btnAccion2#quo{margin-top:20px;}




/* Footer */
footer#x{background-color:rgba(0,0,0,.8);background-image:url("https://www.bunkerdelta.mx/img/textureone.png");color:white;font-family:'Roboto';height: auto;margin:0 auto;margin-top:40px;padding-bottom:0px;padding-top:0px;text-align: center;width: 100%;}
footer#x ul{background:;height: auto;margin:0 auto;text-align: center;width: 90%;}
footer#x ul li{background: ;border-right:1px solid rgba(255,255,255,.6);display: inline-block;height: auto;margin:0 auto;text-align: left;width: 30%;}
footer#x ul li#empresa img{padding-bottom:20px;padding-top:20px;width: 200px;}
footer#x ul li#empresa h1{font-size:30px;margin-bottom:30px;}
footer#x ul li#empresa p{color:white;font-family: 'Roboto';font-size:20px;text-align: left;width: 90%;}
footer#x ul li#enlaces ul{background: ;display: block;width: 100%;}
footer#x ul li#enlaces ul a{color:white;text-decoration: none;}
footer#x ul li#enlaces ul li{background: ;border: none;font-size:20px;margin-bottom:10px;margin-top:0px;width: 90%;}
footer#x ul li#enlaces ul li:hover{color: #ff4500;cursor:pointer;}
footer#x ul li#enlaces h1{margin-bottom: 20px;padding-left:20px;}
footer#x ul li#contacto ul{background: ;display: block;margin-right: 20px;width: 100%;}
footer#x ul li#contacto ul li{border: none;font-size:20px;margin-bottom:10px;margin-top:0px;margin-right:0px;padding-right:0px;width: 90%;}
footer#x ul li#contacto ul li img{margin-right:10px;vertical-align: middle;width: 30px;height: 30px;}
footer#x ul li#contacto h1{margin-bottom: 20px;padding-left:20px;}
footer#x ul li#empresa img.socials{margin-top:30px;margin-right:10px;width: 40px;}
footer#x ul li#empresa img.socials:hover{cursor: pointer;}
/* Contacto */
section#contacto{background-image: url("https://bunkerdelta.mx/img/seventeen-banner-1.jpg");background-size: cover;background-position:top;color:white;height: auto;margin: 0 auto;padding: 0;width: 100%;}
section#contacto ul{background:;display: inline-block;height: auto;list-style: none;margin: 0 auto;margin-bottom:50px;margin-top:50px;padding: 0;text-align: center;width: 100%;}
section#contacto ul li{background: inherit;border-radius:0px;height: auto;margin: 0 auto;padding: 0;text-align: center;width: 45%;}
section#contacto ul li#leftA_01z{background: none;width: 40%;}
section#contacto ul li#rightA_01z{background: rgba(255,255,255,.6);backdrop-filter: blur(20px);width: 50%;}
section#contacto ul li#rightA_01z h2{color:crimson;font-size:40px;font-weight: bold;padding-left:30px;padding-top:30px;text-align: left;}
section#contacto ul li#rightA_01z div.p-c{color:#000;font-size:20px;margin: 0 auto;margin-bottom:20px;margin-top:10px;text-align:justify;width: 90%;}
section#contacto ul li#rightA_01z div.p-c a{border-bottom: 1.5px dotted crimson;color:crimson;cursor: pointer;font-size:;letter-spacing: 1.5px;text-decoration: none;}
section#contacto ul li#rightA_01z div.p-c a mark{background: crimson;color:white;}
section#contacto ul li#rightA_01z div.p-c b{border-bottom:0px dotted red;color:black;font-weight: bold;text-decoration: underline;}
section#contacto ul li#rightA_01z form{height: auto;margin: 0;padding:0;padding-top:30px;width: 100%;}
section#contacto ul li#rightA_01z form input,
section#contacto ul li#rightA_01z form select,
section#contacto ul li#rightA_01z form textarea,
section#contacto ul li#rightA_01z form button{background: white;border:none;border-radius:2px;color:#171717;font-size:20px;height: auto;margin: 0;margin-bottom:20px;margin-right:20px;outline: none;padding:10px;padding-bottom:20px;padding-left:20px;padding-top:20px;width:40%;}
section#contacto ul li#rightA_01z form textarea,
section#contacto ul li#rightA_01z form select{display: block;margin-bottom:20px;margin-left:45px;text-align: left;width: 84%;}
section#contacto ul li#rightA_01z form textarea{height: 125px;}
section#contacto ul li#rightA_01z form button.submit{background: crimson;color:white;float: ;margin-left:0px;text-align:center;width: 83%;}
/* Menú*/
div.containerMenuResponsive, nav#navResponsive{display: none;}
/* Compartir en Redes sociales */
div.wrapCompartir{background: rgba(0,0,0,.4);padding:10px;}
div.wrapCompartir a img{cursor: pointer;opacity: .58;margin-left:20px;margin-right:20px;transition: all .35s;}
div.wrapCompartir a img:hover{opacity: 1;}
@keyframes slider {to {-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}}
img#closeNavPro{cursor: pointer;position: absolute;right:10px;top:10px;}
nav.pro{position:;background: rgba(255,255,255,.8);backdrop-filter: blur(20px);height: auto;margin: 0;padding: 0;text-align: center;width: 100%;z-index:17000;}
nav.pro ul{backdrop-filter: blur(20px);height: auto;margin: 0 auto;padding:0;text-align: center;width:100%;}
nav.pro ul li{align-content: center;background: ;display: inline-table;height: auto;list-style: none;margin-left:10px;margin-right:10px;padding:0px;}
nav.pro ul li#logoPro img{background: ;align-items: center;margin: 0;padding:0;vertical-align: middle;width: 150px;}
nav.pro ul li a{color:#151515;text-decoration: none;}
nav.pro ul li a.btnDemostracion{background: crimson;color:white;cursor: pointer;padding:10px;}
nav.pro ul li a.btnDemostracion:hover{color:white;}
nav.pro ul li a:hover{color:crimson;}
.tooltip {position: relative;display: block;border-bottom: 1px dotted #000;z-index:16000;}
.tooltip .tooltiptext {z-index:16000;background-color: crimson;border-radius: 2px;height: auto;left:-120px;padding-left:20px;padding-right:20px;visibility: hidden;width: 300px;color: #fff;text-align: center;padding: 5px 0;position: absolute;top:40px;z-index: ;}
.tooltip:hover .tooltiptext {visibility: visible;z-index:16000;}
.tooltip .tooltiptext img{height: 20px;margin-right:10px;vertical-align: middle;width: 20px;}
/* Botones Contacto */
.whatsapp-container {position: fixed;bottom: 20px;right: 20px;width: 60px;height: 60px;z-index: 999;}
.pulse-ringw {position: absolute;width: 60px;height: 60px;background: rgba(37, 211, 102, 0.4);border-radius: 50%;animation: pulse 2s infinite;top: 0;left: 0;z-index: 1;}
.pulse-ring::before,
.pulse-ring::after {content: "";position: absolute;width: 100%;height: 100%;border-radius: 50%;background: rgba(37, 211, 102, 0.4);animation: pulse 2s infinite;}
.pulse-ring::before {animation-delay: 0.6s;}
.pulse-ring::after {animation-delay: 1.2s;}
@keyframes pulse {0% {transform: scale(1);opacity: 0.7;}100% {transform: scale(2.5);opacity: 0;}}
.whatsapp-button {position: relative;background-color: #25D366;border-radius: 50%;width: 60px;height: 60px;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);animation: blink 1.4s infinite;z-index: 2;transition: transform 0.2s ease-in-out;}
.whatsapp-button:hover {transform: scale(1.1);}
.whatsapp-button img {width: 50px;height: 50px;}
@keyframes blink {0%, 100% {opacity: 1;}50% {opacity: 0.5;}}
.phone-container {position: fixed;bottom: 20px;left: 20px;width: 60px;height: 60px;z-index: 1000;}
.pulse-ring {position: absolute;width: 60px;height: 60px;background: rgba(220, 20, 60, 0.4);border-radius: 50%;animation: pulse 2s infinite;top: 0;left: 0;z-index: 1;}
.pulse-ring::after,.pulse-ring::before {content: "";position: absolute;width: 100%;height: 100%;border-radius: 50%;background: rgba(220, 20, 60, 0.4);animation: pulse 2s infinite;}
.pulse-ring::before {animation-delay: 0.5s;}
.pulse-ring::after {animation-delay: 1s;}
@keyframes pulse {0% {transform: scale(1);opacity: 0.8;}100% {transform: scale(2.5);opacity: 0;}}
.phone-button {position: relative;background-color: crimson;border-radius: 50%;width: 60px;height: 60px;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);animation: blink 1.2s infinite;z-index: 2;}
.phone-button:hover {transform: scale(1.1);}
.phone-button img {width: 40px;height: 40px;}
@keyframes blink {0%, 100% {opacity: 1;}50% {opacity: 0.6;}}
/* Estilos generales para la tabla */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: hidden;
}

/* Encabezado de la tabla */
thead {
  background-color: #004080; /* azul oscuro corporativo */
  color: #fff;
}

thead th {
  text-align: left;
  padding: 1rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Cuerpo de la tabla */
tbody td {
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
}

/* Última fila sin borde inferior */
tbody tr:last-child td {
  border-bottom: none;
}

/* Fila alterna para mejorar legibilidad */
tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Blog */


div#blogList{background: white;height: auto;margin: 0;padding: 0;width: 100%;}
div#blogList span{color:crimson;font-size:45px;padding-left:50px;}
div#categoriaBlog{background: ;font-size:21px;height: auto;margin: 0;margin-bottom:20px;margin-top:20px;padding: 0;padding-left:50px;width: 100%;}
div#categoriaBlog a{color:crimson;text-decoration: none;}
div#categoriaBlog h1{background: crimson;color:white;display: inline-block;font-size:28px;padding: 5px;}
div#blog{background:;height: auto;margin: 0;padding: 0;text-align: center;width: 100%;}
div#blog ul{
  background: ;
  list-style: none; /* Quita los puntos */
  padding: 0;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}
div#blog ul li{
  float: left;
   margin-right: 10px; /* Espacio entre los elementos */
   padding: 10px;
}
div#blog ul::after {
  content: "";
  display: table;
  clear: both;
}
div#blog ul li#uno{
  width: 65%;
}
div#blog ul li#uno h2{text-align: left;}
div#blog ul li#uno p{font-size:20px;margin-bottom:15px;margin-top:15px;text-align: justify;}
div#blog ul li#uno a button{background: crimson;border:none;color:white;font-size:22px;height: auto;padding:10px;}
div#blog ul li#uno a button.contactoWhats{background: rgba(81,174,50,.9);color:white;}
div#blog ul li#uno a button#btnTelBlog{background: #171717;color:white;}
div#blog ul li#uno p.titlepageBlog{font-size:24px;font-weight: bold;}
div#blog ul li#uno img.imgArt{margin-top:20px;width: 100%;}
div#blog ul li#uno  div#titulo{font-size:30px;font-weight: bold;}

div#blog ul li#dos{     width: 31%;}
div#blog ul li#dos div#titleCategorias1{font-size:30px;font-weight: bold;margin-bottom:10px;padding-left:0px;text-align: center;}
div#blog ul li#dos div#lineCat{background: crimson;height: 05px;margin:0 auto;margin-bottom:20px;text-align:center;;width: 150px;}
div#blog ul li#dos ul{background: ;display: block;height: auto;margin: 0;padding: 0;width: 100%;}
div#blog ul li#dos ul li{background: white;color:#171717;display: block;font-size:22px;height: auto;margin: 0;margin-bottom:10px;padding: 10px;margin-left:0px;text-align: left;width: 100%;}
div#blog ul li#dos ul li a{color:#171717;cursor: pointer;text-decoration: none;}
div#blog ul li#dos ul li a:hover{color:crimson;}
div#blog ul li#dos ul#ul{list-style: none;text-decoration: none;}
div#blog ul li#dos ul#ul img{width: 100%;}
div#blog ul li#dos ul#ul li a{color:#171717;cursor: pointer;text-decoration: none;}
div#blog ul li#dos ul#ul li a:hover{color:crimson;}

  /* Contenedor de la sección */
  #servicios-incluidos {
  max-width: 800px;
  margin: 40px auto;
  padding: 30px;
  background-color: #f9f9f9;
  border-left: 6px solid #2980b9;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}

#servicios-incluidos h2 {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 20px;
}

#servicios-incluidos ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

#servicios-incluidos li {
  flex: 1 1 45%;
  background-color: #ffffff;
  padding: 12px 16px;
  border-left: 4px solid #27ae60;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s ease;
}

#servicios-incluidos li:hover {
  background-color: #f0f8ff;
}
.areaCobertura {
  max-width: 800px;
  margin: 40px auto;
  padding: 30px;
  background-color: #f9f9f9;
  border-left: 6px solid #8e44ad; /* Color distinto para esta sección */
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}

.areaCobertura h2 {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 10px;
}

.areaCobertura p {
  font-size: 16px;
  margin-bottom: 20px;
}

.areaCobertura ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.areaCobertura li {
  flex: 1 1 45%;
  background-color: #ffffff;
  padding: 12px 16px;
  border-left: 4px solid #9b59b6; /* Ligera variación del borde principal */
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s ease;
}

.areaCobertura li:hover {
  background-color: #f0f8ff;
}

/* Paginación de artículos */
span.artAnterior{background: white;display: inline-table;height: auto;line-height: 20px;margin: 0 auto;margin-top:20px;padding: 10px;text-align: left;width: 50%;}
span.artSiguiente{background: white;display: inline-table;height: auto;line-height: 20px;margin: 0 auto;margin-top:20px;padding: 10px;text-align:right;width: 50%;}
span.artAnterior a,
span.artSiguiente a{text-decoration:none;color:#000;cursor: pointer;}
span.artAnterior a:hover,
span.artSiguiente a:hover{color:crimson;}
span.artAnterior div,
span.artSiguiente div{color:crimson;font-weight: bold;letter-spacing: 1.2px;margin-bottom:10px;}
/* Programación del Blog */
div#contenedorArticulosBlog{background: ;height: auto;margin: 0 auto;padding: 0;text-align: center;width: 100%;}
div#contenedorArticulosBlog div.tarjetasArticulos{background: white;border:05px solid white;color:#171717;display: inline-table;height: 500px;margin: 0 auto;margin-bottom:20px;margin-right:20px;opacity: .7;padding: 10px;position: relative;text-align: center;transition: all 0.4s ease-out;width: 350px;}
div#contenedorArticulosBlog div.tarjetasArticulos:hover{border:05px solid crimson;opacity: .7;}
div#contenedorArticulosBlog div.tarjetasArticulos a{color:#171717;text-decoration: none;}
div#contenedorArticulosBlog div.tarjetasArticulos img{height: 300px;position: absolute;left:0px;top:60px;width: 100%;}
div#contenedorArticulosBlog div.tarjetasArticulos h2.title{background:;height: 125px;width: 100%;position: absolute;left:0px;bottom:0px;padding: 10px;text-align: center;}
div#contenedorArticulosBlog div.tarjetasArticulos span.fecha{background: crimson;color:white;font-size: 18px;padding:10px;position: absolute;right:0;top:0;width: auto;}
/* Paginación Blog*/
div#pagination{background:;color:#151515;font-size:22px;height: auto;margin: 0;padding: 10px;text-align: center;width: 100%;}
div#pagination h2{margin-left:40px;}
div#paginationBlog{background:;color:#151515;font-size:22px;height: auto;margin: 0 auto;padding: 0px;text-align: center;width: 100%;}
div#paginationBlog form{margin: 0 auto;width: 50%;}
div#paginationBlog form select, div#paginationBlog form input{background: white;border:none;color:#171717;font-size:20px;height: auto;margin: 0;margin-bottom:10px;padding: 10px;width: 100%;}
div#paginationBlog form input#submitCategorias{background: crimson;color:white;cursor: pointer;}
/* Paginación */
.paginacion {display: flex;justify-content: center;margin-bottom: 30px;margin-top: 30px;gap: 8px;flex-wrap: wrap;}
.paginacion a,
.paginacion strong {display: inline-block;padding: 10px 15px;border: 1px solid #007BFF;color: #007BFF;text-decoration: none;border-radius: 5px;transition: all 0.3s ease;font-family: Arial, sans-serif;font-size: 14px;}
.paginacion a:hover {background-color: #007BFF;color: #fff;transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3);}
.paginacion strong {background-color: #007BFF;color: white;font-weight: bold;cursor: default;transform: scale(1.05);}
#factores {
  max-width: 800px;
  margin: 40px auto;
  padding: 30px;
  background-color: #f9f9f9;
  border-left: 6px solid #2c3e50;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}

#factores h2 {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 20px;
}

#factores ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

#factores li {
  flex: 1 1 45%;
  background-color: #ffffff;
  padding: 12px 16px;
  border-left: 4px solid #2980b9;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s ease;
}

#factores li:hover {
  background-color: #f0f8ff;
}

#contenedor {
  position: relative;
  width: 100%;
  height: 50px;
  background: #CCC;
  overflow: hidden;
}

#fila-textos {
  position: absolute;
  display: flex;
  gap: 30px;
  white-space: nowrap;
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.texto {
  background: ;
  padding: 10px 20px;
  border-radius: 5px;
  white-space: nowrap;
}
.texto a{
  text-decoration: none;
  color:rgba(0,0,0,1);
}


@media (max-width: 768px){
  div#wrapComments{background: white;height: auto;margin: 0 auto;margin-top:10px;padding: 0;padding:20px;width: 95%;}
  div#wrapComments h2{font-size:30px;margin: 10px;}
  div#wrapComments input,
  div#wrapComments textarea{border:none;border:1px solid rgba(0,0,0,.22);display: block;font-size:18px;height: auto;margin:10px;padding:10px;width: 95%;}
  div#postComments{background: ;height: auto;margin: 0 auto;margin-top:10px;padding: 0;padding:0px;width: 95%;}
  div#postComments div.line{margin: 0 auto;text-align: center;width: 70%;}
  div#postComments ul.ulComments{background: white;border-bottom:1px solid #CCC;height: auto;margin: 0 auto;margin-top:10px;padding: 0;padding-bottom:20px;position: relative;width: 100%;}
  div#postComments ul.ulComments li{background:;display: inline-block;height: auto;margin: 0 auto;padding: 0;width: auto;}
  div#postComments ul.ulComments li img{float: left;margin-left:20px;margin-bottom:0px;margin-top:20px;vertical-align: middle;width:70px;}
  div#postComments ul.ulComments li p.fecha{background: ;position: absolute;top:0px;right: 10px;}
  div#postComments ul.ulComments li p.comments{background:;margin-left:100px;padding:10px;padding-left:0;text-align: justify;width: 85%;}
  div#postComments ul.ulComments li strong{color:#0a66c2;font-size:18px;left:80px;padding:20px;position: absolute;top:0px;}
  /* Footer */
  footer#x{background-color:rgba(0,0,0,.8);background-image:url("https://www.bunkerdelta.mx/img/textureone.png");color:white;font-family:'Roboto';height: auto;margin:0 auto;margin-top:0px;padding:0;padding-bottom:0px;padding-top:0px;text-align: center;width: 100%;}
  footer#x ul{background:;height: auto;margin:0 auto;text-align: center;width: 100%;}
  footer#x ul li{background: ;border-right:1px solid rgba(255,255,255,.6);display:block;height: auto;margin:0 auto;text-align:center;width: 100%;}
  footer#x ul li#empresa{background: ;text-align: center;}
  footer#x ul li#empresa img{padding-bottom:20px;padding-top:20px;width: 200px;}
  footer#x ul li#empresa h1{font-size:30px;margin-bottom:10px;}
  footer#x ul li#empresa p{color:white;font-family: 'Roboto';font-size:20px;padding:20px;text-align: center;width: 100%;}
  footer#x ul li#enlaces ul{background: ;display: block;width: 100%;}
  footer#x ul li#enlaces ul a{color:white;text-decoration: none;}
  footer#x ul li#enlaces ul li{background: ;border: none;font-size:20px;margin-bottom:10px;margin-top:0px;width: 90%;}
  footer#x ul li#enlaces ul li:hover{color: #ff4500;cursor:pointer;}
  footer#x ul li#enlaces h1{margin-bottom: 20px;padding-left:20px;}
  footer#x ul li#contacto{background: ;padding-bottom:30px;}
  footer#x ul li#contacto ul{background:;display: block;margin-right: 20px;width: 100%;}
  footer#x ul li#contacto ul li{border: none;font-size:20px;margin-bottom:10px;margin-top:0px;margin-right:0px;padding-right:0px;text-align: center;width: 100%;}
  footer#x ul li#contacto ul li img{margin-right:10px;vertical-align: middle;width: 30px;height: 30px;}
  footer#x ul li#contacto h1{margin-bottom: 20px;padding-left:20px;}
  footer#x ul li#empresa img.socials{margin-top:0px;margin-right:10px;width: 40px;}
  footer#x ul li#empresa img.socials:hover{cursor: pointer;}
  /* Botones de Accion */
  div#wrapAccion{background:;height: auto;margin: 0 auto;padding: 0;text-align: center;width: 100%;}
  a.btnAccion2{margin:0 auto;margin-bottom:20px;margtop:20px;background:white ;display: block;width: 90%;height: auto;line-height: 40px;font-size: 20px;font-family: sans-serif;padding:10px;text-decoration: none;color: #000;border: none;letter-spacing: 2px;text-align: center;position: relative;transition: all .35s;}
  a.btnAccion2 span{position: relative;z-index: 2;}
  a.btnAccion2:after{position: absolute;content: "";top: 0;left: 0;width: 0;height: 100%;background: #ff003b;transition: all .35s;}
  a:hover{color: #fff;}
  a:hover:after{background: black;color:white;width: 100%;}
  a.btnAccion3{margin-top:20px;background:crimson ;display: inline-block;width: auto;height: auto;line-height: 40px;font-size: 20px;font-family: sans-serif;margin-right:20px;padding:10px;text-decoration: none;color: #fff;border: none;letter-spacing: 2px;text-align: center;position: relative;transition: all .35s;}
  a.btnAccion3 span{position: relative;z-index: 0;}
  a.btnAccion3:after{position: absolute;content: "";top: 0;left: 0;width: 0;height: 100%;background: #ff003b;transition: all .35s;}
  a:hover{color: #fff;}
  a:hover:after{width: 100%;}
  a.btnAccion2{background: crimson;color: white;padding: 10px 20px;}
  /* Contacto */
  section#contacto{background-image: url("https://bunkerdelta.mx/img/seventeen-banner-1.jpg");background-size: cover;background-position:right;color:white;height: auto;margin: 0 auto;padding: 0;width: 100%;}
  section#contacto ul{background:;display: block;height: auto;list-style: none;margin: 0 auto;margin-bottom:50px;margin-top:50px;padding: 0;text-align: center;width: 100%;}
  section#contacto ul li{background: inherit;border-radius:0px;height: auto;margin: 0 auto;padding: 0;text-align: center;width: 100%;}
  section#contacto ul li#leftA_01z{background: none;width: 100%;}
  section#contacto ul li#rightA_01z{background: rgba(255,255,255,.2);backdrop-filter: blur(20px);width: 100%;}
  section#contacto ul li#rightA_01z h2{color:white;font-size:40px;font-weight: bold;padding-left:0px;padding-top:30px;text-align: center;}
  section#contacto ul li#rightA_01z div.p-c{font-size:20px;margin: 0 auto;margin-bottom:20px;margin-top:10px;text-align:justify;width: 90%;}
  section#contacto ul li#rightA_01z div.p-c b{border-bottom:0px dotted red;color:black;font-weight: bold;text-decoration: underline;}
  section#contacto ul li#rightA_01z form{height: auto;margin: 0;padding:0;padding-top:30px;width: 100%;}
  section#contacto ul li#rightA_01z form input,
  section#contacto ul li#rightA_01z form select,
  section#contacto ul li#rightA_01z form textarea,
  section#contacto ul li#rightA_01z form button{background: white;border:none;border-radius:2px;color:#171717;display: block;font-size:20px;height: auto;margin: 0;margin-bottom:20px;margin-right:20px;outline: none;padding:10px;padding-bottom:20px;padding-left:20px;padding-top:20px;width:100%;}
  section#contacto ul li#rightA_01z form textarea,
  section#contacto ul li#rightA_01z form select{display: block;margin-bottom:20px;margin-left:0px;text-align: left;width: 100%;}
  section#contacto ul li#rightA_01z form textarea{height: 125px;}
  section#contacto ul li#rightA_01z form button.submit{background: crimson;color:white;float: ;margin-left:0px;text-align:center;width: 100%;}
  /* Menú */
  div.containerMenuResponsive{display:inherit ;}
  nav.pro{display: none;}
  div.containerMenuResponsive{background: white;height: auto;margin: 0;padding: 0;text-align: center;width: 100%;z-index:15000;}
  div.containerMenuResponsive ul{background: ;display: inline-block;height: auto;list-style: none;margin: 0 auto;padding: 0;text-align: center;width: 100%;}
  div.containerMenuResponsive ul li{background: ;margin:0 auto;width: 40%;}
  div.containerMenuResponsive ul li#cLogo{background: ;float: left;text-align: left;width: 70%}
  div.containerMenuResponsive ul li#cLogo img#logo{width: 150px;}
  div.containerMenuResponsive ul li#cMenu{background: ;float: right;text-align: right;width: 20%}
  div.containerMenuResponsive ul li#cMenu img#menu4{align-items: center;margin-top:20px;vertical-align: middle;z-index:20000;cursor: pointer;}
  nav#navResponsive{background-color: crimson;color:white;height: 100%;left:0;margin:0;padding:0;position: fixed;top:0;width: 100%;z-index:15000;}
  nav#navResponsive ul{background-color:;color:white;height:600px;list-style: none;margin:0;padding:0;padding-left:30px;width: 100%;}
  nav#navResponsive ul li{background: ;font-size:20px;height: auto;margin-bottom:0px;padding:5px;width: 100%;}
  nav#navResponsive ul li#logo img{width: 250px;}
  nav#navResponsive ul div.lineNav{background: white;height: 5px;margin-bottom:10px;width: 300px;}
  nav#navResponsive ul li a{color:white;font-size:22px;text-decoration: none;}
  nav#navResponsive ul li#button a.btnDemostracion2{background:white;color: crimson;padding: 10px;}
  /* Compartir en Redes sociales */
  div.wrapCompartir{
    background: rgba(0,0,0,.4);
    margin-top:20px;
    padding:10px;
  }
  div.wrapCompartir a{

  }
  div.wrapCompartir a img{
    cursor: pointer;
    opacity: .58;
    margin-left:20px;
    margin-right:20px;
    transition: all .35s;
  }
  div.wrapCompartir a img:hover{
    opacity: 1;
  }
  /* Nombre de Blog */
  div#blogList{background: white;height: auto;margin: 0;padding: 0;text-align: center;width: 100%;}
  div#blogList span{color:crimson;font-size:40px;padding-left:0px;}
  /* Categoria del Blog */
  div#categoriaBlog{
    background:;
    font-size:21px;
    height: auto;
    margin: 0;
    margin-bottom:20px;
    margin-top:20px;
    padding: 0;
    padding-left:0px;
    text-align: center;
    width: 100%;
  }
  div#categoriaBlog a{
    color:crimson;
    display: ;
    text-decoration: none;
  }
  div#categoriaBlog span.titlePag{
    background: none;
    color: crimson;
    display: block;
    padding: 5px;
  }
  /* Contenido del Blog */
  div#mainArticulo ul{
    background: ;
    display: block;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  div#mainArticulo ul li#leftArticulo{
    background: white;
    padding:10px;
    text-align: center;
    width:100%;
  }
  div#mainArticulo ul li#rightArticulo{
    background: inherit;
    text-align: center;
    width: 100%;
  }
  div#mainArticulo ul li#rightArticulo div#titleCategorias1{
    font-size:30px;
    font-weight: bold;
    margin-bottom:10px;
    margin-top:30px;
    padding-left:30px;
    text-align: center;
    width: 100%;
    background: ;
  }
  div#mainArticulo ul li#rightArticulo div#lineCat{
    background: crimson;
    height: 05px;
    margin: 0 auto;
    margin-bottom:10px;
    text-align: center;
    width: 100%;
    background: ;
  }
  div#mainArticulo ul li#rightArticulo ul{
    background: ;
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  div#mainArticulo ul li#rightArticulo ul li{
    background: white;
    color:#171717;
    display: block;
    font-size:22px;
    height: auto;
    margin: 0 auto;
    margin-bottom:10px;
    padding: 10px;
    margin-left:0px;
    text-align: left;
    width: 100%;
  }
  div#mainArticulo ul li#rightArticulo ul li a{
    color:#171717;
    cursor: pointer;
    text-decoration: none;
  }
  div#mainArticulo ul li#rightArticulo ul li a:hover{
    color:crimson;
  }
  div#mainArticulo ul li#rightArticulo ul#ul{
    list-style: none;
    text-decoration: none;
  }
  div#mainArticulo ul li#rightArticulo ul#ul img{
    width: 100%;
  }
  div#mainArticulo ul li#rightArticulo ul#ul li a{
    color:#171717;
    cursor: pointer;
    text-decoration: none;
  }
  div#mainArticulo ul li#rightArticulo ul#ul li a:hover{
    color:crimson;
  }
  /* Letras */
  div.fondo {
    background:#f4f2ee;
    height: auto;
    display: block;
    padding: 20px;
    justify-content: center;
    align-items: center;
  }

  div.fondo div.texto {
    font-size: 100px;
    font-weight: bold;
    background: url('man4.jpg') no-repeat center center;
    background-size: cover;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
  div.fondo p{
    font-size:30px;
    text-align: center;
  }
  /* Tarjetas Blog */
  div#contenedorArticulosBlog div.tarjetasArticulos{
    background: white;
    border:05px solid white;
    color:#171717;
    display: block;
    height:500px;
    margin: 0 auto;
    margin-bottom:20px;
    margin-right:0px;
    opacity: .7;
    padding: 10px;
    position: relative;
    text-align: center;
    transition: all 0.4s ease-out;
    width: 100%;
  }
  div#contenedorArticulosBlog div.tarjetasArticulos:hover{
    border:05px solid crimson;
    opacity: .7;
  }
  div#contenedorArticulosBlog div.tarjetasArticulos a{
    color:#171717;
    text-decoration: none;
  }
  div#contenedorArticulosBlog div.tarjetasArticulos img{
    height: 300px;
    position: absolute;
    left:0px;
    top:60px;
    width: 100%;
  }
  div#contenedorArticulosBlog div.tarjetasArticulos h2.title{
    position: absolute;
    left:0px;
    bottom:0px;
    padding: 10px;
    text-align: justify;
  }
  div#contenedorArticulosBlog div.tarjetasArticulos span.fecha{
    background: crimson;
    color:white;
    font-size: 18px;
    padding:10px;
    position: absolute;
    left:0;
    top:0;
    width: auto;
  }
  /* Paginación Blog*/
  div#pagination{
    background:;
    color:#151515;
    font-size:22px;
    height: auto;
    margin: 0;
    padding: 10px;
    text-align: center;
    width: 100%;
  }
  div#pagination h2{
    margin-left:40px;
  }
  div#paginationBlog{
    background:;
    color:#151515;
    font-size:22px;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    width: 100%;
  }
  div#paginationBlog form{
    margin: 0 auto;
    width:90%;
  }
  div#paginationBlog form select, div#paginationBlog form input{
    background: white;
    border:none;
    color:#171717;
    font-size:20px;
    height: auto;
    margin: 0;
    margin-bottom:10px;
    padding: 10px;
    width: 100%;
  }
  div#paginationBlog form input#submitCategorias{
    background: crimson;
    color:white;
    cursor: pointer;
  }
  table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  #factores {
    background: #ffffff;
    padding: 60px 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    margin: 0px 0;
    transition: all 0.3s ease;
  }

  #factores:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
  }

  #factores h2 {
    font-size: 28px;
    color: #003366;
    margin-bottom: 40px;
    border-left: 6px solid #0056b3;
    padding-left: 16px;
    font-weight: 600;
  }

  #factores ul {
    align-items: ;
    display:block;
    list-style: none;
    padding-left: 0;
    margin: 0;
    margin-top:20px;
    width: 100%;
    background: ;
    width: 100%;
  }

  #factores ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px; /* Aquí está la separación entre <li> */
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    transition: color 0.2s ease;
    background: ;
    width: 100%;
  }

  #factores ul li::before {
    content: '';
    position: absolute;
    left: 45%;
    top: -25px;
    color: #007bff;
    font-size: 18px;
  }
  div#blog{background:;height: auto;margin: 0;padding: 0;text-align: center;width: 100%;}
  div#blog ul{
    background: ;
    display: block;
    list-style: none; /* Quita los puntos */
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
  div#blog ul li{
    float: inherit;
     margin-right: 0px; /* Espacio entre los elementos */
     padding: 10px;
  }
  div#blog ul::after {
    content: "";
    display: block;
    clear: both;
  }
  div#blog ul li#uno{
    width: 100%;
  }
  div#blog ul li#uno h2{text-align: left;}
  div#blog ul li#uno p{font-size:20px;margin-bottom:15px;margin-top:15px;text-align: justify;}
  div#blog ul li#uno a button{background: crimson;border:none;color:white;font-size:22px;height: auto;padding:10px;}
  div#blog ul li#uno a button.contactoWhats{background: rgba(81,174,50,.9);color:white;}
  div#blog ul li#uno a button#btnTelBlog{background: #171717;color:white;}
  div#blog ul li#uno p.titlepageBlog{font-size:24px;font-weight: bold;}
  div#blog ul li#uno img.imgArt{margin-top:20px;width: 100%;}
  div#blog ul li#uno  div#titulo{font-size:30px;font-weight: bold;}

  div#blog ul li#dos{     width: 100%;}
  div#blog ul li#dos div#titleCategorias1{font-size:30px;font-weight: bold;margin-bottom:10px;padding-left:0px;text-align: center;}
  div#blog ul li#dos div#lineCat{background: crimson;height: 05px;margin:0 auto;margin-bottom:20px;text-align:center;;width: 150px;}
  div#blog ul li#dos ul{background: ;display: block;height: auto;margin: 0;padding: 0;width: 100%;}
  div#blog ul li#dos ul li{background: white;color:#171717;display: block;font-size:22px;height: auto;margin: 0;margin-bottom:10px;padding: 10px;margin-left:0px;text-align: left;width: 100%;}
  div#blog ul li#dos ul li a{color:#171717;cursor: pointer;text-decoration: none;}
  div#blog ul li#dos ul li a:hover{color:crimson;}
  div#blog ul li#dos ul#ul{list-style: none;text-decoration: none;}
  div#blog ul li#dos ul#ul img{width: 100%;}
  div#blog ul li#dos ul#ul li a{color:#171717;cursor: pointer;text-decoration: none;}
  div#blog ul li#dos ul#ul li a:hover{color:crimson;}


}