/* SCM Systems — identidad visual 2026 (azul / cian / grafito) */
:root{
  --scm-navy:#0a2a66;
  --scm-navy-deep:#061b3f;
  --scm-blue:#1157a6;
  --scm-cyan:#09a8c2;
  --scm-cyan-soft:#e8f8fb;
  --scm-graphite:#34373d;
  --scm-text:#344054;
  --scm-muted:#667085;
  --scm-line:#e4e9f0;
  --scm-bg:#f6f8fb;
  --scm-white:#fff;
}
html{scroll-behavior:smooth}
body{font-family:'Open Sans',Arial,sans-serif;color:var(--scm-text);background:var(--scm-bg);line-height:1.65}
body>.container,header.container,main.container,footer.container,#wrap.container{max-width:1140px}
header.container{background:#fff;box-shadow:0 8px 28px rgba(10,42,102,.08);margin-top:16px;border-radius:16px 16px 0 0;overflow:hidden}
header .row:first-child{height:4px!important;background:linear-gradient(90deg,var(--scm-navy),var(--scm-cyan))!important}
header .row.pt-1:nth-of-type(2){align-items:center;padding:12px 18px 10px!important}
header img[src*="logo-scm-systems-2026"]{width:100%!important;max-width:255px;height:auto;display:block!important;padding:0!important}
header .h5{font-size:1rem;letter-spacing:.04em;line-height:1.5;margin-bottom:0;color:var(--scm-graphite)!important}
header .col-md-3.pt-4{padding-top:.45rem!important;font-size:.85rem;color:var(--scm-muted)}
header .col-md-3.pt-4 img{width:20px!important}
.B_Verde,.B_Azul,.B_Negro{background:var(--scm-navy-deep)!important}
.L_Azul,.L_Verde,.L_Azul_EB_15{color:var(--scm-cyan)!important}
.L_Negro{color:var(--scm-text)!important}
nav.navbar{padding:.55rem 1rem;background:linear-gradient(100deg,var(--scm-navy-deep),var(--scm-navy))!important;border-radius:0!important}
header .row.pt-1:nth-of-type(3)>div:first-child{padding:0!important;border:0!important;border-radius:0!important;overflow:hidden}
header .row.pt-1:nth-of-type(3)>#hp_text{border:0!important;border-radius:0!important;background:linear-gradient(100deg,var(--scm-navy),var(--scm-graphite))!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;letter-spacing:.03em}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.88)!important;font-size:.84rem;font-weight:700;letter-spacing:.045em;padding:.65rem .9rem!important}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link:hover{color:#fff!important;background:rgba(9,168,194,.22);border-radius:6px}
.dropdown-menu.B_Verde{background:var(--scm-navy-deep)!important;border:0;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.dropdown-item{color:#fff!important}.dropdown-item:hover{background:rgba(9,168,194,.2)!important;color:#fff!important}
main.container,#wrap.container{background:#fff}
main.container{padding-bottom:8px}
/* Carrusel / hero */
.simple_carousel_wrapper{width:100%!important;overflow:hidden;border-radius:0 0 18px 18px;box-shadow:0 14px 38px rgba(6,27,63,.12)}
.simple_carousel_wrapper .carousel-item{height:390px;position:relative;background:var(--scm-navy-deep)}
.simple_carousel_wrapper .carousel-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,63,.78),rgba(6,27,63,.38) 55%,rgba(6,27,63,.18));z-index:1}
.simple_carousel_wrapper .carousel-item img{width:100%;height:100%!important;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.simple_carousel_caption{z-index:2!important;text-shadow:none!important;max-width:760px;margin:auto}
.simple_carousel_caption h1{font-size:2.55rem!important;font-weight:800!important;letter-spacing:.025em!important;line-height:1.15!important;color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.3)!important}
.simple_carousel_caption p{font-size:1.05rem!important;color:#effbff!important;letter-spacing:.07em!important}
.fixed_width_carousel_button_colored,.butt,.btn-custom{background:linear-gradient(90deg,var(--scm-cyan),#28bfd1)!important;border:0!important;color:#fff!important;border-radius:8px!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(9,168,194,.24)!important}
.fixed_width_carousel_button_colored:hover,.butt:hover,.btn-custom:hover{background:var(--scm-navy)!important;color:#fff!important;transform:translateY(-1px)}
.simple_carousel_indicators li{background-color:rgba(255,255,255,.65)!important}.simple_carousel_indicators .active{background-color:var(--scm-cyan)!important}
/* Tipografía y secciones */
.L_Negro_EB_25{font-size:2rem!important;font-weight:800!important;color:var(--scm-navy-deep)!important;letter-spacing:.015em}
.L_Negro_EB_15{font-weight:700!important;color:var(--scm-graphite)!important}
.L_Titulo_EB_35{font-size:2.6rem!important;font-weight:800!important;letter-spacing:.02em;text-shadow:0 3px 14px rgba(0,0,0,.35)}
hr{border:0!important;height:2px;background:linear-gradient(90deg,var(--scm-cyan),rgba(9,168,194,.08));margin-top:.65rem;margin-bottom:1.35rem}
.B_Trasparente{background:linear-gradient(135deg,#f4f8fc,#fff)!important;border:1px solid var(--scm-line);border-radius:14px;box-shadow:0 8px 24px rgba(6,27,63,.05)}
section.row{padding-left:1.25rem;padding-right:1.25rem}
section.row.pt-4>.col-sm-6{padding:1.4rem}
.list-group-item{border-color:var(--scm-line)!important;padding:.85rem 1rem;border-left:3px solid transparent!important}
.list-group-item:hover{border-left-color:var(--scm-cyan)!important;background:#f8fcfd}
.badge-primary{background:var(--scm-cyan)!important;color:#fff!important;border-radius:12px;min-width:24px;padding:.42em .55em}
/* Hero de páginas interiores */
.thumbnail{position:relative;overflow:hidden;border-radius:0 0 16px 16px;background:var(--scm-navy-deep)}
.thumbnail>img{height:260px;object-fit:cover;filter:brightness(.58) saturate(.85)}
.thumbnail .caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
/* Tarjetas de servicios */
ul.products{display:flex;flex-wrap:wrap;gap:22px 0;padding:0 12px!important}
ul.products li.item{height:285px!important;margin-bottom:20px!important}
.item .front{position:absolute!important;inset:0 10px!important;height:255px!important;background:#fff;border:1px solid var(--scm-line);border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(6,27,63,.08);padding-bottom:12px}
.item .front img{width:100%!important;height:185px!important;object-fit:cover;border:0!important;border-radius:14px 14px 0 0!important;filter:saturate(.8)}
.item .front p{padding:13px 12px 0;margin:0;color:var(--scm-navy-deep)!important;font-size:.86rem!important;letter-spacing:.04em}
.item .back{left:10px!important;right:10px!important;width:auto!important;height:255px!important;background:linear-gradient(145deg,var(--scm-navy-deep),var(--scm-navy))!important;border:0!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(6,27,63,.18)!important;padding:10px 8px!important}
.item .back .card-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.18)!important;color:#fff;font-weight:700;font-size:.9rem}
.item .back p{color:#eef5ff!important;font-size:.83rem!important;line-height:1.45!important;margin-top:10px!important}
/* Misión, visión y valores */
main .row.my-4{border-radius:14px;margin-left:0;margin-right:0}
main .row.my-4:not(:first-child){border:1px solid var(--scm-line);box-shadow:0 8px 20px rgba(6,27,63,.045);background:#fff}
main .row.my-4 .B_Trasparente{box-shadow:none;border:0;border-radius:14px;background:#f7fbfd!important}
main .row.my-4 ul{list-style:none}.row.my-4 ul li{margin:.45rem 0}.row.my-4 ul li:before{content:"✓";color:var(--scm-cyan);font-weight:800;margin-right:.65rem}
/* Contacto */
.contact-1{background:transparent!important;padding:42px 0!important}
.contact-1 .container>.row>div{background:#fff;border:1px solid var(--scm-line);border-radius:16px;box-shadow:0 14px 38px rgba(6,27,63,.08);padding:34px!important}
.title-box h3{color:var(--scm-navy-deep)!important;font-size:1.7rem!important;line-height:1.3!important}.title-box h3 strong{color:var(--scm-cyan)!important}
.contact-form .form-control{height:52px!important;border:1px solid #d8e1eb!important;border-radius:9px!important;background:#fbfcfe!important;padding-left:45px!important;box-shadow:none!important}
.contact-form textarea.form-control{height:130px!important;padding-top:14px!important}
.contact-form .form-control:focus{border-color:var(--scm-cyan)!important;box-shadow:0 0 0 3px rgba(9,168,194,.1)!important}
.contact-form .input-group-icon{color:var(--scm-cyan)!important}
#humanCheckCaptchaInput{display:inline-block!important;width:80px!important;height:42px!important;padding-left:12px!important}
/* Mapa y footer */
.map-responsive{border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(6,27,63,.08);margin-bottom:32px}.map-responsive iframe{width:100%!important}
footer.container{background:var(--scm-navy-deep);border-radius:16px 16px 0 0;overflow:hidden;margin-top:20px}
footer .row.B_Negro{background:linear-gradient(135deg,var(--scm-navy-deep),#0b2c58)!important}
footer a{color:#dce7f6!important;text-decoration:none!important;font-size:.9rem}footer a:hover{color:#67d4e1!important}
footer hr{background:linear-gradient(90deg,var(--scm-cyan),rgba(9,168,194,0))}
.redes-sociales a{background:rgba(255,255,255,.08)!important;border-radius:50%;margin-right:6px}
/* WhatsApp / flotantes */
.wc-style1 .wc-button,.wc-style1 .wc-panel .wc-header{background:var(--scm-cyan)!important}
/* Responsive */
@media(max-width:991.98px){
  header .row.pt-1:nth-of-type(2){padding:10px!important}
  header img[src*="logo-scm-systems-2026"]{max-width:230px}
  .simple_carousel_wrapper .carousel-item{height:330px}
  .simple_carousel_caption h1{font-size:2rem!important}
  .L_Titulo_EB_35{font-size:2.1rem!important}
}
@media(max-width:767.98px){
  body{background:#fff}
  header.container{margin-top:0;border-radius:0;box-shadow:0 6px 18px rgba(6,27,63,.08)}
  header .row.pt-1:nth-of-type(2)>div{text-align:center!important;padding:.25rem 1rem!important}
  header .h5{font-size:.85rem;margin:.25rem 0}
  header .col-md-3.pt-4{font-size:.82rem;padding-bottom:.5rem!important}
  header .row.pt-1:nth-of-type(3)>#hp_text{display:none!important}
  header .row.pt-1:nth-of-type(3)>div:first-child{flex:0 0 100%;max-width:100%}
  .navbar-dark .navbar-nav .nav-link{padding:.7rem 1rem!important}
  .simple_carousel_wrapper{border-radius:0}
  .simple_carousel_wrapper .carousel-item{height:300px}
  .simple_carousel_caption{padding:0 18px!important}
  .simple_carousel_caption h1{font-size:1.65rem!important}
  .simple_carousel_caption p{font-size:.82rem!important;letter-spacing:.035em!important}
  section.row{padding-left:.35rem;padding-right:.35rem}
  .L_Negro_EB_25{font-size:1.55rem!important}
  .thumbnail>img{height:210px}
  .L_Titulo_EB_35{font-size:1.75rem!important}
  ul.products li.item{height:285px!important;max-width:none!important;width:100%!important}
  .contact-1 .container>.row>div{margin:0 12px;padding:22px!important}
  .title-box h3{font-size:1.35rem!important}
}


/* ===== Refinamiento visual V3 - agosto 2026 ===== */
/* Encabezado compacto y estable */
header .row.pt-1:nth-of-type(2){min-height:118px;align-items:center!important;padding:8px 18px!important}
header .row.pt-1:nth-of-type(2)>div{padding-top:0!important;padding-bottom:0!important}
header img[src*="logo-scm-systems-2026"]{width:185px!important;max-width:100%!important;height:auto!important}
header .row.pt-1:nth-of-type(2) .h5{padding-top:0!important;margin:0!important;font-size:1rem!important;line-height:1.45!important;letter-spacing:.045em}
header .row.pt-1:nth-of-type(2)>.col-md-3:last-child{padding-top:0!important;font-size:.84rem!important;line-height:1.35;color:var(--scm-muted)!important}
header .row.pt-1:nth-of-type(2)>.col-md-3:last-child img{width:21px!important;opacity:.85}
header .row.pt-1:nth-of-type(3){padding-top:0!important;min-height:52px}
header .row.pt-1:nth-of-type(3)>div:first-child{display:flex;align-items:stretch}
header .navbar{width:100%;min-height:52px;padding:.25rem .8rem!important}
.scm-menu-tagline{min-height:52px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap;overflow:hidden;font-size:.92rem!important;font-weight:600;letter-spacing:.025em}
.scm-menu-tagline p{white-space:nowrap;margin:0!important}

/* Menú: más limpio y consistente */
.navbar-dark .navbar-nav .nav-link{font-size:.78rem!important;letter-spacing:.055em!important;padding:.72rem .72rem!important;border-radius:5px}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link:hover{background:rgba(9,168,194,.24)!important}

/* Hero: menos movimiento visual, más lectura */
.simple_carousel_wrapper .carousel-item{height:365px}
.simple_carousel_wrapper .carousel-item:after{background:linear-gradient(90deg,rgba(6,27,63,.80),rgba(6,27,63,.46) 58%,rgba(6,27,63,.22))}
.simple_carousel_caption h1{font-size:2.35rem!important;max-width:820px;margin-left:auto!important;margin-right:auto!important}
.simple_carousel_caption p{font-size:1rem!important;max-width:760px;margin-left:auto!important;margin-right:auto!important}
.simple_carousel_control_left,.simple_carousel_control_right{opacity:.55!important}

/* Secciones de inicio: aire y contraste */
main.container>section.row{margin-top:1rem!important;margin-bottom:1rem!important}
main.container p{line-height:1.65}
.L_Azul{color:var(--scm-cyan)!important}
.L_Negro_EB_25{line-height:1.18!important}

/* Tarjetas de servicios: imagen y textos más actuales */
ul.products li.item{transition:transform .2s ease}
ul.products li.item:hover{transform:translateY(-3px)}
.item .front{box-shadow:0 10px 28px rgba(6,27,63,.09)!important}
.item .front img{filter:saturate(.72) contrast(1.03)!important}
.item .front p{font-weight:700!important;text-align:center!important;text-transform:uppercase!important}

/* Cursos: quitar apariencia de catálogo desactualizado */
#lcursos .card{border:1px solid var(--scm-line)!important;border-radius:14px!important;overflow:hidden;box-shadow:0 10px 26px rgba(6,27,63,.07)!important;margin-bottom:22px!important}
#lcursos .card img{max-height:120px!important;object-fit:contain!important;padding:18px!important}
#lcursos .card-title{color:var(--scm-navy-deep)!important;font-weight:800!important;letter-spacing:.035em!important}
#lcursos .list-group-item{font-size:.88rem!important;color:var(--scm-text)!important;background:#fbfdff!important}
#lcursos .btn,#lcursos .butt{border-radius:8px!important}

/* Contacto: asegurar identidad SCM en esta página */
.contact-1 .title-box{margin-bottom:20px!important}
.contact-1 .title-box h3{font-weight:700!important;letter-spacing:.015em!important}

/* Flotantes: discretos y alineados */
.float1,.wc-button{box-shadow:0 8px 20px rgba(6,27,63,.18)!important}

/* Footer: tipografía y contraste */
footer.container{box-shadow:0 -8px 24px rgba(6,27,63,.07)}
footer .L_Negro_EB_12{letter-spacing:.08em!important;font-size:.82rem!important}

@media (min-width:768px) and (max-width:1100px){
  header .row.pt-1:nth-of-type(2){min-height:104px;padding:6px 12px!important}
  header img[src*="logo-scm-systems-2026"]{width:165px!important}
  header .row.pt-1:nth-of-type(2) .h5{font-size:.86rem!important}
  header .row.pt-1:nth-of-type(2)>.col-md-3:last-child{font-size:.73rem!important}
  .navbar-dark .navbar-nav .nav-link{font-size:.72rem!important;padding:.68rem .55rem!important}
  .scm-menu-tagline{font-size:.80rem!important;padding:0 10px!important}
  .simple_carousel_wrapper .carousel-item{height:320px}
  .simple_carousel_caption h1{font-size:1.95rem!important}
  .simple_carousel_caption p{font-size:.86rem!important}
}

@media(max-width:767.98px){
  header .row.pt-1:nth-of-type(2){min-height:auto;padding:10px 14px!important}
  header img[src*="logo-scm-systems-2026"]{width:155px!important;margin-bottom:5px!important}
  header .row.pt-1:nth-of-type(2) .h5{font-size:.78rem!important;line-height:1.35!important}
  header .row.pt-1:nth-of-type(2)>.col-md-3:last-child{font-size:.76rem!important;padding-top:4px!important}
  header .row.pt-1:nth-of-type(3){min-height:48px}
  .navbar{min-height:48px!important}
  .simple_carousel_wrapper .carousel-item{height:275px}
  .simple_carousel_caption h1{font-size:1.5rem!important}
  .simple_carousel_caption p{font-size:.76rem!important}
}

/* ===== Correcciones V3.1: navegación, servicios y contacto ===== */
/* Dropdown robusto, independiente del plugin de Bootstrap */
.nav-item.dropdown{position:relative}
.nav-item.dropdown.show>.dropdown-menu,
.nav-item.dropdown:focus-within>.dropdown-menu{display:block!important}
.dropdown-menu{margin-top:0!important;border:0!important;border-radius:0 0 10px 10px!important;box-shadow:0 12px 28px rgba(6,27,63,.18)!important;background:var(--scm-navy-deep)!important;padding:.45rem!important;min-width:240px}
.dropdown-menu .dropdown-item{color:#eef5ff!important;border-radius:6px;padding:.55rem .75rem!important;font-size:.82rem!important;white-space:normal}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background:rgba(9,168,194,.22)!important;color:#fff!important}
.dropdown-menu .scm-view-all-services{font-weight:800!important;color:#67d4e1!important;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:.3rem}

/* Tarjetas de servicios estables: elimina el giro/solapamiento en touch */
ul.products{padding:0!important;margin-left:-10px!important;margin-right:-10px!important;align-items:stretch}
ul.products li.scm-service-card{height:auto!important;min-height:100%!important;padding:10px!important;margin:0!important;transform:none!important;perspective:none!important;list-style:none}
.scm-service-card-inner{height:100%;background:#fff;border:1px solid var(--scm-line);border-radius:15px;overflow:hidden;box-shadow:0 10px 26px rgba(6,27,63,.08);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.scm-service-card-inner:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(6,27,63,.13)}
.scm-service-card-img{width:100%;height:180px;object-fit:cover;filter:saturate(.78) contrast(1.03)}
.scm-service-card-body{padding:18px;display:flex;flex:1;flex-direction:column}
.scm-service-card-body h3{font-size:1rem;line-height:1.3;font-weight:800;color:var(--scm-navy-deep);letter-spacing:.035em;margin:0 0 10px}
.scm-service-card-body p{font-size:.88rem;line-height:1.55;color:var(--scm-muted);margin:0 0 16px;flex:1}
.scm-service-card-btn{display:inline-block;align-self:flex-start;background:linear-gradient(100deg,var(--scm-navy),var(--scm-cyan));color:#fff!important;padding:.58rem .9rem;border-radius:7px;text-decoration:none!important;font-size:.78rem;font-weight:800;letter-spacing:.045em}

/* Contacto: limpia el bloque vacío y vuelve la forma más legible */
#msgContactSubmit:empty{display:none!important}
.contact-1 .container>.row>div{padding:28px!important}
#contactForm2{background:#fff!important;border:0!important;border-radius:14px!important;box-shadow:none!important;margin:0!important;padding:8px 0 0!important}
#contactForm2:hover{box-shadow:none!important}
.contact-1 .title-box{margin:0 0 24px!important;padding-bottom:14px!important}
.contact-1 .title-box h3{font-size:1.65rem!important;margin:0!important}
.scm-required-note{font-size:.78rem;color:#a14b55;margin:.45rem 0 0}
#contactForm2 .form-group{margin-bottom:20px!important}
.scm-field-label{display:block;font-size:.76rem;font-weight:700;color:var(--scm-navy-deep);margin:0 0 6px 2px;letter-spacing:.025em}
#contactForm2 .form-control{height:50px!important;border:1px solid #d6e0ea!important;border-radius:9px!important;background:#fbfdff!important;padding:10px 14px 10px 44px!important;font-size:.92rem!important}
#contactForm2 textarea.form-control{height:125px!important;resize:vertical;padding-top:13px!important}
#contactForm2 .form-group .input-group-icon{top:26px!important;height:50px!important;width:40px!important;border:0!important;border-right:1px solid #d6e0ea!important;border-radius:9px 0 0 9px!important;color:var(--scm-cyan)!important;background:rgba(9,168,194,.05)!important;padding-top:15px!important}
#contactForm2 .form-group:has(textarea) .input-group-icon{height:125px!important;padding-top:15px!important}
#contactForm2 .help-block{top:auto!important;bottom:-18px!important;font-size:.72rem!important;padding-left:3px!important}
#humanCheckCaptchaBox{display:block!important;margin:4px 0 8px;color:var(--scm-muted);font-size:.86rem}
#firstDigit,#secondDigit{display:inline-block!important;font-weight:800;color:var(--scm-navy-deep);font-size:1rem}
#humanCheckCaptchaInput{width:74px!important;height:42px!important;display:inline-block!important;padding:8px 10px!important;margin-left:8px!important}
#contactForm2 .form-group:has(#humanCheckCaptchaInput) .input-group-icon{display:none!important}
#contactForm2 .btn-custom{background:linear-gradient(100deg,var(--scm-navy),var(--scm-cyan))!important;border:0!important;border-radius:8px!important;color:#fff!important;min-width:150px;padding:.7rem 1.2rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.05em}

/* Servicios: imágenes y secciones sin markup roto */
#seccion1,#seccion2,#seccion3,#seccion4,#seccion5,#seccion6,#seccion7,#seccion8{scroll-margin-top:20px}

@media(max-width:991.98px){
  .dropdown-menu{position:absolute!important;z-index:1100!important;left:0!important;right:auto!important}
  .scm-service-card-img{height:165px}
}
@media(max-width:767.98px){
  .dropdown-menu{position:static!important;width:100%!important;box-shadow:none!important;border-radius:8px!important;margin:.3rem 0!important}
  .scm-service-card-img{height:190px}
  .contact-1 .container>.row>div{margin:0 10px!important;padding:20px!important}
  .contact-1 .title-box h3{font-size:1.3rem!important}
  #contactForm2 .form-group{flex:0 0 100%!important;max-width:100%!important}
}

/* ===== SCM Systems v3.2: responsive + navegación touch + oficinas virtuales ===== */
.navbar .dropdown-menu {
  margin-top: 0 !important;
  border: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 14px 28px rgba(7, 33, 83, .18) !important;
  min-width: 280px;
  z-index: 1100;
}
.navbar .dropdown.show > .dropdown-menu,
.navbar .dropdown-menu.show {
  display: block !important;
}
.navbar .dropdown-item {
  white-space: normal;
  line-height: 1.25;
}
.scm-virtual-footer {
  display: inline-flex !important;
  align-items: center;
  gap: .45rem;
}
.scm-virtual-office-section {
  padding: 2.2rem 0 2.8rem;
  background: linear-gradient(180deg, #f7fafc 0%, #eef6fa 100%);
}
.scm-virtual-office-card {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 1.5rem;
  align-items: start;
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border: 1px solid rgba(9, 154, 190, .16);
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(7, 33, 83, .08);
}
.scm-virtual-office-icon {
  width: 76px;
  height: 76px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--scm-navy), var(--scm-cyan));
  color: #fff;
  font-size: 2rem;
}
.scm-eyebrow {
  color: var(--scm-cyan);
  font-size: .78rem;
  letter-spacing: .14em;
  font-weight: 800;
  margin: 0 0 .35rem;
}
.scm-virtual-office-copy h2 {
  color: var(--scm-navy-deep);
  font-size: 1.65rem;
  font-weight: 800;
  margin: 0 0 .65rem;
}
.scm-virtual-office-copy > p:not(.scm-eyebrow) {
  margin-bottom: 1rem;
  color: var(--scm-text);
  line-height: 1.7;
}
.scm-virtual-office-points {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1.2rem;
  margin-bottom: 1.2rem;
}
.scm-virtual-office-points span {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--scm-graphite);
  font-size: .92rem;
  font-weight: 600;
}
.scm-virtual-office-points i { color: var(--scm-cyan); }
.scm-virtual-office-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .72rem 1.15rem;
  border-radius: 8px;
  background: var(--scm-navy-deep);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
}
.scm-virtual-office-cta:hover { background: var(--scm-cyan); }

@media (max-width: 991.98px) {
  header.container,
  main.container,
  footer.container,
  section .container { max-width: 100% !important; }
  header .row.pt-1:nth-of-type(2) > .col-12.col-md-3:first-child {
    flex: 0 0 28%;
    max-width: 28%;
  }
  header .row.pt-1:nth-of-type(2) > .col-12.col-md-6 {
    flex: 0 0 44%;
    max-width: 44%;
  }
  header .row.pt-1:nth-of-type(2) > .col-12.col-md-3:last-child {
    flex: 0 0 28%;
    max-width: 28%;
  }
  header .row.pt-1:nth-of-type(2) img[src*="logo-scm-systems"] { width: 175px !important; max-width: 100%; }
  header .row.pt-1:nth-of-type(2) p.h5 { font-size: .82rem !important; line-height: 1.35; padding-top: 1.2rem !important; }
  header .row.pt-1:nth-of-type(2) .col-md-3.pt-4 { font-size: .78rem; padding-top: 1.15rem !important; }
  nav.navbar { padding: .45rem .65rem !important; }
  .navbar-collapse { width: 100%; }
  .navbar-nav { width: 100%; }
  .navbar .dropdown-menu {
    position: static !important;
    transform: none !important;
    float: none !important;
    width: 100%;
    min-width: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    border-radius: 0 0 10px 10px !important;
  }
  .navbar .dropdown-item { padding: .7rem 1rem .7rem 1.4rem !important; }
  .scm-menu-tagline { display: none !important; }
  header .row.pt-1:last-child > .col-md-7 { flex: 0 0 100%; max-width: 100%; }
}

@media (max-width: 767.98px) {
  body { overflow-x: hidden; }
  header.container, main.container, footer.container { padding-left: 10px !important; padding-right: 10px !important; }
  header .row.pt-1:nth-of-type(2) { padding: .55rem 0 .35rem !important; }
  header .row.pt-1:nth-of-type(2) > .col-12.col-md-3:first-child,
  header .row.pt-1:nth-of-type(2) > .col-12.col-md-6,
  header .row.pt-1:nth-of-type(2) > .col-12.col-md-3:last-child {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  header .row.pt-1:nth-of-type(2) img[src*="logo-scm-systems"] { width: 190px !important; }
  header .row.pt-1:nth-of-type(2) p.h5 { padding-top: .55rem !important; margin-bottom: .45rem; font-size: .88rem !important; }
  header .row.pt-1:nth-of-type(2) .col-md-3.pt-4 { padding-top: .2rem !important; font-size: .85rem; }
  header .row.pt-1:nth-of-type(2) .col-md-3.pt-4 br { display: none; }
  header .row.pt-1:nth-of-type(2) .col-md-3.pt-4 p { margin: 0 .7rem .25rem .2rem !important; }
  header .row.pt-1:nth-of-type(2) .col-md-3.pt-4 img { width: 20px !important; }
  .thumbnail .caption .L_Titulo_EB_35,
  .carousel-caption h2,
  .carousel-caption .L_Titulo_EB_35 { font-size: 1.55rem !important; line-height: 1.15 !important; }
  .carousel-caption { left: 8% !important; right: 8% !important; bottom: 10% !important; }
  .scm-service-card { padding-left: 8px !important; padding-right: 8px !important; }
  .scm-service-card-inner { height: auto !important; min-height: 0 !important; }
  .contact-1 .col-md-8.offset-md-2 { padding-left: 8px; padding-right: 8px; }
  .contact-1 .title-box h3 { font-size: 1.45rem !important; line-height: 1.25; }
  .contact-1 .contact-form { padding: 1rem !important; }
  .contact-1 .form-group { flex: 0 0 100%; max-width: 100%; }
  .contact-1 .form-control { min-height: 48px; font-size: 16px !important; }
  .contact-1 textarea.form-control { min-height: 130px; }
  .scm-virtual-office-card { grid-template-columns: 1fr; padding: 1.3rem; gap: 1rem; }
  .scm-virtual-office-icon { width: 60px; height: 60px; border-radius: 14px; font-size: 1.5rem; }
  .scm-virtual-office-copy h2 { font-size: 1.35rem; }
  .scm-virtual-office-points { display: grid; grid-template-columns: 1fr; gap: .55rem; }
  footer .row.B_Negro { padding: 1.1rem !important; }
  .float1, .wc-button { transform: scale(.9); transform-origin: bottom right; }
}

@media (max-width: 430px) {
  header .row.pt-1:nth-of-type(2) img[src*="logo-scm-systems"] { width: 170px !important; }
  .navbar-toggler { margin-left: auto; }
  .navbar .nav-link { padding: .65rem .8rem !important; }
  .carousel-caption h2,
  .carousel-caption .L_Titulo_EB_35 { font-size: 1.25rem !important; }
  .carousel-caption p { font-size: .78rem !important; }
  .scm-service-card-body h3 { font-size: 1rem !important; }
  .scm-service-card-body p { font-size: .9rem !important; }
}

.scm-home-remote-strip {display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:0 0 2rem;padding:1.55rem 1.75rem;background:linear-gradient(110deg,rgba(7,33,83,.98),rgba(9,154,190,.92));color:#fff;border-radius:16px;box-shadow:0 14px 34px rgba(7,33,83,.14)}
.scm-home-remote-strip h2{color:#fff;font-size:1.4rem;font-weight:800;margin:.1rem 0 .35rem}.scm-home-remote-strip p:not(.scm-eyebrow){margin:0;color:rgba(255,255,255,.9)}.scm-home-remote-strip .scm-eyebrow{color:#7fe8f7}.scm-home-remote-strip .scm-virtual-office-cta{flex:0 0 auto;background:#fff;color:var(--scm-navy-deep)!important}.scm-home-remote-strip .scm-virtual-office-cta:hover{background:#dff7fb}
@media(max-width:767.98px){.scm-home-remote-strip{flex-direction:column;align-items:flex-start;padding:1.25rem}.scm-home-remote-strip h2{font-size:1.2rem}}


/* ===== SCM Systems v3.4: menú visible + hero centrado + limpieza ===== */
/* El header no debe recortar el submenú que sale por debajo de la barra. */
header.container{
  overflow:visible!important;
}
header.container>.row:first-child{
  border-radius:16px 16px 0 0;
}
header.container .row.pt-1:nth-of-type(3),
header.container nav,
header.container .navbar-collapse{
  overflow:visible!important;
}
.navbar .nav-item.dropdown{
  position:relative;
  z-index:1200;
}
.navbar .dropdown-menu{
  z-index:1300!important;
  top:100%!important;
}
.scm-services-toggle{cursor:pointer}

/* Centra verticalmente los mensajes y el CTA del carrusel.
   El CSS original usaba bottom:50%, lo que empujaba todo demasiado arriba. */
.simple_carousel_wrapper .simple_carousel_caption{
  top:52%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  -webkit-transform:translateY(-50%)!important;
}
.simple_carousel_wrapper .simple_carousel_caption h1{
  margin-top:0!important;
  margin-bottom:12px!important;
}
.simple_carousel_wrapper .simple_carousel_caption p{
  margin-bottom:18px!important;
}
.simple_carousel_wrapper .fixed_width_carousel_button_colored{
  margin-top:10px!important;
  margin-bottom:0!important;
}

@media(max-width:767.98px){
  .simple_carousel_wrapper .simple_carousel_caption{
    top:54%!important;
  }
}


/* ===== SCM Systems v3.4.1 hotfix: dropdown + captcha ===== */
/* Bootstrap controla click/touch; hover se mantiene sólo en escritorio. */
header.container,
header.container .row.pt-1:nth-of-type(3),
header.container nav.navbar,
header.container .navbar-collapse { overflow: visible !important; }
.navbar .nav-item.dropdown { position: relative !important; z-index: 2000 !important; }
.navbar .dropdown-menu { z-index: 3000 !important; top: 100% !important; left: 0 !important; }
.navbar .dropdown.show > .dropdown-menu { display: block !important; }
@media (min-width: 992px) {
  .navbar .nav-item.dropdown:hover > .dropdown-menu { display: block !important; }
}
@media (max-width: 767.98px) {
  .navbar .dropdown-menu { position: static !important; width: 100% !important; }
}

/* Captcha simple: números como texto, no inputs dinámicos. */
.scm-captcha-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:46px}
.scm-captcha-number{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:42px;padding:0 12px;border:1px solid #d6e0ea;border-radius:8px;background:#fbfdff;color:var(--scm-navy-deep);font-weight:800;font-size:1rem}
.scm-captcha-symbol{font-weight:800;color:var(--scm-muted)}
#humanCheckCaptchaInput{width:76px!important;height:42px!important;margin:0!important;padding:8px 10px!important;text-align:center!important}


/* SCM v3.4.2 - dropdown robusto + realce de tarjetas */
/* El dropdown quedaba recortado por los overflow:hidden del encabezado. */
header.container{overflow:visible!important;}
header .row.pt-1:nth-of-type(3){position:relative;z-index:1000;overflow:visible!important;}
header .row.pt-1:nth-of-type(3)>div:first-child{overflow:visible!important;position:relative;z-index:1001;}
header nav.navbar, header .navbar-collapse, header .navbar-nav, header .nav-item.dropdown{overflow:visible!important;}
header .dropdown-menu{z-index:1100!important;min-width:250px;}
header .dropdown-menu.show{display:block!important;}
@media (min-width:992px){
  header .nav-item.dropdown:hover>.dropdown-menu{display:block;}
}

/* Marco azul/plata al pasar el mouse (y al navegar con teclado). */
.scm-service-card-inner{
  border:2px solid rgba(183,193,204,.72)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.scm-service-card-inner:hover,.scm-service-card-inner:focus-within{
  border-color:#0a5fb8!important;
  box-shadow:0 0 0 3px rgba(185,195,207,.72),0 16px 36px rgba(6,27,63,.18)!important;
  transform:translateY(-4px);
}

/* v3.5 - nuevos servicios */
.scm-service-card-img[src*="binario-1"]{object-position:center 42%;}
#seccion7 img,#seccion8 img{max-height:260px;object-fit:cover;}

/* =========================================================
   SCM Systems v3.5.1 — refinamiento visual (solo Look & Feel)
   No modifica navegación, formularios ni lógica JavaScript.
   ========================================================= */

/* Superficie general más limpia y con mayor respiración */
body{
  background:linear-gradient(180deg,#f7f9fc 0%,#f4f7fa 100%);
}
main.container,#wrap.container{
  box-shadow:0 18px 50px rgba(6,27,63,.045);
}

/* Header: menos peso visual y mejor balance entre logo, claim y contacto */
header.container{
  box-shadow:0 10px 30px rgba(6,27,63,.07);
}
header .row.pt-1:nth-of-type(2){
  padding-top:16px!important;
  padding-bottom:14px!important;
}
header .h5{
  font-size:.96rem!important;
  letter-spacing:.055em!important;
  line-height:1.55!important;
}
header .col-md-3.pt-4{
  font-size:.82rem!important;
  line-height:1.55;
}
nav.navbar{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.navbar-dark .navbar-nav .nav-link{
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.navbar-dark .navbar-nav .nav-link:hover{
  transform:translateY(-1px);
}

/* Carrusel: CTA más fino y coherente con la identidad azul/plata */
.simple_carousel_wrapper{
  box-shadow:0 14px 34px rgba(6,27,63,.10)!important;
}
.simple_carousel_wrapper .fixed_width_carousel_button_colored{
  background:linear-gradient(105deg,rgba(10,42,102,.96),rgba(9,168,194,.96))!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:9px!important;
  padding:.68rem 1.3rem!important;
  box-shadow:0 7px 17px rgba(6,27,63,.20)!important;
  letter-spacing:.045em!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.simple_carousel_wrapper .fixed_width_carousel_button_colored:hover,
.simple_carousel_wrapper .fixed_width_carousel_button_colored:focus{
  transform:translateY(-2px)!important;
  box-shadow:0 11px 24px rgba(6,27,63,.26)!important;
  filter:brightness(1.04);
}

/* Sección de servicios: más aire y última fila centrada (8 tarjetas) */
ul.products{
  gap:26px 0!important;
  padding:8px 18px 18px!important;
  justify-content:center;
}
ul.products li.scm-service-card{
  padding-left:12px!important;
  padding-right:12px!important;
  margin-bottom:0!important;
}

/* Tarjeta premium, alturas consistentes y sombra más discreta */
.scm-service-card-inner{
  height:100%!important;
  min-height:470px!important;
  border:1px solid rgba(181,192,205,.82)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important;
  box-shadow:0 9px 24px rgba(6,27,63,.075)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.scm-service-card-inner:hover,.scm-service-card-inner:focus-within{
  border-color:#2b6eae!important;
  box-shadow:0 0 0 2px rgba(191,201,212,.75),0 15px 32px rgba(6,27,63,.14)!important;
  transform:translateY(-5px)!important;
}
.scm-service-card-img{
  height:185px!important;
  filter:saturate(.82) contrast(1.025)!important;
  transition:transform .35s ease,filter .35s ease!important;
}
.scm-service-card-inner:hover .scm-service-card-img,
.scm-service-card-inner:focus-within .scm-service-card-img{
  transform:scale(1.025);
  filter:saturate(.94) contrast(1.04)!important;
}
.scm-service-card-body{
  padding:20px 20px 19px!important;
}
.scm-service-card-body h3{
  font-size:.95rem!important;
  line-height:1.35!important;
  letter-spacing:.03em!important;
  margin-bottom:9px!important;
}
.scm-service-card-body p{
  font-size:.87rem!important;
  line-height:1.58!important;
  color:#647184!important;
  margin-bottom:18px!important;
}
.scm-service-card-btn{
  margin-top:auto!important;
  min-width:112px;
  text-align:center;
  padding:.6rem .95rem!important;
  border:1px solid rgba(255,255,255,.24);
  border-radius:8px!important;
  box-shadow:0 6px 14px rgba(10,42,102,.13);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.scm-service-card-btn:hover,.scm-service-card-btn:focus{
  transform:translateY(-2px);
  box-shadow:0 9px 18px rgba(10,42,102,.20);
  filter:brightness(1.04);
}

/* Títulos/separadores algo más sobrios */
.L_Negro_EB_25{
  letter-spacing:.01em!important;
}
hr{
  height:1px!important;
  background:linear-gradient(90deg,var(--scm-cyan),rgba(154,168,184,.34),rgba(9,168,194,.04))!important;
}

/* Responsive: conservar comodidad en iPad y móvil */
@media (max-width:991.98px){
  .scm-service-card-inner{min-height:450px!important;}
  .scm-service-card-img{height:175px!important;}
  ul.products{padding-left:10px!important;padding-right:10px!important;}
}
@media (max-width:767.98px){
  .scm-service-card-inner{min-height:0!important;}
  .scm-service-card-img{height:190px!important;}
  .scm-service-card-body{padding:18px!important;}
  header .h5{font-size:.9rem!important;}
}

/* Accesibilidad: sin movimiento cuando el usuario lo solicita */
@media (prefers-reduced-motion:reduce){
  .scm-service-card-inner,.scm-service-card-img,.scm-service-card-btn,
  .simple_carousel_wrapper .fixed_width_carousel_button_colored,
  .navbar-dark .navbar-nav .nav-link{transition:none!important;transform:none!important;}
}

/* =========================================================
   SCM Systems v3.5.2 — Afinación visual de encabezados
   Solo presentación: no modifica navegación ni funcionalidad
   ========================================================= */

/* Encabezados de las 8 secciones de Servicios: azul corporativo + acento cian/plata */
#seccion1 > p:first-child,
#seccion2 > p:first-child,
#seccion3 > p:first-child,
#seccion4 > p:first-child,
#seccion5 > p:first-child,
#seccion6 > p:first-child,
#seccion7 > p:first-child,
#seccion8 > p:first-child{
  position:relative;
  overflow:hidden;
  margin-bottom:1rem!important;
  padding:.52rem .9rem .52rem 1rem!important;
  background:linear-gradient(100deg,var(--scm-navy-deep) 0%,var(--scm-navy) 72%,#174f8f 100%)!important;
  border:1px solid rgba(177,190,205,.62)!important;
  border-left:5px solid var(--scm-cyan)!important;
  border-radius:8px!important;
  box-shadow:0 5px 14px rgba(6,27,63,.10)!important;
  color:#fff!important;
  letter-spacing:.035em!important;
}

#seccion1 > p:first-child::after,
#seccion2 > p:first-child::after,
#seccion3 > p:first-child::after,
#seccion4 > p:first-child::after,
#seccion5 > p:first-child::after,
#seccion6 > p:first-child::after,
#seccion7 > p:first-child::after,
#seccion8 > p:first-child::after{
  content:"";
  position:absolute;
  left:5px;
  bottom:0;
  width:30%;
  height:2px;
  background:linear-gradient(90deg,var(--scm-cyan),rgba(210,219,229,.9),transparent);
}

#seccion1 > p:first-child span,
#seccion2 > p:first-child span,
#seccion3 > p:first-child span,
#seccion4 > p:first-child span,
#seccion5 > p:first-child span,
#seccion6 > p:first-child span,
#seccion7 > p:first-child span,
#seccion8 > p:first-child span{
  color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.14);
}

@media (max-width:767.98px){
  #seccion1 > p:first-child,
  #seccion2 > p:first-child,
  #seccion3 > p:first-child,
  #seccion4 > p:first-child,
  #seccion5 > p:first-child,
  #seccion6 > p:first-child,
  #seccion7 > p:first-child,
  #seccion8 > p:first-child{
    padding:.48rem .7rem .48rem .8rem!important;
    border-left-width:4px!important;
    letter-spacing:.02em!important;
  }
}