/* === fuente: css/dm-components-servicios-v18-12.css === */
/* 18.12 pilot: original component CSS without .dm-import blocks unused by target HTMLs. */
@font-face {
font-family: "Raleway";
  src: url("../fonts/Raleway-Regular.woff") format("woff");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
font-family: "Raleway";
  src: url("../fonts/Raleway-Regular.woff") format("woff");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
font-family: "Raleway";
  src: url("../fonts/Raleway-Regular.woff") format("woff");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
font-family: "Raleway";
  src: url("../fonts/Raleway-Regular.woff") format("woff");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
.dm-secondary .client-strip__control:focus-visible {
outline: 3px solid #fbb03b;
  outline-offset: 2px;
}
.dm-secondary .client-strip {
position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 46px;
  gap: 12px;
  align-items: center;
  margin-top: 34px;
}
.dm-secondary .client-strip__viewport {
width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  border: 1px solid #dfe7ed;
  background: #fff;
  box-shadow: 0 8px 24px rgba(24, 50, 74, .08);
}
.dm-secondary .client-strip__viewport::-webkit-scrollbar {
display: none;
}
.dm-secondary .client-strip__track {
display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dm-secondary .client-strip__item {
flex: 0 0 25%;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 26px 22px;
  border-right: 1px solid #e7edf2;
  scroll-snap-align: start;
}
.dm-secondary .client-strip__item img {
display: block;
  width: auto;
  max-width: 180px;
  height: auto;
  max-height: 88px;
  object-fit: contain;
}
.dm-secondary .client-strip__control {
width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid #b9d2e8;
  background: #eef5fb;
  color: #2e74b5;
  font-size: 34px;
  line-height: 40px;
  cursor: pointer;
}
.dm-secondary .client-strip__control:hover {
background: #2e74b5;
  border-color: #2e74b5;
  color: #fff;
}
.dm-secondary .client-strip__control:disabled {
cursor: default;
  opacity: .45;
}
@media  (max-width: 991px) {
.dm-secondary .client-strip__item {
flex-basis: 50%;
}
}
@media  (max-width: 767px) {
.dm-secondary .client-strip {
grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 8px;
}
}
@media  (max-width: 767px) {
.dm-secondary .client-strip__control {
width: 38px;
    height: 42px;
    font-size: 30px;
}
}
@media  (max-width: 767px) {
.dm-secondary .client-strip__item {
flex-basis: 82%;
    min-height: 120px;
    padding: 20px 16px;
}
}
@media  (max-width: 767px) {
.dm-secondary .client-strip__item img {
max-width: 150px;
    max-height: 72px;
}
}
.dm-secondary .row > [class*="col-"] {
min-width: 0;
}
.dm-secondary .row > .col-xs-1 {
width: 8.333333%;
}
.dm-secondary .row > .col-xs-5 {
width: 41.666667%;
}
.dm-secondary .row > .col-xs-7 {
width: 58.333333%;
}
.dm-secondary .row > .col-xs-8 {
width: 66.666667%;
}
.dm-secondary .row > .col-xs-11 {
width: 91.666667%;
}
.dm-secondary .row > .col-xs-offset-2 {
margin-left: 16.666667%;
}
@media  (min-width: 992px) {
.dm-secondary .row > .col-sm-9 {
width:75%;
}
}
@media  (min-width: 992px) {
.dm-secondary .row > .col-sm-10 {
width:83.333333%;
}
}
@media  (min-width: 992px) {
.dm-secondary .row > .col-md-1 {
width:8.333333%;
}
}
@media  (min-width: 992px) {
.dm-secondary .row > .col-md-2 {
width:16.666667%;
}
}
@media  (min-width: 992px) {
.dm-secondary .row > .col-md-5 {
width:41.666667%;
}
}
@media  (min-width: 992px) {
.dm-secondary .row > .col-md-7 {
width:58.333333%;
}
}
@media  (min-width: 992px) {
.dm-secondary .row > .col-md-10 {
width:83.333333%;
}
}
@media  (min-width: 992px) {
.dm-secondary .row > .col-md-11 {
width:91.666667%;
}
}
@media  (min-width: 992px) {
.dm-secondary .col-sm-offset-1 {
margin-left:8.333333%;
}
}
@media  (min-width: 992px) {
.dm-secondary .col-sm-offset-3 {
margin-left:25%;
}
}
.dm-secondary .square,
.dm-secondary img[src*="nuestra_logo_"] {
display:block; width:auto; height:auto; max-width:160px; max-height:110px; margin:0 auto 24px; object-fit:contain;
}
.dm-secondary .inforow {
align-items:flex-start; row-gap:36px;
}
.dm-secondary .inforow > [class*="col-"] {
padding:24px;
}
.dm-secondary .post-img2 {
max-width:920px; margin:24px auto;
}
.dm-secondary .post-img2 img {
display:block; margin:auto;
}
.dm-secondary .training-gallery {
display:grid; gap:20px;
}
.dm-secondary .training-gallery--two {
grid-template-columns:repeat(2,minmax(0,1fr));
}
.dm-secondary .training-gallery--three {
grid-template-columns:repeat(3,minmax(0,1fr));
}
.dm-secondary .training-gallery__item {
margin:0; overflow:hidden; border-radius:6px;
}
.dm-secondary .training-gallery__item img {
display:block; width:100%; aspect-ratio:3/2; object-fit:cover;
}
.dm-secondary .client-strip__item img {
max-width:min(180px,100%);
}
.dm-secondary .slider:not(.oneslider):not(.logos) li img {
width:100%; aspect-ratio:3/2; object-fit:cover;
}
.dm-secondary .slider:not(.oneslider):not(.logos) li {
display:flex; flex-direction:column;
}
.dm-secondary .slider .magnific.mask {
flex:1;
}
.dm-secondary iframe[src*="vimeo.com"] {
display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16/9; border:0;
}
.dm-secondary .social {
display:flex; flex-wrap:wrap; gap:14px; padding:0; list-style:none;
}
.dm-secondary .social img {
width:32px; height:32px; object-fit:contain;
}
.dm-secondary .oneslider:not(.pricing) > ul {
display:block!important;
}
.dm-secondary .oneslider:not(.pricing) > ul > li[hidden] {
display:none!important;
}
.dm-secondary .oneslider:not(.pricing) > ul > li {
border:0; background:transparent; padding:20px;
}
.dm-slide-controls {
display:flex; justify-content:center; align-items:center; gap:18px;
}
.dm-slide-controls button {
width:40px; height:40px; border:1px solid #d5dfe6; border-radius:50%; background:white; color:#18324A; font-size:26px; cursor:pointer;
}
.dm-image-dialog {
width:min(1100px,calc(100% - 30px)); max-height:90vh; padding:48px 18px 18px; border:0; border-radius:8px; background:#fff;
}
.dm-image-dialog::backdrop {
background:rgba(12,24,36,.85);
}
.dm-image-dialog img {
display:block; max-width:100%; max-height:78vh; width:auto; height:auto; margin:auto; object-fit:contain;
}
.dm-image-dialog button {
position:absolute; right:12px; top:8px; width:36px; height:36px; border:0; background:#f3f6f9; color:#18324A; font-size:28px; cursor:pointer;
}
@media (max-width:991px) {
.dm-secondary .training-gallery--three {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:991px) {
.dm-secondary .row > [class*="col-sm-"], .dm-secondary .row > [class*="col-md-"] {
width:100%; margin-left:0;
}
}
@media (max-width:600px) {
.dm-secondary .training-gallery--two,.dm-secondary .training-gallery--three {
grid-template-columns:1fr;
}
}
@media (max-width:600px) {
.dm-secondary .square,.dm-secondary img[src*="nuestra_logo_"] {
max-width:140px; max-height:96px;
}
}
@media (max-width:600px) {
.dm-secondary .client-strip__item {
min-height:110px;
}
}
.dm-secondary .pricing > ul {
display:block!important;
}
.dm-secondary .pricing > ul > li {
padding:0; border:0; background:transparent;
}
.dm-secondary .pricing .equal {
display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:24px;
}
.dm-secondary .pricing .equal > [class*="col-"] {
width:auto; min-width:0; padding:28px; border:1px solid #dbe5ec; border-radius:6px;
}
.dm-secondary .pricing .equal > [class*="col-"]:not(.darker) {
background:#f3f6f9;
}
.dm-secondary .pricing h6 {
font-size:14px; line-height:1.6;
}
.dm-secondary .pricing .num {
margin:16px 0; font-size:28px;
}
.dm-secondary .pricing ins {
text-decoration:none;
}
.dm-secondary .nav-category {
width:100%; margin:0; padding:0; list-style:none;
}
.dm-secondary .nav-category .page-header {
width:min(800px,100%); margin-inline:auto;
}
.dm-secondary .faq .mix .highlight {
padding:22px;
}
@media (max-width:991px) {
.dm-secondary .pricing .equal {
grid-template-columns:1fr;
}
}
.dm-secondary .panel-group.mix-list.faq {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px;
}
.dm-secondary .panel-group.mix-list.faq > [class*="col-"] {
width:auto; min-width:0;
}
.dm-secondary .faq .mix {
margin-bottom:24px;
}
@media (max-width:991px) {
.dm-secondary .panel-group.mix-list.faq {
grid-template-columns:1fr;
}
}
@media (max-width:991px) {
.dm-secondary .faq .panel-body {
padding-inline:0;
}
}
.dm-secondary .dm-service-pricing .container {
display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;
}
.dm-secondary .dm-service-pricing .equal {
display:contents;
}
.dm-secondary .dm-service-pricing .equal > .dm-service-card {
--offer-ink:#18324a; --offer-body:#34495c; --offer-muted:#52616e; --offer-line:#d5e0e8; display:flex; flex-direction:column; position:relative; min-width:0; padding:30px; border:1px solid #d8e3eb; border-top:4px solid #f4ad30; border-radius:14px; background:#f2f5f8; color:var(--offer-body); text-align:left; box-shadow:0 8px 24px rgba(24,50,74,.07);
}
.dm-secondary .dm-service-pricing .equal > .dm-service-card.dm-service-card--blue {
--offer-ink:#fffcf0; --offer-body:#edf3f7; --offer-muted:#c8d7e3; --offer-line:rgba(255,252,240,.22); background:linear-gradient(145deg,#18324a,#24485f); border-color:#24485f; border-top-color:#f4ad30; box-shadow:0 8px 24px rgba(24,50,74,.15);
}
.dm-secondary .dm-service-pricing .dm-service-icon {
display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin-bottom:22px; border:1px solid #d5e0e8; border-radius:12px; background:#fff; color:#18324a;
}
.dm-secondary .dm-service-pricing .dm-service-icon svg {
width:32px; height:32px;
}
.dm-secondary .dm-service-pricing .dm-service-card--blue .dm-service-icon {
background:rgba(255,252,240,.07); border-color:rgba(255,252,240,.22); color:#f4ad30;
}
.dm-secondary .dm-service-pricing .dm-service-card h2 {
min-height:98px; margin:0; color:var(--offer-ink); font-size:25px; font-weight:600; line-height:1.3; overflow-wrap:break-word;
}
.dm-secondary .dm-service-pricing .dm-service-subtitle {
min-height:44px; margin:8px 0 0; color:var(--offer-muted); font-size:16px; line-height:1.4;
}
.dm-secondary .dm-service-pricing .dm-service-price {
display:flex; flex-direction:column; justify-content:center; min-height:88px; margin:18px 0 24px; border-top:1px solid var(--offer-line); border-bottom:1px solid var(--offer-line); color:var(--offer-ink); font-size:30px; font-weight:600;
}
.dm-secondary .dm-service-pricing .dm-service-price small {
margin-top:4px; color:var(--offer-muted); font-size:14px; font-weight:400;
}
.dm-secondary .dm-service-pricing .dm-service-description {
flex:1; color:var(--offer-body); font-size:15px; line-height:1.7;
}
.dm-secondary .dm-service-pricing .dm-service-description p {
margin:0 0 18px; color:var(--offer-body); font-size:15px; line-height:1.7;
}
.dm-secondary .dm-service-pricing .dm-service-description p:has(> strong:only-child) {
margin-top:24px; margin-bottom:12px; color:var(--offer-ink); font-size:13px; letter-spacing:.05em; text-transform:uppercase;
}
.dm-secondary .dm-service-pricing .dm-service-features {
display:block; margin:0 0 20px; padding:0 0 0 19px; list-style:disc!important;
}
.dm-secondary .dm-service-pricing .dm-service-features li {
margin:0 0 10px; padding:0 0 0 3px; border:0; background:transparent; color:var(--offer-body); list-style:disc;
}
.dm-secondary .dm-service-pricing .dm-service-features li::marker {
color:#b57512;
}
.dm-secondary .dm-service-pricing .dm-service-card--blue .dm-service-features li::marker {
color:#f4ad30;
}
.dm-secondary .dm-service-pricing .dm-service-description .dm-service-note {
margin-top:22px; padding-top:16px; border-top:1px solid var(--offer-line); color:var(--offer-muted); font-size:13px; line-height:1.6;
}
.dm-secondary .dm-service-pricing .dm-service-link {
display:flex; justify-content:center; align-items:center; min-height:48px; margin-top:24px; padding:12px 14px; border:1px solid #18324a; border-radius:7px; background:#18324a; color:#fffcf0; font-size:14px; font-weight:600; line-height:1.4; text-align:center; text-decoration:none;
}
.dm-secondary .dm-service-pricing .dm-service-card--blue .dm-service-link {
background:#f4ad30; border-color:#f4ad30; color:#18324a;
}
.dm-secondary .dm-service-pricing .dm-service-link:hover {
background:#2a526e; border-color:#2a526e; color:#fff;
}
.dm-secondary .dm-service-pricing .dm-service-card--blue .dm-service-link:hover {
background:#ffbd48; border-color:#ffbd48; color:#18324a;
}
.dm-secondary .dm-service-pricing .dm-service-link:focus-visible {
outline:3px solid #f4ad30; outline-offset:4px;
}
.dm-secondary .dm-service-pricing .dm-service-card--blue .dm-service-link:focus-visible {
outline-color:#fffcf0;
}
@media  (min-width:641px) and (max-width:991px) {
.dm-secondary .dm-service-pricing .container {
grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px;
}
}
@media  (max-width:640px) {
.dm-secondary .dm-service-pricing .container {
grid-template-columns:1fr; gap:22px;
}
}
@media  (max-width:640px) {
.dm-secondary .dm-service-pricing .equal > .dm-service-card {
padding:25px;
}
}
@media  (max-width:640px) {
.dm-secondary .dm-service-pricing .dm-service-card h2,.dm-secondary .dm-service-pricing .dm-service-subtitle {
min-height:0;
}
}
@media  (max-width:640px) {
.dm-secondary .dm-service-pricing .dm-service-card h2 {
font-size:24px;
}
}


/* === fuente: css/dronesmexico-piloto-galerias-v1.css === */
/* Piloto de normalización de galerías v1 — alcance restringido a 3 páginas. */
/* No modifica el motor JS, la cantidad de columnas ni el orden de las fotografías. */
body.dm-pilot-galleries .slider img, body.dm-pilot-galleries .oneslider img { max-width: 100%; height: auto; }