*, 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#h1Content{
  background-color:rgba(0,0,0,.8);
  background-image:url("bg-footer.jpg");
  background-position: top;
  background-size: cover;
  color:white;
  height: 300px;
  margin: 0 auto;
  padding:20px;
  width: 100%;
}
div#h1Content h1{
  font-size:50px;
  text-align: center;
}
div#h1Content p{
  font-size:22px;
  margin: 0 auto;
  margin-top:30px;
  text-align: center;
  width: 80%;
}
/* Servicios */
div#wrapServicios{
  background: white;
  height: auto;
  margin: 0 auto;
  padding:0px;
  text-align: center;
  width: 100%;
}
div#wrapServicios h2{
  color:crimson;
  font-size:50px;
}
div#wrapServicios div#guardias{
  background: ;
  height: auto;
  margin: 0 auto;
  padding:20px;
  text-align: left;
  width: 100%;
}
div#wrapServicios div#guardias ul{
  background: ;
  display: inline-flex;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  list-style:none;
  width: 100%;
}
div#wrapServicios div#guardias ul li{
  background: ;
  margin:0;
  padding: 0;
  width: 49%;
}
div#wrapServicios div#guardias ul li figure img{
  width: 100%;
}
div#wrapServicios div#guardias h2,
div#wrapServicios div#custodias h2,
div#wrapServicios div#escoltas h2{
  color:#000;
  font-size:40px;
  padding:20px;
  padding-bottom:0;
  text-align: left;

}

div#wrapServicios div#guardias p,
div#wrapServicios div#custodias p,
div#wrapServicios div#escoltas p{
  font-size:20px;
  margin: 0 auto;
  margin-top:20px;
  padding:20px;
  text-align:justify;
  width: 100%;
}
div#wrapComments{background: white;height: auto;margin-left:64px;margin-top:10px;padding: 0;padding:20px;width: 63%;}
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:64px;width: 63%;}
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-flex;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:0px;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:18px;
  height: auto;
  margin: 0;
  margin-bottom:10px;
  margin-right:10px;
  outline: none;
  padding:10px;
  width:41%;}
