/* Paleta azul moderna y cálida */
        :root {
            --azul-oscuro: #0A3D62;
            --azul-medio: #3C6382;
            --azul-claro: #82CCDD;
            --azul-suave: #dff3fc;
        }

        body {
            margin: 0;
            font-family: "Segoe UI", Arial, sans-serif;
            background: var(--azul-suave);
            color: #fff;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        header {
            background: linear-gradient(90deg, var(--azul-oscuro), var(--azul-medio));
            padding: 15px 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .logo {
            background: var(--azul-claro);
            padding: 10px 20px;
            border-radius: 6px;
            font-weight: bold;
            color: var(--azul-oscuro);
        }

        nav ul {
            list-style: none;
            display: flex;
            gap: 20px;
            margin: 0;
            padding: 0;
        }

        nav a {
            color: #fff;
            text-decoration: none;
            font-weight: 500;
        }

        nav a:hover {
            text-decoration: underline;
        }

        main {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }

        .imagen-central {
            width: 15cm; /* lo que pediste */
            max-width: 90vw; /* responsive */
            height: auto;
            border-radius: 10px;
            background: #ccc; /* placeholder */
            display: block;
        }

        footer {
            background: var(--azul-medio);
            padding: 10px;
            text-align: center;
            font-size: 0.9rem;
        }

        /* Responsive menú para móviles */
        @media (max-width: 600px) {
            nav ul {
                flex-direction: column;
                gap: 10px;
            }
        }