/*=====================================
  PERSONALIZACIONES KONKRETO
  Prefijo ko-* para aislar del tema.
  No escribir CSS dentro del HTML.
======================================*/

/* --- Bloque de opiniones y ubicacion --- */
.ko-op{padding:60px 0;background:#f6f6f6}
.ko-op__h2{font-size:28px;line-height:1.25;margin:0 0 10px;color:#1f2d30}
.ko-op__intro{max-width:760px;margin:0 0 30px;color:#5a6a6d;font-size:16px;line-height:1.65}
.ko-op__grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:28px;-ms-flex-align:start;align-items:flex-start}
.ko-op__mapa{-ms-flex:1 1 380px;flex:1 1 380px;min-width:280px}
.ko-op__mapa iframe{display:block;width:100%;height:320px;border:0;border-radius:4px}
.ko-op__txt{-ms-flex:1 1 340px;flex:1 1 340px;min-width:280px}
.ko-op__txt p{color:#5a6a6d;font-size:16px;line-height:1.65;margin:0 0 16px}
.ko-op__lista{list-style:none;margin:0 0 24px;padding:0}
.ko-op__lista li{position:relative;padding:0 0 10px 26px;color:#1f2d30;font-size:15.5px;line-height:1.5}
.ko-op__lista li:before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;
  background:#FA562E;border-radius:50%}
.ko-op__cta{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}
.ko-op__btn{display:inline-block;padding:13px 22px;border-radius:3px;font-weight:600;font-size:14.5px;
  text-decoration:none!important;background:#FA562E;color:#fff!important;border:2px solid #FA562E;
  transition:background .2s ease,color .2s ease}
.ko-op__btn:hover,.ko-op__btn:focus{background:#e04517;border-color:#e04517;color:#fff!important}
.ko-op__btn--alt{background:transparent;color:#1f2d30!important;border-color:#1f2d30}
.ko-op__btn--alt:hover,.ko-op__btn--alt:focus{background:#1f2d30;color:#fff!important;border-color:#1f2d30}
.ko-op__btn:focus-visible{outline:3px solid #1f2d30;outline-offset:2px}
.ko-op__nota{font-size:13.5px;color:#7b8a8d;margin:18px 0 0}
@media (max-width:767px){
  .ko-op{padding:42px 0}
  .ko-op__h2{font-size:23px}
  .ko-op__mapa iframe{height:250px}
}

/* --- Preguntas frecuentes (contenido visible del schema FAQPage) --- */
.ko-faq{padding:60px 0;background:#fff}
.ko-faq__h2{font-size:28px;line-height:1.25;margin:0 0 26px;color:#1f2d30}
.ko-faq__item{border-top:1px solid #e3e3e3;padding:22px 0}
.ko-faq__item:last-child{border-bottom:1px solid #e3e3e3}
.ko-faq__q{font-size:18px;line-height:1.4;margin:0 0 8px;color:#1f2d30;font-weight:600}
.ko-faq__a{margin:0;color:#5a6a6d;font-size:16px;line-height:1.7;max-width:900px}
@media (max-width:767px){
  .ko-faq{padding:42px 0}
  .ko-faq__h2{font-size:23px}
  .ko-faq__q{font-size:16.5px}
}

/* --- Rejilla de servicios del hub de Bogota --- */
.ko-serv{padding:64px 0;background:#fff}
.ko-serv__h2{font-size:28px;line-height:1.25;margin:0 0 10px;color:#1f2d30}
.ko-serv__intro{max-width:820px;margin:0 0 32px;color:#5a6a6d;font-size:16px;line-height:1.65}
.ko-serv__grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:18px}
.ko-serv__card{-ms-flex:1 1 300px;flex:1 1 300px;min-width:265px;max-width:100%;
  border:1px solid #e3e3e3;border-left:4px solid #FA562E;padding:20px 22px;background:#fff;
  transition:box-shadow .2s ease,transform .2s ease}
.ko-serv__card:hover{box-shadow:0 6px 22px rgba(31,45,48,.12);transform:translateY(-2px)}
.ko-serv__card h3{font-size:17.5px;line-height:1.35;margin:0 0 8px}
.ko-serv__card h3 a{color:#1f2d30!important;text-decoration:none!important}
.ko-serv__card h3 a:hover,.ko-serv__card h3 a:focus{color:#FA562E!important}
.ko-serv__card h3 a:focus-visible{outline:3px solid #FA562E;outline-offset:3px}
.ko-serv__card p{margin:0;color:#5a6a6d;font-size:14.8px;line-height:1.6}
@media (max-width:767px){.ko-serv{padding:42px 0}.ko-serv__h2{font-size:23px}}
.ko-serv--gris{background:#f6f6f6}