section#contacto ul li#rightA_01z form textarea,
section#contacto ul li#rightA_01z form select{display: block;margin-bottom:10px;margin-left:45px;text-align: left;width: 84%;}
section#contacto ul li#rightA_01z form textarea{height: 100px;}
section#contacto ul li#rightA_01z form button.submit{background: crimson;color:white;float: ;margin-left:0px;text-align:center;width: 83%;}
section#contacto ul li#leftA_01z{
  background:;
  height: auto;
  padding: 20px;
  padding-top:0;
  width: 50%;
}
section#contacto ul li#leftA_01z iframe{
  height: 300px;
  width: 100%;
}
section#contacto ul li#leftA_01z h2{
  font-size:40px;
  letter-spacing: 1.2px;
  padding-bottom:20px;
  text-align: left;
}
section#contacto ul li#leftA_01z p{
  font-size:20px;
  margin-top:10px;
  text-align: left;
}
section#contacto ul li#leftA_01z p strong{
  color:;
  letter-spacing: 1.5px;
}
section#contacto ul li#leftA_01z p a{
  color:white;
  text-decoration: none;
}
section#contacto ul li#leftA_01z p a:hover{
  color:#ff4500;
  cursor: pointer;
}
/* 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: 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: 30px;height: 30px;}
@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: 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: 28px;height: 28px;}
@keyframes blink {0%, 100% {opacity: 1;}50% {opacity: 0.6;}}
/* Blog */
.cont-princ-slider {background: #CCC;height: 40px;overflow: hidden;width: 100%;}
.slier-prin {display: inline-flex;-moz-animation: slider 30s infinite linear;-webkit-animation: slider 30s infinite linear;animation: slider 30s infinite linear;height: 100%;width: auto;}
.slier-prin a{color:#CCC;list-style: none;width: auto;}
.juegos_DWG {background:;border: 0px solid #FFF;color: #000;font-family: Arial;font-size: 16px;line-height: 20px;height: 20px;flex: 0 0 auto;margin-right:1px;outline-color: red;padding-top:10px;padding-bottom:10px;text-align: center;text-decoration: none;list-style: none;width: 310px;}
@keyframes slider {to {-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}}
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 span.titlePag{background: crimson;color:white;padding: 5px;}
div#mainArticulo{background:;height: auto;margin: 0;padding: 0;text-align: center;width: 100%;}
div#mainArticulo ul{background: ;display: inline-flex;height: auto;list-style: none;margin: 0;padding: 0;text-align: center;width: 90%;}
div#mainArticulo ul li{background: ;height: auto;margin: 0;padding:0;text-align: center;text-align: center;}
div#mainArticulo ul li#leftArticulo{background: white;padding:10px;text-align: center;width: 70%;}
div#mainArticulo ul li#leftArticulo h2{text-align: left;}
div#mainArticulo ul li#leftArticulo p{font-size:20px;margin-bottom:15px;margin-top:15px;text-align: justify;}
div#mainArticulo ul li#leftArticulo a button{background: crimson;border:none;color:white;font-size:22px;height: auto;padding:10px;}
div#mainArticulo ul li#leftArticulo a button.contactoWhats{background: rgba(81,174,50,.9);color:white;}
div#mainArticulo ul li#leftArticulo a button#btnTelBlog{background: #171717;color:white;}
div#mainArticulo ul li#leftArticulo p.titlepageBlog{font-size:24px;font-weight: bold;}
div#mainArticulo ul li#leftArticulo img.imgArt{margin-top:20px;width: 100%;}
div#mainArticulo ul li#leftArticulo  div#titulo{font-size:30px;font-weight: bold;}
div#mainArticulo ul li#rightArticulo{background: inherit;text-align: center;width: 30%;}
div#mainArticulo ul li#rightArticulo div#titleCategorias1{font-size:30px;font-weight: bold;margin-bottom:10px;padding-left:30px;text-align: left;}
div#mainArticulo ul li#rightArticulo div#lineCat{background: crimson;height: 05px;margin-bottom:20px;margin-left:30px;width: 150px;}
div#mainArticulo ul li#rightArticulo ul{background: ;display: block;height: auto;margin: 0;padding: 0;width: 100%;}
div#mainArticulo ul li#rightArticulo ul li{background: white;color:#171717;display: block;font-size:22px;height: auto;margin: 0;margin-bottom:10px;padding: 10px;margin-left:30px;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;}
/* 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);}
div.wrapCotizar{
  background: #ff4500;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 100%;
}
div.wrapCotizar ul{
  background: ;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 90%;
}
div.wrapCotizar ul li{
    align-items: center;
    vertical-align: middle;
    justify-content: center;
  background-color:;
  color: white;
  display: inline-table;
  font-size:24px;
  padding: 20px;
  text-align: center;
  width: 33%;
}
div.wrapCotizar ul li p{
  font-size:45px;
}
div.wrapCotizar ul li p a{
  color:white;
  text-decoration: none;
}
div.wrapCotizar ul li a#enlace{
  background: #000;
  color:white;
  padding: 10px 20px;
  text-decoration: none;
  width: 300px;
}
div.wrapCotizar ul li p a:hover,
div.wrapCotizar ul li a:hover{
  cursor: pointer;
  color:#000;
}
/* Área de Cobertura */
section.areaCobertura{
  background-color:#f4f2ee;
  color:rgba(0,0,0,.6);
  height: auto;
  margin: 0;
  padding:0;
  text-align: center;
  width: 100%;
}
section.areaCobertura h2{
  font-size:35px;
  margin-top:20px;
}
section.areaCobertura p{
  color:#000;
  font-size:22px;
  margin-top:10px;
}
section.areaCobertura ul{
  background:;
  height: auto;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 90%;
}
section.areaCobertura ul li{
  background: white;
  border:1px solid rgba(0,0,0,.22);
  color:#000;
  display: inline-block;
  height: auto;
  margin: 10px;
  padding: 10px;
  width: 250px;
}
/* Diagnóstico */
section.diagnostico{
  background-color:#f4f2ee;
  border-bottom:1px solid rgba(0,0,0,.12);
  color:rgba(0,0,0,.6);
  height: auto;
  margin: 0;
  padding:20px;
  text-align: center;
  width: 100%;
}
section.diagnostico h2{
  color:crimson;
  font-size:30px;
}
section.diagnostico p{
  font-size:18px;
  margin: 0 auto;
  margin-bottom:20px;
  margin-top:20px;
  width: 70%;
}
section.diagnostico a{
  background: #000;
  color:white;
  font-size:24px;
  padding:10px 20px;
  text-decoration: none;
}
@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#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-flex;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;}
    section#contacto ul li#leftA_01z{
      background:;
      height: auto;
      padding: 20px;
      padding-top:0;
      width: 100%;
    }
    section#contacto ul li#leftA_01z iframe{
      height: 300px;
      width: 100%;
    }
    section#contacto ul li#leftA_01z h2{
      font-size:40px;
      letter-spacing: 1.2px;
      padding-bottom:20px;
      text-align: left;
    }
    section#contacto ul li#leftA_01z p{
      font-size:20px;
      margin-top:10px;
      text-align: left;
    }
    section#contacto ul li#leftA_01z p strong{
      color:;
      letter-spacing: 1.5px;
    }
    section#contacto ul li#leftA_01z p a{
      color:white;
      text-decoration: none;
    }
    section#contacto ul li#leftA_01z p a:hover{
      color:#ff4500;
      cursor: pointer;
    }
    /* Cotizar */
    div.wrapCotizar{
      background: #ff4500;
      height: auto;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      width: 100%;
    }
    div.wrapCotizar ul{
      background: ;
      height: auto;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      width: 100%;
    }
    div.wrapCotizar ul li{
      background: ;
        align-items: center;
        vertical-align: middle;
        justify-content: center;
      background-color:;
      color: white;
      display: block;
      font-size:24px;
      padding: 20px;
      text-align: center;
      width: 100%;
    }
    div.wrapCotizar ul li p{
      font-size:45px;
    }
    div.wrapCotizar ul li p a{
      color:white;
      text-decoration: none;
    }
    div.wrapCotizar ul li a#enlace{
      background: #000;
      color:white;
      padding: 10px 20px;
      text-decoration: none;
      width: 300px;
    }
    div.wrapCotizar ul li p a:hover,
    div.wrapCotizar ul li a:hover{
      cursor: pointer;
      color:#000;
    }
    /* H1 Content */
    div#h1Content{
      background-color:rgba(0,0,0,.8);
      background-image:url("bg-footer.jpg");
      background-position: top;
      background-size: cover;
      color:white;
      height: auto;
      margin: 0 auto;
      padding:20px;
      width: 100%;
    }
    div#h1Content h1{
      font-size:50px;
      text-align: center;
    }
    div#h1Content p{
      font-size:22px;
      margin: 0 auto;
      margin-top:20px;
      text-align: center;
      width: 100%;
    }
    /* Servicios */
    div#wrapServicios{
      background: white;
      height: auto;
      margin: 0 auto;
      padding:0px;
      text-align: center;
      width: 100%;
    }
    div#wrapServicios h2{
      color:crimson;
      font-size:50px;
    }
    div#wrapServicios div#guardias{
      background: ;
      height: auto;
      margin: 0 auto;
      padding:20px;
      text-align: left;
      width: 100%;
    }
    div#wrapServicios div#guardias ul{
      background: ;
      display: block;
      height: auto;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      list-style:none;
      width: 100%;
    }
    div#wrapServicios div#guardias ul li{
      background: ;
      margin:0;
      padding: 0;
      width: 100%;
    }
    div#wrapServicios div#guardias ul li figure img{
      height: 300px;
      width: 100%;
    }
    div#wrapServicios div#guardias h2,
    div#wrapServicios div#custodias h2,
    div#wrapServicios div#escoltas h2{
      color:#000;
      font-size:40px;
      padding:20px;
      padding-bottom:0;
      text-align: left;

    }

    div#wrapServicios div#guardias p,
    div#wrapServicios div#custodias p,
    div#wrapServicios div#escoltas p{
      font-size:20px;
      margin: 0 auto;
      margin-top:20px;
      padding:10px;
      text-align:justify;
      width: 100%;
    }
    /* Área de Cobertura */
    section.areaCobertura{
      background-color:#f4f2ee;
      color:rgba(0,0,0,.6);
      height: auto;
      margin: 0;
      padding:0;
      text-align: center;
      width: 100%;
    }
    section.areaCobertura h2{
      font-size:35px;
      margin-top:20px;
    }
    section.areaCobertura p{
      color:#000;
      font-size:22px;
      margin-bottom:10px;
      margin-top:10px;
    }
    section.areaCobertura ul{
      background:;
      height: auto;
      list-style: none;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      width: 100%;
    }
    section.areaCobertura ul li{
      background: white;
      border:1px solid rgba(0,0,0,.22);
      color:#000;
      display:block;
      height: auto;
      margin: 0 auto;
      margin-bottom:10px;
      padding: 10px;
      text-align: center;
      width: 90%;
    }
    /* Diagnóstico */
    section.diagnostico{
      background-color:#f4f2ee;
      border-bottom:1px solid rgba(0,0,0,.12);
      color:rgba(0,0,0,.6);
      height: auto;
      margin: 0;
      padding:20px;
      text-align: center;
      width: 100%;
    }
    section.diagnostico h2{
      color:crimson;
      font-size:35px;
    }
    section.diagnostico p{
      font-size:18px;
      margin: 0 auto;
      margin-bottom:20px;
      margin-top:20px;
      width: 90%;
    }
    section.diagnostico a{
      background: #000;
      color:white;
      font-size:24px;
      padding:10px 20px;
      text-decoration: none;
    }


}