/* DRONES MÉXICO V2.8 — páginas secundarias.
   Paleta, escala tipográfica y ancho de contenido de la portada V2.7.
   Clases independientes de los números de módulo para evitar colisiones. */
.dm-secondary { --dm-band-space: 64px; }
.dm-secondary-band { padding-block: var(--dm-band-space); }
.dm-secondary-band--white { background: #fff; }
.dm-secondary-band--muted { background: #F3F6F9; }
.dm-secondary-band--dark { background: #18324A; color: #dbe5ed; }
.dm-secondary-band > .dm-module,
.dm-secondary-band > .container,
.dm-secondary-band > .highlight,
.dm-secondary-band > .vacancy-row,
.dm-secondary-band > .slider { padding-block: 0; background: transparent; }
.dm-secondary-band > .row { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.dm-secondary-band > .slider:not(.container) { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.dm-secondary .container .container { width: 100%; }
.dm-secondary h2 { color: #18324A; font-size: var(--dm-type-h2-content); font-weight: 400; line-height: 1.25; }
.dm-secondary h2:first-child,
.dm-secondary h3:first-child { margin-top: 0; }
.dm-secondary p { font-size: 16px; line-height: 1.75; }
.dm-secondary .page-header { margin-bottom: 34px; }
.dm-secondary .dm-section-title { display: flex; align-items: center; justify-content: center; gap: 28px; width: min(800px, 100%); margin-inline: auto; text-align: center; }
.dm-secondary .dm-section-title::before,
.dm-secondary .dm-section-title::after { content: ""; flex: 1 1 60px; min-width: 28px; height: 1px; background: #d6dbe1; }
.dm-section-title__text { min-width: 0; flex: 0 1 auto; }
.dm-secondary .darker h2,
.dm-secondary-band--dark h2,
.dm-secondary-band--dark h3 { color: #fff; }
.dm-secondary .darker .dm-section-title::before,
.dm-secondary .darker .dm-section-title::after { background: rgba(255,255,255,.25); }
.dm-secondary .btn,
.dm-secondary .button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 22px; border: 1px solid #2878bd; border-radius: 4px; background: #2878bd; color: #fff; font: inherit; line-height: 1.3; text-align: center; text-decoration: none; margin-block: 8px; }
.dm-secondary .btn:hover,
.dm-secondary .button:hover { background: #1f639d; border-color: #1f639d; }
.dm-secondary .btn + .btn { margin-left: 14px; }
.dm-secondary .btn:focus-visible,
.dm-secondary .button:focus-visible { outline: 3px solid #F4AD30; outline-offset: 3px; }
.dm-secondary .col-sm-1 { width: 8.333%; }
.dm-secondary .col-md-5 { width: 41.666%; }
.dm-secondary .col-md-7 { width: 58.333%; }
.dm-secondary .col-xs-12 { width: 100%; }
.dm-secondary .col-xs-12.col-sm-7 { width: 58.333%; }
.dm-secondary .col-xs-12.col-sm-5 { width: 41.666%; }
.dm-secondary .col-md-offset-1 { margin-left: 8.333%; }
/* Algunos bloques heredados tienen columnas directamente dentro del contenedor. */
.dm-secondary .vacancy-row > .container:has(> [class*="col-"]) { display: flex; flex-wrap: wrap; gap: 0; }
.dm-secondary .vacancy-row > .container > [class*="col-"] { padding-inline: 12px; min-width: 0; }
.dm-secondary .row { row-gap: 24px; }
.dm-secondary .row .row { width: 100%; margin-inline: 0; }
.dm-secondary .row-gap { width: 100%; }
.dm-secondary .text-right { text-align: right; }
.dm-secondary .post-img { margin: 20px 0; }
.dm-secondary .post-img img { display: block; border-radius: 6px; }
.dm-secondary blockquote { margin: 26px 0; padding: 20px 24px; border-left: 3px solid #2878bd; background: #f3f6f9; }
.dm-secondary .darker { border-radius: 6px; }
.dm-secondary .purchase { padding: 30px 24px; }
.dm-secondary .icon { color: #2878bd; }
.dm-secondary .contact-map iframe { display: block; width: 100%; max-width: 100%; border-radius: 6px; }
.dm-secondary .dm-table-scroll { max-width: 100%; overflow-x: auto; }
.dm-secondary .dm-table-scroll table { min-width: 0; }
.dm-secondary .pricing > ul { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; padding: 0; list-style: none; }
.dm-secondary .pricing > ul > li { padding: 24px; border: 1px solid #dbe5ec; border-radius: 8px; background: #fff; }
/* Las tarjetas interiores no dependen del número de módulo de la portada. */
.dm-secondary .slider li { border: 1px solid #dbe5ec; border-radius: 6px; background: #fff; overflow: hidden; }
.dm-secondary .slider .magnific.mask { min-height: 0; padding: 14px 16px; border-top: 3px solid #2878bd; }
.dm-secondary .slider .magnific.mask h3 { font-size: var(--dm-type-h3) !important; }
.dm-secondary .gallery .mix-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.dm-secondary .gallery .mix-list > [class*="col-"] { width: auto; padding: 0; }
.dm-secondary .gallery img { display: block; width: 100%; border-radius: 6px; }
.dm-secondary .filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; padding: 0; list-style: none; }
.dm-secondary .sitemap-section + .sitemap-section { margin-top: 36px; padding-top: 36px; border-top: 1px solid #d6dbe1; }
.dm-error-content { max-width: 800px; text-align: center; }
@media (max-width: 991px) {
 .dm-secondary { --dm-band-space: 48px; }
 .dm-secondary .row > [class*="col-"],
 .dm-secondary .vacancy-row > .container > [class*="col-"] { width: 100%; margin-left: 0; }
 .dm-secondary .gallery .mix-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .dm-secondary .pricing > ul { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
 .dm-secondary { --dm-band-space: 40px; }
 .dm-secondary .dm-section-title { gap: 18px; }
 .dm-secondary-band > .row,
 .dm-secondary-band > .slider:not(.container) { width: calc(100% - 30px); }
 .dm-secondary .gallery .mix-list { grid-template-columns: 1fr; }
 .dm-secondary .btn + .btn { margin-left: 0; }
 .dm-secondary blockquote { padding: 16px 18px; }
 .dm-secondary .text-right { text-align: left; }
 .dm-secondary .page-header { width: 100%; margin-left: 0; }
}

.dm-secondary .dm-section-title--compact { gap: 12px; text-align: left; }
.dm-secondary .dm-section-title--compact::before,
.dm-secondary .dm-section-title--compact::after { flex-basis: 20px; min-width: 12px; }
