/* Drone Inventory — Control de inventario automatizado
   CSS dedicado. Sustituye Bootstrap, Camaro y lcp_unified_compatible en esta página. */



/* ============================================================
   BASE + GRID MÍNIMO DE LA PÁGINA DE INVENTARIO
   Sustituye Bootstrap/Camaro en esta página.
============================================================ */
@font-face {
  font-family: "Raleway";
  src: url("/fonts/Raleway-Regular.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after { box-sizing: inherit; }

html, body { margin: 0; padding: 0; }
body {
  width: 100%;
  overflow-x: hidden;
  background: #fff;
  color: #333;
  font-family: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.55;
}

article, aside, figcaption, figure, footer, header, main, nav, section { display: block; }
figure { margin: 0; }
img { display: block; max-width: 100%; height: auto; border: 0; }
a { color: #2e74b5; text-decoration: none; }
a:hover, a:focus { color: #245f96; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
ul { margin-top: 0; }
p { margin: 0 0 16px; }
strong { font-weight: 600; }
h1, h2, h3, h4 { font-weight: 400; }
h2 { margin: 0 0 16px; }
h3 { margin: 0 0 14px; }

.container {
  width: min(1170px, calc(100% - 30px));
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row > [class*="col-"] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.row > .col-xs-12 { width: 100%; }
.text-center { text-align: center; }

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  padding: 10px 14px;
  background: #18324a;
  color: #fff;
  border-radius: 3px;
  transform: translateY(-160%);
  transition: transform .15s ease;
}
.skip-link:focus {
  color: #fff;
  transform: translateY(0);
}

.di-nav-toggle:focus-visible,
.di-submenu-toggle:focus-visible,
.di-nav a:focus-visible,
.di-btn:focus-visible,
.btn:focus-visible,
.btn-automation:focus-visible,
.btn-automation--outline:focus-visible {
  outline: 3px solid #fbb03b;
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .row > .col-sm-3 { width: 25%; }
  .row > .col-sm-4 { width: 33.333333%; }
  .row > .col-sm-5 { width: 41.666667%; }
  .row > .col-sm-6 { width: 50%; }
  .row > .col-sm-7 { width: 58.333333%; }
  .row > .col-sm-8 { width: 66.666667%; }
  .row > .col-sm-9 { width: 75%; }
  .row > .col-sm-12 { width: 100%; }
}
@media (min-width: 992px) {
  .row > .col-md-3 { width: 25%; }
  .row > .col-md-4 { width: 33.333333%; }
  .row > .col-md-5 { width: 41.666667%; }
  .row > .col-md-6 { width: 50%; }
  .row > .col-md-7 { width: 58.333333%; }
  .row > .col-md-8 { width: 66.666667%; }
  .row > .col-md-9 { width: 75%; }
  .row > .col-md-10 { width: 83.333333%; }
  .row > .col-md-12 { width: 100%; }
}

/* ============================================================
   CONTENIDO EDITORIAL DEL HOME
============================================================ */
.site-content-page { color: #263746; }
.site-content-page .content { background: #fff; }
.site-content-page .content img { max-width: 100%; height: auto; }
.site-content-page .content p { line-height: 1.7; }
.site-content-page .content h3 { color: #1f4d78; line-height: 1.35; }

.site-content-page .section-block {
  padding: 46px 0;
}
.site-content-page .section-block--soft { background: #f4f7f9; }
.site-content-page .section-block--dark { background: #18324a; color: #fff; }
.site-content-page .section-block--dark .section-title,
.site-content-page .section-block--dark h3 { color: #fff; }

.site-content-page .section-kicker {
  margin: 0 0 8px;
  color: #2e74b5;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.site-content-page .section-title {
  margin: 0 0 20px;
  color: #18324a;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -.02em;
}
.site-content-page .section-lead {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.7;
}


.video-16x9 {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  background: #111;
}
.video-16x9 iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* ============================================================
   VIMEO LITE — CARGA DEL PLAYER SOLO BAJO INTERACCIÓN
============================================================ */

.video-lite {
  position: relative;
  cursor: pointer;
  background: #111;
}

.video-lite::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(24, 50, 74, .20);
  content: "";
  pointer-events: none;
}

.video-lite__button {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
}

.video-lite__play {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(46, 116, 181, .96);
  box-shadow: 0 6px 22px rgba(0,0,0,.25);
}

.video-lite__play::after {
  position: absolute;
  top: 50%;
  left: 52%;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 18px solid #fff;
  content: "";
  transform: translate(-40%, -50%);
}

.video-lite__label {
  padding: 7px 12px;
  border-radius: 3px;
  background: rgba(0,0,0,.55);
  font-size: 14px;
  line-height: 1.2;
}

.video-lite__button:hover .video-lite__play,
.video-lite__button:focus .video-lite__play {
  background: #245f96;
}

.video-lite__button:focus-visible {
  outline: 3px solid #fbb03b;
  outline-offset: -3px;
}

/* Botones de contenido */
.btn,
.btn-automation,
.btn-automation--outline {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 3px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
.btn-automation {
  background: #2e74b5;
  border: 1px solid #2e74b5;
  color: #fff;
}
.btn-automation:hover,
.btn-automation:focus { background: #245f96; border-color: #245f96; color: #fff; }
.btn-automation--outline { background: transparent; border: 1px solid #fff; color: #fff; }
.btn-automation--outline:hover,
.btn-automation--outline:focus { background: #fff; color: #18324a; }

/* Footer centralizado en footer.css */

/* ============================================================
   RESPONSIVE DEL CONTENIDO
============================================================ */
@media (max-width: 991px) {
  .inventory-benefits__intro { margin-bottom: 24px; padding-right: 15px; }
  .home-client-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  body { font-size: 16px; }
  .site-content-page .section-block { padding: 34px 0; }
  .site-content-page .section-title { font-size: 27px; }
  .site-content-page .section-lead { font-size: 17px; }
  .section-copy { padding-right: 15px; }
  .home-video-card { margin-top: 24px; }
  .automation-grid,
  .home-experience-row,
  .success-stories__row { display: block; }
  .automation-grid > [class*="col-"],
  .home-experience-row > [class*="col-"],
  .success-stories__row > [class*="col-"] { display: block; margin-bottom: 24px; }
  .automation-card__body { min-height: 0; padding: 22px; }
  .home-client-grid { grid-template-columns: 1fr 1fr; }
  .cta-panel { padding: 30px 18px; }
  .cta-actions .btn { display: block; width: 100%; min-width: 0; margin: 10px 0; }
  .inventory-form-intro { padding-right: 15px; }
}

/* Cabecera, navegación y hero centralizados en droneinventory-shell.css */

.home-highlight-text {
  color: #2e74b5;
  font-weight: 500;
}
.text-blue-strong {
  color: #2e74b5;
  font-weight: 600;
}

@charset "UTF-8";

/* Archivo generado para homologar la presentación visual del contenido de droneinventory.lat. */

/* --- Reglas heredadas de lcp_unified_compatible.css que dependían de .automation-page --- */
.site-content-page {
  color: #263746;
}

.site-content-page .section-block {
  padding: 64px 0;
}

.site-content-page .section-block--soft {
  background-color: #f4f7f9;
}

.site-content-page .section-block--dark {
  background-color: #18324a;
  color: #ffffff;
}

.site-content-page .section-kicker {
  margin-bottom: 8px;
  color: #2e74b5;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.site-content-page .section-title {
  margin: 0 0 20px;
  color: #18324a;
  font-size: 32px;
  line-height: 1.25;
}

.site-content-page .section-block--dark .section-title,
.site-content-page .section-block--dark h3 {
  color: #ffffff;
}

.site-content-page .section-lead {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.7;
}

.site-content-page .automation-card {
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
  padding: 26px;
  background-color: #ffffff;
  border: 1px solid #dfe7ed;
  border-radius: 4px;
}

.site-content-page .automation-card h3 {
  margin-top: 0;
  color: #1f4d78;
  font-size: 20px;
  line-height: 1.35;
}

.site-content-page .automation-card p {
  margin-bottom: 0;
}

.site-content-page .automation-grid {
  display: flex;
  flex-wrap: wrap;
}

.site-content-page .automation-grid > [class*="col-"] {
  display: flex;
}

.site-content-page .technology-list,
.site-content-page .benefit-list,
.site-content-page .sector-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-content-page .technology-list li,
.site-content-page .benefit-list li {
  position: relative;
  margin-bottom: 14px;
  padding-left: 28px;
}

.site-content-page .technology-list li::before,
.site-content-page .benefit-list li::before {
  position: absolute;
  left: 0;
  color: #2e74b5;
  content: "✓";
  font-weight: 700;
}

.site-content-page .solution-card {
  margin-bottom: 30px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #dfe7ed;
}

.site-content-page .solution-card img {
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.site-content-page .solution-card__body {
  padding: 24px;
}

.site-content-page .solution-card h3 {
  margin: 0 0 12px;
  color: #1f4d78;
  font-size: 21px;
}
/* Negrita suave solo para frases seleccionadas dentro de párrafos */
.site-content-page .inventory-models p strong.soft-strong {
  font-weight: 600;
  color: #29445c;
}
.site-content-page .process-step {
  margin-bottom: 20px;
  padding: 2px 0 2px 20px;
  border-left: 3px solid #2e74b5;
}

.site-content-page .process-step strong {
  display: block;
  margin-bottom: 4px;
  color: #1f4d78;
  font-size: 17px;
}

.site-content-page .sector-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px;
}

.site-content-page .sector-list li {
  margin: 7px;
  padding: 11px 16px;
  background-color: #e8eef5;
  border-radius: 3px;
  color: #18324a;
  font-weight: 600;
}

.site-content-page .alliance-item {
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dfe7ed;
}

.site-content-page .alliance-item:last-child {
  border-bottom: 0;
}

.site-content-page .alliance-item h3 {
  margin: 0 0 8px;
  color: #1f4d78;
  font-size: 18px;
}

.site-content-page .experience-band {
  padding: 28px;
  background-color: #e8eef5;
  border-left: 5px solid #2e74b5;
}

.site-content-page .experience-band strong {
  color: #18324a;
  font-size: 24px;
}

.site-content-page .cta-panel {
  padding: 42px;
  background-color: #18324a;
  color: #ffffff;
  text-align: center;
}

.site-content-page .cta-panel h2 {
  margin-top: 0;
  color: #ffffff;
}

.site-content-page .cta-actions {
  margin-top: 24px;
}

.site-content-page .cta-actions .btn {
  min-width: 190px;
  margin: 5px;
}

.site-content-page .btn-automation {
  display: inline-block;
  padding: 12px 24px;
  background-color: #2e74b5;
  border: 1px solid #2e74b5;
  border-radius: 3px;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.site-content-page .btn-automation:hover,
.site-content-page .btn-automation:focus {
  background-color: #245f96;
  border-color: #245f96;
  color: #ffffff;
  text-decoration: none;
}

.site-content-page .btn-automation:focus {
  outline: 2px solid #18324a !important;
  outline-offset: 2px;
}

.site-content-page .btn-automation--outline {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.site-content-page .btn-automation--outline:hover,
.site-content-page .btn-automation--outline:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #18324a;
}

.site-content-page .faq-list details {
  padding: 18px 0;
  border-bottom: 1px solid #dfe7ed;
}

.site-content-page .faq-list summary {
  color: #18324a;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
}

.site-content-page .faq-list details p {
  margin: 14px 0 0;
}

.site-content-page .form-section {
  padding-bottom: 70px;
}

.site-content-page .hero-subtitle {
  max-width: 850px;
  margin: 14px auto 0;
  color: #ffffff;
  font-size: 19px;
}

@media (max-width: 767px){
.site-content-page .section-block {
    padding: 44px 0;
  }
.site-content-page .section-title {
    font-size: 27px;
  }
.site-content-page .automation-grid {
    display: block;
  }
.site-content-page .automation-grid > [class*="col-"] {
    display: block;
  }
.site-content-page .automation-card {
    height: auto;
  }
.site-content-page .cta-panel {
    padding: 30px 18px;
  }
.site-content-page .cta-actions .btn {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 10px 0;
  }
.site-content-page .hero-subtitle {
    padding: 0 15px;
    font-size: 16px;
  }
}

.site-content-page .content > .highlight:first-child {
  margin-bottom: 0;
}

.site-content-page .content > .highlight + .section-block {
  padding-top: 30px;
}

@media (max-width: 767px){
.site-content-page .content > .highlight + .section-block {
    padding-top: 20px;
  }
}

.site-content-page .section-block {
  padding-top: 42px;
  padding-bottom: 42px;
}

.site-content-page .section-block > .container,
.site-content-page .section-block > .container:last-child {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 767px){
.site-content-page .section-block {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.site-content-page .automation-grid {
  display: flex;
  flex-wrap: wrap;
}

.site-content-page .automation-grid > [class*="col-"] {
  display: flex;
  margin-bottom: 30px;
}

.site-content-page .automation-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dfe7ed;
  border-radius: 4px;
  transition:
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.site-content-page .automation-card:hover {
  box-shadow: 0 12px 28px rgba(24, 50, 74, 0.14);
  transform: translateY(-4px);
}

.site-content-page .automation-card__image {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #e8eef5;
}

.site-content-page .automation-card__image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transition: transform 0.35s ease;
}

.site-content-page .automation-card:hover .automation-card__image img {
  transform: scale(1.035);
}

.site-content-page .automation-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px 25px 27px;
}

.site-content-page .automation-card__body h3 {
  margin: 0 0 14px;
  color: #1f4d78;
  font-size: 20px;
  line-height: 1.3;
}

.site-content-page .automation-card__body p {
  margin: 0;
  color: #526273;
  font-size: 16px;
  line-height: 1.6;
}

@media (min-width: 768px) and (max-width: 991px){
.site-content-page .automation-grid > [class*="col-"] {
    margin-bottom: 26px;
  }
}

@media (max-width: 767px){
.site-content-page .automation-grid {
    display: block;
  }
.site-content-page .automation-grid > [class*="col-"] {
    display: block;
    margin-bottom: 24px;
  }
.site-content-page .automation-card__body {
    padding: 22px;
  }
.site-content-page .automation-card__body h3 {
    font-size: 19px;
  }
}

/* --- Reglas visuales extraídas del <head> de automatizacion_procesos_industriales.html --- */

   /* Estilos exclusivos del apartado Soluciones de Automatización */
   .site-content-page { color: #263746; }
   .site-content-page .section-block { padding: 46px 0; }
   .site-content-page .section-block > .container,
   .site-content-page .section-block > .container:last-child { padding-bottom: 0; padding-top: 0; }
   .site-content-page .content > .highlight:first-child { margin-bottom: 0; }
   .site-content-page .section-block--soft { background: #f4f7f9; }
   .site-content-page .section-block--dark { background: #18324a; color: #fff; }
   .site-content-page .section-kicker { color: #2e74b5; font-size: 13px; font-weight: 700; letter-spacing: .08em; margin-bottom: 8px; text-transform: uppercase; }
   .site-content-page .section-title { color: #18324a; font-size: 32px; line-height: 1.25; margin: 0 0 20px; }
   .site-content-page .section-block--dark .section-title,
   .site-content-page .section-block--dark h3 { color: #fff; }
   .site-content-page .section-lead { font-size: 18px; line-height: 1.7; margin-bottom: 24px; }
   .site-content-page .automation-card { background: #fff; border: 1px solid #dfe7ed; border-radius: 4px; height: 100%; margin-bottom: 30px; padding: 26px; }
   .site-content-page .automation-card h3 { color: #1f4d78; font-size: 20px; line-height: 1.35; margin-top: 0; }
   .site-content-page .automation-card p { margin-bottom: 0; }
   .site-content-page .automation-grid { display: flex; flex-wrap: wrap; }
   .site-content-page .automation-grid > [class*="col-"] { display: flex; }
   .site-content-page .technology-list,
   .site-content-page .benefit-list,
   .site-content-page .sector-list { list-style: none; margin: 0; padding: 0; }
   .site-content-page .technology-list li,
   .site-content-page .benefit-list li { margin-bottom: 14px; padding-left: 28px; position: relative; }
   .site-content-page .technology-list li::before,
   .site-content-page .benefit-list li::before { color: #2e74b5; content: "✓"; font-weight: 700; left: 0; position: absolute; }
   .site-content-page .solution-card { background: #fff; border: 1px solid #dfe7ed; margin-bottom: 30px; overflow: hidden; }
   .site-content-page .solution-card__body { padding: 24px; }
   .site-content-page .solution-card h3 { color: #1f4d78; font-size: 21px; margin: 0 0 12px; }
   .site-content-page .visual-row { align-items: center; display: flex; flex-wrap: wrap; }
   .site-content-page .visual-panel { margin: 0; overflow: hidden; position: relative; }
   .site-content-page .visual-panel img { display: block; height: 390px; object-fit: cover; object-position: center; width: 100%; }
   .site-content-page .visual-panel.visual-panel--technology img { height: 560px; }
   /* Gráfico de metodología: conservar proporción original 3:2 y evitar recortes */
   .site-content-page .visual-panel.visual-panel--method img {
     display: block;
     width: 100%;
     height: auto;
     object-fit: contain;
     object-position: center;
   }
   .site-content-page .visual-panel.visual-panel--method .visual-panel__label {
     position: static;
     display: block;
     width: 100%;
     box-sizing: border-box;
     text-align: center;
   }
   .site-content-page .visual-panel__card { background: #fff; border-left: 5px solid #2e74b5; box-shadow: 0 10px 28px rgba(24, 50, 74, .16); margin: -72px 24px 0; padding: 26px 28px; position: relative; z-index: 2; }
   .site-content-page .visual-panel__card strong { color: #18324a; display: block; font-size: 24px; line-height: 1.25; margin-bottom: 8px; }
   .site-content-page .visual-panel__card p:last-child { margin-bottom: 0; }
   .site-content-page .visual-panel__label { background: rgba(24, 50, 74, .94); bottom: 20px; color: #fff; font-size: 13px; font-weight: 700; left: 20px; letter-spacing: .06em; padding: 10px 14px; position: absolute; text-transform: uppercase; }
   .site-content-page .technology-copy { padding-left: 34px; }
   .site-content-page .method-copy { padding-right: 34px; }
   .site-content-page .visual-panel--method { box-shadow: 0 12px 30px rgba(24, 50, 74, .14); }
   .site-content-page .client-carousel { margin: 36px 0 0; padding: 0 54px; position: relative; }
   .site-content-page .client-carousel .carousel-inner { background: #fff; border: 1px solid #dfe7ed; box-shadow: 0 8px 24px rgba(24, 50, 74, .10); }
   .site-content-page #carrusel-empresas .carousel-inner > .item { cursor: default; display: none; height: auto; position: relative; width: 100%; }
   .site-content-page #carrusel-empresas .carousel-inner > .item.active,
   .site-content-page #carrusel-empresas .carousel-inner > .item.next,
   .site-content-page #carrusel-empresas .carousel-inner > .item.prev { display: block; }
   .site-content-page .client-logo-grid { display: flex; min-height: 160px; }
   .site-content-page .client-logo-item { align-items: center; border-right: 1px solid #e7edf2; display: flex; justify-content: center; padding: 28px 24px; width: 25%; }
   .site-content-page .client-logo-item:last-child { border-right: 0; }
   .site-content-page .client-logo-item img { display: block; height: auto; max-height: 88px; max-width: 180px; object-fit: contain; width: 100%; }
   .site-content-page .client-logo-placeholder { align-items: center; border: 1px dashed #aebdca; color: #708090; display: flex; font-size: 12px; font-weight: 700; height: 88px; justify-content: center; letter-spacing: .06em; text-align: center; text-transform: uppercase; width: 100%; }
   .site-content-page .client-carousel .carousel-control { background: none; color: #18324a; filter: none; opacity: 1; text-shadow: none; width: 46px; }
   .site-content-page .client-carousel .carousel-control:hover,
   .site-content-page .client-carousel .carousel-control:focus { color: #2e74b5; }
   .site-content-page .client-carousel .left.carousel-control { left: 0; }
   .site-content-page .client-carousel .right.carousel-control { right: 0; }
   .site-content-page .client-carousel__arrow { font-family: Arial, sans-serif; font-size: 46px; left: 50%; line-height: 1; position: absolute; top: 50%; transform: translate(-50%, -50%); }
   .site-content-page .client-carousel .carousel-indicators { bottom: auto; counter-reset: none; left: auto; list-style: none; margin: 18px 0 0; padding: 0; position: relative; width: 100%; }
   .site-content-page .client-carousel .carousel-indicators li { background: #c6d1da; border: 0; height: 9px; margin: 0 4px; width: 9px; }
   .site-content-page .client-carousel .carousel-indicators li::before { content: none !important; counter-increment: none; display: none; }
   .site-content-page .client-carousel .carousel-indicators .active { background: #2e74b5; height: 9px; margin: 0 4px; width: 24px; }
   .site-content-page .process-step { border-left: 3px solid #2e74b5; margin-bottom: 20px; padding: 2px 0 2px 20px; }
   .site-content-page .process-step strong { color: #1f4d78; display: block; font-size: 17px; margin-bottom: 4px; }
   .site-content-page .sector-list { display: flex; flex-wrap: wrap; margin: 0 -7px; }
   .site-content-page .sector-list li { background: #e8eef5; border-radius: 3px; color: #18324a; font-weight: 600; margin: 7px; padding: 11px 16px; }
   .site-content-page .alliance-item { border-bottom: 1px solid #dfe7ed; margin-bottom: 20px; padding-bottom: 18px; }
   .site-content-page .alliance-item:last-child { border-bottom: 0; }
   .site-content-page .alliance-item h3 { color: #1f4d78; font-size: 18px; margin: 0 0 8px; }
   .site-content-page .experience-band { background: #e8eef5; border-left: 5px solid #2e74b5; padding: 28px; }
   .site-content-page .experience-band strong { color: #18324a; font-size: 24px; }
   .site-content-page .cta-panel { background: #18324a; color: #fff; padding: 42px; text-align: center; }
   .site-content-page .cta-panel h2 { color: #fff; margin-top: 0; }
   .site-content-page .cta-actions { margin-top: 24px; }
   .site-content-page .cta-actions .btn { margin: 5px; min-width: 190px; }
   .site-content-page .btn-automation { background: #2e74b5; border: 1px solid #2e74b5; color: #fff; }
   .site-content-page .btn-automation:hover,
   .site-content-page .btn-automation:focus { background: #245f96; color: #fff; }
   .site-content-page .btn-automation--outline { background: transparent; border: 1px solid #fff; color: #fff; }
   .site-content-page .btn-automation--outline:hover,
   .site-content-page .btn-automation--outline:focus { background: #fff; color: #18324a; }
   .site-content-page .faq-list details { border-bottom: 1px solid #dfe7ed; padding: 18px 0; }
   .site-content-page .faq-list summary { color: #18324a; cursor: pointer; font-size: 18px; font-weight: 700; }
   .site-content-page .faq-list details p { margin: 14px 0 0; }
   .site-content-page .form-section { padding-bottom: 70px; }
   .site-content-page .hero-subtitle { color: #fff; font-size: 19px; margin: 14px auto 0; max-width: 850px; }
   @media (max-width: 767px) {
     .site-content-page .section-block { padding: 34px 0; }
     .site-content-page .section-title { font-size: 27px; }
     .site-content-page .automation-grid { display: block; }
     .site-content-page .automation-grid > [class*="col-"] { display: block; }
     .site-content-page .visual-row { display: block; }
     .site-content-page .technology-copy,
     .site-content-page .method-copy { padding-left: 15px; padding-right: 15px; }
     .site-content-page .visual-panel { margin-top: 28px; }
     .site-content-page .visual-panel img { height: 240px; }
     .site-content-page .visual-panel.visual-panel--method img {
       width: 100%;
       height: auto;
       object-fit: contain;
     }
     .site-content-page .visual-panel.visual-panel--technology img { height: 340px; }
     .site-content-page .visual-panel__card { margin: -42px 14px 0; padding: 22px 20px; }
     .site-content-page .visual-panel__card strong { font-size: 21px; }
     .site-content-page .visual-panel__label { bottom: 12px; left: 12px; }
     .site-content-page .client-carousel { margin-top: 28px; padding: 0 36px; }
     .site-content-page .client-logo-grid { flex-wrap: wrap; min-height: 0; }
     .site-content-page .client-logo-item { border-bottom: 1px solid #e7edf2; padding: 20px 16px; width: 50%; }
     .site-content-page .client-logo-item:nth-child(2n) { border-right: 0; }
     .site-content-page .client-logo-item:nth-last-child(-n+2) { border-bottom: 0; }
     .site-content-page .client-logo-item img { max-height: 68px; max-width: 140px; }
     .site-content-page .client-logo-placeholder { height: 68px; }
     .site-content-page .client-carousel .carousel-control { width: 32px; }
     .site-content-page .client-carousel__arrow { font-size: 38px; }
     .site-content-page .cta-panel { padding: 30px 18px; }
     .site-content-page .cta-actions .btn { display: block; margin: 10px 0; width: 100%; }
     .site-content-page .hero-subtitle { font-size: 16px; padding: 0 15px; }
   }
  


/* ==========================================================================\n   DRONE INVENTORY — SISTEMA VISUAL COMPARTIDO DE CONTENIDO\n   Este archivo controla únicamente la presentación del contenido editorial\n   de páginas que declaran la clase body .site-content-page.\n   ========================================================================== */

.site-content-page { color: #263746; }
.site-content-page .content { background: #fff; }
.site-content-page .content img { max-width: 100%; height: auto; }
.site-content-page .content h3 { color: #1f4d78; line-height: 1.35; }
.site-content-page .content p { line-height: 1.7; }
.site-content-page .content .page-header {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
}
.site-content-page .content .page-header h2 {
  margin: 0;
  color: #18324a;
  font-size: 32px;
  line-height: 1.25;
}
.site-content-page .content .text-center .section-title,
.site-content-page .content .page-header.text-center h2 { text-align: center; }

/* Introducción compartida */
.site-content-page .highlight.inventory-intro { margin-bottom: 0; }
.site-content-page .highlight.inventory-intro > .container { padding-top: 40px; padding-bottom: 40px; }
.site-content-page .inventory-intro h2 { color: #18324a; line-height: 1.25; }
.site-content-page .inventory-intro .post-link { color: #2e74b5; font-weight: 600; }
.site-content-page .inventory-intro .inventory-demo-image { max-width: 173px; }
.site-content-page .inventory-intro .inventory-whatsapp-image { max-width: 150px; margin-left: auto; }

/* Galería de aplicaciones */
.site-content-page .inventory-showcase { overflow: hidden; }
.site-content-page .inventory-showcase .container { padding-top: 0; padding-bottom: 0; }
.site-content-page .inventory-showcase .oneslider { margin: 0; }
.site-content-page .inventory-showcase .oneslider img { width: 100%; height: auto; }
.site-content-page .inventory-showcase .slidebar { margin-bottom: 0; }

/* Bloques de inventario */
.site-content-page .inventory-section .section-copy { margin-bottom: 26px; }
.site-content-page .inventory-section .inventory-panel {
  height: 100%;
  padding: 26px;
  background: #fff;
  border: 1px solid #dfe7ed;
  border-radius: 4px;
}
.site-content-page .inventory-section .inventory-panel h3 { margin-top: 0; }
.site-content-page .inventory-section .inventory-aside {
  padding: 24px;
  background: #e8eef5;
  border-left: 5px solid #2e74b5;
  color: #18324a;
}
.site-content-page .inventory-section .inventory-aside .download { margin: 0; }
.site-content-page .inventory-section .inventory-aside p:last-child { margin-bottom: 0; }

/* Videos de Drone Inventory: dos columnas en escritorio, apilados en móvil */
.site-content-page .inventory-video-grid {
  margin-top: 24px;
}
.site-content-page .inventory-video-grid > .row {
  display: flex;
  flex-wrap: wrap;
}
.site-content-page .inventory-video-grid > .row > [class*="col-"] {
  display: flex;
}
.site-content-page .inventory-video-card {
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe7ed;
  border-top: 4px solid #2e74b5;
  box-shadow: 0 10px 24px rgba(24, 50, 74, .12);
}
.site-content-page .inventory-video-card .video-16x9 {
  margin: 0;
  background: #111;
}
.site-content-page .inventory-video-card iframe {
  display: block;
}
/* =====================================================
   QUÉ ES DRONE INVENTORY — BLOQUE DE VIDEOS
   Centrado, desplazamiento vertical y separación
===================================================== */

.site-content-page .inventory-definition__media {
  padding-top: 48px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Separación entre ambos videos */
.site-content-page .inventory-definition__media .inventory-video-card {
  width: 100%;
  margin: 0 0 28px;
}

/* El último video no necesita margen inferior */
.site-content-page .inventory-definition__media .inventory-video-card:last-child {
  margin-bottom: 0;
}

/* Tablet y móvil */
@media (max-width: 991px) {

  .site-content-page .inventory-definition__media {
    padding-top: 30px;
  }

}

@media (max-width: 767px) {

  .site-content-page .inventory-definition__media .inventory-video-card {
    margin-bottom: 20px;
  }

  .site-content-page .inventory-definition__media .inventory-video-card:last-child {
    margin-bottom: 0;
  }

}
/* Aplicaciones interiores / exteriores */
.site-content-page .inventory-usecases { display: flex; flex-wrap: wrap; }
.site-content-page .inventory-usecases > [class*="col-"] { display: flex; }
.site-content-page .inventory-usecase {
  width: 100%;
  padding: 28px;
  background: #fff;
  border: 1px solid #dfe7ed;
  border-top: 4px solid #2e74b5;
}
.site-content-page .inventory-usecase h3 { margin-top: 0; }

/* Casos de éxito */
.site-content-page .success-stories.section-block { padding-bottom: 28px; }
.site-content-page .success-stories .page-header { margin-bottom: 32px; }
.site-content-page .success-stories__row { display: flex; flex-wrap: wrap; }
.site-content-page .success-stories__row > [class*="col-"] { display: flex; }
.site-content-page .success-story {
  width: 100%;
  background: #fff;
  border: 1px solid #dfe7ed;
  border-top: 4px solid #fbb03b;
  box-shadow: 0 8px 24px rgba(24, 50, 74, .08);
}
.site-content-page .success-story__title { padding: 24px 24px 0; color: #1f4d78; }
.site-content-page .success-story__image { margin-bottom: 0; }
.site-content-page .success-story__image img { width: 100%; }
.site-content-page .success-story__content { padding: 24px; }

/* Testimonio: se conserva el componente existente, ajustado a la paleta compartida */
.site-content-page .customer-review { background: #f4f7f9; }

/* Secciones visuales imagen/texto */
.site-content-page .inventory-media-row { align-items: center; display: flex; flex-wrap: wrap; }
.site-content-page .inventory-media-row .post-img { margin: 0; overflow: hidden; box-shadow: 0 12px 30px rgba(24, 50, 74, .12); }
.site-content-page .inventory-media-row .post-img img { width: 100%; }
.site-content-page .inventory-media-copy { padding: 8px 24px; }

/* Proceso de implementación */
.site-content-page .inventory-process-copy {
  padding: 28px;
  background: #fff;
  border-left: 5px solid #2e74b5;
  box-shadow: 0 10px 24px rgba(24, 50, 74, .08);
}

/* Formulario */
.site-content-page .inventory-form-intro { padding-right: 30px; }
.site-content-page .inventory-form-intro h3 { margin-top: 0; }

@media (max-width: 767px) {
  .site-content-page .content .page-header h2 { font-size: 27px; }
  .site-content-page .inventory-intro .inventory-whatsapp-image { margin: 20px auto 0; max-width: 120px; }
  .site-content-page .inventory-usecases,
  .site-content-page .success-stories__row,
  .site-content-page .inventory-media-row { display: block; }
  .site-content-page .inventory-usecases > [class*="col-"],
  .site-content-page .success-stories__row > [class*="col-"] { display: block; }
  .site-content-page .inventory-usecase,
  .site-content-page .success-story { margin-bottom: 24px; }
  .site-content-page .inventory-video-grid > .row { display: block; }
  .site-content-page .inventory-video-grid > .row > [class*="col-"] { display: block; }
  .site-content-page .inventory-video-card { margin-bottom: 20px; }
  .site-content-page .inventory-video-grid > .row > [class*="col-"]:last-child .inventory-video-card { margin-bottom: 0; }
  .site-content-page .inventory-media-copy,
  .site-content-page .inventory-form-intro { padding-left: 15px; padding-right: 15px; }
}

/* === Encabezados de sección centrados sin decoración heredada ===
   Neutraliza las líneas laterales y el fondo del componente legacy .page-header.
   Se aplica únicamente al contenido de páginas bajo .site-content-page.
   ========================================================================== */
.site-content-page .content .page-header,
.site-content-page .content .page-header.text-center {
  position: relative;
  margin: 0 0 32px;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.site-content-page .content .page-header::before,
.site-content-page .content .page-header::after,
.site-content-page .content .page-header h2::before,
.site-content-page .content .page-header h2::after,
.site-content-page .content .page-header .section-title::before,
.site-content-page .content .page-header .section-title::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
}

.site-content-page .content .page-header h2,
.site-content-page .content .page-header .section-title {
  display: block;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #18324a;
  font-size: 32px;
  line-height: 1.25;
  text-align: center;
}

@media (max-width: 767px) {
  .site-content-page .content .page-header,
  .site-content-page .content .page-header.text-center {
    margin-bottom: 24px;
  }

  .site-content-page .content .page-header h2,
  .site-content-page .content .page-header .section-title {
    font-size: 27px;
  }
}


/* ==========================================================================\n   CONTROL DE INVENTARIO — COMPOSICIÓN VISUAL V4\n   Ritmo editorial homologado con automatizacion_procesos_industriales.html:\n   bloques completos blanco / gris claro y acentos azul oscuro.\n   ========================================================================== */

/* Cada transición de color corresponde a una sección completa. */
.inventory-page .inventory-intro.section-block,
.inventory-page .inventory-showcase.section-block,
.inventory-page .inventory-section.section-block,
.inventory-page .inventory-kpis.section-block,
.inventory-page .inventory-review,
.inventory-page .inventory-form.section-block {
  margin-top: 0;
  margin-bottom: 0;
}

/* Introducción inmediatamente después del hero: mismo ritmo de section-block. */
.inventory-page .inventory-intro.section-block {
  background: #fff;
  padding: 46px 0;
}

.inventory-page .inventory-intro.section-block > .container {
  padding-top: 0;
  padding-bottom: 0;
}

/* Galería como sección gris real, no como franja separada por márgenes. */
.inventory-page .inventory-showcase.section-block {
  background: #f4f7f9;
  padding: 46px 0;
  overflow: hidden;
}

.inventory-page .inventory-showcase.section-block > .container {
  padding-top: 0;
  padding-bottom: 0;
}

.inventory-page .inventory-showcase .oneslider,
.inventory-page .inventory-showcase .slidebar {
  margin-top: 0;
  margin-bottom: 0;
}

/* Bloque de indicadores: primer acento azul oscuro. */
.inventory-page .inventory-kpis.section-block--dark {
  background: #18324a;
  color: #fff;
}

.inventory-page .inventory-kpis .section-kicker {
  color: #8fc0ea;
}

.inventory-page .inventory-kpis .section-title,
.inventory-page .inventory-kpis h3,
.inventory-page .inventory-kpis strong {
  color: #fff;
}

.inventory-page .inventory-kpis .benefit-list {
  columns: 2;
  column-gap: 48px;
}

.inventory-page .inventory-kpis .benefit-list li {
  break-inside: avoid;
  color: #fff;
  margin-bottom: 18px;
}

.inventory-page .inventory-kpis .benefit-list li::before {
  color: #8fc0ea;
}

/* Testimonio: segundo acento azul, conservando la tarjeta clara de lectura. */
.inventory-page .inventory-review {
  background: #18324a;
  padding: 46px 0;
}

.inventory-page .inventory-review .customer-review__card {
  margin-top: 0;
  margin-bottom: 0;
}

/* Secuencia final: formulario vuelve a gris claro para cerrar con suavidad. */
.inventory-page .inventory-form.section-block {
  background: #f4f7f9;
}

@media (max-width: 767px) {
  .inventory-page .inventory-intro.section-block,
  .inventory-page .inventory-showcase.section-block,
  .inventory-page .inventory-review {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .inventory-page .inventory-kpis .benefit-list {
    columns: 1;
  }
}
/* =====================================================
   CONTROL DE INVENTARIO — INDICADORES COMPACTOS
===================================================== */

.site-content-page .inventory-benefits--compact {
  padding-top: 34px;
  padding-bottom: 30px;
}

.site-content-page .inventory-benefits__intro {
  padding-right: 34px;
}

.site-content-page .inventory-benefits--compact .section-title {
  margin-bottom: 14px;
}

.site-content-page .inventory-benefits__summary {
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

.site-content-page .inventory-benefits__columns {
  margin-top: 2px;
}

.site-content-page .inventory-benefit-compact {
  color: #fff;
  font-size: 15px;
  line-height: 1.48;
  margin: 0 0 16px;
  padding-left: 13px;
  position: relative;
}

.site-content-page .inventory-benefit-compact::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  background: #fbb03b;
  border-radius: 50%;
}

.site-content-page .inventory-benefit-compact strong {
  color: #fff;
  font-weight: 700;
}


/* TABLET */
@media (max-width: 991px) {

  .site-content-page .inventory-benefits__intro {
    padding-right: 15px;
    margin-bottom: 24px;
  }

}


/* MÓVIL */
@media (max-width: 767px) {

  .site-content-page .inventory-benefits--compact {
    padding-top: 30px;
    padding-bottom: 26px;
  }

  .site-content-page .inventory-benefit-compact {
    margin-bottom: 14px;
  }

}
/* =====================================================
   CONTROL DE INVENTARIO — ESCENARIOS DE OPERACIÓN
   Carrusel horizontal: 3 desktop / 2 tablet / 1 móvil
===================================================== */

.site-content-page .inventory-gallery__header {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.site-content-page .inventory-scenarios-carousel__controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding-bottom: 18px;
}

.site-content-page .inventory-scenarios-carousel__button {
  width: 42px;
  height: 42px;
  padding: 0;

  border: 1px solid #b9d2e8;
  background: #eef5fb;
  color: #2e74b5;

  font-size: 30px;
  line-height: 36px;
  font-weight: 300;

  cursor: pointer;

  transition:
    background .2s ease,
    border-color .2s ease,
    color .2s ease,
    opacity .2s ease;
}

.site-content-page .inventory-scenarios-carousel__button:hover,
.site-content-page .inventory-scenarios-carousel__button:focus {
  background: #2e74b5;
  border-color: #2e74b5;
  color: #fff;
  outline: none;
}

.site-content-page .inventory-scenarios-carousel__button:disabled {
  opacity: 1;
  cursor: default;

  background: #f5f8fb;
  border-color: #d7e2eb;
  color: #a4b8c9;
}

.site-content-page .inventory-scenarios-carousel {
  margin-top: 8px;
}

.site-content-page .inventory-scenarios-carousel__viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.site-content-page .inventory-scenarios-carousel__viewport::-webkit-scrollbar {
  display: none;
}

.site-content-page .inventory-scenarios-carousel__track {
  display: flex;
  align-items: stretch;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
}

/* Tres tarjetas visibles en desktop */
.site-content-page .inventory-scenarios-carousel__item {
  flex: 0 0 calc((100% - 60px) / 3);
  min-width: 0;
  scroll-snap-align: start;
}

.site-content-page .inventory-scenario-card {
  height: 100%;
  background: #fff;
  border: 1px solid #dfe7ed;
  border-top: 4px solid #fbb03b;
  box-shadow: 0 8px 22px rgba(24, 50, 74, .07);
  overflow: hidden;
}

.site-content-page .inventory-scenario-card__image {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #e9eef2;
}

.site-content-page .inventory-scenario-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.site-content-page .inventory-scenario-card:hover .inventory-scenario-card__image img {
  transform: scale(1.025);
}

.site-content-page .inventory-scenario-card__body {
  padding: 20px 22px 22px;
  min-height: 118px;
}

.site-content-page .inventory-scenario-card__kicker {
  margin: 0 0 6px;
  color: #2e74b5;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.site-content-page .inventory-scenario-card h3 {
  margin: 0;
  color: #18324a;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 400;
}

/* Tablet: dos tarjetas visibles */
@media (max-width: 991px) {
  .site-content-page .inventory-scenarios-carousel__track {
    gap: 24px;
  }

  .site-content-page .inventory-scenarios-carousel__item {
    flex-basis: calc((100% - 24px) / 2);
  }

  .site-content-page .inventory-scenarios-carousel__controls {
    padding-bottom: 16px;
  }
}

/* Móvil: una tarjeta y una pequeña vista de la siguiente */
@media (max-width: 767px) {
  .site-content-page .inventory-gallery__header {
    display: block;
  }

  .site-content-page .inventory-scenarios-carousel__controls {
    justify-content: flex-start;
    padding-top: 4px;
    padding-bottom: 18px;
  }

  .site-content-page .inventory-scenarios-carousel__track {
    gap: 16px;
    padding-right: 12%;
  }

  .site-content-page .inventory-scenarios-carousel__item {
    flex-basis: 88%;
  }

  .site-content-page .inventory-scenario-card__body {
    min-height: 104px;
    padding: 18px 18px 20px;
  }

  .site-content-page .inventory-scenario-card h3 {
    font-size: 18px;
  }
}/* =====================================================
   CONTROL DE INVENTARIO
   INVENTARIO MANUAL VS AUTOMATIZADO — V2
===================================================== */

.site-content-page .inventory-manual-layout--graphic {
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}


/* =====================================================
   PANEL PRINCIPAL AZUL
===================================================== */

.site-content-page .inventory-manual-summary--dark {
  position: relative;
  height: 100%;

  padding: 32px 34px;

  background: #173b5c;
  color: #fff;

  border-top: 4px solid #fbb03b;

  box-shadow:
    0 10px 26px rgba(24, 50, 74, .12);
}

.site-content-page
.inventory-manual-summary--dark
.inventory-manual-summary__kicker {
  margin: 0 0 8px;

  color: #fbb03b;

  font-size: 12px;
  font-weight: 700;

  letter-spacing: .10em;
  text-transform: uppercase;
}

.site-content-page .inventory-manual-summary--dark h3 {
  margin: 0 0 20px;

  color: #fff;

  font-size: 22px;
  line-height: 1.3;
  font-weight: 500;
}

.site-content-page .inventory-manual-summary--dark p {
  margin: 0 0 16px;

  color: #e8eff4;

  font-size: 15px;
  line-height: 1.65;
}


/* =====================================================
   ENCABEZADO DE INEFICIENCIAS
===================================================== */

.site-content-page .inventory-pain-heading {
  margin: 0 0 12px;
}

.site-content-page .inventory-pain-heading .section-kicker {
  margin-bottom: 0;
}


/* =====================================================
   GRID
===================================================== */

.site-content-page .inventory-pain-grid {
  display: flex;
  flex-wrap: wrap;

  margin-left: -8px;
  margin-right: -8px;
}

.site-content-page .inventory-pain-grid > div {
  display: flex;

  padding-left: 8px;
  padding-right: 8px;

  margin-bottom: 16px;
}


/* =====================================================
   TARJETAS
===================================================== */

.site-content-page .inventory-pain-item {
  position: relative;

  width: 100%;

  display: flex;
  align-items: flex-start;

  padding: 18px;

  background: #fff;

  border: 1px solid #dce5eb;
  border-radius: 2px;

  overflow: hidden;

  transition:
    transform .20s ease,
    box-shadow .20s ease,
    border-color .20s ease;
}


/* Línea decorativa lateral */

.site-content-page .inventory-pain-item::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 3px;
  height: 100%;
}


/* Variante naranja */

.site-content-page .inventory-pain-item--orange::before {
  background: #fbb03b;
}


/* Variante azul */

.site-content-page .inventory-pain-item--blue::before {
  background: #337ab7;
}


/* Hover */

.site-content-page .inventory-pain-item:hover {
  transform: translateY(-2px);

  box-shadow:
    0 8px 20px rgba(24, 50, 74, .09);
}


/* =====================================================
   ICONOS
===================================================== */

.site-content-page .inventory-pain-icon {
  flex: 0 0 40px;

  width: 40px;
  height: 40px;

  margin-right: 14px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
}


/* SVG */

.site-content-page .inventory-pain-icon svg {
  width: 20px;
  height: 20px;

  fill: none;
  stroke: currentColor;

  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* Naranja */

.site-content-page
.inventory-pain-item--orange
.inventory-pain-icon {

  background: #fff3df;
  color: #e89a24;
}


/* Azul */

.site-content-page
.inventory-pain-item--blue
.inventory-pain-icon {

  background: #edf5fb;
  color: #337ab7;
}


/* =====================================================
   TEXTO
===================================================== */

.site-content-page .inventory-pain-item h3 {
  margin: 1px 0 5px;

  color: #173b5c;

  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.site-content-page .inventory-pain-item p {
  margin: 0;

  color: #596b78;

  font-size: 14px;
  line-height: 1.45;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

  .site-content-page .inventory-manual-layout--graphic {
    display: block;
  }

  .site-content-page .inventory-manual-summary--dark {
    margin-bottom: 28px;
  }

}


/* =====================================================
   MÓVIL
===================================================== */

@media (max-width: 767px) {

  .site-content-page .inventory-manual-summary--dark {
    padding: 26px 24px;
  }

  .site-content-page .inventory-pain-grid > div {
    margin-bottom: 12px;
  }

  .site-content-page .inventory-pain-icon {
    flex-basis: 36px;

    width: 36px;
    height: 36px;
  }

}
/* =====================================================
   CONTROL DE INVENTARIO
   ENCABEZADO DE INVENTARIO MANUAL VS AUTOMATIZADO
===================================================== */

.site-content-page .inventory-problem-heading {
  margin-bottom: 34px;
}

.site-content-page .inventory-problem-heading .section-lead {
  max-width: none;
}

.site-content-page .inventory-problem-heading .section-lead p {
  max-width: none;
}
/* =====================================================
   TEXTO EDITORIAL ESTÁNDAR
   Bloques explicativos de contenido
===================================================== */

.site-content-page .section-copy,
.site-content-page .section-copy p {
  font-size: 16px;
  line-height: 1.7;
}

.site-content-page p.section-copy,
.site-content-page .section-copy p {
  margin-bottom: 16px;
}

.site-content-page .section-copy p:last-child {
  margin-bottom: 0;
}
/* Escenarios de operación — texto introductorio */
.site-content-page .inventory-gallery .section-lead {
  font-size: 16px;
  line-height: 1.7;
}
/* =====================================================
   CONTROL DE INVENTARIO
   APLICACIONES OPERATIVAS — LAYOUT EDITORIAL 8/4
===================================================== */

.site-content-page .inventory-applications .section-title {
  margin-bottom: 10px;
}

.site-content-page .inventory-application-row {
  margin-top: 34px;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.site-content-page .inventory-application-row + .inventory-application-row {
  margin-top: 26px;
}

.site-content-page .inventory-application-copy {
  height: 100%;
  padding: 26px 28px;
  background: #fff;
  border-left: 4px solid #337ab7;
}

.site-content-page .inventory-application-copy__kicker {
  margin: 0 0 8px;
  color: #f2992e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.site-content-page .inventory-application-copy h3 {
  margin: 0 0 14px;
  color: #173b5c;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 400;
}

.site-content-page .inventory-application-copy p {
  margin: 0 0 16px;
  color: #596b78;
  font-size: 16px;
  line-height: 1.7;
}

.site-content-page .inventory-application-copy p:last-child {
  margin-bottom: 0;
}

.site-content-page .inventory-application-graphic {
  height: 100%;
  margin: 0;
  background: #fff;
  border: 1px solid #dfe7ed;
  border-top: 4px solid #337ab7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
}

.site-content-page .inventory-application-graphic img {
  display: block;
  width: 100%;
  height: auto;
}


/* TABLET Y MÓVIL */
@media (max-width: 991px) {

  .site-content-page .inventory-application-row {
    display: block;
    margin-top: 28px;
  }

  .site-content-page .inventory-application-copy {
    margin-bottom: 18px;
  }

}
/* Condiciones de operación de la versión estándar */

.site-content-page .experience-band {
  padding: 20px 28px;
}

/* Título del recuadro */
.site-content-page .experience-band > strong {
  display: block;
  margin-bottom: 10px;

  color: #2E74B5;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
}

/* Texto normal */
.site-content-page .experience-band p {
  font-size: 16px;
  line-height: 1.65;
}

/* Texto en negritas dentro del párrafo */
.site-content-page .experience-band p strong {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}
/* =====================================================
   CONDICIONES FÍSICAS DE OPERACIÓN
===================================================== */

.site-content-page .inventory-conditions {
  position: relative;

  margin-top: 32px;
  padding: 24px 30px 26px;

  background: #eef4f8;

  border: 1px solid #d9e4ec;
  border-left: 4px solid #2e74b5;

  box-shadow: 0 6px 18px rgba(24, 50, 74, 0.06);
}


/* Pequeño acento naranja superior */
.site-content-page .inventory-conditions::before {
  content: "";

  position: absolute;
  top: 0;
  left: 0;

  width: 90px;
  height: 3px;

  background: #fbb03b;
}


/* Título */
.site-content-page .inventory-conditions > strong {
  display: block;

  margin: 0 0 12px;

  color: #2e74b5;

  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
}


/* Texto */
.site-content-page .inventory-conditions p {
  margin: 0;

  color: #526273;

  font-size: 16px;
  line-height: 1.65;
}


/* Negritas internas */
.site-content-page .inventory-conditions p strong {
  color: #29445c;

  font-size: inherit;
  line-height: inherit;
  font-weight: 600;
}


/* Móvil */
@media (max-width: 767px) {

  .site-content-page .inventory-conditions {
    margin-top: 26px;
    padding: 22px 22px 24px;
  }

}



/* === Ajustes específicos de la versión optimizada === */
.inventory-page .video-lite__poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.inventory-page .video-lite__button { z-index:2; }
.inventory-page .inventory-video-card .video-16x9 { margin:0; }
.inventory-page .inventory-video-card + .inventory-video-card { margin-top:24px; }
.inventory-page .content { opacity:1; }
.inventory-page .footer-modern { opacity:1; }
.inventory-page .di-nav__menu a[aria-current="page"] { color:#1f4d78; font-weight:600; }
@media (max-width: 767px) {
  .inventory-page .inventory-video-card + .inventory-video-card { margin-top:20px; }
}

/* === Utilidades mínimas antes provistas por la pila legacy === */
.img-responsive { display:block; max-width:100%; height:auto; }
.center-block { display:block; margin-right:auto; margin-left:auto; }
.site-content-page .color { color:#e7543d; }

/* === Testimonio de cliente: reglas necesarias extraídas de lcp_unified_compatible === */
.success-stories { padding-bottom:18px; }
.success-stories + .customer-review { margin-top:0; }
.customer-review { position:relative; margin:0; padding:10px 0 50px; background-color:#f5f6f7; }
.customer-review__card { position:relative; display:flex; width:100%; max-width:1060px; min-height:360px; margin:0 auto; overflow:hidden; background-color:#fff; border-radius:4px; box-shadow:0 12px 35px rgba(18,36,61,.14); }
.customer-review__card::before { position:absolute; top:0; left:0; width:100%; height:4px; background:#fbb03b; content:""; z-index:2; }
.customer-review__summary { position:relative; display:flex; flex:0 0 36%; flex-direction:column; justify-content:center; padding:46px 38px; background:#eef3f7; }
.customer-review__summary::after { position:absolute; top:0; right:0; width:1px; height:100%; background:#dfe5e9; content:""; }
.customer-review__eyebrow { margin:0 0 12px; color:#1687c9; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.customer-review__summary h2 { margin:0 0 16px; color:#18324a; font-size:32px; line-height:1.2; letter-spacing:-.02em; }
.customer-review__project-type { margin:0 0 30px; color:#526273; font-size:15px; line-height:1.55; }
.customer-review__content { position:relative; display:flex; flex:1 1 auto; flex-direction:column; justify-content:center; padding:50px 48px 42px; }
.customer-review__quote-mark { position:absolute; top:22px; right:30px; color:#e6edf3; font-family:Georgia,serif; font-size:130px; line-height:1; pointer-events:none; }
.customer-review__quote { position:relative; z-index:1; margin:0; padding:0; border:0; color:#33495e; }
.customer-review__quote > p { margin:0 0 24px; font-size:18px; line-height:1.75; }
.customer-review__author { margin-top:4px; color:#526273; font-style:normal; }
.customer-review__author cite { display:block; color:#18324a; font-size:16px; font-style:normal; font-weight:600; }
.customer-review__author span { display:block; margin-top:3px; font-size:14px; }
.customer-review__metadata { display:flex; margin-top:28px; padding-top:24px; border-top:1px solid #dfe5e9; }
.customer-review__metadata-item { flex:1 1 50%; padding-right:25px; }
.customer-review__metadata-item + .customer-review__metadata-item { padding-left:25px; border-left:1px solid #dfe5e9; }
.customer-review__metadata-label { display:block; margin-bottom:5px; color:#1687c9; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.customer-review__metadata-item strong { display:block; color:#263746; font-size:14px; line-height:1.5; }
@media (max-width:767px) {
  .success-stories { padding-bottom:8px; }
  .customer-review { padding:8px 0 34px; }
  .customer-review__card { display:block; min-height:0; border-radius:3px; }
  .customer-review__summary { display:block; width:100%; padding:32px 25px 28px; }
  .customer-review__summary::after { display:none; }
  .customer-review__summary h2 { font-size:29px; }
  .customer-review__project-type { margin-bottom:22px; }
  .customer-review__content { display:block; padding:35px 25px 30px; }
  .customer-review__quote-mark { top:15px; right:20px; font-size:105px; }
  .customer-review__quote > p { font-size:17px; line-height:1.65; }
  .customer-review__metadata { display:block; }
  .customer-review__metadata-item { width:100%; padding-right:0; }
  .customer-review__metadata-item + .customer-review__metadata-item { margin-top:18px; padding-top:18px; padding-left:0; border-top:1px solid #dfe5e9; border-left:0; }
}