FENC SAS - Fuentes de Energía Renovables No Convencionales

Editor de Código

<?php
session_start();

// Configuración
define('ADMIN_USER', 'admin');
define('ADMIN_EMAIL', 'admin@fenc-sas.com');
define('ADMIN_PASS_HASH', '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi'); // password: admin123

$page_file = 'index.php';

// Cambio de idioma
$lang = isset($_GET['lang']) ? $_GET['lang'] : (isset($_COOKIE['lang']) ? $_COOKIE['lang'] : 'es');
setcookie('lang', $lang, time() + (86400 * 30), "/");

// Procesar login
$error = '';
$message = '';

if (isset($_POST['login'])) {
    if ($_POST['username'] === ADMIN_USER && password_verify($_POST['password'], ADMIN_PASS_HASH)) {
        $_SESSION['admin_logged_in'] = true;
        header('Location: ?lang=' . $lang . '&admin=1');
        exit;
    } else {
        $error = 'Usuario o contraseña incorrectos';
    }
}

if (isset($_GET['logout'])) {
    session_destroy();
    header('Location: ?lang=' . $lang);
    exit;
}

if (isset($_POST['save_page']) && isset($_SESSION['admin_logged_in'])) {
    $new_content = $_POST['page_content'];
    if (file_put_contents($page_file, $new_content)) {
        $message = 'Página guardada exitosamente';
    } else {
        $error = 'Error al guardar la página';
    }
}

// Arrays de traducción
$translations = [
    'es' => [
        'nav_home' => 'Inicio',
        'nav_about' => 'Quiénes Somos',
        'nav_services' => 'Servicios',
        'nav_hydrogen' => 'Hidrógeno Blanco',
        'nav_advantages' => 'Ventajas',
        'nav_policies' => 'Políticas',
        'nav_regulations' => 'Normatividad',
        'nav_learn' => 'Aprendamos Juntos',
        'nav_contact' => 'Contacto',
        'hero_badge' => 'Innovación en Energías Renovables',
        'hero_title' => 'Fuentes de Energía Renovables No Convencionales SAS',
        'hero_text' => 'Lideramos la investigación y desarrollo de soluciones energéticas innovadoras y sostenibles para Colombia y el mundo. Especialistas en hidrógeno blanco y fuentes de energía no convencionales.',
        'hero_btn1' => 'Contáctanos',
        'hero_btn2' => 'Nuestros Servicios',
        'about_title' => 'Quiénes Somos',
        'about_text1' => 'Somos un equipo de trabajo altamente calificado, con experiencia y experticia mayor de',
        'about_years' => 'años',
        'about_text2' => 'en proyectos de investigación, ciencia, tecnología e innovación en la industria de las Fuentes de Energía No Convencionales (FENC).',
        'about_text3' => 'Nuestra misión es impulsar la transición energética en Colombia a través de la investigación y desarrollo de tecnologías innovadoras para la explotación sostenible de recursos energéticos no convencionales.',
        'about_qualified' => 'Equipo Calificado',
        'about_qualified_text' => 'Profesionales con amplia experiencia en el sector.',
        'about_innovation' => 'Innovación Continua',
        'about_innovation_text' => 'Desarrollo de tecnologías de vanguardia.',
        'commitment_title' => 'Nuestro Compromiso',
        'legal_rep' => 'Representante Legal',
    ],
    'en' => [
        'nav_home' => 'Home',
        'nav_about' => 'About Us',
        'nav_services' => 'Services',
        'nav_hydrogen' => 'White Hydrogen',
        'nav_advantages' => 'Advantages',
        'nav_policies' => 'Policies',
        'nav_regulations' => 'Regulations',
        'nav_learn' => 'Learn Together',
        'nav_contact' => 'Contact',
        'hero_badge' => 'Innovation in Renewable Energy',
        'hero_title' => 'Non-Conventional Renewable Energy Sources SAS',
        'hero_text' => 'We lead research and development of innovative and sustainable energy solutions for Colombia and the world. Specialists in white hydrogen and non-conventional energy sources.',
        'hero_btn1' => 'Contact Us',
        'hero_btn2' => 'Our Services',
        'about_title' => 'About Us',
        'about_text1' => 'We are a highly qualified team, with experience and expertise of more than',
        'about_years' => 'years',
        'about_text2' => 'in research, science, technology and innovation projects in the Non-Conventional Energy Sources industry.',
        'about_text3' => 'Our mission is to drive the energy transition in Colombia through research and development of innovative technologies for the sustainable exploitation of non-conventional energy resources.',
        'about_qualified' => 'Qualified Team',
        'about_qualified_text' => 'Professionals with extensive experience in the sector.',
        'about_innovation' => 'Continuous Innovation',
        'about_innovation_text' => 'Development of cutting-edge technologies.',
        'commitment_title' => 'Our Commitment',
        'legal_rep' => 'Legal Representative',
    ]
];

