/* MK Studios - Modern & Minimalist Design */
:root{
    --primary-color:#2563eb;
    --primary-dark:#1d4ed8;
    --secondary-color:#64748b;
    --accent-color:#06b6d4;
    --success-color:#10b981;
    --warning-color:#f59e0b;
    --danger-color:#ef4444;
    --dark-color:#0f172a;
    --light-color:#f8fafc;
    --gray-50:#f8fafc;
    --gray-100:#f1f5f9;
    --gray-200:#e2e8f0;
    --gray-300:#cbd5e1;
    --gray-400:#94a3b8;
    --gray-500:#64748b;
    --gray-600:#475569;
    --gray-700:#334155;
    --gray-800:#1e293b;
    --gray-900:#0f172a;
    --shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);
  
    /* Nuevo: controla el alto del logo del navbar */
    --navbar-logo-height: 76px;   /* ajusta acá si querés más/menos */
    --navbar-logo-height-sm: 64px;
  }
  
  /* Reset */
  *{margin:0;padding:0;box-sizing:border-box}
  body{
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    line-height:1.6;color:var(--gray-700);background:#fff;overflow-x:hidden;
  }
  h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--gray-900)}
  p{color:var(--gray-600);line-height:1.7}
  
  /* NAV */
  .navbar{ background:rgba(255,255,255,.95); backdrop-filter:blur(10px); border-bottom:1px solid var(--gray-200); padding:.6rem 0; transition:all .3s ease; }

  .navbar-brand{ display:flex; align-items:center; gap:.6rem; font-weight:700; font-size:1.4rem; color:var(--gray-900); text-decoration:none; }

  /* IMPORTANTE: forzar que Bootstrap no limite el alto a 40px */
  .navbar-brand img.brand-logo{ height:var(--navbar-logo-height) !important; width:auto; display:block; }
  .brand-logo-footer{ height:36px; width:auto; display:block; }
  
  .brand-text{ background:linear-gradient(135deg, var(--primary-color), var(--accent-color)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

  
  .nav-link{font-weight:500;color:var(--gray-600)!important;margin:0 .5rem;transition:all .3s ease;position:relative}
  .nav-link:hover{color:var(--primary-color)!important}
  .nav-link::after{content:'';position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s ease;transform:translateX(-50%)}
  .nav-link:hover::after{width:100%}

  
  
  /* HERO */
  .hero-section{background:linear-gradient(135deg,var(--light-color) 0%,#fff 100%);padding-top:100px;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}
  .hero-bg-shape{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);clip-path:polygon(25% 0%,100% 0%,100% 100%,0% 100%);opacity:.05;z-index:0}
  .hero-content{position:relative;z-index:1}
  .hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--gray-900);line-height:1.1}
  .highlight{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
  .hero-subtitle{font-size:1.25rem;color:var(--gray-600);margin-bottom:2rem;max-width:500px}
  .hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}
  .hero-visual{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}
  
  /* Code block */
  .code-animation{background:var(--gray-900);border-radius:12px;padding:2rem;box-shadow:var(--shadow-xl);font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:1rem;line-height:1.6;color:#fff;max-width:400px;animation:float 6s ease-in-out infinite}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  .code-line{margin-bottom:.5rem}
  .code-line.indent{margin-left:2rem}
  .code-keyword{color:#ff6b6b}.code-function{color:#4ecdc4}.code-string{color:#ffe66d}
  
  /* Buttons */
  .btn{border-radius:8px;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}
  .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md)}
  .btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}
  .btn-outline-primary{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent}
  .btn-outline-primary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}
  
  /* Section titles, cards, etc. (igual que tenías) */
  .section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}
  .section-subtitle{font-size:1.125rem;color:var(--gray-500);text-align:center;margin-bottom:3rem}
  .service-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--gray-200);height:100%}
  .service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}
  .service-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:1.5rem}
  .service-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--gray-900)}
  .service-description{color:var(--gray-600);margin-bottom:1.5rem;line-height:1.6}
  .service-features{list-style:none;padding:0}
  .service-features li{display:flex;align-items:center;margin-bottom:.5rem;color:var(--gray-600);font-size:.9rem}
  .service-features i{color:var(--success-color);margin-right:.5rem;font-size:.875rem}
  
  /* Benefits section */
  .benefits-section{background:var(--gray-50);border-radius:16px;padding:2rem;margin-top:2rem}
  .benefit-item{padding:1rem}
  .benefit-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:1.25rem}
  .benefit-item h5{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-900)}
  .benefit-item p{font-size:.875rem;color:var(--gray-600);margin:0}
  
  /* CTA section */
  .cta-section{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:16px;padding:3rem 2rem;color:#fff;margin-top:2rem}
  .cta-section h3{color:#fff;margin-bottom:1rem}
  .cta-section .lead{color:rgba(255,255,255,.9);margin-bottom:2rem}
  .cta-section .btn{background:#fff;color:var(--primary-color);border:none}
  .cta-section .btn:hover{background:var(--gray-100);color:var(--primary-color);transform:translateY(-2px)}

  
  /* Contacto */
  .contact-info,.contact-form{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}
  .contact-info h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--gray-900)}
  .contact-item{display:flex;align-items:center;margin-bottom:1.5rem}
  .contact-item i{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:1rem;font-size:1.125rem}
  .contact-item strong{display:block;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}
  .contact-item p{margin:0;color:var(--gray-600)}
  .form-control,.form-select{border:2px solid var(--gray-200);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease;background:#fff}
  .form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:none}
  .form-label{font-weight:600;color:var(--gray-700);margin-bottom:.5rem}
  
  /* Footer */
  .footer{background:var(--gray-900);color:#fff;border-top:1px solid var(--gray-800)}
  .footer-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
  .footer-text{color:var(--gray-400);margin:0}
  .footer-links{display:flex;gap:1.5rem;margin-bottom:1rem;justify-content:flex-end}
  .footer-link{color:var(--gray-400);text-decoration:none;transition:color .3s ease}
  .footer-link:hover{color:#fff}
  .footer-copyright{color:var(--gray-500);margin:0;font-size:.875rem}
  
  /* Helpers */
  .bg-light{background-color:var(--gray-100)!important}
  
  /* Responsive */
  @media (max-width: 992px){
    .navbar-brand img.brand-logo{ height:var(--navbar-logo-height-sm) !important; }
  }
  @media (max-width: 768px){
    .hero-title{font-size:2.5rem}
    .hero-subtitle{font-size:1.125rem}
    .hero-buttons{flex-direction:column}
    .btn{width:100%;justify-content:center}
    .section-title{font-size:2rem}
    .code-animation{font-size:.875rem;padding:1.5rem}
    .footer-links{justify-content:center;flex-wrap:wrap}
    .footer-copyright{text-align:center}
  }
  @media (max-width: 576px){
    .hero-title{font-size:2rem}
    .service-card,.project-card,.contact-info,.contact-form{padding:1.5rem}
    .navbar-brand{font-size:1.25rem}
  }
  
  /* Smooth scroll */
  html{scroll-behavior:smooth}
  
  /* Loading / Notifications / Scrollbar (igual que tenías) */
  .loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
  .notification{position:fixed;top:100px;right:20px;z-index:9999;min-width:300px;box-shadow:var(--shadow-lg);animation:slideInRight .3s ease}
  @keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
  @keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}
  ::-webkit-scrollbar{width:8px}
  ::-webkit-scrollbar-track{background:var(--gray-100)}
  ::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}
  ::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}