:root{
      --cgpo-azul:#152342;
      --cgpo-celeste:#50b2c8;
      --cgpo-fondo:#f5f7fb;
      --cgpo-texto:#263143;
    }

    html, body{ max-width:100%; overflow-x:hidden; }
    body{ color:var(--cgpo-texto); -webkit-font-smoothing:antialiased; }
    img, video{ max-width:100%; height:auto; }

    .container{ max-width:1170px; }

    .ptb-80{ padding-top:70px; padding-bottom:70px; }
    .ptb-90{ padding-top:80px; padding-bottom:80px; }
    .ptb-120{ padding-top:80px; padding-bottom:80px; }

    .section-heading{ margin-bottom:38px; }
    .section-heading h2{
      color:var(--cgpo-azul) !important;
      font-size:42px;
      line-height:1.15;
      font-weight:700;
      margin-bottom:18px;
    }
    .section-heading h2:after{
      content:"";
      display:block;
      width:72px;
      height:3px;
      background:var(--cgpo-celeste);
      margin:18px auto 0;
    }
    .section-heading p{
      max-width:780px;
      margin-left:auto;
      margin-right:auto;
      font-size:17px;
      line-height:1.75;
    }

    /* Header / menú heredado */
    .navbar, .navbar-default, .navbar-fixed-top{
      background:var(--cgpo-azul) !important;
      border:0 !important;
    }
    .navbar .navbar-toggle{
      margin-top:14px;
      margin-right:15px;
      border:0 !important;
      background:transparent !important;
    }
    .navbar .navbar-toggle .icon-bar{ background:#fff !important; height:3px; }
    .navbar .navbar-brand img,
    .navbar img{ max-height:48px; width:auto; }
    .navbar-collapse{ box-shadow:none !important; }
    .navbar-nav > li > a{
      color:#fff !important;
      font-weight:700;
      letter-spacing:.2px;
    }
    .navbar-nav > li > a:hover,
    .navbar-nav > li.active > a{ color:var(--cgpo-celeste) !important; background:transparent !important; }
    .navbar .btn,
    .navbar a.btn,
    .navbar button.btn{
      border-radius:999px !important;
      padding:7px 16px !important;
      font-size:14px !important;
      line-height:1.2 !important;
    }

    /* Hero */
    #slider-area{
      min-height:640px;
      display:flex;
      align-items:center;
      background-position:center center !important;
      background-size:cover !important;
    }
    #slider-area .promo-header-area{
      max-width:760px;
      margin:0 auto;
      padding:60px 15px;
    }
    #slider-area .promo-header-area h1{
      color:#fff;
      font-size:58px;
      line-height:1.08;
      letter-spacing:-.8px;
      margin:28px auto 42px;
      text-shadow:0 2px 18px rgba(0,0,0,.22);
    }
    #slider-area .hiw-feature-icon:first-child img{ width:420px; }
    #slider-area .hiw-feature-icon:last-child{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:42px;
      flex-wrap:wrap;
    }
    #slider-area .hiw-feature-icon:last-child img{ width:54px; }

    /* Video */
    .cgpo-video-wrap{ padding-left:14%; padding-right:14%; }
    .cgpo-video-wrap video{
      width:100%;
      border-radius:22px;
      box-shadow:0 18px 45px rgba(21,35,66,.16);
      background:#000;
    }

    /* Ofrecemos */
    
    #pricing-table-area .single-fact{
    text-align: center;
    margin-bottom: 45px;
    }

  #pricing-table-area .single-fact img{
    width: 70px;
    height: 70px;
    object-fit: contain;
    display: block;
    margin: 0 auto 15px auto;
  }

  #pricing-table-area .single-fact h5{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
  }
    #pricing-table-area .single-fact{
      height:100%;
      min-height:145px;
      padding:22px 12px;
      border-radius:18px;
    }
    #pricing-table-area .single-fact img{ max-width:62px; margin-bottom:12px; }
    #pricing-table-area .single-fact h5{ font-size:15px; letter-spacing:.5px; }
    #pricing-table-area h2,
    #pricing-table-area p{ color:#fff !important; }
    #pricing-table-area h2:after{ background:#fff; opacity:.75; }

    /* Profesionales */
    .cgpo-prof-row{
      display:flex;
      flex-wrap:wrap;
      margin-top:12px;
    }
    .cgpo-prof-col{
      float:none !important;
      display:flex;
      margin-bottom:30px;
    }
    .team .member.cgpo-prof-card{
      width:100%;
      min-height:100%;
      background:#fff;
      border-radius:22px;
      padding:28px 24px 24px;
      box-shadow:0 14px 36px rgba(21,35,66,.10);
      text-align:left;
      overflow:hidden;
    }
    .cgpo-prof-photo-wrap{
      width:240px;
      height:240px;
      margin:0 auto 22px;
      border-radius:50%;
      padding:7px;
      background:linear-gradient(135deg, var(--cgpo-celeste), var(--cgpo-azul));
    }
    .team .member.cgpo-prof-card img.cgpo-prof-photo{
      width:100% !important;
      height:100% !important;
      display:block;
      border-radius:50%;
      object-fit:cover;
      object-position:center top;
      background:#eef2f5;
    }
    .team .member.cgpo-prof-card h4{
      color:var(--cgpo-azul);
      font-size:22px;
      line-height:1.2;
      font-weight:700;
      margin:0 0 7px;
    }
    .team .member.cgpo-prof-card span{
      display:block;
      color:#4e5b6d;
      font-size:15px;
      margin-bottom:14px;
    }
    .cgpo-prof-info{
      max-height:150px;
      overflow:auto;
      font-size:14px;
      line-height:1.55;
    }

    /* Tecnología */
    #app-about-area{ background:#ececec !important; }
    #app-about-area .row[style*="padding-top"]{ padding-top:30px !important; }
    #app-about-area .col-md-6,
    #app-about-area .col-sm-6{ margin-bottom:32px; }
    #app-about-area .blog-post{
      float:none !important;
      width:100%;
      height:100%;
      margin-top:0 !important;
      background:#fff !important;
      border-radius:22px !important;
      box-shadow:0 14px 34px rgba(21,35,66,.10);
      overflow:hidden;
    }
    #app-about-area .post-thumbnail{
      margin-top:0 !important;
      height:230px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:24px 24px 8px;
    }
    #app-about-area .post-thumbnail img{
      max-height:210px;
      width:auto;
      object-fit:contain;
      border-radius:18px;
    }
    #app-about-area .post-content-inner{ padding:22px 28px 30px; }
    #app-about-area .post-title{
      color:var(--cgpo-celeste);
      font-size:22px;
      line-height:1.25;
      margin-bottom:14px;
    }
    #app-about-area p{ line-height:1.62; }

    /* Turnos / botones Bootstrap */
    #contact .get-in-touch{ width:100%; }
    #contenido_menu .btn,
    #contenido .btn,
    .btn{
      border-radius:999px !important;
      padding:7px 15px !important;
      font-size:14px !important;
      line-height:1.25 !important;
      white-space:normal;
    }
    #contenido_menu .btn{ width:100%; margin-bottom:8px; text-align:center; }

    /* Botones flotantes */
    #chatbot-toggle{
      width:52px !important;
      height:52px !important;
      right:20px !important;
      bottom:22px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      z-index:9998 !important;
    }
    #chatbot-container{ z-index:9999 !important; }

    @media (max-width:991px){
      #slider-area .promo-header-area h1{ font-size:46px; }
      .cgpo-video-wrap{ padding-left:6%; padding-right:6%; }
      .cgpo-prof-photo-wrap{ width:210px; height:210px; }
    }

    @media (max-width:767px){
      .container{ width:100% !important; padding-left:18px; padding-right:18px; }
      .row{ margin-left:-10px; margin-right:-10px; }
      [class*="col-"]{ padding-left:10px; padding-right:10px; }
      .ptb-80,.ptb-90,.ptb-120{ padding-top:52px; padding-bottom:52px; }
      .section-heading{ margin-bottom:26px; }
      .section-heading h2{ font-size:29px !important; }
      .section-heading p{ font-size:16px; line-height:1.62; }

      .navbar-header{ min-height:72px; }
      .navbar .navbar-brand{ padding:12px 15px; height:auto; }
      .navbar .navbar-brand img,
      .navbar img{ max-height:42px; }
      .navbar-collapse{ text-align:center; padding-bottom:16px; }
      .navbar-nav{ margin:8px 0 12px; }
      .navbar-nav > li > a{ padding-top:9px !important; padding-bottom:9px !important; }
      .navbar .btn,
      .navbar a.btn,
      .navbar button.btn{
        display:inline-block !important;
        margin:8px auto 0 !important;
        float:none !important;
        min-width:106px;
        text-align:center;
      }

      #slider-area{ min-height:560px; align-items:center; }
      #slider-area .promo-header-area{ padding:58px 4px 42px; }
      #slider-area .hiw-feature-icon:first-child img{ width:260px; }
      #slider-area .promo-header-area h1{
        font-size:34px;
        line-height:1.14;
        max-width:340px;
        margin:24px auto 34px;
      }
      #slider-area .hiw-feature-icon:last-child{ gap:28px; }
      #slider-area .hiw-feature-icon:last-child img{ width:42px; }

      .cgpo-video-wrap{ padding-left:0; padding-right:0; }
      #pricing-table-area .row{ display:block; }
      #pricing-table-area .single-fact{ min-height:auto; margin-bottom:14px; padding:18px 12px; }
      #pricing-table-area .single-fact img{ max-width:50px; }

      .cgpo-prof-row{ display:block; }
      .cgpo-prof-col{ display:block; margin-bottom:22px; }
      .team .member.cgpo-prof-card{ padding:24px 20px; text-align:center; }
      .cgpo-prof-photo-wrap{ width:190px; height:190px; margin-bottom:18px; }
      .cgpo-prof-info{ max-height:none; text-align:left; }

      #app-about-area .post-thumbnail{ height:190px; padding:18px 18px 4px; }
      #app-about-area .post-thumbnail img{ max-height:172px; }
      #app-about-area .post-content-inner{ padding:18px 18px 24px; }
      #app-about-area .post-title{ font-size:19px; }
      #app-about-area p{ font-size:15px !important; }

      #contact .row.justify-content-center,
      #contact .row{ margin-left:0; margin-right:0; }
      #contact .col-lg-4,
      #contact .col-sm-8{ width:100%; padding-left:0; padding-right:0; }
      #contenido_menu{ margin-bottom:16px; }
      #contenido_menu .btn,
      #contenido .btn,
      .btn{ padding:7px 13px !important; font-size:13px !important; min-height:33px; }

      #footer-area, #footer-area p, #footer-area .social{ text-align:center; }
      #footer-area img{ max-width:210px; }
      #chatbot-container{
        width:calc(100vw - 24px) !important;
        right:12px !important;
        left:12px !important;
        bottom:84px !important;
        max-height:72vh !important;
      }
    }
    .team .member{
      background:#fff;
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 10px 30px rgba(0,0,0,.08);
      padding:25px;
      text-align:center;
      height:100%;
  }

  .team .member img{
      width:100%;
      max-width:260px;
      height:auto;
      display:block;
      margin:0 auto 20px;
      border:none;
      border-radius:0;
      box-shadow:none;
      object-fit:contain;
  }

  .team .member h4{
      margin-top:10px;
      font-size:26px;
      font-weight:600;
      color:#152342;
  }

  .team .member span{
      display:block;
      color:#50b2c8;
      font-size:16px;
      margin-bottom:15px;
  }

  .team .member p{
      font-size:15px;
      line-height:1.6;
  }
    @media (max-width:390px){
      #slider-area .promo-header-area h1{ font-size:31px; }
      #slider-area .hiw-feature-icon:last-child{ gap:22px; }
    }
    


    /* =========================================================
      AJUSTES FINALES CGPO
      - Iconos del inicio más grandes
      - Botón Ingresar tipo píldora azul
      - Profesionales sin círculo extra
      ========================================================= */

    #slider-area .hiw-feature-icon:last-child{
      display:flex !important;
      justify-content:center !important;
      align-items:center !important;
      gap:74px !important;
      margin-top:42px !important;
    }

    #slider-area .hiw-feature-icon:last-child img{
      width:86px !important;
      max-width:86px !important;
      height:auto !important;
      object-fit:contain !important;
      display:block !important;
      opacity:.95;
    }

    .navbar .btn,
    .navbar a.btn,
    .navbar button.btn,
    .navbar-nav > li > a.btn{
      min-width:116px !important;
      height:42px !important;
      padding:0 24px !important;
      border-radius:999px !important;
      border:2px solid var(--cgpo-celeste) !important;
      background:transparent !important;
      color:var(--cgpo-celeste) !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      font-size:14px !important;
      line-height:1 !important;
      font-weight:700 !important;
      text-transform:uppercase;
      box-shadow:none !important;
    }

    .navbar .btn:hover,
    .navbar a.btn:hover,
    .navbar button.btn:hover,
    .navbar-nav > li > a.btn:hover{
      background:var(--cgpo-celeste) !important;
      color:#fff !important;
    }

    .cgpo-prof-photo-wrap{
      width:260px !important;
      height:auto !important;
      margin:0 auto 22px !important;
      padding:0 !important;
      border-radius:0 !important;
      background:transparent !important;
    }

    .team .member.cgpo-prof-card img.cgpo-prof-photo,
    .team .member img.cgpo-prof-photo{
      width:100% !important;
      max-width:260px !important;
      height:auto !important;
      display:block !important;
      margin:0 auto 20px !important;
      border:none !important;
      border-radius:0 !important;
      box-shadow:none !important;
      background:transparent !important;
      object-fit:contain !important;
    }

    @media (max-width:991px){
      #slider-area .hiw-feature-icon:last-child{
        gap:52px !important;
      }
      #slider-area .hiw-feature-icon:last-child img{
        width:76px !important;
        max-width:76px !important;
      }
      .cgpo-prof-photo-wrap,
      .team .member.cgpo-prof-card img.cgpo-prof-photo,
      .team .member img.cgpo-prof-photo{
        max-width:235px !important;
        width:235px !important;
      }
    }

    @media (max-width:767px){
      #slider-area .hiw-feature-icon:last-child{
        gap:36px !important;
        margin-top:34px !important;
        flex-wrap:nowrap !important;
      }
      #slider-area .hiw-feature-icon:last-child img{
        width:66px !important;
        max-width:66px !important;
      }
      .navbar .btn,
      .navbar a.btn,
      .navbar button.btn,
      .navbar-nav > li > a.btn{
        min-width:112px !important;
        height:40px !important;
        margin:10px auto 0 !important;
      }
      .cgpo-prof-photo-wrap,
      .team .member.cgpo-prof-card img.cgpo-prof-photo,
      .team .member img.cgpo-prof-photo{
        max-width:220px !important;
        width:220px !important;
      }
    }

    @media (max-width:390px){
      #slider-area .hiw-feature-icon:last-child{
        gap:26px !important;
      }
      #slider-area .hiw-feature-icon:last-child img{
        width:58px !important;
        max-width:58px !important;
      }
    }