$t = $translations[$lang];
?>
<!DOCTYPE html>
<html lang="<?php echo $lang; ?>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FENC SAS - <?php echo $lang == 'es' ? 'Fuentes de Energía Renovables No Convencionales' : 'Non-Conventional Renewable Energy Sources'; ?></title>
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/codemirror.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/dracula.min.css">
    <style>
        :root {
            --primary-color: #0a3d62;
            --secondary-color: #1e90ff;
            --accent-color: #00d2d3;
            --light-color: #f5f7fa;
            --dark-color: #2c3e50;
            --success-color: #00b894;
            --gold-color: #fdcb6e;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Open Sans', sans-serif;
            color: #333;
            overflow-x: hidden;
            position: relative;
            padding-top: 55px; /* Espacio para la cinta fija de Mkatronic */
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
        }
        
        /* Cinta superior de Mkatronic */
        .mkatronic-ribbon {
            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
            color: white;
            padding: 10px 0;
            font-size: 13px;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 10001;
            border-bottom: 2px solid #FF8C00;
            font-family: 'Roboto', sans-serif;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .mkatronic-ribbon .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .mkatronic-ribbon .ribbon-left {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        .mkatronic-ribbon .ribbon-left i {
            color: #FF8C00;
            font-size: 18px;
        }
        .mkatronic-ribbon .ribbon-left span {
            font-weight: 600;
            color: #FF8C00;
        }
        .mkatronic-ribbon .ribbon-left a {
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        .mkatronic-ribbon .ribbon-left a:hover {
            color: #FF8C00;
            transform: translateY(-2px);
        }
        .mkatronic-ribbon .ribbon-right {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        .mkatronic-ribbon .ribbon-right a {
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        .mkatronic-ribbon .ribbon-right a:hover {
            color: #FF8C00;
            transform: translateY(-2px);
        }
        .mkatronic-ribbon .ribbon-right i {
            font-size: 14px;
            width: 16px;
        }
        
        .background-pattern {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            opacity: 0.08;
            background: 
                radial-gradient(circle at 20% 30%, var(--accent-color) 1px, transparent 2px),
                radial-gradient(circle at 80% 70%, var(--secondary-color) 1px, transparent 2px),
                radial-gradient(circle at 40% 80%, var(--primary-color) 1px, transparent 2px),
                radial-gradient(circle at 60% 20%, var(--gold-color) 1px, transparent 2px);
            background-size: 200px 200px, 300px 300px, 250px 250px, 150px 150px;
            animation: float 20s infinite ease-in-out;
        }
        
        @keyframes float {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            33% { transform: translate(30px, 50px) rotate(120deg); }
            66% { transform: translate(-20px, 80px) rotate(240deg); }
        }
        
        .gradient-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background: linear-gradient(135deg, rgba(245, 247, 250, 0.9) 0%, rgba(255, 255, 255, 0.95) 100%);
        }
        
        /* Navbar - ajustado para la cinta */
        .navbar {
            background-color: rgba(10, 61, 98, 0.95);
            backdrop-filter: blur(10px);
            padding: 1rem 0;
            transition: all 0.3s ease;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            position: fixed;
            top: 55px;
            width: 100%;
            z-index: 9999;
        }
        
        .navbar-brand {
            font-weight: 800;
            font-size: 1.8rem;
            color: white !important;
            display: flex;
            align-items: center;
        }
        
        .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.9) !important;
            font-weight: 500;
            margin: 0 8px;
            transition: all 0.3s ease;
        }
        
        .navbar-nav .nav-link:hover {
            color: var(--gold-color) !important;
            transform: translateY(-2px);
        }
        
        /* Language switcher */
        .language-switcher {
            display: flex;
            align-items: center;
            margin-left: 15px;
        }
        
        .lang-btn {
            background-color: transparent;
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.3);
            padding: 5px 15px;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            text-decoration: none;
            margin: 0 2px;
        }
        
        .lang-btn:hover {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: white;
        }
        
        .lang-btn.active {
            background-color: var(--secondary-color);
            border-color: var(--secondary-color);
        }
        
        /* Admin button - AHORA VISIBLE */
        .admin-btn {
            margin-left: 10px;
        }
        
        .admin-btn .btn {
            background-color: var(--gold-color);
            color: var(--dark-color);
            border: none;
            padding: 5px 15px;
            font-size: 0.9rem;
            font-weight: 600;
            border-radius: 5px;
            white-space: nowrap;
        }
        
        .admin-btn .btn:hover {
            background-color: #ffd32a;
            transform: translateY(-2px);
        }
        
        /* Admin panel */
        .admin-panel {
            position: fixed;
            top: 130px;
            right: 20px;
            width: 400px;
            max-width: 90%;
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
            z-index: 9999;
            padding: 20px;
            border-top: 5px solid var(--gold-color);
        }
        
        .admin-panel h3 {
            color: var(--primary-color);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #eee;
        }
        
        .admin-panel .close-btn {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 1.5rem;
            cursor: pointer;
            color: #999;
        }
        
        .admin-panel .close-btn:hover {
            color: var(--primary-color);
        }
        
        /* Code editor */
        .code-editor {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.9);
            z-index: 10000;
            padding: 20px;
            display: none;
        }
        
        .code-editor.active {
            display: block;
        }
        
        .editor-container {
            background: #282a36;
            border-radius: 10px;
            overflow: hidden;
            height: calc(100vh - 100px);
        }
        
        .CodeMirror {
            height: calc(100vh - 180px) !important;
            font-size: 14px;
        }
        
        .editor-header {
            background: #44475a;
            padding: 10px 20px;
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .editor-footer {
            background: #44475a;
            padding: 10px 20px;
            display: flex;
            justify-content: flex-end;
            gap: 10px;
        }
        
        /* Hero section - ajustado para la cinta */
        .hero {
            padding: 150px 0 100px;
            background: linear-gradient(rgba(10, 61, 98, 0.85), rgba(30, 144, 255, 0.8)), url('https://images.unsplash.com/photo-1635070041078-e363dbe005cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
            background-size: cover;
            background-position: center;
            color: white;
            position: relative;
            overflow: hidden;
            margin-top: 0;
        }
        
        .hero-content {
            position: relative;
            z-index: 2;
        }
        
        .hero h1 {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 1.5rem;
            text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
        }
        
        .hero p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 2rem;
            opacity: 0.9;
        }
        
        .hero-badge {
            display: inline-block;
            background-color: var(--accent-color);
            color: white;
            padding: 8px 20px;
            border-radius: 30px;
            font-weight: 600;
            margin-bottom: 20px;
            box-shadow: 0 5px 15px rgba(0, 210, 211, 0.4);
        }
        
        .section-title {
            position: relative;
            margin-bottom: 3rem;
            text-align: center;
        }
        
        .section-title h2 {
            font-size: 2.5rem;
            color: var(--primary-color);
            display: inline-block;
            padding-bottom: 15px;
        }
        
        .section-title h2:after {
            content: '';
            position: absolute;
            width: 80px;
            height: 4px;
            background: linear-gradient(to right, var(--primary-color), var(--accent-color));
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
        
        .service-card, .commitment-card, .advantage-card {
            background-color: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: all 0.4s ease;
            height: 100%;
            border: none;
        }
        
        .service-card:hover, .commitment-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }
        
        .card-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            color: white;
            font-size: 1.8rem;
        }
        
        .about-section {
            padding: 100px 0;
            background-color: white;
        }
        
        .company-logo-large {
            font-size: 4rem;
            font-weight: 800;
            color: var(--primary-color);
            margin-bottom: 1rem;
        }
        
        .services-section {
            padding: 100px 0;
            background-color: var(--light-color);
        }
        
        .service-list {
            list-style-type: none;
            padding-left: 0;
        }
        
        .service-list li {
            padding: 8px 0;
            padding-left: 30px;
            position: relative;
        }
        
        .service-list li:before {
            content: '\f058';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            left: 0;
            color: var(--accent-color);
        }
        
        .hydrogen-section {
            padding: 100px 0;
            background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url('https://images.unsplash.com/photo-1635070041078-e363dbe005cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=30');
            background-size: cover;
            background-position: center;
            position: relative;
        }
        
        .hydrogen-badge {
            background-color: var(--success-color);
            color: white;
            padding: 10px 25px;
            border-radius: 30px;
            display: inline-block;
            font-weight: 600;
            margin-bottom: 20px;
            box-shadow: 0 5px 15px rgba(0, 184, 148, 0.4);
        }
        
        .advantages-section {
            padding: 100px 0;
            background-color: white;
        }
        
        .advantage-card {
            padding: 30px 20px;
            text-align: center;
            border-top: 5px solid var(--secondary-color);
        }
        
        .advantage-icon {
            font-size: 2.5rem;
            color: var(--secondary-color);
            margin-bottom: 20px;
        }
        
        .policies-section {
            padding: 100px 0;
            background-color: var(--light-color);
        }
        
        .policy-item {
            padding: 20px;
            background-color: white;
            border-radius: 10px;
            margin-bottom: 20px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }
        
        .policy-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .contact-section {
            padding: 100px 0;
            background-color: var(--primary-color);
            color: white;
        }
        
        .contact-info {
            background-color: rgba(255, 255, 255, 0.1);
            padding: 30px;
            border-radius: 15px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .contact-icon {
            font-size: 1.5rem;
            color: var(--accent-color);
            margin-right: 15px;
        }
        
        .footer {
            background-color: var(--dark-color);
            color: rgba(255, 255, 255, 0.8);
            padding: 70px 0 30px;
        }
        
        .footer-links a {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            display: block;
            margin-bottom: 10px;
            transition: all 0.3s ease;
        }
        
        .footer-links a:hover {
            color: var(--accent-color);
            padding-left: 5px;
        }
        
        .copyright {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 20px;
            margin-top: 50px;
            text-align: center;
            font-size: 0.9rem;
            color: rgba(255, 255, 255, 0.6);
        }
        
        .alert-custom {
            position: fixed;
            top: 150px;
            right: 20px;
            z-index: 10001;
            min-width: 300px;
        }
        
        @media (max-width: 992px) {
            .navbar .container {
                flex-wrap: wrap;
            }
            
            .navbar-collapse {
                order: 3;
                width: 100%;
            }
            
            .language-switcher, .admin-btn {
                margin: 5px 0;
            }
            
            .hero h1 {
                font-size: 2.8rem;
            }
        }
        
        @media (max-width: 768px) {
            body {
                padding-top: 95px;
            }
            
            .navbar {
                top: 95px;
            }
            
            .admin-panel {
                top: 170px;
            }
            
            .alert-custom {
                top: 160px;
            }
            
            .mkatronic-ribbon .container {
                flex-direction: column;
                text-align: center;
                padding: 8px 15px;
            }
            
            .mkatronic-ribbon .ribbon-right {
                justify-content: center;
                gap: 12px;
            }
            
            .hero h1 {
                font-size: 2.2rem;
            }
            
            .hero {
                padding: 120px 0 80px;
            }
        }
        
        ::-webkit-scrollbar {
            width: 10px;
        }
        
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        
        ::-webkit-scrollbar-thumb {
            background: var(--primary-color);
            border-radius: 5px;
        }
        
        ::-webkit-scrollbar-thumb:hover {
            background: var(--secondary-color);
        }
    </style>
</head>
<body>
    
    <div class="mkatronic-ribbon">
        <div class="container">
            <div class="ribbon-left">
                <i class="fas fa-microchip"></i>
                <span>Diseñado por:</span>
                <a href="https://www.mkatronic.com" target="_blank"><i class="fas fa-globe"></i> Mkatronic</a>
            </div>
            <div class="ribbon-right">
                <a href="tel:+573133741956"><i class="fas fa-phone-alt"></i> Cel: 313 374 1956</a>
                <a href="tel:+576019077069"><i class="fas fa-phone"></i> Fijo: 601 907 7069</a>
                <a href="mailto:contacto@mkatronic.com"><i class="fas fa-envelope"></i> contacto@mkatronic.com</a>
                <a href="mailto:mkatronic@outlook.com"><i class="fas fa-envelope"></i> mkatronic@outlook.com</a>
                <span><i class="fas fa-map-marker-alt"></i> Bogotá - Colombia</span>
            </div>
        </div>
    </div>

<div class="background-pattern"></div>
    <div class="gradient-overlay"></div>
    
    
    <?php if ($message): ?>
    <div class="alert alert-success alert-dismissible fade show alert-custom" role="alert">
        <i class="fas fa-check-circle me-2"></i> <?php echo $message; ?>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    <?php endif; ?>
    
    <?php if ($error): ?>
    <div class="alert alert-danger alert-dismissible fade show alert-custom" role="alert">
        <i class="fas fa-exclamation-circle me-2"></i> <?php echo $error; ?>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    <?php endif; ?>
    
    
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
        <div class="container">
            <a class="navbar-brand" href="#">
                <i class="fas fa-leaf"></i>
                <span class="d-none d-md-inline">FENC SAS</span>
            </a>
            
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link active" href="#home"><?php echo $t['nav_home']; ?></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#about"><?php echo $t['nav_about']; ?></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#services"><?php echo $t['nav_services']; ?></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#hydrogen"><?php echo $t['nav_hydrogen']; ?></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#advantages"><?php echo $t['nav_advantages']; ?></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#policies"><?php echo $t['nav_policies']; ?></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#normatividad"><?php echo $t['nav_regulations']; ?></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#learn"><?php echo $t['nav_learn']; ?></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact"><?php echo $t['nav_contact']; ?></a>
                    </li>
                </ul>
                
                
                <div class="language-switcher">
                    <a href="?lang=es" class="lang-btn <?php echo $lang == 'es' ? 'active' : ''; ?>">ES</a>
                    <a href="?lang=en" class="lang-btn <?php echo $lang == 'en' ? 'active' : ''; ?>">EN</a>
                </div>
                
                
                <div class="admin-btn">
                    <?php if (isset($_SESSION['admin_logged_in']) && $_SESSION['admin_logged_in']): ?>
                        <button class="btn" onclick="toggleAdminPanel()">
                            <i class="fas fa-cog"></i> Admin
                        </button>
                    <?php else: ?>
                        <button class="btn" onclick="toggleAdminPanel()">
                            <i class="fas fa-user-lock"></i> <?php echo $lang == 'es' ? 'Admin' : 'Admin'; ?>
                        </button>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </nav>
    
    
    <div class="admin-panel" id="adminPanel" style="display: none;">
        <div class="close-btn" onclick="toggleAdminPanel()">&times;</div>
        <h3>
            <?php if (isset($_SESSION['admin_logged_in']) && $_SESSION['admin_logged_in']): ?>
                <i class="fas fa-user-shield"></i> <?php echo $lang == 'es' ? 'Panel de Administración' : 'Admin Panel'; ?>
            <?php else: ?>
                <i class="fas fa-lock"></i> <?php echo $lang == 'es' ? 'Acceso Administrador' : 'Admin Access'; ?>
            <?php endif; ?>
        </h3>
        
        <?php if (isset($_SESSION['admin_logged_in']) && $_SESSION['admin_logged_in']): ?>
            
            <div class="admin-options">
                <button class="btn btn-primary w-100 mb-2" onclick="openCodeEditor()">
                    <i class="fas fa-code"></i> <?php echo $lang == 'es' ? 'Editar Código' : 'Edit Code'; ?>
                </button>
                <a href="?logout=1&lang=<?php echo $lang; ?>" class="btn btn-danger w-100">
                    <i class="fas fa-sign-out-alt"></i> <?php echo $lang == 'es' ? 'Cerrar Sesión' : 'Logout'; ?>
                </a>
            </div>
            
        <?php else: ?>
            
            <form method="POST">
                <div class="mb-3">
                    <input type="text" class="form-control" name="username" placeholder="<?php echo $lang == 'es' ? 'Usuario' : 'Username'; ?>" required>
                </div>
                <div class="mb-3">
                    <input type="password" class="form-control" name="password" placeholder="<?php echo $lang == 'es' ? 'Contraseña' : 'Password'; ?>" required>
                </div>
                <button type="submit" name="login" class="btn btn-primary w-100">
                    <i class="fas fa-sign-in-alt"></i> <?php echo $lang == 'es' ? 'Ingresar' : 'Login'; ?>
                </button>
            </form>
            <div class="mt-3 text-center">
                <small class="text-muted">
                    <?php echo $lang == 'es' ? 'Usuario: admin / Contraseña: admin123' : 'User: admin / Password: admin123'; ?>
                </small>
            </div>
        <?php endif; ?>
    </div>
    
    
    <div class="code-editor" id="codeEditor">
        <div class="editor-container">
            <div class="editor-header">
                <h5 class="mb-0"><i class="fas fa-code me-2"></i> <?php echo $lang == 'es' ? 'Editor de Código' : 'Code Editor'; ?></h5>
                <button class="btn btn-sm btn-light" onclick="closeCodeEditor()"><i class="fas fa-times"></i></button>
            </div>
            <form method="POST" id="codeForm">
                <textarea id="codeTextarea" name="page_content"><?php echo htmlspecialchars(file_get_contents($page_file)); ?></textarea>
                <div class="editor-footer">
                    <button type="button" class="btn btn-secondary" onclick="closeCodeEditor()"><?php echo $lang == 'es' ? 'Cancelar' : 'Cancel'; ?></button>
                    <button type="submit" name="save_page" class="btn btn-success"><?php echo $lang == 'es' ? 'Guardar Cambios' : 'Save Changes'; ?></button>
                </div>
            </form>
        </div>
    </div>
    
    
    <section id="home" class="hero">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-10 mx-auto text-center hero-content">
                    <span class="hero-badge"><?php echo $t['hero_badge']; ?></span>
                    <h1 class="display-4 fw-bold"><?php echo $t['hero_title']; ?></h1>
                    <p class="lead"><?php echo $t['hero_text']; ?></p>
                    <div class="mt-4">
                        <a href="#contact" class="btn btn-light btn-lg me-3 px-4 py-3"><?php echo $t['hero_btn1']; ?> <i class="fas fa-arrow-right ms-2"></i></a>
                        <a href="#services" class="btn btn-outline-light btn-lg px-4 py-3"><?php echo $t['hero_btn2']; ?></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section id="about" class="about-section">
        <div class="container">
            <div class="section-title">
                <h2><?php echo $t['about_title']; ?></h2>
            </div>
            
            <div class="row align-items-center">
                <div class="col-lg-6 mb-5 mb-lg-0">
                    <div class="company-logo-large">FENC SAS</div>
                    <h3 class="mb-4"><?php echo $lang == 'es' ? 'Fuentes de Energía Renovables No Convencionales SAS' : 'Non-Conventional Renewable Energy Sources SAS'; ?></h3>
                    <p class="mb-4"><?php echo $t['about_text1']; ?> <span class="highlight-text">10 <?php echo $t['about_years']; ?></span> <?php echo $t['about_text2']; ?></p>
                    <p class="mb-4"><?php echo $t['about_text3']; ?></p>
                    
                    <div class="row mt-5">
                        <div class="col-md-6">
                            <h5><i class="fas fa-check-circle text-success me-2"></i> <?php echo $t['about_qualified']; ?></h5>
                            <p><?php echo $t['about_qualified_text']; ?></p>
                        </div>
                        <div class="col-md-6">
                            <h5><i class="fas fa-check-circle text-success me-2"></i> <?php echo $t['about_innovation']; ?></h5>
                            <p><?php echo $t['about_innovation_text']; ?></p>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-6">
                    <div class="card commitment-card border-0">
                        <div class="card-body p-5">
                            <div class="section-title text-start mb-4">
                                <h3><?php echo $t['commitment_title']; ?></h3>
                            </div>
                            
                            <ul class="service-list">
                                <li><?php echo $lang == 'es' ? 'Aseguramiento de la Calidad en la realización de estudios, proyectos, obras y actividades de las FENC.' : 'Quality Assurance in carrying out studies, projects, works and activities of NCES.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Aseguramiento de un manejo responsable del entorno social y ambiental durante la realización de los proyectos.' : 'Assurance of responsible management of the social and environmental environment during project execution.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Ejecución de los proyectos en los plazos y términos establecidos.' : 'Execution of projects within the established deadlines and terms.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Cumplimiento de políticas corporativas y Confidencialidad.' : 'Compliance with corporate policies and Confidentiality.'; ?></li>
                            </ul>
                            
                            <div class="mt-4 pt-3">
                                <h5 class="card-title"><?php echo $t['legal_rep']; ?></h5>
                                <p class="mb-1"><strong><?php echo $lang == 'es' ? 'Geólogo Senior Rafael A. Lopez G.' : 'Senior Geologist Rafael A. Lopez G.'; ?></strong></p>
                                <p class="mb-1"><i class="fas fa-envelope contact-icon"></i> geofisico.senior@gmail.com</p>
                                <p class="mb-0"><i class="fas fa-phone contact-icon"></i> +57 315 264 7759</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section id="services" class="services-section">
        <div class="container">
            <div class="section-title">
                <h2><?php echo $lang == 'es' ? 'Portafolio de Servicios' : 'Services Portfolio'; ?></h2>
            </div>
            
            <div class="row mb-5">
                <div class="col-lg-6 mb-4">
                    <div class="card service-card h-100 border-0">
                        <div class="card-body p-5">
                            <div class="card-icon">
                                <i class="fas fa-clipboard-check"></i>
                            </div>
                            <h3 class="card-title text-center"><?php echo $lang == 'es' ? 'Servicios I' : 'Services I'; ?></h3>
                            <ul class="service-list">
                                <li><?php echo $lang == 'es' ? 'Aseguramiento y control de calidad (QA/QC) de cada etapa de proyectos de investigación de ciencia, tecnología e innovación referentes a FENC.' : 'Quality assurance and control (QA/QC) of each stage of research, science, technology and innovation projects related to NCES.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Elaboración de caracterización geológica para proyectos FENC.' : 'Preparation of geological characterization for NCES projects.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Elaboración de estudios ambientales requeridos para proyectos FENC.' : 'Preparation of environmental studies required for NCES projects.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Elaboración de estudios sociales y planes de gestión social para proyectos FENC.' : 'Preparation of social studies and social management plans for NCES projects.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Seguimiento a requerimientos de licencias ambientales otorgadas a proyectos FENC.' : 'Monitoring of environmental license requirements granted to NCES projects.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Interventoría técnica para proyectos referentes a las FENC.' : 'Technical supervision for projects related to NCES.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Elaboración de estudios de hidrología, hidrogeología y aguas subterráneas para proyectos FENC.' : 'Preparation of hydrology, hydrogeology and groundwater studies for NCES projects.'; ?></li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-6 mb-4">
                    <div class="card service-card h-100 border-0">
                        <div class="card-body p-5">
                            <div class="card-icon">
                                <i class="fas fa-chart-line"></i>
                            </div>
                            <h3 class="card-title text-center"><?php echo $lang == 'es' ? 'Servicios II' : 'Services II'; ?></h3>
                            <ul class="service-list">
                                <li><?php echo $lang == 'es' ? 'Identificación de áreas en Colombia con potencial para el desarrollo de FENC.' : 'Identification of areas in Colombia with potential for NCES development.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Estudios de caracterización geológica y geofísica, evaluación de riesgos geológicos y socioambientales para FENC.' : 'Geological and geophysical characterization studies, geological and socio-environmental risk assessment for NCES.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Generación de modelos geológicos y geofísicos para caracterización integrada de zonas con potencial de FENC.' : 'Generation of geological and geophysical models for integrated characterization of areas with NCES potential.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Desarrollo de productos científicos-tecnológicos innovadores para evaluación de recursos de energía FENC.' : 'Development of innovative scientific-technological products for NCES energy resource assessment.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Análisis de proyectos análogos de investigación en FENC y adaptación al territorio nacional.' : 'Analysis of analogous NCES research projects and adaptation to the national territory.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Identificación y evaluación de áreas con potencial para prospectividad de hidrógeno blanco H₂.' : 'Identification and evaluation of areas with potential for white hydrogen H₂ prospectivity.'; ?></li>
                                <li><?php echo $lang == 'es' ? 'Estudios de viabilidad técnica y económica para implementación de hidrógeno blanco en Colombia.' : 'Technical and economic feasibility studies for the implementation of white hydrogen in Colombia.'; ?></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-12">
                    <div class="card commitment-card border-0">
                        <div class="card-body p-5">
                            <div class="section-title text-start mb-4">
                                <h3><?php echo $lang == 'es' ? 'Nuestros Compromisos' : 'Our Commitments'; ?></h3>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <ul class="service-list">
                                        <li><?php echo $lang == 'es' ? 'Compromiso con la calidad de estudios, proyectos obras y actividades contratadas.' : 'Commitment to the quality of studies, projects, works and contracted activities.'; ?></li>
                                        <li><?php echo $lang == 'es' ? 'Compromiso con el entorno social y ambiental del área de influencia directa e indirecta.' : 'Commitment to the social and environmental environment of the direct and indirect area of influence.'; ?></li>
                                        <li><?php echo $lang == 'es' ? 'Compromiso con el cumplimiento de las políticas.' : 'Commitment to compliance with policies.'; ?></li>
                                    </ul>
                                </div>
                                <div class="col-md-6">
                                    <ul class="service-list">
                                        <li><?php echo $lang == 'es' ? 'Compromiso con el cumplimiento del plazo del contrato.' : 'Commitment to compliance with the contract term.'; ?></li>
                                        <li><?php echo $lang == 'es' ? 'Compromiso con la confidencialidad de los datos obtenidos.' : 'Commitment to confidentiality of data obtained.'; ?></li>
                                        <li><?php echo $lang == 'es' ? 'Compromiso con el desarrollo sostenible de Colombia.' : 'Commitment to the sustainable development of Colombia.'; ?></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section id="hydrogen" class="hydrogen-section">
        <div class="container">
            <div class="section-title">
                <span class="hydrogen-badge"><?php echo $lang == 'es' ? 'Línea de Negocio' : 'Business Line'; ?></span>
                <h2><?php echo $lang == 'es' ? 'Hidrógeno Blanco' : 'White Hydrogen'; ?></h2>
            </div>
            
            <div class="row align-items-center">
                <div class="col-lg-6 mb-5 mb-lg-0">
                    <div class="card border-0 shadow-lg">
                        <div class="card-body p-5">
                            <h3 class="card-title mb-4"><?php echo $lang == 'es' ? 'Proyecto de Investigación' : 'Research Project'; ?></h3>
                            <h4 class="text-primary mb-3">Minciencias</h4>
                            <p class="mb-4"><strong><?php echo $lang == 'es' ? 'Identificación, análisis y evaluación de dos cuencas sedimentarias onshore a través de estudios de interpretación sísmica 2D&3D como un método geofísico eficiente para determinar la capacidad de generación y almacenamiento de hidrógeno blanco H₂ como FNCER.' : 'Identification, analysis and evaluation of two onshore sedimentary basins through 2D&3D seismic interpretation studies as an efficient geophysical method to determine the generation and storage capacity of white hydrogen H₂ as NCRES.'; ?></strong></p>
                            
                            <div class="mt-4 p-4 bg-light rounded">
                                <h5 class="text-primary"><?php echo $lang == 'es' ? 'Definición Legal' : 'Legal Definition'; ?></h5>
                                <p class="mb-0"><?php echo $lang == 'es' ? 'Según el artículo 235 de la Ley 2294 de 2023, se adicionó el numeral 26 al artículo 5 de la Ley 1715 de 2014, que define:' : 'According to article 235 of Law 2294 of 2023, numeral 26 was added to article 5 of Law 1715 of 2014, which defines:'; ?></p>
                                <p class="mt-2 fst-italic">"<?php echo $lang == 'es' ? 'Hidrógeno Blanco: Es el hidrógeno que se produce de manera natural, asociado a procesos geológicos en la corteza terrestre y que se encuentra en su forma natural como gas libre en diferentes ambientes geológicos ya sea en capas de la corteza continental, en la corteza oceánica, en gases volcánicos, y en sistemas hidrotermales, como en géiseres y se considera FNCER.' : 'White Hydrogen: It is hydrogen that is produced naturally, associated with geological processes in the earth\'s crust and that is found in its natural form as free gas in different geological environments either in layers of the continental crust, in the oceanic crust, in volcanic gases, and in hydrothermal systems, such as geysers and is considered NCRES.'; ?>"</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-6">
                    <h3 class="mb-4"><?php echo $lang == 'es' ? 'Nuestra Metodología' : 'Our Methodology'; ?></h3>
                    <p class="mb-4"><?php echo $lang == 'es' ? 'Utilizamos tecnologías de vanguardia para la identificación y evaluación de reservorios de hidrógeno blanco en Colombia:' : 'We use cutting-edge technologies for the identification and evaluation of white hydrogen reservoirs in Colombia:'; ?></p>
                    
                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <div class="d-flex">
                                <div class="me-3">
                                    <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                        <i class="fas fa-search"></i>
                                    </div>
                                </div>
                                <div>
                                    <h5><?php echo $lang == 'es' ? 'Exploración Geofísica' : 'Geophysical Exploration'; ?></h5>
                                    <p><?php echo $lang == 'es' ? 'Estudios sísmicos 2D y 3D para identificar estructuras geológicas favorables.' : '2D and 3D seismic studies to identify favorable geological structures.'; ?></p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <div class="d-flex">
                                <div class="me-3">
                                    <div class="rounded-circle bg-success text-white d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                        <i class="fas fa-flask"></i>
                                    </div>
                                </div>
                                <div>
                                    <h5><?php echo $lang == 'es' ? 'Análisis Geoquímico' : 'Geochemical Analysis'; ?></h5>
                                    <p><?php echo $lang == 'es' ? 'Evaluación de muestras para determinar composición y pureza del hidrógeno.' : 'Evaluation of samples to determine hydrogen composition and purity.'; ?></p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <div class="d-flex">
                                <div class="me-3">
                                    <div class="rounded-circle bg-warning text-white d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                        <i class="fas fa-chart-bar"></i>
                                    </div>
                                </div>
                                <div>
                                    <h5><?php echo $lang == 'es' ? 'Modelamiento' : 'Modeling'; ?></h5>
                                    <p><?php echo $lang == 'es' ? 'Generación de modelos geológicos 3D para evaluar capacidad de almacenamiento.' : 'Generation of 3D geological models to evaluate storage capacity.'; ?></p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <div class="d-flex">
                                <div class="me-3">
                                    <div class="rounded-circle bg-info text-white d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                        <i class="fas fa-balance-scale"></i>
                                    </div>
                                </div>
                                <div>
                                    <h5><?php echo $lang == 'es' ? 'Viabilidad Económica' : 'Economic Feasibility'; ?></h5>
                                    <p><?php echo $lang == 'es' ? 'Estudios técnico-económicos para evaluación de rentabilidad de proyectos.' : 'Technical-economic studies for project profitability evaluation.'; ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section id="advantages" class="advantages-section">
        <div class="container">
            <div class="section-title">
                <h2><?php echo $lang == 'es' ? 'Ventajas Competitivas' : 'Competitive Advantages'; ?></h2>
                <p class="lead mt-3"><?php echo $lang == 'es' ? 'Beneficios que obtiene la compañía que nos contrata' : 'Benefits obtained by the company that hires us'; ?></p>
            </div>
            
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="advantage-card">
                        <div class="advantage-icon">
                            <i class="fas fa-award"></i>
                        </div>
                        <h4><?php echo $lang == 'es' ? 'Experiencia' : 'Experience'; ?></h4>
                        <p><?php echo $lang == 'es' ? 'Más de 10 años en proyectos de investigación y desarrollo en el sector de energías no convencionales.' : 'More than 10 years in research and development projects in the non-conventional energy sector.'; ?></p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class="advantage-card">
                        <div class="advantage-icon">
                            <i class="fas fa-user-tie"></i>
                        </div>
                        <h4><?php echo $lang == 'es' ? 'Experticia' : 'Expertise'; ?></h4>
                        <p><?php echo $lang == 'es' ? 'Equipo altamente calificado con especialistas en geología, geofísica y energía renovable.' : 'Highly qualified team with specialists in geology, geophysics and renewable energy.'; ?></p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class="advantage-card">
                        <div class="advantage-icon">
                            <i class="fas fa-handshake"></i>
                        </div>
                        <h4><?php echo $lang == 'es' ? 'Excelente Relacionamiento' : 'Excellent Relationships'; ?></h4>
                        <p><?php echo $lang == 'es' ? 'Amplia red de contactos en el sector energético, gubernamental y académico.' : 'Extensive network of contacts in the energy, government and academic sectors.'; ?></p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class="advantage-card">
                        <div class="advantage-icon">
                            <i class="fas fa-medal"></i>
                        </div>
                        <h4><?php echo $lang == 'es' ? 'Excelencia en Entregas' : 'Excellence in Deliveries'; ?></h4>
                        <p><?php echo $lang == 'es' ? 'Productos de alta calidad que superan las expectativas de nuestros clientes.' : 'High quality products that exceed our customers\' expectations.'; ?></p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class="advantage-card">
                        <div class="advantage-icon">
                            <i class="fas fa-users"></i>
                        </div>
                        <h4><?php echo $lang == 'es' ? 'Especialistas en Proyectos' : 'Project Specialists'; ?></h4>
                        <p><?php echo $lang == 'es' ? 'Equipo dedicado y especializado para cada tipo de proyecto FENC.' : 'Dedicated and specialized team for each type of NCES project.'; ?></p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class="advantage-card">
                        <div class="advantage-icon">
                            <i class="fas fa-tags"></i>
                        </div>
                        <h4><?php echo $lang == 'es' ? 'Precios Competitivos' : 'Competitive Prices'; ?></h4>
                        <p><?php echo $lang == 'es' ? 'Excelente relación costo-beneficio sin comprometer la calidad del servicio.' : 'Excellent cost-benefit ratio without compromising service quality.'; ?></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section id="policies" class="policies-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mb-5 mb-lg-0">
                    <div class="section-title text-start">
                        <h2><?php echo $lang == 'es' ? 'Políticas Corporativas' : 'Corporate Policies'; ?></h2>
                    </div>
                    
                    <div class="policy-item">
                        <h5><i class="fas fa-shield-alt text-primary me-2"></i> <?php echo $lang == 'es' ? 'Política HSEQ' : 'HSEQ Policy'; ?></h5>
                        <p class="mb-0"><?php echo $lang == 'es' ? 'Compromiso con la salud, seguridad, medio ambiente y calidad en todas nuestras operaciones.' : 'Commitment to health, safety, environment and quality in all our operations.'; ?></p>
                    </div>
                    
                    <div class="policy-item">
                        <h5><i class="fas fa-road text-success me-2"></i> <?php echo $lang == 'es' ? 'Política Seguridad Vial' : 'Road Safety Policy'; ?></h5>
                        <p class="mb-0"><?php echo $lang == 'es' ? 'Garantizamos la seguridad en el transporte de personal y equipos durante la ejecución de proyectos.' : 'We guarantee safety in the transport of personnel and equipment during project execution.'; ?></p>
                    </div>
                    
                    <div class="policy-item">
                        <h5><i class="fas fa-balance-scale text-warning me-2"></i> <?php echo $lang == 'es' ? 'Política Legal' : 'Legal Policy'; ?></h5>
                        <p class="mb-0"><?php echo $lang == 'es' ? 'Cumplimiento estricto de todas las normativas y leyes aplicables en nuestros proyectos.' : 'Strict compliance with all applicable regulations and laws in our projects.'; ?></p>
                    </div>
                    
                    <div class="policy-item">
                        <h5><i class="fas fa-hands-helping text-info me-2"></i> <?php echo $lang == 'es' ? 'Política Responsabilidad Social Empresarial' : 'Corporate Social Responsibility Policy'; ?></h5>
                        <p class="mb-0"><?php echo $lang == 'es' ? 'Compromiso con el desarrollo social y económico de las comunidades donde operamos.' : 'Commitment to the social and economic development of the communities where we operate.'; ?></p>
                    </div>
                    
                    <div class="policy-item">
                        <h5><i class="fas fa-user-plus text-secondary me-2"></i> <?php echo $lang == 'es' ? 'Políticas de Contratación' : 'Hiring Policies'; ?></h5>
                        <p class="mb-0"><?php echo $lang == 'es' ? 'Procesos transparentes y equitativos para la selección de personal y contratistas.' : 'Transparent and equitable processes for the selection of personnel and contractors.'; ?></p>
                    </div>
                    
                    <div class="policy-item">
                        <h5><i class="fas fa-ban text-danger me-2"></i> <?php echo $lang == 'es' ? 'Prevención de Consumo' : 'Consumption Prevention'; ?></h5>
                        <p class="mb-0"><?php echo $lang == 'es' ? 'Política de cero tolerancia al consumo de alcohol, tabaco y sustancias psicoactivas durante labores.' : 'Zero tolerance policy for the consumption of alcohol, tobacco and psychoactive substances during work.'; ?></p>
                    </div>
                </div>
                
                <div class="col-lg-6">
                    <div class="section-title text-start">
                        <h2><?php echo $lang == 'es' ? 'Capacidad Organizacional' : 'Organizational Capacity'; ?></h2>
                    </div>
                    
                    <div class="row g-4">
                        <div class="col-md-6">
                            <div class="card border-0 h-100" style="background-color: #f8f9fa;">
                                <div class="card-body p-4 text-center">
                                    <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center mx-auto mb-3" style="width: 70px; height: 70px;">
                                        <i class="fas fa-cogs fa-2x"></i>
                                    </div>
                                    <h5><?php echo $lang == 'es' ? 'Capacidad Operacional' : 'Operational Capacity'; ?></h5>
                                    <p class="mb-0"><?php echo $lang == 'es' ? 'Infraestructura y equipos para ejecución eficiente de proyectos.' : 'Infrastructure and equipment for efficient project execution.'; ?></p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="card border-0 h-100" style="background-color: #f8f9fa;">
                                <div class="card-body p-4 text-center">
                                    <div class="rounded-circle bg-success text-white d-flex align-items-center justify-content-center mx-auto mb-3" style="width: 70px; height: 70px;">
                                        <i class="fas fa-microscope fa-2x"></i>
                                    </div>
                                    <h5><?php echo $lang == 'es' ? 'Capacidad Técnica' : 'Technical Capacity'; ?></h5>
                                    <p class="mb-0"><?php echo $lang == 'es' ? 'Conocimiento especializado y tecnología de punta para análisis e investigación.' : 'Specialized knowledge and cutting-edge technology for analysis and research.'; ?></p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="card border-0 h-100" style="background-color: #f8f9fa;">
                                <div class="card-body p-4 text-center">
                                    <div class="rounded-circle bg-warning text-white d-flex align-items-center justify-content-center mx-auto mb-3" style="width: 70px; height: 70px;">
                                        <i class="fas fa-gavel fa-2x"></i>
                                    </div>
                                    <h5><?php echo $lang == 'es' ? 'Capacidad Jurídica' : 'Legal Capacity'; ?></h5>
                                    <p class="mb-0"><?php echo $lang == 'es' ? 'Cumplimiento normativo y gestión legal especializada para proyectos energéticos.' : 'Regulatory compliance and specialized legal management for energy projects.'; ?></p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="card border-0 h-100" style="background-color: #f8f9fa;">
                                <div class="card-body p-4 text-center">
                                    <div class="rounded-circle bg-info text-white d-flex align-items-center justify-content-center mx-auto mb-3" style="width: 70px; height: 70px;">
                                        <i class="fas fa-chart-line fa-2x"></i>
                                    </div>
                                    <h5><?php echo $lang == 'es' ? 'Capacidad Financiera' : 'Financial Capacity'; ?></h5>
                                    <p class="mb-0"><?php echo $lang == 'es' ? 'Solidez económica para desarrollar proyectos de gran envergadura.' : 'Economic solidity to develop large-scale projects.'; ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section id="normatividad" class="services-section" style="background-color: white;">
        <div class="container">
            <div class="section-title">
                <h2><?php echo $lang == 'es' ? 'Normatividad' : 'Regulations'; ?></h2>
                <p class="lead mt-3"><?php echo $lang == 'es' ? 'Marco legal y regulatorio para Fuentes de Energía No Convencionales en Colombia' : 'Legal and regulatory framework for Non-Conventional Energy Sources in Colombia'; ?></p>
            </div>
            
            <div class="row">
                <div class="col-lg-10 mx-auto">
                    <div class="card border-0 shadow-lg">
                        <div class="card-body p-5">
                            <h4 class="text-primary mb-4"><?php echo $lang == 'es' ? 'Legislación Aplicable' : 'Applicable Legislation'; ?></h4>
                            
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-4">
                                        <h5><i class="fas fa-file-contract text-primary me-2"></i> <?php echo $lang == 'es' ? 'Ley 1715 de 2014' : 'Law 1715 of 2014'; ?></h5>
                                        <p><?php echo $lang == 'es' ? 'Regula la integración de las energías renovables no convencionales al Sistema Energético Nacional.' : 'Regulates the integration of non-conventional renewable energies into the National Energy System.'; ?></p>
                                    </div>
                                    
                                    <div class="mb-4">
                                        <h5><i class="fas fa-file-contract text-primary me-2"></i> <?php echo $lang == 'es' ? 'Ley 2294 de 2023' : 'Law 2294 of 2023'; ?></h5>
                                        <p><?php echo $lang == 'es' ? 'Adiciona el concepto de "Hidrógeno Blanco" como Fuente No Convencional de Energía Renovable (FNCER).' : 'Adds the concept of "White Hydrogen" as a Non-Conventional Renewable Energy Source (NCRES).'; ?></p>
                                    </div>
                                    
                                    <div class="mb-4">
                                        <h5><i class="fas fa-file-contract text-primary me-2"></i> <?php echo $lang == 'es' ? 'Resolución 40807 de 2018' : 'Resolution 40807 of 2018'; ?></h5>
                                        <p><?php echo $lang == 'es' ? 'Reglamenta los procedimientos para la ejecución de proyectos de generación con FNCER.' : 'Regulates the procedures for the execution of generation projects with NCRES.'; ?></p>
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-4">
                                        <h5><i class="fas fa-file-contract text-primary me-2"></i> <?php echo $lang == 'es' ? 'Decreto 348 de 2017' : 'Decree 348 of 2017'; ?></h5>
                                        <p><?php echo $lang == 'es' ? 'Establece los lineamientos para la contratación de proyectos de generación con FNCER.' : 'Establishes the guidelines for contracting generation projects with NCRES.'; ?></p>
                                    </div>
                                    
                                    <div class="mb-4">
                                        <h5><i class="fas fa-file-contract text-primary me-2"></i> <?php echo $lang == 'es' ? 'Resolución 40179 de 2019' : 'Resolution 40179 of 2019'; ?></h5>
                                        <p><?php echo $lang == 'es' ? 'Reglamenta los procedimientos para la medición y verificación de energía generada con FNCER.' : 'Regulates the procedures for the measurement and verification of energy generated with NCRES.'; ?></p>
                                    </div>
                                    
                                    <div class="mb-4">
                                        <h5><i class="fas fa-file-contract text-primary me-2"></i> <?php echo $lang == 'es' ? 'Normas Técnicas' : 'Technical Standards'; ?></h5>
                                        <p><?php echo $lang == 'es' ? 'NTC-ISO 50001, NTC-ISO 14001 y otras normas aplicables al sector energético.' : 'NTC-ISO 50001, NTC-ISO 14001 and other standards applicable to the energy sector.'; ?></p>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="mt-4 p-4 bg-light rounded">
                                <h5 class="text-primary"><?php echo $lang == 'es' ? 'Definición Legal de Hidrógeno Blanco' : 'Legal Definition of White Hydrogen'; ?></h5>
                                <p class="mb-0"><?php echo $lang == 'es' ? 'Según el artículo 235 de la Ley 2294 de 2023, se adicionó el numeral 26 al artículo 5 de la Ley 1715 de 2014, que define al Hidrógeno Blanco como: "el hidrógeno que se produce de manera natural, asociado a procesos geológicos en la corteza terrestre y que se encuentra en su forma natural como gas libre en diferentes ambientes geológicos ya sea en capas de la corteza continental, en la corteza oceánica, en gases volcánicos, y en sistemas hidrotermales, como en géiseres y se considera FNCER."' : 'According to article 235 of Law 2294 of 2023, numeral 26 was added to article 5 of Law 1715 of 2014, which defines White Hydrogen as: "hydrogen that is produced naturally, associated with geological processes in the earth\'s crust and that is found in its natural form as free gas in different geological environments either in layers of the continental crust, in the oceanic crust, in volcanic gases, and in hydrothermal systems, such as geysers and is considered NCRES."'; ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section id="learn" class="hydrogen-section" style="background: linear-gradient(rgba(10, 61, 98, 0.9), rgba(30, 144, 255, 0.9)), url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');">
        <div class="container">
            <div class="section-title">
                <h2 class="text-white"><?php echo $lang == 'es' ? 'Aprendamos Juntos' : 'Learn Together'; ?></h2>
                <p class="lead mt-3 text-white"><?php echo $lang == 'es' ? 'Compartiendo conocimiento sobre energías renovables no convencionales' : 'Sharing knowledge about non-conventional renewable energies'; ?></p>
            </div>
            
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="card border-0 h-100">
                        <div class="card-body p-4 text-center">
                            <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center mx-auto mb-4" style="width: 80px; height: 80px;">
                                <i class="fas fa-book-open fa-2x"></i>
                            </div>
                            <h4 class="card-title"><?php echo $lang == 'es' ? 'Recursos Educativos' : 'Educational Resources'; ?></h4>
                            <p><?php echo $lang == 'es' ? 'Guías, manuales y material didáctico sobre FENC y tecnologías de hidrógeno blanco.' : 'Guides, manuals and teaching materials on NCES and white hydrogen technologies.'; ?></p>
                            <a href="#" class="btn btn-outline-primary"><?php echo $lang == 'es' ? 'Explorar Recursos' : 'Explore Resources'; ?></a>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class="card border-0 h-100">
                        <div class="card-body p-4 text-center">
                            <div class="rounded-circle bg-success text-white d-flex align-items-center justify-content-center mx-auto mb-4" style="width: 80px; height: 80px;">
                                <i class="fas fa-chalkboard-teacher fa-2x"></i>
                            </div>
                            <h4 class="card-title"><?php echo $lang == 'es' ? 'Capacitaciones' : 'Training'; ?></h4>
                            <p><?php echo $lang == 'es' ? 'Programas de formación especializada para empresas, instituciones y profesionales.' : 'Specialized training programs for companies, institutions and professionals.'; ?></p>
                            <a href="#" class="btn btn-outline-success"><?php echo $lang == 'es' ? 'Ver Programas' : 'View Programs'; ?></a>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class="card border-0 h-100">
                        <div class="card-body p-4 text-center">
                            <div class="rounded-circle bg-warning text-white d-flex align-items-center justify-content-center mx-auto mb-4" style="width: 80px; height: 80px;">
                                <i class="fas fa-users fa-2x"></i>
                            </div>
                            <h4 class="card-title"><?php echo $lang == 'es' ? 'Eventos y Webinars' : 'Events and Webinars'; ?></h4>
                            <p><?php echo $lang == 'es' ? 'Participa en nuestros eventos, seminarios y conferencias sobre energías renovables.' : 'Participate in our events, seminars and conferences on renewable energy.'; ?></p>
                            <a href="#" class="btn btn-outline-warning"><?php echo $lang == 'es' ? 'Próximos Eventos' : 'Upcoming Events'; ?></a>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="row mt-5">
                <div class="col-lg-8 mx-auto">
                    <div class="card border-0 shadow-lg">
                        <div class="card-body p-5">
                            <h4 class="text-center mb-4"><?php echo $lang == 'es' ? 'Suscríbete a Nuestro Boletín' : 'Subscribe to Our Newsletter'; ?></h4>
                            <p class="text-center mb-4"><?php echo $lang == 'es' ? 'Recibe información actualizada sobre normatividad, tecnologías y oportunidades en el sector de energías no convencionales.' : 'Receive updated information on regulations, technologies and opportunities in the non-conventional energy sector.'; ?></p>
                            
                            <form id="newsletter-form">
                                <div class="row g-3">
                                    <div class="col-md-5">
                                        <input type="text" class="form-control form-control-lg" placeholder="<?php echo $lang == 'es' ? 'Tu nombre' : 'Your name'; ?>" required>
                                    </div>
                                    <div class="col-md-5">
                                        <input type="email" class="form-control form-control-lg" placeholder="<?php echo $lang == 'es' ? 'Tu correo electrónico' : 'Your email'; ?>" required>
                                    </div>
                                    <div class="col-md-2">
                                        <button type="submit" class="btn btn-primary btn-lg w-100"><?php echo $lang == 'es' ? 'Suscribirse' : 'Subscribe'; ?></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section id="contact" class="contact-section">
        <div class="container">
            <div class="section-title">
                <h2 class="text-white"><?php echo $lang == 'es' ? 'Contáctanos' : 'Contact Us'; ?></h2>
                <p class="lead mt-3 text-white"><?php echo $lang == 'es' ? 'Estamos listos para colaborar en tu próximo proyecto de energía renovable' : 'We are ready to collaborate on your next renewable energy project'; ?></p>
            </div>
            
            <div class="row">
                <div class="col-lg-8 mx-auto">
                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <div class="contact-info h-100">
                                <h4 class="mb-4"><?php echo $lang == 'es' ? 'Información de Contacto' : 'Contact Information'; ?></h4>
                                
                                <div class="d-flex mb-4">
                                    <div>
                                        <i class="fas fa-building contact-icon"></i>
                                    </div>
                                    <div>
                                        <h5>FENC SAS</h5>
                                        <p><?php echo $lang == 'es' ? 'Fuentes de Energía Renovables No Convencionales SAS' : 'Non-Conventional Renewable Energy Sources SAS'; ?></p>
                                    </div>
                                </div>
                                
                                <div class="d-flex mb-4">
                                    <div>
                                        <i class="fas fa-user contact-icon"></i>
                                    </div>
                                    <div>
                                        <h5><?php echo $lang == 'es' ? 'Representante Legal' : 'Legal Representative'; ?></h5>
                                        <p><?php echo $lang == 'es' ? 'Geólogo Senior Rafael A. Lopez G.' : 'Senior Geologist Rafael A. Lopez G.'; ?></p>
                                    </div>
                                </div>
                                
                                <div class="d-flex mb-4">
                                    <div>
                                        <i class="fas fa-envelope contact-icon"></i>
                                    </div>
                                    <div>
                                        <h5>Email</h5>
                                        <p>geofisico.senior@gmail.com</p>
                                    </div>
                                </div>
                                
                                <div class="d-flex mb-4">
                                    <div>
                                        <i class="fas fa-phone contact-icon"></i>
                                    </div>
                                    <div>
                                        <h5><?php echo $lang == 'es' ? 'Teléfono' : 'Phone'; ?></h5>
                                        <p>+57 315 264 7759</p>
                                    </div>
                                </div>
                                
                                <div class="d-flex">
                                    <div>
                                        <i class="fas fa-map-marker-alt contact-icon"></i>
                                    </div>
                                    <div>
                                        <h5><?php echo $lang == 'es' ? 'Ubicación' : 'Location'; ?></h5>
                                        <p>Colombia</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="contact-info h-100">
                                <h4 class="mb-4"><?php echo $lang == 'es' ? 'Envía un Mensaje' : 'Send a Message'; ?></h4>
                                
                                <form id="contact-form">
                                    <div class="mb-3">
                                        <input type="text" class="form-control" placeholder="<?php echo $lang == 'es' ? 'Nombre completo' : 'Full name'; ?>" required>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <input type="email" class="form-control" placeholder="<?php echo $lang == 'es' ? 'Correo electrónico' : 'Email'; ?>" required>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <input type="text" class="form-control" placeholder="<?php echo $lang == 'es' ? 'Asunto' : 'Subject'; ?>" required>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <textarea class="form-control" rows="4" placeholder="<?php echo $lang == 'es' ? 'Mensaje' : 'Message'; ?>" required></textarea>
                                    </div>
                                    
                                    <button type="submit" class="btn btn-light w-100"><?php echo $lang == 'es' ? 'Enviar Mensaje' : 'Send Message'; ?></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 mb-4 mb-lg-0">
                    <h4 class="text-white mb-4">FENC SAS</h4>
                    <p><?php echo $lang == 'es' ? 'Fuentes de Energía Renovables No Convencionales SAS. Líderes en investigación y desarrollo de soluciones energéticas innovadoras y sostenibles para Colombia.' : 'Non-Conventional Renewable Energy Sources SAS. Leaders in research and development of innovative and sustainable energy solutions for Colombia.'; ?></p>
                    <div class="social-icons mt-4">
                        <a href="#" class="text-white me-3"><i class="fab fa-linkedin fa-2x"></i></a>
                        <a href="#" class="text-white me-3"><i class="fab fa-twitter fa-2x"></i></a>
                        <a href="#" class="text-white me-3"><i class="fab fa-facebook fa-2x"></i></a>
                        <a href="#" class="text-white"><i class="fab fa-instagram fa-2x"></i></a>
                    </div>
                </div>
                
                <div class="col-lg-2 col-md-6 mb-4 mb-md-0">
                    <h5 class="text-white mb-4"><?php echo $lang == 'es' ? 'Enlaces Rápidos' : 'Quick Links'; ?></h5>
                    <div class="footer-links">
                        <a href="#home"><?php echo $lang == 'es' ? 'Inicio' : 'Home'; ?></a>
                        <a href="#about"><?php echo $lang == 'es' ? 'Quiénes Somos' : 'About Us'; ?></a>
                        <a href="#services"><?php echo $lang == 'es' ? 'Servicios' : 'Services'; ?></a>
                        <a href="#hydrogen"><?php echo $lang == 'es' ? 'Hidrógeno Blanco' : 'White Hydrogen'; ?></a>
                    </div>
                </div>
                
                <div class="col-lg-2 col-md-6 mb-4 mb-md-0">
                    <h5 class="text-white mb-4">&nbsp;</h5>
                    <div class="footer-links">
                        <a href="#advantages"><?php echo $lang == 'es' ? 'Ventajas' : 'Advantages'; ?></a>
                        <a href="#policies"><?php echo $lang == 'es' ? 'Políticas' : 'Policies'; ?></a>
                        <a href="#normatividad"><?php echo $lang == 'es' ? 'Normatividad' : 'Regulations'; ?></a>
                        <a href="#learn"><?php echo $lang == 'es' ? 'Aprendamos Juntos' : 'Learn Together'; ?></a>
                    </div>
                </div>
                
                <div class="col-lg-4">
                    <h5 class="text-white mb-4"><?php echo $lang == 'es' ? 'Suscríbete a Nuestro Boletín' : 'Subscribe to Our Newsletter'; ?></h5>
                    <p><?php echo $lang == 'es' ? 'Mantente informado sobre las últimas novedades en energías renovables no convencionales.' : 'Stay informed about the latest news in non-conventional renewable energies.'; ?></p>
                    
                    <form class="mt-3">
                        <div class="input-group">
                            <input type="email" class="form-control" placeholder="<?php echo $lang == 'es' ? 'Tu correo electrónico' : 'Your email'; ?>">
                            <button class="btn btn-primary" type="button"><?php echo $lang == 'es' ? 'Suscribir' : 'Subscribe'; ?></button>
                        </div>
                    </form>
                </div>
            </div>
            
            <div class="copyright">
                <p>&copy; 2024 FENC SAS - <?php echo $lang == 'es' ? 'Fuentes de Energía Renovables No Convencionales SAS. Todos los derechos reservados.' : 'Non-Conventional Renewable Energy Sources SAS. All rights reserved.'; ?></p>
            </div>
        </div>
    </footer>
    
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/codemirror.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/xml/xml.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/javascript/javascript.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/css/css.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/php/php.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/htmlmixed/htmlmixed.min.js"></script>
    
    <script>
        // Admin panel toggle
        function toggleAdminPanel() {
            const panel = document.getElementById('adminPanel');
            if (panel.style.display === 'none' || panel.style.display === '') {
                panel.style.display = 'block';
            } else {
                panel.style.display = 'none';
            }
        }
        
        // Close admin panel when clicking outside
        document.addEventListener('click', function(event) {
            const panel = document.getElementById('adminPanel');
            const adminBtn = document.querySelector('.admin-btn .btn');
            
            if (panel.style.display === 'block' && 
                !panel.contains(event.target) && 
                event.target !== adminBtn && 
                !adminBtn?.contains(event.target)) {
                panel.style.display = 'none';
            }
        });
        
        // Code editor
        let editor = null;
        
        function openCodeEditor() {
            document.getElementById('codeEditor').classList.add('active');
            if (!editor) {
                const textarea = document.getElementById('codeTextarea');
                editor = CodeMirror.fromTextArea(textarea, {
                    lineNumbers: true,
                    mode: 'application/x-httpd-php',
                    theme: 'dracula',
                    autoCloseTags: true,
                    autoCloseBrackets: true,
                    matchBrackets: true,
                    indentUnit: 4,
                    tabSize: 4,
                    lineWrapping: true
                });
            }
            toggleAdminPanel();
        }
        
        function closeCodeEditor() {
            document.getElementById('codeEditor').classList.remove('active');
        }
        
        // Smooth scrolling
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                
                const targetId = this.getAttribute('href');
                if (targetId === '#') return;
                
                const targetElement = document.querySelector(targetId);
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80,
                        behavior: 'smooth'
                    });
                }
            });
        });
        
        // Navbar scroll effect
        window.addEventListener('scroll', function() {
            const navbar = document.querySelector('.navbar');
            if (window.scrollY > 50) {
                navbar.style.padding = '0.5rem 0';
                navbar.style.boxShadow = '0 5px 20px rgba(0, 0, 0, 0.15)';
            } else {
                navbar.style.padding = '1rem 0';
                navbar.style.boxShadow = '0 5px 20px rgba(0, 0, 0, 0.1)';
            }
        });
        
        // Form submissions
        document.getElementById('contact-form')?.addEventListener('submit', function(e) {
            e.preventDefault();
            alert('<?php echo $lang == 'es' ? '¡Gracias por tu mensaje! Te contactaremos pronto.' : 'Thank you for your message! We will contact you soon.'; ?>');
            this.reset();
        });
        
        document.getElementById('newsletter-form')?.addEventListener('submit', function(e) {
            e.preventDefault();
            alert('<?php echo $lang == 'es' ? '¡Gracias por suscribirte a nuestro boletín!' : 'Thank you for subscribing to our newsletter!'; ?>');
            this.reset();
        });
        
        // Active nav link on scroll
        const sections = document.querySelectorAll('section');
        const navLinks = document.querySelectorAll('.navbar-nav .nav-link');
        
        window.addEventListener('scroll', function() {
            let current = '';
            
            sections.forEach(section => {
                const sectionTop = section.offsetTop;
                const sectionHeight = section.clientHeight;
                if (scrollY >= (sectionTop - 150)) {
                    current = section.getAttribute('id');
                }
            });
            
            navLinks.forEach(link => {
                link.classList.remove('active');
                if (link.getAttribute('href') === `#${current}`) {
                    link.classList.add('active');
                }
            });
        });
        
        // Mostrar panel admin si hay parámetro
        if (window.location.search.includes('admin=1')) {
            toggleAdminPanel();
        }
    </script>
</body>
</html>